:root {
  /* Gold palette — Quinces Glam brand */
  --gold:#B37E10; --gl:#F8DD7B; --gm:#D4A843; --gd:#8A6008;
  /* Rose/blush palette — feminine warmth */
  --rose:#F2C4CF; --rose2:#E8A0B4; --rose3:#D4647E; --rosedark:#8B2040;
  --blush:#FFF5F7; --blushd:#FFE8EE;
  /* Backgrounds — warm dark, not cold black */
  --bk:#0d080a; --b1:#120a0d; --b2:#1a0e12; --b3:#221318;
  --w:#ffffff;
  /* borders */
  --bgold: rgba(212,168,67,0.75); --brose: rgba(242,196,207,.2);
  --mt: rgba(255,255,255,0.68);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bk); color:var(--w); font-family:'Montserrat',sans-serif; font-weight:300; overflow-x:hidden }

/* ── CURSOR ── */

/* ── NAV ── */

/* ── WA ── */

/* ══════════════════════
   HERO
══════════════════════ */
.hero { min-height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; }

.hero-bg { position:absolute; inset:0; }
.hero-bg::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 85% 70% at 12% 55%, rgba(179,126,16,.35) 0%, transparent 55%),
    radial-gradient(ellipse 55% 55% at 75% 18%, rgba(242,196,207,.18) 0%, transparent 50%),
    radial-gradient(ellipse 45% 55% at 45% 85%, rgba(212,100,126,.12) 0%, transparent 45%),
    linear-gradient(155deg, #1a0d10 0%, #0d080a 100%);
}
/* warm golden sparkles */
.hero-bg::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 10% 20%, rgba(248,221,123,.7) 0%,transparent 100%),
    radial-gradient(1px 1px at 85% 75%, rgba(255,255,255,0.7) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 48% 10%, rgba(248,221,123,0.78) 0%,transparent 100%),
    radial-gradient(1px 1px at 28% 85%, rgba(242,196,207,.55) 0%,transparent 100%),
    radial-gradient(2px 2px at 65% 40%, rgba(248,221,123,.65) 0%,transparent 100%),
    radial-gradient(1px 1px at 7% 62%, rgba(255,255,255,0.65) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 90% 30%, rgba(248,221,123,0.72) 0%,transparent 100%),
    radial-gradient(1px 1px at 55% 90%, rgba(242,196,207,.5) 0%,transparent 100%),
    radial-gradient(1px 1px at 32% 48%, rgba(255,255,255,0.78) 0%,transparent 100%),
    radial-gradient(1px 1px at 72% 12%, rgba(248,221,123,0.75) 0%,transparent 100%);
  animation:sparkle 5s ease-in-out infinite alternate;
}
@keyframes sparkle { 0% { opacity:.55; } 100% { opacity:1; } }

/* dress image right */
.hero-img { position:absolute; right:0; top:0; bottom:0; width:50%; overflow:hidden; }
.hero-img::before { content:''; position:absolute; inset:0; background:linear-gradient(to right, var(--bk) 0%, rgba(13,8,10,.65) 30%, transparent 70%); z-index:1; pointer-events:none; }
.hero-img img { width:100%; height:100%; object-fit:cover; object-position:top; opacity:.55; }

.hero-content { position:relative; z-index:2; padding:0 4rem; max-width:680px; }
.hero-crown { display:block; font-size:4rem; margin-bottom:1rem; animation:float 3.5s ease-in-out infinite; }
@keyframes float { 0%,100% { transform:translateY(0) rotate(-4deg); } 50% { transform:translateY(-14px) rotate(4deg); } }
.hero-pre { font-size:0.9rem; letter-spacing:.32em; text-transform:uppercase; color:var(--gm); margin-bottom:1.2rem; display:flex; align-items:center; gap:.65rem; }
.hero-pre::before { content:''; width:26px; height:1px; background:var(--gm); }

/* Title: "Quinces" white, "Glam" gold gradient */
h1.hero-title { font-family:'Playfair Display',serif; line-height:.92; letter-spacing:-.02em; margin-bottom:1.4rem; }
.t1 { display:block; font-size:clamp(3.8rem,7.5vw,6.8rem); color:var(--w); font-weight:400; }
.t2 { display:block; font-size:clamp(4rem,8vw,7.5rem); font-style:italic; font-weight:500; background:linear-gradient(130deg, var(--gd), var(--gold), var(--gl), var(--gm), var(--gl)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size:300%; animation:goldShimmer 4s ease-in-out infinite; }
@keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }

