@font-face{
  font-family:Vazirmatn;
  src:url(/assets/fonts/vazirmatn-subset.woff2) format('woff2-variations'),
      url(/assets/fonts/vazirmatn-subset.woff2) format('woff2');
  font-weight:200 800;
  font-style:normal;
  font-display:swap;   
}

@font-face{
  font-family:Lalezar;
  src:url(/assets/fonts/lalezar-display.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Vazirmatn fallback';
  src:local('Tahoma');
  ascent-override:102.32%; descent-override:53.59%; size-adjust:100.22%;
}
@font-face{
  font-family:'Vazirmatn fallback';
  src:local('Noto Naskh Arabic'),local('NotoNaskhArabic-Regular');
  ascent-override:108.54%; descent-override:56.86%; size-adjust:94.47%;
}

:root{
  
  
  --face-display:Lalezar,Vazirmatn,'Vazirmatn fallback',Tahoma,sans-serif;
  --face-text:Vazirmatn,'Vazirmatn fallback',Tahoma,sans-serif;

  
  --board:#1a150f;        
  --paper:#f2f5f7;        
  --ink:#25221f;          
  --amber:#f7ae0c;        
  --rise:#ba362e;         
  --fall:#0069be;         

  
  --board-2:#2a241e;      
  --rule-board:#3c3731;   
  --paper-2:#e5e8eb;      
  --rule:#ccd0d3;         
  --rule-strong:#7e8084;  
  --ink-2:#66625e;        
  --chalk:#a8a49f;        
  --rise-b:#e15a4e;       
  --fall-b:#4697e4;       

  
  --ground:var(--paper);
  --px-rise:var(--rise);
  --px-fall:var(--fall);
  --spark-ink:var(--ink-2);

  
  --t-label:12px;
  --t-body:16px;
  --t-head:24px;
  --t-display:clamp(30px,7vw,44px);
  --t-figure:clamp(48px,13vw,72px);

  
  --s1:4px; --s2:12px; --s3:24px; --s4:48px; --s5:96px;
  --sect:var(--s4);            

  
  --r:2px; --r-pill:999px;

  
  --focus:0 0 0 3px var(--amber),0 0 0 5px var(--board);
}
@media (min-width:768px){ :root{ --sect:var(--s5) } }

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--face-text);
  background:var(--paper);
  color:var(--ink);
  
  font-weight:400;
  line-height:1.85;
  font-size:var(--t-body);
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;display:block}
::selection{background:var(--amber);color:var(--board)}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--s2)}

bdi{unicode-bidi:isolate}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip{
  position:absolute;inset-inline-start:-9999px;top:0;z-index:999;
  background:var(--amber);color:var(--board);
  padding:var(--s2) var(--s3);font-weight:800;
}
.skip:focus{inset-inline-start:0}

.u-display{
  font-family:var(--face-display);font-weight:400;line-height:1.2;
  
}
.u-label{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  line-height:1.6;text-transform:none;   
}

.u-figure{
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-figure);line-height:1;
  font-variant-numeric:tabular-nums;
}

.topbar{background:var(--board);color:var(--chalk)}
.topbar .wrap{
  display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);
  align-items:center;justify-content:space-between;
  padding-block:var(--s2);font-size:var(--t-label);
  font-weight:400;letter-spacing:.06em;
}

.topbar nav{display:flex;gap:var(--s3);flex-wrap:wrap}
.topbar a{min-height:24px;display:inline-flex;align-items:center}
.topbar a:hover{color:var(--paper)}
.asmco-badge{
  display:inline-flex;align-items:center;gap:var(--s1);
  color:var(--paper);font-weight:800;letter-spacing:0;
}
.tb-hours,.tb-phone{display:inline-flex;align-items:center;gap:var(--s1)}
.tb-hours svg,.tb-phone svg{
  width:14px;height:14px;stroke:var(--chalk);fill:none;stroke-width:1.8;flex:none;
}
.tb-phone{color:var(--paper);font-weight:800;letter-spacing:0}
.tb-phone svg{stroke:var(--amber)}
.topbar .account{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}

.masthead{background:var(--board);border-top:1px solid var(--rule-board)}
.masthead .wrap{padding-block:var(--s3)}
.logo{
  display:flex;align-items:center;gap:var(--s2);
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-head);color:var(--paper);line-height:1.2;
  margin-bottom:var(--s2);
}

.logo .mark{flex:none;display:block}
.logo .mark img{width:auto;height:44px}
.logo .wordmark{display:block;min-width:0}
.logo .wordmark span{color:var(--amber)}   
.logo small{
  display:block;font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  color:var(--chalk);margin-top:var(--s1);font-family:var(--face-text);
}
@media (min-width:768px){ .logo .mark img{height:52px} }
.search{
  display:flex;max-width:640px;position:relative;
  border:1px solid var(--rule-board);border-radius:var(--r);
  background:var(--board-2);
}
.search:focus-within{border-color:var(--amber)}
.search input{
  flex:1;border:0;padding:var(--s2);background:transparent;min-width:0;
  color:var(--paper);
}
.search input:focus{outline:none;box-shadow:none}
.search input::placeholder{color:var(--chalk);font-weight:200}
.search button{
  background:var(--amber);border:0;color:var(--board);cursor:pointer;
  width:56px;display:grid;place-items:center;
}
.search svg{width:20px;height:20px;stroke:var(--board);fill:none;stroke-width:2}

.suggest{
  position:absolute;inset-inline:0;top:calc(100% + 1px);z-index:60;
  background:var(--paper);border:1px solid var(--rule);
  max-height:min(60vh,420px);overflow:auto;display:none;
}
.suggest.open{display:block}
.suggest a{
  display:flex;justify-content:space-between;gap:var(--s2);
  padding:var(--s2);border-bottom:1px solid var(--rule);
  color:var(--ink);
}
.suggest a:last-child{border-bottom:0}
.suggest a:hover{background:var(--paper-2)}
.suggest .s-price{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}
.suggest .s-none{padding:var(--s2);color:var(--ink-2)}

