@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/*
  MARSO Partner Aqua — тема каталога в палитре главной страницы.
  Светлая бирюза, тёмная типографика, золотые акценты.
*/

:root {
  --theme-name: "Aqua";
  --theme-font-heading: 'Cormorant Garamond', serif;
  --theme-font-body: 'Manrope', sans-serif;

  --theme-bg: #00BFC2;
  --theme-bg-soft: #12C9CA;
  --theme-bg-strong: #10B4B8;
  --theme-page-bg: #00BFC2;
  --theme-page-bg-image:
    radial-gradient(circle at 18% 12%, rgba(255,217,138,0.28) 0%, rgba(255,217,138,0.12) 13%, transparent 32%),
    radial-gradient(circle at 82% 10%, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.08) 18%, transparent 40%),
    linear-gradient(145deg, rgba(255,255,255,0.10) 0 1px, transparent 1px 34px),
    linear-gradient(165deg, #00BFC2 0%, #12C9CA 42%, #10B4B8 100%);

  --theme-header-bg: rgba(0, 151, 158, 0.96);
  --theme-panel-bg: rgba(0, 132, 140, 0.96);
  --theme-card-bg: rgba(255, 255, 255, 0.34);
  --theme-card-bg-strong: rgba(255, 255, 255, 0.48);
  --theme-glass-bg: rgba(255, 255, 255, 0.30);

  --theme-text: #083A3F;
  --theme-text-muted: rgba(11, 37, 40, 0.80);
  --theme-text-soft: rgba(11, 37, 40, 0.62);
  --theme-text-on-accent: #083A3F;
  --mp-aqua-light-text: rgba(255, 255, 255, 0.92);

  --theme-accent: #FFD166;
  --theme-accent-2: #FFD98A;
  --theme-accent-dark: #E5B84F;

  --theme-border: rgba(255, 209, 102, 0.50);
  --theme-border-strong: rgba(255, 209, 102, 0.88);
  --theme-shadow: rgba(8, 58, 63, 0.26);

  --theme-new: #E45D4F;
  --theme-danger: #E45D4F;

  --theme-radius-card: 22px;
  --theme-radius-small: 14px;
  --theme-radius-pill: 999px;

  --theme-button-gradient: linear-gradient(135deg, #FFD166 0%, #FFD98A 100%);
  --theme-promo-gradient: linear-gradient(135deg, rgba(255, 217, 138, 0.30), rgba(255,255,255,0.18) 42%, rgba(8,58,63,0.08));
  --theme-hero-bg: radial-gradient(circle at 50% 0%, rgba(255,217,138,0.24), transparent 52%), linear-gradient(145deg, rgba(255,255,255,0.15), rgba(8,58,63,0.04));
  --theme-hero-overlay: linear-gradient(145deg, rgba(255,255,255,0.10) 0 1px, transparent 1px 34px);
  --theme-motion-speed: 0.24s;

  --bg: var(--theme-bg);
  --bg2: var(--theme-bg-soft);
  --bg3: var(--theme-bg-strong);
  --accent: var(--theme-accent);
  --accent2: var(--theme-accent-2);
  --accent-dark: var(--theme-accent-dark);
  --text: var(--theme-text);
  --text2: var(--theme-text-muted);
  --text3: var(--theme-text-soft);
  --card-bg: var(--theme-card-bg);
  --glass: var(--theme-glass-bg);
  --overlay: var(--theme-panel-bg);
  --shadow: var(--theme-shadow);
  --new: var(--theme-new);
  --radius: var(--theme-radius-card);
  --radius-sm: var(--theme-radius-small);
}

html { background: var(--theme-page-bg); }
body {
  background-color: var(--theme-page-bg);
  background-image: var(--theme-page-bg-image);
  background-attachment: fixed;
  color: var(--theme-text);
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
body::before {
  background:
    radial-gradient(circle at 14% 22%, rgba(255,217,138,0.18), transparent 32%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.14), transparent 34%),
    linear-gradient(132deg, transparent 0 28%, rgba(255,255,255,0.09) 30%, transparent 36%, transparent 100%);
  opacity: 0.88;
}
body::after {
  background:
    linear-gradient(22deg, rgba(8,58,63,0.035) 0 1px, transparent 1px 44px),
    linear-gradient(156deg, rgba(8,58,63,0.030) 0 1px, transparent 1px 52px);
  opacity: 0.80;
}

/* Верхняя панель */
.mobile-customer-header,
.search-wrap,
.sticky-bottom {
  background: linear-gradient(180deg, rgba(0, 158, 164, 0.98), rgba(0, 124, 133, 0.94));
  border-color: rgba(255,209,102,0.48);
  box-shadow: 0 16px 42px rgba(8,58,63,0.24);
  backdrop-filter: blur(18px) saturate(132%);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
}
.header-brand-title {
  color: var(--theme-accent-2);
  text-shadow: 0 2px 18px rgba(8,58,63,0.20);
  letter-spacing: 0.15em;
}
.header-action,
.sticky-bottom a,
.sb-primary,
.sb-secondary,
.m-order-btn,
.m-share-btn,
.m-help-btn,
.promo-banner-action,
.menu-promo-action,
.reset-filters-btn,
.search-reset-btn,
.quiz-option,
.quiz-reset-btn,
.modal-close,
.quiz-close-btn,
.brand-scroll-btn,
.category-scroll-btn {
  border: 1px solid rgba(255,209,102,0.62) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 24px rgba(8,58,63,0.12), inset 0 1px 0 rgba(255,255,255,0.22);
  transition: transform var(--theme-motion-speed), box-shadow var(--theme-motion-speed), border-color var(--theme-motion-speed), background var(--theme-motion-speed), color var(--theme-motion-speed);
}
.header-action,
.sb-secondary,
.m-share-btn,
.m-help-btn,
.search-reset-btn,
.reset-filters-btn,
.modal-close,
.quiz-close-btn,
.brand-scroll-btn,
.category-scroll-btn {
  background: rgba(255,255,255,0.18) !important;
}
.sb-primary,
.m-order-btn,
.promo-banner-action.primary,
.menu-promo-action,
.quiz-option.active,
.quiz-option:hover,
.quiz-reset-btn {
  background: var(--theme-button-gradient) !important;
  color: var(--theme-text-on-accent) !important;
  border-color: rgba(255,209,102,0.86) !important;
  font-weight: 800;
}
.header-action:hover,
.sticky-bottom a:hover,
.m-order-btn:hover,
.m-share-btn:hover,
.m-help-btn:hover,
.quiz-option:hover,
.search-reset-btn:hover,
.reset-filters-btn:hover,
.brand-scroll-btn:hover,
.category-scroll-btn:hover {
  transform: translateY(-1px);
  border-color: var(--theme-border-strong) !important;
  box-shadow: 0 14px 30px rgba(8,58,63,0.17);
}

/* Hero */
.hero-section,
.compact-hero {
  position: relative;
  overflow: hidden;
  background: var(--theme-hero-overlay), var(--theme-hero-bg);
  border-bottom: 1px solid rgba(255,209,102,0.25);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.08);
}
.compact-hero::before {
  content: "";
  position: absolute;
  inset: -68% -20% auto -20%;
  height: 160%;
  background: radial-gradient(ellipse at 48% 44%, rgba(255,217,138,0.22), transparent 42%);
  transform: rotate(-6deg);
  pointer-events: none;
}
.compact-hero h1 {
  position: relative;
  color: var(--theme-text) !important;
  text-shadow: none !important;
}

/* Поиск и фильтры */
.search-box {
  background: rgba(255,255,255,0.28);
  border: 1px solid rgba(255,209,102,0.54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.32), 0 16px 34px rgba(8,58,63,0.18);
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
}
.search-box svg { fill: var(--theme-text-soft); }
.search-box input { color: var(--theme-text); }
.search-box input::placeholder { color: rgba(11,37,40,0.52); }
.search-count { color: var(--theme-text-soft); }
.tabs .tab,
.quick-filters .tab,
.brand-chip,
.aroma-chip {
  color: var(--theme-text-muted);
  background: rgba(255,255,255,0.20);
  border-color: rgba(255,209,102,0.46);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
}
.tabs .tab.active,
.quick-filters .tab.active,
.brand-chip.active,
.aroma-chip.active {
  color: var(--theme-text-on-accent);
  background: var(--theme-button-gradient);
  border-color: rgba(255,209,102,0.90);
  box-shadow: 0 10px 24px rgba(229,184,79,0.14), inset 0 1px 0 rgba(255,255,255,0.34);
  font-weight: 800;
}
.brand-chip:hover,
.tabs .tab:hover,
.quick-filters .tab:hover,
.aroma-chip:hover {
  border-color: var(--theme-border-strong);
  color: var(--theme-text);
}

/* Карточки ароматов */
.fcard {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(255,255,255,0.52), rgba(255,255,255,0.28));
  border: 1px solid rgba(255,209,102,0.52);
  box-shadow: 0 22px 56px rgba(8,58,63,0.22), inset 0 1px 0 rgba(255,255,255,0.42);
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
}
.fcard::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,217,138,0.22), transparent 34%);
  opacity: 0.82;
  pointer-events: none;
}
.fcard > * { position: relative; }
.fcard:hover {
  transform: translateY(-3px);
  border-color: rgba(255,209,102,0.88);
  box-shadow: 0 28px 68px rgba(8,58,63,0.28), 0 0 34px rgba(255,209,102,0.18);
}
.fcard-img {
  background: radial-gradient(circle at 50% 28%, rgba(255,255,255,0.92), rgba(255,255,255,0.48) 58%, rgba(255,217,138,0.16));
  border: 1px solid rgba(255,209,102,0.44);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26);
}
.fcard-code,
.fcard-price .now {
  color: #A67400;
}
.fcard-brand,
.fcard-price .old { color: var(--theme-text-soft); }
.fcard-name { color: var(--theme-text); font-weight: 700; }
.fcard-type {
  color: var(--theme-text);
  background: rgba(255,209,102,0.18);
  border: 1px solid rgba(255,209,102,0.28);
}
.fcard .new-badge,
.modal-body .m-new-badge,
.m-promo-badge,
.promo-badge {
  background: linear-gradient(135deg, #E45D4F, #FFD166) !important;
  color: #083A3F !important;
}

/* Меню, консультант, инфоблоки */
.header-panel,
.consultant-panel {
  background: radial-gradient(circle at 18% 0%, rgba(255,217,138,0.24), transparent 34%), linear-gradient(180deg, rgba(0,159,164,0.98), rgba(0,118,128,0.96));
  border: 1px solid rgba(255,209,102,0.54);
  box-shadow: 0 30px 76px rgba(8,58,63,0.34), inset 0 1px 0 rgba(255,255,255,0.18);
  backdrop-filter: blur(22px) saturate(132%);
  -webkit-backdrop-filter: blur(22px) saturate(132%);
}
.menu-info-item,
.consultant-profile,
.review-card,
.adv-item,
.m-info-item,
.m-note,
.m-accord,
.theme-switcher,
.quiz-card {
  background: rgba(255,255,255,0.26);
  border-color: rgba(255,209,102,0.44);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
}
.menu-info-item .faq-q,
.consultant-name,
.consultant-role,
.consultant-id,
.consultant-city,
.consultant-text,
.faq-q,
.review-card .r-text,
.about-section p,
.quiz-section > p,
.quiz-result-note {
  color: var(--theme-text) !important;
}
.menu-info-item .faq-a,
.menu-info-item .faq-a p,
.menu-mini-card span,
.menu-qa span,
.fcard-brand,
.search-count,
.legal-note p,
.m-note,
.m-accord,
.promo-banner-meta div,
.promo-countdown span,
.review-card .r-author {
  color: var(--theme-text-muted) !important;
}
.consultant-avatar,
.consultant-avatar-placeholder {
  border: 2px solid rgba(255,209,102,0.60);
  background: radial-gradient(circle at 34% 20%, rgba(255,217,138,0.34), transparent 36%), linear-gradient(145deg, rgba(255,255,255,0.25), rgba(8,58,63,0.06));
  box-shadow: 0 12px 32px rgba(8,58,63,0.18), 0 0 32px rgba(255,209,102,0.12);
}
.social-icon-link {
  border-color: rgba(255,209,102,0.62) !important;
  background: rgba(255,255,255,0.22) !important;
  color: var(--theme-text) !important;
}

/* Модалка */
.modal-overlay {
  background: rgba(0, 104, 113, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.modal {
  background: radial-gradient(circle at 60% 0%, rgba(255,217,138,0.22), transparent 34%), linear-gradient(180deg, rgba(0,166,172,0.98), rgba(0,128,137,0.98));
  box-shadow: 0 0 0 1px rgba(255,209,102,0.48), 0 34px 96px rgba(8,58,63,0.36);
}
.modal-header {
  background: rgba(255,255,255,0.18);
  border-bottom: 1px solid rgba(255,209,102,0.46);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.modal-img-wrap {
  background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.38), transparent 48%), rgba(255,255,255,0.08);
}
.modal-body,
.modal-body .m-name,
.m-details-content p:first-child,
.m-price-block .partner { color: var(--theme-text); }
.modal-body .m-brand,
.modal-body .m-desc,
.m-details-content p,
.m-marso-bottle-text p,
.m-info-item .value { color: var(--theme-text-muted); }
.modal-body .m-code,
.modal-body .m-type-badge,
.m-section h4,
.m-fragrance-details summary,
.m-marso-bottle h4 { color: #8A6500; }
.modal-body .m-type-badge,
.m-fragrance-details,
.m-info-item,
.m-note {
  background: rgba(255,255,255,0.24);
  border-color: rgba(255,209,102,0.42);
}
.m-price-block {
  background: linear-gradient(145deg, rgba(255,217,138,0.36), rgba(255,255,255,0.24));
  border: 1px solid rgba(255,209,102,0.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24), 0 12px 30px rgba(8,58,63,0.12);
}
.m-share-hint,
#modalShareStatus { color: var(--theme-text-muted); }

/* Акции, квиз, заметки */
.promo-banner-card {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 18% 12%, rgba(255,217,138,0.30), transparent 34%), var(--theme-promo-gradient);
  border: 1px solid rgba(255,209,102,0.42);
  box-shadow: 0 20px 56px rgba(8,58,63,0.16), inset 0 1px 0 rgba(255,255,255,0.18);
  backdrop-filter: blur(14px) saturate(128%);
  -webkit-backdrop-filter: blur(14px) saturate(128%);
}
.promo-banner-card h2,
.promo-banner-meta b,
.promo-countdown strong { color: var(--theme-text) !important; text-shadow: none !important; }
.promo-countdown {
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,209,102,0.34);
}
.promo-banner-action:not(.primary) {
  background: rgba(255,255,255,0.18) !important;
  color: var(--theme-text) !important;
}
.quiz-section {
  background: radial-gradient(circle at 24% 8%, rgba(255,217,138,0.26), transparent 32%), linear-gradient(180deg, rgba(0,157,164,0.98), rgba(0,122,132,0.96));
  border: 1px solid rgba(255,209,102,0.50);
  box-shadow: 0 32px 92px rgba(8,58,63,0.34);
}
.quiz-progress { background: rgba(255,209,102,0.20); border-radius: var(--theme-radius-pill); }
.quiz-result-note {
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,209,102,0.28);
}

