/* ZBoard v3.8.41 — quiet, product-first display board */
@font-face{
  font-family:"Yekan Bakh FaNum";
  src:url("./fonts/YekanBakhFaNum-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:block;
}
@font-face{
  font-family:"Yekan Bakh FaNum";
  src:url("./fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:block;
}
@font-face{
  font-family:"Yekan Bakh FaNum";
  src:url("./fonts/YekanBakhFaNum-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:block;
}

:root{
  --red:#c93239;
  --red-dark:#9f252b;
  --ink:#20262a;
  --text:#3f484e;
  --muted:#778087;
  --line:#e2e6e8;
  --line-strong:#d7dcdf;
  --paper:#fff;
  --canvas:#f3f5f6;
  --yellow:#ffe88a;
  --yellow-line:#e2b714;
}

*{box-sizing:border-box}
html,body{
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  background:var(--canvas);
  color:var(--ink);
  font-family:"Yekan Bakh FaNum",Tahoma,Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit}
button{color:inherit}
button:focus-visible,.admin-return:focus-visible{
  outline:3px solid rgba(201,50,57,.25);
  outline-offset:2px;
}

.board{
  height:100dvh;
  min-height:100vh;
  display:grid;
  grid-template-rows:8.3vh minmax(0,1fr) 5.2vh;
  gap:.65vh;
  padding:.65vh .65vw .55vh;
}

.header{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2vw;
  padding:.55vh .9vw;
  border:1px solid var(--line);
  border-radius:.65vw;
  background:rgba(255,255,255,.96);
}
.brand-lockup{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.75vw;
}
.brand-lockup img{
  width:auto;
  height:5.3vh;
  max-width:9.5vw;
  object-fit:contain;
}
.brand-lockup>div{
  min-width:0;
  display:grid;
  gap:0;
}
.brand-lockup strong{
  color:var(--ink);
  font-size:clamp(14px,.88vw,18px);
  font-weight:600;
  line-height:1.35;
}
.brand-lockup h1{
  max-width:40vw;
  margin:0;
  overflow:hidden;
  color:var(--muted);
  font-size:clamp(10px,.68vw,14px);
  font-weight:400;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.meta{
  direction:ltr;
  display:flex;
  align-items:center;
  gap:.65vw;
}
.meta-item{
  min-width:0;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.4vw;
  padding:.35vh .7vw;
  border-right:1px solid var(--line);
}
.meta-item span{
  color:var(--muted);
  font-size:clamp(9px,.62vw,12px);
  font-weight:400;
  white-space:nowrap;
}
.meta-item strong{
  color:var(--text);
  font-size:clamp(18px,1.25vw,26px);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.meta-item.sales strong{color:var(--red-dark)}
.meta-item.time{border-right:0}
.meta-item.time span{direction:rtl}

.slides{position:relative;min-height:0}
.slide{
  position:absolute;
  inset:0;
  display:grid;
  gap:.65vw;
  opacity:0;
  transform:translateY(3px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.slide.active{opacity:1;transform:none;pointer-events:auto}
.layout-one{grid-template-columns:1fr;grid-template-rows:1fr}
.layout-two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}
.layout-three{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
.layout-three>.card.dominant{grid-row:1/span 2}
.layout-four{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.layout-tall-two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
.layout-tall-two .tall{grid-row:1/span 2}

.card{
  container-type:inline-size;
  min-width:0;
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:4.8vh 2.9vh minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:.58vw;
  background:var(--paper);
}
.card-head{
  display:flex;
  align-items:center;
  padding:.42vh .78vw .2vh;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.card-title{
  display:flex;
  align-items:baseline;
  gap:.42vw;
  white-space:nowrap;
}
.card-title span{
  color:var(--muted);
  font-size:clamp(12px,.78vw,16px);
  font-weight:400;
}
.card-title strong{
  color:var(--ink);
  font-size:clamp(24px,1.75vw,36px);
  font-weight:600;
  line-height:1;
}

.columns,.row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1.18fr) minmax(74px,.68fr) minmax(0,1.04fr);
  align-items:center;
  column-gap:clamp(7px,.45vw,11px);
  direction:rtl;
  padding-inline:.78vw;
}
.columns{
  border-bottom:1px solid var(--line);
  background:#fafbfb;
  color:#8a9297;
  font-size:clamp(9px,.58vw,12px);
  font-weight:400;
}
.columns span{text-align:center}
.columns span:first-child{text-align:right}
.columns span:nth-child(2){text-align:left}
.columns span:last-child{text-align:center}
.rows{
  min-height:0;
  display:grid;
  grid-template-rows:repeat(var(--rows),minmax(0,1fr));
  padding:0 .34vw .08vh;
}
.row{
  min-height:0;
  position:relative;
  border-bottom:1px solid #eceff0;
  background:#fff;
}
.row:last-child{border-bottom:0}
.row:nth-child(even):not(.yellow){background:#fcfcfc}
.row.yellow{
  background:linear-gradient(90deg,#ffefaa 0%,var(--yellow) 100%);
  box-shadow:inset -4px 0 0 var(--yellow-line);
}
.brand{
  min-width:0;
  overflow:visible;
  color:var(--ink);
  font-size:clamp(21px,3.65cqi,35px);
  font-weight:600;
  line-height:1.1;
  overflow-wrap:anywhere;
  text-align:right;
  white-space:normal;
}
.price{
  min-width:0;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:.28vw;
  direction:ltr;
  text-align:left;
  white-space:nowrap;
}
.price strong{
  color:#161b1e;
  font-size:clamp(27px,1.9vw,40px);
  font-weight:700;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.price span{
  color:var(--muted);
  font-size:clamp(9px,.6vw,12px);
  font-weight:400;
  direction:rtl;
}
.weight{
  color:#525c62;
  font-size:clamp(18px,1.23vw,26px);
  font-weight:400;
  font-variant-numeric:tabular-nums;
  text-align:center;
  direction:ltr;
}
.detail{
  min-width:0;
  overflow:visible;
  color:#687279;
  font-size:clamp(11px,.76vw,16px);
  font-weight:400;
  line-height:1.3;
  overflow-wrap:anywhere;
  text-align:center;
  white-space:normal;
}
.detail.spec{
  width:auto;
  max-width:100%;
  justify-self:center;
  padding:.12vh .26vw;
}
.detail.spec:empty{padding:0}
.row.yellow .brand,.row.yellow .price strong{color:#2b260d}
.row.yellow .weight,.row.yellow .detail{color:#5d5016}

.footer{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:.65vw;
  padding:.18vh .62vw;
  border:1px solid var(--line);
  border-radius:.54vw;
  background:#fff;
}
.pager{min-width:0;display:flex;align-items:center;gap:.28vw}
.pause,.chip{
  height:2.8vh;
  border:1px solid var(--line-strong);
  border-radius:.32vw;
  background:#f7f8f8;
  color:#677178;
  font-size:clamp(9px,.58vw,12px);
  font-weight:400;
}
.pause{width:2vw;min-width:32px}
.status{color:var(--muted);font-size:clamp(9px,.58vw,12px);font-weight:400;white-space:nowrap}
.chips{min-width:0;display:flex;gap:.2vw;overflow:hidden}
.chip{padding:0 .4vw;white-space:nowrap}
.chip.active{border-color:#e7bfc1;background:#fff4f4;color:var(--red-dark);font-weight:600}
.footer-copy{display:flex;flex-direction:column;line-height:1.2}
.footer-copy strong{font-size:clamp(9px,.64vw,13px);font-weight:600}
.footer-copy span{color:var(--muted);font-size:clamp(8px,.5vw,10px);font-weight:400}
.footer-sales{display:flex;align-items:center;gap:.38vw;padding-right:.7vw;border-right:1px solid var(--line)}
.footer-sales span{color:var(--muted);font-size:clamp(9px,.58vw,12px);font-weight:400}
.footer-sales strong{color:var(--red-dark);font-size:clamp(18px,1.25vw,26px);font-weight:600}
.progress{position:absolute;right:0;bottom:0;left:0;height:2px;overflow:hidden}
.progress i{display:block;width:0;height:100%;background:var(--red)}
.empty{
  height:100%;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:.6vw;
  background:#fff;
  color:var(--muted);
  font-size:20px;
  font-weight:400;
}
.admin-return{
  position:fixed;
  top:10px;
  right:10px;
  z-index:80;
  padding:7px 11px;
  border-radius:8px;
  background:#252b2f;
  color:#fff;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.connection{
  position:fixed;
  top:8px;
  left:50%;
  z-index:90;
  padding:7px 12px;
  border-radius:8px;
  background:#8f2a30;
  color:#fff;
  font-size:12px;
  font-weight:600;
  transform:translate(-50%,-150%);
  transition:transform .18s ease;
}
.connection.show{transform:translate(-50%,0)}

@container (max-width:560px){
  .brand{font-size:clamp(17px,4.5cqi,25px)}
  .price strong{font-size:clamp(22px,4.3cqi,33px)}
  .detail{font-size:clamp(10px,2.7cqi,14px)}
}

@media(max-width:900px){
  html,body{height:auto;overflow:auto}
  .board{
    height:auto;
    min-height:100dvh;
    grid-template-rows:auto auto auto;
    gap:10px;
    padding:10px;
  }
  .header{
    position:sticky;
    top:0;
    z-index:20;
    min-height:74px;
    padding:9px 10px;
    border-radius:12px;
  }
  .brand-lockup img{height:43px;max-width:110px}
  .brand-lockup h1{max-width:34vw;font-size:10px}
  .meta{gap:4px}
  .meta-item{padding-inline:7px}
  .meta-item.time span{display:none}
  .slides{min-height:0}
  .slide{
    position:static;
    display:none;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:10px;
    opacity:1;
    transform:none;
  }
  .slide.active{display:grid}
  .card,.layout-tall-two .tall{
    grid-row:auto;
    min-height:320px;
    height:auto;
    grid-template-rows:52px 30px minmax(230px,1fr);
    border-radius:11px;
  }
  .columns,.row{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.08fr) 64px minmax(0,.96fr);
    column-gap:6px;
    padding-inline:9px;
  }
  .brand{font-size:21px}
  .price strong{font-size:24px}
  .weight{font-size:16px}
  .detail{font-size:12px}
  .footer{
    position:sticky;
    bottom:0;
    z-index:20;
    grid-template-columns:minmax(0,1fr) auto;
    padding:7px;
    border-radius:11px;
  }
  .footer-copy{display:none}
  .chips{max-width:64vw}
  .pause,.chip{height:32px;border-radius:7px}
  .pause{width:38px}
  .footer-sales span{display:none}
}

@media(max-width:520px){
  .header{align-items:flex-start}
  .brand-lockup{gap:6px}
  .brand-lockup img{width:78px;height:36px}
  .brand-lockup>div>strong{font-size:12px}
  .brand-lockup h1{display:none}
  .meta-item strong{font-size:18px}
  .meta-item span{font-size:9px}
  .columns,.row{
    grid-template-columns:minmax(0,1.28fr) minmax(0,1.04fr) 52px minmax(0,.92fr);
    column-gap:4px;
    padding-inline:6px;
  }
  .columns{font-size:9px}
  .brand{font-size:17px}
  .price{gap:2px}
  .price strong{font-size:18px}
  .price span{font-size:8px}
  .weight{font-size:13px}
  .detail{font-size:10px}
  .status{display:none}
  .chips{max-width:69vw}
  .chip{padding-inline:6px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .slide,.connection{transition:none}
  .progress i{transition:none!important}
}


/* ZBoard v3.8.41 — denser and fully responsive display layout */
.board{grid-template-rows:7.2vh minmax(0,1fr) 4.5vh;gap:.45vh;padding:.45vh .45vw .4vh}
.header{gap:1vw;padding:.38vh .72vw;border-radius:.55vw}
.brand-lockup{gap:.62vw}
.brand-lockup img{height:4.7vh;max-width:10vw}
.brand-lockup strong{font-size:clamp(14px,.9vw,32px)}
.brand-lockup h1{font-size:clamp(10px,.68vw,24px)}
.meta{gap:.45vw}
.meta-item{gap:.32vw;padding:.25vh .58vw}
.meta-item span{font-size:clamp(9px,.6vw,22px)}
.meta-item strong{font-size:clamp(18px,1.2vw,44px)}
.slide{gap:.45vw}
.card{grid-template-rows:4.05vh 2.35vh minmax(0,1fr);border-radius:.5vw}
.card-head{padding:.3vh .64vw .12vh}
.card-title{gap:.34vw}
.card-title span{font-size:clamp(12px,.75vw,28px)}
.card-title strong{font-size:clamp(23px,1.62vw,58px)}
.columns,.row{grid-template-columns:minmax(0,1.55fr) minmax(0,1.18fr) minmax(68px,.66fr) minmax(0,1fr);column-gap:clamp(5px,.36vw,14px);padding-inline:.62vw}
.columns{font-size:clamp(9px,.56vw,20px)}
.rows{padding:0 .22vw .04vh}
.brand{font-size:clamp(19px,3.15cqi,60px);line-height:1.06}
.price strong{font-size:clamp(24px,1.72vw,68px)}
.price span{font-size:clamp(8px,.56vw,21px)}
.weight{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.22vw,9px);color:#525c62;font-size:clamp(17px,1.14vw,42px)}
.weight-indicator{display:none;width:clamp(11px,.72vw,25px);height:clamp(11px,.72vw,25px);flex:0 0 auto;border:1px solid transparent;border-radius:50%;place-items:center;font:800 clamp(7px,.42vw,15px)/1 Arial,sans-serif}
.weight.stock-low .weight-indicator,.weight.stock-high .weight-indicator{display:inline-grid}
.weight.stock-low .weight-indicator{border-color:rgba(183,40,52,.38);background:rgba(200,61,73,.08);color:#b72834}
.weight.stock-high .weight-indicator{border-color:rgba(33,122,78,.36);background:rgba(39,134,87,.08);color:#217a4e}
.weight.stock-low .weight-indicator::before{content:'!'}
.weight.stock-high .weight-indicator::before{content:'✓';font-size:.9em}
.detail{font-size:clamp(11px,.72vw,27px);line-height:1.2}
.footer{gap:.5vw;padding:.12vh .52vw;border-radius:.46vw}
.pause,.chip{height:2.55vh;font-size:clamp(9px,.55vw,20px)}
.status{font-size:clamp(9px,.55vw,20px)}
.footer-copy strong{font-size:clamp(9px,.6vw,22px)}
.footer-copy span{font-size:clamp(8px,.48vw,18px)}
.footer-sales span{font-size:clamp(9px,.55vw,20px)}
.footer-sales strong{font-size:clamp(18px,1.15vw,42px)}

@media(min-width:901px) and (max-height:800px){
  .board{grid-template-rows:7vh minmax(0,1fr) 4.3vh;gap:.35vh;padding:.35vh .4vw .3vh}
  .card{grid-template-rows:3.85vh 2.25vh minmax(0,1fr)}
  .card-head{padding-top:.2vh}
  .columns,.row{padding-inline:.55vw}
  .brand{font-size:clamp(18px,3cqi,34px)}
  .price strong{font-size:clamp(22px,1.65vw,34px)}
  .weight{font-size:clamp(15px,1.08vw,23px)}
  .detail{font-size:clamp(10px,.69vw,14px)}
}

@media(max-width:900px){
  .board{gap:8px;padding:8px}
  .header{min-height:64px;padding:7px 9px;border-radius:10px}
  .brand-lockup img{height:38px;max-width:100px}
  .slide{gap:8px}
  .card,.layout-tall-two .tall{min-height:270px;grid-template-rows:44px 27px minmax(190px,1fr);border-radius:10px}
  .columns,.row{grid-template-columns:minmax(0,1.42fr) minmax(0,1.08fr) 60px minmax(0,.92fr);column-gap:5px;padding-inline:7px}
  .brand{font-size:19px}
  .price strong{font-size:22px}
  .weight{font-size:15px;gap:4px}
  .weight-indicator{width:12px;height:12px;font-size:8px}
  .detail{font-size:11px}
  .footer{padding:6px}
}

@media(max-width:520px){
  .board{padding:6px;gap:6px}
  .header{min-height:58px;padding:6px 7px}
  .brand-lockup img{width:72px;height:32px}
  .card,.layout-tall-two .tall{min-height:248px;grid-template-rows:40px 25px minmax(176px,1fr)}
  .columns,.row{grid-template-columns:minmax(0,1.26fr) minmax(0,1.02fr) 48px minmax(0,.86fr);column-gap:3px;padding-inline:5px}
  .columns{font-size:8.5px}
  .brand{font-size:16px}
  .price strong{font-size:17px}
  .price span{font-size:7.5px}
  .weight{font-size:12.5px;gap:3px}
  .weight-indicator{width:10px;height:10px;font-size:7px}
  .detail{font-size:9.5px}
}

@media (forced-colors:active){
  .weight.stock-low .weight-indicator,.weight.stock-high .weight-indicator{border:1px solid CanvasText}
}


/* ZBoard v3.8.50 — TV-first header, adaptive cards and clearer hierarchy */
.board{
  grid-template-rows:8.4vh minmax(0,1fr) 4.7vh;
  gap:.62vh;
  padding:.62vh .62vw .5vh;
}
.display-header{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(180px,12vw) minmax(0,1fr) minmax(360px,25vw);
  align-items:center;
  gap:1vw;
  padding:.55vh .9vw;
  border:1px solid var(--line);
  border-radius:.65vw;
  background:rgba(255,255,255,.97);
}
.display-logo{min-width:0;display:flex;align-items:center;justify-content:flex-start}
.display-logo img{width:auto;height:5.1vh;max-width:10vw;object-fit:contain}
.display-header-title{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:var(--ink);
  font-size:clamp(24px,1.75vw,56px);
  font-weight:700;
  line-height:1.15;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.display-header-actions{
  min-width:0;
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.55vw;
}
.display-sales,.display-time{
  min-width:0;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.38vw;
  padding:.28vh .58vw;
  border-right:1px solid var(--line);
  white-space:nowrap;
}
.display-sales span,.display-time span{color:var(--muted);font-size:clamp(10px,.63vw,22px);font-weight:400}
.display-sales strong,.display-time strong{color:var(--text);font-size:clamp(20px,1.3vw,46px);font-weight:600;line-height:1}
.display-sales strong{color:var(--red-dark)}
.display-time{border-right:0}
.display-time span{direction:rtl}
.brand-lockup,.meta{display:none!important}

.slide{gap:.65vw}
.layout-one-compact{grid-template-columns:minmax(680px,min(58vw,1040px));justify-content:center}
.card{
  grid-template-rows:4.45vh 2.55vh minmax(0,1fr);
  border-radius:.62vw;
  box-shadow:0 2px 10px rgba(31,39,44,.035);
}
.card-head{padding:.36vh .72vw .16vh;border-bottom-color:#dde3e5}
.card-title{gap:.38vw}
.card-title span{font-size:clamp(13px,.8vw,28px);font-weight:500;color:#68737a}
.card-title strong{font-size:clamp(26px,1.82vw,64px);font-weight:700;color:#20272b}
.columns,.row{
  grid-template-columns:minmax(0,1.55fr) minmax(0,1.2fr) minmax(72px,.68fr) minmax(0,1.02fr);
  column-gap:clamp(7px,.46vw,15px);
  padding-inline:clamp(9px,.7vw,25px);
}
.columns{
  border-bottom:1px solid #e1e6e8;
  background:#f8fafb;
  color:#7a858c;
  font-size:clamp(10px,.61vw,22px);
  font-weight:500;
}
.rows{padding:0 .24vw .08vh}
.row{
  border-bottom:1px solid #e9edef;
  background:#fff!important;
}
.row:nth-child(even):not(.yellow){background:#fff!important}
.row.yellow{
  background:linear-gradient(90deg,#fff5c8 0%,#ffe98f 100%)!important;
  box-shadow:inset -4px 0 0 #d9ad0b;
}
.brand{
  font-size:clamp(18px,var(--brand-fluid,1.55vw),48px);
  font-weight:650;
  line-height:1.08;
}
.price strong{font-size:clamp(25px,1.72vw,62px);font-weight:750}
.weight{font-size:clamp(17px,1.12vw,40px);font-weight:550}
.detail{font-size:clamp(10.5px,var(--spec-fluid,.74vw),25px);line-height:1.18;color:#69747b}
.card.density-roomy .row{padding-block:clamp(5px,.55vh,14px)}
.card.density-balanced .row{padding-block:clamp(2px,.26vh,8px)}
.card.density-dense .row{padding-block:0}
.card.content-light .card-head{padding-inline:1vw}

.footer{border-radius:.55vw;padding:.14vh .58vw}

@media(min-width:2400px){
  .display-header{grid-template-columns:minmax(260px,12vw) minmax(0,1fr) minmax(520px,25vw)}
  .card{border-width:2px}
  .row{border-bottom-width:2px}
}
@media(min-aspect-ratio:21/9){
  .layout-one-compact{grid-template-columns:minmax(760px,42vw)}
  .display-header{grid-template-columns:minmax(200px,10vw) minmax(0,1fr) minmax(400px,22vw)}
}
@media(min-width:901px) and (max-height:800px){
  .board{grid-template-rows:8vh minmax(0,1fr) 4.4vh;gap:.45vh;padding:.45vh .5vw .35vh}
  .card{grid-template-rows:4.05vh 2.4vh minmax(0,1fr)}
  .display-header-title{font-size:clamp(22px,1.55vw,40px)}
}
@media(max-width:900px){
  .display-header{
    position:static;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"logo title" "actions actions";
    gap:7px 10px;
    padding:8px 10px;
    border-radius:11px;
  }
  .display-logo{grid-area:logo}
  .display-logo img{width:84px;height:34px;max-width:none}
  .display-header-title{grid-area:title;text-align:right;font-size:18px;white-space:normal}
  .display-header-actions{grid-area:actions;width:100%;justify-content:space-between}
  .display-sales,.display-time{padding:3px 6px}
  .display-sales strong,.display-time strong{font-size:18px}
  .display-sales span,.display-time span{font-size:9px}
  .layout-one-compact{grid-template-columns:1fr}
}

/* ZBoard v3.8.54 — TV-first display refinement */
@media(min-width:901px){
  .board{grid-template-rows:9.2vh minmax(0,1fr) 4.8vh;gap:.72vh;padding:.72vh .72vw .55vh}
  .display-header{position:relative;grid-template-columns:minmax(190px,12vw) minmax(0,1fr) minmax(430px,29vw);gap:clamp(18px,1.35vw,42px);padding:.72vh clamp(18px,1.15vw,38px);border-radius:.7vw}
  .display-logo img{height:5.35vh;max-width:10.5vw}
  .display-header-title{font-size:clamp(27px,1.85vw,64px);letter-spacing:-.025em}
  .display-header-actions{justify-content:space-between;gap:clamp(16px,1vw,34px);padding-left:clamp(104px,6.6vw,180px)}
  .display-sales,.display-time{gap:.5vw;padding:.38vh .72vw}
  .display-sales span,.display-time span{font-size:clamp(11px,.67vw,23px)}
  .display-sales strong,.display-time strong{font-size:clamp(22px,1.38vw,48px)}
  html[data-public-view="tv"] .public-view-switch{top:1.2vh;left:clamp(18px,1.45vw,48px);min-height:clamp(42px,4.2vh,64px);padding:.7vh clamp(13px,.85vw,25px);border-radius:.55vw;font-size:clamp(11px,.64vw,21px)}
  .slide{gap:.78vw}
  .card{grid-template-rows:5.15vh 3.05vh minmax(0,1fr);border-radius:.7vw}
  .card-head{padding:.52vh clamp(14px,.85vw,28px) .24vh}
  .card-title{gap:.58vw}
  .card-title span{font-size:clamp(15px,.9vw,31px);font-weight:600}
  .card-title strong{font-size:clamp(30px,2.05vw,70px);font-weight:750}
  .columns{font-size:clamp(11px,.67vw,23px);font-weight:600}
  .row{min-height:clamp(68px,8.2vh,150px)}
  .brand{display:flex;align-items:center;gap:clamp(8px,.55vw,18px);font-size:clamp(22px,var(--brand-fluid,1.7vw),55px)}
  .price strong{font-size:clamp(29px,1.92vw,68px)}
  .weight{font-size:clamp(19px,1.25vw,44px)}
  .detail{font-size:clamp(12px,var(--spec-fluid,.8vw),27px)}
  .layout-one-compact{grid-template-columns:minmax(760px,min(64vw,1280px))}
  .chips{gap:.34vw}
  .chip{height:3vh;padding:0 .62vw;border-radius:.38vw;font-size:clamp(10px,.62vw,21px)}
}
.row.yellow{background:#fff!important;box-shadow:none}
.row.yellow:nth-child(even){background:#fcfcfc!important}
.row.yellow .brand,.row.yellow .price strong{color:inherit}
.row.yellow .weight,.row.yellow .detail{color:inherit}
.yellow-mark{width:clamp(15px,1vw,32px);height:clamp(15px,1vw,32px);flex:0 0 auto;border:clamp(2px,.12vw,4px) solid #fff;border-radius:50%;background:#f2c94c;box-shadow:0 0 0 1px #c79d18,0 2px 7px rgba(139,107,9,.22)}

/* ZBoard v3.8.55 — display alignment and TV scanning refinement */
.columns span{ text-align:center!important }
.brand{justify-content:flex-start;text-align:right}
.price{justify-content:center;text-align:center}
.weight{justify-content:flex-start;text-align:right;font-weight:350;color:#667078}
.weight.stock-low{color:#b32635}
.weight.stock-high{color:#28734f}
.detail.spec{justify-self:stretch;text-align:center}
.weight-indicator{display:none!important}
.row>*,.columns>*{min-width:0}
.row>*:not(:last-child),.columns>*:not(:last-child){
  border-inline-end:1px solid #e5eaec;
  padding-inline-end:clamp(7px,.45vw,16px);
}
.row{border-bottom-color:#dfe5e7}
.columns{border-bottom-color:#d8dfe2}

@media(min-width:901px){
  .board{grid-template-rows:7.9vh minmax(0,1fr) 4.8vh;gap:.62vh;padding:.62vh .66vw .5vh}
  .display-header{grid-template-columns:minmax(180px,11vw) minmax(0,1fr) minmax(410px,27vw);gap:clamp(15px,1.1vw,34px);padding:.48vh clamp(16px,1vw,32px);border-radius:.62vw}
  .display-logo img{height:4.65vh;max-width:9.7vw}
  .display-header-title{font-size:clamp(24px,1.65vw,56px)}
  .display-header-actions{gap:clamp(13px,.85vw,28px);padding-left:clamp(96px,6.15vw,168px)}
  .display-sales,.display-time{gap:.42vw;padding:.26vh .62vw}
  .display-sales span,.display-time span{font-size:clamp(10px,.61vw,21px)}
  .display-sales strong,.display-time strong{font-size:clamp(20px,1.24vw,43px)}
  html[data-public-view="tv"] .public-view-switch{top:.88vh}
  .columns,.row{column-gap:0}
  .rows{padding-inline:.24vw}
}

/* ZBoard v3.8.56 — TV price and inventory scan refinement */
.weight{justify-content:flex-end;text-align:right}

@media(min-width:901px){
  .columns,.row{
    grid-template-columns:minmax(0,1.42fr) minmax(0,1.42fr) minmax(92px,.78fr) minmax(0,.88fr);
  }
  .price{gap:clamp(7px,.42vw,16px)}
  .price strong{
    font-size:clamp(31px,2.02vw,72px);
    font-weight:780;
    letter-spacing:.005em;
  }
  .price span{flex:0 0 auto}
}

/* ZBoard v3.8.57 — organization-red TV header; geometry intentionally unchanged */
html[data-public-view="tv"] .display-header{
  border-color:#b72a31;
  background:#c93239;
  box-shadow:0 2px 12px rgba(117,20,27,.16);
}
html[data-public-view="tv"] .display-logo img{
  filter:brightness(0) invert(1);
}
html[data-public-view="tv"] .display-header-title,
html[data-public-view="tv"] .display-sales strong,
html[data-public-view="tv"] .display-time strong{
  color:#fff;
}
html[data-public-view="tv"] .display-sales span,
html[data-public-view="tv"] .display-time span{
  color:rgba(255,255,255,.78);
}
html[data-public-view="tv"] .display-sales,
html[data-public-view="tv"] .display-time{
  border-color:rgba(255,255,255,.28);
}
html[data-public-view="tv"] .public-view-switch{
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.12);
  color:#fff;
}
html[data-public-view="tv"] .public-view-switch:hover,
html[data-public-view="tv"] .public-view-switch:focus-visible,
html[data-public-view="tv"] .public-view-switch.is-visible{
  border-color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.2);
  color:#fff;
}
html[data-public-view="tv"] .card-head{
  border-bottom-color:#d8dee1;
  background:#edf0f2;
}
html[data-public-view="tv"] .card-title span{
  color:#7a8389;
}
html[data-public-view="tv"] .card-title strong{
  color:#343c41;
}

/* ZBoard v3.8.58 — clearer TV size categories; table and admin are untouched */
.display-header-spacer{min-width:0}

html[data-public-view="tv"] .card-head{
  position:relative;
  overflow:hidden;
  border-bottom-color:#ded1d3;
  background:linear-gradient(110deg,#f0e9ea 0%,#faf8f8 48%,#f1eaeb 100%);
  box-shadow:inset 0 -1px 0 rgba(55,66,72,.04);
}
html[data-public-view="tv"] .card-head::before{
  content:"";
  position:absolute;
  inset-block:18%;
  inset-inline-start:0;
  width:clamp(3px,.18vw,6px);
  border-radius:99px 0 0 99px;
  background:rgba(159,37,43,.68);
}
html[data-public-view="tv"] .card-title{
  width:100%;
  align-items:center;
  gap:clamp(8px,.55vw,20px);
}
html[data-public-view="tv"] .card-title .card-title-label{
  color:#786b6d;
  font-size:clamp(13px,.79vw,27px);
  font-weight:550;
  letter-spacing:-.02em;
}
html[data-public-view="tv"] .card-size-lockup{
  min-width:clamp(82px,5.2vw,180px);
  height:clamp(30px,3.55vh,66px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(7px,.42vw,15px);
  padding-inline:clamp(10px,.62vw,22px);
  border:1px solid #dccfd1;
  border-radius:clamp(7px,.45vw,15px);
  background:rgba(255,255,255,.82);
  box-shadow:0 1px 3px rgba(39,48,53,.07),inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-public-view="tv"] .card-size-lockup strong{
  color:#293136;
  font-size:clamp(27px,1.82vw,62px);
  font-weight:750;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
html[data-public-view="tv"] .rebar-mark{
  width:clamp(25px,1.55vw,54px);
  height:clamp(19px,1.2vw,42px);
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#9f252b;
}
html[data-public-view="tv"] .rebar-mark svg{
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[data-public-view="tv"] .rebar-mark .rebar-ribs{stroke-width:1.7}

@media(max-width:900px){
  .display-header-spacer{grid-area:title}
  html[data-public-view="tv"] .card-size-lockup{min-width:72px;height:28px;padding-inline:8px}
  html[data-public-view="tv"] .rebar-mark{width:23px;height:17px}
}

/* ZBoard v3.8.59 — repeated row size and quieter TV red; table/admin untouched */
html[data-public-view="tv"] .display-header{
  border-color:#9f3d42;
  background:#b3484d;
  box-shadow:0 2px 10px rgba(92,27,32,.12);
}

html[data-public-view="tv"] .columns,
html[data-public-view="tv"] .row{
  grid-template-columns:minmax(48px,.31fr) minmax(0,1.24fr) minmax(0,1.2fr) minmax(72px,.68fr) minmax(0,1.02fr);
}

html[data-public-view="tv"] .row-size{
  min-width:0;
  color:#687279;
  font-size:clamp(13px,.82vw,28px);
  font-weight:300;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

@media(min-width:901px){
  html[data-public-view="tv"] .columns,
  html[data-public-view="tv"] .row{
    grid-template-columns:minmax(54px,.34fr) minmax(0,1.08fr) minmax(0,1.42fr) minmax(92px,.78fr) minmax(0,.88fr);
  }
}

/* ZBoard v3.8.60 — stationery-inspired TV header; table/admin untouched */
html[data-public-view="tv"] .display-header{
  position:relative;
  isolation:isolate;
  direction:ltr;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0;
  overflow:hidden;
  padding:.48vh clamp(16px,1vw,32px);
  border:0;
  border-bottom:1px solid #d9dee1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
html[data-public-view="tv"] .display-header::before,
html[data-public-view="tv"] .display-header::after{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:50%;
  pointer-events:none;
}
html[data-public-view="tv"] .display-header::before{
  z-index:-2;
  background:#65676a;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
html[data-public-view="tv"] .display-header::after{
  z-index:-1;
  background:#ee3d36;
  clip-path:polygon(58% 100%,72% 100%,84% 0,70% 0);
}
html[data-public-view="tv"] .display-logo,
html[data-public-view="tv"] .display-header-actions{
  position:relative;
  z-index:1;
  grid-column:2;
  grid-row:1;
}
html[data-public-view="tv"] .display-logo{
  justify-self:end;
  padding-inline-end:clamp(2px,.22vw,8px);
}
html[data-public-view="tv"] .display-logo img{
  height:4.65vh;
  max-width:9.7vw;
  filter:none;
}
html[data-public-view="tv"] .display-header-spacer{display:none}
html[data-public-view="tv"] .display-header-actions{
  width:auto;
  max-width:calc(100% - clamp(180px,11vw,380px));
  justify-self:start;
  align-self:center;
  justify-content:flex-start;
  gap:clamp(13px,.85vw,28px);
  padding:0;
}
html[data-public-view="tv"] .display-sales,
html[data-public-view="tv"] .display-time{
  gap:.42vw;
  padding:.26vh .62vw;
  border:0;
  background:transparent;
}
html[data-public-view="tv"] .display-sales span,
html[data-public-view="tv"] .display-time span{color:#747d83}
html[data-public-view="tv"] .display-sales strong,
html[data-public-view="tv"] .display-time strong{color:#252c30}
html[data-public-view="tv"] .display-sales strong{color:#a92f35}
html[data-public-view="tv"] .public-view-switch{
  top:1.78vh;
  left:clamp(18px,1.45vw,48px);
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.11);
  color:#fff;
  box-shadow:none;
}
html[data-public-view="tv"] .public-view-switch:hover,
html[data-public-view="tv"] .public-view-switch:focus-visible,
html[data-public-view="tv"] .public-view-switch.is-visible{
  border-color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.2);
  color:#fff;
}
html[data-public-view="tv"] .row-size{
  font-size:clamp(15px,.94vw,32px);
  font-weight:400;
}

@media(max-width:900px){
  html[data-public-view="tv"] .display-header{
    grid-template-columns:minmax(0,46%) minmax(0,54%);
    grid-template-areas:none;
    min-height:58px;
    padding:6px 7px;
  }
  html[data-public-view="tv"] .display-header::before,
  html[data-public-view="tv"] .display-header::after{width:46%}
  html[data-public-view="tv"] .display-logo{
    grid-area:auto;
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  html[data-public-view="tv"] .display-logo img{width:84px;height:34px;max-width:none}
  html[data-public-view="tv"] .display-header-actions{
    grid-area:auto;
    grid-column:2;
    grid-row:1;
    max-width:calc(100% - 90px);
    gap:2px;
  }
  html[data-public-view="tv"] .display-sales,
  html[data-public-view="tv"] .display-time{padding:2px 3px}
  html[data-public-view="tv"] .display-sales span,
  html[data-public-view="tv"] .display-time span{display:none}
  html[data-public-view="tv"] .public-view-switch{
    top:13px;
    left:10px;
    min-height:32px;
    padding:5px 8px;
    font-size:9px;
  }
  html[data-public-view="tv"] .row-size{font-size:17px}
}

/* ZBoard v3.8.62 — original header retained; graphic ribbon only is slimmer */
html[data-public-view="tv"] .display-header::before,
html[data-public-view="tv"] .display-header::after{
  inset-block:auto;
  top:50%;
  bottom:auto;
  height:3.27vh;
  transform:translateY(-50%);
}
html[data-public-view="tv"] .public-view-switch{
  opacity:1;
  transform:none;
}
html[data-public-view="tv"] .row-size{
  font-size:clamp(17px,1.08vw,36px);
  font-weight:600;
}

@media(max-width:900px){
  html[data-public-view="tv"] .display-header::before,
  html[data-public-view="tv"] .display-header::after{
    height:25.2px;
  }
  html[data-public-view="tv"] .row-size{
    font-size:19px;
    font-weight:600;
  }
}

/* ZBoard v3.8.64 — premium TV typography; table/admin untouched */
html[data-public-view="tv"] .brand{
  font-size:clamp(21px,var(--brand-fluid,1.58vw),52px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:0;
}

html[data-public-view="tv"] .price strong{
  font-size:clamp(30px,1.96vw,70px);
  font-weight:600;
  line-height:1.04;
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
}

@media(max-width:900px){
  html[data-public-view="tv"] .brand{font-size:18px}
  html[data-public-view="tv"] .price strong{font-size:21px}
}

/* ZBoard v3.8.65 — more balanced TV table-cell breathing room */
@media(min-width:901px){
  html[data-public-view="tv"] .columns,
  html[data-public-view="tv"] .row{
    padding-inline:clamp(13px,.84vw,30px);
  }

  html[data-public-view="tv"] .card.density-roomy .row{
    padding-block:clamp(6px,.62vh,15px);
  }

  html[data-public-view="tv"] .card.density-balanced .row{
    padding-block:clamp(3px,.36vh,9px);
  }

  html[data-public-view="tv"] .card.density-dense .row{
    padding-block:clamp(1px,.12vh,4px);
  }
}

/* ZBoard v3.8.66 — calmer, scan-first TV price typography */
html[data-public-view="tv"] .price{
  width:100%;
  justify-content:center;
  gap:clamp(6px,.34vw,12px);
  padding-inline:clamp(4px,.25vw,9px);
}

html[data-public-view="tv"] .price strong{
  display:inline-block;
  inline-size:6.15ch;
  color:#30373b;
  font-size:clamp(28px,1.8vw,64px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:.006em;
  text-align:end;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

html[data-public-view="tv"] .price .price-separator{
  color:#7f888d;
  font-size:.88em;
  font-weight:400;
  opacity:.58;
}

html[data-public-view="tv"] .price>span{
  min-width:3.1em;
  color:#8b9499;
  font-size:clamp(8px,.5vw,18px);
  font-weight:400;
  line-height:1;
  text-align:start;
}

@media(max-width:900px){
  html[data-public-view="tv"] .price{gap:5px;padding-inline:3px}
  html[data-public-view="tv"] .price strong{inline-size:6.15ch;font-size:19px}
  html[data-public-view="tv"] .price>span{min-width:3em;font-size:7px}
}

/* ZBoard v3.8.67 — slightly smaller, firmer TV price numerals */
html[data-public-view="tv"] .price strong{
  font-size:clamp(26px,1.7vw,60px);
  font-weight:600;
}

@media(max-width:900px){
  html[data-public-view="tv"] .price strong{font-size:18px}
}