/* crii.amo · sistema de design compartilhado (Home + Produto) */
:root{
  /* base nude/bege */
  --creme: oklch(0.975 0.02 74);
  --creme-fundo: oklch(0.955 0.036 60);
  --branco-quente: oklch(0.993 0.011 82);
  --areia: oklch(0.93 0.04 58);
  /* texto */
  --carvao: oklch(0.27 0.018 55);
  --carvao-soft: oklch(0.42 0.022 55);
  --linha: oklch(0.83 0.03 70);
  /* acento principal */
  --terracota: oklch(0.585 0.14 40);
  --terracota-ink: oklch(0.46 0.145 40);
  /* paleta festiva por ocasião (tudo quente, sem azul nem verde) */
  --framboesa: oklch(0.6 0.16 8);
  --framboesa-ink: oklch(0.47 0.16 9);
  --mostarda: oklch(0.76 0.13 74);
  --mostarda-ink: oklch(0.52 0.12 70);
  --rosa: oklch(0.75 0.12 20);
  --rosa-ink: oklch(0.53 0.15 16);
  --pessego: oklch(0.86 0.07 54);

  --font-display:"Hedvig Letters Serif", Georgia, serif;
  --font-body:"Familjen Grotesk", system-ui, sans-serif;
  --font-hand:"Shantell Sans", "Familjen Grotesk", cursive;

  --text-sm:.92rem; --text-base:1rem; --text-lg:1.18rem;
  --text-xl:clamp(1.35rem,1.15rem + 1vw,1.6rem);
  --text-2xl:clamp(2.1rem,1.55rem + 2.5vw,3.1rem);
  --text-display:clamp(3.1rem,1.9rem + 5.6vw,5.6rem);

  --space-2xs:4px; --space-xs:8px; --space-sm:12px; --space-md:16px;
  --space-lg:24px; --space-xl:32px; --space-2xl:48px; --space-3xl:64px; --space-4xl:96px;
  --radius-paper:7px 5px 8px 5px; --radius-btn:14px 12px 15px 12px; --radius-pill:999px;
  --maxw:1180px;
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --dur:340ms; --dur-slow:520ms;

  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);font-size:var(--text-base);line-height:1.62;color:var(--carvao);
  background:var(--grain),var(--creme);background-blend-mode:soft-light;background-attachment:fixed;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.04;letter-spacing:-.018em;text-wrap:balance}
h1{font-optical-sizing:auto}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
.hand{font-family:var(--font-hand)}
:focus-visible{outline:2.5px solid var(--terracota-ink);outline-offset:3px;border-radius:4px}

.kicker{font-family:var(--font-hand);font-size:1.05rem;font-weight:500;color:var(--terracota-ink);display:inline-flex;align-items:center;gap:.4em;transform:rotate(-1.5deg)}
.kicker svg{width:18px;height:18px}

/* ilustrações em tinta (placeholder das fotos reais) */
.ink{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ink .thin{stroke-width:1.9}

/* botões */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-body);font-weight:600;font-size:.98rem;padding:.82em 1.55em;border-radius:var(--radius-btn);border:1.5px solid transparent;cursor:pointer;transition:transform var(--dur) var(--ease-out),background var(--dur),color var(--dur),box-shadow var(--dur)}
.btn-primary{background:var(--terracota);color:var(--branco-quente);box-shadow:0 7px 0 -2px var(--terracota-ink)}
.btn-primary:hover{background:var(--terracota-ink);transform:translateY(-2px);box-shadow:0 9px 0 -2px var(--terracota-ink)}
.btn-primary:active{transform:translateY(3px);box-shadow:0 3px 0 -2px var(--terracota-ink)}
.btn-ghost{background:transparent;border-color:var(--linha);color:var(--carvao)}
.btn-ghost:hover{border-color:var(--carvao);transform:translateY(-2px)}
.btn-wapp{background:transparent;border-color:var(--linha);color:var(--carvao);font-size:.9rem;padding:.55em 1.1em;border-radius:10px}
.btn-wapp:hover{border-color:var(--terracota);color:var(--terracota-ink)}
.link-hand{font-family:var(--font-hand);font-size:1.02rem;font-weight:500;color:var(--terracota-ink);padding:.35em .2em;display:inline-block}
.link-hand:hover{color:var(--carvao)}

