/* Shared selection finish: shallow elevation and immediate press feedback. */
body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]){
  background:linear-gradient(180deg,#fafbfc,#edf1f5);
  border:1px solid #e3e8ee;
  box-shadow:inset 0 1px 0 #fff,0 2px 3px #25364d0a;
  transition:background-color .2s,color .2s,border-color .2s;
  min-width:0;
}
body .dchip.on,body .santa-choice:is([data-drive],[data-seat]).selected{
  background:linear-gradient(180deg,#f0f7ff,#dcecff);
  border-color:#a9cdf8;
  box-shadow:inset 0 1px 0 #ffffffd9,0 2px 4px #3182f612;
}
body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat])[data-action-pressed="true"]{
  box-shadow:inset 0 2px 4px #25364d12;
}
.drives{flex-wrap:wrap}
body .drives .dchip{flex:1 1 110px}
body .seat-choices .seat-choice{flex:1 1 72px}
body .option-photo-grid img{
  height:auto;
  aspect-ratio:auto;
  border-radius:10px;
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none;
  filter:drop-shadow(0 3px 5px #25364d16);
  box-sizing:border-box;
  object-fit:contain;
}
body .option-photo-grid:has(> figure:only-child){grid-template-columns:minmax(0,1fr)}
#savedQuoteList{position:relative;overflow:hidden;isolation:isolate}
.member-pane,.member-pane-old{will-change:transform,opacity;backface-visibility:hidden;background:#fff}
.member-pane-old{position:absolute;inset:0 0 auto;pointer-events:none;z-index:1}
body .saved-quote{position:relative;gap:9px;padding:22px 28px 22px 0;min-height:174px;cursor:pointer}
body .saved-quote.has-vehicle-photo{padding-right:clamp(154px,43%,196px)}
body .saved-quote-car{font-size:17px;line-height:1.45}
body .saved-quote-car small{font-size:12px;line-height:1.55;margin-top:5px}
body .saved-quote-date{font-size:11px;line-height:1.65}
body .saved-quote strong{font-size:18px;line-height:1.5;display:block}
body .saved-quote-photo{right:24px;top:50%;transform:translateY(-50%);width:clamp(130px,37%,168px);height:auto;aspect-ratio:3/2}
.saved-quote-photo svg,.saved-quote-photo img{display:block;width:100%;height:100%;object-fit:contain}
.saved-quote-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:29px;line-height:1;color:#8b95a1;font-weight:400}
@media(max-width:360px){body .saved-quote.has-vehicle-photo{padding-right:138px}body .saved-quote-photo{width:116px;right:20px}body .saved-quote strong{font-size:16px}body .saved-quote-car{font-size:16px}}


.site-brand-lockup{display:block;width:38px;height:38px;object-fit:contain;object-position:left center;flex:none}
@media(max-width:360px){.site-brand-lockup{width:36px;height:36px}}

/* Home review preview: local illustrative copy and existing vehicle assets. */
.home-reviews{margin:30px 0 36px;min-width:0}
.home-reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-reviews-heading h2{margin:0;font-size:20px;font-weight:700;color:#191f28}
.home-review-controls{display:flex;gap:4px}.home-review-controls button{width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f6;color:#6b7684;font-size:24px;cursor:pointer}
.home-reviews-note{margin:6px 0 16px;font-size:11px;color:#8b95a1}
.home-review-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 16px;cursor:grab;-webkit-overflow-scrolling:touch}
.home-review-track::-webkit-scrollbar{display:none}.home-review-track:focus-visible{outline:2px solid #3182f6;outline-offset:3px;border-radius:12px}.home-review-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.home-review-card{flex:0 0 258px;min-width:0;box-sizing:border-box;scroll-snap-align:start;background:#fff;border:1px solid #edf0f3;border-radius:24px;padding:22px 20px;box-shadow:0 5px 14px #17252b06}
.home-review-stars{color:#f8cb43;font-size:20px;letter-spacing:2px;line-height:1;margin-bottom:14px}
.home-review-card h3{font-size:17px;line-height:1.4;margin:0 0 4px;color:#191f28;font-weight:700}
.home-review-person{font-size:12px;color:#6b7684;margin:0 0 16px}
.home-review-photo{height:126px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f8fafc,#edf2f7);border-radius:12px;overflow:hidden}
.home-review-photo img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.home-review-copy{font-size:13px;line-height:1.75;color:#6b7684;margin:16px 0 0;min-height:91px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:360px){.home-review-card{flex-basis:238px}}

.business-footer{margin-top:36px;padding:28px 0 24px;border-top:1px solid #edf0f3;color:#8b95a1;font-size:11px;line-height:1.8}.business-footer>strong{display:block;margin-bottom:12px;font-size:13px;color:#6b7684;font-weight:600}.business-footer dl{margin:0}.business-footer dl>div{display:flex;gap:8px;margin:4px 0}.business-footer dt{flex-shrink:0}.business-footer dd{margin:0;overflow-wrap:anywhere}

@font-face{font-family:"Business Pretendard";src:url("../assets/fonts/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.member-landing:has(.business-footer){padding-bottom:0}
.business-footer{font-family:"Business Pretendard",sans-serif;background:#f5f7f9;color:#79829b;font-size:12px;line-height:1.7;margin:36px calc(-1 * var(--space-4)) 0;padding:40px var(--space-4) calc(96px + env(safe-area-inset-bottom));border:0}
.business-footer>strong{font-family:inherit;font-size:12px;font-weight:700;color:#79829b;margin-bottom:16px}
.business-footer dl>div{margin:0;gap:5px}

@media(min-width:360px){.business-footer{margin-inline:-20px;padding-inline:20px}}

.home-review-photo img{object-fit:cover;object-position:center}

.home-review-stars{color:#353d47;font-size:17px;letter-spacing:2px;margin:8px 0 12px}.home-review-track{margin-top:16px}

.home-review-person{margin:5px 0 0}.home-review-stars{font-size:12px;letter-spacing:1px;margin:7px 0 16px}

/* Large primary action buttons only; other controls keep their native styling. */
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost){background-color:#3182f6!important;background-image:none!important;color:#fff!important;border:none!important}
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost) *{color:inherit!important}
@media(hover:hover){html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost):not(:disabled):not([aria-disabled="true"]):hover{background-color:#2272e8!important}}
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost):not(:disabled):not([aria-disabled="true"]):active,
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost).is-pressed{background-color:#1b64d1!important}
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost):disabled,
html body button.btn:not(.kakao-login):not(#kakaoLogin):not(.ghost)[aria-disabled="true"]{background-color:#ddeafe!important;background-image:none!important;color:#fff!important;opacity:1!important}

.option-check-control input:checked+.option-check-mark{background:#3182f6;border-color:#3182f6}
.option-check-control input:checked+.option-check-mark path{stroke:#fff}
@media(hover:hover){.option-check-control:hover input:checked:not(:disabled)+.option-check-mark{background:#2272e8;border-color:#2272e8}}
.option-check-control input:checked:not(:disabled):active+.option-check-mark{background:#1b64d1;border-color:#1b64d1}
.option-check-control input:checked:disabled+.option-check-mark{background:#ddeafe;border-color:#ddeafe;opacity:1}

html body :is(.cat,.badge,.ui-badge.positive,.monthly-summary-badge,.progress-badge){background:#ddeafe!important;color:#3182f6!important;border:0!important}
html body button.item:is([data-d],[data-g]){background-color:#fff!important;color:#191f28!important}
@media(hover:hover){html body button.item:is([data-d],[data-g]):not(:disabled):hover{background-color:#dcebff!important}}
html body button.item:is([data-d],[data-g]):not(:disabled):active{background-color:#cfe3ff!important;color:#191f28!important}

.home-reviews>.home-review-controls{justify-content:flex-end;margin-top:2px;gap:8px}

/* Navigation and archive entries retain a white surface. */
html body .member-nav button,
html body button:is(.landing-link,.saved-quote,.quote-document-trigger){background-color:#fff!important;background-image:none!important;color:#333d4b!important;border:0!important}
html body .member-nav button[aria-current="page"]{color:#3182f6!important}
@media(hover:hover){html body .member-nav button:hover,html body button:is(.landing-link,.saved-quote,.quote-document-trigger):hover{background-color:#fff!important}}
html body .member-nav button:active,html body button:is(.landing-link,.saved-quote,.quote-document-trigger):active{background-color:#fff!important}

.site-brand-lockup{width:46px;height:38px;filter:drop-shadow(0 1px 1px rgba(11,31,68,.04))}
@media(max-width:360px){.site-brand-lockup{width:44px;height:36px}}

/* Menu and vehicle selection interaction surfaces. */
html body :is(.item[data-m],.item[data-d],.item[data-g]):is(.on,.selected,[aria-pressed="true"]){background-color:#fff!important;background-image:none!important;color:#191f28!important;box-shadow:none!important;border-color:transparent!important}
@media(hover:hover){html body :is(.item[data-m],.item[data-d],.item[data-g],.member-nav button,button.landing-link,button.saved-quote,button.quote-document-trigger):not(:disabled):not([aria-disabled="true"]):hover{background-color:#f6faff!important;background-image:none!important}}
html body :is(.item[data-m],.item[data-d],.item[data-g],.member-nav button,button.landing-link,button.saved-quote,button.quote-document-trigger):not(:disabled):not([aria-disabled="true"]):is(:active,.is-pressed,[data-action-pressed="true"]){background-color:#e2ebf5!important;background-image:none!important}

/* Quote monthly amounts share the brand navy. */
html body .result-list .lender.rev :is(.result-monthly-label,.result-monthly-value,.result-monthly-value small),
html body .monthly-summary-amount,html body .monthly-summary-amount *{color:#0b1f44!important}

/* Completed quote actions meet the bottom navigation without a gap. */
body:has([data-result-phase="complete"]) .cta{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:0}

/* Home symbol sits below the top edge with breathing room. */
body .hd-in:has(>.site-brand-lockup){padding-top:28px;padding-bottom:8px;min-height:74px}

/* Home branding belongs to the page, and flow actions meet the navigation. */
body .main.home-landing{padding-top:28px}
.home-landing>.site-brand-lockup{margin-bottom:24px}
body .cta{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:0}

/* In-place navigation preview; the destination loads beneath it. */
.main.menu-preview-pending{position:relative;min-height:650px}
.menu-preview-pending>:not(.menu-skeleton){visibility:hidden!important}
.menu-skeleton{position:absolute;inset:28px 20px auto;display:flex;flex-direction:column;gap:14px;pointer-events:none}
.skeleton-block{display:block;flex:none;background:#edf0f3;border-radius:8px;width:100%;height:16px}
.skeleton-block.symbol{width:46px;height:38px;margin-bottom:24px}
.skeleton-block.title{width:72%;height:30px}.skeleton-block.short{width:48%}
.skeleton-block.action{height:56px;border-radius:16px;margin:20px 0}
.skeleton-block.row{height:100px;margin-top:14px;border-radius:14px}
.skeleton-cards{display:flex;gap:14px;overflow:hidden;margin-top:20px}
.skeleton-block.card{width:65%;height:240px;border-radius:24px}

/* Shimmer stays inside each skeleton placeholder. */
.menu-skeleton .skeleton-block{position:relative;overflow:hidden}
.menu-skeleton .skeleton-block::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.72) 50%,transparent 80%);transform:translate3d(-100%,0,0);animation:menu-skeleton-shine 1.15s linear infinite;pointer-events:none}
@keyframes menu-skeleton-shine{to{transform:translate3d(100%,0,0)}}

/* Menu and asset previews share the destination's measured layout. */
.main.nav-silhouette-pending{min-height:0}
.nav-silhouette-pending,.nav-silhouette-pending>*{animation:none!important;transform:none!important}
.nav-silhouette-pending .image-load-skeleton{display:none!important}
.nav-silhouette-pending>.nav-silhouette{position:absolute;inset:0;margin:0;padding:0;display:block;overflow:hidden;animation:none!important;transform:none!important}
.nav-silhouette .nav-silhouette-shape{position:absolute;display:block;margin:0;background:#e8ecf0}
.nav-silhouette .nav-silhouette-shape::after{animation:menu-skeleton-shine .85s linear infinite;animation-delay:var(--skeleton-phase,0ms);background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.95) 50%,transparent 85%)}
.nav-silhouette-divider{position:absolute;display:block;background:#e5e8eb}
.nav-silhouette .nav-silhouette-panel{position:absolute;display:block;margin:0}
.nav-silhouette[hidden]{display:none!important}
.silhouette-alpha{mask-image:var(--silhouette-mask);-webkit-mask-image:var(--silhouette-mask);mask-size:var(--silhouette-fit,100% 100%);-webkit-mask-size:var(--silhouette-fit,100% 100%);mask-position:var(--silhouette-position,center);-webkit-mask-position:var(--silhouette-position,center);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}
.silhouette-graphic{background:transparent!important}.silhouette-graphic::after{display:none!important}.silhouette-graphic>svg{display:block;width:100%;height:100%;filter:brightness(0);opacity:.12}
#myMain [data-menu-previewed]{animation:none!important;transform:none!important}
#app:has(.nav-silhouette-pending) .hd{visibility:visible}


/* My archive has no separate top bar; detail pages retain a left back arrow. */
body .main.member-detail-view>h1,body .main.member-detail-view>.member-note,body .main.member-detail-view>#memberLogout{display:none}
.member-detail-view .member-detail-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:#fff;color:#191f28;font-size:32px;margin:0 0 16px;padding:0}
.quote-document-modal header{justify-content:flex-start;gap:12px}
.quote-document-close{display:flex;align-items:center;justify-content:center;padding:0}

.member-detail-view>#memberTabs{display:none}
body .member-detail-view .member-archive{margin-top:0;padding-top:0;border-top:0}

.member-detail-heading{display:flex;align-items:center;gap:8px;margin:0 0 20px}
.member-detail-heading>h2{margin:0;min-width:0}
body .member-detail-heading>.member-detail-back{width:32px;height:40px;flex:0 0 32px;margin:0}

/* A quiet account action at the very bottom of My only. */
body #myMain>.member-logout{display:block;width:auto;min-height:44px;margin:48px auto 0;padding:12px 8px;background:transparent;border:0;box-shadow:none;color:#8b95a1;font-size:11px;font-weight:400;line-height:20px}
body #myMain.member-detail-view>.member-logout{display:none}

/* Image placeholders exist only while their own asset is pending. */
.image-load-pending{visibility:hidden!important}
.option-photo-grid img.image-load-pending{min-height:160px}
.image-load-skeleton{position:absolute;display:block;background:#edf0f3;border-radius:10px;overflow:hidden;pointer-events:none;z-index:2}
.image-load-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.72) 50%,transparent 80%);transform:translate3d(-100%,0,0);animation:menu-skeleton-shine 1.15s linear infinite}


/* Reveal a screen together only after its image requests settle. */
.main.page-assets-pending{position:relative;min-height:650px;pointer-events:none}
.page-assets-pending>:not(.menu-skeleton),.menu-preview-pending>:not(.menu-skeleton){visibility:hidden!important}
.menu-preview-pending>.page-assets-skeleton{display:none}
#app:has(.page-assets-pending) .hd{visibility:hidden}

/* Drive and seat controls never inherit the old green interaction palette. */
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]){background-color:#fff!important;background-image:none!important;color:#333d4b!important;border-color:#e3e8ee!important}
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]):is(.on,.selected,[aria-pressed="true"]){background-color:#e2ebf5!important;color:#0b1f44!important;border-color:#b8d7ff!important}
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]) :is(span,b){color:inherit!important}
@media(hover:hover){html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]):not(:disabled):hover{background-color:#f6faff!important}}
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat]):not(:disabled):is(:active,[data-action-pressed="true"]){background-color:#e2ebf5!important;color:#0b1f44!important;border-color:#b8d7ff!important}

/* Option and condition selection share the vehicle-menu interaction colors. */
html body :is(.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.opt-toggle){background-color:#fff!important;background-image:none!important;color:#333d4b!important}
html body :is(.optrow,.chip,.condition-choice,.prop-item):is(.sel,.on,.selected,[aria-pressed="true"]):not(:disabled){background-color:#e2ebf5!important;border-color:#b8d7ff!important;color:#0b1f44!important}
@media(hover:hover){html body :is(.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.opt-toggle):not(:disabled):hover{background-color:#f6faff!important}}
html body :is(.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.opt-toggle):not(:disabled):is(:active,[data-action-pressed="true"]){background-color:#e2ebf5!important;color:#0b1f44!important}
html body .condition-check{color:#3182f6!important}
html body .prop-item.on .pi-side i{color:#3182f6!important;border-color:#b8d7ff!important;background:#fff!important}
html body :is(.condition-choice,.condition-sheet .chip,.prop-item,.opt-toggle):focus-visible{outline-color:#3182f6!important}

.delivery-guide{margin:32px 0 40px}.delivery-guide>h2{font-size:21px;line-height:1.45;margin:0 0 28px;color:#0b1f44}
.delivery-guide ol{list-style:none;padding:0;margin:0}.delivery-guide li{position:relative;display:flex;gap:16px;padding:0 0 30px}
.delivery-guide li:not(:last-child)::after{content:"";position:absolute;left:15px;top:42px;bottom:10px;width:2px;background:#e2ebf5}
.delivery-guide li>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#e2ebf5;color:#3182f6;font-size:18px;font-weight:700}
.delivery-guide h3{font-size:17px;line-height:1.5;margin:1px 0 7px;color:#0b1f44}.delivery-guide p{font-size:14px;line-height:1.75;margin:0;color:#6b7684}

/* Option labels and disclosure controls share the navy without a white patch. */
html body .optrow .nm,html body .optrow.sel .nm{color:#0b1f44!important;font-weight:700!important}
html body .optrow .pr{color:#0b1f44!important}
html body .optrow .opt-toggle,html body .optrow .opt-toggle:is(:hover,:active,[data-action-pressed="true"]){background:transparent!important;color:#0b1f44!important;font-weight:700!important;box-shadow:none!important}
html body .optrow .opt-toggle::before,html body .optrow .opt-toggle::after{color:#0b1f44!important;font-weight:700!important}

/* Nested grade expanders use the same palette as ordinary grade rows. */
html body .drive-item,html body .drive-item .di-head{background:#fff!important;background-image:none!important;color:#0b1f44!important;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
@media(hover:hover){html body .drive-item .di-head:hover{background:#f6faff!important}}
html body .drive-item .di-head:is(:active,[data-action-pressed="true"]){background:#e2ebf5!important}
html body .drive-item .di-head.on{background:#e2ebf5!important}
html body .drive-item .di-head :is(.n,.v,.di-price){color:#0b1f44!important}
html body .optrow .opt-toggle,html body .optrow .opt-toggle:is(:hover,:active,[data-action-pressed="true"]){background-color:transparent!important;background-image:none!important;border-color:transparent!important;filter:none!important}
html body .optrow .opt-toggle span:not(.sportage-toggle-label){background:#0b1f44!important}
html body .optrow .opt-toggle .sportage-toggle-label{background:transparent!important;color:#0b1f44!important}
html body .optrow .opt-toggle::before,html body .optrow .opt-toggle::after{background:transparent!important}

html body .optrow button.opt-toggle.opt-toggle,html body .optrow button.opt-toggle.opt-toggle:is(:hover,:active,[data-action-pressed="true"]){background:transparent!important;box-shadow:none!important}

body .home-landing>.site-brand-lockup{margin-top:24px;margin-bottom:14px;background:transparent;object-fit:contain;object-position:left center}

/* Compact rectangular corners for drive, seat and upfront percentage controls. */
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.condition-sheet .chip[data-a],.condition-sheet .chip[data-d]){border-radius:6px!important}

/* Main action controls: compact corners and no pressed elevation. */
html body :is(.cta-in>.btn,.sheet .btn[data-apply],.review-panel .btn,.review-apply-entry):not(.kakao-login):not(.member-dev-pass){border-radius:4px!important}
html body :is(.cta-in>.btn,.sheet .btn[data-apply],.review-panel .btn,.review-apply-entry):not(.kakao-login):not(.member-dev-pass):is(:active,[data-action-pressed="true"]){box-shadow:none!important}

/* Keep action buttons clear of the bottom navigation. */
html body .cta{padding-bottom:12px!important}

/* Selection stays in checks/borders; blue surfaces are transient interactions. */
html body .drive-item{background:#fff!important}
html body :is(.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.di-head,.optrow,.chip,.condition-choice,.prop-item):is(.on,.sel,.selected,[aria-pressed="true"]){background-color:#fff!important;background-image:none!important}
html body :is(.item,.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.di-head,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger){transition:background-color 420ms cubic-bezier(.22,1,.36,1),border-color 300ms ease;isolation:isolate;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
@media(hover:hover){html body :is(.item,.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.di-head,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger):not(:disabled):hover{background-color:#edf5ff!important}}
html body :is(.item,.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.di-head,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger):not(:disabled):is(:active,[data-action-pressed="true"]){background-color:#d6e8ff!important}
html body .optrow:has(.opt-toggle:hover,.option-check-control:hover,.opt-toggle:active,.option-check-control:active){background-color:#fff!important}
html body .drive-item:has(.dchip:hover,.dchip:active,.santa-choice:hover,.santa-choice:active){background:#fff!important}
html body :is(.item,.di-head,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger)>.action-ripple{background:rgba(49,130,246,.18)}


html body .saved-quote-row .saved-quote{position:static;overflow:visible}

html body .drive-item .di-head.on{background:#fff!important}
@media(hover:hover){html body .drive-item .di-head:hover{background:#edf5ff!important}}
html body .drive-item .di-head:is(:active,[data-action-pressed="true"]){background:#d6e8ff!important}

@media(hover:hover){html body button:is(.saved-quote,.landing-link,.quote-document-trigger):not(:disabled):not([aria-disabled="true"]):hover{background-color:#edf5ff!important}}
html body button:is(.saved-quote,.landing-link,.quote-document-trigger):not(:disabled):not([aria-disabled="true"]):is(:active,[data-action-pressed="true"]){background-color:#d6e8ff!important}

@media(hover:hover){html body button:is(.saved-quote.saved-quote,.landing-link.landing-link,.quote-document-trigger.quote-document-trigger,.item[data-m],.item[data-d],.item[data-g]):not(:disabled):not([aria-disabled="true"]):hover{background-color:#edf5ff!important}}
html body button:is(.saved-quote.saved-quote,.landing-link.landing-link,.quote-document-trigger.quote-document-trigger,.item[data-m],.item[data-d],.item[data-g]):not(:disabled):not([aria-disabled="true"]):is(:active,[data-action-pressed="true"]){background-color:#d6e8ff!important}

/* Bottom navigation reacts through icon movement only. */
html body .member-nav.member-nav button,html body .member-nav.member-nav button:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,.is-pressed,[data-action-pressed="true"]){background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;transition:none!important}
.member-nav svg{transform-origin:center 75%;will-change:transform}

.main.brand-preview-pending{position:relative}
.brand-preview-pending>:not(.brand-skeleton){visibility:hidden!important}
.brand-skeleton{inset:0;display:block;margin:0;padding:0;gap:0;overflow:hidden;animation:none!important;transform:none!important}
.brand-preview-pending,.brand-preview-pending>:not(.brand-skeleton){animation:none!important;transform:none!important}
.brand-skeleton .brand-silhouette{position:absolute;margin:0;background:#e8ecf0;border-radius:5px}
.brand-skeleton .brand-silhouette.logo{border-radius:8px}
.brand-skeleton .brand-silhouette.arrow{border-radius:3px}
.brand-skeleton .brand-silhouette::after{animation:menu-skeleton-shine .85s linear infinite;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.95) 50%,transparent 85%)}
.brand-skeleton .brand-row{height:60px;border-radius:6px;display:flex;align-items:center;gap:18px;padding:12px 16px;box-sizing:border-box}
.brand-row i{width:36px;height:28px;border-radius:4px;background:#dce3eb}.brand-row b{width:80px;height:13px;border-radius:4px;background:#dce3eb}

/* Saved quote navigation has a stable surface and no visual press response. */
html body .saved-quote-row button.saved-quote.saved-quote,html body .saved-quote-row button.saved-quote.saved-quote:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,.is-pressed,[data-action-pressed="true"]),html body .saved-quote-row .saved-quote-rate,html body .saved-quote-row .saved-quote-rate:is(:hover,:active){background:#fff!important;background-image:none!important;box-shadow:none!important;transform:none!important;transition:none!important;animation:none!important}
html body .saved-quote-row button.saved-quote.saved-quote{position:static!important;overflow:visible}
.saved-quote-row .saved-quote .action-ripple{display:none!important}

/* Local circular touch waves replace full-card hover and press fills. */
html body :is(.item[data-m],.item[data-d],.item[data-g],.dchip.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.drive-item .di-head,.optrow.optrow,.prop-item.prop-item,button.row[data-k],.condition-sheet .chip,.condition-choice.condition-choice),html body :is(.item[data-m],.item[data-d],.item[data-g],.dchip.dchip,.santa-choice[data-drive],.santa-choice[data-seat],.drive-item .di-head,.optrow.optrow,.prop-item.prop-item,button.row[data-k],.condition-sheet .chip,.condition-choice.condition-choice):not(:disabled):not([aria-disabled="true"]):is(:hover,:active,.on,.sel,.selected,[aria-pressed="true"],[data-action-pressed="true"]){background:#fff!important;background-image:none!important;transform:none!important;box-shadow:none!important}
html body .local-touch-wave.local-touch-wave{z-index:1;background:radial-gradient(circle,rgba(49,130,246,.22) 0%,rgba(95,167,255,.15) 44%,rgba(167,211,255,.07) 66%,transparent 74%)!important;border-radius:50%;pointer-events:none}

/* Nested trim containers are never an interaction surface. */
html body .item.drive-item.drive-item,html body .item.drive-item.drive-item:is(:hover,:active,.on,.selected,[data-action-pressed="true"]){background:#fff!important;background-image:none!important;box-shadow:none!important;transform:none!important;transition:none!important}
html body .drive-item .di-head.di-head,html body .drive-item .di-head.di-head:is(:hover,:active,.on,[data-action-pressed="true"]){background:#fff!important;background-image:none!important;box-shadow:none!important;transform:none!important}
html body>.local-touch-wave.local-touch-wave{position:fixed;isolation:isolate;z-index:13000;width:4cm;height:4cm;margin:0;max-width:none;max-height:none;border:0;box-shadow:none;background:radial-gradient(circle,rgba(49,130,246,.16) 0%,rgba(95,167,255,.11) 38%,rgba(167,211,255,.05) 64%,transparent 75%)!important;pointer-events:none}

html body>.local-touch-hover{position:fixed;z-index:13000;display:block;width:4cm;height:4cm;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(49,130,246,.2) 0%,rgba(95,167,255,.12) 42%,rgba(167,211,255,.05) 64%,transparent 75%)}
html body>.local-touch-wave.local-touch-wave{display:block;background:radial-gradient(circle,rgba(49,130,246,.26) 0%,rgba(95,167,255,.16) 42%,rgba(167,211,255,.07) 64%,transparent 75%)!important}
.brand-choice>.chev{margin-left:auto!important;flex:none}
.brand-choice-main{flex:1;min-width:0}

/* Keep the feedback inset within its own control, with no card-wide fill. */
.local-touch-layer{position:fixed;inset:0;z-index:13000;pointer-events:none}
html body .local-touch-layer>.local-touch-wave,html body .local-touch-layer>.local-touch-hover{position:fixed;display:block;width:140px;height:140px;border-radius:50%;margin:0;border:0;box-shadow:none;pointer-events:none;background:radial-gradient(circle,rgba(49,130,246,.14),rgba(95,167,255,.08) 45%,transparent 75%)!important}
.local-touch-layer>.local-touch-hover{transform:translate(-50%,-50%)}

/* Press-only fading replaces hover fills and all selection ripples. */
html body .local-touch-layer,html body .local-touch-wave,html body .local-touch-hover,html body .action-ripple{display:none!important}
html body :is(.item,.di-head,.dchip,.santa-choice,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger,.color-swatch,.home-popular-card):is(:hover,:active,[data-action-pressed="true"]){background-color:#fff!important;background-image:none!important;box-shadow:none!important;transform:none!important}
html body .home-popular-card:is(:hover,:active) .home-popular-image{background:#f3f5f7!important}
html body button.btn:not(.ghost):not(.kakao-login):not(#kakaoLogin):not(.member-dev-pass):is(:hover,:active){background-color:#3182f6!important;transform:none!important}
html body .option-check-control:hover input:checked+.option-check-mark{background:#3182f6!important;border-color:#3182f6!important}
html body :is(.item,.di-head,.dchip,.santa-choice,.optrow,.chip,.condition-choice,.prop-item,button.row[data-k],.saved-quote,.landing-link,.quote-document-trigger,.color-swatch,.home-popular-card,.opt-toggle,.btn,.member-nav button){transition:opacity 180ms ease-out!important}
html body [data-opacity-pressed="true"]{opacity:.55!important;transition:opacity 70ms ease-out!important}


/* Compact choices are white at rest; blue is only a press response. */
html body :is(button.dchip.dchip,button.santa-choice.santa-choice[data-drive],button.santa-choice.santa-choice[data-seat],.condition-sheet button.chip.chip[data-a],.condition-sheet button.chip.chip[data-d]):is(:hover,:active,.on,.selected,[aria-pressed], [data-opacity-pressed]),html body :is(button.dchip.dchip,button.santa-choice.santa-choice[data-drive],button.santa-choice.santa-choice[data-seat],.condition-sheet button.chip.chip[data-a],.condition-sheet button.chip.chip[data-d]){background:#fff!important;color:#0b1f44!important;border:1px solid #d9dfe7!important;border-radius:4px!important;box-shadow:none!important;transform:revert!important;transition:background-color 100ms ease,color 100ms ease,border-color 100ms ease!important}
html body :is(button.dchip.dchip,button.santa-choice.santa-choice[data-drive],button.santa-choice.santa-choice[data-seat],.condition-sheet button.chip.chip[data-a],.condition-sheet button.chip.chip[data-d]) span{color:inherit!important}
html body :is(button.dchip.dchip,button.santa-choice.santa-choice[data-drive],button.santa-choice.santa-choice[data-seat],.condition-sheet button.chip.chip[data-a],.condition-sheet button.chip.chip[data-d]):is(.on,.selected,[aria-pressed="true"]){border-color:#3182f6!important}
html body :is(button.dchip.dchip,button.santa-choice.santa-choice[data-drive],button.santa-choice.santa-choice[data-seat],.condition-sheet button.chip.chip[data-a],.condition-sheet button.chip.chip[data-d])[data-opacity-pressed="true"][data-opacity-pressed="true"]{background:#3182f6!important;color:#fff!important;border-color:#2674df!important;opacity:1!important}
html body :is(.hd-back,#myBack,.member-detail-back,.condition-sheet-close){transition:opacity 180ms ease-out!important;touch-action:manipulation}
html body :is(.hd-back,#myBack,.member-detail-back,.condition-sheet-close):is(:hover,:active,[data-opacity-pressed="true"]){background:transparent!important;box-shadow:none!important;transform:none!important}
html body .saved-quote-row .saved-quote-rate{transition:opacity 180ms ease-out!important}

.brand-loading-divider{position:absolute;display:block;height:1px;background:#e5e8eb;border-radius:0;pointer-events:none;z-index:2}.brand-skeleton .brand-row{position:relative;overflow:visible}.brand-skeleton .brand-row:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:#e5e8eb;border-radius:0}.brand-skeleton .brand-row:last-child:after{display:none}

html body .main.nav-silhouette-pending{min-height:0}
#app:has(.nav-silhouette-pending) .hd{visibility:visible}

html body button.quote-document-trigger.quote-document-trigger.quote-document-trigger,html body button.quote-document-trigger.quote-document-trigger.quote-document-trigger:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,[data-opacity-pressed="true"],[data-action-pressed="true"]){background:#fff!important;background-image:none!important;box-shadow:none!important;transform:none!important}

/* Center review arrows independently of font glyph baselines. */
.home-review-controls button{display:grid;place-items:center;padding:0;line-height:1}
.home-review-controls button svg{display:block;width:18px;height:18px}

/* Result actions retain the shared rectangular geometry. */
html body .cta-in:has(>.kakao-quote-save)>.btn{flex:1 1 0;min-width:0;padding-inline:8px;font-size:clamp(13px,3.5vw,16px)}
html body #ctaIn>button#kakaoSave.btn.kakao-quote-save{background:#fee500!important;color:#191919!important;border-color:#fee500!important}
html body #ctaIn>button#kakaoSave.btn.kakao-quote-save:hover{background:#f5dc00!important}
.condition-availability:empty,.condition-availability:has([data-availability-message]:empty){display:none}
.condition-availability{font-size:13px;line-height:1.6;color:#65758b;margin:16px 0;padding-right:60px}
.condition-availability [data-availability-retry]{min-height:44px;margin-left:8px;padding:8px 12px;font:inherit}
.condition-cost-guidance{font-size:13px;line-height:1.6;color:#65758b;margin:16px 0 0}
html body .condition-sheet :is(.condition-choice,.chip):disabled{color:#9aa4b2!important;cursor:not-allowed;opacity:.65}