:root{--blue:#ff0a20;--blue2:#b80012;--ink:#050809;--panel:#0b1012;--line:#263136}
body{background:#050809}
.site-header{height:94px;display:grid;grid-template-columns:minmax(455px,auto) 330px 1fr auto;gap:18px;padding:0 3.2vw;background:rgba(5,8,9,.94);border-bottom:1px solid #52626a;position:absolute;width:100%;top:0}
.primary-nav{display:flex;align-items:center;gap:5px;background:rgba(8,12,14,.72);border:1px solid #ffffff1f;border-radius:999px;padding:6px;box-shadow:0 10px 28px #0008;backdrop-filter:blur(10px)}.site-header nav a{font:700 14px Inter;text-transform:none;position:relative;color:#fff;padding:9px 15px;border-radius:999px;transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.site-header nav a.active,.site-header nav a:hover{color:#fff;background:#ff0a20;transform:translateY(-2px);box-shadow:0 8px 20px #ff0a2055}.site-header nav a.active:after{display:none}
.brand{justify-content:center;height:270px;align-self:start;z-index:3}.brand img{max-height:315px;max-width:470px;mix-blend-mode:normal;object-fit:contain}
.header-location{align-self:center;justify-self:center;font:800 12px Montserrat;letter-spacing:.5px;color:#fff;text-shadow:0 2px 8px #000}.header-location span{color:#ff0a20;font-size:18px;margin-right:8px}
.header-appointment{align-self:center;background:#ff0a20;padding:15px 25px;border-radius:7px;font:700 14px Montserrat;box-shadow:0 10px 24px #ff0a2040}
.page-hero{padding-top:340px;padding-bottom:90px;min-height:510px}.date-note{display:block;color:#626b70;font-weight:700;margin-top:5px}.date-picker:invalid{border-color:#ff0a20}
.hero{min-height:650px;place-items:stretch;background-image:url('../images/hero-battery-v2.jpg');background-position:center;background-size:cover}
.hero-shade{background:linear-gradient(90deg,rgba(2,6,8,.94) 0%,rgba(2,6,8,.72) 36%,rgba(2,6,8,.20) 75%,rgba(2,6,8,.06) 100%)}
.hero-content{width:100%;max-width:none;text-align:left;padding:158px 4.1vw 80px;margin:0}
.hero-kicker{font:700 13px/1.8 Montserrat;letter-spacing:6px;margin:0 0 23px;color:#fff;text-shadow:0 2px 9px #000}.hero-kicker:after{content:'';display:block;width:52px;height:3px;background:#ff0a20;margin-top:-28px}.hero-kicker span{display:inline-block;margin-top:20px;color:#fff}
.hero h1{font-size:clamp(38px,4.15vw,67px);margin:0 0 14px;max-width:940px;line-height:1.08;color:#fff;text-shadow:0 3px 10px #000}.hero h1 span{color:#ff0a20;text-shadow:0 3px 12px #000}
.hero-copy{font:500 clamp(16px,1.45vw,23px)/1.45 Inter;margin:0 0 27px;color:#f4f4f4}.actions{justify-content:flex-start}.btn{border-radius:7px;background:#ff0a20;padding:15px 25px;min-height:56px;font:700 14px Montserrat;box-shadow:0 9px 25px #ff0a2038}.btn b{margin-right:11px;font-size:19px}.btn-outline{background:rgba(5,8,9,.72);border:1px solid #ff0a20}.btn-dark{background:#111;border:1px solid #ff0a20}
.trust-strip{grid-template-columns:repeat(3,1fr);background:#080c0e;border:0;gap:5px}.trust-strip>div{min-height:124px;padding:24px 5vw;border:1px solid #ff0a20;border-radius:8px;display:flex;gap:26px;align-items:center}.trust-strip i{font-style:normal;font-size:44px;color:#ff0a20}.trust-strip p{margin:0}.trust-strip b{font:700 18px Orbitron;margin-bottom:5px}.trust-strip span{font:500 14px/1.5 Inter;color:#eee}
.services-section{padding-top:60px;background:radial-gradient(circle at 85% 0,#101a1e,#05090a 45%)}.section-heading{display:flex;justify-content:space-between;align-items:end;text-align:left}.section-heading .eyebrow{display:none}.section-heading h2{margin:0;position:relative}.section-heading h2:after{content:'';display:block;width:52px;height:3px;background:#ff0a20;margin-top:10px}.section-heading>a{font:800 12px Montserrat;color:#ff0a20}
.service-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.service-card{background:linear-gradient(145deg,#0b1012,#07090a);border:1px solid #7a1420;border-radius:8px;min-height:200px;padding:30px}.service-card:hover{border-color:#ff0a20}.service-card h3{font-size:15px}.service-card p{font-size:14px}.service-icon{display:block;width:46px;height:46px;margin-bottom:18px;background:#ff0a20;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.service-icon-diagnostics{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='10' width='35' height='43' rx='5'/%3E%3Cpath d='M17 20h17M17 30h10M19 42h13M43 39l12 12M40 36a9 9 0 1 1 0-18'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-ecu{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Crect x='14' y='14' width='36' height='36' rx='4'/%3E%3Crect x='23' y='23' width='18' height='18' rx='2'/%3E%3Cpath d='M21 6v8M32 6v8M43 6v8M21 50v8M32 50v8M43 50v8M6 21h8M6 32h8M6 43h8M50 21h8M50 32h8M50 43h8'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-module{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Crect x='7' y='15' width='50' height='34' rx='5'/%3E%3Cpath d='M15 25h18v14H15zM41 24h8M41 32h8M41 40h8M18 9v6M30 9v6M42 9v6M18 49v6M30 49v6M42 49v6'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-battery{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 18h38v36H13zM20 10h9v8M37 10h8v8M20 35h12M26 29v12M39 35h7'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-key{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='22' r='13'/%3E%3Cpath d='M31 31l24 24M43 43l7-7M49 49l7-7'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-abs{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Ccircle cx='32' cy='32' r='20'/%3E%3Ccircle cx='32' cy='32' r='7'/%3E%3Cpath d='M32 12v13M32 39v13M12 32h13M39 32h13M18 18l9 9M37 37l9 9M46 18l-9 9M27 37l-9 9'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-window{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h36v48H14zM14 35h36M25 25l7-7 7 7M32 18v12M39 45l-7 7-7-7M32 40v12'/%3E%3C/g%3E%3C/svg%3E")}.service-icon-electrical{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M37 3L13 36h17l-4 25 25-36H34z' fill='black'/%3E%3C/svg%3E")}.service-icon-diagnostics,.service-icon-ecu,.service-icon-module,.service-icon-battery,.service-icon-key,.service-icon-abs,.service-icon-window,.service-icon-electrical{-webkit-mask-image:var(--unused)}
.feature{background:#f4f4f4;color:#080808}.feature p{color:#333}.progress i{background:linear-gradient(90deg,#ff0a20,#b80012)}
.gallery{background:#090d0f}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.gallery figure{height:280px;margin:0;border:1px solid #7a1420;border-radius:8px;display:flex;align-items:end;background:url('../images/hero-battery-v2.jpg') center/cover;overflow:hidden}.gallery figure:nth-child(2){background-image:url('../images/hero-diagnostics.jpg')}.gallery figure:nth-child(3){background-image:linear-gradient(#111a,#111a),url('../images/rosales-logo-transparent.png');background-size:cover,contain;background-repeat:no-repeat;background-position:center}.gallery span{width:100%;padding:20px;background:linear-gradient(transparent,#000);font:700 15px Orbitron;text-align:left}
.media-section{background:linear-gradient(180deg,#f8f9f9,#edf0f1);color:#121416}.media-heading{text-align:center;max-width:760px;margin:0 auto 38px}.media-heading h2{margin:7px 0 12px}.media-heading>p:last-child{color:#555e62}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:auto}.media-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d7dcdf;border-radius:16px;padding:18px;box-shadow:0 16px 38px #10171912;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.media-card:hover{transform:translateY(-5px);border-color:#ff0a20;box-shadow:0 22px 45px #ff0a2017}.media-card-title{display:flex;align-items:center;gap:13px;padding:2px 2px 15px}.media-card-title small{display:block;color:#ff0a20;font:800 10px Montserrat;letter-spacing:1.6px}.media-card-title h3{margin:3px 0 0;color:#151719;font-size:20px}.media-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;color:#fff;font:800 26px Inter}.facebook-icon{background:#1877f2}.google-icon{background:#fff;color:#4285f4;border:1px solid #d8dde0;box-shadow:0 4px 12px #10171916}.media-embed{width:100%;border:1px solid #d9dde0;border-radius:11px;overflow:hidden;background:#f5f6f7}.media-embed iframe{display:block;width:100%;max-width:none}.facebook-feed{padding:0}.facebook-feed iframe{height:560px}.google-reviews iframe{height:480px}.review-stars{min-height:80px;margin-bottom:12px;padding:15px 18px;border-radius:10px;background:#fff6e3;color:#f5a000;font-size:23px;letter-spacing:3px;display:flex;flex-direction:column;justify-content:center}.review-stars span{color:#545c60;font:700 12px Inter;letter-spacing:0;margin-top:5px}.media-link{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 15px;border-radius:9px;background:#0b0f11;color:#fff!important;font:800 13px Montserrat;transition:background .2s ease,transform .2s ease}.media-link:hover{background:#ff0a20;transform:translateY(-2px)}.media-link span{font-size:19px}
.booking-form,.lookup,.vehicle-card,.admin-card{background:#151515}.admin-body{background:#090909}.admin-header{background:#151515}
.admin-logo{display:block;width:min(280px,78vw);height:auto;margin:0 auto 18px}.admin-brand{display:flex;align-items:center;gap:14px}.admin-brand img{width:76px;height:60px;object-fit:contain}.admin-brand span{display:flex;flex-direction:column}.admin-brand small{color:var(--muted)}
.photo-upload{grid-column:1/-1;border:1px dashed #7a1420;border-radius:10px;padding:16px;background:#0b0b0b}.photo-upload span{display:block;margin-bottom:8px;color:#eee}.photo-upload input[type=file]{width:100%;color:#ddd}.vehicle-thumb{width:68px;height:50px;object-fit:cover;border-radius:7px;border:1px solid #7a1420;margin-right:10px;vertical-align:middle}.vehicle-photo{display:block;width:100%;max-width:620px;max-height:340px;object-fit:cover;border-radius:10px;border:1px solid #7a1420;margin:18px 0}
.contact-location{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(300px,1.2fr);gap:24px;align-items:start}.footer-map iframe{width:100%;height:185px;border:1px solid #7a1420;border-radius:8px}.footer-map{min-width:300px}footer{grid-template-columns:2.15fr .85fr 1.15fr}footer a:hover{color:#ff0a20}
.contact-hero{background:linear-gradient(100deg,#070b0d 0%,#10191d 65%,#27080c 100%)}.contact-page{background:linear-gradient(180deg,#f7f8f8,#eceff0);color:#151719}.contact-page-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(440px,1.15fr);gap:28px;max-width:1180px;margin:auto;align-items:stretch}.contact-details{display:grid;gap:14px}.contact-card{display:flex;gap:16px;background:#fff;border:1px solid #d6dbde;border-radius:14px;padding:22px;box-shadow:0 10px 28px #12171910}.contact-card-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:#ff0a20;color:#fff;font-size:23px}.contact-card small{color:#ff0a20;font:800 10px Montserrat;letter-spacing:1.4px}.contact-card h2{font-size:19px;margin:4px 0 8px}.contact-card p{margin:0;color:#4e575b;line-height:1.55}.contact-card a:not(.contact-phone){color:#d50017;font-weight:800}.contact-phone{color:#141719;font:800 24px Orbitron}.contact-note{font-size:13px;margin-top:8px!important}.hours-card dl{margin:4px 0 0;min-width:250px}.hours-card dl div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e6e8;padding:8px 0}.hours-card dt{font-weight:700}.hours-card dd{margin:0;color:#50585c}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-map-large{position:relative;min-height:620px;background:#fff;border:1px solid #d6dbde;border-radius:16px;padding:10px;box-shadow:0 16px 38px #10171912;overflow:hidden}.contact-map-large iframe{width:100%;height:100%;min-height:600px;border:0;border-radius:10px}.map-caption{position:absolute;left:28px;right:28px;bottom:28px;display:flex;flex-direction:column;background:rgba(7,11,13,.92);color:#fff;padding:16px 18px;border-radius:10px;border-left:4px solid #ff0a20;box-shadow:0 10px 25px #0005}.map-caption span{font-size:13px;color:#dce0e2;margin-top:3px}
.dashboard-row{display:grid;grid-template-columns:1fr 170px 110px;gap:12px;align-items:center;background:#0b0b0b;padding:14px;border-radius:8px}.dashboard-row div{display:flex;flex-direction:column}.dashboard-row span,.question-card small{color:var(--muted)}.question-list{display:grid;gap:16px}.question-card{background:#0b0b0b;padding:18px;border-radius:10px;display:grid;gap:12px}.question-lookup{margin-top:28px}
.appointment-hero{padding-bottom:72px}.appointment-hero p:last-child{max-width:760px;margin:0 auto;color:#ddd}.appointment-wrap{max-width:1180px}.appointment-steps{list-style:none;margin:-90px auto 28px;padding:20px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#0b0f11;border:1px solid #30383b;border-radius:12px;position:relative;z-index:2}.appointment-steps li{display:flex;align-items:center;gap:12px;color:#80878a;font:700 12px Montserrat;text-transform:uppercase;position:relative}.appointment-steps li:not(:last-child):after{content:'';height:2px;background:#343a3d;position:absolute;left:52px;right:16px;bottom:-10px}.appointment-steps b{display:grid;place-items:center;width:34px;height:34px;border:2px solid #555;border-radius:50%;color:#aaa}.appointment-steps .active,.appointment-steps .complete{color:#fff}.appointment-steps .active b,.appointment-steps .complete b{background:#ff0a20;border-color:#ff0a20;color:#fff}.appointment-steps .complete:after{background:#ff0a20!important}
.appointment-wizard{padding:34px 40px;background:#101416}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-panel h2{font-size:clamp(24px,3vw,36px);margin:4px 0 26px}.wizard-panel h3{font:700 15px Orbitron;margin:30px 0 14px}.appointment-date-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.choice-row{display:flex;gap:14px;flex-wrap:wrap}.choice-card{flex:1;min-width:210px;display:flex;flex-direction:row;align-items:flex-start;gap:12px;background:#080b0d;border:1px solid #394247;border-radius:10px;padding:17px;cursor:pointer}.choice-card:has(input:checked){border-color:#ff0a20;box-shadow:0 0 0 1px #ff0a20}.choice-card input,.service-choice input{width:auto;margin-top:4px;accent-color:#ff0a20}.choice-card span{display:flex;flex-direction:column}.choice-card b{font:700 14px Orbitron}.choice-card small{color:#aeb5b8;font-weight:500}.service-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:26px}.service-choice{display:flex;flex-direction:row;align-items:center;gap:12px;background:#080b0d;border:1px solid #333b3f;border-radius:8px;padding:13px;cursor:pointer}.service-choice:has(input:checked){border-color:#ff0a20;background:#18080a}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.appointment-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.appointment-summary>div{display:flex;flex-direction:column;background:#080b0d;border:1px solid #30383b;border-radius:9px;padding:18px}.appointment-summary .wide{grid-column:1/-1}.appointment-summary small{color:#ff0a20;text-transform:uppercase;font-weight:800}.appointment-summary b{font:700 15px Orbitron;margin:5px 0}.appointment-summary span{color:#c3c8ca}.request-note{margin-top:20px;padding:18px;border-left:4px solid #ff0a20;background:#170b0c}.request-note p{margin:5px 0 0;color:#ccc}.appointment-success{max-width:760px;margin:auto;padding:40px;text-align:center}.appointment-success h2{font:700 30px Orbitron}
@media(max-width:1280px) and (min-width:801px){.site-header{grid-template-columns:minmax(390px,auto) 310px 1fr;padding:0 2vw;gap:12px}.header-appointment{display:none}.site-header nav a{padding:8px 11px;font-size:12px}.brand{height:235px}.brand img{max-height:275px;max-width:400px}.page-hero{padding-top:310px;min-height:485px}}
@media(max-width:1050px){.site-header{grid-template-columns:minmax(385px,auto) 250px 1fr}.header-appointment{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.contact-location{grid-column:1/-1}.contact-page-grid{grid-template-columns:1fr}.contact-map-large{min-height:480px}.contact-map-large iframe{min-height:460px}}
@media(max-width:800px){.site-header{position:absolute;grid-template-columns:60px 1fr 60px;height:82px;padding:0 16px}.nav-toggle{display:block}.site-header .primary-nav{display:none;position:absolute;top:82px;left:16px;right:16px;background:rgba(8,11,12,.96);padding:12px;border:1px solid #ffffff2b;border-radius:14px;box-shadow:0 16px 34px #000b;flex-direction:column;gap:5px}.site-header .primary-nav.open{display:flex;animation:menuDrop .24s ease-out}.site-header .primary-nav a{width:100%;text-align:center}.brand{grid-column:2;height:185px}.brand img{max-height:225px;max-width:315px}.header-location{display:none}.hero{min-height:740px;background-position:58% center}.hero-content{text-align:center;padding:235px 20px 70px}.hero-kicker{letter-spacing:3px;color:#fff;text-shadow:0 2px 8px #000}.hero-kicker:after{margin-left:auto;margin-right:auto}.hero-copy{margin-left:auto;margin-right:auto}.hero h1{color:#fff;text-shadow:0 3px 12px #000,0 0 24px #000}.page-hero{padding-top:320px;min-height:530px}.appointment-hero{padding-bottom:90px}.actions{justify-content:center}.trust-strip,.service-grid,.gallery-grid,footer{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.facebook-feed iframe{height:520px}.google-reviews iframe{height:400px}.trust-strip>div{padding:22px 30px}.section-heading{align-items:start}.section-heading>a{display:none}.desktop-only{display:none}.dashboard-row{grid-template-columns:1fr}.contact-location{grid-template-columns:1fr;grid-column:auto}.footer-map{min-width:0}.contact-page{padding-left:18px;padding-right:18px}.contact-page-grid{grid-template-columns:1fr}.contact-card{padding:18px}.contact-card-icon{flex-basis:40px;height:40px}.contact-phone{font-size:20px}.hours-card dl{min-width:0}.hours-card dl div{flex-direction:column;gap:2px}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}.contact-map-large{min-height:390px}.contact-map-large iframe{min-height:370px}.map-caption{left:20px;right:20px;bottom:20px}.appointment-steps{padding:14px 10px;margin-top:-74px}.appointment-steps li{justify-content:center}.appointment-steps span{display:none}.appointment-steps li:not(:last-child):after{left:65%;right:-35%;bottom:16px}.appointment-wizard{padding:24px 18px}.appointment-date-row,.service-choice-grid,.appointment-summary{grid-template-columns:1fr}.appointment-summary .wide{grid-column:auto}.choice-row{flex-direction:column}.wizard-actions .btn{flex:1}}
@keyframes menuDrop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Brighter public-facing palette; dashboard remains dark. */
body:not(.admin-body){background:#f3f5f6;color:#141719}
.trust-strip{background:#fff;padding:22px max(4vw,20px);gap:14px}.trust-strip>div{background:#fff;border-color:#d8dde0;box-shadow:0 10px 28px #15191b12}.trust-strip b{color:#151719}.trust-strip span{color:#535b5f}
.services-section{background:linear-gradient(180deg,#f7f8f8,#eceff0);color:#111}.service-card{background:#fff;border-color:#d4d9dc;box-shadow:0 12px 30px #15191b12}.service-card:hover{border-color:#ff0a20;box-shadow:0 14px 34px #ff0a2017}.service-card h3{color:#121416}.service-card p{color:#51585c}
.gallery{background:#f7f8f8;color:#121416}.media-card{background:#fff;border-color:#d9dde0;box-shadow:0 12px 32px #15191b12}
.form-wrap,.pass-wrap{color:#17191a}.booking-form,.lookup,.vehicle-card{background:#fff;border-color:#d3d8db;box-shadow:0 16px 42px #12171914}.booking-form input,.booking-form select,.booking-form textarea,.lookup input{background:#f7f8f8;color:#151719;border-color:#cbd1d4}.booking-form .fine-print{color:#5d6569}
.appointment-wizard{background:#fff}.appointment-steps{background:#fff;border-color:#d3d8db;box-shadow:0 14px 38px #12171912}.appointment-steps li{color:#697176}.appointment-steps .active,.appointment-steps .complete{color:#17191a}.choice-card,.service-choice,.appointment-summary>div{background:#f7f8f8;border-color:#d1d6d9}.choice-card:has(input:checked),.service-choice:has(input:checked){background:#fff2f3;border-color:#ff0a20}.choice-card small,.appointment-summary span{color:#555e62}.request-note{background:#fff2f3;color:#17191a}.request-note p{color:#51585c}
.page-hero{color:#fff}.page-hero p{color:#e2e5e6}.appointment-success{background:#fff;color:#17191a}.notice.success{background:#e3f5ea;color:#153b25}.notice.error{background:#ffe4e6;color:#761721}
body:not(.admin-body) .question-lookup,body:not(.admin-body) .question-card{background:#fff;color:#17191a}

/* Inline service SVGs: reliable across Safari, Chrome, and mobile browsers. */
.service-card .service-icon{display:block;width:48px;height:48px;margin-bottom:18px;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;color:#ff0a20}
.service-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.service-icon svg.filled{fill:currentColor;stroke:none}

/* Home hero spacing: preserve the large logo while giving content room to breathe. */
.hero{min-height:730px}
.hero-content{padding-top:210px;padding-bottom:92px}
.hero-kicker{margin-bottom:32px}
.hero h1{margin-bottom:23px}
.hero-copy{margin-bottom:35px}
.hero-content .actions{gap:18px}
@media(max-width:1280px) and (min-width:801px){.hero{min-height:700px}.hero-content{padding-top:205px;padding-bottom:82px}}
@media(max-width:800px){.hero{min-height:820px}.hero-content{padding:270px 20px 78px}.hero-kicker{margin-bottom:28px}.hero h1{margin-bottom:22px}.hero-copy{margin-bottom:32px}.hero-content .actions{gap:16px}}

/* Dashboard notification center. */
.admin-nav{display:flex;gap:18px;align-items:center}.admin-nav a{font-weight:800}.admin-help{color:#aeb5b8;line-height:1.55}.admin-consent,.sms-consent{display:flex!important;align-items:flex-start;gap:10px;grid-column:1/-1}.admin-consent input,.sms-consent input,.notification-options input,.notify-fieldset input{width:auto!important;margin-top:4px;accent-color:#ff0a20}.sms-consent{margin:22px 0;color:#4f575b;font-size:13px;line-height:1.5}.notification-options{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.notification-options label{display:flex;align-items:center;gap:7px;color:#dce1e3;font-size:12px}.notification-options input:disabled+span{opacity:.55}.notification-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.provider-status{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.provider-status.large{justify-content:flex-start;margin-top:20px}.provider-status span,.consent-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font:800 11px Inter}.ready{background:#123d26;color:#81e6a9;border:1px solid #28794b}.not-ready{background:#3a171a;color:#ff9ca7;border:1px solid #84303a}.notification-log{display:grid;gap:9px}.notification-log>div{display:flex;flex-direction:column;padding:13px 15px;background:#0b0b0b;border:1px solid #273035;border-radius:8px}.notification-log span{color:#d3d8da}.notification-log small{color:#879094;margin-top:4px}.notify-fieldset,.settings-form fieldset{border:1px solid #343d41;border-radius:10px;padding:16px;display:grid;gap:12px}.notify-fieldset{grid-column:1/-1;grid-template-columns:repeat(3,auto);justify-content:start}.notify-fieldset label{display:flex;gap:7px;align-items:center}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form fieldset label,.test-grid label,.message-form label{display:grid;gap:6px}.settings-form .btn{grid-column:1/-1}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.test-grid form{display:grid;gap:12px;padding:18px;background:#0b0b0b;border-radius:10px}.test-grid button:disabled{opacity:.45;cursor:not-allowed}.message-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.message-form .notification-options,.message-form .btn{grid-column:1/-1}.appointment-row{align-items:start}
@media(max-width:800px){.admin-header{align-items:center}.admin-nav{gap:10px;font-size:12px}.notification-heading{flex-direction:column}.provider-status{justify-content:flex-start}.settings-form,.test-grid,.message-form{grid-template-columns:1fr}.notify-fieldset{grid-template-columns:1fr}.settings-form .btn,.message-form .notification-options,.message-form .btn{grid-column:auto}.notification-options{flex-direction:column;gap:8px}}
