:root {
  color-scheme: light;
  --smf-bg: #f7f8fb;
  --smf-surface: #ffffff;
  --smf-surface-soft: #f2f5f9;
  --smf-surface-tint: #fff8f1;
  --smf-ink: #121826;
  --smf-muted: #5e6878;
  --smf-faint: #7d8796;
  --smf-line: #dde3ec;
  --smf-line-soft: #e8edf4;
  --smf-brand: #f97316;
  --smf-brand-strong: #ea580c;
  --smf-brand-soft: #fff3e7;
  --smf-blue: #2563eb;
  --smf-green: #059669;
  --smf-red: #dc2626;
  --smf-shadow: 0 18px 45px rgba(20, 31, 48, .09);
  --smf-shadow-soft: 0 10px 30px rgba(20, 31, 48, .07);
  --line: rgba(17, 24, 39, .12);
  --line-soft: rgba(17, 24, 39, .08);
  --bg-soft: rgba(255, 255, 255, .78);
  --text-dim: #667085;
}

html {
  background: var(--smf-bg) !important;
}

body {
  background:
    linear-gradient(180deg, rgba(255, 248, 241, .92) 0%, rgba(247, 249, 252, .98) 28%, #f7f8fb 100%) !important;
  color: var(--smf-ink) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: rgba(249, 115, 22, .18);
  color: var(--smf-ink);
}

a {
  text-underline-offset: 3px;
}

.bg-deep-950,
.bg-\[\#060a14\],
.bg-\[\#0b0d12\],
.bg-\[\#0f1622\],
.bg-\[\#111827\],
.bg-\[\#141b27\],
.bg-\[\#1a2230\],
.bg-\[\#232d3f\],
[class~="bg-[#060a14]"],
[class~="bg-[#0a1020]/95"],
[class~="bg-[#0b0d12]"],
[class~="bg-[#0b111c]/90"],
[class~="bg-[#0f1622]"],
[class~="bg-[#111827]"],
[class~="bg-[#141b27]"],
[class~="bg-[#1a2230]"],
[class~="bg-[#232d3f]"] {
  background-color: var(--smf-surface) !important;
}

[class~="bg-white/5"],
[class~="bg-white/10"],
[class~="bg-white/[0.03]"],
[class~="bg-white/[0.04]"],
[class~="bg-white/[0.05]"],
[class~="bg-white/[0.06]"],
[class~="bg-white/[0.08]"] {
  background-color: rgba(255, 255, 255, .82) !important;
}

[class~="bg-black/20"],
[class~="bg-black/25"],
[class~="bg-black/30"],
[class~="bg-black/35"],
[class~="bg-black/70"],
[class~="bg-black/75"] {
  background-color: rgba(18, 24, 38, .06) !important;
}

.glass,
.glass-soft,
.shadow-soft {
  border-color: var(--smf-line-soft) !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: var(--smf-shadow-soft) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

[class~="border-white/5"],
[class~="border-white/10"],
[class~="border-white/12"],
[class~="border-white/14"],
[class~="border-white/15"],
[class~="border-white/16"],
[class~="border-white/20"],
[class~="border-white/25"],
[class~="divide-white/5"] > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--smf-line-soft) !important;
}

.text-white,
.text-gray-50,
.text-gray-100,
.text-slate-50,
.text-slate-100 {
  color: var(--smf-ink) !important;
}

.text-gray-200,
.text-gray-300,
.text-slate-200,
.text-slate-300 {
  color: var(--smf-muted) !important;
}

.text-gray-400,
.text-gray-500,
.text-slate-400,
.text-slate-500 {
  color: var(--smf-faint) !important;
}

.text-brand-200,
.text-brand-300,
.text-brand-400,
.text-orange-300,
.text-orange-400 {
  color: var(--smf-brand-strong) !important;
}

.bg-brand-500,
[class~="bg-brand-500"],
.app-header-desktop-action--primary,
.app-bottom-nav-main-btn,
.sf-footer-cat-link-accent,
button[type="submit"].bg-brand-500,
a.bg-brand-500 {
  background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
  border-color: rgba(234, 88, 12, .35) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(249, 115, 22, .22) !important;
}

.bg-brand-500 *,
[class~="bg-brand-500"] *,
.app-header-desktop-action--primary *,
.app-bottom-nav-main-btn *,
.sf-footer-cat-link-accent * {
  color: #fff !important;
}

.hover\:bg-brand-600:hover,
.app-header-desktop-action--primary:hover,
.app-header-desktop-action--primary:focus-visible {
  background: linear-gradient(180deg, #fd9f51 0%, #f26d13 100%) !important;
}

.bg-brand-500\/10,
.bg-brand-500\/15,
.bg-brand-500\/20,
.bg-brand-500\/30,
[class~="bg-brand-500/10"],
[class~="bg-brand-500/12"],
[class~="bg-brand-500/15"],
[class~="bg-brand-500/16"],
[class~="bg-brand-500/20"],
[class~="bg-brand-500/30"] {
  background-color: var(--smf-brand-soft) !important;
}

.border-brand-400\/35,
.border-brand-400\/40,
.border-brand-500\/25,
.border-brand-500\/30,
.border-brand-500\/35,
.border-brand-500\/40,
.border-brand-500\/45,
[class~="border-brand-400/35"],
[class~="border-brand-400/40"],
[class~="border-brand-500/25"],
[class~="border-brand-500/30"],
[class~="border-brand-500/35"],
[class~="border-brand-500/40"],
[class~="border-brand-500/45"] {
  border-color: rgba(249, 115, 22, .28) !important;
}

.ui-input,
.ui-select-button,
.ui-select-search,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea {
  background: rgba(255, 255, 255, .92) !important;
  border-color: var(--smf-line) !important;
  color: var(--smf-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

.ui-input::placeholder,
.ui-select-search::placeholder,
input::placeholder,
textarea::placeholder {
  color: #9aa4b2 !important;
}

.ui-input:focus,
.ui-select-button:focus,
.ui-select-button[aria-expanded="true"],
.ui-select-search:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus {
  border-color: rgba(249, 115, 22, .45) !important;
  box-shadow: none !important;
}

.ui-select-dropdown,
.app-header-nav-menu-panel,
.app-header-mobile-menu-panel,
.app-bottom-nav-menu-panel {
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--smf-line) !important;
  box-shadow: 0 24px 60px rgba(20, 31, 48, .14) !important;
}

.ui-select-option:hover,
.app-header-nav-menu-link:hover,
.app-header-nav-menu-link:focus-visible {
  background: rgba(249, 115, 22, .08) !important;
  color: var(--smf-ink) !important;
}

header .glass-soft,
.app-bottom-nav {
  background: rgba(255, 255, 255, .88) !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: 0 12px 34px rgba(20, 31, 48, .08) !important;
}

.app-header-nav,
.app-header-currency,
.app-header-desktop-action,
.app-header-mobile-shortcut,
.app-header-mobile-menu-btn,
.app-header-mobile-search {
  background: rgba(255, 255, 255, .72) !important;
  border-color: var(--smf-line-soft) !important;
  color: var(--smf-muted) !important;
}

.app-header-nav-link,
.app-header-nav-menu-toggle,
.app-header-nav-menu-link,
.app-bottom-nav-item,
.app-bottom-nav-menu-btn {
  color: var(--smf-muted) !important;
}

.app-header-nav-link:hover,
.app-header-nav-link:focus-visible,
.app-header-nav-link[data-active="1"],
.app-header-nav-menu-toggle[data-active="1"],
.app-header-mobile-shortcut:hover,
.app-header-mobile-shortcut:focus-visible,
.app-header-mobile-shortcut[data-active="1"],
.app-header-mobile-menu[data-open="1"] .app-header-mobile-menu-btn,
.app-header-mobile-search:hover,
.app-header-mobile-search:focus-visible,
.app-header-mobile-search[data-active="1"],
.app-bottom-nav-item:hover,
.app-bottom-nav-item[data-active="1"],
.app-bottom-nav-menu[data-open="1"] .app-bottom-nav-menu-btn {
  background: #fff !important;
  border-color: rgba(249, 115, 22, .24) !important;
  color: var(--smf-ink) !important;
  box-shadow: 0 10px 28px rgba(20, 31, 48, .08) !important;
}

.app-header-nav-icon-wrap,
.app-header-desktop-action__icon,
.app-bottom-nav-item .app-bottom-nav-icon {
  background: var(--smf-surface-soft) !important;
  color: var(--smf-brand-strong) !important;
}

.app-header-nav-label--gradient {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--smf-ink) !important;
}

.app-first-loader {
  background:
    linear-gradient(180deg, rgba(255, 248, 241, .98), rgba(247, 249, 252, .98)) !important;
}

.app-first-loader-card {
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--smf-line) !important;
  box-shadow: var(--smf-shadow) !important;
}

.app-first-loader-title {
  color: var(--smf-ink) !important;
}

.app-first-loader-sub,
.app-first-loader-note {
  color: var(--smf-muted) !important;
}

.app-first-loader-logo-wrap {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .28) !important;
  box-shadow: 0 10px 24px rgba(249, 115, 22, .12) !important;
}

table,
.rounded-2xl,
.rounded-3xl,
.rounded-\[20px\],
.rounded-\[22px\],
.rounded-\[24px\],
.rounded-\[26px\],
.rounded-\[28px\],
.rounded-\[30px\],
.rounded-\[32px\],
.rounded-\[34px\] {
  border-color: var(--smf-line-soft);
}

.sf-footer {
  background: transparent !important;
  border-top-color: var(--smf-line-soft) !important;
}

.sf-footer-shell,
.sf-footer-topbar,
.sf-footer-col,
.sf-footer-cats,
.sf-pay-wrap {
  background: rgba(255, 255, 255, .78) !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: var(--smf-shadow-soft) !important;
}

.sf-footer::before,
.sf-footer::after,
.sf-footer-shell::before,
.sf-footer-shell::after,
.sf-footer .blur-\[130px\] {
  display: none !important;
}

.sf-footer-topbar-title,
.sf-footer-col-title,
.sf-footer-cats-title,
.sf-footer-brand-copy,
.sf-pay-title {
  color: var(--smf-ink) !important;
}

.sf-footer-topbar-text,
.sf-footer-cats-note,
.sf-footer-legal,
.sf-pay-tag,
.sf-footer-link,
.sf-footer-chip,
.sf-footer-mini-tag {
  color: var(--smf-muted) !important;
}

.sf-footer-link,
.sf-footer-chip,
.sf-footer-mini-tag,
.sf-footer-cat-link,
.sf-cta-btn,
.sf-email-link,
.sf-pay-item,
.sf-pay-tag {
  background: rgba(255, 255, 255, .68) !important;
  border-color: var(--smf-line-soft) !important;
}

.sf-footer-link:hover,
.sf-footer-cat-link:hover,
.sf-cta-btn:hover,
.sf-email-link:hover {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .28) !important;
  color: var(--smf-ink) !important;
}

.sf-pay-item img {
  filter: none !important;
}

.news-card,
.admin-news-card,
[class*="card"],
[class*="panel"],
[class*="sheet"] {
  border-color: var(--smf-line-soft);
}

.text-emerald-300,
.text-green-300,
.text-green-400 {
  color: var(--smf-green) !important;
}

.text-sky-300,
.text-blue-300,
.text-blue-400 {
  color: var(--smf-blue) !important;
}

.text-red-300,
.text-red-400,
.text-rose-300,
.text-rose-400 {
  color: var(--smf-red) !important;
}

.bg-emerald-500\/10,
.bg-green-500\/10,
[class~="bg-emerald-500/10"],
[class~="bg-green-500/10"] {
  background-color: rgba(5, 150, 105, .09) !important;
}

.bg-blue-500\/10,
.bg-sky-500\/10,
[class~="bg-blue-500/10"],
[class~="bg-sky-500/10"] {
  background-color: rgba(37, 99, 235, .09) !important;
}

.bg-red-500\/10,
.bg-rose-500\/10,
[class~="bg-red-500/10"],
[class~="bg-rose-500/10"] {
  background-color: rgba(220, 38, 38, .08) !important;
}

@media (max-width: 767px) {
  body {
    background: #f7f8fb !important;
  }

  header .glass-soft,
  .app-bottom-nav {
    background: rgba(255, 255, 255, .94) !important;
  }
}

/* Page systems that ship their own dark visual language. */
.home-v4,
.home-v4-section,
.home-v5-hero-section,
.order-page-main {
  background: var(--smf-bg) !important;
  color: var(--smf-ink) !important;
}

.home-v5-hero-section,
.order-page-main {
  background:
    linear-gradient(180deg, rgba(255, 248, 241, .94) 0%, rgba(247, 249, 252, .98) 32%, var(--smf-bg) 100%) !important;
}

.home-v5-hero,
.home-v4-shell,
.home-v4-seo-shell,
.order-stage-shell,
.order-dock,
.order-command-card,
.order-active-bar,
.order-catalog-shell {
  background: rgba(255, 255, 255, .82) !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: var(--smf-shadow) !important;
}

.home-v5-hero::before,
.home-v5-hero::after,
.home-v5-hero-bg,
.home-v5-vignette,
.home-v5-stars,
.home-v5-haze,
.home-v5-aurora,
.home-v4-shell::before,
.home-v4-shell::after,
.home-v4-seo-shell::before,
.home-v4-seo-shell::after,
.order-page-main::before,
.order-page-main::after,
.order-stage-shell::before,
.order-stage-shell::after,
.order-command-card::before {
  opacity: .18 !important;
}

.home-v5-title,
.home-v4-heading,
.home-v4-seo-shell h2,
.order-hero-title,
.order-preview-window-title,
.order-preview-summary-item strong,
.order-hero-stat-value,
.order-command-card h1,
.order-command-card h2,
.order-command-card h3 {
  color: var(--smf-ink) !important;
}

.home-v5-subtitle,
.home-v5-lead,
.home-v5-mobile-slogan-kicker,
.home-v5-mobile-slogan,
.home-v4-section-lead,
.home-v4-seo-shell p,
.home-v4-category-card-meta,
.order-hero-lead,
.order-hero-stat-label,
.order-preview-window-label,
.order-preview-mini-text,
.order-preview-summary-item span,
.order-field-error + p,
.order-neutral-chip,
.order-time-chip,
.order-time-text {
  color: var(--smf-muted) !important;
}

.home-v5-badge,
.home-v5-platform-link,
.home-v5-meta-item,
.home-v5-trust-chip,
.home-v4-kicker,
.home-v4-category-card,
.home-v4-seo-card,
.order-hero-kicker,
.order-hero-stat,
.order-preview-window,
.order-preview-feature,
.order-preview-summary-item,
.order-preview-mini-card,
.order-preview-footer-card,
.order-quick-chip,
.order-bolt-pack,
.order-neutral-chip,
.order-time-chip {
  background: rgba(255, 255, 255, .86) !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: var(--smf-shadow-soft) !important;
  color: var(--smf-ink) !important;
}

.home-v5-platform-link:hover,
.home-v5-platform-link:focus-visible,
.home-v4-category-card:hover,
.home-v4-seo-card:hover,
.order-quick-chip:hover,
.order-quick-chip[data-active="1"] {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .28) !important;
  color: var(--smf-ink) !important;
}

.home-v5-btn--secondary,
.order-hero-btn--ghost {
  background: #fff !important;
  border-color: var(--smf-line) !important;
  color: var(--smf-ink) !important;
  box-shadow: var(--smf-shadow-soft) !important;
}

.home-v5-btn--secondary *,
.order-hero-btn--ghost * {
  color: var(--smf-ink) !important;
}

.order-hero-title span {
  background: none !important;
  color: var(--smf-brand-strong) !important;
  -webkit-text-fill-color: var(--smf-brand-strong) !important;
}

.home-v5-btn--primary,
.order-hero-btn--primary {
  background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
  border-color: rgba(234, 88, 12, .35) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(249, 115, 22, .24) !important;
}

.home-v5-btn--primary *,
.order-hero-btn--primary * {
  color: #fff !important;
}

.home-v4-category-card-icon,
.home-v4-kicker-dot,
.home-v5-badge-dot,
.order-hero-kicker-dot,
.order-preview-mini-index {
  background: var(--smf-brand-soft) !important;
  color: var(--smf-brand-strong) !important;
  border-color: rgba(249, 115, 22, .25) !important;
}

.home-v5-phone,
.home-v5-phone-screen,
.home-v5-phone-metric,
.home-v5-phone-order,
.home-v5-phone-footer-item,
.order-preview-canvas {
  box-shadow: 0 22px 55px rgba(20, 31, 48, .16) !important;
}

.order-preview-window,
.order-preview-feature,
.order-preview-summary-item {
  background: #fff !important;
}

.order-qty-wrap,
.order-qty-btn,
.order-mobile-shell,
.mob-order-card {
  background: rgba(255, 255, 255, .92) !important;
  border-color: var(--smf-line-soft) !important;
  color: var(--smf-ink) !important;
}

#order_page_root .ui-select-btn,
#order_page_root .ui-select-menu,
#order_page_root .ui-select-option {
  background: #fff !important;
  border-color: var(--smf-line) !important;
  color: var(--smf-ink) !important;
  box-shadow: var(--smf-shadow-soft) !important;
}

#order_page_root .ui-select-btn:hover,
#order_page_root .ui-select-wrap[data-open="1"] .ui-select-btn,
#order_page_root .ui-select-option:hover,
#order_page_root .ui-select-option[data-selected="1"] {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .28) !important;
  color: var(--smf-ink) !important;
}

#order_page_root .svc-inline-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98)) !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: var(--smf-shadow-soft) !important;
  color: var(--smf-ink) !important;
}

#order_page_root .svc-inline-card::before,
#order_page_root .svc-inline-card::after {
  opacity: .12 !important;
}

#order_page_root .svc-title,
#order_page_root .svc-title-link,
#order_page_root .svc-price {
  color: var(--smf-ink) !important;
}

#order_page_root .svc-price-unit,
#order_page_root .svc-more-link,
#order_page_root .svc-chip {
  color: var(--smf-muted) !important;
}

#order_page_root .svc-chip,
#order_page_root .svc-platform-icon,
#order_page_root .svc-more-link {
  background: rgba(255, 255, 255, .78) !important;
  border-color: var(--smf-line-soft) !important;
}

#order_page_root .svc-buy-btn {
  background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
  border-color: rgba(234, 88, 12, .35) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(249, 115, 22, .2) !important;
}

