/* Clubium Cars Business UI patch — v3 refined public business page upgrades */
.cc-business-ui-v2{
  --cc-ui-bg:#f5f7fb;
  --cc-ui-card:rgba(255,255,255,.94);
  --cc-ui-card-solid:#ffffff;
  --cc-ui-text:#0f172a;
  --cc-ui-muted:#64748b;
  --cc-ui-border:rgba(148,163,184,.20);
  --cc-ui-border-strong:rgba(148,163,184,.30);
  --cc-ui-shadow:0 24px 80px rgba(15,23,42,.10);
  --cc-ui-soft-shadow:0 14px 38px rgba(15,23,42,.08);
  background:var(--cc-ui-bg);
  color:var(--cc-ui-text);
}
html[data-theme="dark"] .cc-business-ui-v2{
  --cc-ui-bg:#07111f;
  --cc-ui-card:rgba(15,23,42,.82);
  --cc-ui-card-solid:#101a2a;
  --cc-ui-text:#f8fafc;
  --cc-ui-muted:#cbd5e1;
  --cc-ui-border:rgba(148,163,184,.16);
  --cc-ui-border-strong:rgba(148,163,184,.24);
  --cc-ui-shadow:0 24px 80px rgba(0,0,0,.36);
  --cc-ui-soft-shadow:0 14px 38px rgba(0,0,0,.22);
}
.cc-business-ui-v2 .site-header{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--cc-ui-border);
  box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.cc-business-ui-v2 .hero{overflow:hidden;position:relative;}
.cc-business-ui-v2 .hero::before{
  content:"";position:absolute;inset:-20% -10% auto auto;width:min(520px,56vw);height:min(520px,56vw);border-radius:999px;background:color-mix(in srgb,var(--color-primary) 16%,transparent);filter:blur(16px);pointer-events:none;
}
.cc-business-ui-v2 .hero .container{position:relative;z-index:1;align-items:center;gap:clamp(24px,5vw,48px);}
.cc-business-ui-v2 .hero-content h1,
.cc-business-ui-v2 .section-title,
.cc-business-ui-v2 .section-head h2,
.cc-business-ui-v2 .cc-offers-head h2,
.cc-business-ui-v2 .simple-panel h2{letter-spacing:-.055em;}
.cc-business-ui-v2 .search-box,
.cc-business-ui-v2 .filter-bar,
.cc-business-ui-v2 .simple-panel,
.cc-business-ui-v2 .car-card,
.cc-business-ui-v2 .featured-card,
.cc-business-ui-v2 .b2b-grid,
.cc-business-ui-v2 .mobile-filter-toggle{
  background:var(--cc-ui-card);
  border:1px solid var(--cc-ui-border);
  box-shadow:var(--cc-ui-shadow);
}

/* Hero search */
.cc-business-ui-v2 .search-box{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;
  gap:14px;
  padding:14px;
  border-radius:999px;
  align-items:center;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
html[data-theme="dark"] .cc-business-ui-v2 .search-box{background:rgba(15,23,42,.74);}
.cc-business-ui-v2 .search-box label,
.cc-business-ui-v2 .filter-bar label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding:11px 16px;
  border-radius:20px;
  background:var(--cc-ui-card-solid);
  border:1px solid color-mix(in srgb,var(--cc-ui-border-strong) 88%,transparent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cc-ui-muted);
  box-shadow:var(--cc-ui-soft-shadow);
}
.cc-business-ui-v2 .search-box label input,
.cc-business-ui-v2 .search-box label select,
.cc-business-ui-v2 .filter-bar label input,
.cc-business-ui-v2 .filter-bar label select{
  min-width:0;width:100%;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:28px;font-size:15px;font-weight:800;color:var(--cc-ui-text);
}
.cc-business-ui-v2 .search-box label input::placeholder,
.cc-business-ui-v2 .filter-bar label input::placeholder{color:var(--cc-ui-muted);opacity:.75;}
.cc-business-ui-v2 .search-box button{
  min-height:58px;border-radius:999px;padding-inline:28px;white-space:nowrap;box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 28%,transparent);
}

/* Filters */
.cc-business-ui-v2 .section-head{gap:18px;align-items:end;}
.cc-business-ui-v2 .section-head select{
  min-height:52px;padding:0 16px;border-radius:18px;border:1px solid var(--cc-ui-border);background:var(--cc-ui-card-solid);box-shadow:var(--cc-ui-soft-shadow);font-weight:700;color:var(--cc-ui-text);
}
.cc-business-ui-v2 .mobile-filter-toggle{border-radius:24px;box-shadow:var(--cc-ui-soft-shadow);}
.cc-business-ui-v2 .filter-bar{
  padding:18px 20px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.88));
}
html[data-theme="dark"] .cc-business-ui-v2 .filter-bar{background:linear-gradient(180deg,rgba(15,23,42,.90),rgba(15,23,42,.82));}
.cc-business-ui-v2 .filter-bar .filter-group{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end;}
.cc-business-ui-v2 .filter-bar .clear-filters{
  align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 18px;border-radius:20px;border:1px solid var(--cc-ui-border-strong);background:var(--cc-ui-card-solid);color:var(--cc-ui-text);font-weight:900;box-shadow:var(--cc-ui-soft-shadow);
}

/* Shared cards */
.cc-business-ui-v2 .car-card{border-radius:28px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.cc-business-ui-v2 .car-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--cc-ui-border));}
.cc-business-ui-v2 .car-image img,
.cc-business-ui-v2 .featured-image img,
.cc-business-ui-v2 .cc-offer-image img{object-fit:contain!important;filter:drop-shadow(0 18px 24px rgba(15,23,42,.12));mix-blend-mode:normal;}
.cc-business-ui-v2 .cc-price-stack{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:5px 8px;}
.cc-business-ui-v2 .cc-price-stack del{color:var(--cc-ui-muted);opacity:.78;font-size:.82em;font-weight:700;text-decoration-thickness:2px;}
.cc-business-ui-v2 .cc-price-stack strong{color:var(--color-primary);}

/* Offers */
.cc-offers-slider-section{padding:72px 0 42px;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.04),transparent);}
.cc-offers-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;}
.cc-offers-head h2{margin:6px 0 8px;font-size:clamp(30px,4vw,56px);line-height:.96;font-weight:900;}
.cc-offers-head p{max-width:620px;margin:0;color:var(--cc-ui-muted);line-height:1.75;}
.cc-offers-controls{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.cc-offers-controls button{width:46px;height:46px;border-radius:16px;border:1px solid var(--cc-ui-border);background:var(--cc-ui-card);color:var(--cc-ui-text);font-size:30px;line-height:1;box-shadow:0 14px 35px rgba(15,23,42,.08);cursor:pointer;}
.cc-offers-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,300px);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;padding:8px 2px 20px;scrollbar-width:thin;}
.cc-offer-slide{scroll-snap-align:start;min-height:100%;}
.cc-offer-slide .cc-offer-image{position:relative;display:grid;place-items:center;min-height:auto;padding:0;text-decoration:none;background:#fff!important;}
.cc-offer-slide .cc-offer-image img{width:100%;height:100%;max-height:none;background:#fff;padding:18px;}
.cc-offer-discount-pill,
.cc-business-ui-v2 .tag,
.cc-business-ui-v2 .featured-badge{
  border-radius:999px;background:var(--color-primary)!important;color:#fff!important;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 24%,transparent);
}
.cc-offer-slide .cc-offer-tag{position:absolute;inset:14px 14px auto auto;z-index:2;padding:8px 12px;font-size:12px;}
html[dir="rtl"] .cc-offer-slide .cc-offer-tag{inset:14px auto auto 14px;}
.cc-offer-discount-pill{position:absolute;inset:14px auto auto 14px;padding:8px 12px;font-size:12px;z-index:2;}
html[dir="rtl"] .cc-offer-discount-pill{inset:14px 14px auto auto;}
.cc-offer-slide .cc-offer-body{padding:18px 18px 20px;}
.cc-offer-slide .cc-offer-meta{margin-bottom:10px;}
.cc-offer-slide h3{margin:0 0 8px;font-size:18px;line-height:1.28;}
.cc-offer-slide h3 a{color:inherit;text-decoration:none;}
.cc-offer-slide .cc-offer-actions .btn{flex:1 1 120px;justify-content:center;}
html[dir="rtl"] .cc-offers-rail{direction:rtl;}
html[dir="rtl"] .cc-offer-slide{direction:rtl;}

/* About / FAQ */
.cc-business-ui-v2 .simple-panel{
  padding:clamp(22px,3.4vw,36px);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
}
html[data-theme="dark"] .cc-business-ui-v2 .simple-panel{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.84));}
.cc-business-ui-v2 #tab-about .simple-panel p,
.cc-business-ui-v2 #tab-faq .simple-panel p{margin:0;line-height:1.95;color:var(--cc-ui-text);}
.cc-business-ui-v2 .faq-list{display:grid;gap:14px;margin-top:22px;}
.cc-business-ui-v2 .faq-list details{
  border:1px solid var(--cc-ui-border-strong);border-radius:22px;background:var(--cc-ui-card-solid);padding:0;overflow:hidden;box-shadow:var(--cc-ui-soft-shadow);
}
.cc-business-ui-v2 .faq-list summary{
  list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;color:var(--cc-ui-text);position:relative;
}
.cc-business-ui-v2 .faq-list summary::-webkit-details-marker{display:none;}
.cc-business-ui-v2 .faq-list summary::after{
  content:'+';position:absolute;inset:50% 20px auto auto;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--color-primary);font-weight:500;
}
html[dir="rtl"] .cc-business-ui-v2 .faq-list summary::after{inset:50% auto auto 20px;}
.cc-business-ui-v2 .faq-list details[open] summary::after{content:'–';}
.cc-business-ui-v2 .faq-list details p{padding:0 20px 18px;color:var(--cc-ui-muted)!important;}

/* B2B */
.cc-business-ui-v2 .b2b-section{padding:78px 0 92px;}
.cc-business-ui-v2 .b2b-section .container{padding-inline:clamp(16px,4vw,30px);}
.cc-business-ui-v2 .b2b-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:32px;padding:clamp(22px,3.8vw,38px);border-radius:34px;align-items:center;}
.cc-business-ui-v2 .b2b-content{padding:clamp(4px,1vw,10px);}
.cc-business-ui-v2 .b2b-content h2{margin-bottom:14px;letter-spacing:-.04em;}
.cc-business-ui-v2 .b2b-content p{max-width:62ch;line-height:1.85;}
.cc-business-ui-v2 .b2b-content .b2b-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:24px 0 28px;padding:0;list-style:none;}
.cc-business-ui-v2 .b2b-content .b2b-benefits li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border-radius:18px;background:var(--cc-ui-card-solid);border:1px solid var(--cc-ui-border);box-shadow:var(--cc-ui-soft-shadow);}
.cc-business-ui-v2 .b2b-content .b2b-benefits li .check{flex:0 0 auto;margin-top:2px;}
.cc-business-ui-v2 .b2b-media{padding:10px;border-radius:28px;background:var(--cc-ui-card-solid);border:1px solid var(--cc-ui-border);box-shadow:var(--cc-ui-soft-shadow);min-height:320px;}
.cc-business-ui-v2 .b2b-media .b2b-image,
.cc-business-ui-v2 .b2b-media-placeholder{width:100%;height:100%;min-height:300px;border-radius:22px;object-fit:cover;}

@media(max-width:1180px){
  .cc-business-ui-v2 .filter-bar .filter-group{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cc-business-ui-v2 .b2b-grid{grid-template-columns:1fr;}
}
@media(max-width:780px){
  .cc-offers-slider-section{padding:44px 0 26px;}
  .cc-offers-head{align-items:flex-start;display:block;}
  .cc-offers-controls{margin-top:16px;}
  .cc-offers-rail{grid-auto-columns:minmax(82vw,1fr);}
  .cc-business-ui-v2 .header-actions select{max-width:96px;}
  .cc-business-ui-v2 .search-box{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:28px;background:var(--cc-ui-card);}
  .cc-business-ui-v2 .search-box button{width:100%;min-height:54px;}
  .cc-business-ui-v2 .section-head{display:block;}
  .cc-business-ui-v2 .section-head select{width:100%;margin-top:16px;}
  .cc-business-ui-v2 .filter-bar{padding:16px;border-radius:24px;}
  .cc-business-ui-v2 .filter-bar .filter-group{grid-template-columns:1fr;gap:12px;}
  .cc-business-ui-v2 .mobile-filter-toggle{border-radius:22px;}
  .cc-business-ui-v2 .b2b-section .container{padding-inline:16px;}
  .cc-business-ui-v2 .b2b-grid{gap:22px;padding:18px;border-radius:28px;}
  .cc-business-ui-v2 .b2b-content .b2b-benefits{grid-template-columns:1fr;}
  .cc-business-ui-v2 .simple-panel{padding:20px;border-radius:26px;}
}
@media(max-width:560px){
  .cc-offers-controls button{width:42px;height:42px;border-radius:14px;}
  .cc-offer-discount-pill,.cc-offer-slide .cc-offer-tag{font-size:11px;padding:7px 10px;}
  .cc-business-ui-v2 .search-box label,
  .cc-business-ui-v2 .filter-bar label{padding:11px 12px;border-radius:18px;}
  .cc-business-ui-v2 .b2b-section{padding:56px 0 72px;}
  .cc-business-ui-v2 .faq-list summary{padding:16px 18px;}
  .cc-business-ui-v2 .faq-list details p{padding:0 18px 16px;}
}



/* =========================================================
   v4 Premium Search + Filter UI
   Scope: public business page only
   Keeps IDs and existing JavaScript behavior intact.
   ========================================================= */
.cc-business-ui-v2{
  --cc-form-bg: rgba(255,255,255,.72);
  --cc-form-bg-solid: #fff;
  --cc-form-blur: blur(22px) saturate(160%);
  --cc-form-ring: color-mix(in srgb, var(--color-primary) 42%, transparent);
  --cc-form-line: rgba(148,163,184,.22);
  --cc-form-line-strong: rgba(148,163,184,.34);
  --cc-form-shadow: 0 28px 80px rgba(15,23,42,.14);
  --cc-form-shadow-soft: 0 12px 34px rgba(15,23,42,.08);
  --cc-form-ease: cubic-bezier(.22,1,.36,1);
}
html[data-theme="dark"] .cc-business-ui-v2{
  --cc-form-bg: rgba(15,23,42,.72);
  --cc-form-bg-solid: #0f172a;
  --cc-form-line: rgba(148,163,184,.18);
  --cc-form-line-strong: rgba(148,163,184,.28);
  --cc-form-shadow: 0 28px 80px rgba(0,0,0,.36);
  --cc-form-shadow-soft: 0 12px 34px rgba(0,0,0,.24);
}

/* Hide mobile filter trigger on desktop. The previous CSS allowed it to leak into desktop. */
.cc-business-ui-v2 .mobile-filter-toggle{
  display:none!important;
}

/* Premium hero booking widget */
.cc-business-ui-v2 .hero .search-box{
  inline-size:min(100%, 760px);
  margin-block-start:clamp(24px,3vw,38px);
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.70);
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.64)),
    var(--cc-form-bg);
  box-shadow:
    0 30px 80px rgba(15,23,42,.12),
    0 14px 34px color-mix(in srgb, var(--color-primary) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:var(--cc-form-blur);
  -webkit-backdrop-filter:var(--cc-form-blur);
  isolation:isolate;
}
html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box{
  border-color:rgba(148,163,184,.22);
  background:
    linear-gradient(135deg, rgba(15,23,42,.86), rgba(15,23,42,.62)),
    var(--cc-form-bg);
  box-shadow:var(--cc-form-shadow);
}
.cc-business-ui-v2 .hero .search-box label{
  position:relative;
  min-inline-size:0;
  min-block-size:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:14px 18px 14px 52px;
  border-radius:28px;
  border:1px solid transparent;
  background:rgba(255,255,255,.68);
  box-shadow:none;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:
    transform 250ms var(--cc-form-ease),
    border-color 250ms var(--cc-form-ease),
    background-color 250ms var(--cc-form-ease),
    box-shadow 250ms var(--cc-form-ease);
}
html[dir="rtl"] .cc-business-ui-v2 .hero .search-box label{
  padding-inline:18px 52px;
}
html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box label{
  background:rgba(255,255,255,.06);
  color:#94a3b8;
}
.cc-business-ui-v2 .hero .search-box label::before{
  content:"";
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:18px;
  inline-size:22px;
  block-size:22px;
  transform:translateY(-50%);
  border-radius:999px;
  background:color-mix(in srgb, var(--color-primary) 12%, #fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 24%, transparent);
}
html[dir="rtl"] .cc-business-ui-v2 .hero .search-box label::before{
  inset-inline-start:auto;
  inset-inline-end:18px;
}
.cc-business-ui-v2 .hero .search-box label:nth-of-type(1)::after{
  content:"⌖";
}
.cc-business-ui-v2 .hero .search-box label:nth-of-type(2)::after{
  content:"▾";
}
.cc-business-ui-v2 .hero .search-box label::after{
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:23px;
  transform:translateY(-50%);
  color:var(--color-primary);
  font-size:13px;
  font-weight:900;
  pointer-events:none;
}
html[dir="rtl"] .cc-business-ui-v2 .hero .search-box label::after{
  inset-inline-start:auto;
  inset-inline-end:23px;
}
.cc-business-ui-v2 .hero .search-box label:focus-within{
  transform:translateY(-1px);
  border-color:var(--cc-form-ring);
  background:#fff;
  box-shadow:
    0 16px 40px rgba(15,23,42,.10),
    0 0 0 4px color-mix(in srgb, var(--color-primary) 12%, transparent);
}
html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box label:focus-within{
  background:rgba(30,41,59,.86);
}
.cc-business-ui-v2 .hero .search-box input,
.cc-business-ui-v2 .hero .search-box select{
  appearance:none;
  -webkit-appearance:none;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  min-block-size:30px;
  inline-size:100%;
  color:var(--cc-ui-text);
  font-size:clamp(16px,1.05vw,18px);
  line-height:1.25;
  font-weight:850;
}
.cc-business-ui-v2 .hero .search-box input::placeholder{
  color:#94a3b8;
  transition:opacity 250ms var(--cc-form-ease), transform 250ms var(--cc-form-ease);
}
.cc-business-ui-v2 .hero .search-box label:focus-within input::placeholder{
  opacity:.55;
  transform:translateX(2px);
}
.cc-business-ui-v2 .hero .search-box button{
  min-block-size:74px;
  padding-inline:clamp(26px,3vw,42px);
  border-radius:999px;
  border:0;
  background:var(--color-primary);
  color:#fff;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.01em;
  box-shadow:
    0 20px 42px color-mix(in srgb, var(--color-primary) 34%, transparent),
    inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateZ(0);
  transition:
    transform 250ms var(--cc-form-ease),
    box-shadow 250ms var(--cc-form-ease),
    filter 250ms var(--cc-form-ease);
}
.cc-business-ui-v2 .hero .search-box button:hover{
  transform:translateY(-2px) scale(1.015);
  box-shadow:
    0 26px 54px color-mix(in srgb, var(--color-primary) 42%, transparent),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.cc-business-ui-v2 .hero .search-box button:active{
  transform:translateY(0) scale(.985);
}
.cc-business-ui-v2 .hero .search-box button:focus-visible,
.cc-business-ui-v2 .filter-bar :is(input,select,button,.clear-filters):focus-visible,
.cc-business-ui-v2 .mobile-filter-toggle:focus-visible,
.cc-business-ui-v2 #sortSelect:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--color-primary) 16%, transparent),
    0 0 0 1px var(--cc-form-ring),
    var(--cc-form-shadow-soft);
}

/* Fleet header + sort */
.cc-business-ui-v2 .section-head{
  align-items:end;
  gap:clamp(14px,2.4vw,28px);
}
.cc-business-ui-v2 #resultCount{
  display:inline-flex;
  align-items:center;
  min-block-size:30px;
  margin-block-start:8px;
  padding:0 12px;
  border-radius:999px;
  background:color-mix(in srgb, var(--color-primary) 7%, #fff);
  color:color-mix(in srgb, var(--color-primary) 72%, #0f172a);
  border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);
  font-size:13px;
  font-weight:800;
}
html[data-theme="dark"] .cc-business-ui-v2 #resultCount{
  background:color-mix(in srgb, var(--color-primary) 14%, transparent);
  color:#f8fafc;
}
.cc-business-ui-v2 #sortSelect{
  appearance:none;
  -webkit-appearance:none;
  min-inline-size:clamp(190px,18vw,248px);
  min-block-size:60px;
  padding:0 48px 0 22px;
  border-radius:24px;
  border:1px solid var(--cc-form-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86)),
    var(--cc-form-bg-solid);
  color:var(--cc-ui-text);
  box-shadow:var(--cc-form-shadow-soft);
  font-weight:850;
  letter-spacing:-.01em;
  transition:border-color 250ms var(--cc-form-ease), transform 250ms var(--cc-form-ease), box-shadow 250ms var(--cc-form-ease);
}
html[dir="rtl"] .cc-business-ui-v2 #sortSelect{
  padding-inline:22px 48px;
}
.cc-business-ui-v2 #sortSelect:hover{
  transform:translateY(-1px);
  border-color:var(--cc-form-line-strong);
}

/* Desktop premium sticky filter command bar */
.cc-business-ui-v2 .tabs-section .filter-bar{
  position:sticky;
  top:calc(72px + env(safe-area-inset-top));
  z-index:20;
  margin-block:18px 32px;
  padding:10px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.72);
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.68)),
    var(--cc-form-bg);
  box-shadow:
    0 28px 70px rgba(15,23,42,.11),
    inset 0 1px 0 rgba(255,255,255,.74);
  backdrop-filter:var(--cc-form-blur);
  -webkit-backdrop-filter:var(--cc-form-blur);
}
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar{
  border-color:rgba(148,163,184,.18);
  background:
    linear-gradient(135deg, rgba(15,23,42,.88), rgba(15,23,42,.68)),
    var(--cc-form-bg);
}
.cc-business-ui-v2 .tabs-section .filter-bar .filter-group{
  display:grid!important;
  grid-template-columns:minmax(130px,.9fr) minmax(150px,1.05fr) minmax(110px,.7fr) minmax(210px,1.25fr) auto;
  gap:10px;
  align-items:stretch;
}
.cc-business-ui-v2 .tabs-section .filter-bar label{
  position:relative;
  min-block-size:70px;
  padding:12px 16px 10px 48px;
  border-radius:26px;
  border:1px solid transparent;
  background:rgba(255,255,255,.72);
  box-shadow:none;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:
    background-color 250ms var(--cc-form-ease),
    border-color 250ms var(--cc-form-ease),
    box-shadow 250ms var(--cc-form-ease),
    transform 250ms var(--cc-form-ease);
}
html[dir="rtl"] .cc-business-ui-v2 .tabs-section .filter-bar label{
  padding-inline:16px 48px;
}
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar label{
  background:rgba(255,255,255,.06);
  color:#94a3b8;
}
.cc-business-ui-v2 .tabs-section .filter-bar label::before{
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:16px;
  transform:translateY(-50%);
  inline-size:22px;
  block-size:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:color-mix(in srgb, var(--color-primary) 12%, #fff);
  color:var(--color-primary);
  font-size:12px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent);
}
html[dir="rtl"] .cc-business-ui-v2 .tabs-section .filter-bar label::before{
  inset-inline-start:auto;
  inset-inline-end:16px;
}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(1)::before{content:"▦";}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(2)::before{content:"⌖";}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(3)::before{content:"◉";}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(4)::before{content:"◎";}
.cc-business-ui-v2 .tabs-section .filter-bar label:hover,
.cc-business-ui-v2 .tabs-section .filter-bar label:focus-within{
  transform:translateY(-1px);
  border-color:var(--cc-form-ring);
  background:#fff;
  box-shadow:
    0 16px 40px rgba(15,23,42,.08),
    0 0 0 4px color-mix(in srgb, var(--color-primary) 9%, transparent);
}
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar label:hover,
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar label:focus-within{
  background:rgba(30,41,59,.86);
}
.cc-business-ui-v2 .tabs-section .filter-bar select,
.cc-business-ui-v2 .tabs-section .filter-bar input[type="number"]{
  appearance:none;
  -webkit-appearance:none;
  inline-size:100%;
  min-block-size:28px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  color:var(--cc-ui-text);
  font-size:16px;
  font-weight:850;
}
.cc-business-ui-v2 .tabs-section .filter-bar select{
  cursor:pointer;
}
.cc-business-ui-v2 .tabs-section .filter-bar .clear-filters{
  align-self:stretch;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-block-size:70px;
  white-space:nowrap;
  padding:0 22px;
  border-radius:26px;
  border:1px solid var(--cc-form-line);
  background:rgba(255,255,255,.70);
  color:var(--cc-ui-text);
  box-shadow:none;
  font-weight:900;
  cursor:pointer;
  transition:
    transform 250ms var(--cc-form-ease),
    border-color 250ms var(--cc-form-ease),
    background-color 250ms var(--cc-form-ease),
    box-shadow 250ms var(--cc-form-ease);
}
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar .clear-filters{
  background:rgba(255,255,255,.06);
}
.cc-business-ui-v2 .tabs-section .filter-bar .clear-filters:hover{
  transform:translateY(-1px);
  border-color:var(--cc-form-ring);
  background:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar .clear-filters:hover{
  background:rgba(30,41,59,.86);
}

/* Price slider enhancement */
.cc-business-ui-v2 .cc-price-filter{
  padding-block:10px!important;
}
.cc-business-ui-v2 .cc-price-filter .cc-price-current{
  position:absolute;
  inset-block-start:11px;
  inset-inline-end:16px;
  max-inline-size:46%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--color-primary);
  font-size:11px;
  font-weight:950;
  letter-spacing:.02em;
  text-transform:none;
}
html[dir="rtl"] .cc-business-ui-v2 .cc-price-filter .cc-price-current{
  inset-inline-start:16px;
  inset-inline-end:auto;
}
.cc-business-ui-v2 .cc-price-filter input[type="number"]{
  position:absolute;
  inline-size:1px!important;
  block-size:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]{
  appearance:none;
  -webkit-appearance:none;
  inline-size:100%;
  min-block-size:28px;
  margin-block-start:24px;
  border:0;
  background:transparent;
  cursor:pointer;
  outline:0;
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]::-webkit-slider-runnable-track{
  block-size:6px;
  border-radius:999px;
  background:
    linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 34%, #fff)) 0/var(--cc-range-fill, 0%) 100% no-repeat,
    rgba(148,163,184,.20);
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  inline-size:22px;
  block-size:22px;
  margin-block-start:-8px;
  border-radius:999px;
  background:#fff;
  border:5px solid var(--color-primary);
  box-shadow:0 8px 24px color-mix(in srgb, var(--color-primary) 28%, transparent);
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]::-moz-range-track{
  block-size:6px;
  border-radius:999px;
  background:rgba(148,163,184,.20);
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]::-moz-range-progress{
  block-size:6px;
  border-radius:999px;
  background:var(--color-primary);
}
.cc-business-ui-v2 .cc-price-filter input[type="range"]::-moz-range-thumb{
  inline-size:14px;
  block-size:14px;
  border-radius:999px;
  background:#fff;
  border:5px solid var(--color-primary);
  box-shadow:0 8px 24px color-mix(in srgb, var(--color-primary) 28%, transparent);
}

