/*
 * LiVAR Design System v3.13.12
 * Compiled public frontend bundle.
 * Source order: tokens, base, layout, components, forms, tables,
 * legacy compatibility, responsive.
 */

/* ===== tokens.css ===== */
/* LiVAR Design System — Tokens v3.13.12
   Central visual contract. Page-specific CSS should consume these variables. */
:root {
  color-scheme: dark;

  --livar-color-bg: #070808;
  --livar-color-bg-deep: #040505;
  --livar-color-surface: #101415;
  --livar-color-surface-raised: #171c1e;
  --livar-color-surface-soft: #22272a;
  --livar-color-surface-glass: rgba(16, 20, 21, .88);

  --livar-color-brand: #ff5a0a;
  --livar-color-brand-hover: #ff6a17;
  --livar-color-brand-active: #e94403;
  --livar-color-brand-soft: rgba(255, 90, 10, .13);
  --livar-color-brand-line: rgba(255, 90, 10, .42);

  --livar-color-text: #f6f6f4;
  --livar-color-text-soft: #e4e6e5;
  --livar-color-text-muted: #c5c7c8;
  --livar-color-text-dim: #8b9195;
  --livar-color-border: rgba(255, 255, 255, .12);
  --livar-color-border-strong: rgba(255, 255, 255, .20);

  --livar-color-success: #53d594;
  --livar-color-info: #72b4ff;
  --livar-color-warning: #f3c969;
  --livar-color-danger: #ff777b;

  /* Typography v3.13.12 — extracted from LiVAR Classic and centralized.
     Font binaries are intentionally not embedded here. Place the licensed
     Inter Variable WOFF2 file in /assets/fonts/inter/ when available. */
  --livar-font-inter: "Inter Variable", "Inter", Inter;
  --livar-font-latin: var(--livar-font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --livar-font-arabic: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --livar-font-family: var(--livar-font-latin);
  --livar-font-heading: var(--livar-font-family);
  --livar-font-body: var(--livar-font-family);
  --livar-font-print: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --livar-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --livar-font-size-caption: .75rem;
  --livar-font-size-label: .8125rem;
  --livar-font-size-body-small: .875rem;
  --livar-font-size-body: .9375rem;
  --livar-font-size-lead: 1rem;
  --livar-font-size-section-title: clamp(1.0625rem, 1.4vw, 1.25rem);
  --livar-font-size-product-title: clamp(1.5rem, 3vw, 2.5rem);
  --livar-font-size-xs: var(--livar-font-size-caption);
  --livar-font-size-sm: var(--livar-font-size-label);
  --livar-font-size-md: var(--livar-font-size-body);
  --livar-font-size-lg: 1.0625rem;
  --livar-font-size-xl: clamp(1.55rem, 2.5vw, 2.2rem);
  --livar-font-size-display: clamp(2.35rem, 5.5vw, 5.4rem);

  --livar-weight-regular: 400;
  --livar-weight-medium: 500;
  --livar-weight-semibold: 600;
  --livar-weight-bold: 700;
  --livar-weight-extrabold: 800;
  --livar-weight-black: 900;

  --livar-line-height-control: 1.2;
  --livar-line-height-title: 1.2;
  --livar-line-height-section-title: 1.35;
  --livar-line-height-body: 1.65;
  --livar-line-height-copy: 1.8;
  --livar-line-height-long-copy: 1.9;
  --livar-line-height-tight: 1.08;

  --livar-letter-tight: -.035em;
  --livar-letter-heading: -.025em;
  --livar-letter-normal: 0;
  --livar-letter-kicker: .15em;
  --livar-letter-table-head: .04em;

  --livar-space-1: .25rem;
  --livar-space-2: .5rem;
  --livar-space-3: .75rem;
  --livar-space-4: 1rem;
  --livar-space-5: 1.25rem;
  --livar-space-6: 1.5rem;
  --livar-space-8: 2rem;
  --livar-space-10: 2.5rem;
  --livar-space-12: 3rem;
  --livar-space-16: 4rem;

  --livar-radius-xs: .5rem;
  --livar-radius-sm: .625rem;
  --livar-radius-md: .875rem;
  --livar-radius-lg: 1.125rem;
  --livar-radius-xl: 1.5rem;
  --livar-radius-2xl: 1.875rem;
  --livar-radius-pill: 999px;

  --livar-shadow-sm: 0 10px 28px rgba(0, 0, 0, .20);
  --livar-shadow-md: 0 20px 54px rgba(0, 0, 0, .28);
  --livar-shadow-lg: 0 34px 86px rgba(0, 0, 0, .46);
  --livar-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .045);
  --livar-focus-ring: 0 0 0 3px rgba(255, 90, 10, .20);

  --livar-container-width: 1320px;
  --livar-content-width: 1180px;
  --livar-header-height: 78px;
  --livar-control-height: 46px;
  --livar-control-height-lg: 52px;

  --livar-ease-standard: cubic-bezier(.2, .7, .2, 1);
  --livar-duration-fast: 160ms;
  --livar-duration-standard: 240ms;

  /* Backward-compatible aliases used throughout the existing frontend. */
  --bg: var(--livar-color-bg);
  --panel: var(--livar-color-surface);
  --line: var(--livar-color-border);
  --text: var(--livar-color-text);
  --muted: var(--livar-color-text-dim);
  --orange: var(--livar-color-brand);
  --orange-soft: var(--livar-color-brand-soft);
}

