:root { --spokojna-red:#c92732; --spokojna-ink:#191d21; }
#header-outer #top nav > ul > li > a { font-size:13px; letter-spacing:0; }
#header-outer #top nav > ul > li.spokojna-booking > a .menu-title-text { background:var(--spokojna-red); color:#fff!important; padding:13px 18px; border-radius:7px; display:inline-block; line-height:20px; }
#header-outer #top nav > ul > li.spokojna-booking > a .menu-title-text:after { display:none!important; }
#header-outer #top nav > ul > li.spokojna-booking > a:hover .menu-title-text { background:#a81e28; }
#header-outer #social-in-menu { display:none!important; }
#header-outer a:focus-visible, .spokojna-mobile-booking a:focus-visible, .spokojna-action:focus-visible, .spokojna-sport-card:focus-visible { outline:3px solid #ffce61!important; outline-offset:4px; }
#header-outer #top nav .sub-menu a { font-size:14px; line-height:1.45; }
#header-outer #top nav .sub-menu { border-radius:0 0 8px 8px; }
body.home a.nectar-button.button-main { background-color:var(--spokojna-red)!important; border-color:var(--spokojna-red)!important; color:#fff!important; border-radius:7px!important; font-size:15px; }
body.home a.nectar-button.button-main:hover { background-color:#a81e28!important; border-color:#a81e28!important; }
.spokojna-mobile-booking { display:none; }
.spokojna-intro { padding:40px 0 26px; max-width:900px; }
.spokojna-eyebrow { color:var(--spokojna-red); font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:12px; }
.spokojna-intro h1 { font-size:clamp(30px,4vw,48px); line-height:1.15; color:var(--spokojna-ink); margin-bottom:16px; }
.spokojna-intro p { font-size:17px; line-height:1.7; }
a.spokojna-action { display:inline-flex; align-items:center; justify-content:center; padding:14px 22px; background:var(--spokojna-red); color:white!important; border-radius:7px; font-size:15px; font-weight:700; text-decoration:none; margin:6px 0 12px; min-height:48px; }
a.spokojna-action:hover { background:#a81e28; }
.spokojna-sports-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:8px 0 40px; }
a.spokojna-sport-card { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:100px; padding:22px; border:1px solid #dce0e3; border-radius:10px; background:#f7f8f9; color:var(--spokojna-ink); font-size:20px; font-weight:700; }
a.spokojna-sport-card:hover { border-color:var(--spokojna-red); color:var(--spokojna-red); background:white; }
.spokojna-booking-frame { width:100%; border:0; min-height:1050px; }
@media (max-width:999px) {
 body { padding-bottom:calc(82px + env(safe-area-inset-bottom))!important; }
 .spokojna-mobile-booking { display:block; position:fixed; left:0; right:0; bottom:0; z-index:9990; background:#fff; border-top:1px solid #e5e7eb; padding:12px 18px calc(12px + env(safe-area-inset-bottom)); box-shadow:0 -4px 20px #0000000d; }
 .spokojna-mobile-booking a { display:flex; align-items:center; justify-content:center; gap:14px; min-height:48px; border-radius:7px; background:var(--spokojna-red); color:white; font-size:16px; font-weight:700; }
 #to-top { bottom:100px!important; }
 .cky-btn-revisit-wrapper { bottom:100px!important; }
 .cky-consent-container.cky-box-bottom-left, .cky-consent-container.cky-box-bottom-right, .cky-consent-container.cky-banner-bottom { bottom:90px!important; }
 .spokojna-sports-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #slide-out-widget-area .spokojna-booking > a { color:#ff737b!important; }
}
@media(max-width:480px) {
 .spokojna-sports-grid { grid-template-columns:1fr; gap:12px; }
 a.spokojna-sport-card { min-height:72px; font-size:18px; padding:18px; }
 .spokojna-intro { padding-top:24px; }
}
@media (min-width:1000px) and (max-width:1199px) {
 #header-outer > #top > .container { width:96%!important; max-width:none!important; padding-left:0!important; padding-right:0!important; }
 #header-outer #top nav > ul > li > a { white-space:nowrap; font-size:12px; margin-left:7px!important; margin-right:7px!important; }
 #header-outer #top nav > ul > li.spokojna-booking > a .menu-title-text { padding:12px 14px; }
}