/*
Theme Name: ACS Modern
Description: Nowa odsłona ACS Sierakowice — stacja kontroli pojazdów i sklep motoryzacyjny.
Version: 1.0.0
Text Domain: acs-modern
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700;800;900&display=swap');
:root{--red:#ec3038;--ink:#141619;--muted:#62666b;--paper:#f3f4f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:Barlow,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #e99e17;outline-offset:6px}a:hover{filter:brightness(.88)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.topbar{background:#101214;color:#aeb1b6;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;padding:9px 0}.topbar a{color:#ddd}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:46px;font-weight:900;line-height:.78;letter-spacing:-3px;font-style:italic;display:inline-flex;flex-direction:column;color:var(--red)}.brand span{font-size:10px;font-weight:700;letter-spacing:2.1px;margin-top:10px;color:var(--ink);font-style:normal}nav{display:flex;gap:32px;font-weight:600;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--red);color:white;padding:17px 23px;font-weight:700;font-size:15px;border:1px solid transparent;transition:background .2s}.button span,.text-link span{font-size:21px;line-height:1}.button.small{padding:12px 21px}.hero{position:relative;min-height:600px;background:#121416;color:white;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#111315 0%,#111315e6 23%,#11131566 61%,#11131500),url('hero.webp') center 53%/cover no-repeat}.hero-content{position:relative;padding-top:78px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 21px}.eyebrow>span{width:22px;height:3px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(50px,5.5vw,80px);font-weight:700;line-height:1.02;letter-spacing:-.8px;margin-bottom:23px}h1 em{font-style:normal;color:#fc454b}.lead{color:#d1d2d4;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:30px}.text-link{font-weight:700;font-size:15px;display:inline-flex;gap:15px;align-items:center}.hero-bottom{margin-top:78px;padding:20px 0;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;color:#a2a5ab;font-size:12px;letter-spacing:2px}.services{padding-top:76px;padding-bottom:76px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:35px}.red{color:var(--red)}.section-head .eyebrow{margin-bottom:12px}h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:46px;line-height:1.1;letter-spacing:-.3px;margin-bottom:0}.section-head>p{font-size:16px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{padding:35px 40px 38px;scroll-margin-top:24px}.station{background:var(--red);color:#fff}.shop{background:var(--paper)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.number{font-size:13px;font-weight:700;letter-spacing:1.5px}.card-top svg{width:38px;height:38px;stroke:currentColor;stroke-width:1.5}.shop .card-top{color:#767b80}.shop svg{color:var(--red)}.service h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:47px;line-height:1.05;margin-bottom:19px}.service p{max-width:450px;line-height:1.6;margin-bottom:23px}.service ul{padding:0;margin:0 0 28px;list-style:none;font-weight:500}.service li{padding:5px 0}.service li:before{content:'✓';margin-right:12px}.shop li:before{color:var(--red)}.hours{border-top:1px solid #ffffff50;padding:21px 0;display:flex;gap:28px;font-size:14px}.hours span{display:flex;flex-direction:column}.hours strong{font-size:17px}.shop .hours{border-color:#d8dadd}.service .button{display:flex}.light{background:white;color:var(--ink)}.dark{background:var(--ink);color:white}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:25px 0 85px}.about h2{font-size:54px}.about-copy>p{font-size:19px;color:#575c61;line-height:1.7}.extra{border-top:1px solid #ddd;padding-top:26px;margin-top:30px}.extra>span{font-size:12px;font-weight:700;letter-spacing:1.7px;color:var(--red)}.extra h3{font-size:23px;margin:8px 0}.extra p{color:var(--muted);margin-bottom:16px}.contact{background:#17191c;color:#fff;padding:63px 0 58px}.contact .eyebrow{color:#ff6268}.contact h2{font-size:51px}.contact .section-head{margin-bottom:43px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr .9fr;gap:30px;border-top:1px solid #383a3e;padding-top:33px}.contact-label{font-size:12px;letter-spacing:1px;color:#a9adb2}.phone{display:block;font-size:25px;font-weight:600;margin:14px 0 8px;white-space:nowrap}.contact-grid p{color:#b4b7bd;font-size:14px;line-height:1.8;margin-bottom:0}.contact-grid .address{color:white;font-size:22px;line-height:1.5;margin-top:14px}footer{padding:30px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:33px}footer .brand span{font-size:8px;letter-spacing:1.1px}footer>div>span,footer>div>a:last-child{font-size:13px;color:#6b7076}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){.hero-art{background-position:center 55%}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px;font-size:14px}.hero-art{background-position:60% center}.hero h1{font-size:65px}.service{padding:28px}.contact-grid{grid-template-columns:1fr 1fr;row-gap:28px}.about{gap:35px}.section-head>p{max-width:280px}.hours{gap:20px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topbar{font-size:12px}.topbar a{font-size:0}.topbar a span{font-size:18px}.nav{height:85px;flex-wrap:wrap;gap:12px}.brand{font-size:39px}.nav nav{order:3;width:100%;justify-content:space-between;padding:13px 0;border-top:1px solid #e3e4e6;font-size:12px;gap:9px}.nav nav a:last-child{display:none}header{padding-bottom:47px}.hero{min-height:600px}.hero-content{padding-top:48px}.hero-art{background-image:linear-gradient(90deg,#111315ed,#11131580),url('hero.webp');background-position:62% center}.hero h1{font-size:53px}.eyebrow{font-size:11px;letter-spacing:1.5px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:start;gap:24px}.hero-actions .button{padding:16px 20px;font-size:14px}.hero-bottom{margin-top:65px;font-size:10px;letter-spacing:1px}.services{padding:45px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.section-head>p{max-width:none}h2{font-size:37px}.service-grid{grid-template-columns:1fr;gap:18px}.service{padding:27px}.service h3{font-size:43px}.service .button{font-size:14px;padding:16px}.about{grid-template-columns:1fr;gap:25px;padding:18px 0 50px}.about h2{font-size:43px}.about-copy>p{font-size:17px}.contact{padding:43px 0}.contact h2{font-size:40px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact .section-head{margin-bottom:30px}footer .wrap{flex-wrap:wrap}footer>div>span{width:65%;font-size:12px}footer>div>a:last-child{margin-top:8px}.text-link{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.service-photo{display:block;width:calc(100% + 80px);max-width:none;height:235px;object-fit:cover;margin:-35px -40px 30px}.shop .service-photo{object-position:50% 43%}.building-photo{display:block;width:100%;height:275px;object-fit:cover;margin-top:30px}.about-copy{align-self:center}@media(max-width:1000px){.service-photo{width:calc(100% + 56px);margin:-28px -28px 25px;height:210px}}@media(max-width:700px){.service-photo{width:calc(100% + 54px);margin:-27px -27px 25px;height:205px}.building-photo{height:240px}.nav{padding-top:17px;height:102px}}
.page-content{padding:70px 0;min-height:60vh;max-width:1000px}.page-content h1{font-size:54px}.entry-content{overflow-wrap:anywhere}.entry-content img{max-width:100%;height:auto}.entry-content h2{margin:30px 0 20px}.entry-content a{text-decoration:underline}.entry-content iframe{max-width:100%}@media(max-width:700px){.nav{padding-top:17px;height:102px}.page-content{padding:40px 0}.page-content h1{font-size:42px}}
/* Real ACS building in the main header. */
.hero-art{left:auto;right:0;width:62%;background:linear-gradient(90deg,#111315 0%,#111315aa 12%,#11131500 45%),url('budynek-hero.webp') center center/cover no-repeat}.hero h1{font-size:clamp(48px,4.7vw,68px)}.hero .lead{max-width:510px}.hero-actions{max-width:590px;flex-wrap:wrap;gap:22px}.hero-bottom{margin-top:68px}.location-map{display:block;width:100%;height:350px;border:0;margin-top:30px;background:#e5e7e8}@media(max-width:1000px){.hero-art{width:65%;background-position:center center}.hero h1{font-size:58px}}@media(max-width:700px){.hero{display:flex;flex-direction:column;min-height:0}.hero-content{order:1;padding-top:38px}.hero-art{position:relative;order:2;inset:auto;width:100%;height:auto;aspect-ratio:3/2;background-image:url('budynek-hero.webp');background-size:cover;background-position:center}.hero h1{font-size:48px}.hero-bottom{margin-top:34px;padding-bottom:20px}.location-map{height:300px}}