/* ===== base.css ===== */
/* LiVAR Design System — Base */
html {
  background: var(--livar-color-bg);
  color-scheme: dark;
  font-family: var(--livar-font-family);
  font-size: 16px;
  scroll-behavior: smooth;
  scrollbar-color: rgba(255, 255, 255, .22) var(--livar-color-bg-deep);
}

html:lang(fa),
html:lang(ar),
html[dir="rtl"] {
  --livar-font-family: var(--livar-font-arabic);
  --livar-font-heading: var(--livar-font-arabic);
  --livar-font-body: var(--livar-font-arabic);
}

body {
  color: var(--livar-color-text);
  background:
    radial-gradient(circle at 50% -12rem, rgba(255, 90, 10, .075), transparent 34rem),
    linear-gradient(180deg, #090a0a 0, var(--livar-color-bg) 28rem, var(--livar-color-bg-deep) 100%);
  font-family: var(--livar-font-family);
  font-optical-sizing: auto;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  color: #fff;
  background: rgba(255, 90, 10, .76);
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--livar-color-brand);
  outline-offset: 3px;
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(img, svg, video, canvas) {
  max-width: 100%;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--livar-font-heading);
  line-height: var(--livar-line-height-title);
  letter-spacing: var(--livar-letter-heading);
  text-wrap: balance;
}

:where(p, li) {
  line-height: var(--livar-line-height-copy);
  text-wrap: pretty;
}

:where(a) {
  text-underline-offset: .2em;
}

:where(code, kbd, samp, pre) {
  font-family: var(--livar-font-mono);
}

:where(table) {
  font-variant-numeric: tabular-nums;
}

:where(th) {
  font-weight: var(--livar-weight-extrabold);
  letter-spacing: var(--livar-letter-table-head);
}

:where(td) {
  font-weight: var(--livar-weight-medium);
}

.sr-only,
.livar-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ===== layout.css ===== */
/* LiVAR Design System — Layout primitives */
.livar-container {
  width: min(var(--livar-container-width), calc(100% - 36px));
  margin-inline: auto;
}

.livar-content-container {
  width: min(var(--livar-content-width), 100%);
  margin-inline: auto;
}

.livar-section {
  padding-block: clamp(2.25rem, 5vw, 5rem);
}

.livar-stack {
  display: grid;
  gap: var(--livar-space-5);
}

.livar-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--livar-space-3);
}

.livar-grid {
  display: grid;
  gap: var(--livar-space-5);
}

.livar-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.livar-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dynamic-page-shell {
  color: var(--livar-color-text);
}

@media (min-width: 901px) {
  body.dynamic-public-page {
    --dynamic-public-header-height: var(--livar-header-height);
  }

  body.dynamic-public-page .page-head,
  body.dynamic-public-page .dynamic-page-shell,
  body.dynamic-public-page .site-footer {
    width: min(var(--livar-container-width), calc(100vw - 36px));
  }
}

/* ===== components.css ===== */
/* LiVAR Design System — Components */
.livar-panel,
.livar-card,
.livar-ds-surface {
  border: 1px solid var(--livar-color-border);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .012)),
    var(--livar-color-surface);
  box-shadow: var(--livar-shadow-inset), var(--livar-shadow-md);
}

.livar-panel {
  border-radius: var(--livar-radius-xl);
}

.livar-card {
  border-radius: var(--livar-radius-lg);
}

