/* ============================================================
   deQors — Página de Produto Único (peça-herói)
   complementa styles.css
   ============================================================ */
.hero-prod{padding:clamp(40px,6vw,72px) 0 clamp(50px,7vw,90px)}
.hp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:start}
/* galeria */
.hp-gallery{position:sticky;top:104px}
.hp-main{position:relative;aspect-ratio:4/4.4;border-radius:4px;overflow:hidden;background:var(--stone);box-shadow:var(--shadow);cursor:zoom-in}
.hp-main .hp-art{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .25s ease-out}
.hp-badge{position:absolute;top:16px;left:16px;z-index:3;background:var(--coral);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5em .9em;border-radius:30px}
.hp-thumbs{display:flex;gap:.7rem;margin-top:1rem}
.hp-thumb{flex:1;aspect-ratio:1/1;border-radius:3px;overflow:hidden;border:1.5px solid var(--line);background:var(--stone);cursor:pointer;transition:.25s;position:relative}
.hp-thumb.active{border-color:var(--ink)}
.hp-thumb .ta{position:absolute;inset:0;background-size:cover}
/* info / compra */
.hp-info .cat{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);font-weight:700}
.hp-info h1{font-family:"Archivo",var(--ff-body);font-weight:800;font-stretch:80%;text-transform:uppercase;font-size:clamp(2.4rem,5vw,4rem);line-height:.95;letter-spacing:-.02em;margin:.5rem 0 .7rem}
.hp-rate{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--ink-soft);margin-bottom:1.3rem}
.hp-rate .stars{color:var(--coral);letter-spacing:2px}
.hp-price{display:flex;align-items:baseline;gap:.7rem;margin-bottom:1.5rem}
.hp-price .now{font-family:var(--ff-display);font-size:2.4rem;font-weight:600;color:var(--ink)}
.hp-price .was{font-size:1.2rem;color:var(--ink-faint);text-decoration:line-through}
.hp-price .save{font-size:.72rem;background:var(--coral-soft);color:var(--coral-deep);font-weight:700;padding:.4em .8em;border-radius:30px;letter-spacing:.05em}
.hp-lede{color:var(--ink-soft);font-size:1.05rem;line-height:1.6;margin-bottom:2rem;max-width:46ch}
.opt-group{margin-bottom:1.8rem}
.opt-group .ol{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.opt-group .ol .olabel{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.opt-group .ol .ovalue{font-size:.84rem;color:var(--ink-soft)}
/* atmosfera + cores */
.atmo-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.atmo-chip{padding:.5em 1.1em;border:1px solid var(--line);border-radius:30px;font-family:"Archivo",var(--ff-body);font-weight:700;font-stretch:85%;font-size:.78rem;letter-spacing:.06em;cursor:pointer;transition:.25s;background:var(--paper-2)}
.atmo-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.swatch-row{display:flex;gap:.7rem;flex-wrap:wrap}
.cswatch{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);cursor:pointer;transition:.25s;position:relative}
.cswatch.active{transform:scale(1.08)}
.cswatch.active::after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--ink);border-radius:50%}
/* tamanhos */
.size-row{display:flex;gap:.7rem;flex-wrap:wrap}
.size-box{flex:1;min-width:90px;padding:1em .8em;border:1px solid var(--line);border-radius:3px;cursor:pointer;transition:.25s;text-align:center;background:var(--paper-2)}
.size-box.active{border-color:var(--ink);background:var(--ink);color:var(--paper-2)}
.size-box strong{display:block;font-size:.96rem;font-weight:700}
.size-box span{font-size:.72rem;opacity:.7}
/* compra */
.buy-row{display:flex;gap:.8rem;margin:1.8rem 0 1rem}
.qty-pick{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:3px}
.qty-pick button{width:48px;height:100%;font-size:1.2rem;color:var(--ink-soft)}
.qty-pick span{min-width:34px;text-align:center;font-weight:600}
.buy-row .btn{flex:1}
.hp-viz-btn{margin-bottom:1.5rem}
.hp-assure{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.6rem}
.hp-assure .a{display:flex;align-items:center;gap:.6em;font-size:.82rem;color:var(--ink-soft)}
.hp-assure .a svg{width:20px;height:20px;stroke:var(--coral);fill:none;stroke-width:1.5}
/* features band */
.feat{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.feat-item{text-align:center;padding:1rem}
.feat-item .fi-ic{width:54px;height:54px;margin:0 auto 1.1rem;border-radius:50%;background:var(--coral-soft);display:flex;align-items:center;justify-content:center}
.feat-item .fi-ic svg{width:26px;height:26px;stroke:var(--coral);fill:none;stroke-width:1.5}
.feat-item h3{font-family:var(--ff-display);font-size:1.3rem;margin-bottom:.5rem}
.feat-item p{font-size:.92rem;color:var(--ink-soft);max-width:34ch;margin:0 auto}
/* spec list */
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(30px,5vw,70px);max-width:880px;margin:0 auto}
.spec-row{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);font-size:.94rem}
.spec-row .k{color:var(--ink-faint)}
.spec-row .v{font-weight:600;text-align:right}
@media(max-width:860px){
  .hp-grid{grid-template-columns:1fr}
  .hp-gallery{position:static}
  .feat-grid{grid-template-columns:1fr;gap:2rem}
  .spec-grid{grid-template-columns:1fr}
}

