/* ============================================================
   CARGURU FRONTEND FULL STYLESHEET REFERENCE — v2.47.13
   Scope: public frontend webpages only.
   Loaded by index.php and partials/header.php. Admin and Inspector
   screens are intentionally not linked to this file.
   ============================================================ */

body.landing-ui-body,
body.cg-frontend-page{
  --cg-primary-yellow:#FFBD00;
  --cg-yellow-400:#FFBD00;
  --cg-accent-red-start:#FD0141;
  --cg-accent-red-end:#FD516D;
  --cg-footer-red:#B7000E;
  --cg-footer-yellow:#FBC000;
  --cg-price-red:#DC2626;
  --cg-body-bg:hsl(0 0% 97%);
  --cg-border:hsl(0 0% 88%);
  --cg-radius-base:.5rem;
  --cg-ink:#111827;
  --cg-black:#000000;
  --cg-muted:#9CA3AF;
  --font-body:'Inter','Roboto Flex',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Rajdhani','Gabarito','Lexend Deca',sans-serif;
  --cg-font-body:'Inter','Roboto Flex',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cg-font-heading:'Lexend Deca','Inter',sans-serif;
  --cg-font-display:'Gabarito','Lexend Deca',sans-serif;
  --cg-font-timer:'DS-Digital','DS Digital','Digital-7',monospace;
  --cg-typo-body:'Roboto Flex','Inter',sans-serif;
  --cg-typo-headline:'Lexend Deca','Inter',sans-serif;
  --cg-typo-display:'Gabarito','Lexend Deca',sans-serif;
  --cg-typo-black:#111827;
  --cg-typo-muted:#9CA3AF;
  --cg-typo-red:#DC2626;
  font-family:var(--font-body) !important;
  color:var(--cg-black);
  background:var(--cg-body-bg) !important;
  border-color:var(--cg-border);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body.landing-ui-body *,
body.landing-ui-body *::before,
body.landing-ui-body *::after,
body.cg-frontend-page *,
body.cg-frontend-page *::before,
body.cg-frontend-page *::after{
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border-color:var(--cg-border);
}

body.landing-ui-body button,
body.landing-ui-body input,
body.landing-ui-body select,
body.landing-ui-body textarea,
body.cg-frontend-page button,
body.cg-frontend-page input,
body.cg-frontend-page select,
body.cg-frontend-page textarea{
  font-family:var(--cg-typo-body) !important;
}

body.landing-ui-body::-webkit-scrollbar,
body.cg-frontend-page::-webkit-scrollbar{width:6px;height:6px;}
body.landing-ui-body::-webkit-scrollbar-thumb,
body.cg-frontend-page::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px;}
body.landing-ui-body::-webkit-scrollbar-track,
body.cg-frontend-page::-webkit-scrollbar-track{background:transparent;}

