/* Renovación visual basada en el catálogo Glitter de Oituma. */
:root {
  --brand-lilac-soft: #f2ebf7;
  --brand-lilac: #a983c2;
  --brand-pink: #ed77ac;
  --brand-aqua: #66cbc8;
  --brand-orange: #ef9a58;
  --photo-shadow: 0 18px 34px rgba(74, 51, 84, .20), 0 4px 10px rgba(74, 51, 84, .10);
  --lift-shadow: 0 24px 58px rgba(74, 51, 84, .16);
}

body {
  background-color: #fcfafc;
  background-image:
    radial-gradient(circle at 8% 12%, rgba(237,119,172,.13), transparent 24rem),
    radial-gradient(circle at 94% 30%, rgba(102,203,200,.13), transparent 27rem),
    linear-gradient(180deg, #fff 0, #faf6fc 45%, #fff 100%);
}

.site-header {
  box-shadow: 0 7px 28px rgba(75, 53, 84, .07);
}

.hero {
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: 3%;
  top: 7%;
  border-radius: 50%;
  background: #eadff1;
  filter: blur(1px);
  z-index: -1;
}
.hero h1 em { color: #9b6fba; }
.hero-copy > p { font-size: 19px; }

/* Todas las fotografías reciben profundidad y un marco limpio. */
.product-card .product-image {
  padding: 27px !important;
  background: linear-gradient(145deg, #f3ecf7, #e7daef) !important;
}
.product-card .product-image img {
  object-fit: contain;
  mix-blend-mode: normal;
  background: #fff;
  border: 7px solid rgba(255,255,255,.94);
  border-radius: 22px;
  box-shadow: var(--photo-shadow);
  filter: saturate(1.04) contrast(1.02);
  transition: transform .35s ease, box-shadow .35s ease;
}
.product-card:hover .product-image img {
  transform: translateY(-6px) scale(1.025);
  box-shadow: 0 25px 45px rgba(74,51,84,.25), 0 7px 15px rgba(74,51,84,.12);
}
.product-card {
  border: 1px solid rgba(145,106,168,.12);
  box-shadow: 0 12px 38px rgba(68,47,76,.10);
}
.product-card:hover { box-shadow: var(--lift-shadow); }
.product-info { border-top: 1px solid rgba(145,106,168,.10); }
.product-info h3 { color: #49374f; }
.product-bottom strong { color: #75568e; }
.badge {
  top: 38px;
  left: 38px;
  color: #674a76;
  box-shadow: 0 7px 16px rgba(68,47,76,.15);
}

.collage-card {
  border-color: #fff;
  box-shadow: 0 30px 65px rgba(65,45,70,.24), 0 8px 18px rgba(65,45,70,.12);
}
.collage-card img {
  filter: saturate(1.05) contrast(1.02);
}
.card-one { box-shadow: 0 32px 70px rgba(169,131,194,.35); }
.card-two { box-shadow: 0 32px 70px rgba(102,203,200,.30); }
.hero-sticker {
  background: linear-gradient(145deg, #f8e79d, #f2cf65);
  box-shadow: 0 15px 35px rgba(124,92,39,.25);
}

.filters { gap: 11px; }
.filter {
  box-shadow: 0 5px 14px rgba(74,51,84,.07);
  transition: .2s ease;
}
.filter:hover { transform: translateY(-2px); border-color: #b99acb; }
.filter.active { box-shadow: 0 8px 20px rgba(117,86,142,.25); }

.step-grid article {
  box-shadow: 0 14px 35px rgba(74,51,84,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.step-grid article:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 44px rgba(74,51,84,.14);
}
.step-grid article:nth-child(1) { border-top: 5px solid var(--brand-pink); }
.step-grid article:nth-child(2) { border-top: 5px solid var(--brand-aqua); }
.step-grid article:nth-child(3) { border-top: 5px solid #efd36e; }

.instagram {
  background: linear-gradient(135deg, #8f6da7, #a983c2 58%, #7f6693);
  box-shadow: 0 28px 70px rgba(77,52,90,.22);
}
.insta-tiles img {
  box-shadow: 0 14px 28px rgba(47,29,55,.25);
  transition: transform .25s ease;
}
.insta-tiles img:hover { transform: translateY(-5px) rotate(-2deg); }

.modal-card { box-shadow: 0 35px 100px rgba(39,25,46,.32); }
.preview-pane {
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.82), transparent 42%),
    linear-gradient(145deg, #efe5f5, #dfcee9);
}
.live-preview { filter: drop-shadow(0 22px 20px rgba(71,48,82,.25)); }
.color-guides details { box-shadow: 0 8px 21px rgba(68,47,76,.08); }
.color-guides img, .color-guides .guide-pdf { box-shadow: inset 0 8px 18px rgba(68,47,76,.07); }
.piece-form { box-shadow: 0 8px 20px rgba(68,47,76,.06); }
.cart-item img {
  border: 3px solid #fff;
  box-shadow: 0 8px 18px rgba(68,47,76,.16);
}
.primary-btn, .personalize-btn, .cart-button { box-shadow: 0 8px 20px rgba(54,38,61,.18); }

@media (max-width: 900px) {
  .hero::before { width: 230px; height: 230px; right: -8%; top: 42%; }
  .product-card .product-image { padding: 23px !important; }
}
@media (max-width: 600px) {
  .hero-copy > p { font-size: 17px; }
  .product-card .product-image { padding: 22px !important; }
  .product-card .product-image img { border-width: 5px; border-radius: 18px; }
  .badge { top: 32px; left: 32px; }
  .instagram { box-shadow: 0 20px 45px rgba(77,52,90,.18); }
}
/* Ajuste: sombras discretas y fondos cálidos para resaltar el producto. */
:root {
  --photo-shadow: 0 9px 20px rgba(74, 51, 84, .12), 0 2px 6px rgba(74, 51, 84, .07);
  --lift-shadow: 0 14px 34px rgba(74, 51, 84, .11);
}
.product-card .product-image {
  background:
    radial-gradient(circle at 82% 18%, rgba(247, 190, 165, .30), transparent 38%),
    linear-gradient(145deg, #f6edf3, #eadff1 62%, #f3e2dc) !important;
}
.product-card .product-image img {
  box-shadow: var(--photo-shadow);
  filter: saturate(1.035) sepia(.025) contrast(1.01);
}
.product-card:hover .product-image img {
  transform: translateY(-3px) scale(1.012);
  box-shadow: 0 13px 26px rgba(74,51,84,.15), 0 3px 8px rgba(74,51,84,.08);
}
.product-card,
.product-card:hover { box-shadow: var(--lift-shadow); }
.collage-card,
.card-one,
.card-two {
  box-shadow: 0 15px 34px rgba(74,51,84,.15), 0 4px 10px rgba(74,51,84,.08);
}
.insta-tiles img { box-shadow: 0 8px 17px rgba(47,29,55,.14); }
.step-grid article,
.step-grid article:hover { box-shadow: 0 10px 24px rgba(74,51,84,.08); }
.cart-item img { box-shadow: 0 5px 12px rgba(68,47,76,.11); }
.badge { box-shadow: 0 4px 10px rgba(68,47,76,.10); }
.primary-btn,
.personalize-btn,
.cart-button { box-shadow: 0 5px 12px rgba(54,38,61,.12); }
/* V3: profundidad visible y filtro cálido solicitado. */
.product-card .product-image {
  background:
    radial-gradient(circle at 78% 17%, rgba(255, 184, 145, .52), transparent 40%),
    radial-gradient(circle at 15% 85%, rgba(255, 220, 181, .42), transparent 38%),
    linear-gradient(145deg, #f7e8ed 0%, #ead9ef 58%, #f4d8ca 100%) !important;
  box-shadow: inset 0 0 32px rgba(153, 101, 121, .14);
}
.product-card .product-image img {
  box-shadow: 0 15px 30px rgba(62, 39, 70, .24), 0 5px 11px rgba(62, 39, 70, .13) !important;
  filter: sepia(.10) saturate(1.10) contrast(1.025) !important;
}
.product-card:hover .product-image img {
  transform: translateY(-4px) scale(1.018);
  box-shadow: 0 20px 37px rgba(62,39,70,.28), 0 7px 14px rgba(62,39,70,.14) !important;
}
.collage-card,
.card-one,
.card-two {
  box-shadow: 0 18px 38px rgba(62,39,70,.23), 0 6px 13px rgba(62,39,70,.12) !important;
}
.collage-card img,
.insta-tiles img,
.cart-item img {
  filter: sepia(.08) saturate(1.08) contrast(1.02);
}
.insta-tiles img { box-shadow: 0 13px 26px rgba(47,29,55,.22) !important; }
.cart-item img { box-shadow: 0 9px 18px rgba(68,47,76,.19) !important; }
.brand img { width: 150px; height: 62px; object-fit: contain; }
footer > img { width: 185px; max-height: 105px; object-fit: contain; }
.welcome-card > img { width: 175px; max-height: 100px; object-fit: contain; }
@media(max-width:600px){
  .brand img{width:125px;height:54px}
  .product-card .product-image img{box-shadow:0 12px 24px rgba(62,39,70,.22),0 4px 9px rgba(62,39,70,.12)!important}
}
/* V4: menos brillo en fondos e imágenes, con sombras definidas. */
.product-card .product-image {
  background:
    radial-gradient(circle at 78% 17%, rgba(204, 139, 116, .34), transparent 40%),
    radial-gradient(circle at 15% 85%, rgba(205, 171, 137, .28), transparent 38%),
    linear-gradient(145deg, #dfccd5 0%, #d7c2df 58%, #dec2b7 100%) !important;
  box-shadow: inset 0 0 38px rgba(71, 45, 81, .20);
}
.product-card .product-image img {
  filter: brightness(.91) sepia(.08) saturate(1.04) contrast(1.06) !important;
  box-shadow: 0 16px 31px rgba(45, 27, 52, .28), 0 5px 12px rgba(45, 27, 52, .16) !important;
}
.product-card:hover .product-image img {
  box-shadow: 0 21px 39px rgba(45,27,52,.32), 0 7px 15px rgba(45,27,52,.17) !important;
}
.collage-card img,
.insta-tiles img {
  filter: brightness(.91) sepia(.07) saturate(1.04) contrast(1.05) !important;
}
.collage-card,
.card-one,
.card-two {
  box-shadow: 0 19px 39px rgba(45,27,52,.27), 0 6px 14px rgba(45,27,52,.15) !important;
}
.insta-tiles img {
  box-shadow: 0 14px 28px rgba(39,23,45,.27) !important;
}
.cart-item img {
  filter: brightness(.92) saturate(1.03);
  box-shadow: 0 10px 20px rgba(45,27,52,.22) !important;
}
.color-guides img {
  filter: brightness(.94) contrast(1.03);
  box-shadow: 0 11px 23px rgba(45,27,52,.17) !important;
}
/* V5: acrílico blanco cálido con sombras de plantas y ventana. */
.product-card .product-image {
  isolation: isolate;
  background:
    linear-gradient(118deg, rgba(255,255,255,.92) 0 28%, rgba(250,245,235,.78) 48%, rgba(232,221,204,.68) 100%),
    #f4efe5 !important;
  box-shadow:
    inset 0 0 42px rgba(123, 100, 76, .13),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.product-card .product-image::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -12% -8% -8% 32% !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse 18% 8% at 72% 10%, rgba(76,88,59,.23) 0 65%, transparent 70%),
    radial-gradient(ellipse 9% 19% at 82% 24%, rgba(76,88,59,.20) 0 64%, transparent 70%),
    radial-gradient(ellipse 19% 9% at 61% 31%, rgba(76,88,59,.22) 0 64%, transparent 70%),
    radial-gradient(ellipse 10% 20% at 76% 48%, rgba(76,88,59,.18) 0 64%, transparent 70%),
    radial-gradient(ellipse 20% 9% at 48% 57%, rgba(76,88,59,.17) 0 64%, transparent 70%),
    radial-gradient(ellipse 10% 21% at 66% 73%, rgba(76,88,59,.14) 0 64%, transparent 70%),
    linear-gradient(62deg, transparent 48%, rgba(80,87,62,.16) 49% 50%, transparent 51%);
  filter: blur(5px) !important;
  opacity: .82;
  transform: rotate(-8deg);
  pointer-events: none;
}
.product-card .product-image::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -20% -15% -20% 42% !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, transparent 0 31%, rgba(99,82,66,.10) 32% 34%, transparent 35% 66%, rgba(99,82,66,.09) 67% 69%, transparent 70%),
    linear-gradient(0deg, transparent 0 43%, rgba(99,82,66,.09) 44% 47%, transparent 48%);
  filter: blur(3px) !important;
  transform: skewX(-12deg) rotate(-5deg);
  opacity: .76;
  pointer-events: none;
}
.product-card .product-image img {
  z-index: 2;
  background: rgba(255,255,255,.16) !important;
  mix-blend-mode: multiply !important;
  filter: brightness(.97) saturate(1.04) contrast(1.035) !important;
  box-shadow: 0 15px 29px rgba(65,48,39,.22), 0 4px 10px rgba(65,48,39,.12) !important;
}
.card-base-glitter .product-image img {
  mix-blend-mode: normal !important;
  background: #f4efe5 !important;
}
@media(max-width:600px){
  .product-card .product-image::before{inset:-8% -15% -8% 22%!important;opacity:.72}
  .product-card .product-image::after{opacity:.62}
}
/* V6: los fondos y sombras ya están integrados físicamente en cada imagen. */
.product-card .product-image {
  background: #efe6d9 !important;
  box-shadow: inset 0 0 30px rgba(90,67,48,.12);
}
.product-card .product-image::before,
.product-card .product-image::after {
  content: none !important;
  display: none !important;
}
.product-card .product-image img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  box-shadow: 0 16px 31px rgba(45,27,52,.26), 0 5px 12px rgba(45,27,52,.14) !important;
}
.product-card:hover .product-image img {
  box-shadow: 0 21px 39px rgba(45,27,52,.30), 0 7px 15px rgba(45,27,52,.16) !important;
}
.collage-card img,
.insta-tiles img { filter: none !important; }
/* V7: fotografías mejoradas con fondo, luz y sombra integrados. */
.product-card .product-image {
  background: linear-gradient(145deg, #fffdf8, #eee5d8) !important;
  box-shadow: inset 0 0 24px rgba(89,68,50,.08);
}
.product-card .product-image::before,
.product-card .product-image::after { content: none !important; display: none !important; }
.product-card .product-image img,
.card-base-glitter .product-image img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  border-color: rgba(255,255,255,.88);
  box-shadow: 0 12px 25px rgba(57,41,31,.17), 0 3px 8px rgba(57,41,31,.09) !important;
}
.product-card:hover .product-image img {
  transform: translateY(-3px) scale(1.012);
  box-shadow: 0 17px 31px rgba(57,41,31,.21), 0 5px 11px rgba(57,41,31,.10) !important;
}
.collage-card img,
.insta-tiles img,
.cart-item img { filter: none !important; }
/* V8: fotografías finales igualadas a las muestras proporcionadas. */
.product-card .product-image{background:#f5ecdf!important}
.product-card .product-image img{object-fit:cover!important;filter:none!important;mix-blend-mode:normal!important;background:#f5ecdf!important;border-color:rgba(255,255,255,.82);box-shadow:0 13px 27px rgba(77,53,37,.18),0 4px 9px rgba(77,53,37,.10)!important}
.product-card:hover .product-image img{box-shadow:0 18px 33px rgba(77,53,37,.22),0 6px 12px rgba(77,53,37,.11)!important}
.collage-card img,.insta-tiles img{filter:none!important}

/* Sombras de producto: profundidad visible y natural sobre el catálogo. */
.product-card .product-image img {
  box-shadow:
    0 7px 5px rgba(57, 37, 67, .17),
    0 21px 26px rgba(57, 37, 67, .31),
    0 38px 50px rgba(57, 37, 67, .17) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.product-card:hover .product-image img {
  box-shadow:
    0 9px 6px rgba(57, 37, 67, .21),
    0 27px 33px rgba(57, 37, 67, .37),
    0 47px 62px rgba(57, 37, 67, .21) !important;
}
@media (max-width: 600px) {
  .product-card .product-image img {
    box-shadow:
      0 6px 4px rgba(57, 37, 67, .15),
      0 16px 20px rgba(57, 37, 67, .27),
      0 28px 37px rgba(57, 37, 67, .15) !important;
  }
}


/* Profundidad global: ninguna tarjeta ni imagen de producto queda sin sombra. */
.product-grid .product-card {
  box-shadow: 0 13px 27px rgba(57,37,67,.13), 0 30px 58px rgba(57,37,67,.10) !important;
}
.product-grid .product-card:hover {
  box-shadow: 0 18px 34px rgba(57,37,67,.18), 0 38px 70px rgba(57,37,67,.14) !important;
}
.product-grid .product-card .product-image img {
  box-shadow: 0 8px 6px rgba(57,37,67,.18), 0 23px 29px rgba(57,37,67,.33), 0 41px 54px rgba(57,37,67,.18) !important;
}


/* Fondo unificado detrás de todas las fotografías del sitio. */
.product-image img,
.collage-card img,
.insta-tiles img,
.cart-item img,
.preview-product {
  background-color: #f5ecdf !important;
  background-image: url('assets/site-background.webp') !important;
  background-position: center !important;
  background-size: 520px auto !important;
  background-repeat: repeat !important;
}


/* Todos los productos usan el mismo fondo visual del Tag Owala. */
.product-grid .product-card .product-image,
.product-grid .product-card .product-image img {
  background-color: #eee3f2 !important;
  background-image: url('assets/backdrop-owala.webp') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* Fondo final del catálogo: lila uniforme, sin colores mezclados. */
.product-grid .product-card .product-image,
.product-grid .product-card .product-image img {
  background-color: #d8c2e8 !important;
  background-image: none !important;
}


/* Fondo blanco y sombra integrada siguiendo la forma real de cada producto. */
.product-grid .product-card .product-image,
.product-grid .product-card .product-image img {
  background: #fff !important;
  background-image: none !important;
}
.product-grid .product-card .product-image img {
  box-shadow: none !important;
  filter: none !important;
}
.product-grid .product-card:hover .product-image img {
  box-shadow: none !important;
  filter: none !important;
}


/* Sombra final sobre la transparencia: sigue la silueta de cada producto. */
.product-grid .product-card .product-image {
  background: #fff !important;
}
.product-grid .product-card .product-image img {
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 5px rgba(52,35,59,.26)) drop-shadow(0 22px 16px rgba(52,35,59,.30)) !important;
}
.product-grid .product-card:hover .product-image img {
  box-shadow: none !important;
  filter: drop-shadow(0 10px 6px rgba(52,35,59,.30)) drop-shadow(0 27px 19px rgba(52,35,59,.35)) !important;
}


/* Restauración solicitada: fondo blanco limpio y sin sombras. */
.product-grid .product-card,
.product-grid .product-card:hover {
  box-shadow: none !important;
}
.product-grid .product-card .product-image,
.product-grid .product-card .product-image img {
  background: #fff !important;
  background-image: none !important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img {
  object-fit: cover !important;
  box-shadow: none !important;
  filter: none !important;
}


/* Presentación uniforme basada en la tarjeta Backpack Charm. */
.product-grid .product-card .product-image {
  background: #f5ecdf !important;
  padding: 25px !important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  border: 6px solid rgba(255,255,255,.88) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  filter: none !important;
}


/* Regreso a la versión anterior: blanco, normal y sin sombras. */
.product-grid .product-card,
.product-grid .product-card:hover { box-shadow: none !important; }
.product-grid .product-card .product-image { background: #fff !important; padding: 25px !important; }
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img {
  object-fit: cover !important;
  background: #fff !important;
  border: 6px solid rgba(255,255,255,.88) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Decoración artesanal local inspirada en charms para mochila. */
.product-image{isolation:isolate}
.product-image img{z-index:1!important}
.product-charms{position:absolute;inset:12px;z-index:2;pointer-events:none}
.decor-cord{position:absolute;width:13px;height:72%;right:12%;top:-18%;border-radius:99px;background:repeating-linear-gradient(135deg,#ef79ad 0 5px,#7fd5d1 5px 10px,#f4d46b 10px 15px,#a98ac7 15px 20px);transform:rotate(-13deg);box-shadow:0 5px 9px #4e355b40}
.decor-bead{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:3px solid #fff;border-radius:50%;font:700 19px/1 var(--sans);color:#704c80;background:#f5bad4;box-shadow:0 6px 10px #4e355b45,inset 0 2px 4px #fff9}
.bead-1{right:5%;top:30%;background:#f3aed0}.bead-2{right:12%;top:43%;background:#8ed9d3}.bead-3{right:4%;top:56%;background:#f5dd79}.bead-4{right:14%;top:69%;background:#bda2d5}.bead-5{right:3%;top:82%;background:#f3a383}.bead-6{left:5%;bottom:5%;background:#9fd8b9}
.product-card:nth-child(2n) .decor-cord{background:repeating-linear-gradient(135deg,#8ed9d3 0 5px,#bda2d5 5px 10px,#f3aed0 10px 15px,#fff 15px 20px);transform:rotate(12deg);right:auto;left:12%}
.product-card:nth-child(2n) .bead-1,.product-card:nth-child(2n) .bead-3,.product-card:nth-child(2n) .bead-5{right:auto;left:5%}
.product-card:nth-child(2n) .bead-2,.product-card:nth-child(2n) .bead-4{right:auto;left:14%}
.product-card:nth-child(3n) .decor-bead{transform:rotate(12deg);border-radius:12px}
.product-card:hover .decor-bead{transform:translateY(-3px) rotate(8deg);transition:.25s}
@media(max-width:600px){.decor-bead{width:34px;height:34px;font-size:17px}.product-charms{inset:10px}}
/* Catálogo limpio definitivo: sin adornos superpuestos y con fondo lila suave. */
.product-charms{display:none!important}
.product-grid .product-card .product-image{
  background:#eadff1!important;
  background-image:none!important;
  padding:25px!important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#fff!important;
  border:6px solid #fff!important;
  border-radius:20px!important;
  box-shadow:none!important;
  filter:none!important;
}
/* Solo el fondo visual del Backpack Charm para todo el catálogo. */
.product-grid .product-card .product-image{
  background:#f3e9df!important;
  background-image:url('assets/backdrop-backpack.webp')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  padding:25px!important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img{
  object-fit:cover!important;
  background:transparent!important;
  border:6px solid #fff!important;
  border-radius:20px!important;
  box-shadow:none!important;
  filter:none!important;
}
/* Restauración final de la versión anterior limpia. */
.product-grid .product-card .product-image{
  background:#eadff1!important;
  background-image:none!important;
  padding:25px!important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img{
  object-fit:cover!important;
  background:#fff!important;
  border:6px solid #fff!important;
  border-radius:20px!important;
  box-shadow:none!important;
  filter:none!important;
}
/* Un único fondo idéntico para las once imágenes del catálogo. */
.product-grid .product-card .product-image{
  background:#eadff1!important;
  background-image:none!important;
  box-shadow:none!important;
}
.product-grid .product-card .product-image img,
.product-grid .product-card:hover .product-image img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:multiply!important;
  object-fit:contain!important;
}
/* Tipografía solicitada para toda la interfaz. */
html, body, button, input, textarea, select {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}
body *, body h1, body h2, body h3, body h4, body p, body a, body label, body small, body strong, body span {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
}
/* Carrusel de fotos para Charm para termo */
.product-carousel{touch-action:pan-y;cursor:grab;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-carousel .gallery-image{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease}
.product-carousel .gallery-image.gallery-cover{transform:rotate(-45deg) scale(.82)}
.product-carousel .gallery-dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:99px;background:#fffdf9dd;color:#694a78;font-size:11px;letter-spacing:3px}

.quantity-more{border:1px dashed #9b75aa;background:#fff;color:#694a78;padding:.7rem 1rem;border-radius:12px;cursor:pointer}.custom-quantity{display:flex;align-items:end;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.custom-quantity label{width:100%;font-size:.85rem}.custom-quantity input{width:90px;padding:.65rem;border:1px solid #d5c5dc;border-radius:10px}.custom-quantity .primary-btn{padding:.65rem 1rem}