/* Abdul Salam Cars — refined visual system. Loaded last on every page.
   Legacy --red aliases are retained for compatibility with existing components. */
:root {
 --navy:#263d56; --navy-900:#17283b; --navy-950:#101d2b;
 --accent:#254d70; --accent-hover:#183b59; --red:var(--accent); --red-600:var(--accent-hover);
 --soft:#f5f7fa; --ink:#182b3d; --muted:#617080; --line:#e1e7ed;
 --radius:10px; --radius-lg:16px; --shadow:0 6px 22px rgba(16,29,43,.05);
 --shadow-lg:0 14px 40px rgba(16,29,43,.08);
}
html {scroll-padding-top:100px;}
.btn {transition:background-color .18s,border-color .18s,color .18s;}
.btn:active {transform:none;}
.btn--outline {border-color:#c5d0da; color:var(--navy-900);background:transparent;}
.btn--outline:hover {border-color:var(--accent);background:#edf3f8;color:var(--accent);}
.topbar {background:#0b1622;color:#ccd5df;}
.topbar__item svg {color:#a9c1d7;}
.header, .header.is-solid, .page-car .header, .page .header {z-index:2100;background:var(--navy-950);box-shadow:0 1px 0 rgba(255,255,255,.08);backdrop-filter:none;}
.header__inner {gap:20px;}
.header__logo {flex-shrink:0;}
.header__actions>.btn {background:#e9eff5;color:#17283b;}
.header__actions>.btn:hover {background:white;}
.nav__list a {padding-inline:10px;}
.nav__list a[aria-current="page"]::after {background:#afc9df;}
.hero--refined {
 height:auto;min-height:0;max-height:none;margin-top:0;background:#f7f9fb;color:var(--ink);
 display:block;overflow:visible;padding:54px 0 42px;
}
.hero__layout {display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;}
.hero__copy {min-width:0;padding-block:12px;}
.hero--refined .hero__eyebrow {color:var(--muted);font-size:14px;letter-spacing:0;display:flex;gap:10px;align-items:center;}
.hero--refined .hero__eyebrow::before {content:"";width:20px;height:2px;margin:0;background:#9b8661;}
.hero--refined .hero__eyebrow::after {display:none;}
.hero--refined .hero__title {font-size:clamp(32px,3.4vw,50px);line-height:1.5;margin-top:12px;letter-spacing:0;text-shadow:none;}
.hero__title>span {color:var(--accent);}
.hero__description {max-width:490px;font-size:17px;line-height:1.95;color:var(--muted);margin-top:14px;}
.hero--refined .hero__ctas {justify-content:flex-start;gap:12px;margin-top:24px;}
.hero--refined .hero__ctas .btn {min-width:0;min-height:50px;font-size:15px;padding-inline:20px;}
.hero__benefits {display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px;color:#586b7c;font-size:13px;}
.hero__benefits li {display:flex;align-items:center;gap:7px;}
.hero__benefits li>span {display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e7eef3;color:var(--accent);font-weight:700;}
.hero__visual {position:relative;margin:0;align-self:stretch;min-height:320px;border-radius:20px;overflow:hidden;background:var(--navy-900);}
.hero__visual>img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:66% center;}
.hero__visual::after {content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,19,31,.85));pointer-events:none;}
.hero__visual figcaption {position:absolute;inset-inline:24px;bottom:22px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;}
.hero__visual figcaption>span {font-size:17px;font-weight:600;}
.hero__visual figcaption a {font-size:12px;white-space:nowrap;border-bottom:1px solid #c2ccd5;padding-bottom:3px;}
.search-wrap {margin-top:0;padding:0 0 28px;background:#f7f9fb;}
.search {border:1px solid var(--line);padding:22px 24px;box-shadow:var(--shadow);}
.search__head {margin-bottom:18px;}
.search__title {font-size:20px;}
.search__fields {grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;}
.field {min-width:0;}
.field select {background-color:#fff;min-height:48px;border-color:#dce3e9;font-size:14px;}
.search__submit {min-height:48px;min-width:130px;}
.section {padding-block:76px;}
.section--brands {padding-top:48px;padding-bottom:56px;}
.section--types {padding-top:0;padding-bottom:56px;}
.section--offers {padding-top:18px;}
.section__head {margin-bottom:26px;}
.section__title {font-size:clamp(25px,2.3vw,34px);line-height:1.5;}
.eyebrow {color:var(--muted);font-size:13px;}
.eyebrow--light {color:#b6cbe0;}
.brands a {height:114px;border-radius:12px;transition:border-color .18s,background-color .18s;}
.brands a:hover {transform:none;box-shadow:none;border-color:#8fa8bf;background:#f7f9fc;}
.brands a::after {display:none;}
.brands img {height:40px;}
.brands__count {color:var(--muted);}
.budget a {border-radius:8px;}
.type a:hover img,.type:hover img {transform:none;}
.type__go {background:rgba(255,255,255,.15);}
.show {background:var(--soft);}
.cars {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.listing .cars {grid-template-columns:repeat(2,minmax(0,1fr));}
.car {isolation:isolate;aspect-ratio:auto;padding:0;justify-content:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:none;cursor:pointer;}
.car::before {display:none;}
.car__media {position:relative;inset:auto;z-index:auto;aspect-ratio:4/3;flex:none;order:-1;border-bottom:1px solid var(--line);background:#edf1f4;transition:none;}
.car__img {object-fit:cover;}
.car:hover .car__media {transform:none;}
.car:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
.car__sheen {display:none;}
.car__top {padding:18px 18px 0;flex-direction:column;gap:12px;align-items:stretch;}
.car__title {font-size:18px;line-height:1.6;font-weight:600;}
.car__title a:hover {color:var(--accent);}
.car__meta {font-size:12px;line-height:1.8;color:var(--muted);}
.car__badges {flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;}
.badge {background:#f0f4f7;color:#586b7c;border-radius:5px;font-size:11px;padding:3px 8px;backdrop-filter:none;}
.badge--red {background:#e8f0f6;color:var(--accent);}
.car__bottom {padding:16px 18px 18px;margin-top:auto;flex-direction:column;align-items:stretch;gap:16px;}
.car__price-label {color:var(--muted);font-size:12px;}
.car__price-value {display:block;color:var(--navy-900);font-size:22px;line-height:1.7;}
.car__monthly {display:block;color:var(--muted);font-size:12px;}
.car__actions {gap:8px;}
.car__actions .btn {flex:1;min-width:0;min-height:42px;padding-inline:10px;font-size:13px;}
.car__actions .btn--light {background:var(--accent);color:white;min-width:0;}
.car__actions .btn--glass {background:#fff;border-color:#c5d0da;color:var(--navy-900);backdrop-filter:none;}
.car--more {justify-content:center;align-items:center;min-height:390px;padding:28px;background:var(--navy-950);color:#fff;}
.car--more:hover .btn {transform:none;}
.why {padding-block:80px;}
.why__inner {gap:48px;}
.plan--featured .plan__day {background:rgba(180,204,225,.12);color:#c7d9eb;}
.btile a:hover {transform:none;box-shadow:var(--shadow);}
.trim.is-current {background:#f1f6fa;}
.form-error,.req__error {color:#b42318;}
.phead {background:var(--soft);}
.serv-card,.offer,.plan,.req-card,.form-card,.map-card {box-shadow:none;}
.post__link:hover .post__media img {transform:none;}
.link-more:hover::after {transform:none;}
.footer {border-top:1px solid rgba(255,255,255,.08);}
@media (max-width:1100px) {
 .hero__layout {gap:30px;}
 .hero__visual {min-height:330px;}
 .hero--refined .hero__ctas .btn {font-size:14px;padding-inline:16px;}
 .nav__list a[aria-current="page"]::after {background:var(--accent);}
 .cars {grid-template-columns:repeat(2,minmax(0,1fr));}
 .search__fields {grid-template-columns:repeat(2,minmax(0,1fr));}
 .search__submit {grid-column:1/-1;}
}
@media (max-width:760px) {
 .hero--refined {padding:28px 0 24px;}
 .hero__layout {grid-template-columns:1fr;gap:24px;}
 .hero__copy {padding:0;}
 .hero--refined .hero__title {font-size:36px;line-height:1.5;}
 .hero__description {font-size:15px;line-height:1.9;margin-top:10px;}
 .hero--refined .hero__ctas {margin-top:18px;}
 .hero--refined .hero__ctas .btn {flex:1;min-width:0;padding-inline:12px;font-size:13px;white-space:normal;}
 .hero__benefits {gap:8px 14px;margin-top:18px;font-size:12px;}
 .hero__visual {min-height:0;aspect-ratio:16/9;border-radius:14px;}
 .hero__visual figcaption {inset-inline:16px;bottom:14px;gap:8px;}
 .hero__visual figcaption>span {font-size:14px;}
 .hero__visual figcaption a {font-size:11px;}
 .search-wrap {margin-top:0;padding-bottom:24px;}
 .search {padding:18px 16px;}
 .search__head {flex-wrap:wrap;gap:10px;}
 .search__title {font-size:18px;}
 .search__fields {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .field select {font-size:12px;padding-inline-start:10px;padding-inline-end:28px;}
 .section {padding-block:48px;}
 .section--brands {padding-top:32px;padding-bottom:40px;}
 .section--types {padding-top:0;padding-bottom:40px;}
 .section--offers {padding-top:12px;}
 .section__title {font-size:25px;}
 .brands {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
 .brands a {height:104px;padding:12px 6px;border-radius:10px;}
 .brands img {height:32px;}
 .brands__name {font-size:12px;}
 .brands__count {font-size:10px;}
 .cars,.listing .cars {grid-template-columns:1fr;gap:18px;}
 .car__media {aspect-ratio:16/11;}
 .car__title {font-size:19px;}
 .why {padding-block:56px;}
}
@media (max-width:360px) {
 .hero--refined .hero__title {font-size:31px;}
 .hero__visual figcaption {flex-direction:column;align-items:flex-start;gap:4px;}
 .hero__benefits {gap:8px;font-size:11px;}
 .seg__btn {min-width:72px;padding-inline:12px;}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}*,*::before,*::after {animation:none!important;transition:none!important;}}
/* The active link remains readable in the dark mobile menu. */
@media (max-width:1080px) {.nav__list a[aria-current="page"] {color:#c3d9ec;}}
.page-inner .header {background:var(--navy-950);}

/* V2 — full-width campaign artwork with one discreet CTA. */
.hero-slider {position:relative;isolation:isolate;width:100%;aspect-ratio:1942/809;background:#dce8f0;overflow:hidden;touch-action:pan-y;}
.hero-slider__slides,.hero-slider__slide {position:absolute;inset:0;}
.hero-slider__slide {opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none;}
.hero-slider__slide.is-active {opacity:1;visibility:visible;pointer-events:auto;}
.hero-slider__slide picture,.hero-slider__slide img {display:block;width:100%;height:100%;}
.hero-slider__slide img {object-fit:contain;}
.hero-slider__copy {position:absolute;inset-inline:18%;top:6%;text-align:center;color:#17283b;}
.hero-slider__eyebrow {font-size:clamp(11px,1vw,16px);font-weight:500;line-height:1.5;color:#314b60;margin-bottom:8px;}
.hero-slider__title {font-size:clamp(28px,3vw,56px);line-height:1.4;font-weight:700;letter-spacing:0;}
.hero-slider__title span {color:#254d70;}
.hero-slider__subtitle {font-size:clamp(12px,1.1vw,18px);line-height:1.6;margin-top:8px;color:#314b60;}
.hero-slider__cta {position:absolute;z-index:3;left:50%;bottom:54px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:38px;padding:7px 20px;background:#172e43;color:white;border:1px solid rgba(255,255,255,.15);border-radius:7px;font-size:13px;font-weight:500;box-shadow:0 3px 12px rgba(12,31,48,.12);transition:background-color .2s;}
.hero-slider__cta:hover {background:#254d70;}
.hero-slider__arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(23,46,67,.08);background:rgba(255,255,255,.8);border-radius:50%;color:#254d70;cursor:pointer;transition:background-color .2s;}
.hero-slider__arrow:hover {background:#fff;}
.hero-slider__arrow--prev {right:24px;}
.hero-slider__arrow--next {left:24px;}
.hero-slider__arrow svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.hero-slider__controls {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:6px;}
.hero-slider__dots {display:flex;gap:0;}
.hero-slider__dots button {display:grid;place-items:center;width:28px;height:34px;border:0;background:transparent;cursor:pointer;padding:0;}
.hero-slider__dots span {width:7px;height:7px;border-radius:50%;background:rgba(23,46,67,.3);transition:width .2s,background-color .2s;}
.hero-slider__dots .is-active span {width:20px;border-radius:10px;background:#172e43;}
.hero-slider__pause {display:grid;place-items:center;width:30px;height:30px;padding:7px;border:0;border-radius:50%;background:rgba(255,255,255,.65);color:#172e43;cursor:pointer;}
.hero-slider__pause svg {width:14px;height:14px;}
.hero-slider__play-icon,.hero-slider__pause.is-paused .hero-slider__pause-icon {display:none;}
.hero-slider__pause.is-paused .hero-slider__play-icon {display:block;}
.hero-slider+.search-wrap {padding-top:28px;}
/* V2 — benefits have a white surface and consistent navy icons. */
.why--refined {background:#fff;color:var(--ink);padding-block:72px;}
.why--refined .why__head {text-align:center;margin-bottom:32px;}
.why--refined .why__head .eyebrow {margin-bottom:8px;color:#617080;}
.why--refined .section__title {color:#17283b;}
.why--refined .why__grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:0;}
.why--refined .why__item {padding:26px 22px;border:1px solid #e1e7ed;border-radius:14px;background:#fff;text-align:start;}
.why--refined .why__item svg {display:block;float:none;width:46px;height:46px;padding:11px;margin-bottom:20px;background:#edf3f8;color:#254d70;border-radius:12px;}
.why--refined .why__item h3 {font-size:18px;line-height:1.65;color:#17283b;font-weight:600;}
.why--refined .why__item p {display:block;font-size:14px;line-height:1.9;color:#617080;margin-top:8px;}
.why--refined .stats {grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:24px;padding:24px 0;border:0;background:#f5f7fa;border-radius:14px;text-align:center;}
.why--refined .stats div {gap:8px;padding-inline:12px;}
.why--refined .stats div+div {border-inline-start:1px solid #dce4eb;}
.why--refined .stats dd {font-size:32px;line-height:1.3;color:#254d70;font-weight:600;}
.why--refined .stats dd {text-align:center;}
.why--refined .stats dt {font-size:13px;line-height:1.8;color:#617080;}
@media (max-width:1080px) {
 .why--refined .why__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .hero-slider__copy {top:5%;}
 .hero-slider__title {font-size:clamp(25px,3.2vw,36px);}
 .hero-slider__eyebrow {margin-bottom:3px;}
 .hero-slider__subtitle {margin-top:4px;}
 .hero-slider__cta {bottom:42px;min-height:34px;font-size:12px;}
 .hero-slider__controls {bottom:3px;}
 .hero-slider__arrow {width:36px;height:36px;}
}
@media (max-width:720px) {
 .hero-slider {aspect-ratio:1122/1402;}
 .hero-slider__copy {inset-inline:18px;top:8%;}
 .hero-slider__eyebrow {font-size:12px;margin-bottom:10px;}
 .hero-slider__title {font-size:clamp(28px,7vw,46px);line-height:1.55;}
 .hero-slider__subtitle {font-size:14px;margin-top:10px;}
 .hero-slider__cta {bottom:49px;min-height:36px;padding-inline:20px;font-size:12px;}
 .hero-slider__controls {bottom:7px;}
 .hero-slider__arrow {width:34px;height:34px;}
 .hero-slider__arrow--prev {right:10px;}
 .hero-slider__arrow--next {left:10px;}
 .hero-slider__arrow svg {width:16px;height:16px;}
 .hero-slider+.search-wrap {padding-top:18px;}
 .why--refined {padding-block:48px;}
 .why--refined .why__head {margin-bottom:24px;}
 .why--refined .why__grid {gap:12px;}
 .why--refined .why__item {padding:20px 16px;border-radius:12px;}
 .why--refined .why__item svg {margin-bottom:14px;width:40px;height:40px;padding:9px;}
 .why--refined .why__item h3 {font-size:16px;}
 .why--refined .why__item p {font-size:13px;}
 .why--refined .stats {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:22px 0;}
 .why--refined .stats div:nth-child(3) {border-inline-start:0;}
 .why--refined .stats dd {font-size:28px;}
 .why--refined .stats dt {font-size:12px;}
}
@media (max-width:430px) {.why--refined .why__grid {grid-template-columns:1fr;}.why--refined .why__item {display:grid;grid-template-columns:40px 1fr;gap:0 14px;}.why--refined .why__item svg {grid-row:span 2;margin:0;}.why--refined .why__item p {margin-top:4px;}}
@media (prefers-reduced-motion:reduce) {.hero-slider__slide {transition:none;}}

/* V3: navigation hierarchy, tactile cards and native-form-compatible dropdowns. */
.header__inner {gap:24px;}
.nav {margin-inline-start:0;}
.header__actions {margin-inline-start:auto;flex-shrink:0;}
.nav__list a {font-size:13px;padding-inline:9px;}
.hero-slider__arrow {background:rgba(23,46,67,.86);color:#e0edf6;border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 16px rgba(16,29,43,.12);}
.hero-slider__arrow:hover {background:#254d70;color:white;transform:translateY(-50%) scale(1.06);}
.hero-slider__brand-badge {position:absolute;z-index:3;right:28px;bottom:28px;width:185px;padding:9px 12px;border-radius:9px;background:rgba(16,29,43,.87);border:1px solid rgba(255,255,255,.13);}
.hero-slider__brand-badge img {width:100%;height:auto;}
.hero-slider__slide--delivery .hero-slider__copy,.hero-slider__slide--delivery .hero-slider__eyebrow,.hero-slider__slide--delivery .hero-slider__subtitle {color:#f8fafc;}
.hero-slider__slide--delivery .hero-slider__title span {color:#d3e4ef;}
.hero-slider.is-delivery .hero-slider__dots span {background:rgba(255,255,255,.5);}
.hero-slider.is-delivery .hero-slider__dots .is-active span {background:#fff;}
.hero-slider__slide--brands {background:linear-gradient(125deg,#e9f0f5,#fdfcf9 55%,#f3f6f8);}
.hero-slider__slide--brands::before {content:"";position:absolute;width:60%;height:170%;left:-25%;top:-50%;border:40px solid rgba(37,77,112,.035);border-radius:50%;transform:rotate(-15deg);}
.hero-slider__brand-layout {position:absolute;inset-inline:18%;top:14%;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;}
.hero-slider__brand-copy h2 {font-size:clamp(28px,3.1vw,58px);line-height:1.6;color:#17283b;}
.hero-slider__brand-copy h2 span {color:#254d70;}
.hero-slider__brand-copy>p:last-child {color:#617080;font-size:clamp(12px,1.2vw,18px);margin-top:12px;}
.hero-slider__brand-number {display:flex;flex-direction:column;align-items:center;color:#254d70;}
.hero-slider__brand-number strong {font-family:system-ui,sans-serif;font-size:clamp(100px,12vw,210px);line-height:1;font-weight:750;letter-spacing:-.06em;}
.hero-slider__brand-number span {font-size:clamp(12px,1.3vw,20px);margin-top:12px;}
.hero-slider__brand-logos {position:absolute;inset-inline:22%;bottom:21%;display:flex;align-items:center;justify-content:center;gap:34px;}
.hero-slider__brand-logos img {width:clamp(36px,5vw,86px);height:44px;object-fit:contain;opacity:.8;}
.brands--rail {display:grid;grid-auto-flow:column;grid-auto-columns:145px;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 14px;}
.brands--rail::-webkit-scrollbar {display:none;}
.brands--rail li {scroll-snap-align:start;}
.brands--rail a {height:128px;background:#f7f9fb;border-color:transparent;}
.brands--rail a:hover {background:#fff;border-color:#a3bbd0;box-shadow:0 8px 24px rgba(24,59,89,.09);transform:translateY(-4px);}
.brands--rail img {height:42px;filter:grayscale(1);transition:filter .25s,transform .3s;}
.brands--rail a:hover img {filter:grayscale(0);transform:scale(1.08);}
.brands__nav {display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px;}
.brands__nav span {font-size:12px;color:#617080;}
.brands__nav button {width:36px;height:36px;border:1px solid #dce5ed;background:#fff;color:#254d70;border-radius:50%;font-size:18px;cursor:pointer;transition:background .2s,color .2s;}
.brands__nav button:hover {background:#254d70;color:#fff;}
.brands__nav button:disabled {opacity:.3;cursor:default;}
.custom-select {position:relative;width:100%;min-width:0;}
.custom-select .custom-select__native {position:absolute!important;inset:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0;pointer-events:none;overflow:hidden;}
.custom-select__trigger {width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;text-align:start;border:1px solid #dce3e9;border-radius:10px;background:#fff;padding:10px 14px;color:#243f58;font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;}
.custom-select__trigger>span:first-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.custom-select__trigger:hover {border-color:#91adc5;background:#fbfcfe;}
.custom-select.is-open .custom-select__trigger {border-color:#254d70;box-shadow:0 0 0 3px rgba(37,77,112,.09);}
.custom-select__trigger[aria-invalid="true"] {border-color:#b42318;}
.custom-select__trigger:disabled {opacity:.55;cursor:not-allowed;}
.custom-select__chevron {width:8px;height:8px;border:solid #617080;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);flex:none;margin:0 2px 5px;transition:transform .2s;}
.custom-select.is-open .custom-select__chevron {transform:rotate(225deg);margin-bottom:0;}
.custom-select__panel {
  position: fixed;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dde6ee;
  border-radius: 12px;
  box-shadow: 0 16px 42px rgba(16,29,43,.16);
  padding: 6px;
  animation: dropdown-in .16s ease-out;
  max-width: min(92vw, 360px);
}
.custom-select__panel[hidden],.custom-select__search[hidden],.custom-select__empty[hidden] {display:none;}
.custom-select__search {flex:none;width:100%;min-height:40px;padding:8px 12px;margin-bottom:5px;border:1px solid #e1e7ed;border-radius:8px;background:#f5f7fa;font-size:13px;}
.custom-select__search:focus {outline:2px solid #aac4d9;outline-offset:-2px;}
.custom-select__list {overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdccd9 transparent;}
.custom-select__option {display:block;position:relative;width:100%;min-height:40px;padding:9px 12px 9px 32px;border:0;border-radius:7px;background:transparent;color:#344d62;text-align:start;font-size:13px;cursor:pointer;}
.custom-select__option:hover,.custom-select__option:focus-visible {background:#f0f5f9;outline:none;}
.custom-select__option[aria-selected="true"] {background:#e8f0f7;color:#183b59;font-weight:600;}
.custom-select__option[aria-selected="true"]::after {content:"✓";position:absolute;left:12px;color:#254d70;}
.custom-select__option:disabled {opacity:.4;cursor:not-allowed;}
.custom-select__empty {padding:20px;text-align:center;font-size:13px;color:#617080;}
@keyframes dropdown-in {from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
/* Editorial cards: uniform image ratios, distinct metadata, and readable copy. */
.guide__grid {grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:22px;}
.guide .post {grid-column:auto;grid-row:auto;min-width:0;}
.guide .post__link,.guide .post:not(.post--main) .post__link {flex-direction:column;border-radius:15px;box-shadow:none;}
.guide .post__media,.guide .post:not(.post--main) .post__media {flex:none;aspect-ratio:16/10;width:100%;min-height:0;}
.guide .post__body {padding:22px;gap:12px;flex:1;justify-content:flex-start;}
.guide .post__title {font-size:18px;line-height:1.7;}
.guide .post__excerpt {font-size:13px;line-height:1.9;}
.post__read {display:flex;justify-content:space-between;align-items:center;color:#254d70;font-weight:600;font-size:13px;border-top:1px solid #edf1f5;padding-top:14px;margin-top:auto;}
.post__read>span {font-size:20px;transition:transform .25s;}
.post__link:hover .post__read>span {transform:translateX(-5px);}
.aftercare__head {display:grid;gap:8px;text-align:start;margin-bottom:28px;}
.aftercare__head .section__lead {max-width:680px;font-size:16px;margin-top:0;line-height:1.9;}
.aftercare__head .eyebrow {margin-bottom:0;}
.aftercare .serv-gallery {max-width:none;gap:24px;}
.aftercare .serv-card {aspect-ratio:auto;background:#fff;border:1px solid #e1e7ed;color:#17283b;}
.aftercare .serv-card::before {display:none;}
.aftercare .serv-card picture {display:block;aspect-ratio:16/8;overflow:hidden;}
.aftercare .serv-card img {position:static;inset:auto;z-index:auto;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.aftercare .serv-card figcaption {position:static;inset:auto;padding:24px;gap:8px;}
.aftercare .serv-card strong {font-size:22px;color:#17283b;line-height:1.5;}
.aftercare .serv-card span {font-size:14px;color:#617080;line-height:1.8;}
.aftercare .serv-card .serv-card__label {font-size:12px;font-weight:500;color:#254d70;}
.serv-card__link {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;padding-top:14px;margin-top:8px;font-size:13px;font-weight:600;color:#254d70;}
.serv-card__link span {font-size:20px!important;color:#254d70!important;}
.aftercare .perks {margin-top:24px;padding:18px 20px;border:1px solid #e1e7ed;border-radius:12px;background:#fff;gap:14px 30px;}
.aftercare .center {margin-top:26px;}
.aftercare .center .btn {font-size:15px;min-height:48px;}
/* Review typography and clear author hierarchy; existing review content is preserved. */
.reviews {background:#f7f9fc;}
.reviews .review {position:relative;padding:28px;border-radius:15px;gap:15px;box-shadow:0 5px 20px rgba(24,59,89,.035);}
.review__kicker {font-size:12px;color:#7c8995;letter-spacing:0;}
.review__stars {gap:4px;}
.review__stars i {width:15px;height:15px;background:#b59357;}
.review__text {font-size:16px;line-height:1.95;}
.review__text::before {content:"“";position:absolute;top:25px;left:24px;font-family:Georgia,serif;font-size:54px;color:#d2dfe9;height:auto;}
.review__who {padding-top:16px;gap:10px;}
.review__avatar {background:#e8eff5;color:#254d70;width:42px;height:42px;}
.review__who strong {font-size:14px;}
.review__who small {font-size:12px;margin-top:5px;}
.reviews__nav {justify-content:flex-end;margin-top:22px;}
.reviews__btn {width:40px;height:40px;}
/* Hover is shared across pages; animation respects reduced-motion settings. */
.car,.why__item,.serv-card,.plan,.req-card,.btile a,.review,.post__link {transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.btn {transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;}
.btn:hover {box-shadow:0 5px 14px rgba(24,59,89,.12);transform:translateY(-2px);}
.btn:active {transform:translateY(0);}
@media (hover:hover) {
 .car:hover,.why--refined .why__item:hover,.serv-card:hover,.plan:hover,.req-card:hover,.review:hover,.post__link:hover,.btile a:hover {transform:translateY(-5px);border-color:#b2c7d9;box-shadow:0 12px 30px rgba(24,59,89,.09);}
 .car__img,.post__media img {transition:transform .65s ease;}
 .car:hover .car__img,.guide .post__link:hover .post__media img {transform:scale(1.035);}
 .why--refined .why__item svg {transition:background .25s,color .25s,transform .25s;}
 .why--refined .why__item:hover svg {background:#254d70;color:#fff;transform:translateY(-2px);}
}
.reveal-on-scroll {opacity:0;translate:0 16px;scale:.992;transition:opacity .52s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate .52s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),scale .52s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:opacity,translate;}
.reveal-on-scroll.is-visible {opacity:1;translate:0 0;scale:1;will-change:auto;}
@media (max-width:1080px) {
 .header__inner {gap:16px;}.nav {margin-inline-start:0;}.header__actions {margin-inline-start:auto;}
 .hero-slider__brand-layout {gap:20px;inset-inline:16%;top:13%;}
 .hero-slider__brand-copy h2 {font-size:clamp(22px,3vw,36px);}
 .hero-slider__brand-badge {width:140px;right:20px;bottom:20px;padding:7px 10px;}
 .hero-slider__brand-logos {gap:22px;bottom:23%;}.hero-slider__brand-logos img {height:30px;}
 .guide__grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
 .guide .post__body {padding:18px;}.guide .post__title {font-size:16px;}
}
@media (max-width:720px) {
 .hero-slider__brand-badge {width:140px;right:16px;top:16px;bottom:auto;}
 .hero-slider__copy {top:17%;}
 .hero-slider__eyebrow {font-size:11px;margin-bottom:7px;}
 .hero-slider__title {font-size:clamp(26px,6.5vw,42px);}
 .hero-slider__subtitle {font-size:12px;margin-top:7px;}
 .hero-slider__brand-layout {inset-inline:22px;top:22%;grid-template-columns:1fr;gap:16px;text-align:center;}
 .hero-slider__brand-copy h2 {font-size:clamp(24px,6.4vw,36px);line-height:1.5;}
 .hero-slider__brand-copy>p:last-child {font-size:12px;margin-top:8px;}
 .hero-slider__brand-number strong {font-size:clamp(90px,25vw,150px);}
 .hero-slider__brand-number span {font-size:12px;margin-top:2px;}
 .hero-slider__brand-logos {inset-inline:18px;bottom:19%;gap:12px;}.hero-slider__brand-logos img {width:32px;height:24px;}
 .brands--rail {grid-auto-columns:115px;grid-template-columns:none;gap:10px;}
 .brands--rail a {height:116px;}.brands--rail img {height:34px;}
 .custom-select__trigger {font-size:13px;padding-inline:11px;}
 .guide__grid {grid-template-columns:1fr;gap:20px;}.guide .post__title {font-size:18px;}
 .guide .post__body {padding:20px;}.guide .post__media {aspect-ratio:16/9;}
 .aftercare .serv-gallery {grid-template-columns:1fr;gap:20px;}
 .aftercare .serv-card picture {aspect-ratio:16/10;}
 .aftercare .serv-card figcaption {padding:20px;}.aftercare .serv-card strong {font-size:20px;}
 .aftercare .perks {padding:18px;font-size:13px;align-items:flex-start;}
 .reviews .review {padding:24px;}.reviews__track {grid-auto-columns:90%;}
}
@media (prefers-reduced-motion:reduce) {.reveal-on-scroll {opacity:1;translate:none;scale:1;}.btn:hover,.car:hover,.review:hover,.post__link:hover,.serv-card:hover {transform:none;}.hero-slider__arrow:hover {transform:translateY(-50%);}}
@media (max-width:360px) {
 .hero-slider__brand-layout {top:19%;gap:8px;}
 .hero-slider__brand-number strong {font-size:72px;}
 .hero-slider__brand-number span {font-size:11px;}
 .hero-slider__brand-logos {bottom:19%;gap:9px;}
 .hero-slider__brand-logos img {width:29px;}
}

/* V4: restrained heading accents and responsive raster brand campaign. */
.heading-accent {color:#254d70;}
.phead__title .heading-accent,.section__title--light .heading-accent {color:#b7d3eb;}
.hero-slider__slide--brands::before {display:none;}
.hero-slider__slide--brands img {object-fit:cover;}
.hero-slider.is-brands .hero-slider__brand-badge {display:none;}
.nav__list a {white-space:nowrap;}
@media (min-width:1081px) and (max-width:1200px) {
 .header__inner {gap:16px;}
 .nav__list a {padding-inline:7px;font-size:12px;}
}