.hero-sub { font-size:0.98rem; color:rgba(255,255,255,0.68); line-height:1.95; max-width:440px; margin-bottom:2.5rem; }
.hero-btns { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:3rem; }
.btn-main { padding:.9rem 2.3rem; background:linear-gradient(135deg,var(--gd),var(--gold),var(--gm)); color:var(--bk); text-decoration:none; font-size:0.98rem; letter-spacing:.26em; text-transform:uppercase; font-weight:600; transition:opacity .2s,transform .2s; border:none; cursor:pointer; font-family:'Montserrat',sans-serif; display:inline-block; }
.btn-main:hover { opacity:.88; transform:translateY(-2px); }
.btn-ghost { padding:.9rem 2.3rem; border:1px solid var(--bgold); color:var(--gl); text-decoration:none; font-size:0.98rem; letter-spacing:.26em; text-transform:uppercase; transition:all .2s; display:inline-block; }
.btn-ghost:hover { border-color:var(--gold); background:rgba(179,126,16,.12); }
.hero-kpis { display:flex; gap:2.5rem; padding-top:2rem; border-top:1px solid var(--bgold); }
.kpi-n { font-family:'Playfair Display',serif; font-style:italic; font-size:2rem; background:linear-gradient(135deg,var(--gold),var(--gl)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; line-height:1; }
.kpi-l { font-size:0.92rem; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,0.72); margin-top:.22rem; }

/* ── TICKER ── */
.ticker { background:var(--b2); border-top:1px solid var(--bgold); border-bottom:1px solid var(--bgold); padding:.95rem 0; overflow:hidden; white-space:nowrap; }
.ticker-wrap { display:inline-flex; animation:tick 30s linear infinite; }
.tick-item { display:inline-flex; align-items:center; gap:.5rem; padding:0 2.2rem; font-size:0.98rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(248,221,123,0.8); }
.tick-dot { width:3px; height:3px; border-radius:50%; background:var(--gold); opacity:.4; flex-shrink:0; }
@keyframes tick { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

/* ── SHARED ── */
.eyebrow { font-size:0.9rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:.9rem; display:block; }
.s-title { font-family:'Playfair Display',serif; font-size:clamp(2rem,4.5vw,3.4rem); font-weight:400; line-height:1.05; }
.s-title em { font-style:italic; font-family:'Cormorant Garamond',serif; background:linear-gradient(130deg,var(--gold),var(--gl)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.sep { width:100%; height:1px; background:linear-gradient(to right,transparent,var(--gm),var(--gl),var(--gm),transparent); opacity:.22; }

/* ══════════════════════
   BRAND STORY
══════════════════════ */
.story { padding:7rem 4rem; background:var(--b1); }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; max-width:1180px; margin:0 auto; }
.story-img { width:100%; aspect-ratio:2/3; object-fit:cover; object-position:center; display:block; }
.story-badge { position:absolute; bottom:-1.5rem; right:-1.5rem; background:var(--b3); border:1px solid var(--bgold); padding:1.3rem 1.5rem; text-align:center; }
.badge-n { font-family:'Playfair Display',serif; font-style:italic; font-size:2.5rem; background:linear-gradient(135deg,var(--gold),var(--gl)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; line-height:1; }
.badge-l { font-size:0.88rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,0.90); margin-top:.28rem; }
.story-img-wrap { position:relative; }
.story-text .s-title { margin-bottom:1.5rem; }
.story-text p { font-size:0.95rem; color:rgba(255,255,255,0.7); line-height:2; margin-bottom:1rem; }
.story-text strong { color:var(--gl); font-weight:400; }
.story-text .story-quote-label { margin-bottom:.35rem; color:rgba(255,255,255,.82); }
.story-quote { margin:0 0 1.15rem; padding:.15rem 0 .15rem 1.15rem; border-left:1px solid var(--gm); color:rgba(255,255,255,.78); font-family:'Cormorant Garamond',serif; font-size:1.08rem; font-style:italic; line-height:1.75; }
.brand-pills { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1.5rem; }
.pill { display:inline-flex; align-items:center; gap:.4rem; padding:.3rem .75rem; border:1px solid var(--bgold); font-size:0.92rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gm); background:rgba(179,126,16,.06); }
.founder-sig { margin-top:1.8rem; padding-top:1.5rem; border-top:1px solid var(--bgold); }
.sig-name { font-family:'Playfair Display',serif; font-style:italic; font-size:1.55rem; color:var(--gl); }
.sig-role { font-size:0.98rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,0.72); margin-top:.2rem; }