.livar-card--interactive {
  transition:
    transform var(--livar-duration-standard) var(--livar-ease-standard),
    border-color var(--livar-duration-standard) ease,
    background-color var(--livar-duration-standard) ease,
    box-shadow var(--livar-duration-standard) ease;
}

.livar-card--interactive:hover {
  transform: translateY(-3px);
  border-color: var(--livar-color-brand-line);
  box-shadow: var(--livar-shadow-lg);
}

.livar-button,
.livar-button--primary,
.livar-button--secondary,
.livar-button--ghost {
  display: inline-flex;
  min-height: var(--livar-control-height);
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .68rem 1rem;
  border: 1px solid transparent;
  border-radius: var(--livar-radius-md);
  color: var(--livar-color-text);
  font-size: var(--livar-font-size-sm);
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform var(--livar-duration-fast) ease,
    border-color var(--livar-duration-fast) ease,
    background-color var(--livar-duration-fast) ease,
    box-shadow var(--livar-duration-fast) ease;
}

.livar-button:hover,
.livar-button--primary:hover,
.livar-button--secondary:hover,
.livar-button--ghost:hover {
  transform: translateY(-1px);
}

.livar-button--primary {
  border-color: rgba(255, 112, 40, .7);
  background: linear-gradient(180deg, var(--livar-color-brand-hover), var(--livar-color-brand-active));
  box-shadow: 0 12px 30px rgba(233, 68, 3, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.livar-button--primary:hover {
  background: linear-gradient(180deg, #ff762d, var(--livar-color-brand));
  box-shadow: 0 15px 34px rgba(233, 68, 3, .30), inset 0 1px 0 rgba(255, 255, 255, .20);
}

.livar-button--secondary {
  border-color: var(--livar-color-border-strong);
  background: rgba(255, 255, 255, .055);
}

.livar-button--secondary:hover,
.livar-button--ghost:hover {
  border-color: var(--livar-color-brand-line);
  background: var(--livar-color-brand-soft);
}

.livar-button--ghost {
  background: transparent;
  color: var(--livar-color-text-muted);
}

.livar-button:disabled,
.livar-button[aria-disabled="true"] {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

.livar-badge {
  display: inline-flex;
  min-height: 1.65rem;
  align-items: center;
  justify-content: center;
  padding: .28rem .58rem;
  border: 1px solid var(--livar-color-border);
  border-radius: var(--livar-radius-pill);
  background: rgba(255, 255, 255, .045);
  color: var(--livar-color-text-muted);
  font-size: var(--livar-font-size-xs);
  font-weight: 800;
  line-height: 1;
}

.livar-badge--brand {
  border-color: var(--livar-color-brand-line);
  background: var(--livar-color-brand-soft);
  color: #ff9a5c;
}

.livar-badge--success {
  border-color: rgba(83, 213, 148, .38);
  background: rgba(83, 213, 148, .10);
  color: #a8f2ce;
}

.livar-badge--danger {
  border-color: rgba(255, 119, 123, .38);
  background: rgba(255, 119, 123, .10);
  color: #ffc2c4;
}

.livar-kicker {
  margin: 0;
  color: var(--livar-color-brand-hover);
  font-size: var(--livar-font-size-xs);
  font-weight: var(--livar-weight-extrabold);
  letter-spacing: var(--livar-letter-kicker);
  text-transform: uppercase;
}

.livar-title {
  margin: 0;
  color: var(--livar-color-text);
  font-size: var(--livar-font-size-xl);
  font-weight: var(--livar-weight-bold);
  line-height: var(--livar-line-height-tight);
  letter-spacing: var(--livar-letter-tight);
}

.livar-copy {
  color: var(--livar-color-text-dim);
  font-size: var(--livar-font-size-md);
  line-height: var(--livar-line-height-copy);
}

.livar-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .42rem;
  color: var(--livar-color-text-dim);
  font-size: var(--livar-font-size-xs);
}

.livar-breadcrumbs a {
  color: var(--livar-color-text-muted);
  text-decoration: none;
}

.livar-breadcrumbs a:hover {
  color: var(--livar-color-text);
}

.livar-notice {
  padding: .85rem 1rem;
  border: 1px solid var(--livar-color-border);
  border-inline-start: 3px solid var(--livar-color-info);
  border-radius: var(--livar-radius-md);
  background: var(--livar-color-surface);
  color: var(--livar-color-text-soft);
  box-shadow: var(--livar-shadow-inset);
  font-size: var(--livar-font-size-sm);
  line-height: 1.55;
}

.livar-notice--success { border-inline-start-color: var(--livar-color-success); }
.livar-notice--warning { border-inline-start-color: var(--livar-color-warning); }
.livar-notice--danger { border-inline-start-color: var(--livar-color-danger); }

/* Shared public shell */
.nav-shell {
  border-color: var(--livar-color-border);
  border-radius: var(--livar-radius-lg);
  background:
    linear-gradient(180deg, rgba(17, 21, 22, .94), rgba(6, 8, 8, .97));
  box-shadow: var(--livar-shadow-inset), 0 18px 46px rgba(0, 0, 0, .34);
}

.nav-shell::after {
  background: linear-gradient(90deg, transparent, rgba(255, 90, 10, .82) 16%, var(--livar-color-brand) 50%, rgba(255, 90, 10, .82) 84%, transparent);
  box-shadow: 0 0 20px rgba(255, 90, 10, .42);
}

.desktop-dropdown,
.mobile-site-nav-panel,
.livar-search-dialog {
  border-color: var(--livar-color-border);
  background: linear-gradient(180deg, rgba(19, 23, 24, .98), rgba(7, 9, 9, .99));
  box-shadow: var(--livar-shadow-inset), var(--livar-shadow-lg);
}

.nav-link,
.desktop-dropdown-link {
  font-family: var(--livar-font-family);
}

.site-footer .footer-shell {
  border-color: var(--livar-color-border);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 48%),
    #090b0b;
  box-shadow: var(--livar-shadow-inset), 0 -12px 48px rgba(0, 0, 0, .20);
}

/* ===== forms.css ===== */
/* LiVAR Design System — Forms */
.livar-field {
  display: grid;
  gap: .48rem;
}

.livar-field > label,
.livar-field-label {
  color: var(--livar-color-text-muted);
  font-size: var(--livar-font-size-xs);
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.livar-input,
.livar-select,
.livar-textarea,
.livar-control {
  width: 100%;
  min-height: var(--livar-control-height);
  padding: .72rem .86rem;
  border: 1px solid var(--livar-color-border);
  border-radius: var(--livar-radius-md);
  outline: 0;
  background: var(--livar-color-surface-soft);
  color: var(--livar-color-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition:
    border-color var(--livar-duration-fast) ease,
    background-color var(--livar-duration-fast) ease,
    box-shadow var(--livar-duration-fast) ease;
}

.livar-input::placeholder,
.livar-textarea::placeholder {
  color: rgba(197, 199, 200, .46);
}

.livar-input:focus,
.livar-select:focus,
.livar-textarea:focus,
.livar-control:focus,
.livar-control:focus-within {
  border-color: rgba(255, 106, 23, .72);
  background: #252b2e;
  box-shadow: var(--livar-focus-ring);
}

.livar-textarea {
  min-height: 7rem;
  resize: vertical;
}

.livar-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: .62rem;
  color: var(--livar-color-text-muted);
  font-size: var(--livar-font-size-sm);
  line-height: 1.45;
}

.livar-checkbox input {
  flex: 0 0 auto;
  width: 1.08rem;
  height: 1.08rem;
  margin: .08rem 0 0;
  accent-color: var(--livar-color-brand);
}

/* ===== tables.css ===== */
/* LiVAR Design System — Tables */
.livar-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--livar-color-border);
  border-radius: var(--livar-radius-lg);
  background: var(--livar-color-surface);
  box-shadow: var(--livar-shadow-inset);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .22) transparent;
}

