/* SEO MAX pack: soki + sticky footer + FAQ spacing */

/* HERO backgrounds for new pages (podmień na swoje jeśli chcesz) */
.hero-soki{ --bg: url('/assets/img/uploads/originals/Owoc-mocy-Sok-Slider.jpg'); }
.hero-nfc { --bg: url('/assets/img/uploads/originals/Owoc-mocy-Sok-Slider.jpg'); }
.hero-gaz { --bg: url('/assets/img/uploads/originals/Owoc-mocy-Sok-Slider.jpg'); }

/* overlay: czytelny tytuł na hero */
.hero-overlay{ position: relative; }
.hero-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.70));
}
.hero-overlay > .container{ position: relative; z-index: 1; }

/* Layout: stopka nie wisi przy krótkich stronach */
html, body { height: 100%; }
body { min-height: 100vh; display:flex; flex-direction:column; }
main.page { flex: 1 1 auto; }

/* drobne odstępy na stronach soków */
.page-pad{ padding: 24px 0 48px; }
.page-fill{ min-height: 55vh; }
.product-grid{ margin-top: 14px; }
.h2-tight{ margin: 0 0 8px; }
.p-tight{ margin: 0 0 10px; }
.btn-link{ font-weight: 800; }

/* FAQ */
.faq-list{ display:grid; gap:10px; max-width:62ch; margin: 12px auto 0; }
.faq-list details summary{ cursor:pointer; font-weight:800; }
.faq-list details p{ margin-top:10px; }


/* Navbar: FAQ dropdown (bez inline <style> w navbar.php) */
.nav__faq{display:inline-block;position:relative}
.nav__faqSum{list-style:none;cursor:pointer;font-weight:800}
.nav__faqSum::-webkit-details-marker{display:none}
.nav__faqMenu{position:absolute;left:0;top:calc(100% + 8px);min-width:240px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:8px;box-shadow:0 12px 28px rgba(0,0,0,.12);z-index:9999}
.nav__faqMenu a{display:block;padding:10px 12px;border-radius:10px;font-weight:700}
.nav__faqMenu a:hover{background:rgba(0,0,0,.06)}

/* Navbar: brand sizing + koszyk label */
.nav__inner{display:flex;align-items:center;justify-content:space-between}
.nav__brand{display:flex;align-items:center;gap:10px}
.nav__logo,.nav__logoPdf{height:36px;width:auto;display:block}
.nav__ico{display:flex;align-items:center;gap:8px}
.nav__icoText{font-weight:700}
@media (max-width:1024px){.nav__logo,.nav__logoPdf{height:32px}}
@media (max-width:768px){.nav__logo,.nav__logoPdf{height:28px}.nav__icoText{display:none}}

/* Navbar: fixed header padding */
:root{ --nav-h: 72px; }
header.nav{ position:fixed; top:0; left:0; right:0; z-index:1100; }
body.has-fixed-nav{ padding-top: var(--nav-h); }

.hero-jablka{ --bg: url('/assets/img/uploads/originals/Owoc-mocy-jabłka-Slider.jpg'); }