/* ==========================================================================
   home.css — قالب بوتیک مینیمال چارقد: رنگ‌ها، هدر، کارت محصول، فوتر و صفحهٔ اصلی (۱۴۰۵/۰۸/۱۱)
   بعد از style.css، extras.css و polish.css بارگذاری می‌شود و متغیرهای رنگ سراسری را عوض می‌کند،
   پس همهٔ صفحات (محصول، دسته، سبد، فوتر) هم‌زمان رنگ تازه را می‌گیرند.
   برای برگرداندن: layout.php و index.php قبلی را برگردانید (بدون پیوند، این فایل هیچ اثری ندارد).
   قواعد: فقط ویژگی‌های منطقی، بدون letter-spacing، انیمیشن فقط transform/opacity.
   ========================================================================== */

/* ============================ ۱) پالت (روشن / تیره) ============================ */
:root{
  --bg:#fff;--surface:#fff;--surface2:#f4f4f4;
  --text:#242424;--body:#5c5c5c;--muted:#767676;--line:#e5e5e5;
  --accent:#d7141b;--accent2:#b81117;--on-accent:#fff;
  --ink:#231f20;--on-ink:#fff;
  --gold:#231f20;                      /* نام قدیمی؛ اکنون مشکی ثانویه */
  --price:#000;--focus:#231f20;
  --ok:#4c7f34;--stock:#699f4c;--danger:#b3261e;
  --shadow:0 1px 2px rgba(0,0,0,.05);--shadow2:0 8px 24px rgba(0,0,0,.09);
  --overlay:rgba(0,0,0,.45);
  --bar:#f4f4f4;--bar-fg:#242424;--bar-gold:#242424;
  --r:5px;--r-lg:10px;--ch-gutter:15px;--ch-w:1300px;--ch-strip:32px;
  --ch-ease:cubic-bezier(.22,.7,.2,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121212;--surface:#1c1c1c;--surface2:#242424;
    --text:#ededed;--body:#c4c4c4;--muted:#a3a3a3;--line:rgba(255,255,255,.12);
    --accent:#dd2c33;--accent2:#e8484e;--on-accent:#fff;
    --ink:#ededed;--on-ink:#121212;--gold:#ededed;
    --price:#fff;--focus:#fff;
    --ok:#6fae52;--stock:#7cbd5e;--danger:#ff8a80;
    --shadow:0 1px 2px rgba(0,0,0,.4);--shadow2:0 8px 24px rgba(0,0,0,.5);
    --overlay:rgba(0,0,0,.65);
    --bar:#1c1c1c;--bar-fg:#ededed;--bar-gold:#ededed;
  }
}
:root[data-theme="dark"]{
  --bg:#121212;--surface:#1c1c1c;--surface2:#242424;
  --text:#ededed;--body:#c4c4c4;--muted:#a3a3a3;--line:rgba(255,255,255,.12);
  --accent:#dd2c33;--accent2:#e8484e;--on-accent:#fff;
  --ink:#ededed;--on-ink:#121212;--gold:#ededed;
  --price:#fff;--focus:#fff;
  --ok:#6fae52;--stock:#7cbd5e;--danger:#ff8a80;
  --shadow:0 1px 2px rgba(0,0,0,.4);--shadow2:0 8px 24px rgba(0,0,0,.5);
  --overlay:rgba(0,0,0,.65);
  --bar:#1c1c1c;--bar-fg:#ededed;--bar-gold:#ededed;
}
@media(min-width:960px){:root{--hh:58px}}
@media(max-width:959.98px){:root{--hh:60px;--ch-strip:28px}}