/* header */
header.site{position:sticky;top:0;z-index:60;background:color-mix(in oklch,var(--creme) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-sm)}
.brand{font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:.02em}
.brand .heart{width:.52em;height:.52em;color:var(--terracota);transform:translateY(.04em)}
.nav-right{display:flex;align-items:center;gap:var(--space-sm)}
.nav-links{display:flex;gap:var(--space-xl);font-size:.96rem;font-weight:500}
.nav-links a{color:var(--carvao-soft);transition:color var(--dur)}
.nav-links a:hover{color:var(--carvao)}
.nav-toggle{display:none;background:transparent;border:1.5px solid var(--linha);border-radius:10px;width:42px;height:38px;cursor:pointer;color:var(--carvao);align-items:center;justify-content:center}
.nav-toggle svg{width:20px;height:20px}
@media(max-width:780px){
  .nav-toggle{display:inline-flex}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--creme);border-bottom:1px solid var(--linha);padding:var(--space-md) clamp(20px,5vw,48px) var(--space-lg);gap:var(--space-md);font-size:1.05rem;display:none}
  .nav-links.open{display:flex}
  .nav-links a{color:var(--carvao)}
}

/* reveal (só esconde se o JS estiver ligado, senão abre em branco) */
.reveal{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
html.js .reveal{opacity:0;transform:translateY(18px)}
html.js .reveal.in{opacity:1;transform:none}
.reveal[data-d="1"]{transition-delay:90ms}.reveal[data-d="2"]{transition-delay:180ms}.reveal[data-d="3"]{transition-delay:270ms}
@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}

/* cartão de papel */
.paper{position:relative;background:var(--branco-quente);border-radius:var(--radius-paper);box-shadow:0 1px 0 var(--linha),0 18px 34px -22px color-mix(in oklch,var(--carvao) 55%,transparent);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur)}
.paper .face{aspect-ratio:1;border-radius:inherit;display:grid;place-items:center;position:relative;overflow:hidden;margin:var(--space-xs)}
.paper .face::after{content:"";position:absolute;inset:0;background:radial-gradient(130% 90% at 35% 12%,color-mix(in oklch,var(--branco-quente) 55%,transparent),transparent 72%);pointer-events:none;mix-blend-mode:soft-light}
.paper .face .ink{width:46%;height:46%;position:relative;z-index:1}
/* cor festiva por ocasião */
.t-kits{background:color-mix(in oklch,var(--pessego) 55%,var(--branco-quente));color:var(--terracota-ink)}
.t-convites{background:color-mix(in oklch,var(--framboesa) 24%,var(--branco-quente));color:var(--framboesa-ink)}
.t-rotulos{background:color-mix(in oklch,var(--mostarda) 36%,var(--branco-quente));color:var(--mostarda-ink)}
.t-tags{background:color-mix(in oklch,var(--rosa) 30%,var(--branco-quente));color:var(--rosa-ink)}
.t-animado{background:color-mix(in oklch,var(--mostarda) 30%,color-mix(in oklch,var(--rosa) 30%,var(--branco-quente)));color:var(--terracota-ink)}
.cap-hand{font-family:var(--font-hand);font-size:1.02rem;font-weight:500;color:var(--carvao);text-align:center;padding:var(--space-2xs) 0 10px}

/* fita washi (variada) */
.tape{position:absolute;width:78px;height:24px;background:repeating-linear-gradient(46deg,color-mix(in oklch,var(--mostarda) 62%,transparent) 0 6px,color-mix(in oklch,var(--pessego) 62%,transparent) 6px 12px);opacity:.8;border-radius:1px;box-shadow:0 1px 2px color-mix(in oklch,var(--carvao) 18%,transparent);z-index:3}
.tape.pink{background:repeating-linear-gradient(44deg,color-mix(in oklch,var(--framboesa) 42%,transparent) 0 6px,color-mix(in oklch,var(--rosa) 50%,transparent) 6px 12px)}
.tape.gold{background:repeating-linear-gradient(48deg,color-mix(in oklch,var(--mostarda) 70%,transparent) 0 5px,color-mix(in oklch,var(--terracota) 30%,transparent) 5px 11px)}
.tape.sm{width:54px;height:20px}
.tape.wide{width:104px}
.tape.tc{top:-11px;left:48%;transform:translateX(-50%) rotate(-4deg)}
.tape.tl{top:-10px;left:12%;transform:rotate(-9deg)}
.tape.tr{top:-12px;right:13%;transform:rotate(8deg)}
.tape.tr2{top:6px;right:-14px;transform:rotate(58deg)}