.menubar{background:var(--board);border-top:1px solid var(--rule-board)}
.menubar .wrap{
  display:flex;align-items:center;gap:var(--s3);
  padding-block:var(--s1);flex-wrap:wrap;
}
.menu-toggle{
  display:flex;align-items:center;gap:var(--s2);min-height:44px;
  background:none;border:0;cursor:pointer;color:var(--paper);
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}
.menu-toggle .bars{display:grid;gap:4px}
.menu-toggle .bars i{display:block;width:24px;height:2px;background:var(--amber)}
.menubar nav{display:none;gap:var(--s3);flex-wrap:wrap}
.menubar nav.open{display:flex;flex-direction:column;width:100%;padding-bottom:var(--s2)}
.menubar nav a{
  color:var(--chalk);min-height:44px;display:flex;align-items:center;
  border-bottom:2px solid transparent;
}
.menubar nav a:hover{color:var(--paper)}
.menubar nav a[aria-current=page]{
  color:var(--paper);font-weight:800;border-bottom-color:var(--amber);
}

.ticker{
  background:var(--board);color:var(--paper);
  display:flex;align-items:stretch;
  border-block:1px solid var(--rule-board);position:relative;
}
.ticker-tag{
  flex:none;display:inline-flex;align-items:center;gap:var(--s1);
  background:var(--amber);color:var(--board);
  font-size:var(--t-label);font-weight:800;letter-spacing:.06em;
  padding-inline:var(--s2);white-space:nowrap;z-index:2;
}
.ticker-tag .dot{
  width:7px;height:7px;border-radius:50%;background:var(--board);
  animation:tick-pulse 2.4s ease-in-out infinite;
}
@keyframes tick-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.ticker-all{
  flex:none;display:inline-flex;align-items:center;
  padding-inline:var(--s2);font-size:var(--t-label);font-weight:800;
  letter-spacing:.06em;color:var(--amber);white-space:nowrap;
  z-index:2;background:var(--board);
}
.ticker-all:hover{color:var(--paper)}

.ticker-win{flex:1;overflow:hidden;min-width:0;position:relative}
@supports (mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000)){
  .ticker-win{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
  }
}
.ticker-track{
  display:flex;width:max-content;
  
  direction:ltr;
  animation:ticker-slide 64s linear infinite;
}
.ticker:hover .ticker-track,
.ticker:focus-within .ticker-track{animation-play-state:paused}
@keyframes ticker-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{
  display:inline-flex;align-items:center;gap:var(--s2);
  padding:var(--s1) var(--s3);white-space:nowrap;
  border-inline-end:1px solid var(--rule-board);
  font-size:var(--t-label);letter-spacing:0;
}

.tick-name{
  color:var(--chalk);font-weight:400;letter-spacing:.04em;
  max-width:26ch;overflow:hidden;text-overflow:ellipsis;
}
.tick-price{
  color:var(--paper);font-weight:800;font-variant-numeric:tabular-nums;
}
.tick-delta{font-weight:800;display:inline-flex;align-items:center;gap:var(--s1)}
.tick.t-up   .tick-delta{color:var(--rise-b)}
.tick.t-down .tick-delta{color:var(--fall-b)}
.tick.t-flat .tick-delta{color:var(--chalk)}

@media (prefers-reduced-motion:reduce){
  
  .ticker-track{animation:none;width:max-content}
  .ticker-win{overflow-x:auto;scrollbar-width:thin}
  .ticker-track .tick[aria-hidden="true"]{display:none}
  .ticker-tag .dot{animation:none}
}
@media (max-width:600px){
  .ticker-all{display:none}
  .tick-name{max-width:16ch}
}

.board-band{
  background:var(--board);color:var(--paper);
  padding-block:var(--s3) var(--s4);
  
  --ground:var(--board);
  --px-rise:var(--rise-b);
  --px-fall:var(--fall-b);
  --spark-ink:var(--chalk);
}
.board-band h1{
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-display);line-height:1.15;color:var(--paper);
  text-wrap:balance;max-width:24ch;
}
.board-band .sub{
  color:var(--chalk);margin-top:var(--s2);max-width:48ch;
  font-weight:200;   
}

.stamp{
  display:inline-flex;align-items:center;gap:var(--s1);
  color:var(--amber);font-size:var(--t-label);font-weight:800;
  letter-spacing:.08em;margin-top:var(--s2);
  font-variant-numeric:tabular-nums;
}
.stamp::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);
  animation:tick-pulse 2.4s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){ .stamp::before{animation:none} }

.bb-lit{padding-block-start:0}

.bb-photo{
  position:relative;
  
  --bh:clamp(170px,17vw,260px);
  height:var(--bh);
  
  margin-block-end:calc(var(--bh) * -0.16);
  
  max-width:1600px;margin-inline:auto;
  overflow:hidden;
}

.bb-photo{
  -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
}

.bb-photo img{width:100%;height:100%;object-fit:cover;display:block;
  object-position:32% 50%}

@media (max-width:699px){ .bb-photo img{object-position:50% 50%} }

.bb-photo::before,.bb-photo::after{
  content:"";position:absolute;inset-block:0;width:6%;z-index:2;
  pointer-events:none;
}
.bb-photo::before{left:0;background:linear-gradient(to right,var(--board),transparent)}
.bb-photo::after{right:0;background:linear-gradient(to left,var(--board),transparent)}