.legal-note,
.catalog-credit { color: var(--theme-text-soft); }
.legal-note p,
.catalog-credit p {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,209,102,0.20);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}
.catalog-credit a { color: #8A6500; }

/* Состояния */
.empty-state h3 { color: var(--theme-text); }
.empty-state p { color: var(--theme-text-muted); }
.empty-state a { color: var(--theme-text-on-accent); background: var(--theme-button-gradient); }
.favorite-btn.active { color: var(--theme-text-on-accent) !important; background: var(--theme-button-gradient) !important; }



/* Усиление контраста MARSO Partner Aqua */
.header-action {
  background: rgba(255,255,255,0.20) !important;
  color: #FFD98A !important;
  font-weight: 800;
}
.header-action:hover,
.header-action.active {
  background: var(--theme-button-gradient) !important;
  color: var(--theme-text-on-accent) !important;
}
.search-wrap {
  border-top: 1px solid rgba(255,209,102,0.36);
  border-bottom: 1px solid rgba(8,58,63,0.10);
}
.tabs .tab,
.quick-filters .tab,
.brand-chip,
.aroma-chip {
  font-weight: 700;
}
.fcard-name,
.fcard-code,
.fcard-price .now,
.fcard-type {
  text-shadow: none;
}
.fcard .favorite-btn {
  border: 1px solid rgba(255,209,102,0.56) !important;
  background: rgba(255,217,138,0.82) !important;
  color: #083A3F !important;
  box-shadow: 0 10px 24px rgba(8,58,63,0.18);
}
.fcard .favorite-btn.active {
  background: linear-gradient(135deg, #FFD166 0%, #E5B84F 100%) !important;
  border-color: rgba(255,217,138,0.95) !important;
}
.consultant-profile {
  background: linear-gradient(180deg, rgba(255,255,255,0.30), rgba(255,255,255,0.18));
  border: 1px solid rgba(255,209,102,0.40);
}
.consultant-panel .theme-switcher,
.consultant-panel .qr-actions,
.consultant-panel .qr-box {
  opacity: 0.94;
}
.consultant-panel .discount-btn,
.consultant-panel .m-order-btn,
.consultant-panel .sb-primary {
  background: var(--theme-button-gradient) !important;
  color: var(--theme-text-on-accent) !important;
  border-color: rgba(255,209,102,0.90) !important;
}
.modal-body .m-name,
.consultant-name {
  color: #062F34 !important;
  font-weight: 700;
}
.modal-body .m-brand,
.modal-body .m-desc,
.consultant-text,
.consultant-city {
  color: rgba(6,47,52,0.86) !important;
}
.sticky-bottom {
  background: linear-gradient(180deg, rgba(0,151,158,0.92), rgba(0,113,123,0.98));
  border-top: 1px solid rgba(255,209,102,0.58);
}
.sticky-bottom a:first-child {
  background: var(--theme-button-gradient) !important;
  color: var(--theme-text-on-accent) !important;
  border-color: rgba(255,209,102,0.92) !important;
}

@media (max-width: 520px) {
  .compact-hero { padding-top: 18px; padding-bottom: 12px; }
  .compact-hero h1 { font-size: 1.25rem; line-height: 1.22; }
  .fcard { border-radius: 18px; box-shadow: 0 12px 28px rgba(8,58,63,0.13); }
  .promo-banner-card { border-radius: 18px; }
  .header-panel { border-left: 0; border-right: 0; }
  .sticky-bottom { box-shadow: 0 -12px 32px rgba(8,58,63,0.18); }
}
@media (min-width: 900px) {
  .compact-hero { min-height: 112px; }
  .catalog-grid { filter: drop-shadow(0 18px 42px rgba(8,58,63,0.10)); }
  .modal { border-left: 1px solid rgba(255,209,102,0.22); border-right: 1px solid rgba(255,209,102,0.22); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .fcard,
  .search-box,
  .header-panel,
  .consultant-panel,
  .promo-banner-card,
  .mobile-customer-header,
  .search-wrap,
  .sticky-bottom { background-color: rgba(0, 176, 180, 0.94); }
}
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Premium polish: больше глубины, золота и читаемой иерархии */
:root {
  --theme-page-bg-image:
    radial-gradient(circle at 18% 10%, rgba(255,217,138,0.34) 0%, rgba(255,217,138,0.14) 15%, transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.10) 18%, transparent 42%),
    radial-gradient(circle at 48% 48%, rgba(255,255,255,0.10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.10) 0 1px, transparent 1px 34px),
    linear-gradient(168deg, #00BFC2 0%, #10C8C9 38%, #079DA6 72%, #067F89 100%);
  --theme-header-bg: rgba(0, 137, 145, 0.98);
  --theme-panel-bg: rgba(0, 116, 124, 0.96);
  --theme-card-bg: rgba(235, 255, 251, 0.62);
  --theme-card-bg-strong: rgba(255, 255, 248, 0.74);
  --theme-glass-bg: rgba(255, 255, 255, 0.36);
  --theme-border: rgba(255, 209, 102, 0.66);
  --theme-border-strong: rgba(255, 217, 138, 0.96);
  --theme-shadow: rgba(4, 59, 65, 0.30);
}

body::before {
  background:
    radial-gradient(circle at 16% 20%, rgba(255,217,138,0.24), transparent 30%),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,0.18), transparent 32%),
    radial-gradient(circle at 48% 72%, rgba(8,58,63,0.12), transparent 42%);
  opacity: 0.95;
}

/* Верхние кнопки: читаемый hover/active */
.header-action,
.header-action span,
.header-action small {
  color: #FFD98A !important;
  text-shadow: 0 1px 8px rgba(8,58,63,0.18);
}
.header-action {
  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
  border-color: rgba(255,217,138,0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 14px 34px rgba(8,58,63,0.22);
}
.header-action:hover,
.header-action:focus-visible,
.header-action.active,
.header-action[aria-expanded="true"] {
  background: linear-gradient(135deg, #FFD166 0%, #FFE3A3 58%, #E5B84F 100%) !important;
  border-color: rgba(255,227,163,0.98) !important;
  box-shadow: 0 16px 34px rgba(8,58,63,0.22), 0 0 26px rgba(255,209,102,0.24), inset 0 1px 0 rgba(255,255,255,0.48);
}
.header-action:hover span,
.header-action:hover small,
.header-action:focus-visible span,
.header-action:focus-visible small,
.header-action.active span,
.header-action.active small,
.header-action[aria-expanded="true"] span,
.header-action[aria-expanded="true"] small {
  color: #083A3F !important;
  text-shadow: none !important;
}
.header-brand-title {
  color: #FFD98A !important;
  text-shadow: 0 3px 20px rgba(8,58,63,0.28), 0 0 18px rgba(255,209,102,0.18);
}
.mobile-customer-header {
  background: linear-gradient(180deg, rgba(0,150,158,0.98), rgba(0,124,132,0.98)) !important;
  border-bottom: 1px solid rgba(255,217,138,0.54) !important;
}

/* Поиск и фильтры: глубина без грязного затемнения */
.search-wrap {
  background: linear-gradient(180deg, rgba(0,143,151,0.98), rgba(0,119,128,0.97)) !important;
  box-shadow: 0 18px 48px rgba(8,58,63,0.24), inset 0 1px 0 rgba(255,255,255,0.10);
}
.search-box {
  background: linear-gradient(180deg, rgba(240,255,252,0.58), rgba(235,255,251,0.34)) !important;
  border-color: rgba(255,217,138,0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.48), 0 18px 42px rgba(8,58,63,0.22);
}
.search-box input::placeholder { color: rgba(8,58,63,0.58) !important; }
.search-count { color: #083A3F !important; font-weight: 800; }
.tabs .tab,
.quick-filters .tab,
.brand-chip,
.aroma-chip {
  background: linear-gradient(180deg, rgba(235,255,251,0.36), rgba(255,255,255,0.18)) !important;
  border-color: rgba(255,217,138,0.54) !important;
  color: #083A3F !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 8px 18px rgba(8,58,63,0.10);
}
.tabs .tab.active,
.quick-filters .tab.active,
.brand-chip.active,
.aroma-chip.active {
  background: linear-gradient(135deg, #FFD166 0%, #FFE1A0 56%, #E5B84F 100%) !important;
  color: #083A3F !important;
  border-color: rgba(255,227,163,0.98) !important;
  box-shadow: 0 12px 28px rgba(8,58,63,0.16), 0 0 22px rgba(255,209,102,0.22), inset 0 1px 0 rgba(255,255,255,0.52);
}

/* Карточки: светлая витрина на бирюзе */
.fcard {
  background:
    radial-gradient(circle at 22% 10%, rgba(255,217,138,0.28), transparent 36%),
    linear-gradient(160deg, rgba(249,255,251,0.78), rgba(206,248,244,0.54) 54%, rgba(176,237,234,0.44)) !important;
  border: 1px solid rgba(255,217,138,0.74) !important;
  box-shadow: 0 24px 58px rgba(8,58,63,0.24), inset 0 1px 0 rgba(255,255,255,0.56) !important;
}
.fcard::before {
  background: linear-gradient(135deg, rgba(255,217,138,0.32), transparent 32%, rgba(255,255,255,0.16)) !important;
  opacity: 0.72 !important;
}
.fcard:hover {
  transform: translateY(-4px);
  border-color: rgba(255,227,163,1) !important;
  box-shadow: 0 32px 74px rgba(8,58,63,0.30), 0 0 32px rgba(255,209,102,0.26), inset 0 1px 0 rgba(255,255,255,0.62) !important;
}
.fcard-img {
  background: radial-gradient(circle at 50% 28%, rgba(255,255,255,0.98), rgba(250,255,252,0.76) 58%, rgba(255,217,138,0.22)) !important;
  border-color: rgba(255,217,138,0.64) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.56), 0 14px 28px rgba(8,58,63,0.10) !important;
}
.fcard-code,
.fcard-price .now {
  color: #B16F00 !important;
  font-weight: 900 !important;
}
.fcard-brand { color: rgba(8,58,63,0.78) !important; font-weight: 700; }
.fcard-name { color: #062F34 !important; font-weight: 800 !important; }
.fcard-type {
  background: rgba(255,217,138,0.22) !important;
  border-color: rgba(255,217,138,0.46) !important;
  color: rgba(8,58,63,0.86) !important;
}
.fcard .favorite-btn,
.favorite-btn {
  background: linear-gradient(135deg, #FFE1A0 0%, #FFD166 70%, #E5B84F 100%) !important;
  color: #083A3F !important;
  border-color: rgba(255,227,163,0.96) !important;
  box-shadow: 0 12px 28px rgba(8,58,63,0.20), 0 0 18px rgba(255,209,102,0.22) !important;
}
.fcard .new-badge,
.modal-body .m-new-badge,
.m-promo-badge,
.promo-badge {
  background: linear-gradient(135deg, #E45D4F 0%, #F0A05E 54%, #FFD166 100%) !important;
  color: #083A3F !important;
  box-shadow: 0 8px 18px rgba(8,58,63,0.24) !important;
}

/* Панели меню и консультанта: премиальный слой, не плоская бирюза */
.header-panel,
.consultant-panel,
.quiz-section {
  background:
    radial-gradient(circle at 20% 0%, rgba(255,217,138,0.26), transparent 34%),
    linear-gradient(180deg, rgba(0,139,148,0.98), rgba(0,108,118,0.98)) !important;
  border-color: rgba(255,217,138,0.70) !important;
  box-shadow: 0 34px 92px rgba(8,58,63,0.38), 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.consultant-profile,
.menu-info-item,
.review-card,
.adv-item,
.m-info-item,
.m-note,
.m-accord,
.theme-switcher,
.quiz-card {
  background: linear-gradient(180deg, rgba(242,255,252,0.46), rgba(255,255,255,0.22)) !important;
  border-color: rgba(255,217,138,0.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.30), 0 14px 34px rgba(8,58,63,0.14) !important;
}
.consultant-name,
.menu-info-item .faq-q,
.faq-q {
  color: #062F34 !important;
  font-weight: 800 !important;
}
.consultant-text,
.consultant-city,
.menu-info-item .faq-a,
.menu-info-item .faq-a p,
.menu-mini-card span,
.menu-qa span {
  color: rgba(6,47,52,0.88) !important;
}
.social-icon-link {
  background: linear-gradient(180deg, rgba(255,217,138,0.25), rgba(255,255,255,0.14)) !important;
  border-color: rgba(255,217,138,0.76) !important;
  color: #083A3F !important;
}
.social-icon-link:hover {
  background: var(--theme-button-gradient) !important;
  color: #083A3F !important;
}

/* Модалка аромата: читаемый центр + роскошная рамка */
.modal-overlay {
  background:
    radial-gradient(circle at 50% 18%, rgba(255,217,138,0.14), transparent 30%),
    rgba(0, 83, 92, 0.76) !important;
  backdrop-filter: blur(15px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(120%) !important;
}
.modal {
  background:
    radial-gradient(circle at 58% 0%, rgba(255,217,138,0.22), transparent 34%),
    linear-gradient(180deg, rgba(231,255,251,0.72) 0%, rgba(12,184,188,0.96) 34%, rgba(0,143,151,0.98) 100%) !important;
  box-shadow: 0 0 0 1px rgba(255,217,138,0.74), 0 40px 110px rgba(8,58,63,0.48) !important;
}
.modal-header {
  background: linear-gradient(180deg, rgba(232,255,251,0.62), rgba(255,255,255,0.32)) !important;
  border-bottom-color: rgba(255,217,138,0.64) !important;
}
.modal-img-wrap {
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,0.76), rgba(255,255,255,0.26) 54%, rgba(255,217,138,0.12)),
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.05)) !important;
}
.modal-body {
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02)) !important;
}
.modal-body .m-code,
.modal-body .m-type-badge,
.m-section h4,
.m-fragrance-details summary,
.m-marso-bottle h4 {
  color: #A67400 !important;
  font-weight: 800 !important;
}
.modal-body .m-name { color: #062F34 !important; font-weight: 800 !important; }
.modal-body .m-brand,
.modal-body .m-desc,
.m-details-content p,
.m-marso-bottle-text p,
.m-info-item .value {
  color: rgba(6,47,52,0.90) !important;
}
.modal-body .m-type-badge,
.m-fragrance-details,
.m-info-item,
.m-note,
.m-marso-bottle {
  background: linear-gradient(180deg, rgba(242,255,252,0.42), rgba(255,255,255,0.20)) !important;
  border-color: rgba(255,217,138,0.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 12px 26px rgba(8,58,63,0.12) !important;
}
.modal-close,
.quiz-close-btn,
.search-reset-btn,
.reset-filters-btn,
.brand-scroll-btn,
.category-scroll-btn {
  background: linear-gradient(180deg, rgba(255,217,138,0.30), rgba(255,255,255,0.16)) !important;
  color: #083A3F !important;
  border-color: rgba(255,217,138,0.76) !important;
}
.modal-close:hover,
.quiz-close-btn:hover,
.search-reset-btn:hover,
.reset-filters-btn:hover,
.brand-scroll-btn:hover,
.category-scroll-btn:hover {
  background: var(--theme-button-gradient) !important;
  color: #083A3F !important;
}

/* Нижняя панель: как дорогая управляющая плашка */
.sticky-bottom {
  background: linear-gradient(180deg, rgba(0,133,142,0.94), rgba(0,94,105,0.98)) !important;
  border: 1px solid rgba(255,217,138,0.58) !important;
  box-shadow: 0 -18px 48px rgba(8,58,63,0.32), inset 0 1px 0 rgba(255,255,255,0.14) !important;
}
.sticky-bottom a:first-child,
.sb-primary,
.m-order-btn,
.promo-banner-action.primary,
.menu-promo-action,
.quiz-reset-btn {
  background: linear-gradient(135deg, #FFD166 0%, #FFE3A3 58%, #E5B84F 100%) !important;
  color: #083A3F !important;
  border-color: rgba(255,227,163,0.96) !important;
  font-weight: 900 !important;
}
.sticky-bottom a:not(:first-child),
.sb-secondary,
.m-share-btn,
.m-help-btn {
  background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0.10)) !important;
  color: #083A3F !important;
  border-color: rgba(255,217,138,0.62) !important;
  font-weight: 800 !important;
}

/* Финальная полировка золотых акцентов: код, цена, заголовки деталей */
:root {
  --theme-gold-readable: #E5B84F;
  --theme-gold-bright: #FFE08A;
  --theme-gold-deep: #C89212;
}

.fcard-code,
.fcard-price .now {
  color: var(--theme-gold-readable) !important;
  background: linear-gradient(135deg, #FFF1B8 0%, #FFD166 42%, #E5B84F 74%, #C89212 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 0 rgba(8,58,63,0.36));
}

.modal-body .m-code,
.m-section h4,
.m-fragrance-details summary,
.m-marso-bottle h4,
.menu-info-item h3,
.consultant-social-title {
  color: var(--theme-gold-bright) !important;
  text-shadow: 0 1px 1px rgba(8,58,63,0.42), 0 0 18px rgba(255,209,102,0.18) !important;
}

.modal-body .m-type-badge,
.fcard-type {
  color: #A97700 !important;
  background: linear-gradient(135deg, rgba(255,241,184,0.46), rgba(255,209,102,0.18)) !important;
  border-color: rgba(255,209,102,0.58) !important;
}

.fcard-type {
  color: #7F620C !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.28);
}

/* Читаемый hover/open для верхних кнопок Меню и Консультант */
.header-action:hover,
.header-action:focus-visible,
.header-action.active,
.header-action[aria-expanded="true"] {
  background: var(--theme-button-gradient) !important;
  color: var(--theme-text-on-accent) !important;
  border-color: rgba(255,209,102,0.95) !important;
}

.header-action:hover span,
.header-action:hover small,
.header-action:focus-visible span,
.header-action:focus-visible small,
.header-action.active span,
.header-action.active small,
.header-action[aria-expanded="true"] span,
.header-action[aria-expanded="true"] small {
  color: var(--theme-text-on-accent) !important;
  text-shadow: none !important;
}

/* Luxury revision v2: меньше аква-плоскости, больше бирюзового люкса и читаемого золота */
:root {
  --theme-lux-teal-950: #064F57;
  --theme-lux-teal-900: #006F77;
  --theme-lux-teal-800: #008C94;
  --theme-lux-teal-700: #00A8AE;
  --theme-lux-aqua: #00BFC2;
  --theme-lux-pearl: #F3FFF9;
  --theme-lux-pearl-2: #E2F8F1;
  --theme-lux-champagne: #FFF1BE;
  --theme-lux-gold: #D99A18;
  --theme-lux-gold-deep: #B97900;
  --theme-lux-gold-soft: #FFE3A3;
  --theme-page-bg-image:
    radial-gradient(circle at 18% 10%, rgba(255,227,163,0.30) 0%, rgba(255,227,163,0.10) 17%, transparent 34%),
    radial-gradient(circle at 78% 6%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 20%, transparent 42%),
    radial-gradient(circle at 48% 52%, rgba(255,255,255,0.10), transparent 38%),
    linear-gradient(146deg, rgba(255,255,255,0.075) 0 1px, transparent 1px 36px),
    linear-gradient(168deg, #00BFC2 0%, #08B7BB 34%, #008C94 70%, #006F77 100%);
}

body {
  background-color: var(--theme-lux-teal-800) !important;
  color: #083A3F !important;
}
body::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(255,227,163,0.25), transparent 30%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.14), transparent 34%),
    linear-gradient(90deg, rgba(6,79,87,0.28), transparent 22%, transparent 78%, rgba(6,79,87,0.26));
  opacity: 1 !important;
}

.mobile-customer-header,
.search-wrap,
.sticky-bottom {
  background:
    radial-gradient(circle at 22% 0%, rgba(255,227,163,0.14), transparent 36%),
    linear-gradient(180deg, rgba(0,142,149,0.98), rgba(0,105,114,0.99)) !important;
  border-color: rgba(255,227,163,0.62) !important;
  box-shadow: 0 20px 56px rgba(4,54,62,0.34), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

/* Верхняя навигация: золото при наведении, текст всегда читаемый */
.header-action {
  background: linear-gradient(180deg, rgba(242,255,252,0.22), rgba(242,255,252,0.08)) !important;
  border: 1px solid rgba(255,227,163,0.78) !important;
  color: var(--theme-lux-gold-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 14px 34px rgba(4,54,62,0.24) !important;
}
.header-action,
.header-action *,
.header-action span,
.header-action small {
  color: var(--theme-lux-gold-soft) !important;
  text-shadow: 0 1px 8px rgba(4,54,62,0.32) !important;
}
.header-action:hover,
.header-action:focus-visible,
.header-action.active,
.header-action[aria-expanded="true"] {
  background: linear-gradient(135deg, #FFD166 0%, #FFE7AE 54%, #D99A18 100%) !important;
  border-color: rgba(255,237,190,1) !important;
  color: #083A3F !important;
  box-shadow: 0 18px 38px rgba(4,54,62,0.26), 0 0 28px rgba(255,209,102,0.30), inset 0 1px 0 rgba(255,255,255,0.55) !important;
}
.header-action:hover *,
.header-action:focus-visible *,
.header-action.active *,
.header-action[aria-expanded="true"] * {
  color: #083A3F !important;
  text-shadow: none !important;
}

.header-brand-title {
  color: var(--theme-lux-gold-soft) !important;
  text-shadow: 0 3px 18px rgba(4,54,62,0.38), 0 0 24px rgba(255,209,102,0.22) !important;
}

/* Поиск и фильтры */
.search-box {
  background: linear-gradient(180deg, rgba(245,255,252,0.72), rgba(218,248,243,0.46)) !important;
  border: 1px solid rgba(255,227,163,0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58), 0 18px 44px rgba(4,54,62,0.24) !important;
}
.search-box input,
.search-count {
  color: #083A3F !important;
}
.search-count { font-weight: 800 !important; }

.tabs .tab,
.quick-filters .tab,
.brand-chip,
.aroma-chip {
  background: linear-gradient(180deg, rgba(241,255,251,0.42), rgba(241,255,251,0.20)) !important;
  border-color: rgba(255,227,163,0.54) !important;
  color: #083A3F !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 8px 18px rgba(4,54,62,0.10) !important;
}
.tabs .tab.active,
.quick-filters .tab.active,
.brand-chip.active,
.aroma-chip.active {
  background: linear-gradient(135deg, #FFD166 0%, #FFE6AA 56%, #D99A18 100%) !important;
  border-color: rgba(255,237,190,0.98) !important;
  color: #083A3F !important;
  box-shadow: 0 12px 26px rgba(4,54,62,0.18), 0 0 22px rgba(255,209,102,0.24), inset 0 1px 0 rgba(255,255,255,0.56) !important;
}

/* Карточки ароматов: перламутровая витрина вместо мятной плитки */
.fcard {
  background:
    radial-gradient(circle at 22% 10%, rgba(255,227,163,0.26), transparent 33%),
    linear-gradient(180deg, rgba(253,255,249,0.92) 0%, rgba(235,250,244,0.78) 52%, rgba(209,240,235,0.72) 100%) !important;
  border: 1.5px solid rgba(255,227,163,0.82) !important;
  box-shadow: 0 24px 60px rgba(4,54,62,0.28), 0 0 0 1px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.70) !important;
}
.fcard::before {
  background: linear-gradient(135deg, rgba(255,227,163,0.26), transparent 30%, rgba(255,255,255,0.18)) !important;
  opacity: 0.62 !important;
}
.fcard:hover {
  border-color: rgba(255,237,190,1) !important;
  box-shadow: 0 34px 78px rgba(4,54,62,0.34), 0 0 36px rgba(255,209,102,0.24), inset 0 1px 0 rgba(255,255,255,0.74) !important;
}
.fcard-img {
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,1), rgba(253,255,249,0.86) 58%, rgba(255,227,163,0.24) 100%) !important;
  border: 1px solid rgba(255,227,163,0.74) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.70), 0 16px 30px rgba(4,54,62,0.12) !important;
}
.fcard-code,
.fcard-price .now {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--theme-lux-gold) !important;
  color: var(--theme-lux-gold) !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 0 rgba(255,255,255,0.65), 0 2px 8px rgba(4,54,62,0.20) !important;
  filter: none !important;
}
.fcard-price .now {
  color: #D89A16 !important;
  -webkit-text-fill-color: #D89A16 !important;
}
.fcard-brand { color: rgba(8,58,63,0.76) !important; font-weight: 700 !important; }
.fcard-name { color: #062F34 !important; font-weight: 850 !important; }
.fcard-type {
  background: linear-gradient(180deg, rgba(255,241,184,0.52), rgba(255,255,255,0.18)) !important;
  border-color: rgba(217,154,24,0.45) !important;
  color: #85620C !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.38) !important;
}
.fcard .favorite-btn,
.favorite-btn {
  background: linear-gradient(135deg, #FFE7AE 0%, #FFD166 64%, #D99A18 100%) !important;
  border-color: rgba(255,237,190,0.98) !important;
  color: #083A3F !important;
}

/* Модальное окно аромата: витрина + глубокий бирюзовый низ */
.modal-overlay {
  background:
    radial-gradient(circle at 50% 16%, rgba(255,227,163,0.16), transparent 30%),
    rgba(4, 68, 76, 0.80) !important;
  backdrop-filter: blur(16px) saturate(122%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(122%) !important;
}
.modal {
  background:
    linear-gradient(180deg, rgba(246,255,251,0.92) 0%, rgba(227,249,244,0.86) 30%, rgba(8,184,188,0.97) 31%, rgba(0,135,145,0.99) 100%) !important;
  border: 1px solid rgba(255,227,163,0.86) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.10), 0 42px 118px rgba(4,54,62,0.56), 0 0 42px rgba(255,209,102,0.16) !important;
}
.modal-header {
  background: linear-gradient(180deg, rgba(246,255,251,0.76), rgba(246,255,251,0.46)) !important;
  border-bottom: 1px solid rgba(255,227,163,0.72) !important;
}
.modal-img-wrap {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,0.95), rgba(250,255,250,0.54) 54%, rgba(255,227,163,0.16)),
    linear-gradient(180deg, rgba(255,255,255,0.40), rgba(255,255,255,0.10)) !important;
}
.modal-body {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,227,163,0.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)) !important;
}
.modal-body .m-code,
.m-section h4,
.m-fragrance-details summary,
.m-marso-bottle h4 {
  color: var(--theme-lux-gold-soft) !important;
  text-shadow: 0 1px 1px rgba(4,54,62,0.52), 0 0 20px rgba(255,209,102,0.20) !important;
  font-weight: 850 !important;
}
.modal-body .m-name { color: #062F34 !important; font-weight: 850 !important; }
.modal-body .m-brand,
.modal-body .m-desc,
.m-details-content p,
.m-marso-bottle-text p,
.m-info-item .value {
  color: rgba(6,47,52,0.92) !important;
}
.modal-body .m-type-badge,
.m-note,
.m-fragrance-details,
.m-info-item,
.m-marso-bottle {
  background: linear-gradient(180deg, rgba(246,255,251,0.54), rgba(246,255,251,0.25)) !important;
  border: 1px solid rgba(255,227,163,0.58) !important;
  color: #083A3F !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.34), 0 14px 30px rgba(4,54,62,0.12) !important;
}
.modal-body .m-type-badge {
  color: #85620C !important;
  font-weight: 800 !important;
}
.m-price-block {
  background: linear-gradient(145deg, rgba(255,227,163,0.48), rgba(246,255,251,0.28)) !important;
  border-color: rgba(255,227,163,0.70) !important;
}

/* Панель консультанта и меню — больше статуса, меньше плоскости */
.header-panel,
.consultant-panel,
.quiz-section {
  background:
    radial-gradient(circle at 20% 0%, rgba(255,227,163,0.24), transparent 34%),
    linear-gradient(180deg, rgba(0,137,146,0.98), rgba(0,96,108,0.99)) !important;
  border-color: rgba(255,227,163,0.74) !important;
  box-shadow: 0 36px 98px rgba(4,54,62,0.46), 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.consultant-profile,
.menu-info-item,
.review-card,
.adv-item,
.m-info-item,
.m-note,
.m-accord,
.theme-switcher,
.quiz-card {
  background: linear-gradient(180deg, rgba(246,255,251,0.48), rgba(246,255,251,0.24)) !important;
  border-color: rgba(255,227,163,0.58) !important;
}

/* Нижняя управляющая панель */
.sticky-bottom {
  background: linear-gradient(180deg, rgba(0,129,139,0.94), rgba(0,79,91,0.99)) !important;
  border-color: rgba(255,227,163,0.72) !important;
}
.sticky-bottom a:first-child,
.sb-primary,
.m-order-btn,
.promo-banner-action.primary,
.menu-promo-action,
.quiz-reset-btn {
  background: linear-gradient(135deg, #FFD166 0%, #FFE7AE 54%, #D99A18 100%) !important;
  color: #083A3F !important;
  font-weight: 900 !important;
}

/* Luxury composition polish v3: легче интерфейс, дороже витрина */
:root {
  --theme-lux-gold-metal: #C98F16;
  --theme-lux-gold-metal-deep: #B97700;
  --theme-lux-gold-metal-soft: #F2C86A;
}

/* Делает верх каталога менее похожим на панель управления */
.mobile-customer-header {
  padding: 8px 28px !important;
  gap: 10px !important;
  background:
    radial-gradient(circle at 24% 0%, rgba(255,227,163,0.12), transparent 34%),
    linear-gradient(180deg, rgba(0,126,136,0.98), rgba(0,91,103,0.99)) !important;
}
.header-action {
  min-height: 44px !important;
  padding: 7px 10px !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.20), 0 10px 24px rgba(4,54,62,0.20) !important;
}
.header-action span {
  font-size: 0.92rem !important;
  letter-spacing: 0.02em !important;
}
.header-action small { font-size: 0.62rem !important; }
.header-brand-title {
  min-height: 44px !important;
  padding: 6px 12px !important;
  border-radius: 16px !important;
  font-size: 1.58rem !important;
  letter-spacing: 0.20em !important;
  background: linear-gradient(180deg, rgba(255,227,163,0.10), rgba(255,255,255,0.04)) !important;
  border-color: rgba(255,227,163,0.46) !important;
}

/* Hero в каталоге — меньше служебного воздуха */
.compact-hero {
  padding-top: 14px !important;
  padding-bottom: 8px !important;
  min-height: auto !important;
}
.compact-hero h1 {
  font-size: clamp(1.38rem, 2.1vw, 1.72rem) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.01em !important;
}

/* Поиск и фильтры — компактнее и спокойнее */
.search-wrap {
  top: 62px !important;
  padding: 10px 32px 8px !important;
}
.search-box {
  max-width: 900px !important;
  min-height: 44px !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgba(246,255,252,0.68), rgba(226,248,241,0.44)) !important;
}
.search-box input {
  padding: 9px 0 !important;
  font-size: 0.98rem !important;
  font-weight: 650 !important;
}
.search-count {
  padding-top: 5px !important;
  font-size: 0.86rem !important;
}
.gender-tabs {
  padding: 9px 32px 8px !important;
  gap: 8px !important;
}
.tabs .tab,
.quick-filters .tab {
  padding: 8px 17px !important;
  font-size: 0.84rem !important;
  border-radius: 999px !important;
}
.brand-filter-row {
  padding-bottom: 9px !important;
}
.brand-chip,
.aroma-chip {
  padding: 6px 12px !important;
  font-size: 0.80rem !important;
  border-radius: 999px !important;
}
.quick-filters {
  max-width: 470px !important;
  padding-bottom: 12px !important;
}
.quick-filters .tab {
  min-height: 38px !important;
}

/* Карточки: чуть больше статуса, меньше “молочной плитки” */
.fcard {
  background:
    radial-gradient(circle at 20% 8%, rgba(255,227,163,0.22), transparent 31%),
    linear-gradient(180deg, rgba(255,255,250,0.94) 0%, rgba(236,250,245,0.82) 54%, rgba(203,236,231,0.74) 100%) !important;
  border-color: rgba(255,227,163,0.88) !important;
  box-shadow: 0 22px 54px rgba(4,54,62,0.25), 0 0 0 1px rgba(255,255,255,0.22), inset 0 1px 0 rgba(255,255,255,0.76) !important;
}
.fcard-img {
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,1), rgba(255,255,250,0.90) 54%, rgba(255,227,163,0.20) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 13px 26px rgba(4,54,62,0.10) !important;
}
.fcard-code,
.fcard-price .now {
  color: var(--theme-lux-gold-metal) !important;
  -webkit-text-fill-color: var(--theme-lux-gold-metal) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.72), 0 2px 7px rgba(4,54,62,0.22) !important;
}
.fcard-price .now {
  color: var(--theme-lux-gold-metal-deep) !important;
  -webkit-text-fill-color: var(--theme-lux-gold-metal-deep) !important;
  font-size: 1.02rem !important;
}
.fcard-name { letter-spacing: -0.01em !important; }
.fcard-type {
  background: linear-gradient(180deg, rgba(255,241,190,0.50), rgba(255,255,255,0.24)) !important;
  border-color: rgba(201,143,22,0.42) !important;
  color: #755506 !important;
}

