/* Ibizahora: the original calm cards, with the current service-led imagery. */
:root{--paper:#fbfaf7;--sand:#f3f5ed;--sage:#e7eddd;--line:#dce2d5;--forest:#294b3a}
body{background:var(--paper)}
html:root header,html:root .cinematic-home>header,html.is-scrolled .cinematic-home>header{height:78px;padding-left:max(32px,calc((100vw - 1200px)/2));padding-right:max(32px,calc((100vw - 1200px)/2));background:#fbfaf7fa;border-bottom:1px solid #e1e5da;gap:24px}
html:root header>.logo{font-size:27px;font-weight:700;letter-spacing:-1.2px}
html:root header #main-nav{gap:27px}
html:root header #main-nav>.nav-link{font-size:13px;font-weight:400}
html:root header>.button.small{border-radius:4px;min-height:42px;padding:12px 18px}
html:root header>.language-control{width:44px;min-width:44px}
html:root .cinematic-home .hero.phase-one-hero{width:calc(100% - 48px);max-width:1360px;height:calc(100svh - 126px);min-height:510px;max-height:650px;margin:96px auto 0;border-radius:9px;background:#3d554b}
html:root .cinematic-home .phase-one-hero .hero-copy{padding:62px 5.5%;max-width:680px;justify-content:center;align-items:flex-start}
html:root .cinematic-home .phase-one-hero .hero-title{font-size:clamp(62px,6vw,82px);line-height:1.03;font-weight:400;letter-spacing:-3.5px;margin:0 0 25px}
html:root .cinematic-home .phase-one-hero .hero-title em{letter-spacing:-3px}
html:root .cinematic-home .phase-one-hero .eyebrow{font-size:9px;letter-spacing:.14em;line-height:1.7;font-weight:500;margin-bottom:24px}
html:root .cinematic-home .phase-one-hero .hero-service-title{max-width:430px;font-size:16px;line-height:1.7;font-weight:500;margin:0 0 12px;letter-spacing:0}
html:root .cinematic-home .phase-one-hero .hero-copy>p{font-size:14px;line-height:1.7;max-width:380px;margin:0 0 25px}
html:root .cinematic-home .phase-one-hero .hero-shade{background:linear-gradient(90deg,#122d2bd1 0%,#122d2b83 38%,#122d2b08 78%)}
html:root .cinematic-home .hero-actions{gap:23px;flex-wrap:wrap}
html:root .cinematic-home .hero-actions .button{font-size:12px;font-weight:500;min-height:46px;padding:14px 20px;border-radius:4px}
html:root .cinematic-home .hero-secondary{font-size:12px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center}
html:root .cinematic-home .trust-strip{max-width:1200px;margin:0 auto;padding:25px 0 26px;display:flex;justify-content:center;gap:54px;background:transparent;color:#53644e;font-size:11px;font-weight:400;border-bottom:1px solid var(--line)}
html:root .cinematic-home .trust-strip>span{display:flex;align-items:center;gap:12px;line-height:1.6}
html:root .cinematic-home .trust-strip>span:before{content:'·';color:#71905a;font-size:20px;line-height:1}
html:root .cinematic-home .section{padding:72px max(32px,calc((100vw - 1200px)/2));}
html:root .cinematic-home .section-top{align-items:center;gap:32px;margin-bottom:32px}
html:root .cinematic-home .section h2{font-size:clamp(28px,2.7vw,37px);line-height:1.25;letter-spacing:-1.2px;font-weight:400}
html:root .cinematic-home .section .eyebrow{font-size:9px;font-weight:500;letter-spacing:.12em;color:#607457;margin-bottom:15px}
html:root .cinematic-home .section-top>p{font-size:13px;font-weight:400;line-height:1.8;max-width:250px;margin:0}
html:root .cinematic-home .visual-services{background:var(--paper)}
html:root .cinematic-home .category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}
html:root .cinematic-home .category-cards .visual-service,html:root .cinematic-home .category-cards .visual-service:first-child,html:root .cinematic-home .category-cards .visual-service:last-child{grid-column:auto;min-height:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;}
html:root .cinematic-home .service-visual-link{display:flex;flex-direction:column;min-height:0;height:100%;position:relative;border-radius:0;color:var(--ink);isolation:auto}
html:root .cinematic-home .service-visual-link:after{display:none}
html:root .cinematic-home .service-visual{display:block;position:static;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;z-index:auto;transition:filter .2s}
html:root .cinematic-home .service-visual-link:hover .service-visual{transform:none;filter:brightness(1.04)}
html:root .cinematic-home .service-tile-copy,html:root .cinematic-home .category-cards .visual-service:first-child .service-tile-copy{position:static;display:flex;flex-direction:column;padding:23px 23px 20px;flex:1}
html:root .cinematic-home .service-tile-copy h3,html:root .cinematic-home .category-cards .visual-service:first-child h3{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.5px;color:var(--ink);margin:0 0 11px;max-width:none}
html:root .cinematic-home .service-tile-copy>p,html:root .cinematic-home .category-cards .visual-service:first-child .service-tile-copy>p{display:block;color:#66705f;font-size:12px;line-height:1.8;max-width:none;margin:0 0 22px}
html:root .cinematic-home .tile-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e9ede3;padding-top:15px;margin-top:auto}
html:root .cinematic-home .tile-bottom .category-price{font-size:17px;line-height:1.6;font-weight:400;color:var(--ink)}
html:root .cinematic-home .tile-bottom .category-price>span{font-size:11px;color:#6a7761}
html:root .cinematic-home .tile-arrow{height:30px;width:30px;background:#eff3e8;border:0;color:#45643b;font-size:17px}
.more-categories{margin-top:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.more-categories>summary,.car-care-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 0;min-height:64px}
.more-categories>summary::-webkit-details-marker,.car-care-disclosure>summary::-webkit-details-marker{display:none}
.more-categories summary strong,.car-care-disclosure summary strong{display:block;font-size:14px;line-height:1.6;font-weight:500}
.more-categories summary small,.car-care-disclosure summary small{display:block;font-size:12px;line-height:1.7;font-weight:400;color:#68775f;margin-top:3px}
.expand-mark{display:grid;place-items:center;width:30px;height:30px;font-size:21px;font-weight:400;flex:none;color:#45643b}
.more-categories[open]>summary .expand-mark,.car-care-disclosure[open]>summary .expand-mark{transform:rotate(45deg)}
html:root .cinematic-home .secondary-categories{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 0 28px;gap:20px}
html:root .cinematic-home .secondary-categories .service-tile-copy{padding:19px}
html:root .cinematic-home .secondary-categories .service-tile-copy h3{font-size:17px}
html:root .cinematic-home .how{display:block;background:#f0f3e9;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html:root .cinematic-home .how>div:first-child{max-width:600px;margin-bottom:35px}
html:root .cinematic-home .how h2 em{color:inherit}
html:root .cinematic-home .how .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
html:root .cinematic-home .how .steps article{display:block;border:0;padding:0;position:relative}
html:root .cinematic-home .how .steps article>span{font-size:11px;color:#7a9167;display:block;margin-bottom:15px}
html:root .cinematic-home .how .steps h3{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 7px;letter-spacing:-.25px}
html:root .cinematic-home .how .steps p{font-size:13px;line-height:1.8;margin:0;color:#67765f}
html:root .cinematic-home .visual-prices{background:var(--paper)}
html:root .cinematic-home .price-preview{border-color:var(--line);background:transparent}
html:root .cinematic-home .price-start{padding:24px 22px;border-color:var(--line);grid-template-columns:1fr auto 14px;gap:15px;background:transparent}
html:root .cinematic-home .price-start:first-child{padding-left:0}
html:root .cinematic-home .price-start:last-child{padding-right:0}
html:root .cinematic-home .price-start-name{font-size:12px;line-height:1.7}
html:root .cinematic-home .price-start-value{font-size:21px;line-height:1.4;font-weight:400}
html:root .cinematic-home .price-start-value small{font-size:10px}
html:root .cinematic-home .all-offers{margin-top:10px;border-bottom:1px solid var(--line)}
html:root .cinematic-home .all-offers>summary{padding:22px 0;font-size:14px;font-weight:500;min-height:64px;border-color:var(--line)}
html:root .cinematic-home .offer-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:0;padding:0 0 25px}
html:root .cinematic-home .offer-card{display:grid;grid-template-columns:80px 1fr;gap:17px;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;align-items:start}
html:root .cinematic-home .offer-image-link{display:block;overflow:hidden;border-radius:4px}
html:root .cinematic-home .offer-image{position:static;width:80px;height:80px;min-height:0;object-fit:cover;display:block}
html:root .cinematic-home .offer-copy{padding:0}
html:root .cinematic-home .offer-copy h3{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.2px;margin:0 0 5px}
html:root .cinematic-home .offer-price{font-size:16px;line-height:1.5;margin:0 0 3px}
html:root .cinematic-home .offer-price span,.cinematic-home .offer-note{font-size:11px}
html:root .cinematic-home .offer-note{line-height:1.7;color:#6b7762;margin:4px 0}
html:root .cinematic-home .offer-ask{font-size:11px;font-weight:400;min-height:44px;line-height:1.5;padding:10px 0;color:#45643b}
.car-care-disclosure{border-bottom:1px solid var(--line)}
html:root .cinematic-home .car-care-disclosure .packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:10px 0 20px;width:100%;max-width:100%;min-width:0}
html:root .cinematic-home .car-care-disclosure .package{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:6px;padding:24px;min-height:0;min-width:0;color:var(--ink)}
html:root .cinematic-home .car-care-disclosure .package.signature{background:#edf3e3;border-color:#c3d4b1}
html:root .cinematic-home .car-care-disclosure .package-kicker{font-size:8px;line-height:1.7;letter-spacing:.08em;color:#6d7e5f;margin-bottom:16px}
html:root .cinematic-home .car-care-disclosure .package h3{font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.7px;margin:0 0 10px}
html:root .cinematic-home .car-care-disclosure .package-desc{font-size:12px;line-height:1.8;min-height:0;color:#67745f;margin:0 0 18px}
html:root .cinematic-home .car-care-disclosure .package-price{font-size:29px;font-weight:400;letter-spacing:-.8px;margin:0 0 8px}
html:root .cinematic-home .car-care-disclosure .package-price small{font-size:11px;letter-spacing:0}
html:root .cinematic-home .car-care-disclosure .time-hint{font-size:11px;line-height:1.7;margin:0 0 17px;color:#687760}
html:root .cinematic-home .car-care-disclosure .package ul{list-style:none;padding:0;margin:0 0 15px;border-top:1px solid var(--line)}
html:root .cinematic-home .car-care-disclosure .package li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;padding:10px 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
/* Keep each checkmark in its own column instead of overlaying the first letter. */
html:root .cinematic-home .car-care-disclosure .package li::before{content:'✓';position:static;display:block;flex:0 0 1em;align-self:flex-start;color:#49683d;line-height:inherit}
html:root .cinematic-home .car-care-disclosure .package>*{min-width:0;max-width:100%}
html:root .cinematic-home .car-care-disclosure .package .button{white-space:normal;text-align:left}
html:root .cinematic-home .car-care-disclosure .package .button>span{flex:none}
html:root .cinematic-home .car-care-disclosure .package-fit{font-size:11px;line-height:1.8;color:#687760;margin:0 0 20px}
html:root .cinematic-home .car-care-disclosure .package .button{font-size:11px;font-weight:500;line-height:1.5;padding:13px 15px;margin-top:auto;min-height:44px;gap:12px;background:#d6f56b;color:var(--ink);border-radius:4px}
html:root .cinematic-home .car-care-disclosure .package .button span{font-size:16px}
html:root .cinematic-home .price-disclaimer{font-size:11px;line-height:1.9;color:#6c7964;padding-bottom:20px;max-width:850px}
html:root .cinematic-home .visual-island{min-height:0;display:block;position:relative;background:var(--forest);color:#fbfaf7;text-align:left;overflow:hidden}
html:root .cinematic-home .visual-island:before,html:root .cinematic-home .visual-island:after{display:none}
html:root .cinematic-home .visual-island .island-title{max-width:800px}
html:root .cinematic-home .visual-island .eyebrow{color:#bdd0a7}
html:root .cinematic-home .visual-island h2{font-size:33px;max-width:540px}
html:root .cinematic-home .visual-island .island-title>p{max-width:680px;font-size:13px;line-height:1.85;color:#e2eadd}
html:root .cinematic-home .visual-island .places{font-size:11px;line-height:2;color:#c9d8bb}
html:root .cinematic-home .visual-island .button{font-size:12px;min-height:44px;padding:13px 18px;margin-top:10px}
html:root .cinematic-home .faq{background:var(--paper);grid-template-columns:.8fr 1.2fr;gap:80px}
html:root .cinematic-home .faq summary{font-size:14px;line-height:1.6;padding:21px 0;font-weight:400;border-color:var(--line)}
html:root .cinematic-home .faq details p{font-size:13px;line-height:1.9;color:#62705c}
html:root .cinematic-home .enquiry{background:#eff3e8;gap:75px;grid-template-columns:.8fr 1.2fr;align-items:start}
html:root .cinematic-home .enquiry>div>p{font-size:14px;line-height:1.8;max-width:320px}
html:root .cinematic-home .enquiry form{background:#fff;border:1px solid #d4dfca;border-radius:7px;padding:30px;width:100%;max-width:none}
html:root .cinematic-home .enquiry label{font-size:12px;font-weight:400;line-height:1.7}
html:root .cinematic-home .enquiry input,html:root .cinematic-home .enquiry select,html:root .cinematic-home .enquiry textarea{font-size:14px;line-height:1.6;background:#fff;border:1px solid #ccd6c3;border-radius:4px;min-height:45px;padding:12px}
html:root .cinematic-home .enquiry .button{font-size:12px;font-weight:500;padding:15px 18px;min-height:46px;line-height:1.5}
html:root .cinematic-home footer{background:var(--paper);padding:35px max(32px,calc((100vw - 1200px)/2));border-top:1px solid var(--line)}
html:root .chat-float{padding:12px 17px;min-height:44px;font-size:12px;font-weight:500;box-shadow:0 4px 18px #294b3a15;border-radius:30px;right:22px;bottom:22px}
html:root .chat-float>svg{width:18px;height:18px}
@media(max-width:1100px){
 html:root header,html:root .cinematic-home>header,html.is-scrolled .cinematic-home>header{height:calc(76px + env(safe-area-inset-top));padding-left:28px;padding-right:28px;gap:10px}
 html:root header #main-nav{gap:0}
 html:root header #main-nav>.nav-link{font-size:20px;white-space:normal;font-weight:400}
 html:root .cinematic-home .hero.phase-one-hero{width:calc(100% - 40px);margin-top:calc(92px + env(safe-area-inset-top));min-height:510px;max-height:630px}
 html:root .cinematic-home .section{padding-left:32px;padding-right:32px}
 html:root .cinematic-home .trust-strip{margin-left:32px;margin-right:32px;gap:30px}
 html:root .cinematic-home .secondary-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root .cinematic-home .service-tile-copy,html:root .cinematic-home .category-cards .visual-service:first-child .service-tile-copy{padding:20px}
 html:root .cinematic-home .service-tile-copy h3,html:root .cinematic-home .category-cards .visual-service:first-child h3{font-size:18px}
 html:root .cinematic-home .price-start{padding:22px 16px;gap:10px}
 html:root .cinematic-home .price-start-value{font-size:19px}
 html:root .cinematic-home .how .steps{gap:25px}
 html:root .cinematic-home .faq,html:root .cinematic-home .enquiry{grid-template-columns:1fr 1.3fr;gap:40px}
 html:root .cinematic-home .car-care-disclosure .package{padding:19px}
}
@media(max-width:799px){
 html:root .cinematic-home .category-cards.featured-categories{grid-template-columns:1fr}
 html:root .cinematic-home .featured-categories .service-visual-link{display:grid;grid-template-columns:40% 60%}
 html:root .cinematic-home .featured-categories .service-visual{height:100%;aspect-ratio:auto;min-height:210px;max-height:none}
 html:root .cinematic-home .featured-categories .service-tile-copy{padding:23px}
 html:root .cinematic-home .offer-grid{grid-template-columns:1fr}
 html:root .cinematic-home .car-care-disclosure .packages{grid-template-columns:1fr}
 html:root .cinematic-home .car-care-disclosure .package{padding:25px}
 html:root .cinematic-home .car-care-disclosure .package h3{font-size:24px}
 html:root .cinematic-home .car-care-disclosure .package li{font-size:13px}
 html:root .cinematic-home .faq,html:root .cinematic-home .enquiry{grid-template-columns:1fr;gap:30px}
 html:root .cinematic-home .faq h2{max-width:400px}
}
@media(max-width:699px){
 html:root header,html:root .cinematic-home>header,html.is-scrolled .cinematic-home>header{height:calc(68px + env(safe-area-inset-top));padding-left:20px;padding-right:16px;gap:8px}
 html:root header>.logo{font-size:24px}
 html:root .cinematic-home .hero.phase-one-hero{width:calc(100% - 24px);margin-top:calc(80px + env(safe-area-inset-top));height:auto;min-height:560px;max-height:none;border-radius:6px}
 html:root .cinematic-home .phase-one-hero .hero-copy{min-height:560px;padding:42px 26px;max-width:none}
 html:root .cinematic-home .phase-one-hero .hero-title{font-size:59px;line-height:1.04;letter-spacing:-2.8px;margin-bottom:25px}
 html:root .cinematic-home .phase-one-hero .hero-title em{letter-spacing:-2.6px}
 html:root .cinematic-home .phase-one-hero .hero-service-title{font-size:15px;max-width:300px}
 html:root .cinematic-home .phase-one-hero .hero-copy>p{font-size:13px;max-width:260px;margin-bottom:23px}
 html:root .cinematic-home .phase-one-hero .hero-shade{background:linear-gradient(90deg,#122d2bd9,#122d2b60),linear-gradient(0deg,#122d2b44,transparent)}
 html:root .cinematic-home .phase-one-hero .hero-img{object-position:61% center}
 html:root .cinematic-home .hero-actions{gap:9px 17px}
 html:root .cinematic-home .hero-actions .button{padding:13px 17px}
 html:root .cinematic-home .hero-secondary{font-size:11px}
 html:root .cinematic-home .trust-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 20px;margin:0 22px;padding:20px 0;font-size:10px}
 html:root .cinematic-home .trust-strip>span{gap:7px}
 html:root .cinematic-home .section{padding:48px 22px}
 html:root .cinematic-home .section-top{display:block;margin-bottom:25px}
 html:root .cinematic-home .section h2{font-size:29px;letter-spacing:-.9px;max-width:350px}
 html:root .cinematic-home .section-top>p{max-width:330px;margin-top:15px;font-size:13px}
 html:root .cinematic-home .category-cards{gap:18px}
 html:root .cinematic-home .featured-categories .service-visual-link{display:flex}
 html:root .cinematic-home .featured-categories .service-visual{aspect-ratio:1.8;height:auto;min-height:0}
 html:root .cinematic-home .service-tile-copy,html:root .cinematic-home .category-cards .visual-service:first-child .service-tile-copy{padding:22px}
 html:root .cinematic-home .service-tile-copy h3,html:root .cinematic-home .category-cards .visual-service:first-child h3{font-size:21px}
 html:root .cinematic-home .service-tile-copy>p,html:root .cinematic-home .category-cards .visual-service:first-child .service-tile-copy>p{font-size:13px;margin-bottom:19px;line-height:1.8}
 html:root .cinematic-home .tile-bottom .category-price{font-size:18px}
 html:root .cinematic-home .secondary-categories{grid-template-columns:1fr;padding-bottom:22px}
 .more-categories>summary,.car-care-disclosure>summary{padding:20px 0}
 .more-categories summary strong,.car-care-disclosure summary strong{font-size:14px}
 .more-categories summary small,.car-care-disclosure summary small{font-size:11px;max-width:255px}
 html:root .cinematic-home .how>div:first-child{margin-bottom:28px}
 html:root .cinematic-home .how .steps{grid-template-columns:1fr;gap:0}
 html:root .cinematic-home .how .steps article{display:grid;grid-template-columns:24px 1fr;gap:13px;border-top:1px solid #d5dfc9;padding:21px 0}
 html:root .cinematic-home .how .steps article>span{margin:0;line-height:2}
 html:root .cinematic-home .how .steps h3{font-size:15px}
 html:root .cinematic-home .how .steps p{font-size:13px}
 html:root .cinematic-home .price-preview{grid-template-columns:1fr}
 html:root .cinematic-home .price-start,html:root .cinematic-home .price-start:first-child,html:root .cinematic-home .price-start:last-child{padding:20px 0;gap:13px}
 html:root .cinematic-home .price-start-name{font-size:13px}
 html:root .cinematic-home .price-start-value{font-size:22px}
 html:root .cinematic-home .offer-card{grid-template-columns:72px 1fr;gap:16px}
 html:root .cinematic-home .offer-image{width:72px;height:80px}
 html:root .cinematic-home .offer-copy h3{font-size:14px}
 html:root .cinematic-home .offer-note{font-size:12px}
 html:root .cinematic-home .offer-ask{font-size:12px}
 html:root .cinematic-home .visual-island h2{font-size:29px}
 html:root .cinematic-home .visual-island .island-title>p{font-size:13px}
 html:root .cinematic-home .visual-island .places{font-size:11px}
 html:root .cinematic-home .faq summary{font-size:14px;padding:19px 0}
 html:root .cinematic-home .faq details p{font-size:13px}
 html:root .cinematic-home .enquiry form{padding:23px 19px}
 html:root .cinematic-home .enquiry input,html:root .cinematic-home .enquiry select,html:root .cinematic-home .enquiry textarea{font-size:16px;min-height:48px}
 html:root .cinematic-home .enquiry .form-row{grid-template-columns:1fr}
 html:root .cinematic-home footer{padding:30px 22px}
 html:root .chat-float{right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));padding:12px 15px}
}
@media(prefers-reduced-motion:reduce){html:root .cinematic-home .service-visual{transition:none}}

/* A compact, image-led service menu with the full range available on demand. */
html:root .cinematic-home .more-categories{margin-top:30px;border-top:1px solid #c9d5bc;border-bottom:1px solid #c9d5bc;}
html:root .cinematic-home .more-categories>summary{padding:24px 0;transition:color .2s}
html:root .cinematic-home .more-categories>summary:hover{color:#53763f}
html:root .cinematic-home .more-categories>summary strong{display:flex;gap:11px;align-items:center;font-size:15px;font-weight:500}
.service-count{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:23px;padding:0 7px;border:1px solid #c4d3b7;border-radius:14px;font-size:10px;font-weight:500;line-height:1;color:#49613b;background:#eef3e6}
.service-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;padding-bottom:7px}
.service-menu-item{display:grid;grid-template-columns:80px 1fr 24px;gap:18px;align-items:center;min-width:0;padding:23px 0;border-top:1px solid #e0e6d7;text-decoration:none;transition:background .2s}
.service-menu-item:hover{background:#f0f4e9}
.service-menu-image{display:block;width:80px;height:94px;object-fit:cover;border-radius:4px}
.service-menu-copy{display:block;min-width:0}
.service-menu-copy>strong{display:block;font-size:14px;font-weight:500;letter-spacing:-.2px;line-height:1.5;margin:0 0 6px}
.service-menu-copy>span{display:block;font-size:12px;line-height:1.75;color:#68775e;margin:0 0 8px;max-width:330px}
.service-menu-copy>small{display:block;font-size:12px;line-height:1.65;color:#37502d}
.service-menu-arrow{display:grid;place-items:center;width:25px;height:25px;color:#496b38;font-size:17px;transition:transform .2s}
.service-menu-item:hover .service-menu-arrow{transform:translate(2px,-2px)}
.service-menu-help{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0 25px;font-size:13px;line-height:1.8;border-top:1px solid #dce4d1;color:#4a6539;min-height:60px}
.service-menu-help>span{font-size:20px;flex:none}
html:root .cinematic-home .featured-categories .visual-service{transition:box-shadow .25s,border-color .25s}
html:root .cinematic-home .featured-categories .visual-service:hover{box-shadow:0 10px 30px #294b3a0b;border-color:#b8c9aa}
html:root .cinematic-home .service-tile-copy{gap:0}
html:root .cinematic-home .section-top h2{max-width:620px;text-wrap:balance}
html:root .cinematic-home .how h2{max-width:620px;text-wrap:balance}
html:root .cinematic-home .how .steps h3{letter-spacing:-.35px;font-size:18px;font-weight:400}
html:root .cinematic-home .how .steps article>span{border-top:1px solid #cad7bc;padding-top:17px;margin-bottom:18px}
html:root .cinematic-home .trust-strip{gap:70px}
html:root .cinematic-home .section-top>p{max-width:290px;line-height:1.9}
@media(max-width:1100px){
 .service-menu-grid{column-gap:26px}
 .service-menu-item{grid-template-columns:68px 1fr 20px;gap:14px;padding:21px 0}
 .service-menu-image{width:68px;height:88px}
 .service-menu-copy>strong{font-size:13px}
 .service-menu-copy>span{font-size:12px}
}
@media(max-width:799px){
 .service-menu-grid{grid-template-columns:1fr}
 .service-menu-item{grid-template-columns:76px 1fr 24px;gap:19px;padding:22px 0}
 .service-menu-image{width:76px;height:90px}
 .service-menu-copy>strong{font-size:15px}
 .service-menu-copy>span{max-width:none;font-size:13px;line-height:1.8}
 .service-menu-copy>small{font-size:12px}
}
@media(max-width:699px){
 html:root .cinematic-home .more-categories>summary{padding:22px 0}
 html:root .cinematic-home .more-categories>summary strong{font-size:14px;gap:8px}
 .service-count{min-width:25px;height:21px;font-size:10px}
 .service-menu-item{grid-template-columns:65px 1fr 18px;gap:14px;padding:21px 0;align-items:start}
 .service-menu-image{width:65px;height:84px}
 .service-menu-copy>strong{font-size:14px}
 .service-menu-copy>span{font-size:12px;line-height:1.85;margin-bottom:7px}
 .service-menu-copy>small{font-size:12px}
 .service-menu-arrow{width:18px;height:24px;font-size:16px}
 .service-menu-help{font-size:12px;padding:21px 0;line-height:1.85}
 html:root .cinematic-home .how .steps article>span{border:0;margin:0;padding:0}
 html:root .cinematic-home .how .steps h3{font-size:17px}
 html:root .cinematic-home .trust-strip{gap:3px 25px}
}
@media(prefers-reduced-motion:reduce){.service-menu-item,.service-menu-arrow,html:root .cinematic-home .featured-categories .visual-service,html:root .cinematic-home .more-categories>summary{transition:none}}

/* Footer deliberately contains only the requested copyright line. */
html:root footer.site-footer,html:root .cinematic-home footer.site-footer{display:block;padding:26px 24px;text-align:center;background:#fbfaf7;border-top:1px solid #dce2d5;min-height:0}
html:root footer.site-footer>p{margin:0;font-size:11px;font-weight:400;line-height:1.8;color:#68745f}
@media(max-width:699px){html:root footer.site-footer,html:root .cinematic-home footer.site-footer{padding:25px 22px calc(82px + env(safe-area-inset-bottom))}}

/* The requested brand green frames every page; navigation stays high contrast. */
html:root body>header,html:root .cinematic-home>header,html.is-scrolled .cinematic-home>header,html:root header.menu-open{background:#D6F56B;color:#172d34;border-bottom-color:#b9d55a;backdrop-filter:none}
html:root footer.site-footer,html:root .cinematic-home footer.site-footer{background:#D6F56B;border-top-color:#b9d55a}
html:root footer.site-footer>p{color:#294b30}
html:root body>header>.button.small{background:#172d34;color:#D6F56B}
html:root body>header>.button.small:hover{background:#294b3a}
html:root body>header>.menu-toggle{border-color:#839b48;color:#172d34}

/* Feather the brand colour into the page without fading navigation or text. */
html:root body>header,html:root .cinematic-home>header,html.is-scrolled .cinematic-home>header{background:linear-gradient(180deg,#D6F56B 0%,#D6F56B 75%,#D6F56BF0 100%);border-bottom:0;box-shadow:none}
html:root body>header::after{content:'';position:absolute;top:100%;left:0;right:0;height:26px;background:linear-gradient(180deg,#D6F56BF0 0%,#D6F56B70 45%,#D6F56B00 100%);pointer-events:none}
html:root header.menu-open{background:#D6F56B}
html:root header.menu-open::after{display:none}
html:root footer.site-footer,html:root .cinematic-home footer.site-footer{background:linear-gradient(180deg,#fbfaf7 0%,#edf5ca 38%,#D6F56B 100%);border-top:0;padding-top:58px}
html:root footer.site-footer>p{color:#294b30}
@media(max-width:699px){html:root body>header::after{height:20px}html:root footer.site-footer,html:root .cinematic-home footer.site-footer{padding-top:45px}}
.service-guide{max-width:1120px;margin:0 auto 30px;padding:22px 26px;border:1px solid #dce2d5;border-radius:6px;background:#f0f4e9}
.service-guide>span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#607457;margin-bottom:8px}
.service-guide>a{display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:1.7;color:#294b3a;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1200px){.service-guide{margin-left:5%;margin-right:5%}}

/* Share rows across desktop cards so descriptions, prices and actions align. */
@supports(grid-template-rows:subgrid){
 @media(min-width:1024px){
  html:root .cinematic-home .car-care-disclosure .packages{grid-template-rows:repeat(8,auto);row-gap:0;column-gap:20px;align-items:stretch}
  html:root .cinematic-home .car-care-disclosure .package{display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0;align-content:normal}
 }
}
@media(min-width:1024px){
 @supports not (grid-template-rows:subgrid){
  html:root .cinematic-home .car-care-disclosure .package h3{min-height:2.5em}
  html:root .cinematic-home .car-care-disclosure .package-desc{min-height:5.1em}
 }
}
/* A stacked card reads better than three cramped columns in an embedded view. */
@media(max-width:1023px){
 html:root .cinematic-home .car-care-disclosure .packages{grid-template-columns:minmax(0,1fr);gap:20px}
 html:root .cinematic-home .car-care-disclosure .package{display:flex;flex-direction:column;grid-row:auto;padding:24px}
 html:root .cinematic-home .car-care-disclosure .package .button{margin-top:6px}
}
@media(max-width:480px){
 html:root .cinematic-home .car-care-disclosure .package{padding:20px}
}

/* Footer contrast on the lime background. */
html:root footer.site-footer,
html:root footer.site-footer a,
html:root footer.site-footer p,
html:root footer.site-footer span{color:#000!important}