/* Mobile polish for the light override layer. */
@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden;
  }

  .app-header-shell {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .app-header-controls {
    min-width: 0;
    flex-shrink: 1;
  }

  .app-header-brand-text {
    max-width: 96px;
  }

  .app-header-mobile-shortcut {
    width: 40px !important;
    min-width: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .app-header-mobile-shortcut__label {
    display: none !important;
  }

  .app-header-currency {
    min-height: 38px !important;
    padding: 3px !important;
  }

  .app-header-currency [data-global-currency-btn] {
    min-width: 41px !important;
    height: 30px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .home-v5-hero-section,
  .home-v5-hero,
  .home-v5-copy,
  .home-v5-actions {
    max-width: 100%;
    box-sizing: border-box;
  }

  .home-v5-actions {
    width: min(100%, 330px);
    margin-left: auto;
    margin-right: auto;
    gap: 12px;
  }

  .home-v4-section.home-v5-hero-section .home-v5-actions {
    width: min(100%, 330px) !important;
    max-width: 100% !important;
  }

  .home-v5-btn,
  .home-v4-section.home-v5-hero-section .home-v5-btn,
  .order-hero-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    white-space: normal !important;
  }

  .home-v5-btn--secondary,
  .home-v5-btn--secondary:visited,
  .home-v5-btn--secondary:hover,
  .home-v5-btn--secondary:focus-visible {
    background: #fff !important;
    border-color: var(--smf-line) !important;
    color: var(--smf-ink) !important;
    -webkit-text-fill-color: var(--smf-ink) !important;
  }

  .home-v5-btn--secondary *,
  .home-v5-btn--secondary i,
  .home-v5-btn--secondary svg,
  .home-v5-btn--secondary span {
    color: var(--smf-ink) !important;
    -webkit-text-fill-color: var(--smf-ink) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  .home-v5-trust-row {
    max-width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 370px) {
  .app-header-brand-text {
    max-width: 78px;
  }

  .app-header-mobile-search {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .app-header-mobile-search {
    display: none !important;
  }
}

.home-v5-btn > * {
  position: relative;
  z-index: 1;
}

.home-v5-btn--secondary {
  color: var(--smf-ink) !important;
  -webkit-text-fill-color: var(--smf-ink) !important;
  text-shadow: none !important;
}

.home-v5-btn--secondary *,
.home-v4-section.home-v5-hero-section .home-v5-btn--secondary,
.home-v4-section.home-v5-hero-section .home-v5-btn--secondary * {
  color: var(--smf-ink) !important;
  -webkit-text-fill-color: var(--smf-ink) !important;
}

.home-v5-btn--secondary::after {
  display: none !important;
}

@media (max-width: 767px) {
  body.order-mobile-mode {
    background: var(--smf-bg) !important;
  }

  body.order-mobile-mode #order_page_root {
    overflow: hidden;
  }

  .order-mobile-app {
    background:
      linear-gradient(180deg, rgba(255, 248, 241, .94) 0%, rgba(247, 249, 252, .98) 38%, var(--smf-bg) 100%) !important;
    color: var(--smf-ink) !important;
  }

  .order-mobile-shell {
    box-sizing: border-box;
  }

  .order-mobile-shell::before {
    opacity: .12 !important;
    background:
      radial-gradient(circle at 16% 18%, rgba(249, 115, 22, .16) 0 1px, transparent 1.6px),
      radial-gradient(circle at 68% 12%, rgba(37, 99, 235, .12) 0 1px, transparent 1.6px) !important;
  }

  .order-mobile-topbar,
  .order-mobile-body,
  .mob-step-item,
  .mob-step-lead,
  .mob-order-card,
  .mob-menu-panel {
    background: rgba(255, 255, 255, .88) !important;
    border-color: var(--smf-line-soft) !important;
    box-shadow: var(--smf-shadow-soft) !important;
    color: var(--smf-ink) !important;
  }

  .order-mobile-body {
    background: rgba(255, 255, 255, .78) !important;
  }

  .mob-step-item::before,
  .mob-step-lead::after {
    background: linear-gradient(120deg, rgba(249, 115, 22, .08), rgba(255, 255, 255, 0) 42%) !important;
    opacity: .7 !important;
  }

  .mob-step-item[data-active="1"] {
    background: var(--smf-brand-soft) !important;
    border-color: rgba(249, 115, 22, .34) !important;
    box-shadow: 0 14px 32px rgba(249, 115, 22, .12) !important;
  }

  .order-mobile-back,
  .mob-menu-toggle,
  .mob-step-arrow,
  .mob-chip,
  .mob-service-chip,
  .mob-mini-btn,
  .mob-secondary-btn,
  #mob_sub_empty,
  #mob_service_empty {
    background: rgba(255, 255, 255, .86) !important;
    border-color: var(--smf-line-soft) !important;
    color: var(--smf-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  .order-mobile-progress span {
    background: var(--smf-line) !important;
  }

  .order-mobile-progress span[data-active="1"] {
    background: linear-gradient(90deg, #fb923c 0%, var(--smf-brand) 100%) !important;
    box-shadow: 0 0 0 1px rgba(249, 115, 22, .08) !important;
  }

  #mob_step_title,
  .mob-step-title,
  .mob-step-lead-title,
  .mob-service-title,
  #mob_sum_name,
  #mob_calc_qty,
  #mob_calc_total,
  .mob-order-card .text-gray-100,
  .mob-menu-link {
    color: var(--smf-ink) !important;
    text-shadow: none !important;
  }

  #mob_step_progress_text,
  .mob-step-sub,
  .mob-step-lead-text,
  .mob-summary-desc,
  #mob_sum_path,
  .mob-order-card .text-gray-300,
  .mob-order-card .text-gray-400,
  .mob-order-card .text-gray-500 {
    color: var(--smf-muted) !important;
  }

  .mob-step-kicker,
  .mob-step-counter,
  .mob-summary-badge,
  .mob-service-action {
    background: var(--smf-brand-soft) !important;
    border-color: rgba(249, 115, 22, .24) !important;
    color: var(--smf-brand-strong) !important;
  }

  .mob-service-price,
  #mob_calc_rate,
  .mob-order-card .text-brand-300 {
    color: var(--smf-brand-strong) !important;
  }

  .mob-service-chip[data-tone="ok"],
  .mob-service-chip[data-tone="time-fast"] {
    background: rgba(5, 150, 105, .09) !important;
    border-color: rgba(5, 150, 105, .22) !important;
    color: var(--smf-green) !important;
  }

  .mob-service-chip[data-tone="warn"],
  .mob-service-chip[data-tone="time-warm"],
  .mob-service-chip[data-tone="time-hot"],
  .mob-service-chip[data-tone="type"] {
    background: var(--smf-brand-soft) !important;
    border-color: rgba(249, 115, 22, .24) !important;
    color: var(--smf-brand-strong) !important;
  }

  .mob-service-chip[data-tone="time-slow"] {
    background: rgba(220, 38, 38, .08) !important;
    border-color: rgba(220, 38, 38, .18) !important;
    color: var(--smf-red) !important;
  }

  .mob-service-chip[data-tone="muted"] {
    background: var(--smf-surface-soft) !important;
    border-color: var(--smf-line-soft) !important;
    color: var(--smf-muted) !important;
  }

  .mob-input {
    background: #fff !important;
    border-color: var(--smf-line) !important;
    color: var(--smf-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  }

  .mob-input::placeholder {
    color: #9aa4b2 !important;
  }

  .mob-input:focus {
    border-color: rgba(249, 115, 22, .45) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, .12) !important;
  }

  .mob-primary-btn {
    background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
    border-color: rgba(234, 88, 12, .35) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(249, 115, 22, .22) !important;
  }

  .mob-primary-btn *,
  .mob-primary-btn:visited {
    color: #fff !important;
  }

  .mob-menu-overlay {
    background: rgba(20, 31, 48, .18) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
}

/* Codex home/menu refresh 2026-06-27 START */
header.fixed {
  background: rgba(255, 255, 255, .97) !important;
}

header.fixed .glass-soft {
  background: rgba(255, 255, 255, .97) !important;
  border-bottom: 1px solid #e8edf4 !important;
  box-shadow: 0 8px 22px rgba(20, 31, 48, .07) !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
}

.app-header-shell {
  max-width: min(100% - 40px, 1540px) !important;
}

.app-header-brand-text {
  color: var(--smf-ink) !important;
}

.app-header-nav {
  gap: 2px !important;
  padding: 3px !important;
  border-radius: 15px !important;
  background: #fff !important;
  border: 1px solid var(--smf-line-soft) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.app-header-nav-link,
.app-header-nav-menu-toggle {
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #334155 !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

.app-header-nav-link:hover,
.app-header-nav-link:focus-visible,
.app-header-nav-menu-toggle:hover,
.app-header-nav-menu-toggle:focus-visible {
  background: #f8fafc !important;
  border-color: var(--smf-line-soft) !important;
  color: var(--smf-ink) !important;
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.app-header-nav-link[data-active="1"],
.app-header-nav-menu-toggle[data-active="1"],
.app-header-nav-link--accent[data-active="1"],
.app-header-nav-link--roulette[data-active="1"] {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .26) !important;
  color: var(--smf-brand-strong) !important;
  box-shadow: none !important;
}

.app-header-nav-link--accent,
.app-header-nav-link--roulette {
  background: transparent !important;
  border-color: transparent !important;
}

.app-header-nav-icon-wrap,
.app-header-nav-icon-wrap--accent,
.app-header-nav-icon-wrap--roulette,
.app-header-desktop-action__icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--smf-brand-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

.app-header-nav-label--gradient {
  background: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.app-header-nav-menu-panel,
.app-header-mobile-menu-panel,
.app-bottom-nav-menu-panel {
  border-radius: 14px !important;
  background: #fff !important;
  border-color: var(--smf-line-soft) !important;
  box-shadow: 0 18px 44px rgba(20, 31, 48, .12) !important;
}

.app-header-nav-menu-link {
  min-height: 38px !important;
  border-radius: 10px !important;
  color: #334155 !important;
  background: transparent !important;
}

.app-header-nav-menu-link:hover,
.app-header-nav-menu-link:focus-visible,
.app-header-nav-menu-link[data-active="1"] {
  background: #f8fafc !important;
  color: var(--smf-ink) !important;
}

.app-header-currency,
.app-header-desktop-action,
.app-header-mobile-shortcut,
.app-header-mobile-menu-btn,
.app-header-mobile-search {
  min-height: 38px !important;
  border-radius: 13px !important;
  background: #fff !important;
  border-color: var(--smf-line-soft) !important;
  color: #334155 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

.app-header-currency [data-global-currency-btn] {
  height: 30px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  color: #475569 !important;
  letter-spacing: 0 !important;
}

.app-header-currency [data-global-currency-btn].bg-brand-500 {
  background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(249, 115, 22, .18) !important;
}

.app-header-desktop-action:hover,
.app-header-desktop-action:focus-visible,
.app-header-mobile-shortcut:hover,
.app-header-mobile-shortcut:focus-visible,
.app-header-mobile-menu-btn:hover,
.app-header-mobile-menu-btn:focus-visible,
.app-header-mobile-search:hover,
.app-header-mobile-search:focus-visible {
  background: #f8fafc !important;
  border-color: var(--smf-line) !important;
  color: var(--smf-ink) !important;
  box-shadow: none !important;
  transform: none !important;
}

.app-header-desktop-action--primary {
  background: linear-gradient(180deg, #fb923c 0%, var(--smf-brand) 100%) !important;
  border-color: rgba(234, 88, 12, .3) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(249, 115, 22, .18) !important;
}

.app-header-desktop-action--profile {
  max-width: 230px !important;
}

.app-bottom-nav {
  background: rgba(255, 255, 255, .97) !important;
  border-top: 1px solid var(--smf-line-soft) !important;
  box-shadow: 0 -8px 24px rgba(20, 31, 48, .08) !important;
}

.app-bottom-nav-item,
.app-bottom-nav-menu-btn {
  color: #475569 !important;
  box-shadow: none !important;
}

.app-bottom-nav-item:hover,
.app-bottom-nav-item[data-active="1"],
.app-bottom-nav-menu[data-open="1"] .app-bottom-nav-menu-btn {
  background: #f8fafc !important;
  color: var(--smf-ink) !important;
  box-shadow: none !important;
}

.home-v5-hero-section {
  padding-top: 0 !important;
  background: linear-gradient(180deg, #fff8f1 0%, #fff 48%, var(--smf-bg) 100%) !important;
}

.home-v5-hero-section > .max-w-7xl,
.home-v4-section > .max-w-7xl,
.home-v4-section > .container,
.home-v4-section > [class*="max-w-"] {
  max-width: min(100% - 48px, 1540px) !important;
}

.home-v5-hero,
.home-v4-shell,
.home-v4-seo-shell,
.home-v4-cta-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.home-v5-hero::before,
.home-v5-hero::after,
.home-v4-shell::before,
.home-v4-shell::after,
.home-v4-seo-shell::before,
.home-v4-seo-shell::after,
.home-v4-cta-shell::before,
.home-v4-cta-shell::after {
  content: none !important;
  display: none !important;
}

.home-v5-hero {
  grid-template-columns: minmax(0, .95fr) minmax(360px, .78fr) !important;
  justify-items: stretch !important;
  align-items: center !important;
  gap: clamp(36px, 5vw, 84px) !important;
  min-height: min(760px, calc(100svh - 64px)) !important;
  padding: clamp(54px, 7vw, 92px) 0 clamp(54px, 7vw, 88px) !important;
  overflow: visible !important;
}

.home-v5-copy {
  width: min(100%, 780px) !important;
  margin: 0 !important;
  text-align: left !important;
}

.home-v5-badge,
.home-v5-platform-line {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.home-v5-title {
  max-width: 780px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: clamp(3.15rem, 5.8vw, 6.3rem) !important;
  letter-spacing: 0 !important;
}

.home-v5-subtitle,
.home-v5-lead {
  max-width: 700px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.home-v5-actions,
.home-v5-meta,
.home-v5-trust-row {
  justify-content: flex-start !important;
}

.home-v5-meta {
  max-width: 760px !important;
  overflow: visible !important;
}

.home-v5-scene {
  width: 100% !important;
}

.home-v5-scene::before,
.home-v5-scene::after,
.home-v5-scene-glow,
.home-v5-scene-orb {
  content: none !important;
  display: none !important;
}

.home-v5-illustration-scene {
  min-height: clamp(360px, 34vw, 560px) !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-v5-illustration-card {
  width: min(100%, 620px) !important;
  margin: 0 auto !important;
}

.home-v5-illustration {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  filter: drop-shadow(0 28px 34px rgba(20, 31, 48, .12)) !important;
}

.home-v5-phone-wrap,
.home-v5-phone-shadow,
.home-v5-phone,
.home-v5-phone-screen,
.home-v4-cta-visual,
.home-v4-cta-device {
  display: none !important;
}

.home-v4-cta-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.home-v4-cta-copy {
  max-width: 980px !important;
}

.home-v4-cta-shell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 1280px) {
  .app-header-shell {
    max-width: min(100% - 24px, 1540px) !important;
  }

  .app-header-nav-link,
  .app-header-nav-menu-toggle {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .app-header-desktop-action--profile {
    max-width: 190px !important;
  }
}

@media (max-width: 767px) {
  .app-header-shell {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .home-v5-hero-section > .max-w-7xl,
  .home-v4-section > .max-w-7xl,
  .home-v4-section > .container,
  .home-v4-section > [class*="max-w-"] {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .home-v5-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 42px !important;
  }

  .home-v5-copy {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .home-v5-badge,
  .home-v5-platform-line,
  .home-v5-title,
  .home-v5-subtitle,
  .home-v5-lead {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-v5-title {
    font-size: clamp(2.6rem, 12vw, 4rem) !important;
    line-height: .94 !important;
  }

  .home-v5-actions,
  .home-v5-meta,
  .home-v5-trust-row {
    justify-content: center !important;
  }

  .home-v5-illustration-scene {
    min-height: auto !important;
  }

  .home-v5-illustration-card {
    width: min(100%, 350px) !important;
  }
}


main.home-v4.pt-20,
main.home-v4 {
  padding-top: 64px !important;
  background: linear-gradient(180deg, #fff8f1 0%, #fff 30%, var(--smf-bg) 100%) !important;
}

@media (max-width: 767px) {
  main.home-v4.pt-20,
  main.home-v4 {
    padding-top: 64px !important;
  }

  .home-v5-title {
    max-width: min(100%, 340px) !important;
    font-size: clamp(2.35rem, 10.6vw, 3.35rem) !important;
    line-height: .98 !important;
  }

  .home-v5-subtitle,
  .home-v5-lead {
    max-width: min(100%, 350px) !important;
  }
}


@media (max-width: 767px) {
  html,
  body,
  .home-v4,
  .home-v5-hero-section,
  .home-v5-hero-section > .max-w-7xl,
  .home-v5-hero,
  .home-v5-copy {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .home-v5-title {
    max-width: calc(100vw - 32px) !important;
    font-size: clamp(2rem, 8.9vw, 2.85rem) !important;
    line-height: 1.02 !important;
  }

  .home-v5-actions {
    width: min(calc(100vw - 48px), 340px) !important;
    max-width: calc(100vw - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-v5-btn,
  .home-v4-section.home-v5-hero-section .home-v5-btn {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


@media (max-width: 767px) {
  .home-v5-title {
    max-width: 280px !important;
    font-size: clamp(1.95rem, 8.2vw, 2.65rem) !important;
  }

  .home-v5-actions {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
  }

  .home-v5-meta {
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-wrap: wrap !important;
    gap: 9px 12px !important;
    overflow: visible !important;
  }
}


@media (max-width: 767px) {
  .home-v4-section.home-v5-hero-section .home-v5-title {
    max-width: 280px !important;
    font-size: clamp(1.95rem, 8.2vw, 2.65rem) !important;
    line-height: 1.02 !important;
  }

  .home-v4-section.home-v5-hero-section .home-v5-actions {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-v4-section.home-v5-hero-section .home-v5-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
  }

  .home-v4-section.home-v5-hero-section .home-v5-meta {
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
}
/* Codex home/menu refresh 2026-06-27 END */

/* Codex roulette removal/search refresh 2026-06-27 START */
.app-header-desktop-action--search {
  min-width: 38px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.app-header-desktop-action--search[data-active="1"],
.app-header-mobile-shortcut[data-active="1"] {
  background: var(--smf-brand-soft) !important;
  border-color: rgba(249, 115, 22, .24) !important;
  color: var(--smf-brand-strong) !important;
}

.app-header-desktop-action--search .app-header-desktop-action__icon,
.app-header-mobile-shortcut__icon {
  color: var(--smf-brand-strong) !important;
  text-shadow: none !important;
}

#mobileSearchModal {
  z-index: 315 !important;
  pointer-events: none !important;
}

#mobileSearchModal:not(.hidden) {
  pointer-events: auto !important;
}

.mobile-search-backdrop,
.mobile-search-sheet,
.mobile-search-sheet-header,
.mobile-search-sheet-body,
.mobile-search-results,
.mobile-search-results .ui-select-option {
  border-color: var(--smf-line-soft) !important;
}

.mobile-search-backdrop {
  background: rgba(15, 23, 42, .14) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.mobile-search-sheet {
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(20, 31, 48, .13) !important;
  color: var(--smf-ink) !important;
}

.mobile-search-sheet-header,
.mobile-search-sheet-body {
  background: #fff !important;
  color: var(--smf-ink) !important;
}

.mobile-search-sheet .text-white,
.mobile-search-results .text-white {
  color: var(--smf-ink) !important;
}

.mobile-search-sheet .text-gray-300,
.mobile-search-sheet .text-gray-400,
.mobile-search-sheet .text-gray-500,
.mobile-search-results .text-gray-300,
.mobile-search-results .text-gray-400,
.mobile-search-results .text-gray-500 {
  color: var(--smf-muted) !important;
}

#mobileSearchClear,
.mobile-search-sheet [data-mobile-search-close] {
  background: #fff !important;
  border-color: var(--smf-line-soft) !important;
  color: var(--smf-muted) !important;
  box-shadow: none !important;
}

#mobileSearchClear:hover,
.mobile-search-sheet [data-mobile-search-close]:hover {
  background: #f8fafc !important;
  color: var(--smf-ink) !important;
}

@media (min-width: 768px) {
  #mobileSearchModal {
    position: fixed !important;
    inset: 0 !important;
  }

  .mobile-search-backdrop {
    top: 64px !important;
    bottom: 0 !important;
    background: rgba(15, 23, 42, .06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-search-sheet {
    top: 74px !important;
    left: 50% !important;
    right: auto !important;
    width: min(720px, calc(100vw - 48px)) !important;
    max-height: min(560px, calc(100vh - 96px)) !important;
    border-radius: 18px !important;
    transform: translate(-50%, -10px) !important;
  }

  #mobileSearchModal:not(.hidden) .mobile-search-sheet {
    transform: translate(-50%, 0) !important;
  }

  .mobile-search-results {
    min-height: 220px !important;
  }
}

@media (max-width: 767px) {
  .app-header-mobile-shortcut {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
  }

  .app-header-mobile-shortcut__label {
    display: none !important;
  }
}

.home-v5-aurora,
.home-v5-haze,
.home-v5-scene-glow,
.home-v5-scene-orb,
.home-v5-phone-shadow,
.home-v4-hero-orbit,
.home-v4-hero-orbit-counter,
.home-v4-hero-core-ring,
.home-v4-cta-device::before,
.home-v4-shell::before,
.home-v4-shell::after,
.home-v4-seo-shell::before,
.home-v4-seo-shell::after {
  display: none !important;
  opacity: 0 !important;
}

body,
main.home-v4,
.home-v5-hero-section,
.order-page-main {
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

.home-v5-title,
.home-v4-heading,
.order-hero-title {
  text-shadow: none !important;
}

.home-v5-badge-dot,
.home-v4-kicker-dot,
.home-v5-meta span::before,
.home-v5-platform-link-icon,
.app-bottom-nav-main-btn,
.app-bottom-nav-main-btn-active,
.app-header-currency [data-global-currency-btn].bg-brand-500,
.app-header-desktop-action--primary,
.home-v5-btn--primary,
.home-v4-btn--primary,
.mob-primary-btn,
.svc-buy-btn,
#order_page_root .svc-buy-btn,
button[type="submit"].bg-brand-500,
a.bg-brand-500,
.bg-brand-500 {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.home-v5-badge-dot,
.home-v4-kicker-dot,
.home-v5-meta span::before {
  box-shadow: none !important;
}

.home-v5-illustration,
.app-bottom-nav-icon-img,
.sf-pay-item img {
  filter: none !important;
}

.glass,
.glass-soft,
.shadow-soft,
.home-v5-badge,
.home-v5-platform-link,
.home-v5-btn,
.home-v4-category-card,
.home-v4-seo-card,
.home-v4-cta-shell,
.order-stage-shell,
.order-command-card,
.order-catalog-shell,
.svc-inline-card,
.mob-step-item,
.mob-order-card {
  box-shadow: 0 8px 24px rgba(20, 31, 48, .06) !important;
}

.home-v5-hero,
.home-v4-shell,
.home-v4-seo-shell,
.home-v4-cta-shell {
  box-shadow: none !important;
}
/* Codex roulette removal/search refresh 2026-06-27 END */

/* Codex header alignment refresh 2026-06-27 START */
@media (min-width: 768px) {
  header.fixed .glass-soft {
    background: rgba(255, 255, 255, .985) !important;
    border-bottom: 1px solid #e7edf5 !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .055) !important;
  }

  .app-header-shell {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: normal !important;
    column-gap: 10px !important;
    max-width: min(100% - 44px, 1480px) !important;
    height: 64px !important;
  }

  .app-header-shell > a:first-child {
    grid-column: 1 !important;
    min-width: 150px !important;
    justify-self: start !important;
  }

  .app-header-nav {
    grid-column: 2 !important;
    justify-self: start !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 3px !important;
    gap: 2px !important;
    border-radius: 15px !important;
    background: #fff !important;
    border: 1px solid #dfe7f1 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .app-header-nav-link,
  .app-header-nav-menu-toggle,
  .app-header-desktop-action,
  .app-header-currency {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .app-header-nav-link,
  .app-header-nav-menu-toggle {
    padding: 0 12px !important;
    gap: 7px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #263244 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  .app-header-nav-link:hover,
  .app-header-nav-link:focus-visible,
  .app-header-nav-menu-toggle:hover,
  .app-header-nav-menu-toggle:focus-visible {
    background: #f6f8fb !important;
    border-color: #e7edf5 !important;
    color: #111827 !important;
  }

  .app-header-nav-link[data-active="1"],
  .app-header-nav-menu-toggle[data-active="1"] {
    background: #fff3e7 !important;
    border-color: rgba(249, 115, 22, .22) !important;
    color: #c2410c !important;
  }

  .app-header-nav-icon-wrap,
  .app-header-desktop-action__icon {
    width: 16px !important;
    height: 16px !important;
    color: #ea580c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .app-header-desktop-action--search {
    grid-column: 3 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 15px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    color: #263244 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  .app-header-desktop-action--search:hover,
  .app-header-desktop-action--search:focus-visible,
  .app-header-desktop-action--search[data-active="1"] {
    background: #f6f8fb !important;
    border-color: #d5deea !important;
    color: #111827 !important;
  }

  .app-header-controls {
    grid-column: 4 !important;
    justify-self: end !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  .app-header-currency {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 3px !important;
    border-radius: 15px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
  }

  .app-header-currency [data-global-currency-btn] {
    height: 32px !important;
    min-width: 42px !important;
    padding: 0 11px !important;
    border-radius: 11px !important;
    color: #475569 !important;
  }

  .app-header-desktop-action:not(.app-header-desktop-action--search) {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 15px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    color: #263244 !important;
  }

  .app-header-desktop-action:not(.app-header-desktop-action--search):hover,
  .app-header-desktop-action:not(.app-header-desktop-action--search):focus-visible {
    background: #f6f8fb !important;
    border-color: #d5deea !important;
    color: #111827 !important;
  }

  .app-header-desktop-action--primary {
    border-color: rgba(249, 115, 22, .28) !important;
    background: linear-gradient(180deg, #fb923c 0%, #f97316 100%) !important;
    color: #fff !important;
  }

  .app-header-desktop-action--profile span:last-child {
    max-width: 220px !important;
  }

  .app-header-nav-menu-panel {
    top: calc(100% + 8px) !important;
    border-radius: 14px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .12) !important;
  }

  .mobile-search-sheet {
    top: 74px !important;
    left: var(--search-panel-left, 50%) !important;
    width: min(640px, calc(100vw - 48px)) !important;
    max-height: min(560px, calc(100vh - 96px)) !important;
    transform: translate(-50%, -8px) !important;
  }

  #mobileSearchModal:not(.hidden) .mobile-search-sheet {
    transform: translate(-50%, 0) !important;
  }
}

@media (min-width: 768px) and (max-width: 1240px) {
  .app-header-shell {
    max-width: min(100% - 28px, 1480px) !important;
    column-gap: 8px !important;
  }

  .app-header-shell > a:first-child {
    min-width: 132px !important;
  }

  .app-header-brand-text {
    max-width: 98px !important;
  }

  .app-header-nav-link,
  .app-header-nav-menu-toggle {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 12.5px !important;
  }

  .app-header-desktop-action--search span:last-child {
    display: none !important;
  }

  .app-header-desktop-action--search {
    width: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center !important;
  }

  .app-header-desktop-action--profile span:last-child {
    max-width: 170px !important;
  }
}

@media (min-width: 768px) and (max-width: 1040px) {
  .app-header-nav-label {
    display: none !important;
  }

  .app-header-nav-link,
  .app-header-nav-menu-toggle {
    width: 36px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .app-header-nav-menu-chevron {
    display: none !important;
  }
}
/* Codex header alignment refresh 2026-06-27 END */

/* Codex remove warm glow cleanup 2026-06-27 START */
.home-v5-hero-section,
main.home-v4,
body,
html {
  background: #fff !important;
}

.home-v5-vignette,
.home-v5-hero-bg,
.home-v5-stars,
.home-v5-aurora,
.home-v5-haze,
.home-v5-hero::before,
.home-v5-hero::after,
.home-v5-scene::before,
.home-v5-scene::after,
.home-v4-shell::before,
.home-v4-shell::after,
.home-v4-cta-shell::before,
.home-v4-cta-shell::after,
.home-v4-seo-shell::before,
.home-v4-seo-shell::after,
.order-page-main::before,
.order-page-main::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
}

.home-v5-badge,
.home-v5-platform-link,
.home-v5-btn,
.home-v5-illustration,
.home-v4-kicker,
.home-v4-btn,
.app-header-nav,
.app-header-desktop-action,
.app-header-currency,
.app-bottom-nav-main-btn {
  box-shadow: none !important;
  filter: none !important;
}

.home-v5-title,
.home-v5-subtitle,
.home-v5-mobile-slogan,
.home-v5-mobile-slogan-kicker {
  text-shadow: none !important;
}

.home-v5-badge,
.home-v5-platform-link,
.home-v4-kicker {
  background: #fff !important;
}
/* Codex remove warm glow cleanup 2026-06-27 END */


/* Codex inline header search 2026-06-27 START */
@media (min-width: 768px) {
  #mobileSearchModal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 315 !important;
    pointer-events: none !important;
  }

  #mobileSearchModal:not(.hidden) {
    pointer-events: none !important;
  }

  #mobileSearchModal .mobile-search-backdrop {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  #mobileSearchModal .mobile-search-sheet {
    position: absolute !important;
    top: var(--search-inline-top, 16px) !important;
    left: var(--search-inline-left, 50%) !important;
    right: auto !important;
    width: var(--search-inline-width, 420px) !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: block !important;
    color: #172033 !important;
    transform: translateX(14px) !important;
    opacity: 0 !important;
    pointer-events: auto !important;
    transition: transform .16s ease, opacity .16s ease !important;
  }

  #mobileSearchModal:not(.hidden) .mobile-search-sheet {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }

  #mobileSearchModal .mobile-search-sheet-header {
    display: none !important;
  }

  #mobileSearchModal .mobile-search-sheet-body {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #mobileSearchModal .mobile-search-sheet-body .relative {
    height: 40px !important;
  }

  #mobileSearchModal .mobile-search-sheet-body .relative > i {
    left: 14px !important;
    color: #f97316 !important;
    z-index: 2 !important;
  }

  #mobileSearchInput {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding-left: 40px !important;
    padding-right: 42px !important;
    border-radius: 15px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
  }

  #mobileSearchInput::placeholder {
    color: #7b8798 !important;
    font-weight: 500 !important;
  }

  #mobileSearchInput:focus {
    border-color: #fdba74 !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, .12), 0 8px 22px rgba(15, 23, 42, .08) !important;
    outline: none !important;
  }

  #mobileSearchClear {
    right: 4px !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
  }

  #mobileSearchClear:hover,
  #mobileSearchClear:focus-visible {
    color: #111827 !important;
    background: #f6f8fb !important;
  }

  #mobileSearchResults {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: min(386px, calc(100vh - var(--search-inline-top, 16px) - 56px)) !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .14) !important;
    overflow-y: auto !important;
    color: #172033 !important;
  }

  #mobileSearchResults .text-gray-500,
  #mobileSearchResults .text-gray-400,
  #mobileSearchResults .text-gray-300 {
    color: #69778c !important;
  }

  #mobileSearchResults .text-white {
    color: #172033 !important;
  }

  #mobileSearchResults .ui-select-option {
    width: 100% !important;
    min-height: 64px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    background: #fff !important;
    color: #172033 !important;
    box-shadow: none !important;
  }

  #mobileSearchResults .ui-select-option:hover,
  #mobileSearchResults .ui-select-option[data-selected="1"] {
    border-color: rgba(249, 115, 22, .2) !important;
    background: #fff7ed !important;
  }

  #mobileSearchResults .bg-brand-500\/12,
  #mobileSearchResults .border-brand-500\/25 {
    border-color: rgba(249, 115, 22, .22) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
  }
}

@media (max-width: 767px) {
  #mobileSearchModal {
    z-index: 315 !important;
  }

  #mobileSearchModal:not(.hidden) {
    pointer-events: auto !important;
  }

  #mobileSearchModal .mobile-search-backdrop {
    top: calc(env(safe-area-inset-top) + 64px) !important;
    bottom: 0 !important;
    background: rgba(15, 23, 42, .08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #mobileSearchModal .mobile-search-sheet {
    top: calc(env(safe-area-inset-top) + 64px) !important;
    left: 10px !important;
    right: 10px !important;
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 78px) !important;
    border-radius: 0 0 18px 18px !important;
    border: 1px solid #dfe7f1 !important;
    border-top: 0 !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
  }

  #mobileSearchModal .mobile-search-sheet-header,
  #mobileSearchModal .mobile-search-sheet-body {
    background: #fff !important;
  }

  #mobileSearchModal .mobile-search-sheet-header {
    border-bottom: 1px solid #eef2f7 !important;
  }

  #mobileSearchInput {
    border-color: #dfe7f1 !important;
    background: #fff !important;
    color: #111827 !important;
  }

  #mobileSearchResults {
    background: #fff !important;
    color: #172033 !important;
  }

  #mobileSearchResults .ui-select-option:hover,
  #mobileSearchResults .ui-select-option[data-selected="1"] {
    background: #fff7ed !important;
    border-color: rgba(249, 115, 22, .2) !important;
  }
}
/* Codex inline header search 2026-06-27 END */


/* Codex true inline desktop search 2026-06-27 START */
@media (min-width: 768px) {
  .app-header-controls {
    overflow: visible !important;
  }

  .app-header-inline-search {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 0 !important;
    height: 40px !important;
    opacity: 0 !important;
    transform: translateX(16px) !important;
    pointer-events: none !important;
    overflow: visible !important;
    transition: width .2s ease, opacity .16s ease, transform .2s ease !important;
    z-index: 345 !important;
  }

  .app-header-inline-search[data-open="1"] {
    width: clamp(320px, 27vw, 420px) !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }

  .app-header-inline-search-field {
    position: relative !important;
    width: 100% !important;
    height: 40px !important;
  }

  .app-header-inline-search-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #f97316 !important;
    font-size: 13px !important;
    z-index: 2 !important;
  }

  .app-header-inline-search-input {
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 40px !important;
    border-radius: 15px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .app-header-inline-search-input::placeholder {
    color: #7b8798 !important;
    font-weight: 500 !important;
  }

  .app-header-inline-search-input:focus {
    border-color: #fdba74 !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, .1) !important;
  }

  .app-header-inline-search-clear {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
  }

  .app-header-inline-search-clear.hidden {
    display: none !important;
  }

  .app-header-inline-search-clear:hover,
  .app-header-inline-search-clear:focus-visible {
    background: #f6f8fb !important;
    color: #111827 !important;
  }

  .app-header-inline-search-results {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    max-height: min(390px, calc(100vh - 74px)) !important;
    padding: 8px !important;
    border: 1px solid #dfe7f1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .14) !important;
    overflow-y: auto !important;
    color: #172033 !important;
  }

  .app-header-inline-search[data-open="1"] .app-header-inline-search-results {
    display: block !important;
  }

  .app-header-inline-search-hint {
    padding: 10px 11px !important;
    color: #69778c !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .app-header-inline-search-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 10px 11px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    background: #fff !important;
    color: #172033 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  .app-header-inline-search-option + .app-header-inline-search-option {
    margin-top: 4px !important;
  }

  .app-header-inline-search-option:hover,
  .app-header-inline-search-option[data-selected="1"] {
    border-color: rgba(249, 115, 22, .2) !important;
    background: #fff7ed !important;
  }

  .app-header-inline-search-option-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .app-header-inline-search-option-path,
  .app-header-inline-search-option-price {
    display: block !important;
    color: #69778c !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .app-header-inline-search-option-name {
    display: block !important;
    margin-top: 2px !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .app-header-inline-search-option-price {
    margin-top: 5px !important;
  }

  .app-header-inline-search-option-id {
    flex: 0 0 auto !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(249, 115, 22, .22) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  #mobileSearchModal:not(.hidden) .mobile-search-sheet {
    top: 78px !important;
    left: 50% !important;
    width: min(640px, calc(100vw - 48px)) !important;
    transform: translate(-50%, 0) !important;
  }
}

@media (min-width: 768px) and (max-width: 1240px) {
  .app-header-inline-search[data-open="1"] {
    width: 300px !important;
  }
}

@media (min-width: 768px) and (max-width: 1040px) {
  .app-header-inline-search[data-open="1"] {
    width: 260px !important;
  }
}

@media (max-width: 767px) {
  #mobileSearchModal .mobile-search-backdrop {
    top: calc(env(safe-area-inset-top) + 64px) !important;
  }

  #mobileSearchModal .mobile-search-sheet {
    top: calc(env(safe-area-inset-top) + 78px) !important;
    left: 12px !important;
    right: 12px !important;
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 102px) !important;
    border-radius: 18px !important;
    border-top: 1px solid #dfe7f1 !important;
  }
}
/* Codex true inline desktop search 2026-06-27 END */


/* Codex compact inline search refinement 2026-06-27 START */
@media (min-width: 768px) {
  .app-header-desktop-action--search {
    width: 40px !important;
    min-width: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center !important;
  }

  .app-header-desktop-action--search span:last-child {
    display: none !important;
  }

  .app-header-desktop-action--search[data-active="1"] {
    display: none !important;
  }

  .app-header-inline-search[data-open="1"] {
    width: clamp(250px, 20vw, 312px) !important;
  }

  .app-header-inline-search-submit {
    position: absolute !important;
    left: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #f97316 !important;
    box-shadow: none !important;
  }

  .app-header-inline-search-submit:hover,
  .app-header-inline-search-submit:focus-visible {
    background: #fff7ed !important;
    color: #c2410c !important;
  }

  .app-header-inline-search-input {
    padding-left: 43px !important;
    padding-right: 38px !important;
  }

  .app-header-inline-search-icon {
    display: none !important;
  }

  .app-header-inline-search-results {
    max-height: min(360px, calc(100vh - 74px)) !important;
  }
}

@media (min-width: 768px) and (max-width: 1240px) {
  .app-header-inline-search[data-open="1"] {
    width: 246px !important;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .app-header-inline-search[data-open="1"] {
    width: 218px !important;
  }
}

@media (max-width: 767px) {
  #mobileSearchModal .mobile-search-sheet-body .relative > i {
    left: 18px !important;
  }

  #mobileSearchInput {
    padding-left: 52px !important;
  }
}
/* Codex compact inline search refinement 2026-06-27 END */


/* Codex mobile attached search bar 2026-06-27 START */
@media (max-width: 767px) {
  #mobileSearchModal {
    z-index: 315 !important;
  }

  #mobileSearchModal .mobile-search-backdrop {
    top: calc(env(safe-area-inset-top) + 64px) !important;
    bottom: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #mobileSearchModal .mobile-search-sheet {
    top: calc(env(safe-area-inset-top) + 64px) !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #e6edf5 !important;
    border-bottom: 1px solid #e6edf5 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #mobileSearchModal .mobile-search-sheet-header {
    display: none !important;
  }

  #mobileSearchModal .mobile-search-sheet-body {
    padding: 10px 12px !important;
    border: 0 !important;
    background: #fff !important;
  }

  #mobileSearchModal .mobile-search-sheet-body .relative {
    height: 44px !important;
  }

  #mobileSearchModal .mobile-search-sheet-body .relative > i {
    left: 19px !important;
    z-index: 2 !important;
    color: #64748b !important;
    font-size: 14px !important;
    pointer-events: none !important;
  }

  #mobileSearchInput {
    height: 44px !important;
    min-height: 44px !important;
    padding-left: 56px !important;
    padding-right: 44px !important;
    border-radius: 8px !important;
    border: 1px solid #dfe7f1 !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  #mobileSearchInput:focus {
    border-color: #f97316 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  #mobileSearchClear {
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #64748b !important;
  }

  #mobileSearchResults {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 122px) !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-top: 1px solid #eef2f7 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 0 18px 32px rgba(15, 23, 42, .08) !important;
    overflow-y: auto !important;
  }

  #mobileSearchResults[data-state="idle"] {
    display: none !important;
  }

  #mobileSearchResults .ui-select-option {
    border-radius: 0 !important;
  }
}
/* Codex mobile attached search bar 2026-06-27 END */



