/* ============================================================
   افرا کافه — سیستم طراحی

   فاصله      شبکهٔ ۴ پیکسلی: 4 8 12 16 20 24 32 40 48 64
   تایپ       مقیاس ۱.۱۲۵ از پایهٔ ۱۶: 11 12 14 16 18 20
   ارتفاع     شبکهٔ ۸ پیکسلی: 40 (دکمه) 48 (ورودی) 96 (کاشی)
   آیکون      16 24 32 — ضخامت خط همیشه ۱.۵
   شعاع       4 8 12 + قرص
   ارتفاع خط  1.25 فشرده / 1.5 عادی / 1.75 باز

   نکته: روی عنصری که کلاس wrap دارد هرگز از padding خلاصه استفاده نکن،
   چون پدینگ افقی wrap را صفر می‌کند. از padding-block استفاده کن.
   ============================================================ */

@font-face {
  font-family: "IRANSansXFaNum";
  src: url("fonts/IRANSansXFaNum-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IRANSansXFaNum";
  src: url("fonts/IRANSansXFaNum-DemiBold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

:root{
  --ink:#0C1711; --bar:#0A130E; --raise:#111E16;
  --brass:#C7A15C; --brass-dim:#8E7440;
  --paper:#EDE4D2; --sage:#8B978E; --warn:#D9A38C;
  --rule:rgba(237,228,210,.085);
  --rule-brass:rgba(199,161,92,.28);
  --tint-brass:rgba(199,161,92,.09);
  --tint-brass-2:rgba(199,161,92,.14);
  --on-brass:#15100A;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px;
  --s5:20px; --s6:24px; --s8:32px; --s10:40px;
  --s12:48px; --s16:64px;

  --t-xs:11px; --t-sm:12px; --t-md:14px; --t-lg:16px; --t-xl:18px; --t-2xl:20px;
  --lh-tight:1.25; --lh-base:1.5; --lh-loose:1.75;

  --h-btn:40px; --h-input:48px; --h-tile:96px;
  --ic-sm:16px; --ic-md:24px; --ic-lg:32px;

  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-pill:999px;

  --pad:var(--s4); --max:600px;
}

*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ink); color:var(--paper);
  font-family:IRANSansXFaNum,system-ui,sans-serif;
  font-size:var(--t-md); line-height:var(--lh-base);
}
button{font-family:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--brass);outline-offset:var(--s1);border-radius:var(--r-sm)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

.ic{
  width:var(--ic-md);height:var(--ic-md);
  stroke:var(--brass);fill:none;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.ic--sm{width:var(--ic-sm);height:var(--ic-sm)}
.ic--lg{width:var(--ic-lg);height:var(--ic-lg)}

/* نشان تکرارشونده: خط کوتاه برنجی */
.mark{width:var(--s8);height:1px;border:0;background:var(--rule-brass);margin:0 auto}

/* ---------- سربرگ ---------- */
.hero{padding-block:var(--s6) var(--s4);text-align:center}
.hero__logo{height:56px;width:auto;display:block;margin:0 auto var(--s3)}
.hero__name{
  margin:0;font-size:var(--t-sm);font-weight:600;
  letter-spacing:var(--s1);color:var(--brass);line-height:var(--lh-tight);
}
.hero__hours{margin:var(--s2) 0 0;font-size:var(--t-xs);color:var(--sage);line-height:var(--lh-loose)}
.acts{display:flex;gap:var(--s2);margin-top:var(--s4)}
.acts a{
  flex:1;height:var(--h-btn);
  display:flex;align-items:center;justify-content:center;gap:var(--s2);
  border:1px solid var(--rule);border-radius:var(--r-md);
  color:var(--sage);font-size:var(--t-sm);
  transition:border-color .16s ease,color .16s ease;
}
.acts a:hover{border-color:var(--rule-brass);color:var(--brass)}
.acts .ic{stroke:currentColor}
body.in-cat .hero{display:none}

/* ---------- جستجو ---------- */
.search{position:relative;padding-block:0 var(--s4)}
.search input{
  width:100%;height:var(--h-input);
  background:var(--raise);border:1px solid var(--rule);border-radius:var(--r-lg);
  color:var(--paper);font-family:inherit;font-size:var(--t-lg);
  padding:0 var(--s10) 0 var(--s4);outline:none;
}
.search input::placeholder{color:var(--sage);font-size:var(--t-md)}
.search input:focus{border-color:var(--rule-brass)}
.search .ic{
  position:absolute;right:var(--s4);top:var(--s4);
  width:var(--ic-sm);height:var(--ic-sm);stroke:var(--sage);pointer-events:none;
}

/* ---------- شبکهٔ دسته‌ها ---------- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}
.tile{
  min-height:var(--h-tile);
  background:var(--raise);border:1px solid var(--rule);border-radius:var(--r-lg);
  color:inherit;padding:var(--s4) var(--s2);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);
  transition:border-color .16s ease,background .16s ease;
}
.tile:hover{border-color:var(--rule-brass);background:var(--tint-brass)}
.tile:active{background:var(--tint-brass-2)}
.tile b{
  font-size:var(--t-sm);font-weight:400;color:var(--paper);
  line-height:var(--lh-tight);text-align:center;
}
.tile i{font-style:normal;font-size:var(--t-xs);color:var(--brass-dim);line-height:1}

/* ---------- نوار چسبان دسته ---------- */
.cbar{position:sticky;top:0;z-index:50;background:var(--bar);border-bottom:1px solid var(--rule)}
.cbar__in{display:flex;align-items:center;gap:var(--s3);padding-block:var(--s2)}
.cbar__back{
  width:var(--h-btn);height:var(--h-btn);flex:none;
  display:grid;place-items:center;
  background:var(--raise);border:1px solid var(--rule);border-radius:var(--r-md);
  cursor:pointer;transition:border-color .16s ease;
}
.cbar__back:hover{border-color:var(--rule-brass)}
.cbar__t{margin:0;font-size:var(--t-xl);font-weight:600;color:var(--brass);line-height:var(--lh-tight)}
.cbar__n{font-size:var(--t-xs);color:var(--sage);line-height:var(--lh-base);margin-top:var(--s1)}
.cbar__c{margin-right:auto;font-size:var(--t-xs);color:var(--brass-dim);white-space:nowrap}

/* ---------- پرسش دانه ---------- */
.ask{background:var(--tint-brass);border-top:1px solid var(--rule-brass);border-bottom:1px solid var(--rule-brass)}
.ask__in{padding-block:var(--s3) var(--s4)}
.ask__q{font-size:var(--t-sm);color:var(--paper);margin-bottom:var(--s3);line-height:var(--lh-base)}
.ask__opts{display:flex;gap:var(--s2)}
.ask__opts button{
  flex:1;height:var(--h-btn);
  background:none;border:1px solid var(--rule-brass);border-radius:var(--r-md);
  color:var(--sage);font-size:var(--t-md);cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.ask__opts button[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:var(--on-brass);font-weight:600}

/* ---------- ردیف آیتم ---------- */
.rows{padding-top:var(--s1)}
.row{display:flex;align-items:baseline;gap:var(--s4);padding-block:var(--s4);border-top:1px solid var(--rule)}
.rows .row:first-child{border-top:0}
.rb{flex:1;min-width:0}
.rn{font-size:var(--t-md);color:var(--paper);line-height:var(--lh-base)}
.rs{font-size:var(--t-xs);color:var(--brass-dim);margin-top:var(--s1);line-height:var(--lh-base)}
.rd{font-size:var(--t-sm);color:var(--sage);line-height:var(--lh-loose);margin-top:var(--s1);max-width:60ch}
.rw{
  display:inline-block;margin-top:var(--s2);
  font-size:var(--t-xs);color:var(--warn);line-height:var(--lh-base);
  border:1px solid rgba(217,163,140,.3);border-radius:var(--r-sm);padding:0 var(--s2);
}
.rp{
  font-size:var(--t-md);font-weight:600;color:var(--brass);
  white-space:nowrap;font-feature-settings:"tnum";
  border-radius:var(--r-sm);padding:0 var(--s1);margin:0 calc(var(--s1) * -1);
}
.rp.flash{animation:flash .9s ease}
@keyframes flash{0%,15%{background:rgba(199,161,92,.28)}100%{background:transparent}}
.bg{
  display:inline-block;margin-right:var(--s2);vertical-align:2px;
  font-size:var(--t-xs);color:var(--brass);line-height:var(--lh-base);
  border:1px solid var(--rule-brass);border-radius:var(--r-pill);padding:0 var(--s2);
}

.pricenote{
  border-top:1px solid var(--rule);margin-top:var(--s3);padding-block:var(--s4) 0;
  font-size:var(--t-xs);color:var(--brass-dim);line-height:var(--lh-loose);
}
.pricenote + .jump{border-top:0;margin-top:var(--s3)}

/* ---------- پرش بین دسته‌ها ---------- */
.jump{display:flex;gap:var(--s2);border-top:1px solid var(--rule);margin-top:var(--s3);padding-block:var(--s4) var(--s1)}
.jump button{
  flex:1;height:var(--h-btn);
  background:none;border:1px solid var(--rule);border-radius:var(--r-md);
  color:var(--sage);font-size:var(--t-sm);cursor:pointer;padding:0 var(--s2);
  transition:border-color .16s ease,color .16s ease;
}
.jump button:hover:not(:disabled){border-color:var(--rule-brass);color:var(--brass)}
.jump button:disabled{opacity:.28;cursor:default}

/* ---------- جستجو و حالت خالی ---------- */
.rescat{font-size:var(--t-sm);color:var(--brass-dim);padding-block:var(--s5) 0;line-height:var(--lh-base)}
.empty{padding-block:var(--s12);text-align:center;color:var(--sage);font-size:var(--t-md);line-height:2}
.empty b{display:block;color:var(--paper);font-weight:400;font-size:var(--t-lg);margin-bottom:var(--s1)}

/* ---------- بستن صفحه ---------- */
.close{padding-block:var(--s16) 0;text-align:center}

.culture{padding-block:var(--s8) 0}
.culture__item{margin-bottom:var(--s8)}
.culture__item:last-child{margin-bottom:0}
.culture__t{
  margin:0 0 var(--s2);font-size:var(--t-lg);font-weight:600;
  color:var(--brass);line-height:var(--lh-tight);
}
.culture__d{
  margin:0 auto;max-width:44ch;
  font-size:var(--t-sm);color:var(--sage);line-height:var(--lh-loose);
}

.colophon{padding-block:var(--s8) 0}
.colophon__logo{height:var(--ic-lg);width:auto;display:block;margin:0 auto var(--s5);opacity:.4}
.colophon__addr{
  margin:0 auto;max-width:38ch;font-style:normal;
  font-size:var(--t-sm);color:var(--sage);line-height:var(--lh-loose);
}
.colophon__hours{margin:var(--s4) 0 0;font-size:var(--t-sm);color:var(--sage);line-height:var(--lh-loose)}
.colophon__links{
  display:flex;justify-content:center;gap:var(--s6);flex-wrap:wrap;
  margin-top:var(--s5);font-size:var(--t-sm);
}
.colophon__links a{color:var(--brass);font-feature-settings:"tnum"}
.colophon__links a:hover{border-bottom:1px solid var(--rule-brass)}
.colophon__legal{
  margin:var(--s6) 0 0;
  padding-block:0 calc(var(--s12) + env(safe-area-inset-bottom));
  font-size:var(--t-xs);color:var(--brass-dim);line-height:var(--lh-base);
}

/* ---------- واکنش‌گرا ---------- */
@media (min-width:480px){
  :root{--pad:var(--s5);--max:640px}
  .grid{grid-template-columns:repeat(4,1fr)}
  .hero__logo{height:64px}
}
@media (min-width:768px){
  :root{--max:840px;--t-md:16px;--t-sm:14px;--t-xs:12px;--h-tile:112px}
  .grid{grid-template-columns:repeat(5,1fr);gap:var(--s3)}
  .hero{padding-block:var(--s8) var(--s5)}
  .hero__logo{height:72px}
  .hero__name{font-size:var(--t-md)}
  .acts{max-width:480px;margin-inline:auto}
  .cbar__t{font-size:var(--t-2xl)}
  .tile .ic{width:var(--ic-lg);height:var(--ic-lg)}
  .culture__t{font-size:var(--t-xl)}
}
@media (min-width:1024px){
  :root{--max:1000px}
  .grid{grid-template-columns:repeat(6,1fr)}
  .hero{padding-block:var(--s10) var(--s6)}
  .hero__logo{height:88px}
  .search{max-width:480px;margin-inline:auto}
  .rows--split{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s12)}
  .rows--split .row:nth-child(-n+2){border-top:0}
  .culture{display:flex;gap:var(--s12);padding-block:var(--s10) 0}
  .culture__item{flex:1;margin-bottom:0}
  .colophon{padding-block:var(--s10) 0}
}

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

@media print{
  .cbar,.search,.jump,.ask,.acts,.close{display:none}
  body{background:#fff;color:#000}
  .rn,.rp,.cbar__t{color:#000}
  .rd{color:#444}
}




/* ============================================================
   درخشش رویدادی — بدون هیچ حلقهٔ جاوااسکریپت

   نور از سمت کاربر است و به‌صورت یک موج، فقط در سه لحظه اجرا می‌شود:
     ۱. وقتی شبکه یا فهرست وارد صفحه می‌شود  (یک بار، پلکانی)
     ۲. وقتی کاربر یک کاشی را لمس می‌کند       (فقط همان کاشی)
     ۳. وقتی وارد یک دسته می‌شود                (یک بار روی نوار)
   بعد از پایان، هزینه دقیقاً صفر است.
   ============================================================ */

/* ---------- جنس سطح: کاملاً ثابت ---------- */
.tile,.rows,.search input,.cbar__back,.acts a{
  position:relative;
  background:linear-gradient(168deg,rgba(237,228,210,.055),rgba(237,228,210,.018) 55%,rgba(0,0,0,.05));
  border:1px solid rgba(237,228,210,.075);
  box-shadow:
    inset 0 1px 0 rgba(240,215,162,.10),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 10px 24px rgba(0,0,0,.26);
}
.tile,.rows,.cbar__back{overflow:hidden;isolation:isolate}
.acts a{background:none;box-shadow:none;border-color:rgba(237,228,210,.10);color:var(--sage)}
.acts a:hover{border-color:var(--rule-brass);color:var(--brass)}

/* ---------- موج درخشش: یک لایه، فقط transform ---------- */
.tile::after,.rows::after{
  content:"";position:absolute;top:-70%;bottom:-70%;left:0;width:60%;
  pointer-events:none;z-index:0;opacity:0;
  background:linear-gradient(103deg,
    transparent 0%,
    rgba(240,215,162,.07) 40%,
    rgba(240,215,162,.16) 50%,
    rgba(240,215,162,.07) 60%,
    transparent 100%);
  transform:translate3d(-180%,0,0) skewX(-12deg);
}
.tile > *,.rows > *,.cbar__back > *{position:relative;z-index:1}

@keyframes sweep{
  0%  {opacity:0;transform:translate3d(-180%,0,0) skewX(-12deg)}
  12% {opacity:1}
  88% {opacity:1}
  100%{opacity:0;transform:translate3d(320%,0,0) skewX(-12deg)}
}

/* ۱. ورود: موج پلکانی از راست به چپ، یک بار */
.grid.sweep .tile::after{animation:sweep 1s cubic-bezier(.25,.6,.3,1) both;animation-delay:calc(var(--i) * 55ms + 160ms)}
.rows.sweep::after{animation:sweep 1.4s cubic-bezier(.25,.6,.3,1) .2s both}

/* ۲. لمس: فقط همان کاشی */
.tile.tap::after{animation:sweep .62s cubic-bezier(.25,.6,.3,1) both}
.tile{transition:transform .16s cubic-bezier(.2,.7,.2,1),border-color .16s ease}
.tile:active{transform:scale(.955)}
@media (hover:hover){.tile:hover{border-color:rgba(199,161,92,.30)}}

/* ---------- کاشی ---------- */
.tile{animation:rise .46s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 24ms)}
.tile .ic{filter:drop-shadow(0 0 6px rgba(199,161,92,.32))}
.tile b{text-shadow:0 1px 0 rgba(0,0,0,.45)}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- نوار چسبان ---------- */
.cbar{
  background:rgba(10,19,14,.82);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(240,215,162,.09);overflow:hidden;
}
.cbar::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,215,162,.45) 62%,transparent)}
.cbar::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:36%;pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,rgba(240,215,162,.15) 50%,transparent 100%);
  transform:translate3d(-160%,0,0) skewX(-14deg)}
