/* Rayburn Auto Sales — simple white and blue visual theme.
   Shared public theme, intentionally NOT loaded by the admin pages. */
:root {
  --bg:#fff; --body:#fff; --surf:#fff; --surf2:#f5f8fd;
  --border:#e3eaf3; --border2:#ccd8e7;
  --red:#0878f7; --red2:#0665d3; --teal:#0878f7; --teal2:#0665d3;
  --amber:#0878f7; --amber2:#0665d3; --gold:#0878f7; --gold2:#0665d3;
  --ink:#0c2345; --muted:#60748b; --dark:#082241;
  --radius:10px; --shadow:0 4px 16px rgba(16,42,76,.05);
  --shadow-md:0 8px 30px rgba(16,42,76,.08);
  --shadow-lg:0 18px 56px rgba(16,42,76,.13);
  --glow:0 0 0 3px rgba(8,120,247,.12);
}
html {scroll-behavior:smooth}
body {background:#fff!important;color:#0c2345;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
a {text-underline-offset:3px}
:focus-visible {outline:3px solid #80b6ff;outline-offset:3px}
.util-bar {display:none!important}
#mainNav {background:#fff!important;border-bottom:1px solid #e3eaf3!important;box-shadow:0 3px 20px rgba(15,38,68,.035)}
#mainNav>div {max-width:1280px!important;padding-left:24px!important;padding-right:24px!important}
#mainNav .nav-link {color:#334861!important;font-size:13px!important;font-weight:600!important;padding:9px 11px!important;background:transparent!important;border-radius:7px}
#mainNav .nav-active,#mainNav .nav-link:hover {color:#0878f7!important}
#mainNav .nav-active:after {content:'';position:absolute;bottom:-17px;left:12px;right:12px;height:2px;border-radius:2px;background:#0878f7}
#mainNav .nav-link.nav-inactive:hover {background:#f2f7fd!important}
#mainNav a[href$="/"]>span {font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;letter-spacing:-.045em!important;font-size:21px!important}
#mainNav a[href$="/"]>span:first-child {color:#0c2345!important}
#mainNav a[href$="/"]>span:last-child {color:#0878f7!important}
#mainNav [style*="background:rgba(255,255,255,.07)"],
#mainNav [style*="background:rgba(255,255,255,.08)"] {background:#f5f8fd!important}
#mainNav [style*="color:#FFFFFF"] {color:#0c2345!important}
#mainNav button[aria-label="Open search"],#mainNav button[aria-label="Open menu"] {color:#0c2345!important;border:1px solid #dce7f3!important;background:#f5f8fd!important}
#mainNav #bar1,#mainNav #bar2,#mainNav #bar3 {background:#0c2345!important}
#mainNav select[aria-label="Language"] {background:#f5f8fd!important;color:#0c2345!important;border:1px solid #dce7f3!important}
#mobileSearchBar {background:#fff!important;border-color:#e3eaf3!important;box-shadow:0 12px 28px rgba(16,42,76,.12)!important}
#mobileSearchBar input {background:#f5f8fd!important;border-color:#dce7f3!important;color:#0c2345!important}
#mobileSearchBar i {color:#60748b!important}
#mobileDrawer {background:#fff!important;border-radius:18px 18px 0 0!important}
#mobileDrawer .bsm-on,#mobileDrawer .bsm-card:hover {background:#edf5ff!important;border-color:#bcd9fd!important}
#mobileDrawer .bsm-row i,#mobileDrawer .bsm-card i {color:#0878f7!important}
#mobileDrawer a {text-decoration:none}
.btn-buy,.btn-primary {background:#0878f7!important;color:#fff!important;border-radius:8px!important;border:1px solid #0878f7!important;box-shadow:none!important}
.btn-buy:hover,.btn-primary:hover {background:#0665d3!important;border-color:#0665d3!important;box-shadow:0 6px 16px rgba(8,120,247,.14)!important}
.btn-outline {border-color:#d4e1f0!important;color:#0c2345!important;border-radius:8px!important}
.btn-outline:hover {border-color:#0878f7!important;color:#0878f7!important;background:#f0f6ff!important}
.input-field,input,select,textarea {color-scheme:light}
.input-field:focus,form input:focus,form select:focus,form textarea:focus {border-color:#0878f7!important;outline-color:#87bdff}
.card,.form-card,.hiw-card,.ab-pillar-card,.ab-value-card {background:#fff!important;border:1px solid #e3eaf3!important;border-radius:12px!important;box-shadow:0 4px 18px rgba(16,42,76,.05)!important}
.card:hover {border-color:#bcd8fc!important;box-shadow:0 12px 30px rgba(16,42,76,.10)!important}
.pg-header {background:#f5f9fe!important;border-bottom:1px solid #e4ebf4!important}
.pg-title {color:#0c2345!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important}
.pg-header p,.pg-header .pg-desc,.pg-header .pg-subtitle {color:#5e7188!important}
.prose h1,.prose h2,.prose h3 {color:#0c2345;font-family:'Plus Jakarta Sans',system-ui,sans-serif;text-transform:none;letter-spacing:-.025em}
/* Catalog and filtering */
.inv-wrap,.pd-wrap,.ct-wrap,.ab-wrap,.faq-wrap,.hiw-wrap,.hp-wrap,.pp-wrap {max-width:1250px!important}
.ff-chip.ff-on,.ff-lt-on {background:#eaf4ff!important;color:#0878f7!important;border-color:#0878f7!important}
.ff-chip:hover {color:#0878f7!important;border-color:#bcd8fc!important}
.ff-fill,.ff-thumb {border-color:#0878f7!important}
.ff-fill {background:#0878f7!important}
.ff-thumb {background:#fff!important}
.product-card-title {color:#0c2345!important}
.product-card-buy-box {background:#f5f9fe!important;border-color:#dce8f6!important}
.product-card-buy-strip {background:#f8fbff!important;border-color:#e3eaf3!important}
.product-card-buy-box [style*="color:#34D399"],.product-card-buy-box [style*="color:#34d399"] {color:#207d52!important}
.card-overlay span {background:#0878f7!important}
.card .badge-cert {background:#eaf4ff!important;color:#086cd9!important;border-color:#bee0ff!important}
/* Information pages: restrained cards and headings */
.faq-section,.faq-item,.hp-article,.ct-info,.ct-form,.ab-stat,.hiw-step,.hiw-card,.pp-hero {border-color:#e3eaf3!important}
.faq-section-icon,.hiw-num,.ab-pillar-icon,.ab-value-icon {background:#edf5ff!important;color:#0878f7!important}
/* Footer is intentionally dark navy, with the same blue accent. */
footer {--red:#5aa9ff!important;--ink:#fff;--muted:#b6c5d8; background:#0c2345!important;border-top:1px solid #173555!important}
footer .ft-wrap {max-width:1280px}
footer .ft-main i {color:#58a8ff!important}
footer a:hover {color:#fff!important}
/* Homepage: compact dealer layout inspired by the approved preview. */
.rb-home {background:#fff;color:#0c2345}
.rb-home * {box-sizing:border-box}
.rb-container {width:min(100% - 40px,1240px);margin:auto}
.rb-hero {min-height:400px;position:relative;overflow:hidden;background:linear-gradient(103deg,#e8f5ff 0%,#eef7ff 47%,#eaf3fc 100%)}
.rb-hero-art {position:absolute;right:0;top:0;bottom:0;width:53%;background-image:linear-gradient(90deg,#eef7ff 0%,rgba(238,247,255,.1) 34%,rgba(238,247,255,0) 60%),url('../images/rayburn-hero.jpg');background-size:cover;background-position:center right}
.rb-hero-container {position:relative;z-index:1;display:flex;align-items:center;min-height:400px}
.rb-hero-copy {width:min(100%,760px);padding:44px 0 47px}
.rb-overline {font-size:13px;font-weight:700;color:#25659f;letter-spacing:.09em;text-transform:uppercase}
.rb-hero h1 {font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(36px,4.3vw,58px);font-weight:800;letter-spacing:-.06em;line-height:1.07;color:#0c2345;margin:10px 0 10px}
.rb-hero p {font-size:16px;color:#344f6b;font-weight:500;margin:0 0 24px}
.rb-search {background:#fff;border:1px solid #dce8f6;border-radius:9px;padding:8px;display:grid;grid-template-columns:1.15fr 1fr 1fr auto;gap:8px;max-width:775px;box-shadow:0 12px 30px rgba(16,58,104,.09)}
.rb-search input,.rb-search select {min-width:0;width:100%;height:46px;background:#fff;border:1px solid #e1e8f2;border-radius:6px;color:#354c66;padding:0 12px;font-size:13px;font-family:inherit;font-weight:500}
.rb-search input::placeholder {color:#8192a4}
.rb-search select {cursor:pointer}
.rb-button {background:#0878f7;color:#fff;border:1px solid #0878f7;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;padding:12px 22px;transition:background .2s,border-color .2s}
.rb-button:hover {background:#0665d3;border-color:#0665d3;color:#fff}
.rb-search .rb-button {min-height:46px;padding:8px 22px}
.rb-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rb-categories {background:#fff;padding:34px 0 39px;border-bottom:1px solid #eff3f8}
.rb-heading {display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.rb-heading h2 {font-size:clamp(22px,2.3vw,29px);font-weight:800;letter-spacing:-.035em;line-height:1.2;color:#0c2345;margin:0}
.rb-heading>a {font-size:13px;font-weight:700;color:#0878f7;text-decoration:none;white-space:nowrap}
.rb-heading>a:hover {text-decoration:underline}
.rb-heading>a i {margin-left:5px;font-size:11px}
.rb-category-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.rb-category {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:106px;background:#f8fafc;border:1px solid #eaf0f6;border-radius:9px;text-align:center;text-decoration:none;color:#0c2345;font-size:14px;font-weight:700;padding:15px 8px;transition:border-color .2s,background .2s,transform .2s}
.rb-category:hover {background:#eff6ff;border-color:#b8d6fb;transform:translateY(-2px)}
.rb-category i {font-size:28px;color:#0878f7}
.rb-listings {padding:47px 0 54px;background:#fff}
.rb-section-kicker {display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#0878f7;font-weight:800;margin-bottom:4px}
.rb-listing-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.rb-vehicle {border:1px solid #e3eaf3;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 13px rgba(17,49,85,.04);transition:box-shadow .2s,transform .2s}
.rb-vehicle:hover {box-shadow:0 12px 30px rgba(17,49,85,.12);transform:translateY(-3px)}
.rb-vehicle-image {display:block;aspect-ratio:1.55;background:#edf4fc;overflow:hidden}
.rb-vehicle-image picture {display:block;width:100%;height:100%}
.rb-vehicle-photo {width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rb-vehicle:hover .rb-vehicle-photo {transform:scale(1.035)}
.rb-vehicle-info {padding:15px;display:flex;flex-direction:column;min-height:145px}
.rb-vehicle-title {display:block;font-size:14px;color:#0c2345;text-decoration:none;font-weight:750;line-height:1.45;min-height:40px}
.rb-vehicle-title:hover {color:#0878f7}
.rb-vehicle-price {font-size:19px;font-weight:800;letter-spacing:-.03em;color:#0c2345;margin:5px 0 12px}
.rb-buy {width:100%;margin-top:auto;padding:10px 14px}
.rb-empty {padding:58px 20px;background:#f5f9fd;border:1px solid #e3eaf3;border-radius:12px;text-align:center}
.rb-empty i {font-size:30px;color:#0878f7;margin-bottom:15px}
.rb-empty h3 {font-size:20px;margin:0 0 5px}
.rb-empty p {font-size:13px;color:#60748b;margin:0 0 18px}
.rb-see-all {display:flex;justify-content:center;padding-top:28px}
.rb-button-outline {color:#0878f7;background:#fff}
.rb-button-outline:hover {color:#fff}
.rb-benefits {background:#f5f9fe;border-top:1px solid #e5edf6;padding:26px 0}
.rb-benefit-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rb-benefit-grid>a {display:flex;align-items:center;gap:14px;color:#0c2345;text-decoration:none}
.rb-benefit-grid>a>i {font-size:23px;color:#1166ba;min-width:32px;text-align:center}
.rb-benefit-grid strong {display:block;font-size:13px;font-weight:800}
.rb-benefit-grid small {display:block;margin-top:3px;color:#60748b;font-size:11px}
@media(max-width:1100px) {
  #mainNav .nav-link {padding:8px 8px!important;font-size:12px!important}
  .rb-category-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
  .rb-hero-art {width:55%}
}
@media(max-width:850px) {
  .rb-hero-art {width:62%;opacity:.42}
  .rb-hero {background:linear-gradient(95deg,#eaf5ff 0%,#eaf5ff 42%,#e2f0ff 100%)}
  .rb-hero-copy {max-width:100%;padding:40px 0}
  .rb-listing-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-benefit-grid {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .rb-search {grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}
}
@media(max-width:640px) {
  #mainNav>div {padding-left:16px!important;padding-right:16px!important}
  #mainNav .nav-active:after {display:none}
  .rb-container {width:min(100% - 32px,1240px)}
  .rb-hero,.rb-hero-container {min-height:430px}
  .rb-hero-art {opacity:.24;width:100%;background-position:70% center}
  .rb-overline {font-size:10px}
  .rb-hero h1 {font-size:38px}
  .rb-hero p {font-size:13px;max-width:290px}
  .rb-search {grid-template-columns:1fr 1fr;gap:7px;padding:8px}
  .rb-search input {grid-column:span 2}
  .rb-search .rb-button {grid-column:span 2}
  .rb-category-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .rb-category {min-height:85px;font-size:11px;gap:9px;padding:10px 4px}
  .rb-category i {font-size:23px}
  .rb-categories {padding:28px 0}
  .rb-listings {padding:30px 0 40px}
  .rb-listing-grid {gap:12px}
  .rb-vehicle-info {padding:12px}
  .rb-vehicle-title {font-size:12px;min-height:38px}
  .rb-vehicle-price {font-size:17px}
  .rb-buy {padding:10px;font-size:12px}
  .rb-heading>a {font-size:11px}
  .rb-benefit-grid {gap:20px 12px}
  .rb-benefit-grid>a {gap:8px}
  .rb-benefit-grid>a>i {font-size:20px;min-width:24px}
  .rb-benefit-grid strong {font-size:11px}
  .rb-benefit-grid small {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {.rb-home * {transition:none!important;animation:none!important}}