/* ============================================================
   ARZDOON — لایه موبایل
   طراحی اداپتیو: زیر ۹۰۰ پیکسل، سایت به یک اپلیکیشن نیتیو تبدیل می‌شود
   نوار تب پایین، هدر اپ، شیت پایینی، ناوبری لمسی و لیست‌های کارتی
   ============================================================ */

:root{
  --safe-t:env(safe-area-inset-top,0px);
  --safe-b:env(safe-area-inset-bottom,0px);
  --tabbar-h:64px;
  --appbar-h:56px;
}

/* عناصر مخصوص موبایل در دسکتاپ پنهان‌اند */
.m-only{display:none !important}
.appbar,.tabbar,.sheet,.m-search,.m-quick,.m-hero,.m-segment{display:none}

@media (max-width:900px){

  .d-only{display:none !important}
  .m-only{display:revert !important}
  .appbar.m-only,.tabbar.m-only{display:flex !important}
  .sheet.m-only{display:block !important}
  .sheet.m-only[hidden]{display:none !important}

  html{scroll-padding-top:calc(var(--appbar-h) + var(--safe-t) + 8px);overflow-x:clip;overflow-y:auto}
  body{
    padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 10px);
    min-height:100%;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:auto;touch-action:pan-y;
  }
  body.is-locked{overflow:hidden!important;touch-action:none}

  /* ---------- هدر دسکتاپ خاموش، هدر اپ روشن ---------- */
  .hdr,.tape,.ann,.fab{display:none !important}

  .appbar{
    display:flex;align-items:center;gap:10px;
    position:sticky;top:0;z-index:70;
    height:calc(var(--appbar-h) + var(--safe-t));
    padding:var(--safe-t) 14px 0;
    background:var(--bg);
    background:color-mix(in srgb,var(--bg) 82%,transparent);
    backdrop-filter:blur(22px) saturate(1.4);
    -webkit-backdrop-filter:blur(22px) saturate(1.4);
    border-bottom:1px solid transparent;
    transition:border-color .25s,background .25s;
  }
  .appbar.is-stuck{
    border-bottom-color:var(--border);
    background:var(--bg);
    background:color-mix(in srgb,var(--bg) 94%,transparent);
  }
  .appbar__back,.appbar__act{
    width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;
    background:var(--surface);border:1px solid var(--border-soft);color:var(--text-2);
    cursor:pointer;transition:.16s;position:relative;font-size:1rem;
  }
  .appbar__back:active,.appbar__act:active{transform:scale(.9);background:var(--surface-2)}
  .appbar__back svg,.appbar__act svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
  .appbar__t{
    flex:1;min-width:0;display:grid;gap:1px;
  }
  .appbar__t strong{
    font-size:1rem;font-weight:700;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
  }
  .appbar__t small{
    font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:5px;
  }
  .appbar__t small i{width:6px;height:6px;border-radius:50%;background:var(--up);animation:pulse 2s infinite}
  .appbar__logo{
    width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;
    background:var(--gold-grad);color:var(--gold-ink);font-weight:900;font-size:.95rem;
    box-shadow:0 6px 16px -8px rgba(226,180,74,.8);
  }
  .appbar__acts{display:flex;gap:8px;margin-inline-start:auto}

  /* ---------- نوار تب پایین ---------- */
  .tabbar{
    display:flex;position:fixed;bottom:0;inset-inline:0;z-index:80;
    height:calc(var(--tabbar-h) + var(--safe-b));
    padding-bottom:var(--safe-b);
    background:var(--bg-2);
    background:color-mix(in srgb,var(--bg-2) 88%,transparent);
    backdrop-filter:blur(24px) saturate(1.5);
    -webkit-backdrop-filter:blur(24px) saturate(1.5);
    border-top:1px solid var(--border);
    box-shadow:0 -12px 34px -22px rgba(0,0,0,.9);
  }
  .tabbar__i{
    flex:1;display:grid;gap:3px;place-items:center;position:relative;
    color:var(--muted);font-size:.64rem;font-weight:600;padding-top:9px;
    -webkit-tap-highlight-color:transparent;transition:color .2s;
  }
  .tabbar__i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .24s cubic-bezier(.2,1.4,.4,1)}
  .tabbar__i:active svg{transform:scale(.82)}
  .tabbar__i.is-on{color:var(--gold)}
  .tabbar__i.is-on svg{transform:translateY(-2px) scale(1.08)}
  .tabbar__i.is-on::before{
    content:'';position:absolute;top:0;inset-inline-start:50%;transform:translateX(-50%);
    width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--gold);
    box-shadow:0 0 14px var(--gold);
  }
  .tabbar__i b{
    position:absolute;top:5px;inset-inline-end:calc(50% - 20px);
    min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--down);
    color:#fff;font-size:.6rem;font-weight:800;display:grid;place-items:center;
    font-family:sans-serif;box-shadow:0 0 0 2px var(--bg-2);
  }
  .tabbar__i b[hidden]{display:none}
  /* دکمه مرکزی برجسته */
  .tabbar__cta{
    flex:0 0 66px;display:grid;place-items:center;position:relative;
  }
  .tabbar__cta span{
    width:52px;height:52px;border-radius:18px;display:grid;place-items:center;
    background:var(--gold-grad);color:var(--gold-ink);font-size:1.3rem;font-weight:800;
    box-shadow:0 12px 28px -10px rgba(226,180,74,.85);
    transform:translateY(-14px);border:3px solid var(--bg-2);transition:.2s;
  }
  .tabbar__cta:active span{transform:translateY(-14px) scale(.9)}

  /* ---------- شیت پایینی ---------- */
  .sheet{
    display:block;position:fixed;inset:0;z-index:110;pointer-events:none;
  }
  .sheet[hidden]{display:none}
  .sheet__bg{
    position:absolute;inset:0;background:rgba(4,3,6,.6);backdrop-filter:blur(6px);
    opacity:0;transition:opacity .3s;pointer-events:none;
  }
  .sheet.is-on .sheet__bg{opacity:1;pointer-events:auto}
  .sheet__panel{
    position:absolute;bottom:0;inset-inline:0;pointer-events:auto;
    max-height:88vh;display:flex;flex-direction:column;
    background:var(--bg-2);border-top:1px solid var(--border);
    border-radius:26px 26px 0 0;
    padding-bottom:var(--safe-b);
    transform:translateY(100%);transition:transform .34s cubic-bezier(.2,.9,.25,1);
    box-shadow:0 -20px 60px rgba(0,0,0,.6);
  }
  .sheet.is-on .sheet__panel{transform:none}
  .sheet.is-drag .sheet__panel{transition:none}
  .sheet__grab{
    padding:10px 0 6px;display:grid;place-items:center;cursor:grab;touch-action:none;flex:0 0 auto;
  }
  .sheet__grab::before{content:'';width:40px;height:4px;border-radius:3px;background:var(--border)}
  .sheet__head{
    display:flex;align-items:center;gap:10px;padding:4px 18px 12px;
    border-bottom:1px solid var(--border-soft);flex:0 0 auto;
  }
  .sheet__head strong{font-size:1rem}
  .sheet__head button{
    margin-inline-start:auto;background:none;border:0;color:var(--muted);
    font-size:1.3rem;cursor:pointer;line-height:1;padding:2px 6px;
  }
  .sheet__body{padding:16px 18px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch}

  /* ---------- جستجوی اپ ---------- */
  .m-search{
    display:flex;align-items:center;gap:9px;width:100%;
    padding:11px 14px;border-radius:14px;
    background:var(--surface);border:1px solid var(--border-soft);
    color:var(--muted);font-size:.86rem;cursor:pointer;
  }
  .m-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 17px}
  .m-search kbd{
    margin-inline-start:auto;font-family:sans-serif;font-size:.66rem;
    padding:2px 7px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-soft);
  }

  /* ---------- کارت‌های دسترسی سریع ---------- */
  .m-quick{
    display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  }
  .m-quick a{
    display:grid;gap:7px;place-items:center;padding:14px 6px;border-radius:16px;
    background:var(--surface);border:1px solid var(--border-soft);
    font-size:.68rem;color:var(--text-2);font-weight:600;text-align:center;
    transition:.18s;-webkit-tap-highlight-color:transparent;
  }
  .m-quick a:active{transform:scale(.94);background:var(--surface-2)}
  .m-quick i{
    width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
    background:var(--gold-grad-soft);border:1px solid var(--border);
    color:var(--gold);font-size:1.1rem;font-style:normal;
  }

  /* ---------- هدر اپ‌گونه صفحه اصلی ---------- */
  .m-hero{
    display:grid;gap:16px;padding:18px 0 4px;
  }
  .m-balance{
    position:relative;overflow:hidden;border-radius:22px;padding:20px;
    background:linear-gradient(150deg,rgba(226,180,74,.22),var(--surface) 62%);
    border:1px solid var(--border);
  }
  .m-balance::before{
    content:'';position:absolute;inset:0;
    background:repeating-linear-gradient(115deg,rgba(226,180,74,.05) 0 1px,transparent 1px 11px);
  }
  .m-balance>*{position:relative}
  .m-balance small{color:var(--muted);font-size:.74rem}
  .m-balance b{
    display:block;font-family:sans-serif;font-size:2rem;font-weight:700;
    margin-block:5px 3px;letter-spacing:-.5px;
  }
  .m-balance .row{display:flex;gap:8px;margin-top:14px}
  .m-balance .row a{
    flex:1;padding:11px;border-radius:13px;text-align:center;font-size:.82rem;font-weight:700;
    background:var(--gold-grad);color:var(--gold-ink);
  }
  .m-balance .row a.alt{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}

  /* ---------- سگمنت کنترل ---------- */
  .m-segment{
    display:flex;gap:4px;padding:4px;border-radius:14px;
    background:var(--surface);border:1px solid var(--border-soft);
  }
  .m-segment button{
    flex:1;padding:9px 8px;border-radius:11px;border:0;background:transparent;
    color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;
    transition:.2s;-webkit-tap-highlight-color:transparent;
  }
  .m-segment button.is-on{background:var(--gold-grad);color:var(--gold-ink);font-weight:700;box-shadow:0 4px 12px -6px rgba(226,180,74,.8)}

  /* ============================================================
     بازچینش عمومی برای موبایل
     ============================================================ */
  .wrap{padding-inline:16px}
  .section{padding-block:clamp(26px,7vw,40px)}
  .section--tight{padding-block:22px}

  h1{font-size:1.65rem !important;line-height:1.55}
  .h-sec{font-size:1.32rem}
  .lead{font-size:.92rem;line-height:1.95}

  /* قهرمان صفحه اصلی: کوتاه و اپ‌گونه */
  .hero{padding-block:6px 18px}
  .hero__grid{grid-template-columns:1fr;gap:18px}
  .hero__aura,.hero__lines{opacity:.5}
  .sovereign{width:120px;height:120px;margin-inline:auto}
  .hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .hero__actions .btn{width:100%;justify-content:center;padding-block:13px}
  .hero__proof{gap:8px}
  .hero__proof li{font-size:.76rem}

  /* گریدها تک‌ستونه */
  .grid--2,.grid--3,.grid--4,.split,.layout-side,.layout-art{grid-template-columns:1fr !important}
  .toc{position:static;max-height:none}

  /* ریل افقی به‌جای گرید برای کارت‌ها */
  .rail-m{
    display:flex !important;gap:12px;overflow-x:auto;
    padding-bottom:12px;margin-inline:-16px;padding-inline:16px;
    scroll-snap-type:x mandatory;scrollbar-width:none;
  }
  .rail-m::-webkit-scrollbar{display:none}
  .rail-m>*{flex:0 0 78%;scroll-snap-align:center}
  .rail-m>.feat,.rail-m>.tcard{flex-basis:74%}

  /* جدول بازار → لیست کارتی */
  .mkt-table thead{display:none}
  .mkt-table,.mkt-table tbody,.mkt-table tr,.mkt-table td{display:block;width:100%}
  .mkt-table tr{
    display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
    padding:13px 14px;margin-bottom:9px;border-radius:16px;
    background:var(--surface);border:1px solid var(--border-soft);
  }
  .mkt-table tr:active{background:var(--surface-2)}
  .mkt-table td{padding:0;border:0}
  .mkt-table td[data-m="rank"],.mkt-table td[data-m="cap"],.mkt-table td[data-m="vol"],.mkt-table td[data-m="spark"]{display:none}
  .mkt-table td[data-m="name"]{grid-column:2;min-width:0}
  .mkt-table td[data-m="fav"]{grid-column:1}
  .mkt-table td[data-m="price"]{grid-column:3;text-align:end}
  .mkt-table td[data-m="ch"]{grid-column:3;grid-row:2;text-align:end;margin-top:3px}

  /* فرم‌ها و ورودی‌ها: اندازه لمسی */
  input,select,textarea,.btn{font-size:16px} /* جلوگیری از زوم iOS */
  .btn{padding:13px 20px;border-radius:14px}
  .btn--lg{padding:15px 22px}
  .field input,.field select,.input-row input{padding:13px 14px;border-radius:13px}

  /* کارت‌ها نرم‌تر */
  .card{border-radius:20px;padding:18px}
  .feat,.tcard,.route,.voice{border-radius:20px}

  /* آکاردئون لمسی */
  .acc__q{padding:15px 16px;font-size:.9rem}

  /* استوری */
  .stories__rail{margin-inline:-16px;padding-inline:16px;gap:12px}
  .story{width:72px}
  .story__ring{width:66px;height:66px}
  .story__face{font-size:1.3rem}
  .sv{padding:0}
  .sv__stage{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0}
  .sv__bars{top:calc(10px + var(--safe-t))}
  .sv__head{top:calc(24px + var(--safe-t))}
  .sv__foot{bottom:calc(20px + var(--safe-b))}

  /* فوتر جمع‌وجور */
  .ftr-map{grid-template-columns:1fr;gap:0}
  .ftr-col{border-bottom:1px solid var(--border-soft)}
  .ftr-col h4{
    margin:0;padding:15px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
    font-size:.9rem;
  }
  .ftr-col h4::after{display:none}
  .ftr-col h4::before{
    content:'+';font-family:sans-serif;color:var(--gold);font-size:1.1rem;
    order:2;transition:transform .25s;
  }
  .ftr-col.is-open h4::before{transform:rotate(45deg)}
  .ftr-col ul{
    max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;padding:0;
  }
  .ftr-col.is-open ul{max-height:420px;padding-bottom:15px}
  .ftr-brand{border-bottom:0;padding-block:18px}
  .ftr-bar{flex-direction:column;text-align:center;gap:14px;padding-bottom:22px}
  .ftr-bar nav{justify-content:center}
  .ftr-top__in{gap:16px}
  .ftr-badges{grid-template-columns:repeat(3,1fr)}

  /* پادیوم و لیدربورد */
  .pod__ava{width:52px;height:52px}
  .pod--1 .pod__ava{width:64px;height:64px}

  /* مقاله */
  .art-tools{
    position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-b) + 12px);
    inset-inline:16px;display:flex;justify-content:space-around;gap:6px;
    padding:8px;border-radius:18px;z-index:75;
    background:var(--bg-2);
    background:color-mix(in srgb,var(--bg-2) 90%,transparent);
    backdrop-filter:blur(20px);border:1px solid var(--border);
    box-shadow:0 12px 30px -18px rgba(0,0,0,.9);
  }
  .art-tool{width:42px;height:42px;background:transparent;border:0}
  .cmt-form{border-radius:22px;padding:18px}
  .cmt{grid-template-columns:1fr;gap:10px}
  .cmt__ava{width:36px;height:36px}
  .cmt__rep{padding-inline-start:12px}

  /* مشاوره: به شیت پایینی تبدیل می‌شود */
  .consult{place-items:end stretch;padding:0}
  .consult__box{
    width:100%;max-height:92vh;border-radius:26px 26px 0 0;border-bottom:0;
    transform:translateY(100%);padding-bottom:var(--safe-b);
  }
  .consult.is-on .consult__box{transform:none}

  /* پالت جستجو تمام‌صفحه */
  .cmd{width:100%;max-width:none;border-radius:0;height:100%;max-height:none}
  .ovl{padding:0;align-items:stretch}

  /* کشوی دسکتاپ غیرفعال (تب‌بار جایگزین است) */
  .drawer{display:none !important}
}

