/* Zoya — a quiet, editorial beauty experience. Loaded after the legacy UI. */
:root {
  --beauty-bg: #fcf7f7;
  --beauty-surface: #fffcfc;
  --beauty-rose: #a65274;
  --beauty-rose-dark: #86405c;
  --beauty-ink: #393135;
  --beauty-muted: #797073;
  --beauty-line: #eadcde;
  --brand-primary: #a65274;
  --brand-secondary: #d4a3b5;
  --brand-dark: #4d3540;
  --brand-light: #fcf7f7;
  --surface: #fffcfc;
  --surface-muted: #f8eff0;
  --text-primary: #393135;
  --text-muted: #797073;
  --bs-primary: #a65274;
  --bs-primary-rgb: 166, 82, 116;
  --bs-link-color: #924463;
  --bs-link-hover-color: #73344d;
}
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body.site-body, body.explore-body, body.seller-wizard-body {
  background: var(--beauty-bg);
  color: var(--beauty-ink);
  font-family: 'Vazirmatn', Tahoma, sans-serif;
}
.site-body::before, .site-body::after { display: none; }
.beauty-home p, .beauty-auth p { white-space: normal; }
.site-body a { text-underline-offset: 5px; }
.site-body :focus-visible, .explore-body :focus-visible { outline: 2px solid var(--beauty-rose); outline-offset: 5px; }
.beauty-skip-link { position: fixed; top: -100px; right: 20px; z-index: 1100; background: #fff; color: var(--beauty-rose-dark); padding: 12px 24px; border-radius: 0 0 12px 12px; }
.beauty-skip-link:focus { top: 0; }
.site-shell, .beauty-container { width: min(1240px, calc(100% - 96px)); max-width: 1240px; margin-inline: auto; }
.site-body .main-content { min-height: 50vh; padding-block: 42px !important; }
.site-body .main-content main { outline: none; }
.site-body .main-content main > * { animation: none; }
.beauty-home .main-content { width: 100%; max-width: none; padding: 0 !important; }
.beauty-home .main-content main { padding: 0 !important; }

/* Shared navigation */
.site-body .site-header { top: 0; padding: 0; z-index: 1040; background: rgba(252,247,247,.96); border-bottom: 1px solid rgba(234,220,222,.7); }
.site-body .site-header .navbar, .site-body .site-header.is-stuck .navbar {
  position: relative; min-height: 100px; padding: 12px 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; backdrop-filter: none; transform: none; animation: none;
}
.site-body .site-header.is-stuck { box-shadow: 0 5px 24px #55333d08; }
.pwa-standalone.site-body .site-header { padding-top: env(safe-area-inset-top, 0px); }
.site-body .site-header .navbar::after { display: none; }
.site-body .site-header .navbar > .container-fluid.site-shell { display: flex; direction: ltr; gap: 26px; padding: 0; }
.site-body .site-header .navbar .navbar-brand { display: block; margin: 0; padding: 0; flex-shrink: 0; }
.site-body .navbar-brand, .site-body .site-footer__brand, .explore-topbar__brand, .seller-wizard-header__inner > a:first-child { mix-blend-mode: multiply; }
.site-body .site-header .navbar .navbar-logo { width: 132px; height: 60px; max-height: none; object-fit: contain; mix-blend-mode: multiply; }
.site-body .site-nav-top { display: contents; }
.site-body .nav-header-controls { order: 3; display: flex; direction: rtl; align-items: center; width: auto; gap: 13px !important; margin: 0 !important; }
.site-body .site-header .navbar-collapse { order: 2; width: auto; margin: 0; min-width: 0; }
.site-body .site-nav-shell { display: block; padding: 0; }
.site-body .site-nav-links { display: flex; flex-flow: row wrap; justify-content: flex-start; direction: rtl; gap: 2px 8px; }
.site-body .site-nav-link { min-height: 44px; padding: 8px 12px; border: 0; border-radius: 0; background: transparent; color: #62575b; font-size: 12px; font-weight: 500; white-space: nowrap; }
.site-body .site-nav-link:hover, .site-body .site-nav-link:focus-visible { background: transparent; color: var(--beauty-rose); }
.site-body .beauty-menu-partner { display: none; }
.site-body .nav-header-controls .nav-auth-link, .site-body .nav-header-controls .nav-account-toggle {
  gap: 8px; border: 1px solid #cba7b4; background: transparent; color: #92516b; box-shadow: none;
  padding: 10px 16px; min-height: 42px; font-size: 11px; font-weight: 400; white-space: nowrap;
}
.site-body .nav-auth-link i { font-size: 19px; }
.site-body .nav-header-controls .nav-icon-link, .site-body .nav-header-controls .nav-notification__toggle {
  width: 40px; height: 40px; border: 0; border-radius: 50%; box-shadow: none; background: transparent; color: #6c6366; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center;
}
.site-body .nav-header-controls .nav-icon-link:hover { background: #f1e4e8; }
.site-body .navbar-toggler { border: 0; box-shadow: none; }
.site-body .nav-account-menu { border: 1px solid var(--beauty-line); border-radius: 14px; box-shadow: 0 15px 50px #5b344016; }

/* Hero */
.beauty-hero { position: relative; min-height: 490px; background: #eadbdd; isolation: isolate; }
.beauty-hero__picture { display: block; position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.beauty-hero__picture img { width: 100%; height: 100%; object-fit: cover; object-position: center 58%; }
.beauty-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f3e8e88c 0%, #f3e8e84d 38%, transparent 65%); pointer-events: none; }
.beauty-hero__inner { display: flex; justify-content: flex-end; align-items: center; min-height: 490px; padding-block: 56px; }
.beauty-hero__copy { width: 55%; max-width: 635px; text-align: right; }
.beauty-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; color: #75666b; margin-bottom: 17px; }
.beauty-eyebrow > span { height: 1px; width: 28px; background: #bd8f9f; }
.beauty-hero h1 { font-size: clamp(25px, 2.5vw, 38px); line-height: 1.85; letter-spacing: -.9px; font-weight: 750; color: #373135; margin: 0 0 12px; }
.beauty-home em { color: var(--beauty-rose); font-style: normal; }
.beauty-hero h1 em { font-size: 1.12em; }
.beauty-hero__copy > p { font-size: 14px; color: #6c6065; margin: 0 0 30px; line-height: 1.9; }
.beauty-search { display: flex; align-items: center; position: relative; direction: ltr; width: 100%; min-height: 58px; padding: 5px; background: #fffbfbf2; border: 1px solid #ffffff91; border-radius: 40px; box-shadow: 0 8px 30px #68414e07; }
.beauty-search:focus-within { box-shadow: 0 0 0 3px #a6527419; border-color: #c597a9; }
.beauty-search__icon { padding: 0 14px; color: #7d7074; font-size: 17px; }
.beauty-search input { width: 100%; min-width: 0; direction: rtl; color: #43373c; background: transparent; border: 0; outline: none !important; padding: 10px 6px; font: inherit; font-size: 12px; box-shadow: none; }
.beauty-search input::placeholder { color: #817079; opacity: 1; }
.beauty-search > button { align-self: stretch; border: 0; border-radius: 30px; min-width: 108px; color: #fff; background: #a65274; font: inherit; font-size: 12px; transition: background .2s; }
.beauty-search > button:hover { background: var(--beauty-rose-dark); }
.beauty-search > button:disabled { opacity: .65; }
.beauty-hero__discover { display: inline-flex; gap: 9px; align-items: center; margin-top: 17px; color: #7c656e; font-size: 11px; text-decoration: none; }
.beauty-hero__discover:hover { color: #8e405d; }
.beauty-search .nav-search__panel { top: calc(100% + 10px); inset-inline: 0; max-height: 340px; direction: rtl; z-index: 30; border: 1px solid var(--beauty-line); border-radius: 18px; box-shadow: 0 15px 45px #5b344020; }
.beauty-search .nav-search__quick { display: none !important; }
.nav-search__panel .nav-search__item:focus { outline-offset: -3px; background: #f8eef2; }
.site-body .search-modal .modal-content { border-radius: 22px; background: var(--beauty-surface); }
.site-body .nav-search__input { border-color: var(--beauty-line); border-radius: 16px; }

/* Trust and categories */
.beauty-benefits { display: flex; direction: ltr; justify-content: space-between; align-items: center; padding-block: 37px; border-bottom: 1px solid var(--beauty-line); }
.beauty-benefit { flex: 1; display: flex; align-items: center; justify-content: center; gap: 15px; direction: ltr; }
.beauty-benefit + .beauty-benefit { border-left: 1px solid var(--beauty-line); }
.beauty-benefit > i { font-size: 30px; color: #777274; line-height: 1; }
.beauty-benefit > span { direction: rtl; font-size: 11px; line-height: 1.9; color: #74696e; }
.beauty-section { padding-block: 55px 20px; }
.beauty-section__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.beauty-heading { display: flex; align-items: center; gap: 13px; color: #43383c; font-size: 21px; font-weight: 700; line-height: 1.6; margin: 0; }
.beauty-heading::before { content: ''; width: 26px; height: 1px; background: #b87d95; flex-shrink: 0; }
.beauty-section__heading p { color: var(--beauty-muted); font-size: 12px; margin: 8px 39px 0 0; line-height: 1.8; }
.beauty-text-link { display: inline-flex; align-items: center; gap: 11px; color: #93546d; font-size: 12px; text-decoration: none; white-space: nowrap; }
.beauty-text-link:hover { color: var(--beauty-rose-dark); }
.beauty-text-link i { transition: transform .2s; }
.beauty-text-link:hover i { transform: translateX(-4px); }
.beauty-category-carousel { position: relative; }
.beauty-category-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 72px) / 5); gap: 18px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding: 2px 0 10px; }
.beauty-category-track::-webkit-scrollbar { display: none; }
.beauty-category { display: block; overflow: hidden; border-radius: 12px; background: #f5ebed; color: #66565e; border: 1px solid #eee2e5; text-decoration: none; scroll-snap-align: start; }
.beauty-category:focus-visible { outline-offset: -3px; }
.beauty-category__image { aspect-ratio: 1.17; overflow: hidden; }
.beauty-category__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.beauty-category:hover .beauty-category__image img { transform: scale(1.055); }
.beauty-category__label { display: flex; align-items: center; justify-content: space-between; direction: ltr; gap: 8px; min-height: 62px; padding: 13px 17px; }
.beauty-category__label > span { direction: rtl; font-size: 12px; }
.beauty-category__label > i { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #bea8b1; border-radius: 50%; color: #7f6972; font-size: 13px; flex-shrink: 0; }
.beauty-category:hover { color: #8a3f5b; }
.beauty-category:hover .beauty-category__label > i { background: #bd8098; color: white; border-color: #bd8098; }
.beauty-carousel-control { position: absolute; z-index: 2; top: 45%; border: 1px solid #eee2e5; border-radius: 50%; width: 38px; height: 38px; background: #fffcfc; color: #6a5961; box-shadow: 0 3px 12px #563c4509; }
.beauty-carousel-control[hidden] { display: none; }
.beauty-carousel-control--prev { right: -43px; }
.beauty-carousel-control--next { left: -43px; }
.beauty-carousel-control:disabled { opacity: .3; cursor: default; }
.beauty-category-status { text-align: center; font-size: 10px; color: #8b5f74; min-height: 20px; margin-top: 14px; }
.beauty-empty { text-align: center; padding: 30px; border: 1px solid var(--beauty-line); border-radius: 12px; }
.beauty-empty > i { font-size: 32px; color: var(--beauty-rose); }
.beauty-empty p { color: var(--beauty-muted); margin: 12px; }

/* Supporting homepage sections */
.beauty-kicker { color: #9f6e82; font-size: 11px; display: block; margin-bottom: 10px; letter-spacing: .1px; }
.beauty-how { display: grid; grid-template-columns: 1fr 1.15fr; gap: 90px; margin-block: 55px 15px; padding-block: 45px; border-block: 1px solid var(--beauty-line); }
.beauty-how h2, .beauty-partner h2 { font-size: 29px; line-height: 1.9; font-weight: 650; letter-spacing: -.6px; margin: 0 0 14px; }
.beauty-how__intro > p, .beauty-partner p { font-size: 12px; line-height: 2.2; color: var(--beauty-muted); margin: 0 0 20px; }
.beauty-steps { list-style: none; margin: 0; padding: 0; align-self: center; }
.beauty-steps li { display: flex; gap: 20px; align-items: center; padding-block: 21px; }
.beauty-steps li + li { border-top: 1px solid var(--beauty-line); }
.beauty-step-number { font-size: 29px; font-weight: 300; color: #c7a4b1; width: 40px; flex-shrink: 0; }
.beauty-steps h3 { font-size: 14px; font-weight: 600; margin: 0 0 7px; }
.beauty-steps p { font-size: 11px; color: var(--beauty-muted); margin: 0; line-height: 1.9; }
.beauty-steps li > i { font-size: 25px; color: #b293a1; margin-inline-start: auto; }
.beauty-specialist-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 18px; }
.beauty-specialist { display: flex; flex-direction: column; align-items: center; padding: 28px 12px 0; border: 1px solid var(--beauty-line); border-radius: 14px; background: var(--beauty-surface); color: var(--beauty-ink); text-align: center; text-decoration: none; transition: border-color .2s; }
.beauty-specialist:hover, .beauty-new-specialist:hover { border-color: #c398a9; color: var(--beauty-ink); }
.beauty-specialist__avatar { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 50%; background: #f3e7eb; overflow: hidden; flex-shrink: 0; color: #a46d84; }
.beauty-specialist__avatar img { width: 100%; height: 100%; object-fit: cover; }
.beauty-specialist__avatar > i { font-size: 30px; }
.beauty-specialist h3 { font-size: 14px; margin: 18px 0 7px; font-weight: 650; }
.beauty-specialist p { font-size: 11px; color: var(--beauty-muted); margin: 0 0 15px; }
.beauty-specialist__rating { display: flex; align-items: center; gap: 6px; font-size: 11px; margin-top: auto; }
.beauty-specialist__rating i { color: #b78d56; }
.beauty-specialist__rating span { color: #85777e; font-size: 10px; }
.beauty-specialist__link { display: flex; gap: 12px; justify-content: center; width: 100%; padding: 15px 0; border-top: 1px solid #eee3e7; margin-top: 23px; color: var(--beauty-rose); font-size: 11px; }
.beauty-new-specialists { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.beauty-new-specialist { display: flex; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--beauty-line); border-radius: 12px; background: #fffcfc; color: var(--beauty-ink); text-decoration: none; }
.beauty-new-specialist .beauty-specialist__avatar { width: 56px; height: 56px; }
.beauty-new-specialist__body { min-width: 0; }
.beauty-new-specialist h3 { font-size: 13px; margin: 0 0 6px; }
.beauty-new-specialist h3 i { color: #9a7f88; font-size: 12px; }
.beauty-new-specialist p { font-size: 10px; color: var(--beauty-muted); margin: 0 0 8px; }
.beauty-new-specialist > i { color: #a88292; margin-inline-start: auto; }
.beauty-service-tags { display: flex; gap: 5px; flex-wrap: wrap; }
.beauty-service-tags span { font-size: 9px; padding: 3px 6px; background: #f6edef; color: #8c6b79; border-radius: 5px; }
.beauty-partner { display: grid; grid-template-columns: .85fr 1.15fr; direction: ltr; position: relative; overflow: hidden; padding: 0; margin-block: 65px 10px; border: 1px solid #ebdadd; border-radius: 18px; background: #f2e4e7; }
.beauty-partner > img { width: 100%; height: 100%; max-height: 365px; object-fit: cover; }
.beauty-partner__copy { direction: rtl; padding: 40px 60px; z-index: 1; }
.beauty-partner p { max-width: 400px; color: #7d6470; }
.beauty-partner__flower { position: absolute; right: -55px; bottom: -55px; color: #d9bfc8; opacity: .36; font-size: 240px; pointer-events: none; }
.beauty-button { display: inline-flex; align-items: center; gap: 22px; padding: 13px 25px; border-radius: 30px; color: #fff; background: var(--beauty-rose); font-size: 12px; text-decoration: none; }
.beauty-button:hover { background: var(--beauty-rose-dark); color: #fff; }
.beauty-journal { padding-bottom: 70px; }
.beauty-journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; }
.beauty-article { color: var(--beauty-ink); text-decoration: none; }
.beauty-article:hover { color: var(--beauty-rose); }
.beauty-article__image { border-radius: 13px; overflow: hidden; margin-bottom: 22px; aspect-ratio: 1.65; background: #f0e1e6; }
.beauty-article__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.beauty-article:hover img { transform: scale(1.04); }
.beauty-article h3 { font-size: 17px; font-weight: 650; line-height: 1.9; margin: 0 0 12px; }
.beauty-article p { font-size: 12px; line-height: 2; color: var(--beauty-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 18px; }

/* Carry the palette into all public forms, cards and booking steps. */
.site-body .btn-primary, .explore-body .btn-primary, .seller-wizard-body .btn-primary { background: var(--beauty-rose); border-color: var(--beauty-rose); color: #fff; box-shadow: none; }
.site-body .btn-primary:hover, .explore-body .btn-primary:hover { background: var(--beauty-rose-dark); border-color: var(--beauty-rose-dark); }
.site-body .btn-outline-primary { color: var(--beauty-rose); border-color: #ba8b9d; }
.site-body .btn-outline-primary:hover { background: var(--beauty-rose); color: white; }
.site-body .card-soft, .site-body .market-hero-card, .site-body .market-card, .site-body .seller-public-profile .card, .site-body .blog-card { border: 1px solid var(--beauty-line); background: var(--beauty-surface); box-shadow: 0 6px 25px #5a324007; }
.site-body .form-control, .site-body .form-select { border-color: #e0cfd6; }
.site-body .form-control:focus, .site-body .form-select:focus { border-color: #bb8a9f; box-shadow: 0 0 0 3px #a6527415; }
.explore-body .explore-topbar, .seller-wizard-body .seller-wizard-header { background: var(--beauty-bg); border-bottom: 1px solid var(--beauty-line); box-shadow: none; }
.explore-topbar__logo, .seller-wizard-header__logo { width: auto; object-fit: contain; mix-blend-mode: multiply; }
.explore-topbar__logo { height: 42px; }
.explore-body .explore-option { border-color: var(--beauty-line); background: var(--beauty-surface); box-shadow: none; border-radius: 14px; }
.explore-body .explore-option:hover, .explore-body .explore-option.is-selected { border-color: #b57b94; background: #f7eaf0; }
.explore-body .explore-progress__step { color: #8c7580; }
.explore-body .explore-progress__step span { background: #eee3e7; color: #8c7580; }
.explore-body .explore-progress__step::before { background: #e8d7df; }
.explore-body .explore-progress__step.is-active { color: var(--beauty-rose); }
.explore-body .explore-progress__step.is-active span, .explore-body .explore-progress__step.is-done span { background: var(--beauty-rose); color: #fff; border-color: var(--beauty-rose); }
.explore-body .explore-progress__step.is-done::before { background: #c796aa; }
.explore-body .beauty-booking-category { padding: 10px 12px 10px 42px; gap: 16px; color: var(--beauty-ink); }
.explore-body .beauty-booking-category .explore-option__thumb { width: 66px; height: 66px; border-radius: 9px; }
.explore-body .beauty-booking-category .explore-option__title { font-size: 14px; }
.explore-body .beauty-booking-category .explore-option__sub { color: var(--beauty-muted); font-size: 11px; }
.explore-body .explore-option__check { background: var(--beauty-rose); }

/* Footer and app navigation */
.beauty-auth-shell { display: grid; grid-template-columns: 1fr 1fr; direction: ltr; max-width: 940px; margin: 15px auto 35px; border: 1px solid var(--beauty-line); border-radius: 20px; overflow: hidden; background: var(--beauty-surface); }
.beauty-auth-visual { position: relative; min-height: 480px; isolation: isolate; }
.beauty-auth-visual > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; z-index: -2; }
.beauty-auth-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 20%, #4a293575); z-index: -1; }
.beauty-auth-visual > div { position: absolute; right: 35px; left: 35px; bottom: 35px; direction: rtl; color: white; }
.beauty-auth-visual span { font-size: 11px; }
.beauty-auth-visual h2 { font-size: 34px; line-height: 1.8; font-weight: 600; margin-top: 10px; }
.beauty-auth-visual p { font-size: 11px; margin-bottom: 0; }
.beauty-auth-card { padding: 65px 45px 40px; direction: rtl; }
.beauty-auth-card h1 { font-size: 25px; font-weight: 650; line-height: 1.8; margin-bottom: 12px; }
.beauty-auth-card > p { font-size: 12px; line-height: 2; margin-bottom: 30px; }
.beauty-auth-card label { font-size: 12px; margin-bottom: 10px; }
.beauty-auth-card .form-control { min-height: 51px; font-size: 16px; border-radius: 10px; }
.beauty-auth-card .btn-primary { min-height: 49px; margin-top: 10px; border-radius: 28px; font-size: 13px; }
.beauty-auth-card .text-danger { font-size: 11px; }
.beauty-auth-back { margin-top: 28px; font-size: 11px; }
.site-body .site-footer { margin-top: 40px; background: #f4ebed; border-top: 1px solid #e9dadd; color: #79666f; box-shadow: none; }
.site-body .site-footer__top { padding-block: 55px 35px; max-width: 1240px; }
.site-body .site-footer__logo { width: 132px; height: 60px; object-fit: contain; mix-blend-mode: multiply; }
.site-body .site-footer__desc { max-width: 300px; font-size: 12px; line-height: 2.2; color: #79656e; }
.site-body .site-footer__title { font-size: 13px; font-weight: 600; color: #69525d; margin-bottom: 20px; }
.site-body .site-footer__links li { margin-bottom: 13px; }
.site-body .site-footer__links a, .site-body .site-footer__contact { color: #79656e; font-size: 11px; }
.site-body .site-footer__social a { border: 1px solid #deccd3; background: transparent; color: #927080; box-shadow: none; }
.site-body .site-footer__cta { color: #92516b; background: transparent; border: 1px solid #d3b4c0; border-radius: 25px; font-size: 11px; box-shadow: none; }
.site-body .site-footer__bottom { background: transparent; border-top: 1px solid #e6d6dc; padding-block: 18px; color: #7d6871; font-size: 10px; }
.site-body .site-footer__bottom a { color: #7d6871; }
.site-body .app-tabbar { background: #fffbfbf7; border-top: 1px solid #eadde2; box-shadow: 0 -3px 20px #6a465007; padding-top: 5px; }
.site-body .app-tab { color: #79656e; border-radius: 0; font-weight: 400; }
.site-body .app-tab span { font-size: 10px; font-weight: 400; }
.site-body .app-tab.is-active { background: transparent; color: var(--beauty-rose); }
.site-body .app-tab.is-active i { filter: drop-shadow(0 2px 4px #b17a9620); }

@media (min-width: 1600px) {
  .beauty-hero, .beauty-hero__inner { min-height: 550px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .site-shell, .beauty-container { width: calc(100% - 80px); }
  .site-body .site-header .navbar > .container-fluid.site-shell { gap: 16px; }
  .site-body .site-nav-link { padding-inline: 7px; font-size: 11px; }
  .site-body .site-nav-links { gap: 0; }
  .beauty-hero__copy { width: 59%; }
  .beauty-category__label { padding-inline: 10px; }
  .beauty-category__label > span { font-size: 10px; }
  .beauty-how { gap: 50px; }
  .beauty-new-specialists { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
  .site-shell, .beauty-container { width: calc(100% - 48px); }
  .site-body .site-header .navbar, .site-body .site-header.is-stuck .navbar { min-height: 82px; padding: 10px 0; }
  .site-body .site-header .navbar > .container-fluid.site-shell { display: flex; flex-wrap: wrap; direction: rtl; gap: 0; }
  .site-body .site-nav-top { display: flex; position: relative; width: 100%; min-height: 58px; }
  .site-body .site-header .navbar .navbar-brand { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0; }
  .site-body .site-header .navbar .navbar-logo { width: 110px; height: 50px; }
  .site-body .nav-header-controls { width: 100%; direction: ltr; justify-content: space-between; gap: 0 !important; }
  .site-body .nav-header-controls .nav-auth { display: none; }
  .site-body .nav-header-controls .nav-notification { margin-left: auto; margin-right: 10px; }
  .site-body .nav-header-controls .navbar-toggler { display: block; margin: 0; padding: 9px; width: 44px; height: 44px; }
  .site-body .navbar-toggler-icon { width: 20px; height: 20px; opacity: .7; }
  .site-body .site-header .navbar .navbar-collapse { flex-basis: 100%; width: 100%; margin-top: 0; }
  .site-body .site-nav-shell { padding: 15px 0 20px; }
  .site-body .site-nav-links { flex-direction: column; gap: 0; }
  .site-body .site-nav-link { border-bottom: 1px solid var(--beauty-line); font-size: 13px; padding: 13px 10px; }
  .beauty-menu-account { padding: 17px 10px 0; }
  .beauty-menu-account .nav-auth-link, .beauty-menu-account .nav-account-toggle { min-height: 44px; border-color: #cba7b4; background: transparent; color: #92516b; font-size: 12px; }
  .beauty-menu-account .nav-auth { width: 100%; }
  .beauty-menu-account .nav-account-menu { direction: rtl; text-align: right; right: 0; left: auto; }
  .site-body .beauty-menu-partner { display: flex; justify-content: space-between; gap: 10px; font-size: 11px; color: #8a7680; text-decoration: none; padding: 22px 10px 0; }
  .beauty-menu-partner span { color: #9e5271; }
  .beauty-hero, .beauty-hero__inner { min-height: 430px; }
  .beauty-hero__copy { width: 65%; }
  .beauty-hero h1 { font-size: 27px; }
  .beauty-hero__copy > p { font-size: 12px; }
  .beauty-benefit { flex-direction: column; gap: 13px; text-align: center; }
  .beauty-benefit > i { font-size: 27px; }
  .beauty-benefit > span { font-size: 10px; }
  .beauty-category-track { grid-auto-columns: calc((100% - 36px) / 3); }
  .beauty-carousel-control--prev { right: -17px; }
  .beauty-carousel-control--next { left: -17px; }
  .beauty-how { gap: 40px; }
  .beauty-how h2, .beauty-partner h2 { font-size: 24px; }
  .beauty-specialist-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .beauty-new-specialists { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .beauty-partner__copy { padding: 32px; }
  .beauty-auth-card { padding: 45px 28px; }
}
@media (max-width: 767.98px) {
  html { scroll-padding-top: 90px; }
  .site-shell, .beauty-container { width: calc(100% - 40px); }
  .site-body .site-header .navbar, .site-body .site-header.is-stuck .navbar { min-height: 76px; padding-block: 8px; }
  .beauty-hero { min-height: 320px; }
  .beauty-hero__picture img { object-position: 65% top; opacity: .72; }
  .beauty-hero::after { background: linear-gradient(180deg,#f3e7e94a,#f4e9ebe3 54%,#f7edef 100%); }
  .beauty-hero__inner { align-items: center; min-height: 320px; padding-block: 27px 22px; }
  .beauty-hero__copy { width: 100%; max-width: 540px; margin-inline: auto; text-align: center; }
  .beauty-eyebrow { font-size: 10px; margin-bottom: 16px; gap: 10px; }
  .beauty-eyebrow > span { width: 20px; }
  .beauty-hero h1 { font-size: clamp(21px, 5.1vw, 30px); line-height: 1.95; letter-spacing: -.65px; margin-bottom: 13px; }
  .beauty-hero h1 em { font-size: 1.13em; }
  .beauty-hero__copy > p { font-size: 10px; margin-bottom: 28px; }
  .beauty-search { min-height: 51px; padding: 4px; text-align: right; }
  .beauty-search__icon { font-size: 15px; padding-inline: 10px; }
  .beauty-search input { font-size: 16px; padding-inline: 2px; }
  .beauty-search input::placeholder { font-size: 10px; }
  .beauty-search > button { min-width: 76px; font-size: 10px; }
  .beauty-hero__discover { font-size: 10px; margin-top: 15px; }
  .beauty-benefits { width: calc(100% - 30px); padding-block: 18px; gap: 4px; }
  .beauty-benefit:first-child { display: none; }
  .beauty-benefit:nth-child(4) { order: -1; }
  .beauty-benefit { gap: 10px; }
  .beauty-benefit + .beauty-benefit { border: 0; }
  .beauty-benefit > i { font-size: 24px; }
  .beauty-benefit > span { font-size: 9px; line-height: 1.8; }
  .beauty-section { padding-block: 32px 10px; }
  .beauty-section__heading { align-items: center; margin-bottom: 22px; gap: 8px; }
  .beauty-heading { font-size: 17px; gap: 8px; }
  .beauty-heading::before { width: 17px; }
  .beauty-section__heading p { font-size: 10px; margin: 6px 25px 0 0; }
  .beauty-section__heading > .beauty-text-link { font-size: 9px; gap: 6px; }
  .beauty-category-track { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 13px; overflow: visible; padding: 0; }
  .beauty-category { border-radius: 11px; }
  .beauty-category__image { aspect-ratio: 1.25; }
  .beauty-category__label { min-height: 47px; padding: 11px 10px; gap: 6px; }
  .beauty-category__label > span { font-size: 10px; }
  .beauty-category__label > i { width: 22px; height: 22px; font-size: 11px; }
  .beauty-carousel-control, .beauty-category-status { display: none !important; }
  .beauty-how { grid-template-columns: 1fr; gap: 20px; padding-block: 30px 15px; margin-block: 37px 5px; }
  .beauty-how h2 { font-size: 25px; line-height: 1.8; }
  .beauty-how__intro > p { font-size: 11px; }
  .beauty-steps li { gap: 15px; padding-block: 22px; }
  .beauty-steps h3 { font-size: 13px; }
  .beauty-steps p { font-size: 10px; }
  .beauty-step-number { font-size: 25px; }
  .beauty-specialist-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
  .beauty-specialist { padding-top: 22px; }
  .beauty-specialist h3 { font-size: 12px; }
  .beauty-specialist p { font-size: 10px; }
  .beauty-specialist__avatar { width: 65px; height: 65px; }
  .beauty-new-specialists { grid-template-columns: 1fr; gap: 12px; }
  .beauty-new-specialist { padding: 17px; }
  .beauty-partner { grid-template-columns: 1fr; margin-block: 40px 0; border-radius: 14px; }
  .beauty-partner > img { height: 175px; max-height: none; object-position: center 58%; }
  .beauty-partner__copy { padding: 30px 25px; }
  .beauty-partner h2 { font-size: 25px; }
  .beauty-partner p { font-size: 11px; }
  .beauty-partner__flower { font-size: 190px; }
  .beauty-journal-grid { grid-template-columns: 1fr; gap: 30px; }
  .beauty-article__image { margin-bottom: 17px; }
  .beauty-article h3 { font-size: 16px; }
  .beauty-journal { padding-bottom: 35px; }
  .beauty-auth-shell { grid-template-columns: 1fr; margin-top: 0; }
  .beauty-auth-visual { min-height: 175px; }
  .beauty-auth-visual > img { object-position: center 42%; }
  .beauty-auth-visual > div { right: 25px; bottom: 18px; }
  .beauty-auth-visual h2 { font-size: 25px; margin-bottom: 0; }
  .beauty-auth-visual h2 br, .beauty-auth-visual p { display: none; }
  .beauty-auth-card { padding: 30px 25px; }
  .beauty-auth-card h1 { font-size: 22px; }
  .site-body .site-footer { margin-top: 35px; }
  .site-body .site-footer__top { width: calc(100% - 40px); padding: 35px 0 25px; }
  .site-body .site-footer__desc { max-width: none; }
  .site-body .site-footer__bottom { padding-bottom: 24px; }
  .site-body .site-footer__title { margin-bottom: 15px; }
  .site-body:not(.beauty-home) .main-content { padding-top: 24px !important; }
  .beauty-home .main-content { padding-top: 0 !important; }
}
@media (max-width: 359px) {
  .site-shell, .beauty-container { width: calc(100% - 28px); }
  .site-body .site-header .navbar .navbar-logo { width: 88px; height: 40px; }
  .beauty-hero h1 { font-size: 19px; }
  .beauty-search input::placeholder { font-size: 9px; }
  .beauty-search > button { min-width: 64px; }
  .beauty-category__label > span { font-size: 9px; }
  .beauty-benefit > span { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .beauty-home *, .site-body .site-header *, .site-body .app-tab { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}