/* doodles */
.doodle{position:absolute;color:var(--terracota);pointer-events:none;z-index:2}
.doodle.mostarda{color:var(--mostarda)}.doodle.framboesa{color:var(--framboesa)}.doodle.rosa{color:var(--rosa-ink)}

/* HERO */
.hero{padding-block:clamp(36px,6vw,76px) var(--space-4xl);position:relative}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero h1{font-size:var(--text-display);margin:.16em 0 .42em;letter-spacing:-.025em;line-height:1}
.hero .uline{position:relative;white-space:nowrap}
.hero .uline svg{position:absolute;left:-2%;bottom:-.34em;width:104%;height:.5em;color:var(--terracota);overflow:visible}
.hero p.lead{font-size:var(--text-lg);color:var(--carvao-soft);max-width:42ch;margin-bottom:var(--space-xl)}
.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}
.hero-note{position:relative;font-family:var(--font-hand);font-size:1rem;color:var(--carvao-soft);margin-top:var(--space-md);display:inline-flex;align-items:center;gap:.5em}
.hero-art{position:relative;aspect-ratio:1/1;max-width:520px;justify-self:center;width:100%}
.hero-art .paper{position:absolute}
.hero-art .p-big{inset:4% 18% 18% -2%;transform:rotate(-5deg);z-index:2}
.hero-art .p-big:hover{transform:rotate(-2deg) translateY(-5px)}
.hero-art .p-small{width:44%;right:-2%;bottom:2%;transform:rotate(7deg);z-index:3}
.hero-art .p-small:hover{transform:rotate(3deg) translateY(-5px)}
.hero-art .p-mini{width:30%;right:6%;top:-4%;transform:rotate(-9deg);z-index:1}
.hero-art .p-mini .face{margin:6px}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-art{max-width:440px;aspect-ratio:6/5;margin-top:var(--space-lg)}}

.trust{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:center;margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:2px dotted color-mix(in oklch,var(--carvao) 24%,transparent);color:var(--carvao-soft);font-size:.95rem}
.trust b{color:var(--carvao);font-weight:600}
.trust .sep{color:var(--terracota);font-family:var(--font-hand)}

/* seções */
section{padding-block:clamp(54px,8vw,100px);position:relative}
.sec-head{max-width:54ch;margin-bottom:var(--space-2xl)}
.sec-head h2{font-size:var(--text-2xl);margin-top:.18em}
.sec-head p{color:var(--carvao-soft);margin-top:.5em;font-size:var(--text-lg);max-width:52ch}
.band{background:var(--grain),var(--creme-fundo);background-blend-mode:soft-light}
.center{text-align:center;margin-inline:auto;align-items:center;display:flex;flex-direction:column}

/* categorias (mosaico assimétrico) */
.cats{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--space-xl) var(--space-md)}
.cat{position:relative}.cat .paper{cursor:pointer;display:block}
.cat:nth-child(1){grid-column:span 2;grid-row:span 2}
.cat:nth-child(1) .face{aspect-ratio:16/11}
.cat:nth-child(1) .paper{transform:rotate(-1.5deg)}
.cat:nth-child(2){margin-top:6px}.cat:nth-child(2) .paper{transform:rotate(2.5deg)}
.cat:nth-child(3) .paper{transform:rotate(-2deg)}
.cat:nth-child(4){margin-top:14px}.cat:nth-child(4) .paper{transform:rotate(1.5deg)}
.cat:nth-child(5){margin-top:-6px}.cat:nth-child(5) .paper{transform:rotate(-3deg)}
.cat .paper:hover{transform:rotate(0) translateY(-5px)}
@media(max-width:860px){.cats{grid-template-columns:repeat(2,1fr)}.cat:nth-child(1){grid-column:span 2;grid-row:span 1}.cat:nth-child(1) .face{aspect-ratio:16/8}.cat{margin-top:0!important}}

