/* STAR APPLIANCE REPAIR - V22 common visual refinements for secondary pages */
/* Only scoped pages: do not modify primary home, header, nav, or 21 differentiated brand hero identities */
body.secondary-page-v22{--v22-navy:#142f40;--v22-teal:#156e78;--v22-muted:#627987;--v22-border:#d9e5e9;--v22-surface:#f4f8f9;overflow-x:clip}
body.secondary-page-v22 main{overflow:clip}
body.secondary-page-v22 .request-block{background:linear-gradient(145deg,#eef5f7 0%,#f5f8f8 48%,#edf3f4 100%)!important;padding:78px 20px 88px!important;scroll-margin-top:90px}
body.secondary-page-v22 .request-layout{width:min(100%,780px)!important;max-width:780px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:25px!important;margin:0 auto!important;grid-template-columns:none!important}
body.secondary-page-v22 .request-intro{text-align:center!important;width:min(100%,640px)!important;max-width:640px!important;margin:0 auto!important;padding:0!important;display:flex;flex-direction:column;align-items:center}
body.secondary-page-v22 .request-intro .eyebrow{display:block!important;color:#23718a!important;letter-spacing:.16em;font-size:11px;font-weight:800}
body.secondary-page-v22 .request-intro h2{font-size:clamp(30px,4vw,44px)!important;line-height:1.14!important;letter-spacing:-.043em!important;margin:11px 0 9px!important;color:#193847!important;text-align:center!important;max-width:640px}
body.secondary-page-v22 .request-intro>p{max-width:510px!important;margin:0 auto!important;color:#5c7580!important;text-align:center!important;font-size:14px!important;line-height:1.65!important}
body.secondary-page-v22 .request-contact{font-size:12px!important;margin:13px auto 0!important;text-align:center!important;color:#697e84!important}
body.secondary-page-v22 .request-contact a{display:inline-block;font-size:19px!important;line-height:1.5!important;color:#155b76!important;font-weight:800}
body.secondary-page-v22 .request-note{display:none!important}
body.secondary-page-v22 .request-layout>form.service-form{box-sizing:border-box!important;display:block!important;position:relative!important;justify-self:center!important;align-self:center!important;width:min(100%,570px)!important;max-width:570px!important;min-width:0!important;margin:0 auto!important;padding:clamp(18px,3vw,30px)!important;border:1px solid #dbe6e9!important;border-radius:16px!important;background:#fff!important;box-shadow:0 16px 48px rgba(19,53,65,.10)!important}
body.secondary-page-v22 .service-form .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important;align-items:stretch!important;min-width:0!important}
body.secondary-page-v22 .service-form .form-grid label:not(.checkrow){display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;font-size:11px!important;line-height:1.45!important;font-weight:750!important;color:#34505d!important}
body.secondary-page-v22 .service-form .form-grid label>span{color:#218d89!important}
body.secondary-page-v22 .service-form .form-grid .wide{grid-column:1/-1!important}
body.secondary-page-v22 .service-form .form-grid input:not([type=checkbox]),body.secondary-page-v22 .service-form .form-grid textarea{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;border:1px solid #d4e0e5!important;border-radius:7px!important;background:#f9fbfc!important;color:#1b3542!important;font-size:13px!important;padding:10px 12px!important;min-height:43px!important;line-height:1.4!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease}
body.secondary-page-v22 .service-form .form-grid input:not([type=checkbox]):focus,body.secondary-page-v22 .service-form .form-grid textarea:focus{border-color:#168a93!important;box-shadow:0 0 0 3px #2aa8ab21!important;outline:0!important}
body.secondary-page-v22 .service-form .form-grid textarea{height:90px!important;min-height:90px!important;resize:vertical!important}
body.secondary-page-v22 .service-form .checkrow{font-size:11px!important;line-height:1.5!important;display:flex!important;align-items:flex-start!important;gap:9px!important;color:#657a83!important;margin:2px 0 0!important;text-align:left!important}
body.secondary-page-v22 .service-form .checkrow input{width:17px!important;height:17px!important;min-height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin:1px 0 0!important;accent-color:#188d89!important}
body.secondary-page-v22 .service-form .checkrow a{color:#176d7d!important}
body.secondary-page-v22 .service-form .form-submit{border:0!important;margin:17px 0 0!important;min-height:48px!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:12px 17px!important;border-radius:8px!important;background:#145e75!important;color:white!important;font-size:13px!important;font-weight:790!important;cursor:pointer!important}
body.secondary-page-v22 .service-form .form-submit:hover{background:#0d455b!important}
body.secondary-page-v22 .service-form .form-fine{display:none!important}
/* Standard service information sections: polished spacing and readable informational panels */
body.service-detail-v22:not(.oven-page-v21) .service-hero{background:linear-gradient(122deg,#e9f2f4 0%,#f7fafa 58%,#eef3f4 100%);border-bottom:1px solid var(--v22-border)}
body.service-detail-v22:not(.oven-page-v21) .service-hero-grid{max-width:1240px;gap:clamp(26px,5vw,66px);min-height:490px;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr)}
body.service-detail-v22:not(.oven-page-v21) .service-hero h1{color:#17394a;letter-spacing:-.055em;font-size:clamp(43px,5vw,72px)}
body.service-detail-v22:not(.oven-page-v21) .service-hero h1 span{color:#197da0}
body.service-detail-v22:not(.oven-page-v21) .service-hero-art{border-radius:0 0 36px 36px;background:#dae8ee;box-shadow:0 24px 50px #173c4b18;min-height:380px}
body.service-detail-v22:not(.oven-page-v21) .service-hero-art img{width:100%;height:100%;max-height:none;object-fit:cover}
body.service-detail-v22 .details-grid{gap:clamp(30px,5vw,72px)}
body.service-detail-v22 .section{padding-top:76px;padding-bottom:76px}
body.service-detail-v22 .soft-section{background:#f2f7f8}
body.service-detail-v22 .listing-item,body.service-detail-v22 .faq details{border-color:#d4e1e4}
body.service-detail-v22 .listing-item{transition:background .15s ease,padding .15s ease}
body.service-detail-v22 .listing-item:hover{background:#f0f7f8}
body.service-detail-v22 .v8-hvac-service-hero{border-bottom:1px solid #dfebee}
body.service-detail-v22 .v8-hvac-symptoms,body.service-detail-v22 .v8-hvac-questions{background-color:#f8fbfc}
body.service-detail-v22 .v11-insights{border-top:1px solid #e1ebef}
/* City pages: consistent spacious contemporary sections; do not change any SEO content */
body.city-detail-v22 .area-hero{background:linear-gradient(130deg,#e9f3f4,#f8fafb)!important;border-bottom:1px solid #d9e8eb;padding:clamp(58px,7vw,90px) 0!important}
body.city-detail-v22 .area-hero h1{font-size:clamp(38px,5.7vw,72px)!important;max-width:930px;letter-spacing:-.05em;line-height:1.06;color:#173a48}
body.city-detail-v22 .area-hero p{font-size:16px!important;color:#5b7380!important;line-height:1.7;max-width:720px}
body.city-detail-v22 .section{padding-top:72px;padding-bottom:72px}
body.city-detail-v22 .soft-section{background:#f3f8f8}
body.city-detail-v22 .area-service{border:1px solid #d8e5e8;border-radius:10px;background:#fff;box-shadow:0 4px 16px #12364009;transition:transform .15s ease,box-shadow .15s ease}
body.city-detail-v22 .area-service:hover{transform:translateY(-2px);box-shadow:0 10px 23px #12364013}
body.city-detail-v22 .area-brands{background:#f8fbfc}
/* Brand pages keep their original distinct palettes and typography, only refine the request section */
body.brand-detail-v22 .request-block{background:linear-gradient(140deg,var(--b-bg,#edf3f5) 0%,#f7f9fa 100%)!important}
body.brand-detail-v22 .request-intro .eyebrow{color:var(--b-accent,#23718a)!important}
body.brand-detail-v22 .service-form .form-submit{background:var(--b-fg,#183e52)!important}
/* Ads landing: align the right-side form exactly within its column without distorting label widths */
body.oven-page-v21.secondary-page-v22 .oven-shell{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:clamp(30px,4vw,60px)!important;align-items:center!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel{box-sizing:border-box!important;width:min(100%,515px)!important;max-width:515px!important;min-width:0!important;margin:0 auto!important;justify-self:center!important;align-self:center!important;padding:clamp(20px,2.5vw,27px)!important;border:1px solid #e2edf0!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .service-form{margin:0 auto!important;max-width:100%!important;width:100%!important;padding:0!important;border:0!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid label.wide{grid-column:1/-1!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid input:not([type=checkbox]),body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid textarea{min-width:0!important;box-sizing:border-box!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .oven-panel-head{text-align:center!important;max-width:410px;margin:0 auto 20px!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .oven-panel-head h2{text-align:center!important}
body.oven-page-v21.secondary-page-v22 .oven-lead-panel .oven-panel-head p{text-align:center!important}
@media(max-width:900px){body.service-detail-v22:not(.oven-page-v21) .service-hero-grid{grid-template-columns:1fr;gap:15px;padding-top:30px;padding-bottom:30px}body.service-detail-v22:not(.oven-page-v21) .service-hero-art{height:320px;min-height:260px}body.oven-page-v21.secondary-page-v22 .oven-shell{grid-template-columns:1fr!important}body.oven-page-v21.secondary-page-v22 .oven-lead-panel{max-width:590px!important;width:min(100%,590px)!important}}
@media(max-width:650px){body.secondary-page-v22 .request-block{padding:48px 14px 64px!important}body.secondary-page-v22 .request-layout{gap:20px!important}body.secondary-page-v22 .request-intro h2{font-size:32px!important}body.secondary-page-v22 .request-layout>form.service-form{max-width:560px!important;padding:19px!important;border-radius:13px!important}body.city-detail-v22 .section,body.service-detail-v22 .section{padding-top:52px;padding-bottom:52px}body.oven-page-v21.secondary-page-v22 .oven-lead-panel{width:100%!important}}
@media(max-width:380px){body.secondary-page-v22 .service-form .form-grid{grid-template-columns:1fr!important}body.secondary-page-v22 .service-form .form-grid label{grid-column:1/-1!important}body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid{grid-template-columns:1fr!important}body.oven-page-v21.secondary-page-v22 .oven-lead-panel .form-grid label{grid-column:1/-1!important}}
@media(prefers-reduced-motion:reduce){body.secondary-page-v22 *{scroll-behavior:auto!important;transition:none!important}}

/* V22 form-label refinement: keep required asterisk on SAME line as label text */
body.secondary-page-v22 .service-form .form-grid label:not(.checkrow){display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:baseline!important;column-gap:4px!important;row-gap:6px!important}
body.secondary-page-v22 .service-form .form-grid label:not(.checkrow)>span{grid-column:2!important;justify-self:start!important;display:inline!important;line-height:1!important;margin:0!important}
body.secondary-page-v22 .service-form .form-grid label:not(.checkrow)>input,body.secondary-page-v22 .service-form .form-grid label:not(.checkrow)>textarea{grid-column:1/-1!important}
body.secondary-page-v22 .service-hero-art img{display:block!important;width:100%!important;height:100%!important;min-height:300px!important;object-fit:cover!important;visibility:visible!important;opacity:1!important}
