/* Mata el padding vertical del tema (la franja) */
.shop-item .inner-box > .image-box{
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Evita el gap por inline-block/ baseline */
.shop-item .inner-box .image-box .image{
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
}
.shop-item .inner-box .image-box img{
  display: block !important;      /* clave */
  width: 100%;
  height: auto;
  margin: 0 !important;
  border: 0 !important;
  vertical-align: bottom !important;
}

/* (si usas hover) */
.shop-item .image { overflow: hidden; }
.shop-item .image-link:hover img,
.shop-item .image-link:focus img{
  transform: scale(1.06) rotate(-1.5deg);
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}


.main-header .main-box .outer-container::before { 
  height: 0px;
}


/* --- Card cliqueable (si la envuelves en <a class="card-link">) --- */
.market-block-two .card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}

/* --- Base: asegurar recorte y contexto para overlay --- */
.market-block-two .inner-box{
  position:relative;
  overflow:hidden; /* recorta el zoom */
}

/* --- Imagen y título --- */
.market-block-two .inner-box .image{
  position:relative !important; /* clave: ancla pseudo-elemento y título dentro */
  overflow:hidden;
}
.market-block-two .inner-box .image img{
  display:block;
  width:100%;
  transform-origin:center center;
  transform:translateZ(0);
  transition:transform .45s cubic-bezier(.2,.6,.2,1);
  will-change:transform;
}

/* Título siempre sobre la foto/oscurecimiento */
.market-block-two .inner-box .overlay-box{
  position:absolute; left:0; right:0; bottom:0;
  z-index:3;
  pointer-events:none; /* todo sigue cliqueable */
}

/* Oscurecimiento sutil sobre la imagen (debajo del título) */
.market-block-two .inner-box .image:after{
  content:"";
  position:absolute; left:0; top:0; width:100%; height:100%;
  background:rgba(0,0,0,0);
  z-index:2;                /* por encima de la foto, por debajo del título */
  transition:background .45s ease;
  pointer-events:none;
}

/* --- HOVER: zoom + giro antihorario + oscurecimiento --- */
.market-block-two .inner-box:hover .image img,
.market-block-two .card-link:hover .inner-box .image img{
  transform:scale(1.03) rotate(-0.9deg);
}
.market-block-two .inner-box:hover .image:after,
.market-block-two .card-link:hover .inner-box .image:after{
  background:rgba(0,0,0,.12);
}

/* (Si tu theme añade un overlay deslizante, lo anulamos para esta card) */
.market-block-two .inner-box .content-overlay{
  opacity:0 !important;
  transform:none !important;
  background:transparent !important;
  pointer-events:none !important;
}

/* Accesibilidad al foco si usas un <a> contenedor */
.market-block-two .card-link:focus{
  outline:0;
  box-shadow:0 0 0 3px rgba(21,156,228,.35);
  border-radius:4px;
}



/* Igualar alturas: exactamente 3 líneas */
.shop-item .price-box h3{
  line-height: 1.3;         /* ajusta a tu diseño */
  margin: 0;
  /* 3 líneas de alto mínimo (y máximo con clamp) */
  min-height: calc(1.3em * 3);
  display: -webkit-box;
  -webkit-line-clamp: 3;    /* máximo 3 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;         /* oculta el resto si se pasa */
}

/* Asegura que el enlace no rompa el cálculo de altura */
.shop-item .price-box h3 a{
  display: block;
  text-decoration: none;
}