/* پایه */
body{background:var(--bg);color:var(--text);font-size:14.5px}
main p,.seo-p,.sec-d{color:var(--body)}
:focus-visible,html :is(input,textarea,select):focus-visible,.qty:focus-within{outline-color:var(--focus)}
.topbar :focus-visible,footer :focus-visible,.hero :focus-visible,.adm-bar :focus-visible,.drawer .d-call:focus-visible,.bn :focus-visible{outline-color:var(--focus)}
.zoom-ov :focus-visible{outline-color:#fff}
.wrap{max-inline-size:var(--ch-w);padding-inline:var(--ch-gutter)}
h1,h2,h3{color:var(--text)}

/* ============================ ۲) بازرنگ‌آمیزی اجزای سراسری ============================ */
/* دکمه‌ها و فیلدها: گوشهٔ ۵ پیکسل، تخت */
.btn{background:var(--ink);color:var(--on-ink);border-radius:var(--r);font-weight:600;padding:10px 22px}
.btn:hover{transform:none;box-shadow:none;background:var(--accent);color:#fff}
.big{border-radius:var(--r);background:var(--accent);font-weight:600}
.big:hover{background:var(--accent2)}
.f input,.f textarea,.filt select,.qty,.colb,.pay,.share-btn,.search input{border-radius:var(--r)}
.chip{border-radius:var(--r)}
.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.tag{border-radius:3px;font-weight:600}
.tag.new{background:var(--ink);color:var(--on-ink)}
.tag.sale{background:var(--accent);color:#fff}
.tag.out{background:#555;color:#fff}
.badge,.bnav-badge,.nbdg,.st.new,.st.pending{background:var(--accent);color:#fff}
.link,.pager a,.crumb a{color:var(--text)}
.sec-t h2{font-weight:600}

/* کارت محصول (همهٔ صفحات) */
.card{border-radius:var(--r);border:1px solid var(--line);box-shadow:none;background:var(--surface);transition:border-color .2s}
.card:hover{transform:none;box-shadow:none;border-color:color-mix(in srgb,var(--text) 35%,var(--line))}
.card .img{background:var(--surface2)}
.card .img img{transition:transform .5s var(--ch-ease)}
.card:hover .img img{transform:scale(1.04)}
.card .info{padding:12px 12px 14px;gap:4px}
.card h3,.grid .card h3{font-size:14px;font-weight:500;color:#333;line-height:1.6}
:root[data-theme="dark"] .card h3{color:var(--text)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .card h3,:root:not([data-theme="light"]) .grid .card h3{color:var(--text)}}
.card .code{color:var(--muted)}
.card .price,.grid .card .price{color:var(--price);font-size:16px;font-weight:600}
.card .price .pp,.card .price small{color:var(--muted);font-weight:400;font-size:12px}
.card .price .ask{color:var(--muted);font-weight:500;font-size:13.5px}
.card .info .add{border-radius:var(--r);background:transparent;color:var(--text);border:1px solid var(--text);font-weight:600;font-size:13px;min-block-size:40px;transition:background .2s,color .2s,border-color .2s}
.card .info .add:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.card .info .add.na-btn{border-color:var(--line);color:var(--muted)}
.card .info .add.na-btn:hover{background:transparent;color:var(--muted);border-color:var(--line)}
.dot{border-radius:50%}
.ch-card-specs{color:var(--muted)}

/* صفحات دسته/جستجو: هِرو قدیمی تخت و روشن */
.hero{background:var(--surface2);color:var(--text);box-shadow:none;border-radius:var(--r-lg);padding:26px 24px}
.hero::before,.hero::after{display:none}
.hero small{color:var(--muted);font-weight:600}
.hero h1,.hero .ht{color:var(--text);font-size:22px;font-weight:600}
.hero p{color:var(--body)}
.fcats a{color:var(--accent)}
.map-lk,.fi-addr .map-lk{color:var(--accent)}
.pager a,.pager span{border-radius:var(--r)}
.pager .cur{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}

/* فوتر روشن */
footer,footer.ft,:root[data-theme="dark"] footer,:root:not([data-theme="light"]) footer{background:var(--surface2);color:var(--text);border-block-start:1px solid var(--line)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) footer{background:var(--surface2)}}
footer h4{color:var(--text);font-weight:700;letter-spacing:normal}
footer h4::after{background:var(--line)}
footer p,footer li{opacity:1;color:var(--body)}
.brand{color:var(--text)}
.perk i,.ft-perks i{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.fi .ic{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
a.fi:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
a.fi:hover .ic{background:var(--accent);color:#fff}
.fi small{opacity:1;color:var(--muted)}
.fi b{color:var(--text)}
.social a{color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.social a:hover{background:var(--accent);color:#fff;transform:none}
.ft .copy,.copy{border-top:1px solid var(--line);color:var(--muted);opacity:1;font-size:13px}
.ft-links a{color:var(--body);opacity:1}
.ft-links a::before{color:var(--muted)}
.ft-links a:hover{color:var(--accent);padding-inline-start:0}
.ft-acc{border-color:var(--line)}
.ft-acc>summary::after{border-color:var(--text)!important}
.flinks a{color:var(--body)}
footer.ft{margin-block-start:48px}

/* برخی اجزای دیگر که رنگ ثابت داشتند */
.bn{background:var(--surface2)}
.bn-dots button[aria-current="true"]::before{background:var(--ink)}
.adm-bar{background:#231f20}

/* ============================ ۳) هدر: یک ردیف سفید، باریک ============================ */
.site-h{position:sticky;inset-block-start:calc(var(--ch-strip) * -1);z-index:40;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:none;transition:none}
.site-h::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:0 6px 16px -10px rgba(0,0,0,.22);opacity:0;transition:opacity .3s var(--ch-ease)}
.site-h.scrolled::after,.site-h.is-compact::after{opacity:1}
.site-h.scrolled{box-shadow:none}

/* نوار باریک اعلان (با اسکرول بالا می‌رود و فقط ردیف اصلی می‌ماند) */
.ch-strip{background:var(--surface2);color:var(--text);font-size:12.5px;line-height:1.4;border-bottom:1px solid var(--line)}
.ch-strip-in{display:flex;align-items:center;justify-content:space-between;gap:12px;block-size:var(--ch-strip)}
.ch-ann{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-weight:500;line-height:1.4;white-space:nowrap}
.ch-ann .ic{inline-size:16px;block-size:16px;flex:none;color:var(--text)}
.ch-contact{display:flex;align-items:center;gap:2px;flex:none}
.ch-soc,.ch-phone{display:inline-flex;align-items:center;justify-content:center;min-block-size:28px;color:var(--text);transition:color .2s}
.ch-soc{inline-size:28px}
.ch-soc .ic{inline-size:15px;block-size:15px}
.ch-phone{padding-inline:8px;font-weight:600;font-size:12.5px}
.ch-soc:hover,.ch-phone:hover{color:var(--accent)}
@media(max-width:719.98px){.ch-contact{display:none}.ch-strip-in{justify-content:center}.ch-strip{font-size:12px}}

/* ردیف اصلی */
.site-h .ch-bar{display:flex;align-items:center;gap:22px;block-size:58px;padding-block:0}
.ch-brand{display:flex;align-items:center;gap:12px;flex:none}
.site-h .logo{display:block;flex:none;line-height:0}
.site-h .logo img{block-size:40px;inline-size:auto;display:block}
.ch-tag{display:none;color:var(--muted);font-size:12px;line-height:1.5;font-weight:500;white-space:nowrap}
@media(min-width:1500px){.ch-tag{display:block;padding-inline-start:12px;border-inline-start:1px solid var(--line)}}

/* منوی اصلی کنار لوگو */
.ch-mainnav{flex:1 1 auto;min-inline-size:0}
.site-h .mainnav>ul.ch-nav{display:flex;align-items:center;gap:2px;margin:0;list-style:none}
.site-h .mainnav>ul.ch-nav>li>a,.site-h .ch-nav .mega-btn{white-space:nowrap;position:relative;display:inline-flex;align-items:center;gap:5px;min-block-size:44px;padding-inline:12px;font-size:13.5px;font-weight:600;color:var(--text);background:none;transition:color .2s}
.site-h .mainnav>ul.ch-nav>li>a:hover,.site-h .ch-nav .mega-btn:hover,.site-h .ch-nav .mega-btn[aria-expanded="true"]{background:none;color:var(--accent)}
.site-h .ch-nav a.on,.site-h .ch-nav .mega-btn.on{color:var(--accent)}
.site-h .mainnav>ul.ch-nav>li>a::after,.site-h .ch-nav .mega-btn::after{content:"";position:absolute;inset-inline:12px;inset-block-end:6px;block-size:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:100% 50%;transition:transform .35s var(--ch-ease)}
.site-h .mainnav>ul.ch-nav>li>a:hover::after,.site-h .ch-nav .mega-btn:hover::after,.site-h .ch-nav a.on::after,.site-h .ch-nav .mega-btn.on::after,.site-h .ch-nav .mega-btn[aria-expanded="true"]::after{transform:scaleX(1)}
.site-h .mainnav>ul.ch-nav>li>a.on::after{inset-inline:12px;inset-block-end:6px;block-size:2px;border-radius:2px;background:var(--accent)}
.site-h .ch-nav .mega-btn .ic{inline-size:13px;block-size:13px}
.site-h .ch-nav .has-mega{position:relative}
.site-h .ch-nav .mega{inset-inline:0 auto;inset-block-start:100%;inline-size:min(520px,92vw);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow2);background:var(--surface)}
.site-h .ch-nav .mega-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-g a:hover,.mega-all:hover{background:var(--surface2);color:var(--accent)}
.mega-g a.on{color:var(--accent);background:var(--surface2)}
.mega-all{color:var(--text)}
@media(max-width:959.98px){.ch-mainnav{display:none}}

/* سمت چپ: جستجو، حساب، سبد */
.ch-act{display:flex;align-items:center;gap:6px;flex:none;margin-inline-start:auto}
.ch-search{position:relative;margin:0}
.ch-search input{inline-size:210px;block-size:40px;min-block-size:40px;padding-block:0;padding-inline:14px 40px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text);font-size:13px;outline:none;transition:border-color .2s}
.ch-search input::placeholder{color:var(--muted);opacity:1}
.ch-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ch-search input:hover{border-color:color-mix(in srgb,var(--text) 40%,var(--line))}
.ch-search input:focus,.ch-search input:focus-visible{border-color:var(--text);outline:none;box-shadow:0 0 0 1px var(--text)}
.ch-search-btn{position:absolute;inset-inline-end:0;inset-block-start:0;inline-size:40px;block-size:40px;display:grid;place-items:center;color:var(--text);border-radius:var(--r)}
.ch-search-btn .ic{inline-size:18px;block-size:18px}
.ch-search-btn:hover{color:var(--accent)}
.ch-sbtn,.ch-acc{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-inline-size:44px;min-block-size:44px;border-radius:var(--r);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;transition:color .2s}
.ch-sbtn{display:none}
.ch-sbtn .ic,.ch-acc .ic{inline-size:22px;block-size:22px}
.ch-acc span{display:none}
.ch-sbtn:hover,.ch-acc:hover,.ch-acc.on{color:var(--accent)}
@media(min-width:1500px){.ch-acc span{display:inline}.ch-acc{padding-inline:8px}}
.site-h .cartbtn{display:inline-flex;align-items:center;gap:8px;inline-size:auto;block-size:40px;min-inline-size:66px;padding-inline:10px 8px;border-radius:999px;background:var(--accent);color:#fff;flex:none;transition:background .2s}
.site-h .cartbtn:hover{background:var(--accent2);transform:none}
.site-h .cartbtn svg{inline-size:20px;block-size:20px}
.site-h .badge{position:static;display:grid;place-items:center;min-inline-size:24px;block-size:24px;padding:0 6px;border-radius:999px;border:0;background:#fff;color:var(--accent);font-size:12px;font-weight:700;line-height:1}
.site-h .cartbtn{position:relative}
:root[data-theme="dark"] .site-h .badge{color:#b81117}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .site-h .badge{color:#b81117}}
.site-h .hamb{display:none}

/* موبایل: همبرگر + «منو» راست، لوگو وسط، جستجو و سبد چپ */
@media(max-width:959.98px){
  .site-h .ch-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;block-size:60px}
  .site-h .hamb{display:inline-flex;align-items:center;gap:6px;justify-self:start;inline-size:auto;block-size:44px;min-inline-size:44px;padding-inline:4px;border:0;background:none;border-radius:var(--r);font-size:13.5px;font-weight:600;color:var(--text)}
  .site-h .hamb:hover{border:0;color:var(--accent)}
  .site-h .hamb .ic{inline-size:24px;block-size:24px}
  .ch-brand{justify-self:center}
  .site-h .logo img{block-size:38px}
  .ch-act{justify-self:end;margin-inline-start:0}
  .ch-sbtn{display:inline-flex}
  .ch-acc{display:none}
  .ch-search{display:none;position:absolute;inset-inline:0;inset-block-start:100%;padding:10px var(--ch-gutter);background:var(--bg);border-bottom:1px solid var(--line)}
  .site-h.ch-sopen .ch-search{display:block}
  .ch-search input{inline-size:100%;block-size:44px;min-block-size:44px;font-size:14px}
  .ch-search-btn{inset-inline-end:var(--ch-gutter);inset-block-start:10px;inline-size:44px;block-size:44px}
}

/* ============================ ۴) قالب صفحهٔ اصلی ============================ */
.ch-home main.ch-wide{max-inline-size:none;padding-inline:0}
.ch-wide>.flash{max-inline-size:var(--ch-w);margin-inline:auto;margin-block:12px 0}
.ch-in{max-inline-size:var(--ch-w);margin-inline:auto;padding-inline:var(--ch-gutter)}
.ch-eyebrow{display:inline-block;color:var(--muted);font-size:12.5px;font-weight:600}

/* دکمه‌ها */
.ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:22px;border-radius:var(--r);font-weight:600;font-size:13.5px;line-height:1.6;border:1px solid transparent;text-align:center;transition:background .2s,color .2s,border-color .2s}
.ch-btn-red{background:var(--accent);color:#fff}
.ch-btn-red:hover{background:var(--accent2)}
.ch-btn-dark{background:var(--ink);color:var(--on-ink)}
.ch-btn-dark:hover{background:var(--accent);color:#fff}
.ch-btn-outline{border-color:var(--text);color:var(--text);background:transparent}
.ch-btn-outline:hover{background:var(--ink);color:var(--on-ink)}

/* ۴-۱) دایره‌های دسته‌بندی */
.ch-stories{max-inline-size:var(--ch-w);margin-inline:auto;padding:22px 0 6px}
.ch-stories ul{list-style:none;display:flex;justify-content:center;gap:clamp(16px,3vw,40px);margin:0;padding:6px var(--ch-gutter);overflow-x:auto;scrollbar-width:none}
.ch-stories ul::-webkit-scrollbar{display:none}
.ch-stories li{flex:none}
.ch-stories a{display:flex;flex-direction:column;align-items:center;gap:8px;min-inline-size:72px}
.ch-ring{display:grid;place-items:center;inline-size:84px;block-size:84px;border-radius:50%;border:2px solid var(--text);padding:3px;background:var(--bg);overflow:hidden;transition:transform .3s var(--ch-ease)}
.ch-ring img{inline-size:100%;block-size:100%;border-radius:50%;object-fit:cover;background:var(--surface2)}
.ch-ring b{display:grid;place-items:center;inline-size:100%;block-size:100%;border-radius:50%;background:var(--surface2);font-size:26px;font-weight:600;color:var(--muted)}
.ch-stories a:hover .ch-ring{transform:scale(1.05)}
.ch-st-n{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}
@media(max-width:700px){.ch-stories ul{justify-content:flex-start}.ch-ring{inline-size:72px;block-size:72px}}

/* ۴-۲) سطر عنوان + دکمه‌ها */
.ch-intro{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:18px 14px}
.ch-intro h1{font-size:clamp(17px,1.7vw,21px);font-weight:600;line-height:1.7;color:var(--text)}
.ch-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:560px){.ch-actions{inline-size:100%}.ch-actions .ch-btn{flex:1 1 0;padding-inline:10px}}

/* ۴-۳) شبکهٔ هِرو: اسلایدر ۲/۳ + بنر عمودی ۱/۳ */
.ch-hgrid{display:grid;grid-template-columns:2fr 1fr;gap:15px}
.ch-hs{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--surface2);aspect-ratio:1720/1000}
.ch-hs-track{display:flex;block-size:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ch-hs-track::-webkit-scrollbar{display:none}
.ch-hs-slide{flex:0 0 100%;min-inline-size:100%;block-size:100%;scroll-snap-align:start;scroll-snap-stop:always;display:block}
.ch-hs-slide picture,.ch-hs-slide img,.ch-hside picture,.ch-hside img{display:block;inline-size:100%;block-size:100%}
.ch-hs-slide img,.ch-hside img{object-fit:cover}
.ch-hs-nav{position:absolute;inset-block-start:calc(50% - 20px);z-index:3;inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#242424;border:1px solid rgba(0,0,0,.08);transition:background .2s,color .2s}
.ch-hs-nav:hover{background:var(--accent);color:#fff}
.ch-hs-nav .ic{inline-size:18px;block-size:18px}
.ch-hs-prev{inset-inline-start:12px}.ch-hs-next{inset-inline-end:12px}
.ch-hs-bar{position:absolute;z-index:3;inset-block-end:10px;inset-inline:0;margin-inline:auto;inline-size:max-content;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.85)}
.ch-hs-pp{inline-size:32px;block-size:32px;display:grid;place-items:center;color:#242424;border-radius:50%}
.ch-hs-pp .ic{inline-size:14px;block-size:14px}
.ch-hs-dots{display:flex;align-items:center}
.ch-hs-dots button{inline-size:24px;block-size:32px;display:grid;place-items:center}
.ch-hs-dots button::before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:#242424;opacity:.28;transition:transform .25s var(--ch-ease),opacity .25s}
.ch-hs-dots button[aria-current="true"]::before{opacity:1;transform:scale(1.25)}
.ch-hside{display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--surface2);position:relative;min-block-size:100%}
.ch-hside picture{position:absolute;inset:0}
.ch-hside img{transition:transform .8s var(--ch-ease)}
.ch-hside:hover img{transform:scale(1.04)}
@media(max-width:760px){
  .ch-hgrid{grid-template-columns:1fr}
  .ch-hs{aspect-ratio:4/5}
  .ch-hside{min-block-size:0;aspect-ratio:16/10}
  .ch-hs-nav{display:none}
}

/* ۴-۴) نوار اعتماد: تخت، روشن */
.ch-trust{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 0;padding:0;border-block:1px solid var(--line)}
.ch-trust li{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 12px;color:var(--text)}
.ch-trust li+li{border-inline-start:1px solid var(--line)}
.ch-trust svg{flex:none;inline-size:30px;block-size:30px;stroke-width:1.3}
.ch-trust b{font-size:13.5px;font-weight:600;line-height:1.6}
@media(max-width:760px){
  .ch-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ch-trust li{justify-content:flex-start;padding:14px 10px;gap:10px}
  .ch-trust li:nth-child(odd){border-inline-start:0}
  .ch-trust li:nth-child(even){border-inline-start:1px solid var(--line)}
  .ch-trust li:nth-child(n+3){border-block-start:1px solid var(--line)}
  .ch-trust svg{inline-size:26px;block-size:26px}
  .ch-trust b{font-size:12.5px}
}

/* ============================ ۵) سرتیتر بخش‌ها ============================ */
.ch-sec{padding-block-start:clamp(36px,5vw,56px)}
.ch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-block-end:18px}
.ch-head h2{position:relative;display:inline-block;padding-block-end:10px;font-size:clamp(18px,1.6vw,20px);font-weight:600;line-height:1.6;color:var(--text)}
.ch-head h2::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:40px;block-size:2px;background:var(--accent)}
.ch-more{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;color:var(--text);font-weight:600;font-size:13px;white-space:nowrap}
.ch-more .ic{inline-size:15px;block-size:15px;transition:transform .25s var(--ch-ease)}
.ch-more:hover{color:var(--accent)}
.ch-more:hover .ic{transform:translateX(-4px)}
.ch-all{display:flex;justify-content:center;margin-block-start:6px}

/* ============================ ۶) کاشی‌های دسته ============================ */
.ch-tiles{display:grid;grid-template-columns:2.29fr 1fr 1fr 1fr;gap:15px}
.ch-tile{position:relative;display:block;overflow:hidden;border-radius:var(--r-lg);background:var(--surface2);aspect-ratio:1/1}
.ch-tile.ch-tile-wide{aspect-ratio:auto}
.ch-tile picture,.ch-tile img{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block}
.ch-tile img{object-fit:cover;transition:transform .8s var(--ch-ease)}
.ch-tile:hover img{transform:scale(1.05)}
.ch-tile::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 38%)}
.ch-tile-t{position:absolute;z-index:2;inset-block-start:0;inset-inline-start:0;padding:14px 16px;display:flex;flex-direction:column;gap:0;color:#242424}
.ch-tile-t b{font-size:17px;font-weight:600;line-height:1.5}
.ch-tile-t small{font-size:12px;color:#5c5c5c}
.ch-tile:focus-visible{outline-offset:3px}
@media(max-width:760px){
  .ch-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ch-tile.ch-tile-wide{grid-column:1/-1;aspect-ratio:1600/700}
  .ch-tile-t{padding:9px 10px}
  .ch-tile-t b{font-size:14px}
  .ch-tile-t small{display:none}
}

/* ============================ ۷) اسلایدر محصولات ============================ */
.ch-slider{position:relative}
.ch-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ch-gutter);padding:2px var(--ch-gutter) 6px;margin-inline:calc(var(--ch-gutter) * -1);scrollbar-width:none}
.ch-track::-webkit-scrollbar{display:none}
.ch-track:focus-visible{outline-offset:-3px;border-radius:var(--r)}
.ch-slide{flex:0 0 60%;min-inline-size:0;scroll-snap-align:start;display:flex}
.ch-slide .card{inline-size:100%}
@media(min-width:600px){.ch-slide{flex-basis:calc((100% - 24px) / 3)}}
@media(min-width:900px){.ch-slide{flex-basis:calc((100% - 36px) / 4)}.ch-track{gap:12px;padding-inline:2px;margin-inline:-2px;scroll-padding-inline:2px}}
@media(min-width:1180px){.ch-slide{flex-basis:calc((100% - 48px) / 5)}}
.ch-arrow{position:absolute;inset-block-start:calc(50% - 36px);z-index:3;inline-size:40px;block-size:40px;border-radius:50%;display:none;place-items:center;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow2);transition:opacity .25s,background .2s,color .2s}
.ch-arrow .ic{inline-size:17px;block-size:17px}
.ch-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.ch-arrow-prev{inset-inline-start:-14px}
.ch-arrow-next{inset-inline-end:-14px}
.ch-arrow[disabled]{opacity:0;pointer-events:none}
@media(min-width:900px){.ch-arrow{display:grid}}

/* ============================ ۸) بنر کالکشن: تخت، متن کنار تصویر ============================ */
.ch-promo{display:grid;grid-template-columns:1fr 1.15fr;align-items:stretch;border-radius:var(--r-lg);overflow:hidden;background:var(--surface2)}
.ch-promo-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:clamp(24px,4vw,56px)}
.ch-promo h2{font-size:clamp(21px,2.3vw,30px);font-weight:600;line-height:1.5;color:var(--text)}
.ch-promo p{margin:0 0 10px;max-inline-size:30em;font-size:14.5px;line-height:2;color:var(--body);text-wrap:balance}
.ch-promo-pic{position:relative;min-block-size:300px}
.ch-promo-pic picture,.ch-promo-pic img{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block}
.ch-promo-pic img{object-fit:cover}
@media(max-width:760px){
  .ch-promo{grid-template-columns:1fr}
  .ch-promo-pic{order:-1;aspect-ratio:4/3;min-block-size:0}
}

/* ============================ ۹) درباره چارقد ============================ */
.ch-home .seo-intro.ch-in{margin-block-start:clamp(36px,5vw,56px);border:0;border-block-start:1px solid var(--line);border-radius:0;background:transparent;padding-block:28px 8px}
.seo-intro h2{font-weight:600}
.seo-intro a{color:var(--text);text-decoration-color:var(--accent)}
.seo-intro .seo-cats{color:var(--muted)}

/* ============================ ۱۰) کاهش حرکت ============================ */
@media (prefers-reduced-motion: reduce){
  .ch-ring,.ch-tile img,.ch-hside img,.ch-more .ic,.ch-arrow,.card .img img,
  .site-h .ch-nav>li>a::after,.site-h .ch-nav .mega-btn::after,.site-h::after,.ch-hs-dots button::before{transition:none!important}
  .ch-stories a:hover .ch-ring,.ch-tile:hover img,.ch-hside:hover img,.card:hover .img img,.ch-more:hover .ic{transform:none}
  .ch-track,.ch-hs-track{scroll-behavior:auto}
}

/* ============================ ۱۱) تلطیف سطوح قرمزرنگ سایر صفحات ============================ */
.packbox{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r);color:var(--text)}
.packbox b{color:var(--price)}
.packbox span{color:var(--body)}
.price{color:var(--price)}
.colb.on,.pay.sel,.clear-f:hover,.d-nav a.on{background:var(--surface2)}
.colb.on,.pay.sel{border-color:var(--text)}
.d-nav .ic{color:var(--text)}
.d-call,.d-soc a:hover{border-radius:var(--r)}
.d-close{border-radius:50%}

/* ============================ ۱۲) فوتر مرتب (۱۴۰۵/۰۸/۱۱) ============================ */
footer h4::after{display:none}
footer.ft h4{font-size:15px;font-weight:700;color:var(--text);margin:0 0 14px;padding:0;letter-spacing:normal}
.ft-about{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ft-about .brand{margin:0}
.ft-about .brand img{height:56px;width:auto;display:block}
.ft-about p{margin:0;max-width:300px;font-size:13.5px;line-height:2.1;color:var(--body);text-align:start;text-wrap:pretty;-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important}
.ft-about .social{display:flex!important;gap:8px;margin:0}
.ft-about .social a{width:36px;height:36px;border-radius:5px;display:grid;place-items:center;color:var(--text);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,color .15s}
.ft-about .social a:hover{background:var(--text);color:#fff}
.ft-about .social svg{width:17px;height:17px}
.ft-links a::before{content:none}
.ft-links a{min-height:34px;font-size:14px}
.ft-links a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.ft .fi{border-radius:5px}
.ft .fi .ic{border-radius:5px;background:var(--bg)}
#contact.ft-col>.fi-addr{border-top-color:var(--line)!important}
@media(min-width:1000px){
  footer.ft{padding-top:44px}
  .ft-grid{grid-template-columns:300px .8fr 1.7fr!important;gap:24px 64px}
  .ft-acc .ft-links{grid-template-columns:1fr 1fr;column-gap:24px}
  .ft .copy{margin-top:28px;padding-block:16px}
}
@media(max-width:999px){
  .ft-about{flex-direction:row;align-items:center;flex-wrap:wrap}
  .ft-about p{flex:1 1 220px;max-width:none}
  .ft-about .social{flex-basis:100%}
}
.ft-acc>summary h4{margin:0}
/* ستون معرفی فوتر: همه‌چیز راست‌چین روی یک لبه */
.ft-about{align-items:flex-start!important;text-align:start;flex-direction:column!important;gap:16px}
.ft-about .brand img{height:52px}
.ft-about p{text-align:start!important;max-width:none!important;flex:none!important;font-size:14px;line-height:2;color:var(--body)}
.ft-about p br{display:block}
.ft-about .social{flex-basis:auto!important;justify-content:flex-start;margin-top:2px}
@media(max-width:999px){.ft .copy{padding-inline-start:76px}}

/* ============================ ۱۳) پیگیری سفارش ============================ */
.trk{max-width:640px;margin:32px auto 56px}
.trk h1{font-size:24px;color:var(--text);margin:0 0 6px}
.trk-sub{color:var(--body);margin:0 0 20px;font-size:14px}
.trk-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:var(--surface2);padding:18px;border-radius:5px}
.trk-form label{display:grid;gap:6px;font-size:13px;color:var(--text);font-weight:600}
.trk-form input{height:46px;border:1px solid var(--line);border-radius:5px;padding:0 12px;background:var(--bg);font:inherit;color:var(--text)}
.trk-form input:focus{outline:2px solid var(--text);outline-offset:1px}
.trk-form .btn{height:46px;padding:0 28px;border-radius:5px;background:var(--text);color:#fff;border:0;font:inherit;font-weight:700;cursor:pointer}
.trk-form .btn:hover{background:#000}
.trk-err{margin:14px 0 0;padding:12px 14px;border-radius:5px;background:#fdecec;color:#B81117;font-size:14px}
.trk-res{margin-top:24px;border:1px solid var(--line);border-radius:5px;padding:20px}
.trk-head{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.trk-head small{display:block;color:var(--muted);font-size:12px}
.trk-head b{color:var(--text);font-size:15px}
.trk-steps{list-style:none;margin:20px 0 4px;padding:0;display:grid;gap:0}
.trk-steps li{display:flex;gap:12px;position:relative;padding-bottom:18px}
.trk-steps li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:15px;top:32px;bottom:0;width:2px;background:var(--line)}
.trk-steps li.is-done:not(:last-child)::before{background:var(--text)}
.trk-steps i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;background:var(--surface2);color:var(--muted);border:1px solid var(--line)}
.trk-steps li.is-done i{background:var(--text);color:#fff;border-color:var(--text)}
.trk-steps li.is-next i{border-color:#D7141B;color:#D7141B}
.trk-steps b{display:block;color:var(--text);font-size:14px}
.trk-steps small{color:var(--body);font-size:12.5px}
.trk-cancel{margin:18px 0 0;padding:12px 14px;border-radius:5px;background:#fdecec;color:#B81117}
.trk h2{font-size:16px;color:var(--text);margin:18px 0 8px}
.trk-items{list-style:none;margin:0;padding:0}
.trk-items li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--text)}
.trk-items small{color:var(--body);white-space:nowrap}
.trk-help{margin:16px 0 0;color:var(--body);font-size:13px}
@media(max-width:640px){.trk-form{grid-template-columns:1fr}.trk-head{grid-template-columns:1fr 1fr}.trk-head>div:last-child{grid-column:1/-1}}