/* Модалка: золото глубже, детали читабельнее */
.modal-body .m-code,
.m-section h4,
.m-fragrance-details summary,
.m-marso-bottle h4 {
  color: var(--theme-lux-gold-metal-soft) !important;
  text-shadow: 0 1px 1px rgba(4,54,62,0.55), 0 0 16px rgba(255,209,102,0.20) !important;
}
.modal-body .m-type-badge {
  color: #755506 !important;
  background: linear-gradient(180deg, rgba(255,241,190,0.62), rgba(255,255,255,0.30)) !important;
  border-color: rgba(201,143,22,0.48) !important;
}
.m-fragrance-details,
.m-info-item,
.m-note,
.m-marso-bottle {
  border-radius: 16px !important;
}

/* Нижняя панель — компактная управляющая плашка, не конкурент карточкам */
.sticky-bottom {
  max-width: 760px !important;
  padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
  gap: 7px !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 -14px 36px rgba(4,54,62,0.28), inset 0 1px 0 rgba(255,255,255,0.14) !important;
}
.sticky-bottom a {
  min-height: 40px !important;
  padding: 8px 12px !important;
  font-size: 0.78rem !important;
  border-radius: 12px !important;
}
.catalog-grid {
  padding-bottom: 92px !important;
}

@media (min-width: 900px) {
  .mobile-customer-header {
    grid-template-columns: minmax(170px, 1fr) 160px minmax(170px, 1fr) !important;
  }
  .header-panel {
    top: 68px !important;
  }
  .catalog-grid {
    gap: 20px !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 899px) {
  .mobile-customer-header {
    padding: 7px 10px !important;
    gap: 7px !important;
  }
  .header-action {
    min-height: 42px !important;
    border-radius: 13px !important;
  }
  .header-action span { font-size: 0.82rem !important; }
  .header-brand-title {
    min-height: 42px !important;
    min-width: 88px !important;
    font-size: 1.35rem !important;
  }
  .search-wrap {
    top: 58px !important;
    padding: 9px 14px 7px !important;
  }
  .tabs .tab,
  .quick-filters .tab {
    padding: 8px 14px !important;
    font-size: 0.78rem !important;
  }
  .brand-chip { font-size: 0.76rem !important; }
  .sticky-bottom a {
    min-height: 42px !important;
    font-size: 0.76rem !important;
  }
}

/* Premium header restructure: compact buttons + central catalogue title */
.mobile-customer-header{
  grid-template-columns:minmax(132px,210px) minmax(0,1fr) minmax(150px,220px) !important;
  padding:8px 30px !important;
  gap:12px !important;
  align-items:center !important;
}
.header-action{
  min-height:42px !important;
  max-width:220px !important;
  justify-self:stretch !important;
}
.header-action-menu{justify-self:start !important;}
.header-action-consultant{justify-self:end !important;}
.catalog-header-title{
  min-height:42px !important;
  margin:0 !important;
  padding:8px 18px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-family:var(--theme-font-heading) !important;
  font-size:clamp(1.12rem,1.75vw,1.58rem) !important;
  line-height:1.12 !important;
  font-weight:650 !important;
  letter-spacing:0.012em !important;
  color:#FFE3A3 !important;
  text-shadow:0 3px 20px rgba(4,54,62,0.48), 0 0 24px rgba(255,209,102,0.18) !important;
  background:linear-gradient(180deg, rgba(255,227,163,0.11), rgba(255,255,255,0.045)) !important;
  border:1px solid rgba(255,227,163,0.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.16), 0 10px 26px rgba(4,54,62,0.18) !important;
}
.compact-hero,
.hero-section.compact-hero{
  display:none !important;
}
.search-wrap{
  top:58px !important;
}
.header-panel{
  top:62px !important;
}

/* Bottom quick actions: quiz + new + favorites; top action becomes floating */
.sticky-bottom.sticky-actions{
  grid-template-columns:minmax(0,2fr) minmax(96px,0.82fr) minmax(112px,0.92fr) !important;
  gap:7px !important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
}
.sticky-bottom a,
.sticky-bottom button,
.sticky-bottom .tab{
  min-height:40px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  font-size:0.78rem !important;
  font-weight:850 !important;
  line-height:1.12 !important;
  text-transform:none !important;
  letter-spacing:0.01em !important;
  white-space:normal !important;
}
.sticky-bottom .sb-primary{
  background:linear-gradient(135deg, #FFD166 0%, #FFE7AE 54%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,237,190,0.98) !important;
  box-shadow:0 10px 26px rgba(4,54,62,0.22), 0 0 22px rgba(255,209,102,0.20), inset 0 1px 0 rgba(255,255,255,0.52) !important;
}
.sticky-bottom .sb-filter{
  background:linear-gradient(180deg, rgba(241,255,251,0.42), rgba(241,255,251,0.18)) !important;
  color:#083A3F !important;
  border:1px solid rgba(255,227,163,0.58) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.26), 0 8px 18px rgba(4,54,62,0.12) !important;
}
.sticky-bottom .sb-filter.active{
  background:linear-gradient(135deg, #FFD166 0%, #FFE6AA 56%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,237,190,0.98) !important;
  box-shadow:0 12px 28px rgba(4,54,62,0.18), 0 0 22px rgba(255,209,102,0.24), inset 0 1px 0 rgba(255,255,255,0.52) !important;
}
.scroll-top-btn{
  right:22px !important;
  bottom:calc(82px + env(safe-area-inset-bottom)) !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg, rgba(241,255,251,0.34), rgba(241,255,251,0.14)) !important;
  border:1px solid rgba(255,227,163,0.78) !important;
  color:#FFE3A3 !important;
  box-shadow:0 14px 34px rgba(4,54,62,0.28), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
}
.scroll-top-btn:hover,
.scroll-top-btn:focus-visible{
  background:linear-gradient(135deg, #FFD166 0%, #FFE7AE 54%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,237,190,1) !important;
  box-shadow:0 18px 38px rgba(4,54,62,0.28), 0 0 28px rgba(255,209,102,0.30), inset 0 1px 0 rgba(255,255,255,0.55) !important;
}

@media(max-width:899px){
  .mobile-customer-header{
    grid-template-columns:minmax(76px,96px) minmax(0,1fr) minmax(92px,112px) !important;
    padding:7px 10px !important;
    gap:7px !important;
  }
  .header-action{
    min-height:40px !important;
    padding:6px 8px !important;
    border-radius:13px !important;
  }
  .header-action span{font-size:0.78rem !important;}
  .catalog-header-title{
    min-height:40px !important;
    padding:6px 8px !important;
    border-radius:13px !important;
    font-size:clamp(0.78rem,3.1vw,1.02rem) !important;
    line-height:1.12 !important;
  }
  .search-wrap{top:56px !important;}
  .header-panel{top:60px !important;}
  .sticky-bottom.sticky-actions{
    grid-template-columns:minmax(0,1.45fr) minmax(72px,0.75fr) minmax(84px,0.82fr) !important;
    gap:6px !important;
    padding:6px 7px calc(6px + env(safe-area-inset-bottom)) !important;
  }
  .sticky-bottom a,
  .sticky-bottom button,
  .sticky-bottom .tab{
    min-height:40px !important;
    padding:7px 8px !important;
    font-size:0.68rem !important;
  }
  .scroll-top-btn{
    right:12px !important;
    bottom:calc(80px + env(safe-area-inset-bottom)) !important;
    width:40px !important;
    height:40px !important;
    font-size:1.12rem !important;
  }
}

/* Final interface polish: cleaner search, safer sticky spacing, mobile title */
.catalog-title-short{
  display:none;
}
.search-wrap{
  padding:9px 16px 8px !important;
  background:linear-gradient(180deg, rgba(0,126,132,0.94), rgba(0,113,122,0.92)) !important;
  border-top:1px solid rgba(255,227,163,0.34) !important;
  border-bottom:1px solid rgba(255,227,163,0.30) !important;
  box-shadow:0 14px 32px rgba(4,54,62,0.18), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.search-box{
  max-width:940px !important;
  min-height:43px !important;
  margin:0 auto !important;
  padding:0 8px 0 14px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(241,255,251,0.58), rgba(222,250,244,0.42)) !important;
  border:1px solid rgba(255,227,163,0.58) !important;
  box-shadow:0 12px 28px rgba(4,54,62,0.16), inset 0 1px 0 rgba(255,255,255,0.58) !important;
}
.search-box input{
  padding:10px 0 !important;
  font-size:0.96rem !important;
  font-weight:700 !important;
  color:#083A3F !important;
}
.search-box input::placeholder{
  color:rgba(8,58,63,0.50) !important;
}
.search-box svg{
  fill:rgba(8,58,63,0.56) !important;
}
.search-reset-btn{
  width:32px !important;
  height:32px !important;
  flex-basis:32px !important;
  background:linear-gradient(180deg, rgba(255,227,163,0.58), rgba(255,209,102,0.32)) !important;
  color:#083A3F !important;
  border-color:rgba(255,237,190,0.82) !important;
}
.search-count{
  padding-top:6px !important;
  font-size:0.88rem !important;
  color:#083A3F !important;
  opacity:0.88 !important;
}
.catalog-grid{
  padding-bottom:150px !important;
}
.scroll-top-btn{
  bottom:calc(96px + env(safe-area-inset-bottom)) !important;
}
@media(min-width:900px){
  .search-wrap{
    padding:10px 32px 8px !important;
  }
  .catalog-grid{
    padding-bottom:156px !important;
  }
}
@media(max-width:899px){
  .catalog-title-full{display:none !important;}
  .catalog-title-short{display:inline !important;}
  .catalog-header-title{
    font-size:clamp(0.82rem,3.25vw,1.02rem) !important;
    letter-spacing:0.02em !important;
  }
  .search-wrap{
    padding:8px 10px 7px !important;
  }
  .search-box{
    min-height:41px !important;
    border-radius:13px !important;
  }
  .search-box input{
    padding:9px 0 !important;
    font-size:0.88rem !important;
  }
  .search-count{
    font-size:0.78rem !important;
    padding-top:5px !important;
  }
  .catalog-grid{
    padding-bottom:132px !important;
  }
  .scroll-top-btn{
    bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:420px){
  .catalog-header-title{
    font-size:0.78rem !important;
  }
  .catalog-grid{
    padding-bottom:140px !important;
  }
}

/* Final mobile/header action adjustments: long title, compact return, centered quiz action */
.catalog-title-full{
  display:inline !important;
}
.catalog-title-short{
  display:none !important;
}

.demo-return-bar{
  padding:6px 12px 4px !important;
  min-height:0 !important;
  background:linear-gradient(180deg, rgba(0,143,151,0.96), rgba(0,124,132,0.94)) !important;
}
.demo-return-link{
  width:auto !important;
  max-width:max-content !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  font-size:0.82rem !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(4,54,62,0.14), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.sticky-bottom.sticky-actions{
  grid-template-columns:minmax(94px,0.95fr) minmax(190px,1.55fr) minmax(104px,0.95fr) !important;
}
.sticky-bottom .sticky-quiz-link{
  grid-column:2 !important;
  grid-row:1 !important;
}
.sticky-bottom .sb-filter[data-cat="new"]{
  grid-column:1 !important;
  grid-row:1 !important;
}
.sticky-bottom .sb-filter[data-cat="favorites"]{
  grid-column:3 !important;
  grid-row:1 !important;
}

@media(max-width:899px){
  .catalog-title-full{
    display:inline !important;
  }
  .catalog-title-short{
    display:none !important;
  }
  .catalog-header-title{
    font-size:clamp(0.68rem,2.65vw,0.92rem) !important;
    line-height:1.12 !important;
    letter-spacing:0.015em !important;
    padding:5px 7px !important;
  }
  .demo-return-bar{
    padding:6px 10px 4px !important;
  }
  .demo-return-link{
    width:auto !important;
    max-width:max-content !important;
    min-height:32px !important;
    padding:0 12px !important;
    font-size:0.78rem !important;
  }
  .sticky-bottom.sticky-actions{
    left:9px !important;
    right:9px !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    box-sizing:border-box !important;
    margin:0 !important;
    grid-template-columns:minmax(78px,0.8fr) minmax(150px,1.55fr) minmax(88px,0.85fr) !important;
  }
  .sticky-bottom .sticky-quiz-link{
    grid-column:2 !important;
  }
  .sticky-bottom .sb-filter[data-cat="new"]{
    grid-column:1 !important;
  }
  .sticky-bottom .sb-filter[data-cat="favorites"]{
    grid-column:3 !important;
  }
}

@media(min-width:900px){
  .sticky-bottom.sticky-actions{
    left:50% !important;
    right:auto !important;
    width:min(720px, calc(100vw - 32px)) !important;
    max-width:720px !important;
    transform:translateX(-50%) !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }
}

@media(max-width:420px){
  .catalog-header-title{
    font-size:0.67rem !important;
  }
  .sticky-bottom.sticky-actions{
    grid-template-columns:minmax(68px,0.78fr) minmax(140px,1.54fr) minmax(78px,0.82fr) !important;
  }
  .sticky-bottom a,
  .sticky-bottom button,
  .sticky-bottom .tab{
    font-size:0.64rem !important;
  }
}

/* Bottom actions final fix: restore gold primary, animate side buttons, reduce end gap */
.sticky-bottom.sticky-actions .sticky-quiz-link.sb-primary,
.sticky-bottom.sticky-actions a.sticky-quiz-link.sb-primary{
  background:linear-gradient(135deg, #FFD166 0%, #FFE2A0 46%, #D99A18 100%) !important;
  color:#083A3F !important;
  border:1px solid rgba(255,237,190,0.98) !important;
  box-shadow:0 12px 30px rgba(4,54,62,0.28), 0 0 26px rgba(255,209,102,0.32), inset 0 1px 0 rgba(255,255,255,0.58) !important;
  text-shadow:none !important;
}
.sticky-bottom.sticky-actions .sticky-quiz-link.sb-primary:hover,
.sticky-bottom.sticky-actions .sticky-quiz-link.sb-primary:focus-visible{
  background:linear-gradient(135deg, #FFE3A3 0%, #FFD166 46%, #C98A00 100%) !important;
  color:#083A3F !important;
  transform:translateY(-1px) !important;
  box-shadow:0 16px 36px rgba(4,54,62,0.30), 0 0 34px rgba(255,209,102,0.40), inset 0 1px 0 rgba(255,255,255,0.64) !important;
}
.sticky-bottom.sticky-actions .sb-filter[data-cat="new"],
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]{
  position:relative !important;
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}
.sticky-bottom.sticky-actions .sb-filter[data-cat="new"]::before,
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(110deg, transparent 0%, rgba(255,227,163,0.00) 34%, rgba(255,227,163,0.30) 50%, rgba(255,227,163,0.00) 66%, transparent 100%);
  transform:translateX(-120%);
  animation:marsoActionSheen 5.2s ease-in-out infinite;
  pointer-events:none;
}
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]::before{
  animation-delay:1.6s;
}
.sticky-bottom.sticky-actions .sb-filter[data-cat="new"]:hover,
.sticky-bottom.sticky-actions .sb-filter[data-cat="new"]:focus-visible,
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]:hover,
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(255,227,163,0.92) !important;
  background:linear-gradient(180deg, rgba(241,255,251,0.54), rgba(241,255,251,0.26)) !important;
  box-shadow:0 12px 28px rgba(4,54,62,0.22), 0 0 22px rgba(255,209,102,0.16), inset 0 1px 0 rgba(255,255,255,0.36) !important;
}
.sticky-bottom.sticky-actions .sb-filter.active{
  background:linear-gradient(135deg, #FFD166 0%, #FFE2A0 46%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,237,190,0.98) !important;
  box-shadow:0 12px 30px rgba(4,54,62,0.24), 0 0 28px rgba(255,209,102,0.30), inset 0 1px 0 rgba(255,255,255,0.58) !important;
}
@keyframes marsoActionSheen{
  0%, 58% { transform:translateX(-120%); opacity:0; }
  66% { opacity:1; }
  84% { transform:translateX(120%); opacity:0; }
  100% { transform:translateX(120%); opacity:0; }
}

.catalog-grid{
  padding-bottom:36px !important;
}
.legal-note{
  padding-top:10px !important;
  padding-bottom:calc(94px + env(safe-area-inset-bottom)) !important;
}
@media(min-width:900px){
  .catalog-grid{
    padding-bottom:42px !important;
  }
  .legal-note{
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:899px){
  .catalog-grid{
    padding-bottom:30px !important;
  }
  .legal-note{
    padding-top:8px !important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
}
@media(max-width:420px){
  .catalog-grid{
    padding-bottom:28px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .sticky-bottom.sticky-actions .sb-filter[data-cat="new"]::before,
  .sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]::before{
    animation:none !important;
    display:none !important;
  }
  .sticky-bottom.sticky-actions .sticky-quiz-link.sb-primary:hover,
  .sticky-bottom.sticky-actions .sb-filter[data-cat="new"]:hover,
  .sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]:hover{
    transform:none !important;
  }
}


/* Panel opening fix: always show the top of menu/consultant content */
.header-panel,
.consultant-panel{
  scroll-behavior:auto !important;
  overscroll-behavior:contain;
}

/* Consultant theme control: restore rounded pill shape */
.consultant-panel .theme-switcher,
.consultant-theme-footer .theme-switcher{
  width:auto !important;
  max-width:260px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.consultant-panel .theme-switcher-summary,
.consultant-theme-footer .theme-switcher-summary{
  min-height:30px !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  background:linear-gradient(180deg, rgba(255,227,163,0.34), rgba(255,255,255,0.14)) !important;
  border:1px solid rgba(255,227,163,0.58) !important;
  color:#083A3F !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.32), 0 8px 18px rgba(4,54,62,0.14) !important;
}
.consultant-panel .theme-switcher-summary:hover,
.consultant-panel .theme-switcher[open] .theme-switcher-summary,
.consultant-theme-footer .theme-switcher-summary:hover,
.consultant-theme-footer .theme-switcher[open] .theme-switcher-summary{
  background:linear-gradient(135deg, #FFD166 0%, #FFE2A0 52%, #D99A18 100%) !important;
  border-color:rgba(255,237,190,0.94) !important;
  color:#083A3F !important;
  box-shadow:0 10px 22px rgba(4,54,62,0.18), 0 0 18px rgba(255,209,102,0.20), inset 0 1px 0 rgba(255,255,255,0.52) !important;
}
.consultant-panel .theme-switcher-summary span,
.consultant-panel .theme-switcher-summary small,
.consultant-theme-footer .theme-switcher-summary span,
.consultant-theme-footer .theme-switcher-summary small{
  color:#083A3F !important;
  text-shadow:none !important;
}
.consultant-panel .theme-switcher-options,
.consultant-theme-footer .theme-switcher-options{
  border-radius:16px !important;
  overflow:hidden !important;
}

/* Consultant panel premium card redesign */
.consultant-panel{
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 209, 102, 0.34), transparent 34%),
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.82), transparent 32%),
    linear-gradient(180deg, rgba(239, 255, 250, 0.98) 0%, rgba(205, 249, 241, 0.97) 42%, rgba(0, 183, 188, 0.92) 100%) !important;
  border:1px solid rgba(255, 217, 138, 0.92) !important;
  border-radius:26px !important;
  color:#083A3F !important;
  box-shadow:
    0 34px 90px rgba(4, 54, 62, 0.38),
    0 0 0 1px rgba(255,255,255,0.42),
    inset 0 1px 0 rgba(255,255,255,0.82) !important;
  padding:18px 18px 20px !important;
}

.consultant-panel::before{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border-radius:20px;
  border:1px solid rgba(255, 217, 138, 0.26);
}

.consultant-panel .consultant-profile{
  position:relative;
  max-width:720px;
  margin:0 auto 16px !important;
  padding:22px 20px 18px !important;
  display:grid;
  justify-items:center;
  gap:8px;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 217, 138, 0.30), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(222, 252, 246, 0.58)) !important;
  border:1px solid rgba(255, 217, 138, 0.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.82),
    0 16px 38px rgba(4,54,62,0.13) !important;
}

.consultant-panel .consultant-profile::after{
  content:"";
  width:88px;
  height:2px;
  margin-top:4px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(217,154,24,0.84), transparent);
}

.consultant-panel .consultant-avatar,
.consultant-panel .consultant-avatar-placeholder{
  width:88px !important;
  height:88px !important;
  border:3px solid rgba(255, 217, 138, 0.96) !important;
  background:linear-gradient(145deg, #FFF8DF, #E2F8F1) !important;
  box-shadow:
    0 12px 28px rgba(4,54,62,0.18),
    0 0 0 6px rgba(255, 217, 138, 0.18),
    0 0 28px rgba(255, 209, 102, 0.18) !important;
}

.consultant-panel .consultant-name{
  font-family:var(--theme-font-heading) !important;
  font-size:clamp(1.72rem, 2vw, 2.18rem) !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  color:#083A3F !important;
  text-shadow:none !important;
}

.consultant-panel .consultant-city{
  margin-top:0 !important;
  font-size:.92rem !important;
  font-weight:600 !important;
  color:rgba(8,58,63,0.70) !important;
}

.consultant-panel .consultant-text{
  max-width:760px !important;
  margin:0 auto 16px !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.50), rgba(255,255,255,0.26)) !important;
  border:1px solid rgba(255, 217, 138, 0.52) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.60) !important;
  color:#0B2528 !important;
  font-size:1rem !important;
  line-height:1.75 !important;
  text-align:center !important;
}

.consultant-panel .consultant-social-title{
  margin:6px 0 10px !important;
  color:#D99A18 !important;
  font-size:.82rem !important;
  line-height:1.2;
  font-weight:900 !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,0.42) !important;
}

.consultant-panel .social-icons{
  display:flex !important;
  align-items:center;
  justify-content:center !important;
  flex-wrap:nowrap;
  gap:clamp(12px, 2vw, 24px) !important;
  width:100%;
  margin:0 0 14px !important;
}

.consultant-panel .social-icon-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#C98F16 !important;
  box-shadow:none !important;
  outline:none;
  transition:color .18s ease, transform .18s ease, filter .18s ease !important;
}

.consultant-panel .social-icon-link:hover,
.consultant-panel .social-icon-link:focus-visible{
  transform:translateY(-2px);
  background:transparent !important;
  color:#E5B84F !important;
  box-shadow:none !important;
  filter:drop-shadow(0 5px 8px rgba(201,143,22,.26));
  outline:none;
}

.consultant-panel .social-icon-link:active{
  transform:translateY(0) scale(.94);
  color:#B77C0E !important;
  filter:drop-shadow(0 2px 4px rgba(201,143,22,.20));
}

.consultant-panel .social-icon-link svg{
  display:block;
  width:27px !important;
  height:27px !important;
  fill:currentColor;
}

.consultant-panel .social-icon-link .social-letter{
  color:currentColor;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}

.consultant-panel .consultant-links-compact{
  margin-top:4px !important;
  margin-bottom:14px !important;
}

.consultant-panel .consultant-reg-link{
  min-height:48px !important;
  padding:12px 24px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, #FFD166 0%, #FFE2A0 52%, #D99A18 100%) !important;
  border:1px solid rgba(255,237,190,0.96) !important;
  color:#083A3F !important;
  font-size:.98rem !important;
  font-weight:900 !important;
  box-shadow:0 16px 32px rgba(4,54,62,0.16), 0 0 22px rgba(255,209,102,0.18), inset 0 1px 0 rgba(255,255,255,0.55) !important;
}

.consultant-panel .consultant-reg-link:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(4,54,62,0.22), 0 0 28px rgba(255,209,102,0.24), inset 0 1px 0 rgba(255,255,255,0.60) !important;
}

.consultant-panel .consultant-tools-footer{
  max-width:520px;
  margin:10px auto 0 !important;
  padding:12px 14px 2px !important;
  border-top:1px solid rgba(217,154,24,0.24);
  gap:8px !important;
}

.consultant-panel .theme-switcher-summary,
.consultant-theme-footer .theme-switcher-summary,
.consultant-panel .consultant-qr-summary{
  background:linear-gradient(180deg, rgba(255,255,255,0.36), rgba(255,255,255,0.18)) !important;
  border:1px solid rgba(217,154,24,0.42) !important;
  color:rgba(8,58,63,0.78) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.44) !important;
}

.consultant-panel .theme-switcher-summary:hover,
.consultant-panel .theme-switcher[open] .theme-switcher-summary,
.consultant-panel .consultant-qr-summary:hover,
.consultant-panel .consultant-qr-tool[open] .consultant-qr-summary{
  background:linear-gradient(135deg, rgba(255,209,102,0.92), rgba(255,226,160,0.94)) !important;
  color:#083A3F !important;
  border-color:rgba(217,154,24,0.70) !important;
}