.livar-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--livar-color-text-soft);
  font-size: var(--livar-font-size-sm);
}

.livar-table :where(th, td) {
  padding: .82rem 1rem;
  border-bottom: 1px solid var(--livar-color-border);
  text-align: start;
  vertical-align: middle;
}

.livar-table th {
  background: rgba(255, 255, 255, .035);
  color: var(--livar-color-text-dim);
  font-size: var(--livar-font-size-xs);
  font-weight: var(--livar-weight-extrabold);
  letter-spacing: .065em;
  text-transform: uppercase;
  white-space: nowrap;
}

.livar-table tbody tr {
  transition: background-color var(--livar-duration-fast) ease;
}

.livar-table tbody tr:hover {
  background: rgba(255, 255, 255, .025);
}

.livar-table tr:last-child td {
  border-bottom: 0;
}

.livar-table__number,
.livar-table__price {
  font-variant-numeric: tabular-nums;
  text-align: end;
  white-space: nowrap;
}

/* ===== legacy-compat.css ===== */
/* LiVAR Design System — Legacy compatibility
   Presentation-only aliases for existing page classes. No JS hooks or layout
   contracts are removed. */

/* Component variable bridges */
.commerce-page {
  --commerce-orange: var(--livar-color-brand);
  --commerce-orange-2: var(--livar-color-brand-hover);
  --commerce-ink: var(--livar-color-bg);
  --commerce-panel: var(--livar-color-surface);
  --commerce-panel-2: var(--livar-color-surface-raised);
  --commerce-line: var(--livar-color-border);
  --commerce-soft-line: var(--livar-color-border);
  --commerce-muted: var(--livar-color-text-dim);
  --commerce-paper: #0c0f10;
  --commerce-paper-2: var(--livar-color-surface-raised);
  font-family: var(--livar-font-family);
}

