:root {
  --primary: #6d28d9;
  --primary-dark: #5b21b6;
  --primary-soft: #f5f3ff;
  --arch-fill: #f5f3ff;
  --secondary: #8b5cf6;
  --accent: #7c3aed;
  --bg: #ffffff;
  --bg-soft: #faf8ff;
  --section-bg: #f5f3ff;
  --panel: #ffffff;
  --text: #1e1233;
  --heading: #1e1233;
  --muted: #6b5f80;
  --link: #6d28d9;
  --link-hover: #5b21b6;
  --border: rgba(91, 33, 182, 0.14);
  --border-strong: #ddd6fe;
  --border-gray: #ddd6fe;
  --line: #e8e3f5;
  --border-width: 1px;
  --radius-sm: 0px;
  --radius: 0px;
  --radius-lg: 0px;
  --input-radius: 0px;
  --card-radius: 0px;
  --badge-radius: 0px;
  --shape-radius: 0px;
  --ah-radius: 0px;
  --ah-radius-sm: 0px;
  --ah-radius-lg: 0px;
  --shadow: 0 8px 24px rgba(109, 40, 217, 0.08);
  --shadow-lg: 0 12px 32px rgba(109, 40, 217, 0.12);
  --card-shadow: 0 8px 24px rgba(109, 40, 217, 0.08);
  --font: "DM Sans", system-ui, sans-serif;
  --font-size: 15px;
  --font-weight: 400;
  --font-weight-bold: 700;
  --line-height: 1.5;
  --space-unit: 8px;
  --page-max-width: 1280px;
  --body-container: container;
  --input-bg: #ffffff;
  --input-border: #e8e3f5;
  --input-text: #1e1233;
  --input-focus: #a78bfa;
  --card-bg: #ffffff;
  --card-border: #efe8f7;
  --table-header-bg: #f5f3ff;
  --table-border: #e8e3f5;
  --modal-bg: #ffffff;
  --modal-overlay: rgba(30, 18, 51, 0.45);
  --sidebar-bg: #ffffff;
  --tooltip-bg: #1e1233;
  --tooltip-text: #ffffff;
  --success: #15803d;
  --warning: #d97706;
  --danger: #b91c1c;
  --info: #0284c7;
  --pending: #a16207;
  --icon-color: #6d28d9;
  --ah-bg: #ffffff;
  --brand: #6d28d9;
  --brand-dark: #5b21b6;
  --brand-soft: #f5f3ff;
  --white: #ffffff;
  --on-primary: #ffffff;
  --purple-950: #2e1065;
  --purple-900: #3b0764;
  --purple-800: #5b21b6;
  --purple-700: #6d28d9;
  --purple-600: #7c3aed;
  --purple-500: #8b5cf6;
  --purple-400: #a78bfa;
  --purple-200: #ddd6fe;
  --purple-100: #ede9fe;
  --purple-50: #f5f3ff;
  --auth-accent: #6d28d9;
  --auth-accent-hover: #5b21b6;
  --auth-accent-soft: #f5f3ff;
  --auth-ink: #1e1233;
  --auth-slate: #1e1233;
  --auth-muted: #6b5f80;
  --auth-surface: #ffffff;
  --auth-surface-muted: #faf8ff;
  --auth-border: #e8e3f5;
  --mega-accent: #7c3aed;
  --mega-bg: #ffffff;
  --mega-text: #1e1233;
  --mega-title: #6d28d9;
  --mega-border: #ddd6fe;
  --chip-fg: #6d28d9;
  --color-scheme: light;
}

