/* Soft section landmarks; existing stock/delivery colour classes remain authoritative. */
.modern-platform{--search-surface:#edf5fc;--vehicle-surface:#eef2f8;--news-surface:#faf6ef;--section-radius:20px;background:#fff}
.modern-platform .hero{background:var(--search-surface);border-bottom:1px solid #dae8f4;padding-top:40px;padding-bottom:40px}
.modern-platform .search-card{box-shadow:0 8px 28px #17334d08;border:1px solid #d8e6f2;border-radius:18px;background:#fff}

/* Fix: Ensure background remains consistent across tabs */
.modern-platform .search-card:has([data-tab=car].active),
.modern-platform .search-card:has([data-tab=vin].active),
.modern-platform .search-card:has([data-tab=number].active) {
  background:#fff;
}

.modern-platform .main-nav a{padding:10px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.modern-platform .main-nav a[aria-current]{color:var(--brand);border-color:var(--brand)}
.modern-platform .results-section{background:#fff;padding-bottom:28px}
.modern-platform .result-message:empty{display:none}
.modern-platform .popular-section{background:#f5f7fa;padding:28px;border-radius:var(--section-radius)}
.modern-platform .manufacturer-news{background:var(--news-surface);padding:32px;border-radius:var(--section-radius)}
.modern-platform .vin-banner,.modern-platform .car-search-result{background:var(--vehicle-surface);border:1px solid #dde4f0}
.modern-platform .steps-section{background:#f5f7fa;padding:28px;border-radius:var(--section-radius)}
.modern-platform .account-card{background:#f7f9fc}
.modern-platform .cabinet-tabs{background:#e9eff6}
.modern-platform .cabinet-tabs button.active{background:#fff;box-shadow:0 2px 8px #17334d10;color:var(--brand)}
.modern-platform #accountLogout{
  display:flex;
  width:min(100%,280px);
  min-height:48px;
  margin:24px auto 0;
  align-items:center;
  justify-content:center;
  border:1px solid #0879be;
  border-radius:10px;
  background:#0879be;
  color:#fff;
  box-shadow:0 5px 14px rgba(8,121,190,.18);
}
.modern-platform #accountLogout:hover{border-color:#066ba9;background:#066ba9;color:#fff}
.modern-platform .section-heading h2{letter-spacing:-.7px}
.modern-platform .news-art{aspect-ratio:16/9;height:auto;overflow:hidden}
.modern-platform .news-photo{width:100%;height:100%;object-fit:cover}
.modern-platform .recent-search-card{grid-template-columns:64px minmax(0,1fr);gap:16px;background:#fff;text-align:left;justify-items:stretch;box-shadow:none}
.modern-platform .recent-search-photo-shell{width:64px;height:76px;min-width:0}
.modern-platform .recent-search-copy{min-width:0;overflow-wrap:anywhere}
.modern-platform .recent-search-card.without-photo{grid-template-columns:minmax(0,1fr)}
.modern-platform .recent-search-card.without-photo .recent-search-photo-shell{display:none}
.modern-platform .recent-search-copy strong{font-size:16px}
.modern-platform .quote-toolbar{padding-bottom:8px;gap:12px}
.modern-platform .quote-check-time{max-width:580px}
.quote-view-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.quote-sort-tools{display:flex;gap:8px;margin-right:auto}
.quote-view-tools button,.filter-chip,.filter-reset,.choice-search{font:inherit;font-size:12px;font-weight:650;min-height:44px;padding:10px 14px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#28618a;cursor:pointer}
.quote-view-tools button[aria-pressed=true],.filter-chip{background:#eaf3fc;border-color:#b5d7ee;color:#1265a3}
.applied-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.applied-filters:empty{display:none}
.filter-reset{border-color:transparent;text-decoration:underline}
.mobile-filter-open{display:none}
.modern-platform .live-results-table td{padding-top:12px;padding-bottom:12px}
.modern-platform .quote-group-head{padding:16px 18px}
.modern-platform .quote-description span{font-size:13px}
.offer-details{font-size:11px;font-weight:500;text-align:left;max-width:260px;margin-top:5px;color:#486477}
.offer-details summary{cursor:pointer;min-height:28px;padding:5px 0;color:#28618a;list-style:revert}
.offer-details>div{padding:8px 0;display:grid;gap:5px;line-height:1.5}
.offer-details p{margin:0}
.modern-platform .offer-details small{font-size:11px}
.compact-results .live-results-table td.quote-description,.compact-results .live-results-table th:nth-child(2){display:none}
.compact-results .live-results-table td{padding-top:8px;padding-bottom:8px}
.compact-results .quote-group-head{padding:12px 16px}
.compact-results .quote-group-head p{display:none}
.vehicle-step{color:#466480;font-size:12px;margin:0 0 12px;font-weight:650}
.vehicle-selection{background:#fff;border:1px solid #d5e0ed;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px;font-weight:700}
.choice-search{display:block;width:fit-content;padding:3px 0;min-height:30px;background:none;border:0;font-size:12px;text-align:left;text-decoration:underline}
.modern-platform .vehicle-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:24px;row-gap:2px;margin:2px 0 8px;min-width:0;text-align:center}
.modern-platform .vehicle-actions .vehicle-manual-toggle,.modern-platform .vehicle-actions .garage-shortcut{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 1 auto;max-width:100%;width:auto;margin:0;padding:4px 0;min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;text-decoration:none;white-space:normal}
.modern-platform .vehicle-actions .vehicle-manual-toggle{color:var(--brand);font:600 13px 'Manrope',sans-serif;cursor:pointer}
.modern-platform .vehicle-actions .garage-shortcut{color:var(--brand);font:600 13px 'Manrope',sans-serif;cursor:pointer}
.modern-platform .garage-shortcut:hover{color:#0879be;text-shadow:0 0 8px rgba(24,121,189,.35)}
.modern-platform .garage-shortcut:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px;text-shadow:0 0 6px rgba(19,128,207,.42),0 0 13px rgba(19,128,207,.24)}
.experience-sheet{width:min(480px,calc(100% - 32px));max-height:85dvh;max-height:min(85dvh,800px);margin:auto;border:1px solid #dce6ed;border-radius:20px;padding:0;color:var(--ink);background:#fff;box-shadow:0 20px 80px #17334d30;overscroll-behavior:contain}
.experience-sheet::backdrop{background:#122b4466}
.experience-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e4ebf0;position:sticky;top:0;background:#fff;z-index:1}
.experience-sheet h2{font-size:19px;margin:0}
.experience-sheet header button{width:44px;height:44px;font-size:25px;background:#f2f6fa;border:0;border-radius:10px;color:var(--ink)}
.experience-sheet-body{display:grid;gap:16px;padding:20px}
.experience-sheet-body label{display:grid;gap:10px;font-size:14px;font-weight:650}
.experience-sheet input[type=search],.experience-sheet select{width:100%;min-height:48px;font:inherit;font-size:16px;border:1px solid #cddce8;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}
.experience-sheet .sheet-stock{display:flex;align-items:center;gap:12px;min-height:48px}
.sheet-stock input{width:20px;height:20px;accent-color:var(--brand)}
.choice-list{display:grid;gap:5px}
.choice-item{min-height:46px;text-align:left;border:0;background:#f5f8fb;color:var(--ink);font:inherit;font-size:14px;border-radius:8px;padding:10px 14px;cursor:pointer}
.choice-item:hover,.choice-item[aria-pressed=true]{background:#dfedf9;color:#1265a3}
.choice-count{font-size:12px;margin:0;color:var(--muted)}
body.experience-sheet-open{overflow:hidden}
.mobile-bottom-nav{display:none}
.quote-skeleton{height:92px;margin:12px 0;border-radius:12px;background:linear-gradient(100deg,#f1f5f8 25%,#e4edf5 45%,#f1f5f8 65%);background-size:220% 100%;animation:quote-loading 1.7s ease-in-out infinite}
@keyframes quote-loading{to{background-position:-220% 0}}
@media(min-width:851px){.quote-sort-tools{display:none}.quote-view-tools{justify-content:flex-end}.compact-results .live-results-table .quote-brand{width:21%}.compact-results .live-results-table .quote-price{width:23%}}
@media(max-width:850px){
 .modern-platform{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
 .modern-platform .hero{padding:20px 16px 26px;gap:16px}
 .modern-platform .hero-copy{display:contents}
 .modern-platform .hero .eyebrow,.modern-platform .hero-sub,.modern-platform .hero-proof,.modern-platform .hero-help-link{display:none}
 .modern-platform .hero h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0}
 .modern-platform .hero h1 br{display:none}
 .modern-platform .hero h1 em:before{content:' '}
 .modern-platform .hero .search-card{margin:0;padding:18px;width:100%;min-width:0}
 .modern-platform .search-card .eyebrow{display:block}
 .modern-platform .site-header{height:62px;padding:0 16px;gap:10px}
 .modern-platform .brand-logo{width:142px}
 .modern-platform .header-actions{margin-left:auto}
 .modern-platform #accountOpen,.modern-platform #cartOpen{display:none}
 .modern-platform .menu-toggle{min-width:44px;min-height:44px}
 .modern-platform .sticky-search-label{display:none}
 .modern-platform .sticky-search-inner{padding-top:7px;padding-bottom:7px}
 .modern-platform .sticky-search-dock{top:62px}
 .modern-platform .popular-section,.modern-platform .manufacturer-news,.modern-platform .steps-section{padding:20px 16px;border-radius:16px}
 .modern-platform .recent-search-grid{grid-template-columns:1fr 1fr}
 .modern-platform .recent-search-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}
 .modern-platform .recent-search-photo-shell{width:48px;height:58px}
 .modern-platform .recent-search-copy strong{font-size:14px}
 .modern-platform .quote-toolbar>.quote-filters{display:none}
 .modern-platform .quote-check-time{display:none}
 .mobile-filter-open{display:block}
 .quote-view-tools{gap:6px}
 .quote-view-tools button{font-size:12px;padding:9px 10px}
 .quote-sort-tools{gap:6px}
 .quote-view-tools .compact-toggle{font-size:0;width:44px;padding:8px}
 .quote-view-tools .compact-toggle:before{content:'≡';font-size:24px;line-height:1}
 .modern-platform .quote-group-head{padding:14px}
 .modern-platform .quote-group-head h3,.modern-platform .quote-group-head h3 small{font-size:16px}
 .modern-platform .quote-group-head p{font-size:12px}
 .modern-platform .live-results-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:10px 0 10px 8px;row-gap:2px;align-items:center}
 .modern-platform .live-results-table tbody td{padding:5px 8px;font-size:13px;gap:5px}
 .modern-platform .live-results-table td.quote-brand,.modern-platform .live-results-table td.quote-description{display:none}
 .modern-platform .live-results-table td.quote-price{grid-column:1/3;grid-row:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:12px}
 .modern-platform .live-results-table td.quote-price>div{justify-items:start;min-width:0}
 .modern-platform .live-results-table td.quote-price strong{font-size:22px}
 .modern-platform .live-results-table td[data-label="Наявність"]{grid-column:1;grid-row:2;flex-wrap:wrap}
 .modern-platform .live-results-table td.quote-delivery{grid-column:2;grid-row:2;text-align:right}
 .modern-platform .live-results-table td.quote-warehouse{grid-column:1/3;grid-row:3}
 .modern-platform .live-results-table td.quote-action{grid-column:3;grid-row:1/4;align-self:stretch}
 .modern-platform .live-results-table td.quote-action .add-button{inset:-10px 0}
 .modern-platform .live-results-table .mobile-sort-button,.modern-platform .live-results-table td.quote-price .mobile-sort-button{display:none!important}
 .modern-platform .quote-delivery-note{font-size:10px}
 .modern-platform .offer-details{max-width:100%;font-size:11px}
 .modern-platform .quote-price .compare-choice{font-size:11px}
 .compact-results .live-results-table tbody tr{padding-top:6px;padding-bottom:6px}
 .compact-results .live-results-table tbody td{padding-top:3px;padding-bottom:3px}
 .compact-results .live-results-table td.quote-action .add-button{inset:-6px 0}
 .mobile-bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce7f0;box-shadow:0 -4px 18px #17334d08}
 .mobile-bottom-nav button{position:relative;display:grid;place-items:center;gap:4px;min-height:52px;border:0;border-radius:10px;background:transparent;color:#536b7f;font:inherit;font-size:10px;font-weight:650;padding:5px 2px;cursor:pointer}
 .mobile-bottom-nav button[aria-current]{background:#eaf3fc;color:#1265a3}
 .mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-cart-count{position:absolute;top:0;left:55%;background:#1377bd;color:white;font-size:10px;border-radius:12px;min-width:17px;padding:1px 4px}
 .modern-platform .chat-launcher{display:none}
 .modern-platform .chat-widget{bottom:calc(74px + env(safe-area-inset-bottom) + var(--mobile-keyboard-offset,0px));right:12px;z-index:45}
 .modern-platform .chat-panel{max-height:calc(var(--mobile-visible-height,100dvh) - 150px);width:min(360px,calc(100vw - 24px))}
 .compare-bar{bottom:calc(78px + env(safe-area-inset-bottom));z-index:42}
 body:has(.modal.open) .mobile-bottom-nav,body:has(.cart-drawer.open) .mobile-bottom-nav,body.experience-sheet-open .mobile-bottom-nav,body:has(input:focus) .mobile-bottom-nav,body:has(textarea:focus) .mobile-bottom-nav{visibility:hidden}
 body:has(.modal.open) .chat-widget,body.experience-sheet-open .chat-widget{visibility:hidden}
 .experience-sheet{width:100%;max-width:600px;max-height:85dvh;margin:auto auto 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .experience-sheet header{padding:12px 18px}
 .experience-sheet-body{padding:18px;gap:14px}
 #catalog,#results,#manufacturerNews,#vin{scroll-margin-top:128px}
}
@media(max-width:380px){.modern-platform .recent-search-grid{grid-template-columns:1fr}.quote-view-tools{gap:4px}.quote-view-tools button{padding:9px 8px;font-size:11px}.modern-platform .hero h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.modern-platform *, .modern-platform *:before,.modern-platform *:after{animation:none!important;transition:none!important}}
/* Tighter rows requested on 08.10: reduce whitespace, retain readable numbers. */
@media(min-width:851px){
 .modern-platform .live-results-table td{padding:9px 12px}
 .modern-platform .quote-price strong{font-size:20px}
 .modern-platform .quote-price .compare-choice{margin-top:3px;font-size:11px;padding:3px 6px;min-height:26px}
 .modern-platform .offer-details{margin-top:2px}
 .modern-platform .offer-details summary{padding:3px 0;min-height:24px}
 .modern-platform.compact-results .live-results-table td{padding-top:5px;padding-bottom:5px}
 .modern-platform.compact-results .live-results-table th:nth-child(1){width:24%}
 .modern-platform.compact-results .live-results-table th:nth-child(3){width:14%}
 .modern-platform.compact-results .live-results-table th:nth-child(4){width:20%}
 .modern-platform.compact-results .live-results-table th:nth-child(5){width:15%}
 .modern-platform.compact-results .live-results-table th:nth-child(6){width:21%}
 .modern-platform.compact-results .live-results-table th:nth-child(7){width:6%}
}
@media(max-width:850px){
 .modern-platform .live-results-table tbody tr{padding-top:7px;padding-bottom:7px}
 .modern-platform .live-results-table td.quote-action .add-button{inset:-7px 0}
 .modern-platform.compact-results .live-results-table td.quote-action .add-button{inset:-6px 0}
 .modern-platform .toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);z-index:90}
 .modern-platform:has(.cart-drawer.open) .chat-widget, .modern-platform:has(.cart-drawer.open) .compare-bar { visibility: hidden; }
 .modern-platform .quote-toolbar .quote-check-time{display:block;font-size:11px}
}

/* Full-width colour bands with seamless transitions between visible sections. */
.modern-platform #top > section{
  --section-surface:#fff;
  --previous-surface:#fff;
  --section-blend:72px;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:calc(var(--section-blend) + 16px) max(24px,calc((100% - 1160px)/2)) 36px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(to bottom,var(--previous-surface),var(--section-surface) var(--section-blend));
}
.modern-platform #top > .hero{
  --section-surface:var(--search-surface);
  padding-top:40px;
  padding-bottom:36px;
}
.modern-platform #top > .results-section{
  --previous-surface:var(--search-surface);
  --section-surface:#fff;
}
.modern-platform #top > .popular-section{
  --previous-surface:#fff;
  --section-surface:#f5f7fa;
}
.modern-platform #results[hidden] + .popular-section{--previous-surface:var(--search-surface)}
.modern-platform #top > .manufacturer-news{
  --previous-surface:#f5f7fa;
  --section-surface:var(--news-surface);
}
.modern-platform #top > .vin-banner{
  --previous-surface:var(--news-surface);
  --section-surface:var(--vehicle-surface);
  --next-surface:#f5f7fa;
  --section-blend:112px;
  background:linear-gradient(
    to bottom,
    var(--previous-surface) 0,
    var(--section-surface) var(--section-blend),
    var(--section-surface) calc(100% - var(--section-blend)),
    var(--next-surface) 100%
  );
}
.modern-platform #manufacturerNews[hidden] + .vin-banner{--previous-surface:#f5f7fa}
.modern-platform #top > .steps-section{
  --previous-surface:#f5f7fa;
  --section-surface:#f5f7fa;
}
.modern-platform #top > .business-section{
  --previous-surface:#f5f7fa;
  --section-surface:#edf3f8;
}
@media(max-width:850px){
 .modern-platform #top > section{
   --section-blend:48px;
   padding:64px 16px 26px;
 }
 .modern-platform #top > .hero{padding:20px 16px 26px}
 .modern-platform #top > .vin-banner{gap:16px}
}

/* IMPROVEMENTS FOR HOME PAGE FIRST SCREEN */

/* 1. Search Form Visual Hierarchy */
.modern-platform .search-form {
  margin-bottom: 20px;
  padding: 24px 0;
}

/* Ensure labels are prominent and inputs aligned */
.modern-platform .search-form label {
  font-weight: 500;
  color: var(--ink);
  display: block;
  margin-bottom: 8px;
}

/* 2. Reduce vertical space before "Recent Articles" */
.modern-platform #top > .popular-section {
  --previous-surface: #fff;
  --section-surface: #f5f7fa;
  padding-top: 40px;
}

/* 3. Refine search card inner elements */
.modern-platform .search-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.modern-platform .search-tabs {
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
  display: flex;
  overflow-x: auto;
}

.modern-platform .search-tab {
  padding: 12px 20px;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.modern-platform .search-tab.active {
  border-bottom-color: var(--brand);
  color: var(--brand);
  background: transparent;
}

/* MOBILE-SPECIFIC UI FIXES (iPhone/Mobile) */


/* 1. Tabs: Fit all on screen, remove horizontal scroll on mobile */
@media(max-width: 600px) {
  .modern-platform .search-tabs {
    overflow-x: visible;
    justify-content: stretch;
  }
  .modern-platform .search-tab {
    flex: 1;
    text-align: center;
    padding: 10px 4px;
    font-size: 11px;
    white-space: normal;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* 2. CRM Button in Header */
.modern-platform .owner-crm-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: #eef5fb;
  border: 1px solid #bfd2e0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
}
.modern-platform .owner-crm-link.is-hidden { display: none; }
.modern-platform .owner-crm-link:hover {
  background: #e2edf6;
}

/* 3. Search Card: Reduce space under button */
.modern-platform .search-form { padding-bottom: 8px; }
.modern-platform .search-form .primary-button {
  margin-bottom: 0;
}

@media(max-width: 430px) {
  .modern-platform .search-tab {
    font-size: 10px;
    padding: 10px 2px;
  }
}




/* Consistent text arrows */
.arrow-icon {
  display: inline-block;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  vertical-align: baseline;
}

.arrow-icon::before {
  content: "↗︎";
}

.arrow-icon::after {
  content: none;
}

/* Fix article search history icon */
.modern-platform .article-history-toggle svg {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  flex: 0 0 24px;
}


/* Consistent SVG arrows */
.icon-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: currentColor;
  flex-shrink: 0;
}

.primary-button:has(.icon-arrow),
.outline-button:has(.icon-arrow),
.text-link:has(.icon-arrow),
.owner-crm-link:has(.icon-arrow) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* PartPrice: quantity picker in mobile quotation */
@media (max-width:850px) {
  .modern-platform .live-results-table tbody tr {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px;
  }
  .modern-platform .live-results-table td.quote-action {
    grid-column:3;
    grid-row:1/4;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 2px;
  }
  .modern-platform .quote-purchase-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
  }
  .modern-platform .quote-quantity {
    flex:none;
    width:28px;
  }
  .modern-platform .live-results-table td.quote-action .add-button {
    position:relative;
    inset:auto;
    flex:none;
    width:31px;
    height:31px;
  }
}

/* PartPrice quantity controls — layout fix */

/* Quote: compact vertical quantity selector next to cart icon */
.modern-platform .live-results-table td.quote-action {
  min-width: 82px;
  width: 82px;
  padding: 4px !important;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  height: auto;
  margin: 0 auto;
}

/* Price information floats above the results and never changes row height. */
.modern-platform .quote-group:has(.offer-details[open]),
.modern-platform .quote-analog-group:has(.offer-details[open]) {
  position: relative;
  z-index: 50;
  overflow: visible !important;
}

.modern-platform .live-list-wrap:has(.offer-details[open]) {
  overflow: visible !important;
}

.modern-platform .live-results-table td.quote-price,
.modern-platform .live-results-table td.quote-price .quote-price-wrap {
  overflow: visible !important;
}

.modern-platform .live-results-table td.quote-price:has(.offer-details[open]) {
  position: relative;
  z-index: 20;
}

.modern-platform .live-results-table .quote-price .offer-details {
  position: static;
  display: inline-block;
  max-width: none;
}

.modern-platform .live-results-table .quote-price .offer-details[open] {
  position: relative;
  z-index: 21;
}

.modern-platform .live-results-table .quote-price .offer-details[open] > div {
  position: fixed;
  z-index: 2147483647;
  inset: 12px auto auto 12px;
  box-sizing: border-box;
  width: min(290px, calc(100vw - 32px));
  max-height: min(260px, 45vh);
  overflow: auto;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d7e4ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(20, 55, 80, .2);
  text-align: left;
  white-space: normal;
}

.modern-platform .live-results-table .quote-price .offer-details[open] > div p {
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.modern-platform .live-results-table td.quote-action .quote-quantity {
  display: grid;
  grid-template-columns: 30px;
  grid-template-rows: repeat(3, 22px);
  width: 30px;
  height: 66px;
  min-width: 30px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #d8e2e9;
  border-radius: 9px;
  background: #fff;
}

.modern-platform .live-results-table td.quote-action .quote-quantity button {
  position: static;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #294b62;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}

.modern-platform .live-results-table td.quote-action .quote-quantity output {
  display: grid;
  place-items: center;
  padding: 0;
  background: #fff;
  color: #142b3b;
  font-size: 12px;
  line-height: 1;
}

.modern-platform .live-results-table td.quote-action .add-button {
  position: relative;
  inset: auto;
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 40px;
  min-height: 0;
  padding: 0;
  border: 1px solid #d8e2e9;
  border-radius: 9px;
  background: #fff;
  color: #0879be;
}

/* Cart: horizontal selector matching the provided example */
.cart-item .cart-quantity-controls {
  display: inline-grid;
  grid-template-columns: 56px 62px 56px;
  align-items: stretch;
  width: 174px;
  height: 62px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #e1e5e9;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(25, 45, 65, .07);
}

.cart-item .cart-quantity-controls button {
  position: static;
  grid-column: auto;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #59616d;
  font-size: 27px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}

.cart-item .cart-quantity-controls span {
  display: grid;
  place-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e1e5e9;
  border-right: 1px solid #e1e5e9;
  background: #fff;
  color: #171b20;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

.cart-item .cart-quantity-controls button:disabled {
  color: #c5cbd1;
  opacity: 1;
}

.cart-item .cart-quantity-controls button:hover:not(:disabled) {
  background: #f3f7fa;
  color: #0879be;
}

@media (max-width: 850px) {
  .modern-platform .live-results-table tbody tr {
    grid-template-columns: minmax(0, 1fr) 82px;
  }

  .modern-platform .live-results-table td.quote-action {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: stretch;
    width: 82px;
    min-width: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modern-platform .live-results-table td.quote-action .add-button {
    position: relative;
    inset: auto;
    width: 32px;
    height: 40px;
  }
}

@media (max-width: 520px) {
  .cart-item .cart-quantity-controls {
    grid-template-columns: 44px 48px 44px;
    width: 136px;
    height: 48px;
    border-radius: 13px;
  }

  .cart-item .cart-quantity-controls button {
    font-size: 23px;
  }

  .cart-item .cart-quantity-controls span {
    font-size: 19px;
  }
}


/* PartPrice approved compact quote design */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(2) { width: 16%; }
  .modern-platform .live-results-table th:nth-child(3) { width: 11%; }
  .modern-platform .live-results-table th:nth-child(4) { width: 13%; }
  .modern-platform .live-results-table th:nth-child(5) { width: 10%; }
  .modern-platform .live-results-table th:nth-child(6) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(7) { width: 26%; }
}

.modern-platform .live-results-table tr.quote-redesigned-row {
  background: #fff;
}

.modern-platform .live-results-table tr.quote-redesigned-row td {
  padding-top: 9px;
  padding-bottom: 9px;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-availability {
  font-weight: 750;
}

.availability-with-dot {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.availability-with-dot i {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 50%;
  background: #a7b4c1;
  box-shadow: 0 0 7px #a7b4c166;
}

.quote-availability.available-now {
  color: #087d39;
}

.quote-availability.available-now .availability-with-dot i {
  background: #00a84e;
  box-shadow: 0 0 10px #00a84eaa;
}

.quote-availability.available-soon {
  color: #31964c;
}

.quote-availability.available-soon .availability-with-dot i {
  background: #63cf70;
  box-shadow: 0 0 10px #63cf70aa;
}

.quote-availability.available-three {
  color: #72b88b;
}

.quote-availability.available-three .availability-with-dot i {
  background: #b5e6c4;
  box-shadow: 0 0 10px #b5e6c4aa;
}

.quote-availability.available-later {
  color: #61778a;
}

.modern-platform .live-results-table .quote-price .offer-details {
  margin: 0;
}

.modern-platform .live-results-table .quote-price .offer-details summary {
  display: inline-block;
  padding: 0;
  min-height: 0;
  color: #143e5c;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
  list-style: none;
}

.modern-platform .live-results-table .quote-price .offer-details summary::-webkit-details-marker {
  display: none;
}
.modern-platform .live-results-table .quote-price .offer-details summary::marker {
  content: "";
  font-size: 0;
}

.modern-platform .live-results-table .quote-price .offer-details summary:hover {
  color: #0879be;
}

.modern-platform .live-results-table td.quote-action {
  position: static;
  width: auto;
  min-width: 0;
  padding: 8px 10px !important;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  width: 100%;
  height: auto;
  margin: 0;
}

.modern-platform .live-results-table td.quote-action .quote-compare-button {
  position: static;
  flex: none;
  min-height: 34px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #d6e3ec;
  border-radius: 8px;
  background: #fff;
  color: #0879be;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.modern-platform .live-results-table td.quote-action .quote-quantity {
  display: grid;
  grid-template-columns: 28px 30px 28px;
  grid-template-rows: 34px;
  flex: none;
  width: 86px;
  height: 34px;
  min-width: 86px;
  border: 1px solid #d9e4ed;
  border-radius: 9px;
  background: #fff;
  box-sizing: border-box;
}

.modern-platform .live-results-table td.quote-action .quote-quantity button {
  position: static;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: #24465e;
  font-size: 16px;
  line-height: 1;
}

.modern-platform .live-results-table td.quote-action .quote-quantity output {
  display: grid;
  place-items: center;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #e0e7ee;
  border-right: 1px solid #e0e7ee;
  color: #143e5c;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
}

.modern-platform .live-results-table td.quote-action .add-button {
  position: static;
  inset: auto;
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #0879be;
  color: #fff;
}

.modern-platform .live-results-table td.quote-action .add-button svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

.modern-platform .live-results-table td.quote-action .add-button:hover:not(:disabled) {
  background: #07679f;
}

.cart-item h3 {
  font-size: 17px;
}

.cart-item p {
  font-size: 14px;
}

.cart-item > strong {
  font-size: 17px;
}

.cart-item .cart-quantity-controls {
  grid-template-columns: 38px 42px 38px;
  width: 118px;
  height: 38px;
  border-radius: 10px;
}

.cart-item .cart-quantity-controls button {
  font-size: 20px;
}

.cart-item .cart-quantity-controls span {
  font-size: 16px;
}

@media (max-width: 850px) {
  .modern-platform .live-results-table td.quote-action {
    grid-column: 2;
    grid-row: 1 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
  }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .modern-platform .live-results-table td.quote-action .quote-compare-button {
    order: 3;
    font-size: 10px;
  }

  .modern-platform .live-results-table td.quote-action .quote-quantity {
    grid-template-columns: 24px 25px 24px;
    width: 73px;
    min-width: 73px;
  }

  .modern-platform .live-results-table td.quote-action .add-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .modern-platform .live-results-table tbody tr {
    grid-template-columns: minmax(0, 1fr) 126px;
  }
}


/* Quote rows stay white; delivery status is indicated only by text and dot. */
.modern-platform .live-results-table tbody tr.quote-redesigned-row,
.modern-platform .live-results-table tbody tr.quote-redesigned-row:hover {
  background: #fff !important;
  box-shadow: none !important;
}

.modern-platform .live-results-table td.quote-availability.available-now {
  color: #087d39 !important;
}
.modern-platform .live-results-table td.quote-availability.available-soon {
  color: #31964c !important;
}
.modern-platform .live-results-table td.quote-availability.available-three {
  color: #72b88b !important;
}


/* Delivery indicator belongs to delivery time, not stock quantity. */
.modern-platform .live-results-table td.quote-availability,
.modern-platform .live-results-table tr.delivery-in-stock td.quote-availability {
  color: #345d73 !important;
  font-weight: 600 !important;
}

.modern-platform .live-results-table .delivery-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 750;
  white-space: nowrap;
}

.modern-platform .live-results-table .delivery-status-dot {
  display: inline-block;
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #a7b4c1;
}

.modern-platform .live-results-table .delivery-status.available-now {
  color: #087d39;
}
.modern-platform .live-results-table .delivery-status.available-now .delivery-status-dot {
  background: #00a84e;
  box-shadow: 0 0 10px #00a84eaa;
}

.modern-platform .live-results-table .delivery-status.available-soon {
  color: #31964c;
}
.modern-platform .live-results-table .delivery-status.available-soon .delivery-status-dot {
  background: #63cf70;
  box-shadow: 0 0 10px #63cf70aa;
}

.modern-platform .live-results-table .delivery-status.available-three {
  color: #72b88b;
}
.modern-platform .live-results-table .delivery-status.available-three .delivery-status-dot {
  background: #b5e6c4;
  box-shadow: 0 0 10px #b5e6c4aa;
}

.modern-platform .live-results-table .delivery-status.available-later {
  color: #61778a;
}
.modern-platform .live-results-table .delivery-status.available-later .delivery-status-dot {
  display: none;
}

/* PartPrice quote table — compact alignment */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(2) { width: 16%; }
  .modern-platform .live-results-table th:nth-child(3) { width: 11%; }
  .modern-platform .live-results-table th:nth-child(4) { width: 13%; }
  .modern-platform .live-results-table th:nth-child(5) { width: 10%; }
  .modern-platform .live-results-table th:nth-child(6) { width: 15%; }
  .modern-platform .live-results-table th:nth-child(7) { width: 23%; }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    justify-content: flex-end;
    gap: 6px;
  }
}

/* Flat grey table header */
.modern-platform .live-results-table thead,
.modern-platform .live-results-table thead tr,
.modern-platform .live-results-table thead th,
.modern-platform .quote-group-head {
  border-radius: 0 !important;
}

/* Only one compare button — in the action column */
.modern-platform .live-results-table td.quote-price .compare-choice,
.modern-platform .live-results-table td.quote-price [data-compare-index],
.modern-platform .live-results-table td.quote-price .quote-compare-button {
  display: none !important;
}

/* Quote table: wider description and aligned columns */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed !important;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1),
  .modern-platform .live-results-table td:nth-child(1) { width: 12% !important; }

  .modern-platform .live-results-table th:nth-child(2),
  .modern-platform .live-results-table td:nth-child(2) { width: 26% !important; }

  .modern-platform .live-results-table th:nth-child(3),
  .modern-platform .live-results-table td:nth-child(3) { width: 10% !important; }

  .modern-platform .live-results-table th:nth-child(4),
  .modern-platform .live-results-table td:nth-child(4) { width: 12% !important; }

  .modern-platform .live-results-table th:nth-child(5),
  .modern-platform .live-results-table td:nth-child(5) { width: 9% !important; }

  .modern-platform .live-results-table th:nth-child(6),
  .modern-platform .live-results-table td:nth-child(6) { width: 11% !important; }

  .modern-platform .live-results-table th:nth-child(7),
  .modern-platform .live-results-table td:nth-child(7) { width: 20% !important; }

  .modern-platform .live-results-table td.quote-brand > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  .modern-platform .live-results-table td.quote-brand strong,
  .modern-platform .live-results-table td.quote-brand small {
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .modern-platform .live-results-table td.quote-description {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    gap: 5px !important;
    justify-content: flex-end !important;
  }
}

/* Remove rounded corners from the grey header background */
.modern-platform .live-results-table,
.modern-platform .live-results-table thead,
.modern-platform .live-results-table thead tr,
.modern-platform .live-results-table thead th,
.modern-platform .live-results-table thead th:first-child,
.modern-platform .live-results-table thead th:last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Quote table: uppercase, larger, centered column headers */
.modern-platform .live-results-table thead th {
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}

/* Center column contents */
.modern-platform .live-results-table tbody td {
  text-align: center !important;
  vertical-align: middle !important;
}

/* Center content wrappers */
.modern-platform .live-results-table tbody td > div {
  justify-content: center !important;
}

/* Brand and article remain on the same line */
.modern-platform .live-results-table td.quote-brand > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* Center delivery status and its indicator */
.modern-platform .live-results-table .delivery-status {
  justify-content: center !important;
}

/* Center price */
.modern-platform .live-results-table td.quote-price .quote-price-wrap {
  display: flex !important;
  justify-content: center !important;
}

/* Keep purchase controls together */
.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
}

/* Unified column header typography, including sorting buttons */
.modern-platform .live-results-table thead th,
.modern-platform .live-results-table thead th button,
.modern-platform .live-results-table tbody td .sort-button,
.modern-platform .live-results-table tbody td [data-sort] {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Sort labels rendered inside offer rows */
.modern-platform .live-results-table .quote-delivery > button,
.modern-platform .live-results-table .quote-price > button {
  text-transform: uppercase !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Unified typography for description, stock, delivery and warehouse */
.modern-platform .live-results-table tbody td.quote-description,
.modern-platform .live-results-table tbody td.quote-availability,
.modern-platform .live-results-table tbody td.quote-delivery,
.modern-platform .live-results-table tbody td.quote-warehouse {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* Apply consistent typography to nested text elements */
.modern-platform .live-results-table tbody td.quote-description span,
.modern-platform .live-results-table tbody td.quote-availability,
.modern-platform .live-results-table tbody td.quote-delivery .delivery-status,
.modern-platform .live-results-table tbody td.quote-delivery .delivery-status span,
.modern-platform .live-results-table tbody td.quote-warehouse strong {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* PartPrice — subtle interactive button glow */
.modern-platform button:not(:disabled),
.modern-platform .button,
.modern-platform .btn {
  transition:
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    filter 180ms ease;
}


/* Pressed button */
.modern-platform button:not(:disabled):active,
.modern-platform .button:active,
.modern-platform .btn:active {
  box-shadow:
    0 0 0 2px rgba(19, 128, 207, 0.18),
    0 0 16px 4px rgba(19, 128, 207, 0.25) !important;
}

/* Selected / active state */
.modern-platform button[aria-pressed="true"]:not(.quote-sort-button):not(.mobile-sort-button),
.modern-platform button[aria-selected="true"],
.modern-platform button[aria-expanded="true"]:not(.quote-sort-button):not(.mobile-sort-button) {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.14),
    0 0 11px 2px rgba(19, 128, 207, 0.13);
}

/* Keyboard accessibility */
.modern-platform button:focus-visible {
  outline: 2px solid #1683ce;
  outline-offset: 3px;
  box-shadow: 0 0 12px rgba(19, 128, 207, 0.20);
}

/* No glow for disabled buttons */
.modern-platform button:disabled {
  box-shadow: none !important;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .modern-platform button,
  .modern-platform .button,
  .modern-platform .btn {
    transition: none !important;
  }
}

/* PartPrice: glow on interactive text, not button boxes */
.modern-platform button,
.modern-platform a,
.modern-platform .button,
.modern-platform .btn {
  transition:
    color 180ms ease,
    text-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

/* Remove previously added rectangular glow */
.modern-platform button:not(:disabled):hover,
.modern-platform button:not(:disabled):active,
.modern-platform button[aria-pressed="true"],
.modern-platform button[aria-selected="true"],
.modern-platform button[aria-expanded="true"],
.modern-platform .button:hover,
.modern-platform .button:active,
.modern-platform .btn:hover,
.modern-platform .btn:active {
  box-shadow: none !important;
}

/* Subtle glow directly around letters */
@media (hover: hover) and (pointer: fine) {
  .modern-platform button:not(:disabled):hover,
  .modern-platform a:hover,
  .modern-platform .button:hover,
  .modern-platform .btn:hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.35),
      0 0 12px rgba(19, 128, 207, 0.22) !important;
  }
}

/* Active and selected text */
.modern-platform button:not(:disabled):active,
.modern-platform button[aria-pressed="true"],
.modern-platform button[aria-selected="true"],
.modern-platform a:active {
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.45),
    0 0 14px rgba(19, 128, 207, 0.28) !important;
}

/* Preserve accessible keyboard focus */
.modern-platform button:focus-visible,
.modern-platform a:focus-visible {
  outline: 2px solid #1683ce;
  outline-offset: 3px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .modern-platform button,
  .modern-platform a,
  .modern-platform .button,
  .modern-platform .btn {
    transition: none !important;
  }
}

/* PartPrice: distinct glow for buttons and text links */

/* No text glow inside buttons */
.modern-platform button,
.modern-platform .button,
.modern-platform .btn,
.modern-platform button *,
.modern-platform .button *,
.modern-platform .btn * {
  text-shadow: none !important;
}


/* Pressed buttons */
.modern-platform button:not(:disabled):not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button):active,
.modern-platform .button:active,
.modern-platform .btn:active {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.22),
    0 0 15px 4px rgba(19, 128, 207, 0.28) !important;
}

/* Selected buttons */
.modern-platform button[aria-pressed="true"]:not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button),
.modern-platform button[aria-selected="true"]:not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button) {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.14),
    0 0 11px 2px rgba(19, 128, 207, 0.16) !important;
}

/* Interactive text without button-like appearance */
@media (hover: hover) and (pointer: fine) {
  .modern-platform a:not(.button):not(.btn):hover,
  .modern-platform button.article-link:hover,
  .modern-platform button[data-sort]:hover,
  .modern-platform button.sort-button:hover {
    box-shadow: none !important;
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.40),
      0 0 12px rgba(19, 128, 207, 0.25) !important;
  }
}

/* Active sorting text */
.modern-platform button[data-sort][aria-pressed="true"],
.modern-platform button.sort-button[aria-pressed="true"] {
  box-shadow: none !important;
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.35),
    0 0 10px rgba(19, 128, 207, 0.20) !important;
}

/* Sorting headers: text glow only, never a glowing box */
.modern-platform .live-results-table thead th button,
.modern-platform .live-results-table thead th button:hover,
.modern-platform .live-results-table thead th button:active,
.modern-platform .live-results-table thead th button:focus,
.modern-platform .live-results-table thead th button:focus-visible,
.modern-platform .live-results-table .quote-delivery > button,
.modern-platform .live-results-table .quote-delivery > button:hover,
.modern-platform .live-results-table .quote-price > button,
.modern-platform .live-results-table .quote-price > button:hover {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

/* Glow on letters and sorting arrows */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .live-results-table thead th button:hover,
  .modern-platform .live-results-table .quote-delivery > button:hover,
  .modern-platform .live-results-table .quote-price > button:hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.55),
      0 0 12px rgba(19, 128, 207, 0.30) !important;
  }
}

/* Keyboard focus: text glow without rectangular outline */
.modern-platform .live-results-table thead th button:focus-visible,
.modern-platform .live-results-table .quote-delivery > button:focus-visible,
.modern-platform .live-results-table .quote-price > button:focus-visible {
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.55),
    0 0 12px rgba(19, 128, 207, 0.30) !important;
}

/* Text-only interactive elements: no rectangular highlight */
.modern-platform .live-results-table thead button,
.modern-platform .live-results-table .sort-button,
.modern-platform .live-results-table [data-sort],
.modern-platform .article-link,
.modern-platform a:not(.button):not(.btn),
.modern-platform button.article-link {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove rectangular hover/focus/active effects */
.modern-platform .live-results-table thead button:is(:hover, :focus, :focus-visible, :active),
.modern-platform .live-results-table .sort-button:is(:hover, :focus, :focus-visible, :active),
.modern-platform .live-results-table [data-sort]:is(:hover, :focus, :focus-visible, :active),
.modern-platform .article-link:is(:hover, :focus, :focus-visible, :active),
.modern-platform a:not(.button):not(.btn):is(:hover, :focus, :focus-visible, :active) {
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Glow only around the letters */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .live-results-table thead button:hover,
  .modern-platform .live-results-table .sort-button:hover,
  .modern-platform .live-results-table [data-sort]:hover,
  .modern-platform .article-link:hover,
  .modern-platform a:not(.button):not(.btn):hover {
    text-shadow:
      0 0 4px rgba(19, 128, 207, 0.65),
      0 0 10px rgba(19, 128, 207, 0.35) !important;
  }
}

/* Keyboard focus remains visually identifiable */
.modern-platform .live-results-table thead button:focus-visible,
.modern-platform .live-results-table .sort-button:focus-visible,
.modern-platform .live-results-table [data-sort]:focus-visible,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):focus-visible {
  text-shadow: 0 0 8px rgba(19, 128, 207, 0.65) !important;
  text-decoration: underline !important;
}

/* Text-only controls: glow letters, never the surrounding box */
.modern-platform .quote-sort-button,
.modern-platform .quote-sort-button:hover,
.modern-platform .quote-sort-button:active,
.modern-platform .quote-sort-button:focus,
.modern-platform .quote-sort-button:focus-visible,
.modern-platform .article-link,
.modern-platform .article-link:hover,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):not([role="button"]):hover,
.modern-platform a:not(.button):not(.btn):not([role="button"]):focus-visible {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  filter: none !important;
}

/* Subtle blue glow on text */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .quote-sort-button:hover,
  .modern-platform .article-link:hover,
  .modern-platform a:not(.button):not(.btn):not([role="button"]):hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, .55),
      0 0 12px rgba(19, 128, 207, .30) !important;
  }
}

/* Keyboard focus: visible text emphasis */
.modern-platform .quote-sort-button:focus-visible,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):not([role="button"]):focus-visible {
  text-shadow: 0 0 8px rgba(19, 128, 207, .6) !important;
  text-decoration: underline !important;
}

/* PartPrice: unified glow — real buttons vs sorting text */

/* Real buttons */
@media (hover: hover) and (pointer: fine) {
  body.modern-platform button:not(:disabled):not(.quote-sort-button):not(.mobile-sort-button):not(.article-link):not(.photo-inquiry-link):not(.vehicle-manual-toggle):not(.choice-search):hover {
    box-shadow: 0 0 0 1px rgba(19,128,207,.14),
                0 0 12px 3px rgba(19,128,207,.22) !important;
  }
}

/* Sorting: never show a rectangular glow */
body.modern-platform button.quote-sort-button,
body.modern-platform button.mobile-sort-button {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Sorting: glow letters only */
body.modern-platform button.quote-sort-button:is(:hover,:focus-visible,[aria-pressed="true"]),
body.modern-platform button.mobile-sort-button:is(:hover,:focus-visible,[aria-pressed="true"]) {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  text-shadow: 0 0 6px rgba(19,128,207,.65),
               0 0 12px rgba(19,128,207,.30) !important;
}