/*
Theme Name: Skup Aut Śląsk
Description: Gotowy responsywny motyw one page dla skupu samochodów. Ciemny wygląd, font Inter, żółte akcenty i natywny formularz e-mail ze zdjęciami.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Author: Skup Aut Śląsk
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skup-aut-slask
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#111211;color:#f5f5f0;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #edfb44}header{height:88px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:19px;letter-spacing:-.8px;white-space:nowrap}.logo-icon{background:#edfb44;color:#111211;width:31px;height:31px;display:grid;place-items:center;font-size:27px;line-height:1}.logo-region{font-size:10px;border-left:1px solid #666;padding-left:8px;letter-spacing:1px}nav{display:flex;gap:30px;font-size:12px;color:#bdbfba}nav a:hover,.text-link:hover{color:#edfb44}.header-phone{font-size:14px;font-weight:600}.header-phone span{color:#edfb44;margin-right:10px}.hero{position:relative;min-height:660px;max-width:1440px;margin:auto;overflow:hidden;background:#292e29}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,13,11,.95) 2%,rgba(9,13,11,.72) 40%,rgba(9,13,11,.1) 85%),linear-gradient(0deg,rgba(9,13,11,.5),transparent 50%)}.hero-content{position:relative;padding:65px 5% 52px;max-width:800px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.yellow{color:#edfb44}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#edfb44;box-shadow:0 0 0 4px #edfb4410;flex-shrink:0}h1{font-size:clamp(52px,5.6vw,82px);font-weight:800;letter-spacing:-4px;line-height:1.03;margin:30px 0 24px}h1 span{color:#edfb44}.hero p{font-size:15px;color:#c4c8c2;line-height:1.8}.hero p strong{color:#fff;font-weight:600}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#edfb44;color:#111211;border:0;border-radius:3px;padding:19px 23px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#f4ff7c;transform:translateY(-2px)}.button span{font-size:20px}.text-link{font-size:12px;font-weight:500}.hero-note{display:flex;gap:25px;font-size:10px;color:#c1c5bd;margin-top:30px}.hero-corner{position:absolute;right:5%;bottom:48px;display:flex;gap:22px;align-items:center;font-size:9px;line-height:1.7;letter-spacing:1.6px}.hero-corner a{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;height:47px;width:47px;font-size:21px}.benefit-bar{display:flex;justify-content:space-between;gap:20px;max-width:1296px;margin:auto;padding:28px 0;border-bottom:1px solid #30322e;font-size:12px}.benefit-bar i{color:#edfb44;font-size:18px;font-style:normal;margin-right:10px}.section{max-width:1296px;margin:auto;padding:88px 0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:1.15;letter-spacing:-1.9px;margin:18px 0 0}h2 span{color:#8d9189}.section-top p{font-size:12px;line-height:1.9;color:#a5a99f;margin:0 0 3px}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.car-grid figure{margin:0;position:relative;overflow:hidden;background:#242823;aspect-ratio:1.5;border-radius:3px}.car-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.car-grid figure:hover img{transform:scale(1.04)}.car-grid figure:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000b)}figcaption{position:absolute;z-index:1;bottom:19px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:13px;font-weight:600}figcaption span{font-size:10px;color:#d0d2ca}.photo-note{font-size:10px;color:#757a70;margin-top:18px}.form-section{background:#191b18;border-block:1px solid #2a2e26;padding:75px 20px 80px}.form-intro{text-align:center}.form-intro .eyebrow{justify-content:center}.form-intro p{color:#a5a99f;font-size:13px;line-height:1.7;margin:20px auto 34px}.form-intro h2 span{color:#edfb44}form{background:#22251f;border:1px solid #383d31;border-radius:7px;max-width:850px;margin:auto;padding:34px 39px}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid #3a3f33}.form-head>span{display:flex;align-items:center;gap:10px;letter-spacing:1.2px;font-size:10px;font-weight:600}.form-head small{color:#9b9f92;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:11px;font-weight:500;display:block}label b{color:#edfb44;font-weight:400}input,select,textarea{display:block;width:100%;border:1px solid #42473a;border-radius:3px;background:#1b1e18;color:#f5f5f0;padding:14px;margin-top:9px;font-size:12px;outline-color:#edfb44;min-height:46px}input::placeholder,textarea::placeholder{color:#777e6d}select{color-scheme:dark}textarea{resize:vertical;line-height:1.6}.full{grid-column:1/-1}.upload{margin-top:25px;border:1px dashed #596247;border-radius:4px;background:#edfb4403;position:relative}.upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.upload:focus-within{outline:2px solid #edfb44;outline-offset:3px}.upload label{display:flex;align-items:center;flex-direction:column;gap:8px;padding:24px 10px;pointer-events:none}.upload-icon{font-size:24px;color:#edfb44}.upload strong{font-size:12px}.upload label>span:not(.upload-icon){font-size:11px;color:#a3aa97}.upload u{color:#edfb44;text-underline-offset:3px}.upload small{font-size:9px;color:#747d68}.attachment-note{font-size:10px;color:#a3aa97;line-height:1.6}#photo-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.photo-item{width:95px;position:relative}.photo-item img{width:95px;height:74px;object-fit:cover;border-radius:4px}.photo-item button{border:0;cursor:pointer;background:#12150f;color:white;padding:5px;font-size:10px;border-radius:3px}.photo-item .remove{position:absolute;right:3px;top:3px}.photo-item .share{width:100%;background:#3d4632}.error{font-size:11px;color:#ffb7a2}.form-bottom{border-top:1px solid #3a3f33;padding-top:24px;margin-top:24px;display:flex;gap:25px;align-items:center}.form-bottom p{color:#9aa18e;font-size:10px;line-height:1.6;margin:0;flex:1}.form-bottom .button{font-size:11px;gap:15px;padding:17px}.form-foot{text-align:right;font-size:9px;color:#7d856f;margin:15px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid #34382e;padding-top:25px}.step-no{color:#edfb44;font-size:36px;font-weight:500;letter-spacing:-2px}h3{font-size:18px;font-weight:600;margin:25px 0 12px;letter-spacing:-.5px}.steps p{font-size:12px;line-height:1.9;color:#999f91;max-width:330px}.contact-strip{background:#edfb44;color:#15180d;display:flex;justify-content:space-between;align-items:center;padding:52px max(5%,calc((100vw - 1296px)/2));gap:30px}.contact-strip h2{font-size:42px}.contact-strip>div:last-child{display:flex;flex-direction:column;gap:18px}.big-phone{font-size:40px;font-weight:700;letter-spacing:-2px}.contact-strip>div:last-child>a:last-child{font-size:12px;align-self:flex-end}footer{max-width:1296px;margin:auto;padding:55px 0 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}footer>.logo{align-self:start}footer>div>span{font-size:9px;letter-spacing:1.2px;color:#767d6e}footer>div>a{display:block;font-size:12px;margin-top:13px}footer p{font-size:11px;line-height:1.9;color:#a0a694}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30352a;padding-top:22px;margin-top:15px}.footer-bottom span,.footer-bottom a{font-size:9px;letter-spacing:0;color:#767d6e;margin:0}.floating-contact{position:fixed;right:22px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:10}.floating-contact a{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;box-shadow:0 3px 18px #0006;transition:transform .2s}.floating-contact a:hover{transform:scale(1.08)}.float-wa{background:#26c66a;color:white}.float-phone{background:#edfb44;color:#111211}.floating-contact svg{width:24px;height:24px}@media(min-width:1441px){.hero{border-radius:5px}.hero-content{padding-left:72px}}@media(max-width:1400px){.benefit-bar,.section,footer{margin-left:5%;margin-right:5%}}@media(max-width:900px){header{height:75px}nav{gap:16px;font-size:10px}.logo{font-size:16px}.header-phone{font-size:12px}.hero{min-height:620px}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#090d0bf2,#090d0b60)}.hero-content{padding-top:60px}h1{letter-spacing:-2.5px}.hero-corner{display:none}.benefit-bar{flex-wrap:wrap;gap:20px}.benefit-bar span{width:45%;font-size:11px}.section-top{align-items:flex-start;flex-direction:column;gap:20px}.car-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.steps{gap:20px}.contact-strip h2{font-size:32px}.big-phone{font-size:30px}.contact-strip .eyebrow{font-size:8px}footer{grid-template-columns:1fr 1fr}footer>.logo{grid-column:1/-1}.form-bottom{flex-direction:column;align-items:stretch}.form-foot{text-align:center}}@media(max-width:600px){header{gap:10px}nav{display:none}.logo{font-size:14px}.logo-region{font-size:8px}.logo-icon{width:27px;height:27px}.header-phone{font-size:11px}.hero{min-height:640px}.hero-content{padding:55px 6% 35px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#090d0bee,#090d0b78),linear-gradient(0deg,#090d0ba0,transparent)}h1{font-size:54px;letter-spacing:-2.7px;margin-top:32px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero p{font-size:13px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-note{flex-direction:column;gap:12px;font-size:9px}.button{padding:17px 21px}.section{padding:60px 0}h2{font-size:33px}.section-top p{font-size:11px}.car-grid{gap:12px}.car-grid figure{aspect-ratio:.92}figcaption{left:12px;right:10px;bottom:15px;font-size:10px}figcaption span{font-size:8px}.form-section{padding:55px 5%}.form-intro p{font-size:11px}form{padding:23px 18px}.form-head{gap:10px}.form-head>span{font-size:8px;letter-spacing:.6px}.form-head small{font-size:8px;white-space:nowrap}.form-grid{gap:18px;grid-template-columns:1fr}.full{grid-column:auto}.form-bottom .button{font-size:11px}.steps{grid-template-columns:1fr;gap:24px;margin-top:25px}.steps article{position:relative;padding-left:55px;padding-top:22px}.step-no{position:absolute;left:0;top:23px;font-size:28px}h3{margin:3px 0 12px}.contact-strip{flex-direction:column;align-items:flex-start;padding:40px 6%;gap:32px}.contact-strip>div:last-child>a:last-child{align-self:flex-start}.big-phone{font-size:34px}.floating-contact{right:14px;bottom:16px}.floating-contact a{width:46px;height:46px}footer{gap:30px;padding-bottom:85px}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom>a{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.advantages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:42px;row-gap:38px;margin-top:46px}.advantage{background:#1b1e18;border:1px solid #34382e;border-radius:6px;padding:28px}.advantage svg{width:34px;height:34px;color:#edfb44;display:block}.advantage h3{margin:22px 0 12px;font-size:18px}.advantage p{font-size:12px;line-height:1.9;color:#999f91;margin:0;max-width:340px}@media(max-width:900px){.advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:600px){.advantages-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.advantage{position:relative;padding:24px 22px 24px 68px}.advantage svg{position:absolute;left:22px;top:24px;width:30px;height:30px}.advantage h3{margin:0 0 10px;font-size:17px}}


.reviews-section{background:#151713;border-top:1px solid #2b3025}.reviews-demo-note{font-size:11px;color:#a0a793;line-height:1.7;margin:-12px 0 28px}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.review-card{display:flex;flex-direction:column;background:#1b1e18;border:1px solid #34382e;border-radius:6px;padding:28px}.review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-quote{font-size:60px;line-height:1;color:#edfb44;height:42px;font-family:Georgia,serif}.review-demo{font-size:8px;letter-spacing:1px;color:#939c84;border:1px solid #3a422f;padding:6px 8px;border-radius:3px}.review-card blockquote{margin:22px 0 28px;font-size:14px;line-height:1.9;color:#d5d9ce;flex:1}.review-author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #34382e}.review-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#2a3021;color:#edfb44;font-size:11px}.review-author strong{display:block;font-size:11px;font-weight:500}.review-author div>span{display:block;font-size:9px;color:#838e75;margin-top:6px}@media(max-width:900px){.reviews-grid{gap:16px}.review-card{padding:22px}.review-top{align-items:flex-start;flex-direction:column}.review-card blockquote{font-size:12px}}@media(max-width:600px){.reviews-grid{grid-template-columns:1fr}.review-top{flex-direction:row;align-items:center}.review-card blockquote{font-size:13px;margin-top:18px}.reviews-demo-note{font-size:10px;margin-top:-8px}}

.faq-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}.faq-intro p{font-size:12px;line-height:1.9;color:#999f91;margin:24px 0}.faq-intro>.text-link{color:#edfb44;display:inline-block}.faq-list{border-top:1px solid #34382e}.faq-item{border-bottom:1px solid #34382e}.faq-item summary{list-style:none;display:flex;align-items:center;gap:16px;padding:25px 0;cursor:pointer;font-size:13px;font-weight:500;line-height:1.6}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid #edfb44;outline-offset:5px}.faq-number{color:#727d64;font-size:10px;flex-shrink:0}.faq-toggle{position:relative;width:22px;height:22px;flex-shrink:0;margin-left:auto;color:#edfb44}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;background:currentColor;left:5px;right:5px;top:10px;height:1px}.faq-toggle:after{transform:rotate(90deg);transition:transform .2s}.faq-item[open] .faq-toggle:after{transform:rotate(0)}.faq-item[open] summary{color:#edfb44}.faq-answer{padding:0 38px 24px 30px}.faq-answer p{font-size:12px;line-height:1.9;color:#a7af9d;margin:0}.faq-answer a{color:#edfb44;text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.faq-section{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){.faq-item summary{font-size:12px;gap:12px;padding:22px 0}.faq-answer{padding-left:25px;padding-right:15px}.faq-answer p{font-size:11px}}
/* Przyciemnione auta w tle sekcji wyceny. */
.form-section{position:relative;isolation:isolate;overflow:hidden;background:#191b18}
.form-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,rgba(15,18,14,.83) 0%,rgba(15,18,14,.88) 45%,rgba(15,18,14,.95) 100%),url("assets/formularz-parking.jpg");background-size:cover;background-position:65% center;background-repeat:no-repeat}
.form-section .form-intro{position:relative;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.form-section form{position:relative;background:#22251f;box-shadow:0 20px 65px rgba(0,0,0,.22)}
@media(max-width:600px){.form-section::before{background-position:60% center}}

.faq-background{background-color:#191c17;background-image:linear-gradient(90deg,rgba(12,16,12,.91),rgba(12,16,12,.85)),url("assets/faq-auta.jpg");background-size:cover;background-position:center 65%;border-block:1px solid #30362b}.faq-background .faq-list{background:rgba(17,21,16,.52);padding:0 24px;border:1px solid #3a4234;border-radius:6px}.faq-background .faq-item:last-child{border-bottom:0}.faq-background .faq-intro p,.faq-background .faq-answer p{color:#b8beaf}.contact-strip h2{margin-top:0}@media(max-width:600px){.faq-background{background-position:60% center}.faq-background .faq-list{padding:0 16px}}

.skip-link{position:fixed;top:-100px;left:20px;z-index:100000;padding:15px;background:#edfb44;color:#111}.skip-link:focus{top:15px}.custom-logo-link{display:block;max-width:240px}.custom-logo{display:block;max-width:100%;width:auto;max-height:48px;height:auto}.form-status:empty{display:none}.form-status{margin:0 0 24px;padding:16px;border:1px solid #687443;border-radius:4px;color:#edfb44;line-height:1.7;font-size:12px}.form-status.is-error{color:#ffb7a2;border-color:#93624f}.form-status.is-success{color:#edfb44}.form-foot a{text-decoration:underline}.button:disabled{opacity:.65;cursor:wait;transform:none}body.admin-bar{--wp-admin--admin-bar--height:32px}html:has(body.admin-bar){scroll-padding-top:122px}.document-page{min-height:50vh}.document-page h1{font-size:42px}.document-content{line-height:1.8;color:#c7ccbf}.document-content a{color:#edfb44;text-decoration:underline}.document-content img{max-width:100%;height:auto}@media(max-width:782px){html:has(body.admin-bar){scroll-padding-top:136px}}