.figure-block{
  margin-top:var(--s3);padding-top:var(--s3);
  border-top:1px solid var(--rule-board);
  display:grid;gap:var(--s2);min-width:0;
}
.figure-block .fb-label{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}
.figure-block .fb-value{
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-figure);line-height:1;color:var(--paper);
  font-variant-numeric:tabular-nums;
}
.figure-block .fb-value small{
  font-family:var(--face-text);font-size:var(--t-label);font-weight:400;
  letter-spacing:.06em;color:var(--chalk);margin-inline-start:var(--s1);
}
.figure-block .fb-name{color:var(--chalk);font-weight:200}
.figure-block .fb-name a{color:var(--paper);font-weight:400}
.figure-block .fb-name a:hover{text-decoration:underline;text-underline-offset:3px}
.figure-block .fb-delta{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.figure-block .fb-delta.is-up{color:var(--rise-b)}
.figure-block .fb-delta.is-down{color:var(--fall-b)}
.figure-block .fb-delta.is-flat{color:var(--chalk)}

.claims{
  list-style:none;margin-top:var(--s3);border-top:1px solid var(--rule-board);
}
.claims li{
  color:var(--chalk);padding-block:var(--s1);
  border-bottom:1px solid var(--rule-board);
  display:flex;align-items:baseline;gap:var(--s2);
}
.claims li:last-child{border-bottom:0}
.claims b{color:var(--paper);font-weight:800;flex:none}

.bb-foot{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--rule-board)}
.bb-foot .fd-label{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;color:var(--chalk);
}
.finder{margin-top:var(--s2);display:grid;gap:var(--s1)}
.finder select{
  width:100%;min-height:46px;border:1px solid var(--rule-board);
  border-radius:var(--r);background:var(--board-2);color:var(--paper);
  padding:var(--s1) var(--s2);appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--chalk) 50%),
                   linear-gradient(135deg,var(--chalk) 50%,transparent 50%);
  background-position:16px calc(50% + 1px),21px calc(50% + 1px);
  background-size:5px 5px;background-repeat:no-repeat;
}
.finder button{
  min-height:46px;background:var(--amber);border:0;cursor:pointer;
  color:var(--board);font-weight:800;padding-inline:var(--s3);
  border-radius:var(--r);
}
.finder button:hover{background:var(--paper)}

.bb-lede{min-width:0}
.bb-table{min-width:0;margin-top:var(--s3)}
.bb-th{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;color:var(--chalk);
  border-bottom:1px solid var(--rule-board);padding-bottom:var(--s1);
}
@media (min-width:768px){ .bb-table{margin-top:0} }

.board-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--s3)}
.board{
  width:100%;border-collapse:collapse;
  
  font-variant-numeric:tabular-nums;
}
.board caption{text-align:start}
.board th,.board td{
  padding:var(--s1) var(--s2);text-align:start;vertical-align:middle;
  border-bottom:1px solid var(--rule-board);
}
.board thead th{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;
  letter-spacing:.06em;font-variant-numeric:normal;
  border-bottom:1px solid var(--chalk);white-space:nowrap;
}
.board tbody tr:last-child td{border-bottom:0}
.board .c-name{min-width:200px;color:var(--paper);font-weight:400}
.board .c-name a:hover{text-decoration:underline;text-underline-offset:3px}
.board .c-sku{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}
.board .c-price{color:var(--paper);font-weight:800;white-space:nowrap}
.board .c-date{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;
  letter-spacing:.06em;white-space:nowrap;
}
.board .c-spark{width:80px}
.board-foot{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  margin-top:var(--s2);
}
.board-foot a{color:var(--amber)}
.board-all{
  display:inline-block;margin-top:var(--s3);
  border:1px solid var(--chalk);border-radius:var(--r);
  padding:var(--s1) var(--s3);min-height:46px;
  display:inline-flex;align-items:center;
  color:var(--paper);font-weight:800;
}
.board-all:hover{background:var(--paper);color:var(--board);border-color:var(--paper)}

:root{--ix-ink:var(--ink)}
.board-band{--ix-ink:var(--paper)}

.ixchart{display:block;width:100%;height:150px;margin-top:var(--s2);overflow:visible}
.ix-scale{
  display:flex;justify-content:space-between;gap:var(--s2);
  font-size:var(--t-label);letter-spacing:.06em;color:var(--chalk);
  font-variant-numeric:tabular-nums;padding-top:var(--s1);
  border-top:1px solid var(--rule-board);margin-top:var(--s1);
}
.ix-scale .ix-range{color:var(--paper)}
@media (max-width:520px){ .ix-scale .ix-range{display:none} }

.figure-block.ix .fb-value{font-variant-numeric:tabular-nums}
.figure-block.ix .fb-name{max-width:46ch}

.breadth{margin-bottom:var(--s2)}
.breadth ul{
  list-style:none;display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--rule-board);
}
.breadth li{
  padding:var(--s2) 0;display:flex;flex-direction:column;gap:var(--s1);
}
.breadth li + li{border-inline-start:1px solid var(--rule-board);padding-inline-start:var(--s2)}
.breadth b{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  line-height:1.1;font-variant-numeric:tabular-nums;color:var(--paper);
}
.breadth .is-up b{color:var(--rise-b)}
.breadth .is-down b{color:var(--fall-b)}
.breadth span{
  font-size:var(--t-label);letter-spacing:.06em;color:var(--chalk);
}

.quote{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--rule-board);margin-top:var(--s2);
  border-block:1px solid var(--rule-board);
}
.quote > div{
  background:var(--board);padding:var(--s1) 0;
  display:flex;flex-direction:column;gap:2px;padding-inline-end:var(--s2);
}
.quote .q-label{
  font-size:var(--t-label);letter-spacing:.06em;color:var(--chalk);
}
.quote .q-val{
  color:var(--paper);font-weight:800;font-variant-numeric:tabular-nums;
}
@media (min-width:600px){ .quote{grid-template-columns:repeat(5,1fr)} }