/* ══════════════════════
   WHAT WE OFFER
══════════════════════ */
.offer { padding:7rem 4rem; background:var(--bk); }
.offer-intro { text-align:center; max-width:580px; margin:0 auto 4rem; }
.offer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; max-width:1180px; margin:0 auto; }
/* 5 cards: 3 arriba + 2 centrados abajo */
.offer-grid-5 { grid-template-columns:repeat(3,1fr); }
.offer-grid-5 .ocard:nth-child(4) { grid-column:1; }
.offer-grid-5 .ocard:nth-child(4),
.offer-grid-5 .ocard:nth-child(5) { grid-column:span 1; }
.offer-grid-5::after { content:''; display:block; }
/* Centrar las últimas 2 en la fila del medio */
.offer-grid-5 { grid-template-columns:repeat(6,1fr); }
.offer-grid-5 .ocard:nth-child(1) { grid-column:span 2; }
.offer-grid-5 .ocard:nth-child(2) { grid-column:span 2; }
.offer-grid-5 .ocard:nth-child(3) { grid-column:span 2; }
.offer-grid-5 .ocard:nth-child(4) { grid-column:2/span 2; }
.offer-grid-5 .ocard:nth-child(5) { grid-column:4/span 2; }
.ocard { background:var(--b2); border:1px solid var(--bgold); padding:2.2rem 1.8rem; position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s; }
.ocard:hover { transform:translateY(-6px); box-shadow:0 22px 60px rgba(179,126,16,.12); }
.ocard::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(to right,var(--gd),var(--gl)); opacity:0; transition:opacity .3s; }
.ocard:hover::before { opacity:1; }
.ocard-ico { font-size:2rem; margin-bottom:1.2rem; display:block; }
.ocard-title { font-family:'Cormorant Garamond',serif; font-size:1.25rem; color:var(--w); margin-bottom:.55rem; font-weight:400; }
.ocard-desc { font-size:0.92rem; color:rgba(255,255,255,0.80); line-height:1.85; }

/* ══════════════════════
   COLLECTION
══════════════════════ */
.collections { padding:7rem 4rem; background:var(--b1); }
.col-intro { text-align:center; max-width:580px; margin:0 auto 4rem; }
.tend-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; max-width:1180px; margin:0 auto 4rem; }
.tcard { background:var(--b2); border:1px solid var(--bgold); padding:2rem 1.8rem; transition:border-color .3s,transform .3s; }
.tcard:hover { border-color:var(--gold); transform:translateY(-4px); }
.tcard-eye { font-size:0.88rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.65rem; display:flex; align-items:center; gap:.38rem; }
.tcard-eye::before { content:''; width:16px; height:1px; background:var(--gm); }
.tcard-name { font-family:'Cormorant Garamond',serif; font-size:1.25rem; color:var(--w); margin-bottom:.55rem; font-weight:400; }
.tcard-desc { font-size:0.92rem; color:rgba(255,255,255,0.80); line-height:1.85; }
.tcard-ico { font-size:1.7rem; margin-bottom:1rem; display:block; }

