/* Alineación profesional y uniforme de las 336 tarjetas */
.preview-card{display:grid;grid-template-rows:260px 48px 68px 28px 62px 46px 56px;align-items:center;height:100%;overflow:hidden}
.preview-card>img{width:100%;height:260px;aspect-ratio:auto;object-fit:contain;background:#fffaf3}
.preview-card>small{display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;margin:0;line-height:1.1}
.preview-card .product-inspiration{display:-webkit-box;max-width:96%;margin-top:3px;color:#8b641d;font-size:10px;font-weight:600;line-height:1.15;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.preview-card>h3{display:flex;align-items:center;justify-content:center;height:68px;margin:0;padding:2px 4px;line-height:1.15;font-size:20px;overflow:hidden}
.preview-card>.stars{display:flex;align-items:center;justify-content:center;height:28px;margin:0}
.preview-card>select{width:100%;height:52px;margin:5px 0!important;padding:0 12px!important}
.preview-card>.preview-price{display:flex!important;align-items:center;justify-content:center;height:46px;margin:0!important;font-size:20px}
.preview-card>.btn.small{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin:0;padding:8px 10px;font-size:13px;line-height:1.05;white-space:nowrap}

@media(max-width:850px){
 body{overflow-x:hidden}.preview-note{padding:7px 45px 7px 10px}.topbar{height:32px;padding:0 12px}.nav{height:62px;padding:0 10px}.nav-actions{gap:7px}.iconbtn,.cart-pill{padding:8px 12px}
 .search-panel{top:94px;padding:10px;flex-wrap:wrap}.search-panel input{min-width:100%;padding:11px}
 .catalog{padding:22px 8px}.catalog-tools,.decant-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.catalog-tools input{grid-column:1/-1}.catalog-tools input,.catalog-tools select{width:100%;padding:10px;font-size:13px}.catalog-tools button{grid-column:1/-1}
 .product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-top:16px}.card{display:block;min-width:0;padding:7px}
 .preview-card{display:grid;grid-template-rows:155px 42px 58px 24px 48px 38px 48px;height:100%}.preview-card>img{height:155px;max-width:100%}.preview-card>small{height:42px;font-size:11px}.preview-card .product-inspiration{font-size:9px}.preview-card>h3{height:58px;font-size:15px;padding:1px;line-height:1.12}.preview-card>.stars{height:24px;font-size:12px;letter-spacing:1px}.preview-card>select{height:42px;padding:0 5px!important;font-size:12px}.preview-card>.preview-price{height:38px;font-size:16px}.preview-card>.btn.small{height:48px;padding:5px 2px;font-size:9px;letter-spacing:0;white-space:normal;text-align:center}
 .pagination{gap:8px;margin:22px 0;flex-wrap:wrap}.pagination button,.pagination a{padding:9px 12px;font-size:12px}
 .perfume-slider,.perfume-slides{display:block!important;visibility:visible!important;min-height:340px!important;height:340px!important}.perfume-slide{display:grid!important;grid-template-columns:1fr 128px!important;align-items:center!important;text-align:left!important;padding:20px 34px 48px 26px!important;min-height:340px!important;height:340px!important}.perfume-slide img{grid-column:2!important;grid-row:1!important;width:120px!important;height:190px!important;max-width:100%;object-fit:contain}.perfume-slide .slide-copy{grid-column:1;grid-row:1}.slide-copy h2{font-size:25px!important;line-height:1;margin:7px 0}.slide-copy p{font-size:12px!important;margin:0 0 13px}.slide-copy .btn{padding:9px 10px;font-size:10px}.slider-dots{bottom:13px}.slider-arrow{width:32px;height:32px;font-size:22px}.slider-prev{left:5px}.slider-next{right:5px}
}
@media(max-width:850px){.preview-card>.btn.small{font-size:11px}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr!important}.preview-card{grid-template-rows:220px 42px 52px 25px 48px 38px 48px}.preview-card>img{height:220px}.preview-card>.btn.small{font-size:11px}.perfume-slide{grid-template-columns:1fr 100px!important;padding-left:22px!important;padding-right:25px!important}.perfume-slide img{width:95px!important;height:165px!important}.slide-copy h2{font-size:21px!important}}

/* Las fotos PNG conservan su transparencia en catálogo y carrito. */
.card img,.preview-card>img,.cart-row img,.product-photo img{background:transparent}
.preview-card>img{padding:2px!important;object-position:center center;transform:none}
.preview-card>.catalog-image{display:block;width:100%;max-width:100%;object-fit:contain;object-position:center center;padding:2px!important;background:transparent;transition:opacity .2s ease}
.preview-card>.catalog-image.is-fallback{padding:18px!important;opacity:.92;transform:none}