/* Responsive search + bottom sheet filters */
@media (max-width:1180px){
  .cc-business-ui-v2 .tabs-section .filter-bar .filter-group{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cc-business-ui-v2 .tabs-section .filter-bar .clear-filters{
    grid-column:1 / -1;
  }
}
@media (max-width:780px){
  .cc-business-ui-v2 .hero .search-box{
    inline-size:100%;
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
    border-radius:32px;
    margin-block-start:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  }
  html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box{
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(15,23,42,.78));
  }
  .cc-business-ui-v2 .hero .search-box label{
    min-block-size:68px;
    border-radius:24px;
    background:#fff;
    border-color:var(--cc-form-line);
  }
  html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box label{
    background:rgba(255,255,255,.06);
  }
  .cc-business-ui-v2 .hero .search-box button{
    min-block-size:58px;
    inline-size:100%;
    position:sticky;
    inset-block-end:0;
  }
  .cc-business-ui-v2 .section-head{
    display:block;
  }
  .cc-business-ui-v2 #sortSelect{
    inline-size:100%;
    margin-block-start:16px;
  }
  .cc-business-ui-v2 .mobile-filter-toggle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    inline-size:100%;
    min-block-size:64px;
    margin-block:18px 10px;
    padding:12px 16px;
    border:1px solid var(--cc-form-line);
    border-radius:24px;
    background:var(--cc-form-bg);
    backdrop-filter:var(--cc-form-blur);
    -webkit-backdrop-filter:var(--cc-form-blur);
    box-shadow:var(--cc-form-shadow-soft);
    color:var(--cc-ui-text);
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-icon{
    inline-size:40px;
    block-size:40px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:color-mix(in srgb, var(--color-primary) 10%, #fff);
    color:var(--color-primary);
    font-size:18px;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text{
    flex:1 1 auto;
    display:grid;
    gap:3px;
    text-align:start;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text strong{
    font-size:15px;
    font-weight:950;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text em{
    font-size:12px;
    color:var(--cc-ui-muted);
    font-style:normal;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-chevron{
    transition:transform 250ms var(--cc-form-ease);
  }
  .cc-business-ui-v2 .mobile-filter-toggle.open .filter-toggle-chevron{
    transform:rotate(180deg);
  }
  .cc-business-ui-v2 .tabs-section:has(.filter-bar.open)::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:9997;
    background:rgba(15,23,42,.36);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .cc-business-ui-v2 .tabs-section .filter-bar{
    position:fixed!important;
    inset:auto 0 0 0;
    z-index:9998;
    max-block-size:min(82dvh, 680px);
    overflow:auto;
    overscroll-behavior:contain;
    margin:0;
    padding:18px;
    border-radius:30px 30px 0 0;
    border:1px solid var(--cc-form-line-strong);
    border-block-end:0;
    transform:translateY(calc(100% + 24px));
    opacity:0;
    pointer-events:none;
    transition:
      transform 320ms var(--cc-form-ease),
      opacity 220ms var(--cc-form-ease);
  }
  .cc-business-ui-v2 .tabs-section .filter-bar.open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .cc-business-ui-v2 .tabs-section .filter-bar::before{
    content:"";
    display:block;
    inline-size:44px;
    block-size:5px;
    border-radius:999px;
    background:rgba(148,163,184,.44);
    margin:0 auto 16px;
  }
  .cc-business-ui-v2 .tabs-section .filter-bar .filter-group{
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .cc-business-ui-v2 .tabs-section .filter-bar label{
    min-block-size:72px;
    border-radius:24px;
    background:#fff;
    border-color:var(--cc-form-line);
  }
  html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar label{
    background:rgba(255,255,255,.06);
  }
  .cc-business-ui-v2 .tabs-section .filter-bar .clear-filters{
    min-block-size:58px;
    border-radius:22px;
  }
}
@media (max-width:560px){
  .cc-business-ui-v2 .hero .search-box{
    padding:14px;
    border-radius:28px;
  }
  .cc-business-ui-v2 .hero .search-box label{
    min-block-size:64px;
    padding-block:12px;
  }
  .cc-business-ui-v2 .tabs-section .filter-bar{
    padding-inline:14px;
  }
}
@media (prefers-reduced-motion: reduce){
  .cc-business-ui-v2 .search-box *,
  .cc-business-ui-v2 .filter-bar *,
  .cc-business-ui-v2 .mobile-filter-toggle,
  .cc-business-ui-v2 #sortSelect{
    transition:none!important;
    animation:none!important;
  }
}



/* =========================================================
   v5.1 safe refinements: icons, mobile search width,
   FAQ typography, modern branch-only contact panel
   ========================================================= */
.cc-business-ui-v2{
  --cc-icon-location:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-5.1 7-12a7 7 0 1 0-14 0c0 6.9 7 12 7 12Zm0-9a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z'/%3E%3C/svg%3E");
  --cc-icon-car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.2 11.5 6.7 7c.4-1.2 1.5-2 2.8-2h5c1.3 0 2.4.8 2.8 2l1.5 4.5A3.5 3.5 0 0 1 21 14.7V18a1 1 0 0 1-1 1h-1.2a1.8 1.8 0 0 1-3.6 0H8.8a1.8 1.8 0 0 1-3.6 0H4a1 1 0 0 1-1-1v-3.3c0-1.4.9-2.7 2.2-3.2ZM8.5 7a1 1 0 0 0-1 .7l-1.1 3.1h11.2l-1.1-3.1a1 1 0 0 0-1-.7h-7ZM6.5 16.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Zm11 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z'/%3E%3C/svg%3E");
  --cc-icon-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5C4 4.7 4.7 4 5.5 4h4C10.3 4 11 4.7 11 5.5v4c0 .8-.7 1.5-1.5 1.5h-4C4.7 11 4 10.3 4 9.5v-4Zm9 0c0-.8.7-1.5 1.5-1.5h4c.8 0 1.5.7 1.5 1.5v4c0 .8-.7 1.5-1.5 1.5h-4c-.8 0-1.5-.7-1.5-1.5v-4ZM4 14.5c0-.8.7-1.5 1.5-1.5h4c.8 0 1.5.7 1.5 1.5v4c0 .8-.7 1.5-1.5 1.5h-4c-.8 0-1.5-.7-1.5-1.5v-4Zm9 0c0-.8.7-1.5 1.5-1.5h4c.8 0 1.5.7 1.5 1.5v4c0 .8-.7 1.5-1.5 1.5h-4c-.8 0-1.5-.7-1.5-1.5v-4Z'/%3E%3C/svg%3E");
  --cc-icon-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0 2C5.9 13 3 15.1 3 17.8V19a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-1.2c0-2.7-2.9-4.8-6.5-4.8Zm7.6-.4a4.4 4.4 0 0 1 3.9 4.3V19a1 1 0 0 1-1 1h-2.3c.2-.3.3-.7.3-1v-1.2c0-1.9-1-3.5-2.6-4.7.5-.3 1.1-.5 1.7-.5ZM16.5 11a3 3 0 1 0 0-6 3 3 0 0 0-.6.1 5.4 5.4 0 0 1 0 5.8l.6.1Z'/%3E%3C/svg%3E");
  --cc-icon-price:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.2 3.3a2.5 2.5 0 0 1 1.8-.8h5.5A3.5 3.5 0 0 1 22 6v5.5c0 .7-.3 1.3-.7 1.8l-8 8a2.5 2.5 0 0 1-3.6 0l-7-7a2.5 2.5 0 0 1 0-3.6l8.5-8.4ZM17.5 8A1.5 1.5 0 1 0 17.5 5 1.5 1.5 0 0 0 17.5 8ZM11 9c-1.7 0-3 .9-3 2.3 0 1.2.9 1.9 2.7 2.3 1.1.3 1.4.5 1.4.9 0 .4-.4.7-1.2.7-.9 0-1.7-.3-2.5-.9l-.9 1.4c.8.6 1.7 1 2.7 1.1V18h1.4v-1.2c1.7-.2 2.8-1.1 2.8-2.4 0-1.3-.9-1.9-2.8-2.4-1-.2-1.3-.5-1.3-.8 0-.4.4-.6 1-.6.8 0 1.5.2 2.1.7l.9-1.3c-.7-.5-1.5-.8-2.4-.9V8H11v1Z'/%3E%3C/svg%3E");
}

/* Clean SVG-mask icons instead of text glyph icons */
.cc-business-ui-v2 .hero .search-box label::before,
.cc-business-ui-v2 .tabs-section .filter-bar label::before{
  content:""!important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.9), transparent 38%),
    color-mix(in srgb, var(--color-primary) 11%, #fff)!important;
  border:1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 10px 24px color-mix(in srgb, var(--color-primary) 10%, transparent);
}
html[data-theme="dark"] .cc-business-ui-v2 .hero .search-box label::before,
html[data-theme="dark"] .cc-business-ui-v2 .tabs-section .filter-bar label::before{
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), transparent 38%),
    color-mix(in srgb, var(--color-primary) 18%, #0f172a)!important;
}
.cc-business-ui-v2 .hero .search-box label::after,
.cc-business-ui-v2 .tabs-section .filter-bar label::after{
  content:""!important;
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:22px;
  inline-size:14px;
  block-size:14px;
  transform:translateY(-50%);
  background:var(--color-primary);
  mask:var(--cc-current-icon) center/contain no-repeat;
  -webkit-mask:var(--cc-current-icon) center/contain no-repeat;
  pointer-events:none;
  opacity:.95;
}
html[dir="rtl"] .cc-business-ui-v2 .hero .search-box label::after,
html[dir="rtl"] .cc-business-ui-v2 .tabs-section .filter-bar label::after{
  inset-inline-start:auto;
  inset-inline-end:22px;
}
.cc-business-ui-v2 .hero .search-box label:nth-of-type(1),
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(2){--cc-current-icon:var(--cc-icon-location);}
.cc-business-ui-v2 .hero .search-box label:nth-of-type(2){--cc-current-icon:var(--cc-icon-car);}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(1){--cc-current-icon:var(--cc-icon-grid);}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(3){--cc-current-icon:var(--cc-icon-users);}
.cc-business-ui-v2 .tabs-section .filter-bar label:nth-of-type(4){--cc-current-icon:var(--cc-icon-price);}

@media (max-width:780px){
  .cc-business-ui-v2 .hero .search-box{
    inline-size:min(92vw, 430px)!important;
    margin-inline:auto!important;
  }
  .cc-business-ui-v2 .hero .search-box label,
  .cc-business-ui-v2 .hero .search-box button{
    inline-size:min(100%, 390px)!important;
    margin-inline:auto!important;
  }
}
@media (max-width:420px){
  .cc-business-ui-v2 .hero .search-box{
    inline-size:min(91vw, 380px)!important;
    padding:12px!important;
  }
}

/* FAQ: one unit smaller and mobile-safe */
.cc-business-ui-v2 #tab-faq .simple-panel h2{font-size:clamp(1.55rem, 3vw, 1.95rem)!important;}
.cc-business-ui-v2 #tab-faq .faq-list summary{
  font-size:calc(1rem - 1px)!important;
  line-height:1.45!important;
  padding-inline-end:48px!important;
}
html[dir="rtl"] .cc-business-ui-v2 #tab-faq .faq-list summary{padding-inline:20px 48px!important;}
.cc-business-ui-v2 #tab-faq .faq-list details p{
  font-size:calc(.95rem - 1px)!important;
  line-height:1.78!important;
}
@media (max-width:560px){
  .cc-business-ui-v2 #tab-faq .simple-panel{padding:18px!important;}
  .cc-business-ui-v2 #tab-faq .faq-list{gap:10px!important;}
  .cc-business-ui-v2 #tab-faq .faq-list details{border-radius:18px!important;}
  .cc-business-ui-v2 #tab-faq .faq-list summary{
    font-size:calc(.96rem - 1px)!important;
    padding:15px 44px 15px 16px!important;
  }
  html[dir="rtl"] .cc-business-ui-v2 #tab-faq .faq-list summary{padding:15px 16px 15px 44px!important;}
  .cc-business-ui-v2 #tab-faq .faq-list details p{
    font-size:calc(.9rem - 1px)!important;
    padding-inline:16px!important;
  }
}

