/* Generated English LTR copy of assets/css/brand-experience.css. Do not edit directly. */
/* Shared brand layer. Navy, emerald and blue; light and dark use the same hierarchy. */
:root { --fx-exp-canvas:#f5f8fa; --fx-exp-surface:#fff; --fx-exp-soft:#edf5f4; --fx-exp-text:#102938; --fx-exp-muted:#516774; --fx-exp-line:#d9e5e8; --fx-exp-hero:#f3faf7; }
html[data-theme="dark"] { color-scheme:dark; --fx-exp-canvas:#081524; --fx-exp-surface:#102339; --fx-exp-soft:#142c42; --fx-exp-text:#edf7ff; --fx-exp-muted:#adc3d4; --fx-exp-line:#29445b; --fx-exp-hero:#0b2035; --fx-canvas:var(--fx-exp-canvas); --fx-surface:var(--fx-exp-surface); --fx-surface-soft:var(--fx-exp-soft); --fx-text:var(--fx-exp-text); --fx-text-muted:var(--fx-exp-muted); --fx-line:var(--fx-exp-line); --fx-flat-ink:var(--fx-exp-text); --fx-flat-line:var(--fx-exp-line); --text-dark:var(--fx-exp-text); --text-body:var(--fx-exp-text); --text-muted:var(--fx-exp-muted); --bg-white:var(--fx-exp-surface); --bg-light:var(--fx-exp-canvas); --bg-card:var(--fx-exp-surface); --border-light:var(--fx-exp-line); --border-medium:var(--fx-exp-line); }
html body.fx-flat-ui { background:var(--fx-exp-canvas) !important; color:var(--fx-exp-text); }
/* Transparent at the top; the solid scrolled bar follows the selected theme. */
html body.fx-flat-ui.fx-flat-ui .navbar { background:transparent !important; border:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; top:0 !important; }
html body.fx-flat-ui .navbar[data-tone="light"] { --fx-nav-ink:#102938; --fx-nav-accent:#087f4d; }
html body.fx-flat-ui .navbar[data-tone="dark"] { --fx-nav-ink:#f1f8ff; --fx-nav-accent:#57e1aa; }
html body.fx-flat-ui #navbar :is(.navbar-links>li>a,.fx-nav-user-name,.notif-btn,.navbar-toggle,.fx-nav-logout,.btn-outline) { color:var(--fx-nav-ink) !important; }
html body.fx-flat-ui #navbar :is(.navbar-toggle svg,.btn-login--green-stroke) { color:var(--fx-nav-accent) !important; }
html body.fx-flat-ui #navbar .navbar-links>li>a.active { color:var(--fx-nav-accent) !important; }
html body.fx-flat-ui #navbar[data-tone="dark"] .fx-logo__img--light,
html body.fx-flat-ui #navbar[data-tone="light"] .fx-logo__img--dark { display:none !important; }
html body.fx-flat-ui #navbar[data-tone="dark"] .fx-logo__img--dark,
html body.fx-flat-ui #navbar[data-tone="light"] .fx-logo__img--light { display:block !important; }
.fx-theme-toggle { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border:0; border-radius:50%; background:transparent; color:var(--fx-exp-text); cursor:pointer; }
html body.fx-flat-ui #navbar .fx-theme-toggle { color:var(--fx-nav-ink); }
.fx-theme-toggle i { color:inherit !important; font-size:18px; }
html body.fx-flat-ui :is(.nav-dropdown-content,.notif-panel,#mobileMenu) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; }
html body.fx-flat-ui :is(.nav-dropdown-content,#mobileMenu) a { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui #navbar .nav-dropdown-content a i { color:#1bc976 !important; }
html body.fx-flat-ui .fx-page-hero { margin-top:0 !important; padding-top:calc(var(--fx-nav-height,76px) + 36px) !important; border-radius:0 0 clamp(28px,5vw,68px) clamp(28px,5vw,68px) !important; border:0 !important; background:#0b2035 !important; overflow:hidden; }
html body.fx-flat-ui .fx-page-hero__bg { opacity:.12 !important; filter:none !important; background-image:var(--fx-hero-bg); background-size:cover; background-position:center; }
html body.fx-flat-ui .fx-page-hero__overlay-dark { background:linear-gradient(110deg,rgba(8,25,43,.82),rgba(8,37,49,.6)) !important; }
html body.fx-flat-ui .fx-page-hero__overlay-fade { background:none !important; }
html body.fx-flat-ui .fx-page-hero__gradient { opacity:.2; }
html body.fx-flat-ui .fx-page-hero :is(h1,.fx-page-hero__title,.fx-back-link) { color:#f3f9ff !important; }
html body.fx-flat-ui .fx-page-hero :is(.fx-page-hero__desc,.fx-page-hero__eyebrow) { color:#c1d6e4 !important; }
html body.fx-flat-ui .fx-home-hero { margin-top:0 !important; padding-block:calc(var(--fx-nav-height,76px) + clamp(30px,4vw,60px)) clamp(38px,5vw,70px) !important; background:radial-gradient(ellipse at 20% 50%,rgba(27,201,118,.08),transparent 65%),var(--fx-exp-hero) !important; border-radius: 0 0 clamp(28px,5vw,68px) clamp(28px,5vw,68px); border:0; position:relative; overflow:hidden; }
html body.fx-flat-ui .fx-home-hero__layout { grid-template-columns:minmax(0,.92fr) minmax(0,1.22fr); position:relative; z-index:1; }
html body.fx-flat-ui .fx-home-hero h1 { min-height:2.6em; color:var(--fx-exp-text) !important; font-size:clamp(36px,4.8vw,68px); }
html body.fx-flat-ui .fx-home-hero h1 span { color:#10865e; }
html[data-theme="dark"] body.fx-flat-ui .fx-home-hero h1 span { color:#55dfac; }
html body.fx-flat-ui .fx-home-hero .fx-hero-value { font-size:16px !important; color:var(--fx-exp-muted) !important; line-height:1.85; max-width:510px; }
html body.fx-flat-ui .fx-home-hero :is(.fx-hero-trust,.fx-home-hero__browse) { color:var(--fx-exp-muted) !important; }
html body.fx-flat-ui .fx-home-hero__picture { border-radius:24px; }
html body.fx-flat-ui .fx-home-hero__picture img { width:162%; margin-inline:-31%; }
html[data-theme="dark"] body.fx-flat-ui .fx-home-hero__picture { background:radial-gradient(ellipse at center,rgba(27,201,118,.12),transparent 72%); }
html[data-theme="dark"] body.fx-flat-ui .fx-home-hero__picture img { mix-blend-mode:screen; }
.fx-hero-meteor { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }
html body.fx-flat-ui.fx-home-index :is(.fx-home-auctions,.fx-why-fleetx,.fx-home-contact) { background:var(--fx-exp-canvas) !important; }
html body.fx-flat-ui.fx-home-index .fx-home-section-intro { text-align:center !important; }
html body.fx-flat-ui.fx-home-index .section-subtitle { margin-inline:auto; }
html body.fx-flat-ui.fx-home-index .section-title { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui .fx-why-journey__icon { width:72px !important; height:72px !important; display:grid !important; place-items:center; }
html body.fx-flat-ui .fx-why-journey__icon i { font-size:42px !important; }
html body.fx-flat-ui .fx-why-card__icon i { font-size:42px !important; }
/* Two independent panels: seller rolls over the buyer on roomy viewports. */
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark { padding:0 !important; background:#0b2035 !important; overflow:visible !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) { padding:clamp(40px,5vw,72px) 0 !important; background:#0b2035 !important; position:relative !important; margin:0 !important; border:0 !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { background:#123146 !important; border-radius:36px 36px 0 0 !important; z-index:2; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark .container { display:block !important; }
html body.fx-flat-ui .hiw-dark-head { text-align:center !important; margin:0 auto 36px; }
html body.fx-flat-ui .hiw-dark-title { text-align:center !important; font-size:clamp(30px,3.5vw,46px) !important; }
html body.fx-flat-ui.fx-home-index .hiw-tab-content.active { max-width:1040px; margin:auto; }
html body.fx-flat-ui.fx-home-index .browser-tabs { justify-content:center; }
html body.fx-flat-ui.fx-home-index .hiw-tab-img { height:clamp(220px,23vw,330px) !important; }
@media (min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #buyers-section { position:sticky !important; top:76px; min-height:610px !important; }
  html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { min-height:660px !important; }
}
/* Shared dark surfaces include admin, seller, buyer, filters and auth forms. */
html[data-theme="dark"] body.fx-flat-ui :is(.auction-card,.event-card,.fx-company-card,.fx-profile-card,.admin-card,.fx-filter-panel,.filter-sidebar,.fx-search-panel,.fx-detail-block,.fx-live-card,.fx-event-panel,.pricing-card,.stat-card,.kpi-card,.fx-finance-kpi,.reg-card,.fx-auth-box,.fx-profile-sidebar--home,.fx-seller-fleet-card,.fx-why-card,.fx-why-journey,.fx-contact-form-card,.navbar-dropdown,.fx-type-card,.account-type-card) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-auth-body--light,.fx-auth-wrap,.fx-auth-visual,.fx-auth-topbar,.reg-wrap,.reg-main,.fx-search-toolbar,.fx-page-body,.admin-content,.fx-profile-main,.fx-home-section-intro) { background-color:var(--fx-exp-canvas) !important; color:var(--fx-exp-text) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(h1,h2,h3,h4,h5,h6,.ac-title,.ac-price-val,.fx-price-display,.fx-detail-spec__val,.fx-live-card-title,.form-label,.fx-form-label,.fx-auth-title,.fx-type-name,.account-type-name,.admin-stat-value,.kpi-value,.stat-value,.fx-stat-value,.stat-num,.fx-auth-stat-num,.fx-search-heading,.fx-why-fleetx__title-dark,.fx-why-card__spotlight-no) { color:var(--fx-exp-text) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.section-subtitle,.fx-auth-sub,.fx-auth-subtitle,.fx-type-desc,.form-hint,.reg-card-sub,.ac-meta,.ac-price-label,.admin-stat-label,.fx-why-fleetx__lead,.fx-why-card p,.fx-why-journey p,.fx-why-journey small) { color:var(--fx-exp-muted) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) { background:var(--fx-exp-soft) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(input,textarea)::placeholder { color:#a1b6c7; opacity:1; }
html[data-theme="dark"] body.fx-flat-ui :is(.btn-outline-dark,.btn-outline,.auctions-tab-btn,.b-tab,.fx-admin-login-link) { color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(th,td,.admin-table th,.admin-table td) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-auth-topbar,.fx-flow-topbar) .fx-logo__img--light { display:none !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-auth-topbar,.fx-flow-topbar) .fx-logo__img--dark { display:block !important; }
.fx-admin-login-link { background:transparent; color:var(--fx-exp-muted); border:1px solid var(--fx-exp-line); border-radius:8px; padding:10px 14px; min-height:44px; margin:0 0 18px; cursor:pointer; width:100%; font:inherit; }
.fx-admin-login-link.active { border-color:#1bc976; color:#087f4d; }
html body.fx-flat-ui .fx-splash { background:var(--fx-exp-canvas) !important; }
html body.fx-flat-ui .fx-splash__content { gap:18px; }
html body.fx-flat-ui .fx-splash__logo-wrap { width:auto; height:auto; margin:0; }
html body.fx-flat-ui .fx-splash__tagline { color:var(--fx-exp-muted); font-size:16px; margin:0; }
html body.fx-flat-ui .fx-splash__progress { width:180px; height:3px; background:var(--fx-exp-line); border-radius:8px; margin:0; }
html body.fx-flat-ui .fx-splash__progress-bar { background:linear-gradient(90deg,#1bc976,#0ea5e9); }
html[data-theme="light"] body.fx-flat-ui .fx-splash .fx-logo__img--dark { display:none !important; }
html[data-theme="light"] body.fx-flat-ui .fx-splash .fx-logo__img--light { display:block !important; }
/* Flexible controls, local table scrolling and safe wrapping, including at 200% zoom. */
html body.fx-flat-ui :is(.fx-search-layout,.auctions-layout,.fx-profile-layout,.fx-page-layout,.admin-content,.fx-auth-wrap,.reg-wrap) { min-width:0; }
html body.fx-flat-ui :is(.fx-filter-panel,.filter-sidebar,.fx-search-results,.auctions-main,.fx-search-toolbar,.fx-search-bar,.fx-page-hero__content,.fx-page-hero__actions,.fx-auth-box) { min-width:0; max-width:100%; }
html body.fx-flat-ui :is(input,select,textarea) { max-width:100%; min-width:0; font-size:16px; }
html body.fx-flat-ui :is(.fx-search-toolbar,.search-top-bar,.search-bar,.fx-filter-row,.form-row,.fx-page-hero__actions) { flex-wrap:wrap; gap:12px; }
html body.fx-flat-ui :is(.fx-table-scroll,.table-responsive,.admin-table-wrapper) { width:100%; min-width:0; overflow-x:auto; }
@media (max-width:1200px) { :root { --fx-nav-height:72px; } html body.fx-flat-ui .navbar-inner { gap:12px; } }
@media (max-width:900px) {
  html body.fx-flat-ui .fx-home-hero__layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  html body.fx-flat-ui .fx-home-hero__copy { max-width:680px; }
  html body.fx-flat-ui .fx-home-hero__visual { max-width:680px; }
  html body.fx-flat-ui :is(.fx-search-layout,.auctions-layout) { grid-template-columns:minmax(0,1fr) !important; }
  html body.fx-flat-ui .filter-sidebar { width:100% !important; position:static !important; }
}
@media (max-width:560px) {
  html body.fx-flat-ui .account-type-grid { grid-template-columns:minmax(0,1fr); }
  html body.fx-flat-ui .account-type-card { padding:20px; }
  html body.fx-flat-ui .fx-home-hero { padding-top:102px !important; }
  html body.fx-flat-ui .fx-page-hero { padding-top:106px !important; padding-bottom:32px !important; min-height:280px; }
  html body.fx-flat-ui .fx-page-hero__meta { flex-wrap:wrap !important; overflow:visible !important; margin-inline:0 !important; }
  html body.fx-flat-ui .fx-page-hero__chip { max-width:100%; white-space:normal; }
  html body.fx-flat-ui .fx-home-hero h1 { font-size:36px !important; line-height:1.35; }
  html body.fx-flat-ui .fx-home-hero__picture img { width:155%; margin-inline:-27.5%; }
  html body.fx-flat-ui .fx-hero-offers { grid-template-columns:1fr; }
  html body.fx-flat-ui :is(.fx-search-toolbar,.search-top-bar,.fx-search-bar,.form-row) { display:flex; flex-direction:column; align-items:stretch; }
  html body.fx-flat-ui :is(.form-row>.form-group,.fx-search-toolbar>*,.fx-filter-range input) { width:100%; min-width:0; }
  html body.fx-flat-ui .fx-page-hero__row { gap:20px; }
  html body.fx-flat-ui .fx-why-journey__steps { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; }
  html body.fx-flat-ui .fx-why-journey__icon { width:64px !important; height:64px !important; }
  html body.fx-flat-ui .fx-why-journey__icon i { font-size:36px !important; }
  html body.fx-flat-ui .hiw-dark-head { margin-bottom:26px; }
  html body.fx-flat-ui.fx-home-index .browser-tabs { gap:8px !important; }
  html body.fx-flat-ui.fx-home-index .b-tab { flex:1 1 0; padding:10px 5px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { .fx-hero-meteor { display:none; } html body.fx-flat-ui #buyers-section { position:relative !important; } }
html body.fx-flat-ui .fx-demo-admin-control { margin-block:16px; }
html body.fx-flat-ui .badge-demo { background:#e9f4ff; color:#164166; font-size:12px; }
html[data-theme="dark"] body.fx-flat-ui .badge-demo { background:#193e5a; color:#d8edff; }
html[data-theme="dark"] body.fx-flat-ui :is(.admin-sidebar,.admin-topbar,.fx-dash-mobile-profile,.fx-dash-mobile-nav) { background:#102339 !important; color:#edf7ff !important; border-color:#29445b !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.admin-nav-link,.admin-sidebar-user-name,.fx-dash-mobile-profile__name) { color:#edf7ff !important; }
.fx-admin-theme-control { padding:12px 24px; }
/* Legacy entry animations must never leave database results invisible. */
html body.fx-flat-ui .animate-card { opacity:1 !important; }
html body.fx-flat-ui .fx-search-main { width:100%; min-width:0; }
html[data-theme="dark"] body.fx-flat-ui :is(.btn-outline-dark,.btn-outline,.btn-secondary,.fx-auth-mode-btn,.fx-auth-topbar__home,.btn-inline.btn-outline) { background:transparent !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-home-hero__eyebrow,.fx-hero-offer__label) { color:#69e2b2 !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.btn-outline-dark,.btn-outline,.btn-secondary,.fx-auth-mode-btn):hover { background:var(--fx-exp-soft) !important; }
.fx-client-vip { display:inline-flex; align-items:center; gap:4px; padding:3px 8px; border-radius:999px; background:#fff2c6; color:#735100; font-size:12px; white-space:nowrap; }
.fx-client-vip i { color:inherit !important; font-size:14px; }
html[data-theme="dark"] .fx-client-vip { background:#483914; color:#ffe29a; }
@media (max-width:1100px) { .fx-admin-theme-control { display:none; } }

/* Build 134: explicit navigation states, cohesive company panels and stacked guides. */
html body.fx-flat-ui.fx-flat-ui #navbar { transition:none !important; }
html body.fx-flat-ui.fx-flat-ui #navbar[data-scrolled="true"] {
  background:#fff !important;
  border-bottom:1px solid #d9e5e8 !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body.fx-flat-ui.fx-flat-ui #navbar[data-scrolled="true"] {
  background:#0b2035 !important;
  border-bottom-color:#29445b !important;
}
html body.fx-flat-ui #navbar :is(.navbar-links>li>a i,.notif-btn i,.btn-outline i,.fx-theme-toggle i) { color:inherit !important; }
html body.fx-flat-ui #navbar .btn-outline { background:transparent !important; border-color:var(--fx-nav-accent) !important; color:var(--fx-nav-ink) !important; }
html body.fx-flat-ui #navbar .btn-primary { color:#082a28 !important; }
html body.fx-flat-ui #navbar .btn-primary i { color:inherit !important; }

html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark { isolation:isolate; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) {
  min-height:calc(100svh - var(--fx-nav-height,76px)) !important;
  height:auto !important;
  padding:clamp(28px,4vh,48px) 0 !important;
  display:flex !important;
  align-items:center;
  top:var(--fx-nav-height,76px) !important;
}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #buyers-section { position:sticky !important; z-index:1; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { position:relative !important; z-index:2; box-shadow:none !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark .container { width:100%; }
html body.fx-flat-ui.fx-home-index .hiw-dark-head { margin-bottom:24px; }
html body.fx-flat-ui.fx-home-index .browser-tabs { border:0 !important; padding:0 !important; gap:10px !important; }
html body.fx-flat-ui.fx-home-index .b-tab { background:#183a50 !important; color:#c7dbe7 !important; border:1px solid #315267 !important; border-radius:12px !important; }
html body.fx-flat-ui.fx-home-index .b-tab.active { background:#1bc976 !important; color:#082a28 !important; border-color:#1bc976 !important; }
html body.fx-flat-ui.fx-home-index .hiw-tab-img { height:clamp(180px,27vh,290px) !important; border-radius:20px !important; }
html body.fx-flat-ui.fx-home-index .hiw-tab-title { color:#edf7ff !important; }
html body.fx-flat-ui.fx-home-index :is(.hiw-tab-desc,.hiw-dark-sub) { color:#bbd0df !important; }
html body.fx-flat-ui.fx-home-index .hiw-tab-icon { color:#36d58c !important; font-size:44px !important; margin-bottom:12px !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark[data-stackable="false"] #buyers-section { position:relative !important; }
@media (max-width:900px) {
  html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) { padding:24px 0 !important; }
  html body.fx-flat-ui.fx-home-index .hiw-tab-content.active { flex-direction:column !important; gap:18px !important; }
  html body.fx-flat-ui.fx-home-index .hiw-tab-title { font-size:22px !important; margin-block:8px !important; }
  html body.fx-flat-ui.fx-home-index .hiw-tab-desc { font-size:15px !important; margin-block:8px !important; }
  html body.fx-flat-ui.fx-home-index .hiw-dark-title { font-size:28px !important; margin-block:0 10px !important; }
  html body.fx-flat-ui.fx-home-index .hiw-dark-head { margin-bottom:18px !important; }
  html body.fx-flat-ui.fx-home-index .hiw-tab-col { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #buyers-section { position:relative !important; }
}

/* All four stages stay balanced on narrow screens, with the same regular icon family. */
html body.fx-flat-ui.fx-home-index .fx-why-journey { background:#102d43 !important; padding:clamp(22px,3vw,36px) !important; border:1px solid #294b63 !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__head { display:block !important; text-align:center !important; margin-bottom:26px; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__head h3 { color:#edf7ff !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__head p { color:#bbd0df !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey ol.fx-why-journey__steps { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important; padding:0 !important; margin:0 !important; overflow:visible !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey ol.fx-why-journey__steps::before { display:none !important; content:none !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps li { min-width:0 !important; width:auto !important; flex:none !important; min-height:0 !important; padding:20px 12px !important; background:#173b52 !important; border:1px solid #335970 !important; border-radius:16px !important; text-align:center; gap:8px; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps strong { font-size:17px !important; color:#edf7ff !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps small { font-size:13px !important; line-height:1.65; color:#bbd0df !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__icon { width:64px !important; height:64px !important; margin:0 auto 8px !important; border:0 !important; border-radius:16px !important; background:rgba(27,201,118,.12) !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__icon i { font-size:40px !important; color:#36d58c !important; }
@media (max-width:768px) { html body.fx-flat-ui.fx-home-index .fx-why-journey ol.fx-why-journey__steps { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } }

/* The company directory keeps a light page canvas, with themed inset content. */
html body.fx-flat-ui:is(.fx-page-shell--companies,.fx-page-shell--company-profile) { background:#f5f8fa !important; }
html body.fx-flat-ui.fx-page-shell--companies .fx-companies-v2 { background:transparent !important; padding-top:32px !important; }
html body.fx-flat-ui .fx-companies-v2__panel { background:var(--fx-exp-surface) !important; border:1px solid var(--fx-exp-line) !important; border-radius:24px !important; padding:clamp(18px,3vw,32px) !important; }
html body.fx-flat-ui .fx-company-card--v2 { background:var(--fx-exp-surface) !important; border:1px solid var(--fx-exp-line) !important; border-radius:20px !important; color:var(--fx-exp-text) !important; opacity:1 !important; }
html body.fx-flat-ui .fx-company-card__banner { height:72px !important; background:linear-gradient(115deg,#12384d,#167458) !important; }
html body.fx-flat-ui .fx-company-card__main { padding:0 20px 20px !important; }
html body.fx-flat-ui .fx-company-card__identity { gap:16px !important; align-items:center !important; }
html body.fx-flat-ui .fx-company-card__avatar { width:64px !important; height:64px !important; flex-shrink:0; border:3px solid var(--fx-exp-surface) !important; border-radius:18px !important; }
html body.fx-flat-ui :is(.fx-company-card__name,.fx-company-card__metric strong,.fx-companies-v2__head h2,.fx-companies-filter-chips .chip) { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui :is(.fx-company-card__meta,.fx-company-card__metric span) { color:var(--fx-exp-muted) !important; }
html body.fx-flat-ui .fx-company-card__metric { background:var(--fx-exp-soft) !important; border:1px solid var(--fx-exp-line) !important; padding:14px 6px !important; }
html body.fx-flat-ui .fx-company-card__cta { background:var(--fx-exp-soft) !important; color:#087f4d !important; border:1px solid var(--fx-exp-line) !important; margin-top:18px !important; border-radius:10px !important; min-height:44px; }
html[data-theme="dark"] body.fx-flat-ui .fx-company-card__cta { color:#57e1aa !important; }
html body.fx-flat-ui .fx-companies-filter-chips { display:flex !important; flex-wrap:wrap !important; gap:8px !important; overflow:visible !important; }
html body.fx-flat-ui .fx-companies-filter-chips .chip { background:var(--fx-exp-soft) !important; border:1px solid var(--fx-exp-line) !important; min-height:44px; }
html body.fx-flat-ui .fx-companies-filter-chips .chip.active { background:#1bc976 !important; color:#082a28 !important; border-color:#1bc976 !important; }
html body.fx-flat-ui .fx-companies-v2__search { flex:1 1 320px; min-width:0; }
html body.fx-flat-ui .fx-companies-v2__search .search-input-wrap { flex:1 1 180px; min-width:0; }
html body.fx-flat-ui .fx-companies-v2__search .filter-select { flex:1 1 140px; min-width:0; }
html body.fx-flat-ui :is(.fx-guest-banner,.fx-company-profile-tabs,.fx-empty-state-panel,.fx-companies-count,.fx-search-type-bar,.fx-tabs-bar,.fx-search-toolbar,.fx-pills) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html body.fx-flat-ui :is(.fx-guest-banner p,.fx-empty-state-panel p,.fx-search-result-count,.checkbox-item,.fx-filter-title,.fx-tab-btn,.fx-pill,.fx-search-heading,.fx-filter-panel__head h3) { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui :is(.fx-tab-btn,.fx-pill) { background:var(--fx-exp-soft) !important; border-color:var(--fx-exp-line) !important; }
html body.fx-flat-ui :is(.fx-tab-btn,.fx-pill).active { background:#1bc976 !important; color:#082a28 !important; }
html body.fx-flat-ui .fx-page-shell--company-profile { background:transparent !important; }
html body.fx-flat-ui.fx-page-shell--company-profile .fx-page-body { background:transparent !important; padding-block:32px 64px; }

/* A collapsed filter is a vertical disclosure, never a side-by-side split. */
html body.fx-flat-ui .fx-filter-panel.filter-sidebar { display:block !important; }
html body.fx-flat-ui .fx-filter-panel :is(.filter-sidebar-content,.fx-filter-panel__head,.mobile-sidebar-toggle) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; width:100% !important; max-width:100%; box-sizing:border-box; }
html body.fx-flat-ui .fx-filter-panel :is(form,.filter-group,.fx-filter-search-wrap) { width:100%; min-width:0; }
html body.fx-flat-ui .fx-filter-panel .fx-filter-search-wrap>input { padding-inline:44px 14px !important; }
html body.fx-flat-ui .fx-filter-panel .fx-filter-range { display:flex !important; flex-wrap:wrap; }
html body.fx-flat-ui .fx-filter-panel .fx-filter-range input { flex:1 1 80px; min-width:0; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-type-tab,.fx-auctions-mobile-type__link,.saved-searches-panel,.fx-stat-pill,.fx-purchase-summary,.fx-spec-item,.fx-detail-spec,.fx-detail-block__head,.fx-filter-panel__head,.fx-price-summary,.fx-detail-sidebar,.fx-tabs-bar,.fx-tabs-bar .fx-tab-btn) { background-color:var(--fx-exp-soft) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html[data-theme="dark"] body.fx-flat-ui :is(.fx-company-stat-pill,.fx-company-card__metric strong,.fx-companies-count,.fx-filter-reset,.fx-detail-spec__label,.fx-spec-label,.fx-tab-btn,.fx-pill,.search-input-wrap i,.fx-detail-badge) { color:var(--fx-exp-text) !important; }
@media (max-width:900px) {
  html body.fx-flat-ui .fx-filter-panel.filter-sidebar { position:static !important; width:100% !important; }
  html body.fx-flat-ui .fx-filter-panel .fx-filter-panel__head { display:none !important; }
  html body.fx-flat-ui .fx-filter-panel .mobile-sidebar-toggle { display:flex !important; justify-content:space-between !important; align-items:center !important; min-height:52px; padding:16px 20px; }
  html body.fx-flat-ui .fx-filter-panel .filter-sidebar-content { display:none !important; max-height:none !important; overflow:visible !important; padding:20px !important; }
  html body.fx-flat-ui .fx-filter-panel.expanded .filter-sidebar-content { display:block !important; }
  html body.fx-flat-ui .fx-filter-panel .filter-sidebar-content form { display:block !important; }
}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .b-tab { width:100% !important; min-width:0 !important; margin:0 !important; padding:12px 6px !important; border-radius:12px !important; background:#183a50 !important; color:#c7dbe7 !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .b-tab.active { background:var(--fx-brand-gradient) !important; color:#082a28 !important; }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content.hiw-panel { margin-top:0 !important; }
/* Secondary pages and map controls share the same readable theme surfaces. */
html body.fx-flat-ui :is(.fx-about-v2__pillar,.fx-about-v2__track,.fx-terms-card,.fx-map-sidebar,.fx-map-intro-bar,.fx-map-filter-head,.fx-map-popup-card,.leaflet-popup-content-wrapper,.leaflet-popup-tip) { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; border-color:var(--fx-exp-line) !important; }
html body.fx-flat-ui .fx-about-v2__steps>li:not(.fx-about-v2__arrow) { background:var(--fx-exp-soft) !important; color:var(--fx-exp-text) !important; }
html body.fx-flat-ui :is(.fx-about-v2__intro p,.fx-about-v2__pillar p,.fx-about-v2__steps small,.fx-term-section p,.fx-subpage-intro,.fx-map-popup-city,.filter-label) { color:var(--fx-exp-muted) !important; }
html body.fx-flat-ui :is(.fx-about-v2__steps strong,.fx-map-popup-title,.fx-map-popup-price,.fx-map-filter-toggle,.fx-map-filter-reset,.leaflet-bar a) { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui :is(.fx-map-filter-toggle,.fx-map-filter-reset,.leaflet-bar a) { background:var(--fx-exp-soft) !important; border-color:var(--fx-exp-line) !important; }
html body.fx-flat-ui .fx-map-unavailable { display:grid; place-content:center; gap:16px; min-height:360px; padding:32px; text-align:center; color:var(--fx-exp-text); background:var(--fx-exp-soft); }
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark #sellers-section { top:0 !important; }

/* Complete page canvas and legible controls in both themes. */
html[data-theme="dark"],html[data-theme="dark"] body.fx-flat-ui,
html[data-theme="dark"] body.fx-flat-ui:is(.fx-page-shell--companies,.fx-page-shell--company-profile){background:var(--fx-exp-canvas,#081524)!important}
html body.fx-flat-ui button,html body.fx-flat-ui .fx-pill,html body.fx-flat-ui .fx-company-filter{font-family:var(--font-ar,'Tajawal'),sans-serif!important}
html body.fx-flat-ui .fx-filter-group,html[data-theme="dark"] body.fx-flat-ui :is(.fx-filter-group,.filter-group){background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body.fx-flat-ui .fx-pill-count{background:#e1edf1!important;color:#15364c!important;opacity:1!important}
html body.fx-flat-ui .fx-pill.active .fx-pill-count{background:#fff!important;color:#075e46!important}
html[data-theme="dark"] body.fx-flat-ui .fx-pill:not(.active) .fx-pill-count{background:#23415a!important;color:#fff!important}
html:not([data-theme="dark"]) body.fx-flat-ui .fx-home-auctions{background:#fff!important}
html body.fx-flat-ui .fx-tab-footer{display:flex!important;justify-content:center!important;text-align:center!important}
html body.fx-flat-ui #heroMainTitle .fx-hero-title-line{color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap;font-size:inherit}
html body.fx-flat-ui .fx-home-hero .fx-hero-value{font-size:clamp(14px,1.1vw,16px)!important;line-height:1.8!important}
html body.fx-flat-ui .fx-home-hero__visual img{width:170%!important;max-width:none!important;margin-inline:-35%!important}
html body.fx-flat-ui .fx-page-hero__eyebrow[data-fx-back]{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none;color:#d9f7ed!important}

/* Compact attached tabs and a substantial navy approach panel. */
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section){isolation:isolate;background:#071727!important}
.fx-guide-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-dark-head{margin-bottom:30px!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .fx-hiw-browser{max-width:1040px!important;margin-inline:auto!important;background:transparent!important;border:0!important;overflow:visible!important;box-shadow:none!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-tabs{display:flex!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;gap:0!important;padding:0!important;border:0!important;background:#102d44!important;border-radius: 14px 14px 0!important 0;overflow:hidden!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .b-tab{flex:0 1 auto!important;width:auto!important;min-width:110px!important;padding:15px 26px!important;border:0!important;border-radius:0!important;font-size:15px!important;color:#b5c7d7!important;background:transparent!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .b-tab.active{color:#fff!important;background:#215476!important;box-shadow:none!important;border:0!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content{padding:32px!important;border:1px solid #24445a!important;border-radius:20px!important;background:#10283d!important;box-shadow:none!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-content{gap:36px!important;align-items:center!important;min-height:235px!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-img{border-radius:12px!important;width:100%!important;height:260px!important;object-fit:cover!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-title{color:#f3f8ff!important;font-size:25px!important;line-height:1.55!important}
html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-desc{color:#b6ccdc!important;font-size:16px!important;line-height:1.85!important}

/* One continuous auth shell, with the same identity as the public site. */
html body.fx-flat-ui.fx-auth-body{display:block!important;padding:0!important;margin:0!important;min-width:0!important;background:var(--fx-exp-canvas)!important}
html body.fx-flat-ui .fx-auth-topbar{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;min-height:76px!important;padding:14px clamp(18px,4vw,64px)!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:14px!important;background:var(--fx-exp-surface)!important;border:0!important;border-bottom:1px solid var(--fx-exp-line)!important;border-radius:0!important;box-shadow:none!important}
html body.fx-flat-ui .fx-auth-topbar__logo{justify-self:start!important}
html body.fx-flat-ui .fx-auth-topbar__home{justify-self:end!important;color:var(--fx-exp-text)!important}
html body.fx-flat-ui .fx-auth-wrap{width:100%!important;max-width:1440px!important;margin:0 auto!important;min-height:calc(100svh - 76px)!important;padding:40px clamp(18px,3vw,48px)!important;gap:36px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;background:transparent!important}
html body.fx-flat-ui .fx-auth-visual{min-height:620px!important;padding:44px 36px!important;border-radius:28px!important;overflow:hidden!important;align-self:stretch!important;background:linear-gradient(145deg,#102d44ee,#071726e8),url('/assets/images/journey-4.jpg') center/cover!important;color:#fff!important}
html body.fx-flat-ui .fx-auth-visual::after{display:none!important}
html body.fx-flat-ui .fx-auth-visual-content{position:relative!important;max-width:460px!important;z-index:1!important}
html body.fx-flat-ui .fx-auth-tagline{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.5!important;color:#fff!important}
html body.fx-flat-ui .fx-auth-sub{font-size:16px!important;line-height:1.9!important;color:#bdd0df!important}
html body.fx-flat-ui .fx-auth-stat-num{font-size:26px!important;color:#6cddbd!important}
html body.fx-flat-ui .fx-auth-stat-lbl{color:#c3d7e5!important}
html body.fx-flat-ui .fx-auth-form-panel{padding:0!important;background:transparent!important;min-width:0!important;align-items:start!important}
html body.fx-flat-ui .fx-auth-box{width:100%!important;max-width:580px!important;padding:32px!important;border:1px solid var(--fx-exp-line)!important;border-radius:24px!important;background:var(--fx-exp-surface)!important;color:var(--fx-exp-text)!important;box-shadow:none!important}
html body.fx-flat-ui .fx-auth-title{font-size:28px!important;color:var(--fx-exp-text)!important}
html body.fx-flat-ui .fx-auth-subtitle{color:var(--fx-exp-muted)!important;line-height:1.7!important}
html[data-theme="dark"] body.fx-flat-ui :is(.fx-type-card,.fx-step-circle,.fx-auth-mode-btn,.fx-reg-step,.fx-auth-mobile-trust__item){background:var(--fx-exp-soft)!important;color:var(--fx-exp-text)!important;border-color:var(--fx-exp-line)!important}

/* The shine follows the perimeter; it never crosses the label or fill. */
@property --fx-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes fx-border-orbit{to{--fx-border-angle:360deg}}
html body.fx-flat-ui :is(.btn-primary,.fx-btn-gradient,.auctions-tab-btn.active)::after{inset:0!important;width:auto!important;border-radius:inherit!important;padding:1.5px!important;background:conic-gradient(from var(--fx-border-angle),transparent 65%,#c2ffed 78%,#8bdcff 84%,transparent 94%)!important;transform:none!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:fx-border-orbit 4s linear infinite!important;pointer-events:none!important}
html body.fx-flat-ui .fx-auth-body::after,html body.fx-flat-ui.fx-auth-body :is(.btn-primary,.fx-btn-gradient)::after,
html body.fx-flat-ui a:is([href^='/login.php'],[href^='/register.php'])::after{content:none!important;animation:none!important}
@media(max-width:900px){
 html body.fx-flat-ui .fx-auth-wrap{grid-template-columns:1fr!important;max-width:660px!important;gap:22px!important;padding:24px 18px!important}
 html body.fx-flat-ui .fx-auth-visual{display:block!important;min-height:0!important;padding:26px!important;border-radius:22px!important}
 html body.fx-flat-ui .fx-auth-tagline{font-size:22px!important;line-height:1.55!important}
 html body.fx-flat-ui .fx-auth-tagline br:last-of-type{display:initial!important}
 html body.fx-flat-ui .fx-register-benefits{display:none!important}
 html body.fx-flat-ui .fx-auth-visual .fx-auth-sub{font-size:14px!important;line-height:1.7!important}
 html body.fx-flat-ui .fx-auth-stats{display:none!important}
 html body.fx-flat-ui .fx-auth-visual-content{max-width:none!important}
 html body.fx-flat-ui .fx-auth-visual .fx-auth-sub{margin-bottom:0!important}
 html body.fx-flat-ui .fx-auth-box{max-width:none!important;padding:24px!important}
}
@media(max-width:560px){
 html body.fx-flat-ui #heroMainTitle{font-size:32px!important}
 html body.fx-flat-ui .fx-home-hero__visual img{width:162%!important;margin-inline:-31%!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-dark-head{margin-bottom:20px!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .b-tab{min-width:0!important;padding:13px 21px!important;font-size:14px!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .browser-content{padding:20px!important;border-radius:16px!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-content{gap:16px!important;min-height:0!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-img{height:140px!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-title{font-size:19px!important}
 html body.fx-flat-ui.fx-home-index .fx-hiw-section--dark :is(#buyers-section,#sellers-section) .hiw-tab-desc{font-size:14px!important;line-height:1.7!important}
 html body.fx-flat-ui .fx-auth-topbar{gap:8px!important;padding:14px 18px!important}
 html body.fx-flat-ui .fx-auth-topbar__home{font-size:12px!important;white-space:nowrap!important;padding:8px 10px!important}
 html body.fx-flat-ui .fx-auth-box{padding:22px 18px!important}
}
@media(prefers-reduced-motion:reduce){html body.fx-flat-ui :is(.btn-primary,.fx-btn-gradient,.auctions-tab-btn.active)::after{animation:none!important}}
html[data-theme="dark"] body.fx-flat-ui :is(.fx-nafath-card,.sanad-card,.fx-sanad-info-box){background:var(--fx-exp-surface)!important;color:var(--fx-exp-text)!important;border-color:var(--fx-exp-line)!important}
html[data-theme="dark"] body.fx-flat-ui :is(.fx-nafath-title,.sanad-title){color:var(--fx-exp-text)!important}
html[data-theme="dark"] body.fx-flat-ui :is(.fx-nafath-desc,.fx-sanad-desc){color:var(--fx-exp-muted)!important}

html[data-theme="dark"] body.fx-flat-ui :is(.fx-type-card,.account-type-card).active{background:#123d3b!important;border-color:#46d9aa!important}
html[data-theme="dark"] body.fx-flat-ui .step-dot.pending{background:#23415a!important;color:#c8dfec!important}
html[data-theme="dark"] body.fx-flat-ui .step-dot.active{background:#57d7af!important;color:#092b24!important}
html[data-theme="dark"] body.fx-flat-ui .step-line:not(.done){background:var(--fx-exp-line)!important}
html body.fx-flat-ui .step-label{font-size:12px!important;color:var(--fx-exp-muted)!important}

html body.fx-flat-ui .fx-hiw-section--dark .hiw-dark-sub{text-align:center!important}

/* Review refinements: a visible curved hero edge in both themes. */
html:not([data-theme="dark"]) body.fx-flat-ui.fx-home-index { background:#fff !important; }
html:not([data-theme="dark"]) body.fx-flat-ui.fx-home-index .fx-home-hero { --fx-exp-hero:#e8f4ee; }
html body.fx-flat-ui.fx-home-index .fx-home-hero { border-radius:0 0 clamp(28px,5vw,68px) clamp(28px,5vw,68px) !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey { background:#0c2236 !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__steps li { background:transparent !important; border:0 !important; padding:12px 0 !important; box-shadow:none !important; }
html body.fx-flat-ui.fx-home-index .fx-why-journey__icon { width:64px !important; height:64px !important; background:transparent !important; margin:0 auto !important; }
html body.fx-flat-ui.fx-home-index :is(.fx-why-journey__icon,.fx-why-card__icon) i { font-size:42px !important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section { background:#030a12 !important; }
html body.fx-flat-ui.fx-home-index .fx-home-stats-section .stats-section__overlay { background:rgba(3,10,18,.8) !important; }
html body.fx-flat-ui .hiw-modal { background:var(--fx-exp-surface) !important; color:var(--fx-exp-text) !important; border:1px solid var(--fx-exp-line); }
html body.fx-flat-ui .hiw-modal :is(h4,.hiw-modal-steps li,.hiw-modal-alert) { color:var(--fx-exp-text) !important; }
html body.fx-flat-ui .hiw-modal :is(.hiw-modal-sub,.hiw-modal-steps li) { border-color:var(--fx-exp-line) !important; }
html body.fx-flat-ui .hiw-modal .hiw-modal-sub { color:var(--fx-exp-muted) !important; }
html body.fx-flat-ui .hiw-modal-step-badge { background:#126847 !important; color:#ecfff5 !important; }
html body.fx-flat-ui .hiw-modal-alert { background:rgba(27,201,118,.1) !important; border-color:#258962 !important; }
html body.fx-flat-ui .hiw-modal-alert strong { color:#36d58c !important; }
html body.fx-flat-ui .hiw-modal-close { background:var(--fx-exp-soft) !important; color:var(--fx-exp-text) !important; }
.fx-demo-preview-notice { text-align:center; color:var(--fx-exp-muted); margin:18px auto 24px; font-size:14px; }
.fx-demo-detail { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:28px; padding-block:44px; align-items:start; }
.fx-demo-detail__image { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:22px; }
.fx-demo-detail__content { padding:28px; border-radius:22px; background:var(--fx-exp-surface); border:1px solid var(--fx-exp-line); }
.fx-demo-detail__content h2 { margin-block:18px 12px; }
.fx-demo-detail__content p { color:var(--fx-exp-muted); line-height:1.8; margin-bottom:18px; }
.fx-demo-detail__content .fx-demo-price { color:#159460; font-size:30px; font-weight:700; }
.fx-demo-specs { margin-block:22px; }
.fx-demo-specs>div { display:flex; justify-content:space-between; gap:16px; padding-block:12px; border-bottom:1px solid var(--fx-exp-line); }
.fx-demo-specs dt { color:var(--fx-exp-muted); }
.fx-demo-specs dd { margin:0; color:var(--fx-exp-text); text-align:end; }
@media(max-width:768px) { .fx-demo-detail { grid-template-columns:1fr; gap:20px; padding-block:28px; } .fx-demo-detail__content { padding:22px; } }

/* Seamless, gently paced home card motion; hover/touch and keyboard can pause it. */
html[data-theme="dark"] body.fx-flat-ui.fx-home-index .fx-home-auctions .auction-card.fx-card-unified .ac-body :is(.ac-title,.ac-price-val,.ac-price-currency) { color:var(--fx-exp-text) !important; }
html[data-theme="dark"] body.fx-flat-ui.fx-home-index .fx-home-auctions .auction-card.fx-card-unified .ac-body :is(.ac-meta,.ac-meta span,.ac-price-label) { color:var(--fx-exp-muted) !important; }
html[data-theme="dark"] body.fx-flat-ui.fx-home-index .fx-auctions-panel__tabs .auctions-tab-btn:not(.active) { background:var(--fx-exp-soft) !important; color:var(--fx-exp-text) !important; }
.fx-listing-loop { width:100%; min-width:0; overflow:hidden; direction:ltr; padding-block:8px; }
html body.fx-flat-ui .fx-listing-grid.fx-listing-loop__track { display:flex !important; gap:var(--fx-loop-gap,24px) !important; width:max-content; max-width:none; margin:0; direction:ltr; }
.fx-listing-loop__group { display:flex; gap:var(--fx-loop-gap,24px); flex:none; }
html body.fx-flat-ui .fx-listing-loop__group>.auction-card { width:var(--fx-loop-card,340px) !important; min-width:var(--fx-loop-card,340px) !important; flex:none; direction:ltr; margin:0 !important; }
.fx-listing-loop.is-ready .fx-listing-loop__track { animation:fx-card-loop var(--fx-loop-duration,48s) linear infinite; will-change:transform; }
.fx-listing-loop:is(.is-paused,:hover,:focus-within) .fx-listing-loop__track { animation-play-state:paused; }
.fx-listing-loop:focus-within { overflow-x:auto; }
.fx-listing-loop:focus-within .fx-listing-loop__track { animation:none; transform:none; }
.fx-listing-loop__toggle { display:block; margin:0 auto 12px; padding:8px 14px; min-height:40px; font:inherit; font-size:13px; background:transparent; color:var(--fx-exp-muted); border:1px solid var(--fx-exp-line); border-radius:10px; cursor:pointer; }
@keyframes fx-card-loop { to { transform:translateX(var(--fx-loop-distance)); } }
@media(prefers-reduced-motion:reduce) {
  .fx-listing-loop { overflow-x:auto; }
  .fx-listing-loop.is-ready .fx-listing-loop__track { animation:none; will-change:auto; }
  .fx-listing-loop [data-loop-copy],.fx-listing-loop__toggle { display:none; }
}