html[data-dir="fwd"] .cbar::after{animation:barSheen 1.1s .15s cubic-bezier(.25,.6,.3,1) both}
@keyframes barSheen{to{transform:translate3d(440%,0,0) skewX(-14deg)}}
.cbar__ic{width:var(--ic-md);height:var(--ic-md);flex:none;filter:drop-shadow(0 0 8px rgba(199,161,92,.45))}
.cbar__t{text-shadow:0 0 18px rgba(199,161,92,.28)}
.cbar__back{transition:transform .16s ease}
.cbar__back:active{transform:scale(.93)}

/* ---------- پرسش دانه ---------- */
.ask{background:rgba(199,161,92,.07);border-color:rgba(199,161,92,.22)}
.ask__opts{position:relative}
.ask__opts::before{
  content:"";position:absolute;top:0;right:0;height:100%;width:calc(50% - var(--s1));
  border-radius:var(--r-md);background:linear-gradient(118deg,var(--brass),#E3C27D 50%,var(--brass));
  box-shadow:0 0 20px rgba(199,161,92,.32),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.2);
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.ask__opts[data-bean="blend"]::before{transform:translateX(calc(-100% - var(--s2)))}
.ask__opts button{position:relative;z-index:1;background:none!important;border-color:transparent!important;transition:color .25s ease}
.ask__opts button[aria-pressed="true"]{color:var(--on-brass)}
.ask__opts button[aria-pressed="false"]{color:var(--sage)}

/* ---------- آیتم‌ها ---------- */
.rows{border-radius:var(--r-lg);padding:var(--s1) var(--s4);margin-top:var(--s3)}
.row{animation:focusIn .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 22ms)}
html[data-dir="still"] .row{animation:none}
@keyframes focusIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rp{text-shadow:0 0 12px rgba(199,161,92,.22)}
.pricenote{border-top:0}
.jump button{transition:transform .16s ease,border-color .16s ease,color .16s ease}
.jump button:active:not(:disabled){transform:scale(.97)}
.hero__logo{filter:drop-shadow(0 0 22px rgba(199,161,92,.35))}