.consultant-panel .consultant-qr-tool{
  opacity:.88 !important;
}

@media(max-width:720px){
  .consultant-panel{
    padding:14px 12px 16px !important;
    border-radius:22px !important;
  }
  .consultant-panel .consultant-profile{
    padding:18px 14px 15px !important;
    border-radius:20px !important;
  }
  .consultant-panel .consultant-avatar,
  .consultant-panel .consultant-avatar-placeholder{
    width:78px !important;
    height:78px !important;
  }
  .consultant-panel .consultant-name{
    font-size:1.58rem !important;
  }
  .consultant-panel .consultant-text{
    padding:15px 14px !important;
    font-size:.92rem !important;
    line-height:1.65 !important;
  }
  .consultant-panel .consultant-reg-link{
    width:100% !important;
    max-width:320px;
  }
}

/* Final consultant layout: light editorial panel with primary CTA below. */
.consultant-panel{
  width:min(940px, calc(100vw - 32px)) !important;
  max-height:calc(100dvh - var(--demo-return-offset, 0px) - var(--catalog-sticky-header-height, 66px) - 34px) !important;
  overflow-y:auto !important;
  padding:24px !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255,255,255,0.58), transparent 34%),
    radial-gradient(ellipse at 84% 10%, rgba(255,209,102,0.16), transparent 36%),
    linear-gradient(145deg, rgba(244,255,252,0.98), rgba(210,250,243,0.96)) !important;
}

.consultant-panel::before{
  display:none !important;
}

.consultant-panel #consultantPanelContent{
  position:relative;
  display:grid;
  gap:16px;
}

.consultant-panel .consultant-main{
  display:grid;
  grid-template-columns:minmax(390px, .9fr) 1px minmax(0, 1.1fr);
  gap:28px;
  align-items:center;
  padding:28px;
  border:1px solid rgba(255,217,138,0.72);
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.74), rgba(234,255,250,0.56)),
    radial-gradient(ellipse at 92% 0%, rgba(255,209,102,0.13), transparent 40%);
  box-shadow:0 18px 44px rgba(4,54,62,0.12), inset 0 1px 0 rgba(255,255,255,0.82);
}

.consultant-panel .consultant-left,
.consultant-panel .consultant-right{
  min-width:0;
}

.consultant-panel .consultant-left{
  display:grid;
  justify-items:center;
  text-align:center;
}

.consultant-panel .consultant-divider{
  width:1px;
  align-self:stretch;
  min-height:220px;
  background:linear-gradient(180deg, transparent, rgba(217,154,24,0.78), rgba(255,209,102,0.58), transparent);
  box-shadow:0 0 18px rgba(255,209,102,0.28);
}

.consultant-panel .consultant-profile{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.consultant-panel .consultant-profile::after{
  display:none !important;
}

.consultant-panel .consultant-avatar,
.consultant-panel .consultant-avatar-placeholder{
  width:104px !important;
  height:104px !important;
}

.consultant-panel .consultant-name{
  margin-top:14px !important;
  font-size:clamp(1.74rem, 2.25vw, 2.3rem) !important;
}

.consultant-panel .consultant-city{
  margin-top:6px !important;
}

.consultant-panel .consultant-social-title{
  margin:22px 0 12px !important;
}

.consultant-panel .social-icons{
  justify-content:center !important;
  margin:0 !important;
}

.consultant-panel .consultant-text{
  max-width:590px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0B2528 !important;
  font-size:1.03rem !important;
  line-height:1.78 !important;
  text-align:left !important;
  white-space:pre-line;
}

.consultant-panel .consultant-links-compact{
  margin:0 !important;
}

.consultant-panel .consultant-reg-link{
  width:auto !important;
  min-width:min(380px, 100%) !important;
  margin:0 auto !important;
  display:inline-flex !important;
}

.consultant-panel .consultant-tools-footer{
  max-width:620px !important;
  margin:0 auto !important;
  padding:6px 0 0 !important;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  border-top:0 !important;
}

.consultant-panel .consultant-qr-tool,
.consultant-panel .theme-switcher{
  opacity:.86 !important;
}

.consultant-panel .consultant-qr-summary,
.consultant-panel .theme-switcher-summary,
.consultant-theme-footer .theme-switcher-summary{
  min-height:34px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
}

@media(max-width:720px){
  .consultant-panel{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100dvh - var(--demo-return-offset, 0px) - var(--catalog-sticky-header-height, 66px) - 92px) !important;
    padding:14px 12px calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .consultant-panel .consultant-main{
    grid-template-columns:1fr;
    gap:18px;
    padding:20px 16px;
    border-radius:22px;
  }

  .consultant-panel .social-icons{
    flex-wrap:wrap;
    gap:8px 12px !important;
  }

  .consultant-panel .consultant-divider{
    width:100%;
    min-height:1px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(217,154,24,0.78), rgba(255,209,102,0.58), transparent);
  }

  .consultant-panel .consultant-avatar,
  .consultant-panel .consultant-avatar-placeholder{
    width:82px !important;
    height:82px !important;
  }

  .consultant-panel .consultant-name{
    font-size:1.58rem !important;
  }

  .consultant-panel .consultant-social-title{
    margin-top:16px !important;
  }

  .consultant-panel .consultant-text{
    max-width:none !important;
    font-size:.94rem !important;
    line-height:1.66 !important;
    text-align:left !important;
  }

  .consultant-panel .consultant-reg-link{
    width:calc(100% - 10px) !important;
    min-width:0 !important;
    max-width:360px !important;
  }

  .consultant-panel .consultant-tools-footer{
    display:grid !important;
    grid-template-columns:1fr;
    justify-items:center;
    gap:8px !important;
  }
}

/* Consultant panel color tuning: aqua surface without a white inner card. */
.consultant-panel{
  background:
    radial-gradient(circle at 16% 38%, rgba(255,209,102,0.22), transparent 30%),
    radial-gradient(circle at 4% 82%, rgba(255,217,138,0.12), transparent 28%),
    linear-gradient(135deg, rgba(18,201,202,0.90), rgba(0,191,194,0.82), rgba(16,180,184,0.76)) !important;
  border:1px solid rgba(255,209,102,0.42) !important;
  box-shadow:
    0 28px 74px rgba(4,54,62,0.30),
    inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.consultant-panel #consultantPanelContent{
  gap:17px;
}

.consultant-panel .consultant-main{
  border:1px solid rgba(8,58,63,0.12) !important;
  background:
    radial-gradient(ellipse at 0% 48%, rgba(255,209,102,0.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.12), rgba(18,201,202,0.22), rgba(0,143,146,0.12)) !important;
  box-shadow:
    0 14px 34px rgba(4,54,62,0.10),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.consultant-panel .consultant-left,
.consultant-panel .consultant-right{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.consultant-panel .consultant-divider{
  background:linear-gradient(180deg, transparent, rgba(255,209,102,0.62), rgba(217,154,24,0.48), transparent) !important;
  box-shadow:0 0 14px rgba(255,209,102,0.18) !important;
}

.consultant-panel .consultant-name,
.consultant-panel .consultant-city,
.consultant-panel .consultant-text{
  color:#083A3F !important;
}

.consultant-panel .consultant-text{
  text-shadow:0 1px 0 rgba(255,255,255,0.10);
}

.consultant-panel .consultant-social-title{
  color:#C98700 !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.18) !important;
}

.consultant-panel .consultant-reg-link{
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 46%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,217,138,0.72) !important;
  box-shadow:
    0 15px 30px rgba(4,54,62,0.18),
    0 0 24px rgba(255,209,102,0.22),
    inset 0 1px 0 rgba(255,255,255,0.44) !important;
}

.consultant-panel .consultant-reg-link:hover{
  background:linear-gradient(135deg, #FFE3A3 0%, #FFD166 46%, #C98700 100%) !important;
  box-shadow:
    0 19px 38px rgba(4,54,62,0.24),
    0 0 30px rgba(255,209,102,0.30),
    inset 0 1px 0 rgba(255,255,255,0.52) !important;
}

.consultant-panel .consultant-qr-summary,
.consultant-panel .theme-switcher-summary,
.consultant-theme-footer .theme-switcher-summary{
  background:rgba(255,255,255,0.16) !important;
  border:1px solid rgba(255,209,102,0.45) !important;
  color:#083A3F !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 18px rgba(4,54,62,0.10) !important;
}

.consultant-panel .theme-switcher-summary span,
.consultant-panel .theme-switcher-summary small,
.consultant-theme-footer .theme-switcher-summary span,
.consultant-theme-footer .theme-switcher-summary small{
  color:#083A3F !important;
}

.consultant-panel .consultant-qr-body,
.consultant-panel .theme-switcher-options{
  background:rgba(0,127,132,0.92) !important;
  border-color:rgba(255,209,102,0.42) !important;
  box-shadow:0 14px 30px rgba(4,54,62,0.20) !important;
}

@media(max-width:720px){
  .consultant-panel{
    background:
      radial-gradient(circle at 18% 20%, rgba(255,209,102,0.20), transparent 28%),
      linear-gradient(145deg, rgba(18,201,202,0.92), rgba(0,191,194,0.84), rgba(16,180,184,0.78)) !important;
  }

  .consultant-panel .consultant-main{
    background:
      radial-gradient(ellipse at 50% 0%, rgba(255,209,102,0.12), transparent 32%),
      linear-gradient(145deg, rgba(255,255,255,0.10), rgba(0,143,146,0.14)) !important;
    border-color:rgba(8,58,63,0.10) !important;
  }
}

/* Turquoise Luxe catalog finish: aqua glass surfaces with warm gold light. */
:root{
  --theme-page-bg:#00BFC2;
  --theme-bg:#00BFC2;
  --theme-bg-soft:#12C9CA;
  --theme-bg-strong:#10B4B8;
  --theme-card-bg:rgba(18,201,202,0.30);
  --theme-card-bg-strong:rgba(126,230,223,0.34);
  --theme-glass-bg:rgba(255,255,255,0.14);
  --theme-panel-bg:rgba(0,141,146,0.92);
  --theme-text:#083A3F;
  --theme-text-muted:rgba(11,37,40,0.78);
  --theme-text-soft:rgba(11,37,40,0.60);
  --theme-border:rgba(255,209,102,0.55);
  --theme-border-strong:rgba(255,217,138,0.82);
  --theme-shadow:rgba(8,58,63,0.24);
  --theme-page-bg-image:
    radial-gradient(circle at 18% 14%, rgba(255,209,102,0.16), transparent 28%),
    radial-gradient(circle at 74% 18%, rgba(255,255,255,0.12), transparent 34%),
    radial-gradient(ellipse at 50% 72%, rgba(0,127,132,0.18), transparent 42%),
    linear-gradient(135deg, #00BFC2 0%, #12C9CA 42%, #10B4B8 100%);
}

html,
body{
  background-color:#00BFC2 !important;
  background-image:var(--theme-page-bg-image) !important;
  color:#083A3F !important;
}

body::before{
  background:
    radial-gradient(circle at 12% 26%, rgba(255,209,102,0.20), transparent 28%),
    radial-gradient(circle at 84% 10%, rgba(255,255,255,0.14), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 38px) !important;
  opacity:.86 !important;
}

body::after{
  background:
    linear-gradient(22deg, rgba(8,58,63,0.04) 0 1px, transparent 1px 46px),
    linear-gradient(156deg, rgba(255,209,102,0.035) 0 1px, transparent 1px 58px) !important;
  opacity:.65 !important;
}

.mobile-customer-header,
.search-wrap,
.sticky-bottom{
  background:linear-gradient(180deg, rgba(0,141,146,0.96), rgba(0,127,132,0.92)) !important;
  border-color:rgba(255,209,102,0.52) !important;
  box-shadow:0 16px 38px rgba(4,54,62,0.22), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.catalog-header-title{
  color:#FFD166 !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,209,102,0.34) !important;
  text-shadow:0 1px 10px rgba(4,54,62,0.20) !important;
}

.header-action{
  background:rgba(255,255,255,0.12) !important;
  border-color:rgba(255,209,102,0.58) !important;
  color:#FFD98A !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.16), 0 10px 24px rgba(4,54,62,0.14) !important;
}

.header-action span,
.header-action small{
  color:#FFD98A !important;
}

.header-action:hover,
.header-action:focus-visible,
.header-action.active,
.header-action[aria-expanded="true"]{
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 50%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,217,138,0.90) !important;
}

.header-action:hover span,
.header-action:focus-visible span,
.header-action.active span,
.header-action[aria-expanded="true"] span{
  color:#083A3F !important;
}

.search-box{
  background:linear-gradient(180deg, rgba(126,230,223,0.30), rgba(18,201,202,0.20)) !important;
  border:1px solid rgba(255,209,102,0.50) !important;
  box-shadow:0 12px 28px rgba(4,54,62,0.16), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.search-box input{
  color:#083A3F !important;
}

.search-box input::placeholder{
  color:rgba(8,58,63,0.54) !important;
}

.tabs .tab,
.quick-filters .tab,
.brand-chip,
.aroma-chip,
.category-filter-row .tab{
  background:rgba(18,201,202,0.24) !important;
  border-color:rgba(255,209,102,0.46) !important;
  color:#083A3F !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.tabs .tab.active,
.quick-filters .tab.active,
.brand-chip.active,
.aroma-chip.active,
.category-filter-row .tab.active{
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 52%, #D99A18 100%) !important;
  color:#083A3F !important;
  border-color:rgba(255,217,138,0.86) !important;
  box-shadow:0 10px 24px rgba(4,54,62,0.16), 0 0 20px rgba(255,209,102,0.22) !important;
}

.fcard{
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(18,201,202,0.38), rgba(0,191,194,0.24)),
    rgba(255,255,255,0.08) !important;
  border:1px solid rgba(255,209,102,0.48) !important;
  box-shadow:
    0 18px 42px rgba(8,58,63,0.22),
    inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.fcard::before{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,209,102,0.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.08), transparent 48%) !important;
  opacity:.9 !important;
}

.fcard::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:10px;
  aspect-ratio:1;
  z-index:0;
  pointer-events:none;
  border-radius:var(--theme-radius-small);
  background:
    radial-gradient(circle at 50% 55%, rgba(255,217,138,0.34), transparent 38%),
    radial-gradient(circle at 50% 24%, rgba(255,255,255,0.14), transparent 36%);
  filter:blur(8px);
  opacity:.78;
}

.fcard > *{
  position:relative;
  z-index:1;
}

.fcard:hover{
  border-color:rgba(255,217,138,0.78) !important;
  box-shadow:
    0 24px 56px rgba(8,58,63,0.28),
    0 0 30px rgba(255,209,102,0.16),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.fcard-img,
.modal-img-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 55%, rgba(255,209,102,0.30), transparent 34%),
    radial-gradient(circle at 50% 62%, rgba(255,255,255,0.14), transparent 48%),
    linear-gradient(180deg, rgba(126,230,223,0.30), rgba(18,201,202,0.22)) !important;
  border:1px solid rgba(255,209,102,0.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.fcard-img::before,
.modal-img-wrap::before{
  content:"";
  position:absolute;
  inset:8%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle, rgba(255,217,138,0.40), transparent 62%);
  filter:blur(16px);
  opacity:.88;
}

.fcard-img::after,
.modal-img-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 42%),
    radial-gradient(circle at 50% 25%, rgba(255,255,255,0.18), transparent 35%);
}

.fcard-img img,
.modal-img-wrap img{
  position:relative !important;
  z-index:1 !important;
  filter:drop-shadow(0 18px 22px rgba(8,58,63,0.22)) !important;
}

.fcard-code,
.fcard-price .now,
.modal-body .m-code,
.modal-body .m-section h4,
.modal-body .m-fragrance-details summary,
.m-price-block .partner{
  color:#D99A18 !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.28) !important;
}

.fcard-brand,
.fcard-name,
.modal-body .m-name,
.modal-body .m-brand,
.modal-body .m-desc{
  color:#083A3F !important;
}

.fcard-type,
.modal-body .m-type-badge,
.m-note,
.m-accord,
.m-info-item{
  background:rgba(255,255,255,0.14) !important;
  border:1px solid rgba(255,209,102,0.50) !important;
  color:#0B2528 !important;
}

.fcard .favorite-btn{
  background:linear-gradient(135deg, rgba(255,217,138,0.90), rgba(255,209,102,0.78)) !important;
  border-color:rgba(255,217,138,0.88) !important;
  color:#083A3F !important;
  box-shadow:0 10px 22px rgba(4,54,62,0.18), 0 0 18px rgba(255,209,102,0.18) !important;
}

.fcard .favorite-btn:hover,
.fcard .favorite-btn.active{
  transform:translateY(-1px) !important;
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 50%, #D99A18 100%) !important;
  color:#083A3F !important;
  box-shadow:0 14px 28px rgba(4,54,62,0.22), 0 0 24px rgba(255,209,102,0.26) !important;
}

.modal-overlay{
  background:rgba(0,127,132,0.74) !important;
}

.modal{
  background:
    radial-gradient(circle at 18% 8%, rgba(255,209,102,0.16), transparent 32%),
    linear-gradient(180deg, rgba(18,201,202,0.96), rgba(0,191,194,0.90), rgba(16,180,184,0.88)) !important;
  box-shadow:0 0 0 1px rgba(255,209,102,0.42), 0 34px 86px rgba(4,54,62,0.34) !important;
}

.modal-header{
  background:linear-gradient(180deg, rgba(0,141,146,0.95), rgba(0,127,132,0.90)) !important;
  border-bottom:1px solid rgba(255,209,102,0.42) !important;
}

.modal-body,
.m-fragrance-details,
.m-price-block{
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,209,102,0.38) !important;
  color:#083A3F !important;
}

.sticky-bottom.sticky-actions{
  background:linear-gradient(180deg, rgba(0,141,146,0.94), rgba(0,127,132,0.96)) !important;
  border-top:1px solid rgba(255,209,102,0.58) !important;
  box-shadow:0 -16px 36px rgba(4,54,62,0.22) !important;
}

.sticky-bottom.sticky-actions .sticky-quiz-link.sb-primary{
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 48%, #D99A18 100%) !important;
  color:#083A3F !important;
}

.sticky-bottom.sticky-actions .sb-filter[data-cat="new"],
.sticky-bottom.sticky-actions .sb-filter[data-cat="favorites"]{
  background:rgba(18,201,202,0.22) !important;
  border:1px solid rgba(255,209,102,0.50) !important;
  color:#FFD98A !important;
}

.legal-note{
  padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:520px){
  .fcard{
    border-radius:18px !important;
  }

  .fcard-img{
    border-radius:14px !important;
  }

  .catalog-grid{
    padding-bottom:28px !important;
  }

  .legal-note{
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }
}

/* Turquoise Luxe depth pass: richer aqua display cards, no white slabs. */
.fcard{
  background:
    linear-gradient(180deg, rgba(126,230,223,0.32), rgba(18,201,202,0.26) 48%, rgba(0,191,194,0.20)),
    rgba(255,255,255,0.08) !important;
  border:1px solid rgba(255,209,102,0.42) !important;
  box-shadow:
    0 18px 42px rgba(8,58,63,0.24),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(255,209,102,0.14) !important;
}

.fcard::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.12), transparent 34%),
    radial-gradient(circle at 10% 8%, rgba(255,209,102,0.16), transparent 32%) !important;
  opacity:.82 !important;
}

.fcard::after{
  left:12px !important;
  right:12px !important;
  top:12px !important;
  border-radius:var(--theme-radius-small) !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(255,217,138,0.46) 0%, rgba(255,209,102,0.24) 32%, transparent 68%),
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 38%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.14), transparent 36%) !important;
  filter:blur(14px) !important;
  opacity:.86 !important;
}

.fcard-img{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 56%, rgba(255,217,138,0.34), transparent 31%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,0.20), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,0.12), rgba(126,230,223,0.24) 42%, rgba(18,201,202,0.20)) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -18px 34px rgba(0,141,146,0.10),
    0 10px 22px rgba(8,58,63,0.10) !important;
  filter:drop-shadow(0 18px 20px rgba(8,58,63,0.22)) !important;
}

.modal-img-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 56%, rgba(255,217,138,0.34), transparent 31%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,0.20), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,0.12), rgba(126,230,223,0.24) 42%, rgba(18,201,202,0.20)) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -18px 34px rgba(0,141,146,0.10) !important;
}

.modal-img-wrap::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:78% !important;
  height:78% !important;
  transform:translate(-50%, -46%) !important;
  background:radial-gradient(circle, rgba(255,217,138,0.46) 0%, rgba(255,209,102,0.24) 32%, transparent 68%) !important;
  filter:blur(16px) !important;
  opacity:.85 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.modal-img-wrap::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 38%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.16), transparent 36%) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.modal-img-wrap img{
  position:relative !important;
  z-index:1 !important;
  filter:drop-shadow(0 18px 20px rgba(8,58,63,0.22)) !important;
}

.fcard:hover{
  box-shadow:
    0 24px 56px rgba(8,58,63,0.30),
    0 0 30px rgba(255,209,102,0.18),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(255,209,102,0.16) !important;
}

/* Final champagne polish: lighter search, layered aqua cards, clean gold accents. */
:root{
  --theme-accent:#FFD166;
  --theme-accent-2:#FFD98A;
  --theme-accent-dark:#D99A18;
  --theme-border:rgba(255,209,102,0.46);
  --theme-border-strong:rgba(244,223,166,0.74);
}

.search-wrap{
  padding-top:14px !important;
  padding-bottom:12px !important;
  background:rgba(0,141,146,0.12) !important;
  border-top:1px solid rgba(255,209,102,0.22) !important;
  border-bottom:1px solid rgba(255,209,102,0.18) !important;
  box-shadow:none !important;
  backdrop-filter:blur(12px) saturate(122%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(122%) !important;
}

.search-box{
  min-height:46px !important;
  background:rgba(255,255,255,0.13) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 10px 26px rgba(8,58,63,0.10) !important;
}

.search-box svg{
  fill:rgba(8,58,63,0.58) !important;
}

.search-box input{
  padding-top:10px !important;
  padding-bottom:10px !important;
  color:#083A3F !important;
}

.search-box input::placeholder{
  color:rgba(8,58,63,0.50) !important;
}

.search-count{
  margin-top:8px !important;
  padding:0 !important;
  color:rgba(8,58,63,0.76) !important;
  font-size:.92rem !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

.fcard{
  background:
    radial-gradient(circle at 50% 8%, rgba(255,217,138,0.12), transparent 34%),
    linear-gradient(180deg, rgba(126,230,223,0.34), rgba(18,201,202,0.28) 48%, rgba(0,191,194,0.22)),
    rgba(255,255,255,0.08) !important;
  border:1px solid rgba(255,209,102,0.42) !important;
  box-shadow:
    0 18px 42px rgba(8,58,63,0.24),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -1px 0 rgba(255,209,102,0.14) !important;
}

.fcard::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.12), transparent 34%),
    radial-gradient(circle at 14% 8%, rgba(244,223,166,0.14), transparent 34%) !important;
  opacity:.78 !important;
}

.fcard::after{
  left:12px !important;
  right:12px !important;
  top:12px !important;
  aspect-ratio:1 !important;
  background:
    radial-gradient(circle at 50% 54%, rgba(255,217,138,0.42), transparent 31%),
    radial-gradient(circle at 50% 46%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,0.10), rgba(126,230,223,0.24) 42%, rgba(18,201,202,0.18)) !important;
  border:1px solid rgba(255,209,102,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -18px 34px rgba(0,141,146,0.10),
    0 10px 22px rgba(8,58,63,0.08) !important;
  filter:none !important;
  opacity:.94 !important;
}

.fcard:hover{
  border-color:rgba(244,223,166,0.78) !important;
  box-shadow:
    0 24px 58px rgba(8,58,63,0.29),
    0 0 30px rgba(255,209,102,0.18),
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -1px 0 rgba(255,209,102,0.18) !important;
}

.fcard-img{
  position:relative !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 50% 54%, rgba(255,217,138,0.42), transparent 31%),
    radial-gradient(circle at 50% 46%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,0.10), rgba(126,230,223,0.24) 42%, rgba(18,201,202,0.18)) !important;
  border:1px solid rgba(255,209,102,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -18px 34px rgba(0,141,146,0.10),
    0 12px 24px rgba(8,58,63,0.11) !important;
  filter:
    drop-shadow(0 18px 20px rgba(8,58,63,0.22))
    drop-shadow(0 0 12px rgba(255,209,102,0.10)) !important;
}