/* موبایل باریک */
@media (max-width:400px){
  .m-quick{grid-template-columns:repeat(3,1fr)}
  .hero__actions{grid-template-columns:1fr}
  .tabbar__i{font-size:.6rem}
}

/* اجرای مستقل به‌عنوان اپلیکیشن (PWA) */
@media (display-mode:standalone){
  .m-installcue{display:none !important}
}

@media (prefers-reduced-motion:reduce){
  .sheet__panel,.consult__box,.tabbar__i svg{transition:none !important}
}

/* ---------- تنظیم حالت روشن برای پوسته موبایل ---------- */
@media (max-width:900px){
  [data-theme="light"] .appbar{box-shadow:0 1px 0 rgba(0,0,0,.03)}
  [data-theme="light"] .tabbar{box-shadow:0 -10px 30px -24px rgba(60,40,0,.5)}
  [data-theme="light"] .sheet__bg{background:rgba(40,30,10,.4)}
  [data-theme="light"] .sheet__panel{box-shadow:0 -18px 50px rgba(60,40,0,.18)}
}


/* ============================================================
   Mobile redesign 3.0 — mobile first polish
   ============================================================ */
@media (max-width:900px){
  body{background-attachment:scroll}
  .wrap{width:100%;max-width:none;padding-inline:14px}
  .hero{padding:10px 0 20px}
  .hero__grid{gap:14px}
  .hero__copy{gap:14px;justify-items:stretch}
  .hero__copy .eyebrow{width:max-content;max-width:100%;font-size:.67rem}
  .hero h1{font-size:clamp(1.72rem,8vw,2.25rem)!important;line-height:1.42;letter-spacing:-.025em}
  .hero .lead{font-size:.86rem;line-height:1.9;color:var(--text-2)}
  .hero__actions{grid-template-columns:1fr 1fr;gap:8px}
  .hero__actions .btn{min-width:0;padding-inline:10px;font-size:.82rem}
  .hero__proof{display:grid;grid-template-columns:1fr;gap:6px;padding-top:2px}
  .hero__proof li{padding:8px 10px;border:1px solid var(--border-soft);border-radius:12px;background:var(--bg-2);font-size:.7rem}
  .terminal{border-radius:22px;padding:1px}
  .terminal__in{border-radius:21px;padding:13px;gap:10px}
  .terminal__rows{gap:6px}
  .terminal .trow{grid-template-columns:auto 1fr auto;gap:8px;padding:9px 10px;border-radius:13px}
  .terminal .trow .chip{display:none}
  .terminal .trow__name strong{font-size:.78rem}
  .terminal .trow__price{font-size:.78rem;text-align:left}
  .terminal .coin-ico{width:32px;height:32px;font-size:.57rem}
  .qt{padding-top:10px;gap:8px}
  .qt .field>label{display:none}
  .qt .input-row{padding:9px 10px;gap:7px;border-radius:13px}
  .qt .input-row input{min-width:0;padding:0;background:transparent}
  .qt .input-row select{max-width:106px;font-size:.78rem}
  .qt__out{padding:8px 10px!important}
  .terminal__head:last-child{display:none}

  .statbar{display:flex!important;overflow-x:auto;gap:8px;margin-inline:-14px;padding:0 14px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .statbar::-webkit-scrollbar{display:none}
  .statbar>div{min-width:168px;flex:0 0 168px;scroll-snap-align:start;padding:12px!important;border:1px solid var(--border-soft)!important;border-radius:15px;background:var(--surface)!important}
  .statbar>div::after{display:none!important}
  .statbar strong{font-size:.84rem!important}
  .statbar span{font-size:.65rem!important;line-height:1.6}

  .stories{padding-block:14px 4px}
  .stories .sec-head{margin-bottom:0!important}
  .stories .sec-head>span{display:none}
  .story{width:64px}
  .story__ring{width:58px;height:58px}
  .story b{font-size:.65rem}

  .section--market-home{padding:24px 0}
  .home-market__head{gap:12px}
  .home-market__head .lead{font-size:.8rem}
  .home-market__tools{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}
  .home-market__tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:3px}
  .home-market__tabs::-webkit-scrollbar{display:none}
  .home-market__tabs button{white-space:nowrap;padding:7px 10px;font-size:.68rem}
  .home-market__tools>.btn{font-size:.7rem;padding:9px 11px}
  .home-market{border-radius:20px;margin-inline:0}
  .home-market__top{padding:10px 12px;font-size:.64rem}
  .home-market__top>span:last-child{display:none}
  .home-market__scroll{overflow:visible}
  .home-market__table{min-width:0;display:block}
  .home-market__table thead{display:none}
  .home-market__table tbody{display:grid}
  .home-market__table tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:'coin price' 'coin change';gap:2px 10px;padding:11px 12px;border-bottom:1px solid var(--border-soft)}
  .home-market__table td{display:block;padding:0;border:0}
  .home-market__table td:nth-child(1){grid-area:coin;align-self:center}
  .home-market__table td:nth-child(2){grid-area:price;text-align:left}
  .home-market__table td:nth-child(3){grid-area:change;text-align:left;margin-top:2px}
  .home-market__table td:nth-child(4),.home-market__table td:nth-child(5){display:none}
  .hm-coin{min-width:0;gap:9px}
  .hm-coin .coin-ico{width:34px;height:34px;font-size:.56rem}
  .hm-coin strong{font-size:.77rem}
  .hm-price{font-size:.77rem}
  .home-market__foot{display:block;padding:11px 12px;font-size:.65rem}
  .home-market__foot>span{display:none}

  .m-quick{grid-template-columns:repeat(4,1fr);gap:7px}
  .m-quick a{padding:10px 3px;border-radius:13px;font-size:.6rem}
  .m-quick i{width:36px;height:36px;border-radius:11px;font-size:.95rem}

  .product-hub__grid{grid-template-columns:1fr 1fr;gap:9px}
  .product-tool,.product-tool--wide{grid-column:auto;min-height:170px;padding:15px;border-radius:18px}
  .product-tool--wide{grid-column:1/-1;min-height:160px}
  .product-tool__ico{width:38px;height:38px;border-radius:12px}
  .product-tool h3{font-size:.9rem}
  .product-tool p{font-size:.7rem;line-height:1.75}
  .product-tool .link-arrow{font-size:.7rem}

  .seals{display:flex!important;overflow-x:auto;gap:8px;margin-inline:-14px!important;padding-inline:14px;padding-bottom:6px;scrollbar-width:none}
  .seal{flex:0 0 148px;min-width:148px}

  /* Journal */
  .magazine-head{padding:24px 0 14px}
  .magazine-head__grid{grid-template-columns:1fr;gap:18px;margin-top:12px}
  .magazine-head h1{font-size:1.72rem;line-height:1.48;margin:10px 0}
  .magazine-head .lead{font-size:.82rem}
  .magazine-brief{border-radius:18px;padding:16px}
  .mag-utility{display:grid;gap:2px;border-radius:16px;padding:7px}
  .mag-search input{font-size:.78rem;padding:8px 0}
  .mag-utility__link{font-size:.65rem;padding:5px 10px 8px}
  .mag-hero{gap:10px}
  .mag-lead{min-height:300px;border-radius:20px;padding:18px}
  .mag-lead h2{font-size:1.18rem}
  .mag-lead p{font-size:.76rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .mag-side{display:flex;overflow-x:auto;gap:8px;margin-inline:-14px;padding-inline:14px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .mag-mini{flex:0 0 82%;scroll-snap-align:center;grid-template-columns:64px 1fr;padding:10px;border-radius:15px}
  .insight-grid{grid-template-columns:1fr 1fr;gap:8px}
  .insight-card{min-height:190px;padding:15px;border-radius:18px}
  .insight-card h3{font-size:.9rem}
  .insight-card p{font-size:.68rem;line-height:1.75}
  .insight-card b{font-size:.66rem}
  .mag-list-head{align-items:flex-start}
  .mag-filter{overflow-x:auto;flex-wrap:nowrap;margin-inline:-14px;padding-inline:14px;padding-bottom:6px;scrollbar-width:none}
  .mag-filter button{white-space:nowrap;padding:7px 12px;font-size:.7rem}
  .mag-grid{display:grid!important;grid-template-columns:1fr!important}
  .post-card__body{padding:15px!important}
  .reading-paths a{grid-template-columns:38px 1fr auto;padding:13px;border-radius:15px}
  .reading-paths strong{font-size:.78rem}
  .reading-paths small{font-size:.65rem}
  .editorial-policy{grid-template-columns:1fr;gap:14px;padding:18px;border-radius:20px}
  .editorial-policy h2{font-size:1.04rem}
  .editorial-policy p{font-size:.72rem}

  /* Footer: content-first accordion */
  .ftr-top--new{padding:22px 0}
  .ftr-top--new .ftr-top__in{display:grid;gap:14px}
  .ftr-top--new h3{font-size:1.02rem}
  .ftr-top--new p{font-size:.72rem}
  .news{display:grid;grid-template-columns:1fr;gap:7px}
  .news input,.news .btn{width:100%}
  .ftr-command{display:grid;gap:14px;padding:22px 0 16px}
  .ftr-command__brand{display:grid;gap:8px}
  .ftr-command__brand p{font-size:.72rem}
  .ftr-command__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ftr-livebar{grid-template-columns:1fr;gap:13px;padding:15px 0}
  .ftr-livebar__prices{grid-template-columns:1fr;gap:8px}
  .ftr-livebar__prices .ftr-prices{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .ftr-livebar__prices .ftr-price{min-width:145px;flex:0 0 145px}
  .ftr-map--new{grid-template-columns:1fr;gap:0;padding:12px 0 18px}
  .ftr-brand{padding:14px 0 18px;border-bottom:1px solid var(--border-soft)}
  .ftr-contact-card{margin-top:2px}
  .ftr-assurance{grid-template-columns:1fr 1fr;gap:7px;padding:14px 0}
  .ftr-assurance>div{padding:10px}
  .ftr-assurance strong{font-size:.68rem}
  .ftr-assurance span{font-size:.6rem}
  .ftr-note{font-size:.66rem;padding:12px;line-height:1.85}
  .ftr-bar{align-items:flex-start;text-align:right!important;padding-bottom:24px}
  .ftr-bar nav{justify-content:flex-start!important;gap:10px}
}

@media (max-width:390px){
  .hero__actions{grid-template-columns:1fr}
  .home-market__tools{grid-template-columns:1fr}
  .home-market__tools>.btn{display:none}
  .m-quick{grid-template-columns:repeat(4,1fr)}
  .product-hub__grid,.insight-grid{grid-template-columns:1fr}
  .product-tool--wide{grid-column:auto}
  .ftr-assurance{grid-template-columns:1fr}
}