/* Modern branch-only contact section */
.cc-business-ui-v2 #tab-contact > h2{
  font-size:clamp(1.65rem, 3.3vw, 2.35rem);
  letter-spacing:-.045em;
  margin-block:8px 6px;
}
.cc-business-ui-v2 .cc-branch-only-contact{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);
  gap:clamp(18px,3vw,30px);
  margin-block-start:24px;
  align-items:stretch;
}
.cc-business-ui-v2 .cc-branch-only-contact .contact-info{display:grid;gap:14px;}
.cc-business-ui-v2 .cc-branch-only-contact .branch-item{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:28px;
  border:1px solid var(--cc-form-line);
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86));
  box-shadow:0 20px 54px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="dark"] .cc-business-ui-v2 .cc-branch-only-contact .branch-item{
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(15,23,42,.80));
}
.cc-business-ui-v2 .cc-branch-header{display:flex;align-items:center;gap:12px;margin-block-end:10px;}
.cc-business-ui-v2 .cc-branch-icon{
  flex:0 0 auto;
  inline-size:42px;
  block-size:42px;
  border-radius:16px;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.9), transparent 40%),
    color-mix(in srgb, var(--color-primary) 12%, #fff);
  position:relative;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 18%, transparent);
}
.cc-business-ui-v2 .cc-branch-icon::before{
  content:"";
  position:absolute;
  inset:12px;
  background:var(--color-primary);
  mask:var(--cc-icon-location) center/contain no-repeat;
  -webkit-mask:var(--cc-icon-location) center/contain no-repeat;
}
.cc-business-ui-v2 .cc-branch-header h4{
  margin:0!important;
  font-size:1.08rem!important;
  line-height:1.25;
  font-weight:900!important;
  color:var(--cc-ui-text);
  letter-spacing:-.02em;
}
.cc-business-ui-v2 .cc-branch-address{
  margin:0 0 16px!important;
  color:var(--cc-ui-muted)!important;
  font-size:.94rem!important;
  line-height:1.75!important;
}
.cc-business-ui-v2 .cc-branch-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
}
.cc-business-ui-v2 .cc-branch-link{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-inline-size:0;
  padding:12px 14px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,.74);
  border:1px solid var(--cc-form-line);
  color:var(--cc-ui-text);
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
html[data-theme="dark"] .cc-business-ui-v2 .cc-branch-link{background:rgba(255,255,255,.06);}
.cc-business-ui-v2 .cc-branch-link span{
  color:var(--cc-ui-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cc-business-ui-v2 .cc-branch-link strong{
  min-inline-size:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--color-primary);
  font-size:.94rem;
  font-weight:900;
}
.cc-business-ui-v2 .cc-branch-only-contact .map-container{
  min-height:360px;
  height:auto;
  border-radius:30px;
  border:1px solid var(--cc-form-line);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.cc-business-ui-v2 .cc-branch-only-contact .map-container iframe{min-height:360px;}
@media (max-width:960px){.cc-business-ui-v2 .cc-branch-only-contact{grid-template-columns:1fr;}}
@media (max-width:560px){
  .cc-business-ui-v2 .cc-branch-only-contact{gap:14px;margin-block-start:18px;}
  .cc-business-ui-v2 .cc-branch-only-contact .branch-item{padding:16px;border-radius:24px;}
  .cc-business-ui-v2 .cc-branch-actions{grid-template-columns:1fr;}
  .cc-business-ui-v2 .cc-branch-only-contact .map-container,
  .cc-business-ui-v2 .cc-branch-only-contact .map-container iframe{min-height:260px;}
}


/* =========================================================
   v5.2 — collapsed desktop filters + centered form icons
   ========================================================= */

/* Filter toggle is visible on desktop too, so the filter panel stays closed until requested. */
@media (min-width:781px){
  .cc-business-ui-v2 .mobile-filter-toggle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    inline-size:min(100%, 420px);
    min-block-size:64px;
    margin-block:20px 14px;
    padding:12px 16px;
    border:1px solid var(--cc-form-line);
    border-radius:24px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.68)),
      var(--cc-form-bg);
    backdrop-filter:var(--cc-form-blur);
    -webkit-backdrop-filter:var(--cc-form-blur);
    box-shadow:var(--cc-form-shadow-soft);
    color:var(--cc-ui-text);
    cursor:pointer;
    transition:transform 250ms var(--cc-form-ease), border-color 250ms var(--cc-form-ease), box-shadow 250ms var(--cc-form-ease), background-color 250ms var(--cc-form-ease);
  }
  html[data-theme="dark"] .cc-business-ui-v2 .mobile-filter-toggle{
    background:
      linear-gradient(135deg, rgba(15,23,42,.88), rgba(15,23,42,.68)),
      var(--cc-form-bg);
  }
  .cc-business-ui-v2 .mobile-filter-toggle:hover{
    transform:translateY(-1px);
    border-color:var(--cc-form-ring);
    box-shadow:0 18px 48px rgba(15,23,42,.10), 0 0 0 4px color-mix(in srgb, var(--color-primary) 8%, transparent);
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-icon{
    position:relative;
    flex:0 0 auto;
    inline-size:42px;
    block-size:42px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:
      radial-gradient(circle at 35% 30%, rgba(255,255,255,.9), transparent 40%),
      color-mix(in srgb, var(--color-primary) 10%, #fff);
    color:transparent;
    font-size:0!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 16%, transparent);
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-icon::before{
    content:"";
    position:absolute;
    inset:12px;
    background:var(--color-primary);
    mask:var(--cc-icon-grid) center/contain no-repeat;
    -webkit-mask:var(--cc-icon-grid) center/contain no-repeat;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text{
    flex:1 1 auto;
    display:grid;
    gap:3px;
    text-align:start;
    min-inline-size:0;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text strong{
    font-size:15px;
    font-weight:950;
    letter-spacing:-.01em;
    color:var(--cc-ui-text);
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-text em{
    font-size:12px;
    font-style:normal;
    color:var(--cc-ui-muted);
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-chevron{
    display:grid;
    place-items:center;
    inline-size:34px;
    block-size:34px;
    border-radius:999px;
    background:rgba(148,163,184,.10);
    color:var(--cc-ui-muted);
    transition:transform 250ms var(--cc-form-ease), background-color 250ms var(--cc-form-ease), color 250ms var(--cc-form-ease);
  }
  .cc-business-ui-v2 .mobile-filter-toggle.open .filter-toggle-chevron{
    transform:rotate(180deg);
    background:color-mix(in srgb, var(--color-primary) 10%, transparent);
    color:var(--color-primary);
  }

  /* Closed desktop filter panel */
  .cc-business-ui-v2 .tabs-section .filter-bar{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    max-block-size:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    margin-block:0 22px!important;
    padding-block:0!important;
    border-width:0!important;
    transition:max-block-size 320ms var(--cc-form-ease), opacity 220ms var(--cc-form-ease), transform 260ms var(--cc-form-ease), padding 260ms var(--cc-form-ease), margin 260ms var(--cc-form-ease);
  }
  .cc-business-ui-v2 .tabs-section .filter-bar.open{
    position:sticky!important;
    top:calc(72px + env(safe-area-inset-top))!important;
    z-index:20!important;
    max-block-size:620px!important;
    overflow:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    margin-block:16px 32px!important;
    padding:10px!important;
    border-width:1px!important;
  }
}

/* Center the SVG icons exactly inside the circular icon holders. */
.cc-business-ui-v2 .hero .search-box label::after{
  inset-inline-start:18px!important;
  inline-size:22px!important;
  block-size:22px!important;
  mask-position:center!important;
  mask-size:14px 14px!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:14px 14px!important;
}
html[dir="rtl"] .cc-business-ui-v2 .hero .search-box label::after{
  inset-inline-start:auto!important;
  inset-inline-end:18px!important;
}
.cc-business-ui-v2 .tabs-section .filter-bar label::after{
  inset-inline-start:16px!important;
  inline-size:22px!important;
  block-size:22px!important;
  mask-position:center!important;
  mask-size:14px 14px!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:14px 14px!important;
}
html[dir="rtl"] .cc-business-ui-v2 .tabs-section .filter-bar label::after{
  inset-inline-start:auto!important;
  inset-inline-end:16px!important;
}

/* Keep the mobile bottom sheet behavior unchanged, with centered toggle icon. */
@media (max-width:780px){
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-icon{
    position:relative;
    color:transparent!important;
    font-size:0!important;
  }
  .cc-business-ui-v2 .mobile-filter-toggle .filter-toggle-icon::before{
    content:"";
    position:absolute;
    inset:11px;
    background:var(--color-primary);
    mask:var(--cc-icon-grid) center/contain no-repeat;
    -webkit-mask:var(--cc-icon-grid) center/contain no-repeat;
  }
}



/* =========================================================
   v5.3 — Fleet header single-row desktop layout
   ========================================================= */

/* Desktop/laptop: title, result count, filter toggle and sort stay in one row. */
@media (min-width:781px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:24px!important;
    margin-block-end:22px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title{
    min-inline-size:0;
    display:grid;
    grid-template-columns:auto auto auto;
    grid-template-areas:
      "label label label"
      "title count desc";
    align-items:center;
    justify-content:start;
    gap:8px 14px;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title .section-label{
    grid-area:label;
    justify-self:start;
    margin:0!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title h2{
    grid-area:title;
    margin:0!important;
    white-space:nowrap;
    font-size:clamp(28px,2.1vw,38px)!important;
    line-height:1.02!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title > p:not(#resultCount){
    grid-area:desc;
    margin:0!important;
    color:var(--cc-ui-muted)!important;
    font-size:15px!important;
    line-height:1.4!important;
    white-space:nowrap;
  }

  .cc-business-ui-v2 #tab-cars #resultCount{
    grid-area:count;
    margin:0!important;
    white-space:nowrap;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    min-inline-size:max-content;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle{
    display:inline-flex!important;
    inline-size:auto!important;
    min-inline-size:190px!important;
    max-inline-size:220px!important;
    min-block-size:60px!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:22px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-icon{
    inline-size:38px!important;
    block-size:38px!important;
    border-radius:15px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-icon::before{
    inset:10px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-text{
    gap:1px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-text strong{
    font-size:14px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-text em{
    font-size:11px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle .filter-toggle-chevron{
    inline-size:30px!important;
    block-size:30px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    margin:0!important;
    min-inline-size:220px!important;
    max-inline-size:250px!important;
    min-block-size:60px!important;
    border-radius:22px!important;
  }

  .cc-business-ui-v2 #tab-cars .tabs-section .filter-bar,
  .cc-business-ui-v2 #tab-cars .filter-bar{
    margin-block-start:0!important;
  }
}

/* Medium desktop: keep single row but make controls more compact. */
@media (min-width:781px) and (max-width:1180px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    gap:16px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title{
    grid-template-columns:auto auto;
    grid-template-areas:
      "label label"
      "title count"
      "desc desc";
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title > p:not(#resultCount){
    white-space:normal;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle{
    min-inline-size:168px!important;
    max-inline-size:190px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    min-inline-size:190px!important;
    max-inline-size:210px!important;
  }
}

/* Mobile/tablet: stack cleanly again. */
@media (max-width:780px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    display:block!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title h2{
    margin-block-end:6px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    display:grid!important;
    grid-template-columns:1fr;
    gap:12px;
    margin-block-start:16px;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    margin:0!important;
    inline-size:100%!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle{
    margin:0!important;
  }
}



/* =========================================================
   v5.4 — Fleet header same-level desktop + full-width mobile
   ========================================================= */

/* Desktop: every Fleet header item sits on one visual baseline. */
@media (min-width:781px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    margin-block-end:24px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px 12px!important;
    min-inline-size:0!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title .section-label{
    margin:0!important;
    flex:0 0 auto!important;
    align-self:center!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title h2{
    margin:0!important;
    flex:0 0 auto!important;
    align-self:center!important;
    white-space:nowrap!important;
    line-height:1!important;
    font-size:clamp(26px,2vw,36px)!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title > p:not(#resultCount){
    display:none!important;
  }

  .cc-business-ui-v2 #tab-cars #resultCount{
    margin:0!important;
    flex:0 0 auto!important;
    align-self:center!important;
    min-block-size:38px!important;
    padding-inline:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    min-inline-size:max-content!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle,
  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    margin:0!important;
    align-self:center!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle{
    min-inline-size:190px!important;
    max-inline-size:220px!important;
    min-block-size:58px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    min-inline-size:220px!important;
    max-inline-size:250px!important;
    min-block-size:58px!important;
  }
}

/* Desktop under 1180px: still same level, but allows title side to wrap first. */
@media (min-width:781px) and (max-width:1180px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title,
  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    inline-size:100%!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    justify-content:flex-start!important;
  }
}

/* Mobile: every item becomes full width and cleanly stacked. */
@media (max-width:780px){
  .cc-business-ui-v2 #tab-cars .cc-fleet-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    inline-size:100%!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title .section-label,
  .cc-business-ui-v2 #tab-cars .cc-fleet-title h2,
  .cc-business-ui-v2 #tab-cars #resultCount{
    inline-size:100%!important;
    max-inline-size:100%!important;
    margin:0!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title .section-label{
    justify-content:center!important;
    text-align:center!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-title h2{
    text-align:center!important;
  }

  .cc-business-ui-v2 #tab-cars #resultCount{
    display:flex!important;
    justify-content:center!important;
    min-block-size:42px!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    inline-size:100%!important;
    margin:0!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle,
  .cc-business-ui-v2 #tab-cars .cc-fleet-actions #sortSelect{
    inline-size:100%!important;
    max-inline-size:100%!important;
    min-inline-size:0!important;
    margin:0!important;
  }

  .cc-business-ui-v2 #tab-cars .cc-fleet-actions .mobile-filter-toggle{
    justify-content:space-between!important;
  }
}



/* =========================================================
   v6.0 Premium Navbar — extracted visual language from the attached reference
   Scope: navigation only. No page redesign.
   Reference cues used: centered rounded glass shell, compact/shrinking sticky bar,
   soft border, animated links, pill selectors, premium CTA, fullscreen mobile menu.
   ========================================================= */
.cc-business-ui-v2{
  --cc-nav-max: 1320px;
  --cc-nav-max-scrolled: 1120px;
  --cc-nav-h: 64px;
  --cc-nav-bg: color-mix(in srgb, var(--cc-ui-bg, #f5f7fb) 66%, transparent);
  --cc-nav-bg-strong: color-mix(in srgb, #fff 82%, transparent);
  --cc-nav-border: rgba(148,163,184,.24);
  --cc-nav-shadow: 0 18px 52px rgba(15,23,42,.10);
  --cc-nav-shadow-scrolled: 0 12px 42px rgba(15,23,42,.14);
  --cc-nav-ease: cubic-bezier(.22,1,.36,1);
  --cc-ink: #111827;
  --cc-ink-muted: #64748b;
}
html[data-theme="dark"] .cc-business-ui-v2{
  --cc-nav-bg: color-mix(in srgb, #07111f 72%, transparent);
  --cc-nav-bg-strong: color-mix(in srgb, #0f172a 84%, transparent);
  --cc-nav-border: rgba(148,163,184,.18);
  --cc-nav-shadow: 0 18px 52px rgba(0,0,0,.30);
  --cc-nav-shadow-scrolled: 0 12px 42px rgba(0,0,0,.40);
  --cc-ink: #f8fafc;
  --cc-ink-muted: #cbd5e1;
}

.cc-business-ui-v2 .site-header{
  position:fixed!important;
  inset-block-start:clamp(10px,1.3vw,16px)!important;
  inset-inline-start:50%!important;
  inset-inline-end:auto!important;
  z-index:1000!important;
  inline-size:min(calc(100% - clamp(18px,3vw,40px)), var(--cc-nav-max))!important;
  min-block-size:var(--cc-nav-h)!important;
  block-size:auto!important;
  margin:0!important;
  padding:10px 14px 10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border:1px solid var(--cc-nav-border)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.54)), var(--cc-nav-bg)!important;
  box-shadow:var(--cc-nav-shadow)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
  transform:translateX(-50%) translateY(0)!important;
  transition:
    inline-size 500ms var(--cc-nav-ease),
    min-block-size 500ms var(--cc-nav-ease),
    padding 500ms var(--cc-nav-ease),
    border-radius 500ms var(--cc-nav-ease),
    background-color 500ms var(--cc-nav-ease),
    box-shadow 500ms var(--cc-nav-ease),
    transform 420ms var(--cc-nav-ease),
    opacity 300ms var(--cc-nav-ease)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .site-header{
  background:linear-gradient(135deg, rgba(15,23,42,.84), rgba(15,23,42,.58)), var(--cc-nav-bg)!important;
}
.cc-business-ui-v2 .site-header.scrolled{
  inline-size:min(calc(100% - clamp(24px,4vw,64px)), var(--cc-nav-max-scrolled))!important;
  min-block-size:56px!important;
  padding:8px 12px!important;
  border-radius:22px!important;
  background:var(--cc-nav-bg-strong)!important;
  box-shadow:var(--cc-nav-shadow-scrolled)!important;
}
.cc-business-ui-v2 .site-header.cc-nav-hidden{
  transform:translateX(-50%) translateY(calc(-100% - 26px))!important;
  opacity:.02!important;
  pointer-events:none!important;
}

.cc-business-ui-v2 .site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-inline-size:0!important;
  flex:0 0 auto!important;
  color:var(--cc-ink)!important;
  text-decoration:none!important;
  transition:transform 250ms var(--cc-nav-ease), opacity 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .site-header .brand:hover{transform:translateY(-1px);}
.cc-business-ui-v2 .site-header .brand-logo,
.cc-business-ui-v2 .site-header .cc-public-logo-img{
  inline-size:38px!important;
  block-size:38px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  color:#fff!important;
  background:var(--color-primary)!important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 24%, transparent)!important;
}
.cc-business-ui-v2 .site-header.scrolled .brand-logo,
.cc-business-ui-v2 .site-header.scrolled .cc-public-logo-img{
  inline-size:34px!important;
  block-size:34px!important;
  border-radius:12px!important;
}
.cc-business-ui-v2 .site-header .brand strong{
  display:block!important;
  max-inline-size:clamp(140px,18vw,250px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--cc-ink)!important;
  font-size:clamp(14px,1.1vw,17px)!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

.cc-business-ui-v2 .site-header .nav-desktop{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(18px,2.5vw,32px)!important;
  flex:1 1 auto!important;
  min-inline-size:0!important;
}
.cc-business-ui-v2 .site-header .nav-desktop a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:38px!important;
  padding:0 2px!important;
  color:color-mix(in srgb, var(--cc-ink) 74%, transparent)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  transition:color 250ms var(--cc-nav-ease), transform 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .site-header .nav-desktop a::after{
  content:""!important;
  position:absolute!important;
  inset-inline-start:50%!important;
  inset-block-end:2px!important;
  inline-size:0!important;
  block-size:2px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  transform:translateX(-50%)!important;
  box-shadow:0 6px 18px color-mix(in srgb, var(--color-primary) 34%, transparent)!important;
  transition:inline-size 250ms var(--cc-nav-ease)!important;
}
html[dir="rtl"] .cc-business-ui-v2 .site-header .nav-desktop a::after{transform:translateX(50%)!important;}
.cc-business-ui-v2 .site-header .nav-desktop a:hover,
.cc-business-ui-v2 .site-header .nav-desktop a.is-active,
.cc-business-ui-v2 .site-header .nav-desktop a[aria-current="page"]{
  color:var(--cc-ink)!important;
  transform:translateY(-1px)!important;
}
.cc-business-ui-v2 .site-header .nav-desktop a:hover::after,
.cc-business-ui-v2 .site-header .nav-desktop a.is-active::after,
.cc-business-ui-v2 .site-header .nav-desktop a[aria-current="page"]::after{inline-size:100%!important;}

.cc-business-ui-v2 .site-header .header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-inline-size:0!important;
}
.cc-business-ui-v2 .site-header .theme-toggle,
.cc-business-ui-v2 .site-header .menu-toggle,
.cc-business-ui-v2 .site-header .header-actions select{
  min-inline-size:40px!important;
  block-size:40px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  background:rgba(255,255,255,.56)!important;
  color:var(--cc-ink)!important;
  box-shadow:none!important;
  transition:transform 250ms var(--cc-nav-ease), background-color 250ms var(--cc-nav-ease), border-color 250ms var(--cc-nav-ease), box-shadow 250ms var(--cc-nav-ease)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle,
html[data-theme="dark"] .cc-business-ui-v2 .site-header .menu-toggle,
html[data-theme="dark"] .cc-business-ui-v2 .site-header .header-actions select{background:rgba(255,255,255,.07)!important;}
.cc-business-ui-v2 .site-header .theme-toggle{
  display:grid!important;
  place-items:center!important;
  font-size:15px!important;
  padding:0!important;
}
.cc-business-ui-v2 .site-header .header-actions select{
  appearance:none!important;
  -webkit-appearance:none!important;
  inline-size:auto!important;
  min-inline-size:72px!important;
  max-inline-size:94px!important;
  padding:0 26px 0 12px!important;
  font-size:12px!important;
  font-weight:760!important;
  cursor:pointer!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2364758b' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center!important;
}
html[dir="rtl"] .cc-business-ui-v2 .site-header .header-actions select{
  padding-inline:26px 12px!important;
  background-position:left 10px center!important;
}
.cc-business-ui-v2 .site-header .theme-toggle:hover,
.cc-business-ui-v2 .site-header .header-actions select:hover,
.cc-business-ui-v2 .site-header .menu-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:var(--cc-nav-border)!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle:hover,
html[data-theme="dark"] .cc-business-ui-v2 .site-header .header-actions select:hover,
html[data-theme="dark"] .cc-business-ui-v2 .site-header .menu-toggle:hover{background:rgba(255,255,255,.12)!important;}
.cc-business-ui-v2 .site-header .theme-toggle:focus-visible,
.cc-business-ui-v2 .site-header .menu-toggle:focus-visible,
.cc-business-ui-v2 .site-header .header-actions select:focus-visible,
.cc-business-ui-v2 .site-header .btn-book-header:focus-visible,
.cc-business-ui-v2 .mobile-nav a:focus-visible,
.cc-business-ui-v2 .mobile-nav button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 16%, transparent)!important;
}
.cc-business-ui-v2 .site-header .btn-book-header{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:42px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 34%, transparent)!important;
  transition:transform 250ms var(--cc-nav-ease), box-shadow 250ms var(--cc-nav-ease), filter 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .site-header .btn-book-header:hover{transform:translateY(-1px) scale(1.025)!important;box-shadow:0 18px 36px color-mix(in srgb, var(--color-primary) 42%, transparent)!important;}
.cc-business-ui-v2 .site-header .btn-book-header:active{transform:scale(.98)!important;}

.cc-business-ui-v2 .site-header .menu-toggle{
  display:none!important;
  position:relative!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
}
.cc-business-ui-v2 .site-header .menu-toggle span{
  position:absolute!important;
  inline-size:18px!important;
  block-size:2px!important;
  border-radius:999px!important;
  background:var(--cc-ink)!important;
  transition:transform 250ms var(--cc-nav-ease), opacity 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .site-header .menu-toggle span:nth-child(1){transform:translateY(-6px)!important;}
.cc-business-ui-v2 .site-header .menu-toggle span:nth-child(2){transform:translateY(0)!important;}
.cc-business-ui-v2 .site-header .menu-toggle span:nth-child(3){transform:translateY(6px)!important;}
.cc-business-ui-v2 .site-header .menu-toggle.is-open span:nth-child(1){transform:rotate(45deg)!important;}
.cc-business-ui-v2 .site-header .menu-toggle.is-open span:nth-child(2){opacity:0!important;}
.cc-business-ui-v2 .site-header .menu-toggle.is-open span:nth-child(3){transform:rotate(-45deg)!important;}

.cc-business-ui-v2 .mobile-nav{
  position:fixed!important;
  inset:0!important;
  z-index:1200!important;
  display:block!important;
  background:rgba(17,24,39,.76)!important;
  color:#fff!important;
  opacity:0!important;
  pointer-events:none!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  transition:opacity 420ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .mobile-nav.open{opacity:1!important;pointer-events:auto!important;}
.cc-business-ui-v2 .mobile-nav-inner{
  position:relative!important;
  min-block-size:100dvh!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  gap:18px!important;
  padding:clamp(18px,4vw,28px)!important;
  background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 34%), linear-gradient(180deg, rgba(15,23,42,.94), rgba(2,6,23,.96))!important;
  transform:translateY(18px) scale(.985)!important;
  opacity:.82!important;
  transition:transform 500ms var(--cc-nav-ease), opacity 450ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{transform:translateY(0) scale(1)!important;opacity:1!important;}
.cc-business-ui-v2 .mobile-nav-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;}
.cc-business-ui-v2 .mobile-nav-title{
  max-inline-size:70vw!important;
  color:#fff!important;
  font-size:clamp(18px,5vw,24px)!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cc-business-ui-v2 .mobile-nav-close{
  inline-size:46px!important;
  block-size:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform 250ms var(--cc-nav-ease), background-color 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .mobile-nav-close:hover{background:rgba(255,255,255,.14)!important;transform:rotate(4deg)!important;}
.cc-business-ui-v2 .mobile-nav-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 0!important;
  border-block:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.68)!important;
}
.cc-business-ui-v2 .mobile-nav-controls .header-actions{display:flex!important;gap:8px!important;}
.cc-business-ui-v2 .mobile-nav-controls select{
  block-size:40px!important;
  min-inline-size:76px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  padding:0 12px!important;
}
.cc-business-ui-v2 .mobile-nav-links{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;}
.cc-business-ui-v2 .mobile-nav-links a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-block-size:clamp(58px,9dvh,82px)!important;
  border-block-end:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
  font-size:clamp(30px,8vw,54px)!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.06em!important;
  text-decoration:none!important;
  transform:translateY(16px)!important;
  opacity:0!important;
  transition:transform 520ms var(--cc-nav-ease), opacity 520ms var(--cc-nav-ease), color 250ms var(--cc-nav-ease)!important;
}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a{transform:translateY(0)!important;opacity:1!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(1){transition-delay:80ms!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(2){transition-delay:130ms!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(3){transition-delay:180ms!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(4){transition-delay:230ms!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(5){transition-delay:280ms!important;}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a:nth-child(6){transition-delay:330ms!important;}
.cc-business-ui-v2 .mobile-nav-links a::after{content:"→";font-size:.42em;opacity:.35;transition:transform 250ms var(--cc-nav-ease), opacity 250ms var(--cc-nav-ease)!important;}
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::after{content:"←";}
.cc-business-ui-v2 .mobile-nav-links a:hover::after{transform:translateX(4px);opacity:.8;}
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a:hover::after{transform:translateX(-4px);}
.cc-business-ui-v2 .mobile-nav-book{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:58px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:850!important;
  box-shadow:0 18px 42px color-mix(in srgb, var(--color-primary) 34%, transparent)!important;
}
html.cc-mobile-nav-lock, html.cc-mobile-nav-lock body{overflow:hidden!important;}

@media (max-width:1180px){
  .cc-business-ui-v2 .site-header .nav-desktop{gap:18px!important;}
  .cc-business-ui-v2 .site-header .nav-desktop a{font-size:12px!important;}
  .cc-business-ui-v2 .site-header .btn-book-header{padding-inline:16px!important;}
}
@media (max-width:1024px){
  .cc-business-ui-v2 .site-header .nav-desktop{display:none!important;}
  .cc-business-ui-v2 .site-header .menu-toggle{display:grid!important;}
  .cc-business-ui-v2 .site-header .brand strong{max-inline-size:42vw!important;}
}
@media (max-width:720px){
  .cc-business-ui-v2 .site-header{inline-size:min(calc(100% - 20px), 680px)!important;min-block-size:58px!important;padding:8px 10px!important;border-radius:20px!important;}
  .cc-business-ui-v2 .site-header.scrolled{inline-size:min(calc(100% - 20px), 680px)!important;min-block-size:56px!important;}
  .cc-business-ui-v2 .site-header .brand-logo,
  .cc-business-ui-v2 .site-header .cc-public-logo-img{inline-size:34px!important;block-size:34px!important;border-radius:12px!important;}
  .cc-business-ui-v2 .site-header .brand strong{font-size:14px!important;max-inline-size:36vw!important;}
  .cc-business-ui-v2 .site-header .header-actions select,
  .cc-business-ui-v2 .site-header .theme-toggle{display:none!important;}
  .cc-business-ui-v2 .site-header .btn-book-header{min-block-size:38px!important;padding-inline:14px!important;font-size:12px!important;}
  .cc-business-ui-v2 .mobile-nav-inner{padding:18px 18px 28px!important;}
}
@media (max-width:420px){
  .cc-business-ui-v2 .site-header .brand strong{max-inline-size:31vw!important;}
  .cc-business-ui-v2 .site-header .btn-book-header{display:none!important;}
}
@media (prefers-reduced-motion:reduce){
  .cc-business-ui-v2 .site-header,
  .cc-business-ui-v2 .site-header *,
  .cc-business-ui-v2 .mobile-nav,
  .cc-business-ui-v2 .mobile-nav *{transition:none!important;animation:none!important;}
}



/* =========================================================
   v6.1 Premium Side Menu / Mobile Menu Refinement
   - Organized side drawer on web/tablet
   - Polished mobile drawer
   - Monochrome sun/moon theme toggle inside menu
   ========================================================= */
.cc-business-ui-v2{
  --cc-drawer-ease:cubic-bezier(.22,1,.36,1);
  --cc-drawer-bg:rgba(255,255,255,.82);
  --cc-drawer-card:rgba(255,255,255,.70);
  --cc-drawer-ink:#0f172a;
  --cc-drawer-muted:#64748b;
  --cc-drawer-border:rgba(15,23,42,.10);
  --cc-drawer-shadow:0 30px 90px rgba(15,23,42,.22);
  --cc-icon-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18.2a6.2 6.2 0 1 1 0-12.4 6.2 6.2 0 0 1 0 12.4Zm0-2.2a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM11 1h2v3h-2V1Zm0 19h2v3h-2v-3ZM1 11h3v2H1v-2Zm19 0h3v2h-3v-2ZM4.2 2.8l2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm14.9 14.9 2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm.7-14.9 1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1ZM4.9 17.7l1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1Z'/%3E%3C/svg%3E");
  --cc-icon-moon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14.7A8.7 8.7 0 0 1 9.3 3a9.2 9.2 0 1 0 11.7 11.7ZM12 21A9 9 0 0 1 7.5 4.2a10.7 10.7 0 0 0 12.3 12.3A9 9 0 0 1 12 21Z'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .cc-business-ui-v2{
  --cc-drawer-bg:rgba(9,12,20,.84);
  --cc-drawer-card:rgba(255,255,255,.07);
  --cc-drawer-ink:#f8fafc;
  --cc-drawer-muted:#a1a1aa;
  --cc-drawer-border:rgba(255,255,255,.12);
  --cc-drawer-shadow:0 30px 90px rgba(0,0,0,.54);
}

/* Header theme button also uses clean monochrome icons instead of emoji */
.cc-business-ui-v2 .site-header .theme-toggle{
  position:relative!important;
  font-size:0!important;
  overflow:hidden!important;
}
.cc-business-ui-v2 .site-header .theme-toggle::before{
  content:""!important;
  inline-size:18px!important;
  block-size:18px!important;
  background:currentColor!important;
  mask:var(--cc-icon-moon) center/contain no-repeat;
  -webkit-mask:var(--cc-icon-moon) center/contain no-repeat;
}
html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle::before{
  mask:var(--cc-icon-sun) center/contain no-repeat;
  -webkit-mask:var(--cc-icon-sun) center/contain no-repeat;
}

/* Overlay */
.cc-business-ui-v2 .mobile-nav{
  position:fixed!important;
  inset:0!important;
  z-index:1200!important;
  display:block!important;
  padding:16px!important;
  background:
    radial-gradient(circle at 72% 12%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 32%),
    rgba(2,6,23,.42)!important;
  color:var(--cc-drawer-ink)!important;
  opacity:0!important;
  pointer-events:none!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  transition:opacity 360ms var(--cc-drawer-ease)!important;
}
.cc-business-ui-v2 .mobile-nav.open{
  opacity:1!important;
  pointer-events:auto!important;
}

/* Side panel on web/tablet */
.cc-business-ui-v2 .mobile-nav-inner{
  position:relative!important;
  inline-size:min(440px, calc(100vw - 32px))!important;
  block-size:calc(100dvh - 32px)!important;
  min-block-size:0!important;
  margin-inline-start:auto!important;
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  gap:14px!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid var(--cc-drawer-border)!important;
  border-radius:32px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.68)),
    var(--cc-drawer-bg)!important;
  color:var(--cc-drawer-ink)!important;
  box-shadow:var(--cc-drawer-shadow)!important;
  backdrop-filter:blur(26px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;
  transform:translateX(110%) scale(.985)!important;
  opacity:1!important;
  transition:transform 500ms var(--cc-drawer-ease)!important;
}
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-inner{
  margin-inline-start:0!important;
  margin-inline-end:auto!important;
  transform:translateX(-110%) scale(.985)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-inner{
  background:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(2,6,23,.88)),
    var(--cc-drawer-bg)!important;
}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner,
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{
  transform:translateX(0) scale(1)!important;
}

/* Top */
.cc-business-ui-v2 .mobile-nav-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:4px 2px 10px!important;
}
.cc-business-ui-v2 .mobile-nav-title{
  max-inline-size:100%!important;
  color:var(--cc-drawer-ink)!important;
  font-size:clamp(18px,2vw,22px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cc-business-ui-v2 .mobile-nav-close{
  inline-size:44px!important;
  block-size:44px!important;
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid var(--cc-drawer-border)!important;
  background:var(--cc-drawer-card)!important;
  color:var(--cc-drawer-ink)!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform 250ms var(--cc-drawer-ease), background-color 250ms var(--cc-drawer-ease), border-color 250ms var(--cc-drawer-ease)!important;
}
.cc-business-ui-v2 .mobile-nav-close::before,
.cc-business-ui-v2 .mobile-nav-close::after{
  content:""!important;
  position:absolute!important;
  inline-size:18px!important;
  block-size:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
}
.cc-business-ui-v2 .mobile-nav-close::before{transform:rotate(45deg)!important;}
.cc-business-ui-v2 .mobile-nav-close::after{transform:rotate(-45deg)!important;}
.cc-business-ui-v2 .mobile-nav-close:hover{
  transform:rotate(4deg) scale(1.03)!important;
  border-color:color-mix(in srgb, var(--color-primary) 26%, var(--cc-drawer-border))!important;
}

/* Controls area */
.cc-business-ui-v2 .mobile-nav-controls,
.cc-business-ui-v2 .mobile-nav-theme{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid var(--cc-drawer-border)!important;
  border-radius:24px!important;
  background:var(--cc-drawer-card)!important;
  color:var(--cc-drawer-muted)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.cc-business-ui-v2 .mobile-nav-controls > span,
.cc-business-ui-v2 .mobile-nav-theme-copy span{
  color:var(--cc-drawer-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.cc-business-ui-v2 .mobile-nav-controls .header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-inline-size:0!important;
}
.cc-business-ui-v2 .mobile-nav-controls select{
  block-size:40px!important;
  min-inline-size:74px!important;
  max-inline-size:92px!important;
  border-radius:14px!important;
  border:1px solid var(--cc-drawer-border)!important;
  background:rgba(255,255,255,.52)!important;
  color:var(--cc-drawer-ink)!important;
  padding:0 26px 0 12px!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-controls select{
  background:rgba(255,255,255,.08)!important;
}
.cc-business-ui-v2 .mobile-nav-theme-copy{
  display:grid!important;
  gap:3px!important;
}
.cc-business-ui-v2 .mobile-nav-theme-copy strong{
  color:var(--cc-drawer-ink)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

/* Monochrome theme switch inside drawer */
.cc-business-ui-v2 .cc-mobile-theme-toggle{
  position:relative!important;
  inline-size:132px!important;
  block-size:48px!important;
  display:grid!important;
  grid-template-columns:40px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 12px 4px 4px!important;
  border-radius:999px!important;
  border:1px solid var(--cc-drawer-border)!important;
  background:#0f172a!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform 250ms var(--cc-drawer-ease), background-color 250ms var(--cc-drawer-ease), box-shadow 250ms var(--cc-drawer-ease)!important;
}
html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
  grid-template-columns:1fr 40px!important;
  padding-inline:12px 4px!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
  background:#f8fafc!important;
  color:#0f172a!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle:active{transform:scale(.98)!important;}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
  grid-column:1!important;
  grid-row:1!important;
  inline-size:40px!important;
  block-size:40px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  transition:opacity 250ms var(--cc-drawer-ease), transform 250ms var(--cc-drawer-ease), background-color 250ms var(--cc-drawer-ease)!important;
}
html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{grid-column:2!important;}
html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
  background:rgba(15,23,42,.08)!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun::before,
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon::before{
  content:""!important;
  inline-size:18px!important;
  block-size:18px!important;
  background:currentColor!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun::before{
  mask:var(--cc-icon-sun) center/contain no-repeat;
  -webkit-mask:var(--cc-icon-sun) center/contain no-repeat;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon::before{
  mask:var(--cc-icon-moon) center/contain no-repeat;
  -webkit-mask:var(--cc-icon-moon) center/contain no-repeat;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
  opacity:1!important;
  transform:rotate(0) scale(1)!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun{
  opacity:0!important;
  transform:rotate(-45deg) scale(.72)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
  opacity:0!important;
  transform:rotate(45deg) scale(.72)!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun{
  opacity:1!important;
  transform:rotate(0) scale(1)!important;
}
.cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-mode{
  color:currentColor!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Navigation links as premium rows */
.cc-business-ui-v2 .mobile-nav-links{
  min-block-size:0!important;
  overflow:auto!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  padding:4px 2px!important;
  scrollbar-width:thin!important;
}
.cc-business-ui-v2 .mobile-nav-links a{
  position:relative!important;
  min-block-size:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 16px!important;
  border:1px solid var(--cc-drawer-border)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.44)!important;
  color:var(--cc-drawer-ink)!important;
  font-size:clamp(18px,2vw,22px)!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  text-decoration:none!important;
  transform:translateX(18px)!important;
  opacity:0!important;
  transition:transform 480ms var(--cc-drawer-ease), opacity 480ms var(--cc-drawer-ease), background-color 250ms var(--cc-drawer-ease), border-color 250ms var(--cc-drawer-ease)!important;
}
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a{transform:translateX(-18px)!important;}
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-links a{
  background:rgba(255,255,255,.06)!important;
}
.cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a,
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-links a{
  transform:translateX(0)!important;
  opacity:1!important;
}
.cc-business-ui-v2 .mobile-nav-links a:hover,
.cc-business-ui-v2 .mobile-nav-links a.is-active{
  background:color-mix(in srgb, var(--color-primary) 9%, rgba(255,255,255,.62))!important;
  border-color:color-mix(in srgb, var(--color-primary) 26%, var(--cc-drawer-border))!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-links a:hover,
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-links a.is-active{
  background:color-mix(in srgb, var(--color-primary) 15%, rgba(255,255,255,.07))!important;
}
.cc-business-ui-v2 .mobile-nav-links a::after{
  content:""!important;
  inline-size:32px!important;
  block-size:32px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.06)!important;
  box-shadow:inset 0 0 0 1px var(--cc-drawer-border)!important;
  position:relative!important;
  opacity:1!important;
  transform:none!important;
}
html[data-theme="dark"] .cc-business-ui-v2 .mobile-nav-links a::after{
  background:rgba(255,255,255,.06)!important;
}
.cc-business-ui-v2 .mobile-nav-links a::before{
  content:""!important;
  position:absolute!important;
  inset-inline-end:27px!important;
  inset-block-start:50%!important;
  inline-size:10px!important;
  block-size:10px!important;
  border-block-start:2px solid currentColor!important;
  border-inline-end:2px solid currentColor!important;
  transform:translateY(-50%) rotate(45deg)!important;
  opacity:.44!important;
  z-index:1!important;
}
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::before{
  inset-inline-end:auto!important;
  inset-inline-start:27px!important;
  transform:translateY(-50%) rotate(-135deg)!important;
}
.cc-business-ui-v2 .mobile-nav-links a:hover::before,
.cc-business-ui-v2 .mobile-nav-links a.is-active::before{opacity:.86!important;}

/* CTA */
.cc-business-ui-v2 .mobile-nav-book{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:56px!important;
  border-radius:20px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 18px 42px color-mix(in srgb, var(--color-primary) 34%, transparent)!important;
  transition:transform 250ms var(--cc-drawer-ease), box-shadow 250ms var(--cc-drawer-ease)!important;
}
.cc-business-ui-v2 .mobile-nav-book:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 24px 52px color-mix(in srgb, var(--color-primary) 42%, transparent)!important;
}

/* Mobile: more immersive and touch-friendly */
@media (max-width:720px){
  .cc-business-ui-v2 .mobile-nav{
    padding:10px!important;
  }
  .cc-business-ui-v2 .mobile-nav-inner{
    inline-size:100%!important;
    block-size:calc(100dvh - 20px)!important;
    border-radius:28px!important;
    padding:16px!important;
    gap:12px!important;
  }
  .cc-business-ui-v2 .mobile-nav-title{
    font-size:clamp(18px,5.2vw,23px)!important;
  }
  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  .cc-business-ui-v2 .mobile-nav-controls .header-actions{
    justify-content:stretch!important;
    inline-size:100%!important;
  }
  .cc-business-ui-v2 .mobile-nav-controls select{
    flex:1 1 0!important;
    max-inline-size:none!important;
    min-inline-size:0!important;
    inline-size:100%!important;
  }
  .cc-business-ui-v2 .cc-mobile-theme-toggle{
    inline-size:100%!important;
    grid-template-columns:42px 1fr!important;
    justify-items:start!important;
  }
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
    grid-template-columns:1fr 42px!important;
    justify-items:end!important;
  }
  .cc-business-ui-v2 .mobile-nav-links{
    gap:9px!important;
  }
  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:56px!important;
    border-radius:18px!important;
    font-size:clamp(18px,5.4vw,23px)!important;
  }
}
@media (max-width:420px){
  .cc-business-ui-v2 .mobile-nav-inner{
    padding:14px!important;
  }
  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:54px!important;
  }
}



/* =========================================================
   v6.2 RTL Navbar / Drawer Fix
   Fixes the off-screen navbar in RTL caused by logical centering.
   Keeps the premium side drawer and makes it open cleanly from the right.
   ========================================================= */

/* Use physical centering for RTL too. Logical inset-inline-start becomes right:50% in RTL
   and pushes the navbar off-screen; left:50% keeps it centered. */
html[dir="rtl"] .cc-business-ui-v2 .site-header{
  left:50%!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
  transform:translateX(-50%) translateY(calc(-100% - 26px))!important;
}

/* Keep header content aligned and prevent brand/logo clipping in RTL. */
html[dir="rtl"] .cc-business-ui-v2 .site-header{
  direction:rtl!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
  min-inline-size:0!important;
  max-inline-size:min(34vw, 360px)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand strong{
  min-inline-size:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .nav-desktop{
  min-inline-size:0!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .header-actions{
  direction:ltr!important;
  flex-shrink:0!important;
}

/* RTL drawer should not jump to the opposite side or open from off-screen left.
   Keep it as a clean side drawer from the right, matching the screenshot expectation. */
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-inner{
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
  transform:translateX(110%) scale(.985)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{
  transform:translateX(0) scale(1)!important;
}

/* Make RTL menu rows visually balanced. */
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a{
  text-align:right!important;
}

html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::before{
  inset-inline-start:27px!important;
  inset-inline-end:auto!important;
  transform:translateY(-50%) rotate(-135deg)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::after{
  margin-inline-start:0!important;
  margin-inline-end:12px!important;
}

/* English text inside RTL pages should not move punctuation to the wrong side.
   unicode-bidi: plaintext keeps Arabic RTL and English LTR naturally based on the text itself. */
html[dir="rtl"] .cc-business-ui-v2 .hero-content h1,
html[dir="rtl"] .cc-business-ui-v2 .hero-content p,
html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-title,
html[dir="rtl"] .cc-business-ui-v2 .site-header .brand strong{
  unicode-bidi:plaintext!important;
}

/* Mobile header also stays centered in RTL. */
@media (max-width:720px){
  html[dir="rtl"] .cc-business-ui-v2 .site-header{
    left:50%!important;
    right:auto!important;
    inline-size:min(calc(100% - 20px), 680px)!important;
    transform:translateX(-50%) translateY(0)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
    transform:translateX(-50%) translateY(calc(-100% - 26px))!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:42vw!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-inner{
    inline-size:100%!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
    transform:translateX(110%) scale(.985)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{
    transform:translateX(0) scale(1)!important;
  }
}

@media (max-width:420px){
  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:54vw!important;
  }
}



/* =========================================================
   v6.3 Premium Mobile Command Menu
   هدف: موبایل خیلی مدرن‌تر، مرتب‌تر و لوکس‌تر
   ========================================================= */

@media (max-width:720px){
  .cc-business-ui-v2{
    --cc-mobile-menu-bg:
      radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 34%),
      radial-gradient(circle at 0% 92%, rgba(255,255,255,.08), transparent 28%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.94));
    --cc-mobile-menu-card:rgba(255,255,255,.075);
    --cc-mobile-menu-card-strong:rgba(255,255,255,.115);
    --cc-mobile-menu-border:rgba(255,255,255,.13);
    --cc-mobile-menu-text:#ffffff;
    --cc-mobile-menu-muted:rgba(255,255,255,.62);
  }

  .cc-business-ui-v2 .mobile-nav{
    padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 34%),
      rgba(2,6,23,.50)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  }

  .cc-business-ui-v2 .mobile-nav-inner{
    inline-size:min(100%, 440px)!important;
    block-size:auto!important;
    min-block-size:0!important;
    max-block-size:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin-inline:auto!important;
    margin-block:auto!important;
    display:grid!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:30px!important;
    border:1px solid var(--cc-mobile-menu-border)!important;
    background:var(--cc-mobile-menu-bg)!important;
    color:var(--cc-mobile-menu-text)!important;
    box-shadow:
      0 30px 110px rgba(0,0,0,.52),
      inset 0 1px 0 rgba(255,255,255,.12)!important;
    overflow:hidden!important;
    transform:translateY(22px) scale(.97)!important;
  }

  .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner,
  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{
    transform:translateY(0) scale(1)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-inner{
    margin-inline:auto!important;
    transform:translateY(22px) scale(.97)!important;
  }

  .cc-business-ui-v2 .mobile-nav-inner::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08), transparent 22%),
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.10), transparent 42%)!important;
    opacity:.8!important;
  }

  .cc-business-ui-v2 .mobile-nav-top,
  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme,
  .cc-business-ui-v2 .mobile-nav-links,
  .cc-business-ui-v2 .mobile-nav-book{
    position:relative!important;
    z-index:1!important;
  }

  .cc-business-ui-v2 .mobile-nav-top{
    min-block-size:60px!important;
    padding:6px 4px 12px!important;
    border-block-end:1px solid rgba(255,255,255,.11)!important;
  }

  .cc-business-ui-v2 .mobile-nav-title{
    color:#fff!important;
    max-inline-size:calc(100% - 64px)!important;
    font-size:clamp(20px,5.2vw,26px)!important;
    font-weight:950!important;
    line-height:1.05!important;
    letter-spacing:-.055em!important;
  }

  .cc-business-ui-v2 .mobile-nav-close{
    inline-size:52px!important;
    block-size:52px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 14px 34px rgba(0,0,0,.22)!important;
  }

  .cc-business-ui-v2 .mobile-nav-close:hover,
  .cc-business-ui-v2 .mobile-nav-close:focus-visible{
    background:rgba(255,255,255,.15)!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:24px!important;
    border:1px solid var(--cc-mobile-menu-border)!important;
    background:linear-gradient(180deg, var(--cc-mobile-menu-card-strong), var(--cc-mobile-menu-card))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 16px 38px rgba(0,0,0,.18)!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls > span,
  .cc-business-ui-v2 .mobile-nav-theme-copy span{
    color:var(--cc-mobile-menu-muted)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme-copy strong{
    color:#fff!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls .header-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    inline-size:100%!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls .header-actions select{
    inline-size:100%!important;
    max-inline-size:none!important;
    min-inline-size:0!important;
    block-size:46px!important;
    padding-inline:14px 30px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-controls .header-actions select{
    padding-inline:30px 14px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme{
    grid-template-columns:1fr auto!important;
    align-items:center!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle{
    inline-size:128px!important;
    block-size:52px!important;
    display:grid!important;
    grid-template-columns:44px 1fr!important;
    gap:8px!important;
    align-items:center!important;
    padding:4px 12px 4px 4px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 14px 34px rgba(0,0,0,.20)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
    grid-template-columns:1fr 44px!important;
    padding-inline:12px 4px!important;
  }

  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
    background:#fff!important;
    color:#0f172a!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    inline-size:44px!important;
    block-size:44px!important;
    background:rgba(255,255,255,.13)!important;
  }

  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    background:rgba(15,23,42,.08)!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-mode{
    font-size:13px!important;
    font-weight:950!important;
  }

  .cc-business-ui-v2 .mobile-nav-links{
    display:grid!important;
    gap:8px!important;
    padding:2px!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    min-block-size:0!important;
    scrollbar-width:none!important;
  }

  .cc-business-ui-v2 .mobile-nav-links::-webkit-scrollbar{
    display:none!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:56px!important;
    padding:0 14px 0 18px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(255,255,255,.065)!important;
    color:#fff!important;
    font-size:clamp(21px,6vw,28px)!important;
    font-weight:900!important;
    letter-spacing:-.055em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a{
    padding-inline:18px 14px!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a:hover,
  .cc-business-ui-v2 .mobile-nav-links a.is-active{
    background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.08)), rgba(255,255,255,.075))!important;
    border-color:color-mix(in srgb, var(--color-primary) 35%, rgba(255,255,255,.12))!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a::after{
    inline-size:34px!important;
    block-size:34px!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a::before{
    inset-inline-end:27px!important;
    opacity:.50!important;
    border-color:#fff!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::before{
    inset-inline-start:27px!important;
    inset-inline-end:auto!important;
  }

  .cc-business-ui-v2 .mobile-nav-book{
    min-block-size:58px!important;
    border-radius:22px!important;
    background:var(--color-primary)!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    box-shadow:
      0 22px 48px color-mix(in srgb, var(--color-primary) 34%, transparent),
      inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}

/* Very small phones: keep everything visible and compact */
@media (max-width:390px){
  .cc-business-ui-v2 .mobile-nav-inner{
    padding:12px!important;
    gap:9px!important;
    border-radius:26px!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme{
    padding:11px!important;
    border-radius:21px!important;
  }

  .cc-business-ui-v2 .mobile-nav-links{
    gap:7px!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:50px!important;
    font-size:clamp(19px,6vw,24px)!important;
    border-radius:17px!important;
  }

  .cc-business-ui-v2 .mobile-nav-book{
    min-block-size:54px!important;
    font-size:17px!important;
  }
}



/* =========================================================
   v6.4 Real Premium Mobile Menu
   Fixes: cluttered Appearance text, huge empty gap, old-looking rows.
   ========================================================= */

@media (max-width:720px){
  .cc-business-ui-v2{
    --cc-mm-bg:#070b14;
    --cc-mm-panel:rgba(10,15,26,.86);
    --cc-mm-card:rgba(255,255,255,.075);
    --cc-mm-card-hover:rgba(255,255,255,.115);
    --cc-mm-border:rgba(255,255,255,.12);
    --cc-mm-text:#ffffff;
    --cc-mm-muted:rgba(255,255,255,.62);
    --cc-mm-soft:rgba(255,255,255,.08);
    --cc-mm-ease:cubic-bezier(.22,1,.36,1);
  }

  .cc-business-ui-v2 .mobile-nav{
    padding:10px!important;
    background:
      radial-gradient(circle at 85% 4%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 36%),
      rgba(2,6,23,.58)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  }

  .cc-business-ui-v2 .mobile-nav-inner{
    inline-size:min(100%, 430px)!important;
    block-size:auto!important;
    min-block-size:0!important;
    max-block-size:calc(100dvh - 20px)!important;
    margin:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:14px!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 34%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 30%),
      linear-gradient(180deg, rgba(17,24,39,.96), rgba(3,7,18,.98))!important;
    box-shadow:
      0 28px 90px rgba(0,0,0,.58),
      inset 0 1px 0 rgba(255,255,255,.12)!important;
    color:#fff!important;
    transform:translateY(18px) scale(.965)!important;
    scrollbar-width:none!important;
  }

  .cc-business-ui-v2 .mobile-nav-inner::-webkit-scrollbar{display:none!important;}

  .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner,
  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .mobile-nav-inner{
    transform:translateY(0) scale(1)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-inner{
    transform:translateY(18px) scale(.965)!important;
  }

  .cc-business-ui-v2 .mobile-nav-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-block-size:auto!important;
    padding:6px 4px 12px!important;
    border-block-end:1px solid rgba(255,255,255,.10)!important;
  }

  .cc-business-ui-v2 .mobile-nav-title{
    color:#fff!important;
    font-size:clamp(20px,5.4vw,25px)!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:-.05em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-inline-size:calc(100% - 58px)!important;
  }

  .cc-business-ui-v2 .mobile-nav-close{
    position:relative!important;
    inline-size:52px!important;
    block-size:52px!important;
    flex:0 0 auto!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-size:0!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  .cc-business-ui-v2 .mobile-nav-close::before,
  .cc-business-ui-v2 .mobile-nav-close::after{
    content:""!important;
    position:absolute!important;
    inline-size:18px!important;
    block-size:2px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  .cc-business-ui-v2 .mobile-nav-close::before{transform:rotate(45deg)!important;}
  .cc-business-ui-v2 .mobile-nav-close::after{transform:rotate(-45deg)!important;}

  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.055))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls > span{
    flex:1 1 auto!important;
    min-inline-size:0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    text-transform:none!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls > span::before{
    content:"Settings"!important;
    display:block!important;
    color:rgba(255,255,255,.48)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    margin-block-end:4px!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls .header-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls .header-actions select{
    inline-size:auto!important;
    min-inline-size:68px!important;
    max-inline-size:82px!important;
    block-size:40px!important;
    padding:0 26px 0 11px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.085)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:850!important;
    box-shadow:none!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-controls .header-actions select{
    padding-inline:26px 11px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme{
    min-block-size:74px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme-copy{
    flex:1 1 auto!important;
    min-inline-size:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme-copy span{
    display:block!important;
    color:rgba(255,255,255,.48)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    white-space:normal!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle{
    flex:0 0 auto!important;
    inline-size:118px!important;
    block-size:50px!important;
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    align-items:center!important;
    gap:7px!important;
    padding:4px 10px 4px 4px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.095)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
    grid-template-columns:1fr 42px!important;
    padding-inline:10px 4px!important;
  }

  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle{
    background:#fff!important;
    color:#0f172a!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    grid-column:1!important;
    grid-row:1!important;
    inline-size:42px!important;
    block-size:42px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    display:grid!important;
    place-items:center!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    grid-column:2!important;
  }

  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    background:rgba(15,23,42,.075)!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-mode{
    color:currentColor!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    font-style:normal!important;
    white-space:nowrap!important;
  }

  .cc-business-ui-v2 .mobile-nav-links{
    display:grid!important;
    gap:8px!important;
    padding:2px!important;
    min-block-size:0!important;
    overflow:visible!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 14px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    font-size:clamp(18px,5.5vw,24px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a::after{
    content:""!important;
    flex:0 0 auto!important;
    inline-size:30px!important;
    block-size:30px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a::before{
    content:""!important;
    position:absolute!important;
    inset-inline-end:27px!important;
    inset-block-start:50%!important;
    inline-size:8px!important;
    block-size:8px!important;
    border-block-start:2px solid rgba(255,255,255,.72)!important;
    border-inline-end:2px solid rgba(255,255,255,.72)!important;
    transform:translateY(-50%) rotate(45deg)!important;
    z-index:2!important;
    opacity:1!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav-links a::before{
    inset-inline-start:27px!important;
    inset-inline-end:auto!important;
    transform:translateY(-50%) rotate(-135deg)!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a:hover,
  .cc-business-ui-v2 .mobile-nav-links a.is-active{
    background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.07)), rgba(255,255,255,.065))!important;
    border-color:color-mix(in srgb, var(--color-primary) 34%, rgba(255,255,255,.12))!important;
  }

  .cc-business-ui-v2 .mobile-nav-book{
    min-block-size:56px!important;
    border-radius:20px!important;
    background:var(--color-primary)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    box-shadow:
      0 20px 46px color-mix(in srgb, var(--color-primary) 32%, transparent),
      inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}

/* Small phones: compact enough to avoid visual breakage */
@media (max-width:390px){
  .cc-business-ui-v2 .mobile-nav-inner{
    inline-size:100%!important;
    padding:12px!important;
    gap:8px!important;
    border-radius:24px!important;
  }

  .cc-business-ui-v2 .mobile-nav-top{
    padding-block-end:9px!important;
  }

  .cc-business-ui-v2 .mobile-nav-title{
    font-size:20px!important;
  }

  .cc-business-ui-v2 .mobile-nav-close{
    inline-size:46px!important;
    block-size:46px!important;
    border-radius:17px!important;
  }

  .cc-business-ui-v2 .mobile-nav-controls,
  .cc-business-ui-v2 .mobile-nav-theme{
    padding:10px!important;
    border-radius:19px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme{
    min-block-size:66px!important;
  }

  .cc-business-ui-v2 .mobile-nav-theme-copy strong{
    font-size:14px!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle{
    inline-size:108px!important;
    block-size:46px!important;
  }

  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-sun,
  .cc-business-ui-v2 .cc-mobile-theme-toggle .cc-theme-moon{
    inline-size:38px!important;
    block-size:38px!important;
  }

  .cc-business-ui-v2 .mobile-nav-links{
    gap:6px!important;
  }

  .cc-business-ui-v2 .mobile-nav-links a{
    min-block-size:48px!important;
    font-size:19px!important;
    border-radius:16px!important;
  }

  .cc-business-ui-v2 .mobile-nav-book{
    min-block-size:52px!important;
  }
}



/* v6.5 REAL mobile menu rebuild */
@media (max-width:720px){
  .cc-business-ui-v2 .mobile-nav{
    padding:10px!important;
    background:rgba(2,6,23,.58)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  }
  .cc-business-ui-v2 .mobile-nav .cc-mobile-menu-v65{
    inline-size:min(100%, 430px)!important;
    block-size:auto!important;
    max-block-size:calc(100dvh - 20px)!important;
    min-block-size:0!important;
    margin:auto!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    overflow:auto!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 32%),radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 30%),linear-gradient(180deg, rgba(17,24,39,.97), rgba(3,7,18,.985))!important;
    box-shadow:0 32px 110px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.12)!important;
    color:#fff!important;
    transform:translateY(18px) scale(.965)!important;
    scrollbar-width:none!important;
  }
  .cc-business-ui-v2 .mobile-nav .cc-mobile-menu-v65::-webkit-scrollbar{display:none!important;}
  .cc-business-ui-v2 .mobile-nav.open .cc-mobile-menu-v65,
  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav.open .cc-mobile-menu-v65{transform:translateY(0) scale(1)!important;}
  html[dir="rtl"] .cc-business-ui-v2 .mobile-nav .cc-mobile-menu-v65{margin:auto!important;transform:translateY(18px) scale(.965)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-top{
    min-block-size:58px!important;padding:4px 4px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-block-end:1px solid rgba(255,255,255,.10)!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-brand{display:flex!important;align-items:center!important;gap:11px!important;min-inline-size:0!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-brand-mark{
    flex:0 0 auto!important;inline-size:42px!important;block-size:42px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-brand-mark .brand-logo,
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-brand-mark .cc-public-logo-img{inline-size:32px!important;block-size:32px!important;border-radius:12px!important;object-fit:cover!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-title{
    color:#fff!important;font-size:clamp(18px,4.9vw,23px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.05em!important;max-inline-size:245px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-subtitle{margin-block-start:3px!important;color:rgba(255,255,255,.52)!important;font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:.04em!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close{
    position:relative!important;inline-size:48px!important;block-size:48px!important;flex:0 0 auto!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:0!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close::before,
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close::after{content:""!important;position:absolute!important;inline-size:18px!important;block-size:2px!important;border-radius:999px!important;background:#fff!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close::before{transform:rotate(45deg)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close::after{transform:rotate(-45deg)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-settings{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card{
    min-block-size:64px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.105)!important;background:linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.055))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card-copy{min-inline-size:0!important;display:grid!important;gap:5px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card-copy span{display:block!important;color:rgba(255,255,255,.46)!important;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card-copy strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.16!important;font-weight:900!important;letter-spacing:-.015em!important;white-space:normal!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-switchers{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-switchers select{
    inline-size:72px!important;min-inline-size:72px!important;max-inline-size:72px!important;block-size:40px!important;padding:0 25px 0 10px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.085)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;
  }
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-switchers select{padding-inline:25px 10px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mobile-theme-toggle{
    inline-size:116px!important;block-size:48px!important;display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;gap:7px!important;padding:4px 10px 4px 4px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.095)!important;color:#fff!important;cursor:pointer!important;box-shadow:none!important;
  }
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mobile-theme-toggle{grid-template-columns:1fr 40px!important;padding-inline:10px 4px!important;}
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mobile-theme-toggle{background:#fff!important;color:#0f172a!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-orb{
    grid-column:1!important;grid-row:1!important;inline-size:40px!important;block-size:40px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;position:relative!important;
  }
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-orb{grid-column:2!important;}
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-orb{background:rgba(15,23,42,.08)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-sun,
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-moon{position:absolute!important;inset:11px!important;background:currentColor!important;transition:opacity 220ms ease, transform 220ms ease!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-sun{mask:var(--cc-icon-sun) center/contain no-repeat!important;-webkit-mask:var(--cc-icon-sun) center/contain no-repeat!important;opacity:0!important;transform:rotate(-45deg) scale(.75)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-moon{mask:var(--cc-icon-moon) center/contain no-repeat!important;-webkit-mask:var(--cc-icon-moon) center/contain no-repeat!important;opacity:1!important;transform:rotate(0) scale(1)!important;}
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-sun{opacity:1!important;transform:rotate(0) scale(1)!important;}
  html[data-theme="dark"] .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-moon{opacity:0!important;transform:rotate(45deg) scale(.75)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-mode{color:currentColor!important;font-size:12px!important;line-height:1!important;font-weight:950!important;font-style:normal!important;white-space:nowrap!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0!important;min-block-size:0!important;overflow:visible!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a{
    min-block-size:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;text-decoration:none!important;font-size:clamp(18px,5.2vw,23px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.045em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a::after{content:""!important;inline-size:30px!important;block-size:30px!important;flex:0 0 auto!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a::before{content:""!important;position:absolute!important;inset-inline-end:27px!important;inset-block-start:50%!important;inline-size:8px!important;block-size:8px!important;border-block-start:2px solid rgba(255,255,255,.72)!important;border-inline-end:2px solid rgba(255,255,255,.72)!important;transform:translateY(-50%) rotate(45deg)!important;z-index:2!important;opacity:1!important;}
  html[dir="rtl"] .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a::before{inset-inline-start:27px!important;inset-inline-end:auto!important;transform:translateY(-50%) rotate(-135deg)!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a:hover,
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a.is-active{background:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.07)), rgba(255,255,255,.065))!important;border-color:color-mix(in srgb, var(--color-primary) 34%, rgba(255,255,255,.12))!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-book{
    min-block-size:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;background:var(--color-primary)!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important;box-shadow:0 20px 46px color-mix(in srgb, var(--color-primary) 32%, transparent), inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}
@media (max-width:390px){
  .cc-business-ui-v2 .mobile-nav .cc-mobile-menu-v65{padding:12px!important;gap:8px!important;border-radius:24px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-top{min-block-size:52px!important;padding-block-end:9px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-brand-mark{inline-size:38px!important;block-size:38px!important;border-radius:14px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-title{font-size:19px!important;max-inline-size:210px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-close{inline-size:44px!important;block-size:44px!important;border-radius:16px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card{min-block-size:58px!important;padding:10px!important;border-radius:19px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mm-card-copy strong{font-size:13px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-mobile-theme-toggle{inline-size:104px!important;block-size:44px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .cc-theme-orb{inline-size:36px!important;block-size:36px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links{gap:6px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-links a{min-block-size:47px!important;font-size:18px!important;border-radius:16px!important;}
  .cc-business-ui-v2 .cc-mobile-menu-v65 .mobile-nav-book{min-block-size:50px!important;font-size:16px!important;}
}



/* =========================================================
   v7.1 Final RTL header position fix
   Fixes navbar being pushed to the left in RTL mode.
   ========================================================= */
.cc-business-ui-v2 .site-header{
  left:50%!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  transform:translate3d(-50%,0,0)!important;
}

.cc-business-ui-v2 .site-header.cc-nav-hidden{
  transform:translate3d(-50%,calc(-100% - 28px),0)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header{
  left:50%!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  transform:translate3d(-50%,0,0)!important;
  direction:rtl!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
  transform:translate3d(-50%,calc(-100% - 28px),0)!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
  min-inline-size:0!important;
  max-inline-size:min(42vw,360px)!important;
  overflow:hidden!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand strong{
  min-inline-size:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .header-actions{
  flex-shrink:0!important;
}

@media (max-width:720px){
  .cc-business-ui-v2 .site-header,
  html[dir="rtl"] .cc-business-ui-v2 .site-header{
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    inline-size:min(calc(100% - 20px),680px)!important;
    transform:translate3d(-50%,0,0)!important;
  }

  .cc-business-ui-v2 .site-header.cc-nav-hidden,
  html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
    transform:translate3d(-50%,calc(-100% - 28px),0)!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:52vw!important;
  }
}

@media (max-width:420px){
  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:56vw!important;
  }
}



/* =========================================================
   v7.2 Safe centered navbar for RTL/LTR
   Removes horizontal translate positioning completely.
   This fixes RTL navbar being pushed to the left.
   ========================================================= */
html,
body{
  overflow-x:hidden!important;
}

.cc-business-ui-v2 .site-header,
html[dir="rtl"] .cc-business-ui-v2 .site-header,
html[dir="ltr"] .cc-business-ui-v2 .site-header{
  position:fixed!important;
  top:16px!important;
  left:0!important;
  right:0!important;
  inset-inline-start:0!important;
  inset-inline-end:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  inline-size:min(calc(100vw - 32px),1120px)!important;
  max-inline-size:min(calc(100vw - 32px),1120px)!important;
  transform:translateY(0)!important;
}

.cc-business-ui-v2 .site-header.scrolled,
html[dir="rtl"] .cc-business-ui-v2 .site-header.scrolled,
html[dir="ltr"] .cc-business-ui-v2 .site-header.scrolled{
  inline-size:min(calc(100vw - 40px),1040px)!important;
  max-inline-size:min(calc(100vw - 40px),1040px)!important;
  transform:translateY(0)!important;
}

.cc-business-ui-v2 .site-header.cc-nav-hidden,
html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden,
html[dir="ltr"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
  transform:translateY(calc(-100% - 28px))!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header{
  direction:rtl!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
  min-inline-size:0!important;
  max-inline-size:min(34vw,360px)!important;
  overflow:hidden!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .brand strong{
  min-inline-size:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[dir="rtl"] .cc-business-ui-v2 .site-header .header-actions{
  flex-shrink:0!important;
}

@media (max-width:1180px){
  .cc-business-ui-v2 .site-header,
  html[dir="rtl"] .cc-business-ui-v2 .site-header,
  html[dir="ltr"] .cc-business-ui-v2 .site-header{
    inline-size:min(calc(100vw - 24px),980px)!important;
    max-inline-size:min(calc(100vw - 24px),980px)!important;
  }
}

@media (max-width:720px){
  .cc-business-ui-v2 .site-header,
  html[dir="rtl"] .cc-business-ui-v2 .site-header,
  html[dir="ltr"] .cc-business-ui-v2 .site-header{
    top:10px!important;
    left:0!important;
    right:0!important;
    inset-inline-start:0!important;
    inset-inline-end:0!important;
    inline-size:min(calc(100vw - 20px),680px)!important;
    max-inline-size:min(calc(100vw - 20px),680px)!important;
    transform:translateY(0)!important;
  }

  .cc-business-ui-v2 .site-header.scrolled,
  html[dir="rtl"] .cc-business-ui-v2 .site-header.scrolled,
  html[dir="ltr"] .cc-business-ui-v2 .site-header.scrolled{
    inline-size:min(calc(100vw - 20px),680px)!important;
    max-inline-size:min(calc(100vw - 20px),680px)!important;
  }

  .cc-business-ui-v2 .site-header.cc-nav-hidden,
  html[dir="rtl"] .cc-business-ui-v2 .site-header.cc-nav-hidden,
  html[dir="ltr"] .cc-business-ui-v2 .site-header.cc-nav-hidden{
    transform:translateY(calc(-100% - 28px))!important;
  }

  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:52vw!important;
  }
}

@media (max-width:420px){
  html[dir="rtl"] .cc-business-ui-v2 .site-header .brand{
    max-inline-size:56vw!important;
  }
}



/* =========================================================
   v8.0 Final CTA + Modern Footer
   ========================================================= */
.cc-business-final-cta{
  padding:clamp(48px,6vw,92px) 0 clamp(28px,4vw,46px)!important;
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 32%),
    linear-gradient(180deg, transparent, rgba(15,23,42,.025))!important;
}

.cc-business-final-cta .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-business-final-cta-card{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(20px,4vw,48px)!important;
  padding:clamp(28px,4.8vw,54px)!important;
  min-block-size:clamp(160px,17vw,230px)!important;
  border-radius:clamp(28px,4vw,44px)!important;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.20), transparent 24%),
    linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 94%, #ff4b55), var(--color-primary))!important;
  color:#fff!important;
  box-shadow:
    0 30px 90px color-mix(in srgb, var(--color-primary) 22%, transparent),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.cc-business-final-cta-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -8% -55% auto!important;
  inline-size:clamp(260px,32vw,520px)!important;
  block-size:clamp(260px,32vw,520px)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;
  pointer-events:none!important;
}

.cc-final-cta-copy{
  position:relative!important;
  z-index:1!important;
}

.cc-final-cta-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-block-end:14px!important;
}

.cc-final-cta-copy h2{
  margin:0!important;
  max-inline-size:820px!important;
  color:#fff!important;
  font-size:clamp(30px,4.2vw,58px)!important;
  line-height:.98!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
}

.cc-final-cta-copy p{
  margin:14px 0 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(16px,1.4vw,21px)!important;
  line-height:1.55!important;
  font-weight:700!important;
}

.cc-final-cta-contact{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-inline-size:clamp(260px,25vw,360px)!important;
  padding:18px 22px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:0 20px 52px rgba(15,23,42,.16)!important;
  transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s cubic-bezier(.22,1,.36,1)!important;
}

.cc-final-cta-contact:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 28px 70px rgba(15,23,42,.20)!important;
}

.cc-final-cta-icon{
  flex:0 0 auto!important;
  inline-size:52px!important;
  block-size:52px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--color-primary) 10%, #fff)!important;
  position:relative!important;
}

.cc-final-cta-icon::before{
  content:""!important;
  position:absolute!important;
  inset:15px!important;
  background:var(--color-primary)!important;
  mask:var(--cc-icon-phone, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.6.6 4 .6.8 0 1.4.6 1.4 1.4v3.5c0 .8-.6 1.4-1.4 1.4C10.3 22.3 1.7 13.7 1.7 3.4 1.7 2.6 2.3 2 3.1 2h3.5C7.4 2 8 2.6 8 3.4c0 1.4.2 2.7.6 4 .1.4 0 .9-.3 1.2l-1.7 2.2Z'/%3E%3C/svg%3E")) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-phone, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.6.6 4 .6.8 0 1.4.6 1.4 1.4v3.5c0 .8-.6 1.4-1.4 1.4C10.3 22.3 1.7 13.7 1.7 3.4 1.7 2.6 2.3 2 3.1 2h3.5C7.4 2 8 2.6 8 3.4c0 1.4.2 2.7.6 4 .1.4 0 .9-.3 1.2l-1.7 2.2Z'/%3E%3C/svg%3E")) center/contain no-repeat!important;
}

.cc-final-cta-details{
  min-inline-size:0!important;
  display:grid!important;
  gap:4px!important;
}

.cc-final-cta-details em{
  color:#64748b!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.1!important;
}

.cc-final-cta-details strong{
  color:#0f172a!important;
  font-size:clamp(18px,1.7vw,25px)!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  white-space:nowrap!important;
}

/* Modern Footer */
.cc-modern-footer{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(42px,6vw,78px) 0 26px!important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 32%),
    linear-gradient(180deg, #0b1220, #050812)!important;
  color:#fff!important;
  border:0!important;
}

.cc-modern-footer::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%)!important;
  pointer-events:none!important;
}

.cc-modern-footer .container{
  position:relative!important;
  z-index:1!important;
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-shell{
  display:grid!important;
  grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,.72fr))!important;
  gap:clamp(22px,3.4vw,46px)!important;
  padding:clamp(22px,3vw,32px)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.cc-footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
  text-decoration:none!important;
}

.cc-footer-brand .brand-logo,
.cc-footer-brand .cc-public-logo-img{
  inline-size:48px!important;
  block-size:48px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  background:#fff!important;
}

.cc-footer-brand span{
  min-inline-size:0!important;
  display:grid!important;
  gap:4px!important;
}

.cc-footer-brand strong{
  color:#fff!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

.cc-footer-brand em{
  color:rgba(255,255,255,.56)!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:700!important;
}

.cc-footer-brand-block p,
.cc-footer-platform p{
  margin:18px 0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:14px!important;
  line-height:1.8!important;
}

.cc-footer-whatsapp,
.cc-footer-platform-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:44px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:850!important;
  border:1px solid rgba(255,255,255,.12)!important;
  transition:transform .25s cubic-bezier(.22,1,.36,1), background-color .25s cubic-bezier(.22,1,.36,1)!important;
}

.cc-footer-whatsapp:hover,
.cc-footer-platform-btn:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.16)!important;
}

.cc-footer-column h3{
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

.cc-footer-nav,
.cc-footer-contact,
.cc-footer-platform{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

.cc-footer-nav a,
.cc-footer-contact a,
.cc-footer-contact span{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-block-size:32px!important;
  color:rgba(255,255,255,.68)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:720!important;
  line-height:1.35!important;
  transition:color .2s ease, transform .2s ease!important;
}

.cc-footer-nav a:hover,
.cc-footer-contact a:hover{
  color:#fff!important;
  transform:translateX(2px)!important;
}

html[dir="rtl"] .cc-footer-nav a:hover,
html[dir="rtl"] .cc-footer-contact a:hover{
  transform:translateX(-2px)!important;
}

.cc-footer-mini-icon{
  flex:0 0 auto!important;
  inline-size:28px!important;
  block-size:28px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  position:relative!important;
}

.cc-footer-mini-icon::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  background:#fff!important;
  opacity:.88!important;
}

.cc-footer-phone-icon::before{
  mask:var(--cc-icon-phone) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-phone) center/contain no-repeat!important;
}

.cc-footer-mail-icon::before{
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm8 8.2L4.8 7H4v.4l8 6.8 8-6.8V7h-.8L12 13.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm8 8.2L4.8 7H4v.4l8 6.8 8-6.8V7h-.8L12 13.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

.cc-footer-location-icon::before{
  mask:var(--cc-icon-location) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-location) center/contain no-repeat!important;
}

.cc-footer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 4px 0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
}

.cc-footer-bottom p{
  margin:0!important;
  color:inherit!important;
}

.cc-footer-bottom-links{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}

.cc-footer-bottom-links a{
  color:rgba(255,255,255,.64)!important;
  text-decoration:none!important;
  font-weight:760!important;
}

.cc-footer-bottom-links a:hover{
  color:#fff!important;
}

@media (max-width:1080px){
  .cc-footer-shell{
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:720px){
  .cc-business-final-cta{
    padding:46px 0 24px!important;
  }

  .cc-business-final-cta-card{
    grid-template-columns:1fr!important;
    text-align:start!important;
    padding:26px 20px!important;
    border-radius:30px!important;
  }

  .cc-final-cta-contact{
    inline-size:100%!important;
    min-inline-size:0!important;
    justify-content:flex-start!important;
    border-radius:24px!important;
    padding:14px!important;
  }

  .cc-final-cta-copy h2{
    font-size:clamp(28px,9vw,42px)!important;
  }

  .cc-final-cta-icon{
    inline-size:46px!important;
    block-size:46px!important;
  }

  .cc-final-cta-details strong{
    white-space:normal!important;
    font-size:20px!important;
  }

  .cc-modern-footer{
    padding:36px 0 22px!important;
  }

  .cc-footer-shell{
    grid-template-columns:1fr!important;
    padding:20px!important;
    border-radius:28px!important;
  }

  .cc-footer-brand-block,
  .cc-footer-column{
    padding-block-end:18px!important;
    border-block-end:1px solid rgba(255,255,255,.09)!important;
  }

  .cc-footer-platform{
    padding-block-end:0!important;
    border-block-end:0!important;
  }

  .cc-footer-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 14px!important;
  }

  .cc-footer-nav h3{
    grid-column:1 / -1!important;
  }

  .cc-footer-bottom{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

@media (max-width:420px){
  .cc-footer-nav{
    grid-template-columns:1fr!important;
  }
}



/* =========================================================
   v8.1 Premium Business Footer + Desktop Theme Icon Fix
   ========================================================= */

/* Desktop/web theme icon: light mode = black moon, dark mode = white sun, no border */
.cc-business-ui-v2 .site-header .theme-toggle{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0f172a!important;
  font-size:0!important;
  inline-size:42px!important;
  block-size:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.cc-business-ui-v2 .site-header .theme-toggle::before{
  content:""!important;
  inline-size:20px!important;
  block-size:20px!important;
  background:currentColor!important;
  mask:var(--cc-icon-moon) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-moon) center/contain no-repeat!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle::before{
  mask:var(--cc-icon-sun) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-sun) center/contain no-repeat!important;
}

.cc-business-ui-v2 .site-header .theme-toggle:hover{
  transform:translateY(-1px)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.cc-business-ui-v2 .site-header .theme-toggle:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 16%, transparent)!important;
  border-radius:999px!important;
}

/* Business-page specific footer */
.cc-business-footer-v81{
  padding:clamp(42px,6vw,86px) 0 28px!important;
  background:
    radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(255,255,255,.08), transparent 30%),
    linear-gradient(180deg,#0a1020 0%,#050814 100%)!important;
}

.cc-business-footer-v81 .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-v81-hero{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr)!important;
  gap:clamp(20px,3vw,34px)!important;
  align-items:stretch!important;
  margin-block-end:18px!important;
}

.cc-footer-v81-brand,
.cc-footer-v81-business-cta,
.cc-footer-v81-card{
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 22px 70px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.cc-footer-v81-brand{
  padding:clamp(22px,3vw,32px)!important;
  border-radius:32px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-block-size:260px!important;
}

.cc-footer-v81-brand p{
  margin:22px 0 0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:15px!important;
  line-height:1.85!important;
  max-inline-size:58ch!important;
}

.cc-footer-v81-business-cta{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(24px,3.2vw,38px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--color-primary) 30%, transparent), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045))!important;
}

.cc-footer-v81-business-cta::after{
  content:""!important;
  position:absolute!important;
  inset:auto -80px -120px auto!important;
  inline-size:280px!important;
  block-size:280px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--color-primary) 22%, transparent)!important;
  pointer-events:none!important;
}

.cc-footer-v81-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--color-primary) 20%, rgba(255,255,255,.09))!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-block-end:16px!important;
}

.cc-footer-v81-business-cta h2{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  max-inline-size:720px!important;
  color:#fff!important;
  font-size:clamp(28px,3.2vw,48px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
}

.cc-footer-v81-business-cta p{
  position:relative!important;
  z-index:1!important;
  margin:16px 0 24px!important;
  max-inline-size:68ch!important;
  color:rgba(255,255,255,.68)!important;
  font-size:15px!important;
  line-height:1.8!important;
}

.cc-footer-v81-signup{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-block-size:52px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 18px 42px color-mix(in srgb, var(--color-primary) 34%, transparent), inset 0 1px 0 rgba(255,255,255,.20)!important;
  transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s cubic-bezier(.22,1,.36,1)!important;
}

.cc-footer-v81-signup:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 24px 54px color-mix(in srgb, var(--color-primary) 42%, transparent)!important;
}

.cc-footer-v81-signup::after{
  content:"→"!important;
  opacity:.8!important;
}

html[dir="rtl"] .cc-footer-v81-signup::after{
  content:"←"!important;
}

.cc-footer-v81-grid{
  display:grid!important;
  grid-template-columns:1fr 1.1fr 1.1fr 1fr!important;
  gap:16px!important;
}

.cc-footer-v81-card{
  padding:22px!important;
  border-radius:28px!important;
}

.cc-footer-v81-card h3{
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.cc-footer-v81-card a,
.cc-footer-v81-card span,
.cc-footer-v81-feature{
  color:rgba(255,255,255,.68)!important;
}

.cc-footer-v81-features{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

.cc-footer-v81-feature{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-block-size:34px!important;
  font-size:14px!important;
  font-weight:760!important;
}

.cc-footer-v81-feature span{
  flex:0 0 auto!important;
  inline-size:22px!important;
  block-size:22px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--color-primary) 18%, rgba(255,255,255,.08))!important;
  position:relative!important;
}

.cc-footer-v81-feature span::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
}

.cc-footer-v81-platform{
  justify-content:space-between!important;
}

.cc-footer-v81-clubium{
  display:grid!important;
  gap:8px!important;
  padding:16px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}

.cc-footer-v81-clubium strong{
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

.cc-footer-v81-clubium span{
  color:rgba(255,255,255,.60)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.cc-footer-v81-whatsapp{
  margin-block-start:8px!important;
  min-block-size:42px!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.cc-footer-platform-btn{
  margin-block-start:14px!important;
  background:rgba(255,255,255,.10)!important;
}

@media (max-width:1180px){
  .cc-footer-v81-hero{
    grid-template-columns:1fr!important;
  }

  .cc-footer-v81-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  .cc-business-footer-v81{
    padding:34px 0 24px!important;
  }

  .cc-footer-v81-hero{
    gap:14px!important;
  }

  .cc-footer-v81-brand,
  .cc-footer-v81-business-cta,
  .cc-footer-v81-card{
    border-radius:24px!important;
  }

  .cc-footer-v81-brand{
    min-block-size:auto!important;
    padding:20px!important;
  }

  .cc-footer-v81-business-cta{
    padding:22px!important;
  }

  .cc-footer-v81-business-cta h2{
    font-size:clamp(26px,9vw,38px)!important;
  }

  .cc-footer-v81-signup{
    inline-size:100%!important;
  }

  .cc-footer-v81-grid{
    grid-template-columns:1fr!important;
  }

  .cc-footer-v81-card{
    padding:18px!important;
  }
}



/* =========================================================
   v8.2 CTA refinement + simple premium footer + real theme icon fix
   ========================================================= */

/* Force desktop theme button to be icon-only. JS no longer injects emoji text. */
.cc-business-ui-v2 .site-header .theme-toggle{
  position:relative!important;
  inline-size:40px!important;
  block-size:40px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0f172a!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.cc-business-ui-v2 .site-header .theme-toggle::before{
  content:""!important;
  display:block!important;
  inline-size:18px!important;
  block-size:18px!important;
  background:currentColor!important;
  mask:var(--cc-icon-moon) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-moon) center/contain no-repeat!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle::before{
  mask:var(--cc-icon-sun) center/contain no-repeat!important;
  -webkit-mask:var(--cc-icon-sun) center/contain no-repeat!important;
}

.cc-business-ui-v2 .site-header .theme-toggle:hover,
html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle:hover{
  transform:translateY(-1px)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Personal Assistance CTA: smaller, softer, more elegant */
.cc-business-final-cta{
  padding:clamp(36px,4.6vw,64px) 0 clamp(22px,3vw,36px)!important;
}

.cc-business-final-cta-card{
  min-block-size:clamp(118px,12vw,160px)!important;
  padding:clamp(22px,3.2vw,36px)!important;
  border-radius:clamp(24px,3vw,34px)!important;
  gap:clamp(16px,3vw,34px)!important;
}

.cc-final-cta-kicker{
  min-block-size:24px!important;
  padding:0 10px!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
  margin-block-end:10px!important;
}

.cc-final-cta-copy h2{
  font-size:clamp(24px,2.8vw,42px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  max-inline-size:680px!important;
}

.cc-final-cta-copy p{
  margin-block-start:9px!important;
  font-size:clamp(14px,1.1vw,17px)!important;
  line-height:1.55!important;
  font-weight:650!important;
}

.cc-final-cta-contact{
  min-inline-size:clamp(220px,20vw,300px)!important;
  padding:12px 16px!important;
  border-radius:26px!important;
  gap:10px!important;
}

.cc-final-cta-icon{
  inline-size:42px!important;
  block-size:42px!important;
}

.cc-final-cta-icon::before{
  inset:12px!important;
}

.cc-final-cta-details em{
  font-size:12px!important;
}

.cc-final-cta-details strong{
  font-size:clamp(16px,1.25vw,20px)!important;
}

/* Footer: close to original structure, but more premium and less cluttered */
.cc-business-footer-v82{
  padding:clamp(34px,5vw,58px) 0 22px!important;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 32%),
    linear-gradient(180deg,#0b1220,#060914)!important;
  color:#fff!important;
}

.cc-business-footer-v82 .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-v82-shell{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto minmax(220px,.55fr)!important;
  align-items:center!important;
  gap:clamp(18px,3vw,38px)!important;
  padding:clamp(18px,2.6vw,26px)!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.cc-footer-v82-main{
  min-inline-size:0!important;
}

.cc-footer-v82-main .cc-footer-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
  text-decoration:none!important;
}

.cc-footer-v82-main .cc-footer-brand .brand-logo,
.cc-footer-v82-main .cc-footer-brand .cc-public-logo-img{
  inline-size:46px!important;
  block-size:46px!important;
  border-radius:15px!important;
  object-fit:cover!important;
  background:#fff!important;
}

.cc-footer-v82-main .cc-footer-brand span{
  display:grid!important;
  gap:4px!important;
  min-inline-size:0!important;
}

.cc-footer-v82-main .cc-footer-brand strong{
  color:#fff!important;
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.cc-footer-v82-main .cc-footer-brand em{
  color:rgba(255,255,255,.54)!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1.2!important;
}

.cc-footer-v82-main p{
  margin:14px 0 0!important;
  max-inline-size:60ch!important;
  color:rgba(255,255,255,.58)!important;
  font-size:14px!important;
  line-height:1.75!important;
}

.cc-footer-v82-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-block-start:16px!important;
}

.cc-footer-v82-primary,
.cc-footer-v82-secondary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  transition:transform .22s ease, background-color .22s ease!important;
}

.cc-footer-v82-primary{
  background:var(--color-primary)!important;
  color:#fff!important;
  box-shadow:0 14px 30px color-mix(in srgb, var(--color-primary) 26%, transparent)!important;
}

.cc-footer-v82-secondary{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}

.cc-footer-v82-primary:hover,
.cc-footer-v82-secondary:hover{
  transform:translateY(-1px)!important;
}

.cc-footer-v82-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
}

.cc-footer-v82-links a{
  color:rgba(255,255,255,.66)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:760!important;
  transition:color .2s ease!important;
}

.cc-footer-v82-links a:hover{
  color:#fff!important;
}

.cc-footer-v82-contact{
  display:grid!important;
  justify-items:end!important;
  gap:8px!important;
  text-align:end!important;
}

.cc-footer-v82-contact a{
  max-inline-size:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.66)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:760!important;
}

.cc-footer-v82-contact a:hover{
  color:#fff!important;
}

.cc-footer-v82-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 4px 0!important;
  color:rgba(255,255,255,.46)!important;
  font-size:12px!important;
}

.cc-footer-v82-bottom p{
  margin:0!important;
  color:inherit!important;
}

.cc-footer-v82-bottom a{
  color:rgba(255,255,255,.62)!important;
  text-decoration:none!important;
  font-weight:760!important;
}

.cc-footer-v82-bottom a:hover{
  color:#fff!important;
}

@media (max-width:1080px){
  .cc-footer-v82-shell{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }

  .cc-footer-v82-links{
    justify-content:flex-start!important;
  }

  .cc-footer-v82-contact{
    justify-items:start!important;
    text-align:start!important;
  }
}

@media (max-width:720px){
  .cc-business-final-cta-card{
    grid-template-columns:1fr!important;
    padding:22px 18px!important;
    border-radius:26px!important;
  }

  .cc-final-cta-contact{
    inline-size:100%!important;
    min-inline-size:0!important;
  }

  .cc-business-footer-v82{
    padding:32px 0 20px!important;
  }

  .cc-footer-v82-shell{
    padding:18px!important;
    border-radius:24px!important;
    gap:20px!important;
  }

  .cc-footer-v82-links{
    justify-content:flex-start!important;
    gap:10px 14px!important;
  }

  .cc-footer-v82-bottom{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}



/* =========================================================
   v8.3 Final Theme Icon + Simple Footer
   ========================================================= */

/* Desktop theme toggle: no emoji, no border, no pseudo icon. */
.cc-business-ui-v2 .site-header .theme-toggle{
  position:relative!important;
  inline-size:40px!important;
  block-size:40px!important;
  min-inline-size:40px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0f172a!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

.cc-business-ui-v2 .site-header .theme-toggle::before,
.cc-business-ui-v2 .site-header .theme-toggle::after{
  content:none!important;
  display:none!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.cc-business-ui-v2 .site-header .theme-toggle .cc-desktop-theme-icon{
  grid-area:1 / 1!important;
  display:block!important;
  inline-size:18px!important;
  block-size:18px!important;
  background:currentColor!important;
  transition:opacity .22s ease, transform .22s ease!important;
}

.cc-business-ui-v2 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:1!important;
  transform:scale(1) rotate(0)!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14.7A8.7 8.7 0 0 1 9.3 3a9.2 9.2 0 1 0 11.7 11.7ZM12 21A9 9 0 0 1 7.5 4.2a10.7 10.7 0 0 0 12.3 12.3A9 9 0 0 1 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 14.7A8.7 8.7 0 0 1 9.3 3a9.2 9.2 0 1 0 11.7 11.7ZM12 21A9 9 0 0 1 7.5 4.2a10.7 10.7 0 0 0 12.3 12.3A9 9 0 0 1 12 21Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

.cc-business-ui-v2 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:0!important;
  transform:scale(.72) rotate(-45deg)!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18.2a6.2 6.2 0 1 1 0-12.4 6.2 6.2 0 0 1 0 12.4Zm0-2.2a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM11 1h2v3h-2V1Zm0 19h2v3h-2v-3ZM1 11h3v2H1v-2Zm19 0h3v2h-3v-2ZM4.2 2.8l2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm14.9 14.9 2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm.7-14.9 1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1ZM4.9 17.7l1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18.2a6.2 6.2 0 1 1 0-12.4 6.2 6.2 0 0 1 0 12.4Zm0-2.2a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM11 1h2v3h-2V1Zm0 19h2v3h-2v-3ZM1 11h3v2H1v-2Zm19 0h3v2h-3v-2ZM4.2 2.8l2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm14.9 14.9 2.1 2.1-1.4 1.4-2.1-2.1 1.4-1.4Zm.7-14.9 1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1ZM4.9 17.7l1.4 1.4-2.1 2.1-1.4-1.4 2.1-2.1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:0!important;
  transform:scale(.72) rotate(45deg)!important;
}

html[data-theme="dark"] .cc-business-ui-v2 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:1!important;
  transform:scale(1) rotate(0)!important;
}

.cc-business-ui-v2 .site-header .theme-toggle:hover{
  transform:translateY(-1px)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Simple final footer */
.cc-footer-v83{
  padding:clamp(34px,5vw,58px) 0 22px!important;
  background:linear-gradient(180deg,#0b1220,#060914)!important;
  color:#fff!important;
  border:0!important;
}

.cc-footer-v83 .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-v83-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(16px,3vw,28px)!important;
  padding:clamp(20px,3vw,30px)!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.cc-footer-v83-copy span{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-block-end:10px!important;
}

.cc-footer-v83-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(22px,2.4vw,34px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.cc-footer-v83-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:46px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 16px 34px color-mix(in srgb, var(--color-primary) 28%, transparent)!important;
  transition:transform .22s ease, box-shadow .22s ease!important;
}

.cc-footer-v83-button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 22px 42px color-mix(in srgb, var(--color-primary) 34%, transparent)!important;
}

.cc-footer-v83-copyright{
  padding:18px 4px 0!important;
  color:rgba(255,255,255,.50)!important;
  font-size:12px!important;
}

.cc-footer-v83-copyright p{
  margin:0!important;
  color:inherit!important;
}

@media (max-width:720px){
  .cc-footer-v83{
    padding:30px 0 20px!important;
  }

  .cc-footer-v83-card{
    grid-template-columns:1fr!important;
    padding:20px!important;
    border-radius:24px!important;
  }

  .cc-footer-v83-button{
    inline-size:100%!important;
  }
}



/* =========================================================
   v8.4 Minimal premium footer matching requested reference
   Supports light/dark and RTL/LTR.
   ========================================================= */
.cc-footer-v84{
  padding:clamp(34px,4.5vw,56px) 0 28px!important;
  background:var(--surface, #fff)!important;
  color:var(--text-color, #0f172a)!important;
  border:0!important;
}

.cc-footer-v84 .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-v84-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,22px)!important;
  align-items:stretch!important;
}

.cc-footer-v84-pill{
  min-inline-size:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-block-size:96px!important;
  padding:0 clamp(18px,2vw,26px)!important;
  border-radius:28px!important;
  border:1px solid color-mix(in srgb, var(--border-color, rgba(15,23,42,.08)) 96%, transparent)!important;
  background:color-mix(in srgb, var(--surface, #fff) 92%, rgba(15,23,42,.02))!important;
  color:var(--text-color, #0f172a)!important;
  text-decoration:none!important;
  box-shadow:
    0 10px 30px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}

html[data-theme="dark"] .cc-footer-v84-pill{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.cc-footer-v84-pill:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.55)!important;
  border-color:color-mix(in srgb, var(--color-primary) 18%, var(--border-color, rgba(15,23,42,.08)))!important;
}

html[data-theme="dark"] .cc-footer-v84-pill:hover{
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
  border-color:color-mix(in srgb, var(--color-primary) 24%, rgba(255,255,255,.08))!important;
}

.cc-footer-v84-pill > span:nth-child(2){
  min-inline-size:0!important;
  color:inherit!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;
}

.cc-footer-v84-icon{
  inline-size:42px!important;
  block-size:42px!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--text-color, #0f172a)!important;
  position:relative!important;
  flex:0 0 auto!important;
}
html[data-theme="dark"] .cc-footer-v84-icon{color:#fff!important;}
.cc-footer-v84-icon::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  background:currentColor!important;
  opacity:.9!important;
}
.cc-footer-v84-cloud::before{
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 18a4 4 0 0 0 .2-8A6.5 6.5 0 0 0 6.7 8a4.5 4.5 0 0 0 .8 9H19Zm-11.5-2A2.5 2.5 0 0 1 7.2 11a1 1 0 0 0 .9-.8 4.5 4.5 0 0 1 8.8 1 1 1 0 0 0 .9.8h.2A2 2 0 0 1 19 16H7.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 18a4 4 0 0 0 .2-8A6.5 6.5 0 0 0 6.7 8a4.5 4.5 0 0 0 .8 9H19Zm-11.5-2A2.5 2.5 0 0 1 7.2 11a1 1 0 0 0 .9-.8 4.5 4.5 0 0 1 8.8 1 1 1 0 0 0 .9.8h.2A2 2 0 0 1 19 16H7.5Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.cc-footer-v84-screen::before{
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-6v2h3v2H7v-2h3v-2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 12h16V6H4v10Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-6v2h3v2H7v-2h3v-2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 12h16V6H4v10Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.cc-footer-v84-mail::before{
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm8 8.2L4.8 7H4v.4l8 6.8 8-6.8V7h-.8L12 13.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm8 8.2L4.8 7H4v.4l8 6.8 8-6.8V7h-.8L12 13.2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.cc-footer-v84-pill i{
  inline-size:18px!important;
  block-size:18px!important;
  flex:0 0 auto!important;
  position:relative!important;
  opacity:.72!important;
}
.cc-footer-v84-pill i::before{
  content:""!important;
  position:absolute!important;
  inset:5px 4px 5px 6px!important;
  border-top:2px solid currentColor!important;
  border-inline-end:2px solid currentColor!important;
  transform:rotate(45deg)!important;
}
html[dir="rtl"] .cc-footer-v84-pill i::before{
  inset:5px 6px 5px 4px!important;
  transform:rotate(-135deg)!important;
}

.cc-footer-v84-divider{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:clamp(26px,3vw,34px) 0 12px!important;
}
.cc-footer-v84-divider span{
  position:relative!important;
  display:block!important;
  inline-size:min(240px,36vw)!important;
  block-size:1px!important;
  background:color-mix(in srgb, var(--border-color, rgba(15,23,42,.10)) 92%, transparent)!important;
}
html[data-theme="dark"] .cc-footer-v84-divider span{
  background:rgba(255,255,255,.10)!important;
}
.cc-footer-v84-divider span::after{
  content:""!important;
  position:absolute!important;
  inset-block-start:50%!important;
  inset-inline-start:50%!important;
  inline-size:10px!important;
  block-size:10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--color-primary) 20%, var(--surface, #fff))!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 0 0 8px var(--surface, #fff)!important;
}
html[data-theme="dark"] .cc-footer-v84-divider span::after{
  box-shadow:0 0 0 8px #0f172a!important;
}

.cc-footer-v84-copyright{
  text-align:center!important;
  color:var(--muted-text, #6b7280)!important;
}
html[data-theme="dark"] .cc-footer-v84-copyright{color:rgba(255,255,255,.58)!important;}
.cc-footer-v84-copyright p{
  margin:0!important;
  color:inherit!important;
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.7!important;
  font-weight:560!important;
}

@media (max-width:1024px){
  .cc-footer-v84-links{grid-template-columns:1fr!important;}
  .cc-footer-v84-pill{min-block-size:82px!important;}
}
@media (max-width:720px){
  .cc-footer-v84{padding:28px 0 20px!important;}
  .cc-footer-v84-pill{
    min-block-size:74px!important;
    border-radius:22px!important;
    padding:0 16px!important;
    gap:12px!important;
  }
  .cc-footer-v84-pill > span:nth-child(2){font-size:15px!important;}
  .cc-footer-v84-icon{inline-size:38px!important;block-size:38px!important;border-radius:12px!important;}
  .cc-footer-v84-divider{padding:22px 0 10px!important;}
  .cc-footer-v84-divider span{inline-size:min(180px,56vw)!important;}
}



/* =========================================================
   v8.5 Screenshot-like simple footer
   - No Contact link
   - Light/Dark support
   - RTL/LTR support
   ========================================================= */
.cc-footer-v85{
  padding:clamp(26px,4vw,44px) 0 clamp(24px,3vw,36px)!important;
  background:var(--surface, #fff)!important;
  color:var(--text-color, #0f172a)!important;
  border-block-start:1px solid color-mix(in srgb, var(--border-color, rgba(15,23,42,.10)) 85%, transparent)!important;
  text-align:center!important;
}

html[data-theme="dark"] .cc-footer-v85{
  background:#0f172a!important;
  color:#f8fafc!important;
  border-block-start:1px solid rgba(255,255,255,.09)!important;
}

.cc-footer-v85 .container{
  display:grid!important;
  place-items:center!important;
  gap:18px!important;
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-footer-v85-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:clamp(18px,3vw,34px)!important;
}

.cc-footer-v85-links a{
  color:color-mix(in srgb, var(--text-color, #0f172a) 72%, transparent)!important;
  text-decoration:none!important;
  font-size:clamp(14px,1.05vw,17px)!important;
  line-height:1.4!important;
  font-weight:560!important;
  letter-spacing:-.01em!important;
  transition:color .2s ease, transform .2s ease!important;
}

html[data-theme="dark"] .cc-footer-v85-links a{
  color:rgba(255,255,255,.70)!important;
}

.cc-footer-v85-links a:hover{
  color:var(--text-color, #0f172a)!important;
  transform:translateY(-1px)!important;
}

html[data-theme="dark"] .cc-footer-v85-links a:hover{
  color:#fff!important;
}

.cc-footer-v85-copyright{
  color:var(--muted-text, #7a8491)!important;
  font-size:clamp(13px,1vw,16px)!important;
  line-height:1.6!important;
}

html[data-theme="dark"] .cc-footer-v85-copyright{
  color:rgba(255,255,255,.50)!important;
}

.cc-footer-v85-copyright p{
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
}

@media (max-width:560px){
  .cc-footer-v85{
    padding:26px 0 28px!important;
  }

  .cc-footer-v85 .container{
    gap:14px!important;
  }

  .cc-footer-v85-links{
    flex-direction:column!important;
    gap:10px!important;
  }

  .cc-footer-v85-links a{
    inline-size:100%!important;
  }
}



/* =========================================================
   v9.0 Single Vehicle Page Business UI
   ========================================================= */
.cc-vehicle-detail-v90{
  background:var(--surface,#fff)!important;
  color:var(--text-color,#0f172a)!important;
}

.cc-vehicle-detail-v90 .site-header{
  z-index:1200!important;
}

/* Sticky booking card */
@media (min-width:981px){
  .cc-vehicle-detail-v90 .vehicle-layout{
    align-items:start!important;
  }
  .cc-vehicle-detail-v90 .cc-sticky-booking-card,
  .cc-vehicle-detail-v90 .booking-card{
    position:sticky!important;
    top:116px!important;
    align-self:start!important;
    max-block-size:calc(100dvh - 138px)!important;
    overflow:auto!important;
    scrollbar-width:thin!important;
  }
}

.cc-vehicle-detail-v90 .booking-card h2{
  margin-block-end:14px!important;
}

.cc-booking-discount{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:28px!important;
  padding:0 10px!important;
  margin-block:0 14px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-primary) 12%,transparent)!important;
  color:var(--color-primary)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}

.cc-vehicle-detail-v90 .price-row strong del{
  display:inline-block!important;
  margin-inline-end:8px!important;
  color:var(--muted-text,#64748b)!important;
  opacity:.75!important;
  font-size:.78em!important;
  text-decoration-thickness:2px!important;
}

/* Remove FAQ from single car page by design */
.cc-vehicle-detail-v90 .faq-list-simple{
  display:none!important;
}

/* Offers slider spacing on single vehicle page */
.cc-vehicle-detail-v90 .cc-vehicle-offers-section{
  padding:clamp(52px,6vw,86px) 0!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .container,
.cc-vehicle-detail-v90 .cc-vehicle-business-cta-slider .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-vehicle-detail-v90 .cc-offer-slide{
  inline-size:auto!important;
}

/* Business page CTA slider */
.cc-vehicle-business-cta-slider{
  padding:clamp(24px,4vw,54px) 0 clamp(46px,6vw,80px)!important;
  background:
    radial-gradient(circle at 10% 20%, color-mix(in srgb,var(--color-primary) 8%,transparent), transparent 34%),
    linear-gradient(180deg, transparent, color-mix(in srgb,var(--color-primary) 3%,transparent))!important;
}

.cc-business-cta-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(280px,380px)!important;
  gap:16px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  scroll-padding-inline:2px!important;
  padding:4px 2px 18px!important;
  scrollbar-width:thin!important;
}

.cc-business-cta-slide{
  scroll-snap-align:start!important;
  min-block-size:210px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:24px!important;
  border-radius:28px!important;
  border:1px solid var(--border-color,rgba(15,23,42,.10))!important;
  background:var(--surface,#fff)!important;
  color:var(--text-color,#0f172a)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.55)!important;
}

html[data-theme="dark"] .cc-business-cta-slide{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.cc-business-cta-slide span{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  min-block-size:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;
  color:var(--color-primary)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.cc-business-cta-slide h2{
  margin:0!important;
  color:inherit!important;
  font-size:clamp(25px,2.8vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
}

.cc-business-cta-slide p{
  margin:0!important;
  color:var(--muted-text,#64748b)!important;
  font-size:15px!important;
  line-height:1.75!important;
}

html[data-theme="dark"] .cc-business-cta-slide p{
  color:rgba(255,255,255,.62)!important;
}

.cc-business-cta-slide a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:46px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:0 16px 36px color-mix(in srgb,var(--color-primary) 28%,transparent)!important;
}

.cc-business-cta-primary{
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb,var(--color-primary) 18%,transparent), transparent 34%),
    var(--surface,#fff)!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .booking-card{
    position:static!important;
    max-block-size:none!important;
  }
  .cc-business-cta-rail{
    grid-auto-columns:minmax(82vw,1fr)!important;
  }
  .cc-business-cta-slide{
    min-block-size:190px!important;
    border-radius:24px!important;
    padding:20px!important;
  }
}



/* =========================================================
   v9.1 Single Vehicle Modern Layout Refinement
   ========================================================= */

/* Make page feel more modern and less flat */
.cc-vehicle-detail-v90 .breadcrumb,
.cc-vehicle-detail-v90 .vehicle-hero,
.cc-vehicle-detail-v90 .vehicle-layout,
.cc-vehicle-detail-v90 .cc-vehicle-offers-section,
.cc-vehicle-detail-v90 .cc-footer-v85{
  position:relative!important;
}

.cc-vehicle-detail-v90 .vehicle-hero{
  border-radius:32px!important;
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb,var(--color-primary) 9%,transparent), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface,#fff) 96%, rgba(15,23,42,.02)), var(--surface,#fff))!important;
  border:1px solid var(--border-color,rgba(15,23,42,.08))!important;
  box-shadow:0 22px 70px rgba(15,23,42,.06)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .vehicle-hero{
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb,var(--color-primary) 14%,transparent), transparent 32%),
    rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.22)!important;
}

/* Booking card + sidebar area */
.cc-vehicle-detail-v90 .booking-card{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

.cc-vehicle-detail-v90 .booking-card > h2{
  margin:0!important;
  font-size:clamp(22px,1.7vw,28px)!important;
  letter-spacing:-.045em!important;
}

.cc-vehicle-detail-v90 .price-row{
  min-block-size:54px!important;
  padding:14px 0!important;
}

.cc-vehicle-detail-v90 .price-row span{
  font-size:13px!important;
  font-weight:800!important;
  color:var(--muted-text,#64748b)!important;
  letter-spacing:.02em!important;
}

.cc-vehicle-detail-v90 .price-row strong{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  color:var(--color-primary)!important;
  font-size:clamp(22px,2vw,32px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
}

.cc-vehicle-detail-v90 .price-row strong del{
  color:var(--muted-text,#64748b)!important;
  font-size:14px!important;
  font-weight:700!important;
  opacity:.62!important;
  text-decoration-thickness:2px!important;
}

.cc-vehicle-detail-v90 .booking-form label{
  font-weight:800!important;
  color:var(--text-color,#0f172a)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-form label{
  color:#fff!important;
}

.cc-vehicle-detail-v90 .booking-form input,
.cc-vehicle-detail-v90 .booking-form select{
  border-radius:16px!important;
  min-block-size:48px!important;
}

.cc-vehicle-detail-v90 .booking-form .btn-full{
  min-block-size:52px!important;
  border-radius:18px!important;
  font-weight:950!important;
}

/* Sidebar widgets under Book this car */
.cc-sidebar-widget{
  inline-size:100%!important;
  border-radius:24px!important;
  border:1px solid var(--border-color,rgba(15,23,42,.10))!important;
  background:var(--surface,#fff)!important;
  box-shadow:0 16px 46px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.55)!important;
  overflow:hidden!important;
}

html[data-theme="dark"] .cc-sidebar-widget{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.cc-sidebar-widget-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:16px 16px 8px!important;
}

.cc-sidebar-widget-head > span{
  color:var(--text-color,#0f172a)!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

html[data-theme="dark"] .cc-sidebar-widget-head > span{
  color:#fff!important;
}

.cc-sidebar-slider-controls{
  display:flex!important;
  gap:6px!important;
}

.cc-sidebar-slider-controls button{
  inline-size:32px!important;
  block-size:32px!important;
  border-radius:999px!important;
  border:1px solid var(--border-color,rgba(15,23,42,.10))!important;
  background:color-mix(in srgb,var(--surface,#fff) 86%, rgba(15,23,42,.04))!important;
  color:var(--text-color,#0f172a)!important;
  cursor:pointer!important;
  font-size:18px!important;
  line-height:1!important;
}

html[data-theme="dark"] .cc-sidebar-slider-controls button{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#fff!important;
}

.cc-sidebar-slider{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:100%!important;
  gap:12px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  scrollbar-width:none!important;
  padding:8px 16px 16px!important;
}

.cc-sidebar-slider::-webkit-scrollbar{display:none!important;}

.cc-sidebar-car-card{
  scroll-snap-align:start!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-block-size:132px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface,#fff) 92%, rgba(15,23,42,.035))!important;
  border:1px solid color-mix(in srgb,var(--border-color,rgba(15,23,42,.10)) 78%, transparent)!important;
}

html[data-theme="dark"] .cc-sidebar-car-card{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.075)!important;
}

.cc-sidebar-car-img{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  block-size:110px!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  text-decoration:none!important;
}

.cc-sidebar-car-img img{
  inline-size:100%!important;
  block-size:100%!important;
  object-fit:contain!important;
  padding:8px!important;
}

.cc-sidebar-car-img > span:not(.car-icon){
  position:absolute!important;
  inset-block-start:8px!important;
  inset-inline-start:8px!important;
  z-index:2!important;
  min-block-size:22px!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
}

.cc-sidebar-car-body{
  min-inline-size:0!important;
  display:grid!important;
  gap:7px!important;
}

.cc-sidebar-car-body h3{
  margin:0!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

.cc-sidebar-car-body h3 a{
  color:var(--text-color,#0f172a)!important;
  text-decoration:none!important;
}

html[data-theme="dark"] .cc-sidebar-car-body h3 a{
  color:#fff!important;
}

.cc-sidebar-car-body p{
  margin:0!important;
  color:var(--muted-text,#64748b)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.cc-sidebar-car-price{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

.cc-sidebar-car-price del{
  color:var(--muted-text,#64748b)!important;
  font-size:11px!important;
  font-weight:700!important;
  opacity:.65!important;
}

.cc-sidebar-car-price strong{
  color:var(--color-primary)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.cc-sidebar-car-price em{
  color:var(--muted-text,#64748b)!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:800!important;
}

/* CTA card placed in the empty sidebar space */
.cc-sidebar-business-cta{
  padding:18px!important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb,var(--color-primary) 16%,transparent), transparent 34%),
    var(--surface,#fff)!important;
}

html[data-theme="dark"] .cc-sidebar-business-cta{
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb,var(--color-primary) 18%,transparent), transparent 34%),
    rgba(255,255,255,.04)!important;
}

.cc-sidebar-business-cta > span{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;
  color:var(--color-primary)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-block-end:12px!important;
}

.cc-sidebar-business-cta h3{
  margin:0!important;
  color:var(--text-color,#0f172a)!important;
  font-size:clamp(19px,1.6vw,24px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
}

html[data-theme="dark"] .cc-sidebar-business-cta h3{
  color:#fff!important;
}

.cc-sidebar-business-cta a{
  margin-block-start:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:44px!important;
  border-radius:16px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 28%,transparent)!important;
}

/* Remove old full-width CTA slider if any cached HTML remains */
.cc-vehicle-business-cta-slider .cc-business-cta-slide span:first-child{
  display:none!important;
}

@media (max-width:980px){
  .cc-sidebar-widget{
    margin-block-start:4px!important;
  }
  .cc-sidebar-car-card{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
}

@media (max-width:520px){
  .cc-sidebar-car-card{
    grid-template-columns:1fr!important;
  }
  .cc-sidebar-car-img{
    block-size:150px!important;
  }
}



/* =========================================================
   v9.2 Single Vehicle Final Fixes
   - Breadcrumb inside vehicle card
   - Sticky book card only, widgets below independent
   - Robust dark/light text contrast
   ========================================================= */

/* Inline breadcrumb inside car hero */
.cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-block-start:14px!important;
  color:var(--muted-text,#64748b)!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:720!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb a{
  color:var(--muted-text,#64748b)!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb a:hover{
  color:var(--color-primary)!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb span{
  color:color-mix(in srgb,var(--muted-text,#64748b) 46%, transparent)!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb strong{
  color:var(--text-color,#0f172a)!important;
  font-weight:850!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb,
html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb a{
  color:rgba(255,255,255,.58)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-vehicle-inline-breadcrumb strong{
  color:#fff!important;
}

/* Sidebar structure: booking card sticky; widgets are normal cards below */
.cc-vehicle-detail-v90 .cc-vehicle-sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-inline-size:0!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-sidebar .booking-card{
  inline-size:100%!important;
}

@media (min-width:981px){
  .cc-vehicle-detail-v90 .vehicle-layout{
    align-items:start!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-sidebar{
    position:relative!important;
    align-self:start!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-sidebar .cc-sticky-booking-card{
    position:sticky!important;
    top:116px!important;
    max-block-size:none!important;
    overflow:visible!important;
  }
}

/* Prevent old rule from making whole sidebar/card scroll internally */
.cc-vehicle-detail-v90 .booking-card.cc-sticky-booking-card{
  max-block-size:none!important;
  overflow:visible!important;
}

/* Dark / light mode contrast fix for all single vehicle cards */
html[data-theme="dark"] .cc-vehicle-detail-v90{
  background:#0f172a!important;
  color:#f8fafc!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card,
html[data-theme="dark"] .cc-vehicle-detail-v90 .gallery,
html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-card{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.09)!important;
  color:#f8fafc!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card h2,
html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-card h2,
html[data-theme="dark"] .cc-vehicle-detail-v90 .vehicle-description-card h2,
html[data-theme="dark"] .cc-vehicle-detail-v90 .policy-list summary,
html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid dd,
html[data-theme="dark"] .cc-vehicle-detail-v90 .vehicle-description-text{
  color:#f8fafc!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .vehicle-description-text,
html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card p,
html[data-theme="dark"] .cc-vehicle-detail-v90 .policy-list p{
  color:rgba(255,255,255,.72)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid dt,
html[data-theme="dark"] .cc-vehicle-detail-v90 .price-row span,
html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-form label{
  color:rgba(255,255,255,.58)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-form input,
html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-form select,
html[data-theme="dark"] .cc-vehicle-detail-v90 .policy-list details{
  background:rgba(255,255,255,.055)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.10)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .booking-form input::placeholder{
  color:rgba(255,255,255,.42)!important;
}

/* Make cards more modern in light mode too */
.cc-vehicle-detail-v90 .info-card,
.cc-vehicle-detail-v90 .gallery,
.cc-vehicle-detail-v90 .booking-card{
  border-radius:26px!important;
  box-shadow:0 18px 60px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.55)!important;
}

.cc-vehicle-detail-v90 .vehicle-description-text{
  font-size:clamp(17px,1.45vw,22px)!important;
  line-height:1.65!important;
  color:var(--text-color,#0f172a)!important;
}

/* Sidebar widgets visibility/interaction fix */
.cc-sidebar-widget{
  display:block!important;
  overflow:hidden!important;
}

.cc-sidebar-slider{
  pointer-events:auto!important;
}

.cc-sidebar-slider a,
.cc-sidebar-business-cta a{
  pointer-events:auto!important;
}

.cc-sidebar-car-card{
  min-inline-size:100%!important;
}

/* Booking price extra emphasis */
.cc-vehicle-detail-v90 .price-row strong{
  color:var(--color-primary)!important;
  text-shadow:0 10px 30px color-mix(in srgb,var(--color-primary) 14%, transparent)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .price-row strong{
  color:color-mix(in srgb,var(--color-primary) 85%, #fff)!important;
}

/* Theme icon final fallback */
.cc-vehicle-detail-v90 .site-header .theme-toggle{
  color:#0f172a!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle{
  color:#fff!important;
}
.cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:1!important;
}
.cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:0!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:0!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:1!important;
}

/* In mobile, keep sidebar widgets below booking card, full width */
@media (max-width:980px){
  .cc-vehicle-detail-v90 .cc-vehicle-sidebar{
    gap:14px!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-sidebar .cc-sticky-booking-card{
    position:static!important;
  }
}



/* =========================================================
   v9.3 Single Vehicle Header / Rental CTA / Featured Sidebar
   ========================================================= */

/* Fix header overlap: give the vehicle card enough safe space under sticky nav */
.cc-vehicle-detail-v90 .vehicle-hero{
  margin-block-start:clamp(116px,9vw,146px)!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .vehicle-hero{
    margin-block-start:96px!important;
  }
}

/* Make header cleaner on single vehicle page */
.cc-vehicle-detail-v90 .site-header{
  inline-size:min(calc(100vw - 32px),1120px)!important;
  max-inline-size:min(calc(100vw - 32px),1120px)!important;
  min-block-size:64px!important;
  padding-block:8px!important;
  padding-inline:14px!important;
  border-radius:28px!important;
  z-index:2000!important;
}

.cc-vehicle-detail-v90 .site-header .brand strong{
  max-inline-size:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.cc-vehicle-detail-v90 .site-header .nav-desktop{
  gap:clamp(14px,2vw,28px)!important;
}

.cc-vehicle-detail-v90 .site-header .header-actions{
  gap:8px!important;
}

.cc-vehicle-detail-v90 .site-header .btn-book-header{
  min-block-size:44px!important;
  padding-inline:20px!important;
  border-radius:18px!important;
}

@media (max-width:980px){
  .cc-vehicle-detail-v90 .site-header .nav-desktop{
    display:none!important;
  }
  .cc-vehicle-detail-v90 .site-header{
    inline-size:min(calc(100vw - 20px),680px)!important;
    max-inline-size:min(calc(100vw - 20px),680px)!important;
  }
}

@media (max-width:520px){
  .cc-vehicle-detail-v90 .site-header .brand strong{
    max-inline-size:42vw!important;
  }
  .cc-vehicle-detail-v90 .site-header select,
  .cc-vehicle-detail-v90 .site-header .btn-book-header{
    display:none!important;
  }
}

/* Replace business-page CTA with rental CTA */
.cc-sidebar-rental-cta{
  padding:18px!important;
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb,var(--color-primary) 14%,transparent), transparent 36%),
    var(--surface,#fff)!important;
}

html[data-theme="dark"] .cc-sidebar-rental-cta{
  background:
    radial-gradient(circle at 92% 0%, color-mix(in srgb,var(--color-primary) 18%,transparent), transparent 36%),
    rgba(255,255,255,.04)!important;
}

.cc-sidebar-rental-cta > span{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important;
  color:var(--color-primary)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-block-end:12px!important;
}

.cc-sidebar-rental-cta h3{
  margin:0!important;
  color:var(--text-color,#0f172a)!important;
  font-size:clamp(20px,1.65vw,25px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.052em!important;
}

.cc-sidebar-rental-cta p{
  margin:10px 0 0!important;
  color:var(--muted-text,#64748b)!important;
  font-size:13px!important;
  line-height:1.65!important;
}

html[data-theme="dark"] .cc-sidebar-rental-cta h3{
  color:#fff!important;
}

html[data-theme="dark"] .cc-sidebar-rental-cta p{
  color:rgba(255,255,255,.62)!important;
}

.cc-sidebar-rental-cta a{
  margin-block-start:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:46px!important;
  border-radius:16px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 28%,transparent)!important;
}

/* Featured vehicle card under rental CTA */
.cc-sidebar-featured-car{
  padding:16px!important;
}

.cc-sidebar-featured-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-block-end:12px!important;
}

.cc-sidebar-featured-head span{
  color:var(--text-color,#0f172a)!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

html[data-theme="dark"] .cc-sidebar-featured-head span{
  color:#fff!important;
}

.cc-sidebar-featured-head em{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:950!important;
}

.cc-featured-car-image{
  display:grid!important;
  place-items:center!important;
  block-size:190px!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
  text-decoration:none!important;
  border:1px solid color-mix(in srgb,var(--border-color,rgba(15,23,42,.10)) 70%, transparent)!important;
}

.cc-featured-car-image img{
  inline-size:100%!important;
  block-size:100%!important;
  object-fit:contain!important;
  padding:14px!important;
}

.cc-featured-car-body{
  display:grid!important;
  gap:8px!important;
  padding-block-start:14px!important;
}

.cc-featured-car-body h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.cc-featured-car-body h3 a{
  color:var(--text-color,#0f172a)!important;
  text-decoration:none!important;
}

html[data-theme="dark"] .cc-featured-car-body h3 a{
  color:#fff!important;
}

.cc-featured-car-body p{
  margin:0!important;
  color:var(--muted-text,#64748b)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

html[data-theme="dark"] .cc-featured-car-body p{
  color:rgba(255,255,255,.60)!important;
}

.cc-featured-car-price{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.cc-featured-car-price del{
  color:var(--muted-text,#64748b)!important;
  font-size:12px!important;
  font-weight:700!important;
  opacity:.62!important;
}

.cc-featured-car-price strong{
  color:var(--color-primary)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.cc-featured-car-price em{
  color:var(--muted-text,#64748b)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.cc-featured-car-link{
  margin-block-start:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-block-size:42px!important;
  border-radius:15px!important;
  border:1px solid var(--border-color,rgba(15,23,42,.10))!important;
  background:color-mix(in srgb,var(--surface,#fff) 90%, rgba(15,23,42,.04))!important;
  color:var(--text-color,#0f172a)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}

html[data-theme="dark"] .cc-featured-car-link{
  border-color:rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
}

/* Remove old business page CTA styling if cached */
.cc-sidebar-business-cta{
  display:none!important;
}

/* Stronger dark/light toggle fallback */
.cc-vehicle-detail-v90 .site-header .theme-toggle{
  color:#0f172a!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle{
  color:#fff!important;
}
.cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:1!important;
}
.cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:0!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-moon{
  opacity:0!important;
}
html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .theme-toggle .cc-desktop-theme-sun{
  opacity:1!important;
}



/* =========================================================
   v9.4 Modern Vehicle Overview Card
   ========================================================= */

/* Upgrade the Vehicle Overview block */
.cc-vehicle-detail-v90 .info-card:has(.spec-grid){
  padding:clamp(24px,2.6vw,34px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb,var(--color-primary) 7%,transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface,#fff) 96%, rgba(15,23,42,.02)), var(--surface,#fff))!important;
  border:1px solid color-mix(in srgb, var(--border-color,rgba(15,23,42,.10)) 90%, transparent)!important;
  box-shadow:0 20px 64px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.58)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card:has(.spec-grid){
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb,var(--color-primary) 14%,transparent), transparent 30%),
    rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 26px 76px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.cc-vehicle-detail-v90 .info-card:has(.spec-grid) > h2{
  margin:0 0 18px!important;
  font-size:clamp(28px,2.3vw,38px)!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  color:var(--text-color,#0f172a)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card:has(.spec-grid) > h2{
  color:#fff!important;
}

.cc-vehicle-detail-v90 .spec-grid{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

.cc-vehicle-detail-v90 .spec-grid > div{
  position:relative!important;
  min-inline-size:0!important;
  display:grid!important;
  gap:8px!important;
  align-content:start!important;
  min-block-size:112px!important;
  padding:18px 18px 16px!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.42)) padding-box,
    linear-gradient(180deg, rgba(255,255,255,.8), rgba(15,23,42,.06)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.75)!important;
  overflow:hidden!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}

.cc-vehicle-detail-v90 .spec-grid > div::after{
  content:""!important;
  position:absolute!important;
  inset-inline-end:-26px!important;
  inset-block-start:-26px!important;
  inline-size:84px!important;
  block-size:84px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-primary) 8%, transparent)!important;
  pointer-events:none!important;
}

.cc-vehicle-detail-v90 .spec-grid > div:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.82)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid > div{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid > div::after{
  background:color-mix(in srgb,var(--color-primary) 15%, transparent)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid > div:hover{
  box-shadow:0 20px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.cc-vehicle-detail-v90 .spec-grid dt{
  margin:0!important;
  color:var(--muted-text,#64748b)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid dt{
  color:rgba(255,255,255,.52)!important;
}

.cc-vehicle-detail-v90 .spec-grid dd{
  margin:0!important;
  color:var(--text-color,#0f172a)!important;
  font-size:clamp(22px,1.8vw,30px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid dd{
  color:#fff!important;
}

@media (max-width:880px){
  .cc-vehicle-detail-v90 .spec-grid{
    grid-template-columns:1fr!important;
  }
  .cc-vehicle-detail-v90 .spec-grid > div{
    min-block-size:96px!important;
  }
}

@media (max-width:560px){
  .cc-vehicle-detail-v90 .info-card:has(.spec-grid){
    padding:20px!important;
    border-radius:26px!important;
  }
  .cc-vehicle-detail-v90 .info-card:has(.spec-grid) > h2{
    font-size:30px!important;
    margin-block-end:14px!important;
  }
  .cc-vehicle-detail-v90 .spec-grid{
    gap:12px!important;
  }
  .cc-vehicle-detail-v90 .spec-grid > div{
    padding:16px!important;
    border-radius:20px!important;
  }
  .cc-vehicle-detail-v90 .spec-grid dd{
    font-size:24px!important;
  }
}



/* =========================================================
   v9.5 Single Vehicle Polish
   - finer Vehicle Overview
   - similar cards match fleet cards
   - iPhone date field fix
   - mobile menu matches business page
   - fixed car image heights
   ========================================================= */

/* 1) Vehicle Overview: much more subtle, compact and premium */
.cc-vehicle-detail-v90 .info-card:has(.spec-grid){
  padding:clamp(18px,2vw,24px)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--color-primary) 4%,transparent), transparent 24%),
    var(--surface,#fff)!important;
  box-shadow:0 14px 42px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.62)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .info-card:has(.spec-grid){
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--color-primary) 9%,transparent), transparent 26%),
    rgba(255,255,255,.04)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.cc-vehicle-detail-v90 .info-card:has(.spec-grid) > h2{
  margin:0 0 14px!important;
  font-size:clamp(22px,1.55vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}

.cc-vehicle-detail-v90 .spec-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

.cc-vehicle-detail-v90 .spec-grid > div{
  min-block-size:78px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  gap:5px!important;
  background:color-mix(in srgb,var(--surface,#fff) 92%, rgba(15,23,42,.035))!important;
  border:1px solid color-mix(in srgb,var(--border-color,rgba(15,23,42,.10)) 74%, transparent)!important;
  box-shadow:none!important;
}

.cc-vehicle-detail-v90 .spec-grid > div::after{
  inline-size:44px!important;
  block-size:44px!important;
  inset-inline-end:-16px!important;
  inset-block-start:-18px!important;
  opacity:.7!important;
}

.cc-vehicle-detail-v90 .spec-grid > div:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .spec-grid > div{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.07)!important;
}

.cc-vehicle-detail-v90 .spec-grid dt{
  font-size:10px!important;
  letter-spacing:.09em!important;
  line-height:1.15!important;
}

.cc-vehicle-detail-v90 .spec-grid dd{
  font-size:clamp(16px,1.25vw,21px)!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}

/* 2) Similar vehicles: use vertical fleet-like cards; never crop cars on mobile */
.cc-vehicle-detail-v90 .cc-sidebar-similar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-widget-head{
  padding:0 2px 12px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-slider{
  grid-auto-columns:100%!important;
  padding:0 2px 8px!important;
  gap:14px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-inline-size:100%!important;
  min-block-size:0!important;
  padding:10px!important;
  border-radius:24px!important;
  background:var(--surface,#fff)!important;
  border:1px solid var(--border-color,rgba(15,23,42,.10))!important;
  box-shadow:0 16px 48px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.58)!important;
  overflow:hidden!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-sidebar-car-card{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-img{
  inline-size:100%!important;
  block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  min-block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  max-block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-img img{
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:100%!important;
  max-block-size:100%!important;
  object-fit:contain!important;
  padding:14px!important;
  display:block!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-body{
  padding:14px 4px 4px!important;
  gap:8px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-body h3{
  font-size:17px!important;
  line-height:1.2!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-body p{
  font-size:12px!important;
  min-block-size:18px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-price strong{
  font-size:22px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-price del{
  font-size:12px!important;
}

/* 3) iPhone date field overflow fix */
.cc-vehicle-detail-v90 .booking-form{
  min-inline-size:0!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .booking-form label{
  min-inline-size:0!important;
  inline-size:100%!important;
  box-sizing:border-box!important;
}

.cc-vehicle-detail-v90 .booking-form input,
.cc-vehicle-detail-v90 .booking-form select{
  inline-size:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  box-sizing:border-box!important;
}

.cc-vehicle-detail-v90 .booking-form input[type="date"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  inline-size:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  padding-inline:14px 10px!important;
  font-size:16px!important;
  line-height:1.2!important;
}

.cc-vehicle-detail-v90 .booking-form input[type="date"]::-webkit-date-and-time-value{
  text-align:start!important;
  min-inline-size:0!important;
}

.cc-vehicle-detail-v90 .booking-form input[type="date"]::-webkit-calendar-picker-indicator{
  margin-inline-start:4px!important;
  flex:0 0 auto!important;
}

/* 4) Mobile menu on single vehicle: force same final mobile business menu */
@media (max-width:720px){
  .cc-vehicle-detail-v90 .mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:9999!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    background:rgba(8,12,22,.56)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav .cc-menu-final-v70{
    inline-size:min(100%,420px)!important;
    max-block-size:calc(100dvh - 24px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
    overflow:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 30%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(180deg,#141827 0%,#070b14 100%)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:#fff!important;
  }

  .cc-vehicle-detail-v90 .cc-menu-head,
  .cc-vehicle-detail-v90 .cc-menu-preferences,
  .cc-vehicle-detail-v90 .cc-menu-links,
  .cc-vehicle-detail-v90 .cc-menu-cta{
    position:relative!important;
    z-index:1!important;
  }

  .cc-vehicle-detail-v90 .cc-menu-links{
    display:grid!important;
    gap:8px!important;
    padding:0!important;
  }

  .cc-vehicle-detail-v90 .cc-menu-links a{
    min-block-size:50px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.10)!important;
    font-size:19px!important;
    font-weight:900!important;
  }

  .cc-vehicle-detail-v90 .cc-menu-pref-controls{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:9px!important;
  }
}

/* 5) Keep image height consistent on mobile too */
@media (max-width:720px){
  .cc-vehicle-detail-v90 .cc-sidebar-car-img{
    block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
    min-block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
    max-block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
  }

  .cc-vehicle-detail-v90 .spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .cc-vehicle-detail-v90 .spec-grid > div{
    min-block-size:74px!important;
    border-radius:16px!important;
    padding:12px!important;
  }
}

@media (max-width:420px){
  .cc-vehicle-detail-v90 .spec-grid{
    grid-template-columns:1fr!important;
  }
}



/* =========================================================
   v9.6 Final Single Vehicle Fixes
   - Similar Cars exactly fleet-card style
   - Mobile hamburger menu robust like business page
   - Discounted Cars only true discount cars
   ========================================================= */

/* Similar Cars: match standard fleet card structure and prevent half cards on mobile */
.cc-vehicle-detail-v90 .cc-sidebar-similar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-widget-head{
  padding:0 2px 12px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-slider{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:100%!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:inline mandatory!important;
  overscroll-behavior-inline:contain!important;
  padding:0 2px 14px!important;
  scrollbar-width:thin!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card.car-card{
  scroll-snap-align:start!important;
  inline-size:100%!important;
  min-inline-size:100%!important;
  max-inline-size:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:10px!important;
  border-radius:24px!important;
  background:var(--cc-ui-card, var(--surface,#fff))!important;
  border:1px solid var(--cc-ui-border, var(--border-color,rgba(15,23,42,.10)))!important;
  box-shadow:var(--cc-ui-shadow, 0 16px 48px rgba(15,23,42,.06))!important;
  overflow:hidden!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-sidebar-car-card.car-card{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.085)!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-img.car-image{
  position:relative!important;
  inline-size:100%!important;
  block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  min-block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  max-block-size:var(--cc-premium-fleet-image-height, 172px)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:0!important;
  overflow:hidden!important;
  text-decoration:none!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-img.car-image img{
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:100%!important;
  max-block-size:100%!important;
  object-fit:contain!important;
  padding:18px!important;
  display:block!important;
  filter:drop-shadow(0 18px 24px rgba(15,23,42,.12))!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-body.car-body{
  padding:14px 4px 4px!important;
  display:grid!important;
  gap:8px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-body h3{
  margin:0!important;
  min-block-size:auto!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-body h3 a{
  color:var(--cc-ui-text, var(--text-color,#0f172a))!important;
  text-decoration:none!important;
}

html[data-theme="dark"] .cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-body h3 a{
  color:#fff!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .car-meta{
  margin:0!important;
  min-block-size:18px!important;
  color:var(--cc-ui-muted, var(--muted-text,#64748b))!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-price{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:5px 7px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-price del{
  color:var(--cc-ui-muted, var(--muted-text,#64748b))!important;
  opacity:.76!important;
  font-size:12px!important;
  font-weight:750!important;
  text-decoration-thickness:2px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-price strong{
  color:var(--color-primary)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-price em{
  color:var(--cc-ui-muted, var(--muted-text,#64748b))!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-block-start:4px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-car-actions .btn{
  min-block-size:38px!important;
  border-radius:999px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* If only details button exists, make it full-width */
.cc-vehicle-detail-v90 .cc-sidebar-car-actions .btn:only-child{
  grid-column:1 / -1!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .cc-sidebar-slider{
    grid-auto-columns:100%!important;
    padding-inline:0!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-car-card.car-card{
    inline-size:100%!important;
    min-inline-size:100%!important;
    max-inline-size:100%!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-car-card .cc-sidebar-car-img.car-image{
    block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
    min-block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
    max-block-size:var(--cc-premium-fleet-image-height-mobile, 172px)!important;
  }
}

/* Mobile menu: same behavior/visual state as business page */
@media (max-width:720px){
  html.cc-menu-open,
  body.cc-menu-open{
    overflow:hidden!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    background:rgba(8,12,22,.56)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .28s cubic-bezier(.22,1,.36,1)!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav.open{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav .cc-menu-final-v70{
    inline-size:min(100%,420px)!important;
    max-block-size:calc(100dvh - 24px)!important;
    min-block-size:auto!important;
    block-size:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
    overflow:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 30%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(180deg,#141827 0%,#070b14 100%)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:#fff!important;
    transform:translateY(18px) scale(.97)!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1)!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav.open .cc-menu-final-v70{
    transform:translateY(0) scale(1)!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle span{
    display:block!important;
  }

  .cc-vehicle-detail-v90 .cc-menu-links a{
    pointer-events:auto!important;
  }
}

/* Discounted Cars: cards are visible only when PHP has true discounted vehicles */
.cc-vehicle-detail-v90 .cc-vehicle-offers-section{
  display:block!important;
}



/* =========================================================
   v9.7 Single Vehicle Mobile Hamburger Final Fix
   ========================================================= */
@media (max-width:720px){
  html.cc-menu-open,
  body.cc-menu-open,
  html.cc-mobile-nav-lock{
    overflow:hidden!important;
  }

  .cc-vehicle-detail-v90 .site-header .menu-toggle,
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:100001!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    inline-size:44px!important;
    block-size:44px!important;
    min-inline-size:44px!important;
    border:0!important;
    border-radius:16px!important;
    background:color-mix(in srgb, var(--surface,#fff) 82%, rgba(15,23,42,.06))!important;
  }

  html[data-theme="dark"] .cc-vehicle-detail-v90 .site-header .menu-toggle,
  html[data-theme="dark"] .cc-vehicle-detail-v90 .menu-toggle#menuToggle{
    background:rgba(255,255,255,.075)!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle#menuToggle span{
    display:block!important;
    position:absolute!important;
    inline-size:18px!important;
    block-size:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
    inset-inline-start:50%!important;
    transform:translateX(-50%)!important;
    transition:transform .22s ease, opacity .22s ease, top .22s ease!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle#menuToggle span:nth-child(1){top:15px!important;}
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle span:nth-child(2){top:21px!important;}
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle span:nth-child(3){top:27px!important;}

  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.open span:nth-child(1),
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.is-open span:nth-child(1){
    top:21px!important;
    transform:translateX(-50%) rotate(45deg)!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.open span:nth-child(2),
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.is-open span:nth-child(2){
    opacity:0!important;
  }

  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.open span:nth-child(3),
  .cc-vehicle-detail-v90 .menu-toggle#menuToggle.is-open span:nth-child(3){
    top:21px!important;
    transform:translateX(-50%) rotate(-45deg)!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav#mobileNav{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    background:rgba(8,12,22,.56)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .28s cubic-bezier(.22,1,.36,1), visibility .28s ease!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav#mobileNav.open,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav.is-open,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav[aria-hidden="false"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav#mobileNav .cc-menu-final-v70{
    inline-size:min(100%,420px)!important;
    max-block-size:calc(100dvh - 24px)!important;
    min-block-size:auto!important;
    block-size:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
    overflow:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 30%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(180deg,#141827 0%,#070b14 100%)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:#fff!important;
    transform:translateY(18px) scale(.97)!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1)!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav#mobileNav.open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav.is-open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav[aria-hidden="false"] .cc-menu-final-v70{
    transform:translateY(0) scale(1)!important;
  }

  .cc-vehicle-detail-v90 .mobile-nav#mobileNav .cc-menu-close,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav [data-cc-mobile-close],
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav a,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav button,
  .cc-vehicle-detail-v90 .mobile-nav#mobileNav select{
    pointer-events:auto!important;
  }
}



/* =========================================================
   v9.8 Final requested 3 fixes
   1) Mobile hamburger menu click-only like business page
   2) Similar Cars exactly match Discounted Cars card structure
   3) Discounted Cars rail shows all true discounted cars with full items on mobile
   ========================================================= */

/* Mobile menu: force same open state as business page, no pointer/touch double-toggle */
@media (max-width:720px){
  html.cc-menu-open,
  body.cc-menu-open,
  html.cc-mobile-nav-lock{
    overflow:hidden!important;
  }

  .cc-vehicle-detail-v90 #menuToggle.menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    position:relative!important;
    z-index:100001!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(8,12,22,.56)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    transition:opacity .28s cubic-bezier(.22,1,.36,1), visibility .28s ease!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.mobile-nav .cc-menu-final-v70{
    inline-size:min(100%,420px)!important;
    max-block-size:calc(100dvh - 24px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
    overflow:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 30%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(180deg,#141827 0%,#070b14 100%)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:#fff!important;
    transform:translateY(18px) scale(.97)!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1)!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"] .cc-menu-final-v70{
    transform:translateY(0) scale(1)!important;
  }
}

/* Similar Cars: use same classes/visual language as Discounted Cars */
.cc-vehicle-detail-v90 .cc-sidebar-similar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-widget-head{
  padding:0 2px 12px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-slider{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:100%!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:inline mandatory!important;
  overscroll-behavior-inline:contain!important;
  padding:0 2px 14px!important;
  scrollbar-width:thin!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-slider .cc-similar-offer-card.cc-offer-slide.car-card{
  scroll-snap-align:start!important;
  inline-size:100%!important;
  min-inline-size:100%!important;
  max-inline-size:100%!important;
  min-height:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
}

/* identical Discounted Cars internal card behavior */
.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-image{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  block-size:var(--cc-premium-fleet-image-height,172px)!important;
  min-block-size:var(--cc-premium-fleet-image-height,172px)!important;
  max-block-size:var(--cc-premium-fleet-image-height,172px)!important;
  padding:0!important;
  text-decoration:none!important;
  background:#fff!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-image img{
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:100%!important;
  max-block-size:100%!important;
  object-fit:contain!important;
  padding:18px!important;
  background:#fff!important;
  filter:drop-shadow(0 18px 24px rgba(15,23,42,.12))!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-body{
  padding:18px 18px 20px!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-meta{
  margin-bottom:10px!important;
  min-block-size:auto!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card h3{
  margin:0 0 8px!important;
  font-size:18px!important;
  line-height:1.28!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card h3 a{
  color:inherit!important;
  text-decoration:none!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}

.cc-vehicle-detail-v90 .cc-similar-offer-card .cc-offer-actions .btn{
  flex:1 1 120px!important;
  justify-content:center!important;
}

/* Prevent older sidebar-card styles from affecting the new Similar Cars markup */
.cc-vehicle-detail-v90 .cc-sidebar-slider .cc-sidebar-car-card{
  display:none!important;
}

/* Discounted Cars: all true discounted cards visible and full item content on mobile */
.cc-vehicle-detail-v90 .cc-vehicle-offers-section{
  display:block!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offers-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,300px)!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  padding:8px 2px 22px!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-slide{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-body,
.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-meta,
.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-price,
.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-actions{
  display:flex!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-body{
  display:block!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-actions{
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-actions .btn{
  flex:1 1 120px!important;
  min-block-size:38px!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offers-rail{
    grid-auto-columns:minmax(82vw,1fr)!important;
    gap:14px!important;
    padding-inline:0!important;
    padding-bottom:18px!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-slide{
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:none!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-image{
    block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    min-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    max-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-body{
    padding:16px!important;
  }

  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-actions .btn{
    min-block-size:40px!important;
  }
}



/* =========================================================
   v9.9 Vehicle mobile menu UI final fix
   Fixes broken internal layout on iPhone/mobile.
   ========================================================= */
@media (max-width:720px){
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:grid!important;
    place-items:center!important;
    padding:14px!important;
    background:rgba(8,12,22,.58)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .26s cubic-bezier(.22,1,.36,1), visibility .26s ease!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav .cc-menu-final-v70{
    inline-size:min(100%,390px)!important;
    max-inline-size:390px!important;
    block-size:auto!important;
    min-block-size:0!important;
    max-block-size:calc(100dvh - 28px)!important;
    margin:0 auto!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow:auto!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 30%),
      radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 34%),
      linear-gradient(180deg,#141827 0%,#070b14 100%)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.10)!important;
    color:#fff!important;
    transform:translateY(14px) scale(.97)!important;
    transition:transform .32s cubic-bezier(.22,1,.36,1)!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-vehicle-mobile-menu-v99::-webkit-scrollbar,
  .cc-vehicle-detail-v90 #mobileNav .cc-menu-final-v70::-webkit-scrollbar{
    display:none!important;
  }

  .cc-vehicle-detail-v90 #mobileNav.open .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav.is-open .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav[aria-hidden="false"] .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav.open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.is-open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav[aria-hidden="false"] .cc-menu-final-v70{
    transform:translateY(0) scale(1)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-block-size:58px!important;
    padding:2px 2px 12px!important;
    border-block-end:1px solid rgba(255,255,255,.10)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-brand{
    min-inline-size:0!important;
    max-inline-size:calc(100% - 62px)!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    color:#fff!important;
    text-decoration:none!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-logo{
    inline-size:44px!important;
    block-size:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    overflow:hidden!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-logo .brand-logo,
  .cc-vehicle-detail-v90 #mobileNav .cc-menu-logo .cc-public-logo-img{
    inline-size:34px!important;
    block-size:34px!important;
    border-radius:12px!important;
    object-fit:cover!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-brand-text{
    min-inline-size:0!important;
    display:grid!important;
    gap:4px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-brand-text strong{
    display:block!important;
    max-inline-size:220px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    opacity:1!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-brand-text em{
    display:block!important;
    color:rgba(255,255,255,.56)!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-style:normal!important;
    font-weight:760!important;
    opacity:1!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close,
  .cc-vehicle-detail-v90 #mobileNav .mobile-nav-close{
    position:relative!important;
    inset:auto!important;
    inline-size:48px!important;
    block-size:48px!important;
    flex:0 0 48px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-size:0!important;
    cursor:pointer!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close::before,
  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close::after,
  .cc-vehicle-detail-v90 #mobileNav .mobile-nav-close::before,
  .cc-vehicle-detail-v90 #mobileNav .mobile-nav-close::after{
    content:""!important;
    position:absolute!important;
    inline-size:18px!important;
    block-size:2px!important;
    border-radius:999px!important;
    background:#fff!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close::before,
  .cc-vehicle-detail-v90 #mobileNav .mobile-nav-close::before{
    transform:rotate(45deg)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close::after,
  .cc-vehicle-detail-v90 #mobileNav .mobile-nav-close::after{
    transform:rotate(-45deg)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-preferences{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.055))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-pref-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    min-inline-size:0!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-pref-head span{
    display:block!important;
    color:rgba(255,255,255,.48)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-pref-head strong{
    display:block!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-pref-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    align-items:stretch!important;
    min-inline-size:0!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-switchers{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    min-inline-size:0!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-switchers select{
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
    block-size:42px!important;
    padding:0 28px 0 12px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.085)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:850!important;
    outline:none!important;
  }

  html[dir="rtl"] .cc-vehicle-detail-v90 #mobileNav .cc-menu-switchers select{
    padding:0 12px 0 28px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-theme,
  .cc-vehicle-detail-v90 #mobileNav .cc-mobile-theme-toggle{
    inline-size:100%!important;
    max-inline-size:100%!important;
    block-size:44px!important;
    display:grid!important;
    grid-template-columns:38px 1fr!important;
    align-items:center!important;
    justify-items:start!important;
    gap:8px!important;
    padding:3px 12px 3px 4px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.09)!important;
    color:#fff!important;
    cursor:pointer!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html[dir="rtl"] .cc-vehicle-detail-v90 #mobileNav .cc-menu-theme,
  html[dir="rtl"] .cc-vehicle-detail-v90 #mobileNav .cc-mobile-theme-toggle{
    grid-template-columns:1fr 38px!important;
    justify-items:end!important;
    padding:3px 4px 3px 12px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-theme-orb{
    grid-column:1!important;
    grid-row:1!important;
    inline-size:38px!important;
    block-size:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    position:relative!important;
  }

  html[dir="rtl"] .cc-vehicle-detail-v90 #mobileNav .cc-theme-orb{
    grid-column:2!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-theme-mode{
    color:currentColor!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
    font-style:normal!important;
    white-space:nowrap!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-links{
    inline-size:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    min-block-size:0!important;
    overflow:visible!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-links a{
    position:relative!important;
    inline-size:100%!important;
    min-inline-size:0!important;
    min-block-size:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    opacity:1!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-links a::after{
    content:""!important;
    inline-size:30px!important;
    block-size:30px!important;
    flex:0 0 30px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-links a::before{
    content:""!important;
    position:absolute!important;
    inset-inline-end:27px!important;
    inset-block-start:50%!important;
    inline-size:8px!important;
    block-size:8px!important;
    border-block-start:2px solid rgba(255,255,255,.72)!important;
    border-inline-end:2px solid rgba(255,255,255,.72)!important;
    transform:translateY(-50%) rotate(45deg)!important;
    z-index:2!important;
  }

  html[dir="rtl"] .cc-vehicle-detail-v90 #mobileNav .cc-menu-links a::before{
    inset-inline-start:27px!important;
    inset-inline-end:auto!important;
    transform:translateY(-50%) rotate(-135deg)!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-cta{
    inline-size:100%!important;
    min-block-size:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:20px!important;
    background:var(--color-primary)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    box-shadow:0 20px 46px color-mix(in srgb,var(--color-primary) 32%,transparent), inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
}

@media (max-width:390px){
  .cc-vehicle-detail-v90 #mobileNav .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav .cc-menu-final-v70{
    max-inline-size:360px!important;
    padding:12px!important;
    gap:9px!important;
    border-radius:24px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-logo{
    inline-size:40px!important;
    block-size:40px!important;
    flex-basis:40px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-brand-text strong{
    max-inline-size:190px!important;
    font-size:17px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-close{
    inline-size:44px!important;
    block-size:44px!important;
    flex-basis:44px!important;
  }

  .cc-vehicle-detail-v90 #mobileNav .cc-menu-links a{
    min-block-size:48px!important;
    font-size:18px!important;
  }
}



/* =========================================================
   v10.0 Similar Cars = exact Discounted Cards sizing/structure
   ========================================================= */

/* Make Similar Cars use the same card sizing system as Discounted Cars */
.cc-vehicle-detail-v90 .cc-sidebar-similar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-widget-head{
  padding:0 2px 12px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-slider{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,300px)!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  padding:8px 2px 22px!important;
  scrollbar-width:thin!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-slide{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  inline-size:100%!important;
  min-inline-size:0!important;
  max-inline-size:none!important;
  overflow:visible!important;
  scroll-snap-align:start!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-image{
  block-size:var(--cc-premium-fleet-image-height,172px)!important;
  min-block-size:var(--cc-premium-fleet-image-height,172px)!important;
  max-block-size:var(--cc-premium-fleet-image-height,172px)!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-body{
  display:block!important;
  overflow:visible!important;
  padding:18px 18px 20px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-meta,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-price,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-actions{
  display:flex!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-actions{
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}

.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-actions .btn{
  flex:1 1 120px!important;
  min-block-size:38px!important;
}

/* ensure no old sidebar-specific style changes the shape */
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-similar-offer-card{
  border-radius:24px!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-slider{
    grid-auto-columns:minmax(82vw,1fr)!important;
    gap:14px!important;
    padding-inline:0!important;
    padding-bottom:18px!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-slide{
    inline-size:100%!important;
    min-inline-size:0!important;
    max-inline-size:none!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-image{
    block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    min-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    max-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-body{
    padding:16px!important;
  }

  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-actions .btn{
    min-block-size:40px!important;
  }
}



/* =========================================================
   v10.1 Discounted Cars: show all true discounted vehicles
   ========================================================= */
.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offers-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,300px)!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:inline mandatory!important;
  overscroll-behavior-inline:contain!important;
  padding:8px 2px 22px!important;
  scrollbar-width:thin!important;
  max-inline-size:none!important;
}

.cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offer-slide{
  scroll-snap-align:start!important;
  inline-size:100%!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 .cc-vehicle-offers-section .cc-offers-rail{
    grid-auto-columns:minmax(82vw,1fr)!important;
    max-inline-size:none!important;
  }
}



/* =========================================================
   v10.2 Exact Business Page Discounted Cars on Vehicle Page
   ========================================================= */
.cc-vehicle-detail-v90 .cc-offers-slider-section#offers{
  padding:clamp(52px,6vw,86px) 0!important;
}

.cc-vehicle-detail-v90 .cc-offers-slider-section#offers .container{
  padding-inline:clamp(16px,4vw,30px)!important;
}

.cc-vehicle-detail-v90 #offers .cc-offers-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(250px,300px)!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:inline mandatory!important;
  padding:8px 2px 22px!important;
  scrollbar-width:thin!important;
  max-inline-size:none!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-slide{
  scroll-snap-align:start!important;
  inline-size:100%!important;
  min-inline-size:0!important;
  max-inline-size:none!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-image{
  block-size:var(--cc-premium-fleet-image-height,172px)!important;
  min-block-size:var(--cc-premium-fleet-image-height,172px)!important;
  max-block-size:var(--cc-premium-fleet-image-height,172px)!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-body{
  display:block!important;
  overflow:visible!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-actions .btn{
  flex:1 1 120px!important;
  min-block-size:38px!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 #offers .cc-offers-rail{
    grid-auto-columns:minmax(82vw,1fr)!important;
    gap:14px!important;
    padding-inline:0!important;
    padding-bottom:18px!important;
  }

  .cc-vehicle-detail-v90 #offers .cc-offer-image{
    block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    min-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
    max-block-size:var(--cc-premium-fleet-image-height-mobile,172px)!important;
  }

  .cc-vehicle-detail-v90 #offers .cc-offer-body{
    padding:16px!important;
  }
}



/* =========================================================
   v10.3 Booking request opens a detailed WhatsApp message
   ========================================================= */
.cc-vehicle-detail-v90 #bookingWhatsapp{
  cursor:pointer!important;
}


/* =========================================================
   v10.4 Final fixes: mobile menus, vehicle offers, similar cards
   ========================================================= */
@media (max-width:720px){
  .cc-business-ui-v2 #menuToggle.menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    position:relative!important;
    z-index:100001!important;
  }

  .cc-business-ui-v2 #mobileNav.mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .cc-business-ui-v2 #mobileNav.mobile-nav.open,
  .cc-business-ui-v2 #mobileNav.mobile-nav.is-open,
  .cc-business-ui-v2 #mobileNav.mobile-nav[aria-hidden="false"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  html.cc-mobile-nav-lock,
  html.cc-mobile-nav-lock body,
  body.cc-mobile-nav-lock{
    overflow:hidden!important;
  }
}

/* Vehicle discounted cars: use the same card rhythm as the business page */
.cc-vehicle-detail-v90 #offers.cc-offers-slider-section{
  background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.04),transparent)!important;
}

.cc-vehicle-detail-v90 #offers .cc-offers-rail{
  grid-auto-columns:minmax(250px,300px)!important;
  gap:18px!important;
  padding:8px 2px 20px!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-slide,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-slide{
  border-radius:28px!important;
  overflow:hidden!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-image,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-image{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  block-size:180px!important;
  min-block-size:180px!important;
  max-block-size:180px!important;
  background:#fff!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-image img,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:18px!important;
  background:#fff!important;
}

.cc-vehicle-detail-v90 #offers .cc-offer-body,
.cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-body{
  padding:18px 18px 20px!important;
}

@media (max-width:720px){
  .cc-vehicle-detail-v90 #offers .cc-offers-rail,
  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-sidebar-slider{
    grid-auto-columns:minmax(82vw,1fr)!important;
    gap:14px!important;
    padding-inline:0!important;
  }

  .cc-vehicle-detail-v90 #offers .cc-offer-image,
  .cc-vehicle-detail-v90 .cc-sidebar-similar .cc-offer-image{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    block-size:190px!important;
    min-block-size:190px!important;
    max-block-size:190px!important;
  }
}

/* =========================================================
   v10.5 Mobile hamburger menu centered sizing fix
   ========================================================= */
@media (max-width:720px){
  .cc-business-ui-v2 #mobileNav.mobile-nav{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-items:center!important;
    padding:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .cc-business-ui-v2 #mobileNav.mobile-nav .mobile-nav-inner,
  .cc-business-ui-v2 #mobileNav.mobile-nav .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav .mobile-nav-inner,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav .cc-vehicle-mobile-menu-v99{
    position:relative!important;
    inset:auto!important;
    inline-size:min(420px, calc(100vw - 32px))!important;
    max-inline-size:min(420px, calc(100vw - 32px))!important;
    min-inline-size:0!important;
    block-size:auto!important;
    min-block-size:0!important;
    max-block-size:calc(100dvh - 32px)!important;
    margin:0!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    justify-self:center!important;
    align-self:center!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    transform:translateY(14px) scale(.97)!important;
  }

  .cc-business-ui-v2 #mobileNav.mobile-nav.open .mobile-nav-inner,
  .cc-business-ui-v2 #mobileNav.mobile-nav.is-open .mobile-nav-inner,
  .cc-business-ui-v2 #mobileNav.mobile-nav[aria-hidden="false"] .mobile-nav-inner,
  .cc-business-ui-v2 #mobileNav.mobile-nav.open .cc-menu-final-v70,
  .cc-business-ui-v2 #mobileNav.mobile-nav.is-open .cc-menu-final-v70,
  .cc-business-ui-v2 #mobileNav.mobile-nav[aria-hidden="false"] .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open .mobile-nav-inner,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open .mobile-nav-inner,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"] .mobile-nav-inner,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"] .cc-menu-final-v70,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.open .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav.is-open .cc-vehicle-mobile-menu-v99,
  .cc-vehicle-detail-v90 #mobileNav.mobile-nav[aria-hidden="false"] .cc-vehicle-mobile-menu-v99{
    transform:translateY(0) scale(1)!important;
  }
}