.fcard-code,
#modalHeaderCode,
.modal-body .m-code{
  color:#F4DFA6 !important;
  text-shadow:
    0 1px 0 rgba(8,58,63,0.28),
    0 0 10px rgba(255,209,102,0.18) !important;
}

.fcard-price .now,
.m-price-block .partner,
.m-price-block .retail-price{
  color:#F7D879 !important;
  text-shadow:
    0 1px 0 rgba(8,58,63,0.30),
    0 0 12px rgba(255,209,102,0.20) !important;
}

.fcard-brand,
.fcard-name,
.fcard-price .lk,
.modal-body .m-name,
.modal-body .m-brand,
.modal-body .m-desc,
.m-price-block .retail-label,
.m-price-block .retail-volume{
  color:#083A3F !important;
}

.fcard-brand,
.fcard-price .lk,
.modal-body .m-brand,
.modal-body .m-desc,
.m-price-block .retail-label,
.m-price-block .retail-volume{
  color:rgba(11,37,40,0.78) !important;
}

.fcard-type,
.modal-body .m-type-badge,
.m-fragrance-details,
.m-info-item,
.m-note,
.m-accord{
  background:rgba(255,255,255,0.12) !important;
  border-color:rgba(244,223,166,0.40) !important;
  color:#0B2528 !important;
}

.modal{
  background:
    radial-gradient(circle at 54% 0%, rgba(255,217,138,0.16), transparent 34%),
    linear-gradient(180deg, rgba(18,201,202,0.96), rgba(0,191,194,0.90), rgba(0,141,146,0.86)) !important;
  box-shadow:
    0 0 0 1px rgba(255,209,102,0.40),
    0 34px 90px rgba(4,54,62,0.34) !important;
}

.modal-header{
  background:
    linear-gradient(180deg, rgba(0,141,146,0.92), rgba(0,127,132,0.82)) !important;
  border-bottom:1px solid rgba(244,223,166,0.38) !important;
}

.modal-img-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 54%, rgba(255,217,138,0.42), transparent 31%),
    radial-gradient(circle at 50% 46%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(160deg, rgba(255,255,255,0.10), rgba(126,230,223,0.24) 42%, rgba(18,201,202,0.18)) !important;
  border:1px solid rgba(255,209,102,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 -18px 34px rgba(0,141,146,0.10) !important;
}

.modal-img-wrap::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:78% !important;
  height:78% !important;
  transform:translate(-50%, -46%) !important;
  background:radial-gradient(circle, rgba(255,217,138,0.46) 0%, rgba(255,209,102,0.24) 32%, transparent 68%) !important;
  filter:blur(16px) !important;
  opacity:.90 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.modal-img-wrap::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 38%),
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.14), transparent 36%) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.modal-img-wrap img{
  position:relative !important;
  z-index:1 !important;
  filter:
    drop-shadow(0 18px 20px rgba(8,58,63,0.22))
    drop-shadow(0 0 12px rgba(255,209,102,0.10)) !important;
}

.m-price-block{
  background:
    linear-gradient(145deg, rgba(255,217,138,0.18), rgba(255,255,255,0.10)),
    rgba(18,201,202,0.12) !important;
  border:1px solid rgba(244,223,166,0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 12px 28px rgba(8,58,63,0.10) !important;
}

.modal-body .m-section h4,
.modal-body .m-fragrance-details summary,
.m-marso-bottle h4,
.catalog-credit a{
  color:#F4DFA6 !important;
  text-shadow:
    0 1px 0 rgba(8,58,63,0.24),
    0 0 10px rgba(255,209,102,0.16) !important;
}

@media(max-width:520px){
  .search-wrap{
    padding-top:12px !important;
    padding-bottom:10px !important;
  }

  .search-count{
    font-size:.86rem !important;
    margin-top:7px !important;
  }

  .fcard::after{
    left:10px !important;
    right:10px !important;
    top:10px !important;
  }
}

/* Card-only cleanup: one-piece fragrance cards with a soft bottle halo. */
.fcard{
  isolation:isolate;
}

.fcard::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:13px !important;
  width:78% !important;
  height:38% !important;
  aspect-ratio:auto !important;
  transform:translateX(-50%) !important;
  z-index:0 !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 50% 48%,
      rgba(255,217,138,0.45) 0%,
      rgba(255,209,102,0.28) 32%,
      rgba(255,244,214,0.16) 52%,
      transparent 74%) !important;
  box-shadow:none !important;
  filter:blur(18px) !important;
  opacity:.82 !important;
}

.fcard-img{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  filter:
    drop-shadow(0 18px 20px rgba(8,58,63,0.20))
    drop-shadow(0 0 14px rgba(255,217,138,0.18)) !important;
}

.fcard-code,
.fcard-price .now{
  color:#FFD98A !important;
  -webkit-text-fill-color:#FFD98A !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.18) !important;
}

@media(max-width:520px){
  .fcard::after{
    top:10px !important;
    width:82% !important;
    height:36% !important;
    filter:blur(16px) !important;
  }
}

/* Search-only compact sticky pass. */
.search-wrap{
  position:sticky !important;
  top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 66px)) !important;
  z-index:108 !important;
  padding:10px 16px 7px !important;
  background:rgba(0,191,194,0.78) !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(255,209,102,0.22) !important;
  box-shadow:0 10px 24px rgba(8,58,63,0.12) !important;
  backdrop-filter:blur(12px) saturate(122%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(122%) !important;
}

.search-box{
  min-height:44px !important;
  max-width:940px !important;
  margin:0 auto !important;
  background:rgba(255,255,255,0.13) !important;
  border:1px solid rgba(255,209,102,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 8px 18px rgba(8,58,63,0.10) !important;
}

.search-box input{
  padding-top:8px !important;
  padding-bottom:8px !important;
}

.search-count{
  margin:4px 0 0 !important;
  padding:0 !important;
  font-size:.84rem !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  color:rgba(8,58,63,0.74) !important;
}

.category-filter-row{
  padding-top:4px !important;
  padding-bottom:7px !important;
}

.category-filter-row .gender-tabs{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.brand-filter-row{
  padding-bottom:8px !important;
}

.quick-filters{
  padding-bottom:10px !important;
}

@media(min-width:900px){
  .search-wrap{
    top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 78px)) !important;
    padding:10px 32px 7px !important;
  }

  .search-count{
    margin-top:4px !important;
    font-size:.86rem !important;
  }

  .category-filter-row{
    padding-top:5px !important;
    padding-bottom:8px !important;
  }
}

@media(max-width:520px){
  .search-wrap{
    top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 66px)) !important;
    padding:8px 10px 6px !important;
  }

  .search-box{
    min-height:41px !important;
    border-radius:13px !important;
    padding-left:12px !important;
    padding-right:7px !important;
  }

  .search-box input{
    padding-top:7px !important;
    padding-bottom:7px !important;
    font-size:.88rem !important;
  }

  .search-box input::placeholder{
    font-size:.86rem !important;
  }

  .search-reset-btn{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  .search-count{
    margin-top:3px !important;
    font-size:.78rem !important;
  }

  .category-filter-row{
    padding-top:3px !important;
    padding-bottom:6px !important;
  }
}

/* Search sticky fix: only the input row stays pinned. */
.search-wrap{
  display:contents !important;
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.search-box{
  position:sticky !important;
  top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 66px) - 2px) !important;
  z-index:108 !important;
  width:calc(100% - 32px) !important;
  max-width:780px !important;
  min-height:44px !important;
  margin:10px auto 0 !important;
  padding:0 8px 0 14px !important;
  background:rgba(255,255,255,0.12) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  box-shadow:0 8px 18px rgba(8,58,63,0.10) !important;
  backdrop-filter:blur(10px) saturate(116%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(116%) !important;
}

.search-count{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  margin:5px 0 8px !important;
  padding:0 !important;
  font-size:.84rem !important;
  line-height:1.2 !important;
}

.category-filter-row,
.brand-filter-row{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
}

.category-filter-row{
  padding-top:0 !important;
  padding-bottom:7px !important;
}

.category-filter-row .gender-tabs{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

@media(min-width:900px){
  .search-box{
    top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 78px) - 2px) !important;
    width:min(780px, calc(100% - 64px)) !important;
    margin-top:10px !important;
  }

  .search-count{
    margin-top:5px !important;
    margin-bottom:9px !important;
  }

  .category-filter-row{
    padding-top:0 !important;
    padding-bottom:8px !important;
  }
}

@media(max-width:520px){
  .search-box{
    top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 66px) - 3px) !important;
    width:calc(100% - 20px) !important;
    min-height:42px !important;
    margin-top:8px !important;
    padding-left:12px !important;
    padding-right:7px !important;
  }

  .search-box input{
    padding-top:7px !important;
    padding-bottom:7px !important;
    font-size:.88rem !important;
  }

  .search-box input::placeholder{
    font-size:.84rem !important;
  }

  .search-count{
    margin-top:4px !important;
    margin-bottom:8px !important;
    font-size:.78rem !important;
  }
}

/* Modal intro polish: editorial fragrance opening after the bottle hero. */
.modal-img-wrap{
  border-bottom:0 !important;
  box-shadow:
    inset 0 -18px 28px rgba(0,141,146,0.08),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.modal-body{
  padding-top:18px !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,217,138,0.10), transparent 28%),
    linear-gradient(180deg, rgba(18,201,202,0.10), rgba(255,255,255,0.03) 22%, transparent 54%) !important;
  box-shadow:inset 0 1px 0 rgba(244,223,166,0.22) !important;
}

.modal-body .m-code{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  color:#FFD98A !important;
  -webkit-text-fill-color:#FFD98A !important;
  font-size:.76rem !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.18) !important;
}

.modal-body .m-brand{
  margin-top:7px !important;
  color:rgba(8,58,63,0.72) !important;
  font-size:.84rem !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  letter-spacing:.02em !important;
}

.modal-body .m-name{
  margin-top:3px !important;
  max-width:22rem !important;
  color:#062F34 !important;
  font-size:clamp(1.62rem, 4.8vw, 2.05rem) !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}

.modal-body .m-type-badge{
  margin-top:12px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:rgba(18,201,202,0.10) !important;
  border:1px solid rgba(244,223,166,0.34) !important;
  color:rgba(8,58,63,0.78) !important;
  box-shadow:none !important;
  font-size:.72rem !important;
  line-height:1.25 !important;
  font-weight:650 !important;
  text-shadow:none !important;
}

.modal-body .m-desc{
  max-width:35rem !important;
  margin-top:16px !important;
  padding-left:14px !important;
  border-left:2px solid rgba(255,217,138,0.62) !important;
  color:rgba(8,58,63,0.86) !important;
  font-size:.92rem !important;
  line-height:1.78 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

.m-marso-bottle{
  background:rgba(0,141,146,0.08) !important;
  border-color:rgba(244,223,166,0.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.m-marso-bottle h4{
  color:rgba(8,58,63,0.76) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.76) !important;
  text-shadow:none !important;
  font-weight:750 !important;
}

.m-marso-bottle-text p{
  color:rgba(8,58,63,0.66) !important;
}

@media(max-width:520px){
  .modal-body{
    padding-top:16px !important;
  }

  .modal-body .m-code{
    font-size:.72rem !important;
    letter-spacing:.14em !important;
  }

  .modal-body .m-name{
    max-width:100% !important;
    font-size:clamp(1.42rem, 7vw, 1.72rem) !important;
    line-height:1.14 !important;
  }

  .modal-body .m-type-badge{
    max-width:100% !important;
    white-space:normal !important;
  }

  .modal-body .m-desc{
    margin-top:14px !important;
    padding-left:11px !important;
    border-left-width:2px !important;
    font-size:.86rem !important;
    line-height:1.68 !important;
  }
}

/* Modal details and notes: lighter perfume structure, not form cards. */
.m-fragrance-details{
  margin-top:18px !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(244,223,166,0.26) !important;
  border-bottom:1px solid rgba(0,141,146,0.14) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.m-fragrance-details summary{
  min-height:0 !important;
  padding:9px 0 !important;
  color:#F4DFA6 !important;
  -webkit-text-fill-color:#F4DFA6 !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.18) !important;
}

.m-fragrance-details summary::before{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  margin-right:9px;
  vertical-align:middle;
  background:linear-gradient(90deg, rgba(255,217,138,0.76), rgba(255,217,138,0.10));
}

.m-fragrance-details .m-details-icon{
  width:18px !important;
  height:18px !important;
  border:1px solid rgba(244,223,166,0.38) !important;
  border-radius:50% !important;
  background:rgba(18,201,202,0.08) !important;
  box-shadow:none !important;
}

.m-details-content{
  padding:2px 0 12px 31px !important;
}

.m-details-content p{
  max-width:35rem !important;
  color:rgba(8,58,63,0.78) !important;
  font-size:.86rem !important;
  line-height:1.72 !important;
}

.modal-body .m-section:has(.m-notes){
  position:relative;
  margin-top:18px !important;
  padding-left:17px !important;
}

.modal-body .m-section:has(.m-notes)::before{
  content:"";
  position:absolute;
  left:0;
  top:.36rem;
  width:2px;
  height:calc(100% - .3rem);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,217,138,0.68), rgba(255,209,102,0.16));
}

.modal-body .m-section:has(.m-notes) h4,
.modal-body .m-section:has(.m-accords) h4{
  margin-bottom:8px !important;
  color:#F4DFA6 !important;
  -webkit-text-fill-color:#F4DFA6 !important;
  font-size:.86rem !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.16) !important;
}

.modal-body .m-section:has(.m-notes) .m-notes{
  gap:6px !important;
}

.m-note,
.m-accord{
  padding:4px 9px !important;
  border-radius:999px !important;
  background:rgba(18,201,202,0.10) !important;
  border:1px solid rgba(244,223,166,0.30) !important;
  color:rgba(8,58,63,0.80) !important;
  box-shadow:none !important;
  font-size:.70rem !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  text-shadow:none !important;
}

.m-desc + .m-section:has(.m-notes),
.m-fragrance-details + .m-section:has(.m-notes){
  margin-top:20px !important;
}

.m-desc + .m-section:has(.m-notes)::before,
.m-fragrance-details + .m-section:has(.m-notes)::before{
  height:46% !important;
  background:linear-gradient(180deg, rgba(255,244,214,0.62), rgba(255,217,138,0.22)) !important;
}

.m-desc + .m-section:has(.m-notes) .m-note,
.m-fragrance-details + .m-section:has(.m-notes) .m-note{
  background:rgba(126,230,223,0.12) !important;
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes),
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes){
  padding-left:20px !important;
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes)::before,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes)::before{
  width:3px;
  background:linear-gradient(180deg, rgba(255,217,138,0.78), rgba(255,209,102,0.24)) !important;
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) .m-note,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) .m-note{
  border-color:rgba(244,223,166,0.38) !important;
  background:rgba(18,201,202,0.13) !important;
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes)::before,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes)::before{
  background:linear-gradient(180deg, rgba(255,217,138,0.42), rgba(8,58,63,0.16)) !important;
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes) .m-note,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes) .m-note{
  background:rgba(0,141,146,0.10) !important;
  border-color:rgba(244,223,166,0.26) !important;
}

.modal-body .m-section:has(.m-accords){
  margin-top:18px !important;
}

.m-accords{
  gap:6px !important;
}

.m-accord{
  background:rgba(18,201,202,0.08) !important;
  border-color:rgba(244,223,166,0.24) !important;
  color:rgba(8,58,63,0.74) !important;
}

.m-marso-bottle{
  background:rgba(0,141,146,0.07) !important;
  border-color:rgba(244,223,166,0.20) !important;
  box-shadow:none !important;
}

@media(max-width:520px){
  .m-fragrance-details{
    margin-top:16px !important;
  }

  .m-fragrance-details summary{
    padding:8px 0 !important;
    font-size:.76rem !important;
    letter-spacing:.04em !important;
  }

  .m-fragrance-details summary::before{
    width:16px;
    margin-right:7px;
  }

  .m-details-content{
    padding:0 0 10px 23px !important;
  }

  .m-details-content p{
    font-size:.82rem !important;
    line-height:1.66 !important;
  }

  .modal-body .m-section:has(.m-notes){
    margin-top:15px !important;
    padding-left:13px !important;
  }

  .modal-body .m-section:has(.m-notes) h4,
  .modal-body .m-section:has(.m-accords) h4{
    font-size:.80rem !important;
    margin-bottom:7px !important;
  }

  .m-note,
  .m-accord{
    padding:4px 8px !important;
    font-size:.68rem !important;
  }

  .m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes),
  .m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes){
    padding-left:15px !important;
  }
}

/* Notes disclosure: editorial 01/02/03 layers, no pyramid geometry. */
.modal-body .m-section:has(.m-notes){
  position:relative !important;
  margin-top:16px !important;
  padding:14px 0 0 !important;
  border-top:1px solid rgba(244,223,166,0.18) !important;
  background:transparent !important;
  box-shadow:none !important;
}

.modal-body .m-section:has(.m-notes)::before{
  content:none !important;
}

.m-desc + .m-section:has(.m-notes),
.m-fragrance-details + .m-section:has(.m-notes){
  margin-top:22px !important;
  padding-top:34px !important;
  border-top:1px solid rgba(244,223,166,0.30) !important;
}

.m-desc + .m-section:has(.m-notes)::before,
.m-fragrance-details + .m-section:has(.m-notes)::before{
  content:"Раскрытие аромата" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:auto !important;
  height:auto !important;
  display:block !important;
  color:rgba(8,58,63,0.70) !important;
  background:none !important;
  font-size:.72rem !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
}

.modal-body .m-section:has(.m-notes) h4{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
  margin:0 0 8px !important;
  color:rgba(8,58,63,0.82) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.82) !important;
  font-size:.86rem !important;
  line-height:1.25 !important;
  font-weight:760 !important;
  letter-spacing:.02em !important;
  text-shadow:none !important;
}

.modal-body .m-section:has(.m-notes) h4::before{
  color:#FFD98A !important;
  -webkit-text-fill-color:#FFD98A !important;
  font-size:.72rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.16) !important;
}

.m-desc + .m-section:has(.m-notes) h4::before,
.m-fragrance-details + .m-section:has(.m-notes) h4::before{
  content:"01";
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) h4::before,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) h4::before{
  content:"02";
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes) h4::before,
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes) h4::before{
  content:"03";
}

.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes),
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes),
.m-desc + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes),
.m-fragrance-details + .m-section:has(.m-notes) + .m-section:has(.m-notes) + .m-section:has(.m-notes){
  padding-left:0 !important;
}

.modal-body .m-section:has(.m-notes) .m-notes{
  gap:7px !important;
}

.modal-body .m-note{
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.10) !important;
  border:1px solid rgba(255,209,102,0.28) !important;
  color:#083A3F !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  line-height:1.25 !important;
  font-weight:560 !important;
  text-shadow:none !important;
}

.modal-body .m-section:has(.m-accords){
  margin-top:23px !important;
  padding-top:15px !important;
  border-top:1px solid rgba(8,58,63,0.12) !important;
}

.modal-body .m-section:has(.m-accords) h4{
  color:rgba(8,58,63,0.70) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.70) !important;
  font-size:.82rem !important;
  font-weight:720 !important;
  letter-spacing:.04em !important;
  text-shadow:none !important;
}

.modal-body .m-accord{
  padding:5px 9px !important;
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,209,102,0.22) !important;
  color:rgba(8,58,63,0.72) !important;
  font-size:.72rem !important;
}

.m-marso-bottle{
  background:rgba(0,141,146,0.06) !important;
  border-color:rgba(244,223,166,0.18) !important;
  box-shadow:none !important;
}

@media(max-width:520px){
  .modal-body .m-section:has(.m-notes){
    margin-top:14px !important;
    padding-top:12px !important;
  }

  .m-desc + .m-section:has(.m-notes),
  .m-fragrance-details + .m-section:has(.m-notes){
    margin-top:18px !important;
    padding-top:30px !important;
  }

  .m-desc + .m-section:has(.m-notes)::before,
  .m-fragrance-details + .m-section:has(.m-notes)::before{
    font-size:.68rem !important;
    letter-spacing:.10em !important;
  }

  .modal-body .m-section:has(.m-notes) h4{
    gap:7px !important;
    margin-bottom:7px !important;
    font-size:.80rem !important;
  }

  .modal-body .m-section:has(.m-notes) h4::before{
    font-size:.68rem !important;
  }

  .modal-body .m-section:has(.m-notes) .m-notes{
    gap:6px !important;
  }

  .modal-body .m-note{
    padding:5px 9px !important;
    font-size:.72rem !important;
  }

  .modal-body .m-section:has(.m-accords){
    margin-top:19px !important;
    padding-top:13px !important;
  }
}

/* Aroma disclosure: MARSO Partner editorial line, clean note columns. */
.modal-body .m-aroma-disclosure{
  margin-top:26px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.modal-body .m-aroma-disclosure h4{
  display:inline-flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 0 12px !important;
  font-family:var(--theme-font-body) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.32em !important;
  text-transform:uppercase !important;
  color:#FFD166 !important;
  background:none !important;
  -webkit-text-fill-color:#FFD166 !important;
  text-shadow:
    0 1px 12px rgba(6,75,84,0.36),
    0 0 18px rgba(255,209,102,0.22) !important;
}

.modal-body .m-aroma-disclosure h4::after{
  content:"" !important;
  display:block !important;
  width:58px !important;
  height:1px !important;
  flex:0 0 auto !important;
  background:linear-gradient(90deg, rgba(255,209,102,0.72), rgba(255,209,102,0)) !important;
  box-shadow:0 0 14px rgba(255,209,102,0.30) !important;
}

.modal-body .m-aroma-line{
  position:relative !important;
  height:22px !important;
  margin:2px 0 20px !important;
}

.modal-body .m-aroma-line::before,
.modal-body .m-aroma-line::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  border-radius:999px !important;
  transform:translateY(-50%) !important;
}

.modal-body .m-aroma-line::before{
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(255,209,102,0.10) 0%,
    rgba(255,209,102,0.26) 30%,
    rgba(255,209,102,0.58) 70%,
    rgba(255,217,138,0.92) 100%) !important;
}

.modal-body .m-aroma-line::after{
  left:58% !important;
  height:2px !important;
  background:linear-gradient(90deg,
    rgba(255,209,102,0),
    rgba(255,217,138,0.74) 42%,
    rgba(216,154,24,0.96) 100%) !important;
  box-shadow:0 0 18px rgba(255,209,102,0.20) !important;
}

.modal-body .m-aroma-line span{
  position:absolute !important;
  top:50% !important;
  z-index:1 !important;
  display:block !important;
  border-radius:50% !important;
  background:#FFD166 !important;
  border:1px solid rgba(255,231,166,0.92) !important;
  transform:translate(-50%, -50%) !important;
  box-shadow:0 0 0 4px rgba(255,209,102,0.08) !important;
}

.modal-body .m-aroma-line span:nth-child(1){
  left:16.666% !important;
  width:5px !important;
  height:5px !important;
  opacity:.56 !important;
}

.modal-body .m-aroma-line span:nth-child(2){
  left:50% !important;
  width:7px !important;
  height:7px !important;
  opacity:.78 !important;
}

.modal-body .m-aroma-line span:nth-child(3){
  left:83.333% !important;
  width:10px !important;
  height:10px !important;
  opacity:1 !important;
  box-shadow:
    0 0 0 5px rgba(255,209,102,0.12),
    0 0 18px rgba(255,209,102,0.28) !important;
}

.modal-body .m-notes-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:20px !important;
  align-items:start !important;
}

.modal-body .m-notes-column h5{
  margin:0 0 9px !important;
  font-family:var(--theme-font-body) !important;
  color:rgba(8,58,63,0.84) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.84) !important;
  font-size:.94rem !important;
  line-height:1.30 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.modal-body .m-aroma-disclosure .m-notes{
  display:block !important;
}