.board .th-sort{
  background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;
  letter-spacing:inherit;display:inline-flex;align-items:center;gap:var(--s1);
  min-height:24px;
}
.board .th-sort:hover{color:var(--ink)}
.board-band .th-sort:hover{color:var(--paper)}
.board th[aria-sort="ascending"] .th-arrow::after{content:"▲"}
.board th[aria-sort="descending"] .th-arrow::after{content:"▼"}
.board th[aria-sort] .th-arrow{font-size:9px;opacity:.85}
.board th[aria-sort="ascending"],.board th[aria-sort="descending"]{color:var(--ink)}

.board-foot.feeds a{font-weight:800}

.board-page .board th,.board-page .board td{border-bottom-color:var(--rule)}
.board-page .board thead th{color:var(--ink-2);border-bottom-color:var(--ink-2)}
.board-page .board .c-name{color:var(--ink)}
.board-page .board .c-price{color:var(--ink)}
.board-page .board .c-sku,.board-page .board .c-date{color:var(--ink-2)}
.board-page{--ground:var(--paper);--px-rise:var(--rise);--px-fall:var(--fall);
  --spark-ink:var(--ink-2)}

.board-page .board-foot{color:var(--ink-2)}
.board-page .board-foot a{color:var(--ink);font-weight:800}
.board-note{
  border-inline-start:2px solid var(--amber);
  padding-inline-start:var(--s2);margin-block:var(--s3);color:var(--ink-2);
}
.board-note b{color:var(--ink);font-weight:800}

main > .wrap > section,
main > .wrap > .cats,
main > .wrap > .brandgrid,
main > .wrap > .faq{margin-block:var(--sect)}

main > .wrap > .section-title{margin-block-start:var(--sect)}
main > .wrap > .section-title + *{margin-block-start:0}

.section-title{
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-head);line-height:1.2;color:var(--ink);
  text-wrap:balance;border-top:1px solid var(--rule);
  padding-top:var(--s2);margin-bottom:var(--s3);
  display:flex;align-items:baseline;
  gap:var(--s2);flex-wrap:wrap;
}

.section-title > .st-text{flex:0 1 auto}
.section-title b{font-weight:400}     
.section-title .count{
  font-family:var(--face-text);font-size:var(--t-label);font-weight:400;
  letter-spacing:.06em;color:var(--ink-2);
}

.page-head h1{
  font-family:var(--face-display);font-weight:400;
  font-size:var(--t-display);line-height:1.15;color:var(--paper);
  text-wrap:balance;
}
.page-head p{color:var(--chalk);margin-top:var(--s2);max-width:64ch;font-weight:200}
.page-head .meta{
  color:var(--amber);font-size:var(--t-label);font-weight:800;letter-spacing:.06em;
  margin-top:var(--s2);display:inline-flex;align-items:center;gap:var(--s1);
  font-variant-numeric:tabular-nums;
}

.crumbs{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  color:var(--ink-2);padding-block:var(--s2) 0;
}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s1);align-items:center}
.crumbs li::after{content:"‹";margin-inline-start:var(--s1);color:var(--rule-strong)}
.crumbs li:last-child::after{content:""}
.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.crumbs [aria-current=page]{color:var(--ink)}

.stat-band{border-bottom:1px solid var(--rule)}

.stat-band ul{list-style:none;grid-template-columns:repeat(2,1fr)}

.stat-band li:last-child{grid-column:1/-1}
.stat-band li{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s2)}
.stat-band b{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums;
}
.stat-band span{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;color:var(--ink-2);
}

@media (min-width:768px){
  .stat-band ul{grid-template-columns:repeat(5,1fr)}
  .stat-band li:last-child{grid-column:auto}   
}

.lamp-band{
  position:relative;isolation:isolate;
  background:var(--board);color:var(--paper);
  padding-block:var(--s4);
  text-align:center;
}
.lb-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.lb-photo picture,.lb-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
}

.lb-photo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 44% 140% at 50% 50%,
                             var(--board) 0 50%, transparent 100%);
}

.lb-body{position:relative;max-width:38rem}
.lamp-band h2{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-display);
  line-height:1.15;color:var(--paper);text-wrap:balance;
}
.lamp-band p{
  color:var(--chalk);font-weight:200;margin-top:var(--s2);
  text-wrap:pretty;
}

.lamp-band .cta{justify-content:center}
.lamp-band .cta a{flex:0 1 240px}

@media (max-width:1199px){
  .lamp-band{padding-block-start:0}
  .lb-photo{position:static;height:clamp(150px,26vw,230px)}
  .lb-photo::after{
    background:linear-gradient(to bottom,transparent 45%,var(--board) 100%);
  }
  .lb-body{margin-block-start:var(--s3)}
}

.lattice{
  display:grid;gap:0;
  border-block-start:1px solid var(--rule);
  border-inline-start:1px solid var(--rule);
}
.lattice > *{
  background:var(--paper);
  border-inline-end:1px solid var(--rule);
  border-block-end:1px solid var(--rule);
}
.cats{  }
.cat{
  background:var(--paper);padding:var(--s2);
  display:grid;grid-template-columns:1fr 88px;gap:var(--s2);align-items:center;
  position:relative;min-height:112px;
}
.cat h3{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.2;
}
.cat h3 a::after{content:"";position:absolute;inset:0}
.cat-count{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}
.cat .all{display:none}        
.cat .thumb{
  aspect-ratio:1;overflow:hidden;background:var(--paper-2);border-radius:var(--r);
}
.cat .thumb img{width:100%;height:100%;object-fit:cover}
.cat:focus-within{box-shadow:var(--focus)}
.cat:hover h3{text-decoration:underline;text-underline-offset:3px}