/* Codex global category chips 2026-06-27 START */
:root {
  --smf-header-stack-height: 112px;
}

.app-category-strip {
  width: 100% !important;
  background: rgba(255, 255, 255, .985) !important;
  border-bottom: 1px solid #e7edf5 !important;
  box-shadow: none !important;
}

.app-category-strip__scroller {
  display: flex !important;
  align-items: center !important;
  justify-content: safe center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-padding-inline: 22px !important;
  padding: 8px 22px 9px !important;
}

.app-category-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 7px !important;
  min-width: max-content !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid #dfe7f1 !important;
  background: #fff !important;
  color: #263244 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.app-category-chip:hover,
.app-category-chip:focus-visible,
.app-category-chip[data-active="1"] {
  border-color: rgba(249, 115, 22, .28) !important;
  background: #fff7ed !important;
  color: #c2410c !important;
  outline: none !important;
}

.app-category-chip__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  color: #f97316 !important;
  background: transparent !important;
}

.app-category-chip__icon img {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  border-radius: 999px !important;
}

.app-category-chip__icon i {
  font-size: 12px !important;
}

.app-category-chip__label {
  display: block !important;
  max-width: 160px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.smf-has-category-strip > main.home-v4,
body.smf-has-category-strip > main.home-v4.pt-20 {
  padding-top: var(--smf-header-stack-height) !important;
}

@media (max-width: 767px) {
  :root {
    --smf-header-stack-height: 116px;
  }

  .app-category-strip__scroller {
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 7px 10px 8px !important;
    scroll-padding-inline: 10px !important;
    scroll-snap-type: x proximity !important;
  }

  .app-category-chip {
    height: 28px !important;
    gap: 6px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
    scroll-snap-align: start !important;
  }

  .app-category-chip__icon,
  .app-category-chip__icon img {
    width: 16px !important;
    height: 16px !important;
  }

  .app-category-chip__icon i {
    font-size: 11px !important;
  }

  .app-category-chip__label {
    max-width: 118px !important;
  }

  body.smf-has-category-strip > main.home-v4,
  body.smf-has-category-strip > main.home-v4.pt-20 {
    padding-top: var(--smf-header-stack-height) !important;
  }
}
/* Codex global category chips 2026-06-27 END */


/* Codex mobile search under chips 2026-06-27 START */
@media (max-width: 767px) {
  body.smf-has-category-strip #mobileSearchModal .mobile-search-backdrop {
    top: var(--smf-header-stack-height) !important;
  }

  body.smf-has-category-strip #mobileSearchModal .mobile-search-sheet {
    top: var(--smf-header-stack-height) !important;
  }
}
/* Codex mobile search under chips 2026-06-27 END */