[hidden]{display:none!important}.catalog{scroll-margin-top:90px}.product-format{font-size:12px;color:#766135;line-height:28px}.nav a[aria-current="page"]{color:#f4cf81;text-decoration:underline;text-underline-offset:7px}.empty-results{grid-column:1/-1;text-align:center}.preview-tools{grid-template-columns:2fr 1fr}.preview-card{align-content:start}
@media(max-width:850px){.nav{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 10px;gap:7px}.nav nav{display:flex!important;order:2;width:100%;overflow-x:auto;margin:0;gap:18px;padding:8px 0;font-size:12px;white-space:nowrap}.nav-actions{margin-left:auto}.catalog{scroll-margin-top:112px}.product-format{font-size:10px;line-height:24px}.preview-tools{grid-template-columns:1fr 1fr}.preview-tools input{grid-column:1}.preview-card{display:grid!important}.search-panel{top:108px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Todas las fotos usan la misma ventana visual: misma altura y sin márgenes desiguales. */
.preview-card>img,.preview-card>.catalog-image{height:260px!important;transform:none;object-fit:contain!important;object-position:center!important}

/* Carrusel limpio: usa la foto real de cada perfume, sin flechas dibujadas dentro del fondo. */
.perfume-slide.slide-khamrah,.perfume-slide.slide-eros,.perfume-slide.slide-invictus,.perfume-slide.slide-le-male{background:radial-gradient(circle at 77% 42%,#1b5ca8 0,#0a2757 28%,#030916 70%)!important}
.perfume-slide.slide-eros{background:radial-gradient(circle at 77% 42%,#0f788b 0,#093647 30%,#030916 70%)!important}
.perfume-slide.slide-invictus{background:radial-gradient(circle at 77% 42%,#483597 0,#171746 33%,#030916 70%)!important}
.perfume-slide.slide-le-male{background:radial-gradient(circle at 77% 42%,#875118 0,#2d1b12 34%,#030916 72%)!important}
.perfume-slider,.perfume-slides{min-height:420px!important;height:420px!important}
.perfume-slide{min-height:420px!important;height:420px!important;padding-top:20px!important;padding-bottom:36px!important}
.perfume-slide.luminous-slide>img{visibility:visible!important;width:min(430px,38vw)!important;height:390px!important;max-width:86%;object-fit:contain!important;filter:drop-shadow(0 18px 18px #000a)!important}
.perfume-slider .slider-arrow{box-shadow:none!important;background:#07152fe6!important}
.perfume-slider .slider-dots{background:transparent!important;box-shadow:none!important;padding:0!important}
@media(max-width:850px){
 .preview-card>img,.preview-card>.catalog-image{height:155px!important;transform:none}
 .perfume-slider,.perfume-slides{min-height:290px!important;height:290px!important}
 .perfume-slide{min-height:290px!important;height:290px!important;padding-top:14px!important;padding-bottom:36px!important}
 .perfume-slide.luminous-slide>img{width:min(190px,48vw)!important;height:235px!important}
}

/* Campaña del sorteo: conserva el afiche completo y legible dentro del carrusel. */
.perfume-slide.campaign-slide{background:#06152f url('../images/carrusel-sorteo-fiestas-patrias-proporcion-real.webp') center center/contain no-repeat!important;animation:none!important}
.perfume-slide.campaign-slide.is-active{animation:none!important}
.perfume-slide.carousel-art-slide{display:block!important;padding:0!important;background-color:#06152f!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}
.perfume-slide.carousel-art-slide .carousel-art-link{position:absolute;inset:0;z-index:2;display:block}
.perfume-slide.carousel-art-slide.slide-pisa{background-image:url('../images/carousel-pisa.png')!important}
.perfume-slide.carousel-art-slide.slide-areef{background-image:url('../images/carousel-areef.png')!important}
.perfume-slide.carousel-art-slide.slide-erba-pura-decants{background-image:url('../images/carousel-erba-pura-decants.png')!important}
.perfume-slide.carousel-art-slide.slide-hawas-collection{background-image:url('../images/carousel-hawas-collection.png')!important}
.perfume-slide.campaign-slide .campaign-button{display:inline-block;margin:4px 0 0;padding:5px 12px;border:1px solid #f4d477;border-radius:7px;background:#061a42;color:#fff;text-decoration:none;font-size:clamp(8px,.7vw,12px);font-weight:900;box-shadow:0 3px 10px #061a4266}
.perfume-slide.campaign-slide .campaign-button:hover,.perfume-slide.campaign-slide .campaign-button:focus{background:#12336b;transform:translateY(-1px)}
.preview-card>.catalog-image{transform:scale(var(--product-visual-scale,1))!important;transform-origin:center center!important}
.campaign-copy{position:absolute;left:31.5%;bottom:32px;z-index:5;width:min(330px,34vw);margin:0;transform:translateX(-50%);text-align:center}.campaign-note{margin:0;padding:5px 9px;border-radius:7px;background:#061a42e8;color:#fff;font-size:clamp(8px,.72vw,12px);font-weight:800;line-height:1.12;box-shadow:0 3px 10px #061a4266}.campaign-note b{color:#f8d787}.campaign-note small{display:block;margin-top:2px;color:#fff;font-size:.86em;font-weight:700}@media(max-width:850px){.campaign-copy{left:31.5%;bottom:28px;width:min(260px,65vw)}.campaign-note{padding:4px 7px;font-size:clamp(6px,1.6vw,9px)}.campaign-copy .campaign-button{margin-top:3px;padding:4px 8px;font-size:clamp(6px,1.5vw,9px)}.perfume-slide.campaign-slide{background-size:contain!important;background-position:center center!important}}

/* Decants: los tamaños y precios quedan siempre visibles, sin menú oculto. */
.preview-card{grid-template-rows:260px 48px 68px 28px 62px 46px 42px 56px}
.decant-ml-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;height:62px;align-items:stretch}
.decant-ml-buttons button{border:1px solid #c79536;border-radius:5px;background:#fff;color:#06152f;font-size:12px;font-weight:800;line-height:1.05;cursor:pointer}
.decant-ml-buttons button b{display:block;margin-top:3px;color:#8b641d;font-size:11px}
.decant-ml-buttons button.active{background:#06152f;color:#fff}
.decant-ml-buttons button.active b{color:#f4cf81}
@media(max-width:850px){.preview-card{grid-template-rows:155px 42px 58px 24px 48px 38px 36px 48px}.decant-ml-buttons{height:48px;gap:3px}.decant-ml-buttons button{font-size:9px}.decant-ml-buttons button b{font-size:9px;margin-top:2px}}
.preview-card>select{position:relative!important;z-index:5!important;pointer-events:auto!important;appearance:auto!important;-webkit-appearance:auto!important}


/* === FIX FINAL CARRUSEL MOVIL: banner completo, sin recortes === */
@media (max-width:850px){
  .perfume-slider,
  .perfume-slides{
    height:220px!important;
    min-height:220px!important;
    background:#06152f!important;
  }
  .perfume-slide.carousel-art-slide{
    height:220px!important;
    min-height:220px!important;
    padding:0!important;
    background-color:#06152f!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  .perfume-slide.carousel-art-slide .carousel-art-link{
    position:absolute!important;
    inset:0!important;
    display:block!important;
  }
  .perfume-slider .slider-arrow{
    width:36px!important;
    height:36px!important;
    font-size:24px!important;
  }
  .perfume-slider .slider-prev{left:7px!important}
  .perfume-slider .slider-next{right:7px!important}
  .perfume-slider .slider-dots{
    bottom:7px!important;
    gap:7px!important;
  }
  .perfume-slider .slider-dots button{
    width:9px!important;
    height:9px!important;
  }
  .perfume-slider .slider-dots button.is-active{
    width:24px!important;
  }
}
@media (max-width:430px){
  .perfume-slider,
  .perfume-slides,
  .perfume-slide.carousel-art-slide{
    height:190px!important;
    min-height:190px!important;
  }
}


/* === V5: LOS 4 BANNERS DEL CARRUSEL COMPLETOS EN TELEFONO === */
.carousel-mobile-art{display:none}

@media (max-width:850px){
  .perfume-slider,
  .perfume-slides{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2.86 / 1!important;
    overflow:hidden!important;
    background:#06152f!important;
  }

  .perfume-slide{
    height:100%!important;
    min-height:0!important;
  }

  .perfume-slide.carousel-art-slide{
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    background-image:none!important;
    background:#06152f!important;
    overflow:hidden!important;
  }

  .perfume-slide.carousel-art-slide .carousel-mobile-art{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:none!important;
    animation:none!important;
    transform:none!important;
  }

  .perfume-slide.carousel-art-slide .carousel-art-link{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
  }

  .perfume-slider .slider-arrow{z-index:6!important}
  .perfume-slider .slider-dots{z-index:6!important}
}

/* El sorteo conserva su composición que ya se veía bien. */
@media (max-width:850px){
  .perfume-slide.campaign-slide{
    height:100%!important;
    min-height:0!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}