.shop{padding-block:var(--s3) var(--sect)}
.grid-products{grid-template-columns:repeat(2,1fr)}
.card{
  background:var(--paper);display:flex;flex-direction:column;
  position:relative;padding:var(--s2);
  border-inline-end:1px solid var(--rule);
  border-block-end:1px solid var(--rule);
}
.card:focus-within{box-shadow:var(--focus)}
.card .ph{
  aspect-ratio:4/3;background:var(--paper-2);border-radius:var(--r);
  display:grid;place-items:center;position:relative;overflow:hidden;
}

.card .ph img{width:100%;height:100%;object-fit:cover}
.card .badge{
  position:absolute;inset-block-start:var(--s1);inset-inline-start:var(--s1);
  background:var(--rise);color:var(--paper);
  font-size:var(--t-label);font-weight:800;letter-spacing:.06em;
  padding:0 var(--s1);border-radius:var(--r);z-index:2;
}
.card .badge.v{background:var(--board)}
.card .body{padding-top:var(--s2);display:flex;flex-direction:column;flex:1}

.card h3{
  font-size:var(--t-body);font-weight:400;color:var(--ink);line-height:1.45;
  min-height:2.9em;text-wrap:pretty;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  line-clamp:2;overflow:hidden;
}

.card h3,.card .tags,.card .price,.card-trend,.card .add{flex:none}
.card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.card:hover h3 a{text-decoration:underline;text-underline-offset:3px}

.card:hover{background:var(--paper-2)}
.card:hover .ph{background:var(--paper)}   

.card .tags{
  display:flex;align-items:center;gap:var(--s1);margin-top:var(--s1);
  flex-wrap:wrap;line-height:1.2;
}

.card .tags span{
  font-size:var(--t-label);letter-spacing:.06em;line-height:1.2;
}

.card .tags .sku{color:var(--ink-2);font-weight:400}

.card .tags .brand{color:var(--ink);font-weight:800}

.card .tags .fit{
  color:var(--ink-2);font-weight:400;border:1px solid var(--rule);
  padding:0 var(--s1);border-radius:var(--r);
}

.card .tags .line{
  background:var(--board);color:var(--paper);font-weight:800;
  padding:0 var(--s1);border-radius:var(--r);
}

.card .price{
  margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--rule);
  font-size:var(--t-head);color:var(--ink);font-weight:800;line-height:1.05;
  font-variant-numeric:tabular-nums;
  display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;
  
}
.card .price data{min-width:0}

@supports (container-type:inline-size){
  .card{container-type:inline-size}
  
  .card .price{font-size:clamp(22px,13cqi,44px)}
}
.card .price small{
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  color:var(--ink-2);margin-inline-start:var(--s1);
}
.card .price.na{font-size:var(--t-head);color:var(--rise);font-weight:800}

.card .add{
  margin-top:var(--s2);min-height:46px;
  background:var(--board);color:var(--paper);
  border:1px solid var(--board);cursor:pointer;
  padding:0 var(--s2);font:inherit;font-weight:800;border-radius:var(--r);
  position:relative;z-index:2;text-align:center;
  display:flex;align-items:center;justify-content:center;
}
.card .add:hover{background:var(--ink);border-color:var(--ink)}

.card .add.na{
  background:transparent;color:var(--ink);border-color:var(--rule-strong);
  border-style:dashed;font-weight:400;
}
.card .add.na:hover{background:var(--paper-2)}
.slider-track .card .add{
  background:var(--amber);color:var(--board);border-color:var(--amber);
}
.slider-track .card .add:hover{background:var(--paper);border-color:var(--board)}
.slider-track .card .add.na{
  background:transparent;color:var(--ink);border-color:var(--rule-strong);
}

.card-trend{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s1);margin-top:var(--s1);min-height:22px;line-height:1.2;
  font-size:var(--t-label);letter-spacing:.06em;
}

.empty{
  border:1px dashed var(--rule-strong);border-radius:var(--r);
  padding:var(--s3);text-align:center;color:var(--ink-2);
}
.result-count{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}

.brandgrid{grid-template-columns:repeat(2,1fr)}

.brandgrid a{
  padding:var(--s2);min-height:112px;display:grid;
  grid-template-columns:auto 1fr;grid-template-areas:"mark body" "foot foot";
  align-items:center;gap:var(--s1) var(--s2);color:var(--ink);
}
.brandgrid a:hover{background:var(--paper-2)}

.brandgrid .b-mark{
  grid-area:mark;width:48px;height:48px;display:grid;place-items:center;
  background:var(--board);color:var(--paper);border-radius:var(--r);
  font-family:var(--face-display);font-weight:400;font-size:var(--t-label);
  letter-spacing:.04em;
}
.brandgrid .b-body{grid-area:body;min-width:0}
.brandgrid .b-name{
  display:block;font-family:var(--face-display);font-weight:400;
  font-size:var(--t-head);line-height:1.15;
}
.brandgrid small{
  display:block;color:var(--ink-2);font-size:var(--t-label);
  letter-spacing:.06em;font-variant-numeric:tabular-nums;
}
.brandgrid .b-foot{
  grid-area:foot;display:flex;align-items:center;justify-content:space-between;
  gap:var(--s1);min-height:22px;border-top:1px solid var(--rule);
  padding-top:var(--s1);font-size:var(--t-label);letter-spacing:.06em;
}
.brandgrid .b-foot:empty{display:none}
.brandlinks{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin-top:var(--s2)}
.brandlinks a{color:var(--ink);border-bottom:1px solid var(--rule-strong)}
.brandlinks a:hover{border-bottom-color:var(--ink)}