.modal-body .m-aroma-disclosure .m-note{
  display:block !important;
  width:auto !important;
  margin:0 0 5px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(8,58,63,0.72) !important;
  font-size:.82rem !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

.modal-body .m-aroma-disclosure .m-note:last-child{
  margin-bottom:0 !important;
}

@media(max-width:640px){
  .modal-body .m-aroma-disclosure{
    margin-top:22px !important;
  }

  .modal-body .m-aroma-disclosure h4{
    gap:12px !important;
    font-size:10.5px !important;
    letter-spacing:.24em !important;
  }

  .modal-body .m-aroma-disclosure h4::after{
    width:42px !important;
  }

  .modal-body .m-aroma-line{
    height:20px !important;
    margin:0 0 17px !important;
  }

  .modal-body .m-notes-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .modal-body .m-notes-column h5{
    margin-bottom:7px !important;
    font-size:.90rem !important;
  }

  .modal-body .m-aroma-disclosure .m-note{
    font-size:.80rem !important;
    line-height:1.48 !important;
  }
}

.modal-body .m-section:has(.m-accords) h4{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 10px !important;
  font-family:var(--theme-font-body) !important;
  color:#FFD166 !important;
  -webkit-text-fill-color:#FFD166 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  text-shadow:
    0 1px 10px rgba(6,75,84,0.30),
    0 0 14px rgba(255,209,102,0.18) !important;
}

.modal-body .m-section:has(.m-accords) h4::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:1px !important;
  flex:0 0 auto !important;
  background:linear-gradient(90deg, rgba(255,209,102,0.62), rgba(255,209,102,0)) !important;
}

.modal-body .m-section:has(.m-accords) .m-accords{
  gap:6px !important;
}

.modal-body .m-section:has(.m-accords) .m-accord{
  padding:4px 8px !important;
  background:rgba(255,255,255,0.07) !important;
  border-color:rgba(255,209,102,0.18) !important;
  color:rgba(8,58,63,0.68) !important;
  font-size:.70rem !important;
  font-weight:560 !important;
}

@media(max-width:640px){
  .modal-body .m-section:has(.m-accords) h4{
    gap:12px !important;
    font-size:10.5px !important;
    letter-spacing:.24em !important;
  }

  .modal-body .m-section:has(.m-accords) h4::after{
    width:38px !important;
  }
}

/* Modal card alignment with MARSO Partner home process section. */
.modal-body{
  --mp-heading:#083A3F;
  --mp-text:#0B2528;
  --mp-muted:rgba(11,37,40,0.76);
  --mp-muted-soft:rgba(11,37,40,0.62);
  --mp-gold:#FFD166;
  --mp-gold-soft:#FFD98A;
  --mp-gold-deep:#E5B84F;
  --mp-gold-line:rgba(255,209,102,0.72);
  --mp-panel:rgba(255,255,255,0.14);
  --mp-panel-soft:rgba(255,255,255,0.22);
  --mp-line:rgba(255,209,102,0.38);
  --mp-line-cool:rgba(8,58,63,0.18);
  font-family:var(--theme-font-body) !important;
  color:var(--mp-text) !important;
}

.modal-body .m-code,
.modal-body .m-fragrance-details summary > span:first-child,
.modal-body .m-aroma-disclosure h4,
.modal-body .m-section:has(.m-accords) h4,
.modal-body .m-info-item .label,
.modal-body .m-price-block .retail-label{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  margin:0 !important;
  color:var(--mp-gold) !important;
  -webkit-text-fill-color:var(--mp-gold) !important;
  font-family:var(--theme-font-body) !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.32em !important;
  text-transform:uppercase !important;
  text-shadow:
    0 1px 12px rgba(6,75,84,0.36),
    0 0 18px rgba(255,209,102,0.22) !important;
  background:none !important;
  max-width:100% !important;
  flex-wrap:wrap !important;
}

.modal-body .m-code::after,
.modal-body .m-fragrance-details summary > span:first-child::after,
.modal-body .m-aroma-disclosure h4::after,
.modal-body .m-section:has(.m-accords) h4::after,
.modal-body .m-price-block .retail-label::after{
  content:"" !important;
  position:absolute !important;
  left:calc(100% + 18px) !important;
  top:50% !important;
  display:block !important;
  width:70px !important;
  height:1px !important;
  flex:0 0 auto !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(90deg, var(--mp-gold-line), rgba(255,209,102,0)) !important;
  box-shadow:0 0 16px rgba(255,209,102,0.36) !important;
}

.modal-body .m-name{
  margin-top:12px !important;
  max-width:32rem !important;
  color:var(--mp-heading) !important;
  font-family:var(--theme-font-heading) !important;
  font-size:clamp(1.82rem, 4.8vw, 2.38rem) !important;
  line-height:1.04 !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  text-shadow:none !important;
}

.modal-body .m-type-badge{
  margin-top:14px !important;
  padding:5px 12px !important;
  border:1px solid var(--mp-line) !important;
  border-radius:999px !important;
  background:var(--mp-panel) !important;
  color:var(--mp-text) !important;
  -webkit-text-fill-color:var(--mp-text) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.76rem !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.modal-body .m-desc{
  max-width:38rem !important;
  margin-top:18px !important;
  padding-left:18px !important;
  border-left:1px solid rgba(255,209,102,0.62) !important;
  color:rgba(11,37,40,0.84) !important;
  font-family:var(--theme-font-body) !important;
  font-size:1rem !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

.m-fragrance-details{
  margin-top:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.m-fragrance-details summary{
  min-height:0 !important;
  padding:0 !important;
  color:var(--mp-gold) !important;
  list-style:none !important;
}

.m-fragrance-details summary::before{
  content:none !important;
}

.m-fragrance-details .m-details-icon{
  width:18px !important;
  height:18px !important;
  margin-left:auto !important;
  border:1px solid rgba(255,209,102,0.46) !important;
  background:var(--mp-panel) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.m-details-content{
  margin-top:14px !important;
  padding:0 0 0 18px !important;
  border-left:1px solid rgba(255,209,102,0.38) !important;
}

.m-details-content p{
  max-width:39rem !important;
  margin:0 0 16px !important;
  color:var(--mp-text) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.96rem !important;
  line-height:1.74 !important;
}

.m-details-content p:last-child{
  margin-bottom:0 !important;
}

.modal-body .m-aroma-disclosure{
  margin-top:28px !important;
}

.modal-body .m-aroma-line{
  height:26px !important;
  margin:12px 0 18px !important;
  max-width:100% !important;
}

.modal-body .m-aroma-line::before{
  left:4px !important;
  right:4px !important;
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(255,209,102,0),
    rgba(255,209,102,0.36) 36%,
    rgba(255,209,102,0.62) 72%,
    var(--mp-gold) 100%) !important;
}

.modal-body .m-aroma-line::after{
  left:64% !important;
  right:4px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(255,209,102,0), var(--mp-gold-soft)) !important;
  box-shadow:0 0 18px rgba(255,209,102,0.36) !important;
}

.modal-body .m-aroma-line span{
  border:0 !important;
  background:var(--mp-gold) !important;
}

.modal-body .m-aroma-line span:nth-child(1){
  width:7px !important;
  height:7px !important;
  opacity:.62 !important;
  box-shadow:0 0 12px rgba(255,209,102,0.28) !important;
}

.modal-body .m-aroma-line span:nth-child(2){
  width:8px !important;
  height:8px !important;
  opacity:.78 !important;
  box-shadow:0 0 13px rgba(255,209,102,0.34) !important;
}

.modal-body .m-aroma-line span:nth-child(3){
  width:10px !important;
  height:10px !important;
  opacity:1 !important;
  box-shadow:0 0 16px rgba(255,209,102,0.56) !important;
}

.modal-body .m-notes-grid{
  gap:18px !important;
}

.modal-body .m-notes-column h5,
.m-marso-bottle h4{
  margin:0 0 8px !important;
  color:var(--mp-heading) !important;
  -webkit-text-fill-color:var(--mp-heading) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.98rem !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.modal-body .m-aroma-disclosure .m-note{
  color:rgba(11,37,40,0.72) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.90rem !important;
  line-height:1.52 !important;
  font-weight:500 !important;
}

.modal-body .m-section:has(.m-accords){
  margin-top:28px !important;
  padding-top:0 !important;
  border-top:0 !important;
}

.modal-body .m-section:has(.m-accords) .m-accords{
  margin-top:12px !important;
  gap:6px !important;
}

.modal-body .m-section:has(.m-accords) .m-accord{
  padding:5px 9px !important;
  border:1px solid rgba(255,209,102,0.22) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.08) !important;
  color:rgba(11,37,40,0.70) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.72rem !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

.m-info-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin-top:28px !important;
}

.m-info-item{
  padding:12px 14px !important;
  border:1px solid rgba(255,209,102,0.24) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,0.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.modal-body .m-info-item .label{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:10px !important;
  letter-spacing:.24em !important;
  text-shadow:0 0 12px rgba(255,209,102,0.18) !important;
}

.modal-body .m-info-item .label::after{
  content:"" !important;
  display:block !important;
  width:28px !important;
  height:1px !important;
  flex:0 0 auto !important;
  background:linear-gradient(90deg, rgba(255,209,102,0.62), rgba(255,209,102,0)) !important;
  box-shadow:0 0 10px rgba(255,209,102,0.22) !important;
}

.m-info-item .value{
  margin-top:8px !important;
  color:var(--mp-text) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.88rem !important;
  font-weight:600 !important;
  line-height:1.42 !important;
}

.m-marso-bottle{
  margin-top:24px !important;
  padding:14px !important;
  border:1px solid rgba(255,209,102,0.20) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,0.08) !important;
  box-shadow:none !important;
}

.m-marso-bottle-text p{
  color:var(--mp-muted) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.82rem !important;
  line-height:1.58 !important;
}

.m-price-block{
  margin-top:24px !important;
  padding:16px 18px !important;
  border:1px solid rgba(255,209,102,0.28) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,0.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.16) !important;
  text-align:left !important;
}

.modal-body .m-price-block .retail-label{
  display:inline-flex !important;
  margin:0 !important;
}

.m-price-block .retail-price{
  margin-top:10px !important;
  color:var(--mp-heading) !important;
  font-family:var(--theme-font-heading) !important;
  font-size:2rem !important;
  line-height:1.05 !important;
  font-weight:600 !important;
}

.m-price-block .retail-volume{
  margin-top:4px !important;
  color:var(--mp-muted) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.86rem !important;
}

@media(max-width:640px){
  .modal-body .m-code,
  .modal-body .m-fragrance-details summary > span:first-child,
  .modal-body .m-aroma-disclosure h4,
  .modal-body .m-section:has(.m-accords) h4,
  .modal-body .m-price-block .retail-label{
    gap:0 !important;
    font-size:10.5px !important;
    letter-spacing:.24em !important;
  }

  .modal-body .m-code::after,
  .modal-body .m-fragrance-details summary > span:first-child::after,
  .modal-body .m-aroma-disclosure h4::after,
  .modal-body .m-section:has(.m-accords) h4::after,
  .modal-body .m-price-block .retail-label::after{
    left:calc(100% + 12px) !important;
    width:42px !important;
  }

  .modal-body .m-name{
    margin-top:10px !important;
    font-size:clamp(1.58rem, 8vw, 1.92rem) !important;
  }

  .modal-body .m-desc{
    padding-left:14px !important;
    font-size:.90rem !important;
    line-height:1.68 !important;
  }

  .m-details-content{
    padding-left:14px !important;
  }

  .m-details-content p{
    font-size:.88rem !important;
    line-height:1.66 !important;
  }

  .modal-body .m-aroma-line{
    height:24px !important;
    margin:10px 0 16px !important;
  }

  .modal-body .m-notes-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .modal-body .m-notes-column h5,
  .m-marso-bottle h4{
    font-size:.94rem !important;
  }

  .modal-body .m-aroma-disclosure .m-note{
    font-size:.86rem !important;
  }

  .m-info-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .m-marso-bottle,
  .m-price-block{
    padding:14px !important;
  }
}

/* Final modal composition pass: aligned notes, clickable details, premium light plates.
   Centered eyebrow rule: decorative gold lines must not participate in text centering. */
.modal-body{
  --mp-card-width:min(39rem, 100%);
  --mp-card-shadow:
    0 16px 38px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.24);
}

.modal-body > .m-code,
.modal-body > .m-name,
.modal-body > .m-type-badge,
.modal-body > .m-new-badge,
.modal-body > .m-desc,
.modal-body > .m-fragrance-details,
.modal-body > .m-aroma-disclosure,
.modal-body > .m-section,
.modal-body > .m-info-grid,
.modal-body > .m-marso-bottle,
.modal-body > .m-price-block,
.modal-body > .m-order-btn,
.modal-body > .m-share-btn,
.modal-body > .m-share-hint,
.modal-body > .m-share-status{
  max-width:var(--mp-card-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.modal-body > .m-desc,
.m-details-content,
.modal-body .m-aroma-disclosure,
.modal-body .m-section:has(.m-accords),
.m-info-grid,
.m-marso-bottle{
  text-align:left !important;
}

.modal-body .m-aroma-line span:nth-child(1){
  left:0 !important;
}

.modal-body .m-aroma-line span:nth-child(2){
  left:calc(33.333% + 6px) !important;
}

.modal-body .m-aroma-line span:nth-child(3){
  left:calc(66.666% + 12px) !important;
}

.m-fragrance-details{
  padding:0 !important;
  border:1px solid rgba(255,209,102,0.24) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,217,138,0.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08)) !important;
  box-shadow:var(--mp-card-shadow) !important;
  overflow:hidden !important;
}

.m-fragrance-details summary{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
  padding:16px 18px !important;
  cursor:pointer !important;
}

.m-fragrance-details summary > span:first-child{
  flex:0 1 auto !important;
}

.m-fragrance-details .m-details-icon{
  flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
}

.m-details-content{
  margin:0 14px 14px !important;
  padding:16px 18px !important;
  border:1px solid rgba(255,209,102,0.20) !important;
  border-radius:14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.18) !important;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .22s ease, transform .22s ease !important;
}

.m-fragrance-details[open] .m-details-content{
  opacity:1;
  transform:translateY(0);
}

.modal-body .m-section:has(.m-accords),
.m-info-item,
.m-marso-bottle,
.m-price-block{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,217,138,0.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08)) !important;
  border:1px solid rgba(255,209,102,0.24) !important;
  border-radius:16px !important;
  box-shadow:var(--mp-card-shadow) !important;
}

.modal-body .m-section:has(.m-accords){
  padding:16px 18px !important;
}

.m-info-item{
  padding:14px 16px !important;
}

.m-marso-bottle{
  padding:16px 18px !important;
}

.m-price-block{
  padding:22px 20px 24px !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,217,138,0.18), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.18), rgba(255,255,255,0.09)) !important;
  border-color:rgba(255,209,102,0.34) !important;
  box-shadow:
    0 18px 44px rgba(8,58,63,0.13),
    0 0 22px rgba(255,209,102,0.12),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.modal-body .m-price-block .retail-label{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.m-price-block .retail-price{
  font-size:clamp(2.25rem, 8vw, 3rem) !important;
  color:var(--mp-heading) !important;
  text-align:center !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.20) !important;
}

.m-price-block .retail-volume{
  text-align:center !important;
  font-weight:700 !important;
}

.modal-body > .m-order-btn,
.modal-body > .m-share-btn{
  text-align:center !important;
}

@media(max-width:640px){
  .modal-body{
    --mp-card-width:100%;
  }

  .modal-body > .m-type-badge,
  .modal-body > .m-new-badge{
    margin-left:0 !important;
  }

  .modal-body .m-aroma-line{
    display:none !important;
  }

  .modal-body .m-notes-column{
    position:relative !important;
    padding-top:18px !important;
  }

  .modal-body .m-notes-column::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:4px !important;
    width:100% !important;
    height:1px !important;
    background:linear-gradient(90deg, rgba(255,209,102,0.72), rgba(255,209,102,0)) !important;
    box-shadow:0 0 14px rgba(255,209,102,0.24) !important;
  }

  .modal-body .m-notes-column::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:var(--mp-gold) !important;
    box-shadow:0 0 14px rgba(255,209,102,0.36) !important;
  }

  .modal-body .m-notes-column:nth-child(3)::before{
    background:linear-gradient(90deg, var(--mp-gold), rgba(255,209,102,0.30), rgba(255,209,102,0)) !important;
  }

  .modal-body .m-notes-column:nth-child(3)::after{
    width:10px !important;
    height:10px !important;
    box-shadow:0 0 16px rgba(255,209,102,0.56) !important;
  }

  .m-fragrance-details summary{
    padding:14px !important;
  }

  .m-details-content{
    margin:0 10px 10px !important;
    padding:14px !important;
  }

  .modal-body .m-section:has(.m-accords),
  .m-info-item,
  .m-marso-bottle,
  .m-price-block{
    border-radius:14px !important;
  }
}

/* Modal light brand text accents from the top panel. */
#modalHeaderCode,
.modal-body .m-type-badge,
.modal-body .m-section:has(.m-accords) .m-accord,
.modal-body .m-price-block .retail-price{
  color:var(--mp-aqua-light-text) !important;
  -webkit-text-fill-color:var(--mp-aqua-light-text) !important;
}

#modalHeaderCode{
  text-shadow:0 1px 12px rgba(6,75,84,0.28) !important;
}

.modal-body .m-code{
  color:var(--mp-gold) !important;
  -webkit-text-fill-color:var(--mp-gold) !important;
  text-shadow:
    0 1px 12px rgba(6,75,84,0.36),
    0 0 18px rgba(255,209,102,0.22) !important;
}

.modal-body .m-type-badge{
  display:inline-flex !important;
  align-items:center !important;
  background:rgba(8,58,63,0.24) !important;
  border-color:rgba(255,209,102,0.30) !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.12),
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 8px 18px rgba(8,58,63,0.08) !important;
  font-size:.84rem !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  text-shadow:0 1px 10px rgba(8,58,63,0.24) !important;
}

.modal-body .m-section:has(.m-accords) .m-accord{
  padding:8px 13px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 42%),
    rgba(8,58,63,0.24) !important;
  border-color:rgba(255,209,102,0.30) !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.12),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  text-shadow:0 1px 9px rgba(8,58,63,0.26) !important;
}

.modal-body .m-price-block .retail-price{
  text-shadow:
    0 1px 12px rgba(6,75,84,0.28),
    0 0 12px rgba(255,209,102,0.35),
    0 0 28px rgba(255,209,102,0.18) !important;
}

/* Catalog home light text accents: light navigation color, not gold. */
.catalog-header-title{
  color:var(--mp-aqua-light-text) !important;
  -webkit-text-fill-color:var(--mp-aqua-light-text) !important;
  text-shadow:
    0 1px 12px rgba(6,75,84,0.30),
    0 0 18px rgba(255,209,102,0.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.055)) !important;
  border-color:rgba(255,209,102,0.34) !important;
}

.category-filter-row .tab:not(.active),
.gender-tabs .tab:not(.active){
  color:var(--mp-aqua-light-text) !important;
  -webkit-text-fill-color:var(--mp-aqua-light-text) !important;
  background:rgba(8,58,63,0.14) !important;
  border-color:rgba(255,209,102,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 7px 16px rgba(8,58,63,0.08) !important;
  text-shadow:0 1px 8px rgba(6,75,84,0.28) !important;
}

.category-filter-row .tab:not(.active):hover,
.category-filter-row .tab:not(.active):focus-visible,
.gender-tabs .tab:not(.active):hover,
.gender-tabs .tab:not(.active):focus-visible{
  background:rgba(8,58,63,0.20) !important;
  border-color:rgba(255,209,102,0.42) !important;
}

/* Brand filters rail: one light shared panel, softer than the search input. */
.brand-filter-row{
  width:calc(100% - 24px) !important;
  max-width:760px !important;
  margin:0 auto 10px !important;
  padding:6px 8px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,209,102,0.24) !important;
  border-radius:18px !important;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)) !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.08),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  backdrop-filter:blur(8px) saturate(114%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(114%) !important;
}

.brand-filter-row .brand-filters{
  padding:0 !important;
  min-width:0 !important;
}

.brand-filter-row .brand-chip{
  background:rgba(255,255,255,0.08) !important;
  border-color:rgba(255,209,102,0.28) !important;
  color:rgba(8,58,63,0.94) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.94) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.brand-filter-row .brand-chip:not(.active):hover,
.brand-filter-row .brand-chip:not(.active):focus-visible{
  background:rgba(255,255,255,0.13) !important;
  border-color:rgba(255,209,102,0.38) !important;
}

.brand-filter-row .brand-chip.active{
  color:var(--theme-text-on-accent) !important;
  -webkit-text-fill-color:var(--theme-text-on-accent) !important;
  background:var(--theme-button-gradient) !important;
  border-color:rgba(255,227,163,0.80) !important;
  box-shadow:
    0 6px 14px rgba(8,58,63,0.12),
    inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

.brand-filter-row .brand-scroll-btn{
  height:36px !important;
  background:rgba(255,255,255,0.10) !important;
  border-color:rgba(255,209,102,0.32) !important;
  color:var(--theme-accent) !important;
  -webkit-text-fill-color:var(--theme-accent) !important;
  box-shadow:
    0 6px 14px rgba(8,58,63,0.08),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

@media(min-width:900px){
  .brand-filter-row{
    width:min(760px, calc(100% - 64px)) !important;
    margin-bottom:12px !important;
    padding:7px 9px !important;
  }
}

@media(max-width:520px){
  .brand-filter-row{
    width:calc(100% - 20px) !important;
    margin-bottom:9px !important;
    padding:5px 6px !important;
    border-radius:16px !important;
    grid-template-columns:36px minmax(0,1fr) 36px !important;
    gap:6px !important;
  }

  .brand-filter-row .brand-scroll-btn{
    height:34px !important;
    font-size:1.28rem !important;
  }
}

.fcard-type{
  color:var(--mp-aqua-light-text) !important;
  -webkit-text-fill-color:var(--mp-aqua-light-text) !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 42%),
    rgba(8,58,63,0.20) !important;
  border:1px solid rgba(255,209,102,0.26) !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  font-size:.72rem !important;
  line-height:1.22 !important;
  font-weight:750 !important;
  text-shadow:0 1px 8px rgba(6,75,84,0.26) !important;
}

/* Menu accordion: copied visually from the public FAQ block. */
#menuPanel.header-panel{
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.10)) !important;
  border:1px solid rgba(255,209,102,0.18) !important;
  border-radius:22px !important;
  box-shadow:
    0 14px 34px rgba(8,58,63,0.07),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
  backdrop-filter:blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(118%) !important;
}

#menuPanel .menu-accordion{
  display:grid !important;
  gap:10px !important;
}

#menuPanel .menu-info-item{
  overflow:hidden !important;
  border:1px solid rgba(255,209,102,0.26) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,0.26) !important;
  box-shadow:
    0 14px 34px rgba(8,58,63,0.07),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

#menuPanel .menu-info-item.open{
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.10), transparent 34%),
    rgba(255,255,255,0.30) !important;
  border-color:rgba(255,209,102,0.26) !important;
  box-shadow:
    0 14px 34px rgba(8,58,63,0.07),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

#menuPanel .menu-info-item .faq-q{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:64px !important;
  padding:18px 58px 18px 22px !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-family:var(--theme-font-body) !important;
  font-size:1rem !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

#menuPanel .menu-info-item .faq-q .arrow{
  display:none !important;
}

#menuPanel .menu-info-item .faq-q::after{
  content:"+" !important;
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  transform:translateY(-50%) !important;
  border:1px solid rgba(255,209,102,0.64) !important;
  border-radius:999px !important;
  color:var(--theme-accent) !important;
  -webkit-text-fill-color:var(--theme-accent) !important;
  display:grid !important;
  place-items:center !important;
  font-family:var(--theme-font-body) !important;
  font-size:1.1rem !important;
  line-height:1 !important;
  text-shadow:none !important;
  transition:transform 0.2s ease, background 0.2s ease !important;
}

#menuPanel .menu-info-item.open .faq-q::after{
  content:"\2212" !important;
  background:rgba(255,209,102,0.14) !important;
}

#menuPanel .menu-info-item .faq-a{
  color:var(--theme-text-muted) !important;
  -webkit-text-fill-color:var(--theme-text-muted) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.94rem !important;
  line-height:1.65 !important;
}

#menuPanel .menu-info-item.open .faq-a{
  padding:0 22px 20px !important;
}

#menuPanel .menu-info-item .faq-a p{
  max-width:760px !important;
  margin:0 0 12px !important;
  color:var(--theme-text-muted) !important;
  -webkit-text-fill-color:var(--theme-text-muted) !important;
  line-height:1.65 !important;
}