/* produtos (prateleira irregular) */
.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl) var(--space-lg);align-items:start}
.prod{position:relative}
.prod:nth-child(1) .paper{transform:rotate(-2.5deg)}
.prod:nth-child(2){margin-top:30px}.prod:nth-child(2) .paper{transform:rotate(1.5deg)}
.prod:nth-child(3){margin-top:6px}.prod:nth-child(3) .paper{transform:rotate(-1deg)}
.prod:nth-child(4){margin-top:34px}.prod:nth-child(4) .paper{transform:rotate(3deg)}
.prod .paper:hover{transform:rotate(0) translateY(-6px)}
.prod .body{padding:var(--space-2xs) var(--space-md) var(--space-md)}
.chip{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--carvao);background:color-mix(in oklch,var(--pessego) 45%,var(--branco-quente));padding:.42em .72em;border-radius:var(--radius-pill);margin-bottom:8px}
.chip svg{width:13px;height:13px;color:var(--terracota-ink)}
.prod h3{font-size:1.34rem;margin-bottom:6px}
.prod .price{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}
.prod .price b{font-family:var(--font-display);font-size:1.55rem;font-weight:400;white-space:nowrap}
.prod .price span{flex:1 1 100%;color:var(--carvao-soft);font-size:.9rem;margin-top:2px}
.prod .foot{margin-top:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}
.prods-more{display:flex;justify-content:center;margin-top:var(--space-3xl)}

/* convite personalizado */
.convite{position:relative;background:var(--grain),linear-gradient(145deg,color-mix(in oklch,var(--pessego) 70%,var(--branco-quente)),color-mix(in oklch,var(--mostarda) 34%,var(--branco-quente)));background-blend-mode:soft-light,normal;border:2px solid color-mix(in oklch,var(--terracota) 42%,transparent);border-radius:12px 10px 14px 9px;padding:clamp(34px,6vw,76px);display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-2xl);align-items:center;overflow:hidden}
.convite::before,.convite::after{content:"";position:absolute;width:38px;height:38px;border:2px solid color-mix(in oklch,var(--terracota) 50%,transparent)}
.convite::before{top:14px;left:14px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.convite::after{bottom:14px;right:14px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.convite h2{font-size:var(--text-2xl)}
.convite p{color:var(--carvao-soft);font-size:var(--text-lg);margin:.55em 0 1.3em;max-width:44ch}
.seal{justify-self:center;width:min(196px,42vw);aspect-ratio:1;border-radius:49% 51% 52% 48% / 53% 47% 53% 47%;border:2.5px dashed var(--terracota);outline:1px solid color-mix(in oklch,var(--terracota) 35%,transparent);outline-offset:5px;display:grid;place-items:center;text-align:center;font-family:var(--font-hand);font-weight:500;font-size:1.5rem;color:var(--terracota-ink);transform:rotate(-7deg);background:color-mix(in oklch,var(--branco-quente) 35%,transparent)}
@media(max-width:760px){.convite{grid-template-columns:1fr}.seal{display:none}}

/* como funciona */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl);position:relative}
.step{position:relative}
.step:nth-child(3){margin-top:22px}
.step .num{font-family:var(--font-display);font-size:3rem;color:var(--terracota);line-height:1;position:relative;display:inline-block}
.step:nth-child(3) .num{color:var(--framboesa-ink)}
.step:nth-child(4) .num{color:var(--mostarda-ink)}
.step .num .ring{position:absolute;inset:-32% -24%;color:var(--mostarda)}
.step h3{font-size:1.32rem;margin:.4em 0 .3em}
.step p{color:var(--carvao-soft)}
.steps .connect{position:absolute;top:24px;left:2%;right:2%;color:color-mix(in oklch,var(--carvao) 30%,transparent);z-index:-1}
@media(max-width:760px){.steps{grid-template-columns:1fr;gap:var(--space-xl)}.steps .connect{display:none}.step{margin-top:0!important}}