.livar-cart-page {
  --cart-orange: var(--livar-color-brand);
  --cart-orange-hover: var(--livar-color-brand-hover);
  --cart-bg: var(--livar-color-bg);
  --cart-panel: var(--livar-color-surface);
  --cart-panel-raised: var(--livar-color-surface-raised);
  --cart-panel-soft: var(--livar-color-surface-soft);
  --cart-line: var(--livar-color-border);
  --cart-line-strong: var(--livar-color-border-strong);
  --cart-text: var(--livar-color-text);
  --cart-muted: rgba(197, 199, 200, .62);
  --cart-soft: rgba(197, 199, 200, .42);
  --cart-danger: var(--livar-color-danger);
  --cart-success: var(--livar-color-success);
  font-family: var(--livar-font-family);
}

.catalogue-page {
  --catalogue-orange: var(--livar-color-brand);
  --catalogue-orange-soft: var(--livar-color-brand-hover);
  --catalogue-line: var(--livar-color-border);
  font-family: var(--livar-font-family);
}

.livar-account-v2-body {
  --account-bg: var(--livar-color-bg);
  --account-panel: var(--livar-color-surface);
  --account-panel-soft: var(--livar-color-surface-raised);
  --account-border: var(--livar-color-border);
  --account-border-strong: var(--livar-color-border-strong);
  --account-text: var(--livar-color-text);
  --account-muted: var(--livar-color-text-dim);
  --account-subtle: #747b7f;
  --account-brand: var(--livar-color-brand);
  --account-brand-soft: var(--livar-color-brand-soft);
  --account-green: var(--livar-color-success);
  --account-red: var(--livar-color-danger);
  --account-yellow: var(--livar-color-warning);
  font-family: var(--livar-font-family);
}

.company-page-shell {
  --company-orange: var(--livar-color-brand);
  --company-orange-soft: var(--livar-color-brand-hover);
  --company-surface: var(--livar-color-surface);
  --company-surface-raised: var(--livar-color-surface-raised);
  --company-line: var(--livar-color-border);
  --company-muted: rgba(197, 199, 200, .62);
}

/* Unified page surfaces */
.product-image-summary-wrap,
.livar-cart-items-panel,
.livar-cart-summary,
.livar-cart-checkout-details,
.livar-account-state-card,
.livar-account-auth-layout,
.livar-account-dashboard-head,
.livar-account-panel,
.livar-search-result,
.catalogue-category-card,
.catalogue-product-card,
.catalogue-hero,
.catalogue-archive-hero,
.company-page-shell,
.dynamic-seo-intro {
  border-color: var(--livar-color-border);
  box-shadow: var(--livar-shadow-inset), var(--livar-shadow-md);
}

.product-image-summary-wrap,
.company-page-shell,
.catalogue-hero,
.catalogue-archive-hero {
  border-radius: var(--livar-radius-xl);
}

.livar-cart-items-panel,
.livar-cart-summary,
.livar-cart-checkout-details,
.livar-account-panel,
.livar-account-dashboard-head,
.livar-search-result,
.catalogue-category-card,
.catalogue-product-card,
.dynamic-seo-intro {
  border-radius: var(--livar-radius-lg);
}