#menuPanel .menu-info-item .faq-a p:last-child{
  margin-bottom:0 !important;
}

#menuPanel .menu-info-item .faq-a span,
#menuPanel .menu-mini-card span,
#menuPanel .menu-qa span,
#menuPanel .review-card .r-text{
  color:var(--theme-text-muted) !important;
  -webkit-text-fill-color:var(--theme-text-muted) !important;
}

#menuPanel .menu-info-item .faq-a b,
#menuPanel .menu-mini-card b,
#menuPanel .menu-qa b{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-weight:850 !important;
}

#menuPanel .menu-mini-card,
#menuPanel .menu-qa{
  border-bottom:1px solid rgba(8,58,63,0.10) !important;
}

#menuPanel .menu-reviews-list .review-card,
#menuPanel .menu-info-item .promo-card,
#menuPanel .menu-promo-guide{
  background:rgba(255,255,255,0.26) !important;
  border:1px solid rgba(255,209,102,0.26) !important;
  border-radius:22px !important;
  box-shadow:
    0 14px 34px rgba(8,58,63,0.07),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

#menuPanel .review-card .r-author{
  color:var(--theme-text-soft) !important;
  -webkit-text-fill-color:var(--theme-text-soft) !important;
}

@media(max-width:640px){
  #menuPanel.header-panel{
    border-radius:22px !important;
  }

  #menuPanel .menu-info-item .faq-q{
    min-height:58px !important;
    padding:16px 52px 16px 18px !important;
    font-size:.96rem !important;
  }

  #menuPanel .menu-info-item .faq-q::after{
    right:18px !important;
  }

#menuPanel .menu-info-item.open .faq-a{
    padding:0 18px 18px !important;
  }
}

/* Final light pass: consultant QR card and demo return link. */
.consultant-panel .consultant-qr-body{
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,209,102,0.16), transparent 36%),
    radial-gradient(ellipse at 92% 12%, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(145deg, rgba(126,230,223,0.30), rgba(18,201,202,0.22), rgba(255,255,255,0.12)) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  border-radius:22px !important;
  box-shadow:
    0 14px 34px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.consultant-panel .consultant-qr-preview{
  background:#fff !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  border-radius:16px !important;
  box-shadow:
    0 10px 24px rgba(8,58,63,0.12),
    0 0 24px rgba(255,209,102,0.12) !important;
}

.consultant-panel .consultant-qr-link{
  color:rgba(8,58,63,0.78) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.78) !important;
  font-weight:650 !important;
}

.consultant-panel .consultant-qr-actions button{
  background:rgba(255,255,255,0.16) !important;
  border:1px solid rgba(255,209,102,0.46) !important;
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 7px 16px rgba(8,58,63,0.08) !important;
}

.consultant-panel .consultant-qr-actions button:hover,
.consultant-panel .consultant-qr-actions button:focus-visible{
  background:linear-gradient(135deg, #FFD98A 0%, #FFD166 52%, #D99A18 100%) !important;
  border-color:rgba(255,227,163,0.82) !important;
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
}

.demo-return-bar{
  height:32px !important;
  min-height:32px !important;
  margin-bottom:0 !important;
  padding:0 12px !important;
  background:linear-gradient(180deg, rgba(0,126,132,0.98), rgba(0,103,112,0.96)) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

.demo-return-link{
  min-height:24px !important;
  width:auto !important;
  max-width:max-content !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--theme-accent) !important;
  -webkit-text-fill-color:var(--theme-accent) !important;
  font-size:.84rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}

.demo-return-link:hover,
.demo-return-link:focus-visible{
  background:transparent !important;
  color:var(--theme-accent-2) !important;
  -webkit-text-fill-color:var(--theme-accent-2) !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  outline:0 !important;
}

@media(max-width:700px){
  .demo-return-bar{
    height:29px !important;
    min-height:29px !important;
    margin-bottom:0 !important;
    padding:0 10px !important;
  }

  .demo-return-link{
    min-height:23px !important;
    width:auto !important;
    max-width:max-content !important;
    padding:0 2px !important;
    font-size:.82rem !important;
  }
}

.demo-return-bar + .mobile-customer-header{
  margin-top:0 !important;
  top:0 !important;
}

/* Search/result spacing and light aqua theme picker. */
.search-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:0 !important;
  overflow:visible !important;
}

.search-box{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  margin-bottom:10px !important;
}

.search-count{
  display:block !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  margin:0 0 12px !important;
  padding:0 16px !important;
  line-height:1.3 !important;
  text-align:center !important;
}

.catalog-reset-filters-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  flex:0 0 auto !important;
  margin:0 auto 12px !important;
  padding:8px 16px !important;
  border:1px solid rgba(255,209,102,0.34) !important;
  border-radius:999px !important;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255,209,102,0.08), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(126,230,223,0.10)) !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.08),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-size:0.78rem !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:0.01em !important;
  text-align:center !important;
}

.catalog-reset-filters-btn[hidden]{
  display:none !important;
}

.catalog-reset-filters-btn:hover,
.catalog-reset-filters-btn:focus-visible{
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255,209,102,0.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0.20), rgba(126,230,223,0.14)) !important;
  border-color:rgba(255,209,102,0.48) !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.11),
    0 0 16px rgba(255,209,102,0.08),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
}

.category-filter-row{
  margin-top:0 !important;
}

.consultant-panel .theme-switcher-options,
.consultant-theme-footer .theme-switcher-options{
  background:
    radial-gradient(ellipse at 14% 0%, rgba(255,209,102,0.14), transparent 34%),
    radial-gradient(ellipse at 86% 8%, rgba(255,255,255,0.18), transparent 36%),
    linear-gradient(145deg, rgba(126,230,223,0.34), rgba(18,201,202,0.22), rgba(255,255,255,0.14)) !important;
  border:1px solid rgba(255,209,102,0.36) !important;
  border-radius:18px !important;
  box-shadow:
    0 14px 32px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
  padding:8px !important;
}

.consultant-panel .theme-switcher-choice,
.consultant-theme-footer .theme-switcher-choice{
  background:rgba(255,255,255,0.14) !important;
  border:1px solid rgba(255,209,102,0.30) !important;
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
}

.consultant-panel .theme-switcher-choice:not(.active):hover,
.consultant-panel .theme-switcher-choice:not(.active):focus-visible,
.consultant-theme-footer .theme-switcher-choice:not(.active):hover,
.consultant-theme-footer .theme-switcher-choice:not(.active):focus-visible{
  background:rgba(255,255,255,0.22) !important;
  border-color:rgba(255,209,102,0.44) !important;
}

.consultant-panel .theme-switcher-choice.active,
.consultant-theme-footer .theme-switcher-choice.active{
  background:linear-gradient(135deg, rgba(255,217,138,0.82), rgba(255,209,102,0.54)) !important;
  border-color:rgba(255,227,163,0.82) !important;
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

@media(max-width:520px){
  .search-box{
    margin-bottom:9px !important;
  }

  .search-count{
    margin-bottom:11px !important;
    padding:0 10px !important;
  }
}

/* Aqua aroma compass: premium mini quiz styling. */
.quiz-section{
  position:fixed !important;
  inset:0 !important;
  min-height:100dvh !important;
  isolation:isolate !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  z-index:230 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:58px 14px calc(64px + env(safe-area-inset-bottom)) !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(ellipse at 50% 8%, rgba(255,209,102,0.12), transparent 46%),
    linear-gradient(180deg, rgba(0,126,132,0.66), rgba(0,103,112,0.72)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,209,102,0.18),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
  backdrop-filter:blur(12px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(112%) !important;
}

.quiz-section.open{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.quiz-section::before{
  content:"" !important;
  position:absolute !important;
  inset:-110px auto auto 50% !important;
  z-index:-1 !important;
  width:min(760px, 86vw) !important;
  height:260px !important;
  border-radius:50% !important;
  transform:translateX(-50%) !important;
  background:
    radial-gradient(ellipse, rgba(255,209,102,0.22) 0%, rgba(255,209,102,0.10) 42%, transparent 72%) !important;
  filter:blur(6px) !important;
}

.quiz-section::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.13), transparent 36%),
    radial-gradient(ellipse at 82% 78%, rgba(255,209,102,0.13), transparent 34%) !important;
  pointer-events:none !important;
}

.quiz-section > *{
  position:relative !important;
  z-index:1 !important;
}

.quiz-eyebrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  margin:0 0 7px !important;
  color:var(--theme-accent) !important;
  -webkit-text-fill-color:var(--theme-accent) !important;
  font-family:var(--theme-font-body) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.28em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:0 0 16px rgba(255,209,102,0.38) !important;
}

.quiz-eyebrow::before,
.quiz-eyebrow::after{
  content:"" !important;
  width:56px !important;
  height:1px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, var(--theme-accent), rgba(255,209,102,0)) !important;
}

.quiz-section h2{
  max-width:560px !important;
  margin:0 auto 7px !important;
  color:var(--theme-accent-2) !important;
  -webkit-text-fill-color:var(--theme-accent-2) !important;
  font-family:var(--theme-font-heading) !important;
  font-size:clamp(2rem, 5.2vw, 3.18rem) !important;
  line-height:1.02 !important;
  font-weight:700 !important;
  text-align:center !important;
  text-shadow:
    0 2px 14px rgba(8,58,63,0.18),
    0 0 24px rgba(255,209,102,0.28) !important;
}

.quiz-section > p{
  max-width:560px !important;
  margin:0 auto 14px !important;
  color:rgba(244,255,253,0.94) !important;
  -webkit-text-fill-color:rgba(244,255,253,0.94) !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
  text-align:center !important;
}

.quiz-card{
  position:relative !important;
  flex:0 0 auto !important;
  width:min(760px, 100%) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:24px !important;
  overflow:visible !important;
  border:1px solid var(--theme-border) !important;
  border-radius:24px !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,226,163,0.24), transparent 34%),
    radial-gradient(ellipse at 88% 10%, rgba(255,255,255,0.28), transparent 34%),
    linear-gradient(145deg, rgba(236,255,252,0.82), rgba(126,230,223,0.54), rgba(255,255,255,0.38)) !important;
  box-shadow:
    0 18px 44px rgba(8,58,63,0.16),
    0 0 34px rgba(255,209,102,0.16),
    inset 0 1px 0 rgba(255,255,255,0.38) !important;
}

.quiz-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 18px auto !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(255,209,102,0.86), transparent) !important;
  pointer-events:none !important;
}

.quiz-progress{
  display:grid !important;
  gap:7px !important;
  margin:0 0 12px !important;
  color:rgba(8,58,63,0.68) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.68) !important;
  font-size:.72rem !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  text-align:left !important;
  text-transform:uppercase !important;
}

.quiz-progress span{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.quiz-progress span::after{
  content:"" !important;
  flex:0 0 66px !important;
  height:7px !important;
  background:
    radial-gradient(circle, var(--theme-accent) 0 3px, transparent 3.5px) 0 50% / 16px 7px repeat-x,
    radial-gradient(circle, rgba(232,255,251,0.72) 0 3px, transparent 3.5px) 0 50% / 16px 7px repeat-x !important;
  opacity:.95 !important;
}

.quiz-progress::after{
  content:"";
  display:block;
  width:100%;
  height:5px;
  border-radius:999px;
  background:
    linear-gradient(90deg, var(--theme-accent) 0 var(--quiz-progress, 25%), rgba(232,255,251,0.68) var(--quiz-progress, 25%) 100%) !important;
  box-shadow:0 0 12px rgba(255,209,102,0.24) !important;
}

.quiz-card h3{
  margin:0 0 12px !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-family:var(--theme-font-heading) !important;
  font-size:clamp(1.45rem, 4vw, 2.2rem) !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  text-align:center !important;
}

.quiz-options{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
}

.quiz-options--many{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

.quiz-option{
  min-height:44px !important;
  padding:12px 13px !important;
  border:1px solid var(--theme-border) !important;
  border-radius:17px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.48), rgba(126,230,223,0.30)) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-family:var(--theme-font-body) !important;
  font-size:.86rem !important;
  font-weight:800 !important;
  box-shadow:
    0 9px 20px rgba(8,58,63,0.10),
    inset 0 1px 0 rgba(255,255,255,0.26) !important;
}

.quiz-option:hover,
.quiz-option:focus-visible,
.quiz-option:active{
  background:var(--theme-button-gradient) !important;
  border-color:var(--theme-border-strong) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  box-shadow:
    0 12px 28px rgba(201,135,0,0.18),
    0 0 18px rgba(255,209,102,0.22),
    inset 0 1px 0 rgba(255,255,255,0.36) !important;
}

.quiz-disclaimer{
  flex:0 0 auto !important;
  max-width:760px !important;
  margin:28px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(244,255,253,0.76) !important;
  -webkit-text-fill-color:rgba(244,255,253,0.76) !important;
  font-size:.74rem !important;
  line-height:1.5 !important;
  text-align:center !important;
}

.quiz-close-btn{
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  z-index:240 !important;
}

.quiz-result-note{
  color:rgba(8,58,63,0.78) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.78) !important;
}

.quiz-reset-btn{
  background:var(--theme-button-gradient) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  border-color:rgba(255,227,163,0.82) !important;
  border-radius:999px !important;
}

@media(max-width:520px){
  .quiz-section{
    margin:0 !important;
    padding:58px 10px calc(70px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  .quiz-options{
    grid-template-columns:1fr !important;
  }

  .quiz-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:20px 14px 24px !important;
    overflow:visible !important;
  }

  .quiz-options{
    max-height:none !important;
    overflow:visible !important;
  }

  .quiz-options--many{
    grid-template-columns:1fr !important;
  }

  .quiz-disclaimer{
    margin-top:20px !important;
  }
}

.quiz-selection-summary{
  width:min(74%, 570px) !important;
  max-width:760px !important;
  margin:10px auto 14px !important;
  padding:12px 22px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  border:1px solid rgba(255,209,102,0.44) !important;
  border-radius:20px !important;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(126,230,223,0.16)) !important;
  box-shadow:
    0 13px 28px rgba(8,58,63,0.13),
    0 0 20px rgba(255,209,102,0.12),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-size:.86rem !important;
  font-weight:900 !important;
  text-shadow:0 1px 10px rgba(6,75,84,0.26) !important;
  backdrop-filter:blur(8px) saturate(114%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(114%) !important;
}

.quiz-selection-summary.show{
  display:flex !important;
}

.quiz-selection-summary > span{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-weight:950 !important;
}

.quiz-selection-summary > strong{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-weight:850 !important;
  word-spacing:.26em !important;
}

body.quiz-results-active .search-count{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-weight:880 !important;
  opacity:1 !important;
}

body.quiz-results-active .category-filter-row,
body.quiz-results-active .brand-filter-row{
  display:none !important;
}

@media(max-width:520px){
  .quiz-selection-summary{
    width:calc(100% - 20px) !important;
    margin:10px auto 13px !important;
    padding:11px 14px !important;
    gap:7px !important;
  }

  .quiz-selection-summary > strong{
    word-spacing:.16em !important;
  }
}

/* Targeted Aqua contrast lift: glass + restrained gold accents. */
.search-box{
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.08), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(126,230,223,0.16)) !important;
  border-color:rgba(255,209,102,0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 10px 24px rgba(8,58,63,0.13),
    0 0 18px rgba(255,209,102,0.06) !important;
}

.search-box input{
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
  font-weight:650 !important;
}

.search-box input::placeholder{
  color:rgba(8,58,63,0.66) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.66) !important;
}

.search-count{
  color:rgba(8,58,63,0.84) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.84) !important;
  font-weight:720 !important;
  text-shadow:0 1px 8px rgba(255,255,255,0.16) !important;
}

.catalog-results-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 12px !important;
  width:100% !important;
  max-width:940px !important;
  margin:4px auto 10px !important;
}

.catalog-results-tools .search-count{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(8,58,63,0.88) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.88) !important;
  font-weight:780 !important;
  line-height:1.25 !important;
}

.catalog-results-tools .catalog-reset-filters-btn{
  margin:0 !important;
  padding:7px 14px !important;
  border-color:rgba(255,209,102,0.36) !important;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255,209,102,0.07), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.15), rgba(126,230,223,0.09)) !important;
  box-shadow:
    0 7px 16px rgba(8,58,63,0.08),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
  font-size:.76rem !important;
  font-weight:820 !important;
  line-height:1.15 !important;
}

.catalog-results-tools .catalog-reset-filters-btn:hover,
.catalog-results-tools .catalog-reset-filters-btn:focus-visible{
  border-color:rgba(255,209,102,0.50) !important;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255,209,102,0.10), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0.19), rgba(126,230,223,0.12)) !important;
  box-shadow:
    0 9px 18px rgba(8,58,63,0.10),
    0 0 14px rgba(255,209,102,0.07),
    inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.category-filter-row .tab:not(.active),
.gender-tabs .tab:not(.active),
.quick-filters .tab:not(.active),
.brand-chip:not(.active),
.aroma-chip:not(.active){
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,255,255,0.14), transparent 44%),
    rgba(8,58,63,0.18) !important;
  border-color:rgba(255,209,102,0.38) !important;
  color:rgba(255,255,255,0.96) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.96) !important;
  font-weight:760 !important;
  text-shadow:0 1px 9px rgba(6,75,84,0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 8px 18px rgba(8,58,63,0.10) !important;
}

.brand-filter-row .brand-chip:not(.active){
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,255,255,0.16), transparent 44%),
    rgba(255,255,255,0.14) !important;
  color:rgba(8,58,63,0.96) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.96) !important;
  border-color:rgba(255,209,102,0.40) !important;
  text-shadow:none !important;
}

.category-filter-row .tab:not(.active):hover,
.category-filter-row .tab:not(.active):focus-visible,
.gender-tabs .tab:not(.active):hover,
.gender-tabs .tab:not(.active):focus-visible,
.quick-filters .tab:not(.active):hover,
.quick-filters .tab:not(.active):focus-visible,
.brand-chip:not(.active):hover,
.brand-chip:not(.active):focus-visible,
.aroma-chip:not(.active):hover,
.aroma-chip:not(.active):focus-visible{
  border-color:rgba(255,209,102,0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.20),
    0 9px 20px rgba(8,58,63,0.12),
    0 0 16px rgba(255,209,102,0.08) !important;
}

.tabs .tab.active,
.quick-filters .tab.active,
.brand-chip.active,
.aroma-chip.active,
.category-filter-row .tab.active{
  border-color:rgba(255,227,163,0.90) !important;
  box-shadow:
    0 9px 20px rgba(8,58,63,0.13),
    0 0 18px rgba(255,209,102,0.14),
    inset 0 1px 0 rgba(255,255,255,0.38) !important;
}

.fcard{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,217,138,0.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.24), rgba(126,230,223,0.38) 44%, rgba(18,201,202,0.30)),
    rgba(255,255,255,0.12) !important;
  border-color:rgba(255,209,102,0.58) !important;
  box-shadow:
    0 22px 52px rgba(8,58,63,0.27),
    0 0 28px rgba(255,209,102,0.12),
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -1px 0 rgba(255,209,102,0.18) !important;
  backdrop-filter:blur(17px) saturate(128%) !important;
  -webkit-backdrop-filter:blur(17px) saturate(128%) !important;
}

.fcard::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0.06) 32%, transparent 62%),
    radial-gradient(ellipse at 18% 0%, rgba(255,217,138,0.20), transparent 38%) !important;
  opacity:.88 !important;
}

.fcard:hover{
  border-color:rgba(255,227,163,0.84) !important;
  box-shadow:
    0 26px 62px rgba(8,58,63,0.31),
    0 0 34px rgba(255,209,102,0.18),
    inset 0 1px 0 rgba(255,255,255,0.30),
    inset 0 -1px 0 rgba(255,209,102,0.22) !important;
}

.fcard-brand{
  color:rgba(8,58,63,0.86) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.86) !important;
  font-weight:800 !important;
  text-shadow:0 1px 8px rgba(255,255,255,0.18) !important;
}

.fcard-name{
  color:#062F34 !important;
  -webkit-text-fill-color:#062F34 !important;
  font-weight:880 !important;
  text-shadow:0 1px 10px rgba(255,255,255,0.20) !important;
}

.fcard-type{
  color:rgba(255,255,255,0.98) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.98) !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,255,255,0.18), transparent 44%),
    rgba(8,58,63,0.28) !important;
  border-color:rgba(255,209,102,0.40) !important;
  box-shadow:
    0 9px 20px rgba(8,58,63,0.13),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
  font-weight:850 !important;
  text-shadow:0 1px 9px rgba(6,75,84,0.38) !important;
}

.fcard-price .now{
  color:#FFD98A !important;
  -webkit-text-fill-color:#FFD98A !important;
  font-weight:900 !important;
  text-shadow:
    0 1px 2px rgba(8,58,63,0.28),
    0 0 14px rgba(255,209,102,0.24) !important;
}

.fcard-price .lk{
  color:rgba(8,58,63,0.80) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.80) !important;
  font-weight:760 !important;
}

.fcard .new-badge,
.modal-body .m-new-badge{
  background:
    linear-gradient(135deg, rgba(255,217,138,0.96) 0%, var(--theme-accent) 54%, rgba(229,184,79,0.88) 100%) !important;
  border:1px solid rgba(255,227,163,0.82) !important;
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.24) !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.14),
    0 0 16px rgba(255,209,102,0.16),
    inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

.quiz-selection-summary{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(ellipse at 14% 0%, rgba(255,209,102,0.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.27), rgba(126,230,223,0.20)) !important;
  border-color:rgba(255,209,102,0.58) !important;
  box-shadow:
    0 15px 32px rgba(8,58,63,0.16),
    0 0 24px rgba(255,209,102,0.14),
    inset 0 1px 0 rgba(255,255,255,0.26) !important;
  backdrop-filter:blur(10px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(118%) !important;
}

.quiz-selection-summary::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,217,138,0.86), transparent) !important;
  pointer-events:none !important;
}

.quiz-selection-summary > span{
  color:#083A3F !important;
  -webkit-text-fill-color:#083A3F !important;
  font-weight:950 !important;
  text-shadow:0 1px 8px rgba(255,255,255,0.20) !important;
}

.quiz-selection-summary > strong{
  color:rgba(8,58,63,0.92) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.92) !important;
  font-weight:880 !important;
}

.legal-note{
  width:fit-content !important;
  max-width:min(75%, 760px) !important;
  height:auto !important;
  min-height:0 !important;
  margin:18px auto 24px !important;
  padding:12px 22px !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,209,102,0.07), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.15), rgba(126,230,223,0.09)) !important;
  border:1px solid rgba(255,209,102,0.24) !important;
  border-radius:18px !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.07),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  backdrop-filter:blur(8px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(8px) saturate(112%) !important;
}

.legal-note p{
  color:rgba(8,58,63,0.82) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.82) !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:.72rem !important;
  line-height:1.55 !important;
}

@media(max-width:899px){
  .catalog-results-tools{
    gap:7px !important;
    margin:3px auto 9px !important;
  }

  .catalog-results-tools .search-count{
    flex:0 0 100% !important;
    text-align:center !important;
  }

  .catalog-results-tools .catalog-reset-filters-btn{
    padding:7px 13px !important;
    font-size:.74rem !important;
  }

  .legal-note{
    max-width:calc(100% - 24px) !important;
    margin:16px auto 22px !important;
    padding:11px 18px !important;
  }
}

@media(max-width:420px){
  .legal-note{
    max-width:calc(100% - 20px) !important;
    padding:10px 14px !important;
  }

  .legal-note p{
    font-size:.68rem !important;
  }
}

/* Catalog filter flow: categories, brands, search, results tools. */
.category-filter-row{
  margin:10px auto 8px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.brand-filter-row{
  margin:0 auto 12px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}

.search-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:0 !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 16px 12px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.search-box{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  width:100% !important;
  max-width:780px !important;
  margin:0 auto 8px !important;
}

.search-box .search-reset-btn{
  display:none !important;
}

.catalog-results-tools{
  margin:0 auto 12px !important;
}

.catalog-results-tools .search-count{
  color:rgba(8,58,63,0.90) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.90) !important;
  font-weight:800 !important;
}

.catalog-grid{
  margin-top:0 !important;
}

