/* UTAR v10.62 — tek kurumsal AÇIK tasarım sistemi.
   Public site only. Loaded after existing bundles so legacy dark CSS cannot leak.
   Preserves selected dark areas: photographic overlays, footer and lightbox. */
:root{
  --utar-paper:#ffffff;--utar-canvas:#f3f7fb;--utar-surface:#fff;
  --utar-surface-alt:#edf4fa;--utar-ink:#14263a;--utar-sub:#40576e;
  --utar-muted:#536980;--utar-stroke:#d4e1eb;--utar-blue:#0969bc;
  --utar-focus:#137cce;--utar-elev:0 12px 35px rgba(17,47,81,.07);
}
html{color-scheme:light}
body.detail-page,body.thanks{background:var(--utar-canvas)!important;color:var(--utar-ink)!important}
body.detail-page:before{opacity:0!important}
body.detail-page main{background:transparent;color:var(--utar-ink)}
body.detail-page :is(.section-kicker,.overline){color:var(--utar-blue)!important;letter-spacing:.12em!important;font-weight:800!important}
body.detail-page :is(h1,h2,h3,h4){color:var(--utar-ink)!important;line-height:1.14!important;letter-spacing:-.035em!important}
body.detail-page :is(p,li,summary,label,small){line-height:1.68}
body.detail-page :is(p,.lead,li){color:var(--utar-sub)!important}
body.detail-page a:not(.btn):not(.utar-detail-footer a){text-underline-offset:3px}
body.detail-page a:focus-visible,body.detail-page button:focus-visible,body.detail-page :is(input,select,textarea):focus-visible,
.home-main a:focus-visible,.home-main button:focus-visible{outline:3px solid var(--utar-focus)!important;outline-offset:3px!important}
body.detail-page .btn-primary{background:var(--utar-blue)!important;border-color:var(--utar-blue)!important;color:#fff!important}
body.detail-page .btn-ghost{background:#fff!important;border:1px solid #b9d1e5!important;color:#12446c!important}
body.detail-page .btn-ghost:hover{background:#edf6ff!important;color:#0a4c85!important;border-color:#93bcde!important}
/* Shared public detail header; same light treatment across all detail routes. */
body.detail-page .detail-header{height:72px!important;padding-inline:clamp(18px,4.6vw,76px)!important;background:#fff!important;border-bottom:1px solid var(--utar-stroke)!important;color:var(--utar-ink)!important}
body.detail-page .detail-header a{color:#153653!important}
body.detail-page .detail-header .detail-back{font-size:13px!important;font-weight:750!important}
body.detail-page .detail-header .brand img{max-height:50px!important;filter:none}
body.detail-page .detail-header .brand strong{font-size:18px!important;color:#122b48!important}
/* Services, service region listing, agreement and district landing. */
body.detail-page .service-premium-page{max-width:1400px;padding:clamp(22px,3vw,38px) clamp(16px,3vw,40px) 78px!important}
body.detail-page .service-premium-hero{background:transparent}
body.detail-page .service-premium-media{border:1px solid var(--utar-stroke)!important;border-radius:15px!important;min-height:410px}
body.detail-page .service-premium-copy{background:#fff!important;border:1px solid var(--utar-stroke)!important;border-radius:15px!important;color:var(--utar-ink)!important;box-shadow:var(--utar-elev)!important}
body.detail-page .service-premium-copy h1{font-size:clamp(32px,3.5vw,52px)!important;color:var(--utar-ink)!important}
body.detail-page .service-premium-copy .lead{font-size:clamp(16px,1.3vw,19px)!important;color:#29475f!important;line-height:1.6!important}
body.detail-page .service-premium-copy p{color:var(--utar-sub)!important}
body.detail-page .service-premium-stats div,
body.detail-page .service-flow-card,
body.detail-page .service-premium-card,
body.detail-page .service-premium-cta,
body.detail-page .district-card,
body.detail-page .maintenance-plan-card,
body.detail-page .maintenance-plan-section{
 background:#fff!important;background-image:none!important;border:1px solid var(--utar-stroke)!important;
 color:var(--utar-ink)!important;border-radius:14px!important;box-shadow:var(--utar-elev)!important;
}
body.detail-page .service-premium-card,
body.detail-page .service-flow-card{padding:clamp(19px,2.1vw,27px)!important}
body.detail-page .service-premium-card h2,body.detail-page .service-premium-cta h2,
body.detail-page .maintenance-plan-head h2,body.detail-page .maintenance-plan-card h3,
body.detail-page .district-card h2{color:var(--utar-ink)!important;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.2!important}
body.detail-page .service-premium-card>span,body.detail-page .service-premium-stats small,
body.detail-page .district-card>span,body.detail-page .maintenance-plan-badge{color:var(--utar-blue)!important}
body.detail-page .service-premium-stats b,body.detail-page .district-card b,
body.detail-page .service-flow-card span,body.detail-page .maintenance-plan-meta b{color:var(--utar-ink)!important}
body.detail-page .service-premium-card ul,
body.detail-page .service-premium-cta p,
body.detail-page .district-card p,body.detail-page .district-card small,
body.detail-page .maintenance-plan-head p,body.detail-page .maintenance-plan-card>p,
body.detail-page .maintenance-plan-card li,body.detail-page .service-flow-strip .section-head p{color:var(--utar-sub)!important}
body.detail-page .service-flow-card b,body.detail-page .district-card b{color:var(--utar-blue)!important}
body.detail-page .service-flow-card{min-height:115px!important}
body.detail-page .service-flow-card span{font-size:14px!important}
body.detail-page .maintenance-plan-section{padding:clamp(20px,3vw,34px)!important}
body.detail-page .maintenance-plan-card.is-featured{border:2px solid #72aedd!important;box-shadow:0 20px 45px rgba(12,96,171,.12)!important}
body.detail-page .maintenance-plan-card h3{margin-block:15px!important}
body.detail-page .maintenance-plan-meta div{background:#f1f6fb!important;border:1px solid #dde8f1!important;border-radius:9px!important}
body.detail-page .maintenance-plan-meta small,body.detail-page .maintenance-plan-top small{color:var(--utar-muted)!important}
body.detail-page .district-group-head,body.detail-page .district-group-head :is(span,b){color:var(--utar-ink)!important}
body.detail-page .district-card{transition:border-color .2s,transform .2s;box-shadow:0 7px 22px rgba(17,47,81,.045)!important}
body.detail-page .district-card:hover{border-color:#75b5e8!important;transform:translateY(-3px)}
body.detail-page .business-maintenance-details{border-radius:14px!important;border:1px solid var(--utar-stroke)!important;margin-bottom:28px;background:#fff!important}
body.detail-page .business-maintenance-details :is(h2,h3),body.detail-page .business-proof-grid h3{color:var(--utar-ink)!important}
body.detail-page .brand-disclaimer{color:var(--utar-sub)!important;font-size:13px!important}
/* Product, gallery, project and application details. */
body.detail-page .product-detail-hero,body.detail-page .detail-hero{background:#fff!important;color:var(--utar-ink)!important}
body.detail-page .product-detail-copy,body.detail-page .detail-copy,body.detail-page .application-detail .detail-copy,body.detail-page .service-detail .detail-copy{background:#fff!important;color:var(--utar-ink)!important}
body.detail-page .product-detail-copy h1,body.detail-page .detail-copy h1{color:var(--utar-ink)!important;font-size:clamp(32px,3.8vw,55px)!important;line-height:1.12!important}
body.detail-page .product-detail-copy .lead,body.detail-page .detail-copy .lead{color:#2f4c65!important;font-size:clamp(16px,1.45vw,20px)!important;line-height:1.65!important}
body.detail-page .product-detail-copy>p:not(.lead),body.detail-page .detail-copy p:not(.lead){color:var(--utar-sub)!important;font-size:15px!important;line-height:1.72!important}
body.detail-page .detail-hero{min-height:0!important}
body.detail-page .detail-copy{padding:clamp(35px,6vw,86px)!important}
body.detail-page .detail-content{background:#fff!important;padding:clamp(40px,6vw,86px) 5vw!important}
body.detail-page .detail-content h2{color:var(--utar-ink)!important;font-size:clamp(25px,3vw,42px)!important}
body.detail-page .detail-content p,body.detail-page .feature-list li{color:var(--utar-sub)!important;font-size:15px!important}
body.detail-page .detail-gallery,body.detail-page .detail-compare-section,
body.detail-page .product-feature-section{background:var(--utar-canvas)!important;color:var(--utar-ink)!important;padding-block:clamp(52px,6vw,86px)!important}
body.detail-page .detail-gallery-head h2,body.detail-page .product-feature-section>h2{color:var(--utar-ink)!important;font-size:clamp(27px,3vw,42px)!important}
body.detail-page .gallery-item{background:#e9f0f7!important;border-radius:12px!important;overflow:hidden}
body.detail-page .spec-grid div{border-color:var(--utar-stroke)!important}
body.detail-page .spec-grid :is(b,span){color:var(--utar-ink)!important}
body.detail-page .product-feature-grid>div,body.detail-page .product-stats div{background:#fff!important;border:1px solid var(--utar-stroke)!important;color:var(--utar-ink)!important}
body.detail-page .product-feature-grid b,body.detail-page .product-stats b{color:var(--utar-ink)!important}
/* General CMS/legal content pages. Preserve optional background image, use light overlay. */
body.detail-page .page-hero{background-color:#eaf2f9!important;color:var(--utar-ink)!important;min-height:250px!important;padding:clamp(38px,5vw,76px)!important}
body.detail-page .page-hero:before{opacity:0!important}
body.detail-page .page-hero h1{color:var(--utar-ink)!important;font-size:clamp(32px,3.3vw,50px)!important}
body.detail-page .page-hero p{color:#2c4962!important;font-size:16px!important}
body.detail-page .page-body{background:#fff!important;color:var(--utar-sub)!important;padding:clamp(30px,5vw,72px)!important}
body.detail-page .page-body article{max-width:1000px;margin-inline:auto;line-height:1.85!important;font-size:16px!important;color:var(--utar-sub)!important}
/* Quote/Keşif form — light and compact, without changing form logic. */
body.detail-page.quote-page{background:#f2f6fa!important}
body.detail-page .quote-page-layout{display:grid!important;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr)!important;gap:clamp(20px,3vw,42px)!important;max-width:1440px!important;margin:0 auto!important;padding:clamp(22px,3vw,42px)!important;min-height:calc(100svh - 72px)!important;align-items:start!important}
body.detail-page .quote-page-layout>aside{background:#eaf2f9!important;background-image:none!important;border:1px solid var(--utar-stroke)!important;border-radius:15px!important;padding:clamp(24px,3vw,44px)!important;justify-content:flex-start!important;color:var(--utar-ink)!important;min-height:0!important;position:sticky;top:18px}
body.detail-page .quote-page-layout>aside h1{color:var(--utar-ink)!important;font-size:clamp(28px,2.7vw,42px)!important;line-height:1.15!important;margin:16px 0 18px!important}
body.detail-page .quote-page-layout>aside>p{color:var(--utar-sub)!important;font-size:15px!important;line-height:1.7!important}
body.detail-page .quote-side-items{border-color:var(--utar-stroke)!important;margin:24px 0!important}
body.detail-page .quote-side-items div{border-color:var(--utar-stroke)!important;padding:11px 0!important}
body.detail-page .quote-side-items b{color:var(--utar-blue)!important;font-size:13px!important}
body.detail-page .quote-side-items span{color:var(--utar-ink)!important;font-size:13px!important}
body.detail-page .quote-side-contact :is(a,span),body.detail-page .side-quick-links a{color:#174e7d!important;font-size:13px!important}
body.detail-page .quote-form-column{background:#fff!important;color:var(--utar-ink)!important;border:1px solid var(--utar-stroke)!important;border-radius:15px!important;box-shadow:var(--utar-elev)!important;min-width:0}
body.detail-page .quote-form.standalone{background:#fff!important;color:var(--utar-ink)!important;padding:clamp(22px,3vw,40px)!important;margin:0!important;min-height:0!important}
body.detail-page .quote-form.standalone .quote-step-head{border-color:var(--utar-stroke)!important}
body.detail-page .quote-form.standalone .quote-step-head p{color:var(--utar-muted)!important;font-size:12px!important}
body.detail-page .quote-form.standalone .quote-step-head small{color:var(--utar-muted)!important}
body.detail-page .quote-form.standalone label{color:#24465e!important;font-size:13px!important;font-weight:700!important}
body.detail-page .quote-form.standalone label small{color:var(--utar-muted)!important}
body.detail-page .quote-form.standalone :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:var(--utar-ink)!important;border:1px solid #bdcfdf!important;border-radius:9px!important;min-height:47px!important;font-size:14px!important;box-shadow:none!important}
body.detail-page .quote-form.standalone textarea{min-height:132px!important;padding:13px!important}
body.detail-page .quote-form.standalone :is(input,textarea)::placeholder{color:#647a8f!important;opacity:1!important}
body.detail-page .quote-form.standalone :is(select,input,textarea):focus{border-color:#147bc6!important;box-shadow:0 0 0 3px rgba(15,111,199,.10)!important}
body.detail-page .quote-static-field{background:#f0f6fb!important;border:1px solid var(--utar-stroke)!important;border-radius:9px!important;color:var(--utar-ink)!important}
body.detail-page .quote-static-field :is(span,b,small){color:#24465e!important}
body.detail-page .quote-form-alert{background:#fff0ed!important;border:1px solid #e8bcb1!important;border-radius:10px!important;color:#8e2817!important;padding:14px!important}
body.detail-page .quote-form.standalone [hidden]{display:none!important}
body.detail-page .quote-form.standalone .quote-step:not(.is-active){display:none!important}
body.detail-page .quote-form.standalone .quote-step.is-active{display:block!important}
body.detail-page .quote-form.standalone .quote-next,body.detail-page .quote-form.standalone [type=submit]{border-radius:11px!important}
/* Footer deliberately dark, with accessible foregrounds. */
body.detail-page .utar-detail-footer{background:#0e263d!important;color:#e3edf7!important}
body.detail-page .utar-detail-footer :is(a,span,small){color:#dce9f6!important}
body.detail-page .utar-detail-footer .utar-detail-footer-brand{color:#fff!important}
/* Homepage: predominantly white; limited dark imagery/footer. */
body:not(.detail-page) .home-main{background:#f4f8fc!important;color:var(--utar-ink)!important}
.home-main #heroSlider.utar-hero{background:#f2f7fb!important;border-color:#dbe6ee!important}
.home-main #heroSlider .utar-hero-copy{background:linear-gradient(110deg,#f3f8fc,#e8f2fa)!important;border-right:1px solid #dbe7f0!important;color:var(--utar-ink)!important}
.home-main #heroSlider .utar-hero-title{color:#142940!important}
.home-main #heroSlider .utar-hero-text{color:#39536c!important}
.home-main #heroSlider .utar-hero-eyebrow span{color:#0869b4!important}
.home-main #heroSlider .utar-hero-btn.is-ghost{color:#165384!important;border-color:#b9d2e6!important;background:#fff!important}
.home-main #heroSlider .utar-hero-count span,.home-main #heroSlider .utar-hero-progress button span{color:#4c6173!important}
.home-main #heroSlider .utar-hero-progress button i{background:#c9dae8!important}
.home-main #heroSlider .utar-hero-progress button.active span{color:#095fa9!important}
.home-main #heroSlider .utar-hero-image{filter:contrast(1.01) saturate(1.0) brightness(.98)!important}
body .site-header{background:#fff!important;border-bottom:1px solid #dce7ef!important;color:#12304d!important;box-shadow:0 5px 22px rgba(14,37,59,.045)!important}
body .site-header.scrolled{background:#fff!important;box-shadow:0 6px 24px rgba(17,47,81,.085)!important}
body .site-header .brand-copy strong{color:#14314d!important}
body .site-header .brand-copy small{color:#2c516e!important}
body .site-header nav>a:not(.nav-cta){color:#1b3953!important}
body .site-header nav>a:not(.nav-cta):hover{color:var(--utar-blue)!important}
body .site-header .nav-cta{color:#fff!important;background:var(--utar-blue)!important;border:1px solid var(--utar-blue)!important}
body .site-header .menu-toggle{color:#12304d!important}
.home-main .planner-pro-vivid .planner-pro-form select{color:#152d46!important;background:#fff!important;border:1px solid #adcadf!important}
.home-main .planner-pro-vivid .planner-pro-form select option{background:#fff!important;color:#152d46!important}
.home-main .planner-pro-vivid .planner-pro-form label>span{color:#24465e!important}
.home-main .planner-pro-vivid .planner-response-badge{background:#eaf4fd!important;border:1px solid #b9d9ef!important;color:#144b76!important}
.home-main .planner-pro-vivid .planner-response-badge :is(strong,small){color:#124d7f!important}
.home-main section.closing-cta{background:#e7f2fb!important;color:var(--utar-ink)!important;border-top:1px solid #d4e5f1!important}
.home-main section.closing-cta :is(h2,p,.closing-kicker){color:var(--utar-ink)!important}
.home-main section.closing-cta p{color:var(--utar-sub)!important}
.home-main section.closing-cta .closing-cta-action :is(small,a:not(.btn)){color:#183e60!important}
/* Restore helpful legible content sizes against global legacy !important rules. */
body.detail-page :is(.service-premium-copy p,.service-premium-card li,.service-premium-cta p,.district-card p,.district-card small,.detail-copy p,.page-body article,.maintenance-plan-card li){font-size:clamp(13px,.94vw,16px)!important}
@media(max-width:900px){
 body.detail-page .quote-page-layout{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}
 body.detail-page .quote-page-layout>aside{position:static!important}
 body.detail-page .quote-page-layout>aside h1{font-size:clamp(26px,4.2vw,39px)!important}
 body.detail-page .service-premium-hero,body.detail-page .detail-hero,body.detail-page .product-detail-hero{grid-template-columns:1fr!important}
 body.detail-page .detail-hero .detail-image,body.detail-page .product-detail-media{min-height:320px!important}
 body .site-header nav.open{background:#fff!important;color:#14304b!important}
 body .site-header nav.open>a:not(.nav-cta){color:#14304b!important}
}
@media(max-width:640px){
 body.detail-page .detail-header{padding-inline:16px!important}
 body.detail-page .detail-header .brand img{max-width:135px!important}
 body.detail-page .service-premium-copy{padding:24px 20px!important}
 body.detail-page .service-premium-media{min-height:270px!important}
 body.detail-page .maintenance-plan-section{padding:18px!important}
 body.detail-page .quote-form.standalone{padding:20px 16px!important}
 body.detail-page .quote-page-layout>aside{padding:22px 18px!important}
 body.detail-page .page-body{padding:24px 19px!important}
 .home-main #heroSlider .utar-hero-copy{background:#eef5fb!important}
}
/* Final cascade fixes for pre-existing inline image gradients and mobile nav. */
body.detail-page .page-hero,body.detail-page .page-hero[style]{background-image:linear-gradient(110deg,#e7f1f9,#f8fbfe)!important}
body.detail-page .content-page{background:#fff!important;color:var(--utar-ink)!important}
body.detail-page .content-page :is(h1,h2,h3){color:var(--utar-ink)!important}
body.detail-page .content-page .page-body{color:var(--utar-sub)!important}
body .site-header .menu-toggle{border:1px solid #b7cee0!important;background:#f3f8fc!important}
body .site-header .menu-toggle span{background:#1b4568!important}
body .site-header .brand-copy strong:after{background:var(--utar-blue)!important}
/* Accessible text in remaining light cards and secondary labels. */
body.detail-page .maintenance-plan-badge,body.detail-page .service-premium-stats small{font-size:11px!important}
body.detail-page .maintenance-plan-meta small,body.detail-page .product-stats small,
body.detail-page .product-feature-grid b{font-size:12px!important}
body.detail-page .service-premium-copy .section-kicker,
body.detail-page .product-detail-copy .section-kicker{font-size:12px!important}
body.detail-page .quote-form.standalone .quote-step-head #stepNo{color:#096bbc!important;font-size:15px!important}
body.detail-page .quote-form.standalone .quote-step-head>div i{background:#b4d0e4!important}
@media(max-width:760px){
 body .site-header nav.open{border-top:1px solid #d7e5f0!important;box-shadow:0 18px 25px rgba(16,42,67,.12)!important}
 body.detail-page .service-premium-grid,body.detail-page .district-grid,body.detail-page .maintenance-plan-grid{grid-template-columns:1fr!important}
}