:root{--yellow:#f5c518;--ink:#172a35;--muted:#607079;--width:1240px;--page:#f6f7f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #936c00;outline-offset:5px}.container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;background:var(--yellow);padding:14px}.skip-link:focus{top:10px}.site-header{--info-height:37px;background:white;position:sticky;top:calc(-1 * var(--info-height));z-index:20;box-shadow:0 2px 12px #172a3508}.info-bar{min-height:37px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border-bottom:0}.location{display:flex;align-items:center;gap:7px}.location svg{width:14px;height:16px}.info-services,.header-phone{display:none}.navigation{min-height:88px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;font-size:30px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brand-icon{width:32px;height:38px;stroke-width:2.6;color:var(--ink)}.brand-icon path:nth-child(2){fill:var(--yellow)}.brand-accent{color:#9a7100}.brand small{display:block;font-size:8px;letter-spacing:2.7px;font-weight:500;margin-top:9px}.menu-toggle{background:transparent;border:0;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:3px;font-size:12px;cursor:pointer}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:17px;height:2px;background:var(--ink);position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;top:-5px}.menu-lines:after{top:5px}.main-navigation{display:flex;flex-basis:100%;flex-direction:column;gap:0;padding-bottom:16px}.main-navigation a{padding:14px 12px;font-size:13px}.js .main-navigation{display:none}.js .main-navigation.is-open{display:flex}.main-navigation a[aria-current]{font-weight:700}.nav-cta{background:var(--yellow);display:flex;justify-content:space-between;gap:26px;font-weight:700}.hero{position:relative;isolation:isolate;overflow:hidden;background:#e8eceb}.hero-picture{position:absolute;inset:0;z-index:-3}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(250,251,247,.96),rgba(250,251,247,.88) 45%,rgba(250,251,247,.42))}.hero-content{padding-top:49px;padding-bottom:110px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;margin:0 0 22px;display:flex;align-items:center;gap:10px;line-height:1.5}.eyebrow>span{display:none}h1{font-size:clamp(30px,7.5vw,48px);line-height:1.16;letter-spacing:-1.4px;margin:0;font-weight:800}.light-title{font-weight:400;font-style:italic}.highlight{position:relative;display:inline-block}.highlight:after{content:"";position:absolute;height:7px;bottom:2px;left:0;right:0;background:var(--yellow);z-index:-1}.hero-description{font-size:15px;line-height:1.8;max-width:440px;margin:25px 0 26px;color:#3e515b}.hero-actions{display:flex;gap:16px 22px;align-items:center;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 21px;font-size:12px;font-weight:700;transition:background .18s,transform .18s}.button-yellow{background:var(--yellow);color:var(--ink)}.button:hover,.nav-cta:hover{background:#ffda3e}.button:hover{transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;min-height:44px;display:flex;align-items:center;gap:12px}.service-tags{display:flex;flex-wrap:wrap;gap:12px 18px;list-style:none;padding:0;margin:30px 0 0;font-size:10px;color:#465960;scroll-margin-top:30px}.service-tags li:before{content:none}.image-caption{display:none}.emergency-wrap{position:relative;margin-top:-53px;z-index:1;padding-bottom:22px}.emergency-card{background:#fff;box-shadow:0 12px 45px #182d3710;display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px 22px}.emergency-icon{width:54px;height:65px;color:var(--ink);background:#fff9de;display:grid;place-items:center}.emergency-icon svg{width:46px;height:54px;stroke-width:2}.bolt{fill:var(--yellow);stroke:white;stroke-width:2}.emergency-copy .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:9px;color:#796000}.emergency-copy h2{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0 0 12px}.emergency-copy h2 em{font-weight:400}.emergency-copy>p:last-child{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.emergency-button{grid-column:1/-1}.desktop-break{display:none}.service-area{text-align:center;font-size:11px;line-height:1.8;color:var(--muted);margin:26px 0 0}.service-area span{padding:0 7px;color:#aa8100}
@media(min-width:640px){.container{width:min(var(--width),calc(100% - 72px))}.hero-content{padding-top:80px;padding-bottom:135px}.hero-overlay{background:linear-gradient(90deg,rgba(247,249,245,.97),rgba(247,249,245,.86) 38%,rgba(247,249,245,.16) 78%)}h1{font-size:51px}.eyebrow{font-size:11px}.hero-description{font-size:16px}.emergency-card{padding:30px;grid-template-columns:80px 1fr}.emergency-icon{width:75px;height:85px}.emergency-icon svg{width:58px;height:66px}.emergency-button{grid-column:2;justify-self:start}.emergency-copy h2{font-size:27px}.info-bar{justify-content:space-between;min-height:55px}.header-phone{display:flex;flex-direction:column;gap:4px;padding-block:7px;color:var(--ink)}.header-phone span{font-size:10px}.header-phone strong{font-size:17px}.image-caption{display:block;position:absolute;bottom:89px;right:36px;font-size:9px;letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #000}}
@media(min-width:1000px){.info-bar{min-height:53px;font-size:11px;gap:30px;border:0}.info-services{display:block;margin-right:auto}.navigation{min-height:99px;flex-wrap:nowrap}.brand{font-size:38px;gap:12px}.brand-icon{width:40px;height:46px}.brand small{font-size:9px;letter-spacing:3.5px}.menu-toggle{display:none}.main-navigation,.js .main-navigation{display:flex;flex-basis:auto;flex-direction:row;gap:26px;align-items:center;padding:0}.main-navigation a{padding:16px 0;font-size:12px}.main-navigation a[aria-current]{position:relative}.main-navigation a[aria-current]:after{content:"";position:absolute;bottom:5px;left:0;width:23px;height:3px;background:var(--yellow)}.main-navigation .nav-cta{padding:16px 20px;margin-left:10px}.hero-content{padding-top:106px;padding-bottom:142px}.hero{min-height:635px}.hero-picture img{object-position:center 45%}.hero-overlay{background:linear-gradient(90deg,rgba(247,249,245,.97) 0%,rgba(247,249,245,.9) 25%,rgba(247,249,245,.65) 43%,rgba(247,249,245,.05) 70%)}h1{font-size:60px;letter-spacing:-2px}.hero-description{max-width:445px;margin-top:27px}.eyebrow{margin-bottom:23px;font-size:12px}.service-tags{font-size:11px;margin-top:34px;gap:24px}.emergency-wrap{margin-top:-64px}.emergency-card{grid-template-columns:116px 1fr auto;align-items:center;gap:28px;padding:34px 40px;min-height:178px}.emergency-icon{width:105px;height:105px}.emergency-icon svg{width:73px;height:82px}.emergency-copy .eyebrow{font-size:9px}.emergency-copy h2{font-size:29px}.emergency-copy>p:last-child{font-size:14px}.emergency-button{grid-column:auto;white-space:nowrap;justify-self:end}.desktop-break{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Two text families, both available locally; Font Awesome is used only for icons. */
h1,h2,.brand{font-family:"Trebuchet MS",sans-serif}
.location .fa-solid{font-size:14px}
.service-tags .fa-check{color:#806200;margin-right:4px}
.emergency-icon .fa-solid{font-size:32px;color:#9a7100}
.menu-toggle[aria-expanded="true"] .fa-bars:before{content:"\f00d"}
.main-navigation{max-height:calc(100dvh - 100px);overflow-y:auto}
@media(min-width:640px){.site-header{--info-height:55px}.emergency-icon .fa-solid{font-size:42px}}
@media(min-width:1000px){.site-header{--info-height:53px}.main-navigation{overflow:visible;max-height:none}.emergency-icon .fa-solid{font-size:48px}}

/* Why FensterFix: overlapping photographs and four service benefits. */
.why-section{padding:48px 0 64px;background:linear-gradient(to bottom,var(--page) 0%,var(--page) 83%,#fff 83%,#fff 100%)}
.why-layout{display:grid;gap:38px;align-items:start}
.why-photos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;align-items:start;padding-bottom:4px}
.why-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.why-photo-first{grid-column:1/11;grid-row:1}
.why-photo-second{grid-column:3/13;grid-row:2;margin-top:-17%;position:relative;box-shadow:0 14px 30px #172a3510}
.why-intro{margin-bottom:30px}
.why-intro h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 17px}
.why-intro h2 em{font-weight:400}
.why-intro>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.benefits{display:grid;gap:28px;list-style:none;margin:0;padding:0}
.benefit{display:grid;grid-template-columns:62px minmax(0,1fr);gap:17px;align-items:start}
.benefit-icon{width:62px;height:70px;display:grid;place-items:center;background:var(--yellow);clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);font-size:23px;color:var(--ink)}
.benefit h3{font-family:"Trebuchet MS",sans-serif;font-size:17px;line-height:1.35;margin:2px 0 7px;letter-spacing:-.25px}
.benefit p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
@media(min-width:640px){.why-section{padding-top:65px;padding-bottom:80px}.why-photos{max-width:530px;width:100%;margin-inline:auto}.why-intro{text-align:center;margin-bottom:38px}.why-intro h2{font-size:36px}.why-intro>p{font-size:14px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}}
@media(min-width:1100px){.why-section{padding-top:78px;padding-bottom:55px}.why-layout{grid-template-columns:minmax(0, .95fr) minmax(0,1.4fr);gap:58px}.why-photos{margin-top:8px}.why-intro{margin-bottom:42px}.why-intro h2{font-size:37px}.why-intro>p{text-transform:uppercase;font-size:13px;letter-spacing:.4px}.benefits{gap:40px 30px}.benefit{grid-template-columns:76px minmax(0,1fr);gap:17px}.benefit-icon{width:76px;height:86px;font-size:26px}.benefit h3{font-size:17px;margin-top:3px}.benefit p{font-size:14px}}

/* Manufacturer strip: static layout without a carousel or additional fonts. */
.manufacturers{background:#fff;padding:48px 0}
.manufacturers-layout{display:grid;gap:30px;align-items:center}
.manufacturers-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:0 0 18px}
.manufacturers-copy h2 em{font-weight:400}
.manufacturers-copy p{font-size:12px;line-height:1.85;text-transform:uppercase;color:var(--muted);margin:0;max-width:540px}
.manufacturer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:22px 18px;list-style:none;margin:0;padding:0}
.manufacturer-list li{min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Trebuchet MS",sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px;color:#3b474d}
@media(min-width:640px){.manufacturers{padding:65px 0}.manufacturers-copy h2{font-size:32px}.manufacturer-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.manufacturers{padding:78px 0 82px}.manufacturers-layout{grid-template-columns:1fr 1.1fr;gap:65px}.manufacturers-copy h2{font-size:33px}.manufacturer-list{gap:20px}.manufacturer-list li{font-size:27px}}
.manufacturer-siegenia,.manufacturer-maco{letter-spacing:.3px!important}
.manufacturer-list abbr{text-decoration:none}
.manufacturer-list li:last-child{grid-column:1/-1}
@media(min-width:640px){.manufacturer-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.manufacturer-list li{font-size:22px}.manufacturer-list li:last-child{grid-column:auto}}
@media(min-width:1100px){.manufacturers-layout{grid-template-columns:.95fr 1.25fr;gap:50px}.manufacturer-list li{font-size:24px}.manufacturer-list .manufacturer-siegenia{font-size:20px}.manufacturer-list .manufacturer-gu{font-size:32px}}

/* Native details keep the FAQ accessible and usable without JavaScript. */
.faq-section{padding:58px 0 68px;background:var(--page)}
.faq-layout{display:grid;gap:34px;align-items:start}
.faq-intro .eyebrow{margin-bottom:18px}
.faq-intro h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}
.faq-intro h2 em{font-weight:400}
.faq-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:360px;margin:0}
.faq-contact{display:flex;align-items:flex-start;gap:15px;margin-top:28px;padding-top:24px;max-width:360px}
.faq-contact-icon{display:grid;place-items:center;background:var(--yellow);width:44px;height:49px;flex-shrink:0;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);font-size:19px}
.faq-contact h3{font-family:"Trebuchet MS",sans-serif;font-size:17px;line-height:1.4;margin:0 0 5px}
.faq-contact p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.faq-contact a{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;min-height:44px}
.faq-contact a .fa-solid{font-size:13px;color:#866600}
.faq-list{display:grid;gap:12px;min-width:0}
.faq-item{background:#fff}
.faq-item[open]{background:#fff}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:20px 18px;cursor:pointer;font-family:"Trebuchet MS",sans-serif;font-size:16px;font-weight:700;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:focus-visible{outline:3px solid #936c00;outline-offset:3px}
.faq-item summary:hover{background:#fffdf4}
.faq-item summary>.fa-solid{display:grid;place-items:center;flex:0 0 27px;height:27px;background:#f5f6f6;font-size:12px}
.faq-item[open] summary>.fa-solid{background:var(--yellow)}
.faq-item[open] summary>.fa-solid:before{content:"\f068"}
.faq-answer{padding:0 18px 22px;font-size:14px;line-height:1.85;color:var(--muted)}
.faq-answer p{margin:0}
.faq-answer a{color:var(--ink);text-decoration:underline;text-decoration-color:#b18a00;text-underline-offset:3px}
@media(min-width:640px){.faq-section{padding:76px 0 86px}.faq-intro h2{font-size:39px}.faq-item summary{padding:22px 26px;font-size:17px}.faq-answer{padding:0 72px 25px 26px}}
@media(min-width:1000px){.faq-section{padding:95px 0 105px}.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:75px}.faq-intro h2{font-size:43px}.faq-contact{margin-top:34px}.faq-intro{padding-top:8px}}

/* Four footer columns with subtle background pseudo-elements. */
.site-footer{background:var(--ink);color:#fff}
.footer-main{position:relative;isolation:isolate;overflow:hidden;padding:50px 0 54px}
.footer-columns{position:relative;z-index:1;display:grid;gap:34px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.footer-brand{display:inline-flex;justify-self:start;gap:0;font-size:32px;letter-spacing:-1.5px}
.footer-brand .brand-accent{color:var(--yellow)}
.footer-column h2{font-size:17px;line-height:1.4;letter-spacing:-.2px;margin:0}
.footer-column p{margin:0;color:#c0cbd0;font-size:14px;line-height:1.8}
.footer-column p>.fa-solid{color:var(--yellow);margin-right:9px;font-size:13px}
.footer-services{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0;color:#c0cbd0;font-size:14px;line-height:1.8}
.footer-services a{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-block:-9px}
.footer-services .fa-solid{font-size:10px}
.footer-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-phone{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--yellow);font-size:20px;font-weight:700;letter-spacing:-.3px}
.footer-phone .fa-solid{font-size:15px}
.footer-faq{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#c0cbd0;font-size:13px}
.footer-faq .fa-solid{font-size:11px}
.footer-contact-links{gap:10px}
.footer-contact-row .footer-contact-method{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:11px;min-height:44px;white-space:normal;color:#fff;font-size:14px;font-weight:700;letter-spacing:0}
.footer-contact-method>i{width:17px;color:var(--yellow);font-size:15px;text-align:center}
.footer-contact-method span{display:block}
.footer-contact-method small{display:block;margin-bottom:2px;color:#bfcbd0;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.3px}
.footer-contact-method strong{display:block;font-size:14px;line-height:1.4}
.footer-contact-row .footer-whatsapp>i{font-size:17px}
.footer-contact-location{display:flex;align-items:center;gap:11px;min-height:28px;color:#c0cbd0;font-size:13px}
.footer-contact-location .fa-solid{width:17px;color:var(--yellow);font-size:13px;text-align:center}
.site-footer a:hover{color:var(--yellow)}
.site-footer a:focus-visible{outline-color:var(--yellow)}
.footer-bottom{background:#11212b;padding:22px 0}
.footer-bottom-content{display:flex;flex-direction:column;gap:12px}
.footer-bottom-left{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 18px}
.footer-bottom-links{display:flex;align-items:center;gap:20px}
.footer-bottom-links a{color:#b2bfc6;font-size:12px;line-height:1.9}
.footer-bottom-links a:hover{color:var(--yellow)}
.footer-bottom p{margin:0;color:#b2bfc6;font-size:12px;line-height:1.9}
.footer-bottom a{color:#fff;display:inline-block;text-underline-offset:4px}
.footer-bottom a:hover{text-decoration:underline}
.footer-bottom .fa-solid{font-size:10px;margin-left:5px}
@media(min-width:640px){.footer-main{padding:65px 0}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px}.footer-brand{font-size:35px}}
@media(min-width:640px){.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.footer-bottom-links{flex:0 0 auto}}
@media(min-width:1100px){.footer-main{padding:78px 0 82px}.footer-columns{grid-template-columns:1.15fr .9fr .9fr 1.15fr;gap:40px}.footer-brand{font-size:36px}.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}

.footer-main::before,.footer-main::after{content:"";position:absolute;pointer-events:none;z-index:0}
.footer-main::before{width:340px;height:340px;right:-155px;top:-175px;background:var(--yellow);opacity:.055;transform:rotate(32deg)}
.footer-main::after{width:440px;height:200px;left:-160px;bottom:-120px;background:linear-gradient(120deg,rgba(245,197,24,.08),rgba(245,197,24,0));transform:rotate(-24deg)}
.footer-brand-row p{max-width:255px}

/* Contact: open two-column layout and filled fields, without decorative borders. */
.contact-section{background:#fff;padding:58px 0 65px}
.contact-layout{display:grid;gap:38px;align-items:start}
.contact-intro .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:19px}
.contact-intro h2{font-size:36px;letter-spacing:-1px;line-height:1.18;margin:0 0 23px}
.contact-intro h2 em{font-weight:400}
.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:390px}
.contact-phone,.contact-location{display:flex;align-items:center;gap:17px;margin-top:26px}
.contact-icon{width:42px;flex-shrink:0;color:#957000;font-size:23px;text-align:center}
.contact-phone small,.contact-location small{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
.contact-phone strong{font-size:23px;letter-spacing:-.6px;line-height:1.4}
.contact-location strong{font-size:16px;font-weight:500}
.contact-intro .contact-urgent{display:flex;gap:13px;margin-top:31px;font-size:13px!important;max-width:360px!important}
.contact-urgent .fa-solid{color:#957000;margin-top:5px;flex-shrink:0}
.contact-form{min-width:0}
.contact-form h3{font-family:"Trebuchet MS",sans-serif;font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0 0 10px}
.contact-form-caption{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 26px}
.form-fields{display:grid;gap:22px}
.form-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.form-field label{font-size:13px;font-weight:700;line-height:1.5}
.form-field label span{font-weight:400;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:0;border-radius:0;background:#f1f3f3;color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.5;padding:15px 17px;min-height:54px}
.form-field textarea{resize:vertical;min-height:145px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#68767d;opacity:1}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid #957000;outline-offset:3px;background:#faf9f2}
.contact-form-note{font-size:12px;line-height:1.8;color:var(--muted);margin:22px 0}
.contact-form-note a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form-status{font-size:14px;line-height:1.6;margin:0 0 14px}
.contact-form-status[data-state="success"]{color:#236b3a}
.contact-form-status[data-state="error"]{color:#a32626}
.contact-submit{border:0;cursor:pointer;width:100%;font-family:Arial,sans-serif}
.contact-submit:disabled{cursor:not-allowed;opacity:.65;transform:none}
@media(min-width:640px){.contact-section{padding:78px 0}.form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.form-field-wide{grid-column:1/-1}.contact-submit{width:auto}.contact-intro h2{font-size:42px}}
@media(min-width:1000px){.contact-section{padding:96px 0 105px}.contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:75px}.contact-intro h2{font-size:46px}.contact-phone strong{font-size:25px}.contact-form h3{font-size:27px}}

/* Problem examples: editorial image/text pairs without card borders. */
.problems-section{padding:58px 0 62px;background:var(--page)}
.problems-heading{display:grid;gap:20px;margin-bottom:34px}
.problems-heading .eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:1.4px}
.problems-heading h2{font-size:36px;line-height:1.18;letter-spacing:-1px;margin:0}
.problems-heading h2 em{font-weight:400}
.problems-heading>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:430px;margin:0}
.problem-grid{display:grid;gap:42px}
.problem-case{min-width:0}
.problem-image{position:relative}
.problem-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.problem-category{position:absolute;bottom:0;left:0;display:inline-flex;align-items:center;gap:10px;max-width:100%;background:var(--yellow);color:var(--ink);padding:13px 16px;font-size:9px;letter-spacing:1px;font-weight:700;line-height:1.5}
.problem-category .fa-solid{font-size:13px}
.problem-copy{padding-top:24px}
.problem-copy h3{font-family:"Trebuchet MS",sans-serif;font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px}
.problem-copy p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 17px;max-width:560px}
.problem-copy .problem-approach{font-size:13px}
.problem-approach strong{color:var(--ink);font-weight:700}
.problem-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:13px;font-weight:700}
.problem-link .fa-solid{color:#947000;font-size:12px}
.problem-link:hover,.problems-outro a:hover{text-decoration:underline;text-underline-offset:5px}
.problems-outro{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:42px}
.problems-outro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.problems-outro strong{color:var(--ink)}
.problems-outro a{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:700;min-height:44px}
.problems-outro .fa-solid{color:#947000}
@media(min-width:640px){.problems-section{padding:75px 0}.problems-heading h2{font-size:42px}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.problem-copy h3{font-size:25px}.problem-image img{aspect-ratio:4/3}.problem-category{font-size:8px;padding:12px}.problem-case{display:flex;flex-direction:column}.problem-copy{display:flex;flex-direction:column;flex:1}.problem-link{align-self:flex-start;margin-top:auto}}
@media(min-width:1000px){.problems-section{padding:92px 0 78px}.problems-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:46px}.problems-heading h2{font-size:46px}.problems-heading>p{justify-self:end}.problem-grid{gap:48px}.problem-image img{aspect-ratio:3/2}.problem-category{padding:15px 20px;font-size:10px}.problem-copy{padding-top:29px}.problem-copy h3{font-size:30px}.problem-copy p{font-size:15px}.problem-copy .problem-approach{font-size:14px}.problems-outro{flex-direction:row;align-items:center;justify-content:space-between;gap:30px;margin-top:43px}}

/* Full-width call to action immediately after the manufacturers. */
.repair-cta{background:var(--yellow);color:var(--ink);padding:48px 0}
.repair-cta-layout{display:grid;gap:30px;align-items:center}
.repair-cta-copy .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}
.repair-cta-copy h2{font-size:33px;line-height:1.18;letter-spacing:-1px;margin:0 0 20px}
.repair-cta-copy h2 em{font-weight:400}
.repair-cta-copy>p:last-child{font-size:14px;line-height:1.85;max-width:560px;margin:0;color:#35402b}
.repair-cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.repair-cta-call{display:flex;align-items:center;justify-content:center;gap:15px;background:var(--ink);color:#fff;padding:21px 18px;min-height:86px}
.repair-cta-call>i:first-child{font-size:19px;color:var(--yellow)}
.repair-cta-call>i:last-child{font-size:13px;margin-left:5px;color:var(--yellow)}
.repair-cta-call small{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-bottom:5px;color:#d2dadd}
.repair-cta-call strong{display:block;font-size:20px;letter-spacing:-.4px;white-space:nowrap;line-height:1.4}
.repair-cta-call:hover{background:#243e4b}
.repair-cta-contact{align-self:center;display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;font-weight:700}
.repair-cta-contact:hover{text-decoration:underline;text-underline-offset:4px}
.repair-cta a:focus-visible{outline-color:var(--ink)}
@media(min-width:640px){.repair-cta{padding:60px 0}.repair-cta-copy h2{font-size:40px}.repair-cta-actions{align-items:flex-start}.repair-cta-call{padding:22px 26px;gap:19px}.repair-cta-call strong{font-size:24px}.repair-cta-contact{align-self:flex-start}}
@media(min-width:1000px){.repair-cta{padding:67px 0}.repair-cta-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:65px}.repair-cta-copy h2{font-size:44px}.repair-cta-copy>p:last-child{font-size:15px}.repair-cta-actions{align-items:stretch;max-width:350px;justify-self:end;width:100%}.repair-cta-contact{align-self:center}}

/* Partner logos: original colors, generous space, no frames or carousel. */
.partners-section{background:#fff;padding:58px 0 65px}
.partners-section h2{text-align:center;font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:0 auto 38px;max-width:750px}
.partners-section h2 em{font-weight:400}
.partner-logos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px;align-items:center}
.partner-logos li{display:flex;align-items:center;justify-content:center;min-width:0;min-height:90px}
.partner-logos img{display:block;width:100%;height:auto;max-width:175px;max-height:85px;object-fit:contain}
.partner-logos .partner-hm img{max-width:115px;max-height:85px}
.partner-logos .partner-pontarius img{max-width:95px;max-height:90px}
@media(min-width:640px){.partners-section{padding:72px 0 80px}.partners-section h2{font-size:35px;margin-bottom:46px}.partner-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}}
@media(min-width:1100px){.partners-section{padding:85px 0 90px}.partners-section h2{font-size:38px;margin-bottom:57px}.partner-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}.partner-logos li{min-height:115px}.partner-logos .partner-hm img{max-width:150px;max-height:110px}.partner-logos .partner-pontarius img{max-width:110px;max-height:105px}}

/* Customer voices: genuine Google reviews in a calm, moving carousel. */
.reviews-section{overflow:hidden;background:var(--page);padding:56px 0 62px}
.reviews-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.reviews-intro h2{font-size:31px;line-height:1.25;letter-spacing:-.8px;margin:0 0 13px}
.reviews-intro h2 em{font-weight:400}
.reviews-intro p{max-width:520px;color:var(--muted);font-size:14px;line-height:1.75;margin:0}
.reviews-marquee{position:relative;width:min(var(--width),calc(100% - 24px));margin-inline:auto;padding-inline:24px;overflow:hidden}
.reviews-track{display:flex;width:100%;gap:16px;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}
.review-item{flex:0 0 100%;display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:19px;min-width:0;min-height:278px;padding:22px 18px;background:#fff;border-radius:14px;box-shadow:0 10px 30px #172a3510}
.review-profile{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:12px;min-width:0}
.review-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#4285f4;color:#fff;font-size:23px;font-weight:600}
.avatar-liz{background:#dd8d68}.avatar-max{background:#69a632}.avatar-seven{background:#86a9ed}.avatar-pasquale{background:#7951bd}
.review-author{display:grid;gap:3px;min-width:0;margin:0}
.review-author strong{overflow:hidden;font-family:Arial,sans-serif;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.review-author span{font-size:12px;color:var(--muted);white-space:nowrap}
.review-google{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;font-size:16px;color:#4285f4}
.review-stars{display:flex;justify-content:center;gap:5px;color:#f2b500;font-size:19px;line-height:1}
.review-copy{justify-self:center;margin:0;max-width:35ch;font-size:15px;line-height:1.65;text-align:center;color:#26373d}
.reviews-control{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:40px;height:40px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 5px 18px #172a3518;cursor:pointer}
.reviews-control:hover{background:var(--accent);color:var(--ink)}
.reviews-control:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.reviews-previous{left:0}.reviews-next{right:0}
.reviews-source{display:flex;justify-content:flex-end;margin-top:22px}
.reviews-source a{color:var(--muted);font-size:12px;text-underline-offset:4px}
.reviews-source a:hover{color:var(--ink)}
@media(max-width:639px){.reviews-intro{display:grid;gap:14px}.reviews-marquee{width:100%;padding-inline:26px}.reviews-control{width:34px;height:34px}.review-item{min-height:250px;padding:20px 15px}.review-profile{grid-template-columns:46px minmax(0,1fr) 26px;gap:10px}.review-avatar{width:46px;height:46px}.review-author strong{font-size:12px}.review-copy{font-size:14px}}
@media(min-width:640px){.reviews-section{padding:70px 0 76px}.reviews-intro{margin-bottom:38px}.reviews-intro h2{font-size:36px}.reviews-track{gap:18px}.review-item{flex-basis:calc((100% - 18px)/2);min-height:275px;padding:23px 18px}.review-copy{font-size:14px}}
@media(min-width:1100px){.reviews-section{padding:84px 0 90px}.reviews-intro{margin-bottom:44px}.reviews-intro h2{font-size:39px}.reviews-track{gap:22px}.review-item{flex-basis:calc((100% - 44px)/3);min-height:290px;padding:25px 21px}.review-author strong{font-size:14px}.review-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.reviews-track{transition:none;will-change:auto}}

/* Official manufacturer logos, arranged like the partner logo section. */
.manufacturers-layout{display:block}
.manufacturers-copy{text-align:center;margin-bottom:38px}
.manufacturers-copy h2{font-size:30px}
.manufacturers-copy h2 br{display:none}
.manufacturers-copy h2 em:before{content:" "}
.manufacturers-copy p{margin-inline:auto;max-width:670px}
.manufacturer-list{gap:28px}
.manufacturer-list li{min-height:90px}
.manufacturer-list img{display:block;width:100%;height:auto;max-width:180px;max-height:85px;object-fit:contain}
.manufacturer-list .manufacturer-gu img{max-width:135px}
@media(min-width:640px){.manufacturers-copy{margin-bottom:45px}.manufacturers-copy h2{font-size:35px}.manufacturer-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.manufacturer-list li:last-child{grid-column:auto}}
@media(min-width:1100px){.manufacturers{padding:80px 0 85px}.manufacturers-copy h2{font-size:38px}.manufacturers-copy{margin-bottom:52px}.manufacturer-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:48px}.manufacturer-list li{min-height:100px}.manufacturer-list img{max-width:195px;max-height:90px}}

/* Contact subpage: shared typography, navigation and footer. */
.contact-page-hero{background:var(--page);padding:24px 0 48px}
.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);margin-bottom:37px;min-height:30px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs .fa-solid{font-size:8px}
.contact-page-hero-layout{display:grid;gap:23px}
.contact-page-hero h1{font-size:36px;line-height:1.2;letter-spacing:-1.2px;max-width:740px}
.contact-page-hero .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:19px}
.contact-page-hero-layout>p{max-width:390px;margin:0;font-size:14px;line-height:1.85;color:var(--muted)}
.contact-whatsapp .contact-icon{font-size:28px}
.contact-page .contact-whatsapp strong{font-size:21px}
@media(min-width:640px){.contact-page-hero{padding:26px 0 60px}.contact-page-hero h1{font-size:45px}}
@media(min-width:1100px){.contact-page-hero{padding:25px 0 72px}.contact-page-hero-layout{grid-template-columns:1.65fr 1fr;align-items:end;gap:70px}.contact-page-hero h1{font-size:52px}.contact-page-hero-layout>p{justify-self:end;padding-bottom:5px;font-size:15px}}

/* Other service cities: open typographic links, no framed cards. */
.service-cities{padding:58px 0 64px;background:var(--page)}
.service-cities-intro{display:grid;gap:22px;margin-bottom:38px}
.service-cities-intro .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:18px}
.service-cities-intro h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0}
.service-cities-intro h2 em{font-weight:400}
.service-cities-intro>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:430px;margin:0}
.service-cities-list{display:grid;gap:30px;list-style:none;margin:0;padding:0}
.service-cities-list a{display:flex;align-items:flex-start;gap:20px;padding:8px 0;min-height:95px}
.city-icon{display:grid;place-items:center;flex:0 0 43px;height:50px;font-size:30px;color:#957000}
.city-copy{min-width:0}
.city-copy small{display:block;font-size:9px;letter-spacing:1.8px;line-height:1.5;color:var(--muted);margin-bottom:8px}
.city-copy h3{font-family:"Trebuchet MS",sans-serif;font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 13px}
.city-link-label{font-size:12px;line-height:1.7;color:var(--muted)}
.city-link-label .fa-solid{font-size:10px;margin-left:8px;color:#957000}
.service-cities-list a:hover .city-link-label{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(min-width:640px){.service-cities{padding:75px 0}.service-cities-intro h2{font-size:40px}.service-cities-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.service-cities-list a{flex-direction:column;gap:14px}.city-copy h3{font-size:22px}}
@media(min-width:1100px){.service-cities{padding:85px 0 90px}.service-cities-intro{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:52px}.service-cities-intro h2{font-size:43px}.service-cities-intro>p{justify-self:end}.service-cities-list{gap:48px}.service-cities-list a{flex-direction:row;gap:20px}.city-copy h3{font-size:26px}.city-icon{font-size:32px;flex-basis:48px}}

/* Homepage motion: only transform/opacity, no animation library or layout shifts. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .home-page .problem-image{overflow:hidden}
  .home-page .problem-image img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
  .home-page .problem-case:hover .problem-image img{transform:scale(1.025)}
  .home-page .partner-logos img,.home-page .manufacturer-list img{transition:transform .3s ease}
  .home-page .partner-logos li:hover img,.home-page .manufacturer-list li:hover img{transform:translateY(-4px)}
  .home-page .problem-link .fa-arrow-right,.home-page .text-link .fa-arrow-right,.home-page .repair-cta-contact .fa-arrow-right{transition:transform .25s ease}
  .home-page .problem-link:hover .fa-arrow-right,.home-page .text-link:hover .fa-arrow-right,.home-page .repair-cta-contact:hover .fa-arrow-right{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){.home-page .button:hover{transform:none}}

/* Keep the expanded service navigation compact on smaller desktop screens. */
@media(min-width:1000px) and (max-width:1199px){.navigation .brand{font-size:29px;gap:8px}.navigation .brand-icon{width:31px;height:38px}.navigation .brand small{font-size:8px;letter-spacing:2.5px}.main-navigation,.js .main-navigation{gap:13px}.main-navigation a{font-size:11px}.main-navigation .nav-cta{margin-left:0;padding:15px 12px;gap:13px}}

/* Services disclosure works with mouse, touch, keyboard and without JavaScript. */
.services-dropdown{position:relative}
.services-dropdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px;min-height:44px;font-size:13px;cursor:pointer}
.services-dropdown summary::-webkit-details-marker{display:none}
.services-dropdown summary::marker{content:""}
.services-dropdown summary .fa-solid{font-size:9px}
.services-dropdown[open] summary .fa-solid{transform:rotate(180deg)}
.services-dropdown summary:focus-visible{outline:3px solid #936c00;outline-offset:3px}
.services-current summary{font-weight:700}
.services-submenu{list-style:none;padding:5px 10px 10px;margin:0;background:#f6f7f7}
.main-navigation .services-submenu a{display:block;padding:13px 16px;min-height:44px;font-size:13px;line-height:1.5}
.main-navigation .services-submenu a:hover,.main-navigation .services-submenu a[aria-current="page"]{background:#fff7d7}
.main-navigation .services-submenu a[aria-current]:after{content:none}
@media(min-width:1000px){.services-dropdown summary{font-size:12px;padding:16px 0;justify-content:flex-start}.services-submenu{position:absolute;top:100%;left:-18px;width:252px;background:#fff;padding:10px;box-shadow:0 14px 35px #172a3518;z-index:30}.main-navigation .services-submenu a{font-size:13px}.services-dropdown[open] summary{color:#846200}}
@media(min-width:1000px) and (max-width:1199px){.services-dropdown summary{font-size:11px}}
/* Keep one concise services entry in the main navigation. */
.services-submenu{list-style:none;padding:4px 0 8px 12px;margin:0;background:transparent}
.main-navigation .services-submenu a{display:block;padding:10px 12px;min-height:44px;font-size:13px;line-height:1.5}
.main-navigation .services-submenu a:hover,.main-navigation .services-submenu a[aria-current="page"]{background:transparent;color:#806200}
@media(min-width:1000px){.services-submenu{left:0;width:232px;padding:8px 0;background:#fff}.main-navigation .services-submenu a{padding:12px 16px}.services-dropdown[open] summary{color:var(--ink)}}

/* Three product groups in the primary navigation. */
.services-dropdown summary{gap:9px;font-weight:600;white-space:nowrap}
.services-dropdown summary .fa-chevron-down{transition:transform .18s ease;color:#987300}
.services-dropdown[open] summary .fa-chevron-down{transform:rotate(180deg)}
.services-submenu{padding:2px 0 8px 12px}
.main-navigation .services-submenu a{padding:10px 12px;font-size:12px}
.main-navigation .services-submenu a:hover,.main-navigation .services-submenu a[aria-current="page"]{color:#806200;background:transparent}
@media(min-width:1000px){
  .main-navigation,.js .main-navigation{gap:clamp(12px,1.55vw,24px)}
  .services-dropdown summary{padding:16px 0;font-size:12px}
  .services-submenu{left:-15px;top:calc(100% - 3px);width:230px;padding:7px 0;background:#fff;box-shadow:0 12px 30px #172a3517}
  .main-navigation .services-submenu a{padding:12px 16px;font-size:12px}
}

/* Keep navigation labels even; mark the current page with the same yellow cue. */
.main-navigation>a:not(.nav-cta),.main-navigation>.services-dropdown>summary{font-weight:600}
.main-navigation>a[aria-current="page"]{font-weight:600}
.main-navigation>.services-dropdown.services-current>summary{position:relative;font-weight:600}
.main-navigation>.services-dropdown.services-current>summary::after{content:"";position:absolute;bottom:5px;left:12px;width:23px;height:3px;background:var(--yellow)}
.main-navigation .services-submenu a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:#d2a900;text-decoration-thickness:2px;text-underline-offset:5px}
.main-navigation .services-submenu a[aria-current="page"]:after{content:none}
@media(min-width:1000px){.main-navigation>.services-dropdown.services-current>summary::after{left:0}}

/* Floating WhatsApp message widget. */
.whatsapp-widget{position:fixed;right:22px;bottom:22px;z-index:50;display:grid;justify-items:end;gap:12px;font-family:Arial,sans-serif}
.whatsapp-trigger{display:grid;place-items:center;width:60px;height:60px;border:0;border-radius:50%;background:var(--yellow);color:#137b56;box-shadow:0 8px 26px #172a3528;font-size:29px;cursor:pointer;transition:transform .18s,box-shadow .18s}
.whatsapp-trigger:hover{transform:translateY(-3px);box-shadow:0 12px 30px #172a3535}
.whatsapp-trigger:focus-visible,.whatsapp-close:focus-visible,.whatsapp-submit:focus-visible{outline:3px solid #172a35;outline-offset:4px}
.whatsapp-panel{width:min(360px,calc(100vw - 32px));overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 14px 50px #172a3530;transform-origin:bottom right;animation:whatsapp-pop .2s ease-out}
.whatsapp-panel[hidden]{display:none}
.whatsapp-head{display:flex;align-items:center;gap:13px;padding:18px 18px 16px;background:var(--yellow)}
.whatsapp-head-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#fff;color:#14805d;font-size:23px}
.whatsapp-head-copy{min-width:0;flex:1}
.whatsapp-head-copy strong{display:block;font-family:"Trebuchet MS",sans-serif;font-size:15px;line-height:1.3}
.whatsapp-head-copy span{display:block;margin-top:3px;font-size:11px;color:#46534e}
.whatsapp-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:16px;cursor:pointer}
.whatsapp-close:hover{background:#ffffff80}
.whatsapp-form{padding:18px}
.whatsapp-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--ink)}
.whatsapp-form textarea{display:block;width:100%;min-height:116px;resize:vertical;padding:12px 13px;border:0;border-radius:10px;background:#f3f5f3;color:var(--ink);font:13px/1.6 Arial,sans-serif}
.whatsapp-form textarea:focus-visible{outline:2px solid #927000;outline-offset:2px}
.whatsapp-form textarea::placeholder{color:#7b8785}
.whatsapp-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:12px 16px;border:0;border-radius:8px;background:#172a35;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,transform .18s}
.whatsapp-submit:hover{background:#263f4b;transform:translateY(-1px)}
.whatsapp-note{margin:11px 2px 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}
@keyframes whatsapp-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:639px){.whatsapp-widget{right:15px;bottom:15px;gap:10px}.whatsapp-trigger{width:56px;height:56px;font-size:27px}.whatsapp-panel{width:min(360px,calc(100vw - 30px))}}
@media(prefers-reduced-motion:reduce){.whatsapp-trigger,.whatsapp-submit{transition:none}.whatsapp-panel{animation:none}}

/* Compact, smoothly transitioning sticky header while scrolling. */
.site-header{transition:box-shadow .28s ease}
.navigation{transition:min-height .3s cubic-bezier(.22,1,.36,1)}
.brand,.brand-icon,.brand small{transition:font-size .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),letter-spacing .3s cubic-bezier(.22,1,.36,1)}
.site-header.is-scrolled{box-shadow:0 7px 24px #172a3517}
.site-header.is-scrolled .navigation{min-height:72px}
.site-header.is-scrolled .brand{font-size:27px}
.site-header.is-scrolled .brand-icon{width:29px;height:35px}
@media(min-width:1000px){.site-header.is-scrolled .navigation{min-height:76px}.site-header.is-scrolled .brand{font-size:34px}.site-header.is-scrolled .brand-icon{width:36px;height:42px}}
@media(prefers-reduced-motion:reduce){.site-header,.navigation,.brand,.brand-icon,.brand small{transition:none}}

/* FensterFix logo lockup: use the supplied wordmark throughout the site. */
.brand{flex-direction:column;align-items:flex-start;gap:3px;letter-spacing:normal}
.brand-logo{display:block;width:200px;height:auto;object-fit:contain;transition:width .3s cubic-bezier(.22,1,.36,1)}
.footer-brand .brand-logo{width:190px;filter:brightness(0) invert(1)}
.site-header.is-scrolled .brand-logo{width:175px}
@media(min-width:1000px){.navigation .brand-logo{width:225px}.site-header.is-scrolled .brand-logo{width:200px}}