/* acabamento único (etiqueta fixa) */
.finish-fixed{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1.1em;border-radius:30px;background:var(--coral-soft);color:var(--coral-deep);font-weight:600;font-size:.86rem}
.finish-fixed svg{stroke:var(--coral-deep)}

/* ===== Secção Linha Bicolor (conceito) ===== */
.bicolor-sec .eyebrow.center{color:var(--coral)}
.bicolor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:1.8rem}
.bicolor-card{margin:0;background:linear-gradient(180deg,#fff,#f6f7f9);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.bicolor-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(20,20,29,.28)}
.bicolor-card .bc-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:1.1rem 1.1rem .4rem}
.bicolor-card .bc-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(20,20,29,.14))}
.bicolor-card figcaption{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .6rem 1rem;font-size:.82rem;flex-wrap:wrap}
.bicolor-card .bc-dome{color:var(--ink);font-weight:600}
.bicolor-card .bc-plus{color:var(--muted);font-weight:400}
.bicolor-card .bc-base{color:var(--coral-deep,#C7402A);font-weight:700}
.bicolor-note{text-align:center;color:var(--muted);font-size:.82rem;margin-top:1.4rem;font-style:italic}
@media(max-width:860px){.bicolor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.bicolor-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.bicolor-card figcaption{font-size:.74rem}}

/* ===== Edições sazonais com foto real ===== */
.season-card .atmo-art{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.season-card:hover .atmo-art{transform:scale(1.05)}
.season-card .atmo-overlay{background:linear-gradient(180deg,rgba(20,20,29,0) 35%,rgba(20,20,29,.78) 100%)}
.season-card .atmo-name{color:#fff}
.season-card .atmo-tag{color:rgba(255,255,255,.85)}

/* ===== Banner full-width (topo da página de produto) ===== */
.prod-banner{position:relative;width:100%;height:clamp(380px,54vw,580px);overflow:hidden;background:var(--ink,#1A1A1D);display:flex;align-items:center}
.prod-banner .pb-media{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.02)}
/* placeholder elegante enquanto não há imagem definida */
.prod-banner .pb-media:empty,.prod-banner .pb-media{background-color:#1A1A1D}
.prod-banner .pb-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,29,.72) 0%,rgba(20,20,29,.42) 45%,rgba(20,20,29,.15) 100%)}
.prod-banner .pb-content{position:relative;z-index:2;color:#fff;max-width:1200px}
.prod-banner .pb-eyebrow{font-family:"Archivo",sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--coral);margin-bottom:.9rem}
.prod-banner .pb-title{font-family:"Archivo",sans-serif;font-weight:800;font-stretch:78%;text-transform:uppercase;line-height:1.02;font-size:clamp(2rem,4.8vw,3.6rem);max-width:22ch;margin:0 0 1rem;color:#fff;letter-spacing:-.005em}
.prod-banner .pb-sub{font-size:clamp(1rem,1.5vw,1.18rem);max-width:42ch;color:rgba(255,255,255,.9);margin:0 0 1.8rem;line-height:1.5}
.prod-banner .pb-btn{display:inline-flex}
@media(max-width:680px){
  .prod-banner{height:clamp(420px,80vw,520px);align-items:flex-end;padding-bottom:2.4rem}
  .prod-banner .pb-overlay{background:linear-gradient(180deg,rgba(20,20,29,.25) 0%,rgba(20,20,29,.35) 40%,rgba(20,20,29,.82) 100%)}
  .prod-banner .pb-title{max-width:100%}
}

/* ===== Frase de assinatura da marca ===== */
.brand-sig{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.05rem;color:rgba(255,255,255,.78);margin:.7rem 0 1.3rem;letter-spacing:.01em}
