/* DrobneUsterki.pl — ORANGE GRID visual system. Contrast-first. */
:root{--tech-bg:#fff;--tech-ink:#090909;--tech-accent:#ff751f;--tech-edge:#ddd;--accent:#ff751f;--accent-contrast:#090909;--text:#111;--muted:#515151;--surface:#f1f1f1;--line:#ddd;--font-display:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}body,body.theme-orange{background:#fff!important;color:#101010!important;background-image:none!important;font-family:'Inter',Arial,Helvetica,sans-serif!important}
.site-header{position:relative!important;top:auto!important;z-index:20!important;max-width:none!important;width:100%!important;min-height:79px!important;margin:0!important;padding:14px max(26px,calc((100vw - 1216px)/2))!important;background:#ff751f!important;color:#080808!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.site-header .brand,.site-header .brand b,.site-header .brand small,.site-header .nav a{color:#070707!important}.brand-icon{display:none!important}.brand b{font-size:21px!important;font-weight:900!important;letter-spacing:-.035em!important}.brand small{display:none!important}.site-header .nav{gap:26px!important}.site-header .nav a{font-size:14px!important;font-weight:700!important}.site-header .nav a:hover{text-decoration:underline!important}.header-cta{background:transparent!important;color:#000!important;border:1.5px solid #050505!important;border-radius:5px!important;box-shadow:none!important}.header-cta svg{color:#000!important}
body:has(.neon-hero) .site-header{background:#ff751f!important}
.marquee{display:none!important}.section-shell{max-width:1216px!important;width:min(1216px,calc(100% - 48px))!important;margin:auto!important}
.hero.neon-hero{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:530px!important;max-width:none!important;width:100%!important;margin:0!important;padding:70px 24px 100px!important;background-color:#ff751f!important;background-image:linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.16) 1px,transparent 1px)!important;background-size:90px 75px!important;position:relative!important;color:#0a0a0a!important}
.neon-hero .hero-copy{max-width:1100px!important;width:100%!important;text-align:center!important;display:flex!important;align-items:center!important;flex-direction:column!important;justify-content:center!important;border:0!important;border-radius:0!important;background:transparent!important;color:#050505!important;padding:0!important;box-shadow:none!important}
.neon-hero .eyebrow{font-family:'Inter',Arial,Helvetica,sans-serif!important;font-size:12px!important;letter-spacing:.18em!important;font-weight:800!important;color:#080808!important;border:0!important;background:transparent!important;margin:0 0 22px!important;padding:0!important}
.neon-hero h1{font-family:'Inter',Arial,Helvetica,sans-serif!important;font-stretch:condensed!important;font-size:clamp(46px,6.25vw,88px)!important;line-height:1.08!important;letter-spacing:-.027em!important;font-weight:900!important;text-transform:uppercase!important;color:#080808!important;max-width:1050px!important;margin:0 0 28px!important;text-wrap:balance!important}
.neon-hero .hero-lead{font-size:19px!important;line-height:1.48!important;font-weight:500!important;color:#101010!important;max-width:640px!important;margin:0 auto 32px!important}
.neon-hero .hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}
.neon-hero .btn{border-radius:5px!important;min-height:51px!important;min-width:190px!important;font:800 14px 'Inter',Arial,sans-serif!important;letter-spacing:.015em!important;padding:17px 26px!important;text-transform:uppercase!important;text-align:center!important;justify-content:center!important}
.neon-hero .btn-primary,.neon-hero .btn-phone{background:#000!important;color:white!important;border:2px solid #000!important;box-shadow:none!important}.neon-hero .btn-secondary{background:#ff751f!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
.benefits{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;width:100%!important;margin:0!important;padding:28px max(26px,calc((100vw - 1216px)/2))!important;background:#050505!important;border:0!important;gap:22px!important}
.benefits .metric{color:#ff751f!important;display:grid!important;grid-template-columns:33px 1fr!important;column-gap:12px!important;row-gap:4px!important;text-decoration:none!important;border:0!important;border-radius:0!important;background:transparent!important;align-items:center!important}
.metric-icon{grid-row:1/3!important;font-size:27px!important;font-weight:700!important;color:#ff751f!important}.metric-title{font-size:17px!important;font-weight:900!important;color:#ff751f!important}.metric-small{color:#d2d2d2!important;font-size:11px!important}
.services{padding-top:88px!important;padding-bottom:105px!important}.section-heading h2,.process h2,.packages h2,.faq h2,.area h2{font-family:'Inter',Arial,Helvetica,sans-serif!important;font-size:clamp(34px,3.8vw,60px)!important;line-height:1.05!important;letter-spacing:-.01em!important;text-transform:uppercase!important;color:#080808!important}.section-heading p,.services p,.packages p,.faq p,.area p{color:#494949!important}.eyebrow{color:#333!important;font-family:'Inter',Arial,sans-serif!important;font-weight:800!important}
.service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.service-card{display:flex!important;flex-direction:column!important;background:#f1f1f1!important;color:#080808!important;padding:30px!important;border-radius:14px!important;box-shadow:none!important;border:0!important;min-height:270px!important;overflow:visible!important}
.service-card:first-child{background:#ff751f!important;background-image:linear-gradient(90deg,rgba(0,0,0,.11) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.11) 1px,transparent 1px)!important;background-size:74px 70px!important}
.service-photo{display:none!important}.service-card .service-head,.service-card h3,.service-card>p,.service-card>details,.service-card>.service-link{margin-left:0!important;margin-right:0!important}.service-head .service-icon{background:transparent!important;color:#080808!important;border-radius:0!important;width:51px!important;height:51px!important}.service-head svg{width:40px!important;height:40px!important}.service-card h3{font-family:'Inter',Arial,Helvetica,sans-serif!important;text-transform:uppercase!important;font-size:26px!important;letter-spacing:0!important;color:#080808!important;line-height:1.1!important}.service-card>p{font-size:14px!important;line-height:1.6!important;color:#484848!important}.service-card:first-child>p{color:#222!important}.service-card .service-link{color:#080808!important;font-weight:900!important;margin-top:auto!important;padding-top:18px!important;text-decoration:underline!important;text-underline-offset:3px!important}.service-card details{border-color:#bbb!important}
.process{background:#080808!important;color:#fff!important}.process h2,.process .eyebrow{color:#fff!important}.process p,.process li{color:#e0e0e0!important}.process article{background:#171717!important;border-color:#333!important;border-radius:6px!important}.packages article,.faq details,.area-panel a{border-radius:7px!important;box-shadow:none!important}.packages .recommended{border-color:#050505!important}
.contact-reference,.contact{background:#080808!important;color:#fff!important}.contact-reference .contact-intro,.contact-reference .contact-hours{color:#dedede!important}.contact-reference .eyebrow{color:#ff751f!important}.contact-reference h2,.contact h2{color:#fff!important}.contact-quick-phone{background:#ff751f!important;color:#000!important;border-color:#ff751f!important}.contact-quick-email{background:#282828!important;color:#fff!important;border-color:#444!important}.contact-quick-card{border-radius:8px!important}.contact-quick-email .contact-card-label{color:#ff751f!important}.contact-quick-phone :is(strong,span){color:#000!important}
footer{background:#121212!important;color:#fff!important}footer a,footer p{color:#ddd!important}.mobile-call{background:#ff751f!important;color:#000!important;border-radius:5px!important}
.article h1,.article h2{color:#080808!important}.article p,.article li{color:#454545!important}.article .btn-primary{background:#080808!important;color:#fff!important}.article .panel,.answer,.related{background:#f1f1f1!important;color:#111!important}
.consent{background:#171717!important;color:#fff!important}
@media(max-width:980px){.site-header{padding:15px 24px!important}.benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:30px 24px!important}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav-toggle{background:transparent!important;color:#000!important;border:1px solid #000!important}.nav.open{background:#ff751f!important;color:#000!important;border:1px solid #000!important}.hero.neon-hero{min-height:490px!important}}
@media(max-width:620px){.section-shell{width:calc(100% - 32px)!important}.hero.neon-hero{padding:78px 18px 75px!important;min-height:460px!important;background-size:65px 65px!important}.neon-hero h1{font-size:clamp(37px,9.4vw,58px)!important}.neon-hero .hero-lead{font-size:16px!important}.neon-hero .hero-actions{width:100%!important;flex-direction:column!important}.neon-hero .btn{width:min(100%,330px)!important}.benefits{grid-template-columns:1fr!important;padding:30px 25px!important;gap:25px!important}.metric-title{font-size:18px!important}.service-grid{grid-template-columns:1fr!important}.service-card{min-height:260px!important}.services{padding-top:65px!important}.contact-reference{padding:65px 0!important}.contact-quick-card strong{overflow-wrap:anywhere!important;font-size:clamp(22px,6vw,35px)!important}}

/* Orange edition: high-contrast text and comfortable reading sizes */
body,body.theme-orange{font-size:16px!important;line-height:1.6!important}
.neon-hero h1{font-weight:850!important;letter-spacing:-.045em!important;line-height:1.09!important}
.neon-hero .hero-lead{font-size:clamp(17px,1.6vw,21px)!important;line-height:1.55!important;font-weight:500!important}
.section-heading h2,.process h2,.packages h2,.faq h2,.area h2{font-weight:850!important;letter-spacing:-.04em!important;line-height:1.13!important}
.service-card h3{font-size:23px!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.22!important}
.service-card>p{font-size:16px!important;color:#303030!important;line-height:1.55!important}
.service-card:first-child>p{color:#171717!important}
.service-card{border-radius:8px!important}
.metric-title{font-size:17px!important;line-height:1.35!important}
.metric-small{font-size:12px!important;line-height:1.4!important}
.contact-quick-phone .contact-card-label,.contact-quick-phone strong{color:#080808!important}
.contact-quick-email .contact-card-label{color:#ff995b!important}
:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
@media(max-width:620px){.neon-hero .hero-lead{font-size:16px!important}.service-card h3{font-size:22px!important}}

/* Czytelny pasek 4 informacji – korekta bez zmiany innych sekcji */
.benefits{gap:clamp(14px,2.2vw,30px)!important;align-items:stretch!important;padding-top:32px!important;padding-bottom:32px!important}
.benefits .metric{min-width:0!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:start!important;column-gap:12px!important;row-gap:5px!important;font-family:Inter,Arial,sans-serif!important;line-height:1.3!important}
.benefits .metric-icon{display:flex!important;grid-column:1!important;grid-row:1 / span 2!important;align-items:flex-start!important;justify-content:center!important;font:400 28px/1.15 Arial,sans-serif!important;color:#ff751f!important;padding-top:2px!important}
.benefits .metric-title{display:block!important;grid-column:2!important;grid-row:1!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(15px,1.24vw,19px)!important;font-weight:750!important;line-height:1.25!important;letter-spacing:-.025em!important;color:#ff8c42!important;overflow-wrap:normal!important}
.benefits .metric-small{display:block!important;grid-column:2!important;grid-row:2!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:450!important;line-height:1.45!important;letter-spacing:0!important;color:#e2e2e2!important}
.benefits .metric:hover .metric-title,.benefits .metric:focus-visible .metric-title{text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 22px!important}.benefits .metric-title{font-size:18px!important}}
@media(max-width:620px){.benefits{grid-template-columns:1fr!important;padding:28px 24px!important;gap:26px!important}.benefits .metric-title{font-size:19px!important}.benefits .metric-small{font-size:13px!important}}