/* Zbiorniki.pro v4 — wyrazista typografia i przemysłowy system kolorów */
:root {
  --ink: #14251e;
  --ink-2: #12362a;
  --lime: #f6d447;
  --orange: #ff6846;
  --blue: #58b8ff;
  --mint: #73d69f;
  --paper: #f7f2e8;
  --muted: #5c6d64;
  --line: #d9d3c7;
  --shadow: 0 24px 60px rgba(20,37,30,.13);
}

body { font-size: 17px; line-height: 1.58; background: var(--paper); }
.utility-bar { height: 39px; background: var(--orange); color: #2c1b16; font-size: 11px; font-weight: 800; }
.utility-bar a { color: #2c1b16; font-weight: 900; }
.site-header { height: 94px; background: rgba(255,250,241,.97); }
.brand-image { width: 265px; height: 64px; }
.site-header nav a { font-size: 15px; }
.nav-config span { background: var(--orange); font-size: 7px; color: #2b1913; }
.contact { background: var(--ink); padding: 15px 22px; font-size: 14px; }
.header-search { font-size: 29px; }
.eyebrow { font-size: 12px; color: #267253; }

.home-hero {
  min-height: 720px;
  padding-top: 88px;
  background: #fffaf1;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
}
.home-hero::before { background: radial-gradient(circle at 78% 35%,rgba(88,184,255,.23),transparent 30%),linear-gradient(90deg,transparent 49.9%,rgba(20,37,30,.045) 50%,transparent 50.1%); }
.hero-badge { color: #1e674a; background: #e9f4ed; border-color: #c7dfcf; font-size: 12px; }
.hero-badge span { background: #2aa66d; box-shadow: none; }
.hero-copy h1 { font-size: clamp(64px,6.4vw,100px); color: var(--ink); }
.hero-copy h1 em,.section-intro h2 em,.advisor-modern h2 em { color: var(--orange); }
.hero-copy > p { color: #4d5e55; font-size: 20px; max-width: 720px; }
.cta-main { background: var(--ink); color: #fff; font-size: 15px; padding: 19px 25px; }
.cta-main span { color: var(--lime); }
.cta-ghost { color: var(--ink); border: 2px solid var(--ink); border-radius: 7px; font-size: 15px; padding: 16px 20px; }
.cta-ghost b { border-color: var(--ink); }
.hero-proof { border-top: 1px solid var(--line); padding-top: 22px; }
.hero-proof span { color: var(--orange); font-size: 11px; }
.hero-proof b { color: var(--ink); font-size: 14px; }
.hero-proof small { color: #6d7b74; font-size: 11px; }
.proof-avatars i { border-color: #fffaf1; background: var(--blue); width: 40px; height: 40px; font-size: 9px; }
.proof-avatars i:nth-child(2) { background: var(--lime); }
.proof-avatars i:nth-child(3) { background: var(--orange); }
.showcase-grid { background-image: linear-gradient(#14251e0c 1px,transparent 1px),linear-gradient(90deg,#14251e0c 1px,transparent 1px); mask-image: radial-gradient(circle,#000,transparent 72%); }
.hero-product-card { border-radius: 0; box-shadow: 18px 18px 0 var(--lime); border: 1px solid #c9ded0; }
.hero-product-main { background: #e3f2e7; }
.floating-label { background: var(--orange); font-size: 9px; border: 2px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.hero-product-small { background: var(--blue); border: 4px solid var(--ink); box-shadow: 8px 8px 0 var(--orange); }
.hero-capacity { border-left-color: var(--orange); color: var(--ink); }
.hero-capacity b { font-size: 26px; }
.hero-capacity span,.hero-scroll { color: #64756c; font-size: 10px; }
.hero-scroll span { color: var(--orange); }
.trust-strip { background: var(--ink-2); color: #fff; min-height: 105px; }
.trust-strip span { color: var(--lime); font-size: 10px; }
.trust-strip b { color: #fff; font-size: 15px; }

.home-section { padding-top: 120px; padding-bottom: 120px; }
.section-intro h2 { font-size: clamp(48px,4.5vw,68px); }
.section-intro > p { font-size: 18px; }
.application-grid { gap: 17px; }
.application-card { min-height: 410px; border: 1px solid var(--line); border-top: 9px solid var(--lime); box-shadow: none; }
.application-card:nth-child(2) { border-top-color: var(--orange); }
.application-card:nth-child(3) { border-top-color: var(--mint); }
.application-card:nth-child(4) { border-top-color: var(--blue); }
.application-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.application-card h3 { font-size: 29px; }
.application-card p { font-size: 15px; }
.application-card > div:last-child { font-size: 13px; }
.expert-banner { background: var(--ink-2); }
.expert-banner h2 { font-size: clamp(44px,4vw,63px); }
.expert-banner h2 em { color: var(--lime); }
.expert-features article b { font-size: 17px; }
.expert-features article p { font-size: 14px; }
.expert-number strong { color: var(--orange); }

.product { border: 1px solid #ded8cd; padding: 16px; transition: transform .2s,box-shadow .2s; }
.product:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.product-photo { height: 300px; background: #f1f2ed; }
.product-meta small,.stock-dot { font-size: 11px; }
.product-name { font-size: 17px; min-height: 74px; }
.price strong { font-size: 20px; }
.price > a { width: 44px; height: 44px; background: var(--orange); color: var(--ink); font-size: 21px; }
.sale { background: var(--orange); color: var(--ink); font-size: 10px; }

.advisor-modern { background: var(--orange); color: var(--ink); box-shadow: 18px 18px 0 var(--ink); }
.advisor-modern .eyebrow { color: #6e2418; }
.advisor-modern h2 { font-size: clamp(48px,4.5vw,68px); }
.advisor-modern h2 em { color: #fff7dd; }
.advisor-modern p { color: #553229; font-size: 18px; }
.advisor-points span { font-size: 13px; color: var(--ink); }
.advisor-modern form { background: #fff8ec; }
.advisor-modern label,.form-step { font-size: 13px; color: #594c46; }
.choice-pills span { font-size: 13px; }
.advisor-modern input { font-size: 15px; }
.advisor-modern button { background: var(--ink); color: #fff; font-size: 16px; }
.advisor-modern button span { color: var(--lime); }
.knowledge-card { border-top: 8px solid var(--blue); }
.knowledge-card:nth-child(2) { border-color: var(--lime); }
.knowledge-card:nth-child(3) { border-color: var(--orange); }
.knowledge-card h3 { font-size: 29px; }
.closing-cta { background: var(--blue); color: var(--ink); }
.closing-cta h2 { font-size: clamp(52px,5vw,76px); }
.closing-cta a:first-child { background: var(--ink); color: #fff; }
.closing-cta a:last-child { border-color: var(--ink); color: var(--ink); }

.catalog-hero { background: var(--ink-2); }
.catalog-hero h1 { font-size: clamp(58px,6vw,84px); }
.catalog-hero h1 em { color: var(--orange); }
.catalog-hero p { font-size: 18px; }
.catalog-hero-stat strong { color: var(--lime); }
.ajax-catalog { grid-template-columns: 310px 1fr; }
.filter-heading span,.filter-panel label > span,.filter-panel legend,.results-toolbar > div:first-child span,.results-toolbar label { font-size: 11px; }
.filter-heading b { font-size: 18px; }
.filter-panel input,.filter-panel select,.radio-row span { font-size: 14px !important; }
.filter-panel select,.price-range input,.search-field > div { min-height: 48px; }
.results-toolbar h2 { font-size: 32px; }
.active-chips button { font-size: 12px; }
.load-more-modern { font-size: 14px; padding: 16px 24px; background: var(--orange); border-color: var(--orange); }

.config-promo { background: var(--blue); }
.config-promo h2 { font-size: 58px; }
.config-promo p { font-size: 17px; color: #274a5b; }
.config-promo a { font-size: 14px; }
.config-promo-orbit::after { background: var(--orange); }
.config-promo-orbit i { background: var(--lime); }
.config-promo-steps span { font-size: 12px; }
.config-hero { background: var(--ink-2); }
.config-hero h1 em { color: var(--orange); }
.config-hero p { font-size: 18px; }
.config-assurances span { font-size: 11px; }
.gauge { background: conic-gradient(var(--orange) var(--fill,8%),#284b3e 0); }
.gauge i { background: linear-gradient(150deg,var(--lime),#d2a913); }
.formula-card { border-top: 7px solid var(--blue); }
.formula-card small { font-size: 10px; }
.formula-card span { font-size: 12px; }
.configurator { max-width: 1320px; }
.config-progress b { font-size: 13px; }
.config-progress span { font-size: 10px; }
.config-progress > i { background: var(--orange); }
.step-kicker { font-size: 11px; }
.config-step h2 { font-size: 54px; }
.config-step > p { font-size: 17px; }
.medium-options label > span,.frequency-options label > span,.delivery-options label > span { border-width: 2px; }
.medium-options b,.frequency-options b,.delivery-options b { font-size: 19px; }
.medium-options small,.frequency-options small,.delivery-options small { font-size: 13px; }
.medium-options input:checked + span,.frequency-options input:checked + span,.delivery-options input:checked + span { background: #fff8d8; color: var(--ink); border-color: var(--ink); box-shadow: 7px 7px 0 var(--orange); }
.medium-options input:checked + span small,.frequency-options input:checked + span small,.delivery-options input:checked + span small { color: #5f6e66; }
.consumption-input input { font-size: 58px; }
.quick-values button,.config-nav button { font-size: 13px; }
.config-nav [data-submit] { background: var(--orange); }
.result-summary { background: var(--ink-2); }
.result-summary h2 { font-size: 38px; }
.result-summary h2 strong { color: var(--orange); font-size: 52px; }
.result-summary > p { font-size: 15px; }
.result-metrics span,.result-summary button { font-size: 12px; }
.result-metrics b { font-size: 14px; }
.result-products h3 { font-size: 38px; }
.config-explainer { background: var(--blue); }
.config-explainer h2,.config-faq h2 { font-size: 56px; }
.formula-flow article { border-top: 7px solid var(--orange); }
.formula-flow article:nth-child(3) { border-color: var(--lime); }
.formula-flow article:nth-child(5) { border-color: var(--mint); }
.formula-flow article > span { font-size: 11px; }
.formula-flow article b { font-size: 19px; }
.formula-flow article p,.config-faq details p { font-size: 14px; }
.config-faq summary { font-size: 16px; }

.page-hero h1,.post h1 { font-size: clamp(50px,5.5vw,74px); }
.post p,.seo-copy p { font-size: 18px; }
.blog-grid span { font-size: 12px; }
.blog-grid h2 { font-size: 38px; }
.detail-copy h1 { font-size: clamp(43px,4vw,58px); }
.detail-copy > p { font-size: 18px; }
.detail-price strong { font-size: 40px; }
.quote { background: var(--orange); font-size: 16px; }
footer > div { font-size: 15px; }

@media (max-width: 1100px) {
  .home-hero { padding-top: 70px; }
  .ajax-catalog { grid-template-columns: 270px 1fr; }
}

@media (max-width: 760px) {
  body { font-size: 16px; }
  .site-header { height: 78px; }
  .brand-image { width: 210px; }
  .home-hero { padding-top: 62px; }
  .hero-copy h1 { font-size: 52px; }
  .hero-copy > p { font-size: 18px; }
  .hero-product-card { box-shadow: 10px 10px 0 var(--lime); }
  .section-intro h2 { font-size: 42px; }
  .advisor-modern { box-shadow: 9px 9px 0 var(--ink); }
  .config-promo h2,.config-explainer h2,.config-faq h2 { font-size: 42px; }
  .config-step h2 { font-size: 39px; }
  .catalog-hero h1 { font-size: 48px; }
  .results-toolbar h2 { font-size: 27px; }
}