/* ========================================================================= Nagłówek sklepu FabrykaCmyka — 1:1 z projektem handoff21. Renderowany w POZA .fc-root → motyw (Elementor/Astra) i shop.css wstrzykują style na generyczne `a`/`.fc-cats`. Dlatego KAŻDA reguła jest zescope'owana pod `.fc-shdr-wrap` (specyficzność ≥0,2,0) — bije `.elementor-kit-10 a` (0,1,1), Astra `a` (0,0,1) i kolizję `.fc-cats` z landingu (shop.css, 0,1,0). Kolory marki literalnie (brak zmiennych .fc-root). ========================================================================= */ /* Ukryj natywny nagłówek motywu w kontekście sklepu — zastępujemy własnym. */ .fc-shop-ctx .elementor-location-header, .fc-shop-ctx .ast-main-header-wrap, .fc-shop-ctx .site-header .ast-above-header-wrap { display: none !important; } .fc-shdr-wrap *{box-sizing:border-box} .fc-shdr-wrap svg{display:block} /* --- wspólne: logo (kropki CMYK) --- */ .fc-shdr-wrap .fc-shdr__logo{display:flex;align-items:center;gap:14px;text-decoration:none} .fc-shdr-wrap .fc-shdr__logo--sm{gap:9px} .fc-shdr-wrap .fc-logo{position:relative;flex:none;display:block} /* Kropki CMYK — dokładne px z makiety (border-box) dla rozmiaru bazowego 66px. Procent w spread box-shadow jest nieprawidłowy → cień znikał; px 1:1 z projektem. */ .fc-shdr-wrap .fc-logo__d{position:absolute;border-radius:50%;border-style:solid} .fc-shdr-wrap .fc-logo__d1{left:30px;top:2px;width:24px;height:24px;border-width:6px;border-color:#2aa9d6;background:#2aa9d6;box-shadow:inset 0 0 0 5px #92cfce} .fc-shdr-wrap .fc-logo__d2{left:14px;top:19px;width:27px;height:27px;border-width:6px;border-color:var(--fc-magenta,#e5117c);background:var(--fc-magenta,#e5117c);box-shadow:inset 0 0 0 5px #92cfce} .fc-shdr-wrap .fc-logo__d3{left:2px;top:39px;width:19px;height:19px;border-width:5px;border-color:#f4e400;background:#f4e400;box-shadow:inset 0 0 0 4px #92cfce} .fc-shdr-wrap .fc-logo__d4{left:35px;top:41px;width:18px;height:18px;border-width:5px;border-color:#1a1a1a;background:#1a1a1a;box-shadow:inset 0 0 0 4px #92cfce} /* wariant mobilny (logo 38px) — px z makiety */ .fc-shdr-wrap .fc-shdr__logo--sm .fc-logo__d1{left:17px;top:1px;width:14px;height:14px;border-width:3.5px;box-shadow:inset 0 0 0 3px #92cfce} .fc-shdr-wrap .fc-shdr__logo--sm .fc-logo__d2{left:8px;top:11px;width:16px;height:16px;border-width:3.5px;box-shadow:inset 0 0 0 3px #92cfce} .fc-shdr-wrap .fc-shdr__logo--sm .fc-logo__d3{left:1px;top:22px;width:11px;height:11px;border-width:3px;box-shadow:inset 0 0 0 2.5px #92cfce} .fc-shdr-wrap .fc-shdr__logo--sm .fc-logo__d4{left:20px;top:23px;width:10px;height:10px;border-width:3px;box-shadow:inset 0 0 0 2.5px #92cfce} .fc-shdr-wrap .fc-logo__t{font-family:'Poppins',sans-serif;font-weight:700;font-size:30px;line-height:.96;letter-spacing:1px;color:#fff} .fc-shdr-wrap .fc-shdr__logo--sm .fc-logo__t{font-size:15px;line-height:.95;letter-spacing:.5px} /* Wgrane logo marki (panel „Wygląd") — zastępuje wbudowany znak CMYK, gdy ustawione. */ .fc-shdr-wrap .fc-shdr__logoimg{display:block;height:64px;width:auto;max-width:280px;object-fit:contain} .fc-shdr-wrap .fc-shdr__logo--sm .fc-shdr__logoimg,.fc-shdr-wrap .fc-shdr__logoimg--sm{height:36px;max-width:170px} /* =========================== DESKTOP ================================= */ .fc-shdr-wrap .fc-shdr{background:#92cfce;width:100%;position:relative;z-index:20;font-family:'Poppins',sans-serif} /* Szerokość i padding jak kontener nagłówka strony głównej (Elementor 1440) → logo w tej samej pozycji. */ .fc-shdr-wrap .fc-shdr--desktop .fc-shdr__in{max-width:1440px;margin:0 auto;height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 12px} .fc-shdr-wrap .fc-shdr--mobile{display:none} .fc-shdr-wrap .fc-shnav{display:flex;align-items:center;gap:12px} .fc-shdr-wrap .fc-shnav__link{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:#fff;text-decoration:none;padding:10px 14px;border-radius:12px;transition:background .15s;background:transparent;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;flex:none} .fc-shdr-wrap .fc-shnav__link:hover{background:rgba(255,255,255,.16);color:#fff} .fc-shdr-wrap .fc-shnav__sep{width:1px;height:28px;background:rgba(255,255,255,.4);margin:0 6px;flex:none} /* kategorie dropdown — display:block bije kolizję .fc-cats{display:grid} z shop.css */ .fc-shdr-wrap .fc-cats{position:relative;display:block;flex:none} .fc-shdr-wrap .fc-cats__btn{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;font-family:inherit;color:#fff;background:transparent;border:none;cursor:pointer;padding:10px 14px;border-radius:12px;white-space:nowrap} .fc-shdr-wrap .fc-cats.is-open .fc-cats__btn{background:rgba(255,255,255,.22)} .fc-shdr-wrap .fc-caret{transition:transform .2s} .fc-shdr-wrap .fc-cats.is-open .fc-caret,.fc-shdr-wrap .fc-drawer__cat.is-open .fc-caret{transform:rotate(180deg)} .fc-shdr-wrap .fc-cats__menu{position:absolute;top:calc(100% + 10px);left:0;width:300px;background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(31,58,58,.22);padding:10px;display:none;z-index:40} .fc-shdr-wrap .fc-cats.is-open .fc-cats__menu{display:block;animation:fc-drop .16s ease-out} .fc-shdr-wrap .fc-cats__item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#1f3a3a;text-decoration:none} .fc-shdr-wrap .fc-cats__item:hover{background:#eef7f7;color:#1f3a3a} .fc-shdr-wrap .fc-cats__dot{width:9px;height:9px;border-radius:50%;flex:none} .fc-shdr-wrap .fc-cats__name{font-weight:700;font-size:15px;flex:1} .fc-shdr-wrap .fc-cats__cnt{font-size:12px;font-weight:700;color:#9bb3b3} .fc-shdr-wrap .fc-cats__sub{padding-left:32px} .fc-shdr-wrap .fc-cats__sub a{display:block;padding:7px 12px;font-size:14px;font-weight:500;color:#5a7373;text-decoration:none;border-radius:9px} .fc-shdr-wrap .fc-cats__sub a:hover{background:#f4fafa;color:#1f3a3a} .fc-shdr-wrap .fc-cats__all{display:block;text-align:center;margin-top:6px;padding:12px;font-size:14px;font-weight:700;color:#2aa9d6;text-decoration:none;border-top:1px solid #eef2f2} /* konto */ .fc-shdr-wrap .fc-acct{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background .15s;flex:none} .fc-shdr-wrap .fc-acct:hover{background:rgba(255,255,255,.32);color:#fff} /* koszyk pigułka */ .fc-shdr-wrap .fc-hd-cart{position:relative;flex:none} .fc-shdr-wrap .fc-hd-cart__btn{display:flex;align-items:center;gap:10px;background:#fff;color:#1f3a3a;border:none;cursor:pointer;font-family:inherit;border-radius:26px;padding:9px 18px 9px 15px;font-weight:800;transition:box-shadow .15s;white-space:nowrap} .fc-shdr-wrap .fc-hd-cart__btn:hover{box-shadow:0 6px 18px rgba(31,58,58,.18)} .fc-shdr-wrap .fc-hd-cart__ico{position:relative;display:flex;color:#1f3a3a} .fc-shdr-wrap .fc-hd-cart__total{font-size:15px} /* badge liczby (koszyk desktop + mobile) */ .fc-shdr-wrap .fc-cart-badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--fc-magenta,#e5117c);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff} .fc-shdr-wrap .fc-cart-badge--empty{display:none} /* mobile: badge wewnątrz przycisku (desktop ma -8/-10 dla pigułki; mobile wg makiety 4/2, inaczej ucina go krawędź paska) */ .fc-shdr-wrap .fc-mact__a .fc-cart-badge{top:4px;right:2px;box-shadow:0 0 0 2px #92cfce} .fc-shdr-wrap .fc-cart-poz{font-size:12px;font-weight:700;color:#fff;background:#92cfce;border-radius:20px;padding:4px 11px} /* mini-koszyk panel */ .fc-shdr-wrap .fc-hd-cart__panel{position:absolute;top:calc(100% + 12px);right:0;width:380px;background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(31,58,58,.24);overflow:hidden;display:none;z-index:40} .fc-shdr-wrap .fc-hd-cart.is-open .fc-hd-cart__panel{display:block;animation:fc-drop .16s ease-out} .fc-shdr-wrap .fc-hd-cart__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px} .fc-shdr-wrap .fc-hd-cart__title{font-weight:800;font-size:16px;color:#1f3a3a} .fc-shdr-wrap .fc-hd-cart__body{max-height:500px;overflow-y:auto} /* wspólne: lista pozycji koszyka */ .fc-shdr-wrap .fc-cart-list{padding:0 8px} .fc-shdr-wrap .fc-cart-item{display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:12px} .fc-shdr-wrap .fc-cart-item:hover{background:#f4fafa} .fc-shdr-wrap .fc-cart-thumb{width:52px;height:52px;border-radius:11px;flex:none;background:#2aa9d6;display:flex;align-items:center;justify-content:center;overflow:hidden} .fc-shdr-wrap .fc-cart-thumb__img{width:100%;height:100%;object-fit:cover;display:block} .fc-shdr-wrap .fc-cart-thumb__ph{color:#fff} .fc-shdr-wrap .fc-cart-item__mid{flex:1;min-width:0} .fc-shdr-wrap .fc-cart-item__name{font-weight:700;font-size:14px;color:#1f3a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fc-shdr-wrap .fc-cart-item__meta{font-size:12px;color:#8aa3a3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fc-shdr-wrap .fc-cart-item__qty{font-size:13px;font-weight:700;color:#5a7373;margin-top:3px} .fc-shdr-wrap .fc-cart-item__line{font-weight:800;font-size:14px;color:#1f3a3a;white-space:nowrap} .fc-shdr-wrap .fc-cart-item__rm{width:26px;height:26px;padding:0;border-radius:8px;border:none;background:transparent;color:#b9cccc;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none} .fc-shdr-wrap .fc-cart-item__rm:hover{background:#ffeef4;color:var(--fc-magenta,#e5117c)} .fc-shdr-wrap .fc-cart-item.is-removing{opacity:.5;pointer-events:none} .fc-shdr-wrap .fc-cart-empty{padding:34px 20px;text-align:center;color:#8aa3a3;font-size:14px;font-weight:600} /* wspólne: stopka mini-koszyka */ .fc-shdr-wrap .fc-cart-foot{padding:14px 20px 18px;border-top:1px solid #eef2f2} .fc-shdr-wrap .fc-cart-foot__sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px} .fc-shdr-wrap .fc-cart-foot__sum span{font-size:14px;font-weight:600;color:#5a7373} .fc-shdr-wrap .fc-cart-foot__sum b{font-size:20px;font-weight:800;color:#1f3a3a} .fc-shdr-wrap .fc-cart-foot--sheet .fc-cart-foot__sum b{font-size:22px} .fc-shdr-wrap .fc-cart-foot__cta{display:flex;gap:10px} .fc-shdr-wrap .fc-cta{flex:1;text-align:center;padding:12px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none} .fc-shdr-wrap .fc-cart-foot--sheet .fc-cta{padding:14px;border-radius:13px;font-size:15px} .fc-shdr-wrap .fc-cta--ghost{color:#1f3a3a;background:#eef7f7} .fc-shdr-wrap .fc-cta--ghost:hover{background:#e2f0f0;color:#1f3a3a} .fc-shdr-wrap .fc-cta--mag{color:#fff;background:var(--fc-magenta,#e5117c);font-weight:800} .fc-shdr-wrap .fc-cta--mag:hover{background:#c60f6c;color:#fff} .fc-shdr-wrap .fc-cta--wide{flex:1.4} /* =========================== MOBILE ================================== */ .fc-shdr-wrap .fc-shdr--mobile{height:64px;display:none;align-items:center;justify-content:space-between;padding:0 16px} .fc-shdr-wrap .fc-mbtn{width:42px;height:42px;padding:0;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;flex:none} .fc-shdr-wrap .fc-mact{display:flex;align-items:center;gap:4px} .fc-shdr-wrap .fc-mact__a{position:relative;width:42px;height:42px;padding:0;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;cursor:pointer;flex:none} /* overlay */ .fc-shdr-wrap .fc-ov{position:fixed;inset:0;background:rgba(20,45,45,.45);z-index:1000;display:none} .fc-shdr-wrap .fc-ov.is-open{display:block;animation:fc-fade .18s ease-out} /* drawer */ .fc-shdr-wrap .fc-drawer{position:fixed;top:0;left:0;bottom:0;width:310px;max-width:86vw;background:#fff;z-index:1001;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .22s ease-out;font-family:'Poppins',sans-serif} .fc-shdr-wrap .fc-drawer.is-open{transform:translateX(0)} .fc-shdr-wrap .fc-drawer__head{background:#92cfce;padding:20px;display:flex;align-items:center;justify-content:space-between} .fc-shdr-wrap .fc-drawer__head span{font-weight:800;font-size:17px;color:#fff} .fc-shdr-wrap .fc-drawer__x{width:34px;height:34px;padding:0;border:none;background:rgba(255,255,255,.2);border-radius:9px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center} .fc-shdr-wrap .fc-drawer__body{flex:1;overflow-y:auto;padding:10px 12px} .fc-shdr-wrap .fc-drawer__link{display:flex;align-items:center;gap:12px;padding:14px 12px;font-weight:700;font-size:16px;color:#1f3a3a;text-decoration:none;border-radius:12px} .fc-shdr-wrap .fc-drawer__link:hover{background:#eef7f7;color:#1f3a3a} .fc-shdr-wrap .ic-cyan{color:#2aa9d6} .fc-shdr-wrap .ic-mag{color:var(--fc-magenta,#e5117c)} .fc-shdr-wrap .fc-drawer__cap{margin-top:6px;padding:0 12px 6px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9bb3b3} .fc-shdr-wrap .fc-drawer__catbtn{width:100%;display:flex;align-items:center;gap:11px;padding:13px 12px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;color:#1f3a3a;border-radius:12px;text-decoration:none} .fc-shdr-wrap .fc-drawer__catbtn:hover{background:#eef7f7;color:#1f3a3a} .fc-shdr-wrap .fc-drawer__catname{flex:1;text-align:left} .fc-shdr-wrap .fc-drawer__sub{display:none;padding:0 0 6px 32px} .fc-shdr-wrap .fc-drawer__cat.is-open .fc-drawer__sub{display:block;animation:fc-acc .22s ease-out} .fc-shdr-wrap .fc-drawer__sub a{display:block;padding:9px 12px;font-size:14px;font-weight:500;color:#5a7373;text-decoration:none;border-radius:9px} .fc-shdr-wrap .fc-drawer__sub a:hover{background:#f4fafa;color:#1f3a3a} .fc-shdr-wrap .fc-drawer__foot{padding:14px;border-top:1px solid #eef2f2} .fc-shdr-wrap .fc-drawer__acct{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:#eef7f7;color:#1f3a3a;font-weight:700;font-size:14px;text-decoration:none} /* sheet (mobilny mini-koszyk) */ .fc-shdr-wrap .fc-sheet{position:fixed;left:0;right:0;bottom:0;max-height:88%;background:#fff;border-radius:24px 24px 0 0;z-index:1001;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .24s ease-out;font-family:'Poppins',sans-serif} .fc-shdr-wrap .fc-sheet.is-open{transform:translateY(0)} .fc-shdr-wrap .fc-sheet__grip{margin:14px auto 6px;width:40px;height:4px;border-radius:2px;background:#dbe7e7} .fc-shdr-wrap .fc-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 14px} .fc-shdr-wrap .fc-sheet__title{font-weight:800;font-size:17px;color:#1f3a3a} .fc-shdr-wrap .fc-sheet__body{overflow-y:auto} /* mobilny sheet: usuwanie pozycji tylko przez „Koszyk" (makieta nie ma przycisku „usuń" w wierszu) */ .fc-shdr-wrap .fc-sheet .fc-cart-item__rm{display:none} @keyframes fc-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} @keyframes fc-fade{from{opacity:0}to{opacity:1}} @keyframes fc-acc{from{opacity:0;max-height:0}to{opacity:1;max-height:320px}} /* przełącznik desktop/mobile */ @media (max-width:1024px){ .fc-shdr-wrap .fc-shdr--desktop{display:none} .fc-shdr-wrap .fc-shdr--mobile{display:flex} } /* ===================== Pasek górny (topbar) ===================== */ .fc-shdr-wrap{position:relative} /* Przyklejony nagłówek (sticky) — steruje panel „Menu i nagłówek". Offset pod paskiem admina WP. Uwaga: pasek admina jest `fixed` tylko ≥783px (32px). Na ≤782px WP daje mu `position:absolute` i odjeżdża z przewijaniem → offset MUSI być 0, inaczej zostaje luka nad nagłówkiem. */ body.fc-sticky-hd #fc-shop-header{position:sticky;top:0;z-index:50} body.fc-sticky-hd.admin-bar #fc-shop-header{top:32px} @media screen and (max-width:782px){body.fc-sticky-hd.admin-bar #fc-shop-header{top:0}} .fc-shdr-wrap .fc-topbar{background:#173535;width:100%;position:relative;z-index:21;font-family:'Poppins',sans-serif} .fc-shdr-wrap .fc-topbar__in{max-width:1368px;margin:0 auto;min-height:40px;padding:0 40px;display:flex;align-items:center;justify-content:center;gap:22px} .fc-shdr-wrap .fc-topbar__phone{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap} .fc-shdr-wrap .fc-topbar__phico{color:#f4d400;flex:none} .fc-shdr-wrap .fc-topbar__sep{width:1px;height:15px;background:rgba(255,255,255,.22);flex:none} .fc-shdr-wrap .fc-topbar__promo{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:13px;letter-spacing:.2px;min-width:0} .fc-shdr-wrap .fc-topbar__prico{color:#f4d400;flex:none} .fc-shdr-wrap .fc-topbar__promotx{color:#fff} /* ===================== Wyszukiwarka: przycisk w nagłówku ===================== */ .fc-shdr-wrap .fc-shsearch{width:46px;height:46px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s;flex:none} .fc-shdr-wrap .fc-shsearch:hover{background:rgba(255,255,255,.32)} .fc-shdr-wrap .fc-shsearch--field{width:auto;height:44px;border-radius:12px;gap:9px;padding:0 16px;background:#fff;color:#9bb3b3;font-family:inherit;font-weight:600;font-size:14px;white-space:nowrap} .fc-shdr-wrap .fc-shsearch--field:hover{background:#fff} /* ===================== Wyszukiwarka: overlay desktop ===================== */ .fc-shdr-wrap .fc-search{position:absolute;left:0;right:0;top:100%;z-index:31;background:#fff;box-shadow:0 24px 60px rgba(20,45,45,.24);font-family:'Poppins',sans-serif} .fc-shdr-wrap .fc-search[hidden]{display:none} .fc-shdr-wrap .fc-search.is-open{animation:fc-drop .2s ease-out} .fc-shdr-wrap .fc-search__in{max-width:1368px;margin:0 auto;padding:26px 40px 34px} .fc-shdr-wrap .fc-search__row{display:flex;align-items:center;gap:14px} .fc-shdr-wrap .fc-search__box{flex:1;display:flex;align-items:center;gap:13px;background:#f4f8f8;border:2px solid #92cfce;border-radius:16px;padding:0 18px;height:60px;min-width:0} .fc-shdr-wrap .fc-search__ic{color:#1f8f8d;flex:none} .fc-shdr-wrap .fc-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:19px;font-weight:600;color:#173535} .fc-shdr-wrap .fc-search__clear{width:30px;height:30px;padding:0;border:none;background:#e3ecec;border-radius:50%;color:#5a7373;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none} .fc-shdr-wrap .fc-search__clear[hidden],.fc-shdr-wrap .fc-msearch__clear[hidden]{display:none} .fc-shdr-wrap .fc-search__cancel{border:none;background:transparent;font-family:inherit;font-weight:700;font-size:15px;color:#5a7373;cursor:pointer;padding:10px 8px} .fc-shdr-wrap .fc-search__cancel:hover{color:#173535} .fc-shdr-wrap .fc-search__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin-top:26px} .fc-shdr-wrap .fc-search__cap{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9bb3b3;margin-bottom:12px} .fc-shdr-wrap .fc-search__cap--mt{margin-top:26px} .fc-shdr-wrap .fc-search__chips{display:flex;flex-wrap:wrap;gap:9px} .fc-shdr-wrap .fc-search__chip{display:inline-flex;align-items:center;gap:7px;background:#f0f7f7;border:1px solid #e0ecec;border-radius:999px;padding:9px 15px;font-family:inherit;font-weight:600;font-size:13.5px;color:#1f3a3a;cursor:pointer;text-decoration:none} .fc-shdr-wrap .fc-search__chip:hover{border-color:#92cfce;background:#e6f2f2} .fc-shdr-wrap .fc-search__chip svg{color:#8aa3a3} .fc-shdr-wrap .fc-search__catlist{display:flex;flex-direction:column;gap:2px} .fc-shdr-wrap .fc-search__cat{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-decoration:none;color:#173535} .fc-shdr-wrap .fc-search__cat:hover{background:#f4fafa} .fc-shdr-wrap .fc-search__cat .fc-cats__dot{width:11px;height:11px} .fc-shdr-wrap .fc-search__catname{font-weight:600;font-size:15px;flex:1} .fc-shdr-wrap .fc-search__cat svg{color:#c2d2d2;flex:none} .fc-shdr-wrap .fc-search__sug{display:flex;flex-direction:column;gap:8px} .fc-shdr-wrap .fc-search__sugitem{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:13px;text-decoration:none;border:1px solid #eef2f2} .fc-shdr-wrap .fc-search__sugitem:hover{border-color:#92cfce;background:#f8fcfc} .fc-shdr-wrap .fc-search__thumb{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden} .fc-shdr-wrap .fc-search__thumbimg{width:100%;height:100%;object-fit:cover} .fc-shdr-wrap .fc-search__sugmid{flex:1;min-width:0} .fc-shdr-wrap .fc-search__sugname{font-weight:700;font-size:14.5px;color:#173535} .fc-shdr-wrap .fc-search__sugcat{font-size:12.5px;color:#8aa3a3;margin-top:2px} .fc-shdr-wrap .fc-search__sugprice{font-weight:800;font-size:13.5px;color:#1f8f8d;white-space:nowrap} .fc-shdr-wrap .fc-search__empty{padding:26px 20px;text-align:center;border:1px dashed #dbe7e7;border-radius:13px} .fc-shdr-wrap .fc-search__emptyt{font-weight:700;font-size:15px;color:#173535} .fc-shdr-wrap .fc-search__emptys{font-size:13px;color:#8aa3a3;margin:6px 0 0} .fc-shdr-wrap .fc-ov--search{position:fixed;inset:0;background:rgba(15,40,40,.42);z-index:30;display:none} .fc-shdr-wrap .fc-ov--search.is-open{display:block;animation:fc-fade .16s ease-out} /* ===================== Wyszukiwarka: overlay mobile (pełny ekran) ===================== */ .fc-shdr-wrap .fc-msearch{position:fixed;inset:0;z-index:60;background:#f4f8f8;display:flex;flex-direction:column;font-family:'Poppins',sans-serif} /* Pasek admina WP (z-index 99999) zasłaniałby górę overlaya — offset dla zalogowanych. */ body.admin-bar .fc-shdr-wrap .fc-msearch{top:32px} @media screen and (max-width:782px){body.admin-bar .fc-shdr-wrap .fc-msearch{top:46px}} .fc-shdr-wrap .fc-msearch[hidden]{display:none} /* Stan pusty „Czego szukasz?" (1:1 z projektem) — przed popularnymi frazami. */ .fc-shdr-wrap .fc-msearch__empty{text-align:center;padding:10px 16px 24px} .fc-shdr-wrap .fc-msearch__emptyic{width:58px;height:58px;margin:0 auto 13px;border-radius:17px;background:#fff;border:1px solid #e0ecec;display:flex;align-items:center;justify-content:center;color:#1f8f8d;box-shadow:0 6px 18px rgba(31,143,141,.1)} .fc-shdr-wrap .fc-msearch__emptyt{font-weight:700;font-size:17px;color:#173535} .fc-shdr-wrap .fc-msearch__emptys{font-size:13px;color:#8aa3a3;margin:6px auto 0;max-width:250px;line-height:1.5} .fc-shdr-wrap .fc-msearch__emptys b{color:#5a7373} .fc-shdr-wrap .fc-msearch.is-open{animation:fc-fade .16s ease-out} .fc-shdr-wrap .fc-msearch__bar{flex:none;background:#92cfce;padding:12px 12px 14px;display:flex;align-items:center;gap:10px} .fc-shdr-wrap .fc-msearch__back{width:40px;height:40px;padding:0;flex:none;border:none;background:transparent;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer} .fc-shdr-wrap .fc-msearch__box{flex:1;display:flex;align-items:center;gap:9px;background:#fff;border-radius:13px;padding:0 14px;height:46px;min-width:0} .fc-shdr-wrap .fc-msearch__ic{color:#1f8f8d;flex:none} .fc-shdr-wrap .fc-msearch__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;font-weight:600;color:#173535} .fc-shdr-wrap .fc-msearch__clear{width:26px;height:26px;padding:0;flex:none;border:none;background:#e3ecec;border-radius:50%;color:#5a7373;cursor:pointer;display:flex;align-items:center;justify-content:center} .fc-shdr-wrap .fc-msearch__scroll{flex:1;min-height:0;overflow-y:auto;padding:16px} .fc-shdr-wrap .fc-msearch__cat{display:flex;align-items:center;gap:12px;padding:13px 4px;text-decoration:none;color:#173535;border-bottom:1px solid #eef2f2} .fc-shdr-wrap .fc-msearch__cat .fc-cats__dot{width:11px;height:11px} .fc-shdr-wrap .fc-msearch__catname{font-weight:600;font-size:15px;flex:1} .fc-shdr-wrap .fc-msearch__cat svg{color:#c2d2d2;flex:none} .fc-shdr-wrap .fc-msearch__sug{display:flex;flex-direction:column;gap:8px} .fc-shdr-wrap .fc-msearch__sug[hidden]{display:none} /* topbar responsywnie: telefon po lewej (border), promo wyśrodkowane */ @media (max-width:1024px){ .fc-shdr-wrap .fc-topbar__in{justify-content:flex-start;gap:0;min-height:30px;padding:0} .fc-shdr-wrap .fc-topbar__phone{padding:0 12px;font-size:11px;border-right:1px solid rgba(255,255,255,.12);align-self:stretch} .fc-shdr-wrap .fc-topbar__sep{display:none} .fc-shdr-wrap .fc-topbar__promo{flex:1;justify-content:center;padding:5px 10px;font-size:10.5px} .fc-shdr-wrap .fc-topbar__promotx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } /* wąskie ekrany: overlay desktop składa się do jednej kolumny */ @media (max-width:720px){ .fc-shdr-wrap .fc-search__grid{grid-template-columns:1fr;gap:22px} } /* Astra daje #primary 60px marginesu gora/dol na >=1200px — na stronach sklepu (.fc-root) ma byc 20px. klasy ast-* sa na BODY — selektor musi byc body.ast-…:has(.fc-root) (1,3,1) i bije regule Astry (1,2,0); wzorzec jak fix karty produktu z v1.2.44. */ @media (min-width:1200px){ body.ast-plain-container.ast-no-sidebar:has(.fc-root) #primary{margin-top:20px;margin-bottom:20px} }