/* polaroid */
.polaroid{background:var(--branco-quente);padding:13px 13px 0;border-radius:3px;box-shadow:0 2px 0 var(--linha),0 22px 40px -24px color-mix(in oklch,var(--carvao) 60%,transparent);transition:transform var(--dur) var(--ease-out)}
.polaroid .face{border-radius:2px}
.polaroid .cap-hand{font-size:1.12rem}

/* depoimento (polaroid sangra pra fora) */
.depo{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,60px);align-items:center}
.depo .frame{position:relative;max-width:320px;transform:rotate(-3.5deg);transition:transform var(--dur) var(--ease-out);margin-bottom:-46px}
.depo .frame:hover{transform:rotate(-1deg)}
.depo .face{aspect-ratio:4/5}
.depo blockquote{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.36;color:var(--carvao);font-style:normal}
.depo .who{margin-top:var(--space-lg);font-size:.92rem;color:var(--carvao-soft);font-style:normal}
.depo .who b{color:var(--carvao);font-weight:600;display:block;font-size:1rem;font-style:normal}
.quote-mark{font-family:var(--font-display);font-size:3.2rem;color:var(--terracota);line-height:.3;display:block}
@media(max-width:760px){.depo{grid-template-columns:1fr;justify-items:start}.depo .frame{margin-bottom:var(--space-md)}}

/* sobre */
.sobre{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,60px);align-items:center}
.sobre .frame{position:relative;max-width:340px;transform:rotate(2.5deg);transition:transform var(--dur)}
.sobre .frame:hover{transform:rotate(0)}
.sobre .face{aspect-ratio:1}
.sobre h2{font-size:var(--text-2xl);margin-bottom:.4em}
.sobre p{color:var(--carvao-soft);margin-bottom:var(--space-md);max-width:50ch}
@media(max-width:760px){.sobre{grid-template-columns:1fr;justify-items:start}}

/* faq */
.faq{max-width:740px;margin-inline:auto}
.faq details{border-top:2px dotted color-mix(in oklch,var(--carvao) 22%,transparent);padding:var(--space-lg) 0}
.faq details:last-child{border-bottom:2px dotted color-mix(in oklch,var(--carvao) 22%,transparent)}
.faq summary{font-family:var(--font-display);font-size:1.24rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--terracota-ink)}
.faq summary .pm{color:var(--terracota);font-size:1.5rem;transition:transform var(--dur) var(--ease-out);font-family:var(--font-body)}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq p{color:var(--carvao-soft);padding-top:var(--space-md);max-width:64ch}

/* footer */
footer.site{background:var(--grain),var(--carvao);background-blend-mode:overlay;color:var(--creme);padding-block:var(--space-4xl) var(--space-xl);position:relative}
footer.site a{color:color-mix(in oklch,var(--creme) 86%,transparent)}
footer.site a:hover{color:var(--creme)}
.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xl);padding-bottom:var(--space-2xl);border-bottom:2px dotted color-mix(in oklch,var(--creme) 26%,transparent)}
.foot-brand{font-family:var(--font-display);font-size:2.1rem;display:inline-flex;align-items:baseline}
.foot-brand .heart{width:.5em;height:.5em;color:var(--terracota)}
.foot-cols{display:flex;gap:var(--space-3xl);flex-wrap:wrap}
.foot-col h4{font-family:var(--font-body);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:color-mix(in oklch,var(--creme) 78%,transparent);margin-bottom:var(--space-sm)}
.foot-col a{display:block;margin-bottom:.5em;font-size:.95rem}
.foot-bottom{padding-top:var(--space-lg);font-size:.85rem;color:color-mix(in oklch,var(--creme) 74%,transparent);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}
.foot-bottom .h{font-family:var(--font-hand)}

/* ============ PÁGINA DE PRODUTO ============ */
.crumb{padding-block:var(--space-lg) 0;font-family:var(--font-hand);font-size:1rem;color:var(--carvao-soft)}
.crumb a{color:var(--carvao-soft)}.crumb a:hover{color:var(--terracota-ink)}

.pdp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start;padding-top:var(--space-lg)}
@media(max-width:880px){.pdp{grid-template-columns:1fr;gap:var(--space-2xl)}}