/* dress grid */
.dress-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; max-width:1180px; margin:0 auto; }
.dcard { background:var(--b3); border:1px solid var(--bgold); overflow:hidden; position:relative; aspect-ratio:3/4; transition:transform .3s; cursor:pointer; }
.dcard:hover { transform:scale(1.02); }
.dcard img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.dcard-ph { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; background:linear-gradient(160deg,#1e0e12,#100709); }
.dcard-ph span { font-size:3rem; opacity:.15; }
.dcard-ph p { font-family:'Cormorant Garamond',serif; font-size:.95rem; color:rgba(255,255,255,0.65); font-style:italic; }
.dcard-tag { position:absolute; top:.8rem; left:.8rem; z-index:2; display:inline-flex; align-items:center; min-height:22px; padding:.16rem .5rem; border:1px solid rgba(227,202,255,.24); border-radius:999px; background:linear-gradient(135deg,rgba(165,118,224,.92),rgba(212,163,255,.84)); box-shadow:0 3px 10px rgba(0,0,0,.18); color:#fff; font-size:.5rem; font-weight:600; letter-spacing:.13em; line-height:1; text-transform:uppercase; backdrop-filter:blur(8px); }
.dcard-label { position:absolute; bottom:0; left:0; right:0; padding:.85rem 1rem; background:linear-gradient(to top,rgba(0,0,0,.88),transparent); }
.dcard-name { font-family:'Cormorant Garamond',serif; font-size:1rem; color:var(--w); }

/* ══════════════════════
   PROCESS
══════════════════════ */
.process { padding:7rem 4rem; background:var(--bk); position:relative; overflow:hidden; }
.process::before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:900px; height:900px; border-radius:50%; border:1px solid var(--bgold); opacity:.15; pointer-events:none; }
.process::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:550px; height:550px; border-radius:50%; border:1px solid var(--bgold); opacity:.1; pointer-events:none; }
.process-intro { text-align:center; max-width:540px; margin:0 auto 4.5rem; position:relative; z-index:1; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem; max-width:1180px; margin:0 auto; position:relative; z-index:1; }
.steps::before { content:''; position:absolute; top:2.6rem; left:10%; right:10%; height:1px; background:linear-gradient(to right,transparent,var(--bgold),var(--gold),var(--bgold),transparent); }
.step { text-align:center; padding:2rem 1.2rem; }
.step-n { width:52px; height:52px; border:1px solid var(--bgold); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.2rem; font-size:1.0rem; letter-spacing:.18em; color:var(--gl); background:var(--bk); position:relative; z-index:1; transition:all .25s; }
.step:hover .step-n { background:var(--gold); color:var(--bk); border-color:var(--gl); }
.step-ic { font-size:1.1rem; margin-bottom:.55rem; display:block; }
.step-t { font-family:'Cormorant Garamond',serif; font-size:1rem; color:var(--w); margin-bottom:.45rem; font-weight:400; }
.step-d { font-size:1.02rem; color:rgba(255,255,255,0.75); line-height:1.75; }

/* ══════════════════════
   TESTIMONIALS
══════════════════════ */
.testimonials { padding:7rem 4rem; background:var(--b1); position:relative; overflow:hidden; }
.testimonials::before {
  content:''; position:absolute; right:-150px; bottom:-100px;
  width:550px; height:550px; border-radius:50%;
  background:radial-gradient(circle, rgba(179,126,16,.07), transparent 70%);
  pointer-events:none;
}
.test-intro { text-align:center; max-width:520px; margin:0 auto 3.5rem; }
.test-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; max-width:1180px; margin:0 auto; }
.tc { background:var(--b2); border:1px solid var(--bgold); padding:2rem; position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s; }
.tc:hover { transform:translateY(-4px); box-shadow:0 18px 55px rgba(179,126,16,.1); }
.tc::before { content:'"'; font-family:'Playfair Display',serif; font-size:7rem; color:var(--gold); opacity:.07; position:absolute; top:-1rem; left:1.2rem; line-height:1; pointer-events:none; }
.tc-stars { display:flex; gap:.22rem; margin-bottom:1rem; }
.star { width:13px; height:13px; background:var(--gold); clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%); }
.tc-msg { font-size:0.92rem; color:rgba(255,255,255,0.72); line-height:1.9; font-style:italic; margin-bottom:1.4rem; position:relative; z-index:1; }
.tc-author { display:flex; align-items:center; gap:.8rem; }
.tc-av { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#8B2040,#D4647E); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; border:1px solid var(--bgold); }
.tc-name { font-size:1.02rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gl); }
.tc-info { font-size:0.98rem; color:rgba(255,255,255,0.7); margin-top:.1rem; }

/* ══════════════════════
   FAQ
══════════════════════ */
.faq { padding:6rem 4rem; background:var(--bk); }
.faq-inner { max-width:760px; margin:0 auto; }
.faq-intro { text-align:center; margin-bottom:3rem; }
.faq-item { border-bottom:1px solid var(--bgold); }
.faq-q { width:100%; background:none; border:none; padding:1.35rem 0; display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; font-family:'Montserrat',sans-serif; font-size:0.95rem; color:rgba(255,255,255,.65); letter-spacing:.03em; text-align:left; transition:color .2s; }
.faq-q:hover { color:var(--gl); }
.faq-ico { font-size:1.1rem; color:var(--gold); flex-shrink:0; transition:transform .3s; }
.faq-item.open .faq-ico { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .4s ease; }
.faq-item.open .faq-a { max-height:200px; }
.faq-a-inner { padding:0 0 1.4rem; font-size:0.92rem; color:rgba(255,255,255,0.8); line-height:1.92; }
.faq-a-inner a { color:var(--gl); text-decoration:none; }

