/* Acrylic roll product page: shared site header, footer and inquiry UI stay in use. */
.roll-page h1,.roll-page h2,.roll-page h3{text-wrap:balance}
.roll-page p{text-wrap:pretty}
.roll-page .reveal{opacity:1;transform:none;transition:none}
.roll-page .roll-hero{padding:132px 0 56px;background:var(--bg2);text-align:left}
.roll-hero::before{display:none}
.roll-hero-inner{max-width:1280px;margin:auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.roll-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:28px}
.roll-breadcrumb a:hover{color:var(--brand)}
.roll-page .roll-hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.2;margin:12px 0 18px;max-width:none}
.roll-hero h1 span{display:block;color:var(--brand)}
.roll-hero .roll-intro{font-size:17px;max-width:34em;line-height:1.85}
.roll-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.roll-page .roll-actions .btn{margin:0;min-height:48px}
.roll-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.roll-facts dt{font-size:22px;font-weight:700;color:var(--text);line-height:1.3}
.roll-facts dd{font-size:12px;color:var(--muted);margin-top:5px}
.roll-hero-media{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.roll-hero-media img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.roll-hero-media figcaption{padding:12px 18px;background:var(--card);color:var(--muted);font-size:12px}
.roll-jump{max-width:1280px;padding:18px 32px;margin:auto;display:flex;flex-wrap:wrap;gap:10px 26px;border-bottom:1px solid var(--line)}
.roll-jump a{font-size:14px;min-height:36px;display:inline-flex;align-items:center;color:var(--muted)}
.roll-jump a:hover{color:var(--brand)}
.roll-page a:focus-visible,.roll-page summary:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.roll-page [id]{scroll-margin-top:110px}
.roll-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.roll-series article{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--card)}
.roll-series .series-tag{display:block;color:var(--brand);font-size:13px;margin-bottom:12px}
.roll-series h3{font-size:23px;margin-bottom:16px}
.roll-series .series-spec{color:var(--text);font-size:17px;font-weight:600;margin-bottom:12px;font-variant-numeric:tabular-nums}
.roll-series p{font-size:14px;line-height:1.8}
.roll-series ul{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:grid;gap:8px;color:var(--muted);font-size:13px}
.roll-series li::before{content:'·';color:var(--brand);margin-right:8px}
.roll-material-note{margin-top:22px;padding:18px 22px;border-left:3px solid var(--brand);background:var(--card);font-size:14px;line-height:1.8}
.roll-page .spec-table td{font-variant-numeric:tabular-nums}
.roll-page .section-note{line-height:1.8}
@media(max-width:900px){.roll-hero-inner{gap:28px}.roll-series{grid-template-columns:1fr}.roll-series article{padding:24px}.roll-series ul{grid-template-columns:1fr 1fr}.roll-page .roll-hero h1{font-size:38px}.roll-facts{gap:10px}.roll-facts dt{font-size:20px}}
@media(max-width:700px){.roll-page .roll-hero{padding:106px 0 32px}.roll-hero-inner{grid-template-columns:1fr;padding:0 22px;gap:30px}.roll-breadcrumb{margin-bottom:20px}.roll-page .roll-hero h1{font-size:clamp(30px,7.5vw,44px)}.roll-hero .roll-intro{font-size:16px}.roll-facts{margin-top:24px}.roll-facts dt{font-size:20px}.roll-hero-media{max-width:480px;width:100%;margin:auto}.roll-jump{padding:14px 22px;gap:4px 22px}.roll-page .wrap{padding-top:52px;padding-bottom:52px}.roll-series ul{grid-template-columns:1fr}.roll-page [id]{scroll-margin-top:96px}}
@media(prefers-reduced-motion:reduce){.roll-page{scroll-behavior:auto}.roll-page *{animation:none!important;scroll-behavior:auto!important}}