:root{
  --navy:#071f50; --navy2:#0b2d68; --cyan:#00a7d8; --ink:#15233b;
  --muted:#68758a; --line:#e2e7ee; --bg:#f5f7fa; --white:#fff;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.top{background:#fff;border-bottom:1px solid #eef1f5}
.top-inner{min-height:126px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px}
.logo img{width:150px;display:block}
.offer-mini{color:#8a909a;font-size:14px;text-align:right}
.offer-mini a{text-decoration:underline}
.call{text-align:right;color:#061742;font-size:15px;white-space:nowrap}
.call strong{font-size:22px}
.call a{text-decoration:none}
.nav{background:linear-gradient(#f6f7f8,#e9ebee);border-bottom:1px solid #d8dce2;position:sticky;top:0;z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:center;min-height:54px}
.nav a{padding:17px 19px;text-decoration:none;text-transform:uppercase;font-size:14px;color:#08265a;font-weight:700}
.nav a:hover,.nav a:focus{background:var(--navy);color:#fff}
.menu-btn{display:none;background:none;border:0;font-size:28px;color:var(--navy);padding:8px}
.hero-wrap{background:linear-gradient(#fff,#f3f3f3);padding:28px 0 22px}
.hero{display:grid;grid-template-columns:42% 58%;background:var(--navy);border-radius:13px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.12)}
.hero-copy{padding:38px 34px;color:#fff;position:relative}
.hero-copy h1{font-size:30px;line-height:1.15;margin:0 0 18px}
.hero-copy p{margin:0 0 12px;font-size:16px}
.hero-copy .brands{font-weight:700}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--cyan);color:#fff}
.btn-light{background:#fff;color:var(--navy)}
.hero-media{min-height:340px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-controls{position:absolute;inset:auto 14px 14px auto;display:flex;gap:7px}
.hero-controls button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(7,31,80,.9);color:#fff;cursor:pointer;font-size:18px}
.section{padding:48px 0}
.section.soft{background:#f5f6f7}
.section h2{font-size:30px;text-align:center;margin:0 0 10px;font-weight:500;color:#454545}
.section-lead{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 30px}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.brand-card{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:22px 15px 18px;text-align:center;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.05);transition:.18s}
.brand-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.09)}
.brand-card img{height:58px;width:auto;object-fit:contain;margin-bottom:12px}
.brand-card strong{display:block;color:#25170f;text-transform:uppercase}
.other-title{display:flex;align-items:center;gap:14px;color:#777;text-transform:uppercase;font-size:13px;margin:28px 0 18px}
.other-title:before,.other-title:after{content:"";height:1px;background:#ddd;flex:1}
.partner-carousel{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}
.partner-window{overflow:hidden;min-width:0}
.partner-track{display:flex;transition:transform .42s ease;will-change:transform}
.partner-item{flex:0 0 20%;padding:7px 12px;display:flex;align-items:center;justify-content:center;min-height:72px}
.partner-item img{max-width:100%;height:50px;object-fit:contain;opacity:.94;transition:opacity .18s ease,transform .18s ease}.partner-item:hover img,.partner-item:focus-within img{transform:scale(1.04)}
.partner-arrow{border:0;background:transparent;color:#c6cbd3;font-size:52px;line-height:1;cursor:pointer;padding:0;transition:.18s}
.partner-arrow:hover,.partner-arrow:focus{color:var(--navy);outline:none}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{border:1px solid var(--line);border-radius:10px;padding:25px;background:#fff}
.feature h3{color:var(--navy);margin:0 0 8px}
.feature p{margin:0;color:#5e6878}
.contact-band{background:var(--navy);color:#fff;padding:38px 0}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px;align-items:center}
.contact-grid h2{text-align:left;color:#fff;margin:0 0 8px}
.contact-grid a{color:#fff;text-decoration:none}
.contact-big{font-size:22px;font-weight:700}
footer{background:#051a42;color:#aab7ce;padding:28px 0 18px}
.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a{color:#c7d0e0;text-decoration:none}
.legal{font-size:12px;color:#8290a8;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.page-hero{background:var(--navy);color:#fff;padding:52px 0;background-image:linear-gradient(90deg,rgba(7,31,80,.96),rgba(7,31,80,.72)),url("../img/page-banner.jpg");background-size:cover;background-position:center}
.page-hero h1{font-size:38px;margin:0 0 8px}
.breadcrumb{font-size:13px;color:#d2dbeb}
.content{max-width:900px;margin:auto}
.content h2{color:var(--navy);margin-top:34px}
.content p,.content li{font-size:17px}
.contact-list{list-style:none;padding:0}
.contact-list li{padding:8px 0;border-bottom:1px solid var(--line)}
.notice{background:#eef7fb;border-left:4px solid var(--cyan);padding:15px 18px;margin:22px 0}
.mobile-actions{display:none}
@media(max-width:850px){
 .top-inner{grid-template-columns:1fr auto;min-height:92px}.offer-mini{display:none}.logo img{width:125px}.call{font-size:12px}.call strong{font-size:17px}
 .nav-inner{justify-content:space-between}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:54px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 8px 20px rgba(0,0,0,.12)}.nav-links.open{display:block}.nav a{display:block;padding:14px 20px}
 .hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px}.hero-copy h1{font-size:27px}.hero-media{min-height:250px}
 .brand-grid{grid-template-columns:repeat(2,1fr)}.partner-item{flex-basis:33.333%}.features{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.footer-inner{display:block}
 .mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:30;box-shadow:0 -3px 14px rgba(0,0,0,.18)}.mobile-actions a{padding:13px;text-align:center;text-decoration:none;font-weight:700}.mobile-actions a:first-child{background:var(--cyan);color:#fff}.mobile-actions a:last-child{background:var(--navy);color:#fff}body{padding-bottom:49px}
}
@media(max-width:520px){.container{width:min(100% - 24px,var(--max))}.call span{display:none}.brand-grid{grid-template-columns:1fr 1fr;gap:10px}.brand-card{padding:16px 8px}.brand-card img{height:42px}.section{padding:36px 0}.section h2{font-size:25px}.page-hero h1{font-size:30px}}

@media(max-width:520px){
  .partner-carousel{grid-template-columns:30px 1fr 30px}
  .partner-item{flex-basis:50%;padding:6px}
  .partner-item img{height:42px}
  .partner-arrow{font-size:42px}
}


/* V4: podstrony inspirowane klasyczną stroną SPS */
.classic-page-hero{padding:28px 0 16px;background:linear-gradient(#fff,#f5f6f8)}
.classic-banner{min-height:135px;border-radius:11px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;padding:30px 42px;box-shadow:0 4px 16px rgba(0,0,0,.10)}
.classic-banner h1{margin:0;color:#fff;font-size:34px;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.banner-about{background-image:linear-gradient(90deg,rgba(4,23,74,.20),rgba(4,23,74,.05)),url('/assets/img/page-banner-about.jpg')}
.banner-offer{background-image:linear-gradient(90deg,rgba(4,23,74,.20),rgba(4,23,74,.05)),url('/assets/img/page-banner-offer.jpg')}
.banner-contact{background-image:linear-gradient(90deg,rgba(4,23,74,.20),rgba(4,23,74,.05)),url('/assets/img/page-banner-contact.jpg')}
.classic-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.sidebar-card{padding:20px 0;color:#17305d}.sidebar-card a{text-decoration:none}.sidebar-block{padding:14px 0;border-bottom:1px solid #e1e5ea}.sidebar-block strong{color:#071f50}.map-box{margin-top:16px;border:1px solid #d8dde5;border-radius:8px;overflow:hidden;background:#eef2f6}.map-box iframe{width:100%;height:230px;border:0;display:block}
.old-panel{background:#fff;border:1px solid #d6dbe2;border-radius:10px;box-shadow:0 3px 9px rgba(0,0,0,.12);padding:22px 26px}.old-panel h2{margin:0 0 18px;text-align:right;font-size:15px;text-transform:uppercase;color:#777}.old-panel p{font-size:16px}.offer-list{display:grid;gap:10px;margin-top:18px}.offer-list a,.offer-list .offer-row{display:flex;align-items:center;gap:12px;background:linear-gradient(#f8f8f8,#eeeeee);border:1px solid #e4e4e4;border-radius:4px;padding:14px 16px;text-decoration:none;color:#102650;font-weight:700}.offer-list a:hover{background:#e9f4fa}.info-dot{width:24px;height:24px;border-radius:50%;background:#4d92d5;color:#fff;display:inline-grid;place-items:center;font-family:Georgia,serif;font-weight:bold;flex:0 0 auto}
.partner-strip-inner{padding:25px 0 34px;background:#fff}.partner-strip-inner .brand-grid{margin-bottom:20px}.classic-copy strong{color:#071f50}.classic-copy p{margin:0 0 13px}.classic-copy .brand-names{font-weight:700}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{border:1px solid var(--line);border-radius:9px;padding:20px;background:#fff}.contact-card h3{margin-top:0;color:var(--navy)}
@media(max-width:850px){.classic-layout{grid-template-columns:1fr}.sidebar-card{order:2}.classic-banner{min-height:105px;padding:22px}.classic-banner h1{font-size:29px}.contact-cards{grid-template-columns:1fr}}

/* V5 – strony marek */
.brand-history{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:start;margin:28px 0}
.brand-history-logo{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center}
.brand-history-logo img{max-height:80px;width:auto}
.brand-history h2{margin-top:0}
.brand-facts{background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:24px 0}
.brand-facts strong{color:var(--navy)}
@media(max-width:700px){.brand-history{grid-template-columns:1fr}.brand-history-logo{max-width:230px}}

/* V6 - rozbudowane historie marek */
.brand-long-copy p{line-height:1.72;margin:0 0 16px}
.brand-long-copy h2{margin:0 0 18px;color:var(--navy)}
.brand-long-copy h3{margin:30px 0 12px;color:var(--navy)}
.brand-history{grid-template-columns:190px minmax(0,1fr)}
@media(max-width:700px){.brand-history{grid-template-columns:1fr}}

.footer-bucket{
  width:220px;
  max-width:42vw;
  height:auto;
  display:block;
  margin-top:-28px;
  margin-bottom:-18px;
}
@media (max-width:760px){
  .footer-bucket{width:180px;max-width:70vw;margin:0 auto 18px}
}

/* V10 */
.contact-person strong{display:inline-block;margin-bottom:3px;color:#b9c7dd;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.contact-person .contact-big{font-size:20px}
.map-static{padding:18px;display:grid;gap:8px;background:#f3f6f9;color:var(--navy)}
.map-static .btn{margin-top:8px;background:var(--navy);color:#fff}
.seo-hub{background:#fff}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.seo-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.045);transition:.18s}
.seo-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.09)}
.seo-card h3{margin:0 0 8px;color:var(--navy)}
.seo-card p{margin:0;color:var(--muted)}
.seo-copy h2,.legal-doc h2{color:var(--navy);margin-top:34px}
.seo-copy p,.seo-copy li,.legal-doc p,.legal-doc li{font-size:16.5px;line-height:1.7}
.keyword-list{columns:2;column-gap:35px}
.legal-doc{max-width:960px}
.legal-doc ol{padding-left:22px}.legal-doc li{margin-bottom:9px}
.legal-note{font-size:13px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.legal-links{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:850px){.seo-grid{grid-template-columns:1fr 1fr}.keyword-list{columns:1}}
@media(max-width:560px){.seo-grid{grid-template-columns:1fr}.contact-person .contact-big{font-size:19px}}

/* V12 – MARKI */
.brand-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;margin-bottom:28px}
.brand-model-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.brand-model-card>img{max-width:155px;max-height:72px;object-fit:contain;margin-bottom:18px}
.brand-model-card h2{margin:0 0 12px;color:var(--navy)}
.brand-model-card h3{font-size:17px;margin:22px 0 8px;color:var(--navy)}
.brand-model-card p{line-height:1.68}
.model-list{font-size:17px;line-height:1.85!important;background:#f6f8fb;border-radius:8px;padding:14px 16px}
@media(max-width:760px){.brand-model-grid{grid-template-columns:1fr}}