/* jaksprawdzacauta.pl — wspólny CSS dla podstron "dekoder wyposażenia " i "przebieg po VIN " */ /* Fonty Poppins/Montserrat NIE są tu ładowane — korzystamy z lokalnych kopii Elementora (elementor-gf-local-poppins-css / elementor-gf-local-montserrat-css), już wczytanych globalnie w . */ /* ===== ZMIENNE GLOBALNE ===== */ :root{ --c-dark:#1a1f35; --c-accent:#f15d44; --c-bg:#f7f6f4; --ff-body:'Montserrat',sans-serif; --ff-head:'Poppins',sans-serif; } /* ===== NAGŁÓWEK H2 + KRESKA – wspólny wzorzec ===== */ .jsa-h2{font-family:var(--ff-head);font-size:26px;font-weight:700;color:#002949;text-align:center;margin:0 0 10px;line-height:1.3} .jsa-bar{width:50px;height:3px;background:var(--c-accent);margin:0 auto} /* ===== HERO ===== */ .hero-v{background:#0d1117;position:relative;padding:80px 24px 64px;text-align:center;font-family:var(--ff-body)} .hero-v::after{content:'';position:absolute;inset:0;background:rgba(10,14,26,.89)} .hero-v__inner{position:relative;z-index:1;max-width:760px;margin:0 auto} .hero-v__pre{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin:0 0 12px} .hero-v__h1{font-family:var(--ff-head);font-size:46px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.15} .hero-v__h1 span{color:var(--c-accent)} .hero-v__lead{font-size:16px;font-weight:500;color:rgba(255,255,255,.85);line-height:1.75;margin:16px 0 10px} .hero-v__cta{display:inline-block;background:var(--c-accent);color:#fff;font-family:var(--ff-body);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:16px 40px;border-radius:8px;text-decoration:none;margin-top:32px} .hero-v__cta:hover{background:#d94e37;color:#fff} .hero-v__trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin-top:28px} .hero-v__trust-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75)} .hero-v__trust-dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);flex-shrink:0} @media(max-width:600px){.hero-v__h1{font-size:32px}.hero-v__lead{font-size:15px}} /* ===== PRZED ZAKUPEM ===== */ .przed-v{max-width:760px;margin:0 auto;padding:2.5rem 1rem;text-align:center} .przed-v__bar{width:50px;height:3px;background:var(--c-accent);margin:0 auto 20px} .przed-v__p{font-size:15px;font-weight:500;color:var(--c-dark);line-height:1.75;margin:0;text-align:left} .przed-v__p strong{font-weight:700} /* ===== CO ZAWIERA ===== */ .vw{max-width:760px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box} .vw *,.vw *::before,.vw *::after{box-sizing:border-box} .vw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .vw-box{background:#fff;border:1.5px solid var(--c-dark);border-radius:8px;padding:20px 22px} .vw-h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-dark);margin:0 0 14px} .vw-h3 span{color:var(--c-accent)} .vw-list{list-style:none;margin:0;padding:0} .vw-list li{position:relative;padding-left:18px;margin-bottom:10px;font-size:15px;color:var(--c-dark);line-height:1.6;font-weight:500} .vw-list li:last-child{margin-bottom:0} .vw-list li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--c-accent)} .vw-accent{color:var(--c-accent);font-weight:700} @media(max-width:520px){.vw-grid{grid-template-columns:1fr}} /* ===== TRUST SIGNALS ===== */ .trust-v{max-width:760px;margin:0 auto;padding:2rem 1rem} .trust-v__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .trust-v__item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border:1.5px solid #e8e6e3;border-radius:8px} .trust-v__icon{font-size:32px;color:var(--c-accent);margin-bottom:10px;line-height:1} .trust-v__label{font-size:14px;font-weight:700;color:var(--c-dark);line-height:1.4;margin:0 0 4px} .trust-v__desc{font-size:13px;font-weight:500;color:#666;line-height:1.5;margin:0} @media(max-width:560px){.trust-v__grid{grid-template-columns:repeat(2,1fr)}} /* ===== POLSKA FIRMA ===== */ .trust-pl{max-width:760px;margin:0 auto;padding:1rem 1rem 2rem} .trust-pl__box{display:flex;gap:20px;align-items:center;padding:20px 24px;background:var(--c-bg);border-left:3px solid #22a05a;border-radius:0 8px 8px 0} .trust-pl__icon{flex-shrink:0;width:48px;height:48px} .trust-pl__text{font-size:15px;font-weight:500;color:var(--c-dark);line-height:1.7;margin:0} .trust-pl__text strong{font-weight:700} @media(max-width:480px){.trust-pl__box{flex-direction:column;text-align:center}} /* ===== JAK ZAMÓWIĆ ===== */ .howto-v{max-width:640px;margin:0 auto;padding:2rem 1rem} .howto-v__img{display:block;margin:0 auto 2rem;max-width:120px;width:100%;height:auto} .howto-v__steps{list-style:none;margin:0;padding:0} .howto-v__step{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px} .howto-v__num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center} .howto-v__body{padding-top:8px} .howto-v__body strong{display:block;font-size:15px;font-weight:700;color:var(--c-dark);margin-bottom:2px} .howto-v__body p{margin:0;font-size:15px;font-weight:500;color:var(--c-dark);line-height:1.6} .howto-v__body a{color:var(--c-accent);font-weight:600;text-decoration:none} .howto-v__body a:hover{text-decoration:underline} .howto-v__cta{display:block;background:var(--c-accent);color:#fff;text-align:center;font-family:var(--ff-body);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:15px 32px;border-radius:8px;text-decoration:none;margin-top:32px} .howto-v__cta:hover{background:#d94e37;color:#fff} /* ===== MODELE ===== */ .models-v{max-width:720px;margin:0 auto;padding:2rem 1rem} .models-v__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:1.5rem 0;list-style:none;padding:0} .models-v__item{background:var(--c-bg);border-left:3px solid var(--c-accent);padding:7px 12px;font-size:15px;font-weight:500;color:var(--c-dark);border-radius:0 4px 4px 0} .models-v__note{font-size:15px;font-weight:500;color:var(--c-dark);line-height:1.6;margin-top:1.2rem;padding:12px 16px;border:1px solid #e8e6e3;border-radius:4px} /* ===== INNE PRODUKTY ===== */ .ip-v{max-width:960px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box} .ip-v *{box-sizing:border-box} .ip-v__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:1.5rem} .ip-v__card{border:1.5px solid var(--c-dark);border-radius:8px;overflow:hidden;display:flex;flex-direction:column} .ip-v__label{background:var(--c-dark);padding:10px 16px} .ip-v__label p{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;line-height:1.4} .ip-v__label span{color:var(--c-accent)} .ip-v__img{width:100%;aspect-ratio:600/829;object-fit:cover;display:block} .ip-v__cta{display:block;padding:14px 16px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-dark);text-decoration:none;border-top:1.5px solid var(--c-dark);margin-top:auto} .ip-v__cta:hover{background:var(--c-accent);color:#fff;border-top-color:var(--c-accent)} .ip-v__all{display:block;margin:24px auto 0;width:fit-content;padding:13px 32px;border:1.5px solid var(--c-dark);border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-dark);text-decoration:none} .ip-v__all:hover{background:var(--c-dark);color:#fff} @media(max-width:640px){.ip-v__grid{grid-template-columns:1fr}} /* ===== FAQ ===== */ .faq-v{max-width:760px;margin:0 auto;padding:2rem 1rem} .faq-v__item{border-bottom:1.5px solid #e8e6e3} .faq-v__item:first-of-type{border-top:1.5px solid #e8e6e3} .faq-v__btn{width:100%;background:none;border:none;padding:18px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;font-family:var(--ff-body)} .faq-v__btn:hover,.faq-v__btn:focus{background:none !important;color:var(--c-dark) !important} .faq-v__btn:hover .faq-v__q,.faq-v__btn:focus .faq-v__q{color:var(--c-dark) !important} .faq-v__q{font-size:15px;font-weight:700;color:var(--c-dark);text-align:left;margin:0;line-height:1.5} .faq-v__icon{flex-shrink:0;width:20px;height:20px;position:relative} .faq-v__icon::before,.faq-v__icon::after{content:'';position:absolute;background:var(--c-accent);border-radius:2px;transition:transform .25s ease,opacity .25s ease} .faq-v__icon::before{width:12px;height:2px;top:9px;left:4px} .faq-v__icon::after{width:2px;height:12px;top:4px;left:9px} .faq-v__btn[aria-expanded="true"] .faq-v__icon::after{transform:rotate(90deg);opacity:0} .faq-v__body{overflow:hidden;max-height:0;transition:max-height .3s ease} .faq-v__body.is-open{max-height:600px} .faq-v__a,.faq-v__a *{font-size:15px;font-weight:500;color:#444 !important;line-height:1.75;padding:0 0 18px;margin:0} .faq-v__a a,.faq-v__a a:hover{color:var(--c-accent) !important;font-weight:600;text-decoration:none} .faq-v__a strong{color:var(--c-dark) !important;font-weight:700} /* ===== CTA KOŃCOWE ===== */ .cta-v{background:#002949;padding:60px 24px;text-align:center;font-family:var(--ff-body)} .cta-v__h2{font-family:var(--ff-head);font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.3} .cta-v__h2 span{color:var(--c-accent)} .cta-v__sub{font-size:15px;font-weight:500;color:rgba(255,255,255,.7);margin:0 0 28px;line-height:1.6} .cta-v__btn{display:inline-block;background:var(--c-accent);color:#fff;font-family:var(--ff-body);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:16px 40px;border-radius:8px;text-decoration:none} .cta-v__btn:hover{background:#d94e37;color:#fff} /* ===== AUTHOR BOX ===== */ .author-wrap{box-sizing:border-box} .author-wrap *,.author-wrap *::before,.author-wrap *::after{box-sizing:border-box;font-family:var(--ff-body)} .author-wrap .author-card{display:flex;gap:20px;align-items:flex-start;padding:20px 24px;background:var(--c-bg);border-left:3px solid var(--c-accent);border-radius:0 8px 8px 0} .author-wrap .author-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e8e6e3} .author-wrap .author-body{flex:1;min-width:0} .author-wrap .author-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 3px} .author-wrap .author-name{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 2px} .author-wrap .author-title{font-size:13px;color:#888;margin:0 0 10px} .author-wrap .author-bio{font-size:15px;font-weight:500;color:var(--c-dark);line-height:1.6;margin:0 0 12px} .author-wrap .author-bio a{color:var(--c-accent);font-weight:600;text-decoration:none} .author-wrap .author-bio a:hover{text-decoration:underline} .author-wrap .author-meta{display:flex;flex-wrap:wrap;gap:10px 20px} .author-wrap .author-meta a{font-size:15px;font-weight:500;color:var(--c-dark);text-decoration:none;display:flex;align-items:center;gap:6px} .author-wrap .author-meta a:hover{color:var(--c-accent)} .author-wrap .meta-icon{width:15px;height:15px;flex-shrink:0;opacity:.5} @media(max-width:480px){.author-wrap .author-card{flex-direction:column;align-items:center;text-align:center;padding:18px 16px}.author-wrap .author-meta{justify-content:center}} /* ===== FONT OVERRIDE – wymusza Montserrat/Poppins niezależnie od motywu ===== */ .przed-v, .przed-v *:not(.ti), .vw, .vw *:not(.ti), .trust-v, .trust-v *:not(.ti), .trust-pl, .trust-pl *:not(.ti), .howto-v, .howto-v *:not(.ti), .models-v, .models-v *:not(.ti), .ip-v, .ip-v *:not(.ti), .faq-v, .faq-v *:not(.ti), .cta-v, .cta-v *:not(.ti) { font-family: 'Montserrat', sans-serif !important; } .jsa-h2, .hero-v__h1, .cta-v__h2 { font-family: 'Poppins', sans-serif !important; }