/* ---------- انتقال بین صفحه‌ها ---------- */
::view-transition-old(root){animation:200ms cubic-bezier(.4,0,1,1) both vtOut}
::view-transition-new(root){animation:240ms 50ms cubic-bezier(0,0,.2,1) both vtIn}
html[data-dir="fwd"]::view-transition-old(root){animation-name:vtOutFwd}
html[data-dir="fwd"]::view-transition-new(root){animation-name:vtInFwd}
html[data-dir="back"]::view-transition-old(root){animation-name:vtOutBack}
html[data-dir="back"]::view-transition-new(root){animation-name:vtInBack}
::view-transition-group(*){animation-duration:360ms;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0}}
@keyframes vtOutFwd{to{opacity:0;transform:translateX(16px)}}
@keyframes vtInFwd{from{opacity:0;transform:translateX(-16px)}}
@keyframes vtOutBack{to{opacity:0;transform:translateX(-16px)}}
@keyframes vtInBack{from{opacity:0;transform:translateX(16px)}}

@media (prefers-reduced-motion:reduce){
  .tile,.row,.tile::after,.rows::after,.cbar::after,.ask__opts::before{animation:none!important;transition:none!important}
  .tile::after,.rows::after{opacity:0}
}


/* ============================================================
   چراغ و وضعیت — تنها افزودهٔ ویک آپ به سیستم افرا
   همان توکن‌ها: برنجی برای نور، سیج برای خاموش، شبکهٔ ۴ و ۸
   ============================================================ */
