/*
Theme Name: Dillux Auto Spa
Author: Dillux Auto Spa
Description: Custom Miami Blue automotive and residential window-film website.
Version: 1.0.1
Requires PHP: 7.4
Text Domain: dillux-auto-spa
*/
:root{--blue:#00b5db;--ink:#080b0d;--panel:#121619;--muted:#aeb7bc;--line:#2a3034;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em;font-weight:800}h1{font-size:clamp(2.6rem,5.5vw,5.7rem);margin-bottom:28px}h2{font-size:clamp(2.2rem,4vw,3.8rem);margin-bottom:24px}h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:24px}em{font-style:normal;color:var(--blue)}.wrap{width:min(var(--max),calc(100% - 96px));margin:0 auto}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.17em;line-height:1.6;color:var(--blue);margin-bottom:22px}.lead{font-size:1.2rem;line-height:1.7;max-width:730px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 24px;background:var(--blue);color:#031116;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--blue);transition:background .18s,transform .18s}.btn span{font-size:1.2rem;font-weight:400}.btn:hover{background:#60d9f2;transform:translateY(-2px)}.btn.outline{background:transparent;border-color:#647077;color:#fff}.btn.outline:hover{background:#ffffff0d;border-color:var(--blue)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.text-link{font-size:.9rem;font-weight:700;display:inline-block;border-bottom:1px solid var(--blue);padding-bottom:5px}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:14px;z-index:99999}.skip:focus{top:0}.topbar{background:var(--blue);color:#031116;font-weight:700;font-size:.72rem;letter-spacing:.08em}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px}.site-header{background:#080b0df5;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.admin-bar .site-header{top:32px}.nav-wrap{height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:128px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand img{width:122px;height:55px;object-fit:contain}.brand span{font-size:.62rem;letter-spacing:.43em;line-height:1;margin:6px 0 0 5px;color:white}nav{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:600}nav>a:hover,.services-toggle:hover{color:var(--blue)}nav .btn{color:var(--ink);min-height:48px;padding:10px 20px;font-size:.75rem}.nav-phone{display:none}.menu-toggle{display:none}.services-toggle{background:none;color:inherit;border:0;padding:26px 0;display:flex;gap:10px;align-items:center;font-size:inherit;font-weight:inherit}.nav-dropdown{position:relative}.dropdown{display:none;position:absolute;top:100%;left:-28px;width:500px;background:var(--panel);padding:20px;box-shadow:0 20px 60px #0008;border-top:2px solid var(--blue);grid-template-columns:1fr 1fr;gap:0 12px}.dropdown a{padding:10px;font-size:.82rem}.dropdown a:hover{color:var(--blue);background:#ffffff06}.dropdown a:first-child{grid-column:1/-1;color:var(--blue);border-bottom:1px solid var(--line);margin-bottom:8px}.nav-dropdown.open .dropdown{display:grid}.hero{position:relative;min-height:710px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-image{position:absolute;width:67%;height:100%;right:0;top:0;object-fit:cover;object-position:50% 59%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0d 0%,#080b0df5 22%,#080b0d8c 58%,#080b0d10 100%),linear-gradient(0deg,#080b0d 0%,transparent 35%)}.hero-content{position:relative;padding-top:90px;padding-bottom:100px}.hero h1{font-size:clamp(2.8rem,4.7vw,5rem);line-height:1.02;max-width:940px;letter-spacing:-.055em}.hero p:not(.eyebrow){max-width:540px;font-size:1.1rem;color:#d4dadd}.hero .eyebrow{font-size:.73rem;letter-spacing:.15em}.rating{display:inline-flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:34px;font-size:.8rem;color:#d2d9dd}.rating>span{color:var(--blue);letter-spacing:2px}.rating small{font-size:.7rem;color:#9ca7ae}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:.7rem;letter-spacing:.13em;color:#9ba8b0;padding-bottom:26px}.hero-bottom a{color:#fff}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101416}.service-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.service-strip a{padding:25px 14px;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.06em;border-right:1px solid var(--line)}.service-strip a:first-child{border-left:1px solid var(--line)}.service-strip a:hover{color:var(--blue)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-head h2{margin:0}.section-head>p{max-width:360px;margin-bottom:4px}.grid{display:grid;gap:24px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{background:var(--panel);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.service-card:hover{border-color:var(--blue)}.service-card>img{width:100%;height:300px;object-fit:cover;object-position:50% 57%;transition:transform .4s}.service-card:hover>img{transform:scale(1.025)}.card-copy{padding:30px;flex:1;display:flex;flex-direction:column}.card-number{font-size:.7rem;letter-spacing:.18em;color:var(--blue);margin-bottom:12px}.card-copy h3{font-size:1.8rem;margin:0 0 15px}.card-copy p{font-size:.96rem;margin-bottom:25px}.card-copy .text-link{align-self:flex-start;margin-top:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-image{width:100%;height:590px;object-fit:cover;object-position:center 58%}.light{background:#f4f6f6;color:#101416}.light p{color:#53616a}.light .eyebrow{color:#007d9b}.light em{color:#0084a3}.light .btn{color:#00171c}.service-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);column-gap:50px}.service-links a{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:1.2rem;font-weight:700}.service-links a>span:last-child{color:var(--blue)}.service-links a:hover{color:var(--blue)}.residential-band{background:#12191d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.residential-band .feature-image{height:530px}.gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-preview img{width:100%;height:400px;object-fit:cover}.stars{letter-spacing:4px;color:#007d9b!important;margin-bottom:5px;font-size:1.4rem}blockquote{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.4;letter-spacing:-.025em;max-width:920px;margin:35px 0}cite{display:block;font-size:.9rem;font-style:normal;letter-spacing:0;color:#5a676f;margin-top:25px}.cta{background:var(--blue);color:var(--ink)}.cta-inner{padding-top:65px;padding-bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:70px}.cta h2{max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,3.5rem)}.cta .eyebrow{color:#06495a}.cta .btn{background:var(--ink);color:white;border-color:var(--ink);flex-shrink:0}.visit{display:grid;grid-template-columns:1fr 1fr;gap:80px}.site-footer{background:#030608;border-top:1px solid var(--line);padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.3fr;gap:40px}.footer-grid .brand{margin-bottom:30px}.footer-grid h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:25px}.footer-grid p,.footer-grid a:not(.brand){font-size:.86rem;color:#aab5bd}.footer-grid>div>a:not(.brand){display:block;margin-bottom:10px}.footer-grid a:hover{color:var(--blue)}.footer-grid .text-link{display:inline-block!important}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#8e9aa3}.small{font-size:.8rem}.page-intro{padding:90px 0 70px}.page-intro h1{max-width:1000px}.top-tight{padding-top:0}.service-hero{padding:70px 0 90px;border-bottom:1px solid var(--line)}.service-hero h1{font-size:clamp(2.7rem,4.9vw,4.8rem)}.service-hero .split{gap:65px}.service-hero-image{width:100%;height:580px;object-fit:cover;object-position:50% 55%}.service-hero .lead{font-size:1.1rem}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:100px}.benefit-grid>div{padding:30px;border:1px solid var(--line);background:var(--panel)}.benefit-grid h3{margin:20px 0 0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.process>div{border-top:1px solid #c3cdd1;padding-top:25px}.process span{font-size:2.5rem;color:#0084a3;font-weight:800;letter-spacing:-.06em;display:block;margin-bottom:25px}.process h3{font-size:1.3rem}.faq{max-width:1000px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq details:first-of-type{border-top:1px solid var(--line);margin-top:40px}.faq summary{font-size:1.15rem;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:35px}.faq summary:after{content:'+';color:var(--blue);position:absolute;right:5px;font-size:1.5rem;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{margin:20px 0 0;max-width:850px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;height:420px;object-fit:cover}.gallery-grid figcaption{font-size:.85rem;color:#b7c2ca;margin-top:15px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.contact-grid h2{font-size:2rem}.contact-grid aside h3{margin-top:35px;font-size:1.1rem}.contact-phone{font-size:1.5rem;color:white;font-weight:bold}.hours{font-size:.9rem;color:#b7c2ca}.hours>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:7px 0}.hours dd{margin:0}.form-panel{background:var(--panel);border:1px solid var(--line);padding:40px}.form-panel>p{font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid label{display:block;font-size:.85rem;font-weight:600;color:#dce2e5}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{width:100%;display:block;border:1px solid #435059;background:#080b0d;color:#fff;min-height:49px;border-radius:0;padding:12px;margin-top:8px;font-size:1rem}.form-grid select{appearance:auto}.form-grid textarea{height:150px;resize:vertical}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#8c99a3}.form-grid .full{grid-column:1/-1}.form-grid .consent label{display:flex;align-items:flex-start;gap:12px;font-size:.8rem;font-weight:400}.consent input{margin-top:7px;accent-color:var(--blue)}.consent a{text-decoration:underline}.form-grid input[type=submit]{background:var(--blue);color:var(--ink);font-weight:800;text-transform:uppercase;cursor:pointer;border-color:var(--blue);letter-spacing:.03em;font-size:.85rem}.wpcf7-form-control-wrap{display:block}.wpcf7-list-item{margin:0!important}.wpcf7-not-valid-tip{font-size:.8rem!important;color:#ffabab!important}.wpcf7-response-output{padding:18px!important;margin:24px 0 0!important;color:#fff}.wpcf7-spinner{display:block;margin:10px auto!important}.prose{max-width:900px}.prose h2{font-size:1.8rem;margin-top:35px}.prose a{text-decoration:underline;color:var(--blue)}.mobile-contact{display:none}
@media(min-width:1600px){.hero-image{width:70%;object-position:50% 58%}.hero-shade{background:linear-gradient(90deg,#080b0d 0%,#080b0dec 25%,#080b0d70 60%,#080b0d10),linear-gradient(0deg,#080b0d,transparent 40%)}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.split{gap:40px}.hero-image{width:80%}.hero h1{font-size:4rem}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:40px}.form-panel{padding:28px}.service-hero-image{height:500px}.hero-content{padding-top:80px}.hero{min-height:660px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.topbar .wrap>span{font-size:.6rem;letter-spacing:.02em}.topbar a{font-size:.65rem;letter-spacing:0}.nav-wrap{height:78px}.brand{width:105px}.brand img{width:100px;height:43px}.brand span{font-size:.5rem}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid var(--line);color:#fff;padding:8px 13px;font-size:.85rem}.menu-toggle span{color:var(--blue)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#080b0d;padding:22px;max-height:calc(100dvh - 115px);overflow:auto;align-items:stretch;border-bottom:1px solid var(--blue)}nav.open{display:flex;flex-direction:column;gap:0}nav>a,.services-toggle{padding:14px 0}.nav-phone{display:block}.services-toggle{width:100%;justify-content:space-between}.dropdown{position:static;width:100%;grid-template-columns:1fr;background:#121619;padding:10px;border-top:1px solid var(--line)}.dropdown a{font-size:.9rem}.dropdown a:first-child{grid-column:auto}nav .btn{margin-top:15px;padding:14px}.hero{min-height:730px;justify-content:flex-start}.hero-image{width:100%;height:100%;object-position:57% 58%;opacity:.6}.hero-shade{background:linear-gradient(90deg,#080b0ddb,#080b0d50),linear-gradient(0deg,#080b0d 0%,#080b0d30 50%,#080b0d88)}.hero-content{padding-top:75px;padding-bottom:80px}.hero h1{font-size:clamp(2.7rem,8.3vw,4rem)}.hero p:not(.eyebrow){font-size:1rem;max-width:450px}.hero .eyebrow{font-size:.65rem}.hero .actions{flex-direction:column;align-items:flex-start}.hero .btn{min-width:235px}.hero-bottom{margin-top:auto;font-size:.6rem;letter-spacing:.08em}.rating{font-size:.74rem;gap:9px;max-width:300px}.rating small{flex-basis:100%}.service-strip .wrap{width:100%;grid-template-columns:1fr 1fr}.service-strip a{font-size:.65rem;padding:18px 8px;border-bottom:1px solid var(--line)}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}.section-head>.btn{margin-top:25px}.services-grid{gap:20px}.service-card>img{height:250px}.card-copy{padding:23px}.card-copy h3{font-size:1.45rem}.card-copy p{font-size:.9rem}.split{grid-template-columns:1fr;gap:35px}.feature-image{height:480px}.light .split>div:first-child{order:2}.service-links{column-gap:25px}.service-links a{font-size:1rem}.residential-band .feature-image{height:450px}.gallery-preview{gap:12px}.gallery-preview img{height:270px}.cta-inner{flex-direction:column;align-items:flex-start;gap:30px;padding-top:50px;padding-bottom:50px}.visit{grid-template-columns:1fr;gap:20px}.footer-grid{gap:35px 25px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;font-size:.7rem}.site-footer{padding-bottom:90px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;z-index:99;border-top:1px solid #435059;background:#080b0d}.mobile-contact a{text-align:center;padding:15px;font-size:.85rem;font-weight:700}.mobile-contact a:last-child{background:var(--blue);color:var(--ink)}.page-intro{padding-top:60px;padding-bottom:45px}.top-tight{padding-top:0}.service-hero{padding:55px 0}.service-hero .split{gap:35px}.service-hero-image{height:450px}.benefit-grid{grid-template-columns:1fr;gap:15px;padding-bottom:65px}.benefit-grid>div{padding:25px;display:flex;gap:25px;align-items:center}.benefit-grid .eyebrow,.benefit-grid h3{margin:0}.benefit-grid h3{font-size:1.25rem}.process{grid-template-columns:1fr;gap:25px}.process span{margin-bottom:15px}.process p{margin-bottom:0}.contact-grid{grid-template-columns:1fr}.form-panel{padding:25px}.gallery-grid img{height:340px}.admin-bar .site-header{top:46px}}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}.service-card>img{height:290px}.hero h1{font-size:2.85rem}.hero .actions{gap:10px}.hero .btn{font-size:.75rem}.hero-bottom span{max-width:130px}.hero{min-height:760px}.service-links{grid-template-columns:1fr}.gallery-preview{grid-template-columns:1fr 1fr}.gallery-preview img:last-child{display:none}.gallery-preview img{height:290px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr;gap:20px}.form-grid .full{grid-column:auto}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:470px}.contact-phone{font-size:1.35rem}.feature-image{height:430px}.service-hero-image{height:420px}.lead{font-size:1.06rem}.topbar .wrap>span{max-width:215px}.topbar .wrap{gap:10px}.topbar a{white-space:nowrap}.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.form-grid>p{display:contents}.form-grid>.full>p{margin:0}.form-grid br{display:none}.form-grid input:disabled{opacity:.5;cursor:not-allowed}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.review-cards blockquote{font-size:1.3rem;margin:0;padding:28px;border:1px solid #c9d4d9;display:flex;flex-direction:column;justify-content:space-between}.review-cards cite{font-size:.8rem}.review-cards .stars{font-size:1rem;margin:0 0 15px}.brand img{mix-blend-mode:screen}@media(max-width:780px){.review-cards{grid-template-columns:1fr}.review-cards blockquote{font-size:1.25rem}}