@media(min-width:900px){
  .category-filter-row{
    margin-top:12px !important;
    margin-bottom:10px !important;
  }

  .brand-filter-row{
    margin-bottom:14px !important;
  }

  .search-wrap{
    padding-left:32px !important;
    padding-right:32px !important;
    padding-bottom:14px !important;
  }

  .catalog-results-tools{
    margin-bottom:14px !important;
  }
}

@media(max-width:520px){
  .category-filter-row{
    margin:8px auto 7px !important;
  }

  .brand-filter-row{
    margin-bottom:10px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }

  .search-wrap{
    padding:0 10px 10px !important;
  }

  .search-box{
    width:100% !important;
    margin-bottom:7px !important;
  }

  .catalog-results-tools{
    margin-bottom:10px !important;
  }
}

/* Focused polish: clearer reset action and lighter Aqua fragrance modal. */
.catalog-results-tools .catalog-reset-filters-btn{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  font-weight:880 !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255,217,138,0.13), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(126,230,223,0.15)) !important;
  border-color:rgba(255,227,163,0.58) !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.12),
    0 0 18px rgba(255,209,102,0.11),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
}

.catalog-results-tools .catalog-reset-filters-btn:hover,
.catalog-results-tools .catalog-reset-filters-btn:focus-visible{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgba(255,217,138,0.17), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.27), rgba(126,230,223,0.18)) !important;
  border-color:rgba(255,227,163,0.74) !important;
  box-shadow:
    0 12px 26px rgba(8,58,63,0.14),
    0 0 22px rgba(255,209,102,0.15),
    inset 0 1px 0 rgba(255,255,255,0.30) !important;
}

.modal{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,217,138,0.20), transparent 36%),
    radial-gradient(ellipse at 78% 14%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(180deg, rgba(126,230,223,0.96), rgba(18,201,202,0.92) 46%, rgba(0,191,194,0.86)) !important;
  border:1px solid rgba(255,227,163,0.50) !important;
  box-shadow:
    0 30px 82px rgba(4,54,62,0.30),
    0 0 42px rgba(255,209,102,0.13),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.modal-header{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(126,230,223,0.16)) !important;
  border-bottom:1px solid rgba(255,227,163,0.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.modal-img-wrap{
  background:
    radial-gradient(circle at 50% 48%, rgba(255,217,138,0.44), transparent 30%),
    radial-gradient(circle at 50% 34%, rgba(255,255,255,0.32), transparent 48%),
    linear-gradient(160deg, rgba(255,255,255,0.18), rgba(126,230,223,0.30) 44%, rgba(18,201,202,0.20)) !important;
  border-bottom:1px solid rgba(255,227,163,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -22px 36px rgba(255,255,255,0.08) !important;
}

.modal-img-wrap::before{
  background:radial-gradient(circle, rgba(255,217,138,0.42) 0%, rgba(255,209,102,0.20) 34%, transparent 70%) !important;
  opacity:.72 !important;
}

.modal-img-wrap::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.20), transparent 42%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,0.20), transparent 38%) !important;
}

.modal-body{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(126,230,223,0.12) 26%, rgba(255,255,255,0.05)) !important;
  color:var(--theme-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.24),
    inset 0 24px 44px rgba(255,255,255,0.06) !important;
}

.modal-body .m-name,
.modal-body .m-desc,
.m-details-content p,
.modal-body .m-info-item .value,
.m-marso-bottle-text p,
.m-price-block .retail-volume{
  color:rgba(8,58,63,0.88) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.88) !important;
  text-shadow:none !important;
}

.modal-body .m-brand,
.modal-body .m-type-badge,
.modal-body .m-note,
.modal-body .m-accord,
.modal-body .m-info-item .label{
  color:rgba(8,58,63,0.80) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.80) !important;
}

.modal-body .m-code,
.modal-body .m-fragrance-details summary > span:first-child,
.modal-body .m-aroma-disclosure h4,
.modal-body .m-section:has(.m-accords) h4,
.m-marso-bottle h4,
.modal-body .m-price-block .retail-label{
  color:var(--theme-accent-2) !important;
  -webkit-text-fill-color:var(--theme-accent-2) !important;
  text-shadow:0 1px 2px rgba(8,58,63,0.20) !important;
}

.modal-body .m-fragrance-details,
.modal-body .m-aroma-disclosure,
.modal-body .m-section:has(.m-accords),
.m-info-item,
.m-marso-bottle,
.m-price-block{
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,217,138,0.12), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.13)) !important;
  border-color:rgba(255,227,163,0.34) !important;
  box-shadow:
    0 16px 36px rgba(8,58,63,0.10),
    0 0 18px rgba(255,209,102,0.08),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.m-details-content{
  background:
    linear-gradient(145deg, rgba(255,255,255,0.24), rgba(126,230,223,0.12)) !important;
  border-color:rgba(255,227,163,0.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.modal-body .m-type-badge,
.modal-body .m-aroma-disclosure .m-note,
.modal-body .m-section:has(.m-accords) .m-accord,
.modal-body .m-note,
.modal-body .m-accord{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(126,230,223,0.14)) !important;
  border-color:rgba(255,227,163,0.36) !important;
  box-shadow:
    0 6px 14px rgba(8,58,63,0.08),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.modal-body .m-aroma-line::before,
.modal-body .m-aroma-line::after,
.modal-body .m-aroma-line span{
  background:linear-gradient(90deg, rgba(255,217,138,0.22), rgba(255,217,138,0.74), rgba(255,217,138,0.22)) !important;
  box-shadow:0 0 14px rgba(255,209,102,0.13) !important;
}

.modal-body .m-info-item{
  background:
    radial-gradient(ellipse at 20% 0%, rgba(255,217,138,0.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.23), rgba(126,230,223,0.12)) !important;
}

.m-price-block{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,217,138,0.24), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,0.28), rgba(126,230,223,0.14)) !important;
  border-color:rgba(255,227,163,0.46) !important;
  box-shadow:
    0 18px 44px rgba(8,58,63,0.12),
    0 0 26px rgba(255,209,102,0.16),
    inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

.m-price-block .retail-price,
.m-price-block .partner{
  color:var(--theme-accent-2) !important;
  -webkit-text-fill-color:var(--theme-accent-2) !important;
  text-shadow:
    0 1px 2px rgba(8,58,63,0.22),
    0 0 16px rgba(255,209,102,0.18) !important;
}

@media(max-width:640px){
  .modal{
    max-width:100vw !important;
  }

  .modal-body{
    overflow-x:hidden !important;
  }

  .m-fragrance-details,
  .modal-body .m-aroma-disclosure,
  .modal-body .m-section:has(.m-accords),
  .m-info-item,
  .m-marso-bottle,
  .m-price-block{
    box-shadow:
      0 12px 28px rgba(8,58,63,0.09),
      inset 0 1px 0 rgba(255,255,255,0.24) !important;
  }
}

/* Mobile consultant card: full available viewport with a persistent primary CTA. */
.consultant-panel .consultant-panel-layout{
  display:contents;
}

.consultant-panel .consultant-panel-primary{
  display:flex;
  justify-content:center;
}

@media(max-width:720px){
  .catalog-title-full{
    display:inline !important;
  }

  .catalog-title-short{
    display:none !important;
  }

  .consultant-panel{
    position:fixed !important;
    top:calc(var(--demo-return-offset, 0px) + var(--catalog-sticky-header-height, 66px)) !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:calc(100dvh - var(--demo-return-offset, 0px) - var(--catalog-sticky-header-height, 66px)) !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:0 !important;
    z-index:400 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
  }

  .consultant-panel #consultantPanelContent,
  .consultant-panel .consultant-panel-layout{
    height:100%;
    min-height:0;
  }

  .consultant-panel .consultant-panel-layout{
    display:grid;
    grid-template-rows:minmax(0, 1fr) auto;
  }

  .consultant-panel .consultant-panel-scroll{
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:14px 12px 18px;
  }

  .consultant-panel .consultant-panel-primary{
    position:relative;
    z-index:2;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid rgba(255,217,138,0.68);
    background:linear-gradient(180deg, rgba(0,176,180,0.76), rgba(0,143,146,0.94));
    box-shadow:0 -12px 28px rgba(4,54,62,0.18);
    backdrop-filter:blur(14px) saturate(130%);
    -webkit-backdrop-filter:blur(14px) saturate(130%);
  }

  .consultant-panel .consultant-panel-primary .consultant-reg-link{
    width:100% !important;
    max-width:520px !important;
    min-height:48px !important;
    margin:0 auto !important;
  }
}

/* Neutral demo consultant details; real partner controls retain their existing styles. */
.consultant-panel .consultant-avatar-demo{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:#083A3F !important;
  font-size:.66rem;
  line-height:1;
  font-weight:850;
  text-align:center;
  background:linear-gradient(145deg, rgba(255,255,255,.74), rgba(126,230,223,.66)) !important;
}

.consultant-panel .consultant-avatar-demo-icon,
.consultant-panel .consultant-avatar-demo-icon svg{
  display:block;
  width:25px;
  height:25px;
}

.consultant-panel .consultant-avatar-demo-icon svg{
  fill:currentColor;
}

.consultant-panel .demo-contact-grid{
  display:flex !important;
  align-items:center;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(12px, 2vw, 24px) !important;
  width:100%;
  margin:0 !important;
  overflow:visible;
}

.consultant-panel .demo-contact-icon{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:4px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#C98F16 !important;
  cursor:help;
  outline:none;
  transition:color .18s ease, transform .18s ease, filter .18s ease !important;
}

.consultant-panel .demo-contact-icon svg{
  display:block;
  width:27px !important;
  height:27px !important;
  fill:currentColor;
}

.consultant-panel .demo-contact-icon .social-letter{
  color:currentColor;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}

.consultant-panel .demo-contact-icon:hover,
.consultant-panel .demo-contact-icon:focus-visible{
  color:#E5B84F !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:translateY(-2px);
  filter:drop-shadow(0 5px 8px rgba(201,143,22,.26));
  outline:none;
}

.consultant-panel .demo-contact-icon::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  z-index:8;
  max-width:min(170px, calc(100vw - 24px));
  padding:5px 8px;
  border:1px solid rgba(255,217,138,.72);
  border-radius:8px;
  background:#07545A;
  color:#F4FFFC;
  font-size:.7rem;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(4,54,62,.22);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%, 4px);
  transition:opacity .16s ease, transform .16s ease;
}

.consultant-panel .demo-contact-icon:hover::after,
.consultant-panel .demo-contact-icon:focus-visible::after{
  opacity:1;
  transform:translate(-50%, 0);
}

.consultant-panel .demo-contact-icon:first-child::after{
  left:0;
  transform:translate(0, 4px);
}

.consultant-panel .demo-contact-icon:first-child:hover::after,
.consultant-panel .demo-contact-icon:first-child:focus-visible::after{
  transform:translate(0, 0);
}

.consultant-panel .demo-contact-icon:last-child::after{
  left:auto;
  right:0;
  transform:translate(0, 4px);
}

.consultant-panel .demo-contact-icon:last-child:hover::after,
.consultant-panel .demo-contact-icon:last-child:focus-visible::after{
  transform:translate(0, 0);
}

.consultant-panel .demo-contacts-note,
.consultant-panel .demo-reg-note{
  color:rgba(8,58,63,.70);
  font-size:.72rem;
  font-weight:650;
  line-height:1.35;
  text-align:center;
}

.consultant-panel .demo-contacts-note{
  margin:22px 0 30px;
  color:rgba(11,37,40,.62);
  font-size:.74rem;
  line-height:1.4;
  font-weight:600;
}

.consultant-panel .consultant-panel-primary-content{
  width:100%;
  max-width:520px;
  display:grid;
  gap:6px;
  justify-items:stretch;
}

.consultant-panel .demo-consultant-reg{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  margin:0 !important;
  cursor:default;
  text-align:center;
}

.consultant-panel .consultant-panel-primary .demo-reg-note{
  color:rgba(244,255,252,.88);
  text-shadow:0 1px 1px rgba(4,54,62,.20);
}

.favorites-action .demo-contact-action{
  width:100%;
  max-width:420px;
  padding:12px 16px;
  border:0;
  border-radius:12px;
  background:var(--theme-button-gradient);
  color:var(--theme-text-on-accent);
  font:inherit;
  font-size:.82rem;
  font-weight:700;
  cursor:pointer;
}

@media(max-width:720px){
  .consultant-panel .demo-contact-grid{
    gap:clamp(10px, 3.2vw, 16px) !important;
  }

  .consultant-panel .consultant-panel-primary-content{
    max-width:none;
  }
}

@media(max-width:360px){
  .consultant-panel .demo-contact-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .consultant-panel .demo-contact-grid{
    gap:10px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .consultant-panel .social-icon-link,
  .consultant-panel .demo-contact-icon,
  .consultant-panel .demo-contact-icon::after{
    transition:none !important;
  }

  .consultant-panel .social-icon-link:hover,
  .consultant-panel .social-icon-link:focus-visible,
  .consultant-panel .demo-contact-icon:hover,
  .consultant-panel .demo-contact-icon:focus-visible{
    transform:none;
  }
}

/* Final Aqua modal micro-polish. */
#modalHeaderCode{
  color:rgba(255,255,255,0.96) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.96) !important;
  font-weight:820 !important;
  text-shadow:
    0 1px 8px rgba(8,58,63,0.30),
    0 0 12px rgba(255,255,255,0.12) !important;
}

.modal-header{
  border-bottom-color:rgba(255,227,163,0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 1px 0 rgba(255,209,102,0.12) !important;
}

.modal-close{
  color:rgba(8,58,63,0.92) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.92) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.24), rgba(126,230,223,0.16)) !important;
  border-color:rgba(255,227,163,0.62) !important;
  box-shadow:
    0 8px 18px rgba(8,58,63,0.12),
    inset 0 1px 0 rgba(255,255,255,0.26) !important;
}

.modal-close:hover,
.modal-close:focus-visible{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  border-color:rgba(255,227,163,0.74) !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.14),
    0 0 14px rgba(255,209,102,0.12),
    inset 0 1px 0 rgba(255,255,255,0.30) !important;
}

.modal-body .m-aroma-disclosure{
  padding:18px 18px 20px !important;
}

.modal-body .m-aroma-line{
  margin:0 0 14px !important;
  opacity:.74 !important;
}

.modal-body .m-notes-grid{
  gap:18px !important;
}

.modal-body .m-notes-column{
  padding-top:4px !important;
}

.modal-body .m-notes-column h5{
  margin-bottom:10px !important;
}

.modal-body .m-aroma-disclosure .m-notes{
  display:grid !important;
  gap:7px !important;
}

.modal-body .m-aroma-disclosure .m-note{
  display:block !important;
  margin:0 !important;
  padding:3px 0 !important;
  color:rgba(8,58,63,0.82) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.82) !important;
  line-height:1.55 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.modal-body > .m-share-btn,
.modal-body .m-share-btn{
  color:var(--theme-text) !important;
  -webkit-text-fill-color:var(--theme-text) !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,217,138,0.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.22), rgba(126,230,223,0.15)) !important;
  border-color:rgba(255,227,163,0.42) !important;
  box-shadow:
    0 10px 22px rgba(8,58,63,0.10),
    0 0 16px rgba(255,209,102,0.08),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
}

.modal-body > .m-share-btn:hover,
.modal-body > .m-share-btn:focus-visible,
.modal-body .m-share-btn:hover,
.modal-body .m-share-btn:focus-visible{
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,217,138,0.13), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.27), rgba(126,230,223,0.18)) !important;
  border-color:rgba(255,227,163,0.52) !important;
  box-shadow:
    0 12px 26px rgba(8,58,63,0.12),
    0 0 18px rgba(255,209,102,0.11),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.modal-body > .m-share-hint,
.modal-body .m-share-hint{
  color:rgba(8,58,63,0.76) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.76) !important;
  font-weight:650 !important;
}

@media(max-width:640px){
  .modal-body .m-aroma-disclosure{
    padding:16px 15px 18px !important;
  }

  .modal-body .m-notes-grid{
    gap:15px !important;
  }

  .modal-body .m-notes-column{
    padding-top:12px !important;
  }

  .modal-body .m-notes-column::before{
    opacity:.48 !important;
  }
}

/* Final readability pass for the Aqua fragrance modal. */
#modalHeaderCode{
  color:rgba(255,255,255,0.98) !important;
  -webkit-text-fill-color:rgba(255,255,255,0.98) !important;
  text-shadow:
    0 1px 9px rgba(8,58,63,0.34),
    0 0 10px rgba(255,255,255,0.14) !important;
}

.modal-body .m-fragrance-details .m-details-content p{
  color:rgba(8,58,63,0.91) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.91) !important;
  font-weight:620 !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.10) !important;
}

.modal-body .m-notes-column h5{
  color:rgba(8,58,63,0.91) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.91) !important;
  font-weight:840 !important;
  text-shadow:0 1px 0 rgba(255,255,255,0.12) !important;
}

.modal-body > .m-share-hint,
.modal-body .m-share-hint{
  color:rgba(8,58,63,0.82) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.82) !important;
}

@media(min-width:641px){
  .modal-body .m-notes-column{
    position:relative !important;
  }

  .modal-body .m-notes-column + .m-notes-column::before{
    content:"" !important;
    position:absolute !important;
    left:-10px !important;
    top:3px !important;
    bottom:2px !important;
    width:1px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,217,138,0), rgba(255,217,138,0.44), rgba(126,230,223,0.18), rgba(255,217,138,0)) !important;
    box-shadow:0 0 10px rgba(255,209,102,0.10) !important;
    opacity:.74 !important;
  }
}

/* Final gold micro-contrast pass for Aqua modal eyebrows and hairlines. */
.modal-body .m-code,
.modal-body .m-fragrance-details summary > span:first-child,
.modal-body .m-aroma-disclosure h4,
.modal-body .m-section:has(.m-accords) h4,
.modal-body .m-info-item .label,
.modal-body .m-marso-bottle h4,
.modal-body .m-price-block .retail-label{
  color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  -webkit-text-fill-color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  text-shadow:
    0 1px 2px rgba(8,58,63,0.24),
    0 0 14px rgba(255,209,102,0.22) !important;
}

.modal-body .m-code::after,
.modal-body .m-fragrance-details summary > span:first-child::after,
.modal-body .m-aroma-disclosure h4::after,
.modal-body .m-section:has(.m-accords) h4::after,
.modal-body .m-info-item .label::after,
.modal-body .m-price-block .retail-label::after{
  background:linear-gradient(90deg, rgba(255,217,138,0.86), rgba(255,209,102,0.18), rgba(255,209,102,0)) !important;
  box-shadow:0 0 14px rgba(255,209,102,0.30) !important;
  opacity:.96 !important;
}

.modal-body .m-aroma-line::before{
  background:linear-gradient(90deg,
    rgba(255,209,102,0.16) 0%,
    rgba(255,217,138,0.36) 30%,
    rgba(255,217,138,0.72) 70%,
    var(--mp-gold-soft, var(--theme-accent-2)) 100%) !important;
  box-shadow:0 0 14px rgba(255,209,102,0.18) !important;
}

.modal-body .m-aroma-line::after{
  background:linear-gradient(90deg, rgba(255,209,102,0), rgba(255,217,138,0.88), var(--mp-gold, var(--theme-accent))) !important;
  box-shadow:0 0 20px rgba(255,209,102,0.28) !important;
}

.modal-body .m-aroma-line span{
  background:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  border-color:rgba(255,231,166,0.96) !important;
  box-shadow:
    0 0 0 4px rgba(255,209,102,0.11),
    0 0 12px rgba(255,209,102,0.22) !important;
}

.modal-body .m-fragrance-details,
.modal-body .m-aroma-disclosure,
.modal-body .m-section:has(.m-accords),
.modal-body .m-info-item,
.modal-body .m-marso-bottle,
.modal-body .m-price-block{
  border-color:rgba(255,217,138,0.44) !important;
}

.modal-body .m-details-content{
  border-color:rgba(255,217,138,0.32) !important;
}

@media(max-width:640px){
  .modal-body .m-notes-column::before{
    background:linear-gradient(90deg, rgba(255,217,138,0.64), rgba(255,209,102,0.18), rgba(255,209,102,0)) !important;
    box-shadow:0 0 12px rgba(255,209,102,0.18) !important;
  }

  .modal-body .m-notes-column::after{
    background:var(--mp-gold-soft, var(--theme-accent-2)) !important;
    box-shadow:0 0 13px rgba(255,209,102,0.32) !important;
  }
}

/* Local top-zone gold lift: only the lighter upper part of the modal. */
.modal-body > .m-code,
.modal-body > .m-fragrance-details summary > span:first-child,
.modal-body > .m-aroma-disclosure h4{
  color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  -webkit-text-fill-color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  text-shadow:
    0 1px 2px rgba(8,58,63,0.30),
    0 0 16px rgba(255,209,102,0.28) !important;
}

.modal-body > .m-code::after,
.modal-body > .m-fragrance-details summary > span:first-child::after,
.modal-body > .m-aroma-disclosure h4::after{
  height:2px !important;
  background:linear-gradient(90deg, rgba(255,217,138,0.94), rgba(255,209,102,0.32), rgba(255,209,102,0)) !important;
  box-shadow:0 0 16px rgba(255,209,102,0.34) !important;
  opacity:1 !important;
}

.modal-body > .m-aroma-disclosure .m-aroma-line{
  opacity:.86 !important;
}

.modal-body > .m-aroma-disclosure .m-aroma-line::before{
  height:2px !important;
  background:linear-gradient(90deg,
    rgba(255,209,102,0.22) 0%,
    rgba(255,217,138,0.44) 30%,
    rgba(255,217,138,0.78) 70%,
    var(--mp-gold-soft, var(--theme-accent-2)) 100%) !important;
  box-shadow:0 0 16px rgba(255,209,102,0.22) !important;
}

.modal-body > .m-aroma-disclosure .m-aroma-line::after{
  height:2px !important;
  background:linear-gradient(90deg, rgba(255,209,102,0), rgba(255,217,138,0.92), var(--mp-gold, var(--theme-accent))) !important;
  box-shadow:0 0 20px rgba(255,209,102,0.32) !important;
}

/* Final UX polish: glass aroma disclosure and balanced upper modal typography. */
.modal-body > .m-aroma-disclosure{
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,217,138,0.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.25), rgba(126,230,223,0.13)) !important;
  border:1px solid rgba(255,217,138,0.42) !important;
  border-radius:16px !important;
  box-shadow:
    0 16px 36px rgba(8,58,63,0.10),
    0 0 18px rgba(255,209,102,0.09),
    inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

.modal-body .m-fragrance-details .m-details-content p{
  color:rgba(8,58,63,0.88) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.88) !important;
  font-weight:560 !important;
}

.modal-body > .m-code,
.modal-body > .m-fragrance-details summary > span:first-child,
.modal-body > .m-aroma-disclosure h4{
  color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  -webkit-text-fill-color:var(--mp-gold-soft, var(--theme-accent-2)) !important;
  text-shadow:
    0 1px 2px rgba(8,58,63,0.32),
    0 0 15px rgba(255,209,102,0.25) !important;
}

.modal-body > .m-code::after,
.modal-body > .m-fragrance-details summary > span:first-child::after,
.modal-body > .m-aroma-disclosure h4::after{
  height:2px !important;
  background:linear-gradient(90deg, rgba(255,217,138,0.94), rgba(255,209,102,0.34), rgba(255,209,102,0)) !important;
  box-shadow:0 0 15px rgba(255,209,102,0.30) !important;
}

.modal-body > .m-aroma-disclosure .m-notes-grid{
  gap:20px !important;
}

.modal-body > .m-aroma-disclosure .m-notes-column h5{
  color:rgba(8,58,63,0.92) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.92) !important;
}

.modal-body > .m-aroma-disclosure .m-note{
  color:rgba(8,58,63,0.78) !important;
  -webkit-text-fill-color:rgba(8,58,63,0.78) !important;
  font-weight:520 !important;
}

@media(min-width:641px){
  .modal-body > .m-aroma-disclosure .m-notes-column + .m-notes-column::before{
    background:linear-gradient(180deg, rgba(255,217,138,0), rgba(255,217,138,0.50), rgba(126,230,223,0.20), rgba(255,217,138,0)) !important;
    box-shadow:0 0 12px rgba(255,209,102,0.14) !important;
    opacity:.82 !important;
  }
}

@media(max-width:640px){
  .modal-body > .m-aroma-disclosure{
    border-radius:15px !important;
  }
}