.filters,.board-filters{
  border-top:1px solid var(--rule);padding-top:var(--s2);
  margin-bottom:var(--s3);display:grid;gap:var(--s2);
}
.filters .row,.board-filters .row{display:grid;gap:var(--s2)}
.filters input[type=search],.filters select,
.board-filters input,.board-filters select{
  width:100%;min-height:46px;border:1px solid var(--rule-strong);
  padding:0 var(--s2);background:var(--paper);border-radius:var(--r);
}
.chips{display:flex;flex-wrap:wrap;gap:var(--s1)}
.chip{
  min-height:44px;display:inline-flex;align-items:center;
  border:1px solid var(--rule-strong);background:transparent;
  padding:0 var(--s2);cursor:pointer;color:var(--ink);border-radius:var(--r);
}
.chip[aria-pressed=true]{background:var(--board);border-color:var(--board);color:var(--paper);font-weight:800}

.faq{border-top:1px solid var(--rule);padding-top:var(--s2)}
.faq h2{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.2;margin-bottom:var(--s2);
}
.faq details{border-bottom:1px solid var(--rule)}
.faq details:last-child{border-bottom:0}
.faq summary{
  cursor:pointer;color:var(--ink);list-style:none;min-height:44px;
  display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  font-weight:800;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";color:var(--ink-2);font-weight:400;font-size:var(--t-head);
  line-height:1;flex:none;
}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:var(--s2);color:var(--ink-2)}

.features{border-top:1px solid var(--rule);padding-top:var(--s3);margin-block:var(--sect)}
.features ul{list-style:none;display:grid;gap:var(--s3)}
.features li{display:grid;gap:var(--s1)}
.features li svg{
  width:24px;height:24px;stroke:var(--ink);fill:none;stroke-width:1.5;
}
.features b{display:block;color:var(--ink);font-weight:800}
.features small{color:var(--ink-2);font-size:var(--t-body);line-height:1.85}

.tiles{margin-block:var(--s3);grid-template-columns:1fr}
.tile{padding:var(--s2);display:flex;flex-direction:column;gap:var(--s1)}

.tile.has-thumb{flex-direction:row;align-items:flex-start;gap:var(--s2)}
.tile .t-thumb{
  flex:none;width:72px;aspect-ratio:1;overflow:hidden;
  background:var(--paper-2);border-radius:var(--r);
}
.tile .t-thumb img{width:100%;height:100%;object-fit:cover}
.tile .t-body{display:flex;flex-direction:column;gap:var(--s1);min-width:0}

.board .c-name a{display:flex;align-items:center;gap:var(--s2);min-width:0}
.board .c-thumb{
  flex:none;width:40px;aspect-ratio:1;overflow:hidden;
  border-radius:var(--r);background:var(--paper-2);
}
.board-band .c-thumb{background:var(--board-2)}
.board .c-thumb img{width:100%;height:100%;object-fit:cover}
@media (max-width:520px){ .board .c-thumb{width:32px} }
.t-label{font-size:var(--t-label);font-weight:400;letter-spacing:.06em;color:var(--ink-2)}

.t-name{color:var(--ink);min-height:44px;display:block;padding-block:10px}
.t-name:hover{text-decoration:underline;text-underline-offset:3px}
.t-value{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums;
}
.t-delta{margin-top:var(--s1)}

.chip-price{
  display:inline-flex;align-items:center;gap:var(--s1);
  font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums;
}

.board .chip-price,.board-band .chip-price,.tile .chip-price{font-weight:800}
.chip-price.is-up  {color:var(--px-rise)}
.chip-price.is-down{color:var(--px-fall)}
.chip-price.is-flat,.chip-price.is-new{color:var(--ink-2);font-weight:400;letter-spacing:.06em}
.board-band .chip-price.is-flat,.board-band .chip-price.is-new{color:var(--chalk)}
.chip-word{font-weight:400;letter-spacing:.06em}
@media (max-width:520px){.chip-word{display:none}}   
.spark{display:block;flex:none;overflow:visible}

.prose a,.board-note a,.board-foot a,.faq details p a,.hist-none a,.nf p a{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
.prose a{color:var(--ink);font-weight:800}

.cols2{columns:2;column-gap:var(--s3);padding-inline-start:var(--s2)}
@media (max-width:520px){ .cols2{columns:1} }

.linkrow{margin-top:var(--s2)}
.linkrow a{
  color:var(--ink);font-weight:800;border-bottom:1px solid var(--rule-strong);
  min-height:44px;display:inline-flex;align-items:center;
}
.linkrow a:hover{border-bottom-color:var(--ink)}

.product{display:grid;gap:var(--s3);padding-block:var(--s3) var(--sect)}
.product .gallery{background:var(--paper-2);border-radius:var(--r);overflow:hidden}

.product .gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.product .info{display:grid;gap:0}
.product h1{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-display);
  color:var(--ink);line-height:1.15;text-wrap:balance;
}
.product .sub{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  margin-top:var(--s1);
}
.price-box{
  margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--rule);
}
.price-main{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-figure);
  color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;
}
.price-main small{
  font-family:var(--face-text);font-size:var(--t-label);font-weight:400;
  letter-spacing:.06em;color:var(--ink-2);margin-inline-start:var(--s1);
}
.price-alt{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}
.price-na{font-size:var(--t-head);font-weight:800;color:var(--rise)}
.board-band .price-box{border-top-color:var(--rule-board)}
.board-band .price-main{color:var(--paper)}
.board-band .price-main small,.board-band .price-alt{color:var(--chalk)}
.board-band .price-na{color:var(--rise-b)}
.price-row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}
.stock{
  display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);
  font-size:var(--t-label);font-weight:800;letter-spacing:.06em;color:var(--ink);
}

.stock::before{content:"";width:8px;height:8px;border-radius:var(--r);background:var(--ink)}
.stock.out{color:var(--rise)}
.stock.out::before{background:var(--rise)}
.board-band .stock{color:var(--paper)}
.board-band .stock::before{background:var(--paper)}
.board-band .stock.out{color:var(--rise-b)}
.board-band .stock.out::before{background:var(--rise-b)}

