@charset "UTF-8"; /* ========================================================================== بوش مرکزی — پایه ترتیب لود: app → rtl → nav → card → [صفحه] → mobile ========================================================================== */ /* ---------- فونت ---------- swap تا متن قبل از رسیدن فونت دیده شود (جلوگیری از FOIT در اینترنت کند) */ /* مسیر همه فونت‌ها /public/fonts/ است — همان مسیری که header.php preload می‌کند. اگر این دو با هم فرق کنند مرورگر فونت را دو بار دانلود می‌کند. */ @font-face{ font-family:'IRANYekanX'; src:url('/public/fonts/IRANYekanX-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; } @font-face{ font-family:'IRANYekanX'; src:url('/public/fonts/IRANYekanX-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; } @font-face{ font-family:'IRANYekanX'; src:url('/public/fonts/IRANYekanX-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; } /* پشتیبان: اگر یکان‌ایکس لایسنس نشد وزیرمتن جایش را می‌گیرد */ @font-face{ font-family:'Vazirmatn'; src:url('/public/fonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; } @font-face{ font-family:'Vazirmatn'; src:url('/public/fonts/Vazirmatn-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; } @font-face{ font-family:'Vazirmatn'; src:url('/public/fonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; } /* ---------- توکن‌ها ---------- هویت «بوش مرکزی»: قرمز بوش روی زغالیِ تیره. شکل‌ها عمداً تیزتر و سایه‌ها جمع‌ترند تا حسِ «فروشگاه تخصصی لوازم خانگی» بدهد، نه مارکت‌پلیس رنگارنگ. رنگ قرمز و نوار تلفنِ قرمزِ هدر، امضای بصری سایت قدیم بود و عمداً حفظ شده. */ :root{ /* ── پالت ─────────────────────────────────────────────────────────────── شش رنگ، نه بیشتر. قرمز بوش فقط برای CTA اصلی، حالت فعال، برچسب تخفیف و قیمت. حدود ۸۰٪ صفحه سفید یا خاکستریِ بسیار روشن است. */ --c-primary:#EA0016; --c-primary-dark:#C2000F; --c-primary-soft:#FFF1F2; --c-primary-rgb:234,0,22; --c-ink:#1D1D1B; --c-ink-2:#62666A; --c-ink-3:#8A8E93; --c-line:#E5E7EB; --c-line-2:#F0F1F2; --c-bg:#F6F7F8; --c-surface:#FFFFFF; --c-success:#137C4B; --c-danger:#EA0016; --c-warn:#9A6100; --c-success-soft:#E9F5EF; --c-warn-soft:#FDF3E3; --c-star:#E0A100; /* تنها سطح تیره‌ای که مانده: بخش مشاوره. خنثی و کنترل‌شده، نه آبی/زغالی. */ --c-dark:#1D1D1B; --c-on-dark:#F2F2F1; --c-on-dark-2:#A9ABAC; /* «accent» فقط برای سازگاری با کلاس‌های قدیمی مانده و همان قرمز است؛ پالت دوم نداریم. */ --c-accent:#EA0016; --c-accent-soft:#FFF1F2; /* ── شعاع ────────────────────────────────────────────────────────────── ریز: ورودی و دکمه ۸–۱۰ | کارت ۱۲–۱۶ | بخش بزرگ حداکثر ۲۰ */ --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:16px; --r-full:999px; /* ── سایه ────────────────────────────────────────────────────────────── فقط دو سطح. روی دکمه هیچ سایه‌ای نداریم. */ --sh-1:0 2px 10px rgba(0,0,0,.04); --sh-2:0 6px 20px rgba(0,0,0,.07); --sh-3:0 6px 20px rgba(0,0,0,.07); --font:'IRANYekanX','Vazirmatn',Tahoma,sans-serif; --container:1320px; /* ── فاصله: مضربِ ۸ ─────────────────────────────────────────────────── */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; /* فاصلهٔ بین بخش‌های اصلی — دسکتاپ ۷۲تا۸۸، موبایل ۴۸تا۵۶ */ --sec-gap:clamp(48px,6vw,80px); --pad-x:32px; --header-h:72px; --ease:cubic-bezier(.2,.7,.3,1); --t-fast:.15s var(--ease); --t-slow:.25s var(--ease); } @media (max-width:1023px){:root{--pad-x:20px}} @media (max-width:639px){:root{--pad-x:16px}} /* ---------- ریست ---------- */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)} body{ margin:0; direction:rtl; text-align:right; font-family:var(--font); font-size:15px; font-weight:400; line-height:1.85; color:var(--c-ink); background:var(--c-bg); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; } h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0} /* ⚠ قبلاً «ul[class]» بود، یعنی فقط لیستی که کلاس دارد بولت نداشت. اما