/* ASRYO product preview pages + launch interest */
:root{--bg:#0a0b0d;--panel:#15161b;--red:#ef1735;--text:#f6f5f5;--muted:#b5b6bd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 "Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff8b99;outline-offset:3px}
.topline{background:#6c0a1b;color:#fff;text-align:center;font-size:11px;letter-spacing:.13em;padding:9px 5%;font-weight:750}
.header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff2c;padding:20px 5%;background:#0e0f12;position:sticky;top:0;z-index:10}
.logo{text-decoration:none;font:italic 950 34px/1 Impact,"Arial Black",Arial,sans-serif}.header nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.header nav a{font-size:11px;font-weight:750;text-decoration:none;text-transform:uppercase;letter-spacing:.13em}.header nav a:hover{color:#ff5167}
.breadcrumb{margin:25px auto 10px;padding:0 5%;max-width:1440px;color:#aaaab1;font-size:12px}.breadcrumb a{text-decoration:none}
main{max-width:1440px;margin:auto;padding:30px 5% 90px}
.pdp-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(330px,.93fr);gap:clamp(32px,6vw,105px);align-items:start}
.gallery-main{display:block;background:#27272a;overflow:hidden;border-radius:9px;border:1px solid #ffffff30;position:relative}
.gallery-main img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;object-position:center}
.gallery-main::after{content:"OPEN LARGE IMAGE ↗";position:absolute;bottom:15px;right:15px;font:800 9px Arial,sans-serif;letter-spacing:.15em;background:#07080cdd;color:white;padding:9px 12px}
.thumbs{display:flex;gap:12px;margin:14px 0}
.thumbs button{border:2px solid transparent;background:#22242a;flex:0 0 100px;padding:0;border-radius:4px;overflow:hidden;color:white}
.thumbs button[aria-pressed="true"]{border-color:var(--red)}
.thumbs img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#303137}
.thumbs span{display:block;font:800 10px/1.5 Arial,sans-serif;padding:6px}
.kicker{font-size:10px;color:#ff6679;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
h1{font:900 clamp(48px,6vw,88px)/.96 Impact,"Arial Black",Arial,sans-serif;letter-spacing:.005em;text-transform:uppercase;margin:15px 0 25px}
.lede{font-size:15px;color:#dbdbe0;max-width:540px}
.details{padding-top:8px}.details .status{display:inline-block;margin:19px 0;padding:10px 14px;border:1px solid #ff506c;color:#ff6b82;font:800 11px Arial,sans-serif;letter-spacing:.16em}
.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:30px 0;border-top:1px solid #ffffff30}
.product-specs div{border-bottom:1px solid #ffffff30;padding:15px 0}
.product-specs dt{font-weight:850;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#aeb0b9}
.product-specs dd{margin:4px 0 0;font-size:13px}
.muted{color:#a8aab3;font-size:13px}
.details summary{cursor:pointer;font-size:15px;font-weight:850;padding:15px 0}
.details details{border-bottom:1px solid #ffffff25}
.details details p,.details li{font-size:13px;color:#c7c7d0}
.size-guide{width:100%;border-collapse:collapse;font-size:12px;margin-top:14px}
.size-guide th,.size-guide td{padding:10px;text-align:left;border-bottom:1px solid #ffffff2a}
.size-guide th{color:#fff}.size-guide td{color:#c1c1c9}
.waitlist{margin-top:30px;background:linear-gradient(135deg,#291019,#171820);border:1px solid #ffffff36;border-radius:9px;padding:24px}
.waitlist h2{font:900 31px Impact,Arial,sans-serif;margin:0 0 10px;text-transform:uppercase}
.waitlist p{font-size:13px;color:#c7c8cd}
.waitlist form{display:grid;gap:12px}
.waitlist input[type=email]{width:100%;padding:15px;color:white;background:#0a0b0d;border:1px solid #ffffff5b;border-radius:4px}
.waitlist label{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.5}
.waitlist input[type=checkbox]{accent-color:var(--red);margin-top:2px}
.waitlist button,.action{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 22px;border:0;border-radius:4px;background:var(--red);color:white;font-size:12px;font-weight:850;text-decoration:none}
.waitlist button:disabled{background:#51515b;cursor:not-allowed;opacity:.75}
.waitlist .form-status{min-height:22px;margin:0;font-size:12px;color:#fff}
.waitlist a{color:#ffd0d5}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.related{border-top:1px solid #ffffff2a;margin-top:80px;padding-top:40px}
.related h2{font:900 35px Impact,Arial,sans-serif}
.related a{display:inline-flex;gap:20px;align-items:center;text-decoration:none;background:#202127;padding:13px 20px;border-radius:5px}
.related a:hover{background:#33343a}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:32px 5%;background:#08090b;border-top:1px solid #ffffff25;font-size:12px;color:#b8b9c0}
.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none}
.simple-page{max-width:760px;margin:90px auto;min-height:50vh}.simple-page h1{font-size:clamp(42px,7vw,68px)}
@media(max-width:820px){.pdp-layout{grid-template-columns:1fr}.header{flex-wrap:wrap}.header nav{overflow-x:auto;max-width:100%}main{padding:22px 5% 60px}.details{padding-top:0}.gallery-main img{max-height:750px}}
@media(max-width:430px){.logo{font-size:30px}.header nav a{font-size:9px}.product-specs{grid-template-columns:1fr}.thumbs button{flex-basis:85px}.waitlist{padding:19px}.simple-page{margin:50px auto}}


.gallery-main.detail-crop img{object-fit:contain;transform:scale(1.12);transform-origin:52% 77%;transition:transform .2s}
.thumbs button[data-detail-view] img{object-fit:contain;object-position:center;transform:scale(1.08)}