/* slim: 25/25 qaide rakhe gaye. source-md5: 78aa59bf5172abf77d6ed625f213d966 */ /* -------------------------------------------------------------------------- 1. TOKENS Declared globally (harmless — nothing outside the media query reads them) so any future overlay can be written against the same names. ----------------------------------------------------------------------- */ :root{ /* iPhone home-indicator strip. */ --yb-safe-b: env(safe-area-inset-bottom, 0px); /* Height of the bottom consent banner that is CURRENTLY on screen. 0 when there is none — which is today's state, the notice is OFF by default. */ --yb-cookie-h: 0px; /* PDP sticky add-to-bag bar: 52px button + 2 × 10px padding, measured 73px at 375px (GAP-G2). Its own safe-area padding is added separately below. */ --yb-sticky-h: 73px; /* Bag page checkout bar (fix-bag-checkout3.css: 44px row + 2 × 10px). */ --yb-bagbar-h: 76px; /* Breathing room between a floating element and whatever it sits above. */ --yb-overlay-gap: 16px; /* Ladder tiers as tokens, so the next floating element has a value to reuse instead of inventing one. Kept identical to the table at the top. */ --yb-z-sticky-row: 380; --yb-z-header: 390; --yb-z-pinned-bar: 9997; --yb-z-page-toast: 9998; --yb-z-cookie: 99900; --yb-z-filter-scrim: 99960; --yb-z-filter-drawer: 99970; --yb-z-nav-drawer: 100000; --yb-z-modal: 100050; --yb-z-toast: 100100; }html.yb-a6-banner-on{ --yb-cookie-h: var(--yb-a6-banner-h, 0px); }body.yb{ --yb-pinned-h: var(--yb-cookie-h); --yb-pinned-now: var(--yb-cookie-h); }body.yb.single-product.yb-zx-has-sticky{ --yb-pinned-h: calc(var(--yb-cookie-h) + var(--yb-sticky-h) + var(--yb-safe-b)); }body.yb.single-product.yb-zx-sticky-on{ --yb-pinned-now: calc(var(--yb-cookie-h) + var(--yb-sticky-h) + var(--yb-safe-b)); }body.yb.yb-bc3-has-stickybar{ --yb-pinned-h: calc(var(--yb-cookie-h) + var(--yb-bagbar-h) + var(--yb-safe-b)); --yb-pinned-now: calc(var(--yb-cookie-h) + var(--yb-bagbar-h) + var(--yb-safe-b)); }html:has(> body.yb.single-product.yb-zx-has-sticky), html:has(> body.yb.yb-bc3-has-stickybar), html.yb-a6-banner-on{ scroll-padding-bottom: var(--yb-pinned-h, var(--yb-cookie-h)); }html:has(> body.yb.single-product.yb-zx-has-sticky){ --yb-pinned-h: calc(var(--yb-cookie-h) + var(--yb-sticky-h) + var(--yb-safe-b)); }html:has(> body.yb.yb-bc3-has-stickybar){ --yb-pinned-h: calc(var(--yb-cookie-h) + var(--yb-bagbar-h) + var(--yb-safe-b)); }@media (max-width: 1024px){/* ---------------------------------------------------------------------- 3. THE LADDER, APPLIED Only the tiers that were missing or wrong. Everything else already carries the right value in its own file and is left alone. ------------------------------------------------------------------- */ /* 3a. The PDP CTA becomes a bottom-edge action bar at this width (zx-mobile- fixes.css flips it from top to bottom) but kept the DESKTOP tier, 380 — below the 390 chat bubble and below every dropdown. Promote it to the pinned-bar tier so it shares one number with the bag bar. */ html body.yb .yb-pdp-sticky{ z-index: var(--yb-z-pinned-bar, 9997) !important; }html body.yb .wd-cookies-popup{ z-index: var(--yb-z-cookie, 99900) !important; }html body.yb .wd-close-side{ z-index: var(--yb-z-filter-scrim, 99960) !important; }html body.yb .sidebar-container.wd-side-hidden{ z-index: var(--yb-z-filter-drawer, 99970) !important; }/* 4a. PDP sticky add-to-bag bar sits ON TOP OF the consent banner, never under it. With no banner --yb-cookie-h is 0px and this is bottom:0, i.e. byte-for-byte today's behaviour. */ html body.yb .yb-pdp-sticky, html body.yb .yb-pdp-sticky.is-visible, html.yb-a6-banner-on .yb-pdp-sticky, html.yb-a6-banner-on .yb-pdp-sticky.is-visible{ top: auto !important; bottom: var(--yb-cookie-h, 0px) !important; }html body.yb .yb-bc3-stickybar{ bottom: var(--yb-cookie-h, 0px) !important; }html body.yb .yb-bc3-toasts, html body.yb.yb-bc3.yb-bc3-has-stickybar .yb-bc3-toasts{ bottom: calc(var(--yb-pinned-now, 0px) + var(--yb-overlay-gap)) !important; }html body.yb .yb-autoef-toasts{ bottom: calc(var(--yb-pinned-now, 0px) + var(--yb-overlay-gap)) !important; }html body.yb .yb-chat, html body.yb.single-product .yb-chat, html body.yb.single-product.yb-zx-sticky-on .yb-chat, html.yb-a6-banner-on body.yb .yb-chat, html.yb-a6-banner-on body.yb.single-product.yb-zx-sticky-on .yb-chat{ bottom: calc(var(--yb-pinned-now, 0px) + var(--yb-overlay-gap)) !important; }html body.yb .yb-a12-cc, html body.yb .wd-cookies-popup{ padding-bottom: calc(12px + var(--yb-safe-b)) !important; }/* ---------------------------------------------------------------------- 5. PAGE BOTTOM PADDING — what is pinned must not eat the footer Only bodies that actually have something pinned are touched; a page with no bar and no banner keeps whatever padding it had. ------------------------------------------------------------------- */ /* 5a. PDP. Supersedes three different reservations: zx (flat 72px), zzz (72px + safe), fix-mobile2 (80px, or 80px + banner). */ html body.yb.single-product.yb-zx-has-sticky, html.yb-a6-banner-on body.yb.single-product.yb-zx-has-sticky{ padding-bottom: calc(var(--yb-pinned-h, 0px) + var(--yb-overlay-gap)) !important; }html body.yb.yb-bc3-has-stickybar{ padding-bottom: calc(var(--yb-pinned-h, 0px) + var(--yb-overlay-gap)) !important; }html.yb-a6-banner-on body.yb:not(.single-product):not(.yb-bc3-has-stickybar){ padding-bottom: var(--yb-cookie-h, 0px) !important; }html body.yb .wd-cookies-popup .cookies-accept-btn, html body.yb .wd-cookies-popup .cookies-more-btn, html body.yb .wd-cookies-popup .btn, html body.yb .wd-cookies-popup .cookies-buttons > a, html body.yb .wd-cookies-popup .cookies-buttons > button, html body.yb .yb-a12-cc__btn{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; }html body.yb .yb-pdp-sticky .yb-pdp-sticky__btn, html body.yb .yb-bc3-stickybar .yb-bc3-stickybar__btn{ min-height: 48px !important; }@media (prefers-reduced-motion: reduce){html body.yb .yb-pdp-sticky, html body.yb .yb-pdp-sticky.is-visible, html body.yb .yb-bc3-stickybar, html body.yb .yb-bc3-toasts, html body.yb .yb-bc3-toast, html body.yb .yb-autoef-toasts, html body.yb .yb-autoef-toast, html body.yb .yb-a12-cc, html body.yb .wd-cookies-popup, html body.yb .yb-chat, html body.yb .yb-mnav__overlay, html body.yb .yb-mnav__panel, html body.yb .wd-close-side, html body.yb .sidebar-container.wd-side-hidden{ transition: none !important; animation: none !important; }}}