:root{
  --pri:#6A1FD0;        
  --pri-ink:#4A0FA0;    
  --pri-wash:#F4EFFC;   
  --gold:#F0A808;       
  --gold-ink:#C98A00;
  --gold-wash:#FFF6DF;
  --mast:#1A0840;       
  --mast-2:#2A1063;     
  --ink:#16121F;
  --ink-2:#5B5668;
  --ink-3:#8A8597;
  --line:#D9D5E0;
  --rule:#E8E5EE;
  --band:#F6F4F9;       
  --page:#FFFFFF;
  --pill:100px;         
  --r-box:8px;
  --r-sm:4px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);
  font:400 14px/20px Arial,"Helvetica Neue",Helvetica,"Segoe UI",system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;color:var(--ink)}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px;padding-left:20px}
li{margin-bottom:6px}
b,strong{font-weight:700}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:1500px;margin:0 auto;padding:0 18px}
.sec{border-top:1px solid var(--rule);padding:22px 0 8px;min-width:0}
.sec-h{font-size:21px;line-height:28px;font-weight:700;margin:0 0 14px}
.mast{background:var(--mast);color:#fff}
.mast .wrap{display:flex;align-items:center;gap:18px;min-width:0;height:60px}
.mast .logo{flex:0 0 auto;line-height:0;padding:6px 8px;border:1px solid transparent;
  border-radius:var(--r-sm)}
a.logo:hover{border-color:#fff}
.mast .logo img{height:36px;width:auto}
.mast .search{flex:1 1 auto;min-width:0;display:flex;height:40px;
  border-radius:var(--r-box);overflow:hidden;background:#fff}
.mast .search:focus-within{box-shadow:0 0 0 3px var(--gold)}
.mast .q{flex:1 1 auto;min-width:0;border:0;outline:0;font:inherit;font-size:15px;
  padding:0 12px;color:var(--ink);background:#fff;text-overflow:ellipsis;
  -webkit-appearance:none;appearance:none}
.mast .q::placeholder{color:var(--ink-3);opacity:1}
.mast .q::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.mast .go{flex:0 0 auto;width:52px;border:0;cursor:pointer;background:var(--gold);
  color:var(--mast);font:700 13px/40px Arial,sans-serif;transition:background .15s ease}
.mast .go:hover{background:var(--gold-ink)}
.mast .acct{flex:0 0 auto;display:flex;gap:4px;align-items:center}
.mast .acct a{font-size:13px;line-height:16px;padding:6px 9px;border:1px solid transparent;
  border-radius:var(--r-sm)}
.mast .acct a:hover{border-color:#fff}
.mast .acct small{display:block;font-size:11.5px;color:rgba(255,255,255,.75)}
.mast .acct b{font-size:14px}
.navbar{background:var(--mast-2);color:#fff;font-size:14px}
.navbar .wrap{display:flex;gap:4px;align-items:center;height:39px;overflow-x:auto;
  scrollbar-width:none}
.navbar .wrap::-webkit-scrollbar{display:none}
.navbar a,.navbar span{flex:0 0 auto;white-space:nowrap;padding:5px 9px;
  border:1px solid transparent;border-radius:var(--r-sm)}
.navbar a:hover{border-color:#fff}
.navbar .here{font-weight:700;border-color:rgba(255,255,255,.35)}
.crumb{font-size:12px;color:var(--ink-2);padding:14px 0 10px;display:flex;gap:6px;
  flex-wrap:wrap;align-items:center}
.crumb a:hover{color:var(--pri);text-decoration:underline}
.crumb i{font-style:normal;color:var(--ink-3)}
.pdp{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr) 260px;gap:28px;
  padding:6px 0 22px;min-width:0;align-items:start}
.media{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;min-width:0}
.thumbs{display:flex;flex-direction:column;gap:10px;min-width:0}
.thumbs a{width:46px;height:46px;border-radius:var(--r-box);overflow:hidden;
  border:1px solid var(--line);background:#fff;flex:0 0 auto}
.thumbs a.on{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-wash)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;min-width:0;
  max-width:100%;-ms-overflow-style:none;scrollbar-width:none;border-radius:var(--r-box)}
.shots::-webkit-scrollbar{display:none}
.shot{flex:0 0 100%;scroll-snap-align:start;min-width:0}
.shot img{width:100%;height:auto}
.media .cap{grid-column:2;font-size:12px;color:var(--ink-3);text-align:center;margin:8px 0 0}
.detail{min-width:0}
.store{display:inline-block;font-size:14px;color:var(--pri);margin-bottom:4px}
.store:hover{text-decoration:underline;color:var(--pri-ink)}
.detail h1{font-size:24px;line-height:32px;font-weight:400;margin:0 0 6px}
.stats{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:14px;
  padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:12px}
.stats div{display:flex;gap:4px;align-items:baseline}
.stats b{color:var(--pri);font-weight:700}
.stats span{color:var(--ink-2)}
.stats i{font-style:normal;color:var(--line)}
.badge{display:inline-block;background:var(--mast);color:#fff;font-size:12px;
  line-height:16px;padding:3px 9px 3px 7px;border-radius:0 var(--r-sm) var(--r-sm) 0;
  margin-bottom:10px}
.badge b{color:var(--gold)}
.price{margin:0 0 4px;color:var(--ink);line-height:1}
.price sup{font-size:13px;position:relative;top:-.9em;vertical-align:baseline;margin-right:2px}
.price .fig{font-size:28px;font-weight:400}
.price-lab{font-size:14px;color:var(--ink-2);margin:6px 0 2px}
.price-note{font-size:12px;color:var(--ink-3);margin:0 0 12px}
.vrow{margin:0 0 12px;min-width:0}
.vrow>span{display:block;font-size:14px;color:var(--ink-2);margin-bottom:6px}
.vrow>span b{color:var(--ink)}
.opts{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.opts em{font-style:normal;font-size:13px;line-height:18px;padding:6px 12px;
  border-radius:var(--r-box);border:1px solid var(--line);background:#fff;color:var(--ink)}
.opts em.on{border:2px solid var(--pri);padding:5px 11px;background:var(--pri-wash)}
.about{border-top:1px solid var(--rule);padding-top:12px;margin-top:4px}
.about h2{font-size:16px;line-height:24px;font-weight:700;margin:0 0 6px}
.about ul{margin:0;padding-left:18px}
.about li{font-size:14px;line-height:20px;margin-bottom:5px}
.buy{border:1px solid var(--line);border-radius:var(--r-box);padding:18px;min-width:0}
.buy .price .fig{font-size:24px}
.buy .lede{font-size:14px;margin:8px 0 10px;color:var(--ink)}
.buy .lede b{color:var(--pri)}
.avail{font-size:16px;color:#0B7A43;margin:0 0 10px}
.acts{display:flex;flex-direction:column;gap:9px;margin:12px 0 14px}
.acts a{display:flex;align-items:center;justify-content:center;height:36px;
  border-radius:var(--pill);font-size:13px;font-weight:400;transition:background .15s ease}
.acts .primary{background:var(--gold);color:var(--mast);border:1px solid var(--gold)}
.acts .primary:hover{background:var(--gold-ink);border-color:var(--gold-ink)}
.acts .ghost{background:#fff;color:var(--pri);border:1px solid var(--pri)}
.acts .ghost:hover{background:var(--pri-wash)}
.facts{display:grid;grid-template-columns:92px minmax(0,1fr);gap:4px 10px;font-size:12px;
  margin:0;padding:0}
.facts dt{color:var(--ink-2);margin:0}
.facts dd{margin:0;color:var(--ink);min-width:0}
.buy .safe{border-top:1px solid var(--rule);margin-top:12px;padding-top:10px;
  font-size:12px;color:var(--ink-2)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border:1px solid var(--rule);border-radius:var(--r-box)}
.tiles div{padding:14px 16px;min-width:0;border-left:1px solid var(--rule)}
.tiles div:first-child{border-left:0}
.tiles b{display:block;font-size:20px;line-height:26px;font-weight:700;color:var(--pri)}
.tiles span{font-size:12px;color:var(--ink-2)}
.brandstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.brandstrip figure{margin:0;min-width:0}
.brandstrip img{width:100%;height:auto;border-radius:var(--r-box)}
.brandstrip figcaption{font-size:12px;color:var(--ink-2);margin-top:5px}
.seller{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;
  align-items:center;min-width:0;border:1px solid var(--rule);border-radius:var(--r-box);
  padding:16px}
.seller .mark{width:118px;height:56px;border-radius:var(--r-box);background:var(--mast);
  display:flex;align-items:center;justify-content:center;padding:6px}
.seller .mark img{height:38px;width:auto}
.seller .who{min-width:0}
.seller .who b{font-size:16px;display:block}
.seller .who p{font-size:13px;color:var(--ink-2);margin:2px 0 0}
.seller>a{font-size:13px;padding:8px 16px;border:1px solid var(--line);
  border-radius:var(--pill);white-space:nowrap}
.seller>a:hover{background:var(--band)}
.specs{width:100%;border-collapse:collapse;font-size:14px}
.specs th,.specs td{text-align:left;padding:8px 14px;vertical-align:top;
  border-bottom:1px solid var(--rule)}
.specs th{width:34%;font-weight:700;color:var(--ink);background:var(--band)}
.specs a{color:var(--pri)}
.specs a:hover{text-decoration:underline}
.prose{font-size:15px;line-height:24px;color:var(--ink)}
.prose>p,.prose>h2,.prose>h3,.prose>dl,.prose>ul,.prose>ol{max-width:80ch}
.prose h2{font-size:18px;line-height:24px;font-weight:700;margin:24px 0 10px}
.prose h3{font-size:16px;line-height:22px;font-weight:700;margin:18px 0 8px}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose p{margin:0 0 13px}
.prose a{color:var(--pri);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--pri-ink)}
.prose dl{margin:0 0 16px}
.prose dt{font-weight:700;margin-top:10px}
.prose dd{margin:2px 0 0;color:var(--ink-2)}
.scroller{overflow-x:auto;margin:0 0 18px;border:1px solid var(--rule);border-radius:var(--r-box)}
.scroller.flat{border:0;border-radius:0;margin:0}
.prose table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.prose caption{caption-side:top;text-align:left;font-size:12px;color:var(--ink-2);
  padding:9px 14px;background:var(--band);border-bottom:1px solid var(--rule)}
.prose thead th{background:var(--band);font-weight:700;font-size:13px;text-align:left}
.prose th,.prose td{padding:9px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.prose tbody tr:last-child th,.prose tbody tr:last-child td{border-bottom:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chips em,.chips a{font-style:normal;font-size:13px;padding:6px 13px;
  border-radius:var(--pill);border:1px solid var(--line);background:#fff;color:var(--ink)}
.chips a{color:var(--pri)}
.chips a:hover{border-color:var(--pri);background:var(--pri-wash)}
.chips em{color:var(--ink-2)}
.voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.voice{min-width:0;margin:0}
.voice .by{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px}
.voice .by i{width:28px;height:28px;border-radius:50%;background:var(--pri-wash);
  color:var(--pri);font-style:normal;font-weight:700;display:flex;align-items:center;
  justify-content:center;font-size:12px}
.voice p{font-size:14px;margin:0}
.voices-src{font-size:12px;color:var(--ink-3);margin-top:12px}
.qa{border-bottom:1px solid var(--rule)}
.qa summary{cursor:pointer;padding:12px 0;font-size:15px;font-weight:700;
  list-style:none;display:flex;gap:10px;align-items:flex-start}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"Q:";color:var(--ink);flex:0 0 auto}
.qa .a{padding:0 0 14px 26px;font-size:14px;line-height:21px;color:var(--ink-2)}
.qa .a::before{content:"A: ";font-weight:700;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid>*{min-width:0;padding:4px 0}
.grid b{display:block;font-size:14px;color:var(--pri);margin-bottom:4px}
.grid a:hover b{text-decoration:underline;color:var(--pri-ink)}
.grid p{font-size:13px;color:var(--ink-2);margin:0;line-height:19px}
.totop{display:block;background:#3B1C78;color:#fff;text-align:center;font-size:13px;
  padding:14px 0;margin-top:28px}
.totop:hover{background:#45228A}
.foot{background:var(--mast-2);color:rgba(255,255,255,.78);font-size:13px;line-height:21px}
.foot .wrap{padding:30px 18px 18px}
.foot .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;
  padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14);max-width:1000px;
  margin:0 auto}
.foot .lab{color:#fff;font-weight:700;font-size:15px;margin:0 0 8px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:4px}
.foot a:hover{text-decoration:underline;color:#fff}
.foot .base{padding-top:16px;display:flex;flex-wrap:wrap;justify-content:center;
  gap:8px 18px;align-items:center;font-size:12px;color:rgba(255,255,255,.62);text-align:center}
.foot .age{border:1px solid rgba(255,255,255,.35);border-radius:var(--pill);
  padding:1px 10px;color:#fff}
.foot .copy{background:var(--mast);text-align:center;font-size:12px;
  color:rgba(255,255,255,.62);padding:14px 18px}
.dock{display:none}
@media(max-width:1100px){
  .pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .buy{grid-column:1/-1}
  .acts{flex-direction:row}
  .acts a{flex:1 1 0;min-width:0}
}
@media(max-width:800px){
  .pdp{grid-template-columns:minmax(0,1fr);gap:18px}
  .media{grid-template-columns:minmax(0,1fr)}
  .thumbs{flex-direction:row;order:2;overflow-x:auto}
  .media .cap{grid-column:1}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles div:nth-child(3){border-left:0}
  .tiles div:nth-child(n+3){border-top:1px solid var(--rule)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voices{grid-template-columns:minmax(0,1fr)}
  .brandstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mast .acct a:first-child{display:none}
  .seller{grid-template-columns:auto minmax(0,1fr)}
  .seller>a{grid-column:1/-1;text-align:center}
}
@media(max-width:600px){
  .wrap{padding:0 12px}
  .mast .wrap{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px 12px}
  .mast .logo img{height:28px}
  .mast .search{order:3;flex:1 1 100%}
  .mast .acct{margin-left:auto}
  .detail h1{font-size:19px;line-height:26px}
  .price .fig{font-size:24px}
  .prose{font-size:15px}
  .stats i{display:none}            
  .acts{flex-direction:column}
  .specs th{width:42%}
  .specs th,.specs td{padding:8px 10px}
  .grid{grid-template-columns:minmax(0,1fr)}
  .foot .cols{grid-template-columns:minmax(0,1fr)}
  .seller{grid-template-columns:minmax(0,1fr)}
  .dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;
    background:#fff;border-top:1px solid var(--line);padding:8px 12px;gap:10px}
  .dock a{flex:1 1 0;min-width:0;height:42px;border-radius:var(--pill);
    display:flex;align-items:center;justify-content:center;font-size:14px}
  .dock .primary{background:var(--gold);color:var(--mast)}
  .dock .ghost{border:1px solid var(--pri);color:var(--pri)}
  body{padding-bottom:62px}
}
@media(max-width:380px){
  .tiles{grid-template-columns:minmax(0,1fr)}
  .tiles div{border-left:0;border-top:1px solid var(--rule)}
  .tiles div:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none}
}
.sec.first{border-top:0}
.ph1{font-size:26px;line-height:34px;font-weight:400;margin:0 0 18px}