.cta{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s3)}
.cta a{
  min-height:52px;display:flex;align-items:center;justify-content:center;
  gap:var(--s1);   
  padding:0 var(--s3);font-weight:800;text-align:center;
  flex:1 1 200px;border-radius:var(--r);border:1px solid transparent;
}
.cta .call{background:var(--amber);color:var(--board)}
.cta .call:hover{background:var(--paper);border-color:var(--board)}
.cta .wa{background:var(--board);color:var(--paper)}
.cta .wa:hover{background:var(--ink)}

.board-band .cta .wa,.lamp-band .cta .wa{background:transparent;border-color:var(--chalk)}
.board-band .cta .wa:hover,.lamp-band .cta .wa:hover{
  background:var(--paper);color:var(--board);border-color:var(--paper)}

.spec{
  width:100%;border-collapse:collapse;margin-top:var(--s3);
}
.spec caption{
  text-align:start;font-family:var(--face-display);font-weight:400;
  font-size:var(--t-head);color:var(--ink);padding-bottom:var(--s2);line-height:1.2;
}
.spec th,.spec td{
  padding:var(--s1) var(--s2);text-align:start;border-bottom:1px solid var(--rule);
}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec th{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  width:42%;vertical-align:top;padding-top:calc(var(--s1) + 4px);
}
.spec td{color:var(--ink)}

.prose{margin-top:var(--s3);color:var(--ink-2);max-width:68ch}
.prose h2,.prose h3{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.2;margin:var(--s3) 0 var(--s2);
}
.prose h3{font-size:var(--t-body);font-family:var(--face-text);font-weight:800}
.prose p{margin-bottom:var(--s2)}
.prose ul{margin:0 0 var(--s2);padding-inline-start:var(--s2)}
.related{padding-block:var(--s3) var(--sect)}
.related h2{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.2;border-top:1px solid var(--rule);
  padding-top:var(--s2);margin-bottom:var(--s3);
}

.hist{border-top:1px solid var(--rule);padding-top:var(--s2);margin-block:var(--s3)}
.hist h2{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);line-height:1.2;
}
.hist-span{
  color:var(--ink-2);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  margin-bottom:var(--s2);font-variant-numeric:tabular-nums;
}

.hchart{width:100%;height:150px;display:block;overflow:visible;direction:ltr}
.hchart .hc-y,.hchart .hc-x{
  font-size:var(--t-label);fill:var(--ink-2);font-weight:400;
  font-family:var(--face-text);
}

.hchart .hc-x{direction:rtl}
.hchart .hc-hit,.ixchart .hc-hit{cursor:default}

.board-band .hist-details summary{color:var(--paper)}
.board-band .spec caption{color:var(--paper)}
.board-band .spec th{color:var(--chalk)}
.board-band .spec td{color:var(--paper)}
.board-band .spec th,.board-band .spec td{border-bottom-color:var(--rule-board)}
.hist-details{margin-top:var(--s2)}
.hist-details summary{
  cursor:pointer;color:var(--ink);font-weight:800;min-height:44px;
  display:flex;align-items:center;
}
.hist-table{margin-top:var(--s2);font-variant-numeric:tabular-nums}

.hist-none{
  border-inline-start:2px solid var(--rule-strong);padding-inline-start:var(--s2);
  color:var(--ink-2);margin-block:var(--s2);
}

.slider{margin-block:var(--sect);position:relative;padding-bottom:8px}
.slider-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--s2);flex-wrap:wrap;min-height:64px;
}
.slider-head .section-title{margin:0;flex:1 1 auto}

.slider-head .slider-nav{margin-inline-start:auto}
.slider-nav{display:flex;gap:var(--s1);margin-bottom:var(--s2)}
.s-btn{
  width:46px;height:46px;flex:none;display:grid;place-items:center;
  background:transparent;border:1px solid var(--rule-strong);
  border-radius:var(--r);cursor:pointer;
}
.s-btn svg{
  width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.s-btn:hover:not(:disabled){background:var(--board);border-color:var(--board)}
.s-btn:hover:not(:disabled) svg{stroke:var(--paper)}
.s-btn:disabled{opacity:.3;cursor:default}
.slider-track{
  display:flex;gap:0;
  border-block:1px solid var(--rule);
  border-inline-start:1px solid var(--rule);
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-x:contain;        
}
.slider-track::-webkit-scrollbar{display:none}
.slider-track:focus-visible{box-shadow:var(--focus)}
.slider-track > .card{flex:0 0 clamp(260px,78vw,340px);scroll-snap-align:start}

@supports (mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000)){
  .slider[data-overflow="both"] .slider-track{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
  }
  .slider[data-overflow="start"] .slider-track{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%);
  }
  .slider[data-overflow="end"] .slider-track{
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%);
  }
}

.slider-rail{height:var(--s1);background:var(--rule);overflow:hidden;
  margin-top:var(--s1);margin-bottom:-8px}
.slider-fill{
  display:block;height:100%;width:22%;background:var(--ink);
  
  position:relative;inset-inline-start:0;
}

[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){ .slider-track{scroll-behavior:auto} }

.more-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  margin-top:var(--s3);background:var(--board);border:0;cursor:pointer;
  padding:0 var(--s3);font:inherit;font-weight:800;color:var(--paper);
  border-radius:var(--r);
}
.more-btn:hover{background:var(--ink)}

