/* AF product-first layout; approved cards and checkout stay intact. */
:root { font-family:'Barlow',Arial,sans-serif; }
html { scroll-padding-top:96px; }
.brand { display:flex; align-items:center; width:168px; height:60px; overflow:hidden; flex-shrink:0; }
.brand img { width:168px; height:auto; max-width:none; }
header { height:84px; gap:12px; }
.cart-button { white-space:nowrap; padding-inline:12px; gap:8px; }
.hero { display:block; }
.hero h1 { max-width:880px; font-size:clamp(36px,9.3vw,64px); line-height:1.02; margin-bottom:20px; }
.hero .intro { max-width:650px; font-size:16px; line-height:1.5; margin-bottom:24px; }
.hero .button { min-width:176px; }
.value-strip { grid-template-columns:1fr; gap:0; padding:0 20px; background:var(--lime); border:0; }
.value-strip>div { padding:16px 0; }
.value-strip>div+div { border-top:1px solid #86c600; }
.value-strip strong { font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-size:23px; line-height:1.1; font-weight:700; }
.value-strip #minimum-label { white-space:nowrap; }
main>#catalogo { padding-top:32px; }
#catalogo .eyebrow { margin-bottom:8px; }
#catalogo h2 { margin-bottom:16px; }
#selection-label:empty { display:none; }
.combo-entry { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; padding:20px; border-left:4px solid var(--lime); background:var(--soft); border-radius:0 12px 12px 0; }
.combo-entry h3 { font-size:24px; line-height:1.1; max-width:560px; margin:0 0 8px; }
.combo-entry p { font-size:14px; line-height:1.4; margin:0; }
.combo-entry-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
.combo-grid,.guide-grid { display:grid; gap:16px; margin:32px 0; }
h1,h2,h3 { font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif; }
h1 { font-weight:800; letter-spacing:-.025em; }
h2 { font-weight:700; letter-spacing:-.02em; }
.hero { padding-top:40px; padding-bottom:40px; }
#catalogo { border-top:1px solid var(--line); }
#selection-label { font-weight:600; }
#clear-filter { margin-bottom:16px; }
.product-title { font-family:'Barlow',Arial,sans-serif; }
.photo { position:relative; width:100%; aspect-ratio:1 / 1; min-height:0; flex:none; overflow:hidden; background:#fff; border-radius:18px; }
.photo img { position:absolute; inset:0; width:100%; height:100%; padding:0; object-fit:cover; object-position:center; border-radius:inherit; display:block; }
.combo-card { background:var(--soft); border-radius:18px; padding:28px; display:flex; flex-direction:column; }
.combo-card h3 { font-size:30px; margin-bottom:16px; }
.combo-card p,.combo-card li { font-size:14px; line-height:1.6; }
.combo-card ul { padding-left:18px; margin:0 0 24px; }
.combo-card .price { margin-top:auto; padding-top:16px; }
main>.financing-section { background:var(--ink); color:white; padding-block:64px; }
.financing-section .eyebrow { color:var(--lime); }
.financing-section h2 { max-width:760px; font-size:clamp(36px,6vw,68px); }
.financing-section>p:not(.eyebrow) { font-size:16px; max-width:600px; color:#ddd; margin:24px 0 32px; }
.guide-grid details { border-top:1px solid var(--line); padding:8px 0 16px; }
.guide-grid summary { cursor:pointer; min-height:48px; padding:12px 0; font-size:19px; font-weight:600; }
.guide-grid p { font-size:15px; color:var(--muted); margin:16px 0; }
.closing { border-top:1px solid var(--line); }
.closing h2 { font-size:clamp(48px,8vw,88px); }
#cross-sell:empty { display:none; }
#cross-sell { padding-top:24px; }
#cross-sell h3 { font-size:22px; }
.suggestion { display:block; width:100%; margin:8px 0; padding:12px; background:var(--soft); border-color:var(--line); color:var(--ink); font-size:13px; text-align:left; font-weight:600; }
.cart-summary { position:sticky; bottom:-24px; border-top:1px solid var(--line); margin-top:24px; padding-bottom:16px; }
.cart-summary .total { margin:12px 0; }
.cart-summary .muted { font-size:12px; }
.payment-interest { display:flex; align-items:center; gap:12px; line-height:1.5; min-height:44px; }
.payment-interest input { width:20px; min-height:20px; accent-color:var(--ink); }
.seller::before { content:'AF'; border:1px solid var(--line); border-radius:50%; width:36px; height:36px; display:flex; align-items:center; justify-content:center; font-size:11px; flex-shrink:0; }
@media(min-width:768px) {
  .brand { width:184px; height:64px; }
  .brand img { width:184px; }
  header { height:88px; }
  .value-strip { grid-template-columns:repeat(3,minmax(0,1fr)); padding:24px 40px; }
  .value-strip>div { padding:0 24px; display:flex; align-items:center; justify-content:center; text-align:center; }
  .value-strip>div:first-child { padding-left:0; }
  .value-strip>div+div { border-top:0; border-left:1px solid #86c600; }
  .value-strip strong { font-size:25px; }
  .hero { padding-block:64px; }
  .combo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 48px; }
  .cart-summary { bottom:-32px; }
}
@media(min-width:1200px) {
  .hero { padding-block:56px; }
  .hero h1 { font-size:64px; }
  .value-strip { padding-inline:max(48px,calc((100vw - 1280px)/2)); }
}

/* Product image fallback: keep placeholders contained, real photos fill the square. */
.photo img[src*="placeholder"], .photo img[data-placeholder="true"] { object-fit:contain; padding:16px; background:#f7f7f7; }

/* --- Mother's Day immersive hero --- */
.hero-madre {
  position:relative;
  isolation:isolate;
  min-height:clamp(620px,55vw,760px);
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,0.92fr) minmax(520px,1.08fr);
  align-items:center;
  gap:24px;
  color:var(--ink);
  background:
    radial-gradient(circle at 82% 44%,rgba(170,255,2,.24),transparent 26%),
    radial-gradient(circle at 8% 75%,rgba(170,255,2,.10),transparent 24%),
    linear-gradient(115deg,#fff 0%,#fff 48%,#f6f7f2 100%);
  padding-top:44px;
  padding-bottom:42px;
  perspective:1200px;
}
.hero-madre::after {
  content:"";
  position:absolute;
  inset:auto -8% -44% 35%;
  height:68%;
  background:radial-gradient(ellipse,rgba(0,0,0,.15),transparent 64%);
  filter:blur(24px);
  z-index:-1;
}
.hero-copy { position:relative; z-index:4; max-width:690px; }
.hero-kicker {
  font-family:'Barlow',Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:16px;
}
.hero-madre h1 {
  max-width:none;
  margin:0 0 22px;
  font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  font-size:clamp(64px,6.35vw,108px);
  line-height:.82;
  letter-spacing:-.045em;
  font-weight:800;
  color:#050505;
  text-wrap:balance;
}
.hero-madre h1 em {
  color:var(--lime);
  position:relative;
  display:inline-block;
  text-shadow:0 4px 24px rgba(116,176,0,.10);
}
.hero-madre h1 em::after {
  content:"";
  position:absolute;
  left:1%; right:2%; bottom:-10px;
  height:8px;
  background:var(--lime);
  transform:skewX(-18deg) rotate(-1deg);
  border-radius:999px 16px 999px 16px;
}
.hero-madre .intro {
  max-width:600px;
  color:#1a1a1a;
  font-size:clamp(17px,1.25vw,21px);
  line-height:1.45;
  margin:0 0 28px;
}
.hero-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.hero-cta {
  min-width:214px;
  min-height:54px;
  padding-inline:22px;
  border-radius:10px;
  box-shadow:0 14px 30px rgba(112,170,0,.18);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.hero-cta:hover { transform:translateY(-3px); box-shadow:0 20px 38px rgba(112,170,0,.24); filter:none; }
.hero-cta span { font-size:24px; line-height:0; transition:transform .25s ease; }
.hero-cta:hover span { transform:translateX(5px); }
.hero-microcopy { font-size:12px; font-weight:700; color:#585858; letter-spacing:.02em; }
.hero-visual {
  position:relative;
  z-index:2;
  min-height:590px;
  transform-style:preserve-3d;
  display:grid;
  place-items:center;
}
.hero-bouquet-wrap {
  --rx:0deg; --ry:0deg; --tx:0px; --ty:0px;
  width:min(820px,61vw);
  aspect-ratio:1;
  transform:translate3d(var(--tx),var(--ty),30px) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style:preserve-3d;
  transition:filter .35s ease;
  will-change:transform;
  contain:paint;
  backface-visibility:hidden;
  filter:drop-shadow(0 36px 36px rgba(0,0,0,.20));
}
.hero-bouquet { width:100%; height:100%; object-fit:contain; display:block; user-select:none; -webkit-user-drag:none; transform:translate3d(0,0,0); animation:bouquetFloat 6.5s ease-in-out infinite; will-change:transform; backface-visibility:hidden; }
.hero-glow { position:absolute; border-radius:50%; filter:blur(42px); z-index:-1; pointer-events:none; }
.glow-1 { width:260px; height:260px; background:rgba(170,255,2,.28); right:13%; top:18%; }
.glow-2 { width:190px; height:190px; background:rgba(255,117,150,.18); left:16%; bottom:11%; }
.hero-orbit { position:absolute; border:1px solid rgba(170,255,2,.48); border-radius:50%; pointer-events:none; }
.hero-orbit-a { width:70%; height:32%; transform:rotate(-17deg) translateZ(-20px); }
.hero-orbit-b { width:58%; height:24%; transform:rotate(18deg) translateZ(-40px); opacity:.45; }
.hero-atmosphere { position:absolute; inset:0; pointer-events:none; z-index:3; overflow:hidden; }
.petal {
  --delay:0s;
  position:absolute;
  width:30px; height:17px;
  border-radius:90% 10% 90% 10%;
  background:linear-gradient(135deg,#ff9db0,#ff5f82);
  opacity:.76;
  filter:blur(.3px);
  animation:petalDrift 9s var(--delay) linear infinite;
}
.petal-1{left:41%;top:9%;transform:rotate(24deg)} .petal-2{left:36%;top:65%;transform:rotate(-18deg);width:23px;height:14px}
.petal-3{right:5%;top:18%;transform:rotate(42deg)} .petal-4{right:22%;top:72%;transform:rotate(-32deg);width:20px;height:12px}
.petal-5{left:29%;top:32%;transform:rotate(70deg);width:18px;height:11px} .petal-6{right:1%;top:60%;transform:rotate(10deg);width:27px;height:15px}
.hero-copy>* { opacity:1; transform:none; }
.hero-visual { opacity:1; transform:none; }
.hero-madre.is-visible .hero-copy>* { animation:heroReveal .7s cubic-bezier(.22,.8,.24,1) forwards; }
.hero-madre.is-visible .hero-copy>*:nth-child(2){animation-delay:.08s}.hero-madre.is-visible .hero-copy>*:nth-child(3){animation-delay:.16s}.hero-madre.is-visible .hero-copy>*:nth-child(4){animation-delay:.24s}
.hero-madre.is-visible .hero-visual { animation:visualReveal .9s .08s cubic-bezier(.16,.8,.2,1) forwards; }
@keyframes heroReveal { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }
@keyframes visualReveal { from{opacity:0;transform:translateX(34px) scale(.97)} to{opacity:1;transform:none} }
@keyframes bouquetFloat { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-8px,0)} }
@keyframes petalDrift { 0%{translate:0 -30px;rotate:0deg;opacity:0} 12%{opacity:.72} 70%{opacity:.62} 100%{translate:80px 650px;rotate:540deg;opacity:0} }

.value-strip { position:relative; z-index:5; box-shadow:0 -1px 0 rgba(0,0,0,.03),0 12px 30px rgba(0,0,0,.06); }
.value-strip strong::before { display:inline-block; margin-right:12px; font-size:22px; vertical-align:-1px; }
.value-strip>div:nth-child(1) strong::before{content:'🛒'}
.value-strip>div:nth-child(2) strong::before{content:'🚚'}
.value-strip>div:nth-child(3) strong::before{content:'▣'}

@media(max-width:1050px){
  .hero-madre{grid-template-columns:1fr 1fr;min-height:600px}.hero-madre h1{font-size:clamp(56px,7vw,82px)}.hero-bouquet-wrap{width:min(650px,64vw)}
}
@media(max-width:767px){
  .hero-madre{
    grid-template-columns:1fr;
    min-height:auto;
    padding:34px 20px 18px;
    gap:4px;
    background:linear-gradient(180deg,#fff 0%,#fff 66%,#f4f6ee 100%);
  }
  .hero-copy{z-index:5}.hero-kicker{font-size:10px;margin-bottom:12px}.hero-madre h1{font-size:clamp(52px,16vw,78px);line-height:.84;margin-bottom:18px}.hero-madre h1 em::after{height:5px;bottom:-6px}
  .hero-madre .intro{font-size:16px;line-height:1.45;margin-bottom:20px}.hero-actions{gap:12px}.hero-cta{min-height:50px;min-width:190px}.hero-microcopy{display:none}
  .hero-visual{min-height:330px;margin-top:-10px}.hero-bouquet-wrap{width:min(520px,110vw);transform:translate3d(calc(var(--tx)*.3),calc(var(--ty)*.3),20px) rotateX(var(--rx)) rotateY(var(--ry))}.hero-orbit{display:none}.glow-1{right:10%;top:10%}
  .petal-1{left:10%}.petal-2{left:80%}.petal-5{left:42%}.petal-3{right:8%}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy>*,.hero-visual{opacity:1;transform:none!important;animation:none!important}.hero-bouquet-wrap,.hero-bouquet,.petal{animation:none!important;transform:none!important}.hero-cta,.hero-cta span{transition:none!important}
}

/* --- Financing block with 3D credit cards --- */
.financing-layout {
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, .95fr);
  align-items:center;
  gap:32px;
}
.financing-copy { position:relative; z-index:2; }
.financing-copy .button { box-shadow:0 14px 28px rgba(170,255,0,.14); }
.financing-visual {
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
  perspective:1400px;
  isolation:isolate;
}
.financing-glow {
  position:absolute;
  border-radius:50%;
  filter:blur(48px);
  pointer-events:none;
  z-index:0;
}
.financing-glow-a {
  width:210px;
  height:210px;
  background:rgba(170,255,0,.18);
  top:14%;
  right:14%;
}
.financing-glow-b {
  width:170px;
  height:170px;
  background:rgba(255,255,255,.07);
  bottom:12%;
  left:20%;
}
.installments-pill {
  position:absolute;
  top:10px;
  right:18px;
  z-index:3;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(170,255,0,.28);
  background:rgba(255,255,255,.04);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  font-family:'Barlow',Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--lime);
  backdrop-filter:blur(12px);
}
.cards-stack {
  position:relative;
  width:min(100%, 440px);
  height:320px;
  z-index:1;
  transform-style:preserve-3d;
}
.credit-card {
  position:absolute;
  inset:auto;
  width:290px;
  aspect-ratio:1.58 / 1;
  border-radius:24px;
  overflow:hidden;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  box-shadow:0 28px 50px rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.1);
  backface-visibility:hidden;
}
.credit-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.06), transparent 42%);
  pointer-events:none;
}
.credit-card::after {
  content:"";
  position:absolute;
  inset:-30% auto auto -20%;
  width:70%;
  height:140%;
  transform:rotate(20deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
  pointer-events:none;
}
.card-chip {
  width:42px;
  height:30px;
  border-radius:8px;
  background:linear-gradient(135deg, #f6f1ca, #cdbf7a);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}
.card-bank,
.card-line {
  position:relative;
  z-index:1;
  font-family:'Barlow',Arial,sans-serif;
}
.card-bank {
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  opacity:.82;
  margin-top:8px;
}
.card-brand {
  position:relative;
  z-index:1;
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:44px;
  line-height:.95;
  letter-spacing:-.03em;
}
.brand-mastercard {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:32px;
  letter-spacing:-.02em;
}
.brand-mastercard span {
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-block;
}
.brand-mastercard span:first-child {
  background:#ea001b;
  margin-right:-18px;
  opacity:.92;
}
.brand-mastercard span:last-child {
  background:#ff9f1a;
  opacity:.92;
}
.card-line {
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.82;
}
.card-visa {
  right:48px;
  top:8px;
  background:linear-gradient(145deg, #1f1f23 0%, #0d0d10 100%);
  transform:translateZ(44px) rotate(10deg) rotateY(-18deg);
  animation:cardFloatA 6.8s ease-in-out infinite;
}
.card-mastercard {
  left:56px;
  top:72px;
  background:linear-gradient(145deg, #12161a 0%, #09141c 100%);
  transform:translateZ(14px) rotate(-10deg) rotateY(14deg);
  animation:cardFloatB 7.6s ease-in-out infinite;
}
.card-naranja {
  right:18px;
  bottom:8px;
  background:linear-gradient(145deg, #ff7e1b 0%, #ff5f00 100%);
  transform:translateZ(28px) rotate(8deg) rotateY(-16deg);
  animation:cardFloatC 7.1s ease-in-out infinite;
}
.card-cabal {
  left:18px;
  bottom:20px;
  background:linear-gradient(145deg, #1a5df0 0%, #0b3fbe 100%);
  transform:translateZ(0) rotate(-8deg) rotateY(16deg);
  animation:cardFloatD 8s ease-in-out infinite;
}
@keyframes cardFloatA {
  0%,100% { transform:translate3d(0,0,44px) rotate(10deg) rotateY(-18deg); }
  50% { transform:translate3d(0,-10px,58px) rotate(8deg) rotateY(-14deg); }
}
@keyframes cardFloatB {
  0%,100% { transform:translate3d(0,0,14px) rotate(-10deg) rotateY(14deg); }
  50% { transform:translate3d(0,8px,26px) rotate(-12deg) rotateY(10deg); }
}
@keyframes cardFloatC {
  0%,100% { transform:translate3d(0,0,28px) rotate(8deg) rotateY(-16deg); }
  50% { transform:translate3d(0,-8px,42px) rotate(6deg) rotateY(-11deg); }
}
@keyframes cardFloatD {
  0%,100% { transform:translate3d(0,0,0) rotate(-8deg) rotateY(16deg); }
  50% { transform:translate3d(0,10px,14px) rotate(-10deg) rotateY(12deg); }
}

@media(max-width:1024px) {
  .financing-layout { grid-template-columns:1fr; gap:28px; }
  .financing-section h2 { max-width:860px; }
  .financing-copy > p:not(.eyebrow) { max-width:760px; }
  .financing-visual { min-height:330px; }
  .cards-stack { margin-inline:auto; }
}

@media(max-width:767px) {
  main>.financing-section { padding-block:52px; }
  .financing-layout { gap:18px; }
  .financing-visual { min-height:285px; }
  .installments-pill { top:0; right:4px; font-size:10px; }
  .cards-stack {
    width:100%;
    height:255px;
    transform:scale(.92);
    transform-origin:center top;
  }
  .credit-card {
    width:230px;
    border-radius:18px;
    padding:16px 18px;
  }
  .card-brand { font-size:36px; }
  .brand-mastercard { font-size:26px; gap:10px; }
  .brand-mastercard span { width:28px; height:28px; }
  .card-visa { right:20px; top:6px; }
  .card-mastercard { left:24px; top:56px; }
  .card-naranja { right:0; bottom:0; }
  .card-cabal { left:0; bottom:16px; }
}

@media(prefers-reduced-motion:reduce) {
  .credit-card { animation:none !important; }
}

/* =========================================================
   AF MAYORISTA · Mother's Day MAX EXPERIENCE
   Visual hierarchy, merchandising, responsiveness and speed
   ========================================================= */
:root{
  --lime:#AAFF02;
  --ink:#0b0b0b;
  --paper:#fff;
  --warm:#f6f7f2;
  --soft-green:#f1ffd6;
  --shadow-soft:0 18px 50px rgba(0,0,0,.08);
  --shadow-card:0 12px 34px rgba(0,0,0,.08);
  --border-soft:1px solid rgba(13,13,13,.09);
}
body{background:#fff;overflow-x:hidden}
main{overflow:clip}
/* Render all sections normally: skipped content could reserve large blank areas on mobile. */

/* Header */
.site-header{
  height:88px;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.35) blur(16px);
  -webkit-backdrop-filter:saturate(1.35) blur(16px);
  border-bottom:1px solid rgba(0,0,0,.07);
  box-shadow:0 5px 22px rgba(0,0,0,.025);
  z-index:40;
}
.desktop-nav{display:none;align-items:center;gap:30px;margin-left:auto;margin-right:22px}
.desktop-nav a{font-size:13px;font-weight:700;text-decoration:none;color:#222;position:relative;white-space:nowrap}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--lime);transition:right .25s ease}
.desktop-nav a:hover::after{right:0}
.cart-button{border:0;border-radius:12px;background:#0c0c0c;padding:10px 12px 10px 16px;box-shadow:0 8px 22px rgba(0,0,0,.1)}
.cart-button span{display:grid;place-items:center;min-width:26px;height:26px;padding:0;font-weight:800}

/* Hero: tighter, more premium, sales-first */
.hero-madre{
  min-height:660px;
  max-height:760px;
  padding-top:38px;
  padding-bottom:34px;
  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  background:
    radial-gradient(circle at 79% 38%,rgba(170,255,2,.20),transparent 27%),
    radial-gradient(circle at 17% 86%,rgba(255,157,176,.09),transparent 20%),
    linear-gradient(120deg,#fff 0%,#fff 50%,#f5f7ef 100%);
}
.hero-madre h1{font-size:clamp(62px,6vw,100px);line-height:.84;margin-bottom:24px}
.hero-madre .intro{font-size:clamp(17px,1.18vw,20px);max-width:590px;color:#242424}
.hero-kicker{color:#161616}
.hero-bouquet-wrap{width:min(760px,58vw)}
.hero-visual{min-height:550px}
.hero-microcopy{font-size:12px;color:#555}
.hero-cta{border-radius:12px;font-size:14px;letter-spacing:.01em}

/* Benefit bar */
.value-strip{
  min-height:86px;
  background:var(--lime);
  box-shadow:none;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.value-strip strong{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:2px 12px;font-size:23px}
.value-strip strong::before{grid-row:1/3;margin:0!important;font-family:Arial,sans-serif}
.value-strip>div:nth-child(1) strong::before{content:'↗\FE0E';font-size:30px;font-weight:900}
.value-strip>div:nth-child(2) strong::before{content:'→';font-size:31px;font-weight:900}
.value-strip>div:nth-child(3) strong::before{content:'▰';font-size:25px}

/* Global campaign headings */
.campaign-heading{align-items:end;margin-bottom:34px}
.campaign-heading h2{font-size:clamp(42px,5.4vw,70px);line-height:.9;margin-bottom:10px}
.section-lead{max-width:620px;color:#5a5a5a;font-size:16px;margin:0}
.text-cta{font-size:13px;font-weight:800;text-decoration:none;padding-bottom:5px;border-bottom:2px solid var(--lime);white-space:nowrap}
.reveal-section{opacity:1;transform:none}
.reveal-section.section-visible{opacity:1;transform:none}

/* Shop by opportunity */
.shop-by-section{background:#fff;padding-top:78px!important;padding-bottom:42px!important}
.collection-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.collection-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4/5;
  min-height:0;
  padding:0;
  border:0;
  border-radius:18px;
  overflow:hidden;
  background:transparent;
  color:#fff;
  text-align:left;
  box-shadow:none;
  isolation:isolate;
  transform:none;
  transition:none;
}
.collection-card:hover{
  filter:none;
  transform:none;
  box-shadow:none;
}
.collection-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  transition:none;
}
.collection-card:hover img{
  transform:none;
}
.collection-card::after{
  display:none;
}
.collection-card-copy{position:absolute;inset:auto 18px 18px;display:grid;gap:4px}
.collection-card-copy small{font-size:9px;letter-spacing:.16em;color:var(--lime);font-weight:800}
.collection-card-copy strong{font-family:'Barlow Condensed',sans-serif;font-size:28px;line-height:1;text-transform:uppercase}
.collection-card-copy span{font-size:12px;line-height:1.35;color:#e8e8e8;max-width:260px}
.collection-card-copy b{margin-top:8px;font-size:11px;color:#fff;letter-spacing:.04em}

/* Featured products: editorial merchandising */
.featured-section{background:var(--warm);padding-top:70px!important;padding-bottom:78px!important}
.featured-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.featured-card{background:#fff;border-radius:20px;overflow:hidden;border:var(--border-soft);box-shadow:0 1px 0 rgba(0,0,0,.03);transition:transform .28s ease,box-shadow .28s ease}
.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.featured-photo{border-radius:0!important;margin:0!important;background:#fff!important;aspect-ratio:1.08/1!important}
.featured-photo img{transition:transform .35s ease}
.featured-card:hover .featured-photo img{transform:scale(1.025)}
.featured-copy{padding:18px;display:grid;gap:9px}
.featured-copy h3{font-family:'Barlow',Arial,sans-serif;font-size:15px;line-height:1.35;margin:0;min-height:41px}
.featured-copy .price{font-size:24px;margin:0}
.featured-badge{justify-self:start;background:var(--lime);color:#111;padding:5px 8px;border-radius:999px;font-weight:800;font-size:9px;letter-spacing:.05em}
.featured-copy .add{width:100%;border-radius:10px}

/* Catalog refinement */
main>#catalogo{padding-top:78px;padding-bottom:88px;border-top:0}
#catalogo>.section-heading{align-items:end;margin-bottom:18px}
#catalogo h2{font-size:clamp(48px,6vw,76px);line-height:.88;margin-bottom:0}
#catalogo .sort-label{display:flex;align-items:center;gap:10px;font-size:12px}
#catalogo .sort-label select{border-radius:10px;border-color:#ddd;background:#fff;min-height:42px}
.chips{gap:7px;padding:12px 0 16px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{min-height:40px;padding:9px 15px;background:#f3f3f3;border:0;font-size:13px;transition:background .2s ease,color .2s ease,transform .2s ease}
.chips button:hover{filter:none;transform:translateY(-1px)}
.chips button[aria-pressed=true]{background:#0c0c0c;color:white}
#catalog-status{margin:8px 0 26px}
.grid{gap:38px 18px}
.product{position:relative;transition:transform .25s ease}
.product:hover{transform:translateY(-3px)}
.product .photo{border-radius:16px;background:#f7f7f5;border:1px solid #eee;margin-bottom:13px;overflow:hidden}
.product .photo img{transition:transform .35s ease}
.product:hover .photo img{transform:scale(1.025)}
.product small{font-size:9px;letter-spacing:.06em;margin-bottom:6px}
.product h3{min-height:44px;margin-bottom:8px}
.product-title{font-size:14px;line-height:1.35;min-height:auto;font-weight:700}
.product .price{font-size:22px;margin-bottom:12px}
.product>.add{min-height:42px;border-radius:9px;border:0;background:#0c0c0c;transition:background .2s ease,transform .2s ease}
.product>.add:hover{filter:none;background:#202020;transform:translateY(-1px)}
.stepper{border:1px solid #dedede;border-radius:10px;padding:3px;background:#fff}
.stepper button{border:0;border-radius:7px}
.combo-entry{margin-block:8px;padding:24px 26px;border:0;border-radius:16px;background:#101010;color:#fff;box-shadow:0 15px 34px rgba(0,0,0,.09)}
.combo-entry h3{color:#fff}.combo-entry p{color:#bbb}.combo-entry-link{color:var(--lime)}

/* Combos */
#combos{background:#0d0d0d;color:white;padding-top:78px!important;padding-bottom:86px!important}
#combos>.eyebrow{color:var(--lime)}
#combos>h2{font-size:clamp(46px,6vw,76px);line-height:.9;max-width:780px}
#combos>p:not(.eyebrow){max-width:650px;color:#bdbdbd}
.combo-grid{margin-top:42px}
.combo-card{background:#171717;border:1px solid #292929;border-radius:18px;padding:26px;color:#fff;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.combo-card:hover{transform:translateY(-5px);border-color:#3a3a3a;box-shadow:0 22px 45px rgba(0,0,0,.22)}
.combo-card .eyebrow{color:var(--lime);margin-bottom:10px}.combo-card h3{font-size:34px;line-height:1}.combo-card p,.combo-card li{color:#cfcfcf}.combo-card .price{color:#fff;font-size:30px}.combo-card .wide{background:var(--lime);color:#111;border:0;border-radius:10px}

/* Financing - tighten existing 3D cards */
main>.financing-section{padding-top:78px;padding-bottom:78px;background:#090909;overflow:hidden;content-visibility:visible}
.financing-layout{min-height:410px}
.financing-copy h2{line-height:.94;font-size:clamp(48px,5.6vw,74px);margin-bottom:22px}
.financing-copy>p:not(.eyebrow){font-size:15px;letter-spacing:.015em;color:#cfcfcf}
.financing-visual{min-height:390px}
.cards-stack{transform:scale(1.02)}

/* Seller support */
.seller-support{background:#fff;padding-top:80px!important;padding-bottom:72px!important}
.support-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:30px}
.support-grid article{position:relative;padding:30px 26px;background:#f6f6f4;border-radius:16px;min-height:210px;overflow:hidden}
.support-grid article::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(170,255,2,.12);right:-50px;bottom:-55px}
.support-number{display:block;color:#8b8b8b;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:34px}
.support-grid h3{font-size:27px;margin-bottom:9px}.support-grid p{font-size:14px;color:#626262;margin:0}
.guide-details{margin-top:18px;border:1px solid #e1e1e1;border-radius:14px;padding:0 20px;background:#fff}
.guide-details summary{font-weight:800;cursor:pointer;min-height:58px;display:flex;align-items:center;font-size:12px;letter-spacing:.04em}
.guide-details .guide-grid{margin:0 0 22px;gap:22px}.guide-details .guide-grid>div{padding-top:14px;border-top:1px solid #eee}

/* How it works */
.how-section{background:var(--warm);padding-top:72px!important;padding-bottom:80px!important}
.how-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}
.how-grid article{background:#fff;border:1px solid #e9e9e9;border-radius:16px;padding:28px;min-height:180px}
.how-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);font-weight:900;font-size:12px;margin-bottom:24px}
.how-grid h3{font-size:30px;margin:0 0 8px}.how-grid p{margin:0;color:#606060;font-size:14px}

/* Final campaign CTA */
.campaign-closing{position:relative;min-height:510px;background:#0b0b0b;color:white;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;margin-top:0!important}
.closing-copy{position:relative;z-index:2;max-width:760px}
.campaign-closing .eyebrow{color:var(--lime)}
.campaign-closing h2{font-size:clamp(48px,6.8vw,88px);line-height:.88;max-width:860px}
.campaign-closing p:not(.eyebrow){color:#cacaca;max-width:600px;margin-bottom:28px}
.campaign-closing .lime{border:0;border-radius:10px}
.closing-bouquet{position:absolute;width:min(620px,46vw);right:-4%;bottom:-35%;opacity:.8;filter:drop-shadow(0 25px 42px rgba(0,0,0,.3));transform:rotate(-10deg);pointer-events:none}
.closing-bouquet img{width:100%;height:auto;display:block}

/* Sticky order summary */
.sticky-cart{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:35;width:min(680px,calc(100% - 28px));filter:drop-shadow(0 14px 30px rgba(0,0,0,.22))}
.sticky-cart button{width:100%;min-height:64px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(12,12,12,.96);backdrop-filter:blur(12px);padding:10px 12px 10px 16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;text-align:left}
.sticky-cart button:hover{filter:none;background:#171717}
.sticky-cart button>span:first-child{display:grid;gap:2px}.sticky-cart strong{font-size:13px}.sticky-cart small{font-size:10px;color:#bcbcbc}.sticky-cart button>span:nth-child(2){font-size:16px;font-weight:800;color:var(--lime)}.sticky-cart b{font-size:11px;background:var(--lime);color:#111;padding:10px 12px;border-radius:8px;white-space:nowrap}

/* Dialog / cart polish */
dialog{box-shadow:0 30px 80px rgba(0,0,0,.28)}
dialog.cart{background:#fbfbfb}.cart-summary{background:#fbfbfb}.cart-row{padding:18px 0}.cart-row h3{font-size:15px;font-family:'Barlow',Arial,sans-serif}.total strong{font-family:'Barlow Condensed',sans-serif;font-size:36px}
progress{border-radius:999px;overflow:hidden;background:#ddd}progress::-webkit-progress-value{background:var(--lime)}progress::-moz-progress-bar{background:var(--lime)}

/* Performance-safe hover/reveal only */
.collection-card,.featured-card,.product,.combo-card,.hero-cta,.credit-card{will-change:transform}

@media(min-width:768px){
  .collection-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .collection-card{min-height:0}.collection-card-copy{inset:auto 22px 22px}.collection-card-copy strong{font-size:34px}
  .featured-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .featured-copy{padding:18px 16px 20px}
  .support-grid,.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .campaign-closing{grid-template-columns:1.1fr .9fr;padding-right:36%!important}
  .closing-bouquet{right:-2%;bottom:-33%;width:min(650px,45vw);opacity:.9}
}

@media(min-width:980px){
  .desktop-nav{display:flex}
  .site-header .brand{margin-right:24px}
}

@media(min-width:1200px){
  .shop-by-section,.featured-section,#catalogo,#combos,.seller-support,.how-section,.campaign-closing{padding-top:88px!important;padding-bottom:92px!important}
  .collection-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
  .collection-card{min-height:0}
  .collection-card-copy strong{font-size:29px}
  .collection-card-copy span{font-size:11px}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 22px}
}

/* Keep the compact hero grid after the desktop campaign overrides. */
@media(min-width:768px) and (max-width:1050px){
  .hero-madre{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
  .hero-copy,.hero-visual{min-width:0}
}
@media(max-width:767px){
  .site-header{height:72px}.brand{width:136px;height:50px}.brand img{width:136px}.cart-button{font-size:12px}
  .hero-madre{grid-template-columns:minmax(0,1fr);min-height:auto;max-height:none;padding-top:26px;padding-bottom:8px}
  .hero-copy,.hero-visual{min-width:0}
  .hero-actions>a{flex-shrink:0;white-space:nowrap}.hero-madre h1{font-size:clamp(50px,15.3vw,72px)}.hero-visual{min-height:310px}.hero-bouquet-wrap{width:100%;max-width:480px}
  .value-strip{padding:0 18px}.value-strip>div{padding:14px 0}.value-strip strong{font-size:19px}
  .campaign-heading{margin-bottom:24px}.campaign-heading h2{font-size:44px}.section-lead{font-size:14px}
  .shop-by-section,.featured-section,main>#catalogo,#combos,.seller-support,.how-section{padding:54px 18px!important}
  .collection-card{min-height:0;border-radius:14px}.collection-card-copy{inset:auto 14px 14px}.collection-card-copy strong{font-size:24px}.collection-card-copy span{display:none}
  .featured-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-copy{padding:13px}.featured-copy h3{font-size:13px;min-height:53px}.featured-copy .price{font-size:19px}.featured-badge{font-size:8px}
  #catalogo h2{font-size:50px}.sort-label{width:100%;justify-content:space-between}.sort-label select{flex:1}
  .grid{gap:30px 10px}.product-title{font-size:13px}.product .price{font-size:19px}.product>.add{font-size:11px}
  #combos>h2{font-size:48px}.combo-grid{gap:12px}.combo-card{padding:22px}.combo-card h3{font-size:30px}
  .financing-layout{min-height:auto}.financing-copy h2{font-size:48px}.financing-visual{min-height:270px}.cards-stack{transform:scale(.78);transform-origin:center top}
  .support-grid,.how-grid{gap:10px}.support-grid article,.how-grid article{min-height:0;padding:22px}
  .campaign-closing{min-height:530px;padding:60px 18px 230px!important}.campaign-closing h2{font-size:50px}.closing-bouquet{width:390px;right:-90px;bottom:-170px;opacity:.78}
  .sticky-cart{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px)}.sticky-cart button{min-height:58px;grid-template-columns:1fr auto;gap:8px}.sticky-cart b{display:none}.sticky-cart button>span:nth-child(2){font-size:15px}
  footer{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}

@media(prefers-reduced-motion:reduce){
  .reveal-section{opacity:1!important;transform:none!important;transition:none!important}
  .collection-card,.featured-card,.product,.combo-card{transition:none!important}
}
.hero-secondary{display:inline-flex;align-items:center;min-height:54px;padding:0 4px;font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid #111;transition:transform .2s ease,border-color .2s ease}
.hero-secondary:hover{transform:translateY(-2px);border-color:var(--lime)}
@media(max-width:767px){.hero-secondary{min-height:48px}.hero-actions{align-items:center}.hero-microcopy{display:none}}
.combo-media{display:flex;align-items:end;min-height:132px;margin:8px 0 18px;padding:12px;border-radius:14px;background:linear-gradient(145deg,#1e1e1e,#101010);overflow:hidden}
.combo-media img{width:38%;max-width:125px;aspect-ratio:1;object-fit:contain;margin-right:-10px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.25));transform:rotate(-3deg);transition:transform .25s ease}
.combo-media img:nth-child(2){transform:translateY(-8px) rotate(3deg)}
.combo-media img:nth-child(3){transform:translateY(2px) rotate(7deg)}
.combo-card:hover .combo-media img:first-child{transform:translateY(-3px) rotate(-5deg)}
.combo-card:hover .combo-media img:nth-child(2){transform:translateY(-12px) rotate(2deg)}
.combo-card:hover .combo-media img:nth-child(3){transform:translateY(-1px) rotate(9deg)}
@media(prefers-reduced-motion:reduce){.combo-media img{transition:none!important}}


/* Seller profile photos */
.seller::before{display:none!important}
.seller-photo{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  border:1px solid var(--line);
  background:#f4f4f4;
  display:block;
}


/* FINAL OVERRIDE: collection covers completely flat, no shadow/overlay */
.collection-card,
.collection-card:hover,
.collection-card:focus,
.collection-card:focus-visible,
.collection-card:active {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
  outline: none !important;
  background: transparent !important;
}

.collection-card::before,
.collection-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.collection-card img,
.collection-card:hover img,
.collection-card:focus img,
.collection-card:active img {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}
