/*
Theme Name: Koparki24
Description: Motyw firmowy Koparki24 — usługi koparkowe z operatorem. Tworzy podstrony automatycznie przy aktywacji. Dane firmy: Wygląd -> Personalizuj -> Dane firmy.
Author: Koparki24
Version: 1.0
Requires PHP: 7.2
Text Domain: koparki24
*/
html{scroll-behavior:smooth}
section[id],#kontakt,#uslugi,#sprzet,#jak-dzialamy{scroll-margin-top:90px}
body{margin:0;font-family:'Manrope',-apple-system,sans-serif;background:#FAFAF8;color:#1B1B18;line-height:1.6;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{text-decoration:none;color:#1B1B18}
a:hover{color:#B87D00}
img{max-width:100%;height:auto}
h1,h2,h3{letter-spacing:-.02em;line-height:1.15;margin:0 0 16px;font-weight:800}
h1{font-size:clamp(30px,4.5vw,48px)}
h2{font-size:clamp(24px,3vw,34px)}
.kp24-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.kp24-header{position:sticky;top:0;z-index:50;background:#FAFAF8;border-bottom:1px solid #E8E6E0}
.kp24-header .kp24-wrap{height:70px;display:flex;align-items:center;gap:26px}
.kp24-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px}
.kp24-logo i{width:34px;height:34px;background:#F5A800;border-radius:7px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:17px}
.kp24-logo em{color:#B87D00;font-style:normal;margin-left:-6px}
.kp24-nav{display:flex;gap:22px;font-size:15px;font-weight:600;margin-left:auto}
.kp24-telbtn{background:#1B1B18;color:#fff!important;padding:11px 18px;border-radius:8px;font-weight:700;font-size:15px;white-space:nowrap}
.kp24-telbtn:hover{background:#F5A800;color:#1B1B18!important}
.kp24-badge{display:inline-flex;align-items:center;gap:8px;background:#FFF3D6;border:1px solid #F0D89A;color:#7A5600;font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;margin-bottom:20px}
.kp24-dot{width:8px;height:8px;border-radius:50%;background:#F5A800}
.kp24-btn{display:inline-block;background:#F5A800;color:#1B1B18!important;padding:15px 28px;border-radius:9px;font-weight:800;font-size:16px}
.kp24-btn:hover{background:#DD9700}
.kp24-btn2{display:inline-block;padding:15px 26px;border-radius:9px;font-weight:700;font-size:16px;border:1.5px solid #D9D6CE}
.kp24-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:56px 0}
.kp24-hero img{border-radius:16px;display:block;width:100%}
.kp24-lead{font-size:18px;color:#4A4740;max-width:560px}
.kp24-dark{background:#1B1B18;color:#fff;border-radius:16px;padding:36px;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.kp24-dark h2{color:#fff}
.kp24-dark p{color:#B8B5AD}
.kp24-check{display:flex;gap:14px;background:#26251F;border-radius:12px;padding:16px 20px;margin-top:12px}
.kp24-check b{display:block;font-size:16px;color:#fff}
.kp24-check span{color:#9B978E;font-size:14.5px}
.kp24-check em{color:#F5A800;font-weight:800;font-style:normal}
.kp24-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:28px 0}
.kp24-card{background:#fff;border:1px solid #E8E6E0;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:8px}
.kp24-card:hover{border-color:#F5A800;box-shadow:0 8px 24px rgba(27,27,24,.07)}
.kp24-card b{font-size:17px}
.kp24-card p{font-size:13.5px;color:#6B675E;margin:0;flex:1}
.kp24-card .kp24-more{font-size:13.5px;font-weight:700;color:#B87D00}
.kp24-card img{width:100%;height:150px;object-fit:cover;border-radius:9px}
.kp24-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#B87D00;margin:0 0 6px}
.kp24-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0}
.kp24-step{background:#F1EFE9;border-radius:14px;padding:24px}
.kp24-step i{display:block;font-style:normal;font-size:32px;font-weight:800;color:#DD9700;margin-bottom:8px}
.kp24-step b{display:block;margin-bottom:6px}
.kp24-step span{font-size:14.5px;color:#4A4740}
.kp24-faq details{background:#fff;border:1px solid #E8E6E0;border-radius:12px;padding:18px 22px;margin-bottom:10px}
.kp24-faq summary{font-weight:800;font-size:16px;cursor:pointer}
.kp24-faq p{font-size:15px;color:#4A4740;margin:10px 0 0}
.kp24-cta{background:#1B1B18;color:#fff;border-radius:16px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:40px 0}
.kp24-cta h2{color:#fff}
.kp24-cta p{color:#B8B5AD;margin:0}
.kp24-tel{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#F5A800;color:#1B1B18!important;border-radius:12px;padding:20px 24px;font-weight:800;font-size:20px;margin-bottom:12px}
.kp24-mail{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#26251F;color:#fff!important;border-radius:12px;padding:20px 24px;font-weight:700;font-size:16px;word-break:break-all}
.kp24-note{background:#1B1B18;color:#fff;border-radius:12px;padding:14px 22px;font-weight:600;font-size:15px;margin:24px 0}
.kp24-note em{color:#F5A800;font-weight:800;font-style:normal}
.kp24-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start;margin:32px 0}
.kp24-zakres{display:grid;gap:10px;margin:16px 0}
.kp24-zakres div{display:flex;gap:12px;background:#fff;border:1px solid #E8E6E0;border-radius:10px;padding:14px 18px;font-weight:600;font-size:15.5px}
.kp24-zakres em{color:#B87D00;font-weight:800;font-style:normal}
.kp24-side{background:#fff;border:1px solid #E8E6E0;border-radius:14px;padding:24px;margin-bottom:16px}
.kp24-side ul{margin:0;padding:0;list-style:none}
.kp24-side li{font-weight:700;font-size:15px;padding:5px 0}
.kp24-side li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#F5A800;margin-right:10px;vertical-align:2px}
.kp24-crumb{font-size:13.5px;font-weight:700;color:#8A867C;margin:20px 0}
.kp24-crumb b{color:#B87D00}
.kp24-doc{max-width:840px;margin:0 auto;padding:32px 0;font-size:15.5px;line-height:1.75}
.kp24-doc h2{font-size:20px;margin:28px 0 10px}
.kp24-doc table{border-collapse:collapse;width:100%;font-size:14px}
.kp24-doc th,.kp24-doc td{border:1px solid #E8E6E0;padding:8px 12px;text-align:left}
.kp24-doc th{background:#F1EFE9}
.kp24-footer{background:#141412;color:#9B978E;font-size:14px;margin-top:48px}
.kp24-footer .kp24-wrap{padding:36px 20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.kp24-footer a{color:#9B978E}
.kp24-footer a:hover{color:#F5A800}
.kp24-footer b{color:#fff;font-size:17px}
.kp24-footer b em{color:#F5A800;font-style:normal}
@media(max-width:760px){.kp24-hero,.kp24-cta,.kp24-cols,.kp24-dark{grid-template-columns:1fr;gap:24px}.kp24-nav{display:none}}