.pdp-media{position:relative}
.pdp-media .doodle{z-index:4}
.pdp-media .main{position:relative;max-width:460px;margin-inline:auto}
.pdp-media .main .paper{transform:rotate(-2.5deg)}
.pdp-media .main .face{aspect-ratio:4/5}
.pdp-media .main .face .ink{width:42%;height:42%}
.pdp-thumbs{display:flex;gap:var(--space-md);margin-top:var(--space-xl);justify-content:center;flex-wrap:wrap}
.pdp-thumbs .paper{width:88px;cursor:pointer}
.pdp-thumbs .face{aspect-ratio:1;margin:5px}
.pdp-thumbs .face .ink{width:48%;height:48%}
.pdp-thumbs .paper:nth-child(odd){transform:rotate(-4deg)}
.pdp-thumbs .paper:nth-child(even){transform:rotate(3deg)}
.pdp-thumbs .paper:hover{transform:rotate(0) translateY(-4px)}

.pdp-info{position:relative}
.pdp-info h1{font-size:clamp(2.1rem,1.5rem + 2.2vw,2.9rem);margin:.15em 0 .35em}
.pdp-info .lead{color:var(--carvao-soft);font-size:var(--text-lg);max-width:46ch}
.price-big{font-family:var(--font-display);font-size:2.6rem;color:var(--carvao);display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap;margin-top:var(--space-md)}
.price-big small{font-family:var(--font-body);font-size:.92rem;color:var(--carvao-soft);font-weight:500}

.includes{list-style:none;display:grid;gap:.7em;margin:var(--space-lg) 0}
.includes li{display:flex;gap:.6em;align-items:flex-start}
.includes svg{width:21px;height:21px;color:var(--terracota);flex:none;margin-top:1px}
.includes b{font-weight:600}

.buy{background:var(--branco-quente);border:1.5px solid var(--linha);border-radius:16px 13px 15px 14px;padding:var(--space-lg);margin-top:var(--space-lg);box-shadow:0 16px 34px -26px color-mix(in oklch,var(--carvao) 55%,transparent)}
.buy .chip{margin-bottom:var(--space-md)}
.buy .btn{width:100%;justify-content:center;font-size:1.05rem}
.buy .reassure{font-size:.85rem;color:var(--carvao-soft);text-align:center;margin-top:var(--space-sm);display:flex;gap:.5em;justify-content:center;align-items:center;flex-wrap:wrap}
.buy .reassure svg{width:15px;height:15px;color:var(--terracota)}
.buy .personalizar{text-align:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dotted color-mix(in oklch,var(--carvao) 20%,transparent);font-size:.95rem;color:var(--carvao-soft)}

.pdp-trust{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg);font-size:.88rem;color:var(--carvao-soft)}
.pdp-trust span{display:inline-flex;gap:.4em;align-items:center}
.pdp-trust svg{width:17px;height:17px;color:var(--terracota)}

.specs{display:grid;grid-template-columns:auto 1fr;gap:0 var(--space-xl);max-width:62ch}
.specs div{display:contents}
.specs dt,.specs dd{padding-block:var(--space-sm);border-top:1px dotted color-mix(in oklch,var(--carvao) 18%,transparent)}
.specs dt{font-weight:600;color:var(--carvao)}
.specs dd{color:var(--carvao-soft)}

/* ============ AQUARELA (washes de fundo) ============ */
.wc{position:absolute;border-radius:50%;filter:url(#wc-edge) blur(8px);opacity:.62;pointer-events:none;z-index:0;mix-blend-mode:multiply}
.wc.peach{background:radial-gradient(circle at 42% 40%,var(--pessego),transparent 66%)}
.wc.terra{background:radial-gradient(circle at 50% 46%,color-mix(in oklch,var(--terracota) 50%,transparent),transparent 64%)}
.wc.gold{background:radial-gradient(circle at 48% 50%,color-mix(in oklch,var(--mostarda) 58%,transparent),transparent 64%)}
.wc.rosa{background:radial-gradient(circle at 50% 48%,color-mix(in oklch,var(--rosa) 52%,transparent),transparent 64%)}
/* conteúdo sempre acima dos washes */
.hero>.wrap,section>.wrap{position:relative;z-index:1}

.pdp-media .main,.pdp-media .pdp-thumbs{position:relative;z-index:1}