/* Codex category strip clean join 2026-06-27 START */
body.smf-has-category-strip header.fixed .glass-soft,
body.smf-has-category-strip .app-category-strip {
  box-shadow: none !important;
}

body.smf-has-category-strip .app-category-strip {
  border-bottom: 0 !important;
  background: #fff !important;
}

body.smf-has-category-strip > main.home-v4,
body.smf-has-category-strip > main.home-v4.pt-20 {
  background: #fff !important;
}

@media (min-width: 768px) {
  body.smf-has-category-strip {
    --smf-header-stack-height: 115px;
  }
}

@media (max-width: 767px) {
  body.smf-has-category-strip {
    --smf-header-stack-height: 109px;
  }

  body.smf-has-category-strip #mobileSearchModal .mobile-search-sheet,
  body.smf-has-category-strip #mobileSearchModal .mobile-search-backdrop {
    top: var(--smf-header-stack-height) !important;
  }
}
/* Codex category strip clean join 2026-06-27 END */



/* Codex category strip divider cleanup 2026-06-27 START */
body.smf-has-category-strip header.fixed::after {
  content: none !important;
}

body.smf-has-category-strip .app-category-strip {
  border-bottom: 1px solid #eef3f8 !important;
  box-shadow: none !important;
}

body.smf-has-category-strip .app-category-strip__scroller {
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.smf-has-category-strip .app-category-strip__scroller::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.smf-has-category-strip .app-category-strip__scroller::-webkit-scrollbar-track,
body.smf-has-category-strip .app-category-strip__scroller::-webkit-scrollbar-thumb {
  background: transparent !important;
}
/* Codex category strip divider cleanup 2026-06-27 END */



/* Codex home quick order 2026-06-27 START */
.home-quick-order-section{background:#fff}.home-qo-wrap{width:min(1536px,calc(100vw - 32px));margin:0 auto;padding:34px 0 18px}.home-qo-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.home-qo-kicker{display:inline-flex;align-items:center;gap:8px;color:#f26a16;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.home-qo-kicker span{width:8px;height:8px;border-radius:99px;background:#ff7a1a}.home-qo-title{margin-top:10px;color:#141b2c;font-size:clamp(30px,3.1vw,52px);line-height:1.04;font-weight:800;letter-spacing:0}.home-qo-mobile-note{display:none}.home-qo-lead{max-width:760px;margin-top:12px;color:#526071;font-size:16px;line-height:1.65}.home-qo-catalog{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid #dbe4ef;background:#fff;color:#172033;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.home-qo-catalog:hover,.home-qo-catalog:focus-visible{border-color:#ffb37a;color:#f26a16}.home-qo-board{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(260px,.95fr) minmax(360px,1.12fr);border:1px solid #dbe4ef;border-radius:18px;background:#fff;overflow:visible;box-shadow:0 18px 48px rgba(21,30,46,.06)}.home-qo-mobile-controls{display:none}.home-qo-col{min-width:0;background:#fff}.home-qo-col+.home-qo-col{border-left:1px solid #e3ebf4}.home-qo-step{min-height:80px;padding:20px 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e3ebf4;background:#fbfdff}.home-qo-step b{width:38px;height:38px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(180deg,#ff8a2a,#f36b16);color:#fff;font-size:16px;font-weight:850}.home-qo-step strong{display:block;color:#141b2c;font-size:15px;font-weight:850}.home-qo-step small{display:block;margin-top:3px;color:#7c8999;font-size:12px;line-height:1.35}.home-qo-list{display:grid;align-content:start;gap:8px;max-height:548px;overflow:auto;padding:18px;scrollbar-width:thin;scrollbar-color:#dbe4ef transparent}.home-qo-list button{min-height:52px;width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#172033;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.home-qo-list button:hover,.home-qo-list button:focus-visible{border-color:#dbe4ef;background:#f8fafc}.home-qo-list button[data-active="1"]{border-color:#ff8f3d;background:#fff7f2;color:#111827}.home-qo-list button span,.home-qo-select-media{width:28px;height:28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#f2f6fb;color:#f26a16;font-size:14px;flex:0 0 auto}.home-qo-list button img,.home-qo-select-media img{width:100%;height:100%;object-fit:cover}.home-qo-list button b{min-width:0;overflow:hidden;color:inherit;font-size:14px;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.home-qo-list button small{color:#8a96a6;font-size:12px;font-weight:750}.home-qo-form-body{display:grid;gap:16px;padding:24px 26px 26px}.home-qo-field{display:grid;gap:8px}.home-qo-field>span,.home-qo-form label>span{color:#172033;font-size:13px;font-weight:800}.home-qo-label-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.home-qo-label-row a{color:#f26a16;font-size:13px;font-weight:800;text-decoration:none}.home-qo-select{position:relative}.home-qo-select>button,.home-qo-input,.home-qo-qty{min-height:48px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#172033}.home-qo-select>button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;padding:0 14px;text-align:left;cursor:pointer}.home-qo-select>button>span{min-width:0;display:flex;align-items:center;gap:10px}.home-qo-select>button b{min-width:0;display:block;overflow:hidden;color:#172033;font-size:14px;font-weight:760;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-qo-select>button small{display:block;margin-top:2px;color:#697789;font-size:12px;font-weight:700;line-height:1.25}.home-qo-select>button i{color:#526071;font-size:12px;transition:transform .16s ease}.home-qo-select[data-open="1"]>button{border-color:#ff8f3d;box-shadow:0 0 0 3px rgba(255,122,26,.12)}.home-qo-select[data-open="1"]>button>i{transform:rotate(180deg)}.home-qo-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:70;display:none;max-height:322px;overflow:auto;border:1px solid #dbe4ef;border-radius:12px;background:#fff;box-shadow:0 18px 46px rgba(21,30,46,.16)}.home-qo-select[data-open="1"] .home-qo-menu{display:block}.home-qo-menu-option{width:100%;min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#172033;text-align:left;cursor:pointer}.home-qo-menu-option:last-child{border-bottom:0}.home-qo-menu-option:hover,.home-qo-menu-option:focus-visible,.home-qo-menu-option[data-active="1"]{background:#fff7f2}.home-qo-menu-option>span:not(.home-qo-select-media){min-width:0;overflow:hidden;font-size:14px;font-weight:720;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.home-qo-menu-option small{color:#8a96a6;font-size:12px;font-weight:750}.home-qo-service-menu{max-height:386px}.home-qo-service-option{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px 16px}.home-qo-service-option span{white-space:normal!important;line-height:1.4}.home-qo-service-option strong{margin-left:14px;color:#f26a16;font-size:13px;font-weight:850;white-space:nowrap}.home-qo-input:focus-within,.home-qo-qty:focus-within{border-color:#ff8f3d;box-shadow:none}.home-qo-input{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px}.home-qo-input i{color:#7c8999;font-size:13px}.home-qo-input input,.home-qo-qty input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#172033;font-size:14px}.home-qo-input input::placeholder,.home-qo-qty input::placeholder{color:#9aa7b8}.home-qo-qty{display:grid;grid-template-columns:38px minmax(64px,1fr) 38px auto;align-items:center;overflow:hidden}.home-qo-qty button{width:38px;height:38px;margin:0 6px;border:1px solid #dbe4ef;border-radius:99px;background:#f8fafc;color:#172033;display:inline-flex;align-items:center;justify-content:center}.home-qo-qty button:hover,.home-qo-qty button:focus-visible{border-color:#ffb37a;color:#f26a16}.home-qo-qty input{height:46px;text-align:center;font-weight:760}.home-qo-qty strong{min-width:104px;padding:0 14px;color:#172033;font-size:14px;font-weight:850;text-align:right;white-space:nowrap}.home-qo-field small{color:#7c8999;font-size:12px;line-height:1.45}.home-qo-info{display:grid;gap:8px;padding:14px;border:1px solid #e3ebf4;border-radius:12px;background:#f8fafc}.home-qo-info>strong{color:#172033;font-size:14px;font-weight:800;line-height:1.45}.home-qo-info div{display:flex;flex-wrap:wrap;gap:8px;color:#697789;font-size:12px;line-height:1.4}.home-qo-info span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:99px;background:#fff;border:1px solid #e3ebf4}.home-qo-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.home-qo-promo .home-qo-input{min-height:44px}.home-qo-promo button{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #dbe4ef;background:#fff;color:#f26a16;font-size:13px;font-weight:800}.home-qo-msg{min-height:18px;color:#697789;font-size:12px;line-height:1.45}.home-qo-submit{min-height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#ff8526,#f26a16);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:850;cursor:pointer}.home-qo-submit:hover,.home-qo-submit:focus-visible{background:linear-gradient(180deg,#ff8f3d,#ef6412)}.home-qo-empty{padding:16px;border:1px dashed #dbe4ef;border-radius:12px;color:#697789;font-size:13px;line-height:1.5}@media(max-width:1023px){.home-qo-board{grid-template-columns:1fr}.home-qo-col+.home-qo-col{border-left:0;border-top:1px solid #e3ebf4}.home-qo-list{max-height:none}}@media(max-width:767px){.home-qo-wrap{width:100%;padding:30px 10px 12px}.home-qo-head{display:block;text-align:center;margin-bottom:26px}.home-qo-kicker,.home-qo-lead,.home-qo-catalog{display:none}.home-qo-title{margin:0;color:#141b2c;font-size:22px;line-height:1.25}.home-qo-mobile-note{display:block;margin:14px 0 0;color:#666f7c;font-size:15px;line-height:1.45}.home-qo-board{display:block;border:0;border-radius:0;background:transparent;box-shadow:none}.home-qo-mobile-controls{display:grid;gap:26px}.home-qo-col--desktop{display:none}.home-qo-col+.home-qo-col{border:0}.home-qo-form{border:0;background:transparent}.home-qo-form .home-qo-step{display:none}.home-qo-form-body{padding:26px 0 0;gap:26px}.home-qo-field{gap:12px;text-align:left}.home-qo-field>span,.home-qo-form label>span{font-size:15px;font-weight:650;color:#111827}.home-qo-label-row a{font-size:14px}.home-qo-select>button,.home-qo-input,.home-qo-qty{min-height:50px;border-radius:6px}.home-qo-select>button{padding:0 14px}.home-qo-select>button b{font-size:15px}.home-qo-menu{top:calc(100% + 4px);max-height:354px;border-radius:4px;box-shadow:0 12px 28px rgba(21,30,46,.18)}.home-qo-menu-option{min-height:52px;padding:13px 16px}.home-qo-service-menu{max-height:360px}.home-qo-service-option{grid-template-columns:minmax(0,1fr);gap:5px}.home-qo-service-option strong{margin-left:0}.home-qo-input input,.home-qo-qty input{font-size:15px}.home-qo-qty{grid-template-columns:48px minmax(70px,1fr) 48px auto;width:min(100%,310px)}.home-qo-qty button{width:32px;height:32px;margin:0 9px}.home-qo-qty strong{min-width:86px;padding:0 10px;text-align:left}.home-qo-info{display:none}.home-qo-promo{grid-template-columns:1fr}.home-qo-promo button{width:100%}.home-qo-submit{min-height:56px;border-radius:14px}}
/* Codex home quick order 2026-06-27 END */


/* Codex home quick order service label polish 2026-06-27 START */
.home-qo-select--service>button>span{display:block;overflow:hidden}.home-qo-select--service>button b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-qo-select--service>button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.home-qo-select--service>button small{display:none}.home-qo-select--service>button b{font-size:15px}}
/* Codex home quick order service label polish 2026-06-27 END */


/* Codex home width alignment and mobile quick order polish 2026-06-27 START */
body.smf-has-category-strip {
  --smf-home-content-max: 1536px;
  --smf-home-content-gutter: 32px;
}

body.smf-has-category-strip main.home-v4 .home-v5-hero,
body.smf-has-category-strip main.home-v4 .home-qo-wrap,
body.smf-has-category-strip main.home-v4 .home-v4-section > .max-w-7xl,
body.smf-has-category-strip main.home-v4 > section.mx-auto.max-w-7xl,
body.smf-has-category-strip footer .max-w-7xl {
  width: min(var(--smf-home-content-max), calc(100vw - var(--smf-home-content-gutter))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.smf-has-category-strip main.home-v4 .home-v4-section > .max-w-7xl,
body.smf-has-category-strip main.home-v4 > section.mx-auto.max-w-7xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.smf-has-category-strip main.home-v4 .home-v5-hero-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  body.smf-has-category-strip {
    --smf-home-content-gutter: 20px;
  }

  body.smf-has-category-strip main.home-v4 .home-qo-wrap {
    width: calc(100vw - 20px) !important;
    padding: 28px 0 18px !important;
  }

  body.smf-has-category-strip .home-qo-head {
    margin-bottom: 22px !important;
  }

  body.smf-has-category-strip .home-qo-mobile-controls {
    gap: 20px !important;
  }

  body.smf-has-category-strip .home-qo-form-body {
    padding: 22px 0 0 !important;
    gap: 20px !important;
  }

  body.smf-has-category-strip .home-qo-field {
    gap: 10px !important;
  }

  body.smf-has-category-strip .home-qo-select > button,
  body.smf-has-category-strip .home-qo-input,
  body.smf-has-category-strip .home-qo-qty {
    min-height: 50px !important;
    border-radius: 8px !important;
  }

  body.smf-has-category-strip .home-qo-qty {
    width: 100% !important;
    grid-template-columns: 44px minmax(72px, 1fr) 44px minmax(78px, auto) !important;
  }

  body.smf-has-category-strip .home-qo-qty button {
    width: 32px !important;
    height: 32px !important;
    margin: 0 7px !important;
  }

  body.smf-has-category-strip .home-qo-qty strong {
    min-width: 78px !important;
    padding: 0 10px !important;
    text-align: left !important;
  }

  body.smf-has-category-strip .home-qo-promo {
    gap: 10px !important;
  }

  body.smf-has-category-strip .home-qo-submit {
    width: 100% !important;
    margin-top: 4px !important;
  }

  body.smf-has-category-strip .home-qo-menu {
    max-height: min(360px, 50vh) !important;
  }
}
/* Codex home width alignment and mobile quick order polish 2026-06-27 END */

/* Codex home quick order box sizing 2026-06-27 START */
body.smf-has-category-strip .home-qo-select,
body.smf-has-category-strip .home-qo-select > button,
body.smf-has-category-strip .home-qo-input,
body.smf-has-category-strip .home-qo-qty,
body.smf-has-category-strip .home-qo-submit {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
/* Codex home quick order box sizing 2026-06-27 END */

/* Codex home feature links and footer light polish 2026-06-27 START */
.home-feature-links-section {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  border-top: 1px solid #edf2f7;
  border-bottom: 1px solid #e3ebf4;
}

.home-feature-links-inner {
  width: min(var(--smf-home-content-max, 1536px), calc(100vw - var(--smf-home-content-gutter, 32px)));
  max-width: none;
  margin: 0 auto;
  padding: 46px 0 52px;
}

.home-feature-links-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.home-feature-links-title {
  margin: 0;
  color: #141b2c;
  font-size: clamp(28px, 2.4vw, 42px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0;
}

.home-feature-links-lead {
  max-width: 780px;
  margin: 12px 0 0;
  color: #526071;
  font-size: 16px;
  line-height: 1.65;
}

.home-feature-links-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-feature-link-card {
  min-height: 128px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #fff;
  color: #172033;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(21, 30, 46, .045);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.home-feature-link-card:hover,
.home-feature-link-card:focus-visible {
  border-color: #ffb37a;
  box-shadow: 0 14px 32px rgba(21, 30, 46, .07);
  transform: translateY(-1px);
  outline: none;
}

.home-feature-link-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid #ffd8be;
  background: #fff6f0;
  color: #f26a16;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.home-feature-link-content {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.home-feature-link-title {
  color: #141b2c;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
}

.home-feature-link-text {
  color: #5f6b7c;
  font-size: 14px;
  line-height: 1.5;
}

.home-feature-link-arrow {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #e3ebf4;
  background: #fbfdff;
  color: #8a97aa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: border-color .16s ease, color .16s ease, background-color .16s ease;
}

.home-feature-link-card:hover .home-feature-link-arrow,
.home-feature-link-card:focus-visible .home-feature-link-arrow {
  border-color: #ffd0ad;
  background: #fff6f0;
  color: #f26a16;
}

body.smf-has-category-strip .sf-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #fff !important;
  border-top: 1px solid #e3ebf4 !important;
  color: #172033 !important;
}

body.smf-has-category-strip .sf-footer > .pointer-events-none {
  display: none !important;
}

body.smf-has-category-strip .sf-footer .max-w-7xl {
  width: min(var(--smf-home-content-max, 1536px), calc(100vw - var(--smf-home-content-gutter, 32px))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.smf-has-category-strip .sf-footer-shell {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.smf-has-category-strip .sf-footer-shell::before,
body.smf-has-category-strip .sf-footer-shell::after {
  display: none !important;
}

body.smf-has-category-strip .sf-footer-inner {
  padding: 44px 0 36px !important;
  gap: 18px !important;
}

body.smf-has-category-strip .sf-footer-topbar,
body.smf-has-category-strip .sf-footer-col,
body.smf-has-category-strip .sf-footer-cats {
  border: 1px solid #dbe4ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(21, 30, 46, .045) !important;
}

body.smf-has-category-strip .sf-footer-topbar {
  padding: 16px 18px !important;
}

body.smf-has-category-strip .sf-footer-col,
body.smf-has-category-strip .sf-footer-cats {
  padding: 18px !important;
}

body.smf-has-category-strip .sf-footer-topbar-title,
body.smf-has-category-strip .sf-footer-col-title,
body.smf-has-category-strip .sf-footer-cats-title,
body.smf-has-category-strip .sf-pay-title {
  color: #141b2c !important;
}

body.smf-has-category-strip .sf-footer-topbar-text,
body.smf-has-category-strip .sf-footer-brand-copy,
body.smf-has-category-strip .sf-footer-cats-note,
body.smf-has-category-strip .sf-footer-legal,
body.smf-has-category-strip .sf-footer-bottom-main {
  color: #5f6b7c !important;
}

body.smf-has-category-strip .sf-footer .text-white {
  color: #141b2c !important;
}

body.smf-has-category-strip .sf-footer-link,
body.smf-has-category-strip .sf-email-link {
  color: #2f3b4f !important;
}

body.smf-has-category-strip .sf-footer-link i,
body.smf-has-category-strip .sf-email-link i {
  color: #9aa7ba !important;
}

body.smf-has-category-strip .sf-footer-link:hover,
body.smf-has-category-strip .sf-email-link:hover {
  color: #f26a16 !important;
  transform: none !important;
}

body.smf-has-category-strip .sf-footer-link:hover i,
body.smf-has-category-strip .sf-email-link:hover i {
  color: #f26a16 !important;
}

body.smf-has-category-strip .sf-footer-chip,
body.smf-has-category-strip .sf-footer-mini-tag,
body.smf-has-category-strip .sf-footer-cat-link,
body.smf-has-category-strip .sf-pay-tag {
  border: 1px solid #dbe4ef !important;
  background: #fbfdff !important;
  color: #39475c !important;
}

body.smf-has-category-strip .sf-footer-chip i,
body.smf-has-category-strip .sf-footer-mini-tag i,
body.smf-has-category-strip .sf-footer-cat-link i {
  color: #f26a16 !important;
}

body.smf-has-category-strip .sf-footer-cat-link:hover {
  border-color: #ffb37a !important;
  background: #fff6f0 !important;
  color: #f26a16 !important;
  transform: none !important;
}

body.smf-has-category-strip .sf-footer-cat-link img {
  border-color: #dbe4ef !important;
}

body.smf-has-category-strip .sf-footer-brand-logo,
body.smf-has-category-strip .sf-cta-btn-icon {
  border-color: #ffd8be !important;
  background: #fff6f0 !important;
  box-shadow: none !important;
}

body.smf-has-category-strip .sf-cta-btn {
  border: 1px solid #dbe4ef !important;
  background: #fbfdff !important;
  color: #2f3b4f !important;
}

body.smf-has-category-strip .sf-cta-btn:hover {
  border-color: #ffb37a !important;
  background: #fff6f0 !important;
  color: #f26a16 !important;
  transform: none !important;
}

body.smf-has-category-strip .sf-cta-btn-telegram i {
  color: #229ed9 !important;
}

body.smf-has-category-strip .sf-cta-btn-support i {
  color: #f26a16 !important;
}

body.smf-has-category-strip .sf-pay-wrap {
  border: 1px solid #dbe4ef !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

body.smf-has-category-strip .sf-pay-item {
  border: 1px solid #dbe4ef !important;
  background: #fff !important;
}

body.smf-has-category-strip .sf-footer-bottom {
  border-top: 1px solid #e3ebf4 !important;
}

@media (max-width: 1199px) {
  .home-feature-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .home-feature-links-inner {
    width: calc(100vw - 20px);
    padding: 30px 0 34px;
  }

  .home-feature-links-head {
    margin-bottom: 16px;
  }

  .home-feature-links-title {
    font-size: 26px;
  }

  .home-feature-links-lead {
    font-size: 14px;
    line-height: 1.55;
  }

  .home-feature-links-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .home-feature-link-card {
    min-height: 108px;
    grid-template-columns: 38px minmax(0, 1fr) 26px;
    gap: 12px;
    padding: 16px;
  }

  .home-feature-link-icon {
    width: 38px;
    height: 38px;
  }

  .home-feature-link-title {
    font-size: 16px;
  }

  .home-feature-link-text {
    font-size: 13px;
  }

  body.smf-has-category-strip .sf-footer .max-w-7xl {
    width: calc(100vw - 20px) !important;
  }

  body.smf-has-category-strip .sf-footer-inner {
    padding: 30px 0 104px !important;
  }

  body.smf-has-category-strip .sf-footer-topbar,
  body.smf-has-category-strip .sf-footer-col,
  body.smf-has-category-strip .sf-footer-cats {
    box-shadow: none !important;
  }
}
/* Codex home feature links and footer light polish 2026-06-27 END */

/* Codex seo/footer hard light fix and compact mobile quick order 2026-06-27 START */
body.smf-has-category-strip main.home-v4 > section.home-feature-links-section,
body.smf-has-category-strip .home-feature-links-section {
  position: relative !important;
  z-index: 8 !important;
  isolation: isolate !important;
  contain: paint !important;
  transform: translateZ(0) !important;
  overflow: hidden !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #172033 !important;
  box-shadow: inset 0 0 0 100vmax #fff !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .home-feature-links-section::before,
body.smf-has-category-strip .home-feature-links-section::after,
body.smf-has-category-strip .home-feature-links-inner::before,
body.smf-has-category-strip .home-feature-links-inner::after,
body.smf-has-category-strip .home-feature-links-grid::before,
body.smf-has-category-strip .home-feature-links-grid::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

body.smf-has-category-strip .home-feature-links-inner,
body.smf-has-category-strip .home-feature-links-head,
body.smf-has-category-strip .home-feature-links-grid {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  color: #172033 !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .home-feature-links-title,
body.smf-has-category-strip .home-feature-link-title {
  color: #141b2c !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .home-feature-links-lead,
body.smf-has-category-strip .home-feature-link-text {
  color: #526071 !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .home-feature-link-card {
  position: relative !important;
  z-index: 3 !important;
  background: #fff !important;
  color: #172033 !important;
  border-color: #dbe4ef !important;
  box-shadow: 0 10px 28px rgba(21, 30, 46, .045) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.smf-has-category-strip .sf-footer,
body.smf-has-category-strip .sf-footer * {
  text-shadow: none !important;
}

body.smf-has-category-strip .sf-footer-topbar-title,
body.smf-has-category-strip .sf-footer-col-title,
body.smf-has-category-strip .sf-footer-cats-title,
body.smf-has-category-strip .sf-pay-title,
body.smf-has-category-strip .sf-footer-brand-head,
body.smf-has-category-strip .sf-footer-brand-head span,
body.smf-has-category-strip .sf-footer .text-white,
body.smf-has-category-strip .sf-footer .display-font {
  color: #141b2c !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .sf-footer .text-brand-500,
body.smf-has-category-strip .sf-footer-brand-head .text-brand-500 {
  color: #f26a16 !important;
}

body.smf-has-category-strip .sf-footer-topbar-text,
body.smf-has-category-strip .sf-footer-brand-copy,
body.smf-has-category-strip .sf-footer-cats-note,
body.smf-has-category-strip .sf-footer-legal,
body.smf-has-category-strip .sf-footer-bottom-main,
body.smf-has-category-strip .sf-pay-tag,
body.smf-has-category-strip .sf-footer-mini-tag,
body.smf-has-category-strip .sf-footer-chip {
  color: #526071 !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .sf-footer-link,
body.smf-has-category-strip .sf-footer-link span,
body.smf-has-category-strip .sf-email-link,
body.smf-has-category-strip .sf-email-link span,
body.smf-has-category-strip .sf-cta-btn,
body.smf-has-category-strip .sf-cta-btn span,
body.smf-has-category-strip .sf-footer-cat-link,
body.smf-has-category-strip .sf-footer-cat-link span {
  color: #2f3b4f !important;
  opacity: 1 !important;
}

body.smf-has-category-strip .sf-footer-cat-link-accent,
body.smf-has-category-strip .sf-footer-cat-link-accent span {
  background: #fff6f0 !important;
  color: #f26a16 !important;
  border-color: #ffd8be !important;
  box-shadow: none !important;
}

body.smf-has-category-strip .sf-footer i,
body.smf-has-category-strip .sf-footer-link i,
body.smf-has-category-strip .sf-email-link i {
  opacity: 1 !important;
}

body.smf-has-category-strip .sf-pay-item img,
body.smf-has-category-strip .sf-footer-brand-logo img,
body.smf-has-category-strip .sf-footer-cat-link img {
  opacity: 1 !important;
  filter: none !important;
}

@media (max-width: 767px) {
  body.smf-has-category-strip {
    --smf-home-content-gutter: 36px;
  }

  body.smf-has-category-strip main.home-v4 .home-qo-wrap {
    width: min(350px, calc(100vw - 36px)) !important;
    max-width: 350px !important;
    padding-top: 26px !important;
  }

  body.smf-has-category-strip .home-qo-board,
  body.smf-has-category-strip .home-qo-mobile-controls,
  body.smf-has-category-strip .home-qo-form-body,
  body.smf-has-category-strip .home-qo-submit {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.smf-has-category-strip .home-qo-title {
    font-size: 26px !important;
  }

  body.smf-has-category-strip .home-qo-lead,
  body.smf-has-category-strip .home-qo-mobile-note {
    font-size: 14px !important;
  }

  body.smf-has-category-strip .home-qo-select > button,
  body.smf-has-category-strip .home-qo-input,
  body.smf-has-category-strip .home-qo-qty,
  body.smf-has-category-strip .home-qo-promo button {
    min-height: 48px !important;
  }
}
/* Codex seo/footer hard light fix and compact mobile quick order 2026-06-27 END */

/* Codex screenshot issue cleanup 2026-06-27 START */
body.smf-has-category-strip main.home-v4,
body.smf-has-category-strip .home-v5-hero-section,
body.smf-has-category-strip .home-quick-order-section,
body.smf-has-category-strip .home-feature-links-section,
body.smf-has-category-strip .sf-footer {
  background-color: #fff !important;
}

body.smf-has-category-strip .home-v5-hero-section,
body.smf-has-category-strip .home-v5-hero,
body.smf-has-category-strip .home-v5-hero::before,
body.smf-has-category-strip .home-v5-hero::after,
body.smf-has-category-strip .home-v5-hero-bg,
body.smf-has-category-strip .home-v5-vignette,
body.smf-has-category-strip .home-v5-stars,
body.smf-has-category-strip .home-v5-haze,
body.smf-has-category-strip .home-v5-aurora,
body.smf-has-category-strip .home-v5-illustration::before,
body.smf-has-category-strip .home-v5-illustration::after {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.smf-has-category-strip .home-v5-hero::before,
body.smf-has-category-strip .home-v5-hero::after,
body.smf-has-category-strip .home-v5-hero-bg,
body.smf-has-category-strip .home-v5-vignette,
body.smf-has-category-strip .home-v5-stars,
body.smf-has-category-strip .home-v5-haze,
body.smf-has-category-strip .home-v5-aurora {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
}

body.smf-has-category-strip .home-v5-hero {
  background: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.smf-has-category-strip .home-feature-links-section {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #e3ebf4 !important;
  box-shadow: inset 0 0 0 100vmax #fff !important;
}

body.smf-has-category-strip .home-feature-links-section + .sf-footer,
body.smf-has-category-strip .sf-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: #fff !important;
}

body.smf-has-category-strip .sf-footer {
  overflow: visible !important;
}

body.smf-has-category-strip .sf-footer-topbar,
body.smf-has-category-strip .sf-footer-col,
body.smf-has-category-strip .sf-footer-cats,
body.smf-has-category-strip .sf-pay-wrap {
  background: #fff !important;
  color: #172033 !important;
}

body.smf-has-category-strip .sf-foot-col-cta {
  min-height: 0 !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-cta-stack {
  gap: 8px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-cta-btn {
  min-height: 40px !important;
  border-radius: 12px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-email-link {
  min-height: 28px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-wrap {
  margin-top: 10px !important;
  padding: 10px 12px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-item {
  min-height: 34px !important;
  border-radius: 10px !important;
  padding: 0 8px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-item img {
  max-width: 54px !important;
  max-height: 18px !important;
  object-fit: contain !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-tags {
  gap: 6px !important;
}

body.smf-has-category-strip .sf-foot-col-cta .sf-pay-tag {
  height: 24px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}

body.smf-has-category-strip .sf-footer * {
  color-scheme: light !important;
}

@media (max-width: 767px) {
  body.smf-has-category-strip .home-v5-hero-section {
    background: #fff !important;
  }

  body.smf-has-category-strip .home-v5-hero {
    background: #fff !important;
    box-shadow: none !important;
  }

  body.smf-has-category-strip main.home-v4 .home-qo-wrap {
    width: min(344px, calc(100vw - 44px)) !important;
    max-width: 344px !important;
  }

  body.smf-has-category-strip .home-qo-head {
    margin-bottom: 18px !important;
  }

  body.smf-has-category-strip .home-qo-form-body {
    gap: 16px !important;
  }

  body.smf-has-category-strip .home-qo-qty {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(48px, 1fr) 38px minmax(58px, auto) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 8px !important;
    overflow: hidden !important;
  }

  body.smf-has-category-strip .home-qo-qty button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 99px !important;
  }

  body.smf-has-category-strip .home-qo-qty input {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    padding: 0 !important;
  }

  body.smf-has-category-strip .home-qo-qty strong {
    min-width: 52px !important;
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  body.smf-has-category-strip .sf-footer-inner {
    padding-top: 32px !important;
  }

  body.smf-has-category-strip .sf-foot-col-cta .sf-pay-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Codex screenshot issue cleanup 2026-06-27 END */

/* Codex home mobile footer gap fix 2026-06-27 START */
@media (max-width: 767px) {
  body.smf-has-category-strip main.home-v4 {
    padding-bottom: 0 !important;
    background: #fff !important;
  }

  body.smf-has-category-strip main.home-v4 + .sf-footer,
  body.smf-has-category-strip .sf-footer {
    margin-top: 0 !important;
  }
}
/* Codex home mobile footer gap fix 2026-06-27 END */

/* Codex remove remaining hero glow layers 2026-06-27 START */
body.smf-has-category-strip main.home-v4::before,
body.smf-has-category-strip main.home-v4::after,
body.smf-has-category-strip .home-v4::before,
body.smf-has-category-strip .home-v4::after,
body.smf-has-category-strip .home-v5-copy::before,
body.smf-has-category-strip .home-v5-copy::after,
body.smf-has-category-strip .home-v4-section::before,
body.smf-has-category-strip .home-v4-section::after,
body.smf-has-category-strip .home-v4-shell::before,
body.smf-has-category-strip .home-v4-shell::after,
body.smf-has-category-strip .home-v4-cta-visual::before,
body.smf-has-category-strip .home-v4-cta-visual::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  inset: auto !important;
  position: static !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

body.smf-has-category-strip main.home-v4,
body.smf-has-category-strip .home-v4,
body.smf-has-category-strip .home-v5-hero-section,
body.smf-has-category-strip .home-v5-hero,
body.smf-has-category-strip .home-v5-copy {
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.smf-has-category-strip .home-v5-title,
body.smf-has-category-strip .home-v5-subtitle,
body.smf-has-category-strip .home-v5-mobile-slogan,
body.smf-has-category-strip .home-v5-mobile-slogan-kicker {
  text-shadow: none !important;
  filter: none !important;
}
/* Codex remove remaining hero glow layers 2026-06-27 END */

/* Codex profile/footer global light readability 2026-06-27 START */
.sf-footer {
  background: #fff !important;
  color: #172033 !important;
  margin-top: 3rem !important;
  padding-top: 2.5rem !important;
}
.sf-footer > .pointer-events-none,
.sf-footer::before,
.sf-footer::after,
.sf-footer-shell::before,
.sf-footer-shell::after {
  display: none !important;
}
.sf-footer .max-w-7xl {
  width: min(100%, 1340px) !important;
  max-width: 1340px !important;
}
.sf-footer-shell {
  border: 1px solid #dbe5f0 !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(20, 31, 48, 0.07) !important;
  border-radius: 22px !important;
  padding: clamp(1rem, 2vw, 1.45rem) !important;
}
.sf-footer-inner {
  gap: 1.25rem !important;
}
.sf-footer-topbar,
.sf-footer-col,
.sf-footer-cats {
  border: 1px solid #dbe5f0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.sf-footer-topbar-title,
.sf-footer-col-title,
.sf-footer-cats-title,
.sf-footer-brand-copy,
.sf-footer-brand-head,
.sf-footer-brand-head span,
.sf-footer .text-white,
.sf-footer .display-font {
  color: #151b2b !important;
}
.sf-footer-topbar-text,
.sf-footer-cats-note,
.sf-footer-legal,
.sf-footer-bottom-main,
.sf-footer p,
.sf-footer small {
  color: #5f6f84 !important;
}
.sf-footer-link,
.sf-footer-link span,
.sf-footer-chip,
.sf-footer-mini-tag,
.sf-footer-cat-link,
.sf-footer-cat-link span {
  color: #334155 !important;
}
.sf-footer-link,
.sf-footer-chip,
.sf-footer-mini-tag,
.sf-footer-cat-link,
.sf-footer-contact-link,
.sf-footer-payment-card,
.sf-footer [class*="border-white"] {
  border-color: #dbe5f0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.sf-footer-link:hover,
.sf-footer-cat-link:hover,
.sf-footer-contact-link:hover {
  border-color: rgba(249, 115, 22, 0.4) !important;
  background: #fff7ed !important;
  color: #111827 !important;
}
.sf-footer i,
.sf-footer-link i,
.sf-footer-chip i,
.sf-footer-mini-tag i,
.sf-footer-cat-link i {
  color: #f97316 !important;
}
.sf-footer-cat-link-accent,
.sf-footer-cat-link-accent span,
.sf-footer-cat-link-accent i {
  background: #fff7ed !important;
  color: #f97316 !important;
  border-color: rgba(249, 115, 22, 0.24) !important;
}
.sf-footer-brand-logo {
  background: #fff7ed !important;
  border-color: rgba(249, 115, 22, 0.24) !important;
}
.sf-footer .opacity-40,
.sf-footer .opacity-50,
.sf-footer .opacity-60,
.sf-footer .text-white\/40,
.sf-footer .text-white\/50,
.sf-footer .text-white\/60,
.sf-footer .text-slate-300,
.sf-footer .text-slate-400,
.sf-footer .text-gray-300,
.sf-footer .text-gray-400,
.sf-footer .text-gray-500 {
  opacity: 1 !important;
  color: #5f6f84 !important;
}
.sf-footer a[href^="mailto"] {
  color: #334155 !important;
  word-break: break-word !important;
}
.sf-footer img {
  opacity: 1 !important;
  filter: none !important;
}
@media (max-width: 767px) {
  .sf-footer {
    margin-top: 2rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: calc(6rem + env(safe-area-inset-bottom)) !important;
  }
  .sf-footer .max-w-7xl {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .sf-footer-shell {
    border-radius: 18px !important;
    padding: 0.85rem !important;
  }
  .sf-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }
  .sf-footer-topbar,
  .sf-footer-col,
  .sf-footer-cats {
    border-radius: 16px !important;
  }
  .sf-footer-topbar-tags,
  .sf-footer-brand-tags,
  .sf-footer-cat-list {
    gap: 0.45rem !important;
  }
  .sf-footer-link,
  .sf-footer-chip,
  .sf-footer-mini-tag,
  .sf-footer-cat-link {
    min-height: 2.25rem !important;
  }
}
/* Codex profile/footer global light readability 2026-06-27 END */

/* Codex footer contact readability 2026-06-27 START */
.sf-footer {
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
}
.sf-footer .sf-cta-btn,
.sf-footer .sf-cta-btn-telegram,
.sf-footer .sf-cta-btn-support {
  border-color: #dbe5f0 !important;
  background: #fff !important;
  color: #172033 !important;
  box-shadow: none !important;
}
.sf-footer .sf-cta-btn span,
.sf-footer .sf-cta-btn > span:last-child {
  color: #172033 !important;
  opacity: 1 !important;
}
.sf-footer .sf-cta-btn:hover {
  border-color: rgba(249, 115, 22, 0.4) !important;
  background: #fff7ed !important;
  color: #111827 !important;
  transform: none !important;
}
.sf-footer .sf-cta-btn-icon,
.sf-footer .sf-cta-btn-telegram .sf-cta-btn-icon,
.sf-footer .sf-cta-btn-support .sf-cta-btn-icon {
  border-color: rgba(249, 115, 22, 0.28) !important;
  background: #fff7ed !important;
}
.sf-footer .sf-cta-btn-icon i,
.sf-footer .sf-cta-btn-telegram i,
.sf-footer .sf-cta-btn-support i {
  color: #f97316 !important;
}
.sf-footer .sf-email-link,
.sf-footer .sf-email-link span {
  color: #334155 !important;
  opacity: 1 !important;
}
.sf-footer .sf-pay-wrap {
  border-color: #dbe5f0 !important;
  background: #f8fafc !important;
}
.sf-footer .sf-pay-title {
  color: #172033 !important;
  letter-spacing: 0.04em !important;
}
.sf-footer .sf-pay-item,
.sf-footer .sf-pay-tag {
  border-color: #dbe5f0 !important;
  background: #fff !important;
  color: #475569 !important;
  opacity: 1 !important;
}
/* Codex footer contact readability 2026-06-27 END */

/* Codex hide category strip at quick order 2026-06-27 START */
body.smf-has-category-strip header.fixed .glass-soft {
  position: relative !important;
  z-index: 3 !important;
}

.app-category-strip {
  position: relative !important;
  z-index: 1 !important;
  max-height: 48px !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  transition:
    transform .32s cubic-bezier(.22, 1, .36, 1),
    max-height .30s ease,
    opacity .20s ease,
    border-color .20s ease !important;
  will-change: max-height, opacity, transform;
}

body.smf-has-category-strip > main.home-v4,
body.smf-has-category-strip > main.home-v4.pt-20 {
  transition: padding-top .30s ease !important;
}

body.smf-has-category-strip.smf-category-strip-hidden {
  --smf-header-stack-height: 64px !important;
}

body.smf-has-category-strip.smf-category-strip-hidden .app-category-strip {
  max-height: 0 !important;
  opacity: 0 !important;
  transform: translateY(calc(-100% - 8px)) !important;
  pointer-events: none !important;
  border-bottom-color: transparent !important;
}

body.smf-has-category-strip.smf-category-strip-hidden #mobileSearchModal .mobile-search-sheet,
body.smf-has-category-strip.smf-category-strip-hidden #mobileSearchModal .mobile-search-backdrop {
  top: var(--smf-header-stack-height) !important;
}

@media (prefers-reduced-motion: reduce) {
  .app-category-strip,
  body.smf-has-category-strip > main.home-v4,
  body.smf-has-category-strip > main.home-v4.pt-20 {
    transition: none !important;
  }
}
/* Codex hide category strip at quick order 2026-06-27 END */

/* Codex home referral benefits block 2026-06-27 START */
.home-referral-benefits-section {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f5f8fc;
  border-top: 1px solid #edf2f7;
  border-bottom: 1px solid #e3ebf4;
}

.home-referral-benefits-inner {
  width: min(var(--smf-home-content-max, 1536px), calc(100vw - var(--smf-home-content-gutter, 32px)));
  margin: 0 auto;
  padding: 58px 0 62px;
}

.home-referral-benefits-heading {
  margin: 0;
  color: #192033;
  font-size: clamp(30px, 2.6vw, 44px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
  text-align: center;
}

.home-referral-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  margin-top: 58px;
}

.home-referral-benefit-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.home-referral-benefit-icon {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff9a4d 0%, #ff7315 100%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(255, 115, 21, .16);
  font-size: 20px;
}

.home-referral-benefit-card h3 {
  margin: 5px 0 0;
  color: #1a2133;
  font-size: clamp(20px, 1.45vw, 25px);
  line-height: 1.18;
  font-weight: 650;
  letter-spacing: 0;
}

.home-referral-benefit-card p {
  margin: 28px 0 0;
  color: #666f7d;
  font-size: 17px;
  line-height: 1.65;
}

.home-referral-program {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(340px, .8fr);
  align-items: center;
  gap: clamp(38px, 7vw, 110px);
  margin-top: 62px;
}

.home-referral-program-copy {
  max-width: 620px;
}

.home-referral-program-copy h3 {
  margin: 0;
  color: #192033;
  font-size: clamp(30px, 2.8vw, 44px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
}

.home-referral-program-copy p {
  margin: 28px 0 0;
  color: #5f6877;
  font-size: 18px;
  line-height: 1.8;
}

.home-referral-program-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.home-referral-program-visual img {
  width: min(460px, 100%);
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 32px rgba(255, 115, 21, .08));
}

@media (max-width: 1023px) {
  .home-referral-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 24px;
    margin-top: 42px;
  }

  .home-referral-program {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    margin-top: 48px;
  }

  .home-referral-program-copy {
    max-width: none;
  }

  .home-referral-program-visual {
    justify-content: center;
  }

  .home-referral-program-visual img {
    width: min(390px, 82vw);
  }
}

@media (max-width: 767px) {
  .home-referral-benefits-section {
    background: #f8fafc;
  }

  .home-referral-benefits-inner {
    width: 100%;
    padding: 38px 18px 42px;
  }

  .home-referral-benefits-heading {
    font-size: 25px;
    text-align: left;
  }

  .home-referral-benefits-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 26px;
  }

  .home-referral-benefit-card {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 16px;
    border: 1px solid #dbe5f0;
    border-radius: 10px;
    background: #fff;
  }

  .home-referral-benefit-icon {
    width: 42px;
    height: 42px;
    font-size: 16px;
    box-shadow: none;
  }

  .home-referral-benefit-card h3 {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 760;
  }

  .home-referral-benefit-card p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.55;
  }

  .home-referral-program {
    margin-top: 34px;
    gap: 22px;
  }

  .home-referral-program-copy h3 {
    font-size: 25px;
  }

  .home-referral-program-copy p {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.7;
  }

  .home-referral-program-visual img {
    width: min(310px, 92vw);
  }
}
/* Codex home referral benefits block 2026-06-27 END */

/* Codex mobile order app-like quick order 2026-06-27 START */
@media (max-width: 767px) {
  body.order-mobile-mode {
    overflow: hidden !important;
    background: #f5f7fb !important;
    color: #151b2d !important;
  }

  body.order-mobile-mode .order-page-main {
    padding: 0 !important;
    background: #f5f7fb !important;
  }

  body.order-mobile-mode .order-page-main::before,
  body.order-mobile-mode .order-page-main::after {
    display: none !important;
  }

  body.order-mobile-mode #order_page_root {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.order-mobile-mode .order-mobile-app {
    display: block !important;
    position: fixed !important;
    top: calc(env(safe-area-inset-top) + 60px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 110 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #f5f7fb !important;
    color: #151b2d !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .order-mobile-shell {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f5f7fb !important;
  }

  body.order-mobile-mode .order-mobile-shell::before {
    display: none !important;
  }

  body.order-mobile-mode .order-mobile-topbar {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: 12px 16px 14px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe8f2 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  }

  body.order-mobile-mode .order-mobile-topbar .min-w-0 {
    min-width: 0 !important;
    text-align: center !important;
  }

  body.order-mobile-mode #mob_step_progress_text {
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  body.order-mobile-mode #mob_step_title {
    margin-top: 3px !important;
    color: #151b2d !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.order-mobile-mode .order-mobile-back {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    border: 1px solid #dbe5f0 !important;
    background: #fff !important;
    color: #172033 !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .order-mobile-back.invisible {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.order-mobile-mode .mob-menu-toggle,
  body.order-mobile-mode .mob-menu-overlay {
    display: none !important;
  }

  body.order-mobile-mode .order-mobile-progress {
    width: min(264px, 100%) !important;
    margin: 12px auto 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.order-mobile-mode .order-mobile-progress span {
    height: 4px !important;
    border-radius: 999px !important;
    background: #d8e1ec !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .order-mobile-progress span[data-active="1"] {
    background: linear-gradient(90deg, #ff9a4d 0%, #ff7417 100%) !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .order-mobile-context {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #f5f7fb !important;
    scrollbar-width: none !important;
  }

  body.order-mobile-mode .order-mobile-context:empty {
    display: none !important;
    padding: 0 !important;
  }

  body.order-mobile-mode .order-mobile-context::-webkit-scrollbar {
    display: none !important;
  }

  body.order-mobile-mode .order-mobile-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .mob-screen {
    position: absolute !important;
    inset: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 14px 12px calc(108px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
  }

  body.order-mobile-mode .mob-screen-stack {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.order-mobile-mode .mob-step-item {
    width: 100% !important;
    min-height: 74px !important;
    padding: 12px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #151b2d !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .045) !important;
    transform: none !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
  }

  body.order-mobile-mode .mob-step-item::before {
    display: none !important;
  }

  body.order-mobile-mode .mob-step-item:active {
    transform: scale(.992) !important;
    background: #fff7ed !important;
  }

  body.order-mobile-mode .mob-step-item[data-active="1"] {
    border-color: rgba(249, 115, 22, .42) !important;
    background: #fff7ed !important;
    box-shadow: 0 12px 26px rgba(249, 115, 22, .10) !important;
  }

  body.order-mobile-mode .mob-step-main {
    gap: 12px !important;
    width: 100% !important;
  }

  body.order-mobile-mode .mob-step-main > .relative {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid #e3ebf4 !important;
    background: #f8fafc !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .mob-step-title,
  body.order-mobile-mode .mob-service-title,
  body.order-mobile-mode .mob-step-lead-title,
  body.order-mobile-mode #mob_sum_name {
    color: #151b2d !important;
    -webkit-text-fill-color: #151b2d !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.order-mobile-mode .mob-step-title {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.order-mobile-mode .mob-step-sub,
  body.order-mobile-mode .mob-step-lead-text,
  body.order-mobile-mode #mob_sum_path,
  body.order-mobile-mode #mob_link_hint,
  body.order-mobile-mode #mob_qty_hint {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    text-shadow: none !important;
  }

  body.order-mobile-mode .mob-step-sub {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.order-mobile-mode .mob-step-arrow,
  body.order-mobile-mode .mob-service-action,
  body.order-mobile-mode .mob-chip,
  body.order-mobile-mode .mob-service-chip,
  body.order-mobile-mode .mob-summary-badge,
  body.order-mobile-mode .mob-mini-btn,
  body.order-mobile-mode .mob-secondary-btn,
  body.order-mobile-mode #mob_sub_empty,
  body.order-mobile-mode #mob_service_empty {
    border-color: #dbe5f0 !important;
    background: #fff !important;
    color: #172033 !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .mob-step-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 14px !important;
    flex-shrink: 0 !important;
  }

  body.order-mobile-mode .mob-chip {
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #475569 !important;
    white-space: nowrap !important;
  }

  body.order-mobile-mode .mob-step-lead,
  body.order-mobile-mode .mob-order-card {
    margin-bottom: 10px !important;
    padding: 14px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #151b2d !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .045) !important;
  }

  body.order-mobile-mode .mob-step-lead::after {
    display: none !important;
  }

  body.order-mobile-mode .mob-step-kicker,
  body.order-mobile-mode .mob-step-counter {
    min-height: 24px !important;
    border-color: #dbe5f0 !important;
    background: #f8fafc !important;
    color: #64748b !important;
    letter-spacing: 0 !important;
  }

  body.order-mobile-mode .mob-step-kicker::before {
    background: #ff7417 !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .mob-service-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
  }

  body.order-mobile-mode .mob-service-title {
    font-size: 14px !important;
    line-height: 1.32 !important;
  }

  body.order-mobile-mode .mob-service-price {
    min-width: 64px !important;
    max-width: 76px !important;
    color: #ff7417 !important;
  }

  body.order-mobile-mode .mob-service-price .text-brand-300,
  body.order-mobile-mode .mob-service-price [class*="text-brand"] {
    color: #ff7417 !important;
    -webkit-text-fill-color: #ff7417 !important;
  }

  body.order-mobile-mode .mob-service-action,
  body.order-mobile-mode .mob-summary-badge {
    min-height: 26px !important;
    border-color: rgba(249, 115, 22, .22) !important;
    background: #fff7ed !important;
    color: #f26b12 !important;
  }

  body.order-mobile-mode .mob-service-chip[data-tone],
  body.order-mobile-mode .order-bolt-pack,
  body.order-mobile-mode .order-neutral-chip,
  body.order-mobile-mode .order-time-chip {
    border-color: #dbe5f0 !important;
    background: #f8fafc !important;
    color: #475569 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body.order-mobile-mode .mob-summary-desc {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
  }

  body.order-mobile-mode .mob-input {
    height: 52px !important;
    border-radius: 16px !important;
    border-color: #dbe5f0 !important;
    background: #fff !important;
    color: #151b2d !important;
    box-shadow: none !important;
    font-size: 15px !important;
  }

  body.order-mobile-mode .mob-input:focus {
    border-color: rgba(249, 115, 22, .58) !important;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, .10) !important;
  }

  body.order-mobile-mode .mob-mini-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
  }

  body.order-mobile-mode .mob-primary-btn {
    min-height: 54px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ff8b34 0%, #ff7015 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 12px 22px rgba(255, 112, 21, .18) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.order-mobile-mode .mob-secondary-btn {
    min-height: 50px !important;
    border-radius: 16px !important;
    color: #172033 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 380px) {
  body.order-mobile-mode .order-mobile-topbar {
    min-height: 80px !important;
    padding: 10px 12px 12px !important;
  }

  body.order-mobile-mode .mob-screen {
    padding: 12px 10px calc(104px + env(safe-area-inset-bottom)) !important;
  }

  body.order-mobile-mode .mob-step-item {
    min-height: 70px !important;
    padding: 11px !important;
    border-radius: 18px !important;
  }

  body.order-mobile-mode .mob-step-main > .relative {
    width: 48px !important;
    height: 48px !important;
  }
}
/* Codex mobile order app-like quick order 2026-06-27 END */

/* Codex mobile order checkout light fix 2026-06-27 START */
@media (max-width: 767px) {
  body.order-mobile-mode .mob-order-sticky {
    position: static !important;
    margin-top: 12px !important;
    display: grid !important;
    gap: 10px !important;
    padding: 14px !important;
    border: 1px solid #dbe5f0 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    color: #151b2d !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .045) !important;
  }

  body.order-mobile-mode .mob-order-card [class*="bg-white/5"],
  body.order-mobile-mode .mob-order-card [class*="bg-white\\/5"],
  body.order-mobile-mode #mob_quantity_hint {
    background: #f8fafc !important;
    color: #475569 !important;
  }

  body.order-mobile-mode .mob-order-card [class*="border-white/10"],
  body.order-mobile-mode .mob-order-card [class*="border-white\\/10"],
  body.order-mobile-mode #mob_quantity_hint {
    border-color: #dbe5f0 !important;
  }

  body.order-mobile-mode .mob-order-card .border-t {
    border-top-color: #dbe5f0 !important;
  }

  body.order-mobile-mode .mob-order-card .text-gray-100,
  body.order-mobile-mode .mob-order-card .text-gray-200,
  body.order-mobile-mode .mob-order-card .text-gray-300,
  body.order-mobile-mode .mob-order-card .text-gray-400,
  body.order-mobile-mode .mob-order-card .text-gray-500,
  body.order-mobile-mode .mob-order-sticky .text-gray-100,
  body.order-mobile-mode .mob-order-sticky .text-gray-200,
  body.order-mobile-mode .mob-order-sticky .text-gray-300,
  body.order-mobile-mode .mob-order-sticky .text-gray-400,
  body.order-mobile-mode .mob-order-sticky .text-gray-500,
  body.order-mobile-mode #mob_msg {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
  }

  body.order-mobile-mode #mob_calc_qty,
  body.order-mobile-mode #mob_balance_value,
  body.order-mobile-mode .mob-order-card strong.text-gray-100 {
    color: #151b2d !important;
    -webkit-text-fill-color: #151b2d !important;
  }

  body.order-mobile-mode #mob_calc_rate,
  body.order-mobile-mode #mob_calc_total,
  body.order-mobile-mode .mob-order-card .text-brand-300 {
    color: #f26b12 !important;
    -webkit-text-fill-color: #f26b12 !important;
  }

  body.order-mobile-mode .order-balance-warn {
    border-color: rgba(249, 115, 22, .30) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    -webkit-text-fill-color: #c2410c !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .order-field-error {
    color: #dc2626 !important;
    -webkit-text-fill-color: #dc2626 !important;
  }

  body.order-mobile-mode .mob-primary-btn:disabled {
    opacity: 1 !important;
    border: 1px solid rgba(249, 115, 22, .22) !important;
    background: #ffedd5 !important;
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
    box-shadow: none !important;
  }

  body.order-mobile-mode .mob-primary-btn:disabled * {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
  }

  body.order-mobile-mode .mob-order-sticky .mob-secondary-btn {
    background: #ffffff !important;
    border-color: #dbe5f0 !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    box-shadow: none !important;
  }
}
/* Codex mobile order checkout light fix 2026-06-27 END */


/* Codex home guest order form 2026-06-27 START */
.home-qo-field[hidden],.home-qo-extra-fields:empty{display:none!important}.home-qo-extra-fields{display:grid;gap:14px}.home-qo-input--textarea{height:auto;min-height:104px;align-items:flex-start;padding:12px 14px}.home-qo-input--textarea textarea{width:100%;min-height:82px;border:0;outline:0;background:transparent;resize:vertical;color:#131b2b;font:inherit;line-height:1.45}.home-qo-select-native select{width:100%;height:50px;border:1px solid #d8e2ef;border-radius:14px;background:#fff;color:#131b2b;padding:0 14px;font-weight:700;outline:0}.home-qo-payments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-qo-payment{min-height:58px;border:1px solid #d8e2ef;border-radius:16px;background:#fff;color:#131b2b;padding:10px 12px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.home-qo-payment strong{font-size:13px}.home-qo-payment small{font-size:11px;color:#718198;line-height:1.25}.home-qo-payment[data-active="1"]{border-color:#ff741f;background:#fff7f1;box-shadow:0 0 0 3px rgba(255,116,31,.12)}.home-qo-msg{min-height:20px;font-size:13px;font-weight:700;color:#5d6b82}.home-qo-msg[data-kind="error"]{color:#b42318}.home-qo-msg[data-kind="success"]{color:#067647}.home-qo-submit:disabled{opacity:.72;cursor:wait}.home-qo-email-field .home-qo-input input{font-weight:600}@media(max-width:760px){.home-qo-payments{grid-template-columns:1fr}.home-qo-payment{min-height:54px;border-radius:14px}.home-qo-extra-fields{gap:12px}.home-qo-input--textarea{min-height:96px}}
/* Codex home guest order form 2026-06-27 END */


/* Codex guest checkout 2026-06-27 START */
.guest-checkout-page{min-height:100vh;background:#f7f8fb!important;padding:112px 16px 120px;color:#121826}.guest-checkout-shell{width:min(1160px,100%);margin:0 auto}.guest-checkout-back{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid #dce4ef;border-radius:999px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-decoration:none;margin-bottom:18px}.guest-checkout-back i,.guest-checkout-kicker i{color:#f97316}.guest-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start}.guest-checkout-panel{border:1px solid #dce4ef;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.07)}.guest-checkout-summary-panel{padding:30px}.guest-checkout-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffd7bf;border-radius:999px;background:#fff7ed;color:#ea580c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.guest-checkout-summary-panel h1{margin:16px 0 8px;font-size:clamp(30px,4vw,52px);line-height:1.05;color:#121826;font-weight:900}.guest-checkout-summary-panel p{max-width:680px;margin:0;color:#5f6d82;line-height:1.65}.guest-checkout-order{margin-top:24px;border:1px solid #dce4ef;border-radius:20px;background:#f9fbfe;overflow:hidden}.guest-checkout-order-head{padding:18px 20px;background:#fff;border-bottom:1px solid #e5ebf3}.guest-checkout-order-head span{display:block;color:#f97316;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.guest-checkout-order-head strong{display:block;margin-top:7px;font-size:20px;line-height:1.3;color:#121826}.guest-checkout-order dl{margin:0;display:grid}.guest-checkout-order dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 20px;border-bottom:1px solid #e5ebf3}.guest-checkout-order dt{color:#6b788d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.guest-checkout-order dd{margin:0;color:#182235;font-weight:800;overflow-wrap:anywhere}.guest-checkout-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fff}.guest-checkout-total span{color:#5f6d82;font-weight:800}.guest-checkout-total strong{color:#16a34a;font-size:28px;font-weight:900}.guest-checkout-form{padding:22px;display:grid;gap:16px;position:sticky;top:96px}.guest-checkout-form-head span,.guest-checkout-label-row small,.guest-checkout-field small{color:#738198;font-size:12px}.guest-checkout-form-head strong{display:block;margin-top:3px;color:#121826;font-size:24px;line-height:1.1}.guest-checkout-account{display:flex;gap:12px;align-items:center;border:1px solid #bbf7d0;border-radius:18px;background:#f0fdf4;padding:13px;color:#166534}.guest-checkout-account i{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#dcfce7}.guest-checkout-account span,.guest-checkout-account strong{display:block}.guest-checkout-account span{font-size:12px;color:#438461}.guest-checkout-account strong{color:#14532d;font-size:14px}.guest-checkout-field>span,.guest-checkout-label-row span{display:block;margin-bottom:8px;color:#121826;font-weight:900}.guest-checkout-field>div{height:54px;border:1px solid #d7e1ee;border-radius:17px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 14px}.guest-checkout-field>div i{color:#8da0b8}.guest-checkout-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#121826;font-weight:700}.guest-checkout-field input::placeholder{color:#91a0b4;font-weight:600}.guest-checkout-field small{display:block;margin-top:8px;line-height:1.45}.guest-checkout-payment-grid{display:grid;gap:10px}.guest-checkout-payment-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:12px;padding:13px;border:1px solid #dce4ef;border-radius:18px;background:#fff;color:#121826;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.guest-checkout-payment-card:hover,.guest-checkout-payment-card[data-active="1"]{border-color:#fb923c;background:#fff8f1}.guest-checkout-payment-card:active{transform:scale(.99)}.guest-checkout-payment-main strong,.guest-checkout-payment-main small{display:block}.guest-checkout-payment-main strong{font-size:14px;font-weight:900}.guest-checkout-payment-main small{margin-top:2px;color:#6b788d;font-size:12px}.guest-checkout-payment-logos{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:132px}.guest-checkout-payment-logos img{width:32px;height:22px;object-fit:contain;border:1px solid #e5ebf3;border-radius:7px;background:#fff;padding:3px}.guest-checkout-payment-card>i{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:transparent;border:1px solid #dce4ef}.guest-checkout-payment-card[data-active="1"]>i{color:#fff;background:#f97316;border-color:#f97316}.guest-checkout-message{min-height:0;color:#b42318;font-size:13px;font-weight:800}.guest-checkout-message:not(:empty){border:1px solid #fecaca;border-radius:14px;background:#fff1f1;padding:11px 12px}.guest-checkout-message[data-kind="success"]:not(:empty){color:#067647;border-color:#bbf7d0;background:#ecfdf3}.guest-checkout-submit{height:58px;border:0;border-radius:18px;background:linear-gradient(180deg,#ff8a33,#f97316);color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.guest-checkout-submit:disabled{opacity:.7;cursor:wait}.guest-checkout-empty{margin-top:24px;border:1px dashed #cfd9e8;border-radius:20px;background:#f9fbfe;padding:26px;display:grid;gap:10px;justify-items:start}.guest-checkout-empty i{color:#f97316;font-size:24px}.guest-checkout-empty strong{color:#121826;font-size:20px}.guest-checkout-empty span{color:#667085}.guest-checkout-empty a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:14px;background:#f97316;color:#fff;font-weight:900;text-decoration:none}@media(max-width:900px){.guest-checkout-page{padding:86px 12px calc(112px + env(safe-area-inset-bottom))}.guest-checkout-back span{display:none}.guest-checkout-grid{grid-template-columns:1fr}.guest-checkout-panel{border-radius:20px;box-shadow:none}.guest-checkout-summary-panel,.guest-checkout-form{padding:18px}.guest-checkout-form{position:static}.guest-checkout-summary-panel h1{font-size:30px}.guest-checkout-order dl div{grid-template-columns:1fr;gap:5px;padding:13px 16px}.guest-checkout-total{padding:16px}.guest-checkout-payment-card{grid-template-columns:minmax(0,1fr) 28px}.guest-checkout-payment-logos{grid-column:1/-1;justify-content:flex-start;max-width:none}}
/* Codex guest checkout 2026-06-27 END */

.guest-checkout-min-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412;padding:12px 13px;font-size:13px;font-weight:800;line-height:1.45}.guest-checkout-min-note[hidden]{display:none!important}.guest-checkout-min-note i{color:#f97316;margin-top:2px}.guest-checkout-payment-icon{width:42px;height:34px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#f97316;display:inline-flex;align-items:center;justify-content:center}.guest-checkout-payment-icon i{font-size:16px}@media(max-width:900px){.guest-checkout-min-note{border-radius:14px;font-size:12px}.guest-checkout-payment-icon{grid-column:1/-1;justify-content:flex-start;width:auto;height:32px;padding:0 10px}}

/* Codex header balance and checkout mobile payment polish 2026-06-27 START */
.app-header-balance-pill{height:40px;min-height:40px;padding:0 12px;border-radius:15px;border:1px solid #dfe7f1;background:#fff;color:#263244;display:inline-flex;align-items:center;gap:9px;text-decoration:none;box-shadow:none;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.app-header-balance-pill:hover,.app-header-balance-pill:focus-visible{background:#f6f8fb;border-color:#d5deea;color:#111827;outline:none}.app-header-balance-pill__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#ea580c}.app-header-balance-pill__text{display:flex;flex-direction:column;line-height:1.05;min-width:0}.app-header-balance-pill__label{font-size:10px;font-weight:800;color:#7b8798}.app-header-balance-pill__amount{font-size:13px;font-weight:900;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-checkout-payment-main{min-width:0}.guest-checkout-payment-card>i{justify-self:end}@media(max-width:900px){.guest-checkout-payment-card{grid-template-columns:minmax(0,1fr) 30px!important;grid-template-areas:"main check" "logos logos";align-items:start!important;gap:10px 12px!important;padding:14px!important}.guest-checkout-payment-main{grid-area:main}.guest-checkout-payment-card>i{grid-area:check;align-self:start;justify-self:end;margin-top:0}.guest-checkout-payment-logos,.guest-checkout-payment-icon{grid-area:logos!important;grid-column:auto!important;justify-content:flex-start!important;max-width:none!important}.guest-checkout-payment-icon{width:max-content!important;min-width:42px!important;height:32px!important;padding:0 10px!important}}@media(max-width:767px){.app-header-balance-pill{height:38px;min-height:38px;max-width:94px;padding:0 10px;border-radius:13px;gap:0}.app-header-balance-pill__icon,.app-header-balance-pill__label{display:none}.app-header-balance-pill__text{min-width:0}.app-header-balance-pill__amount{max-width:74px;font-size:12px}}@media(max-width:380px){.app-header-balance-pill{max-width:78px;padding:0 8px}.app-header-balance-pill__amount{max-width:62px;font-size:11px}}
/* Codex header balance and checkout mobile payment polish 2026-06-27 END */

/* Codex payment result light responsive 2026-06-27 START */
.payment-result-page{min-height:calc(100vh - 1px);padding:112px 16px 120px;background:#f7f8fb;color:#141b2d}.payment-result-shell{width:min(760px,100%);margin:0 auto}.payment-result-card{border:1px solid #dbe5f0;border-radius:28px;background:#fff;padding:32px;box-shadow:0 22px 55px rgba(15,23,42,.07);color:#141b2d}.payment-result-icon{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.payment-result-icon--success{border:1px solid #bbf7d0;background:#dcfce7;color:#16a34a}.payment-result-icon--error{border:1px solid #fecaca;background:#fee2e2;color:#dc2626}.payment-result-card h1{margin:22px 0 0;color:#141b2d;font-size:clamp(32px,4vw,42px);line-height:1.08;font-weight:900;letter-spacing:0}.payment-result-lead{margin:10px 0 0;color:#56657a;font-size:16px;line-height:1.6;max-width:660px}.payment-result-summary{margin-top:24px;border:1px solid #dbe5f0;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff 58%,#fff7ed 100%);padding:20px;box-shadow:none;overflow:hidden}.payment-result-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-result-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.payment-result-pill{min-height:32px;padding:0 13px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#526174;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}.payment-result-pill--success{border-color:#bbf7d0;background:#ecfdf3;color:#047857}.payment-result-pill--error{border-color:#fecaca;background:#fff1f2;color:#b42318}.payment-result-pill--bonus{border-color:#bbf7d0;background:#ecfdf3;color:#047857}.payment-result-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.payment-result-stat{min-width:0;border:1px solid #dbe5f0;border-radius:18px;background:#fff;padding:16px;color:#141b2d}.payment-result-stat--success{border-color:#bbf7d0;background:#f0fdf4}.payment-result-stat--accent{border-color:#fed7aa;background:#fff7ed}.payment-result-stat-label{color:#69778c;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.payment-result-stat--success .payment-result-stat-label{color:#059669}.payment-result-stat--accent .payment-result-stat-label{color:#ea580c}.payment-result-stat-value{margin-top:10px;color:#111827;font-size:20px;line-height:1.2;font-weight:900;overflow-wrap:anywhere}.payment-result-stat-value--service{font-size:15px;line-height:1.35;color:#14532d}.payment-result-stat-note{margin-top:7px;color:#667085;font-size:12px;line-height:1.45}.payment-result-stat--success .payment-result-stat-note{color:#287153}.payment-result-stat--accent .payment-result-stat-note{color:#7c4a22}.payment-result-note{margin-top:14px;border-radius:18px;padding:13px 15px;font-size:14px;font-weight:700;line-height:1.5}.payment-result-note--success{border:1px solid #bbf7d0;background:#ecfdf3;color:#047857}.payment-result-note--warning{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412}.payment-result-actions{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payment-result-btn{min-height:46px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none;line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.payment-result-btn:active{transform:translateY(1px)}.payment-result-btn--primary{border:1px solid #f97316;background:linear-gradient(180deg,#ff8b34 0%,#ff7015 100%);color:#fff;box-shadow:0 12px 24px rgba(249,115,22,.18)}.payment-result-btn--primary:hover{color:#fff;background:linear-gradient(180deg,#ff9448 0%,#f97316 100%)}.payment-result-btn--secondary{border:1px solid #dbe5f0;background:#fff;color:#151b2d;box-shadow:none}.payment-result-btn--secondary:hover{border-color:#cbd7e6;background:#f8fafc;color:#111827}@media(max-width:640px){.payment-result-page{padding:84px 12px calc(116px + env(safe-area-inset-bottom));background:#f7f8fb}.payment-result-shell{width:100%}.payment-result-card{border-radius:22px;padding:22px 16px;box-shadow:none}.payment-result-icon{width:52px;height:52px;border-radius:17px;font-size:22px}.payment-result-card h1{margin-top:20px;font-size:32px}.payment-result-lead{font-size:15px;line-height:1.58}.payment-result-summary{margin-top:22px;padding:14px;border-radius:22px;background:#fff}.payment-result-summary-head{gap:10px}.payment-result-pill{min-height:31px;max-width:100%;white-space:normal;text-align:center}.payment-result-stat-grid{grid-template-columns:1fr;gap:10px;margin-top:14px}.payment-result-stat{border-radius:17px;padding:15px}.payment-result-stat-value{font-size:20px}.payment-result-stat-value--service{font-size:15px}.payment-result-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.payment-result-btn{width:100%;min-height:48px;border-radius:15px;padding:0 14px}}@media(max-width:380px){.payment-result-page{padding-left:10px;padding-right:10px}.payment-result-card{padding:20px 14px}.payment-result-card h1{font-size:29px}.payment-result-summary{padding:12px}.payment-result-stat{padding:14px}.payment-result-btn{font-size:14px}}
/* Codex payment result light responsive 2026-06-27 END */

/* Codex category service order light completion 2026-06-27 START */
.c-main-offset{background:#f7f8fb!important;color:#141b2d!important}.c-main-offset section>.pointer-events-none,.c-main-offset section>.pointer-events-none *{display:none!important}.c-main-offset .c-shell,.c-main-offset .c-hero-shell,.c-main-offset .c-hero-pane,.c-main-offset .c-filter-shell,.c-main-offset .c-copy-panel,.c-main-offset .c-faq-panel,.c-main-offset .c-pop-card{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.055)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.c-main-offset .c-shell::after,.c-main-offset .c-hero-shell::before,.c-main-offset .c-inline-card::before,.c-main-offset .c-inline-card::after{opacity:0!important;background:none!important}.c-main-offset .c-hero-title,.c-main-offset .c-section-title,.c-main-offset .c-inline-title,.c-main-offset .c-inline-title a,.c-main-offset .c-pop-label,.c-main-offset .c-faq-item summary{color:#141b2d!important;-webkit-text-fill-color:#141b2d!important}.c-main-offset .c-hero-text,.c-main-offset .c-copy-lead,.c-main-offset .c-copy-text,.c-main-offset .c-faq-item p,.c-main-offset .c-services-meta-text,.c-main-offset .c-pop-note,.c-main-offset .text-gray-400,.c-main-offset .text-gray-500{color:#64748b!important;-webkit-text-fill-color:#64748b!important}.c-main-offset .text-white{color:#141b2d!important;-webkit-text-fill-color:#141b2d!important}.c-main-offset .c-hero-btn.bg-brand-500,.c-main-offset .c-hero-btn.bg-brand-500 *,.c-main-offset .c-inline-buy-btn,.c-main-offset .c-inline-buy-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important}.c-main-offset .c-hero-btn:not(.bg-brand-500){border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}.c-main-offset .c-hero-btn:not(.bg-brand-500):hover{border-color:#fbbf8c!important;background:#fff7ed!important;color:#ea580c!important}.c-main-offset .c-hero-pane .rounded-full,.c-main-offset .c-section-badge,.c-main-offset .c-guide-chip{border-color:#fed7aa!important;background:#fff7ed!important;color:#ea580c!important}.c-main-offset .c-hero-stat,.c-main-offset .c-services-empty,.c-main-offset .c-faq-item{border-color:#dbe5f0!important;background:#f8fafc!important;box-shadow:none!important}.c-main-offset .c-filter-input,.c-main-offset .c-filter-select,.c-main-offset .c-filter-sort-btn{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}.c-main-offset .c-filter-input::placeholder{color:#94a3b8!important}.c-main-offset .c-filter-input:focus,.c-main-offset .c-filter-select:focus,.c-main-offset .c-filter-sort[data-open="1"] .c-filter-sort-btn,.c-main-offset .c-filter-sort-btn:focus-visible{border-color:#fb923c!important;background:#fff!important;box-shadow:0 0 0 4px rgba(249,115,22,.12)!important}.c-main-offset .c-filter-sort-icon,.c-main-offset .c-filter-search-icon,.c-main-offset .c-filter-suggest-icon,.c-main-offset .c-pop-icon{border-color:#dbe5f0!important;background:#fff7ed!important;color:#ea580c!important}.c-main-offset .c-filter-sort-value,.c-main-offset .c-filter-sort-caret,.c-main-offset .c-filter-suggest-name,.c-main-offset .c-filter-sort-option-copy{color:#141b2d!important}.c-main-offset .c-filter-sort-menu,.c-main-offset .c-filter-suggest{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.c-main-offset .c-filter-sort-option,.c-main-offset .c-filter-suggest-row{border-color:transparent!important;background:#fff!important;color:#334155!important}.c-main-offset .c-filter-sort-option:hover,.c-main-offset .c-filter-sort-option[data-active="1"],.c-main-offset .c-filter-sort-option[data-selected="1"],.c-main-offset .c-filter-suggest-row:hover,.c-main-offset .c-filter-suggest-row[data-active="1"]{border-color:#fed7aa!important;background:#fff7ed!important;color:#141b2d!important;transform:none!important;box-shadow:none!important}.c-main-offset .c-filter-suggest-breadcrumb,.c-main-offset .c-filter-suggest-price{color:#64748b!important}.c-main-offset .c-filter-highlight{background:#ffedd5!important;color:#9a3412!important}.c-main-offset .c-filter-active-bar{border-top-color:#e5edf6!important}.c-main-offset .c-filter-active-chip,.c-main-offset .c-filter-chip,.c-main-offset .c-filter-toggle,.c-main-offset .c-filter-reset,.c-main-offset .c-filter-kbd{border-color:#dbe5f0!important;background:#fff!important;color:#334155!important;box-shadow:none!important}.c-main-offset .c-filter-active-chip:hover,.c-main-offset .c-filter-chip:hover,.c-main-offset .c-filter-toggle:hover,.c-main-offset .c-filter-reset:hover{border-color:#fed7aa!important;background:#fff7ed!important;color:#ea580c!important;transform:none!important}.c-main-offset .c-filter-chip[data-active="1"],.c-main-offset .c-filter-toggle[data-active="1"]{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important;box-shadow:none!important}.c-main-offset .c-inline-card{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important}.c-main-offset .c-inline-card:hover{border-color:#fbc08b!important;background:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.075)!important}.c-main-offset .c-inline-icon{border-color:#dbe5f0!important;background:#f8fafc!important;color:#ea580c!important}.c-main-offset .c-inline-chip{border-color:#dbe5f0!important;background:#f8fafc!important;color:#475569!important}.c-main-offset .c-inline-chip--tone{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}.c-main-offset .c-inline-chip--id,.c-main-offset .c-inline-chip--metric,.c-main-offset .c-inline-chip--off{border-color:#dbe5f0!important;background:#fff!important;color:#64748b!important}.c-main-offset .c-inline-chip--time-fast,.c-main-offset .c-inline-chip--ok{border-color:#bbf7d0!important;background:#ecfdf3!important;color:#047857!important}.c-main-offset .c-inline-chip--time-warm{border-color:#fde68a!important;background:#fefce8!important;color:#a16207!important}.c-main-offset .c-inline-chip--time-hot,.c-main-offset .c-inline-chip--time-deep{border-color:#fed7aa!important;background:#fff7ed!important;color:#c2410c!important}.c-main-offset .c-inline-bolt-badge{border-color:#bbf7d0!important;background:#ecfdf3!important;color:#047857!important;box-shadow:none!important}.c-main-offset .c-inline-side{border-left-color:#e5edf6!important}.c-main-offset .c-inline-price{color:#ea580c!important;text-shadow:none!important}.c-main-offset .c-inline-price-unit,.c-main-offset .c-inline-more-link{color:#64748b!important}.c-main-offset .c-inline-buy-btn{border-color:#f97316!important;background:linear-gradient(180deg,#ff8b34 0%,#ff7015 100%)!important;color:#fff!important;box-shadow:0 10px 20px rgba(249,115,22,.17)!important}.c-main-offset .c-pop-arrow,.c-main-offset .c-faq-item summary::after{border-color:#dbe5f0!important;background:#fff!important;color:#64748b!important}.service-page-top .service-title{color:#141b2d!important}.service-page-top a,.service-page-top .service-breadcrumb-current,.service-page-top p{color:#64748b!important}.service-page-top a:hover{color:#ea580c!important}.service-main-col>.glass,.service-aside-col>.glass,.service-related-col .glass{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.06)!important;color:#141b2d!important}.service-main-col .glass h2,.service-aside-col .glass h2,.service-related-col .glass h2,.service-main-col .font-semibold,.service-aside-col .font-semibold{color:#141b2d!important}.service-main-col .text-gray-200,.service-main-col .text-gray-300,.service-main-col .text-gray-400,.service-main-col .text-gray-500,.service-aside-col .text-gray-300,.service-aside-col .text-gray-400,.service-aside-col .text-gray-500,.service-related-col .text-gray-400,.service-related-col .text-gray-500{color:#64748b!important;-webkit-text-fill-color:#64748b!important}.service-main-col .grid .rounded-2xl,.service-main-col>.glass>.mt-4.rounded-2xl,.service-aside-col .rounded-2xl,.service-related-col a.group{border-color:#dbe5f0!important;background:#f8fafc!important;color:#141b2d!important;box-shadow:none!important}.service-related-col a.group:hover{border-color:#fbc08b!important;background:#fff7ed!important}.service-related-col a.group .text-white{color:#141b2d!important}.service-related-col a.group .border-t{border-top-color:#e5edf6!important}.service-aside-col .ui-select-btn,.service-aside-col .ui-select-menu,.service-aside-col .ui-select-option{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:0 14px 34px rgba(15,23,42,.10)!important}.service-aside-col .ui-select-wrap[data-open="1"] .ui-select-btn,.service-aside-col .ui-select-btn:hover,.service-aside-col .ui-select-option:hover,.service-aside-col .ui-select-option[data-selected="1"]{border-color:#fb923c!important;background:#fff7ed!important;color:#141b2d!important}.service-aside-col .ui-select-menu .text-gray-300,.service-aside-col .ui-select-menu .text-gray-500{color:#64748b!important}.service-aside-col .ui-select-menu .border-l{border-left-color:#e5edf6!important}.service-aside-col .ui-input,.service-main-col .ui-input{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}.service-aside-col .ui-input:focus,.service-main-col .ui-input:focus{border-color:#fb923c!important;box-shadow:none!important}.service-aside-col .ui-input::placeholder,.service-main-col .ui-input::placeholder{color:#94a3b8!important}.service-aside-col .order-qty-btn,.service-main-col .order-qty-btn{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important}.service-aside-col .order-qty-btn:hover,.service-main-col .order-qty-btn:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}.service-aside-col .order-range,.service-main-col .order-range{border-color:#fed7aa!important;background:linear-gradient(90deg,#ff7a1a 0%,#fed7aa 48%,#f1f5f9 100%)!important}.service-aside-col .order-quick-chip{border-color:#dbe5f0!important;background:#fff!important;color:#475569!important}.service-aside-col .order-quick-chip[data-active="1"],.service-aside-col .order-quick-chip:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}#order_page_root .catalog-quick-wrap,#order_page_root .order-command-card,#order_page_root .order-active-bar,#order_page_root #catalog_results,#order_page_root .catalog-results-shell{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.06)!important;color:#141b2d!important}#order_page_root .order-command-card::before{opacity:0!important}#order_page_root .ui-input,#order_page_root .ui-select-btn{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}#order_page_root .ui-input::placeholder{color:#94a3b8!important}#order_page_root .ui-input:focus,#order_page_root .ui-select-wrap[data-open="1"] .ui-select-btn{border-color:#fb923c!important;background:#fff!important;box-shadow:none!important}#order_page_root .ui-select-menu,#order_page_root #svc_suggest{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:0 18px 42px rgba(15,23,42,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#order_page_root .ui-select-option{background:#fff!important;color:#334155!important;border-color:transparent!important}#order_page_root .ui-select-option:hover,#order_page_root .ui-select-option[data-selected="1"]{background:#fff7ed!important;color:#141b2d!important;border-color:#fed7aa!important}#svc_quick_cats>button,#svc_sub_chips>button{border-color:#dbe5f0!important;background:#fff!important;color:#334155!important;box-shadow:none!important}#svc_quick_cats>button::after,#svc_sub_chips>button::after{opacity:0!important}#svc_quick_cats>button[aria-pressed="true"],#svc_sub_chips>button[aria-pressed="true"]{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}#order_page_root .svc-inline-card{border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;color:#141b2d!important}#order_page_root .svc-inline-card::before,#order_page_root .svc-inline-card::after{opacity:0!important;background:none!important}#order_page_root .svc-inline-card:hover{border-color:#fbc08b!important;background:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.075)!important}#order_page_root .svc-title,#order_page_root .svc-title-link{color:#141b2d!important}#order_page_root .svc-price{color:#ea580c!important;text-shadow:none!important}#order_page_root .svc-price-unit,#order_page_root .svc-more-link{color:#64748b!important}#order_page_root .svc-chip,#order_page_root .svc-platform-icon{border-color:#dbe5f0!important;background:#f8fafc!important;color:#475569!important}#order_page_root .svc-buy-btn{border-color:#f97316!important;background:linear-gradient(180deg,#ff8b34 0%,#ff7015 100%)!important;color:#fff!important;box-shadow:0 10px 20px rgba(249,115,22,.17)!important}#order_page_root .svc-sheet-overlay{background:rgba(15,23,42,.42)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}#order_page_root .svc-sheet-panel{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:0 28px 80px rgba(15,23,42,.22)!important}#order_page_root .svc-sheet-handle{background:linear-gradient(90deg,#ff8b34,#ff7015)!important}#order_page_root .svc-sheet-title,#order_page_root .svc-sheet-service-name,#order_page_root .svc-sheet-rate,#order_page_root .svc-sheet-calc-row strong,#order_page_root .svc-sheet-balance-row strong{color:#141b2d!important}#order_page_root .svc-sheet-close{border-color:#dbe5f0!important;background:#fff!important;color:#475569!important}#order_page_root .svc-sheet-close:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}#order_page_root .svc-sheet-service,#order_page_root .svc-sheet-calc,#order_page_root .svc-sheet-guest{border-color:#dbe5f0!important;background:#f8fafc!important;box-shadow:none!important}#order_page_root .svc-sheet-service-icon{border-color:#dbe5f0!important;background:#fff!important;color:#ea580c!important}#order_page_root .svc-sheet-chip{border-color:#dbe5f0!important;background:#fff!important;color:#475569!important}#order_page_root .svc-sheet-chip-metric{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}#order_page_root .svc-sheet-label,#order_page_root .svc-sheet-hint,#order_page_root .svc-sheet-calc-row span,#order_page_root .svc-sheet-rate-label,#order_page_root .svc-sheet-balance-row span,#order_page_root .svc-sheet-msg{color:#64748b!important}#order_page_root .svc-sheet-form .ui-input,#order_page_root .svc-sheet-panel .ui-input{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}#order_page_root .svc-sheet-form .ui-input:focus,#order_page_root .svc-sheet-panel .ui-input:focus{border-color:#fb923c!important;box-shadow:none!important}#order_page_root .svc-sheet-form .ui-input::placeholder,#order_page_root .svc-sheet-panel .ui-input::placeholder{color:#94a3b8!important}#order_page_root .svc-sheet-calc{background:#fff!important}#order_page_root .svc-sheet-calc-row{border-bottom-color:#e5edf6!important}#order_page_root .svc-sheet-warn{border-color:#fed7aa!important;background:#fff7ed!important;color:#9a3412!important}#order_page_root .svc-sheet-pay-btn{border-color:#f97316!important;background:linear-gradient(180deg,#ff8b34 0%,#ff7015 100%)!important;color:#fff!important;box-shadow:0 12px 24px rgba(249,115,22,.18)!important}#order_page_root .svc-sheet-pay-btn:disabled{border-color:#dbe5f0!important;background:#f1f5f9!important;color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important}#order_page_root .svc-sheet-topup-btn,#order_page_root .svc-sheet-cancel-btn,#order_page_root .svc-sheet-orders-link{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}#order_page_root .svc-sheet-topup-btn:hover,#order_page_root .svc-sheet-cancel-btn:hover,#order_page_root .svc-sheet-orders-link:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}@media(max-width:767px){.c-main-offset .c-shell,.c-main-offset .c-hero-shell,.c-main-offset .c-filter-shell{border-radius:18px!important;box-shadow:none!important}.c-main-offset .c-inline-row{grid-template-columns:36px minmax(0,1fr)!important}.c-main-offset .c-inline-side{grid-column:1/-1!important;align-items:flex-start!important;text-align:left!important;border-left:0!important;border-top:1px solid #e5edf6!important;padding-left:0!important;padding-top:10px!important}.c-main-offset .c-inline-price-wrap{align-items:flex-start!important;text-align:left!important}#order_page_root .svc-sheet-panel{left:10px!important;right:10px!important;bottom:10px!important;width:calc(100% - 20px)!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important;padding:14px!important;overflow:auto!important}#order_page_root .svc-sheet-actions{grid-template-columns:1fr!important;display:grid!important}#order_page_root .svc-sheet-pay-btn,#order_page_root .svc-sheet-topup-btn,#order_page_root .svc-sheet-cancel-btn,#order_page_root .svc-sheet-orders-link{width:100%!important;justify-content:center!important}.service-main-col>.glass,.service-aside-col>.glass,.service-related-col .glass{border-radius:20px!important;box-shadow:none!important}}
/* Codex category service order light completion 2026-06-27 END */

/* Codex balance currency and updates light page 2026-06-27 START */
.updates-page{min-height:100vh;padding:112px 16px 96px;background:#f7f8fb;color:#141b2d}.updates-shell{width:min(1120px,100%);margin:0 auto}.updates-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border:1px solid #dbe5f0;border-radius:24px;background:#fff;padding:28px 24px;box-shadow:0 18px 42px rgba(15,23,42,.06)}.updates-kicker{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#ea580c;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.updates-hero h1{margin:14px 0 0;color:#141b2d;font-size:clamp(32px,4vw,48px);line-height:1.05;font-weight:900;letter-spacing:0}.updates-hero p{max-width:700px;margin:10px 0 0;color:#5d6b82;font-size:15px;line-height:1.6}.updates-hero-pills{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.updates-pill,.updates-date-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:800;white-space:nowrap}.updates-empty{margin-top:22px;border:1px dashed #cfd9e8;border-radius:20px;background:#fff;padding:24px;color:#64748b;font-size:14px}.updates-day{margin-top:24px}.updates-date-pill{position:sticky;top:82px;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.updates-list{display:grid;gap:14px;margin-top:12px}.updates-card{border:1px solid #dbe5f0;border-radius:20px;background:#fff;padding:20px;box-shadow:0 10px 26px rgba(15,23,42,.045)}.updates-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.updates-card h2{margin:0;color:#141b2d;font-size:17px;line-height:1.35;font-weight:900;overflow-wrap:anywhere}.updates-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.updates-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid #dbe5f0;background:#fff;color:#475569;font-size:11px;font-weight:900;line-height:1.15;white-space:nowrap}.updates-badge--success{border-color:#bbf7d0;background:#ecfdf3;color:#047857}.updates-badge--danger{border-color:#fecaca;background:#fff1f2;color:#b42318}.updates-badge--warning{border-color:#fde68a;background:#fffbeb;color:#a16207}.updates-badge--info{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}.updates-badge--neutral,.updates-badge--time{border-color:#dbe5f0;background:#f8fafc;color:#475569}.updates-details{display:grid;gap:8px;margin-top:15px;color:#4f5f76;font-size:14px;line-height:1.5}.updates-details span{color:#7a8799;font-weight:800}.updates-details strong{font-weight:900}.updates-delta--up{color:#dc2626}.updates-delta--down{color:#059669}.updates-delta--warn{color:#b45309}@media(max-width:760px){.updates-page{padding:88px 12px calc(112px + env(safe-area-inset-bottom))}.updates-hero{display:grid;gap:18px;border-radius:20px;padding:20px 16px;box-shadow:none}.updates-hero h1{font-size:30px}.updates-hero p{font-size:14px}.updates-hero-pills{justify-content:flex-start}.updates-pill{white-space:normal}.updates-card{border-radius:18px;padding:16px;box-shadow:none}.updates-card-head{grid-template-columns:1fr;gap:12px}.updates-badges{justify-content:flex-start}.updates-badge{min-height:29px}.updates-date-pill{top:74px}.updates-details{font-size:13px}}@media(max-width:380px){.updates-page{padding-left:10px;padding-right:10px}.updates-hero{padding:18px 14px}.updates-card{padding:14px}.updates-card h2{font-size:16px}}
/* Codex balance currency and updates light page 2026-06-27 END */

/* Codex quick order compact modern page 2026-06-27 START */
.order-page-main{background:#f7f8fb!important;color:#141b2d!important}.order-page-main::before,.order-page-main::after{display:none!important}#order_page_root{width:min(1280px,100%)!important}.order-desktop{display:block}.order-stage-shell{margin-bottom:14px!important;padding:22px 24px!important;border-radius:24px!important;border:1px solid #dbe5f0!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.052)!important}.order-stage-shell::before,.order-stage-shell::after{display:none!important}.order-hero-grid{display:block!important}.order-hero-preview{display:none!important}.order-hero-copy{max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 24px!important;align-items:end!important}.order-hero-kicker{grid-column:1/-1!important;width:max-content!important;min-height:30px!important;padding:0 12px!important;border-color:#fed7aa!important;background:#fff7ed!important;color:#ea580c!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.08em!important}.order-hero-kicker-dot{background:#ff7a1a!important;box-shadow:none!important}.order-hero-title{grid-column:1!important;margin:2px 0 0!important;color:#141b2d!important;font-size:clamp(32px,3.4vw,46px)!important;line-height:1.04!important;font-weight:900!important;letter-spacing:0!important;text-wrap:balance!important}.order-hero-title span{display:inline!important;margin:0 0 0 .16em!important;color:#ea580c!important;-webkit-text-fill-color:#ea580c!important}.order-hero-lead{grid-column:1!important;max-width:760px!important;margin:2px 0 0!important;color:#5d6b82!important;font-size:15px!important;line-height:1.58!important}.order-hero-actions{grid-column:2!important;grid-row:2 / span 2!important;margin:0!important;align-self:center!important;justify-content:flex-end!important;gap:10px!important}.order-hero-btn{min-height:44px!important;border-radius:14px!important;padding:0 16px!important;font-size:14px!important;font-weight:900!important}.order-hero-btn--primary{background:linear-gradient(180deg,#ff8b34 0%,#ff7015 100%)!important;border-color:#f97316!important;color:#fff!important;box-shadow:0 12px 24px rgba(249,115,22,.16)!important}.order-hero-btn--ghost{border-color:#dbe5f0!important;background:#fff!important;color:#141b2d!important;box-shadow:none!important}.order-hero-btn--ghost:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}.order-hero-stats{display:none!important}.order-dock{max-width:none!important;margin:0 0 14px!important;padding:14px 16px!important;border-radius:20px!important;border-color:#dbe5f0!important;background:#fff!important;box-shadow:none!important}.order-dock>.flex:first-child{align-items:center!important}.order-dock>.flex:first-child>div:first-child{color:#141b2d!important;font-size:14px!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important}.order-dock>.flex:first-child>div:last-child{color:#64748b!important;font-size:12px!important}.order-command-card{padding:18px!important;border-radius:22px!important;border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important}.order-command-card::before{display:none!important}.order-command-card label>span,.order-command-card .text-xs.text-gray-500{color:#64748b!important;font-weight:800!important}.order-command-card .ui-input,.order-command-card .ui-select-btn{height:50px!important;border-radius:15px!important}.order-command-card .grid:first-child{gap:12px!important}.order-command-card .mt-4.grid{margin-top:12px!important;padding-top:12px!important;border-top:1px solid #e5edf6!important}.order-command-card kbd{border-color:#dbe5f0!important;background:#f8fafc!important;color:#475569!important}.order-command-card #svc_meta{color:#64748b!important}.order-command-card #svc_reset{height:38px!important;border-radius:13px!important;border-color:#dbe5f0!important;background:#fff!important;color:#475569!important;box-shadow:none!important}.order-command-card #svc_reset:hover{border-color:#fb923c!important;background:#fff7ed!important;color:#ea580c!important}.order-command-card #svc_sub_chips{padding-bottom:2px!important}.order-active-bar{border-radius:18px!important;border-color:#dbe5f0!important;background:#fff!important;box-shadow:none!important}.catalog-results-shell{margin-top:16px!important;padding:18px!important;border-radius:22px!important;border-color:#dbe5f0!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important}.catalog-results-head{padding:0!important;margin-bottom:14px!important}.catalog-results-head .uppercase{color:#141b2d!important;font-size:14px!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important}.catalog-results-head .text-gray-500{color:#64748b!important}.svc-inline-card{border-radius:18px!important}.svc-inline-inner{padding:15px 16px!important}.svc-title{min-height:0!important;margin-top:4px!important}.svc-chip{height:24px!important}.svc-buy-btn{min-height:34px!important;border-radius:12px!important}.svc-more-link{font-weight:800!important}@media(max-width:1023px){.order-hero-copy{grid-template-columns:1fr!important}.order-hero-actions{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important;margin-top:10px!important}.order-stage-shell{padding:20px!important}.order-hero-title{font-size:36px!important}}@media(max-width:767px){.order-stage-shell,.order-dock,.order-command-card,.catalog-results-shell{box-shadow:none!important}.order-hero-title{font-size:30px!important}.order-hero-title span{display:block!important;margin-left:0!important}.order-hero-actions{display:grid!important;grid-template-columns:1fr!important}.order-hero-btn{width:100%!important}.order-dock>.flex:first-child{display:grid!important;gap:4px!important}.catalog-results-head{display:grid!important;gap:4px!important}.order-command-card .mt-4.grid{grid-template-columns:1fr!important}}
/* Codex quick order compact modern page 2026-06-27 END */

.home-qo-input input,.home-qo-qty input,.home-qo-input--textarea textarea{background:transparent!important;box-shadow:none!important}.home-qo-input input:focus,.home-qo-qty input:focus,.home-qo-input--textarea textarea:focus{background:transparent!important;box-shadow:none!important}