/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* Titlu centrat, mai mic, cu spațiu până la grilă */
.volumes{ margin-top: 6px; }
.voltitle{
  margin: 0 0 clamp(26px, 5vw, 48px);
  text-align: center;
  font-weight: 900;
  line-height: 1.1;
  font-size: clamp(24px, 4.2vw, 48px);  /* mai mic */
  color: #1f1f1f;
}

/* Grilă: 3 pe rând, aerisite */
.volgrid{
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  align-items: start;
  gap: clamp(28px, 5vw, 56px);
}

/* Card + copertă */
.volcard{ text-align:center; display:flex; flex-direction:column; align-items:center; }

.volcover{
  width: clamp(200px, 19vw, 270px);   /* controlezi mărimea de aici */
  max-width: 280px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 42px rgba(0,0,0,.10);
  transition: transform .2s ease, box-shadow .2s ease;
}
.volcover img{
  display:block;
  width:100%;
  height:auto;                         /* păstrează raportul imaginii */
  object-fit: contain;                 /* se vede toată coperta */
  background:#fff;                     /* fără chenar gri */
}
.volcover:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 50px rgba(0,0,0,.14);
}

.volmeta{
  display:inline-block;
  margin-top: 14px;
  font-weight: 800;
  font-size: clamp(16px, 1.8vw, 20px);
  letter-spacing: .2px;
  color: #82817A;
  text-decoration: none;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}
.volmeta:hover{ color:#b88f00; text-decoration: underline; }

/* Responsive: 2 coloane / 1 coloană */
@media (max-width:1100px){
  .volgrid{ grid-template-columns: repeat(2, auto); }
}
@media (max-width:640px){
  .volgrid{ grid-template-columns: 1 fr; }
  .volcover{ margin-inline:auto; }
}

/* MOBIL MIC */
@media (max-width: 380px){
  .volgrid{ gap: 14px; }
  .voltitle{ font-size: clamp(20px, 7vw, 28px); }
  .volmeta{ font-size: 16px; }
}