/* ============================================================
   premium.css  -  JEDNO ZRODLO PRAWDY dla menu + przyciskow + akcentu
   Ladowany na KAZDEJ stronie przez funkcje/menu.php.
   UWAGA: niektore strony laduja style2.css/style.css PO tym pliku
   (przy stopce), dlatego kluczowe wlasciwosci maja !important -
   inaczej stary arkusz nadpisalby menu. Edytuj menu/kolory TUTAJ.
   Marka: czerwien premium #c21f26 (hover #a01a20).
   ============================================================ */

/* ---- Pasek menu (ciemny lux + cienka czerwona linia) ---- */
.header2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(194,31,38,.9) !important;
    background: rgba(12, 12, 12, 0.92) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 30px rgba(0,0,0,.35) !important;
    transition: background .3s ease, box-shadow .3s ease;
}

/* ---- Linki menu (uppercase, tracking, plynny hover) ---- */
.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    transition: color .25s ease;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #c21f26 !important;
    font-weight: 500 !important;
}

/* ---- Dropdown produkty ---- */
.navbar-right ul.dropdown-menu { background: #000 !important; }
.navbar-nav>li>.dropdown-menu { background: #000 !important; }
.navbar-nav ul.sm-nowrap>li>a { color: #fff !important; white-space: nowrap; }
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #c21f26 !important;
}
.productmenu li { border-bottom: 1px solid #2e2e2e; }

/* ---- Przycisk SKLEP (czerwony premium) ---- */
.sklep {
    min-width: 162px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    color: #fff !important;
    line-height: 30px;
    letter-spacing: .5px;
    background-color: #c21f26 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(194,31,38,.35);
    transition: all 300ms;
}
.sklep a, .sklepah { color: #fff !important; }
.sklep:hover {
    background-color: #a01a20 !important;
    box-shadow: 0 6px 20px rgba(194,31,38,.5);
    transform: translateY(-1px);
}

/* ---- Przycisk akcji (outline -> wypelnia sie czerwono) ---- */
.shopbutton {
    border-radius: 50px !important;
    border: 2px solid #c21f26 !important;
    font-weight: 600;
    padding: 11px 46px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    color: #c21f26 !important;
    display: inline-block;
    max-width: 100%;
    line-height: 1.3;
    transition: all .3s ease;
}
.shopbutton:hover, .shopbutton:focus {
    background-color: #c21f26 !important;
    border-color: #c21f26 !important;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(194,31,38,.35);
    transform: translateY(-2px);
}
.shopbutton i { margin-left: 10px; }

/* ---- Sekcje CTA .facts: ciemny banner, przycisk czerwony widoczny ---- */
.facts { background-color: #111 !important; color: #fff !important; }
.facts strong, .facts b { color: #fff !important; }

/* ============================================================
   PODSTRONY TRESCIOWE (o-nas, tworca, spoleczna, nasze-sklepy...)
   Spojny lux vibe. !important bo style.css laduje sie pozno.
   ============================================================ */

/* Hero: ciemny gradient-overlay + lux typografia tytulu */
.banner-section { position: relative; }
.banner-section:before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.62) 100%);
    z-index: 1;
}
.banner-section .slide-bg,
.banner-section .container { position: relative; z-index: 2; }
.banner-section .titles .light {
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    font-weight: 300 !important;
}

/* Naglowki sekcji: cienki czerwony akcent pod spodem, lekki font */
.hr-section { font-weight: 300 !important; }
.hr-section:after {
    border-bottom: 2px solid #c21f26 !important;
    width: 70px !important;
}

/* Boczne menu (o-nas / tworca): zaokraglenie + plynnosc */
.menukim li { border-radius: 6px; transition: all .25s ease; }

/* Obrazki w tresci: zaokraglenie + miekki cien */
.tekstpage img,
.infod .img-responsive,
.kimjestesmy .img-responsive {
    border-radius: 10px;
    box-shadow: 0 8px 26px rgba(0,0,0,.08);
}

/* Dystrybutorzy (nasze-sklepy): karty z hover */
.flag {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 18px 15px !important;
    margin-bottom: 16px;
    background: #fff;
    transition: all .3s ease;
}
.flag:hover {
    border-color: #c21f26;
    box-shadow: 0 12px 30px rgba(0,0,0,.10);
    transform: translateY(-4px);
}
.flag a { color: #111 !important; font-weight: 500; display: inline-flex; align-items: center; gap: 10px; }
.flag a:hover { color: #c21f26 !important; text-decoration: none; }
.flag hr { display: none; }

/* CTA "Chcesz zostac dealerem?" (hr-section3): ciemny zaokraglony banner */
.hr-section3 {
    background: #111 !important;
    border-radius: 16px;
    color: #fff !important;
}
.hr-section3 a {
    color: #fff !important;
    border: 2px solid #c21f26;
    border-radius: 50px;
    padding: 8px 28px;
    margin-left: 16px;
    display: inline-block;
    font-weight: 600;
    transition: all .3s ease;
}
.hr-section3 a:hover {
    background: #c21f26;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(194,31,38,.35);
}

/* ============================================================
   Sekcja FINANSOWANIE (blumil-sport): jasna sekcja + ciemna karta
   ============================================================ */
.finansowanie { padding: 70px 0; }
.finansowanie .fin-left { padding-right: 30px; }
.finansowanie .fin-h {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 300;
    color: #111;
    margin: 0 0 18px;
    font-size: 30px;
}
.finansowanie .fin-lead {
    font-size: 27px;
    font-weight: 600;
    color: #111;
    line-height: 1.35;
    margin: 0 0 20px;
}
.finansowanie .fin-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin: 0 0 18px;
}
.finansowanie .fin-save {
    font-size: 17px;
    color: #111;
    border-left: 3px solid #c21f26;
    padding-left: 14px;
    margin: 0;
}
.finansowanie .fin-save strong { color: #c21f26; }

.finansowanie .fin-card {
    background: #111;
    color: #fff;
    border-radius: 16px;
    padding: 34px 30px;
    box-shadow: 0 18px 50px rgba(0,0,0,.20);
}
.finansowanie .fin-card-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0 0 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.finansowanie .fin-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 16px;
    padding: 12px 0;
    color: #cfcfcf;
}
.finansowanie .fin-row span:last-child {
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    padding-left: 16px;
}
.finansowanie .fin-minus { color: #ff6b70 !important; }
.finansowanie .fin-total {
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.12);
    font-size: 20px;
    color: #fff;
}
.finansowanie .fin-total span:last-child {
    color: #c21f26;
    font-size: 26px;
}
@media (max-width: 991px) {
    .finansowanie .fin-left { padding-right: 15px; margin-bottom: 34px; }
    .finansowanie { padding: 45px 0; }
}

/* ============================================================
   BLUMIL GO - sekcje podstrony (statystyki, cechy, na poklad,
   kroki, finansowanie, kompletny zestaw)
   ============================================================ */
.go-stats { background:#111; padding:46px 0; }
.go-stats .container-fluid { padding-left:4%; padding-right:4%; }
.go-stats .go-stat { text-align:center; padding:14px 10px; }
@media (min-width:992px){
  .go-stats .go-stat { border-right:1px solid rgba(255,255,255,.12); }
  .go-stats .row > div:last-child .go-stat { border-right:none; }
}
.go-stat-num { font-size:38px; font-weight:700; color:#c21f26; line-height:1.1; }
.go-stat-label { color:#cfcfcf; font-size:13px; margin-top:8px; line-height:1.4; text-transform:uppercase; letter-spacing:1px; }

.go-sec { padding:70px 0; }
.go-sec.alt { background:#f7f7f8; }
.go-eyebrow { text-transform:uppercase; letter-spacing:3px; color:#c21f26; font-size:13px; font-weight:600; margin:0 0 12px; }
.go-h { font-size:34px; font-weight:600; color:#111; letter-spacing:0.5px; line-height:1.25; margin:0 0 18px; }
.go-sub { font-size:18px; color:#666; font-weight:300; margin:0 0 30px; }
.go-lead-text { font-size:17px; line-height:1.75; color:#444; }
.go-lead-text .accent { color:#c21f26; font-weight:600; }
.go-img-round { border-radius:14px; box-shadow:0 16px 44px rgba(0,0,0,.12); width:100%; }
.go-btn { display:inline-block; margin-top:24px; border:2px solid #c21f26; color:#c21f26; border-radius:50px; padding:11px 34px; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; font-size:14px; transition:all .3s ease; }
.go-btn:hover { background:#c21f26; color:#fff; text-decoration:none; box-shadow:0 8px 22px rgba(194,31,38,.35); transform:translateY(-2px); }

.go-feature { text-align:center; padding:18px 14px; margin-bottom:20px; }
.go-feature img { width:100%; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.10); margin-bottom:18px; }
.go-feature .fno { color:#c21f26; font-weight:700; letter-spacing:2px; font-size:13px; text-transform:uppercase; }
.go-feature h3 { font-size:20px; font-weight:600; color:#111; margin:8px 0 10px; }
.go-feature p { font-size:14.5px; line-height:1.6; color:#666; }

/* czarna pelnoszerokie sekcja cech */
.go-sec.go-dark { background:#111; }
.go-dark .container-fluid { padding-left:4%; padding-right:4%; }
.go-dark .go-h { color:#fff; }
.go-dark .go-sub { color:#b9b9b9; }
.go-dark .go-feature h3 { color:#fff; }
.go-dark .go-feature p { color:#b9b9b9; }

/* sekcja "na poklad" - zdjecie na cala strone + ciemne tlo + napisy na wierzchu */
.go-air-hero { position:relative; background-size:cover; background-position:center; background-attachment:fixed; padding:150px 0; }
.go-air-hero .go-air-overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(180deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.72) 100%); }
.go-air-hero .go-air-inner { position:relative; z-index:2; max-width:820px; margin:0 auto; text-align:center; }
.go-air-hero .go-h { color:#fff; }
.go-air-hero .go-eyebrow { color:#fff; }
.go-air-hero .go-lead-text { color:#e8e8e8; font-size:18px; }
.go-air-hero .go-btn { background:#c21f26; color:#fff; border-color:#c21f26; }
.go-air-hero .go-btn:hover { background:#a01a20; border-color:#a01a20; box-shadow:0 8px 22px rgba(194,31,38,.45); transform:translateY(-2px); }
@media (max-width:991px){ .go-air-hero{ background-attachment:scroll; padding:80px 0; } }

.go-steps { background:#111; padding:74px 0; }
.go-steps .go-h { color:#fff; }
.go-step { padding:28px 26px; border:1px solid rgba(255,255,255,.10); border-radius:14px; background:rgba(255,255,255,.02); margin-bottom:20px; transition:all .3s ease; }
.go-step:hover { border-color:#c21f26; transform:translateY(-4px); }
.go-step .sno { font-size:42px; font-weight:700; color:#c21f26; line-height:1; }
.go-step h3 { color:#fff; font-size:19px; font-weight:600; margin:14px 0 10px; }
.go-step p { color:#b9b9b9; font-size:14.5px; line-height:1.65; margin:0; }

/* sekcja finansowania Blumil Go - styl jak sparxmobility (tekst lewo, czarna karta prawo) */
.go-fin .go-h .accent { color:#c21f26; }
.go-fin .fin-card { background:#111; color:#fff; border-radius:16px; padding:36px 34px; box-shadow:0 18px 50px rgba(0,0,0,.25); }
.go-fin .fin-card-title { font-size:18px; font-weight:600; letter-spacing:.5px; margin:0 0 22px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.12); color:#fff; }
.go-fin .fin-row { display:flex; justify-content:space-between; align-items:baseline; font-size:16px; padding:13px 0; color:#cfcfcf; }
.go-fin .fin-row span:last-child { font-weight:600; color:#fff; white-space:nowrap; padding-left:16px; }
.go-fin .fin-minus { color:#ff6b70 !important; }
.go-fin .fin-total { margin-top:10px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); font-size:20px; color:#fff; }
.go-fin .fin-total span:last-child { color:#c21f26; font-size:28px; }
@media (min-width:992px){ .go-fin .go-fin-text { padding-right:34px; padding-top:6px; } }
@media (max-width:991px){ .go-fin .go-fin-text { margin-bottom:30px; } }

/* sekcja Kompletny zestaw - full width: zdjecie lewo, czarny panel prawo */
.go-kit-split { display:flex; flex-wrap:wrap; align-items:stretch; margin:0; }
.go-kit-img { background-size:cover; background-position:center; min-height:580px; padding:0; }
.go-kit-panel { background:#111; padding:66px 5%; }
.go-kit-panel .go-h { color:#fff; }
.go-kit-panel .go-h .accent { color:#c21f26; }
.go-kit-panel .go-lead-text { color:#dcdcdc; }
.go-kit-list { list-style:none; padding:0; margin:24px 0 6px; }
.go-kit-list li { position:relative; padding-left:30px; margin-bottom:13px; font-size:16px; color:#cfcfcf; line-height:1.5; }
.go-kit-list li:before { content:"✓"; position:absolute; left:0; top:0; color:#c21f26; font-weight:700; font-size:16px; }
.go-kit-btns { margin-top:26px; }
.go-kit-btns .go-btn { margin:0 12px 12px 0; }
.go-btn-solid { background:#c21f26; color:#fff; border-color:#c21f26; }
.go-btn-solid:hover { background:#a01a20; border-color:#a01a20; color:#fff; }
.go-btn-light { border-color:#fff; color:#fff; }
.go-btn-light:hover { background:#fff; color:#111; }
@media (max-width:991px){ .go-kit-img { min-height:320px; } .go-kit-panel { padding:46px 7%; } }

@media (max-width:991px){ .go-h{font-size:27px;} .go-sec{padding:45px 0;} }