footer{background:var(--board);color:var(--chalk);padding-top:var(--s4)}
footer .cols{display:grid;gap:var(--s3)}
.f-logo{
  display:flex;align-items:center;gap:var(--s2);
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--paper);margin-bottom:var(--s2);line-height:1.2;
}
.f-logo img{flex:none;width:auto;height:40px}
.f-logo b{color:var(--amber);font-weight:400}
.f-claim{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  margin-bottom:var(--s2);
}
footer h2.mt{margin-block-start:var(--s3)}
footer h2{
  color:var(--paper);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  margin-bottom:var(--s2);border-bottom:1px solid var(--rule-board);
  padding-bottom:var(--s1);
}
footer a:hover{color:var(--paper)}
.contact li{list-style:none;display:flex;gap:var(--s2);margin-bottom:var(--s2);align-items:flex-start}
.contact svg{width:18px;height:18px;stroke:var(--chalk);fill:none;stroke-width:1.6;flex:none;margin-top:8px}
.contact b{display:block;color:var(--paper);font-weight:400}
.contact small{color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em}
.social{display:flex;gap:var(--s1);flex-wrap:wrap}
.social a{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--rule-board);color:var(--chalk);border-radius:var(--r);
}
.social a:hover{border-color:var(--paper);color:var(--paper)}
.social a svg{width:22px;height:22px;fill:currentColor}
.quick{list-style:none}
.quick li{margin-bottom:var(--s1)}
.quick a{min-height:44px;display:inline-flex;align-items:center}
.trust{display:flex;gap:var(--s1);flex-wrap:wrap;align-items:center}
.trust .slot{
  color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
  padding:var(--s2) var(--s1);text-align:center;width:100px;line-height:1.6;
  border:1px dashed var(--rule-board);border-radius:var(--r);
}
.pay{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}
.pay span{color:var(--chalk);font-size:var(--t-label);font-weight:400;letter-spacing:.06em}
.copyright{
  border-top:1px solid var(--rule-board);margin-top:var(--s3);padding-block:var(--s2);
  text-align:center;color:var(--chalk);
  font-size:var(--t-label);font-weight:400;letter-spacing:.06em;
}

.nf{padding-block:var(--s4);max-width:48ch}
.nf h1{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-figure);
  color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;
}
.nf h2{
  font-family:var(--face-display);font-weight:400;font-size:var(--t-head);
  color:var(--ink);margin-top:var(--s2);line-height:1.2;
}
.nf p{color:var(--ink-2);margin-block:var(--s2) var(--s3)}
.nf-links{display:flex;gap:var(--s1);flex-wrap:wrap}
.nf a.btn{
  display:inline-flex;align-items:center;min-height:46px;background:var(--board);
  color:var(--paper);padding:0 var(--s3);font-weight:800;border-radius:var(--r);
}

.preview-banner{
  background:var(--rise);color:var(--paper);
  font-size:var(--t-label);font-weight:800;letter-spacing:.06em;
  padding:var(--s1) var(--s2);text-align:center;
  position:sticky;top:0;z-index:999;
}

@media (min-width:600px){
  .finder{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finder button{grid-column:span 2}
}
@media (min-width:768px){
  .grid-products{grid-template-columns:repeat(3,1fr)}
  .filters .row,.board-filters .row{grid-template-columns:2fr 1fr 1fr 1fr}
  .brandgrid{grid-template-columns:repeat(4,1fr)}
  .cats{grid-template-columns:repeat(3,1fr)}
  .features ul{grid-template-columns:repeat(2,1fr)}
  .tiles{grid-template-columns:repeat(3,1fr)}
  footer .cols{grid-template-columns:1.4fr 1fr 1fr}
  .product{grid-template-columns:minmax(0,420px) 1fr;align-items:start}
  .masthead .wrap{display:flex;align-items:center;gap:var(--s3)}
  .logo{margin-bottom:0;flex:none}
  .search{flex:1 1 auto;max-width:520px;margin-inline-start:auto}
}
@media (min-width:1000px){
  
  .board-band.bb-split .wrap{
    display:grid;grid-template-columns:minmax(0,7fr) minmax(0,10fr);
    gap:var(--s3);align-items:start;
  }
  .board-band.bb-split .bb-lede{grid-column:1}
  .board-band.bb-split .bb-table{grid-column:2}
  
  .board-band.bb-split .bb-foot{grid-column:1/-1}
  .figure-block{grid-template-columns:auto auto;justify-content:start;
    align-items:baseline;gap:var(--s2)}
  .figure-block .fb-label,.figure-block .fb-name{grid-column:1/-1}

  .menubar nav{display:flex}
  .menu-toggle{display:none}
  .features ul{grid-template-columns:repeat(4,1fr)}
  .grid-products{grid-template-columns:repeat(4,1fr)}
  .brandgrid{grid-template-columns:repeat(6,1fr)}
  .finder{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
  .finder button{grid-column:auto}
  .slider-track > .card{flex-basis:340px}
}

@media (max-width:760px){
  
  .topbar nav{display:none}
  .topbar .wrap{justify-content:center;gap:var(--s2)}
  .asmco-badge{display:none}          
  .tb-hours{display:none}
  .tb-phone a{min-height:34px;display:inline-flex;align-items:center}
  
  .masthead .wrap{padding-block:var(--s2)}
  
  .board .c-sku,.board .c-spark,
  .board th.h-sku,.board th.h-spark{display:none}
  .board .c-name{min-width:140px}
}
@media (max-width:400px){
  .wrap{padding-inline:var(--s1)}
  .board-band .wrap,.masthead .wrap,.topbar .wrap,
  .menubar .wrap,footer .wrap{padding-inline:var(--s2)}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@view-transition{navigation:auto}
.masthead{view-transition-name:masthead}
.menubar{view-transition-name:menubar}
footer{view-transition-name:sitefooter}
@media (prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){
    animation:none!important;
  }
}

.card,.cat,.brandgrid a{contain:layout paint style}

html{scroll-padding-block-start:var(--s3);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }