/* ==========================================================================
   برند کینوفیت  —  /brands/kinofit/
   شورت‌کد: [hug_brand_kinofit]
   همهٔ قاعده‌ها زیر .hug-scope.hug-brand-kinofit اسکوپ شده‌اند؛ با استایل آسترا تداخل ندارند.
   font-family عمداً تعریف نشده تا فونت از سفارشی‌سازی آسترا ارث برسد.
   ========================================================================== */

/* ── تنظیمات محلی ───────────────────────────────────────────────────── */
.hug-scope.hug-brand-kinofit{
  /* آفست اسکرول برای هدر چسبانِ وردپرس — با ارتفاع هدر خودتان تنظیم کنید */
  --hug-anchor-offset: 110px;
  /* علامتِ جهت: جابه‌جایی‌های افقی در چپ‌چین آینه می‌شوند */
  --hug-dx: 1;
}
.hug-scope.hug-brand-kinofit.hug-ltr{ --hug-dx: -1; }
.hug-scope.hug-brand-kinofit [id]{scroll-margin-top:var(--hug-anchor-offset)}

/* اگر برگه را «تمام‌عرض / Stretched» نکردید و نوارهای رنگی بریده می‌شوند،
   کامنت سه خط زیر را بردارید. (اول تنظیم آسترا را امتحان کنید؛ بهتر است.)
.hug-scope.hug-brand-kinofit{
  margin-inline: calc(50% - 50vw); width: 100vw; max-width: 100vw;
} */

.hug-scope.hug-brand-kinofit{--accent:#F59E1B; --accent-hi:#FFB84D; --accent-soft:#FEF6E9; --accent-ink:#B45309;
  --ink:#2E3D5C; --ink-soft:#41527A; --ink-deep:#22304A;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EEF1F5; --line:#E2E6EC;
  --text:#22304A; --muted:#6B7280; --on-dark:#F3F6FA;
  --success:#16A34A; --success-bg:#EAF6EC;
  --r-card:12px; --r-btn:8px; --r-pill:999px;
  --shadow-md:0 8px 24px rgba(30,42,56,.10);
  --focus:0 0 0 3px rgba(245,158,11,.45);
  --dur-fast:160ms; --dur-base:220ms; --dur-mod:360ms;
  --ease-out:cubic-bezier(.16,.84,.44,1);
  --maxw:1280px; --pad-x:80px; --gutter:24px; --measure:66ch;

  /* ---------- FLAVOUR PALETTE ----------
     کینوفیت رنگ برند اختراعی ندارد. هویت رنگی این برند «دامنهٔ طعم» است.
     هر طعم سه توکن دارد و هر سه با WCAG سنجیده شده‌اند:
       --fl-mark : نشانهٔ گرافیکی، ≥۳:۱ روی سفید
       --fl-ink  : متن، ≥۴٫۵:۱ روی تینت همان طعم
       --fl-tint : واش پس‌زمینه، متن اصلی سایت رویش ≥۱۱٫۶:۱
     مقادیر پیش‌فرض = طعم پنیری. */
  --fl-mark:#B8860B; --fl-ink:#7A5A06; --fl-tint:#FBF4E3;}
.hug-scope.hug-brand-kinofit[data-fl="0"], .hug-scope.hug-brand-kinofit [data-fl="0"]{--fl-mark:#B8860B; --fl-ink:#7A5A06; --fl-tint:#FBF4E3}
.hug-scope.hug-brand-kinofit[data-fl="1"], .hug-scope.hug-brand-kinofit [data-fl="1"]{--fl-mark:#A8836B; --fl-ink:#6B4E3B; --fl-tint:#F7F1EC}
.hug-scope.hug-brand-kinofit[data-fl="2"], .hug-scope.hug-brand-kinofit [data-fl="2"]{--fl-mark:#5B8C3E; --fl-ink:#3D6128; --fl-tint:#EFF5E9}
.hug-scope.hug-brand-kinofit[data-fl="3"], .hug-scope.hug-brand-kinofit [data-fl="3"]{--fl-mark:#B45327; --fl-ink:#8A3E1C; --fl-tint:#FAEFE8}
.hug-scope.hug-brand-kinofit[data-fl="4"], .hug-scope.hug-brand-kinofit [data-fl="4"]{--fl-mark:#C0392B; --fl-ink:#8E2A20; --fl-tint:#FBEDEB}
@media (max-width:768px){
.hug-scope.hug-brand-kinofit{--pad-x:24px;}
}
.hug-scope.hug-brand-kinofit, .hug-scope.hug-brand-kinofit *{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
.hug-scope.hug-brand-kinofit{background:var(--bg); color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}
.hug-scope.hug-brand-kinofit .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad-x)}
.hug-scope.hug-brand-kinofit section{padding-block:96px}
@media (max-width:768px){
.hug-scope.hug-brand-kinofit section{padding-block:60px}
}
.hug-scope.hug-brand-kinofit h1, .hug-scope.hug-brand-kinofit h2, .hug-scope.hug-brand-kinofit h3{line-height:1.15; color:var(--ink); font-weight:700}
.hug-scope.hug-brand-kinofit h2{font-size:clamp(25px,3vw,31px); font-weight:600}
.hug-scope.hug-brand-kinofit h3{font-size:20px; font-weight:600}
.hug-scope.hug-brand-kinofit .overline{color:var(--accent-ink); font-size:13px; font-weight:600; letter-spacing:.06em; margin-bottom:12px}
.hug-scope.hug-brand-kinofit .muted{color:var(--muted)}
.hug-scope.hug-brand-kinofit a{color:inherit; text-decoration:none}
.hug-scope.hug-brand-kinofit .num{font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-kinofit .sec-head{max-width:680px; margin-bottom:40px}
.hug-scope.hug-brand-kinofit .prose{max-width:var(--measure); color:var(--ink-soft)}
.hug-scope.hug-brand-kinofit .prose p + p{margin-top:16px}
.hug-scope.hug-brand-kinofit .prose a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-kinofit .prose a:hover{border-bottom-color:var(--accent-ink)}
.hug-scope.hug-brand-kinofit .prose b{color:var(--ink); font-weight:600}
.hug-scope.hug-brand-kinofit .assume{display:inline-block; font-size:11px; color:var(--accent-ink); background:var(--accent-soft); border-radius:var(--r-pill); padding:2px 9px; vertical-align:middle}
.hug-scope.hug-brand-kinofit .ph{background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 10px,#F1F4F8 10px,#F1F4F8 20px);
  border:1px dashed #C3CBD8; border-radius:var(--r-card); display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#78859A; font-size:13px; text-align:center; padding:16px}
.hug-scope.hug-brand-kinofit .ph small{display:block; color:#94A0B2; margin-top:4px}
.hug-scope.hug-brand-kinofit .btn{display:inline-flex; align-items:center; gap:8px; height:44px; padding-inline:22px; border-radius:var(--r-btn);
  font-weight:500; font-size:15px; border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast)}
.hug-scope.hug-brand-kinofit .btn:focus-visible{outline:none; box-shadow:var(--focus)}
.hug-scope.hug-brand-kinofit .btn-primary{background:var(--ink); color:var(--on-dark)}
.hug-scope.hug-brand-kinofit .btn-primary:hover{transform:translateY(-1px); background:#1A263C}
.hug-scope.hug-brand-kinofit .btn-accent{background:var(--accent); color:var(--ink-deep); font-weight:600}
.hug-scope.hug-brand-kinofit .btn-accent:hover{transform:translateY(-1px); background:var(--accent-hi)}
.hug-scope.hug-brand-kinofit .btn-ghost{background:transparent; border-color:var(--line); color:var(--ink)}
.hug-scope.hug-brand-kinofit .btn-ghost:hover{background:var(--surface)}
.hug-scope.hug-brand-kinofit .icn{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.hug-scope.hug-brand-kinofit .rv{opacity:0; transform:translateY(14px); transition:opacity var(--dur-mod) var(--ease-out), transform var(--dur-mod) var(--ease-out)}
.hug-scope.hug-brand-kinofit .rv.in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.hug-scope.hug-brand-kinofit .rv{opacity:1; transform:none; transition:none}
html{scroll-behavior:auto}
}
.hug-scope.hug-brand-kinofit :where(a,button,[tabindex]):focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-kinofit[id], .hug-scope.hug-brand-kinofit [id]{scroll-margin-top:88px}
.hug-scope.hug-brand-kinofit .hero{background:var(--fl-tint); border-bottom:1px solid var(--line); padding-block:26px 0;
  transition:background var(--dur-mod) var(--ease-out)}
.hug-scope.hug-brand-kinofit .hero .crumb{font-size:13px; color:var(--muted); margin-bottom:40px}
.hug-scope.hug-brand-kinofit .hero .crumb a:hover{color:var(--ink)}
.hug-scope.hug-brand-kinofit .hero .crumb span{margin-inline:6px; color:var(--line)}
.hug-scope.hug-brand-kinofit .hero .grid{display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:52px; align-items:center; padding-bottom:0}
.hug-scope.hug-brand-kinofit .hero .blogo{width:120px; height:46px; margin-bottom:24px; font-size:11px; padding:6px; background:rgba(255,255,255,.7); border-color:#CBD3DE}
.hug-scope.hug-brand-kinofit .hero h1{font-size:clamp(30px,4.4vw,52px); letter-spacing:-.015em; max-width:15ch}
.hug-scope.hug-brand-kinofit .hero .lead{color:var(--ink-soft); font-size:clamp(17px,1.9vw,20px); margin-top:18px; max-width:44ch}
.hug-scope.hug-brand-kinofit .hero .cta{display:flex; gap:12px; margin-top:28px; flex-wrap:wrap}
.hug-scope.hug-brand-kinofit .hero .shot{position:relative; align-self:end}
.hug-scope.hug-brand-kinofit .hero .shot .ph{aspect-ratio:4/5; max-height:520px; margin-inline:auto; width:100%; background:rgba(255,255,255,.55); border-color:#CBD3DE; border-radius:var(--r-card) var(--r-card) 0 0; border-bottom:0}
@media (max-width:900px){
.hug-scope.hug-brand-kinofit .hero .grid{grid-template-columns:minmax(0,1fr); gap:28px}
}
.hug-scope.hug-brand-kinofit .sw{margin-top:34px; padding-top:26px; border-top:1px solid rgba(46,61,92,.14)}
.hug-scope.hug-brand-kinofit .sw .lbl{font-size:12px; color:var(--muted); margin-bottom:12px}
.hug-scope.hug-brand-kinofit .sw .row{display:flex; gap:8px; flex-wrap:wrap}
.hug-scope.hug-brand-kinofit .swb{display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.72); border:1px solid rgba(46,61,92,.14);
  border-radius:var(--r-pill); padding:8px 15px 8px 11px; font-family:inherit; font-size:14px; color:var(--ink-soft); cursor:pointer;
  transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast)}
.hug-scope.hug-brand-kinofit .swb i{width:15px; height:15px; border-radius:50%; background:var(--c); flex:0 0 auto; box-shadow:0 0 0 1px rgba(0,0,0,.08) inset}
.hug-scope.hug-brand-kinofit .swb:hover{background:#fff; border-color:var(--c)}
.hug-scope.hug-brand-kinofit .swb.on{background:#fff; border-color:var(--c); color:var(--ink); font-weight:600; box-shadow:0 0 0 1px var(--c)}
.hug-scope.hug-brand-kinofit .swb .rk{font-variant-numeric:tabular-nums; font-size:11.5px; color:var(--muted)}
.hug-scope.hug-brand-kinofit .swb.on .rk{color:var(--fl-ink)}
.hug-scope.hug-brand-kinofit .fd{margin-top:26px; padding-bottom:46px}
.hug-scope.hug-brand-kinofit .fdesc{display:none}
.hug-scope.hug-brand-kinofit .fdesc.on{display:block}
.hug-scope.hug-brand-kinofit.no-js .fdesc{display:block; padding-block:14px; border-top:1px solid rgba(46,61,92,.1)}
.hug-scope.hug-brand-kinofit .fd h2{font-size:23px; margin-bottom:8px; color:var(--fl-ink)}
.hug-scope.hug-brand-kinofit .fd p{color:var(--ink-soft); max-width:56ch; font-size:15.5px}
.hug-scope.hug-brand-kinofit .fd .meta{display:flex; gap:24px; flex-wrap:wrap; margin-top:16px; font-size:13.5px; color:var(--muted)}
.hug-scope.hug-brand-kinofit .fd .meta b{color:var(--ink); font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-kinofit .onenum{background:var(--surface-2); border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-kinofit .onenum .row{display:grid; grid-template-columns:auto minmax(0,1fr); gap:40px; align-items:center; padding-block:56px}
.hug-scope.hug-brand-kinofit .onenum .big{font-variant-numeric:tabular-nums; font-size:clamp(56px,8vw,104px);
  font-weight:700; color:var(--ink); line-height:.95; letter-spacing:-.02em}
.hug-scope.hug-brand-kinofit .onenum .big span{color:var(--accent)}
.hug-scope.hug-brand-kinofit .onenum p{color:var(--ink-soft); max-width:48ch}
.hug-scope.hug-brand-kinofit .onenum a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
@media (max-width:760px){
.hug-scope.hug-brand-kinofit .onenum .row{grid-template-columns:minmax(0,1fr); gap:16px}
}
.hug-scope.hug-brand-kinofit .mixgrid{display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:52px; align-items:start}
.hug-scope.hug-brand-kinofit .mixctl{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:26px}
.hug-scope.hug-brand-kinofit .mixctl label{display:flex; justify-content:space-between; align-items:baseline; font-size:14px; font-weight:500; margin-bottom:10px}
.hug-scope.hug-brand-kinofit .mixctl label b{font-variant-numeric:tabular-nums; font-size:24px; color:var(--ink)}
.hug-scope.hug-brand-kinofit input[type=range]{width:100%; accent-color:var(--ink); height:24px}
.hug-scope.hug-brand-kinofit input[type=range]:focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-pill)}
.hug-scope.hug-brand-kinofit .mixnote{font-size:13px; color:var(--muted); margin-top:14px}
.hug-scope.hug-brand-kinofit .pbar{display:flex; gap:2px; height:56px; border-radius:var(--r-btn); overflow:hidden; background:var(--line)}
.hug-scope.hug-brand-kinofit .pbar i{display:block; background:var(--c); transition:flex-grow var(--dur-mod) var(--ease-out); min-width:3px}
.hug-scope.hug-brand-kinofit .plegend{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:18px}
.hug-scope.hug-brand-kinofit .pl{border-top:2px solid var(--c); padding-top:11px}
.hug-scope.hug-brand-kinofit .pl .n{display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--ink); margin-bottom:3px}
.hug-scope.hug-brand-kinofit .pl .q{font-variant-numeric:tabular-nums; font-size:22px; font-weight:700; color:var(--ink); line-height:1.2}
.hug-scope.hug-brand-kinofit .pl .q span{font-size:12px; font-weight:400; color:var(--muted); margin-inline-start:4px}
.hug-scope.hug-brand-kinofit .pl .s{font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-kinofit .mixfoot{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  border-top:1px solid var(--line); margin-top:26px; padding-top:20px}
@media (max-width:900px){
.hug-scope.hug-brand-kinofit .mixgrid{grid-template-columns:minmax(0,1fr); gap:26px}
}
@media (max-width:620px){
.hug-scope.hug-brand-kinofit .plegend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hug-scope.hug-brand-kinofit .faq{max-width:820px}
.hug-scope.hug-brand-kinofit .qa{border-bottom:1px solid var(--line)}
.hug-scope.hug-brand-kinofit .qa summary{list-style:none; cursor:pointer; padding:19px 0; font-size:17px; font-weight:600; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:16px}
.hug-scope.hug-brand-kinofit .qa summary::-webkit-details-marker{display:none}
.hug-scope.hug-brand-kinofit .qa summary:hover{color:var(--accent-ink)}
.hug-scope.hug-brand-kinofit .qa summary:focus-visible{outline:none; box-shadow:var(--focus); border-radius:var(--r-btn)}
.hug-scope.hug-brand-kinofit .qa .chev{flex:0 0 auto; width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform var(--dur-base) var(--ease-out)}
.hug-scope.hug-brand-kinofit .qa[open] .chev{transform:rotate(180deg)}
.hug-scope.hug-brand-kinofit .qa .ans{padding:0 0 22px; color:var(--ink-soft); max-width:var(--measure); font-size:16px}
.hug-scope.hug-brand-kinofit .qa .ans a{color:var(--accent-ink); border-bottom:1px solid rgba(180,83,9,.32)}
.hug-scope.hug-brand-kinofit .buy{background:var(--ink); color:#fff; padding-block:80px}
.hug-scope.hug-brand-kinofit .buy h2{color:#fff}
.hug-scope.hug-brand-kinofit .buy .grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:36px}
.hug-scope.hug-brand-kinofit .buy .b{padding:4px 26px 4px 0; border-inline-start:1px solid rgba(255,255,255,.16)}
.hug-scope.hug-brand-kinofit .buy .b:first-child{border-inline-start:0; padding-inline-end:26px}
.hug-scope.hug-brand-kinofit .buy .b:not(:first-child){padding-inline-start:26px}
.hug-scope.hug-brand-kinofit .buy .b h3{color:#fff; font-size:17px; margin-bottom:8px}
.hug-scope.hug-brand-kinofit .buy .b p{color:#c2c9d2; font-size:14.5px; margin-bottom:16px}
.hug-scope.hug-brand-kinofit .buy .b .lnk{display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:500; color:var(--accent-hi)}
@media (max-width:860px){
.hug-scope.hug-brand-kinofit .buy .grid{grid-template-columns:minmax(0,1fr); gap:26px}
.hug-scope.hug-brand-kinofit .buy .b{border-inline-start:0; padding:0; border-top:1px solid rgba(255,255,255,.16); padding-top:22px}
.hug-scope.hug-brand-kinofit .buy .b:first-child{border-top:0; padding-top:0; padding-inline-end:0}
.hug-scope.hug-brand-kinofit .buy .b:not(:first-child){padding-inline-start:0}
}
.hug-scope.hug-brand-kinofit .bnote{font-size:13px; color:var(--accent-ink); background:var(--accent-soft); border:1px solid #F3DFBE;
  border-radius:var(--r-btn); padding:12px 16px; max-width:var(--measure)}
.hug-scope.hug-brand-kinofit .rangebox{margin-top:34px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-card); padding:30px 30px 26px}
.hug-scope.hug-brand-kinofit .rangebox > h3{font-size:20px; line-height:1.5; margin-bottom:10px}
.hug-scope.hug-brand-kinofit .rangebox > p{font-size:15px; line-height:1.85; color:var(--muted); max-width:70ch}
.hug-scope.hug-brand-kinofit .rangebox > p b{color:var(--ink); font-weight:700}
.hug-scope.hug-brand-kinofit .tblwrap{overflow-x:auto; margin:20px 0 4px; border:1px solid var(--line); border-radius:10px}
.hug-scope.hug-brand-kinofit table.range{width:100%; border-collapse:collapse; font-size:14px; min-width:640px}
.hug-scope.hug-brand-kinofit table.range th{background:var(--surface-2); text-align:start; font-size:12.5px; font-weight:700;
  color:var(--muted); padding:12px 16px; border-bottom:1px solid var(--line); white-space:nowrap}
.hug-scope.hug-brand-kinofit table.range td{padding:13px 16px; border-bottom:1px solid var(--line); line-height:1.7; vertical-align:top}
.hug-scope.hug-brand-kinofit table.range tbody tr:last-child td{border-bottom:0}
.hug-scope.hug-brand-kinofit table.range td.n{font-variant-numeric:tabular-nums; font-weight:600; color:var(--ink); white-space:nowrap}
.hug-scope.hug-brand-kinofit table.range td:last-child{color:var(--muted)}
.hug-scope.hug-brand-kinofit .rangebox .note{margin-top:16px; font-size:14px; line-height:1.9; color:var(--muted); max-width:76ch}
.hug-scope.hug-brand-kinofit .rangebox .note b{color:var(--ink)}
.hug-scope.hug-brand-kinofit .rangebox .note i{font-style:normal; border-bottom:1.5px solid var(--accent); padding-bottom:1px}
@media (max-width:640px){
.hug-scope.hug-brand-kinofit .rangebox{padding:22px 18px 20px}
}
.hug-scope.hug-brand-kinofit .skline + .skline{margin-top:34px; padding-top:30px; border-top:1px solid var(--line)}
.hug-scope.hug-brand-kinofit .skline > h3{font-size:18px; margin-bottom:4px}
.hug-scope.hug-brand-kinofit .skline .skmeta{font-size:13px; color:var(--muted); margin-bottom:16px; font-variant-numeric:tabular-nums}
.hug-scope.hug-brand-kinofit .skus{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:16px}
.hug-scope.hug-brand-kinofit .sku{margin:0}
.hug-scope.hug-brand-kinofit .sku figcaption{margin-top:9px; font-size:13px; line-height:1.55}
.hug-scope.hug-brand-kinofit .sku figcaption b{display:block; color:var(--ink); font-weight:600}
.hug-scope.hug-brand-kinofit .sku figcaption i{font-style:normal; display:block; color:var(--muted); font-size:12px;
  font-variant-numeric:tabular-nums; margin-top:2px}
.hug-scope.hug-brand-kinofit .hug-fig{display:block; width:100%; border-radius:9px; background:var(--surface-2); object-fit:cover}
.hug-scope.hug-brand-kinofit .hug-fig--empty{display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; text-align:center; padding:12px 10px;
  background:repeating-linear-gradient(45deg,#E8ECF2,#E8ECF2 9px,#F1F4F8 9px,#F1F4F8 18px);
  border:1px dashed #C3CBD8; color:#6A7688; font-size:11.5px; line-height:1.5}
.hug-scope.hug-brand-kinofit .hug-fig--empty b{font-weight:600; color:#55637A}
.hug-scope.hug-brand-kinofit .hug-fig--empty small{color:#8A94A6; font-size:10.5px; font-variant-numeric:tabular-nums}
@media (max-width:520px){
.hug-scope.hug-brand-kinofit .skus{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px}
}