html {
  color-scheme: light;
}
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
/* Body content width (Application theme → Surfaces) */
.page,
main.page,
.page.ah-page,
.page.footer-newsletter-top,
.footer-grid.page,
.footer-bottom-inner.page {
  max-width: var(--page-max-width, 1280px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
body.app-body-fluid .page,
body.app-body-fluid main.page,
body.app-body-fluid .footer-newsletter-top,
html[data-body-container="fluid"] .page,
html[data-body-container="fluid"] .footer-newsletter-top {
  max-width: none !important;
}
h1, h2, h3, h4, h5, h6,
.heading {
  color: var(--heading);
  font-weight: var(--font-weight-bold);
}
.prose a,
.product-desc a,
.ah-section__body a:not(.btn):not(.ah-btn):not(.ah-section__link),
.footer-tagline a,
.page-content a:not(.btn) {
  color: var(--link);
}
.prose a:hover,
.product-desc a:hover,
.ah-section__body a:not(.btn):not(.ah-btn):not(.ah-section__link):hover,
.page-content a:not(.btn):hover {
  color: var(--link-hover);
}
.field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
.field select,
.field textarea,
.form-control,
.oc-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.oc-form select,
.oc-form textarea,
.newsletter input[type="email"],
.auth-popup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.auth-popup select,
.auth-popup textarea {
  background: var(--input-bg) !important;
  color: var(--input-text) !important;
  border-color: var(--input-border) !important;
  border-radius: var(--input-radius) !important;
  border-width: var(--border-width);
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.form-control:focus,
.oc-form input:focus,
.oc-form select:focus,
.oc-form textarea:focus,
.newsletter input[type="email"]:focus,
.auth-popup input:focus,
.auth-popup select:focus,
.auth-popup textarea:focus {
  border-color: var(--input-focus) !important;
  outline-color: var(--input-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-focus) 28%, transparent) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--input-text, var(--text)) !important;
  caret-color: var(--input-text, var(--text));
  box-shadow: 0 0 0 1000px var(--input-bg, var(--card-bg, #fff)) inset !important;
  background-color: var(--input-bg, var(--card-bg, #fff)) !important;
  background-image: none !important;
  transition: background-color 99999s ease-out;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--primary);
}
.card,
.panel,
.ah-section,
.ah-card {
  background: var(--card-bg);
  border-color: var(--card-border);
  box-shadow: var(--card-shadow);
}
.ah-profile-hero,
.ah-stat,
.ah-section,
.ah-hub__nav,
.ah-order,
.ah-od__head,
.ah-od__panel,
.ah-wish-card,
.ah-addr {
  background: var(--card-bg, #fff) !important;
  border: 1px solid var(--card-border, var(--border)) !important;
  border-radius: var(--card-radius, var(--shape-radius, var(--radius))) !important;
  box-shadow: none !important;
}
.ah-addr__type,
.ah-addr__badge {
  border-radius: var(--badge-radius, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.ah-addr__menu-btn,
.ah-addr__icon {
  border-radius: var(--radius-sm, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.ah-addr__menu-panel {
  border-radius: var(--card-radius, var(--shape-radius, var(--radius))) !important;
}
.ah-profile-hero__initial {
  background: linear-gradient(
    135deg,
    var(--primary-dark, var(--primary)),
    var(--primary)
  ) !important;
  box-shadow: none !important;
}
.ah-profile-hero__banner {
  background: linear-gradient(
    135deg,
    var(--primary-dark, var(--primary)) 0%,
    var(--primary) 52%,
    var(--accent, var(--primary-soft, var(--primary))) 100%
  ) !important;
}
.ah-stat__icon {
  background: var(--primary-soft, color-mix(in srgb, var(--primary) 14%, #fff)) !important;
  color: var(--primary) !important;
}
.alert-success, .badge-success, .status-success { color: var(--success); }
.alert-warning, .badge-warning, .status-warning { color: var(--warning); }
.alert-danger, .badge-danger, .status-danger { color: var(--danger); }
.alert-info, .badge-info, .status-info { color: var(--info); }
.alert-pending, .badge-pending, .status-pending { color: var(--pending); }
.section-soft,
.bg-soft {
  background: var(--section-bg);
}
.icon-accent {
  color: var(--icon-color);
}
.hs-arch-frame {
  background: var(--arch-fill, var(--primary-soft, var(--card-bg, #fff))) !important;
}
.hs-arch-frame.hs-cat-media {
  background: var(--arch-fill, var(--primary-soft, var(--card-bg, #fff))) !important;
}
.product-media,
.product-card .product-media {
  background: var(--primary-soft, var(--card-bg, var(--bg, #fff))) !important;
}
.trust-card {
  background: var(--section-bg, var(--primary-soft)) !important;
  border-color: var(--card-border, var(--border)) !important;
  box-shadow: var(--card-shadow);
}
.trust-card h4 {
  color: var(--heading) !important;
}
.trust-card p {
  color: var(--muted) !important;
}
.about-hero h1,
.about-hero .about-hero-copy h1,
.about-vision-card h2 {
  color: #fff !important;
}
.about-section-head h2,
.about-story-text h2,
.about-offer-intro h2,
.about-commitment-card h2,
.about-value-card h3,
.about-stat-card strong {
  color: var(--heading, var(--text)) !important;
}
.about-section-label,
.about-eyebrow {
  color: var(--primary) !important;
}
.about-hero .about-eyebrow {
  color: color-mix(in srgb, #fff 72%, transparent) !important;
}
.about-vision-card .about-section-label {
  color: color-mix(in srgb, #fff 70%, var(--accent, var(--primary))) !important;
}
.about-stat-icon,
.about-value-icon {
  color: var(--primary) !important;
  background: color-mix(in srgb, var(--primary) 16%, var(--card-bg, #fff)) !important;
}
.about-stat-card,
.about-offer-list li {
  background: var(--primary-soft, var(--section-bg)) !important;
  border-color: var(--card-border, var(--border)) !important;
}
.about-intro-card,
.about-value-card,
.about-commitment-card {
  background: var(--card-bg) !important;
  border-color: var(--card-border, var(--border)) !important;
  color: var(--text) !important;
}
.about-values {
  background: var(--section-bg, var(--bg-soft)) !important;
}
.about-hero-mark {
  background: var(--primary) !important;
  border-radius: var(--card-radius, var(--radius)) !important;
}
.about-offer-list i {
  color: var(--primary) !important;
}
.trust-icon:not([style*="color"]) {
  color: var(--icon-color, var(--primary)) !important;
  background: var(--panel, #fff) !important;
}
.mega-dropdown {
  background: var(--mega-bg, var(--panel, var(--bg))) !important;
  color: var(--mega-text, var(--text)) !important;
  border-top-color: var(--mega-accent, var(--accent, var(--primary))) !important;
}
.mega-image-card {
  background: var(--mega-bg, var(--card-bg, var(--panel))) !important;
  border-color: var(--mega-border, var(--border-strong, var(--border))) !important;
  color: var(--mega-text, var(--text)) !important;
}
.mega-image-card__media {
  background: color-mix(in srgb, var(--mega-accent, var(--accent, var(--primary))) 16%, #fff) !important;
  color: var(--mega-accent, var(--accent, var(--primary))) !important;
}
.mega-flat-link {
  border-color: var(--mega-border, var(--border-strong, var(--border))) !important;
  background: color-mix(in srgb, var(--mega-bg, var(--panel, #fff)) 88%, var(--mega-accent, var(--accent, var(--primary)))) !important;
  color: var(--mega-text, var(--text)) !important;
}
.mega-flat-icon {
  color: var(--mega-accent, var(--accent, var(--primary))) !important;
  border-color: var(--mega-border, var(--border-strong, var(--border))) !important;
  background: var(--panel, #fff) !important;
}
.cat-icon:not([style*="--icon-color"]) {
  color: var(--icon-color, var(--primary));
  background: color-mix(in srgb, var(--primary) 14%, #fff);
  border-color: var(--border-strong, var(--border));
}
table thead th,
.table thead th {
  background: var(--table-header-bg);
  border-color: var(--table-border);
  color: var(--heading);
}
table td,
table th,
.table td,
.table th {
  border-color: var(--table-border);
}
.drawer-overlay,
.oc-overlay,
.mobile-menu-overlay,
.auth-modal-backdrop {
  background: var(--modal-overlay) !important;
}
.drawer,
.oc-panel,
.cart-canvas-panel,
.auth-popup,
.auth-modal-loading-card,
.auth-modal-loading {
  background: var(--modal-bg) !important;
}

/* ── Auth login / register popup (follow Application theme) ── */
.auth-modal {
  --auth-accent-ring: color-mix(in srgb, var(--auth-accent, var(--heading, var(--primary))) 16%, transparent) !important;
  --auth-ink: var(--heading) !important;
  --auth-slate: var(--text) !important;
  --auth-muted: var(--muted) !important;
  --auth-surface: var(--modal-bg, var(--card-bg)) !important;
  --auth-surface-muted: var(--bg-soft) !important;
  --auth-border: var(--line, var(--border)) !important;
  --auth-hero-shadow: var(--shadow-lg) !important;
}
.auth-popup-hero,
.auth-popup-hero--register,
.auth-popup-hero--forgot,
.auth-popup-hero--verify,
.auth-popup-hero--reset {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.18), transparent 42%),
    linear-gradient(
      135deg,
      var(--primary-dark, var(--primary)) 0%,
      var(--primary) 52%,
      var(--accent, var(--secondary, var(--primary))) 100%
    ) !important;
  color: #fff !important;
}
.auth-popup-hero h2,
.auth-popup-tag,
.auth-popup-lead,
.auth-popup-perks li {
  color: #fff !important;
}
.auth-popup-switch,
.auth-link-btn,
.auth-popup .link-more,
.auth-popup .login-tab.is-active {
  color: var(--primary) !important;
}
.auth-popup-switch:hover,
.auth-link-btn:hover,
.auth-popup .link-more:hover {
  color: var(--primary-dark, var(--primary)) !important;
}
.auth-popup .login-tab.is-active::after {
  background: var(--primary) !important;
}
.auth-popup .btn-primary {
  background: linear-gradient(135deg, var(--btn-filled-bg, var(--primary-dark, var(--primary))) 0%, var(--btn-filled-bg-2, var(--primary)) 100%) !important;
  color: var(--btn-filled-text, var(--on-primary, #fff)) !important;
  border: 2px solid var(--btn-filled-border, var(--primary)) !important;
  box-shadow: var(--btn-shadow, none) !important;
}
.auth-popup .btn-primary:hover {
  background: linear-gradient(135deg, var(--btn-filled-hover-bg, var(--primary-dark, var(--primary))) 0%, var(--btn-filled-hover-bg-2, var(--primary)) 100%) !important;
  color: var(--btn-filled-hover-text, var(--on-primary, #fff)) !important;
  border-color: var(--btn-filled-hover-border, var(--btn-filled-border, var(--primary))) !important;
  filter: none;
}
.auth-popup .btn-outline:hover {
  border-color: var(--primary) !important;
  color: var(--primary-dark, var(--primary)) !important;
  background: var(--primary-soft) !important;
}
.auth-popup .save-banner:not(.auth-error-banner),
.otp-timer {
  background: var(--primary-soft) !important;
  border-color: var(--border-strong, var(--border)) !important;
  color: var(--primary-dark, var(--primary)) !important;
}
.auth-popup .phone-prefix,
.phone-prefix {
  background: var(--primary-soft) !important;
  border-color: var(--input-border, var(--border)) !important;
  color: var(--primary-dark, var(--primary)) !important;
}
.auth-modal-close:hover {
  color: var(--primary) !important;
}
.auth-modal-loading-card .loader-spinner {
  border-top-color: var(--primary) !important;
}
.sidebar,
.admin-shell .sidebar {
  background: var(--sidebar-bg);
}
[data-tooltip]::after,
.tooltip-inner {
  background: var(--tooltip-bg) !important;
  color: var(--tooltip-text) !important;
}

/* ── Surface colors (keeps dark themes readable; light themes unchanged) ── */
.site-header,
.bottom-nav,
.footer-main,
.footer-bottom,
.mobile-menu,
.mobile-sheet,
.mobile-plp-bar,
.mobile-filter-panel,
.mf-header,
.mf-footer,
.mf-values,
.filter-card,
.summary-card,
.pay-option,
.pdp-collapse,
.pdp-ratings-panel,
.pdp-review-card,
.pdp-faq-item,
.pdp-qa-empty-state,
.pdp-info-card,
.cart-item,
.cart-canvas-item,
.cart-canvas-panel,
.cart-canvas-header,
.oc-header,
.oc-header.cart-canvas-header,
.cart-canvas-summary,
.cart-canvas-panel .oc-body.cart-canvas-body,
.order-detail-item,
.order-detail-hero,
.review-card,
.qa-card,
.chart-modal-panel,
.page-loader-card,
.footer-newsletter-card,
.newsletter,
.ah-addr__menu-panel,
.oc-panel,
.oc-panel.cart-canvas-panel {
  background: var(--card-bg, var(--panel, var(--bg))) !important;
  border-color: var(--card-border, var(--border)) !important;
  color: var(--text) !important;
}
.ah-hub__tab {
  background: var(--card-bg, var(--panel, var(--bg))) !important;
  border-color: var(--card-border, var(--border)) !important;
  color: var(--muted, var(--text)) !important;
}
.ah-hub__tab.is-active {
  background: var(--primary, var(--purple-700, #6d28d9)) !important;
  border-color: var(--primary, var(--purple-700, #6d28d9)) !important;
  color: #fff !important;
}
.ah-hub__tab--logout {
  color: #dc2626 !important;
  border-color: #fecaca !important;
  background: var(--card-bg, var(--panel, var(--bg))) !important;
}
.ah-hub__tab--logout:hover {
  background: #fef2f2 !important;
  border-color: #fca5a5 !important;
  color: #dc2626 !important;
}
.site-header,
.bottom-nav,
.mobile-plp-bar {
  background: var(--bg, var(--panel)) !important;
  color: var(--text) !important;
}
.mf-tabs,
.mm-children,
.mm-sub-children,
.mm-cat-item .mm-sub-children {
  background: var(--bg-soft, var(--card-bg, var(--bg))) !important;
  color: var(--text) !important;
}
.mf-tab,
.mf-value-row,
.mf-close-btn,
.mf-value-name,
.mf-header,
.mobile-plp-btn,
.mm-sub-link,
.mm-cat-link,
.mm-menu-link,
.mm-menu-name {
  color: var(--text) !important;
}
.mf-tab.is-active {
  background: var(--card-bg, var(--bg)) !important;
  color: var(--primary) !important;
}
.mf-header,
.mf-apply-btn,
.cart-canvas-summary h4,
.cart-canvas-summary .summary-row span:last-child,
.cart-canvas-summary .summary-row strong,
.cart-canvas-total,
.cart-canvas-total span,
.cart-canvas-total strong {
  color: var(--heading, var(--text)) !important;
}
.cart-canvas-summary .summary-row {
  color: var(--muted) !important;
}
.cart-canvas-qty,
.qty-wrap.cart-canvas-qty,
.qty-wrap {
  background: var(--input-bg, var(--card-bg, var(--bg))) !important;
  border-color: var(--input-border, var(--border)) !important;
  color: var(--input-text, var(--text)) !important;
}
.cart-canvas-qty span,
.qty-wrap span,
.qty-wrap.cart-canvas-qty span {
  color: var(--input-text, var(--text)) !important;
}
.cart-canvas-qty button,
.qty-wrap button {
  color: var(--primary) !important;
  background: transparent !important;
}
.ah-addr__type,
.chip,
.checkout-address-list .chip {
  background: var(--primary-soft, var(--bg-soft, var(--card-bg))) !important;
  color: var(--chip-fg, var(--primary, var(--heading, var(--text)))) !important;
  border-color: var(--border) !important;
}
.pdp-collapse-title,
.pdp-ratings-panel-head,
.pdp-faq-item summary,
.related-products-title,
.section-head h2,
.product-info h1,
.pdp-title,
.filter-head,
.summary-card h3,
.ah-hub__title,
.ah-section__title {
  color: var(--heading, var(--text)) !important;
}
.pdp-collapse-meta,
.pdp-rating-count,
.pdp-rating-empty,
.pdp-ratings-panel-head i,
.product-brand,
.muted,
.hint {
  color: var(--muted) !important;
}
.pdp-collapse-icon,
.pdp-rating-badge {
  background: var(--primary-soft, var(--purple-50)) !important;
  color: var(--primary, var(--purple-700)) !important;
}
.pdp-collapse-chevron {
  background: var(--primary-soft, var(--bg-soft, #faf8ff)) !important;
  color: var(--heading, var(--text)) !important;
}
.related-products-label.product-tag-chip,
.related-products-label.product-tag-chip.product-tag-chip {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  --tag-bg: var(--primary-soft);
  --tag-text: var(--primary);
}
.sort-dropdown__btn,
.select-wrap select {
  background: var(--card-bg, var(--input-bg, #fff)) !important;
  color: var(--text) !important;
  border-color: var(--card-border, var(--border)) !important;
  border-radius: var(--input-radius, var(--shape-radius, var(--radius))) !important;
}
.sort-dropdown__menu,
.mobile-sheet {
  background: var(--card-bg, var(--panel, var(--bg))) !important;
  color: var(--text) !important;
  border-color: var(--card-border, var(--border)) !important;
}
.sort-dropdown__menu {
  border-radius: var(--card-radius, var(--shape-radius, var(--radius))) !important;
}
.sort-dropdown__option {
  border-radius: var(--radius-sm, var(--shape-radius, var(--radius))) !important;
  color: var(--text) !important;
}
.sort-dropdown__option.is-active,
.sort-dropdown__option:hover,
.mobile-sort-option:has(input:checked) {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
}
.bottom-nav a,
.bottom-nav-item {
  color: var(--muted, var(--text)) !important;
}
.bottom-nav a.is-active,
.bottom-nav-item.is-active {
  color: var(--primary) !important;
  background: var(--primary-soft, transparent) !important;
}

/* Header search follows Application theme primary (header search pickers override via --hdr-search-*) */
.site-header .header-search {
  background: var(--hdr-search-bg, var(--primary-soft, var(--purple-50))) !important;
  border-color: var(--hdr-search-border, color-mix(in srgb, var(--primary) 22%, transparent)) !important;
}
.site-header .header-search:focus-within,
.site-header .header-search.is-open {
  border-color: var(--hdr-search-focus, var(--primary, var(--purple-400))) !important;
}
.site-header .header-search input {
  color: var(--hdr-search-text, var(--hdr-text, var(--input-text, var(--text)))) !important;
}
.site-header .header-search input::placeholder {
  color: var(--hdr-search-placeholder, var(--muted)) !important;
}
.site-header .header-search-toggle {
  color: var(--hdr-icon, var(--primary-dark, var(--primary))) !important;
}
.site-header .header-search-toggle:hover,
.site-header .header-search-toggle:focus-visible {
  color: var(--hdr-icon-hover, var(--primary)) !important;
}
.site-header .icon-btn {
  color: var(--hdr-icon, var(--primary-dark, var(--primary))) !important;
}
.site-header .icon-btn span {
  color: var(--hdr-icon-label, var(--hdr-icon, var(--primary-dark, var(--primary)))) !important;
}
.site-header .icon-btn:hover,
.site-header .icon-btn:focus-visible {
  color: var(--hdr-icon-hover, var(--primary)) !important;
}
.site-header .icon-btn:hover span,
.site-header .icon-btn:focus-visible span {
  color: var(--hdr-icon-label-hover, var(--hdr-icon-hover, var(--primary))) !important;
}
.site-header .header-search-close:hover,
.site-header .header-search-close:focus-visible {
  color: var(--hdr-icon-hover, var(--hdr-search-focus, var(--primary))) !important;
  background: color-mix(in srgb, var(--hdr-search-focus, var(--primary)) 14%, transparent) !important;
}

/* ── Final shape pass (Application theme radius). Desktop circular search toggle stays 50%; mobile bar uses theme radius. ── */
.product-media,
.product-card .product-media,
.trust-card,
.footer-newsletter-card,
.newsletter,
.banner-slide,
.hero-banner,
.auth-popup,
.auth-card,
.auth-modal-busy,
.auth-modal-loading,
.auth-modal-panel,
.auth-modal-loading-card,
.cart-canvas-panel,
.cart-canvas-item,
.cart-item,
.oc-panel,
.drawer,
.mega-dropdown,
.mega-image-card,
.mega-flat-link,
.nav-dropdown,
.mobile-menu,
.lookbook-card,
.brand-tile,
.editorial-card,
.pdp-gallery,
.pdp-gallery .main-img,
.main-img,
.pdp-video-wrap,
.pdp-mosaic-tile,
.pdp-info-card,
.pdp-collapse,
.pdp-ratings-panel,
.pdp-review-card,
.pdp-faq-item,
.pdp-qa-empty-state,
.review-card,
.qa-card,
.chart-modal-panel,
.summary-card,
.pay-option,
.checkout-address-empty,
.filter-card,
.order-detail-hero,
.order-detail-item,
.page-loader-card,
.page-loader-content,
.about-stat-card,
.homepage-section .hs-card,
.ah-profile-hero,
.ah-section,
.ah-hub__nav,
.ah-order,
.ah-od__head,
.ah-od__panel,
.ah-wish-card,
.ah-card,
.ah-stat,
.ah-banner,
.card,
.panel {
  border-radius: var(--card-radius, var(--radius)) !important;
}
.ah-od__item-thumb {
  border-radius: var(--radius-sm, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.ah-od__status,
.ah-od__addr-type,
.ah-od__count {
  border-radius: var(--badge-radius, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.ah-addr,
.ah-addr__menu-panel {
  border-radius: var(--card-radius, var(--shape-radius, var(--radius))) !important;
}
.ah-addr__type,
.ah-addr__badge {
  border-radius: var(--badge-radius, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.ah-addr__menu-btn,
.ah-addr__icon {
  border-radius: var(--radius-sm, var(--shape-radius, var(--card-radius, var(--radius)))) !important;
}
.mobile-sheet {
  border-radius: var(--card-radius, var(--radius)) var(--card-radius, var(--radius)) 0 0 !important;
}
.ah-hub__tab,
.bottom-nav a,
.bottom-nav-item,
.filter-chip,
.tag-pill,
.save-banner,
.cart-canvas-qty,
.cart-canvas-empty-icon,
.account-nav-links a,
.auth-popup .login-tabs,
.login-tabs,
.otp-timer,
.about-offer-list li,
.pager a,
.pagination button {
  border-radius: var(--radius, var(--card-radius)) !important;
}
.oc-close,
.oc-close.js-cart-canvas-close,
button.oc-close {
  border-radius: var(--radius, 10px) !important;
}
.hs-slide,
.hs-single-banner,
.hs-single-banner-wrap,
.hs-swiper .swiper-wrapper,
.homepage-section-photo-img,
.hs-plain-bg-img {
  border-radius: var(--hs-slide-radius, var(--radius, var(--card-radius))) !important;
}
.badge-count,
.bottom-nav .badge-count {
  border-radius: var(--badge-radius, var(--radius, 99px)) !important;
}
.ah-hub__nav-link,
.ah-hub__nav-link.is-active,
.ah-hub__nav-link:hover {
  border-radius: var(--card-radius, var(--radius)) !important;
}
.mini-trust div {
  border-radius: var(--card-radius, var(--radius)) !important;
  background: var(--primary-soft, var(--section-bg)) !important;
  border-color: var(--card-border, var(--border)) !important;
  color: var(--heading, var(--text)) !important;
}
.qty-wrap,
.wish-lg {
  border-radius: var(--btn-radius, var(--radius)) !important;
}
.ah-hub__nav-icon {
  border-radius: var(--radius-sm, var(--card-radius, 0px)) !important;
  background: var(--primary-soft, #f9fafb) !important;
  color: var(--primary, inherit) !important;
}
.ah-hub__nav-link.is-active .ah-hub__nav-icon {
  background: color-mix(in srgb, var(--primary) 18%, #fff) !important;
  color: var(--primary-dark, var(--primary)) !important;
}
.ah-hub__nav-link--logout {
  border-radius: 0 0 var(--card-radius, var(--radius, 0px)) var(--card-radius, var(--radius, 0px)) !important;
}
.cat-icon,
.trust-icon,
.ah-stat__icon,
.mega-flat-icon,
.quick-view,
.cart-item > img,
.order-item-media,
.cart-canvas-thumb,
.cart-canvas-remove,
.pdp-gallery .thumbs button,
.pdp-gallery .thumbs .js-thumb-more,
.thumbs button,
.thumbs .js-thumb-more,
.pdp-lightbox-media,
.pdp-lightbox-stage .pdp-video-wrap,
.pdp-collapse-icon,
.pdp-faq-item summary::before,
.mobile-menu-footer a,
.about-value-icon,
.about-stat-icon,
.auth-popup .login-tab {
  border-radius: var(--radius-sm, var(--radius)) !important;
}
.field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
.field select,
.field textarea,
.form-control,
.select-wrap select,
.oc-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.oc-form select,
.oc-form textarea,
.newsletter input[type="email"],
.auth-popup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.auth-popup select,
.auth-popup textarea,
.pdp-delivery-input,
.pdp-qa-field input,
.pdp-qa-field select,
.pdp-qa-field textarea {
  border-radius: var(--input-radius, var(--radius)) !important;
}
.phone-prefix,
.auth-popup .phone-prefix {
  border-radius: var(--input-radius, var(--radius)) 0 0 var(--input-radius, var(--radius)) !important;
}
.phone-input-row input,
.auth-popup .phone-input-row input {
  border-radius: 0 var(--input-radius, var(--radius)) var(--input-radius, var(--radius)) 0 !important;
}
.badge,
.tag,
.chip,
.ah-chip,
.ah-tag,
.badge-count,
.off-pill,
.rating-pill,
.pdp-rating-badge,
.verified,
.order-status,
.color-name-chip,
.auth-popup-tag,
.footer-trust-badges span,
.related-products-label.product-tag-chip {
  border-radius: var(--badge-radius, var(--radius)) !important;
}
.ah-btn,
.btn,
.btn-primary,
.btn-outline,
a.btn,
button.btn,
.cart-canvas-checkout {
  border-radius: var(--btn-radius, var(--shape-radius, var(--radius))) !important;
}
@media (max-width: 1023px) {
  .header-search.is-open {
    border-radius: var(--hdr-search-radius, var(--input-radius, var(--shape-radius, var(--radius, 12px)))) !important;
  }
}
.ah-profile-hero__avatar img,
.ah-profile-hero__initial,
.footer-socials a,
.mobile-cart-link,
.mobile-account-link,
.icon-circle,
.size-circle,
.pdp-review-avatar,
.step-num,
.success-icon {
  border-radius: 50% !important;
}