/* Product detail — modular compact layout v2 (isolated, scoped .pdv2-*) */
.pdv2{--pdv2-ink:#17211e;--pdv2-muted:#4a554f;--pdv2-line:rgba(0,0,0,.12);--pdv2-paper:#f6f5f2;--pdv2-accent:#9a4b2c;--pdv2-green:#1f7a4d;--pdv2-gap:64px}
.pdv2 .pdv2-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.pdv2 .pdv2-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pdv2 h1,.pdv2 h2,.pdv2 h3,.pdv2 h4{color:var(--pdv2-ink);margin:0}
.pdv2 p{color:var(--pdv2-muted);margin:0}
.pdv2 .pdv2-eyebrow{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--pdv2-accent)}
.pdv2 .pdv2-h2{font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.03em}
.pdv2 .pdv2-note{margin-top:14px;font-size:12px;line-height:1.55;color:#6c7671}
.pdv2-section{padding-block:var(--pdv2-gap)}
.pdv2-section:first-of-type{padding-top:0}

/* Hero */
.pdv2-hero{padding-top:calc(58px + 40px);padding-bottom:var(--pdv2-gap);background:linear-gradient(180deg,#faf9f6 0%,#f1efea 100%)}
.pdv2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.pdv2-hero-media{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#e9e7e2;aspect-ratio:4/3}
.pdv2-hero-media img{width:100%;height:100%;object-fit:cover}
.pdv2-badge{position:absolute;left:16px;bottom:16px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;letter-spacing:.05em}
.pdv2-hero-copy h1{font-size:clamp(30px,3.4vw,46px);line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}
.pdv2-lead{font-size:16px;line-height:1.6;color:var(--pdv2-muted)}
.pdv2-keylist{margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--pdv2-line);border:1px solid var(--pdv2-line);border-radius:14px;overflow:hidden}
.pdv2-keylist>div{padding:12px 14px;background:#fff}
.pdv2-keylist dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a918d}
.pdv2-keylist dd{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--pdv2-ink)}
.pdv2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pdv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:650;border:1px solid transparent;transition:background .2s,transform .2s;cursor:pointer}
.pdv2-btn-primary{background:var(--pdv2-ink);color:#fff}
.pdv2-btn-primary:hover{background:#000;transform:translateY(-1px)}
.pdv2-btn-whatsapp{background:var(--pdv2-green);color:#fff}
.pdv2-btn-whatsapp:hover{background:#155c39;transform:translateY(-1px)}
.pdv2-wa-icon{display:inline-flex;align-items:center}
.pdv2-btn:focus-visible,.pdv2-textlink:focus-visible,summary:focus-visible{outline:3px solid #111;outline-offset:3px}

/* Highlights */
.pdv2-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.pdv2-highlight{padding:22px;border:1px solid var(--pdv2-line);border-radius:16px;background:#fff}
.pdv2-highlight .pdv2-icon{color:var(--pdv2-accent)}
.pdv2-highlight h3{font-size:16px;line-height:1.25;margin:14px 0 8px}
.pdv2-highlight p{font-size:13.5px;line-height:1.55}

/* Overview */
.pdv2-overview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:start}
.pdv2-overview-copy p{font-size:15.5px;line-height:1.7;max-width:62ch}

/* Specs (+ product questions) */
.pdv2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.pdv2-textlink{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:620}
.pdv2-spec-lead{margin:0 0 14px;font-size:14px;font-weight:650;color:var(--pdv2-ink);max-width:72ch}
.pdv2-table{width:100%;border-collapse:collapse;font-size:14px}
.pdv2-table th,.pdv2-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--pdv2-line);vertical-align:top}
.pdv2-table th{width:38%;font-weight:650;color:var(--pdv2-ink);background:#fbfaf8}
.pdv2-table td{color:var(--pdv2-muted)}
.pdv2-more{margin-top:12px;border-top:1px solid var(--pdv2-line)}
.pdv2-more>summary{display:flex;align-items:center;min-height:48px;padding:8px 0;font-size:14px;font-weight:650;color:var(--pdv2-ink);cursor:pointer;list-style:none}
.pdv2-more>summary::-webkit-details-marker{display:none}
.pdv2-more>summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:10px;border:1px solid var(--pdv2-line);border-radius:50%;font-size:15px;line-height:1}
.pdv2-more[open]>summary:before{content:"\2212"}
.pdv2-table-more{margin-top:4px}
.pdv2-spec-faq{margin-top:26px}
.pdv2-spec-faq h3{font-size:18px;margin-bottom:8px}
.pdv2-faq-list{border-top:1px solid var(--pdv2-line);max-width:820px}
.pdv2-faq-list details{border-bottom:1px solid var(--pdv2-line)}
.pdv2-faq-list summary{display:flex;align-items:center;min-height:48px;padding:6px 0;font-size:15px;font-weight:620;color:var(--pdv2-ink);cursor:pointer;list-style:none}
.pdv2-faq-list summary::-webkit-details-marker{display:none}
.pdv2-faq-list summary:after{content:"+";margin-left:auto;font-size:18px;color:var(--pdv2-accent)}
.pdv2-faq-list details[open] summary:after{content:"\2212"}
.pdv2-faq-list p{padding:0 0 14px;font-size:14px;line-height:1.65;max-width:70ch}

/* OEM */
.pdv2-oem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}
.pdv2-oem-card{padding:22px;border-radius:16px;background:var(--pdv2-paper)}
.pdv2-oem-card h3{font-size:16px;margin-bottom:8px}
.pdv2-oem-card p{font-size:13.5px;line-height:1.55}

/* CTA + related */
.pdv2-cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:clamp(26px,3vw,40px);border-radius:22px;background:var(--pdv2-ink);color:#fff}
.pdv2-cta-box h2{color:#fff;margin-bottom:8px}
.pdv2-cta-box p{color:#c9d0cc;font-size:15px;max-width:56ch}
.pdv2-cta-box .pdv2-btn-primary{background:#fff;color:var(--pdv2-ink)}
.pdv2-cta-box .pdv2-btn-primary:hover{background:#eee}
.pdv2-related-title{margin-top:44px;font-size:20px;line-height:1.2}
.pdv2-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.pdv2-related-grid article{border:1px solid var(--pdv2-line);border-radius:16px;overflow:hidden;background:#fff}
.pdv2-related-grid a{display:block;padding:0 0 16px}
.pdv2-related-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#eee}
.pdv2-related-media img{width:100%;height:100%;object-fit:cover}
.pdv2-related-cat{display:block;margin:14px 16px 6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a918d}
.pdv2-related-grid h3,.pdv2-related-grid h4{font-size:16px;line-height:1.25;padding:0 16px}

@media (max-width:1000px){
  .pdv2-hero-grid{grid-template-columns:1fr;gap:28px}
  .pdv2-overview-grid{grid-template-columns:1fr;gap:18px}
}
@media (max-width:760px){
  .pdv2{--pdv2-gap:32px}
  .pdv2 .pdv2-wrap{width:calc(100% - 32px)}
  .pdv2-hero{padding-top:calc(54px + 18px)}
  .pdv2-hero-grid{gap:20px}
  .pdv2-hero-media{aspect-ratio:3/2;max-height:260px}
  .pdv2-hero-copy h1{font-size:26px}
  .pdv2-keylist{margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdv2-keylist>div{padding:10px 12px}
  .pdv2-actions{margin-top:16px;gap:10px}
  .pdv2-note{margin-top:10px}

  .pdv2-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
  .pdv2-highlight{padding:14px;border-radius:14px}
  .pdv2-highlight .pdv2-icon{width:20px;height:20px}
  .pdv2-highlight h3{margin:10px 0 6px}

  .pdv2-overview-grid{gap:14px}
  .pdv2-section-head{margin-bottom:16px;gap:12px}
  .pdv2-spec-lead{margin-bottom:10px}
  .pdv2-table th,.pdv2-table td{padding:10px 10px}
  .pdv2-spec-faq{margin-top:20px}
  .pdv2-faq-list summary{font-size:14.5px}

  .pdv2-oem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  .pdv2-oem-card{padding:14px;border-radius:14px}

  .pdv2-cta-box{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}
  .pdv2-related-title{margin-top:28px;font-size:17px}
  .pdv2-related-grid{grid-template-columns:repeat(3,minmax(62%,1fr));gap:12px;margin-top:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .pdv2-related-grid article{scroll-snap-align:start}
  .pdv2-related-media{aspect-ratio:16/10}
  .pdv2-related-grid a{padding-bottom:12px}
  .pdv2-related-cat{margin:10px 12px 4px}
  .pdv2-related-grid h3,.pdv2-related-grid h4{font-size:15px;padding:0 12px}
}