/* Shared cards */
.livar-cart-item,
.livar-option-card,
.livar-gallery-thumb,
.livar-account-order,
.livar-ticket-card,
.livar-search-result,
.catalogue-category-card,
.catalogue-product-card,
.company-framework-card {
  border-color: rgba(255, 255, 255, .09);
  background-color: var(--livar-color-surface);
  transition:
    transform var(--livar-duration-standard) var(--livar-ease-standard),
    border-color var(--livar-duration-standard) ease,
    background-color var(--livar-duration-standard) ease,
    box-shadow var(--livar-duration-standard) ease;
}

:where(.livar-cart-item, .livar-option-card, .livar-gallery-thumb, .livar-account-order, .livar-ticket-card, .livar-search-result, .catalogue-category-card, .catalogue-product-card, .company-framework-card):hover {
  border-color: var(--livar-color-brand-line);
}

/* Shared breadcrumbs */
.catalogue-breadcrumbs,
.livar-product-breadcrumbs,
.company-breadcrumbs,
.livar-search-breadcrumbs {
  color: var(--livar-color-text-dim);
  font-family: var(--livar-font-family);
  font-size: var(--livar-font-size-xs);
}

:where(.catalogue-breadcrumbs, .livar-product-breadcrumbs, .company-breadcrumbs, .livar-search-breadcrumbs) a {
  color: var(--livar-color-text-muted);
}

:where(.catalogue-breadcrumbs, .livar-product-breadcrumbs, .company-breadcrumbs, .livar-search-breadcrumbs) a:hover {
  color: var(--livar-color-text);
}

/* Shared kickers and headings */
.commerce-kicker,
.catalogue-kicker,
.livar-cart-section-head p,
.livar-cart-summary-head p,
.livar-account-eyebrow,
.livar-search-page-copy p,
.company-kicker,
.livar-search-kicker {
  color: var(--livar-color-brand-hover);
  font-family: var(--livar-font-family);
  font-weight: 800;
  letter-spacing: var(--livar-letter-kicker);
}

.commerce-title,
.catalogue-hero h1,
.catalogue-archive-hero h1,
.livar-search-page-copy h1,
.livar-account-dashboard-head h1,
.company-title,
.dynamic-seo-intro h1 {
  color: var(--livar-color-text);
  font-family: var(--livar-font-family);
  letter-spacing: var(--livar-letter-tight);
}

/* Existing controls mapped to one visual system */
.commerce-add-button,
.livar-cart-button--primary,
.livar-account-button.primary,
.livar-account-form button[type="submit"],
.livar-account-layered-primary,
.company-action.primary,
.catalogue-filter-apply,
.livar-search-submit {
  border-color: rgba(255, 112, 40, .68);
  border-radius: var(--livar-radius-md);
  background: linear-gradient(180deg, var(--livar-color-brand-hover), var(--livar-color-brand-active));
  color: #fff;
  box-shadow: 0 12px 30px rgba(233, 68, 3, .20), inset 0 1px 0 rgba(255, 255, 255, .16);
}

:where(.commerce-add-button, .livar-cart-button--primary, .livar-account-button.primary, .livar-account-form button[type="submit"], .livar-account-layered-primary, .company-action.primary, .catalogue-filter-apply, .livar-search-submit):hover {
  background: linear-gradient(180deg, #ff762d, var(--livar-color-brand));
  box-shadow: 0 15px 34px rgba(233, 68, 3, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.commerce-all-products,
.commerce-cart-link,
.livar-cart-button--secondary,
.livar-account-button.secondary,
.livar-account-layered-google,
.company-action:not(.primary),
.catalogue-back-link,
.livar-product-nav-button,
.livar-gallery-zoom {
  border-color: var(--livar-color-border-strong);
  background-color: rgba(255, 255, 255, .045);
  color: var(--livar-color-text-soft);
}

:where(.commerce-all-products, .commerce-cart-link, .livar-cart-button--secondary, .livar-account-button.secondary, .livar-account-layered-google, .company-action:not(.primary), .catalogue-back-link, .livar-product-nav-button, .livar-gallery-zoom):hover {
  border-color: var(--livar-color-brand-line);
  background-color: var(--livar-color-brand-soft);
  color: #fff;
}

/* Forms across commerce, account and search */
:where(
  .commerce-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .commerce-page select,
  .commerce-page textarea,
  .livar-cart-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .livar-cart-page select,
  .livar-cart-page textarea,
  .livar-account-v2-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .livar-account-v2-page select,
  .livar-account-v2-page textarea,
  .livar-search-page input
) {
  border-color: var(--livar-color-border);
  color: var(--livar-color-text);
  font-family: var(--livar-font-family);
}

:where(
  .commerce-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .commerce-page select,
  .commerce-page textarea,
  .livar-cart-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .livar-cart-page select,
  .livar-cart-page textarea,
  .livar-account-v2-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .livar-account-v2-page select,
  .livar-account-v2-page textarea,
  .livar-search-page input
):focus {
  border-color: rgba(255, 106, 23, .72);
  box-shadow: var(--livar-focus-ring);
}

:where(.livar-account-v2-page input[type="checkbox"], .livar-account-v2-page input[type="radio"], .livar-cart-page input[type="checkbox"], .livar-cart-page input[type="radio"], .commerce-page input[type="checkbox"], .commerce-page input[type="radio"]) {
  accent-color: var(--livar-color-brand);
}

/* Notices */
.livar-cart-notice,
.livar-account-notice,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  border-color: var(--livar-color-border);
  border-radius: var(--livar-radius-md);
  background: var(--livar-color-surface-raised);
  box-shadow: var(--livar-shadow-inset), var(--livar-shadow-sm);
}

/* Tables generated by account/content pages */
:where(.livar-account-v2-page, .dynamic-direct-content, .page-content-root) table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--livar-color-border);
  border-radius: var(--livar-radius-lg);
  background: var(--livar-color-surface);
  color: var(--livar-color-text-soft);
  font-size: var(--livar-font-size-sm);
}

