/* Zbiornik na Paliwo — identyfikacja granat / biel / pomarańcz, v1.2 */
:root {
  --bg: #050b16;
  --bg2: #071426;
  --panel: #0a182b;
  --panel-strong: #0d2038;
  --line: rgba(255, 255, 255, .12);
  --line-orange: rgba(255, 106, 0, .42);
  --text: #f7f9fc;
  --muted: #aeb9c9;
  --blue: #ff6a00;
  --blue2: #ff983f;
  --orange: #ff6a00;
  --orange-soft: #ff983f;
  --navy: #071a33;
  --radius: 22px;
  --shadow: 0 28px 90px rgba(0, 0, 0, .46);
}

::selection { background: var(--orange); color: #fff; }

body {
  background:
    radial-gradient(circle at 76% 2%, rgba(21, 86, 157, .20), transparent 28%),
    linear-gradient(180deg, #06101f 0, var(--bg) 740px);
  color: var(--text);
}

body::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
  background-size: 64px 64px;
}

h1, h2, h3, h4, h5, h6,
.znp-footer-logo,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Barlow Condensed", Inter, sans-serif;
  text-transform: uppercase;
  letter-spacing: .005em;
}

a, button, input, select, textarea { transition: border-color .22s, background-color .22s, color .22s, transform .22s, box-shadow .22s; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(255, 106, 0, .45); outline-offset: 3px; }

.znp-header {
  background: rgba(5, 11, 22, .88);
  border-bottom-color: rgba(255, 106, 0, .22);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
}

