@charset "UTF-8"; /* ==== app.css ==== */ /* ========================================================================== بوش تهران — پایه ترتیب لود: 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; } /* ---------- توکن‌ها ---------- هویت «بوش تهران» — لحن: فروشگاه تخصصیِ بازار امیرکبیر، نه مارکت‌پلیس. دو تصمیم که این سایت را از بقیهٔ سایت‌های مجموعه جدا می‌کند: ۱. پالت دورنگه است، نه تک‌رنگ. قرمز بوش فقط «اقدام» را نشان می‌دهد (خرید، تماس، تخفیف). سبزآبیِ رسمیِ بوش (--c-trust) کارِ «اطمینان» را می‌کند: موجودی، اصالت کالا، گارانتی، نوار اعتماد. چون ۵۸٪ محصولات این سایت قیمت آنلاین ندارند، کاربر بیش از قیمت دنبالِ «هست؟ اصله؟» است و آن سیگنال باید رنگِ خودش را داشته باشد، نه اینکه در دریای قرمز گم شود. ۲. شکل‌ها نرم‌ترند (شعاع ۱۰ تا ۲۴ به‌جای ۸ تا ۱۶) و سایه‌ها بازتر و دولایه. لوازم خانگیِ بزرگ عکس‌های حجیم دارند؛ کارتِ نرم و جادار به آن‌ها فضای نفس‌کشیدن می‌دهد. */ :root{ /* ── پالت ─────────────────────────────────────────────────────────────── */ --c-primary:#E4002B; --c-primary-dark:#B00020; --c-primary-soft:#FFF0F3; --c-primary-rgb:228,0,43; /* سبزآبیِ رسمیِ بوش — رنگِ «اعتماد» */ --c-trust:#17817C; --c-trust-dark:#0F5F5B; --c-trust-soft:#E7F3F2; --c-trust-rgb:23,129,124; --c-ink:#10161C; --c-ink-2:#59626B; --c-ink-3:#858E97; --c-line:#E3E7EB; --c-line-2:#EFF2F5; --c-bg:#F1F4F7; --c-surface:#FFFFFF; /* پس‌زمینهٔ قابِ عکس محصول — عکس‌های سایت قدیم پس‌زمینهٔ سفید دارند و روی این خاکستریِ سرد، لبهٔ محصول دیده می‌شود. */ --c-panel:#EDF1F4; /* ⚠ --c-success متنِ روی --c-success-soft است، پس باید ۴٫۵:۱ بدهد. خودِ --c-trust (#17817C) روی آن زمینه فقط ۴٫۱۴:۱ می‌دهد و WCAG AA را رد می‌کند؛ نسخهٔ تیره‌تر ۶٫۱۳:۱ می‌دهد. --c-trust برای پُرکردن (زمینهٔ دکمه و آیکون) می‌ماند که آنجا سفیدِ روی آن ۴٫۷:۱ است و قبول. */ --c-success:#116460; --c-danger:#E4002B; --c-warn:#946200; --c-success-soft:#E7F3F2; --c-warn-soft:#FDF4E4; --c-star:#E8A317; --c-dark:#10161C; --c-on-dark:#EDF1F4; --c-on-dark-2:#98A2AC; /* «accent» برای سازگاری با کلاس‌های قدیمی مانده؛ حالا به سبزآبی وصل است تا هر جایی که «تأکید ثانویه» می‌خواست رنگِ درست را بگیرد. */ --c-accent:#17817C; --c-accent-soft:#E7F3F2; /* ── شعاع ─────────────────────────────────────────────────────────────── ورودی و دکمه ۱۰–۱۴ | کارت ۱۸ | بخش بزرگ ۲۴ */ --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-full:999px; /* ── سایه ─────────────────────────────────────────────────────────────── سه سطح، دولایه (لبهٔ ریز + پخشِ نرم). روی دکمه هیچ سایه‌ای نداریم. */ --sh-1:0 1px 2px rgba(16,22,28,.04), 0 4px 16px rgba(16,22,28,.05); --sh-2:0 2px 6px rgba(16,22,28,.05), 0 12px 32px rgba(16,22,28,.08); --sh-3:0 8px 40px rgba(16,22,28,.12); --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]» بود، یعنی فقط لیستی که کلاس دارد بولت نداشت. اما