:where(.livar-account-v2-page, .dynamic-direct-content, .page-content-root) table :where(th, td) {
  padding: .78rem .92rem;
  border-bottom: 1px solid var(--livar-color-border);
  text-align: start;
  vertical-align: middle;
}

:where(.livar-account-v2-page, .dynamic-direct-content, .page-content-root) table th {
  background: rgba(255, 255, 255, .035);
  color: var(--livar-color-text-dim);
  font-size: var(--livar-font-size-xs);
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

:where(.livar-account-v2-page, .dynamic-direct-content, .page-content-root) table tr:last-child td {
  border-bottom: 0;
}

/* Login identity anchor: use global tokens without changing approved layout. */
.livar-account-layered-login {
  --layered-orange: var(--livar-color-brand);
  --layered-orange-2: var(--livar-color-brand-hover);
  --layered-orange-deep: var(--livar-color-brand-active);
  --layered-bg: var(--livar-color-bg);
  --layered-panel: var(--livar-color-surface);
  --layered-field: var(--livar-color-surface-soft);
  --layered-field-border: var(--livar-color-border-strong);
  --layered-line: rgba(255, 255, 255, .16);
  --layered-text: var(--livar-color-text);
  --layered-muted: var(--livar-color-text-muted);
  --layered-dim: var(--livar-color-text-dim);
}

/* Regional and profile surfaces */
.canada-family-shell {
  --canada-orange: var(--livar-color-brand);
  --canada-orange-soft: var(--livar-color-brand-soft);
  --canada-surface: rgba(255, 255, 255, .045);
  --canada-surface-strong: rgba(255, 255, 255, .065);
  --canada-line: var(--livar-color-border);
  --canada-line-soft: rgba(255, 255, 255, .07);
  --canada-text: var(--livar-color-text);
  --canada-muted: rgba(197, 199, 200, .66);
  --canada-radius: var(--livar-radius-xl);
}

.canada-family-page,
.canada-family-card,
.gcc-member-shell,
.canada-member-shell {
  font-family: var(--livar-font-family);
}

.canada-family-page,
.canada-family-card {
  border-color: var(--livar-color-border);
}

.gcc-member-shell,
.canada-member-shell {
  --gm-orange: var(--livar-color-brand);
  --gm-orange-soft: var(--livar-color-brand-soft);
  --gm-text: var(--livar-color-text);
  --gm-muted: rgba(197, 199, 200, .66);
  --gm-line: var(--livar-color-border);
  --gm-line-soft: rgba(255, 255, 255, .07);
  --gm-card: rgba(255, 255, 255, .045);
  --gm-card-strong: rgba(255, 255, 255, .065);
}

/* ===== responsive.css ===== */
/* LiVAR Design System — Responsive and motion */
@media (max-width: 900px) {
  :root {
    --livar-control-height: 48px;
  }

  .livar-container {
    width: min(100% - 24px, var(--livar-container-width));
  }

  .livar-grid--2,
  .livar-grid--3 {
    grid-template-columns: 1fr;
  }

  body.dynamic-public-page .dynamic-page-shell {
    width: 100%;
  }

  .nav-shell,
  .mobile-site-nav-panel,
  .site-footer .footer-shell {
    border-radius: var(--livar-radius-lg);
  }

  :where(.livar-account-v2-page, .dynamic-direct-content, .page-content-root) table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  :root {
    --livar-radius-xl: 1.125rem;
    --livar-radius-2xl: 1.25rem;
  }

  .livar-button,
  .livar-button--primary,
  .livar-button--secondary,
  .livar-button--ghost {
    min-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* LiVAR global print typography v3.13.12 */
@media print {
  html,
  body {
    background: #fff !important;
    color: #111 !important;
    font-family: var(--livar-font-print) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  :where(h1, h2, h3, h4, h5, h6) {
    color: #111 !important;
    letter-spacing: -.015em;
  }

  :where(p, li, td, th) {
    color: #111 !important;
  }
}

/* =========================================================
   LiVAR Secondary Microcopy Typography — v3.13.61
   Uses the self-hosted Montserrat files already uploaded from
   Admin > Theme. Existing component sizes, colors, line heights,
   spacing, grids and primary typography remain unchanged.
========================================================= */
@font-face {
  font-family: "LiVAR Montserrat Microcopy";
  src: url("/assets/fonts/inter-variable/jtuhjig1_i6t8kchkm4532vjot5-qnfgpctz6ew7y3tcoqk5.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "LiVAR Montserrat Microcopy";
  src: url("/assets/fonts/inter-variable/jtuhjig1_i6t8kchkm4532vjot5-qnfgpcum70w7y3tcoqk5.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "LiVAR Montserrat Microcopy";
  src: url("/assets/fonts/inter-variable/jtufjig1_i6t8kchkm459wx7xqyxk0vooz6jq5z9axp-p7k5ilg.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "LiVAR Montserrat Microcopy";
  src: url("/assets/fonts/inter-variable/jtufjig1_i6t8kchkm459wx7xqyxk0vooz6jq0n6axp-p7k5ilg.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root {
  --livar-font-microcopy: "LiVAR Montserrat Microcopy", var(--livar-font-family);
}

html:lang(fa),
html:lang(ar),
html[dir="rtl"] {
  --livar-font-microcopy: var(--livar-font-arabic);
}

/* Footer secondary lines and legal microcopy. */
.livar-site-footer .footer-rule-subtitle,
.livar-site-footer .footer-form-note,
.livar-site-footer .footer-love,
.livar-site-footer .footer-copyright,

/* Product option helpers and tertiary notes. */
.commerce-price-note,
.livar-option-copy small,
.livar-trust-strip small,
.livar-jar-addon-head small,
.livar-options-stack--pet-jar .livar-jar-addon-card .livar-option-copy small,
.livar-product-currency-toolbar small,

/* Cart secondary values, explanations and assurances. */
.livar-cart-section-head > span,
.livar-cart-summary-metrics span,
.livar-cart-summary-details > div,
.livar-cart-summary-note,
.livar-cart-summary-assurances span,
.livar-cart-mobile-bar small,
.livar-cart-progress-copy small,
.livar-cart-checkout-alert--auth .livar-cart-google-copy small,
.livar-cart-method-card small,
.livar-cart-items .livar-cart-attributes span,
.livar-cart-page .p-cart-item .livar-cart-packaging,

/* Catalogue metadata and filter explanations. */
.catalogue-product-meta span,
.catalogue-filter-panel header small,
.catalogue-category-body > p,

/* Search helper and result metadata. */
.livar-search-result-meta,
.livar-search-result-description,
.livar-search-hints,
.livar-search-status,
.livar-live-search-result-meta,

/* Account helper, legal and secondary status text. */
.livar-account-auth-footnote,
.livar-account-expiry-note,
.livar-account-dashboard-nav a span,
.livar-account-metrics small,
.livar-account-metrics span,
.livar-account-order-count,
.livar-account-details dt,
.livar-account-form-help,
.livar-account-methods small,
.livar-account-legal-footer,
.livar-account-google-button--modern small,
.livar-account-method-note,
.livar-account-unavailable--modern,
.livar-phone-smart small,
.livar-ticket-message small {
  font-family: var(--livar-font-microcopy);
  font-weight: 500;
  font-kerning: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}