/* ══════════════════════
   CTA FINAL
══════════════════════ */
.cta-final {
  padding:8rem 4rem;
  position:relative; overflow:hidden; text-align:center;
  background:
    radial-gradient(ellipse 80% 70% at 50% 50%, rgba(179,126,16,.1), transparent 70%),
    radial-gradient(ellipse 60% 60% at 20% 80%, rgba(212,100,126,.07), transparent 60%),
    var(--b2);
}
.cta-final::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 18% 22%, rgba(248,221,123,0.75) 0%,transparent 100%),
    radial-gradient(1px 1px at 80% 78%, rgba(255,255,255,0.65) 0%,transparent 100%),
    radial-gradient(2px 2px at 42% 60%, rgba(248,221,123,0.72) 0%,transparent 100%),
    radial-gradient(1px 1px at 65% 18%, rgba(242,196,207,.45) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 28% 88%, rgba(248,221,123,0.65) 0%,transparent 100%),
    radial-gradient(1px 1px at 74% 88%, rgba(255,255,255,0.78) 0%,transparent 100%);
  animation:sparkle 6s ease-in-out infinite alternate;
}
.cta-inner { position:relative; z-index:1; }
.cta-crown { font-size:3.2rem; display:block; margin-bottom:1.5rem; animation:float 4s ease-in-out infinite; }
.cta-title { font-family:'Playfair Display',serif; font-size:clamp(2.5rem,6vw,5rem); font-weight:400; line-height:1.05; margin-bottom:1.2rem; }
.cta-title em { font-style:italic; background:linear-gradient(130deg,var(--gd),var(--gold),var(--gl),var(--gm)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size:200%; animation:goldShimmer 4s ease infinite; }
.cta-sub { font-size:0.95rem; color:rgba(255,255,255,0.8); margin-bottom:3rem; letter-spacing:.05em; }
.cta-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.contact-row { display:flex; gap:3rem; justify-content:center; flex-wrap:wrap; margin-top:3rem; padding-top:2.5rem; border-top:1px solid var(--bgold); }
.ccon { text-align:center; }
.ccon-l { font-size:0.92rem; letter-spacing:.26em; text-transform:uppercase; color:var(--gold); margin-bottom:.38rem; }
.ccon-v { font-size:1.0rem; color:rgba(255,255,255,0.75); }
.ccon-v a { color:inherit; text-decoration:none; transition:color .2s; }
.ccon-v a:hover { color:var(--gl); }

/* ── FOOTER ── */
footer { background:var(--bk); border-top:1px solid var(--bgold); padding:3.5rem 4rem 2rem; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:3rem; max-width:1180px; margin:0 auto 2.5rem; }
.footer-logo { height:34px; margin-bottom:.8rem; }
.footer-desc { font-size:0.88rem; color:rgba(255,255,255,0.72); line-height:1.85; }
.footer-title { font-size:0.92rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
.footer-links { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
.footer-links a { font-size:0.88rem; color:rgba(255,255,255,0.72); text-decoration:none; transition:color .2s; }
.footer-links a:hover { color:var(--gl); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:2rem; border-top:1px solid var(--bgold); max-width:1180px; margin:0 auto; font-size:0.98rem; color:rgba(255,255,255,0.7); letter-spacing:.08em; flex-wrap:wrap; gap:.5rem; }

/* ── REVEAL ── */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ── RESPONSIVE ── */
@media(max-width:1024px) {
  .story-grid { grid-template-columns:1fr; gap:3rem; }
  .offer-grid { grid-template-columns:1fr 1fr; }
  .offer-grid-5 { grid-template-columns:1fr 1fr; }
  .offer-grid-5 .ocard:nth-child(1),
  .offer-grid-5 .ocard:nth-child(2),
  .offer-grid-5 .ocard:nth-child(3),
  .offer-grid-5 .ocard:nth-child(4),
  .offer-grid-5 .ocard:nth-child(5) { grid-column:span 1; }
  .tend-row { grid-template-columns:1fr 1fr; }
  .dress-row { grid-template-columns:1fr 1fr; }
  .test-grid { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:2rem; }
  .steps { grid-template-columns:repeat(3,1fr); }
  .steps::before { display:none; }
}
@media(max-width:768px) {
  .hero-img { display:none; }
  .hero-content { padding:0 1.5rem; }
  .story,.offer,.collections,.process,.testimonials,.faq,.cta-final { padding:4.5rem 1.5rem; }
  .offer-grid { grid-template-columns:1fr; }
  .offer-grid-5 { grid-template-columns:1fr; }
  .offer-grid-5 .ocard:nth-child(n) { grid-column:1; }
  .tend-row { grid-template-columns:1fr; }
  .test-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .contact-row { gap:1.5rem; }
  .hero-kpis { gap:1.5rem; flex-wrap:wrap; }
}