@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; } /* ---------- توکن ها ---------- هویت «کیچن بوش» — لحن: شورومِ تخصصیِ بوش، نه مارکت پلیس. ⚠ پالتِ زیر توسط bosch.css بازتعریف می شود (سرمه ای به جای قرمز). دو تصمیم که این سایت را از بقیه سایت های مجموعه جدا می کند: ۱. پالت دورنگه است، نه تک رنگ. قرمز بوش فقط «اقدام» را نشان می دهد (خرید، تماس، تخفیف). سبزآبیِ رسمیِ بوش (--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]» بود، یعنی فقط لیستی که کلاس دارد بولت نداشت. اما