/* Named non-typography utilities */
.digital-font,
body.landing-ui-body .digital-font,
body.cg-frontend-page .digital-font,
body.landing-ui-body .countdown-value,
body.landing-ui-body .cg-stat-value,
body.cg-frontend-page .countdown-value,
body.cg-frontend-page .cg-stat-value,
body.cg-frontend-page .cg-bid-preview-main-value,
body.cg-frontend-page .cg-bid-photo-countdown-value,
body.cg-frontend-page .cg-bid-countdown-value,
body.cg-frontend-page .countdown__value{
  font-family:var(--cg-font-timer) !important;
  letter-spacing:.05em !important;
  font-weight:400 !important;
}
.label-font{font-family:var(--cg-typo-body) !important;font-weight:500 !important;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.no-scrollbar::-webkit-scrollbar{display:none;}
.tab-active-underline{border-bottom:3px solid #e53e3e !important;}
.arrow-btn svg{transition:fill .16s ease,stroke .16s ease;}
.arrow-btn:hover svg{fill:var(--cg-primary-yellow) !important;stroke:var(--cg-primary-yellow) !important;}

/* 1 · HEADLINE */
.typo-headline,
body.landing-ui-body .cg-section-title,
body.cg-frontend-page .cg-section-title,
body.cg-frontend-page .section-title,
body.cg-frontend-page .section-heading h2,
body.cg-frontend-page .page-section > .container > .page-title{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:1.35rem !important;
  line-height:1.12 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}

.typo-headline-lg,
body.landing-ui-body .cg-steps-title,
body.cg-frontend-page .cg-steps-title,
body.cg-frontend-page .page-title.typo-headline-lg{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:1.5rem !important;
  line-height:1.12 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
@media (min-width:768px){
  .typo-headline-lg,
  body.landing-ui-body .cg-steps-title,
  body.cg-frontend-page .cg-steps-title,
  body.cg-frontend-page .page-title.typo-headline-lg{font-size:1.875rem !important;}
}

/* 2 · SUBHEAD */
.typo-subhead-make,
body.landing-ui-body .cg-card-title,
body.cg-frontend-page .cg-card-title,
body.cg-frontend-page .car-card .cg-card-title,
body.cg-frontend-page .cg-car-yearmake,
body.cg-frontend-page .cg-bid-car-yearmake,
body.cg-frontend-page .cg-bid-compact-yearmake{
  font-family:var(--cg-typo-display) !important;
  font-weight:700 !important;
  font-size:22px !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  color:var(--cg-ink) !important;
}

.typo-subhead-model,
body.landing-ui-body .cg-card-subtitle,
body.cg-frontend-page .cg-card-subtitle,
body.cg-frontend-page .car-card .cg-card-subtitle,
body.cg-frontend-page .cg-car-model,
body.cg-frontend-page .cg-bid-car-model,
body.cg-frontend-page .cg-bid-compact-model{
  font-family:var(--cg-typo-display) !important;
  font-weight:600 !important;
  font-size:18px !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  color:var(--cg-ink) !important;
}

.typo-subhead-step,
body.landing-ui-body .cg-step-body h3,
body.cg-frontend-page .cg-step-body h3{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.18 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}

/* 3 · BODYCOPY */
.typo-body,
body.landing-ui-body .cg-step-body p,
body.cg-frontend-page .cg-step-body p,
body.cg-frontend-page p,
body.cg-frontend-page .body,
body.cg-frontend-page .profile-content,
body.cg-frontend-page .cg-overview-panel p,
body.cg-frontend-page .cg-inspection-panel p{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:16px !important;
  line-height:1.625 !important;
  letter-spacing:0 !important;
  color:#000 !important;
}

.typo-body-sm,
body.landing-ui-body .cg-card-price-label,
body.cg-frontend-page .cg-card-price-label,
body.cg-frontend-page .cg-bid-list-small{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  color:#000 !important;
}

.typo-body-footer-intro,
body.landing-ui-body .cg-footer-copy p:first-child,
body.cg-frontend-page .footer-title,
body.cg-frontend-page .cg-footer-about .footer-title,
body.cg-frontend-page .cg-footer-about p:first-of-type{
  font-family:var(--cg-typo-body) !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.625 !important;
  color:#fff !important;
}

.typo-body-footer,
body.landing-ui-body .cg-footer-copy p:not(:first-child),
body.cg-frontend-page .cg-footer-about p:not(:first-of-type),
body.cg-frontend-page .cg-footer-subscribe-copy,
body.cg-frontend-page .cg-footer-links-col a{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:15px !important;
  line-height:1.625 !important;
  color:rgba(255,255,255,.8) !important;
}

/* 4 · FOOTER */
.typo-footer-fine,
body.landing-ui-body .cg-footer-bottom-wrap,
body.landing-ui-body .cg-footer-bottom-wrap span,
body.cg-frontend-page .footer-bottom,
body.cg-frontend-page .footer-bottom span,
body.cg-frontend-page .cg-footer-bottom-wrap,
body.cg-frontend-page .cg-footer-bottom-wrap span{
  font-family:var(--cg-typo-body) !important;
  font-weight:400 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}

.typo-footer-callus,
body.landing-ui-body .cg-footer-bottom-wrap strong,
body.cg-frontend-page .footer-bottom strong,
body.cg-frontend-page .cg-footer-bottom-wrap strong{
  font-family:var(--cg-typo-body) !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}

/* 5 · OTHER UI SIZES */
.typo-announcement,
body.landing-ui-body .cg-topbar,
body.cg-frontend-page .top-strip{
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
  color:#fff !important;
  text-align:center !important;
  background:linear-gradient(90deg,var(--cg-accent-red-start),var(--cg-accent-red-end)) !important;
  padding:.375rem 1rem !important;
}
.typo-announcement-bold{font-family:var(--cg-typo-body) !important;font-size:12px !important;font-weight:600 !important;}
.typo-announcement-light{font-family:var(--cg-typo-body) !important;font-size:12px !important;font-weight:300 !important;}

.typo-price-currency,
body.landing-ui-body .cg-card-price .typo-price-currency,
body.cg-frontend-page .cg-card-price .typo-price-currency,
body.cg-frontend-page .cg-car-reserve-price .typo-price-currency{
  font-family:var(--cg-typo-display) !important;
  font-weight:400 !important;
  font-size:18px !important;
  line-height:1 !important;
  color:var(--cg-price-red) !important;
  letter-spacing:0 !important;
}
.typo-price-value,
body.landing-ui-body .cg-card-price .typo-price-value,
body.cg-frontend-page .cg-card-price .typo-price-value,
body.cg-frontend-page .cg-car-reserve-price .typo-price-value{
  font-family:var(--cg-typo-display) !important;
  font-weight:700 !important;
  font-size:28px !important;
  line-height:1 !important;
  color:var(--cg-price-red) !important;
  letter-spacing:0 !important;
}
body.landing-ui-body .cg-card-price,
body.cg-frontend-page .cg-card-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:2px;
  row-gap:0;
  font-family:var(--cg-typo-display) !important;
  color:var(--cg-price-red) !important;
}

.typo-bid-label,
body.landing-ui-body .cg-stat-label,
body.cg-frontend-page .cg-stat-label,
body.cg-frontend-page .cg-bid-stat-label,
body.cg-frontend-page .cg-bid-preview-main-label,
body.cg-frontend-page .cg-bid-photo-countdown-label,
body.cg-frontend-page .card__bid-label{
  font-family:var(--cg-typo-body) !important;
  font-weight:500 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--cg-muted) !important;
}

body.landing-ui-body .cg-stat-value,
body.landing-ui-body .countdown-value,
body.cg-frontend-page .cg-stat-value,
body.cg-frontend-page .countdown-value,
body.cg-frontend-page .cg-bid-preview-main-value,
body.cg-frontend-page .cg-bid-photo-countdown-value{
  color:var(--cg-primary-yellow) !important;
}
body.landing-ui-body .cg-stat-value,
body.cg-frontend-page .cg-stat-value{font-size:43px !important;}
@media (max-width:767px){
  body.landing-ui-body .cg-stat-value,
  body.cg-frontend-page .cg-stat-value{font-size:38px !important;}
}

.typo-tab,
body.landing-ui-body .cg-tabs a,
body.landing-ui-body .cg-tabs button,
body.landing-ui-body .cg-tabs .tab-lite,
body.cg-frontend-page .tab,
body.cg-frontend-page .tab-link,
body.cg-frontend-page .cg-tabs a,
body.cg-frontend-page .cg-tabs button,
body.cg-frontend-page .cg-tabs .tab-lite{
  font-family:var(--cg-typo-body) !important;
  font-size:11px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
@media (min-width:768px){
  .typo-tab,
  body.landing-ui-body .cg-tabs a,
  body.landing-ui-body .cg-tabs button,
  body.landing-ui-body .cg-tabs .tab-lite,
  body.cg-frontend-page .tab,
  body.cg-frontend-page .tab-link,
  body.cg-frontend-page .cg-tabs a,
  body.cg-frontend-page .cg-tabs button,
  body.cg-frontend-page .cg-tabs .tab-lite{font-size:15px !important;}
}
body.landing-ui-body .cg-tabs,
body.cg-frontend-page .cg-tabs,
body.cg-frontend-page .tabs-row{border-bottom:1px solid #D1D5DB;}
body.landing-ui-body .cg-tabs a.active,
body.landing-ui-body .cg-tabs button.active,
body.cg-frontend-page .tab.active,
body.cg-frontend-page .tab-link.active,
body.cg-frontend-page .cg-tabs a.active,
body.cg-frontend-page .cg-tabs button.active{
  border-bottom:3px solid var(--cg-primary-yellow) !important;
}

.typo-go-bid-label,
body.landing-ui-body .go-bid-link,
body.cg-frontend-page .go-bid-link{
  font-family:var(--cg-typo-body) !important;
  font-weight:500 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}
.typo-go-bid-count{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
@media (min-width:768px){
  .typo-go-bid-label,
  body.landing-ui-body .go-bid-link,
  body.cg-frontend-page .go-bid-link{font-size:16px !important;}
  .typo-go-bid-count{font-size:15px !important;}
}

.typo-card-date-light,
body.landing-ui-body .cg-card-bidbar,
body.landing-ui-body .cg-card-bidbar span,
body.cg-frontend-page .cg-card-bidbar,
body.cg-frontend-page .cg-card-bidbar span{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  color:#fff !important;
}
.typo-card-date-bold,
body.landing-ui-body .cg-card-bidbar strong,
body.cg-frontend-page .cg-card-bidbar strong{
  font-family:var(--cg-typo-body) !important;
  font-weight:900 !important;
  color:#fff !important;
}

.typo-card-meta,
body.landing-ui-body .cg-card-meta,
body.cg-frontend-page .cg-card-meta,
body.cg-frontend-page .cg-car-meta{
  font-family:var(--cg-typo-body) !important;
  font-weight:500 !important;
  font-size:16px !important;
  line-height:1.28 !important;
  color:#000 !important;
}

.typo-step-number,
body.landing-ui-body .cg-step-no,
body.cg-frontend-page .cg-step-no{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:#000 !important;
}

.typo-widget,
body.landing-ui-body .cg-help-widget,
body.landing-ui-body .cg-whatsapp-widget,
body.landing-ui-body .whatsapp-float,
body.cg-frontend-page .cg-help-widget,
body.cg-frontend-page .cg-whatsapp-widget,
body.cg-frontend-page .whatsapp-float{
  font-family:var(--cg-typo-body) !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
body.landing-ui-body .cg-help-widget,
body.landing-ui-body .cg-whatsapp-widget,
body.landing-ui-body .whatsapp-float,
body.cg-frontend-page .cg-help-widget,
body.cg-frontend-page .cg-whatsapp-widget,
body.cg-frontend-page .whatsapp-float{
  width:170px;
  background:#22c55e !important;
  border-radius:.5rem !important;
  position:fixed;
  right:20px;
  bottom:20px;
}

.typo-utility-sm,
body.landing-ui-body .cg-showing,
body.cg-frontend-page .cg-showing{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:#000 !important;
}
.typo-utility-btn,
body.landing-ui-body .cg-more-btn,
body.cg-frontend-page .cg-more-btn,
body.cg-frontend-page .btn{
  font-family:var(--cg-typo-body) !important;
  font-weight:600 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

/* Shared frontend color/base application */
body.landing-ui-body .cg-hero,
body.landing-ui-body .btn-primary,
body.cg-frontend-page .btn-primary,
body.cg-frontend-page .btn-gold,
body.cg-frontend-page .cg-retail-upcoming-btn,
body.cg-frontend-page .cg-retail-fee-btn,
body.cg-frontend-page .cg-auth-primary-btn{background:var(--cg-primary-yellow) !important;color:#111827 !important;}
body.cg-frontend-page .btn-dark,
body.cg-frontend-page .btn-gold{border-color:#111827 !important;}
body.landing-ui-body .cg-card-price,
body.cg-frontend-page .cg-car-reserve-price,
body.cg-frontend-page .cg-bid-topamount,
body.cg-frontend-page .card__bid-amount{color:var(--cg-price-red) !important;}

/* Footer brand colors */
body.landing-ui-body .cg-footer,
body.landing-ui-body .cg-footer-top,
body.cg-frontend-page .site-footer,
body.cg-frontend-page .footer-top-wrap,
body.cg-frontend-page .cg-footer-top{
  background:var(--cg-footer-red) !important;
}
body.landing-ui-body .cg-footer-bottom,
body.cg-frontend-page .footer-bottom{
  background:var(--cg-footer-yellow) !important;
  color:var(--cg-ink) !important;
}
body.cg-frontend-page .cg-footer-heading{color:#fff !important;font-family:var(--cg-typo-body) !important;font-weight:600 !important;}
body.cg-frontend-page .cg-footer-subscribe button{background:var(--cg-footer-yellow) !important;color:#111827 !important;}

/* Mobile refinements preserve requested sizes */
@media (max-width:767px){
  .typo-subhead-make,
  body.landing-ui-body .cg-card-title,
  body.cg-frontend-page .cg-card-title{font-size:22px !important;line-height:1.3 !important;}
  .typo-subhead-model,
  body.landing-ui-body .cg-card-subtitle,
  body.cg-frontend-page .cg-card-subtitle{font-size:18px !important;line-height:1.3 !important;}
  .typo-card-meta,
  body.landing-ui-body .cg-card-meta,
  body.cg-frontend-page .cg-card-meta{font-size:16px !important;}
  .typo-price-currency,
  body.landing-ui-body .cg-card-price .typo-price-currency,
  body.cg-frontend-page .cg-card-price .typo-price-currency{font-size:18px !important;}
  .typo-price-value,
  body.landing-ui-body .cg-card-price .typo-price-value,
  body.cg-frontend-page .cg-card-price .typo-price-value{font-size:28px !important;}
  .typo-announcement,
  body.landing-ui-body .cg-topbar,
  body.cg-frontend-page .top-strip{font-size:12px !important;}
}

/* Countdown digits from the supplied stylesheet reference */
body.landing-ui-body [data-countdown],
body.cg-frontend-page [data-countdown],
body.cg-frontend-page [data-countdown-idle],
body.cg-frontend-page .cg-bid-stat-value,
body.cg-frontend-page .cg-bid-preview-main-value,
body.cg-frontend-page .cg-bid-photo-countdown-value,
body.cg-frontend-page .cg-bid-list-start-countdown strong,
body.cg-frontend-page .cg-bid-list-bidstatus strong{
  font-family:var(--cg-font-timer) !important;
  font-weight:400 !important;
  font-size:43px !important;
  line-height:1 !important;
  letter-spacing:.05em !important;
  color:var(--cg-primary-yellow) !important;
}
@media (max-width:767px){
  body.landing-ui-body [data-countdown],
  body.cg-frontend-page [data-countdown],
  body.cg-frontend-page [data-countdown-idle],
  body.cg-frontend-page .cg-bid-stat-value,
  body.cg-frontend-page .cg-bid-preview-main-value,
  body.cg-frontend-page .cg-bid-photo-countdown-value,
  body.cg-frontend-page .cg-bid-list-start-countdown strong,
  body.cg-frontend-page .cg-bid-list-bidstatus strong{font-size:38px !important;}
}

/* ============================================================
   v2.47.14 — Mobile landing hero screen-fit fix
   Keeps the dedicated mobile hero artwork inside the viewport width,
   prevents horizontal bleed, and caps hero height on short screens.
   Frontend-only; Admin and Inspector are not linked to this stylesheet.
   ============================================================ */
@media (max-width:767px){
  html,
  body.landing-ui-body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  body.landing-ui-body .cg-hero{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
    background:var(--cg-primary-yellow, #FFBD00) !important;
  }

  body.landing-ui-body .cg-hero-inner{
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
  }

  body.landing-ui-body .cg-hero-image{
    width:100vw !important;
    max-width:100vw !important;
    height:min(100vw, calc(100svh - 48px)) !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:var(--cg-primary-yellow, #FFBD00) !important;
  }

  body.landing-ui-body .cg-hero-picture,
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.landing-ui-body .cg-hero-picture{
    height:100% !important;
    overflow:hidden !important;
  }

  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    height:100% !important;
    object-fit:contain !important;
    object-position:center top !important;
    border-radius:0 !important;
    transform:none !important;
  }
}

@supports not (height:100svh){
  @media (max-width:767px){
    body.landing-ui-body .cg-hero-image{
      height:min(100vw, calc(100vh - 48px)) !important;
    }
  }
}

/* ============================================================
   v2.47.15 — Mobile landing hero form-factor fill + empty-car Go Bid guard
   Crops the transparent side gutters inside the dedicated mobile SVG artwork
   so the hero artwork fills the phone width without mismatched yellow bands.
   Frontend-only; Admin and Inspector are not linked to this stylesheet.
   ============================================================ */
body.landing-ui-body .cg-tabs.cg-tabs--no-gobid{
  justify-content:center;
  flex-wrap:wrap;
}
body.landing-ui-body .cg-tabs.cg-tabs--no-gobid .tab-lite{
  flex:0 1 auto;
}

@media (max-width:767px){
  body.landing-ui-body .cg-hero,
  body.landing-ui-body .cg-hero-inner,
  body.landing-ui-body .cg-hero-image{
    background:var(--cg-primary-yellow, #FFBD00) !important;
  }

  body.landing-ui-body .cg-hero-inner{
    min-height:0 !important;
    height:auto !important;
    padding-top:0 !important;
  }

  body.landing-ui-body .cg-hero-image{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    height:min(calc(100vw * 1.232), calc(100svh - 104px)) !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
  }

  body.landing-ui-body .cg-hero-picture{
    display:block !important;
    width:100vw !important;
    height:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
    background:var(--cg-primary-yellow, #FFBD00) !important;
  }

  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    display:block !important;
    width:131.8vw !important;
    max-width:none !important;
    height:auto !important;
    min-height:100% !important;
    margin-left:-23.9vw !important;
    object-fit:fill !important;
    object-position:left top !important;
    border-radius:0 !important;
    transform:none !important;
    background:var(--cg-primary-yellow, #FFBD00) !important;
  }

  body.landing-ui-body .cg-tabs.cg-tabs--no-gobid{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    gap:6px !important;
    align-items:stretch !important;
  }

  body.landing-ui-body .cg-tabs.cg-tabs--no-gobid .tab-lite{
    grid-column:1 !important;
    grid-row:auto !important;
    width:100% !important;
  }
}

@supports not (height:100svh){
  @media (max-width:767px){
    body.landing-ui-body .cg-hero-image{
      height:min(calc(100vw * 1.232), calc(100vh - 104px)) !important;
    }
  }
}


/* ============================================================
   v2.47.16 — Main webpage menu/header match
   Adds the attached desktop yellow menu treatment to the landing page,
   keeps the menu frontend-only, and removes the older hero-overlay auth/logo
   so the header is the single source of navigation on the main webpage.
   ============================================================ */
body.landing-ui-body .cg-home-main-header{
  position:sticky;
  top:0;
  z-index:1200;
  width:100%;
  background:var(--cg-primary-yellow, #FFBD00) !important;
  border:0 !important;
  border-top:3px solid #e30613 !important;
  box-shadow:none !important;
}
body.landing-ui-body .cg-home-main-header .container,
body.landing-ui-body .cg-home-nav-row{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
body.landing-ui-body .cg-home-nav-row{
  min-height:53px;
  display:grid !important;
  grid-template-columns:minmax(138px, 205px) minmax(0, 1fr) auto;
  align-items:center;
  gap:16px;
  padding:0 16px !important;
}
body.landing-ui-body .cg-home-brand{
  display:inline-flex;
  align-items:center;
  min-width:0;
  justify-self:start;
}
body.landing-ui-body .cg-home-brand img{
  width:150px;
  height:auto;
  max-height:48px;
  object-fit:contain;
}
body.landing-ui-body .cg-home-main-nav{
  display:flex !important;
  justify-content:center;
  align-items:center;
  gap:27px;
  min-width:0;
  font-family:var(--cg-typo-body, 'Roboto Flex', Inter, sans-serif) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
  white-space:nowrap;
}
body.landing-ui-body .cg-home-main-nav a,
body.landing-ui-body .cg-home-main-header .header-auth-link,
body.landing-ui-body .cg-home-main-header .header-profile-text,
body.landing-ui-body .cg-home-main-header .header-logout-link{
  position:relative;
  color:#111827 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  cursor:pointer;
  font-family:var(--cg-typo-body, 'Roboto Flex', Inter, sans-serif) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase;
}
body.landing-ui-body .cg-home-main-nav a::after,
body.landing-ui-body .cg-home-main-header .header-auth-link::after,
body.landing-ui-body .cg-home-main-header .header-profile-text::after,
body.landing-ui-body .cg-home-main-header .header-logout-link::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:3px;
  transform:scaleX(0);
  transform-origin:center;
  background:#FD0141;
  border-radius:999px;
  transition:transform .18s ease;
}
body.landing-ui-body .cg-home-main-nav a.is-active,
body.landing-ui-body .cg-home-main-nav a:hover,
body.landing-ui-body .cg-home-main-header .header-auth-link:hover,
body.landing-ui-body .cg-home-main-header .header-profile-text:hover,
body.landing-ui-body .cg-home-main-header .header-logout-link:hover{
  color:#FD0141 !important;
}
body.landing-ui-body .cg-home-main-nav a.is-active::after,
body.landing-ui-body .cg-home-main-nav a:hover::after,
body.landing-ui-body .cg-home-main-header .header-auth-link:hover::after,
body.landing-ui-body .cg-home-main-header .header-profile-text:hover::after,
body.landing-ui-body .cg-home-main-header .header-logout-link:hover::after{
  transform:scaleX(1);
}
body.landing-ui-body .cg-home-header-actions,
body.landing-ui-body .cg-home-header-icons{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}
body.landing-ui-body .cg-home-header-actions{gap:15px;}
body.landing-ui-body .cg-home-header-icons{
  position:relative;
  gap:9px;
  white-space:nowrap;
}
body.landing-ui-body .cg-home-callout{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1.05;
  min-width:78px;
}
body.landing-ui-body .cg-home-callout .label{
  font-family:var(--cg-typo-body, 'Roboto Flex', Inter, sans-serif);
  font-weight:700;
  font-size:7px;
  letter-spacing:.055em;
  color:#111827;
  text-transform:uppercase;
}
body.landing-ui-body .cg-home-callout .value{
  margin-top:2px;
  font-family:var(--cg-typo-body, 'Roboto Flex', Inter, sans-serif);
  font-weight:900;
  font-size:9px;
  color:#111827;
  text-decoration:none;
  white-space:nowrap;
}
body.landing-ui-body .cg-home-main-header .header-cart-link,
body.landing-ui-body .cg-home-main-header .header-user-icon{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:22px;
  height:22px;
  margin:0 !important;
  padding:0 !important;
  color:#111827 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  line-height:1;
  cursor:pointer;
  text-decoration:none !important;
}
body.landing-ui-body .cg-home-main-header .header-cart-svg{
  width:19px;
  height:19px;
  display:block;
}
body.landing-ui-body .cg-home-main-header .profile-icon{
  width:19px !important;
  height:19px !important;
  object-fit:contain;
  display:block;
}
body.landing-ui-body .cg-home-main-header .header-auth-divider{
  display:inline-block;
  color:#111827 !important;
  opacity:.75;
  font-size:11px;
  font-weight:600;
  line-height:1;
  margin:0 1px;
}
body.landing-ui-body .cg-home-main-header .header-cart-badge{
  position:absolute;
  top:-8px;
  right:-8px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#FD0141;
  color:#fff;
  font-size:10px;
  line-height:16px;
  font-weight:900;
  font-style:normal;
}
body.landing-ui-body .cg-home-role-box{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:1300;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

@media (max-width:1180px){
  body.landing-ui-body .cg-home-nav-row{
    grid-template-columns:minmax(126px, 160px) minmax(0, 1fr) auto;
    gap:12px;
    padding:0 12px !important;
  }
  body.landing-ui-body .cg-home-brand img{width:136px;}
  body.landing-ui-body .cg-home-main-nav{gap:16px;font-size:10px !important;}
}

@media (max-width:900px){
  body.landing-ui-body .cg-home-callout{display:none;}
}

@media (max-width:767px){
  body.landing-ui-body .cg-home-main-header{
    border-top:2px solid #e30613 !important;
  }
  body.landing-ui-body .cg-home-nav-row{
    min-height:78px;
    grid-template-columns:auto 1fr;
    grid-template-areas:'brand actions' 'nav nav';
    align-items:center;
    gap:7px 10px;
    padding:6px 10px 7px !important;
  }
  body.landing-ui-body .cg-home-brand{grid-area:brand;}
  body.landing-ui-body .cg-home-brand img{width:120px;max-height:38px;}
  body.landing-ui-body .cg-home-main-nav{
    grid-area:nav;
    justify-content:flex-start;
    gap:16px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:5px 0 1px;
    font-size:10px !important;
  }
  body.landing-ui-body .cg-home-main-nav::-webkit-scrollbar{display:none;}
  body.landing-ui-body .cg-home-main-nav a{flex:0 0 auto;font-size:10px !important;}
  body.landing-ui-body .cg-home-header-actions{
    grid-area:actions;
    justify-self:end;
    gap:8px;
  }
  body.landing-ui-body .cg-home-header-icons{gap:7px;}
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link{
    font-size:10px !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon{
    width:19px;
    height:19px;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-svg,
  body.landing-ui-body .cg-home-main-header .profile-icon{
    width:17px !important;
    height:17px !important;
  }
  body.landing-ui-body .cg-home-role-box{top:calc(100% + 8px);right:0;}
  body.landing-ui-body .cg-hero-image{
    height:min(calc(100vw * 1.232), calc(100svh - 142px)) !important;
  }
}

@supports not (height:100svh){
  @media (max-width:767px){
    body.landing-ui-body .cg-hero-image{
      height:min(calc(100vw * 1.232), calc(100vh - 142px)) !important;
    }
  }
}

/* ============================================================
   v2.47.17 — Attached frontend stylesheet implementation
   Scope: public frontend webpages only. Admin and Inspector are
   not linked to this frontend stylesheet.
   ============================================================ */
body.landing-ui-body,
body.cg-frontend-page{
  --cg-primary-yellow:#FFBD00;
  --cg-brand-yellow:#FFBD00;
  --cg-header-yellow:#f2c648;
  --cg-accent-red-start:#FD0141;
  --cg-accent-red-end:#FD516D;
  --cg-active-red:#DC2626;
  --cg-footer-red:#B7000E;
  --cg-footer-yellow:#FBC000;
  --cg-price-red:#DC2626;
  --cg-black:#000000;
  --cg-ink:#111827;
  --cg-muted:#9CA3AF;
  --cg-dark-divider:#374151;
  --cg-border:hsl(0 0% 88%);
  --cg-body-bg:hsl(0 0% 97%);
  --cg-radius-base:.5rem;
  --font-display:'Rajdhani','Gabarito','Lexend Deca',sans-serif;
  --cg-font-body:'Inter','Roboto Flex',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cg-typo-body:'Roboto Flex','Inter',sans-serif;
  --cg-typo-headline:'Lexend Deca','Inter',sans-serif;
  --cg-typo-display:'Gabarito','Lexend Deca',sans-serif;
  --cg-font-timer:'DS-Digital','DS Digital','Digital-7',monospace;
  margin-left:0;
  margin-right:0;
  color:var(--cg-ink);
  background:var(--cg-body-bg) !important;
  font-family:var(--cg-font-body) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

body.landing-ui-body *,
body.landing-ui-body *::before,
body.landing-ui-body *::after,
body.cg-frontend-page *,
body.cg-frontend-page *::before,
body.cg-frontend-page *::after{border-color:var(--cg-border);}

body.landing-ui-body::-webkit-scrollbar,
body.cg-frontend-page::-webkit-scrollbar{width:6px;height:6px;}
body.landing-ui-body::-webkit-scrollbar-thumb,
body.cg-frontend-page::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px;}
body.landing-ui-body::-webkit-scrollbar-track,
body.cg-frontend-page::-webkit-scrollbar-track{background:transparent;}

.typo-headline,
body.landing-ui-body .cg-section-title,
body.cg-frontend-page .cg-section-title,
body.cg-frontend-page .section-title,
body.cg-frontend-page .section-heading h2,
body.cg-frontend-page .page-title{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:1.35rem !important;
  line-height:1.12 !important;
  letter-spacing:-.01em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
.typo-headline-lg,
body.landing-ui-body .cg-steps-title,
body.cg-frontend-page .cg-steps-title,
body.cg-frontend-page .page-title.typo-headline-lg{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:1.5rem !important;
  line-height:1.12 !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
@media (min-width:768px){
  .typo-headline-lg,
  body.landing-ui-body .cg-steps-title,
  body.cg-frontend-page .cg-steps-title,
  body.cg-frontend-page .page-title.typo-headline-lg{font-size:1.875rem !important;}
}
.typo-subhead-make,
body.landing-ui-body .cg-card-title,
body.cg-frontend-page .cg-card-title,
body.cg-frontend-page .cg-car-yearmake,
body.cg-frontend-page .cg-bid-car-yearmake,
body.cg-frontend-page .cg-bid-compact-yearmake{
  font-family:var(--cg-typo-display) !important;
  font-weight:700 !important;
  font-size:22px !important;
  line-height:1.3 !important;
  color:var(--cg-ink) !important;
}
.typo-subhead-model,
body.landing-ui-body .cg-card-subtitle,
body.cg-frontend-page .cg-card-subtitle,
body.cg-frontend-page .cg-car-model,
body.cg-frontend-page .cg-bid-car-model,
body.cg-frontend-page .cg-bid-compact-model{
  font-family:var(--cg-typo-display) !important;
  font-weight:600 !important;
  font-size:18px !important;
  line-height:1.3 !important;
  color:var(--cg-ink) !important;
}
.typo-subhead-step,
body.landing-ui-body .cg-step-body h3,
body.cg-frontend-page .cg-step-body h3{
  font-family:var(--cg-typo-headline) !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
.typo-body,
body.landing-ui-body .cg-step-body p,
body.cg-frontend-page p,
body.cg-frontend-page .body,
body.cg-frontend-page .profile-content{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:16px !important;
  line-height:1.625 !important;
  color:#000 !important;
}
.typo-body-sm,
body.landing-ui-body .cg-card-price-label,
body.cg-frontend-page .cg-card-price-label,
body.cg-frontend-page .cg-bid-list-small{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:13px !important;
  color:#000 !important;
}
.typo-body-footer-intro,
body.landing-ui-body .cg-footer-copy p:first-child,
body.cg-frontend-page .footer-title,
body.cg-frontend-page .cg-footer-about p:first-of-type{
  font-family:var(--cg-typo-body) !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.625 !important;
  color:#fff !important;
}
.typo-body-footer,
body.landing-ui-body .cg-footer-copy p:not(:first-child),
body.cg-frontend-page .cg-footer-about p:not(:first-of-type),
body.cg-frontend-page .cg-footer-subscribe-copy,
body.cg-frontend-page .cg-footer-links-col a{
  font-family:var(--cg-typo-body) !important;
  font-weight:300 !important;
  font-size:15px !important;
  line-height:1.625 !important;
  color:rgba(255,255,255,.8) !important;
}
.typo-footer-fine,
body.landing-ui-body .cg-footer-bottom-wrap,
body.landing-ui-body .cg-footer-bottom-wrap span,
body.cg-frontend-page .footer-bottom,
body.cg-frontend-page .footer-bottom span,
body.cg-frontend-page .cg-footer-bottom-wrap,
body.cg-frontend-page .cg-footer-bottom-wrap span{
  font-family:var(--cg-typo-body) !important;
  font-weight:400 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
.typo-footer-callus,
body.landing-ui-body .cg-footer-bottom-wrap strong,
body.cg-frontend-page .footer-bottom strong,
body.cg-frontend-page .cg-footer-bottom-wrap strong{
  font-family:var(--cg-typo-body) !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--cg-ink) !important;
}
.typo-announcement,
body.landing-ui-body .cg-topbar,
body.cg-frontend-page .top-strip{
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  line-height:.95 !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
  color:#fff !important;
  text-align:center !important;
  background:linear-gradient(to right,var(--cg-accent-red-start),var(--cg-accent-red-end)) !important;
  padding:7px 16px !important;
}
.typo-announcement-bold{font-family:var(--cg-typo-body) !important;font-size:12px !important;font-weight:600 !important;}
.typo-announcement-light{font-family:var(--cg-typo-body) !important;font-size:12px !important;font-weight:300 !important;}
.cg-mobile-announcement-break{display:none;}
.typo-price-currency,
body.landing-ui-body .cg-card-price .typo-price-currency,
body.cg-frontend-page .cg-card-price .typo-price-currency,
body.cg-frontend-page .cg-car-reserve-price .typo-price-currency{
  font-family:var(--cg-typo-display) !important;
  font-weight:400 !important;
  font-size:18px !important;
  line-height:1 !important;
  color:var(--cg-price-red) !important;
}
.typo-price-value,
body.landing-ui-body .cg-card-price .typo-price-value,
body.cg-frontend-page .cg-card-price .typo-price-value,
body.cg-frontend-page .cg-car-reserve-price .typo-price-value{
  font-family:var(--cg-typo-display) !important;
  font-weight:700 !important;
  font-size:28px !important;
  line-height:1 !important;
  color:var(--cg-price-red) !important;
}
.typo-bid-label,
body.landing-ui-body .cg-stat-label,
body.cg-frontend-page .cg-stat-label,
body.cg-frontend-page .cg-bid-stat-label,
body.cg-frontend-page .cg-bid-preview-main-label,
body.cg-frontend-page .cg-bid-photo-countdown-label{
  font-family:var(--cg-typo-body) !important;
  font-weight:500 !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--cg-muted) !important;
}
.digital-font,
body.landing-ui-body .digital-font,
body.cg-frontend-page .digital-font,
body.landing-ui-body .countdown-value,
body.landing-ui-body .cg-stat-value,
body.cg-frontend-page .countdown-value,
body.cg-frontend-page .cg-stat-value,
body.cg-frontend-page .cg-bid-preview-main-value,
body.cg-frontend-page .cg-bid-photo-countdown-value,
body.cg-frontend-page .cg-bid-countdown-value,
body.cg-frontend-page .countdown__value{
  font-family:var(--cg-font-timer) !important;
  font-weight:400 !important;
  letter-spacing:.05em !important;
  font-variant-numeric:tabular-nums !important;
}
.typo-tab,
body.landing-ui-body .cg-tabs a,
body.landing-ui-body .cg-tabs button,
body.landing-ui-body .cg-tabs .tab-lite,
body.cg-frontend-page .tab,
body.cg-frontend-page .tab-link,
body.cg-frontend-page .cg-tabs a,
body.cg-frontend-page .cg-tabs button,
body.cg-frontend-page .cg-tabs .tab-lite{
  font-family:var(--cg-typo-body) !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
@media (min-width:768px){
  .typo-tab,
  body.landing-ui-body .cg-tabs a,
  body.landing-ui-body .cg-tabs button,
  body.landing-ui-body .cg-tabs .tab-lite,
  body.cg-frontend-page .tab,
  body.cg-frontend-page .tab-link,
  body.cg-frontend-page .cg-tabs a,
  body.cg-frontend-page .cg-tabs button,
  body.cg-frontend-page .cg-tabs .tab-lite{font-size:15px !important;}
}
.typo-go-bid-label,
body.landing-ui-body .go-bid-link,
body.cg-frontend-page .go-bid-link{font-family:var(--cg-typo-body) !important;font-weight:500 !important;font-size:12px !important;}
.typo-go-bid-count{font-family:var(--cg-typo-body) !important;font-weight:300 !important;font-size:11px !important;}
@media (min-width:768px){.typo-go-bid-label,body.landing-ui-body .go-bid-link,body.cg-frontend-page .go-bid-link{font-size:16px !important;}.typo-go-bid-count{font-size:15px !important;}}
.typo-card-meta,
body.landing-ui-body .cg-card-meta,
body.cg-frontend-page .cg-card-meta,
body.cg-frontend-page .cg-car-meta{font-family:var(--cg-typo-body) !important;font-weight:500 !important;font-size:16px !important;color:#000 !important;}
.typo-step-number,
body.landing-ui-body .cg-step-no,
body.cg-frontend-page .cg-step-no{font-family:var(--cg-typo-headline) !important;font-weight:700 !important;font-size:14px !important;line-height:1 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#000 !important;}
.typo-widget,
body.landing-ui-body .cg-help-widget,
body.landing-ui-body .cg-whatsapp-widget,
body.landing-ui-body .whatsapp-float,
body.cg-frontend-page .cg-help-widget,
body.cg-frontend-page .cg-whatsapp-widget,
body.cg-frontend-page .whatsapp-float{font-family:var(--cg-typo-body) !important;font-weight:600 !important;font-size:12px !important;line-height:1.35 !important;}
body.landing-ui-body .cg-help-widget,
body.landing-ui-body .cg-whatsapp-widget,
body.landing-ui-body .whatsapp-float,
body.cg-frontend-page .cg-help-widget,
body.cg-frontend-page .cg-whatsapp-widget,
body.cg-frontend-page .whatsapp-float{width:170px;background:#22c55e !important;border-radius:.5rem !important;position:fixed;right:20px;bottom:20px;}
.typo-utility-sm,
body.landing-ui-body .cg-showing,
body.cg-frontend-page .cg-showing{font-family:var(--cg-typo-body) !important;font-weight:300 !important;font-size:12px !important;}
.typo-utility-btn,
body.landing-ui-body .cg-more-btn,
body.cg-frontend-page .cg-more-btn,
body.cg-frontend-page .btn{font-family:var(--cg-typo-body) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.05em !important;text-transform:uppercase !important;}
body.landing-ui-body .cg-footer,
body.landing-ui-body .cg-footer-top,
body.cg-frontend-page .site-footer,
body.cg-frontend-page .footer-top-wrap,
body.cg-frontend-page .cg-footer-top{background:var(--cg-footer-red) !important;}
body.landing-ui-body .cg-footer-bottom,
body.cg-frontend-page .footer-bottom{background:var(--cg-footer-yellow) !important;color:var(--cg-ink) !important;}

@media (min-width:768px){
  body.landing-ui-body .site-header,
  body.cg-frontend-page .site-header,
  body.landing-ui-body .cg-home-main-header{
    position:sticky !important;
    top:0 !important;
    z-index:1200 !important;
    width:100% !important;
    background:#ffffff !important;
    border:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
  }
  body.landing-ui-body .cg-home-main-header .container,
  body.landing-ui-body .cg-home-nav-row,
  body.cg-frontend-page .site-header .container,
  body.cg-frontend-page .site-header .nav-row{
    width:100% !important;
    max-width:none !important;
    height:72px !important;
    min-height:72px !important;
    margin:0 !important;
    padding:0 16px 0 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    position:relative !important;
  }
  body.landing-ui-body .cg-home-brand,
  body.cg-frontend-page .site-header .brand{
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-self:auto !important;
  }
  body.landing-ui-body .cg-home-brand img,
  body.cg-frontend-page .site-header .brand img{
    height:56px !important;
    width:auto !important;
    max-height:56px !important;
    max-width:none !important;
    object-fit:contain !important;
  }
  body.landing-ui-body .cg-home-main-nav,
  body.cg-frontend-page .site-header .main-nav{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-58%, -50%) !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:24px !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  body.landing-ui-body .cg-home-main-nav a,
  body.cg-frontend-page .site-header .main-nav a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    color:var(--cg-ink) !important;
    font-family:var(--cg-typo-body) !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }
  body.landing-ui-body .cg-home-main-nav a::after,
  body.cg-frontend-page .site-header .main-nav a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-2px !important;
    height:3px !important;
    background:linear-gradient(to right,var(--cg-accent-red-start),var(--cg-accent-red-end)) !important;
    border-radius:2px !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .18s ease !important;
  }
  body.landing-ui-body .cg-home-main-nav a.is-active,
  body.landing-ui-body .cg-home-main-nav a:hover,
  body.cg-frontend-page .site-header .main-nav a.is-active,
  body.cg-frontend-page .site-header .main-nav a:hover{
    color:var(--cg-active-red) !important;
    font-weight:700 !important;
  }
  body.landing-ui-body .cg-home-main-nav a.is-active::after,
  body.landing-ui-body .cg-home-main-nav a:hover::after,
  body.cg-frontend-page .site-header .main-nav a.is-active::after,
  body.cg-frontend-page .site-header .main-nav a:hover::after{transform:scaleX(1) !important;}
  body.landing-ui-body .cg-home-header-actions,
  body.cg-frontend-page .site-header .header-actions{
    position:relative !important;
    z-index:2 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-home-header-icons,
  body.cg-frontend-page .site-header .header-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    white-space:nowrap !important;
    position:relative !important;
  }
  body.landing-ui-body .cg-home-callout,
  body.cg-frontend-page .site-header .header-callout{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    line-height:1 !important;
  }
  body.landing-ui-body .cg-home-callout .label,
  body.cg-frontend-page .site-header .header-callout .label{
    font-family:var(--cg-typo-body) !important;
    font-weight:400 !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:var(--cg-ink) !important;
  }
  body.landing-ui-body .cg-home-callout .value,
  body.cg-frontend-page .site-header .header-callout .value{
    margin-top:2px !important;
    font-family:var(--cg-typo-body) !important;
    font-weight:900 !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    color:var(--cg-ink) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon,
  body.cg-frontend-page .site-header .header-cart-link,
  body.cg-frontend-page .site-header .header-user-icon{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--cg-ink) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    line-height:1 !important;
    cursor:pointer !important;
    text-decoration:none !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-svg,
  body.cg-frontend-page .site-header .header-cart-svg{width:20px !important;height:20px !important;display:block !important;stroke:currentColor !important;fill:none !important;}
  body.landing-ui-body .cg-home-main-header .profile-icon,
  body.landing-ui-body .cg-home-main-header .header-avatar-image,
  body.cg-frontend-page .site-header .profile-icon,
  body.cg-frontend-page .site-header .header-avatar-image{width:20px !important;height:20px !important;object-fit:contain !important;display:block !important;}
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link,
  body.cg-frontend-page .site-header .header-auth-link,
  body.cg-frontend-page .site-header .header-profile-text,
  body.cg-frontend-page .site-header .header-logout-link{
    color:var(--cg-ink) !important;
    font-family:var(--cg-typo-body) !important;
    font-weight:600 !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    cursor:pointer !important;
  }
  body.landing-ui-body .cg-home-main-header .header-auth-link:hover,
  body.landing-ui-body .cg-home-main-header .header-profile-text:hover,
  body.landing-ui-body .cg-home-main-header .header-logout-link:hover,
  body.cg-frontend-page .site-header .header-auth-link:hover,
  body.cg-frontend-page .site-header .header-profile-text:hover,
  body.cg-frontend-page .site-header .header-logout-link:hover{color:var(--cg-active-red) !important;}
  body.landing-ui-body .cg-home-main-header .header-auth-divider,
  body.cg-frontend-page .site-header .header-auth-divider{
    display:inline-block !important;
    width:1px !important;
    height:14px !important;
    min-width:1px !important;
    background:var(--cg-muted) !important;
    color:transparent !important;
    overflow:hidden !important;
    opacity:1 !important;
    margin:0 !important;
    font-size:0 !important;
    line-height:0 !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-badge,
  body.cg-frontend-page .site-header .header-cart-badge,
  body.cg-frontend-page .site-header .header-cart-link em{background:var(--cg-active-red) !important;color:#fff !important;}
  body.landing-ui-body .cg-stats-panel{
    --cg-bid-center-src-x:calc(50% + 245px);
    position:absolute !important;
    left:var(--cg-bid-center-src-x) !important;
    right:auto !important;
    top:auto !important;
    bottom:9.5% !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:265px 1px 155px !important;
    align-items:stretch !important;
    background:#000 !important;
    color:#fff !important;
    border-radius:.5rem !important;
    padding:17px 24px !important;
    box-shadow:0 16px 26px rgba(0,0,0,.16) !important;
  }
  body.landing-ui-body .cg-stat{padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;}
  body.landing-ui-body .cg-divider{width:1px !important;background:var(--cg-dark-divider) !important;margin:0 12px !important;}
  body.landing-ui-body .cg-stat-label,
  body.landing-ui-body .cg-stat-sub{font-family:var(--cg-typo-body) !important;font-weight:500 !important;font-size:10px !important;line-height:1.1 !important;color:var(--cg-muted) !important;}
  body.landing-ui-body .cg-stat-label{text-transform:uppercase !important;letter-spacing:.08em !important;margin-bottom:6px !important;}
  body.landing-ui-body .cg-stat-sub{margin-top:6px !important;text-transform:none !important;letter-spacing:.04em !important;}
  body.landing-ui-body .cg-stat-value{font-family:var(--cg-font-timer) !important;font-size:43px !important;line-height:1 !important;color:var(--cg-primary-yellow) !important;letter-spacing:.05em !important;font-variant-numeric:tabular-nums !important;}
  .cg-mobile-menu-toggle,
  .cg-mobile-menu-overlay{display:none !important;}
}

@media (max-width:767px){
  .cg-mobile-announcement-break{display:block;}
  body.landing-ui-body .cg-topbar,
  body.cg-frontend-page .top-strip{
    padding:7px 10px !important;
    font-size:12px !important;
    line-height:.95 !important;
  }
  body.landing-ui-body .site-header,
  body.cg-frontend-page .site-header,
  body.landing-ui-body .cg-home-main-header{
    position:sticky !important;
    top:0 !important;
    z-index:1300 !important;
    width:100% !important;
    background:var(--cg-header-yellow) !important;
    border:0 !important;
    border-top:0 !important;
    box-shadow:none !important;
  }
  body.landing-ui-body .cg-home-main-header .container,
  body.landing-ui-body .cg-home-nav-row,
  body.cg-frontend-page .site-header .container,
  body.cg-frontend-page .site-header .nav-row{
    width:100% !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 74px !important;
    grid-template-areas:'toggle brand actions' !important;
    align-items:center !important;
    gap:0 !important;
  }
  .cg-mobile-menu-toggle{
    grid-area:toggle !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
    color:var(--cg-active-red) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    cursor:pointer !important;
  }
  .cg-mobile-menu-toggle .cg-mobile-menu-icon{display:block !important;flex:0 0 auto !important;}
  .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-closed{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:block !important;}
  body.landing-ui-body .cg-home-brand,
  body.cg-frontend-page .site-header .brand{
    grid-area:brand !important;
    justify-self:center !important;
    align-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-home-brand img,
  body.cg-frontend-page .site-header .brand img{
    height:45.6px !important;
    width:auto !important;
    max-height:45.6px !important;
    max-width:180px !important;
    object-fit:contain !important;
  }
  body.landing-ui-body .cg-home-main-nav,
  body.cg-frontend-page .site-header .main-nav{display:none !important;}
  body.landing-ui-body .cg-home-header-actions,
  body.cg-frontend-page .site-header .header-actions{
    grid-area:actions !important;
    justify-self:end !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    gap:0 !important;
  }
  body.landing-ui-body .cg-home-callout,
  body.cg-frontend-page .site-header .header-callout,
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link,
  body.landing-ui-body .cg-home-main-header .header-auth-divider,
  body.cg-frontend-page .site-header .header-auth-link,
  body.cg-frontend-page .site-header .header-profile-text,
  body.cg-frontend-page .site-header .header-logout-link,
  body.cg-frontend-page .site-header .header-auth-divider{display:none !important;}
  body.landing-ui-body .cg-home-header-icons,
  body.cg-frontend-page .site-header .header-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon,
  body.cg-frontend-page .site-header .header-cart-link,
  body.cg-frontend-page .site-header .header-user-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--cg-ink) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    text-decoration:none !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-svg,
  body.cg-frontend-page .site-header .header-cart-svg{width:22px !important;height:22px !important;stroke:currentColor !important;fill:none !important;}
  body.landing-ui-body .cg-home-main-header .profile-icon,
  body.landing-ui-body .cg-home-main-header .header-avatar-image,
  body.cg-frontend-page .site-header .profile-icon,
  body.cg-frontend-page .site-header .header-avatar-image{width:22px !important;height:22px !important;object-fit:contain !important;}
  body.landing-ui-body .cg-home-main-header .header-avatar-initials,
  body.cg-frontend-page .site-header .header-avatar-initials{width:22px !important;height:22px !important;font-size:10px !important;}
  body.landing-ui-body .cg-home-role-box,
  body.cg-frontend-page .site-header .header-role-box{top:calc(100% + 8px) !important;right:0 !important;}
  .cg-mobile-menu-overlay[hidden]{display:none !important;}
  .cg-mobile-menu-overlay{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:117px !important;
    bottom:0 !important;
    z-index:1250 !important;
    display:block !important;
    background:rgba(0,0,0,.55) !important;
  }
  .cg-mobile-menu-panel{
    width:100% !important;
    background:var(--cg-header-yellow) !important;
    padding:0 0 28px !important;
    box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
  }
  .cg-mobile-menu-nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
  .cg-mobile-menu-nav a{
    position:relative !important;
    display:block !important;
    padding:14px 24px !important;
    border:0 !important;
    color:var(--cg-ink) !important;
    font-family:var(--cg-typo-headline) !important;
    font-size:1rem !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    background:transparent !important;
  }
  .cg-mobile-menu-nav a.is-active{color:var(--cg-active-red) !important;}
  .cg-mobile-menu-nav a.is-active::after{
    content:'' !important;
    position:absolute !important;
    left:24px !important;
    right:24px !important;
    bottom:10px !important;
    height:3px !important;
    background:linear-gradient(to right,var(--cg-accent-red-start),var(--cg-accent-red-end)) !important;
    border-radius:2px !important;
  }
  body.cg-mobile-menu-open{overflow:hidden !important;}
  body.landing-ui-body .cg-hero{background:var(--cg-brand-yellow) !important;}
  body.landing-ui-body .cg-hero-image{height:min(calc(100vw * 1.232), calc(100svh - 117px)) !important;background:var(--cg-brand-yellow) !important;}
  body.landing-ui-body .cg-hero-picture,
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{display:block !important;width:100% !important;height:100% !important;}
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    object-fit:cover !important;
    object-position:center top !important;
    margin-left:0 !important;
    max-width:none !important;
    min-height:0 !important;
    transform:none !important;
  }
  body.landing-ui-body .cg-stats-panel{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100vw !important;
    max-width:100vw !important;
    min-height:0 !important;
    margin:0 calc(50% - 50vw) !important;
    border-radius:0 !important;
    background:#000 !important;
    color:#fff !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:space-evenly !important;
    padding:14px 0 !important;
    box-shadow:none !important;
  }
  body.landing-ui-body .cg-stat{
    flex:1 1 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:0 10px !important;
  }
  body.landing-ui-body .cg-divider{
    flex:0 0 1px !important;
    width:1px !important;
    height:auto !important;
    align-self:stretch !important;
    background:var(--cg-dark-divider) !important;
    margin:0 !important;
  }
  body.landing-ui-body .cg-stat-label{font-family:var(--cg-typo-body) !important;font-weight:500 !important;font-size:10px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--cg-muted) !important;margin:0 0 5px !important;}
  body.landing-ui-body .cg-stat-value{font-family:var(--cg-font-timer) !important;font-size:38px !important;line-height:1 !important;letter-spacing:.05em !important;color:var(--cg-primary-yellow) !important;font-variant-numeric:tabular-nums !important;margin:0 !important;}
  body.landing-ui-body .cg-stat-sub{font-family:var(--cg-typo-body) !important;font-weight:500 !important;font-size:10px !important;line-height:1.1 !important;letter-spacing:.04em !important;color:var(--cg-muted) !important;text-transform:none !important;margin:5px 0 0 !important;}
}
@supports not (height:100svh){
  @media (max-width:767px){body.landing-ui-body .cg-hero-image{height:min(calc(100vw * 1.232), calc(100vh - 117px)) !important;}}
}

/* v2.47.17b — keep mobile banner form-factor crop while using the attached cover behaviour */
@media (max-width:767px){
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    width:131.8vw !important;
    max-width:none !important;
    height:auto !important;
    min-height:100% !important;
    margin-left:-23.9vw !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
}

/* v2.47.17c — attached mobile header replaces the older bottom tab bar */
@media (max-width:767px){
  body.cg-frontend-page{padding-bottom:0 !important;}
  body.cg-frontend-page .cg-mobile-bottom-nav{display:none !important;}
}

/* ============================================================
   v2.47.42 — Main page hero attached artwork update
   Uses the supplied Bid Only hero picture and locks the hero
   background to #fcc417. Frontend main page only.
   ============================================================ */
body.landing-ui-body .cg-hero,
body.landing-ui-body .cg-hero-inner,
body.landing-ui-body .cg-hero-image,
body.landing-ui-body .cg-hero-picture{
  background:#fcc417 !important;
}
body.landing-ui-body .cg-hero{
  width:100% !important;
  overflow:hidden !important;
}
body.landing-ui-body .cg-hero-inner{
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  position:relative !important;
}
body.landing-ui-body .cg-hero-image{
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  border-radius:0 !important;
}
body.landing-ui-body .cg-hero-picture{
  display:block !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
}
body.landing-ui-body .cg-hero-picture img,
body.landing-ui-body .cg-hero-image img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  margin:0 !important;
  transform:none !important;
  border-radius:0 !important;
  background:#fcc417 !important;
}
body.landing-ui-body .cg-stats-panel{
  z-index:3 !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-hero,
  body.landing-ui-body .cg-hero-inner,
  body.landing-ui-body .cg-hero-image,
  body.landing-ui-body .cg-hero-picture{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    background:#fcc417 !important;
  }
  body.landing-ui-body .cg-hero-image{
    position:relative !important;
    height:clamp(180px, 52vw, 320px) !important;
    min-height:180px !important;
    max-height:320px !important;
  }
  body.landing-ui-body .cg-hero-picture,
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    height:100% !important;
  }
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center top !important;
    margin-left:0 !important;
  }
}

/* ============================================================
   v2.47.43 — Main hero background height follows attached image.
   Removes the previous mobile clamp/cover height so the #fcc417
   hero background ends exactly with the image height.
   ============================================================ */
body.landing-ui-body .cg-hero,
body.landing-ui-body .cg-hero-inner,
body.landing-ui-body .cg-hero-image,
body.landing-ui-body .cg-hero-picture{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  background:#fcc417 !important;
}
body.landing-ui-body .cg-hero-picture img,
body.landing-ui-body .cg-hero-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-hero,
  body.landing-ui-body .cg-hero-inner,
  body.landing-ui-body .cg-hero-image,
  body.landing-ui-body .cg-hero-picture{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  body.landing-ui-body .cg-hero-picture,
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    height:auto !important;
  }
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    object-fit:contain !important;
  }
}

/* ============================================================
   v2.47.48 — Main page hero image-height alignment
   The Bid Only hero background must stop at the exact displayed
   hero artwork height. Keep the countdown capsule over the artwork
   instead of allowing a yellow band below the image.
   ============================================================ */
body.landing-ui-body .cg-hero{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
body.landing-ui-body .cg-hero-inner{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
body.landing-ui-body .cg-hero-image{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:2048 / 699 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fcc417 !important;
  overflow:hidden !important;
  border-radius:0 !important;
}
body.landing-ui-body .cg-hero-picture{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fcc417 !important;
  overflow:hidden !important;
}
body.landing-ui-body .cg-hero-picture img,
body.landing-ui-body .cg-hero-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:none !important;
  border-radius:0 !important;
  background:#fcc417 !important;
}
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    top:auto !important;
    bottom:0 !important;
  }
}
@media (max-width:767px){
  body.landing-ui-body .cg-hero{
    background:transparent !important;
  }
  body.landing-ui-body .cg-hero-inner{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    background:transparent !important;
  }
  body.landing-ui-body .cg-hero-image{
    width:100vw !important;
    max-width:100vw !important;
    aspect-ratio:2048 / 699 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    background:#fcc417 !important;
  }
  body.landing-ui-body .cg-hero-picture,
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    height:100% !important;
  }
}

/* ============================================================
   v2.47.53 — Main page attached stylesheet pass
   Applies the supplied Carguru landing-page stylesheet to index.php
   only while preserving prior requirements: HOME and BUY CAR remain
   hidden from customer-facing menus, and contact number remains dynamic
   from Communication Management.
   ============================================================ */
body.landing-ui-body{
  --cg-brand-yellow:#FFBD00;
  --cg-mobile-header-yellow:#f2c648;
  --cg-red-gradient-start:#FD0141;
  --cg-red-gradient-end:#FD516D;
  --cg-active-red:#DC2626;
  --cg-footer-red:#B7000E;
  --cg-footer-yellow:#FBC000;
  --cg-list-bg:#F9FAFB;
  --cg-dark-text:#111827;
  --cg-mid-grey:#9CA3AF;
  --cg-divider-dark:#374151;
  --cg-countdown-black:#000000;
  --cg-font-body:'Inter','Roboto Flex',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cg-typo-body:'Roboto Flex','Inter',sans-serif;
  --cg-typo-headline:'Lexend Deca','Inter',sans-serif;
  --cg-typo-display:'Gabarito','Lexend Deca',sans-serif;
  --cg-font-timer:'DS-Digital','DS Digital','Digital-7',monospace;
  margin:0 !important;
  background:var(--cg-list-bg) !important;
  color:var(--cg-dark-text) !important;
  font-family:var(--cg-font-body) !important;
  overflow-x:hidden !important;
}

/* Announcement bar */
body.landing-ui-body .cg-topbar{
  display:block !important;
  width:100% !important;
  padding:7px 16px !important;
  background:linear-gradient(90deg,var(--cg-red-gradient-start),var(--cg-red-gradient-end)) !important;
  color:#fff !important;
  text-align:center !important;
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  line-height:.95 !important;
  letter-spacing:.04em !important;
}
body.landing-ui-body .cg-topbar .typo-announcement-bold{font-weight:600 !important;}
body.landing-ui-body .cg-topbar .typo-announcement-light{font-weight:300 !important;}
body.landing-ui-body .cg-mobile-announcement-break{display:none !important;}

/* Desktop header/menu */
@media (min-width:768px){
  body.landing-ui-body .cg-home-main-header{
    position:sticky !important;
    top:0 !important;
    z-index:1200 !important;
    width:100% !important;
    height:72px !important;
    min-height:72px !important;
    background:var(--cg-brand-yellow) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.landing-ui-body .cg-home-nav-row,
  body.landing-ui-body .cg-home-main-header .container{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:72px !important;
    min-height:72px !important;
    margin:0 !important;
    padding:0 16px 0 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
  }
  body.landing-ui-body .cg-mobile-menu-toggle{display:none !important;}
  body.landing-ui-body .cg-home-brand{
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-home-brand img{
    display:block !important;
    height:56px !important;
    width:auto !important;
    max-height:56px !important;
    max-width:none !important;
    object-fit:contain !important;
  }
  body.landing-ui-body .cg-home-main-nav{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-58%, -50%) !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:24px !important;
    min-width:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-home-main-nav a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    color:var(--cg-dark-text) !important;
    font-family:var(--cg-typo-body) !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
  }
  body.landing-ui-body .cg-home-main-nav a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-2px !important;
    height:3px !important;
    border-radius:2px !important;
    background:linear-gradient(270deg,var(--cg-red-gradient-start),var(--cg-red-gradient-end)) !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }
  body.landing-ui-body .cg-home-main-nav a.is-active,
  body.landing-ui-body .cg-home-main-nav a:hover{
    color:var(--cg-active-red) !important;
    font-weight:700 !important;
  }
  body.landing-ui-body .cg-home-main-nav a.is-active::after,
  body.landing-ui-body .cg-home-main-nav a:hover::after{transform:scaleX(1) !important;}
  body.landing-ui-body .cg-home-header-actions,
  body.landing-ui-body .cg-home-header-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  body.landing-ui-body .cg-home-header-actions{
    position:relative !important;
    z-index:2 !important;
    gap:12px !important;
    margin-left:auto !important;
  }
  body.landing-ui-body .cg-home-header-icons{gap:12px !important;white-space:nowrap !important;}
  body.landing-ui-body .cg-home-callout{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:2px !important;
    min-width:82px !important;
    line-height:1 !important;
  }
  body.landing-ui-body .cg-home-callout .label{
    font-family:var(--cg-typo-body) !important;
    font-size:9px !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:var(--cg-dark-text) !important;
  }
  body.landing-ui-body .cg-home-callout .value{
    font-family:var(--cg-typo-body) !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    color:var(--cg-dark-text) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--cg-dark-text) !important;
    text-decoration:none !important;
  }
  body.landing-ui-body .cg-home-main-header .header-cart-svg{width:20px !important;height:20px !important;stroke:currentColor !important;}
  body.landing-ui-body .cg-home-main-header .profile-icon{width:20px !important;height:20px !important;object-fit:contain !important;}
  body.landing-ui-body .cg-home-main-header .header-auth-divider{
    display:inline-block !important;
    width:1px !important;
    height:14px !important;
    overflow:hidden !important;
    color:transparent !important;
    background:var(--cg-mid-grey) !important;
    margin:0 !important;
    opacity:1 !important;
  }
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link{
    color:var(--cg-dark-text) !important;
    font-family:var(--cg-typo-body) !important;
    font-size:10px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
  }
}

/* Hero */
@media (min-width:768px){
  body.landing-ui-body .cg-hero{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    background:var(--cg-brand-yellow) !important;
    overflow:hidden !important;
  }
  body.landing-ui-body .cg-hero-inner{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    min-height:511px !important;
    aspect-ratio:2560 / 682 !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    background:var(--cg-brand-yellow) !important;
  }
  body.landing-ui-body .cg-hero-image{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:var(--cg-brand-yellow) !important;
  }
  body.landing-ui-body .cg-hero-picture{
    position:static !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:var(--cg-brand-yellow) !important;
  }
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:top center !important;
    border-radius:0 !important;
    transform:none !important;
    background:var(--cg-brand-yellow) !important;
  }
  body.landing-ui-body .cg-stats-panel{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:9.5% !important;
    transform:translateX(-50%) !important;
    z-index:3 !important;
    width:auto !important;
    min-width:514px !important;
    max-width:calc(100% - 32px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:17px 24px !important;
    display:grid !important;
    grid-template-columns:265px 1px 155px !important;
    align-items:center !important;
    justify-content:center !important;
    background:var(--cg-countdown-black) !important;
    border-radius:8px !important;
    box-shadow:none !important;
    color:#fff !important;
    overflow:hidden !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    width:1px !important;
    height:100% !important;
    min-height:76px !important;
    margin:0 12px !important;
    background:var(--cg-divider-dark) !important;
    align-self:stretch !important;
    display:block !important;
  }
  body.landing-ui-body .cg-stat{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:0 !important;
    background:transparent !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-stat-label{
    font-family:var(--cg-typo-body) !important;
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.1 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:var(--cg-mid-grey) !important;
    margin:0 0 4px !important;
  }
  body.landing-ui-body .cg-stat-value{
    font-family:var(--cg-font-timer) !important;
    font-size:43px !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    color:var(--cg-brand-yellow) !important;
    font-variant-numeric:tabular-nums !important;
    margin:0 !important;
  }
  body.landing-ui-body .cg-stat-sub{
    font-family:var(--cg-typo-body) !important;
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.1 !important;
    letter-spacing:.04em !important;
    color:var(--cg-mid-grey) !important;
    margin:4px 0 0 !important;
    text-transform:none !important;
  }
}

/* Listings, tabs, cards */
body.landing-ui-body .cg-listing-section{
  background:var(--cg-list-bg) !important;
  padding:32px 0 !important;
}
body.landing-ui-body .cg-listing-wrap{
  width:min(1280px, calc(100% - 32px)) !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:0 !important;
}
body.landing-ui-body .cg-section-title{
  margin:0 0 18px !important;
  color:var(--cg-dark-text) !important;
  font-family:var(--cg-typo-headline) !important;
  font-size:1.35rem !important;
  font-weight:700 !important;
  line-height:1.12 !important;
  letter-spacing:-.01em !important;
  text-transform:uppercase !important;
}
body.landing-ui-body .cg-tabs{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  width:100% !important;
  margin:0 0 24px !important;
  padding:0 !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  border-bottom:1px solid #D1D5DB !important;
}
body.landing-ui-body .cg-tabs::-webkit-scrollbar{display:none !important;}
body.landing-ui-body .cg-tabs a,
body.landing-ui-body .cg-tabs button,
body.landing-ui-body .cg-tabs .tab-lite{
  position:relative !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:10px 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--cg-dark-text) !important;
  font-family:var(--cg-typo-body) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-tabs a.active,
body.landing-ui-body .cg-tabs button.active,
body.landing-ui-body .cg-tabs .tab-lite.is-active,
body.landing-ui-body .cg-tabs .tab-lite.active{
  color:var(--cg-active-red) !important;
  border-bottom:3px solid var(--cg-brand-yellow) !important;
}
body.landing-ui-body .cg-tabs .go-bid-link{
  min-width:150px !important;
  margin-right:10px !important;
  color:#fff !important;
  background:linear-gradient(90deg,var(--cg-red-gradient-start),var(--cg-red-gradient-end)) !important;
  border-bottom:0 !important;
  border-radius:3px !important;
  font-family:var(--cg-typo-body) !important;
  font-size:16px !important;
  font-weight:500 !important;
}
body.landing-ui-body .cg-cards-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:24px !important;
  margin:0 !important;
}
body.landing-ui-body .cg-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  box-shadow:0 4px 24px rgba(0,0,0,.08) !important;
  min-height:0 !important;
  cursor:pointer !important;
}
body.landing-ui-body .cg-card-bidbar{
  order:1 !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:8px 12px !important;
  background:linear-gradient(90deg,var(--cg-red-gradient-start),var(--cg-red-gradient-end)) !important;
  color:#fff !important;
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-align:center !important;
  border:0 !important;
}
body.landing-ui-body .cg-card-bidbar span{font-weight:300 !important;color:#fff !important;}
body.landing-ui-body .cg-card-bidbar strong{font-weight:900 !important;color:#fff !important;}
body.landing-ui-body .cg-card-photo{
  order:2 !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:0 !important;
  background:#f3f4f6 !important;
  overflow:hidden !important;
}
body.landing-ui-body .cg-card-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
body.landing-ui-body .cgsel{
  top:10px !important;
  left:10px !important;
  right:auto !important;
  width:32px !important;
  height:32px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,.85) !important;
  background:#fff !important;
  z-index:12 !important;
}
body.landing-ui-body .cgsel.on{background:#22c55e !important;border-color:#22c55e !important;color:#fff !important;}
body.landing-ui-body .cg-card-body{
  order:3 !important;
  position:relative !important;
  padding:16px !important;
  background:#fff !important;
  min-height:0 !important;
}
body.landing-ui-body .cg-card-topline{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 10px !important;
}
body.landing-ui-body .cg-card-price{
  display:flex !important;
  align-items:baseline !important;
  gap:2px !important;
  color:var(--cg-active-red) !important;
  font-family:var(--cg-typo-display) !important;
  margin:0 !important;
}
body.landing-ui-body .typo-price-currency{font-size:18px !important;font-weight:400 !important;color:var(--cg-active-red) !important;}
body.landing-ui-body .typo-price-value{font-size:28px !important;font-weight:700 !important;color:var(--cg-active-red) !important;}
body.landing-ui-body .cg-card-price-label{font-family:var(--cg-typo-body) !important;font-size:13px !important;font-weight:300 !important;color:#000 !important;}
body.landing-ui-body .cg-card-title{font-family:var(--cg-typo-display) !important;font-size:22px !important;font-weight:700 !important;line-height:1.3 !important;color:var(--cg-dark-text) !important;}
body.landing-ui-body .cg-card-subtitle{font-family:var(--cg-typo-display) !important;font-size:18px !important;font-weight:600 !important;line-height:1.3 !important;color:var(--cg-dark-text) !important;margin-top:1px !important;}
body.landing-ui-body .cg-card-meta{font-family:var(--cg-typo-body) !important;font-size:16px !important;font-weight:500 !important;line-height:1.28 !important;color:#000 !important;margin-top:8px !important;}
body.landing-ui-body .cg-card-badge{
  position:absolute !important;
  right:14px !important;
  top:16px !important;
  bottom:auto !important;
  width:58px !important;
  height:auto !important;
  z-index:3 !important;
}
body.landing-ui-body .cg-home-bid-card-tags{display:none !important;}
body.landing-ui-body .cg-showing{
  margin:18px 0 0 !important;
  color:var(--cg-mid-grey) !important;
  text-align:center !important;
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  font-weight:300 !important;
}
body.landing-ui-body .cg-more-row{text-align:center !important;margin:14px 0 0 !important;}
body.landing-ui-body .cg-more-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 32px !important;
  min-height:0 !important;
  border-radius:6px !important;
  border:0 !important;
  background:var(--cg-brand-yellow) !important;
  color:var(--cg-dark-text) !important;
  font-family:var(--cg-typo-body) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

/* Steps */
body.landing-ui-body .cg-steps-section{background:#fff !important;padding:64px 0 !important;}
body.landing-ui-body .cg-steps-wrap{width:min(1280px, calc(100% - 32px)) !important;max-width:1280px !important;margin:0 auto !important;}
body.landing-ui-body .cg-steps-title{
  margin:0 0 48px !important;
  text-align:center !important;
  font-family:var(--cg-typo-headline) !important;
  font-size:1.875rem !important;
  font-weight:700 !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
  color:var(--cg-dark-text) !important;
}
body.landing-ui-body .cg-steps-grid{display:grid !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;gap:24px !important;}
body.landing-ui-body .cg-step-card{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 4px 24px rgba(0,0,0,.08) !important;
}
body.landing-ui-body .cg-step-card img{width:100% !important;aspect-ratio:16 / 9 !important;height:auto !important;object-fit:cover !important;border-radius:0 !important;}
body.landing-ui-body .cg-step-body{display:flex !important;flex:1 1 auto !important;flex-direction:column !important;padding:16px !important;}
body.landing-ui-body .cg-step-body h3{margin:0 0 10px !important;font-family:var(--cg-typo-headline) !important;font-size:14px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--cg-dark-text) !important;}
body.landing-ui-body .cg-step-body p{margin:0 !important;font-family:var(--cg-typo-body) !important;font-size:16px !important;font-weight:300 !important;line-height:1.625 !important;color:#000 !important;}
body.landing-ui-body .cg-step-no{margin-top:auto !important;padding-top:18px !important;font-family:var(--cg-typo-headline) !important;font-size:14px !important;font-weight:700 !important;line-height:1 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#000 !important;}

/* Footer */
body.landing-ui-body .cg-footer-top{background:var(--cg-footer-red) !important;padding:40px 0 !important;}
body.landing-ui-body .cg-footer-wrap{width:min(1280px, calc(100% - 32px)) !important;max-width:1280px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;}
body.landing-ui-body .cg-footer-copy{max-width:582px !important;}
body.landing-ui-body .cg-footer-copy p{margin:0 !important;}
body.landing-ui-body .cg-footer-copy p + p{margin-top:12px !important;}
body.landing-ui-body .cg-footer-socials{display:flex !important;align-items:center !important;justify-content:center !important;gap:32px !important;}
body.landing-ui-body .cg-footer-socials img{width:40px !important;height:40px !important;object-fit:contain !important;}
body.landing-ui-body .cg-footer-bottom{background:var(--cg-footer-yellow) !important;padding:12px 0 !important;color:var(--cg-dark-text) !important;}
body.landing-ui-body .cg-footer-bottom-wrap{width:min(1280px, calc(100% - 32px)) !important;max-width:1280px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;flex-wrap:wrap !important;}
body.landing-ui-body .cg-footer-bottom-wrap span,
body.landing-ui-body .cg-footer-bottom-wrap strong{color:var(--cg-dark-text) !important;}
body.landing-ui-body .cg-footer-bottom-wrap strong{margin-left:auto !important;}

/* Tablet grid */
@media (max-width:1023px) and (min-width:768px){
  body.landing-ui-body .cg-cards-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  body.landing-ui-body .cg-steps-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}

/* Mobile attached stylesheet */
@media (max-width:767px){
  body.landing-ui-body .cg-topbar{padding:7px 16px !important;line-height:.95 !important;}
  body.landing-ui-body .cg-mobile-announcement-break{display:block !important;}
  body.landing-ui-body .cg-home-main-header{
    position:sticky !important;
    top:0 !important;
    z-index:1200 !important;
    height:56px !important;
    min-height:56px !important;
    width:100% !important;
    background:var(--cg-mobile-header-yellow) !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.landing-ui-body .cg-home-nav-row,
  body.landing-ui-body .cg-home-main-header .container{
    display:grid !important;
    grid-template-columns:48px 1fr auto !important;
    grid-template-areas:'toggle brand actions' !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:0 12px !important;
    background:var(--cg-mobile-header-yellow) !important;
  }
  body.landing-ui-body .cg-mobile-menu-toggle{
    grid-area:toggle !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:48px !important;
    height:56px !important;
    padding:0 !important;
    margin:0 !important;
    color:var(--cg-active-red) !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }
  body.landing-ui-body .cg-mobile-menu-toggle .cg-mobile-menu-icon{display:block !important;}
  body.landing-ui-body .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-closed{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:block !important;}
  body.landing-ui-body .cg-home-brand{grid-area:brand !important;justify-self:center !important;align-self:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:0 !important;}
  body.landing-ui-body .cg-home-brand img{height:45.6px !important;width:auto !important;max-height:45.6px !important;max-width:190px !important;object-fit:contain !important;}
  body.landing-ui-body .cg-home-main-nav{display:none !important;}
  body.landing-ui-body .cg-home-header-actions{grid-area:actions !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;justify-self:end !important;gap:0 !important;}
  body.landing-ui-body .cg-home-callout,
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link,
  body.landing-ui-body .cg-home-main-header .header-auth-divider{display:none !important;}
  body.landing-ui-body .cg-home-header-icons{display:flex !important;align-items:center !important;gap:12px !important;}
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;margin:0 !important;padding:0 !important;color:var(--cg-dark-text) !important;background:transparent !important;border:0 !important;}
  body.landing-ui-body .cg-home-main-header .header-cart-svg{width:22px !important;height:22px !important;stroke:currentColor !important;}
  body.landing-ui-body .cg-home-main-header .profile-icon{width:22px !important;height:22px !important;object-fit:contain !important;}
  .cg-mobile-menu-overlay[hidden]{display:none !important;}
  .cg-mobile-menu-overlay{position:fixed !important;left:0 !important;right:0 !important;top:117px !important;bottom:0 !important;z-index:1250 !important;background:rgba(0,0,0,.55) !important;display:block !important;}
  .cg-mobile-menu-panel{width:100% !important;background:var(--cg-mobile-header-yellow) !important;padding:0 0 28px !important;box-shadow:0 12px 24px rgba(0,0,0,.16) !important;}
  .cg-mobile-menu-nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
  .cg-mobile-menu-nav a{position:relative !important;display:block !important;padding:14px 24px !important;border:0 !important;background:transparent !important;color:var(--cg-dark-text) !important;font-family:var(--cg-typo-headline) !important;font-size:1rem !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:-.01em !important;text-transform:uppercase !important;text-decoration:none !important;}
  .cg-mobile-menu-nav a.is-active{color:var(--cg-active-red) !important;}
  .cg-mobile-menu-nav a.is-active::after{content:'' !important;position:absolute !important;left:24px !important;bottom:10px !important;width:3.5em !important;height:3px !important;background:linear-gradient(90deg,var(--cg-red-gradient-start),var(--cg-red-gradient-end)) !important;border-radius:2px !important;}
  body.cg-mobile-menu-open{overflow:hidden !important;}

  body.landing-ui-body .cg-hero{width:100% !important;margin:0 !important;padding:0 !important;background:var(--cg-brand-yellow) !important;overflow:hidden !important;}
  body.landing-ui-body .cg-hero-inner{width:100% !important;max-width:none !important;height:auto !important;min-height:0 !important;aspect-ratio:auto !important;margin:0 !important;padding:0 !important;background:var(--cg-brand-yellow) !important;overflow:visible !important;}
  body.landing-ui-body .cg-hero-image{position:relative !important;inset:auto !important;display:block !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:auto !important;margin:0 !important;padding:0 !important;overflow:hidden !important;background:var(--cg-brand-yellow) !important;}
  body.landing-ui-body .cg-hero-picture{position:static !important;display:block !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;background:var(--cg-brand-yellow) !important;}
  body.landing-ui-body .cg-hero-picture img,
  body.landing-ui-body .cg-hero-image img{display:block !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;object-fit:cover !important;object-position:center top !important;background:var(--cg-brand-yellow) !important;}
  body.landing-ui-body .cg-stats-panel{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:100% !important;max-width:none !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding:14px 0 !important;border-radius:0 !important;box-shadow:none !important;background:#000 !important;color:#fff !important;display:grid !important;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) !important;align-items:stretch !important;justify-content:space-evenly !important;}
  body.landing-ui-body .cg-stat{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:0 10px !important;background:#000 !important;min-width:0 !important;}
  body.landing-ui-body .cg-divider{display:block !important;width:1px !important;height:auto !important;min-height:62px !important;align-self:stretch !important;margin:0 !important;background:var(--cg-divider-dark) !important;}
  body.landing-ui-body .cg-stat-label{font-family:var(--cg-typo-body) !important;font-size:10px !important;font-weight:500 !important;line-height:1.1 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--cg-mid-grey) !important;margin:0 0 5px !important;}
  body.landing-ui-body .cg-stat-value{font-family:var(--cg-font-timer) !important;font-size:38px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:.05em !important;font-variant-numeric:tabular-nums !important;color:var(--cg-brand-yellow) !important;margin:0 !important;}
  body.landing-ui-body .cg-stat-sub{font-family:var(--cg-typo-body) !important;font-size:10px !important;font-weight:500 !important;line-height:1.1 !important;color:var(--cg-mid-grey) !important;margin:5px 0 0 !important;text-transform:none !important;}

  body.landing-ui-body .cg-listing-section{padding:32px 0 !important;background:var(--cg-list-bg) !important;}
  body.landing-ui-body .cg-listing-wrap,
  body.landing-ui-body .cg-steps-wrap,
  body.landing-ui-body .cg-footer-wrap,
  body.landing-ui-body .cg-footer-bottom-wrap{width:min(100%, calc(100% - 32px)) !important;}
  body.landing-ui-body .cg-section-title{text-align:left !important;margin-bottom:14px !important;}
  body.landing-ui-body .cg-tabs{display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;grid-template-rows:auto auto !important;gap:0 !important;border-bottom:0 !important;overflow:visible !important;margin-bottom:20px !important;}
  body.landing-ui-body .cg-tabs .go-bid-link{grid-column:1 !important;grid-row:1 / span 2 !important;align-self:stretch !important;min-width:112px !important;width:auto !important;margin:0 8px 0 0 !important;border-radius:3px !important;font-size:12px !important;padding:10px 12px !important;white-space:normal !important;}
  body.landing-ui-body .cg-tabs .tab-lite{grid-column:2 !important;width:100% !important;min-width:0 !important;border-bottom:1px solid #D1D5DB !important;justify-content:flex-start !important;padding:9px 10px !important;font-size:11px !important;white-space:normal !important;text-align:left !important;}
  body.landing-ui-body .cg-tabs .tab-lite:first-of-type{grid-row:1 !important;}
  body.landing-ui-body .cg-tabs .tab-lite:nth-of-type(2){grid-row:2 !important;}
  body.landing-ui-body .cg-tabs a.active,
  body.landing-ui-body .cg-tabs button.active,
  body.landing-ui-body .cg-tabs .tab-lite.is-active,
  body.landing-ui-body .cg-tabs .tab-lite.active{border-bottom:3px solid var(--cg-brand-yellow) !important;color:var(--cg-active-red) !important;}
  body.landing-ui-body .cg-tabs.cg-tabs--no-gobid{display:grid !important;grid-template-columns:1fr !important;}
  body.landing-ui-body .cg-tabs.cg-tabs--no-gobid .tab-lite{grid-column:1 !important;grid-row:auto !important;}
  body.landing-ui-body .cg-cards-grid{grid-template-columns:1fr !important;gap:24px !important;}
  body.landing-ui-body .cg-card{border-radius:12px !important;box-shadow:0 4px 24px rgba(0,0,0,.08) !important;}
  body.landing-ui-body .cg-card-body{padding:16px !important;}
  body.landing-ui-body .cg-card-title{font-size:22px !important;}
  body.landing-ui-body .cg-card-subtitle{font-size:18px !important;}
  body.landing-ui-body .cg-card-meta{font-size:16px !important;}
  body.landing-ui-body .cg-steps-section{padding:64px 0 !important;}
  body.landing-ui-body .cg-steps-title{font-size:1.5rem !important;margin-bottom:48px !important;}
  body.landing-ui-body .cg-steps-grid{grid-template-columns:1fr !important;gap:24px !important;}
  body.landing-ui-body .cg-footer-wrap{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:24px !important;}
  body.landing-ui-body .cg-footer-socials{align-self:center !important;}
  body.landing-ui-body .cg-footer-bottom-wrap{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:10px !important;}
  body.landing-ui-body .cg-footer-bottom-wrap strong{order:-1 !important;margin-left:0 !important;}
}

/* ============================================================
   v2.47.54 — Main-page cart icon asset + BID ticker alignment
   - Uses the attached Carguru cart PNG asset in public headers.
   - Aligns the desktop ticker panel to the large BID word in
     mainbanner.png: B starts at x=1260 and D ends at x=1844
     on the original 2560px-wide artwork.
   ============================================================ */
body.landing-ui-body .cg-home-main-header .header-cart-img,
body.cg-frontend-page .site-header .header-cart-img,
body.cg-frontend-page .header-cart-img{
  display:block !important;
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    left:49.21875% !important; /* 1260 / 2560: start of the large B */
    width:22.8125% !important; /* (1844 - 1260) / 2560: B-to-D width */
    min-width:0 !important;
    max-width:none !important;
    transform:none !important;
    box-sizing:border-box !important;
    grid-template-columns:minmax(0,1.72fr) 1px minmax(0,1fr) !important;
    column-gap:0 !important;
    padding:clamp(10px,1.328vw,17px) clamp(12px,1.875vw,24px) !important;
    border-radius:clamp(6px,.625vw,8px) !important;
    overflow:hidden !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    margin:0 clamp(7px,.938vw,12px) !important;
    min-height:clamp(54px,5.938vw,76px) !important;
  }
  body.landing-ui-body .cg-stat-label,
  body.landing-ui-body .cg-stat-sub{
    font-size:clamp(7px,.781vw,10px) !important;
    line-height:1.08 !important;
  }
  body.landing-ui-body .cg-stat-value{
    font-size:clamp(25px,3.359vw,43px) !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
  }
}

@media (max-width:767px){
  body.landing-ui-body .cg-home-main-header .header-cart-img,
  body.cg-frontend-page .site-header .header-cart-img,
  body.cg-frontend-page .header-cart-img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
  }
}

/* v2.47.55 — Desktop top menu white background patch */
@media (min-width:768px){
  body.landing-ui-body .site-header,
  body.cg-frontend-page .site-header,
  body.landing-ui-body .cg-home-main-header{
    background:#ffffff !important;
  }
}

/* ============================================================
   v2.47.56 — Public header logo, BID ticker proportional sizing,
   and non-home no-selection flash cleanup support.
   - Desktop public logo reduced by 10% from 56px to 50.4px.
   - Desktop hero ticker follows the rendered/cropped mainbanner.png
     image so the panel starts at the B and ends at the D of BID.
   - Mobile header/logo and mobile ticker remain unchanged.
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .cg-home-brand img,
  body.cg-frontend-page .site-header .brand img{
    height:50.4px !important;
    max-height:50.4px !important;
    width:auto !important;
    object-fit:contain !important;
  }

  body.landing-ui-body .cg-stats-panel{
    /* Desktop hero uses mainbanner.png (2560x682) with min-height:511px.
       When the viewport is narrower than the rendered artwork width, the
       banner is centre-cropped. These formulas make the ticker track the
       actual rendered artwork instead of the viewport, so it stays aligned
       to the BID word automatically. */
    --cg-banner-rendered-width:max(100vw, 1918.123px);
    --cg-bid-start-x:calc((100vw - var(--cg-banner-rendered-width)) / 2 + (var(--cg-banner-rendered-width) * 0.4921875));
    --cg-bid-width:calc(var(--cg-banner-rendered-width) * 0.228125);
    left:var(--cg-bid-start-x) !important;
    width:var(--cg-bid-width) !important;
    min-width:0 !important;
    max-width:none !important;
    transform:none !important;
    box-sizing:border-box !important;
    grid-template-columns:minmax(0,1.72fr) 1px minmax(0,1fr) !important;
    padding:clamp(10px,1.328vw,17px) clamp(12px,1.875vw,24px) !important;
    border-radius:clamp(6px,.625vw,8px) !important;
  }

  @supports not (width: calc(1px * 1)){
    body.landing-ui-body .cg-stats-panel{
      left:49.21875vw !important;
      width:22.8125vw !important;
    }
  }

  @media (max-width:1918px){
    body.landing-ui-body .cg-stats-panel{
      left:calc(50vw - 14.985px) !important;
      width:437.572px !important;
    }
  }

  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    margin:0 clamp(7px,.938vw,12px) !important;
    min-height:clamp(54px,5.938vw,76px) !important;
  }
  body.landing-ui-body .cg-stat-label,
  body.landing-ui-body .cg-stat-sub{
    font-size:clamp(7px,.781vw,10px) !important;
    line-height:1.08 !important;
  }
  body.landing-ui-body .cg-stat-value{
    font-size:clamp(25px,3.359vw,43px) !important;
    line-height:1 !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
  }
}


/* ============================================================
   v2.47.57 — Shared main-page footer + dynamic social media links
   Applies the main landing footer to all public pages and aligns
   social icons to the right on desktop, while keeping mobile centred.
   ============================================================ */
body.landing-ui-body .cg-footer,
body.cg-frontend-page .cg-footer{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  background:var(--cg-footer-red,#B7000E) !important;
}
body.landing-ui-body .cg-footer-top,
body.cg-frontend-page .cg-footer-top{
  background:var(--cg-footer-red,#B7000E) !important;
  padding:40px 0 !important;
}
body.landing-ui-body .cg-footer-wrap,
body.cg-frontend-page .cg-footer-wrap{
  width:min(1280px, calc(100% - 32px)) !important;
  max-width:1280px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
body.landing-ui-body .cg-footer-copy,
body.cg-frontend-page .cg-footer-copy{
  max-width:582px !important;
  flex:1 1 582px !important;
}
body.landing-ui-body .cg-footer-copy p,
body.cg-frontend-page .cg-footer-copy p{margin:0 !important;}
body.landing-ui-body .cg-footer-copy p + p,
body.cg-frontend-page .cg-footer-copy p + p{margin-top:12px !important;}
body.landing-ui-body .cg-footer-socials,
body.cg-frontend-page .cg-footer-socials{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:32px !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
  text-align:right !important;
}
body.landing-ui-body .cg-footer-social-link,
body.cg-frontend-page .cg-footer-social-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  border:0 !important;
  text-decoration:none !important;
  opacity:1 !important;
  transition:transform .18s ease, opacity .18s ease !important;
}
body.landing-ui-body .cg-footer-social-link:hover,
body.cg-frontend-page .cg-footer-social-link:hover{transform:translateY(-2px) !important;opacity:.92 !important;}
body.landing-ui-body .cg-footer-social-link img,
body.cg-frontend-page .cg-footer-social-link img,
body.landing-ui-body .cg-footer-socials img,
body.cg-frontend-page .cg-footer-socials img{
  width:40px !important;
  height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  object-fit:contain !important;
  display:block !important;
}
body.landing-ui-body .cg-footer-bottom,
body.cg-frontend-page .cg-footer-bottom{
  background:var(--cg-footer-yellow,#FBC000) !important;
  padding:12px 0 !important;
  color:var(--cg-dark-text,#111827) !important;
}
body.landing-ui-body .cg-footer-bottom-wrap,
body.cg-frontend-page .cg-footer-bottom-wrap{
  width:min(1280px, calc(100% - 32px)) !important;
  max-width:1280px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
body.landing-ui-body .cg-footer-bottom-wrap span,
body.landing-ui-body .cg-footer-bottom-wrap a,
body.landing-ui-body .cg-footer-bottom-wrap strong,
body.cg-frontend-page .cg-footer-bottom-wrap span,
body.cg-frontend-page .cg-footer-bottom-wrap a,
body.cg-frontend-page .cg-footer-bottom-wrap strong{
  color:var(--cg-dark-text,#111827) !important;
  text-decoration:none !important;
}
body.landing-ui-body .cg-footer-bottom-wrap strong,
body.cg-frontend-page .cg-footer-bottom-wrap strong{margin-left:auto !important;}
@media(max-width:767px){
  body.landing-ui-body .cg-footer-wrap,
  body.cg-frontend-page .cg-footer-wrap,
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{width:min(100%, calc(100% - 32px)) !important;}
  body.landing-ui-body .cg-footer-wrap,
  body.cg-frontend-page .cg-footer-wrap{flex-direction:column !important;align-items:flex-start !important;gap:24px !important;}
  body.landing-ui-body .cg-footer-socials,
  body.cg-frontend-page .cg-footer-socials{align-self:center !important;justify-content:center !important;margin-left:0 !important;text-align:center !important;}
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:10px !important;}
  body.landing-ui-body .cg-footer-bottom-wrap strong,
  body.cg-frontend-page .cg-footer-bottom-wrap strong{order:-1 !important;margin-left:0 !important;}
}

/* ============================================================
   v2.47.58 — Header/footer consistency + social footer controls
   - Public desktop header height is unified across main/public pages.
   - Header auto-switches to mobile layout before CALL US overlaps ABOUT US.
   - Footer trademark bar is unified with the Sell Car footer bar height.
   - Footer social icons honour Social Media Config → Footer checkbox.
   - Footer intro text is white Roboto Flex Semi Bold on all public pages.
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .site-header,
  body.cg-frontend-page .site-header,
  body.landing-ui-body .cg-home-main-header{
    height:45px !important;
    min-height:45px !important;
    background:#ffffff !important;
  }
  body.landing-ui-body .cg-home-main-header .container,
  body.landing-ui-body .cg-home-nav-row,
  body.cg-frontend-page .site-header .container,
  body.cg-frontend-page .site-header .nav-row{
    height:45px !important;
    min-height:45px !important;
    padding:0 16px 0 20px !important;
  }
  body.landing-ui-body .cg-home-brand img,
  body.cg-frontend-page .site-header .brand img{
    height:40px !important;
    max-height:40px !important;
    width:auto !important;
    object-fit:contain !important;
  }
  body.landing-ui-body .cg-home-main-nav,
  body.cg-frontend-page .site-header .main-nav{
    gap:24px !important;
  }
  body.landing-ui-body .cg-home-main-nav a,
  body.cg-frontend-page .site-header .main-nav a{
    font-size:11px !important;
    line-height:1 !important;
  }
}

/* Forced mobile header layout for tablet/small desktop widths or JS-overlap detection. */
@media (min-width:768px) and (max-width:1080px){
  body.landing-ui-body .site-header,
  body.cg-frontend-page .site-header,
  body.landing-ui-body .cg-home-main-header{
    height:56px !important;
    min-height:56px !important;
    background:var(--cg-mobile-header-yellow,#f2c648) !important;
  }
  body.landing-ui-body .cg-home-main-header .container,
  body.landing-ui-body .cg-home-nav-row,
  body.cg-frontend-page .site-header .container,
  body.cg-frontend-page .site-header .nav-row{
    display:grid !important;
    grid-template-columns:48px 1fr auto !important;
    grid-template-areas:'toggle brand actions' !important;
    align-items:center !important;
    gap:8px !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 12px !important;
    background:var(--cg-mobile-header-yellow,#f2c648) !important;
  }
  body.landing-ui-body .cg-mobile-menu-toggle,
  body.cg-frontend-page .cg-mobile-menu-toggle{
    grid-area:toggle !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:48px !important;
    height:56px !important;
    padding:0 !important;
    margin:0 !important;
    color:var(--cg-active-red,#DC2626) !important;
    background:transparent !important;
    border:0 !important;
  }
  body.landing-ui-body .cg-mobile-menu-toggle .cg-mobile-menu-icon,
  body.cg-frontend-page .cg-mobile-menu-toggle .cg-mobile-menu-icon{display:block !important;}
  body.landing-ui-body .cg-mobile-menu-toggle .cg-mobile-menu-icon-open,
  body.cg-frontend-page .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-closed{display:none !important;}
  body.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:block !important;}
  body.landing-ui-body .cg-home-brand,
  body.cg-frontend-page .site-header .brand{
    grid-area:brand !important;
    justify-self:center !important;
    align-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-home-brand img,
  body.cg-frontend-page .site-header .brand img{
    height:45.6px !important;
    max-height:45.6px !important;
    max-width:190px !important;
    width:auto !important;
    object-fit:contain !important;
  }
  body.landing-ui-body .cg-home-main-nav,
  body.cg-frontend-page .site-header .main-nav{display:none !important;}
  body.landing-ui-body .cg-home-header-actions,
  body.cg-frontend-page .site-header .header-actions{
    grid-area:actions !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    justify-self:end !important;
    gap:0 !important;
    margin-left:0 !important;
  }
  body.landing-ui-body .cg-home-callout,
  body.cg-frontend-page .site-header .header-callout,
  body.landing-ui-body .cg-home-main-header .header-auth-link,
  body.landing-ui-body .cg-home-main-header .header-profile-text,
  body.landing-ui-body .cg-home-main-header .header-logout-link,
  body.landing-ui-body .cg-home-main-header .header-auth-divider,
  body.cg-frontend-page .site-header .header-auth-link,
  body.cg-frontend-page .site-header .header-profile-text,
  body.cg-frontend-page .site-header .header-logout-link,
  body.cg-frontend-page .site-header .header-auth-divider{display:none !important;}
  body.landing-ui-body .cg-home-header-icons,
  body.cg-frontend-page .site-header .header-icons{display:flex !important;align-items:center !important;gap:12px !important;}
  body.landing-ui-body .cg-home-main-header .header-cart-link,
  body.landing-ui-body .cg-home-main-header .header-user-icon,
  body.cg-frontend-page .site-header .header-cart-link,
  body.cg-frontend-page .site-header .header-user-icon{width:22px !important;height:22px !important;margin:0 !important;padding:0 !important;color:var(--cg-dark-text,#111827) !important;background:transparent !important;border:0 !important;}
  body.landing-ui-body .cg-home-main-header .header-cart-img,
  body.cg-frontend-page .site-header .header-cart-img,
  body.landing-ui-body .cg-home-main-header .profile-icon,
  body.cg-frontend-page .site-header .profile-icon,
  body.cg-frontend-page .site-header .header-avatar-image{width:22px !important;height:22px !important;object-fit:contain !important;}
  .cg-mobile-menu-overlay[hidden]{display:none !important;}
  .cg-mobile-menu-overlay{top:82px !important;}
}

@media (min-width:1081px){
  body.cg-header-force-mobile.landing-ui-body .site-header,
  body.cg-header-force-mobile.cg-frontend-page .site-header,
  body.cg-header-force-mobile.landing-ui-body .cg-home-main-header{
    height:56px !important;
    min-height:56px !important;
    background:var(--cg-mobile-header-yellow,#f2c648) !important;
  }
  body.cg-header-force-mobile.landing-ui-body .cg-home-main-header .container,
  body.cg-header-force-mobile.landing-ui-body .cg-home-nav-row,
  body.cg-header-force-mobile.cg-frontend-page .site-header .container,
  body.cg-header-force-mobile.cg-frontend-page .site-header .nav-row{
    display:grid !important;
    grid-template-columns:48px 1fr auto !important;
    grid-template-areas:'toggle brand actions' !important;
    align-items:center !important;
    gap:8px !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 12px !important;
    background:var(--cg-mobile-header-yellow,#f2c648) !important;
  }
  body.cg-header-force-mobile .cg-mobile-menu-toggle{grid-area:toggle !important;display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;width:48px !important;height:56px !important;color:var(--cg-active-red,#DC2626) !important;background:transparent !important;border:0 !important;}
  body.cg-header-force-mobile .cg-mobile-menu-toggle .cg-mobile-menu-icon{display:block !important;}
  body.cg-header-force-mobile .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:none !important;}
  body.cg-header-force-mobile.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-closed{display:none !important;}
  body.cg-header-force-mobile.cg-mobile-menu-open .cg-mobile-menu-toggle .cg-mobile-menu-icon-open{display:block !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-brand,
  body.cg-header-force-mobile.cg-frontend-page .site-header .brand{grid-area:brand !important;justify-self:center !important;align-self:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:0 !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-brand img,
  body.cg-header-force-mobile.cg-frontend-page .site-header .brand img{height:45.6px !important;max-height:45.6px !important;max-width:190px !important;width:auto !important;object-fit:contain !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-main-nav,
  body.cg-header-force-mobile.cg-frontend-page .site-header .main-nav{display:none !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-header-actions,
  body.cg-header-force-mobile.cg-frontend-page .site-header .header-actions{grid-area:actions !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;justify-self:end !important;gap:0 !important;margin-left:0 !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-callout,
  body.cg-header-force-mobile.cg-frontend-page .site-header .header-callout,
  body.cg-header-force-mobile .site-header .header-auth-link,
  body.cg-header-force-mobile .site-header .header-profile-text,
  body.cg-header-force-mobile .site-header .header-logout-link,
  body.cg-header-force-mobile .site-header .header-auth-divider,
  body.cg-header-force-mobile .cg-home-main-header .header-auth-link,
  body.cg-header-force-mobile .cg-home-main-header .header-profile-text,
  body.cg-header-force-mobile .cg-home-main-header .header-logout-link,
  body.cg-header-force-mobile .cg-home-main-header .header-auth-divider{display:none !important;}
  body.cg-header-force-mobile.landing-ui-body .cg-home-header-icons,
  body.cg-header-force-mobile.cg-frontend-page .site-header .header-icons{display:flex !important;align-items:center !important;gap:12px !important;}
  body.cg-header-force-mobile .site-header .header-cart-link,
  body.cg-header-force-mobile .site-header .header-user-icon,
  body.cg-header-force-mobile .cg-home-main-header .header-cart-link,
  body.cg-header-force-mobile .cg-home-main-header .header-user-icon{width:22px !important;height:22px !important;margin:0 !important;padding:0 !important;color:var(--cg-dark-text,#111827) !important;background:transparent !important;border:0 !important;}
  body.cg-header-force-mobile .site-header .header-cart-img,
  body.cg-header-force-mobile .cg-home-main-header .header-cart-img,
  body.cg-header-force-mobile .site-header .profile-icon,
  body.cg-header-force-mobile .cg-home-main-header .profile-icon,
  body.cg-header-force-mobile .site-header .header-avatar-image{width:22px !important;height:22px !important;object-fit:contain !important;}
  body.cg-header-force-mobile .cg-mobile-menu-overlay[hidden]{display:none !important;}
  body.cg-header-force-mobile .cg-mobile-menu-overlay{top:82px !important;}
}

body.landing-ui-body .typo-body-footer-intro,
body.landing-ui-body .typo-body-footer-intro strong,
body.cg-frontend-page .typo-body-footer-intro,
body.cg-frontend-page .typo-body-footer-intro strong,
body.landing-ui-body .cg-footer-copy .typo-body-footer-intro,
body.cg-frontend-page .cg-footer-copy .typo-body-footer-intro{
  color:#ffffff !important;
  font-family:var(--cg-typo-body,'Roboto Flex','Inter',sans-serif) !important;
  font-weight:600 !important;
  font-size:15px !important;
  line-height:1.625 !important;
}
body.landing-ui-body .typo-body-footer,
body.cg-frontend-page .typo-body-footer{color:rgba(255,255,255,.8) !important;font-family:var(--cg-typo-body,'Roboto Flex','Inter',sans-serif) !important;font-weight:300 !important;}

@media (min-width:768px){
  body.landing-ui-body .cg-footer-wrap,
  body.cg-frontend-page .cg-footer-wrap,
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{
    width:min(1280px, calc(100% - 32px)) !important;
    max-width:1280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.landing-ui-body .cg-footer-wrap,
  body.cg-frontend-page .cg-footer-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,582px) minmax(160px,1fr) !important;
    align-items:center !important;
    gap:24px !important;
  }
  body.landing-ui-body .cg-footer-copy,
  body.cg-frontend-page .cg-footer-copy{max-width:582px !important;}
  body.landing-ui-body .cg-footer-socials,
  body.cg-frontend-page .cg-footer-socials{
    justify-self:end !important;
    align-self:center !important;
    justify-content:flex-end !important;
    margin-left:0 !important;
    padding-right:0 !important;
    text-align:right !important;
  }
  body.landing-ui-body .cg-footer-social-link:last-child,
  body.cg-frontend-page .cg-footer-social-link:last-child{margin-right:0 !important;}
  body.landing-ui-body .cg-footer-bottom,
  body.cg-frontend-page .cg-footer-bottom{
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
  }
  body.landing-ui-body .cg-footer-bottom-wrap .typo-footer-fine,
  body.cg-frontend-page .cg-footer-bottom-wrap .typo-footer-fine{font-size:10px !important;line-height:1 !important;white-space:nowrap !important;}
  body.landing-ui-body .cg-footer-bottom-wrap .typo-footer-callus,
  body.cg-frontend-page .cg-footer-bottom-wrap .typo-footer-callus{margin-left:auto !important;font-size:13px !important;line-height:1 !important;white-space:nowrap !important;text-align:right !important;}
}

/* v2.47.58 overlay completion for tablet/small-desktop hamburger mode */
@media (min-width:768px) and (max-width:1080px){
  body.landing-ui-body .cg-mobile-menu-overlay[hidden],
  body.cg-frontend-page .cg-mobile-menu-overlay[hidden]{display:none !important;}
  body.landing-ui-body .cg-mobile-menu-overlay,
  body.cg-frontend-page .cg-mobile-menu-overlay{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:82px !important;
    bottom:0 !important;
    z-index:1250 !important;
    display:block !important;
    background:rgba(0,0,0,.55) !important;
  }
  body.landing-ui-body .cg-mobile-menu-panel,
  body.cg-frontend-page .cg-mobile-menu-panel{width:100% !important;background:var(--cg-mobile-header-yellow,#f2c648) !important;padding:0 0 28px !important;box-shadow:0 12px 24px rgba(0,0,0,.16) !important;}
  body.landing-ui-body .cg-mobile-menu-nav,
  body.cg-frontend-page .cg-mobile-menu-nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
  body.landing-ui-body .cg-mobile-menu-nav a,
  body.cg-frontend-page .cg-mobile-menu-nav a{position:relative !important;display:block !important;padding:14px 24px !important;border:0 !important;background:transparent !important;color:var(--cg-dark-text,#111827) !important;font-family:var(--cg-typo-headline,'Lexend Deca','Inter',sans-serif) !important;font-size:1rem !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:-.01em !important;text-transform:uppercase !important;text-decoration:none !important;}
  body.landing-ui-body .cg-mobile-menu-nav a.is-active,
  body.cg-frontend-page .cg-mobile-menu-nav a.is-active{color:var(--cg-active-red,#DC2626) !important;}
  body.landing-ui-body .cg-mobile-menu-nav a.is-active::after,
  body.cg-frontend-page .cg-mobile-menu-nav a.is-active::after{content:'' !important;position:absolute !important;left:24px !important;bottom:10px !important;width:3.5em !important;height:3px !important;background:linear-gradient(90deg,var(--cg-red-gradient-start,#FD0141),var(--cg-red-gradient-end,#FD516D)) !important;border-radius:2px !important;}
  body.cg-mobile-menu-open{overflow:hidden !important;}
}
@media (min-width:1081px){
  body.cg-header-force-mobile .cg-mobile-menu-overlay[hidden]{display:none !important;}
  body.cg-header-force-mobile .cg-mobile-menu-overlay{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:82px !important;
    bottom:0 !important;
    z-index:1250 !important;
    display:block !important;
    background:rgba(0,0,0,.55) !important;
  }
  body.cg-header-force-mobile .cg-mobile-menu-panel{width:100% !important;background:var(--cg-mobile-header-yellow,#f2c648) !important;padding:0 0 28px !important;box-shadow:0 12px 24px rgba(0,0,0,.16) !important;}
  body.cg-header-force-mobile .cg-mobile-menu-nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;}
  body.cg-header-force-mobile .cg-mobile-menu-nav a{position:relative !important;display:block !important;padding:14px 24px !important;border:0 !important;background:transparent !important;color:var(--cg-dark-text,#111827) !important;font-family:var(--cg-typo-headline,'Lexend Deca','Inter',sans-serif) !important;font-size:1rem !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:-.01em !important;text-transform:uppercase !important;text-decoration:none !important;}
  body.cg-header-force-mobile .cg-mobile-menu-nav a.is-active{color:var(--cg-active-red,#DC2626) !important;}
  body.cg-header-force-mobile .cg-mobile-menu-nav a.is-active::after{content:'' !important;position:absolute !important;left:24px !important;bottom:10px !important;width:3.5em !important;height:3px !important;background:linear-gradient(90deg,var(--cg-red-gradient-start,#FD0141),var(--cg-red-gradient-end,#FD516D)) !important;border-radius:2px !important;}
  body.cg-header-force-mobile.cg-mobile-menu-open{overflow:hidden !important;}
}


/* ============================================================
   v2.47.59 — Header height, centered trademark links, Sell Car
   menu navigation anchor fix support
   ============================================================ */
@media (min-width:1081px){
  body.landing-ui-body:not(.cg-header-force-mobile) .site-header,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header{
    height:52px !important;
    min-height:52px !important;
    background:#ffffff !important;
  }
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header .container,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-nav-row,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .container,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .nav-row{
    height:52px !important;
    min-height:52px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-brand img,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .brand img{
    height:40px !important;
    max-height:40px !important;
    width:auto !important;
    object-fit:contain !important;
  }
}

@media (min-width:768px){
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items:center !important;
    justify-content:normal !important;
    gap:16px !important;
  }
  body.landing-ui-body .cg-footer-copyright,
  body.cg-frontend-page .cg-footer-copyright{
    grid-column:1 !important;
    justify-self:start !important;
    text-align:left !important;
  }
  body.landing-ui-body .cg-footer-policy-links,
  body.cg-frontend-page .cg-footer-policy-links{
    grid-column:2 !important;
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:44px !important;
    min-width:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-footer-policy-links a,
  body.cg-frontend-page .cg-footer-policy-links a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  body.landing-ui-body .cg-footer-bottom-wrap .typo-footer-callus,
  body.cg-frontend-page .cg-footer-bottom-wrap .typo-footer-callus{
    grid-column:3 !important;
    justify-self:end !important;
    margin-left:0 !important;
    text-align:right !important;
  }
}

@media (max-width:767px){
  body.landing-ui-body .cg-footer-policy-links,
  body.cg-frontend-page .cg-footer-policy-links{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,auto)) !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px 18px !important;
    width:100% !important;
    text-align:center !important;
  }
  body.landing-ui-body .cg-footer-policy-links a,
  body.cg-frontend-page .cg-footer-policy-links a{
    justify-content:center !important;
    text-align:center !important;
  }
}


/* ============================================================
   v2.47.60 — Desktop public header height breathing-room patch
   - Increase public desktop header to 65px across all customer-facing pages.
   - Keep mobile/tablet hamburger header rules unchanged.
   ============================================================ */
@media (min-width:1081px){
  body.landing-ui-body:not(.cg-header-force-mobile) .site-header,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header{
    height:65px !important;
    min-height:65px !important;
    background:#ffffff !important;
  }
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header .container,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-nav-row,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .container,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .nav-row{
    height:65px !important;
    min-height:65px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}


/* ============================================================
   v2.47.61 — Desktop header 70px + unified public crawler bar
   - Public desktop header/nav height increased to 70px for logo breathing room.
   - Announcement/crawler bar is standardised across main, Bid For Car,
     Sell Car, Services and About pages.
   ============================================================ */
@media (min-width:1081px){
  body.landing-ui-body:not(.cg-header-force-mobile) .site-header,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header{
    height:70px !important;
    min-height:70px !important;
    background:#ffffff !important;
  }
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-main-header .container,
  body.landing-ui-body:not(.cg-header-force-mobile) .cg-home-nav-row,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .container,
  body.cg-frontend-page:not(.cg-header-force-mobile) .site-header .nav-row{
    height:70px !important;
    min-height:70px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}
body.landing-ui-body .cg-topbar,
body.cg-frontend-page .top-strip,
body.cg-corporate-page .top-strip{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  background:linear-gradient(90deg,#FD0141 0%,#FD516D 100%) !important;
  color:#ffffff !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-size:12px !important;
  line-height:.95 !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-transform:none !important;
  padding:7px 16px !important;
  white-space:normal !important;
}
body.landing-ui-body .cg-topbar .typo-announcement-bold,
body.cg-frontend-page .top-strip .typo-announcement-bold,
body.cg-corporate-page .top-strip .typo-announcement-bold{
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
}
body.landing-ui-body .cg-topbar .typo-announcement-light,
body.cg-frontend-page .top-strip .typo-announcement-light,
body.cg-corporate-page .top-strip .typo-announcement-light{
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:300 !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-topbar,
  body.cg-frontend-page .top-strip,
  body.cg-corporate-page .top-strip{
    font-size:12px !important;
    line-height:.95 !important;
    padding:7px 10px !important;
  }
  body.landing-ui-body .cg-mobile-announcement-break,
  body.cg-frontend-page .cg-mobile-announcement-break,
  body.cg-corporate-page .cg-mobile-announcement-break{
    display:block !important;
  }
}


/* ============================================================
   v2.47.62 — Go Bid button + car capsule selection/dimensions
   - Go Bid follows the compact pink button reference.
   - Landing car tile uses the requested 918 x 1074 design ratio.
   - Photo/separator/body heights follow 610px / 70px / remaining ratio.
   - Unselected cards no longer show a check circle. Clicking the capsule
     toggles selection; selected cards show a yellow keyline and green circle.
   ============================================================ */
body.landing-ui-body .cg-tabs .go-bid-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:auto !important;
  min-width:108px !important;
  max-width:max-content !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
  margin-right:14px !important;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:4px !important;
  background:linear-gradient(90deg,#FD0141 0%,#FD516D 100%) !important;
  color:#ffffff !important;
  box-shadow:0 6px 14px rgba(253,1,65,.18) !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-tabs .go-bid-link::after{
  content:'' !important;
  display:inline-block !important;
  width:0 !important;
  height:0 !important;
  margin-left:8px !important;
  border-top:4px solid transparent !important;
  border-bottom:4px solid transparent !important;
  border-left:6px solid #ffffff !important;
  transform:translateY(.5px) !important;
}
body.landing-ui-body .cg-tabs .go-bid-link:hover,
body.landing-ui-body .cg-tabs .go-bid-link:focus-visible{
  background:linear-gradient(90deg,#FD0141 0%,#FD516D 100%) !important;
  color:#ffffff !important;
  box-shadow:0 8px 18px rgba(253,1,65,.24) !important;
  text-decoration:none !important;
}

body.landing-ui-body .cg-card{
  --cg-card-design-w:918;
  --cg-card-design-h:1074;
  --cg-card-photo-ratio:calc(610 / 1074 * 100%);
  --cg-card-separator-ratio:calc(70 / 1074 * 100%);
  aspect-ratio:918 / 1074 !important;
  border:0 !important;
  box-sizing:border-box !important;
  transition:box-shadow .18s ease, transform .18s ease !important;
}
body.landing-ui-body .cg-card:hover{
  transform:translateY(-1px) !important;
}
body.landing-ui-body .cg-card.cg-card-selected,
body.landing-ui-body .cg-card[data-card-selected="1"],
body.landing-ui-body .cg-card:has(.cgsel.on){
  box-shadow:0 4px 24px rgba(0,0,0,.08), 0 0 0 3px #FFBD00 !important;
}
body.landing-ui-body .cg-card-photo{
  aspect-ratio:auto !important;
  flex:0 0 var(--cg-card-photo-ratio) !important;
  height:var(--cg-card-photo-ratio) !important;
  min-height:0 !important;
}
body.landing-ui-body .cg-card-bidbar{
  flex:0 0 var(--cg-card-separator-ratio) !important;
  height:var(--cg-card-separator-ratio) !important;
  min-height:0 !important;
  padding:0 14px !important;
}
body.landing-ui-body .cg-card-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
body.landing-ui-body .cg-card .cgsel{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  top:14px !important;
  left:14px !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  border:2px solid #ffffff !important;
  background:#22c55e !important;
  color:#ffffff !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:19px !important;
  font-weight:900 !important;
  line-height:1 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.72) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.22) !important;
  transition:opacity .16s ease, transform .16s ease !important;
}
body.landing-ui-body .cg-card .cgsel.on,
body.landing-ui-body .cg-card.cg-card-selected .cgsel,
body.landing-ui-body .cg-card[data-card-selected="1"] .cgsel{
  opacity:1 !important;
  transform:scale(1) !important;
}
body.landing-ui-body .cg-view-details-link{
  color:#000000 !important;
  font:inherit !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-view-details-link:hover,
body.landing-ui-body .cg-view-details-link:focus-visible{
  color:#DC2626 !important;
  text-decoration:underline !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-tabs .go-bid-link{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
    justify-self:start !important;
    min-width:100px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    margin:0 10px 0 0 !important;
    border-radius:4px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-tabs .go-bid-link::after{
    margin-left:7px !important;
    border-top-width:4px !important;
    border-bottom-width:4px !important;
    border-left-width:6px !important;
  }
  body.landing-ui-body .cg-card .cgsel{
    top:12px !important;
    left:12px !important;
    width:32px !important;
    height:32px !important;
    font-size:18px !important;
  }
}

/* ============================================================
   v2.47.63 — Home car card stylesheet + clean session tab label
   - Session tabs no longer repeat car count; total cars remain in ticker.
   - Home car capsules follow supplied card stylesheet: image first,
     dark bid-date bar, white content, 3:2 photo, selected yellow border.
   ============================================================ */
body.landing-ui-body .cg-session-tab{
  white-space:nowrap !important;
}

body.landing-ui-body .cg-card{
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:1px solid #E5E7EB !important;
  border-radius:.25rem !important;
  box-shadow:none !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
  cursor:pointer !important;
  transition:all 200ms ease !important;
}
body.landing-ui-body .cg-card:hover{
  transform:none !important;
  border-color:#D1D5DB !important;
  box-shadow:0 4px 6px rgba(0,0,0,.1) !important;
}
body.landing-ui-body .cg-card.cg-card-selected,
body.landing-ui-body .cg-card[data-card-selected="1"],
body.landing-ui-body .cg-card:has(.cgsel.on){
  border:2px solid #FFBD00 !important;
  box-shadow:0 4px 6px rgba(0,0,0,.1) !important;
}

body.landing-ui-body .cg-card-photo{
  order:1 !important;
  flex:0 0 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3 / 2 !important;
  position:relative !important;
  overflow:hidden !important;
  background:#F3F4F6 !important;
}
body.landing-ui-body .cg-card-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:translate(var(--cg-card-image-offset-x, 0), var(--cg-card-image-offset-y, 0)) scale(var(--cg-card-image-scale, 1)) !important;
  transform-origin:center center !important;
}
body.landing-ui-body .cg-card-arrow{
  position:absolute !important;
  top:50% !important;
  z-index:10 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#ffffff !important;
  font-size:34px !important;
  font-weight:300 !important;
  line-height:1 !important;
  transform:translateY(-50%) !important;
  transition:color .15s ease !important;
  cursor:pointer !important;
}
body.landing-ui-body .cg-card-arrow--left{left:8px !important;}
body.landing-ui-body .cg-card-arrow--right{right:8px !important;}
body.landing-ui-body .cg-card-arrow:hover,
body.landing-ui-body .cg-card-arrow:focus-visible{color:#FFBD00 !important;outline:none !important;}
body.landing-ui-body .cg-card-arrow span{display:block !important;line-height:.8 !important;transform:translateY(-1px) !important;}
body.landing-ui-body .cg-card-dots{
  position:absolute !important;
  bottom:8px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  gap:4px !important;
  z-index:10 !important;
  pointer-events:none !important;
}
body.landing-ui-body .cg-card-dots span{
  width:6px !important;
  height:6px !important;
  border-radius:9999px !important;
  background:#ffffff !important;
  opacity:.40 !important;
}
body.landing-ui-body .cg-card-dots span.is-active{opacity:.80 !important;}
body.landing-ui-body .cg-card .cgsel{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:9999px !important;
  background:#22C55E !important;
  color:#ffffff !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  z-index:11 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.72) !important;
  box-shadow:none !important;
  transition:opacity .16s ease, transform .16s ease !important;
}
body.landing-ui-body .cg-card .cgsel.on,
body.landing-ui-body .cg-card.cg-card-selected .cgsel,
body.landing-ui-body .cg-card[data-card-selected="1"] .cgsel{
  opacity:1 !important;
  transform:scale(1) !important;
}

body.landing-ui-body .cg-card-bidbar{
  order:2 !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  padding:6px 12px !important;
  background:#111827 !important;
  color:#ffffff !important;
  border:0 !important;
  text-align:center !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
}
body.landing-ui-body .cg-card-bidbar span,
body.landing-ui-body .cg-card-bidbar .typo-card-date-light{
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:300 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:#ffffff !important;
}
body.landing-ui-body .cg-card-bidbar strong,
body.landing-ui-body .cg-card-bidbar .typo-card-date-bold{
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:900 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:#ffffff !important;
}
/* The card stylesheet defines the dark bar as a bid date/time bar only. Keep
   the live status in data attributes for realtime logic, but do not display it. */
body.landing-ui-body .cg-card-bidbar strong[data-home-bid-status-text]{display:none !important;}

body.landing-ui-body .cg-card-body{
  order:3 !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  position:relative !important;
  padding:16px !important;
  background:#ffffff !important;
  min-height:0 !important;
  overflow:visible !important;
}
body.landing-ui-body .cg-card-topline{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 2px !important;
}
body.landing-ui-body .cg-card-price{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:2px !important;
  margin:0 !important;
  color:#DC2626 !important;
  font-family:'Gabarito',sans-serif !important;
  line-height:1 !important;
}
body.landing-ui-body .cg-card-price .typo-price-currency{
  display:inline !important;
  font-family:'Gabarito',sans-serif !important;
  font-weight:400 !important;
  font-size:18px !important;
  color:#DC2626 !important;
}
body.landing-ui-body .cg-card-price .typo-price-value{
  display:inline !important;
  font-family:'Gabarito',sans-serif !important;
  font-weight:700 !important;
  font-size:28px !important;
  color:#DC2626 !important;
}
body.landing-ui-body .cg-share-icon{
  width:22px !important;
  height:22px !important;
  margin-top:2px !important;
  flex:0 0 auto !important;
  opacity:1 !important;
  transition:opacity .15s ease !important;
}
body.landing-ui-body .cg-share-icon:hover{opacity:.75 !important;}
body.landing-ui-body .cg-card-price-label{
  margin:0 0 8px !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:300 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  color:#000000 !important;
}
body.landing-ui-body .cg-card-title-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 12px !important;
}
body.landing-ui-body .cg-card-name{
  min-width:0 !important;
  flex:1 1 auto !important;
}
body.landing-ui-body .cg-card-title{
  margin:0 !important;
  font-family:'Gabarito',sans-serif !important;
  font-weight:700 !important;
  font-size:22px !important;
  line-height:1.3 !important;
  color:#111827 !important;
}
body.landing-ui-body .cg-card-subtitle{
  margin:0 !important;
  font-family:'Gabarito',sans-serif !important;
  font-weight:600 !important;
  font-size:18px !important;
  line-height:1.3 !important;
  color:#111827 !important;
}
body.landing-ui-body .cg-card-badge{
  position:static !important;
  flex:0 0 auto !important;
  width:56px !important;
  height:56px !important;
  margin-left:8px !important;
  object-fit:contain !important;
  z-index:auto !important;
  opacity:1 !important;
  transition:opacity .15s ease !important;
}
body.landing-ui-body .cg-card-badge:hover{opacity:.85 !important;}
body.landing-ui-body .cg-card-meta{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:auto !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:500 !important;
  font-size:16px !important;
  line-height:1.28 !important;
  color:#000000 !important;
}
body.landing-ui-body .cg-card-meta-separator{
  color:#D1D5DB !important;
}
body.landing-ui-body .cg-view-details-link{
  color:#000000 !important;
  font:inherit !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-view-details-link:hover,
body.landing-ui-body .cg-view-details-link:focus-visible{
  color:#000000 !important;
  text-decoration:underline !important;
}
body.landing-ui-body .cg-home-bid-card-tags{display:none !important;}

@media (max-width:767px){
  body.landing-ui-body .cg-card{
    border-radius:.25rem !important;
  }
  body.landing-ui-body .cg-card-arrow{
    width:30px !important;
    height:30px !important;
  }
  body.landing-ui-body .cg-card .cgsel{
    top:8px !important;
    right:8px !important;
    left:auto !important;
    width:28px !important;
    height:28px !important;
    font-size:16px !important;
  }
}
body.landing-ui-body .cg-card-time-label{margin-left:8px !important;}

/* ============================================================
   v2.47.72 — Main page Go Bid button UI color patch
   - Forces the home page Go Bid CTA to match the attached pink/red UI.
   - Keeps this scoped to index.php / landing-ui-body only.
   ============================================================ */
body.landing-ui-body .cg-tabs a.go-bid-link,
body.landing-ui-body .cg-tabs button.go-bid-link,
body.landing-ui-body .cg-tabs a.go-bid-link.active,
body.landing-ui-body .cg-tabs button.go-bid-link.active,
body.landing-ui-body .cg-tabs .go-bid-link,
body.landing-ui-body .cg-tabs .go-bid-link.active{
  background:#FD0141 !important;
  background-image:linear-gradient(90deg,#FD0141 0%,#FD1F50 48%,#FD516D 100%) !important;
  color:#ffffff !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
body.landing-ui-body .cg-tabs a.go-bid-link:hover,
body.landing-ui-body .cg-tabs button.go-bid-link:hover,
body.landing-ui-body .cg-tabs a.go-bid-link:focus,
body.landing-ui-body .cg-tabs button.go-bid-link:focus,
body.landing-ui-body .cg-tabs a.go-bid-link:focus-visible,
body.landing-ui-body .cg-tabs button.go-bid-link:focus-visible,
body.landing-ui-body .cg-tabs a.go-bid-link:active,
body.landing-ui-body .cg-tabs button.go-bid-link:active,
body.landing-ui-body .cg-tabs a.go-bid-link:visited{
  background:#FD0141 !important;
  background-image:linear-gradient(90deg,#FD0141 0%,#FD1F50 48%,#FD516D 100%) !important;
  color:#ffffff !important;
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
body.landing-ui-body .cg-tabs .go-bid-link::after{
  border-left-color:#ffffff !important;
}

/* ============================================================
   v2.47.73 — Main page advertising capsules
   - Uses Admin > Marketing > Adv On Main Page records.
   - Fills incomplete home car-card rows so the layout keeps 3 capsules.
   ============================================================ */
body.landing-ui-body .cg-home-main-ad-card{
  padding:0 !important;
  background:#ffffff !important;
  border:1px solid #E5E7EB !important;
  border-radius:.25rem !important;
  box-shadow:none !important;
  overflow:hidden !important;
  cursor:pointer !important;
  aspect-ratio:918 / 1074 !important;
  min-height:0 !important;
}
body.landing-ui-body .cg-home-main-ad-card:hover{
  border-color:#D1D5DB !important;
  box-shadow:0 4px 6px rgba(0,0,0,.1) !important;
}
body.landing-ui-body .cg-home-main-ad-link{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  color:inherit !important;
  text-decoration:none !important;
}
body.landing-ui-body .cg-home-main-ad-link img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
body.landing-ui-body .cg-home-main-ad-link--static{cursor:default !important;}
@media (max-width:767px){
  body.landing-ui-body .cg-home-main-ad-card{aspect-ratio:918 / 1074 !important;}
}

/* ============================================================
   v2.47.79 — Main hero ticker divider spacing fix
   - Moves the desktop divider line slightly left and adds breathing
     space before the live session wording so the line no longer touches
     the LIVE label in the ticker box.
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    transform:translateX(-12px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(8px,.7vw,14px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub{
    max-width:100% !important;
  }
}


/* ============================================================
   v2.47.82 — Mobile footer height override for scalable red/yellow bars
   ============================================================ */
@media (max-width:767px){
  body.landing-ui-body .cg-footer-top,
  body.cg-frontend-page .cg-footer-top{
    min-height:490px !important;
    display:flex !important;
    align-items:center !important;
    padding:32px 0 !important;
    box-sizing:border-box !important;
  }
  body.landing-ui-body .cg-footer-bottom,
  body.cg-frontend-page .cg-footer-bottom{
    min-height:180px !important;
    display:flex !important;
    align-items:center !important;
    padding:18px 0 calc(18px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
  }
  body.landing-ui-body .cg-footer-wrap,
  body.cg-frontend-page .cg-footer-wrap,
  body.landing-ui-body .cg-footer-bottom-wrap,
  body.cg-frontend-page .cg-footer-bottom-wrap{
    width:min(100%, calc(100% - 28px)) !important;
  }
  body.landing-ui-body .cg-footer-copy,
  body.cg-frontend-page .cg-footer-copy{
    flex:0 1 auto !important;
    width:100% !important;
  }
  body.landing-ui-body .cg-footer-copy .typo-body-footer-intro,
  body.cg-frontend-page .cg-footer-copy .typo-body-footer-intro{
    font-size:clamp(13px,3.7vw,15px) !important;
    line-height:1.65 !important;
  }
  body.landing-ui-body .cg-footer-copy .typo-body-footer,
  body.cg-frontend-page .cg-footer-copy .typo-body-footer,
  body.landing-ui-body .cg-footer-policy-links a,
  body.cg-frontend-page .cg-footer-policy-links a,
  body.landing-ui-body .cg-footer-copyright,
  body.cg-frontend-page .cg-footer-copyright,
  body.landing-ui-body .cg-footer-bottom-wrap .typo-footer-callus,
  body.cg-frontend-page .cg-footer-bottom-wrap .typo-footer-callus{
    font-size:clamp(9px,2.8vw,12px) !important;
  }
}

/* ============================================================
   v2.47.88 — Main page live tab + bid status bar states
   - LIVE label becomes bold green when the session is live.
   - Home car capsule bid-date/status bar uses the requested state colours:
     not started = black, in session = green, ended = dark grey.
   ============================================================ */
body.landing-ui-body .cg-session-tab--live{
  color:#111827 !important;
  font-weight:500 !important;
}
body.landing-ui-body .cg-session-tab--live .cg-session-live-word{
  color:#00A651 !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
body.landing-ui-body .cg-session-tab--live .cg-session-tab-separator,
body.landing-ui-body .cg-session-tab--live .cg-session-tab-meta{
  color:#111827 !important;
  font-weight:500 !important;
}
body.landing-ui-body .cg-home-bid-card--not-started .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="preview"] .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="scheduled"] .cg-home-bid-statusbar{
  background:#111827 !important;
  color:#ffffff !important;
}
body.landing-ui-body .cg-home-bid-card--live .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="live"] .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="extended"] .cg-home-bid-statusbar{
  background:#00FF00 !important;
  color:#111827 !important;
}
body.landing-ui-body .cg-home-bid-card--ended .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="ended"] .cg-home-bid-statusbar,
body.landing-ui-body .cg-home-bid-card[data-bid-state="cancelled"] .cg-home-bid-statusbar{
  background:#4B4B4B !important;
  color:#ffffff !important;
}
body.landing-ui-body .cg-home-bid-card--live .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card--live .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="live"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="live"] .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="extended"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="extended"] .cg-home-bid-statusbar strong{
  color:#111827 !important;
}
body.landing-ui-body .cg-home-bid-card--ended .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card--ended .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="ended"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="ended"] .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="cancelled"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="cancelled"] .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card--not-started .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card--not-started .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="preview"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="preview"] .cg-home-bid-statusbar strong,
body.landing-ui-body .cg-home-bid-card[data-bid-state="scheduled"] .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-card[data-bid-state="scheduled"] .cg-home-bid-statusbar strong{
  color:#ffffff !important;
}
body.landing-ui-body .cg-home-bid-card--live .cg-card-bidbar strong[data-home-bid-status-text],
body.landing-ui-body .cg-home-bid-card[data-bid-state="live"] .cg-card-bidbar strong[data-home-bid-status-text],
body.landing-ui-body .cg-home-bid-card[data-bid-state="extended"] .cg-card-bidbar strong[data-home-bid-status-text],
body.landing-ui-body .cg-home-bid-card--ended .cg-card-bidbar strong[data-home-bid-status-text],
body.landing-ui-body .cg-home-bid-card[data-bid-state="ended"] .cg-card-bidbar strong[data-home-bid-status-text],
body.landing-ui-body .cg-home-bid-card[data-bid-state="cancelled"] .cg-card-bidbar strong[data-home-bid-status-text]{
  display:inline !important;
  margin-left:8px !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-home-bid-card--live .cg-card-bidbar strong[data-home-bid-status-text]::before,
body.landing-ui-body .cg-home-bid-card[data-bid-state="live"] .cg-card-bidbar strong[data-home-bid-status-text]::before,
body.landing-ui-body .cg-home-bid-card[data-bid-state="extended"] .cg-card-bidbar strong[data-home-bid-status-text]::before,
body.landing-ui-body .cg-home-bid-card--ended .cg-card-bidbar strong[data-home-bid-status-text]::before,
body.landing-ui-body .cg-home-bid-card[data-bid-state="ended"] .cg-card-bidbar strong[data-home-bid-status-text]::before,
body.landing-ui-body .cg-home-bid-card[data-bid-state="cancelled"] .cg-card-bidbar strong[data-home-bid-status-text]::before{
  content:'• ' !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-session-tab--live .cg-session-live-word,
  body.landing-ui-body .cg-session-tab--live .cg-session-tab-meta{
    font-size:inherit !important;
  }
  body.landing-ui-body .cg-card-bidbar{
    gap:3px !important;
  }
  body.landing-ui-body .cg-card-bidbar strong[data-home-bid-status-text]{
    margin-left:5px !important;
  }
}

/* ============================================================
   v2.47.92 — Home car capsule bid status bar height
   - Keep the bid session status/date bar at an exact 60px height
     for not-started, live, and ended states.
   ============================================================ */
body.landing-ui-body .cg-card-bidbar,
body.landing-ui-body .cg-home-bid-statusbar{
  height:60px !important;
  min-height:60px !important;
  max-height:60px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:60px !important;
}
body.landing-ui-body .cg-card-bidbar span,
body.landing-ui-body .cg-card-bidbar strong,
body.landing-ui-body .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-statusbar strong{
  line-height:60px !important;
}
@media (max-width:767px){
  body.landing-ui-body .cg-card-bidbar,
  body.landing-ui-body .cg-home-bid-statusbar{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:0 8px !important;
  }
}


/* ============================================================
   v2.47.93 — Home bid status bar + ticker spacing refinement
   - Main page car capsule bid session/date bar is now 50px high.
   - Adds visible spacing around the LIVE bullet separator.
   - Makes TOTAL CARS digits use the same size as the countdown timer.
   - Moves the ticker divider left by giving the live session text more room.
   ============================================================ */
body.landing-ui-body .cg-card-bidbar,
body.landing-ui-body .cg-home-bid-statusbar{
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:50px !important;
}
body.landing-ui-body .cg-card-bidbar span,
body.landing-ui-body .cg-card-bidbar strong,
body.landing-ui-body .cg-home-bid-statusbar span,
body.landing-ui-body .cg-home-bid-statusbar strong{
  line-height:50px !important;
}
body.landing-ui-body .cg-session-tab--live .cg-session-tab-separator,
body.landing-ui-body .cg-ticker-separator{
  display:inline-block !important;
  margin:0 7px !important;
}
body.landing-ui-body .cg-ticker-live-word{
  color:#00A651 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
body.landing-ui-body .cg-ticker-meta{
  white-space:nowrap !important;
}
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    width:clamp(520px,30.25vw,650px) !important;
    grid-template-columns:minmax(0,.90fr) 1px minmax(0,1.35fr) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    margin:0 clamp(5px,.65vw,9px) !important;
    transform:none !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat-value,
  body.landing-ui-body .cg-stats-panel .countdown-value,
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-value{
    font-size:clamp(34px,3.359vw,43px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(6px,.5vw,10px) !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    letter-spacing:.02em !important;
    font-size:clamp(8px,.72vw,10px) !important;
    line-height:1.12 !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.left{
    min-width:0 !important;
  }
}
@media (max-width:767px){
  body.landing-ui-body .cg-card-bidbar,
  body.landing-ui-body .cg-home-bid-statusbar{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    padding:0 8px !important;
    line-height:50px !important;
  }
  body.landing-ui-body .cg-card-bidbar span,
  body.landing-ui-body .cg-card-bidbar strong,
  body.landing-ui-body .cg-home-bid-statusbar span,
  body.landing-ui-body .cg-home-bid-statusbar strong{
    line-height:50px !important;
  }
  body.landing-ui-body .cg-session-tab--live .cg-session-tab-separator,
  body.landing-ui-body .cg-ticker-separator{
    margin:0 5px !important;
  }
}

/* ============================================================
   v2.47.94 — Main ticker right-side session meta layout
   - Shows the session status, time, and date directly below TOTAL CARS
     in the format: LIVE • 5:00 PM, 14 May 2026.
   - Removes the car-count suffix from the ticker meta line.
   - Moves the divider left by assigning more horizontal space to the
     right-side session meta line so it stays on one line.
   ============================================================ */
body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub[data-session-ticker-label],
body.landing-ui-body .cg-stat-sub[data-session-ticker-label]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-align:center !important;
  letter-spacing:.02em !important;
}
body.landing-ui-body .cg-ticker-status-word{
  color:#ffffff !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-ticker-live-word{
  color:#00A651 !important;
  font-family:'Roboto Flex',Inter,system-ui,sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
body.landing-ui-body .cg-ticker-separator{
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 8px !important;
  color:#9CA3AF !important;
  line-height:1 !important;
}
body.landing-ui-body .cg-ticker-meta{
  display:inline-block !important;
  min-width:0 !important;
  white-space:nowrap !important;
  color:#9CA3AF !important;
}
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    width:clamp(580px,34vw,720px) !important;
    grid-template-columns:minmax(200px,.78fr) 1px minmax(0,1.72fr) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    margin:0 clamp(4px,.45vw,7px) !important;
    transform:none !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(8px,.7vw,14px) !important;
    min-width:0 !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-value{
    margin:0 0 4px !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub[data-session-ticker-label]{
    font-size:clamp(9px,.78vw,11px) !important;
    line-height:1.12 !important;
  }
}
@media (max-width:767px){
  body.landing-ui-body .cg-stat-sub[data-session-ticker-label]{
    font-size:clamp(8px,2.55vw,10px) !important;
    line-height:1.12 !important;
  }
  body.landing-ui-body .cg-ticker-separator{
    margin:0 5px !important;
  }
}

/* ============================================================
   v2.47.95 — Home ticker BID-width alignment
   - Restores the desktop ticker box to the exact width of the
     BID word in mainbanner.png: start at the beginning of B and
     end at the end of D.
   - Keeps the right-side session meta line under TOTAL CARS in
     one line by moving the internal divider left, tightening panel
     padding, and giving more space to the right column.
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    --cg-banner-rendered-width:max(100vw, 1918.123px) !important;
    --cg-bid-start-x:calc((100vw - var(--cg-banner-rendered-width)) / 2 + (var(--cg-banner-rendered-width) * 0.4921875)) !important;
    --cg-bid-width:calc(var(--cg-banner-rendered-width) * 0.228125) !important;
    left:var(--cg-bid-start-x) !important;
    width:var(--cg-bid-width) !important;
    min-width:0 !important;
    max-width:none !important;
    transform:none !important;
    box-sizing:border-box !important;
    grid-template-columns:minmax(142px,.88fr) 1px minmax(0,1.46fr) !important;
    column-gap:0 !important;
    padding:clamp(10px,1.05vw,16px) clamp(9px,1.05vw,16px) !important;
    overflow:hidden !important;
  }
  @supports not (width: calc(1px * 1)){
    body.landing-ui-body .cg-stats-panel{
      left:49.21875vw !important;
      width:22.8125vw !important;
    }
  }
  @media (max-width:1918px){
    body.landing-ui-body .cg-stats-panel{
      left:calc(50vw - 14.985px) !important;
      width:437.572px !important;
    }
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    margin:0 clamp(3px,.32vw,6px) !important;
    transform:none !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.left,
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    min-width:0 !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(4px,.42vw,8px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub[data-session-ticker-label]{
    width:100% !important;
    max-width:none !important;
    justify-content:center !important;
    font-size:clamp(8px,.66vw,10px) !important;
    line-height:1.12 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  body.landing-ui-body .cg-ticker-separator{
    margin:0 5px !important;
  }
  body.landing-ui-body .cg-ticker-meta{
    min-width:0 !important;
    white-space:nowrap !important;
  }
}

/* ============================================================
   v2.47.96 — Main ticker divider moved right
   - Keeps the ticker box aligned to the BID artwork width from v2.47.95.
   - Moves the internal vertical bar to the right, closer to the reference
     attachment, while keeping the TOTAL CARS/session meta readable.
   - Keeps the right-side session line on one line:
     LIVE • 5:00 PM, 14 May 2026
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    grid-template-columns:minmax(0,47%) 4px minmax(0,1fr) !important;
    column-gap:0 !important;
    padding-left:clamp(10px,.95vw,14px) !important;
    padding-right:clamp(10px,.95vw,14px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    width:4px !important;
    margin:0 clamp(7px,.65vw,10px) !important;
    transform:none !important;
    background:var(--cg-red-gradient-start,#FD0141) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.left{
    padding-right:clamp(3px,.35vw,6px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(8px,.7vw,12px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right .cg-stat-sub[data-session-ticker-label]{
    font-size:clamp(7px,.60vw,9px) !important;
    letter-spacing:.005em !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
}

/* ============================================================
   v2.47.97 — Ticker divider keeps original colour/style at moved position
   - Keeps the v2.47.96 divider position requested by the reference marker.
   - Restores the divider to the previous ticker line style instead of using
     the red/pink marker colour.
   - The ticker box remains aligned to the BID artwork width from v2.47.95.
   ============================================================ */
@media (min-width:768px){
  body.landing-ui-body .cg-stats-panel{
    grid-template-columns:minmax(0,47%) 1px minmax(0,1fr) !important;
    column-gap:0 !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-divider,
  body.landing-ui-body .cg-divider{
    width:1px !important;
    margin:0 clamp(7px,.65vw,10px) !important;
    transform:none !important;
    background:var(--cg-divider-dark,#374151) !important;
    min-height:clamp(54px,5.938vw,76px) !important;
  }
  body.landing-ui-body .cg-stats-panel .cg-stat.right{
    padding-left:clamp(8px,.7vw,12px) !important;
  }
}

/* ============================================================
   v2.47.98 — Home 3-block Show More + hidden capsule state
   ============================================================ */
body.landing-ui-body .cg-home-grid-item-hidden,
body.landing-ui-body .cg-card.cg-home-grid-item-hidden,
body.landing-ui-body [data-cg-home-grid-item][hidden]{
  display:none !important;
}
body.landing-ui-body .cg-more-btn[hidden],
body.landing-ui-body [data-cg-home-more-row][hidden]{
  display:none !important;
}

/* v2.47.99 — center ticker sub-label after removing duplicate car-count suffix */
body.landing-ui-body .cg-stats-panel .cg-stat.left .cg-stat-sub{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* v2.49.80: signed-in header profile avatar must be a circle with photo or initials. */
.site-header .header-user-icon.cg-header-profile-avatar,
body.cg-frontend-page .site-header .header-user-icon.cg-header-profile-avatar,
body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar,
body.cg-header-force-mobile .site-header .header-user-icon.cg-header-profile-avatar,
body.cg-header-force-mobile .cg-home-main-header .header-user-icon.cg-header-profile-avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  border-radius:999px!important;
  background:#111827!important;
  border:1px solid #111827!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  color:#fff!important;
  text-decoration:none!important;
}
.site-header .header-user-icon.cg-header-profile-avatar.has-photo,
body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar.has-photo{
  background:#fff!important;
  border-color:#111827!important;
}
.site-header .header-user-icon.cg-header-profile-avatar .header-avatar-image,
body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar .header-avatar-image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:999px!important;
  display:block!important;
}
.site-header .header-user-icon.cg-header-profile-avatar .header-avatar-initials,
body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar .header-avatar-initials{
  width:100%!important;
  height:100%!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:'Lexend Deca','Roboto Flex',Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
@media (max-width:640px){
  .site-header .header-user-icon.cg-header-profile-avatar,
  body.cg-frontend-page .site-header .header-user-icon.cg-header-profile-avatar,
  body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar,
  body.cg-header-force-mobile .site-header .header-user-icon.cg-header-profile-avatar,
  body.cg-header-force-mobile .cg-home-main-header .header-user-icon.cg-header-profile-avatar{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    flex-basis:26px!important;
  }
  .site-header .header-user-icon.cg-header-profile-avatar .header-avatar-initials,
  body.landing-ui-body .cg-home-main-header .header-user-icon.cg-header-profile-avatar .header-avatar-initials{font-size:9px!important;}
}