.lampwrap{position:relative;isolation:isolate}
.lampwrap::before{
  content:"";position:absolute;inset:-40px 0 auto 0;height:340px;z-index:-1;opacity:0;
  background:radial-gradient(84% 46% at 50% 12%,rgba(199,161,92,.26),transparent 70%);
  transition:opacity .9s ease;pointer-events:none;
}
body.lit .lampwrap::before{opacity:1}
.lamp{display:block;width:88px;height:120px;margin:0 auto}
.lamp .shade{fill:#16241B}
.lamp .lip{fill:#28352C;transition:fill .7s ease}
body.lit .lamp .lip{fill:var(--brass)}
.lamp .bulb{fill:#31402F;transition:fill .7s ease}
body.lit .lamp .bulb{fill:#F6DEAC}
.lamp .beam{opacity:0;transition:opacity .9s ease}
body.lit .lamp .beam{opacity:1}

.hero__logo--svg{
  display:block;height:56px;width:auto;margin:calc(var(--s4) * -1) auto var(--s3);
  --mark:#5E6B5C;--word:#7C8577;
}
body.lit .hero__logo--svg{--mark:var(--brass);--word:var(--paper)}
.hero__logo--svg path,.hero__logo--svg circle,.hero__logo--svg rect{
  transition:fill .7s ease,stroke .7s ease;
}

.status{margin-top:var(--s5)}
.status__t{
  margin:0;font-size:var(--t-2xl);font-weight:600;line-height:var(--lh-tight);
  color:var(--sage);transition:color .7s ease;
}
body.lit .status__t{color:var(--brass)}
.status__s{
  margin:var(--s1) 0 0;font-size:var(--t-xs);color:var(--sage);
  line-height:var(--lh-loose);font-feature-settings:"tnum";
}

/* نقطهٔ وضعیت داخل نوار دسته */
.sdot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#31402F;margin-left:var(--s2);vertical-align:1px;transition:background .7s ease;
}
body.lit .sdot{background:var(--brass)}

@media (min-width:768px){
  .lamp{width:104px;height:142px}
  .hero__logo--svg{height:72px}
  .status__t{font-size:26px}
}


/* ---------- تراز وسط‌چین ---------- */
.cbar__in{
  position:relative;flex-direction:column;align-items:center;gap:var(--s1);
  padding-block:var(--s3) var(--s3);text-align:center;
}
.cbar__back{position:absolute;right:0;top:var(--s3)}
.cbar__mid{display:flex;align-items:center;justify-content:center;gap:var(--s2)}
.cbar__n{margin-top:0;display:flex;align-items:center;justify-content:center;gap:var(--s2)}
.cbar__c{margin-right:0}
.ask__q,.pricenote,.rescat,.sr--count{text-align:center}
.ask__in{text-align:center}
.colophon__legal{text-align:center}
.empty{text-align:center}