.znp-nav { height: 92px; }
.znp-brand { width: auto; min-width: 260px; height: 66px; gap: 12px; overflow: visible; }
.znp-brand-fallback { display: flex; align-items: center; gap: 12px; }
.znp-brand .custom-logo-link { display: flex; height: 58px; align-items: center; }
.znp-brand .custom-logo { width: auto; max-width: 260px; height: 58px; object-fit: contain; }
.znp-brand .znp-brand-mark { width: 58px; height: 58px; flex: 0 0 58px; object-fit: cover; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .28); box-shadow: 0 0 22px rgba(255, 106, 0, .18); }
.znp-brand-copy { display: grid; line-height: .84; }
.znp-brand-copy strong, .znp-brand-copy em { font-family: "Barlow Condensed", sans-serif; font-style: normal; font-weight: 800; letter-spacing: .055em; }
.znp-brand-copy strong { color: #fff; font-size: 25px; }
.znp-brand-copy em { color: var(--orange); font-size: 18px; margin-top: 8px; }

.znp-menu a { position: relative; color: #d5ddea; font-size: 13px; text-transform: uppercase; letter-spacing: .045em; }
.znp-menu a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 2px; background: var(--orange); transition: right .22s; }
.znp-menu a:hover { color: #fff; }
.znp-menu a:hover::after, .znp-menu .current-menu-item > a::after { right: 0; }
.znp-phone { color: #fff; font-weight: 700; }
.znp-phone::before { content: "TEL. "; color: var(--orange-soft); font-size: 10px; letter-spacing: .08em; }
.znp-cart { border-color: var(--line-orange); background: rgba(255, 106, 0, .08); font-weight: 700; }
.znp-cart:hover { background: var(--orange); border-color: var(--orange); }
.znp-cart span { background: #fff; color: var(--navy); font-weight: 800; }

.znp-hero {
  min-height: 760px;
  background:
    radial-gradient(circle at 76% 30%, rgba(20, 84, 158, .30), transparent 34%),
    radial-gradient(circle at 57% 62%, rgba(255, 106, 0, .08), transparent 22%),
    linear-gradient(180deg, #06101f, #050b16);
}
.znp-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--orange), transparent); opacity: .5; }
.znp-hero-glow { background: rgba(21, 90, 168, .20); }
.znp-kicker { color: var(--orange-soft); }
.znp-kicker::before { width: 36px; height: 2px; background: var(--orange); }
.znp-hero h1 { font-family: "Barlow Condensed", sans-serif; font-size: clamp(58px, 7vw, 100px); font-weight: 800; line-height: .9; letter-spacing: -.025em; text-transform: uppercase; max-width: 720px; }
.znp-hero-copy > p { color: #bbc6d7; max-width: 620px; }
.znp-hero-buttons { margin-top: 38px; }
.znp-btn { border-radius: 10px; min-height: 54px; padding-inline: 28px; text-transform: uppercase; letter-spacing: .035em; font-size: 13px; }
.znp-btn-primary { background: linear-gradient(135deg, #ff7a19, #e95700); box-shadow: 0 14px 40px rgba(255, 106, 0, .28); }
.znp-btn-primary:hover { background: linear-gradient(135deg, #ff913e, #ff6a00); transform: translateY(-2px); box-shadow: 0 18px 46px rgba(255, 106, 0, .36); }
.znp-btn-ghost { border-color: rgba(255, 255, 255, .24); background: rgba(255, 255, 255, .035); }
.znp-btn-ghost:hover { border-color: var(--orange); color: var(--orange-soft); }
.znp-trust span { padding-left: 3px; }

.znp-hero-visual { min-height: 600px; }
.znp-hero-visual::before { content: ""; position: absolute; inset: 10% -8% 5% 5%; border-radius: 34px; background: linear-gradient(145deg, rgba(255, 255, 255, .06), transparent 55%); border: 1px solid rgba(255, 255, 255, .10); transform: perspective(900px) rotateY(-5deg); }
.znp-hero-visual > img { width: 108%; max-width: none; border-radius: 28px; object-fit: cover; object-position: center; mask-image: none; box-shadow: 0 34px 90px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 106, 0, .22); position: relative; z-index: 1; }
.znp-hero-campaign { position: relative; z-index: 1; display: block; width: min(100%, 520px); margin: 0 auto; overflow: hidden; border: 1px solid rgba(255, 106, 0, .34); border-radius: 24px; background: #050b16; box-shadow: 0 34px 90px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 106, 0, .10); transition: transform .28s, border-color .28s, box-shadow .28s; }
.znp-hero-campaign:hover { transform: translateY(-6px); border-color: rgba(255, 106, 0, .72); box-shadow: 0 42px 100px rgba(0, 0, 0, .62), 0 0 42px rgba(255, 106, 0, .12); }
.znp-hero-campaign img { display: block; width: 100%; height: auto; }
.znp-orbit { width: 500px; height: 500px; border-color: rgba(255, 106, 0, .28); box-shadow: 0 0 90px rgba(255, 106, 0, .08); }
.znp-orbit::before { background: var(--orange); box-shadow: 0 0 24px var(--orange); }
.znp-floating-card { z-index: 2; border-color: rgba(255, 106, 0, .32); background: rgba(7, 20, 38, .88); }
.znp-floating-card small { color: var(--orange-soft); }

.znp-stats { background: #07101e; border-color: rgba(255, 106, 0, .16); }
.znp-stats-grid div { border-color: rgba(255, 255, 255, .09); }
.znp-stats strong { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 38px; }
.znp-stats strong::first-letter { color: var(--orange); }

.znp-section-dark { background: linear-gradient(180deg, #081426, #050b16); }
.znp-section-head h2 { font-weight: 800; }
.znp-section-head p { color: #aeb9c9; }
.znp-category-card { border-radius: 18px; background: linear-gradient(145deg, rgba(13, 32, 56, .92), rgba(7, 20, 38, .78)); }
.znp-category-card::after { border-color: rgba(255, 106, 0, .22); }
.znp-category-card::before { content: ""; position: absolute; left: 0; top: 28px; width: 3px; height: 70px; background: var(--orange); border-radius: 0 5px 5px 0; }
.znp-category-card:hover { border-color: rgba(255, 106, 0, .62); box-shadow: 0 26px 80px rgba(0, 0, 0, .42), 0 0 35px rgba(255, 106, 0, .07); }
.znp-cat-no { color: var(--orange-soft); font-weight: 800; }
.znp-category-card h3 { font-size: 31px; }
.znp-link, .znp-text-link { color: var(--orange-soft); text-transform: uppercase; letter-spacing: .04em; }
.znp-brand-grid div { border-radius: 14px; color: #fff; background: linear-gradient(160deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)); }
.znp-brand-grid div:hover { border-color: var(--line-orange); color: var(--orange-soft); transform: translateY(-4px); }

.znp-quote-section { background: radial-gradient(circle at 18% 45%, rgba(18, 78, 148, .24), transparent 30%), #06101f; }
.znp-contact-cards a { background: rgba(255, 255, 255, .025); }
.znp-contact-cards a:hover { border-color: var(--orange); transform: translateY(-2px); }
.znp-contact-cards small { color: var(--orange-soft); }
.znp-quote-form { border-color: rgba(255, 106, 0, .24); background: linear-gradient(145deg, rgba(13, 32, 56, .94), rgba(6, 16, 31, .96)); }
.znp-quote-form input, .znp-quote-form select, .znp-quote-form textarea { background: #06101f; }
.znp-quote-form input:focus, .znp-quote-form select:focus, .znp-quote-form textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255, 106, 0, .10); }
.znp-form-status { color: var(--orange-soft); }

.znp-footer { background: #030914; border-top-color: rgba(255, 106, 0, .20); }
.znp-footer-brand { display: flex; align-items: center; gap: 14px; width: max-content; margin-bottom: 16px; }
.znp-footer-brand img { width: 64px; height: 64px; object-fit: cover; border-radius: 50%; border: 1px solid rgba(255, 106, 0, .32); }
.znp-footer-brand span { display: grid; line-height: .82; }
.znp-footer-brand strong, .znp-footer-brand em { font-family: "Barlow Condensed", sans-serif; font-style: normal; font-weight: 800; letter-spacing: .055em; }
.znp-footer-brand strong { color: #fff; font-size: 27px; }
.znp-footer-brand em { color: var(--orange); font-size: 19px; margin-top: 8px; }
.znp-footer-grid h3 { color: #fff; text-transform: uppercase; letter-spacing: .07em; }
.znp-footer-grid a:hover { color: var(--orange-soft); }
.znp-copyright { display: flex; justify-content: space-between; gap: 20px; }
.znp-copyright span { color: var(--orange-soft); letter-spacing: .08em; }

.znp-shop-main { min-height: 70vh; }
.znp-shop-heading { padding: 34px; border: 1px solid var(--line); border-left: 4px solid var(--orange); border-radius: 18px; background: linear-gradient(120deg, rgba(13, 32, 56, .90), rgba(7, 20, 38, .45)); }
.woocommerce .woocommerce-breadcrumb { color: var(--muted); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--orange-soft); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { color: var(--muted); }
.woocommerce .woocommerce-ordering select { color: #fff; background: var(--panel); border: 1px solid var(--line); border-radius: 9px; padding: 10px 13px; }

.woocommerce ul.products { gap: 22px; }
.woocommerce ul.products li.product { position: relative; padding: 15px; border-radius: 18px; background: linear-gradient(150deg, rgba(13, 32, 56, .92), rgba(6, 16, 31, .94)); overflow: hidden; }
.woocommerce ul.products li.product::before { content: ""; display: block; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; }
.woocommerce ul.products li.product:hover { border-color: rgba(255, 106, 0, .55); box-shadow: 0 24px 64px rgba(0, 0, 0, .36); }
.woocommerce ul.products li.product:hover::before { background: var(--orange); }
.woocommerce ul.products li.product img { border-radius: 13px; background: #f4f6f8; aspect-ratio: 1.25 / 1; object-fit: contain; padding: 7px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 22px !important; line-height: 1.04; min-height: 46px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--orange-soft) !important; }
.woocommerce ul.products li.product .price .znp-price-split, .woocommerce div.product .price .znp-price-split { display: grid; gap: 5px; margin: 8px 0 12px; font-size: 12px; }
.woocommerce ul.products li.product .price .znp-price-split span, .woocommerce div.product .price .znp-price-split span { padding: 6px 9px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 8px; color: #cfd7e4; }
.woocommerce ul.products li.product .price .znp-price-split strong, .woocommerce div.product .price .znp-price-split strong { color: var(--orange-soft); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 9px !important; background: linear-gradient(135deg, #ff7a19, #e95700) !important; color: #fff !important; text-transform: uppercase; letter-spacing: .035em; font-size: 12px; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: linear-gradient(135deg, #ff913e, #ff6a00) !important; transform: translateY(-1px); }

.woocommerce div.product { border: 1px solid var(--line); border-radius: 22px; padding: 26px; background: rgba(7, 20, 38, .62); }
.woocommerce div.product .product_title { font-family: "Barlow Condensed", sans-serif; font-weight: 800; text-transform: uppercase; }
.woocommerce div.product div.images img { background: #f4f6f8; padding: 8px; }
.woocommerce div.product .woocommerce-product-details__short-description { color: #c6d0de; }
.woocommerce div.product form.cart .quantity input { min-height: 43px; background: #fff; color: #081426; border: 0; border-radius: 8px; }
.woocommerce-tabs ul.tabs::before { border-color: var(--line) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--panel) !important; border-color: var(--line) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--orange) !important; color: #fff !important; }
.woocommerce table.shop_table { border-color: var(--line); background: rgba(7, 20, 38, .72); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--line); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { background: #fff; color: #101827; border: 1px solid #d6dce5; border-radius: 8px; padding: 12px; }
.woocommerce-info, .woocommerce-message { background: var(--panel); color: #fff; border-top-color: var(--orange); }
.woocommerce-info::before, .woocommerce-message::before { color: var(--orange); }
.woocommerce-error { background: #32120b; color: #fff; border-top-color: #ff7043; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border-radius: 8px; background: var(--panel); color: #fff; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--orange); }

.znp-widget { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.znp-widget h3 { color: #fff; }
.znp-widget a:hover { color: var(--orange-soft); }

@media (max-width: 1100px) {
  .znp-brand { min-width: 220px; }
  .znp-brand-copy strong { font-size: 22px; }
  .znp-brand-copy em { font-size: 16px; }
  .znp-nav { gap: 18px; }
  .znp-menu ul { gap: 18px; }
}

@media (max-width: 980px) {
  .znp-menu.is-open { background: rgba(5, 11, 22, .98); border-bottom: 1px solid var(--line-orange); }
  .znp-menu.is-open a { font-size: 15px; }
  .znp-hero { padding-top: 70px; }
  .znp-hero-copy { text-align: center; }
  .znp-hero-copy .znp-kicker { justify-content: center; }
  .znp-hero-copy > p { margin-inline: auto; }
  .znp-hero-buttons, .znp-trust { justify-content: center; }
  .znp-hero-visual > img { width: 100%; }
  .znp-hero-campaign { width: min(100%, 560px); }
  .znp-float-a { left: 3%; }
}

@media (max-width: 640px) {
  .znp-nav { height: 76px; }
  .znp-brand { min-width: 0; height: 58px; gap: 9px; }
  .znp-brand .znp-brand-mark { width: 48px; height: 48px; flex-basis: 48px; }
  .znp-brand-copy strong { font-size: 20px; }
  .znp-brand-copy em { font-size: 14px; margin-top: 7px; }
  .znp-menu.is-open { top: 76px; }
  .znp-hero h1 { font-size: clamp(50px, 16vw, 68px); }
  .znp-hero-visual { min-height: 310px; }
  .znp-hero-visual::before { inset: 4% 0; }
  .znp-hero-visual > img { border-radius: 18px; }
  .znp-hero-campaign { border-radius: 18px; }
  .znp-category-card { min-height: 270px; }
  .znp-shop-heading { padding: 24px; align-items: flex-start; flex-direction: column; gap: 14px; }
  .woocommerce div.product { padding: 14px; }
  .znp-copyright { flex-direction: column; }
  .znp-copyright span { line-height: 1.5; }
}