:root{ --bg:#FFFFFF; --bg-soft:#F7F6F4; --ink:#131211; --ink-soft:#6B6862; --line:#EAE7E1; --line-strong:#DAD5CC; --amber:#FE9900; --amber-deep:#E27F00; --amber-tint:#FFF1DE; /* Przyciemniony odcień pomarańczu, wyłącznie do TEKSTU/ikon na jasnym tle — --amber i --amber-deep świetnie się sprawdzają jako tło/obramowanie/ikony na białym tle z białym tekstem, ale same jako kolor tekstu nie spełniają minimalnego kontrastu WCAG AA (4.5:1). Ten odcień zachowuje ten sam odcień marki i przechodzi kontrast (5.06:1 na bieli, 4.55:1 na amber-tint). */ --amber-text:#9F6000; /* Jaśniejszy wariant WYŁĄCZNIE do dużego, pogrubionego tekstu (np. akcent w hero) — WCAG wymaga dla dużego tekstu (≥24px pogrubione) tylko 3:1, nie 4,5:1, więc może być bliżej oryginalnego, żywego pomarańczu z logo niż --amber-text. */ --amber-large:#D68100; } *{box-sizing:border-box; margin:0; padding:0;} html{ scroll-behavior:smooth; } body{ background:var(--bg); color:var(--ink); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; } /* Ograniczenie przewijania w bok żyje TYLKO na #page-wrap, który celowo NIE obejmuje

— nagłówek zostaje bezpośrednim dzieckiem , bez żadnego ograniczenia overflow na żadnym przodku, bo inaczej position:sticky przestaje działać (udokumentowana zależność w specyfikacji CSS: ograniczenie overflow na jednej osi wymusza zmianę drugiej osi, i to działa na OBLICZONEJ wartości, nawet jeśli wpiszemy ją jawnie). */ #page-wrap{ overflow-x:hidden; width:100%; max-width:100vw; } h1,h2,h3{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; letter-spacing:-0.02em; } a{ color:inherit; text-decoration:none; } button{ font-family:inherit; cursor:pointer; } img{ max-width:100%; display:block; } .img-fallback{ width:100%; height:100%; min-height:220px; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; background:linear-gradient(150deg,#F4F1EA,#E6DCC8 55%,#D2C09E); color:var(--ink-soft); font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; font-size:14px; } .wrap{ max-width:1280px; margin:0 auto; padding:0 32px; } /* ---------- header ---------- */ #site-header{ position:sticky; top:0; z-index:100; background:rgba(255,255,255,0.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); transition:box-shadow .25s ease; } #site-header.scrolled{ box-shadow:0 8px 24px rgba(19,18,17,0.06); } .topbar{ background:var(--ink); color:#fff; font-size:12.5px; padding:9px 20px; letter-spacing:0.02em; display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; } .topbar-phone{ display:inline-flex; align-items:center; gap:6px; color:#fff; font-weight:700; white-space:nowrap; opacity:.95; transition:opacity .15s ease; } .topbar-phone:hover{ opacity:1; text-decoration:underline; } .topbar-phone svg{ color:var(--amber); flex-shrink:0; } .topbar b{ color:var(--amber); } .nav{ display:flex; align-items:center; justify-content:space-between; height:78px; gap:28px; } .logo img{ height:34px; display:block; } .nav-links{ display:flex; gap:8px; font-size:14.5px; font-weight:500; flex:1; justify-content:center; } .nav-links ul{ list-style:none; display:flex; gap:6px; } .nav-links a{ position:relative; padding:10px 14px; border-radius:9px; display:inline-block; transition:background .18s ease, color .18s ease; } .nav-links a:hover{ background:var(--bg-soft); color:var(--amber-text); } .nav-icons{ display:flex; gap:6px; align-items:center; } .hamburger{ display:none; } /* ---------- mobilne menu ---------- */ .mobile-nav-overlay{ position:fixed; inset:0; background:rgba(19,18,17,0.5); z-index:400; display:none; } .mobile-nav-overlay.open{ display:block; } .mobile-nav-panel{ position:absolute; top:0; left:0; bottom:0; width:82%; max-width:340px; background:#fff; display:flex; flex-direction:column; transform:translateX(-100%); animation:slideIn .25s ease forwards; } @keyframes slideIn{ to{ transform:translateX(0); } } .mobile-nav-head{ display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid var(--line); } .mobile-nav-head img{ height:28px; } .mobile-nav-head button{ border:none; background:none; color:var(--ink); cursor:pointer; } .mobile-nav-links ul{ list-style:none; display:flex; flex-direction:column; padding:12px; } .mobile-nav-links a{ display:block; padding:14px 12px; font-size:16px; font-weight:600; border-radius:10px; } .mobile-nav-links a:hover{ background:var(--bg-soft); } .mobile-nav-foot{ margin-top:auto; padding:20px; border-top:1px solid var(--line); display:flex; gap:16px; } .mobile-nav-foot a{ font-size:14px; font-weight:600; color:var(--ink-soft); } .icon-btn{ position:relative; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:var(--ink); transition:background .18s ease, color .18s ease; border:none; background:none; cursor:pointer; flex-shrink:0; } .icon-btn svg{ width:20px; height:20px; display:block; flex-shrink:0; } .icon-btn:hover{ background:var(--amber-tint); color:var(--amber-text); } .icon-btn .count{ position:absolute; top:2px; right:2px; background:var(--amber); color:var(--ink); font-size:9.5px; font-weight:700; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; } .search-drawer{ max-height:0; overflow:hidden; border-bottom:1px solid transparent; transition:max-height .25s ease, border-color .25s ease; background:var(--bg-soft); } .search-drawer.open{ max-height:90px; border-color:var(--line); } .search-drawer .wrap{ padding:18px 32px; } .elden-search-form{ display:flex; gap:10px; max-width:520px; } .elden-search-form input[type="search"]{ flex:1; padding:13px 16px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; background:#fff; -webkit-appearance:none; } .elden-search-form button{ width:48px; height:48px; flex-shrink:0; border-radius:10px; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; border:none; cursor:pointer; } .elden-search-form button:hover{ background:var(--amber-deep); } /* ---------- hero ---------- */ .hero{ padding:64px 0 0; } .hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; } .badge{ display:inline-flex; align-items:center; gap:8px; background:var(--amber-tint); color:var(--amber-text); font-size:12.5px; font-weight:600; padding:8px 14px; border-radius:100px; margin-bottom:22px; } .badge::before{ content:"●"; font-size:8px; } .hero h1{ font-size:clamp(36px,4.4vw,54px); line-height:1.1; margin-bottom:18px; } .hero h1 .accent{ color:var(--amber-large); } .hero p{ font-size:16px; line-height:1.6; color:var(--ink-soft); max-width:440px; margin-bottom:28px; } .btn-row{ display:flex; gap:14px; } .btn,.button,.checkout-button,.single_add_to_cart_button{ display:inline-flex; align-items:center; gap:10px; background:var(--ink)!important; color:#fff!important; padding:16px 28px; font-size:14.5px; font-weight:600; border-radius:12px; border:none; transition:transform .15s ease, background .2s ease; } .btn:hover,.button:hover,.checkout-button:hover,.single_add_to_cart_button:hover{ background:var(--amber-deep)!important; transform:translateY(-2px); } .btn-ghost{ background:transparent!important; color:var(--ink)!important; border:1.5px solid var(--line-strong); } /* Reguła obowiązująca w całym sklepie: "Dodaj do koszyka" zawsze czarny (domyślne .btn powyżej), "Kup teraz" zawsze pomarańczowy — ta klasa nadpisuje czerń tam, gdzie "Kup teraz" korzysta z ogólnej klasy .btn (np. strona produktu). */ .buy-now-trigger{ background:var(--amber)!important; color:var(--ink)!important; } .buy-now-trigger:hover{ background:var(--amber-deep)!important; color:#fff!important; } .hero-quicklinks{ display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; } .hero-pill{ padding:9px 16px; border-radius:100px; border:1.5px solid var(--line-strong); font-size:13px; font-weight:600; transition:border-color .18s ease, background .18s ease; } .hero-pill:hover{ border-color:var(--amber); background:var(--amber-tint); color:var(--amber-text); } .hero-pill.is-active{ background:var(--ink); border-color:var(--ink); color:#fff; } .shop-cats{ display:flex; gap:10px; flex-wrap:wrap; margin:22px 0 34px; } .hero-stats{ display:grid; grid-template-columns:repeat(4,auto); gap:28px; margin-top:30px; padding-top:26px; border-top:1px solid var(--line); } .hero-stats .stat b{ display:block; font-family:'Plus Jakarta Sans',sans-serif; font-size:19px; } .hero-stats .stat span{ font-size:12.5px; color:var(--ink-soft); } .hero-visual{ position:relative; aspect-ratio:1/1; border-radius:24px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(19,18,17,0.18); background:var(--bg-soft); } .hero-slide{ position:absolute; inset:0; opacity:0; transition:opacity .5s ease; pointer-events:none; } .hero-slide.is-active{ opacity:1; pointer-events:auto; } .hero-slide img,.hero-slide .img-fallback{ width:100%; height:100%; object-fit:contain; padding:28px; box-sizing:border-box; } .hero-dots{ position:absolute; bottom:20px; right:20px; display:flex; gap:7px; z-index:2; } .hero-dot{ width:8px; height:8px; border-radius:50%; background:rgba(19,18,17,0.2); border:none; cursor:pointer; padding:0; transition:background .2s ease, width .2s ease; } .hero-dot.is-active{ background:var(--amber); width:22px; border-radius:5px; } .float-card{ position:absolute; bottom:20px; left:20px; background:#fff; border-radius:14px; padding:12px 16px; box-shadow:0 20px 40px rgba(19,18,17,0.14); } .float-card b{ display:block; font-size:13px; } .float-card span{ font-size:11.5px; color:var(--ink-soft); } /* ---------- strip / trust ---------- */ .strip{ padding:60px 0 0; } .strip-inner{ display:flex; justify-content:space-between; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; flex-wrap:wrap; gap:16px; } .strip-inner span{ font-size:13px; color:var(--ink-soft); font-weight:500; } .strip-inner b{ color:var(--ink); } .trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:0; } .trust-card{ background:var(--bg-soft); border-radius:18px; padding:26px 22px; display:flex; flex-direction:column; gap:12px; } .trust-card .ticon{ width:44px; height:44px; min-width:44px; min-height:44px; border-radius:12px; background:var(--amber-tint); display:flex; align-items:center; justify-content:center; overflow:hidden; } .trust-card .ticon svg{ width:22px !important; height:22px !important; display:block; color:var(--amber-text); } .trust-card b{ font-size:15px; font-family:'Plus Jakarta Sans',sans-serif; } .trust-card span{ font-size:13.5px; color:var(--ink-soft); } /* ---------- shop / product grid ---------- */ .shop{ padding:90px 0 0; } .section-head{ margin-bottom:36px; max-width:600px; } .section-head h1,.section-head h2{ font-size:30px; margin-bottom:10px; } .section-head p{ color:var(--ink-soft); font-size:15px; line-height:1.6; } .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .card{ border-radius:20px; overflow:hidden; border:1px solid #e9e5de; transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease; display:flex; flex-direction:column; background:#fff; } .card:hover{ border-color:#d9d2c7; box-shadow:0 24px 48px -20px rgba(19,18,17,0.16); transform:translateY(-3px); } .card-media-link{ display:flex; flex:1; flex-direction:column; min-height:0; } .card-photo{ position:relative; flex-shrink:0; aspect-ratio:1/1; overflow:hidden; background:var(--bg-soft); } .card-photo img{ display:block; width:100%; height:100%; object-fit:contain; padding:0; box-sizing:border-box; } .card-photo .tag{ position:absolute; top:12px; left:12px; background:var(--ink); color:#fff; font-size:10.5px; font-weight:700; padding:6px 11px; border-radius:100px; } .card-body{ display:flex; flex:1; flex-direction:column; padding:18px 18px 0; } .card h3{ min-height:66px; font-size:16px; font-weight:650; line-height:1.36; letter-spacing:-.015em; margin:0; } .card-specs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:72px; gap:9px 14px; margin-top:12px; padding:12px 0 14px; border-top:1px solid #ece8e1; color:var(--ink-soft); font-size:11.5px; line-height:1.35; } .card-specs span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .card-specs span:last-child:nth-child(odd){ grid-column:1/-1; } .card-specs b{ display:block; margin-bottom:3px; color:#9c968d; font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; } .price-row{ display:flex; align-items:center; justify-content:space-between; min-height:54px; margin-top:auto; padding-top:12px; border-top:1px solid #ece8e1; } .price{ font-family:'Plus Jakarta Sans',sans-serif; font-size:18px; font-weight:700; letter-spacing:-.025em; } .price-stack{ min-width:0; } .card-price-shipping{ display:block; margin-top:2px; color:#77716a; font-size:10.5px; font-weight:500; line-height:1.25; } .card-price-shipping .woocommerce-Price-amount{ font-weight:700; } .stock{ font-size:11px; color:#1B7E50; font-weight:600; } .more-row{ text-align:center; margin-top:36px; } .card-actions{ display:flex; gap:8px; padding:12px 18px 18px; margin-top:auto; } .quick-add-btn{ flex:1; padding:11px 10px; border-radius:10px; border:1.5px solid var(--line-strong); background:#fff; font-size:12.5px; font-weight:600; text-align:center; color:var(--ink); transition:border-color .18s ease, background .18s ease, transform .15s ease, box-shadow .18s ease; cursor:pointer; } .quick-add-btn:hover{ border-color:var(--ink); transform:translateY(-1px); box-shadow:0 4px 12px rgba(19,18,17,0.1); } .card-buy-now{ flex:1; padding:11px 10px; border-radius:10px; border:none; background:var(--amber); color:var(--ink); font-size:12.5px; font-weight:700; cursor:pointer; transition:background .18s ease, transform .15s ease, box-shadow .18s ease; } .card-buy-now:hover{ background:var(--amber-deep); transform:translateY(-1px); box-shadow:0 4px 12px rgba(254,153,0,0.3); } /* ---------- shop archive with filters ---------- */ .shop-body{ display:grid; grid-template-columns:240px 1fr; gap:44px; margin-top:30px; } .mobile-filter-toggle{ display:none; } .filters{ background:var(--bg-soft); border-radius:18px; padding:24px; align-self:start; } .f-group{ border-bottom:1px solid var(--line-strong); padding:18px 0; } .f-group:first-child{ padding-top:0; } .f-group:last-child{ border-bottom:none; } .f-title{ font-size:12px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:14px; } .f-option{ display:flex; align-items:center; gap:10px; font-size:14px; padding:6px 0; } .toolbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; font-size:14px; color:var(--ink-soft); } .load-more-sentinel{ text-align:center; padding:40px 0 10px; } .load-more-spinner{ font-size:13.5px; color:var(--ink-soft); } .load-more-spinner::before{ content:""; display:inline-block; width:14px; height:14px; border:2px solid var(--line-strong); border-top-color:var(--amber); border-radius:50%; margin-right:8px; vertical-align:-2px; animation:spin .7s linear infinite; } @keyframes spin{ to{ transform:rotate(360deg); } } .load-more-end{ font-size:13px; color:var(--ink-soft); } /* ---------- single product ---------- */ .product-top{ padding:44px 0 0; } .p-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:64px; align-items:start; } .gallery{ position:sticky; top:96px; min-width:0; } .main-shot{ position:relative; aspect-ratio:1/1; border-radius:20px; overflow:hidden; background:var(--bg-soft); cursor:zoom-in; } .gallery-slide{ position:absolute; inset:0; opacity:0; transition:opacity .3s ease; pointer-events:none; } .gallery-slide.is-active{ opacity:1; pointer-events:auto; } .gallery-slide img{ width:100%; height:100%; object-fit:contain; padding:32px; box-sizing:border-box; } .gallery-zoom{ position:absolute; bottom:14px; right:14px; width:38px; height:38px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 16px rgba(19,18,17,0.14); color:var(--ink); z-index:2; } .gallery-zoom:hover{ background:var(--amber-tint); color:var(--amber-text); } .gallery-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 16px rgba(19,18,17,0.14); color:var(--ink); z-index:2; } .gallery-arrow:hover{ background:var(--amber-tint); color:var(--amber-text); } .gallery-arrow.prev{ left:14px; } .gallery-arrow.next{ right:14px; } .thumbs{ display:flex; gap:10px; margin-top:14px; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:2px; } .thumbs::-webkit-scrollbar{ display:none; } .thumb{ flex-shrink:0; } .thumb{ width:76px; height:76px; border-radius:12px; cursor:pointer; border:2px solid transparent; background-color:var(--bg-soft); padding:6px; box-sizing:border-box; } .thumb img{ width:100%; height:100%; object-fit:contain; display:block; } .thumb.is-active{ border-color:var(--amber); } /* lightbox — powiększenie zdjęcia na pełny ekran */ .lightbox{ position:fixed; inset:0; background:rgba(19,18,17,0.94); z-index:500; display:none; align-items:center; justify-content:center; } .lightbox.open{ display:flex; } .lightbox-stage{ position:relative; width:min(90vw,900px); height:min(85vh,900px); } .lightbox-slide{ position:absolute; inset:0; opacity:0; transition:opacity .25s ease; pointer-events:none; } .lightbox-slide.is-active{ opacity:1; pointer-events:auto; } .lightbox-slide img{ width:100%; height:100%; object-fit:contain; } .lightbox-close{ position:absolute; top:22px; right:22px; width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,0.12); border:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; } .lightbox-close:hover{ background:rgba(255,255,255,0.22); } .lightbox-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,0.12); border:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; } .lightbox-arrow:hover{ background:rgba(255,255,255,0.22); } .lightbox-arrow.prev{ left:24px; } .lightbox-arrow.next{ right:24px; } @media (max-width:640px){ .lightbox-stage{ width:94vw; height:70vh; } .lightbox-arrow{ width:40px; height:40px; } .lightbox-arrow.prev{ left:10px; } .lightbox-arrow.next{ right:10px; } } .p-info{ padding-top:6px; position:sticky; top:96px; min-width:0; } .badge-row{ display:flex; gap:8px; margin-bottom:16px; } .pbadge{ font-size:11.5px; font-weight:700; padding:6px 12px; border-radius:100px; } .pbadge.stock{ background:#E7F6EE; color:#1B7E50; } .pbadge.new{ background:var(--amber-tint); color:var(--amber-text); } .ptitle{ font-size:32px; line-height:1.15; margin-bottom:10px; } .rating{ margin-bottom:18px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .rating-count{ font-size:13px; color:var(--ink-soft); text-decoration:underline; } .rating-count:hover{ color:var(--ink); } .price-block{ margin-bottom:16px; } .price-block .now,.price-block .amount{ font-size:34px; font-weight:800; font-family:'Plus Jakarta Sans',sans-serif; } .price-with-shipping{ display:flex; align-items:baseline; gap:6px; font-size:13px; color:var(--ink-soft); margin-top:6px; font-weight:400; } .price-with-shipping .amount,.price-with-shipping .woocommerce-Price-amount{ font-size:13px !important; font-weight:400 !important; color:var(--ink-soft) !important; font-family:'Inter',sans-serif !important; } .quick-facts{ display:flex; gap:22px; flex-wrap:wrap; padding:14px 0; margin-bottom:18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .quick-fact{ display:flex; flex-direction:column; gap:2px; } .quick-fact span{ font-size:11px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.04em; } .quick-fact b{ font-size:13.5px; font-family:'Plus Jakarta Sans',sans-serif; } .feature-checklist{ list-style:none; display:flex; flex-direction:column; gap:9px; margin-bottom:22px; } .feature-checklist li{ display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color:var(--ink-soft); line-height:1.4; } .feature-checklist svg{ flex-shrink:0; margin-top:2px; color:#1B7E50; } .buy-box{ background:var(--bg-soft); border-radius:18px; padding:22px; } .buy-box-trust{ margin-top:18px; padding-top:16px; border-top:1px solid var(--line-strong); display:flex; flex-direction:column; gap:10px; } .ask-box{ margin-top:18px; padding:18px 20px; border:1.5px dashed var(--line-strong); border-radius:16px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; } .ask-box-text b{ display:block; font-size:14px; margin-bottom:2px; } .ask-box-text span{ font-size:12.5px; color:var(--ink-soft); } .ask-box-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:#fff; padding:11px 18px; border-radius:100px; font-size:13.5px; font-weight:600; white-space:nowrap; transition:background .18s ease, transform .15s ease; } .ask-box-btn:hover{ background:var(--amber-deep); transform:translateY(-1px); } .ask-box-btn svg{ color:var(--amber); flex-shrink:0; } .bbt-item{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-soft); } .bbt-item svg{ flex-shrink:0; color:var(--amber-text); } .spec-subhead{ font-size:14px; font-family:'Plus Jakarta Sans',sans-serif; margin:20px 0 10px; } .kit-list{ list-style:none; display:flex; flex-direction:column; gap:8px; font-size:13.5px; color:var(--ink-soft); } .kit-list li{ padding-left:18px; position:relative; } .kit-list li::before{ content:"•"; position:absolute; left:0; color:var(--amber); font-weight:700; } /* native WooCommerce add-to-cart form styling */ .add-to-cart-row{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:16px; } form.cart{ display:flex; gap:12px; align-items:center; margin:0; flex-wrap:wrap; } form.cart .quantity{ display:inline-flex; align-items:center; border:1.5px solid var(--line-strong); border-radius:12px; overflow:hidden; } form.cart .quantity.qty-enhanced .qty{ border:none; border-left:1.5px solid var(--line-strong); border-right:1.5px solid var(--line-strong); border-radius:0; width:52px; -moz-appearance:textfield; } form.cart .quantity.qty-enhanced .qty::-webkit-outer-spin-button, form.cart .quantity.qty-enhanced .qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } .qty-step-btn{ width:42px; height:52px; border:none; background:#fff; font-size:18px; cursor:pointer; color:var(--ink); transition:background .15s ease; flex-shrink:0; } .qty-step-btn:hover{ background:var(--bg-soft); } form.cart .qty{ width:64px; height:52px; border:1.5px solid var(--line-strong); border-radius:12px; text-align:center; font-weight:600; } /* Stepper -/+ wstrzykiwany przez JS w miejsce domyślnych strzałek przeglądarki */ .elden-stepper{ display:flex !important; align-items:center; border:1.5px solid var(--line-strong); border-radius:12px; overflow:hidden; transition:border-color .2s ease; } .elden-stepper:hover{ border-color:var(--amber); } .elden-stepper .qty{ width:52px !important; height:50px !important; border:none !important; border-radius:0 !important; -moz-appearance:textfield; } .elden-stepper .qty::-webkit-outer-spin-button,.elden-stepper .qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } .elden-stepper-btn{ width:44px; height:50px; border:none; background:#fff; font-size:18px; color:var(--ink); cursor:pointer; transition:background .18s ease, color .18s ease; flex-shrink:0; } .elden-stepper-btn:hover{ background:var(--amber-tint); color:var(--amber-text); } .elden-stepper-btn:active{ background:var(--amber); color:var(--ink); } .woocommerce-variation-add-to-cart{ display:flex; gap:12px; } /* Zasada koloru w całym sklepie: "Dodaj do koszyka" = czarny, "Kup teraz" = pomarańczowy — zawsze, wszędzie. */ .btn.buy-now-trigger,.buy-now-trigger.btn{ background:var(--amber); color:var(--ink); } .btn.buy-now-trigger:hover,.buy-now-trigger.btn:hover{ background:var(--amber-deep); color:#fff; } .single_add_to_cart_button{ background:var(--ink) !important; color:#fff !important; } .single_add_to_cart_button:hover{ background:#2A2A29 !important; } /* buy now modal */ .buy-now-modal{ max-width:460px; } .buy-now-summary{ display:flex; align-items:center; gap:12px; background:var(--bg-soft); border-radius:12px; padding:12px; margin:16px 0 20px; } .buy-now-summary img{ width:52px; height:52px; object-fit:contain; border-radius:8px; background:var(--bg-soft); padding:4px; box-sizing:border-box; } .buy-now-summary b{ display:block; font-size:14px; } .buy-now-summary span{ font-size:13px; color:var(--ink-soft); } #buyNowForm{ display:flex; flex-direction:column; gap:12px; } .bn-row{ display:flex; gap:12px; } .bn-row > div{ flex:1; } #buyNowForm input{ padding:13px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; width:100%; } .bn-hint{ font-size:12px; color:var(--ink-soft); text-align:center; margin-top:4px; } .bn-error{ background:#FDECEC; color:#C0392B; font-size:13px; padding:10px 14px; border-radius:10px; } /* ---------- opis + specyfikacja, pełna szerokość pod górną sekcją ---------- */ .product-details{ padding:70px 0 100px; } .product-details .tab-heads{ display:flex; gap:32px; border-bottom:1px solid var(--line); margin-bottom:32px; } .product-details .tab-head{ padding:14px 0; font-size:14.5px; font-weight:600; color:var(--ink-soft); border-bottom:2px solid transparent; cursor:pointer; } .product-details .tab-head.active{ color:var(--ink); border-color:var(--amber); } .product-details .tab-panel{ display:none; max-width:760px; } .product-details .tab-panel.active{ display:block; } .spec-table{ width:100%; border-collapse:collapse; max-width:560px; } .spec-table tr{ border-bottom:1px solid var(--line); } .spec-table td{ padding:11px 0; font-size:13.5px; } .spec-table td:first-child{ color:var(--ink-soft); width:40%; } .spec-table td:last-child{ font-weight:600; } /* opinie — natywny system komentarzy WooCommerce */ .tab-panel .star-rating{ color:var(--amber); } .tab-panel .commentlist{ list-style:none; display:flex; flex-direction:column; gap:18px; margin:18px 0; } .tab-panel .comment_container{ background:var(--bg-soft); border-radius:14px; padding:18px; } .tab-panel .comment-text p.meta{ font-size:12px; color:var(--ink-soft); margin-bottom:6px; } .tab-panel .comment-text .description p{ margin:0; color:var(--ink); } .tab-panel #review_form_wrapper{ margin-top:24px; padding-top:24px; border-top:1px solid var(--line); } .tab-panel #review_form input[type="text"], .tab-panel #review_form input[type="email"], .tab-panel #review_form textarea{ width:100%; padding:12px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; margin-bottom:12px; } .tab-panel #review_form .form-submit input{ background:var(--ink); color:#fff; padding:14px 26px; border-radius:12px; border:none; font-weight:600; cursor:pointer; } .tab-panel .woocommerce-noreviews{ color:var(--ink-soft); font-size:14px; } .tab-panel .comment-form-rating select{ padding:10px; border-radius:8px; border:1.5px solid var(--line-strong); margin-bottom:12px; } /* related */ .related{ padding:0 0 100px; } .rel-track{ display:flex; gap:20px; overflow-x:auto; padding-bottom:10px; } .rel-card{ min-width:220px; } .rel-photo{ aspect-ratio:1/1; border-radius:16px; margin-bottom:12px; overflow:hidden; background:var(--bg-soft); } .rel-photo img{ width:100%; height:100%; object-fit:contain; padding:14px; box-sizing:border-box; } .rel-card h4{ font-size:14px; font-weight:600; } .rel-card span{ font-size:13px; color:var(--ink-soft); } /* sticky add-to-cart bar */ .sticky-bar{ position:fixed; left:0; right:0; bottom:-160px; background:#fff; border-top:1px solid var(--line); box-shadow:0 -12px 34px rgba(19,18,17,0.1); z-index:180; transition:bottom .3s ease; width:100%; box-sizing:border-box; } .sticky-bar.show{ bottom:0; } .sticky-inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 32px; max-width:1280px; margin:0 auto; width:100%; box-sizing:border-box; } .sticky-price-block{ display:flex; flex-direction:column; gap:2px; flex-shrink:0; } .sticky-price{ font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; font-weight:800; white-space:nowrap; } .sticky-price-shipping{ font-size:12px; color:var(--ink-soft); white-space:nowrap; } .sticky-price-shipping .amount,.sticky-price-shipping .woocommerce-Price-amount{ font-size:12px !important; font-weight:400 !important; color:var(--ink-soft) !important; font-family:'Inter',sans-serif !important; } .sticky-qty{ display:flex; align-items:center; border:1.5px solid var(--line-strong); border-radius:12px; overflow:hidden; flex-shrink:0; } .sticky-qty-btn{ width:42px; height:48px; font-size:18px; border:none; background:#fff; cursor:pointer; color:var(--ink); transition:background .15s ease; } .sticky-qty-btn:hover{ background:var(--bg-soft); } .sticky-qty input{ width:52px; height:48px; border:none; border-left:1.5px solid var(--line-strong); border-right:1.5px solid var(--line-strong); text-align:center; font-size:16px; font-weight:600; -moz-appearance:textfield; } .sticky-qty input::-webkit-outer-spin-button,.sticky-qty input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } .sticky-actions{ display:flex; gap:12px; flex:1; min-width:0; } .sticky-row-top{ display:flex; align-items:center; gap:20px; flex-shrink:0; } .sticky-add-cart,.sticky-buy-now{ flex:1; height:52px; border-radius:12px; border:none; font-size:15px; font-weight:700; cursor:pointer; transition:background .2s ease, transform .15s ease, box-shadow .2s ease; white-space:nowrap; } /* Zasada kolorów: "Dodaj do koszyka" zawsze czarny, "Kup teraz" zawsze pomarańczowy — wszędzie na stronie. */ .sticky-add-cart{ background:var(--ink); color:#fff; } .sticky-add-cart:hover{ background:#2A2A29; transform:translateY(-1px); box-shadow:0 6px 16px rgba(19,18,17,0.25); } .sticky-buy-now{ background:var(--amber); color:var(--ink); } .sticky-buy-now:hover{ background:var(--amber-deep); color:#fff; transform:translateY(-1px); box-shadow:0 6px 16px rgba(254,153,0,0.35); } @media (max-width:760px){ .sticky-inner{ flex-direction:column; align-items:stretch; gap:12px; padding:14px 16px; } .sticky-row-top{ justify-content:space-between; } .sticky-actions{ width:100%; } .sticky-add-cart,.sticky-buy-now{ font-size:13.5px; padding:0 8px; } } @media (max-width:360px){ .sticky-price{ font-size:18px; } .sticky-qty-btn{ width:36px; } .sticky-qty input{ width:38px; } .sticky-qty-btn,.sticky-qty input{ height:42px; } } /* ---------- modal / overlay (Kup teraz) ---------- */ .overlay{ position:fixed; inset:0; background:rgba(19,18,17,0.5); backdrop-filter:blur(4px); z-index:300; display:none; align-items:center; justify-content:center; padding:24px; } .overlay.open{ display:flex; } .modal{ background:#fff; border-radius:20px; max-width:760px; width:100%; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; max-height:90vh; overflow-y:auto; } .modal-info{ padding:32px; position:relative; } .modal-close{ position:absolute; top:16px; right:20px; font-size:24px; color:var(--ink-soft); width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer; line-height:1; border:none; background:none; } .sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .modal-close:hover{ background:var(--bg-soft); } /* ---------- koszyk ---------- */ .cart-wrap{ padding:44px 32px 100px; } .cart-empty{ text-align:center; padding:60px 0; } .cart-empty p{ color:var(--ink-soft); margin-bottom:20px; } .cart-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:start; margin-top:30px; } .cart-row{ display:grid; grid-template-columns:64px 1fr auto auto 24px; gap:16px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); } .cart-row-photo{ width:64px; height:64px; border-radius:10px; overflow:hidden; background:var(--bg-soft); } .cart-row-photo img{ width:100%; height:100%; object-fit:contain; padding:4px; box-sizing:border-box; } .cart-row-info b{ display:block; font-size:14.5px; margin-bottom:4px; } .cart-row-info span{ font-size:13px; color:var(--ink-soft); } .cart-row-qty input{ width:64px; height:42px; border:1.5px solid var(--line-strong); border-radius:10px; text-align:center; } .cart-row-total{ font-weight:700; font-family:'Plus Jakarta Sans',sans-serif; white-space:nowrap; } .cart-row-remove{ font-size:20px; color:var(--ink-soft); line-height:1; } .cart-row-remove:hover{ color:#C0392B; } .cart-actions{ padding-top:20px; } .cart-totals-table{ width:100%; border-collapse:collapse; margin-bottom:8px; } .cart-totals-table td{ padding:9px 0; font-size:13.5px; border-bottom:1px solid var(--line-strong); } .cart-totals-table .total-row td{ border-bottom:none; padding-top:14px; font-weight:700; font-size:16px; font-family:'Plus Jakarta Sans',sans-serif; } /* ---------- WooCommerce form rows / komunikaty (bo domyślny CSS WC jest wyłączony) ---------- */ .form-row{ margin-bottom:14px; clear:both; } .form-row label{ display:block; font-size:13px; font-weight:600; margin-bottom:6px; } .form-row .required{ color:#C0392B; } .form-row-first,.form-row-last{ width:100%; float:none; } .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], .form-row input[type="password"], .form-row select, .form-row textarea{ width:100%; padding:12px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; background:#fff; } .woocommerce-Button,button.woocommerce-Button,input.woocommerce-Button{ display:inline-flex; align-items:center; gap:10px; background:var(--ink); color:#fff !important; padding:13px 24px; font-size:14px; font-weight:600; border-radius:12px; border:none; cursor:pointer; transition:background .2s ease; } .woocommerce-Button:hover{ background:var(--amber-deep); } .select2-container{ width:100% !important; } .woocommerce-error,.woocommerce-message,.woocommerce-info{ list-style:none; background:var(--bg-soft); border-left:3px solid var(--amber); border-radius:0 12px 12px 0; padding:14px 18px; margin:0 0 20px; font-size:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .woocommerce-error{ border-color:#C0392B; background:#FDECEC; } .woocommerce-error li{ list-style:none; } .woocommerce-message .button, .woocommerce-error .button{ background:var(--ink); color:#fff; padding:8px 16px; border-radius:8px; font-size:12.5px; } /* ---------- one-step checkout ---------- */ .checkout-wrap{ padding:60px 32px 100px; } .checkout-title{ font-size:30px; margin-bottom:32px; } .checkout-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:start; } .checkout-fields h3{ font-size:17px; margin:28px 0 16px; } .checkout-fields h3:first-child{ margin-top:0; } .checkout-fields-group .form-row{ margin-bottom:14px; } .checkout-fields-group input[type="text"], .checkout-fields-group input[type="email"], .checkout-fields-group input[type="tel"], .checkout-fields-group select, .checkout-fields-group textarea{ width:100%; padding:13px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; } .summary-card{ background:var(--bg-soft); border-radius:18px; padding:28px; position:sticky; top:100px; } .summary-card h3{ font-size:17px; margin-bottom:18px; } .summary-trust{ margin-top:18px; padding-top:18px; border-top:1px solid var(--line-strong); display:flex; flex-direction:column; gap:8px; font-size:12.5px; color:var(--ink-soft); } #order_review table{ width:100%; border-collapse:collapse; margin-bottom:16px; } #order_review th,#order_review td{ padding:10px 0; border-bottom:1px solid var(--line-strong); font-size:13.5px; text-align:left; } .place-order .button{ width:100%; justify-content:center; margin-top:12px; } /* ---------- footer ---------- */ /* ---------- podstrony (regulamin, polityka, o nas...) ---------- */ .page-breadcrumb{ padding:24px 32px 0; font-size:13px; color:var(--ink-soft); } .page-breadcrumb a:hover{ color:var(--ink); } .page-breadcrumb span{ margin:0 6px; } .page-hero{ padding:20px 0 44px; border-bottom:1px solid var(--line); margin-bottom:48px; } .page-hero h1{ font-size:clamp(30px,4vw,44px); line-height:1.1; } .page-body{ display:grid; grid-template-columns:240px 1fr; gap:56px; padding-bottom:100px; align-items:start; } .page-toc{ position:sticky; top:100px; background:var(--bg-soft); border-radius:16px; padding:22px; } .toc-title{ font-size:12px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:14px; } .page-toc nav{ display:flex; flex-direction:column; gap:2px; } .page-toc nav a{ font-size:13.5px; padding:8px 10px; border-radius:8px; color:var(--ink-soft); border-left:2px solid transparent; } .page-toc nav a:hover{ color:var(--ink); background:#fff; } .page-toc nav a.active{ color:var(--amber-text); border-left-color:var(--amber); background:#fff; font-weight:600; } .page-content{ max-width:720px; font-size:15.5px; line-height:1.75; color:var(--ink); } .page-content h2{ font-size:23px; margin:44px 0 16px; scroll-margin-top:110px; } .page-content h2:first-child{ margin-top:0; } .page-content h3{ font-size:17px; margin:26px 0 10px; scroll-margin-top:110px; } .page-content p{ margin-bottom:14px; color:var(--ink-soft); } .page-content p strong{ color:var(--ink); } .page-content ul,.page-content ol{ margin:0 0 16px 20px; color:var(--ink-soft); display:flex; flex-direction:column; gap:6px; } .page-content li{ padding-left:4px; } .page-content a{ color:var(--amber-text); text-decoration:underline; } .page-content blockquote{ background:var(--amber-tint); border-left:3px solid var(--amber); border-radius:0 14px 14px 0; padding:18px 22px; margin:24px 0; font-size:14px; color:#6B4A00; position:relative; } .page-content blockquote p{ color:#6B4A00; margin-bottom:0; } .page-content blockquote::before{ content:"ⓘ"; font-weight:700; margin-right:6px; } .page-content table{ width:100%; border-collapse:collapse; margin:20px 0 28px; font-size:13.5px; } .page-content table th{ text-align:left; background:var(--bg-soft); padding:12px 14px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; } .page-content table td{ padding:12px 14px; border-bottom:1px solid var(--line); color:var(--ink-soft); vertical-align:top; } .page-content table tr:hover td{ background:var(--bg-soft); } @media (max-width:900px){ .page-body{ grid-template-columns:1fr; } .page-toc{ position:static; } } /* ---------- kontakt ---------- */ .contact-hero{ background:var(--bg-soft); padding:70px 0 64px; margin-bottom:64px; } .contact-hero .wrap{ max-width:720px; } .contact-hero h1{ font-size:clamp(30px,4vw,42px); line-height:1.15; margin:14px 0 16px; } .contact-hero p{ font-size:16px; color:var(--ink-soft); line-height:1.65; margin-bottom:26px; } .contact-hero-links{ display:flex; gap:14px; flex-wrap:wrap; } .contact-hero-link{ display:inline-flex; align-items:center; gap:10px; background:#fff; border:1.5px solid var(--line-strong); border-radius:100px; padding:12px 22px; font-size:14.5px; font-weight:600; color:var(--ink); transition:border-color .18s ease, transform .15s ease; } .contact-hero-link:hover{ border-color:var(--ink); transform:translateY(-1px); } .contact-hero-link svg{ color:var(--amber-text); flex-shrink:0; } .contact-grid{ display:grid; grid-template-columns:1fr 1.3fr; gap:56px; padding-bottom:100px; align-items:start; } .contact-info h2,.contact-form-wrap h2{ font-size:20px; margin-bottom:16px; } .contact-info p{ font-size:14.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:14px; } .contact-info p strong{ color:var(--ink); } .contact-info a{ color:var(--ink); text-decoration:underline; } .contact-note{ background:var(--bg-soft); border-radius:14px; padding:18px 20px; margin-top:8px; } .contact-note p{ margin-bottom:0; } .contact-form-wrap{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:36px; box-shadow:0 30px 60px -30px rgba(19,18,17,0.12); } .contact-form-badge{ display:inline-block; background:var(--amber-tint); color:var(--amber-text); font-size:11.5px; font-weight:700; padding:6px 12px; border-radius:100px; margin-bottom:12px; } .contact-form{ display:flex; flex-direction:column; gap:12px; } .contact-form input,.contact-form textarea{ padding:13px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; width:100%; resize:vertical; transition:border-color .15s ease; } .contact-form input:focus,.contact-form textarea:focus{ outline:none; border-color:var(--ink); } .contact-form-hint{ font-size:12.5px; color:var(--ink-soft); text-align:center; margin-top:2px; } .hp-field{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; } .contact-success{ background:#E7F6EE; color:#1B7E50; font-size:13.5px; padding:12px 16px; border-radius:10px; } @media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } .contact-form-wrap{ padding:24px; } } /* ---------- formularz zgłoszenia zwrotu ---------- */ .return-form-section{ padding:70px 0 100px; border-top:1px solid var(--line); margin-top:20px; } .return-form{ max-width:640px; display:flex; flex-direction:column; gap:14px; background:#fff; border:1px solid var(--line); border-radius:20px; padding:36px; box-shadow:0 30px 60px -30px rgba(19,18,17,0.12); } .return-form label{ font-size:13px; font-weight:600; margin-bottom:-6px; } .return-form input[type="text"],.return-form input[type="email"],.return-form textarea{ padding:13px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; width:100%; resize:vertical; } .return-form input[type="text"]:focus,.return-form input[type="email"]:focus,.return-form textarea:focus{ outline:none; border-color:var(--ink); } .return-form input[type="file"]{ font-size:13px; } .rf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media (max-width:640px){ .return-form{ padding:22px; } .rf-grid{ grid-template-columns:1fr; } } .seo-text{ padding:70px 0 0; } .seo-text-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:start; background:var(--bg-soft); border-radius:22px; padding:44px; } .seo-text h2{ font-size:22px; margin-bottom:14px; } .seo-text p{ color:var(--ink-soft); font-size:14.5px; line-height:1.75; } .seo-text-links{ display:flex; flex-direction:column; gap:10px; } .seo-text-link{ display:flex; align-items:center; justify-content:space-between; background:#fff; border-radius:12px; padding:14px 16px; font-size:13.5px; font-weight:600; border:1px solid var(--line); transition:border-color .18s ease; } .seo-text-link:hover{ border-color:var(--amber); color:var(--amber-text); } .seo-text-link svg{ flex-shrink:0; } /* ---------- opinie o sklepie ---------- */ .reviews-section{ padding:80px 0 100px; } .stars-static{ position:relative; display:inline-block; color:var(--line-strong); font-size:16px; letter-spacing:2px; } .stars-static::before{ content:"★★★★★"; position:absolute; left:0; top:0; width:var(--pct); overflow:hidden; white-space:nowrap; color:var(--amber); } .reviews-summary{ display:flex; align-items:center; gap:20px; margin-bottom:36px; background:var(--bg-soft); border-radius:18px; padding:26px 30px; max-width:420px; } .reviews-score{ font-size:44px; font-weight:800; font-family:'Plus Jakarta Sans',sans-serif; } .reviews-summary > div:last-child span{ display:block; font-size:13px; color:var(--ink-soft); margin-top:2px; } .reviews-track{ display:flex; gap:22px; overflow-x:auto; scroll-behavior:smooth; padding:6px 4px 16px; cursor:grab; scrollbar-width:none; } .reviews-track:active{ cursor:grabbing; } .reviews-track::-webkit-scrollbar{ display:none; } .review-card{ background:#fff; border-radius:18px; padding:26px 24px 22px; min-width:290px; max-width:290px; flex-shrink:0; position:relative; box-shadow:0 14px 34px -18px rgba(19,18,17,0.22); border:1px solid var(--line); } .review-card::before{ content:""; position:absolute; top:0; left:24px; right:24px; height:3px; background:var(--amber); border-radius:0 0 3px 3px; } .review-card .stars-static{ margin-bottom:14px; display:block; font-size:15px; } .review-card p{ font-size:14px; color:var(--ink); line-height:1.65; margin-bottom:20px; font-style:italic; } .review-card .reviewer{ display:flex; align-items:center; gap:10px; } .review-card .avatar{ width:34px; height:34px; border-radius:50%; background:var(--amber-tint); color:var(--amber-text); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; font-family:'Plus Jakarta Sans',sans-serif; flex-shrink:0; } .review-card b{ font-size:13.5px; font-weight:600; } .review-card.demo{ border-style:dashed; } .review-card.demo::before{ background:var(--line-strong); } .demo-tag{ position:absolute; top:16px; right:16px; background:var(--amber-tint); color:var(--amber-text); font-size:10px; font-weight:700; padding:4px 9px; border-radius:100px; letter-spacing:0.03em; text-transform:uppercase; } .demo-banner{ background:#FDECEC; color:#C0392B; font-size:13px; font-weight:600; padding:12px 18px; border-radius:12px; margin-bottom:22px; } .reviews-empty{ background:var(--bg-soft); border-radius:18px; padding:40px; text-align:center; color:var(--ink-soft); font-size:14.5px; max-width:560px; margin:0 auto; } .reviews-head{ display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:16px; } .review-form-modal{ max-width:480px; } .rf-stars{ display:flex; gap:6px; margin-bottom:14px; } .rf-star{ font-size:26px; color:var(--line-strong); border:none; background:none; cursor:pointer; line-height:1; padding:0; } .rf-star.is-filled{ color:var(--amber); } #reviewForm{ display:flex; flex-direction:column; gap:12px; } #reviewForm input[type="text"], #reviewForm textarea{ padding:13px 14px; border:1.5px solid var(--line-strong); border-radius:10px; font-family:inherit; font-size:14px; width:100%; resize:vertical; } @media (max-width:900px){ .seo-text-grid{ grid-template-columns:1fr; } } /* ---------- moje konto ---------- */ .account-hero-copy{max-width:590px;margin:12px 0 0;color:var(--ink-soft);font-size:16px}.account-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;padding-bottom:100px;align-items:start}.account-nav{background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:12px;position:sticky;top:100px}.account-nav-head{display:flex;gap:11px;align-items:center;padding:14px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.account-nav-head>span{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}.account-nav-head strong,.account-nav-head small{display:block}.account-nav-head small{font-size:12px;color:var(--ink-soft);margin-top:2px} .woocommerce-MyAccount-navigation ul{ list-style:none; display:flex; flex-direction:column; gap:2px; } .woocommerce-MyAccount-navigation li{ margin:0; } .woocommerce-MyAccount-navigation a{ display:block; padding:11px 14px; border-radius:10px; font-size:14px; font-weight:600; color:var(--ink-soft); text-decoration:none; } .woocommerce-MyAccount-navigation a:hover{ background:#fff; color:var(--ink); } .woocommerce-MyAccount-navigation li.is-active a{ background:#fff; color:var(--ink); box-shadow:0 2px 8px rgba(19,18,17,0.06); } .woocommerce-MyAccount-navigation-link--customer-logout a{ color:#C0392B; } .account-content{font-size:14.5px;color:var(--ink-soft);line-height:1.7;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;min-height:360px}.account-content .woocommerce-MyAccount-navigation{display:none}.account-content .woocommerce-orders-table,.account-content .woocommerce-Addresses{margin-top:18px}.account-content .woocommerce-Address,.account-content .woocommerce-MyAccount-content{border:0}.account-content .woocommerce-message,.account-content .woocommerce-info{border:0;border-radius:12px;background:var(--amber-tint);color:var(--ink);padding:14px 16px}.account-content .button{background:var(--ink);color:#fff;border-radius:10px;padding:10px 15px;border:0;font-weight:700}.account-content input,.account-content select{border:1px solid var(--line-strong);border-radius:9px;padding:11px;min-height:44px;width:100%} .account-content h2,.account-content h3{ font-family:'Plus Jakarta Sans',sans-serif; color:var(--ink); font-size:20px; margin-bottom:16px; } .account-content mark{ background:none; color:var(--ink); font-weight:600; } .account-content a{ color:var(--amber-text); } .account-content strong{ color:var(--ink); } .woocommerce-MyAccount-orders,.shop_table{ width:100%; border-collapse:collapse; margin:20px 0; font-size:13.5px; } .woocommerce-MyAccount-orders th{ text-align:left; background:var(--bg-soft); padding:12px 14px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; color:var(--ink); } .woocommerce-MyAccount-orders td{ padding:12px 14px; border-bottom:1px solid var(--line); } .woocommerce-MyAccount-orders .button{ padding:8px 14px !important; font-size:12px !important; } .woocommerce-Addresses{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } .woocommerce-Address{ background:var(--bg-soft); border-radius:14px; padding:22px; } .woocommerce-Address-title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .woocommerce-Address-title h3{ font-size:15px; margin-bottom:0; } .woocommerce-Address-title .edit{ font-size:12.5px; font-weight:600; } .woocommerce-Address address{ font-style:normal; font-size:13.5px; } .woocommerce-EditAccountForm .form-row, .woocommerce-address-fields .form-row, .woocommerce-ResetPassword .form-row{ margin-bottom:14px; max-width:460px; } .woocommerce-EditAccountForm fieldset{ margin-top:24px; padding-top:20px; border-top:1px solid var(--line); border-left:none; border-right:none; border-bottom:none; } .woocommerce-EditAccountForm legend{ font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; color:var(--ink); margin-bottom:12px; padding:0; } .woocommerce-form-login,.woocommerce-form-register{ max-width:420px; } .woocommerce-form-login .form-row,.woocommerce-form-register .form-row{ margin-bottom:14px; } .woocommerce-form-login__rememberme{ display:flex; align-items:center; gap:8px; font-size:13.5px; margin-bottom:16px; } .woocommerce-LostPassword{ margin-top:14px; font-size:13px; } .u-columns{ display:grid; grid-template-columns:1fr 1fr; gap:40px; } .u-columns h2{ font-size:18px; margin-bottom:16px; } @media (max-width:900px){ .account-body{ grid-template-columns:1fr; } .account-nav{ position:static; } .woocommerce-Addresses,.u-columns{ grid-template-columns:1fr; } } /* ---------- o nas ---------- */ .about-hero{ padding:52px 0 0; } .about-hero-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; margin-bottom:56px; } .about-hero-grid h1{ font-size:clamp(32px,4vw,46px); line-height:1.1; margin-bottom:18px; } .about-hero-grid p{ font-size:16px; color:var(--ink-soft); line-height:1.65; max-width:480px; margin-bottom:28px; } .about-hero-visual{ aspect-ratio:4/5; border-radius:22px; overflow:hidden; background:var(--bg-soft); box-shadow:0 30px 60px -20px rgba(19,18,17,0.16); } .about-hero-visual img{ width:100%; height:100%; object-fit:cover; } /* nasza historia — sekcje narracyjne */ .about-story{ padding:20px 0 90px; } .story-row{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-bottom:80px; } .story-row:last-child{ margin-bottom:0; } .story-row.story-rev .story-visual{ order:2; } .story-visual{ aspect-ratio:4/3; border-radius:20px; overflow:hidden; background:var(--bg-soft); } .story-visual img{ width:100%; height:100%; object-fit:cover; } .story-text .eyebrow{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--amber-text); margin-bottom:14px; } .story-text h2{ font-size:26px; line-height:1.25; margin-bottom:16px; } .story-text p{ font-size:15px; color:var(--ink-soft); line-height:1.7; } @media (max-width:900px){ .story-row{ grid-template-columns:1fr; gap:24px; margin-bottom:48px; } .story-row.story-rev .story-visual{ order:0; } } .about-illustration-wrap{ width:100%; height:100%; position:relative; background:linear-gradient(155deg,var(--bg-soft),#EFE9DD); } .about-illustration-wrap::after{ content:"Ilustracja — miejsce na prawdziwe zdjęcie"; position:absolute; bottom:14px; left:14px; right:14px; font-size:10.5px; color:var(--ink-soft); background:rgba(255,255,255,0.85); padding:6px 10px; border-radius:100px; text-align:center; } .masonry-item .about-illustration-wrap::after{ font-size:9.5px; padding:4px 8px; bottom:8px; left:8px; right:8px; } /* proces 01-04 */ .about-process{ padding:90px 0; } .process-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .process-cell{ background:var(--bg-soft); border-radius:18px; padding:28px 24px; } .process-cell .num{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:26px; color:var(--amber-text); margin-bottom:18px; } .process-cell h3{ font-size:16px; margin-bottom:8px; } .process-cell p{ font-size:13.5px; color:var(--ink-soft); line-height:1.55; } /* galeria masonry */ .about-gallery{ padding:0 0 90px; } .masonry-grid{ display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:180px; gap:16px; } .masonry-item{ border-radius:16px; overflow:hidden; background:var(--bg-soft); } .masonry-item img{ width:100%; height:100%; object-fit:cover; display:block; } .masonry-item .img-fallback{ min-height:0; height:100%; } .masonry-item.m1{ grid-column:span 2; grid-row:span 2; } .masonry-item.m2{ grid-row:span 1; } .masonry-item.m3{ grid-row:span 1; } .masonry-item.m4{ grid-column:span 2; } .masonry-item.m5{ grid-row:span 1; } /* co jest dla nas ważne */ .about-why{ padding:0 0 90px; } .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; } .why-tile svg{ color:var(--amber-text); margin-bottom:16px; } .why-tile h3{ font-size:16px; margin-bottom:8px; } .why-tile p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; } /* kategorie/produkty */ .about-categories{ padding:0 0 90px; } .cat-cards-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .cat-card-item{ display:block; border-radius:18px; overflow:hidden; border:1px solid var(--line); transition:box-shadow .2s ease, transform .2s ease; } .cat-card-item:hover{ box-shadow:0 20px 40px -18px rgba(19,18,17,0.16); transform:translateY(-3px); } .cat-card-photo{ aspect-ratio:4/5; background:var(--bg-soft); } .cat-card-photo img{ width:100%; height:100%; object-fit:cover; } .cat-card-item h3{ font-size:16px; margin:16px 16px 6px; } .cat-card-item p{ font-size:13px; color:var(--ink-soft); margin:0 16px 12px; line-height:1.5; } .cat-card-link{ display:block; margin:0 16px 16px; font-size:13px; font-weight:600; color:var(--amber-text); } /* fakty */ .about-facts{ padding:60px 0; background:var(--bg-soft); } .facts-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; } .fact b{ display:block; font-family:'Plus Jakarta Sans',sans-serif; font-size:36px; font-weight:800; margin-bottom:6px; } .fact span{ font-size:13.5px; color:var(--ink-soft); } /* firma */ .about-company{ padding:90px 0; } .about-company-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; } .about-company-grid h2{ font-size:26px; margin-bottom:16px; } .about-company-grid > div:first-child p{ color:var(--ink-soft); font-size:15px; line-height:1.7; margin-bottom:22px; } .company-data{ display:flex; flex-direction:column; gap:4px; font-size:13.5px; color:var(--ink-soft); } .company-data b{ color:var(--ink); font-size:14.5px; margin-bottom:2px; } .about-company-visual{ aspect-ratio:4/5; border-radius:20px; overflow:hidden; background:var(--bg-soft); } .about-company-visual img{ width:100%; height:100%; object-fit:cover; } /* końcowe CTA */ .about-final-cta{ padding:90px 0 110px; text-align:center; } .about-final-cta h2{ font-size:30px; margin-bottom:14px; } .about-final-cta p{ color:var(--ink-soft); font-size:15.5px; max-width:520px; margin:0 auto 28px; line-height:1.65; } .about-final-link{ display:block; margin-top:18px; font-size:13.5px; color:var(--ink-soft); text-decoration:underline; } @media (max-width:900px){ .about-hero-grid{ grid-template-columns:1fr; } .process-grid{ grid-template-columns:1fr 1fr; } .why-grid{ grid-template-columns:1fr 1fr; } .cat-cards-grid{ grid-template-columns:1fr 1fr; } .facts-grid{ grid-template-columns:1fr; gap:32px; } .about-company-grid{ grid-template-columns:1fr; } .masonry-grid{ grid-template-columns:1fr 1fr; grid-auto-rows:140px; } .masonry-item.m1,.masonry-item.m4{ grid-column:span 2; } } @media (max-width:560px){ .process-grid,.why-grid,.cat-cards-grid{ grid-template-columns:1fr; } .about-hero-grid{ margin-bottom:40px; } } #site-footer{ padding:70px 0 30px; border-top:1px solid var(--line); margin-top:60px; } /* ---------- cookie banner ---------- */ .cookie-banner{ position:fixed; left:20px; right:20px; bottom:20px; max-width:640px; margin:0 auto; background:var(--ink); color:#fff; border-radius:16px; padding:20px 24px; z-index:300; box-shadow:0 20px 50px rgba(0,0,0,0.25); } .cookie-inner{ display:flex; flex-direction:column; gap:14px; } .cookie-banner p{ font-size:13.5px; line-height:1.6; margin-bottom:14px; color:#EDEAE3; } .cookie-banner a{ color:var(--amber); text-decoration:underline; } .cookie-actions{ display:flex; gap:10px; } .cookie-actions .btn{ padding:11px 20px; font-size:13px; } .cookie-actions .btn-ghost{ border-color:rgba(255,255,255,0.3); color:#fff!important; } .foot-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:56px; } .foot-grid h4{ font-size:12px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:16px; } .foot-grid ul{ list-style:none; display:flex; flex-direction:column; gap:11px; font-size:14px; } .foot-logo img{ height:26px; margin-bottom:12px; } .foot-grid p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; max-width:280px; } .foot-bottom{ border-top:1px solid var(--line); padding-top:22px; font-size:12px; color:var(--ink-soft); } @media (max-width:900px){ .hamburger{ display:flex; } .nav-links{ display:none; } .shop-body{ grid-template-columns:1fr; gap:14px; margin-top:20px; } .mobile-filter-toggle{ display:flex; width:100%; align-items:center; justify-content:space-between; padding:14px 16px; border:1px solid var(--line-strong); border-radius:12px; background:#fff; color:var(--ink); font:600 14px 'Inter',sans-serif; cursor:pointer; } .mobile-filter-toggle span:last-child{ transition:transform .2s ease; } .mobile-filter-toggle.is-open span:last-child{ transform:rotate(180deg); } .shop-body>.filters{ display:none; padding:18px; margin:0; } .shop-body>.filters.is-open{ display:block; } .shop-body>.filters .f-group{ padding:13px 0; } .shop-body>.filters .f-group:first-child{ padding-top:0; } .grid{ grid-template-columns:1fr 1fr; } .trust{ grid-template-columns:1fr 1fr; } .foot-grid{ grid-template-columns:1fr 1fr; } .cart-grid{ grid-template-columns:1fr; } .cart-row{ position:relative; flex-wrap:wrap; padding-right:32px; display:flex; align-items:center; gap:12px; } .cart-row-photo{ width:52px; height:52px; } .cart-row-info{ flex:1; min-width:140px; } .cart-row-qty{ order:3; } .cart-row-total{ order:4; margin-left:auto; } .cart-row-remove{ position:absolute; right:0; top:0; } .reviews-summary{ max-width:none; } .review-card{ min-width:250px; max-width:250px; } } /* Układ 2-kolumnowy strony produktu (galeria + panel zakupu przyklejony z boku) zostaje dłużej niż menu — chowa się dopiero, gdy realnie brakuje miejsca na dwie kolumny obok siebie, żeby na tabletach/wąskich laptopach cena wciąż "jechała" ze stroną podczas czytania opisu, zamiast znikać razem z menu przy 900px. */ @media (max-width:760px){ .hero-grid,.p-grid,.feature-row,.checkout-grid{ grid-template-columns:1fr; } .gallery,.summary-card,.p-info{ position:static; } .product-details .tab-heads{ overflow-x:auto; gap:22px; -webkit-overflow-scrolling:touch; } .product-details .tab-head{ white-space:nowrap; } } @media (max-width:480px){ .wrap{ padding:0 16px; } .nav{ gap:8px; height:64px; } .logo img{ height:26px; } .nav-icons{ gap:0; } .icon-btn{ width:36px; height:36px; } .icon-btn svg{ width:18px; height:18px; } .topbar{ font-size:11px; padding:8px 10px; line-height:1.4; } .shop-cats{ display:flex; overflow-x:auto; gap:8px; padding-bottom:5px; scrollbar-width:none; } .shop-cats::-webkit-scrollbar{ display:none; } .shop-cats .hero-pill{ flex:0 0 auto; } .toolbar{ align-items:flex-start; gap:10px; margin:4px 0 16px; } .toolbar>span{ font-size:12px; padding-top:8px; } .toolbar select{ max-width:170px; } .card-body{ padding:14px 14px 5px; } .card-actions{ padding:10px 14px 14px; } } @media (max-width:520px){ .hero-stats{ grid-template-columns:1fr 1fr; gap:18px 24px; } .about-stats,.trust,.grid{ grid-template-columns:1fr; } .rev-grid{ grid-template-columns:1fr; } } /* Po dodaniu produktu klient na telefonie zawsze widzi drogę do jednej kasy. */ .mobile-cart-cta{ display:none; } @media (max-width:760px){ body:has(.mobile-cart-cta.is-visible){ padding-bottom:74px; } .mobile-cart-cta.is-visible{ position:fixed; z-index:245; left:12px; right:12px; bottom:12px; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:58px; padding:10px 14px; border-radius:15px; background:var(--ink); color:#fff; box-shadow:0 14px 36px rgba(19,18,17,.28); } .mobile-cart-cta>span{ display:flex; flex-direction:column; line-height:1.15; } .mobile-cart-cta>span>b{ font-size:14px; } .mobile-cart-cta small{ color:#cfcac1; font-size:11px; margin-top:3px; } .mobile-cart-cta>strong{ color:#fff; font-size:12.5px; text-align:right; } .woocommerce-cart .mobile-cart-cta,.woocommerce-checkout .mobile-cart-cta{ display:none!important; } .woocommerce-cart,.woocommerce-checkout{ padding-bottom:0!important; } } /* ---------- centrum zwrotów i reklamacji ---------- */ .returns-hero{ padding-bottom:34px; } .returns-hero-lead{ max-width:720px; margin:14px 0 0; color:var(--ink-soft); font-size:16px; line-height:1.65; } .service-center{ padding:10px 0 64px; } .service-center-shell{ display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr); background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:0 24px 70px -34px rgba(19,18,17,.22); } .service-center-intro{ padding:38px 34px; background:linear-gradient(145deg,var(--bg-soft),#f2eadb); border-right:1px solid var(--line); } .service-kicker,.service-panel-step{ display:inline-block; font-size:11px; line-height:1; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--amber-text); margin-bottom:10px; } .service-center-intro h2{ font-size:28px; line-height:1.2; margin-bottom:14px; } .service-center-intro p{ color:var(--ink-soft); font-size:14px; line-height:1.7; margin-bottom:24px; } .service-trust{ display:flex; flex-direction:column; gap:11px; font-size:12.5px; color:var(--ink-soft); } .service-trust span{ display:flex; gap:8px; align-items:flex-start; } .service-center-main{ min-width:0; } .service-tabs{ display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); background:#fcfbf9; } .service-tab{ border:0; background:transparent; padding:20px 24px; display:flex; align-items:center; gap:12px; text-align:left; cursor:pointer; color:var(--ink-soft); border-bottom:3px solid transparent; transition:.16s ease; } .service-tab + .service-tab{ border-left:1px solid var(--line); } .service-tab:hover{ background:#fff; color:var(--ink); } .service-tab.is-active{ background:#fff; color:var(--ink); border-bottom-color:var(--amber); } .service-tab-icon{ width:34px; height:34px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--amber-tint); color:var(--amber-text); font-size:18px; font-weight:800; flex:0 0 auto; } .service-tab b{ display:block; font-size:14px; line-height:1.3; } .service-tab small{ display:block; font-size:11.5px; color:var(--ink-soft); margin-top:2px; font-weight:400; } .service-panel{ padding:30px 32px 34px; } .service-panel[hidden]{ display:none !important; } .service-panel-head{ display:flex; justify-content:space-between; gap:20px; align-items:flex-start; padding-bottom:20px; margin-bottom:2px; } .service-panel-head h3{ font-size:23px; margin:0; } .service-pdf-link,.service-panel-note{ font-size:12px; color:var(--ink-soft); } .service-pdf-link{ text-decoration:underline; text-underline-offset:3px; } .service-form.return-form{ max-width:none; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; gap:12px; } .service-form label{ margin-bottom:-4px; color:var(--ink); } .service-form label > span{ color:#b5473d; } .service-form label small{ color:var(--ink-soft); font-weight:400; } .service-form input[type="text"],.service-form input[type="email"],.service-form textarea,.service-form select{ background:#fff; padding:12px 13px; border:1.5px solid var(--line-strong); border-radius:10px; font:inherit; font-size:14px; width:100%; color:var(--ink); transition:border-color .15s ease,box-shadow .15s ease; } .service-form select{ min-height:45px; appearance:auto; } .service-form input:focus,.service-form textarea:focus,.service-form select:focus{ outline:none; border-color:var(--amber); box-shadow:0 0 0 3px rgba(254,153,0,.10); } .service-file-field{ margin-top:4px; border:1.5px dashed var(--line-strong); border-radius:12px; padding:14px 16px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 14px; cursor:pointer; background:var(--bg-soft); } .service-file-field b{ font-size:13px; } .service-file-field small{ grid-column:1; font-size:11.5px; } .service-file-field input{ grid-column:2; grid-row:1 / span 2; max-width:220px; font-size:12px; } .service-submit{ margin-top:6px; width:100%; justify-content:center; min-height:48px; } .returns-details{ padding-top:12px; } @media (max-width:900px){ .service-center-shell{ grid-template-columns:1fr; } .service-center-intro{ border-right:0; border-bottom:1px solid var(--line); padding:28px 24px; } .service-trust{ display:grid; grid-template-columns:1fr 1fr; } } @media (max-width:640px){ .returns-hero{ padding-bottom:20px; } .service-center{ padding-bottom:42px; } .service-center-shell{ border-radius:18px; } .service-center-intro{ padding:24px 20px; } .service-center-intro h2{ font-size:23px; } .service-trust{ grid-template-columns:1fr; } .service-tabs{ grid-template-columns:1fr; } .service-tab + .service-tab{ border-left:0; border-top:1px solid var(--line); } .service-panel{ padding:24px 20px 26px; } .service-panel-head{ align-items:flex-start; flex-direction:column; gap:8px; } .service-file-field{ grid-template-columns:1fr; } .service-file-field input{ grid-column:1; grid-row:auto; margin-top:8px; max-width:100%; } } /* O nas v2 — fotografie z aktualnej oferty zamiast pustych placeholderów */ .about-hero-visual, .story-visual, .masonry-item, .about-company-visual{position:relative;background:linear-gradient(145deg,#f5f1ea,#ece6dc)} .about-hero-visual::after, .story-visual::after, .about-company-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(19,18,17,.12))} .about-hero-visual img,.story-visual img,.about-company-visual img,.masonry-item img{transition:transform .45s ease} .about-hero-visual:hover img,.story-visual:hover img,.about-company-visual:hover img,.masonry-item:hover img{transform:scale(1.025)} .about-illustration-wrap::after,.masonry-item .about-illustration-wrap::after{display:none!important;content:none!important} .about-illustration-wrap{background:linear-gradient(145deg,#f7f3ec,#eee5d6)} .about-illustration{padding:7%;box-sizing:border-box} /* Czytelny moduł PDF na stronie Zwroty i reklamacje */ .returns-pdf-strip{padding:0 0 34px} .returns-pdf-card{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 45px -34px rgba(19,18,17,.28)} .returns-pdf-icon{flex:0 0 48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--amber-tint);color:var(--amber-deep);font-size:12px;font-weight:800;letter-spacing:.08em} .returns-pdf-copy{display:flex;flex-direction:column;gap:4px;min-width:0} .returns-pdf-copy strong{font-size:15px} .returns-pdf-copy span{font-size:13.5px;color:var(--ink-soft);line-height:1.45} .returns-pdf-button{margin-left:auto;white-space:nowrap} @media(max-width:700px){.returns-pdf-card{align-items:flex-start;flex-wrap:wrap}.returns-pdf-button{width:100%;margin-left:0;text-align:center}.returns-pdf-icon{flex-basis:44px;height:44px}} /* O nas v3 — premium editorial */ .about-hero{padding:34px 0 26px;background:linear-gradient(180deg,#fbfaf7 0%,#fff 100%)} .about-hero-grid{grid-template-columns:.82fr 1.18fr;gap:72px;min-height:620px;margin-bottom:32px} .about-hero-grid>div:first-child{padding:58px 0} .about-hero-grid h1{font-size:clamp(42px,5vw,66px);letter-spacing:-.045em;max-width:620px} .about-hero-grid p{font-size:17px;max-width:560px} .about-hero-visual{aspect-ratio:1.12/1;border-radius:28px;box-shadow:0 35px 90px -35px rgba(20,18,14,.34)} .about-hero-visual img{object-position:center} .about-hero-visual:before{content:"ELDEN • TWÓJ DOM. TWOJA PRZESTRZEŃ.";position:absolute;left:24px;bottom:22px;z-index:2;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.14em} .about-hero .trust{margin-top:10px;border-top:1px solid #ebe7df;border-bottom:1px solid #ebe7df;padding:18px 0} .about-hero .trust-card{background:transparent;border:0;box-shadow:none} .about-story{padding:90px 0}.story-row{gap:72px}.story-visual{border-radius:24px;overflow:hidden;box-shadow:0 28px 70px -40px rgba(0,0,0,.35)} .story-text h2,.about-process h2,.about-gallery h2,.about-why h2,.about-categories h2,.about-company h2{letter-spacing:-.025em} .about-process{background:#171714;color:#f8f5ee}.about-process .section-head p,.about-process .process-cell p{color:#bdb9ae}.about-process .badge{background:#2a2924;color:#e6d7ba}.process-cell{border-color:#37362f}.process-cell .num{color:#c5a66f} .about-gallery{padding:100px 0}.masonry-grid{gap:14px}.masonry-item{border-radius:18px;overflow:hidden;box-shadow:0 20px 55px -35px rgba(0,0,0,.35)} .about-why{padding:90px 0;background:#f6f2ea}.why-tile{background:#fff;border:1px solid #e8e1d5;border-radius:18px;padding:32px}.why-tile svg{color:#a68049} .about-categories{padding:100px 0}.cat-card-item{border-radius:20px;overflow:hidden;border:1px solid #eee9e0;padding-bottom:22px}.cat-card-photo{aspect-ratio:1.18/1;overflow:hidden}.cat-card-photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.cat-card-item:hover .cat-card-photo img{transform:scale(1.035)} .about-facts{background:#171714;color:#fff}.fact span{color:#bdb9ae}.fact b{font-size:30px} .about-company{padding:110px 0}.about-company-visual{border-radius:28px;box-shadow:0 30px 70px -40px rgba(0,0,0,.4)} .about-final-cta{margin-top:20px;padding:110px 0;background:linear-gradient(135deg,#f0e7d7,#faf8f3)}.about-final-cta h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em} .about-premium-inspiration{padding:24px 0 100px}.about-premium-inspiration-card{position:relative;overflow:hidden;border-radius:28px;min-height:430px;background:#171714}.about-premium-inspiration-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.72}.about-premium-inspiration-copy{position:relative;z-index:2;padding:70px;max-width:600px;color:#fff}.about-premium-inspiration-copy .eyebrow{color:#e5c996}.about-premium-inspiration-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 18px}.about-premium-inspiration-copy p{color:#eee9df;line-height:1.7} @media(max-width:900px){.about-hero-grid{grid-template-columns:1fr;gap:25px;min-height:0}.about-hero-grid>div:first-child{padding:25px 0}.about-hero-visual{aspect-ratio:4/3}.about-premium-inspiration-copy{padding:42px 28px}.about-premium-inspiration-card{min-height:500px}} /* ELDEN O nas v41 — premium bez sztucznej grafiki: własne logo + prawdziwe zdjęcia produktów */ .about-hero{overflow:hidden;position:relative;background:radial-gradient(circle at 85% 15%,rgba(190,158,104,.13),transparent 28%),linear-gradient(180deg,#fbfaf7 0%,#fff 100%)} .about-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(169,134,78,.13);border-radius:50%;right:-250px;top:-240px;pointer-events:none} .about-hero-grid{position:relative;z-index:1} .about-hero-collage{position:relative;overflow:visible;background:transparent;box-shadow:none;border-radius:0;min-height:590px;aspect-ratio:auto} .about-collage-main{position:absolute;left:0;top:18px;width:72%;height:78%;border-radius:30px;overflow:hidden;background:#eee8df;box-shadow:0 32px 75px -35px rgba(23,20,15,.45);z-index:2} .about-collage-main img,.about-collage-small img{width:100%;height:100%;object-fit:cover;display:block} .about-collage-small{position:absolute;width:39%;height:36%;border:8px solid #fff;border-radius:22px;overflow:hidden;background:#eee8df;box-shadow:0 22px 55px -30px rgba(23,20,15,.5);z-index:3} .about-collage-small-one{right:0;top:4%}.about-collage-small-two{right:4%;bottom:3%;width:43%;height:39%} .about-logo-watermark{position:absolute;right:-3%;top:43%;width:40%;opacity:.055;filter:grayscale(1);z-index:0;transform:rotate(-90deg);transform-origin:center} .about-logo-watermark img{width:100%;height:auto} .about-collage-label{position:absolute;left:5%;bottom:1%;z-index:4;background:#171714;color:white;padding:16px 20px 15px;border-radius:16px;box-shadow:0 16px 40px -22px rgba(0,0,0,.55)} .about-collage-label span{display:block;font-size:12px;letter-spacing:.22em;font-weight:800}.about-collage-label small{display:block;margin-top:5px;color:#d7d0c3;font-size:11px} .about-hero-grid>div:first-child{position:relative}.about-hero-grid>div:first-child:before{content:"";display:block;width:54px;height:3px;background:#b4935f;margin-bottom:24px;border-radius:999px} .about-hero .badge{background:#f2eadc;color:#7f6235;border:1px solid #e5d6bc} .about-hero .btn{box-shadow:0 12px 30px -18px rgba(0,0,0,.5)} .about-story{position:relative}.about-story:before{content:"";position:absolute;left:0;top:21%;width:90px;height:180px;background:linear-gradient(180deg,rgba(178,146,92,.12),rgba(178,146,92,0));border-radius:0 100px 100px 0;pointer-events:none} .story-row{position:relative}.story-text{position:relative}.story-text:before{content:"";position:absolute;left:-28px;top:2px;width:1px;height:54px;background:#bd9c66} .story-visual{position:relative}.story-visual:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.55);border-radius:16px;pointer-events:none} .about-process .process-cell{position:relative;overflow:hidden}.about-process .process-cell:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(197,166,111,.13);border-radius:50%;right:-50px;bottom:-48px} .about-gallery .masonry-grid{position:relative}.about-gallery .masonry-grid:before{content:"KULISY ELDEN";position:absolute;right:-24px;top:-52px;font-size:11px;letter-spacing:.28em;color:#a98a59;font-weight:700} .about-brand-signature{padding:22px 0 110px;overflow:hidden}.about-brand-signature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;background:#f7f3ec;border:1px solid #eee5d8;border-radius:30px;padding:62px;position:relative} .about-brand-signature-grid:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(174,140,84,.15);border-radius:50%;left:-100px;bottom:-150px} .about-signature-copy{position:relative;z-index:2}.about-signature-copy h2{font-size:clamp(31px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:12px 0 20px}.about-signature-copy p{color:var(--ink-soft);line-height:1.75;max-width:520px}.about-signature-mark{margin-top:34px;width:150px;opacity:.9}.about-signature-mark img{width:100%;height:auto} .about-signature-cards{height:440px;position:relative}.about-signature-card{position:absolute;overflow:hidden;border-radius:22px;background:#e9e3da;box-shadow:0 28px 65px -35px rgba(20,17,13,.5)}.about-signature-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.about-signature-card:hover img{transform:scale(1.035)} .about-signature-card-1{width:58%;height:76%;left:0;top:8%;z-index:2}.about-signature-card-2{width:42%;height:49%;right:0;top:0;z-index:3;border:7px solid #f7f3ec}.about-signature-card-3{width:47%;height:45%;right:4%;bottom:0;z-index:4;border:7px solid #f7f3ec} .about-why .why-tile{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.about-why .why-tile:after{content:"";position:absolute;right:-28px;bottom:-28px;width:72px;height:72px;border-radius:50%;background:rgba(182,148,91,.07)}.about-why .why-tile:hover{transform:translateY(-4px);box-shadow:0 20px 48px -32px rgba(18,16,12,.35)} .about-company-grid{position:relative}.about-company-grid:after{content:"ELDEN";position:absolute;right:0;bottom:-36px;font-size:110px;line-height:1;font-weight:800;letter-spacing:.12em;color:rgba(20,18,15,.035);pointer-events:none} .about-company-visual{border-radius:24px;overflow:hidden;box-shadow:0 28px 70px -40px rgba(0,0,0,.4)} .about-final-cta{position:relative;overflow:hidden}.about-final-cta:before,.about-final-cta:after{content:"";position:absolute;border:1px solid rgba(181,146,87,.14);border-radius:50%;width:300px;height:300px}.about-final-cta:before{left:-160px;top:-180px}.about-final-cta:after{right:-170px;bottom:-190px} @media(max-width:900px){ .about-hero-collage{min-height:470px;margin-top:8px}.about-collage-main{width:76%;height:72%}.about-collage-small{width:42%;height:33%;border-width:5px}.about-collage-small-two{width:46%;height:35%}.about-collage-label{left:2%;bottom:3%} .about-brand-signature-grid{grid-template-columns:1fr;gap:38px;padding:38px 24px}.about-signature-cards{height:370px} } @media(max-width:560px){ .about-hero-collage{min-height:385px}.about-collage-main{width:80%;height:67%;border-radius:22px}.about-collage-small{border-width:4px;border-radius:16px}.about-collage-small-one{top:9%}.about-collage-small-two{bottom:8%}.about-collage-label{padding:12px 14px}.about-collage-label small{font-size:9px} .story-text:before{display:none}.about-brand-signature{padding-bottom:70px}.about-brand-signature-grid{border-radius:22px}.about-signature-cards{height:300px}.about-signature-card{border-radius:16px}.about-signature-card-2,.about-signature-card-3{border-width:4px} } /* O nas v43 — poprawka po realnym podglądzie strony: bez powtarzanych ilustracji i gigantycznego logo */ .about-photo-empty{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#f5f1e9,#e9dfcf);color:#171714;text-align:center;padding:28px;box-sizing:border-box} .about-photo-empty span{font-size:clamp(24px,4vw,54px);font-weight:800;letter-spacing:.18em;opacity:.16}.about-photo-empty small{font-size:12px;color:#81786b;max-width:230px;line-height:1.5}.about-photo-empty-small{min-height:0}.about-photo-empty-small span{font-size:22px}.about-photo-empty-company{min-height:430px} .about-logo-watermark{display:none!important}.about-hero-visual:before{display:none!important}.about-collage-label{bottom:0} .about-real-gallery{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:16px}.about-real-gallery-item{min-height:360px;border-radius:22px;overflow:hidden;background:#eee8df}.about-real-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.about-real-gallery-item:first-child{min-height:520px;grid-row:span 2}.about-gallery .section-head{max-width:650px;margin-bottom:32px} .about-company-visual .about-photo-empty{border:1px solid #ebe4d8} /* ograniczamy wysokość i ilość pustej przestrzeni */ .about-hero-grid{min-height:540px}.about-story{padding-top:72px;padding-bottom:72px}.about-process{padding-top:76px;padding-bottom:76px}.about-why{padding-top:76px;padding-bottom:76px}.about-categories{padding-top:80px;padding-bottom:80px}.about-company{padding-top:86px;padding-bottom:86px} @media(max-width:900px){.about-real-gallery{grid-template-columns:1fr 1fr}.about-real-gallery-item:first-child{grid-column:1/-1;min-height:420px}.about-company-visual .about-photo-empty{min-height:320px}} @media(max-width:560px){.about-real-gallery{grid-template-columns:1fr}.about-real-gallery-item,.about-real-gallery-item:first-child{grid-column:auto;min-height:280px}.about-hero-grid{min-height:0}} /* === O NAS v44: jednolite pionowe grafiki 3:4 + układ naprzemienny === */ .about-editorial{padding:20px 0 76px;background:#fff} .about-editorial-row{display:grid;grid-template-columns:minmax(280px,480px) minmax(0,1fr);gap:clamp(42px,7vw,105px);align-items:center;padding-top:58px;padding-bottom:58px} .about-editorial-row-reverse .about-editorial-media{order:2}.about-editorial-row-reverse .about-editorial-copy{order:1} .about-editorial-media{width:100%;max-width:480px;aspect-ratio:3/4;border-radius:4px;overflow:hidden;background:#f4f0e9;box-shadow:0 18px 50px rgba(30,24,18,.08)} .about-editorial-media img{width:100%;height:100%;display:block;object-fit:cover} .about-editorial-copy{max-width:620px}.about-editorial-copy h1{font-size:clamp(38px,4.6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}.about-editorial-copy h2{font-size:clamp(32px,3.2vw,50px);line-height:1.06;letter-spacing:-.035em;margin:12px 0 20px}.about-editorial-copy p{font-size:17px;line-height:1.75;color:#504b45;max-width:620px}.about-editorial-copy .eyebrow,.about-editorial-copy .badge{color:#b66b1f;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700} .about-editorial .trust{margin:12px 0 18px} .about-photo-empty{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#f8f5ef,#eee6d9);color:#161616}.about-photo-empty span{font-size:36px;letter-spacing:.16em;font-weight:700}.about-photo-empty small{margin-top:12px;color:#776f65;font-size:12px;letter-spacing:.04em} .about-story{display:none!important} .about-company-grid{display:grid;grid-template-columns:minmax(280px,480px) minmax(0,1fr);gap:clamp(42px,7vw,105px);align-items:center}.about-company-grid>div:first-child{order:2}.about-company-visual{order:1;width:100%;max-width:480px;aspect-ratio:3/4;border-radius:4px;overflow:hidden;background:#f4f0e9}.about-company-visual img,.about-company-visual .about-photo-empty{width:100%;height:100%;object-fit:cover} .about-real-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-real-gallery-item{aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:#f4f0e9}.about-real-gallery-item img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:900px){.about-editorial-row,.about-company-grid{grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:38px}.about-editorial-row-reverse .about-editorial-media,.about-editorial-row-reverse .about-editorial-copy,.about-company-grid>div:first-child,.about-company-visual{order:initial}.about-editorial-media,.about-company-visual{max-width:620px;margin:0 auto}.about-real-gallery{grid-template-columns:1fr 1fr}} @media(max-width:600px){.about-editorial{padding-bottom:42px}.about-editorial-row{padding-top:26px;padding-bottom:34px}.about-editorial-copy h1{font-size:38px}.about-editorial-copy h2{font-size:31px}.about-editorial-copy p{font-size:16px}.about-real-gallery{grid-template-columns:1fr}.about-real-gallery-item{max-width:440px;margin:0 auto;width:100%}} /* ===== About us v2 rebuild ===== */ .about-v2{padding:10px 0 90px} .about-v2 section{padding:34px 0} .about-v2 .section-head{max-width:760px;margin-bottom:28px} .about-v2-section-head h2{font-size:clamp(30px,3.1vw,46px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 14px} .about-v2-section-head p{font-size:16px;line-height:1.75;color:var(--ink-soft)} .about-v2-label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--amber-tint);color:var(--amber-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .about-v2-row{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:56px;align-items:center} .about-v2-row--reverse{grid-template-columns:minmax(0,1fr) minmax(320px,420px)} .about-v2-row--reverse .about-v2-media{order:2} .about-v2-row--reverse .about-v2-copy{order:1} .about-v2-row.is-text-only,.about-v2-row--reverse.is-text-only{grid-template-columns:minmax(0,860px)} .about-v2-media{aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:#f3eee5;box-shadow:0 22px 60px rgba(18,15,12,.08)} .about-v2-image{width:100%;height:100%;display:block;object-fit:cover} .about-v2-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.05em;margin:14px 0 18px} .about-v2-copy h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 16px} .about-v2-copy p{font-size:16px;line-height:1.82;color:var(--ink-soft);max-width:640px} .about-v2-copy .about-v2-lead{font-size:17px} .about-v2-cardgrid{display:grid;gap:18px} .about-v2-cardgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))} .about-v2-cardgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))} .about-v2-iconcard,.about-v2-step,.about-v2-value,.about-v2-fact{background:#fff;border:1px solid #eee7dc;border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(18,15,12,.04)} .about-v2-iconcard strong,.about-v2-step h3,.about-v2-value h3,.about-v2-fact strong{display:block;font-family:'Plus Jakarta Sans',sans-serif} .about-v2-iconcard strong{font-size:15px;margin-bottom:8px} .about-v2-iconcard span,.about-v2-step p,.about-v2-value p,.about-v2-fact span{font-size:14px;line-height:1.65;color:var(--ink-soft)} .about-v2-stepnum{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--amber-text);margin-bottom:12px} .about-v2-step h3,.about-v2-value h3{font-size:19px;margin-bottom:10px} .about-v2-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .about-v2-gallery-item{aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#f3eee5} .about-v2-category{display:block;background:#fff;border:1px solid #eee7dc;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(18,15,12,.04);transition:transform .18s ease,box-shadow .18s ease} .about-v2-category:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(18,15,12,.08)} .about-v2-category-photo{aspect-ratio:3/4;background:#f3eee5} .about-v2-category-copy{padding:18px 18px 20px} .about-v2-category-copy h3{font-size:20px;margin-bottom:8px} .about-v2-category-copy p{font-size:14px;line-height:1.65;color:var(--ink-soft)} .about-v2-facts{padding-top:14px} .about-v2-fact{padding:28px 20px;text-align:center} .about-v2-fact strong{font-size:34px;line-height:1;margin-bottom:8px} .about-v2-final-box{max-width:900px;text-align:center;padding:52px 40px;border:1px solid #eee7dc;border-radius:28px;background:linear-gradient(180deg,#fff,#faf7f2)} .about-v2-final-box h2{font-size:clamp(32px,3vw,44px);margin:14px 0 12px} .about-v2-final-box p{max-width:640px;margin:0 auto 24px;color:var(--ink-soft);line-height:1.75} .about-v2 .company-data{display:flex;flex-direction:column;gap:6px;margin-top:22px;color:var(--ink-soft);font-size:14px} .about-v2 .company-data b{color:var(--ink);font-size:15px} /* reduce noisy placeholders elsewhere on About */ .about-v2 .img-fallback{min-height:0;font-size:13px;background:linear-gradient(145deg,#f4f0e8,#ece4d7);color:#81786a} @media(max-width:1100px){.about-v2-row,.about-v2-row--reverse{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:38px}.about-v2-row--reverse .about-v2-media{order:2}.about-v2-row--reverse .about-v2-copy{order:1}.about-v2-cardgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.about-v2{padding-bottom:60px}.about-v2-row,.about-v2-row--reverse,.about-v2-row.is-text-only,.about-v2-row--reverse.is-text-only{grid-template-columns:1fr;gap:24px}.about-v2-row--reverse .about-v2-media,.about-v2-row--reverse .about-v2-copy{order:initial}.about-v2-media{max-width:480px;margin:0 auto;width:100%}.about-v2-cardgrid--3,.about-v2-cardgrid--4,.about-v2-gallery-grid{grid-template-columns:1fr}.about-v2-final-box{padding:38px 24px}.about-v2-copy h1{font-size:38px}.about-v2-copy h2{font-size:30px}} /* ============================================================ O NAS — v47. Samodzielny, odporny na starsze reguły layout. Wszystkie grafiki: stałe 3:4. Brak grafiki = widoczny placeholder. ============================================================ */ .about47{--a47-max:1160px;--a47-gap:64px;--a47-soft:#f8f6f2;--a47-border:#e9e3d9;overflow:hidden;background:#fff} .about47 .wrap{max-width:var(--a47-max);padding-left:28px;padding-right:28px} .about47-breadcrumb{padding-top:18px;padding-bottom:8px;font-size:12px;color:#7a746c} .about47-breadcrumb span{padding:0 7px;color:#b7b0a7} .about47-section{padding:72px 0} .about47-soft{background:var(--a47-soft)} .about47-row{display:grid!important;grid-template-columns:420px minmax(0,1fr)!important;gap:var(--a47-gap)!important;align-items:center!important} .about47-row-reverse{grid-template-columns:minmax(0,1fr) 420px!important} .about47-row-reverse>.about47-media{grid-column:2;grid-row:1} .about47-row-reverse>.about47-copy{grid-column:1;grid-row:1} .about47-media{width:100%;aspect-ratio:3/4!important;border-radius:20px;overflow:hidden;background:#f1ede6;border:1px solid var(--a47-border);box-shadow:0 20px 50px rgba(25,20,15,.07)} .about47-image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important} .about47-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(145deg,#f6f2eb,#ece5da);position:relative;color:#746d64} .about47-placeholder:after{content:"";position:absolute;inset:18px;border:1px dashed #cfc5b6;border-radius:13px} .about47-placeholder-mark{font-family:'Plus Jakarta Sans',sans-serif;font-size:34px;font-weight:800;letter-spacing:.16em;color:#171511;opacity:.10;margin-bottom:18px} .about47-placeholder strong{font-size:15px;color:#514b44;z-index:1} .about47-placeholder small{font-size:12px;margin-top:7px;color:#8a8177;z-index:1} .about47-copy{max-width:610px} .about47-kicker{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--amber-text);margin-bottom:14px} .about47-copy h1{font-size:clamp(40px,4vw,60px)!important;line-height:1.04!important;letter-spacing:-.045em!important;margin:0 0 20px!important} .about47-copy h2,.about47-head h2{font-size:clamp(31px,3vw,44px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 18px!important} .about47-copy p,.about47-head p{font-size:16px!important;line-height:1.78!important;color:#5f5952!important;margin:0!important} .about47-copy .about47-lead{font-size:17px!important} .about47-copy .btn-row{margin-top:26px;flex-wrap:wrap} .about47-trust{padding:0 0 24px} .about47-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .about47-trust-grid>div{border:1px solid var(--a47-border);border-radius:16px;padding:20px 18px;background:#fff} .about47-trust-grid b{display:block;font-size:14px;margin-bottom:6px} .about47-trust-grid span{display:block;color:#776f66;font-size:12.5px;line-height:1.5} .about47-head{max-width:720px;margin-bottom:30px} .about47-process{background:#fff} .about47-steps,.about47-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .about47-step,.about47-value{border:1px solid var(--a47-border);border-radius:18px;padding:24px;background:#fff;min-height:190px} .about47-step>span{display:block;font-size:12px;font-weight:800;color:var(--amber-text);letter-spacing:.12em;margin-bottom:18px} .about47-step h3,.about47-value h3{font-size:18px!important;line-height:1.25!important;margin:0 0 10px!important} .about47-step p,.about47-value p{font-size:13.5px!important;line-height:1.65!important;color:#6d665e!important;margin:0!important} .about47-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .about47-gallery .about47-media{aspect-ratio:3/4!important;border-radius:18px;box-shadow:none} .about47-facts{padding:34px 0;background:#151412;color:#fff} .about47-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center} .about47-facts-grid strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;line-height:1;margin-bottom:8px} .about47-facts-grid span{font-size:12.5px;color:#c9c4bc} .about47-company-data{display:flex;flex-direction:column;gap:6px;margin-top:22px;padding-top:20px;border-top:1px solid var(--a47-border);font-size:13px;color:#716a62} .about47-company-data b{font-size:14px;color:#171511} .about47-final{padding-top:48px;padding-bottom:86px} .about47-final-box{max-width:860px;text-align:center;padding:50px 40px;border:1px solid var(--a47-border);border-radius:24px;background:var(--a47-soft)} .about47-final-box h2{font-size:clamp(30px,3vw,42px)!important;margin:0 0 12px!important} .about47-final-box p{font-size:15px;line-height:1.7;color:#666058;max-width:620px;margin:0 auto} .about47-btns{justify-content:center;margin-top:24px;flex-wrap:wrap} /* opinie na O nas: zachowaj szerokość i oddech, bez ściskania */ .about47 + .site-footer{} .about47 .reviews-section,.about47 .store-reviews{margin-top:0} @media(max-width:980px){ .about47{--a47-gap:36px} .about47-row,.about47-row-reverse{grid-template-columns:340px minmax(0,1fr)!important} .about47-row-reverse{grid-template-columns:minmax(0,1fr) 340px!important} .about47-trust-grid,.about47-steps,.about47-values-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:740px){ .about47 .wrap{padding-left:18px;padding-right:18px} .about47-section{padding:46px 0} .about47-row,.about47-row-reverse{display:grid!important;grid-template-columns:1fr!important;gap:28px!important} .about47-row-reverse>.about47-media,.about47-row-reverse>.about47-copy{grid-column:1;grid-row:auto} .about47-row-reverse>.about47-media{order:1}.about47-row-reverse>.about47-copy{order:2} .about47-media{max-width:430px;margin:0 auto} .about47-trust-grid,.about47-steps,.about47-values-grid,.about47-gallery,.about47-facts-grid{grid-template-columns:1fr} .about47-copy h1{font-size:38px!important}.about47-copy h2,.about47-head h2{font-size:30px!important} .about47-final-box{padding:38px 22px} } /* ===== ELDEN CART UX v2 ===== */ .elden-cart-page{background:#fff;border-top:1px solid var(--line);padding:0 0 96px} .elden-cart-shell{padding-top:28px} .elden-cart-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-soft);margin-bottom:32px}.elden-cart-breadcrumb strong{color:var(--ink);font-weight:600}.elden-cart-breadcrumb span{opacity:.45} .elden-cart-header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid var(--line)} .elden-cart-kicker{display:block;color:var(--amber-text);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}.elden-cart-header h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:1}.elden-cart-header h1 em{font-style:normal;color:#aaa39a;font-size:.55em;font-weight:600;vertical-align:middle} .elden-cart-steps{display:flex;align-items:center;gap:12px}.elden-cart-steps>div{display:flex;align-items:center;gap:8px;color:#aaa39a;font-size:12px;font-weight:700;white-space:nowrap}.elden-cart-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #ddd6cb;background:#fff;font-size:12px}.elden-cart-steps .is-active{color:var(--ink)}.elden-cart-steps .is-active b{background:var(--ink);border-color:var(--ink);color:#fff}.elden-cart-steps i{display:block;width:44px;height:1px;background:#ddd6cb} .elden-cart-fast-promise{margin:0;text-align:right;font-size:13px;line-height:1.5;color:var(--ink-soft)}.elden-cart-fast-promise strong{color:var(--ink)} .elden-cart-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:48px;align-items:start;padding-top:42px} .elden-cart-products{min-width:0}.elden-cart-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.elden-cart-section-head h2,.elden-cart-summary-card h2{font-size:22px;letter-spacing:-.025em}.elden-cart-section-head p{font-size:14px;color:var(--ink-soft);margin-top:7px}.elden-continue-shopping{font-size:13px;font-weight:700;padding-top:6px;color:var(--ink-soft)}.elden-continue-shopping:hover{color:var(--amber-text)} .elden-cart-list{border-top:1px solid var(--line)} .elden-cart-item{display:grid;grid-template-columns:116px minmax(0,1fr) 126px 116px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)} .elden-cart-item-image{width:116px;height:116px;border-radius:16px;overflow:hidden;background:#f8f6f2;border:1px solid #eee9e0}.elden-cart-item-image a{display:block;width:100%;height:100%}.elden-cart-item-image img{width:100%;height:100%;object-fit:contain;padding:9px} .elden-cart-item-name{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:700;line-height:1.45;max-width:520px}.elden-cart-item-name:hover{color:var(--amber-text)}.elden-cart-item-meta{font-size:12px;color:var(--ink-soft);margin-top:6px}.elden-cart-unit-price{font-size:13px;color:var(--ink-soft);margin-top:9px}.elden-cart-remove{display:inline-block;margin-top:12px;font-size:12.5px;color:#8b847b;text-decoration:underline;text-underline-offset:3px}.elden-cart-remove:hover{color:#b42318} .elden-cart-item-controls label,.elden-cart-item-total span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#918a80;font-weight:700;margin-bottom:9px}.elden-cart-qty-wrap{display:inline-flex;align-items:center;height:44px;border:1px solid #ddd6cc;border-radius:12px;overflow:hidden;background:#fff}.elden-cart-qty-wrap .quantity{margin:0!important}.elden-cart-qty-wrap input.qty{width:44px!important;height:42px!important;border:0!important;border-left:1px solid #eee7de!important;border-right:1px solid #eee7de!important;border-radius:0!important;padding:0!important;text-align:center!important;background:#fff!important;-moz-appearance:textfield}.elden-cart-qty-wrap input.qty::-webkit-inner-spin-button,.elden-cart-qty-wrap input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.elden-cart-qty-btn{width:38px;height:42px;border:0;background:#fff;font-size:19px;color:var(--ink);cursor:pointer}.elden-cart-qty-btn:hover{background:#f7f4ef}.elden-cart-item-total{text-align:right}.elden-cart-item-total strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;white-space:nowrap} .elden-cart-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px}.elden-cart-coupon summary{font-size:13px;font-weight:700;cursor:pointer}.elden-cart-coupon[open] summary{margin-bottom:10px}.elden-cart-coupon>div{display:flex}.elden-cart-coupon input{width:190px;height:44px;padding:0 13px;border:1px solid #ddd6cc;border-radius:10px 0 0 10px;font:inherit;font-size:13px}.elden-cart-coupon button{height:44px;padding:0 16px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:0 10px 10px 0;font-weight:700;font-size:12px}.elden-cart-save-status{font-size:12px;color:var(--ink-soft);margin-left:auto}.elden-update-cart{height:44px;padding:0 16px;border:1px solid #ddd6cc;background:#fff;border-radius:10px;font-size:12px;font-weight:700;color:var(--ink-soft)}.elden-update-cart:hover{border-color:#bbb2a5;color:var(--ink)} .elden-cart-summary{position:relative}.elden-cart-summary-card{position:sticky;top:112px;padding:30px;border:1px solid #e9e3d9;border-radius:22px;background:#fbfaf8;box-shadow:0 18px 50px rgba(28,22,16,.06)}.elden-cart-summary-card h2{margin-bottom:24px}.elden-cart-summary-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;color:var(--ink-soft)}.elden-cart-summary-line strong{color:var(--ink);font-weight:600;text-align:right}.elden-cart-summary-line.is-discount strong,.elden-cart-summary-line.is-discount{color:#327a43}.elden-cart-summary-total{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 0 14px;margin-top:8px;border-top:1px solid #ddd6cc}.elden-cart-summary-total span{font-size:16px;font-weight:700}.elden-cart-summary-total strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;line-height:1}.elden-cart-tax-note{font-size:11.5px;line-height:1.55;color:#918a80;margin-bottom:18px}.elden-cart-checkout-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 19px;border-radius:12px;background:var(--ink);color:#fff!important;font-size:15px;font-weight:800;transition:transform .15s ease,background .15s ease}.elden-cart-checkout-btn:hover{background:var(--amber-deep);transform:translateY(-1px)}.elden-cart-checkout-btn span{font-size:20px;line-height:1}.elden-cart-reassurance{display:grid;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid #e7e1d8}.elden-cart-reassurance>div{display:flex;align-items:flex-start;gap:10px}.elden-cart-reassurance b{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fff1de;color:var(--amber-text);font-size:11px}.elden-cart-reassurance span{display:flex;flex-direction:column;gap:2px}.elden-cart-reassurance strong{font-size:12.5px}.elden-cart-reassurance small{font-size:11.5px;color:var(--ink-soft)} .elden-cart-empty{max-width:620px;margin:72px auto 0;text-align:center;padding:54px 34px;border:1px solid #eee7dc;border-radius:24px;background:#fbfaf8}.elden-cart-empty-icon{font-size:42px;margin-bottom:16px}.elden-cart-empty h2{font-size:28px;margin-bottom:10px}.elden-cart-empty p{color:var(--ink-soft);line-height:1.65;margin:0 auto 24px;max-width:470px} @media(max-width:1000px){.elden-cart-layout{grid-template-columns:1fr;gap:30px}.elden-cart-summary-card{position:static}.elden-cart-header{align-items:flex-start}.elden-cart-steps{display:none}} @media(max-width:760px){.elden-cart-page{padding-bottom:60px}.elden-cart-shell{padding-top:20px}.elden-cart-header{padding-bottom:24px}.elden-cart-layout{padding-top:26px}.elden-cart-section-head{display:block}.elden-continue-shopping{display:inline-block;margin-top:12px}.elden-cart-item{grid-template-columns:88px minmax(0,1fr);gap:15px;padding:18px 0}.elden-cart-item-image{width:88px;height:88px}.elden-cart-item-controls{grid-column:2}.elden-cart-item-total{grid-column:2;text-align:left}.elden-cart-item-total span{display:none}.elden-cart-bottom-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.elden-cart-coupon>div{width:100%}.elden-cart-coupon input{flex:1;width:auto}.elden-update-cart{width:100%}.elden-cart-summary-card{padding:24px}.elden-cart-header h1{font-size:40px}} .checkout-fast-head{margin-bottom:28px}.checkout-fast-head>a{font-size:13px;font-weight:700;color:var(--ink-soft)}.checkout-fast-head>a:hover{color:var(--amber-text)}.checkout-fast-head .checkout-title{margin:18px 0 8px}.checkout-fast-head p,.checkout-address-note{color:var(--ink-soft);font-size:14px;line-height:1.55}.checkout-address-note{margin:12px 0 0} .elden-unified-order{display:grid;grid-template-columns:minmax(0,1fr);gap:54px;padding-bottom:80px}.elden-unified-cart{min-width:0}.elden-unified-checkout{padding-top:48px;border-top:1px solid var(--line)}.elden-unified-checkout-head{margin-bottom:28px}.elden-unified-checkout-head>span{display:block;margin-bottom:9px;color:var(--amber-text);font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.elden-unified-checkout-head h2{font-size:28px;letter-spacing:-.035em;margin-bottom:8px}.elden-unified-checkout-head p{margin:0;color:var(--ink-soft);font-size:14px}.elden-unified-order .checkout-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:48px}.elden-unified-order .checkout-summary .summary-card{position:sticky;top:104px}.elden-unified-order .elden-cart-save-status{display:block;margin:18px 0 0}.elden-unified-order .woocommerce-shipping-totals th,.elden-unified-order .woocommerce-shipping-totals td{padding-top:14px}.elden-unified-order .woocommerce-checkout-payment{margin-top:22px} @media(max-width:900px){.elden-unified-order{gap:38px}.elden-unified-order .checkout-grid{grid-template-columns:1fr;gap:26px}.elden-unified-order .checkout-summary .summary-card{position:static}} .onestep-checkout #payment ul.payment_methods{list-style:none;padding:0;margin:18px 0}.onestep-checkout #payment ul.payment_methods li{list-style:none;margin:10px 0;padding:14px;border:1px solid var(--line-strong);border-radius:12px;background:#fff}.onestep-checkout #payment ul.payment_methods li:has(input:checked){border-color:#161311}.onestep-checkout #payment ul.payment_methods label{font-weight:800}.onestep-checkout #payment .payment_box{margin:8px 0 0;padding:0;background:transparent;font-size:13px;line-height:1.4}.onestep-checkout #payment .payment_method_bacs label:before{content:'🏦 ';}.onestep-checkout #payment .payment_method_cod label:before{content:'💳 ';}.onestep-checkout .woocommerce-shipping-totals{display:none}@media(max-width:700px){.elden-unified-checkout{padding-top:28px}.elden-unified-checkout-head h2{font-size:25px}.summary-card{padding:18px}.onestep-checkout #payment ul.payment_methods li{padding:12px}.elden-cart-item{grid-template-columns:76px 1fr}.elden-cart-item-total{grid-column:2;text-align:left}} .elden-pickup-schedule{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft)}.elden-pickup-schedule[hidden]{display:none!important}.elden-pickup-schedule h3{margin:0 0 5px}.elden-pickup-schedule p{margin:0 0 16px;color:var(--ink-soft)} .elden-confirmation-page{padding:54px 0 90px;background:var(--bg-soft);min-height:65vh}.elden-confirmation-card{max-width:1080px;margin:0 auto}.elden-thankyou{color:var(--ink)}.elden-thankyou__hero{display:flex;align-items:flex-start;gap:20px;padding:34px;background:#fff;border:1px solid var(--line);border-radius:20px}.elden-thankyou__check{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#eaf7ee;color:#1d7d3d;font-size:30px;font-weight:900}.elden-thankyou__eyebrow{margin:0 0 5px;color:#a85e00;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.elden-thankyou__hero h1{margin:0 0 9px;font-size:32px}.elden-thankyou__hero p:last-child{margin:0;color:var(--ink-soft);line-height:1.6}.elden-thankyou__delivery{display:flex;align-items:center;gap:16px;margin:16px 0 24px;padding:20px 26px;background:#171411;color:#fff;border-radius:16px}.elden-thankyou__delivery-icon{font-size:29px}.elden-thankyou__delivery span,.elden-thankyou__delivery small{display:block}.elden-thankyou__delivery span{font-size:12px;color:#d7d2ca;text-transform:uppercase;letter-spacing:.06em}.elden-thankyou__delivery strong{display:block;margin:2px 0;font-size:21px}.elden-thankyou__delivery small{color:#d7d2ca}.elden-bank-details{margin:0 0 24px;padding:26px;background:#fff8e8;border:1px solid #efd295;border-radius:18px}.elden-bank-details__heading{display:flex;align-items:center;gap:13px;margin-bottom:12px}.elden-bank-details__heading>span{font-size:30px}.elden-bank-details__heading span{display:block;font-size:12px;color:#79684c;text-transform:uppercase}.elden-bank-details h2{margin:2px 0 0}.elden-bank-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.elden-bank-account p{margin:0;padding:13px 15px;background:#fff;border-radius:10px}.elden-bank-account p span{display:block;margin-bottom:3px;color:var(--ink-soft);font-size:12px}.elden-bank-account p strong{font-size:15px}.elden-bank-account__number{grid-column:1/-1}.elden-bank-account__number strong{font-size:20px!important;letter-spacing:.045em}.elden-thankyou__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:20px}.elden-order-products,.elden-order-customer{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.elden-order-products h2,.elden-order-customer h2{margin:0 0 20px;font-size:21px}.elden-order-customer h3{margin:24px 0 8px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;text-transform:uppercase;letter-spacing:.05em}.elden-order-customer p{margin:4px 0}.elden-order-address{margin-top:10px;color:var(--ink-soft);line-height:1.6}.elden-order-product{display:grid;grid-template-columns:76px 1fr auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.elden-order-product__image{overflow:hidden;width:76px;height:76px;border-radius:10px;background:var(--bg-soft)}.elden-order-product__image img{width:100%;height:100%;object-fit:cover}.elden-order-product__content span,.elden-order-product__content small{display:block;margin-top:4px;color:var(--ink-soft);font-size:13px}.elden-order-product__price{white-space:nowrap}.elden-order-totals{margin-top:14px}.elden-order-totals>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.elden-order-totals>div:last-child{margin-top:6px;padding-top:15px;border-top:2px solid var(--ink);font-size:19px}.elden-thankyou__help{margin:18px 0 0;text-align:center;color:var(--ink-soft)}.elden-thankyou--failed{padding:35px;background:#fff;border:1px solid #efc8c8;border-radius:18px}.elden-thankyou--failed h1{margin-top:0}@media(max-width:760px){.elden-confirmation-page{padding:22px 0 55px}.elden-thankyou__hero{padding:22px;gap:14px}.elden-thankyou__check{flex-basis:44px;width:44px;height:44px;font-size:24px}.elden-thankyou__hero h1{font-size:25px}.elden-thankyou__delivery{padding:18px}.elden-thankyou__delivery strong{font-size:18px}.elden-thankyou__grid{grid-template-columns:1fr}.elden-order-products,.elden-order-customer,.elden-bank-details{padding:20px}.elden-bank-account{grid-template-columns:1fr}.elden-bank-account__number{grid-column:auto}.elden-bank-account__number strong{font-size:15px!important;letter-spacing:0}.elden-order-product{grid-template-columns:64px 1fr}.elden-order-product__image{width:64px;height:64px}.elden-order-product__price{grid-column:2}.elden-thankyou__hero p strong{overflow-wrap:anywhere}} /* Wybór jednego z czterech terminów — wspólny dla kuriera i odbioru. */ .elden-date-choice{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft)}.elden-date-choice h3{margin:0 0 5px;font-size:18px}.elden-date-choice>p{margin:0 0 16px;color:var(--ink-soft)}.elden-date-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.elden-date-card{position:relative;display:block;cursor:pointer}.elden-date-card input{position:absolute;opacity:0;pointer-events:none}.elden-date-card>span{display:block;padding:14px 10px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;text-align:center;transition:.15s ease}.elden-date-card strong,.elden-date-card small{display:block}.elden-date-card strong{font-size:14px;text-transform:capitalize}.elden-date-card small{margin-top:3px;color:var(--ink-soft)}.elden-date-card input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff8eb}.elden-date-card input:focus-visible+span{outline:3px solid rgba(254,153,0,.3);outline-offset:2px}.elden-date-note{display:block;margin-top:12px;color:var(--ink-soft);line-height:1.45} /* Panel klienta — pełna szerokość, bez zagnieżdżenia układu zwykłej strony. */ .elden-account-page{padding:42px 0 100px;background:var(--bg-soft);min-height:70vh}.account-header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;padding:30px 34px;background:#171411;color:#fff;border-radius:20px}.account-header .badge{background:rgba(255,255,255,.12);color:#ffd28f}.account-header h1{margin:11px 0 7px;color:#fff;font-size:clamp(30px,4vw,45px)}.account-header p{margin:0;color:#cbc5bd}.account-header-icon{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;border-radius:50%;background:#fff;font-size:31px}.elden-account-page .account-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:0;align-items:start}.elden-account-page .account-nav{top:90px;background:#fff;box-shadow:0 12px 32px rgba(19,18,17,.05)}.elden-account-page .account-content{min-width:0;min-height:430px;padding:32px;background:#fff;box-shadow:0 12px 32px rgba(19,18,17,.05)}.elden-account-page .account-content>p:first-child{margin-top:0;font-size:16px}.elden-account-page .woocommerce-MyAccount-navigation{width:100%;float:none}.elden-account-page .woocommerce-MyAccount-content{width:auto;float:none}.elden-account-page .woocommerce-MyAccount-navigation ul{margin:0;padding:0}.elden-account-page .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:43px}.elden-account-page .woocommerce-MyAccount-orders{table-layout:auto}.elden-account-page .woocommerce-MyAccount-orders td,.elden-account-page .woocommerce-MyAccount-orders th{word-break:normal;overflow-wrap:normal}.elden-account-page form .form-row{margin-bottom:15px}.elden-account-page fieldset{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:12px} @media(max-width:900px){.elden-account-page{padding-top:24px}.elden-account-page .account-body{grid-template-columns:1fr}.elden-account-page .account-nav{position:static}.elden-account-page .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.elden-account-page .account-content{padding:22px}.elden-date-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.account-header{padding:23px}.account-header-icon{display:none}.elden-account-page .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr}.elden-date-options{grid-template-columns:1fr 1fr}.elden-date-card>span{padding:12px 7px}.elden-account-page .woocommerce-MyAccount-orders thead{display:none}.elden-account-page .woocommerce-MyAccount-orders tr{display:block;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.elden-account-page .woocommerce-MyAccount-orders td{display:flex;justify-content:space-between;gap:15px;padding:8px;border:0}.elden-account-page .woocommerce-MyAccount-orders td:before{content:attr(data-title);font-weight:700;color:var(--ink)}} .elden-shipping-choice{margin:0 0 20px}.elden-shipping-choice h4{font-size:14px;margin:0 0 10px}.elden-delivery-card{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid var(--line-strong);border-radius:12px;margin:8px 0;background:#fff;cursor:pointer}.elden-delivery-card:has(input:checked){border-color:#161311;background:#faf7f2}.elden-delivery-card input{margin:0}.elden-delivery-icon{font-size:20px}.elden-delivery-card strong,.elden-delivery-card small{display:block}.elden-delivery-card small{margin-top:2px;color:var(--ink-soft)} /* ===== WooCommerce Cart + Checkout Blocks — pełny nowoczesny UX ===== */ .commerce-page{padding:0 0 100px;background:#fff} .commerce-page-head{padding-top:34px;padding-bottom:26px} .commerce-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-soft);margin-bottom:28px} .commerce-breadcrumb a:hover{color:var(--ink)} .commerce-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:26px;border-bottom:1px solid var(--line)} .commerce-kicker{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--amber-text);margin-bottom:8px} .commerce-heading-row h1{font-size:clamp(34px,4vw,50px);line-height:1;letter-spacing:-.045em} .commerce-fast-note{margin:0;color:var(--ink-soft);font-size:13px;font-weight:600} .commerce-steps{display:flex;align-items:center;gap:10px;min-width:390px;justify-content:flex-end} .commerce-step{display:flex;align-items:center;gap:8px;color:#aaa39a;font-size:12.5px;font-weight:600;white-space:nowrap} .commerce-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #ded8cf;background:#fff;font-size:11px} .commerce-step.is-active{color:var(--ink)} .commerce-step.is-active b{background:var(--ink);border-color:var(--ink);color:#fff} .commerce-step-line{width:34px;height:1px;background:#ded8cf} .commerce-page-content{padding-top:26px} /* reset bloków Woo wewnątrz stron handlowych */ .commerce-page .wp-block-woocommerce-cart, .commerce-page .wp-block-woocommerce-checkout{max-width:none!important;width:100%!important;margin:0!important} .commerce-page .wc-block-components-sidebar-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:44px!important;align-items:start!important} .commerce-page .wc-block-components-main{width:auto!important;max-width:none!important;padding-right:0!important;margin:0!important} .commerce-page .wc-block-components-sidebar{width:auto!important;max-width:none!important;margin:0!important} /* KOSZYK — lista produktów */ .commerce-page--cart .wc-block-cart-items{border-collapse:separate!important;border-spacing:0 14px!important;margin:0!important} .commerce-page--cart .wc-block-cart-items thead{display:none} .commerce-page--cart .wc-block-cart-items tbody tr{background:#fff;border:1px solid #ece6dd;box-shadow:0 8px 26px rgba(20,16,12,.035)} .commerce-page--cart .wc-block-cart-items td{padding:22px!important;border-top:1px solid #ece6dd!important;border-bottom:1px solid #ece6dd!important;vertical-align:middle!important} .commerce-page--cart .wc-block-cart-items td:first-child{border-left:1px solid #ece6dd!important;border-radius:18px 0 0 18px} .commerce-page--cart .wc-block-cart-items td:last-child{border-right:1px solid #ece6dd!important;border-radius:0 18px 18px 0} .commerce-page--cart .wc-block-cart-item__image{width:118px!important} .commerce-page--cart .wc-block-cart-item__image img{width:96px!important;height:96px!important;object-fit:cover;border-radius:12px;background:#f6f3ee} .commerce-page--cart .wc-block-components-product-name{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important;color:var(--ink)!important;text-decoration:none!important} .commerce-page--cart .wc-block-components-product-metadata{display:none!important} .commerce-page--cart .wc-block-components-product-price{font-size:14px!important;color:var(--ink-soft)} .commerce-page--cart .wc-block-components-quantity-selector{border:1px solid #ded8cf!important;border-radius:10px!important;overflow:hidden;background:#fff} .commerce-page--cart .wc-block-cart-item__remove-link{color:#8f867c!important;font-size:12px!important;text-decoration:none!important} .commerce-page--cart .wc-block-cart-item__remove-link:hover{color:#b12c2c!important} .commerce-page--cart .wc-block-cart-item__total-price-and-sale-badge-wrapper{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800} /* PODSUMOWANIE — wspólne */ .commerce-page .wc-block-components-sidebar{position:sticky!important;top:105px} .commerce-page .wc-block-components-sidebar > div, .commerce-page .wc-block-cart__sidebar, .commerce-page .wc-block-checkout__sidebar{background:#fbfaf8!important;border:1px solid #e8e1d7!important;border-radius:20px!important;padding:26px!important;box-shadow:0 14px 40px rgba(20,16,12,.055)!important} .commerce-page .wc-block-components-totals-wrapper{padding:16px 0!important;border-top:1px solid #e5ded4!important} .commerce-page .wc-block-components-totals-wrapper:first-child{border-top:0!important} .commerce-page .wc-block-components-totals-item__label{font-size:13px!important;color:var(--ink-soft)} .commerce-page .wc-block-components-totals-item__value{font-size:14px!important;font-weight:700!important;color:var(--ink)!important} .commerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .commerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:23px!important;font-weight:800!important;color:var(--ink)!important} .commerce-page .wc-block-cart__submit-button, .commerce-page .wc-block-components-checkout-place-order-button{min-height:56px!important;border:0!important;border-radius:12px!important;background:var(--ink)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important} .commerce-page .wc-block-cart__submit-button:hover, .commerce-page .wc-block-components-checkout-place-order-button:hover{background:var(--amber-deep)!important} /* CHECKOUT */ .commerce-page--checkout .wc-block-checkout__main{display:flex!important;flex-direction:column!important;gap:18px!important} .commerce-page--checkout .wc-block-components-checkout-step{margin:0!important;padding:26px!important;border:1px solid #ebe4da!important;border-radius:18px!important;background:#fff!important} .commerce-page--checkout .wc-block-components-checkout-step__heading{margin-bottom:18px!important} .commerce-page--checkout .wc-block-components-checkout-step__title{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:21px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.02em!important} .commerce-page--checkout .wc-block-components-checkout-step__description{font-size:13px!important;color:var(--ink-soft)!important} .commerce-page--checkout .wc-block-components-text-input input, .commerce-page--checkout .wc-block-components-text-input textarea, .commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input{min-height:52px!important;border:1px solid #dcd5cb!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;font-size:14px!important} .commerce-page--checkout .wc-block-components-text-input input:focus, .commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus{border-color:#a9977f!important;box-shadow:0 0 0 2px rgba(159,96,0,.07)!important} .commerce-page--checkout .wc-block-components-radio-control-accordion-option{border:1px solid #e4ddd3!important;border-radius:12px!important;margin:8px 0!important;background:#fff!important} .commerce-page--checkout .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted{border-color:#b69363!important;box-shadow:0 0 0 1px #b69363!important} .commerce-page--checkout .wc-block-components-checkout-step__container{padding-left:0!important} .commerce-page--checkout .wc-block-components-checkout-step__content{padding-left:0!important} .commerce-page--checkout .wc-block-components-address-card{border:1px solid #e4ddd3!important;border-radius:12px!important;padding:18px!important} .commerce-page--checkout .wc-block-components-order-summary{margin:0!important} .commerce-page--checkout .wc-block-components-order-summary-item{display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;gap:12px!important;padding:15px 0!important;border-bottom:1px solid #e7e0d7!important} .commerce-page--checkout .wc-block-components-order-summary-item__image{width:70px!important} .commerce-page--checkout .wc-block-components-order-summary-item__image img{width:64px!important;height:64px!important;object-fit:cover!important;border-radius:10px!important;background:#f3efe8} .commerce-page--checkout .wc-block-components-order-summary-item__description{padding:0!important;min-width:0!important} .commerce-page--checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name{font-size:13px!important;font-weight:700!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .commerce-page--checkout .wc-block-components-order-summary-item__description .wc-block-components-product-metadata{display:none!important} .commerce-page--checkout .wc-block-components-order-summary-item__total-price{font-size:14px!important;font-weight:800!important;white-space:nowrap!important} .commerce-page--checkout .wc-block-components-order-summary-item__quantity{background:var(--ink)!important;color:#fff!important;border:0!important} .commerce-page--checkout .wc-block-components-checkout-return-to-cart-button{font-size:13px!important;color:var(--ink-soft)!important;text-decoration:none!important} .commerce-page--checkout .wc-block-components-validation-error{font-size:12px!important} .commerce-page--checkout .wc-block-components-notice-banner{border-radius:12px!important;padding:14px 16px!important} /* usuń przypadkowe style zwykłych podstron z bloków Woo */ .commerce-page .page-toc,.commerce-page .page-hero{display:none!important} .commerce-page-content>.woocommerce,.commerce-page-content>.wp-block-woocommerce-cart,.commerce-page-content>.wp-block-woocommerce-checkout{max-width:none!important} @media(max-width:980px){ .commerce-page .wc-block-components-sidebar-layout{grid-template-columns:1fr!important;gap:24px!important} .commerce-page .wc-block-components-sidebar{position:static!important} .commerce-heading-row{align-items:flex-start;flex-direction:column} .commerce-steps{min-width:0;width:100%;justify-content:flex-start} } @media(max-width:640px){ .commerce-page-head{padding-top:22px;padding-bottom:18px} .commerce-heading-row{gap:22px} .commerce-step span{display:none} .commerce-step-line{flex:1;max-width:70px} .commerce-page-content{padding-top:16px} .commerce-page--checkout .wc-block-components-checkout-step{padding:18px!important;border-radius:14px!important} .commerce-page .wc-block-components-sidebar > div,.commerce-page .wc-block-cart__sidebar,.commerce-page .wc-block-checkout__sidebar{padding:18px!important;border-radius:14px!important} .commerce-page--cart .wc-block-cart-items td{padding:14px!important} .commerce-page--cart .wc-block-cart-item__image{width:78px!important} .commerce-page--cart .wc-block-cart-item__image img{width:66px!important;height:66px!important} } /* Karta produktu bez ceny nie może wyglądać jak uszkodzona. */ .price-unavailable{font-size:13px;color:var(--ink-soft);font-weight:700} /* Szybkie zamówienie: wszystkie decyzje przed ekranem końcowym. */ body.buy-now-open{overflow:hidden} .buy-now-overlay{z-index:10020;background:rgba(18,17,15,.62);backdrop-filter:blur(7px);padding:18px} .buy-now-overlay[hidden]{display:none!important} .buy-now-modal{display:block;max-width:780px;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.28);max-height:94vh} .buy-now-modal .modal-info{padding:30px 34px 34px} .buy-now-eyebrow{display:block;margin-bottom:7px;color:var(--amber-text);font-size:10.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase} .buy-now-modal h2{max-width:620px;margin:0;font-size:27px;line-height:1.15;letter-spacing:-.035em} .buy-now-lead{margin:8px 38px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.5} .buy-now-summary{margin:20px 0 14px;padding:13px 15px;border:1px solid #ebe6df;background:#f8f6f2} .buy-now-summary>div{min-width:0} .buy-now-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .buy-now-summary small{display:block;margin-top:4px;color:#75511f;font-size:11px;font-weight:750} #buyNowForm{gap:12px} .buy-now-section{padding:15px 17px;border:1px solid #e9e4dc;border-radius:14px;background:#fff} .buy-now-section h3{margin:0 0 11px;font-size:13px;letter-spacing:-.01em} .bn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px} .bn-grid label{min-width:0} .bn-grid label>span{display:block;margin:0 0 4px;color:#77716a;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.045em} .bn-grid .bn-wide{grid-column:1/-1} #buyNowForm .bn-grid input{min-height:42px;padding:10px 12px;border-width:1px;font-size:13px} #buyNowForm .bn-grid input:focus{outline:2px solid rgba(254,153,0,.18);border-color:#b6823a} .bn-choice-grid,.bn-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .bn-choice{position:relative;display:flex;align-items:center;min-height:52px;padding:10px 12px;border:1px solid #ddd6cc;border-radius:11px;cursor:pointer} .bn-choice:has(input:checked){border-color:#171411;box-shadow:0 0 0 1px #171411;background:#faf8f4} .bn-choice input{width:auto!important;margin:0 10px 0 0!important;accent-color:#fe9900} .bn-choice span{display:block;min-width:0;font-size:12px} .bn-choice b{font-size:12.5px} .bn-choice small{display:block;margin:2px 0 0 24px;color:var(--ink-soft);font-size:10px} .bn-date-grid{display:flex;gap:8px;margin-top:9px;overflow-x:auto;padding-bottom:1px} .bn-date{flex:1;min-width:88px;cursor:pointer} .bn-date input{position:absolute;opacity:0;pointer-events:none} .bn-date span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 9px;border:1px solid #e1dbd2;border-radius:10px;background:#fff} .bn-date input:checked+span{border-color:#171411;background:#171411;color:#fff} .bn-date b{font-size:11px;text-transform:capitalize}.bn-date small{font-size:10px;color:inherit} .bn-payment-grid{grid-template-columns:1fr} .bn-payment{min-height:44px} .buy-now-submit{width:100%;min-height:52px;border:0;border-radius:12px;background:var(--amber);color:var(--ink);font-family:inherit;font-size:14px;font-weight:850;cursor:pointer} .buy-now-submit:hover{background:var(--amber-deep);color:#fff} .buy-now-submit:disabled{opacity:.65;cursor:wait} .bn-hint{margin:0} @media(max-width:640px){ .buy-now-overlay{padding:0;align-items:flex-end} .buy-now-modal{max-height:96vh;border-radius:20px 20px 0 0} .buy-now-modal .modal-info{padding:22px 16px 24px} .buy-now-modal h2{padding-right:36px;font-size:22px} .buy-now-lead{margin-right:28px;font-size:12px} .buy-now-summary{margin:15px 0 11px} .buy-now-section{padding:13px} .bn-grid{grid-template-columns:1fr 1fr;gap:8px} .bn-grid .bn-wide{grid-column:1/-1} .bn-choice-grid{grid-template-columns:1fr} .bn-choice{min-height:48px} } @media(max-width:390px){ .bn-grid{grid-template-columns:1fr} .bn-grid .bn-wide{grid-column:auto} } /* Elden: wygodniejszy zakup i widok mobilny, 2026-09-08. */ #buyNowImage[hidden], #buyNowError[hidden] { display:none!important; } .buy-now-summary > div { min-width:0; } .buy-now-summary b { white-space:normal; overflow-wrap:anywhere; } .bn-terms { display:flex; align-items:flex-start; gap:10px; margin:18px 0; font-size:13px; line-height:1.55; } .bn-terms input { flex:0 0 20px; width:20px; height:20px; margin-top:2px; accent-color:var(--ink); } .bn-terms a { text-decoration:underline; text-underline-offset:3px; } .buy-now-submit:disabled { opacity:.65; cursor:wait; } .buy-now-modal { overscroll-behavior:contain; } .buy-now-overlay .modal-close { min-width:44px; min-height:44px; } :where(a,button,input,select,textarea):focus-visible { outline:2px solid #995800; outline-offset:3px; } .mobile-nav-panel { overflow-y:auto; overscroll-behavior:contain; } .elden-search-form input { min-width:0; } .p-grid > *, .checkout-grid > *, .bn-grid > * { min-width:0; } @media(min-width:901px) { .nav .hamburger { display:none; } } @media(max-width:760px) { .topbar { gap:3px 12px; padding:6px 12px; font-size:11px; line-height:1.4; } .nav { height:64px; gap:8px; } .nav-icons { gap:0; } .nav .icon-btn { width:44px; height:44px; flex-shrink:0; } .hero { padding-top:28px; } .hero-grid { gap:28px; } .hero h1 { font-size:34px; line-height:1.15; } .hero p { font-size:15px; margin-bottom:20px; } .hero .badge { margin-bottom:14px; } .hero-quicklinks { margin-top:18px; gap:8px; } .hero-stats { margin-top:20px; padding-top:18px; gap:14px 20px; } .hero-pill { min-height:44px; display:inline-flex; align-items:center; } .shop { padding-top:42px; } .section-head { margin-bottom:24px; } .p-grid { gap:24px; } .card h3 { min-height:0; } .card .card-photo { aspect-ratio:1/1; flex-shrink:0; } .card .card-actions button, .card .card-actions a { min-height:44px; } .mobile-cart-cta.is-visible { bottom:calc(10px + env(safe-area-inset-bottom)); } body:has(.sticky-bar.show) .mobile-cart-cta { display:none!important; } body:has(.sticky-bar.show) { padding-bottom:170px; } .sticky-inner { padding-bottom:calc(12px + env(safe-area-inset-bottom)); } .buy-now-open .sticky-bar, .buy-now-open .mobile-cart-cta { visibility:hidden; } #buyNowForm .bn-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #buyNowForm .bn-grid label:has([type="email"]), #buyNowForm .bn-grid label:has([type="tel"]) { grid-column:1/-1; } #buyNowForm .bn-grid label span { font-size:11px; } #page-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), #page-wrap select, #page-wrap textarea, #buyNowForm .bn-grid input { font-size:16px!important; min-height:46px; } .buy-now-modal { max-height:96dvh; padding-bottom:env(safe-area-inset-bottom); } .buy-now-modal .modal-info { padding:22px 16px 24px; } .buy-now-modal h2 { padding-right:32px; } .bn-date { min-width:68px; } .bn-choice { min-height:52px; } .elden-unified-order { gap:24px; } .elden-unified-checkout { padding-top:24px; } .elden-cart-coupon input { min-width:0; } .elden-cart-item-info, .elden-order-product__content { overflow-wrap:anywhere; } .elden-bank-account__number strong { overflow-wrap:anywhere; } } @media(max-width:360px) { .wrap { padding-left:12px; padding-right:12px; } .nav .icon-btn { width:42px; } .hero h1 { font-size:30px; } } @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hero-slide, .sticky-bar, .card, .btn { transition:none!important; } } /* Długie treści, ceny koszyka i formularze. */ .page-body > * { min-width:0; max-width:100%; } .elden-cart-item-total strong, .elden-cart-item-total strong span { display:inline!important; font-size:17px; font-weight:700; letter-spacing:0; text-transform:none; white-space:nowrap; color:var(--ink); } @media(max-width:760px) { .page-body { grid-template-columns:minmax(0,1fr); gap:28px; } .page-content table { table-layout:fixed; } .page-content th, .page-content td { overflow-wrap:anywhere; padding:10px 8px!important; } .page-content h2, .page-content h3 { scroll-margin-top:140px; } .page-toc nav a { min-height:44px; } #buyNowForm .bn-grid .bn-wide { grid-column:1/-1; } .contact-form .bn-row { grid-template-columns:1fr; } .about47-hero { padding-top:26px; } .about47-hero .about47-copy { order:1; } .about47-hero .about47-media { order:2; aspect-ratio:4/3!important; } .about47-copy h1 { font-size:34px!important; } .elden-cart-item-total { margin-top:4px; } } .woocommerce-checkout-review-order-table .product-name { padding-right:14px; overflow-wrap:anywhere; } .woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { text-align:right; white-space:nowrap; } .woocommerce-checkout-review-order-table .woocommerce-Price-amount { white-space:nowrap; } .woocommerce-ordering select { min-height:44px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:10px; background:#fff; font:inherit; max-width:100%; } @media(min-width:901px) and (max-width:1150px) { .nav-links { display:none; } .nav .hamburger { display:flex; } } @media(max-width:782px) { .admin-bar .mobile-nav-overlay { top:46px; } } /* Full product frames and compact privacy control, September 2026. */ .card-photo{background:#fff;} .card-photo img{object-position:center;transform:none;} #site-footer .elden-privacy-link{appearance:none;background:none;border:0;border-radius:0;box-shadow:none;padding:8px 0;min-height:36px;color:inherit;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;} #site-footer .elden-privacy-link:focus-visible{outline:2px solid var(--amber);outline-offset:4px;} @media(max-width:760px){.gallery,.p-grid>*,.grid>.card{min-width:0;}.gallery-slide img{padding:8px;}.cookie-actions{flex-wrap:wrap;}.cookie-actions .btn{flex:1 1 150px;white-space:normal;}.foot-bottom{flex-wrap:wrap;gap:8px 20px;}}