:root{--ink:#071f2f;--navy:#0d3852;--blue:#1599cf;--lime:#c7da00;--paper:#f4f8f7;--white:#fff;--muted:#5d7180;--line:#d4e0e4;--shadow:0 24px 70px rgba(7,31,47,.10);--max:1480px;--r:0;--display:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf3f1;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-100px;z-index:9999;background:var(--lime);padding:.8rem 1rem;font-weight:800}.skip-link:focus{top:1rem}.site-frame{max-width:var(--max);margin:0 auto;background:var(--paper);box-shadow:0 0 80px rgba(7,31,47,.12);min-height:100vh}.urgent-ribbon{height:30px;display:flex;align-items:center;justify-content:center;gap:.8rem;background:var(--lime);font-size:.72rem;font-weight:800}.urgent-ribbon a{text-decoration:underline;text-underline-offset:2px}.site-header{height:86px;display:grid;grid-template-columns:290px 1fr auto auto;align-items:center;gap:1.4rem;padding:0 clamp(1.1rem,3vw,3.5rem);background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:relative;z-index:100}.brand img{display:block;width:250px;height:auto}.desktop-nav{display:flex;justify-content:flex-end;gap:clamp(1rem,2vw,2rem)}.desktop-nav a{padding:1.9rem 0;text-decoration:none;font-size:.91rem;font-weight:800;border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a.is-active{border-color:var(--lime)}.header-call{height:46px;padding:0 1.2rem;display:flex;align-items:center;gap:.55rem;background:var(--lime);font-weight:900;text-decoration:none;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.menu-toggle{display:none;border:0;background:var(--ink);color:white;width:46px;height:46px;font-size:1.4rem}.mobile-nav{display:none}.page{min-height:65vh}.boxed{width:min(calc(100% - 2rem),1280px);margin-inline:auto}.eyebrow{margin:0 0 .8rem;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.display-title{margin:0;font-size:clamp(3rem,6vw,6.8rem);line-height:.9;letter-spacing:-.065em;font-weight:900;text-wrap:balance}.section-title{margin:0;font-size:clamp(2.25rem,4.5vw,4.8rem);line-height:.95;letter-spacing:-.055em;font-weight:900;text-wrap:balance}.lead{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.7;color:var(--muted)}.btn{min-height:50px;padding:0 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid transparent;background:var(--lime);color:var(--ink);font-weight:900;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn.dark{background:var(--ink);color:#fff}.btn.outline{background:transparent;border-color:currentColor}.btn.blue{background:var(--blue);color:#fff}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero{min-height:650px;padding:clamp(3rem,6vw,6rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);align-items:center;gap:clamp(2rem,5vw,5rem);background-color:var(--ink);background-image:linear-gradient(rgba(21,153,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(21,153,207,.07) 1px,transparent 1px);background-size:52px 52px;color:#fff;overflow:hidden}.hero-copy{max-width:680px}.hero h1 em{display:block;color:var(--lime);font-style:normal}.hero .lead{max-width:590px;color:#c6d6de}.hero-points{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem;color:#d9e4e8;font-size:.8rem;font-weight:800}.hero-points span:before{content:'●';color:var(--lime);margin-right:.45rem}.hero-visual{position:relative;margin:0}.hero-visual:before{content:'';position:absolute;inset:-16px 22px 18px -16px;border:2px solid var(--lime)}.hero-visual img{position:relative;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:26px 26px 0 rgba(21,153,207,.2)}.hero-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;background:rgba(255,255,255,.94);color:var(--ink);font-size:.78rem;font-weight:900}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line)}.proof-strip article{min-height:135px;padding:1.6rem clamp(1.2rem,3vw,3rem);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;gap:.1rem .9rem;border-right:1px solid var(--line)}.proof-strip article:last-child{border:0}.proof-icon{grid-row:1/3;color:var(--blue);font-size:1.8rem}.proof-strip strong{font-size:clamp(1.7rem,2.6vw,2.7rem);line-height:1;font-weight:900}.proof-strip span{color:var(--muted);font-size:.78rem}.section{padding:clamp(4.5rem,8vw,8rem) clamp(1.2rem,5vw,5rem)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,7vw,7rem);align-items:center}.copy p:not(.eyebrow){color:var(--muted);line-height:1.75}.quality-visual{position:relative}.quality-visual img{width:100%;max-height:650px;object-fit:cover}.quality-visual span{position:absolute;left:1.2rem;bottom:1.2rem;background:var(--lime);padding:.8rem 1rem;font-weight:900}.accordion{margin-top:2rem;border-top:1px solid #426071}.accordion details{border-bottom:1px solid #426071}.accordion summary{padding:1.25rem 0;cursor:pointer;list-style:none;font-weight:900}.accordion summary span{color:var(--lime);margin-right:1rem}.accordion p{margin:0;padding:0 0 1.2rem;color:#c4d4dc}.dark-section{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:var(--line);border:1px solid var(--line)}.card{padding:clamp(1.4rem,3vw,2.5rem);background:#fff;color:var(--ink)}.card .num{color:var(--blue);font-weight:900}.card h3{font-size:1.45rem;margin:2rem 0 .5rem}.card p{margin:0;color:var(--muted)}.inventory-teaser{padding:clamp(3rem,6vw,6rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:center;background:#eaf3f6}.inventory-mock{min-height:220px;padding:2rem;background:var(--navy);color:#fff;box-shadow:18px 18px 0 var(--blue);display:grid;gap:1rem}.inventory-mock span{padding:.9rem;border:1px solid #547487}.inventory-mock strong{padding:1rem;background:var(--lime);color:var(--ink)}.contact-banner{padding:clamp(3rem,6vw,5rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--navy);color:#fff}.contact-banner p{color:#c8d9e1}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:1.2rem 2.4rem 1.2rem 0;cursor:pointer;font-weight:800}.faq-list p{margin:0;padding:0 2rem 1.3rem 0;color:var(--muted)}.page-intro{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,5vw,5rem);background:var(--ink);color:#fff}.page-intro p:last-child{max-width:820px;color:#c7d6de;font-size:1.1rem}.estimator-wrap{padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem)}.estimator{padding:clamp(1.2rem,4vw,3.5rem);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.estimator-head{display:flex;justify-content:space-between;gap:1rem}.estimator h2{margin:0;font-size:clamp(2.2rem,4.6vw,4.8rem);line-height:.95;letter-spacing:-.055em}.step-count{color:var(--blue);font-weight:900}.estimator fieldset{margin:1.8rem 0 0;padding:1.5rem 0 0;border:0;border-top:1px solid var(--line)}.estimator legend{padding:0;font-weight:900}.estimator legend span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:.55rem;background:var(--ink);color:var(--lime);font-size:.75rem}.choice-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}.choice{padding:.8rem 1rem;border:1px solid #bfcfd6;background:#f8fbfa;cursor:pointer}.choice.is-selected,.quality-choice.is-selected{border-color:var(--blue);box-shadow:inset 0 -3px var(--blue);background:#eaf7fc}.form-control{width:100%;min-height:54px;margin-top:.6rem;padding:0 1rem;border:1px solid #b9ccd4;background:#f8fbfa;color:var(--ink);font-weight:700}.quality-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1.3rem}.quality-choice{min-height:95px;padding:1rem;text-align:left;border:1px solid #bfcfd6;background:#f8fbfa;cursor:pointer}.quality-choice strong,.quality-choice span{display:block}.quality-choice span{margin-top:.4rem;color:var(--muted);font-size:.77rem}.estimate-summary{margin-top:1.8rem;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#f4f8f7;border-left:4px solid var(--lime)}.estimate-summary small{color:var(--blue);font-weight:900;text-transform:uppercase}.price-preview{margin-top:1rem;padding:1.4rem;display:flex;gap:1rem;align-items:center;background:#eef5f7;border:1px solid #cbd8dd}.price-icon{font-size:2.2rem;color:var(--blue)}.price-preview small,.price-preview strong,.price-preview span{display:block}.price-preview small{color:var(--blue);font-size:.7rem;font-weight:900;text-transform:uppercase}.price-preview strong{font-size:1.55rem}.price-preview span{color:var(--muted);font-size:.86rem}.estimate-result{margin-top:1rem;padding:1.4rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;background:var(--navy);color:#fff}.estimate-result p{margin:0;color:#c5d6df}.price-note{font-size:.82rem;color:var(--muted)}.parts-link{display:inline-block;margin-top:1rem;color:var(--blue);font-weight:800}.form-page{padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem)}.repair-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-section{padding:clamp(1.3rem,4vw,3.5rem);border-bottom:1px solid var(--line)}.form-section h2{margin:0 0 1.4rem;font-size:clamp(1.8rem,3vw,3rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field label{display:block;margin-bottom:.35rem;font-weight:800}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:.8rem;border:1px solid #b9ccd4;background:#f8fbfa}.field textarea{min-height:135px;resize:vertical}.check-line{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem}.check-line input{width:19px;height:19px;accent-color:var(--blue)}.form-actions{padding:1.4rem clamp(1.3rem,4vw,3.5rem);display:flex;align-items:center;gap:1rem}.form-status{font-weight:700}.form-status.ok{color:#27803a}.form-status.error{color:#b3372a}.honeypot{position:absolute!important;left:-9999px!important}.inventory-page{padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4rem)}.inventory-toolbar{padding:1.2rem;background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:1rem}.filters{padding:1rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.7rem;background:#fff;border:1px solid var(--line)}.filters input,.filters select{min-height:48px;padding:0 .8rem;border:1px solid #b9ccd4;background:#f8fbfa}.phone-count{margin:2rem 0 1rem;font-weight:900}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.phone-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}.phone-image{height:280px;display:grid;place-items:center;background:#e6eef1;color:#8aa4b2;overflow:hidden}.phone-image img{width:100%;height:100%;object-fit:contain}.phone-image .placeholder{font-size:4rem}.phone-body{padding:1.3rem;display:flex;flex:1;flex-direction:column}.phone-body h2{margin:.3rem 0 1rem;font-size:2rem}.phone-state{color:var(--blue);font-weight:900;font-size:.75rem}.specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.specs div{padding:.8rem}.specs div:nth-child(odd){border-right:1px solid var(--line)}.specs small,.specs strong{display:block}.specs small{color:var(--muted);font-size:.68rem;text-transform:uppercase}.phone-price{margin-top:auto;padding-top:1.3rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.phone-price strong{font-size:2rem}.empty-state{padding:4rem 1rem;text-align:center;background:#fff;border:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.contact-grid>div{padding:clamp(2rem,5vw,5rem);background:#fff}.contact-data{display:grid;gap:1rem}.contact-data a{font-size:1.2rem;font-weight:800;text-decoration:none}.map-card{min-height:380px;background:var(--navy)!important;color:#fff!important;display:flex;flex-direction:column;justify-content:center}.privacy{max-width:900px;padding:4rem 1.2rem;margin:auto}.privacy h2{margin-top:2.5rem}.privacy p,.privacy li{color:var(--muted);line-height:1.75}.site-footer{padding:clamp(3rem,6vw,5rem) clamp(1.2rem,5vw,5rem) 1.2rem;background:var(--ink);color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem}.footer-logo{width:270px}.footer-grid p{color:#c0d2da}.footer-grid a,.footer-grid span{display:block;margin:.55rem 0;color:#d6e3e8;text-decoration:none}.footer-title{color:#fff!important;font-weight:900}.footer-bottom{margin-top:3rem;padding-top:1.2rem;display:flex;justify-content:space-between;border-top:1px solid #345366;color:#9eb7c3;font-size:.78rem}
/* Części */.parts-hero{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(2rem,6vw,6rem);align-items:center;background:var(--ink);color:#fff}.parts-hero .lead{color:#c5d6df}.parts-hero figure{position:relative;margin:0}.parts-hero figure:before{content:'';position:absolute;inset:-14px 18px 18px -14px;border:2px solid var(--lime)}.parts-hero img{position:relative;display:block;aspect-ratio:16/9;object-fit:cover;box-shadow:22px 22px 0 rgba(21,153,207,.2)}.part-basics{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.basics-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.basics-grid article{padding:2rem;border-right:1px solid var(--line)}.basics-grid article:last-child{border:0}.basics-grid .num{color:var(--blue);font-weight:900}.callout{grid-column:1/-1;padding:1rem 1.2rem;background:#eaf7fc;border-left:4px solid var(--blue)}.part-section-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:5rem;align-items:center;margin-bottom:3.5rem}.part-section-intro.reverse{grid-template-columns:1.18fr .82fr}.part-section-intro img{width:100%;max-height:500px;object-fit:cover;box-shadow:16px 16px 0 var(--blue)}.dark-section .part-section-intro img{box-shadow:16px 16px 0 var(--lime)}.part-options{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.part-option{padding:clamp(1.3rem,3vw,2.3rem);background:#fff;color:var(--ink)}.part-option header{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.part-option header>span{height:50px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-weight:900}.part-option h3{margin:0;font-size:1.45rem}.part-option header p{margin:.25rem 0 0;color:var(--blue);font-size:.75rem;font-weight:900;text-transform:uppercase}.part-option dl{margin:0}.part-option dl div{padding:.9rem 0;border-bottom:1px solid var(--line)}.part-option dt{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.part-option dd{margin:.25rem 0 0}.best{font-weight:700}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border:1px solid var(--line)}.status-grid article{min-height:240px;padding:1.5rem;border-right:1px solid var(--line);display:flex;flex-direction:column}.status-grid article:last-child{border:0}.status-grid .status-icon{font-size:2rem;color:var(--blue)}.status-grid h3{margin:auto 0 .5rem}.status-grid p{margin:0;color:var(--muted)}.source-note{padding:2rem clamp(1.2rem,5vw,5rem);display:flex;justify-content:space-between;gap:2rem;align-items:center;background:#e9f2f5}.source-note a{color:var(--blue);font-weight:700}
@media(max-width:1100px){.site-header{grid-template-columns:240px 1fr auto}.brand img{width:220px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:1rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:1rem;text-decoration:none;border-bottom:1px solid var(--line);font-weight:800}.hero,.parts-hero{grid-template-columns:1fr;min-height:auto}.hero-visual,.parts-hero figure{max-width:900px}.two-col,.faq,.part-basics,.part-section-intro,.part-section-intro.reverse{grid-template-columns:1fr}.part-section-intro.reverse img{order:2}.quality-visual img{max-height:520px}.footer-grid{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr 1fr}.status-grid article:nth-child(2){border-right:0}.status-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.site-frame{width:100%}.urgent-ribbon{font-size:.64rem}.site-header{height:72px;grid-template-columns:1fr auto auto;padding-inline:1rem}.brand img{width:195px}.header-call{width:46px;padding:0;justify-content:center;clip-path:none}.header-call span{display:none}.hero{padding:3.5rem 1.1rem;gap:3rem}.display-title{font-size:clamp(3.2rem,16vw,5rem)}.hero-visual:before,.parts-hero figure:before{inset:-8px 8px 8px -8px}.hero-visual figcaption{position:static;display:grid}.proof-strip{grid-template-columns:1fr}.proof-strip article{min-height:105px;border-right:0;border-bottom:1px solid var(--line)}.proof-strip article:last-child{border-bottom:0}.section{padding:4rem 1.1rem}.cards,.phone-grid{grid-template-columns:1fr}.inventory-teaser,.contact-banner{grid-template-columns:1fr}.quality-row{grid-template-columns:1fr 1fr}.estimate-summary,.estimate-result{grid-template-columns:1fr}.estimate-summary span:last-child{font-size:.8rem}.form-grid,.filters{grid-template-columns:1fr}.field.full{grid-column:auto}.phone-image{height:320px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.parts-hero{padding:3.5rem 1.1rem}.parts-hero .display-title{font-size:clamp(3rem,14vw,4.4rem)}.basics-grid,.part-options,.status-grid{grid-template-columns:1fr}.basics-grid article,.status-grid article{border-right:0;border-bottom:1px solid var(--line)}.status-grid article:last-child{border-bottom:0}.source-note{display:block}.part-section-intro{gap:2rem}.part-section-intro img{max-height:340px}.actions,.btn{width:100%}.form-actions{align-items:stretch;flex-direction:column}}
@media(min-width:1900px){body{padding:0 28px 28px}.site-frame{border:1px solid #dbe6e4;border-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Oryginalne pliki identyfikacji wizualnej przekazane przez właściciela marki. */
.brand,.footer-brand{display:inline-flex;align-items:center;width:max-content;max-width:100%;text-decoration:none}
.brand-logo{display:block;width:250px;height:auto;object-fit:contain}
.footer-brand{margin-bottom:.8rem}
.footer-brand .brand-logo{width:270px;height:auto}

/* Nawigacja podąża za użytkownikiem i zyskuje czytelne odcięcie po przewinięciu. */
.site-header{position:sticky;top:0;z-index:1000;transition:background-color .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:box-shadow}
.site-header.is-scrolled{background:rgba(255,255,255,.91);border-bottom-color:rgba(212,224,228,.72);box-shadow:0 12px 34px rgba(7,31,47,.14);backdrop-filter:saturate(145%) blur(14px);-webkit-backdrop-filter:saturate(145%) blur(14px)}

/* Karty telefonów — jedna linia ceny i osobne, równe akcje. */
.phone-card{min-width:0}
.phone-image-button{width:100%;padding:0;border:0;cursor:pointer;font:inherit}
.phone-image-button:hover{filter:brightness(.98)}
.phone-image-button:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}
.placeholder-label{display:block;margin-top:.5rem;font-size:.75rem;font-weight:800}
.phone-price{margin-top:auto;padding-top:1.3rem;display:block}
.phone-price small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}
.phone-price strong{display:block;margin-top:.15rem;font-size:clamp(1.65rem,2.2vw,2rem);line-height:1.1;white-space:nowrap}
.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}
.phone-actions .btn{min-width:0;width:100%;padding-inline:.7rem;white-space:nowrap}
.phone-detail-button{border-color:var(--ink);background:#fff}

/* Szczegółowy podgląd telefonu. */
.phone-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1050px,calc(100% - 2rem));max-height:calc(100vh - 2rem);margin:0;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 32px 100px rgba(0,0,0,.28);overflow:auto}
.phone-dialog::backdrop{background:rgba(4,22,34,.76);backdrop-filter:blur(3px)}
.phone-dialog-close{position:absolute;top:1rem;right:1rem;z-index:2;width:44px;height:44px;border:0;background:var(--ink);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.phone-dialog-close:hover{background:var(--blue)}
.phone-detail-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.phone-detail-media{min-height:560px;display:grid;place-items:center;background:#e6eef1;color:#8aa4b2;overflow:hidden}
.phone-detail-media img{width:100%;height:100%;max-height:680px;object-fit:contain}
.phone-gallery{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}.phone-gallery-main{min-height:0;display:grid;place-items:center;overflow:hidden}.phone-gallery-main img{width:100%;height:100%;object-fit:contain}.phone-gallery-thumbs{padding:.7rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;background:#d9e5e9}.phone-gallery-thumbs button{min-width:0;aspect-ratio:1;padding:0;border:2px solid transparent;background:#fff;cursor:pointer;overflow:hidden}.phone-gallery-thumbs button.selected{border-color:var(--blue);box-shadow:0 0 0 2px #fff}.phone-gallery-thumbs img{width:100%;height:100%;object-fit:cover}
.phone-detail-media .placeholder{font-size:5rem;text-align:center}
.phone-detail-copy{padding:clamp(2rem,5vw,4rem)}
.phone-detail-copy h2{margin:.45rem 0 .25rem;font-size:clamp(2.4rem,5vw,4.3rem);line-height:.95;letter-spacing:-.055em}
.phone-offer-id{margin:0 0 1.5rem;color:var(--muted);font-size:.8rem;font-weight:700}
.detail-specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.detail-specs div{padding:.85rem 1rem;border-bottom:1px solid var(--line)}
.detail-specs div:nth-child(odd){border-right:1px solid var(--line)}
.detail-specs div:nth-last-child(-n+2){border-bottom:0}
.detail-specs small,.detail-specs strong{display:block}
.detail-specs small{color:var(--muted);font-size:.67rem;text-transform:uppercase}
.detail-specs strong{margin-top:.15rem}
.phone-description{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.phone-description small{display:block;color:var(--blue);font-size:.68rem;font-weight:900;text-transform:uppercase}
.phone-description p{margin:.45rem 0 0;color:var(--muted);line-height:1.7}
.phone-detail-price{margin-top:1.5rem}
.phone-detail-price small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}
.phone-detail-price strong{display:block;margin:.15rem 0 1rem;font-size:2.35rem;line-height:1;white-space:nowrap}
.phone-detail-price .btn{width:100%}
.phone-detail-note{margin:.8rem 0 0;color:var(--muted);font-size:.78rem}

@media(max-width:900px){
  .phone-detail-layout{grid-template-columns:1fr}
  .phone-detail-media{min-height:310px;max-height:430px}
  .phone-detail-media img{max-height:430px}
}
@media(max-width:760px){
  .site-header .brand-logo{width:195px}
  .phone-actions{grid-template-columns:1fr 1fr}
  .phone-actions .btn{width:100%}
  .phone-dialog{width:calc(100% - 1rem);max-height:calc(100vh - 1rem)}
  .phone-detail-copy{padding:1.5rem 1.15rem 2rem}
}
@media(max-width:440px){
  .site-header .brand-logo{width:185px}
  .detail-specs{grid-template-columns:1fr}
  .detail-specs div,.detail-specs div:nth-child(odd),.detail-specs div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}
  .detail-specs div:last-child{border-bottom:0}
}

/* Google Business Profile map */
.contact-details{display:flex;flex-direction:column;justify-content:center}
.map-directions{align-self:flex-start;margin-top:2rem}
.urgent-hours{margin-top:1.6rem;padding:1rem 1.1rem;display:grid;gap:.35rem;background:#eef5f7;border-left:4px solid var(--lime)}
.urgent-hours strong{font-size:1rem}
.urgent-hours span{color:var(--muted);font-size:.86rem;line-height:1.6}
.urgent-form-note{margin:.75rem 0 0 1.8rem;padding:.9rem 1rem;background:#eef5f7;border-left:3px solid var(--lime);color:var(--muted);font-size:.82rem;line-height:1.55}
.urgent-form-note strong{color:var(--ink)}
.map-card{min-height:560px!important;padding:0!important;display:grid!important;grid-template-rows:minmax(390px,1fr) auto!important;background:var(--navy)!important;overflow:hidden}
.map-card iframe{display:block;width:100%;height:100%;min-height:390px;border:0;filter:saturate(.9) contrast(1.02)}
.map-caption{padding:1.25rem clamp(1.2rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--navy);color:#fff}
.map-caption .eyebrow{margin-bottom:.35rem}
.map-caption strong{display:block;max-width:420px;line-height:1.35}
.map-caption .btn{flex:0 0 auto}
.hero .btn.outline,.parts-hero .btn.outline,.dark-section .btn.outline,.contact-banner .btn.outline{color:#fff;border-color:rgba(255,255,255,.82)}
.hero .btn.outline:hover,.parts-hero .btn.outline:hover,.dark-section .btn.outline:hover,.contact-banner .btn.outline:hover{background:#fff;color:var(--ink);filter:none}
.system-message-note{margin:1.5rem 0 2.5rem;padding:1.2rem 1.4rem;display:grid;gap:.35rem;background:#eaf7fc;border-left:4px solid var(--blue);color:var(--ink)}
.system-message-note strong{font-size:1rem}
.system-message-note span{font-size:.9rem;line-height:1.65}
.dark-section .system-message-note{background:rgba(255,255,255,.08);border-left-color:var(--lime);color:#fff}

@media(max-width:760px){
  .map-directions{width:100%}
  .urgent-form-note{margin-left:0}
  .map-card{min-height:500px!important;grid-template-rows:minmax(340px,1fr) auto!important}
  .map-card iframe{min-height:340px}
  .map-caption{align-items:stretch;flex-direction:column}
  .map-caption .btn{width:100%}
}

/* Blog i poradniki */
.blog-hero{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:end;background-color:var(--ink);background-image:linear-gradient(rgba(21,153,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(21,153,207,.07) 1px,transparent 1px);background-size:52px 52px;color:#fff}
.blog-hero>div:first-child{max-width:900px}.blog-hero .lead{max-width:760px;color:#c6d6de}.blog-hero-mark{width:220px;height:220px;padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid var(--lime);box-shadow:18px 18px 0 rgba(21,153,207,.2)}.blog-hero-mark strong{color:var(--lime);font-size:5.5rem;line-height:.8}.blog-hero-mark span{margin-top:1rem;font-size:.8rem;font-weight:900;text-transform:uppercase}
.blog-index,.related-articles{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,5vw,5rem)}.blog-heading{margin:clamp(4rem,7vw,7rem) 0 2.2rem;display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:end}.blog-heading>p{margin:0;color:var(--muted);line-height:1.7}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.blog-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}.blog-card-image{display:block;overflow:hidden;background:#dfeaec}.blog-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-copy{padding:1.5rem;display:flex;flex:1;flex-direction:column}.blog-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--muted);font-size:.72rem;font-weight:700}.blog-meta span:first-child{color:var(--blue);font-weight:900;text-transform:uppercase}.blog-card h2{margin:1rem 0 .7rem;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.12;letter-spacing:-.035em}.blog-card h2 a{text-decoration:none}.blog-card p{margin:0 0 1.3rem;color:var(--muted);line-height:1.65}.blog-read{margin-top:auto;color:var(--blue);font-weight:900;text-decoration:none}.blog-read:hover{text-decoration:underline;text-underline-offset:4px}
.blog-card-featured{display:grid;grid-template-columns:1.1fr .9fr}.blog-card-featured .blog-card-image img{height:100%;aspect-ratio:auto;min-height:410px}.blog-card-featured .blog-card-copy{padding:clamp(2rem,4vw,4rem);justify-content:center}.blog-card-featured h2{font-size:clamp(2rem,4vw,4rem);line-height:.98}.blog-card-featured p{font-size:1.04rem}
.blog-article{background:#fff}.article-header{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,9vw,9rem) clamp(2.5rem,5vw,5rem);background:var(--ink);color:#fff}.article-header .blog-meta{margin:2.5rem 0 1.2rem;color:#bcd0d9}.article-header h1{max-width:1050px;margin:0;font-size:clamp(2.8rem,5.8vw,6rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}.article-back{color:var(--lime);font-weight:900;text-decoration:none}.article-lead{max-width:880px;margin:1.7rem 0 0;color:#c6d6de;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.7}.article-cover{margin:0;background:var(--ink)}.article-cover img{display:block;width:100%;max-height:650px;aspect-ratio:16/7;object-fit:cover}
.article-layout{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,7vw,7rem) 1.2rem;display:grid;grid-template-columns:minmax(0,760px) minmax(250px,1fr);gap:clamp(3rem,7vw,7rem);align-items:start}.article-section{padding-bottom:2.6rem;margin-bottom:2.6rem;border-bottom:1px solid var(--line);scroll-margin-top:130px}.article-section h2,.article-sources h2{margin:0 0 1.2rem;font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.08;letter-spacing:-.04em}.article-section p,.article-section li,.article-sources p,.article-sources li{color:#344f5e;font-size:1.04rem;line-height:1.85}.article-section ul{padding-left:1.3rem}.article-section li{padding-left:.35rem;margin:.5rem 0}.article-section li::marker{color:var(--blue)}.article-callout{padding:1.3rem 1.5rem!important;background:#eef6f8;border-left:4px solid var(--lime);color:var(--ink)!important;font-weight:700}.article-sources{padding:1.6rem;background:#f2f7f7}.article-sources ul{padding-left:1.2rem}.article-sources a{color:var(--blue);font-weight:800}.article-sources p{margin-bottom:0;font-size:.85rem}
.article-aside{position:sticky;top:140px}.article-aside-box{padding:2rem;background:var(--navy);color:#fff;box-shadow:16px 16px 0 var(--blue)}.article-aside-box h2{margin:.3rem 0 1rem;font-size:2rem;line-height:1}.article-aside-box>p:not(.eyebrow){color:#c7d7de}.article-aside-box .btn{width:100%;margin-top:.8rem}.aside-phone{display:block;margin-top:1rem;color:#fff;text-align:center;font-weight:900;text-decoration:none}.related-articles{background:#eaf2f4}.related-articles>.section-title{margin-bottom:2.2rem}

@media(max-width:1100px){
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-card-featured{grid-template-columns:1fr}
  .blog-card-featured .blog-card-image img{min-height:0;aspect-ratio:16/9}
  .article-layout{grid-template-columns:1fr}
  .article-aside{position:static}
  .article-aside-box{max-width:620px}
}
@media(max-width:760px){
  .blog-hero{grid-template-columns:1fr;gap:2rem}
  .blog-hero-mark{width:150px;height:150px}.blog-hero-mark strong{font-size:4rem}
  .blog-heading{grid-template-columns:1fr;gap:1.2rem}
  .blog-grid{grid-template-columns:1fr}
  .blog-card-featured .blog-card-copy{padding:1.5rem}
  .article-header{padding:3.5rem 1.1rem 2.5rem}
  .article-header h1{font-size:clamp(2.5rem,12vw,4.2rem)}
  .article-cover img{aspect-ratio:4/3}
  .article-layout{padding:3.5rem 1.1rem}
}

/* Popularne naprawy, opinie i kalkulator opłacalności */
.home-services,.repairs-hub,.reviews-section,.value-wrap,.value-explainer{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,5vw,5rem)}
.home-services{background:#edf4f5}
.home-services-head,.reviews-heading{margin-bottom:2.2rem;display:grid;grid-template-columns:1fr .8fr;gap:4rem;align-items:end}
.home-services-head>div:last-child,.reviews-heading>div p{color:var(--muted);line-height:1.7}
.service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.service-card{min-width:0;background:#fff;border:1px solid var(--line)}
.service-card-image{display:block;overflow:hidden;background:#dfeaec}
.service-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}
.service-card:hover .service-card-image img{transform:scale(1.025)}
.service-card>div{padding:1.5rem}
.service-card>div>span{color:var(--blue);font-size:.72rem;font-weight:900;text-transform:uppercase}
.service-card h3{margin:.65rem 0;font-size:1.55rem;line-height:1.1}
.service-card h3 a{text-decoration:none}
.service-card p{color:var(--muted);line-height:1.65}
.repair-value-teaser{margin-top:1.2rem;padding:clamp(1.6rem,4vw,3.2rem);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;background:var(--ink);color:#fff}
.repair-value-teaser h2{margin:.2rem 0 .6rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}
.repair-value-teaser p:not(.eyebrow){max-width:730px;color:#c6d7df;line-height:1.7}
.repair-value-teaser .btn{white-space:nowrap}
.reviews-section{background:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.reviews-grid article{padding:clamp(1.5rem,3vw,2.4rem);display:flex;min-height:285px;flex-direction:column;background:#f7faf9}
.review-stars{color:#f6a700;letter-spacing:.12em}
.reviews-grid blockquote{margin:1.4rem 0 auto;font-size:1.15rem;font-weight:700;line-height:1.55}
.reviews-grid span{margin-top:.3rem;color:var(--muted);font-size:.8rem}
.reviews-grid a{margin-top:1rem;color:var(--blue);font-size:.78rem;font-weight:900;text-decoration:none}
.reviews-note{margin:1.2rem 0 0;color:var(--muted);font-size:.78rem}
.estimate-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}

.repair-service-hero{padding:clamp(3.5rem,7vw,7rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:1fr .86fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;background:var(--ink);color:#fff}
.repair-service-hero .display-title{font-size:clamp(3rem,5.5vw,5.8rem)}
.repair-service-hero .lead{color:#c6d7df}
.repair-back{display:inline-block;margin-bottom:2rem;color:var(--lime);font-weight:900;text-decoration:none}
.repair-service-hero figure{position:relative;margin:0}
.repair-service-hero figure:before{content:'';position:absolute;inset:-13px 16px 16px -13px;border:2px solid var(--lime)}
.repair-service-hero img{position:relative;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:20px 20px 0 rgba(21,153,207,.22)}
.repair-service-hero figcaption{position:relative;padding:1rem;background:#fff;color:var(--ink);font-weight:900;text-transform:uppercase}
.repair-highlights{display:grid;grid-template-columns:repeat(3,1fr);background:var(--line);gap:1px;border-bottom:1px solid var(--line)}
.repair-highlights article{padding:clamp(1.5rem,3vw,2.4rem);display:flex;align-items:center;gap:1rem;background:#fff}
.repair-highlights span{color:var(--blue);font-weight:900}
.repair-content{padding:clamp(4rem,7vw,7rem) clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.repair-copy article{padding:0 0 3rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}
.repair-copy article>span{color:var(--blue);font-weight:900}
.repair-copy h2{margin:.5rem 0 1.2rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.04em}
.repair-copy p{color:#344f5e;font-size:1.02rem;line-height:1.8}
.repair-content aside{position:sticky;top:140px}
.repair-content aside>div{padding:2rem;background:var(--navy);color:#fff;box-shadow:15px 15px 0 var(--blue)}
.repair-content aside h2{font-size:2rem;line-height:1.05}
.repair-content aside p:not(.eyebrow){color:#c6d7df;line-height:1.7}
.repair-content aside .btn{width:100%;margin-top:1rem}
.repair-faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;background:#eef4f5}
.repair-faq details{border-top:1px solid var(--line)}
.repair-faq summary{padding:1.25rem 0;font-weight:900;cursor:pointer}
.repair-faq p{margin:0 0 1.4rem;color:var(--muted);line-height:1.7}

.value-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:1px;background:var(--line)}
.value-calculator,.value-result{padding:clamp(1.5rem,4vw,3.5rem);background:#fff}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}
.value-grid .field{display:flex;flex-direction:column}
.value-grid label{margin-bottom:.45rem;font-size:.78rem;font-weight:900}
.value-grid select,.value-grid input{width:100%;min-height:52px;padding:.8rem 1rem;border:1px solid #b9cbd2;background:#fff;color:var(--ink);font:inherit;font-weight:700}
.value-grid small{margin-top:.4rem;color:var(--muted);line-height:1.45}
.money-input{position:relative}
.money-input input{padding-right:3.5rem}
.money-input span{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:900}
.value-result{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--navy);color:#fff}
.value-result:before{content:'';position:absolute;inset:0;border-top:7px solid var(--blue);pointer-events:none}
.value-result.positive:before{border-color:var(--lime)}
.value-result.caution:before{border-color:#f0a000}
.value-result h2{margin:.4rem 0 1rem;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1;letter-spacing:-.045em}
.value-result>p:not(.eyebrow){color:#c7d8df;line-height:1.7}
.value-result ul{padding-left:1.2rem;color:#d8e6eb;line-height:1.65}
.value-result li{margin:.7rem 0}
.value-metrics{display:grid;grid-template-columns:1fr 1fr;margin:1rem 0;border:1px solid #355568}
.value-metrics div{padding:1rem}
.value-metrics div+div{border-left:1px solid #355568}
.value-metrics small,.value-metrics strong{display:block}
.value-metrics small{color:#9fb9c5;font-size:.68rem;text-transform:uppercase}
.value-metrics strong{margin-top:.2rem;color:var(--lime);font-size:1.8rem}
.value-disclaimer{font-size:.75rem}
.value-result .actions{margin-top:1rem}
.value-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.value-explainer article{padding:clamp(1.5rem,3vw,2.5rem);background:#f5f9f8}
.value-explainer span{color:var(--blue);font-weight:900}
.value-explainer h2{font-size:1.45rem;line-height:1.15}
.value-explainer p{color:var(--muted);line-height:1.7}

@media(max-width:1100px){
  .service-card-grid{grid-template-columns:1fr 1fr}
  .repair-service-hero{grid-template-columns:1fr}
  .repair-service-hero figure{max-width:820px}
  .repair-content{grid-template-columns:1fr}
  .repair-content aside{position:static;max-width:680px}
  .value-wrap{grid-template-columns:1fr}
}
@media(max-width:760px){
  .home-services-head,.reviews-heading,.repair-value-teaser,.repair-faq-section{grid-template-columns:1fr;gap:1.5rem}
  .service-card-grid,.reviews-grid,.repair-highlights,.value-grid,.value-explainer{grid-template-columns:1fr}
  .reviews-grid article{min-height:auto}
  .repair-value-teaser .btn{width:100%}
  .repair-service-hero{padding:3.5rem 1.1rem}
  .repair-service-hero .display-title{font-size:clamp(2.8rem,13vw,4.4rem)}
  .repair-highlights article{border-bottom:1px solid var(--line)}
  .estimate-actions{align-items:stretch;flex-direction:column}
  .estimate-actions .btn{width:100%}
  .value-metrics{grid-template-columns:1fr}
  .value-metrics div+div{border-left:0;border-top:1px solid #355568}
}

/* Menu mobilne nie blokuje dokumentu; brak dodatkowego kontenera przewijania zachowuje sticky header. */
html,body{min-height:100%}
body.menu-open{overflow:visible}

/* Nawigacja oparta na potrzebach klienta: naprawa, wycena, zakup i kontakt. */
.site-header{padding-inline:clamp(1rem,2.3vw,2.5rem)}
.nav-icon{display:block;width:22px;height:22px;flex-shrink:0;pointer-events:none}
.nav-disclosure-toggle{display:flex;align-items:center;justify-content:space-between;gap:.4rem;background:transparent;color:var(--ink);border:0;font-weight:600;cursor:pointer}
.nav-disclosure-toggle>.nav-icon{width:16px;height:16px;transition:transform .18s ease}
.nav-disclosure-toggle[aria-expanded="true"]>.nav-icon{transform:rotate(180deg)}
.header-actions{display:flex;align-items:center;gap:.75rem}
.nav-repair-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.7rem 1rem;border:1px solid var(--lime);border-radius:5px;background:var(--lime);color:var(--ink);font-size:.88rem;font-weight:800;white-space:nowrap;text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease}
.nav-repair-action .nav-icon{width:18px;height:18px}
.nav-repair-action:hover{background:#d4e720;box-shadow:0 3px 12px rgba(7,31,47,.12)}
.header-call{height:48px;padding:0 .15rem 0 .7rem;gap:.5rem;background:transparent;color:var(--ink);clip-path:none;white-space:nowrap}
.header-call>.nav-icon{color:var(--navy);width:20px;height:20px}
.header-call span{display:block;line-height:1.2}
.header-call small{display:block;margin-bottom:3px;font-size:.64rem;font-weight:500;color:var(--muted)}
.header-call strong{display:block;font-size:.9rem;font-weight:750}
.header-call:hover strong{text-decoration:underline;text-underline-offset:3px}
.nav-dropdown[hidden]{display:none!important}
.nav-dropdown{display:grid;grid-template-columns:1.8fr 1fr;background:#fff;border:1px solid var(--line);border-top:3px solid var(--lime);border-radius:0 0 8px 8px;box-shadow:0 20px 45px rgba(7,31,47,.18);color:var(--ink)}
.nav-repairs{padding:1.6rem}
.nav-group-title{margin:0;font-size:1rem;line-height:1.4;font-weight:750;color:var(--ink)}
.nav-group-note{margin:.3rem 0 1rem;font-size:.8rem;color:var(--muted)}
.nav-repair-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}
.site-header .nav-dropdown a{text-decoration:none;border:0}
.site-header .nav-dropdown .nav-card{display:flex;align-items:flex-start;gap:.7rem;min-height:84px;padding:.75rem .55rem;border-radius:6px;white-space:normal;transition:background-color .18s ease}
.nav-card-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #dcebf1;border-radius:7px;background:#edf6fa;color:#087cac}
.nav-card>span:last-child{min-width:0}
.nav-card strong{display:block;font-size:.87rem;font-weight:700;line-height:1.4}
.nav-card small{display:block;margin-top:.25rem;font-size:.76rem;font-weight:400;line-height:1.5;color:var(--muted)}
.site-header .nav-dropdown .nav-card:hover,.site-header .nav-dropdown .nav-card.is-active{background:#edf5f5;box-shadow:inset 3px 0 var(--lime)}
.site-header .nav-dropdown .nav-all-repairs{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem .55rem 0;border-top:1px solid var(--line);font-size:.83rem;font-weight:700;color:var(--navy)}
.nav-all-repairs .nav-icon{width:18px;height:18px}
.site-header .nav-dropdown .nav-all-repairs:hover{color:#087cac}
.nav-help{padding:1.6rem 1.2rem;background:#f2f7f6;border-left:1px solid var(--line)}
.nav-help>.nav-group-title{margin-bottom:1rem}
.nav-help .nav-card-icon{background:#fff}
.nav-help-note{margin:1.1rem .55rem 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;line-height:1.7;color:var(--muted)}
.site-header .nav-dropdown .nav-help-note a{display:inline;padding:0;font-size:.8rem;color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(min-width:1280px){
  .site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(.7rem,1.2vw,1.1rem)}
  .site-header .brand-logo{width:clamp(200px,15vw,220px)}
  .desktop-nav{position:relative;align-self:stretch;align-items:center;justify-content:center;gap:clamp(.15rem,.4vw,.4rem)}
  .desktop-nav>a,.desktop-nav .nav-disclosure-toggle{display:flex;align-items:center;min-height:46px;padding:.7rem clamp(.5rem,.7vw,.75rem);border:0;border-radius:5px;font-size:clamp(.875rem,1vw,.94rem);font-weight:600;white-space:nowrap;transition:background-color .18s ease,box-shadow .18s ease}
  .desktop-nav>a:hover,.desktop-nav .nav-disclosure-toggle:hover{background:#f0f5f4}
  .desktop-nav>a.is-active,.desktop-nav .nav-disclosure-toggle.is-active,.desktop-nav .nav-disclosure-toggle[aria-expanded="true"]{background:#f3f7dd;box-shadow:inset 0 -3px var(--lime)}
  .desktop-nav .nav-disclosure{display:flex;align-items:center;align-self:stretch}
  .desktop-nav .nav-dropdown{position:absolute;top:100%;right:0;width:850px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:1279px){
  .site-header{grid-template-columns:1fr auto auto}
  .desktop-nav{display:none}
  .menu-toggle{display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#f2f7f6;color:var(--ink)}
  .menu-toggle[aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
  .mobile-nav{position:absolute;top:100%;left:0;right:0;padding:.65rem 1rem 1rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav.is-open{display:block}
  .mobile-nav>a,.mobile-nav .nav-disclosure-toggle{display:flex;align-items:center;width:100%;min-height:52px;padding:.9rem 1rem;text-decoration:none;border-bottom:1px solid var(--line);font-size:1rem;font-weight:600}
  .mobile-nav>a.is-active,.mobile-nav .nav-disclosure-toggle.is-active,.mobile-nav .nav-disclosure-toggle[aria-expanded="true"]{box-shadow:inset 3px 0 var(--lime);background:#f3f7dd}
  .mobile-nav .nav-dropdown{grid-template-columns:1fr;box-shadow:none;border-top:0;border-radius:0}
  .mobile-nav .nav-repairs,.mobile-nav .nav-help{padding:1.15rem .7rem}
  .mobile-nav .nav-help{border-left:0;border-top:1px solid var(--line)}
  .mobile-nav .nav-group-title,.mobile-nav .nav-group-note{padding-inline:.55rem}
  .mobile-nav .nav-repair-action{margin-top:1rem;border:1px solid var(--lime);font-size:.95rem;font-weight:800}
  .mobile-nav .mobile-call{justify-content:center;gap:.6rem;font-size:.9rem;border:0}
}
@media(max-width:760px){
  .header-repair-action{display:none}
  .header-actions{gap:0}
  .header-call{padding:0;width:44px;height:44px;background:#f2f7f6;border:1px solid var(--line);border-radius:5px}
  .header-call span{display:none}
  .mobile-nav .nav-repair-grid{grid-template-columns:1fr;gap:0}
  .mobile-nav .nav-dropdown .nav-card{min-height:72px;padding:.65rem .55rem}
}
@media(max-width:440px){
  .site-header{gap:.5rem}
  .site-header .brand-logo{width:min(185px,calc(100vw - 144px))}
}
@media(prefers-reduced-motion:reduce){
  .nav-disclosure-toggle>.nav-icon,.nav-repair-action,.site-header .nav-card,.desktop-nav>a,.desktop-nav .nav-disclosure-toggle{transition:none}
}