/* Global Hisherik dark theme overrides. */
:root {
  --hs-black: #0b0e12;
  --hs-surface: #12171d;
  --hs-surface-2: #171d25;
  --hs-surface-3: #1d2530;
  --hs-surface-soft: rgba(255, 255, 255, 0.03);
  --hs-line: rgba(255, 255, 255, 0.09);
  --hs-line-strong: rgba(244, 119, 33, 0.28);
  --hs-text: #f4efe8;
  --hs-text-soft: rgba(244, 239, 232, 0.76);
  --hs-text-faint: rgba(244, 239, 232, 0.56);
  --hs-orange: #f47721;
  --hs-orange-2: #ff8a33;
  --hs-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
}

html,
body {
  background: var(--hs-black);
  color: var(--hs-text);
}

body.body,
body.body .main,
body .main {
  background:
    radial-gradient(circle at top, rgba(244, 119, 33, 0.14), transparent 33%),
    linear-gradient(180deg, #161b22 0%, #0f141b 28%, #090c10 100%);
  color: var(--hs-text);
}

body,
body p,
body li,
body span,
body strong,
body em,
body label {
  color: inherit;
}

body a {
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

body a:hover,
body a:focus {
  color: var(--hs-orange);
}

.main .bg-white,
.main .bg-light,
.main .card,
.main .shadow-sm,
.main .border,
.main .border-0 {
  border-color: var(--hs-line);
}

.header {
  background: rgba(10, 13, 17, 0.9);
  border-bottom: 1px solid var(--hs-line);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.header__catalog-link,
.header__mobile-toggle {
  background: linear-gradient(180deg, var(--hs-surface-2) 0%, var(--hs-surface-3) 100%);
  border-color: var(--hs-line);
  color: var(--hs-text);
}

.header__catalog-link:hover,
.header__catalog-link:focus {
  background: rgba(244, 119, 33, 0.12);
  border-color: var(--hs-line-strong);
  color: #fff;
}

.header__mobile-toggle-line {
  background: var(--hs-text);
}

.header-iron__brand-title,
.header-gates__brand-title,
.menu-inline > li > a,
.menu-mobile > li > a,
.header-mobile-nav__title,
.header-mobile-nav__close {
  color: var(--hs-text);
}

.header-iron__brand-subtitle,
.header-gates__brand-subtitle,
.menu-mobile .sub-menu li a {
  color: var(--hs-text-faint);
}

.menu-inline .sub-menu,
.header-mobile-nav__panel {
  background: linear-gradient(180deg, var(--hs-surface-2) 0%, #10151b 100%);
  border: 1px solid var(--hs-line);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
}

.menu-inline .sub-menu::before {
  background: var(--hs-surface-2);
  border-left-color: var(--hs-line);
  border-top-color: var(--hs-line);
}

.menu-inline .sub-menu li + li,
.header-mobile-nav__head,
.menu-mobile > li,
.menu-mobile .sub-menu .sub-menu {
  border-color: var(--hs-line);
}

.menu-inline .sub-menu li a {
  color: var(--hs-text-soft);
}

.menu-inline .sub-menu li a:hover,
.menu-inline .sub-menu li.current-menu-item > a,
.menu-mobile li.current-menu-item > a,
.menu-mobile li.current-menu-ancestor > a {
  background: rgba(244, 119, 33, 0.12);
  color: #fff;
}

.header-mobile-nav__catalog-link {
  background: rgba(244, 119, 33, 0.14);
  border-color: var(--hs-line-strong);
  color: #fff;
}

.header-mobile-nav__close {
  background: var(--hs-surface);
  border-color: var(--hs-line);
}

.header-mobile-nav__backdrop {
  background: rgba(0, 0, 0, 0.66);
}

.home-hero-intro,
.home-posts-section,
.home-faq,
.clients-showcase-section,
.about-showcase-section,
.tw-page-wrap,
.blog-template-page,
.gallery-template-page,
.contact-template-page,
.main-cat-page,
.blog-single-page,
.product-product-page,
.about-showcase-section {
  color: var(--hs-text);
}

.home-hero-intro {
  background:
    radial-gradient(circle at 16% 0%, rgba(244, 119, 33, 0.2), transparent 28%),
    linear-gradient(180deg, rgba(20, 24, 31, 0.96) 0%, rgba(12, 15, 20, 0.98) 100%);
}

.clients-showcase-section,
.about-showcase-section,
.home-posts-section,
.home-faq,
.tw-page-wrap {
  position: relative;
  background:
    radial-gradient(circle at top, rgba(244, 119, 33, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(10, 13, 17, 0.04) 0%, rgba(10, 13, 17, 0.14) 100%);
}

.clients-showcase,
.about-showcase,
.home-posts-section__inner,
.home-faq__inner,
.tw-app-wrap,
.tw-footnote {
  position: relative;
  border: 1px solid var(--hs-line);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(20, 25, 32, 0.9) 0%, rgba(12, 16, 21, 0.96) 100%);
  box-shadow: var(--hs-shadow);
}

.clients-showcase,
.about-showcase,
.home-posts-section__inner,
.home-faq__inner {
  padding: clamp(24px, 3vw, 40px);
}

.tw-footnote {
  padding: 24px 32px;
}

.tw-footnote p {
  color: var(--hs-text-soft);
  margin: 0;
}

.blog-template-breadcrumbs,
.gallery-template-breadcrumbs,
.contact-template-breadcrumbs,
.main-cat-breadcrumbs,
.blog-single-page__breadcrumbs,
.product-product-breadcrumbs {
  background: rgba(10, 13, 17, 0.8);
  border-top: 1px solid var(--hs-line);
}

.blog-template-breadcrumbs__item,
.gallery-template-breadcrumbs__item,
.contact-template-breadcrumbs__item,
.main-cat-breadcrumbs__item,
.blog-single-page__crumb,
.product-product-breadcrumbs__item,
.product-product-breadcrumbs__link,
.product-product-breadcrumbs__text {
  color: var(--hs-text-soft);
}

.blog-template-breadcrumbs__text,
.gallery-template-breadcrumbs__text,
.contact-template-breadcrumbs__text,
.main-cat-breadcrumbs .is-current .main-cat-breadcrumbs__text,
.blog-single-page__crumb.is-current,
.product-product-breadcrumbs__item.is-current {
  color: var(--hs-text-faint);
  opacity: 1;
}

.blog-template-breadcrumbs__link,
.gallery-template-breadcrumbs__link,
.contact-template-breadcrumbs__link,
.main-cat-breadcrumbs__link,
.blog-single-page__crumb.is-home,
.breadcrumbs-copy-btn,
.product-product-breadcrumbs__copy {
  color: var(--hs-text-soft);
}

.breadcrumbs-copy-btn:hover,
.breadcrumbs-copy-btn.is-copied,
.product-product-breadcrumbs__copy:hover {
  background: rgba(244, 119, 33, 0.1);
  border-color: var(--hs-line-strong);
  color: #fff;
}

.blog-template-hero,
.gallery-template-hero,
.contact-template-hero,
.main-cat-hero,
.about-header-lite,
.product-product-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(244, 119, 33, 0.18), transparent 26%),
    linear-gradient(180deg, #1a2028 0%, #10151b 100%);
  border: 1px solid var(--hs-line);
  box-shadow: var(--hs-shadow);
}

.blog-template-hero__overlay,
.gallery-template-hero__overlay,
.contact-template-hero__overlay {
  background: linear-gradient(90deg, rgba(10, 13, 17, 0.18), rgba(10, 13, 17, 0.88));
}

.home-hero-intro__title,
.home-posts-section__title,
.home-faq__title,
.blog-template-hero__title,
.gallery-template-hero__title,
.contact-template-hero__title,
.main-cat-hero__title,
.main-cat-textblock__title,
.about-header-lite__title,
.about-showcase__section-title,
.about-showcase__review-name,
.blog-single-contact__title,
.blog-single-article__title,
.product-product-hero__title,
.product-sticky-card__title,
.product-split__title,
.product-headline__title,
.product-article__title,
.product-faq__title,
.product-card__title,
.product-contact-cta__title,
.product-tables__title,
.product-tables__note {
  color: var(--hs-text) !important;
}

.home-hero-intro__subtitle,
.about-page-timeline__item.is-current .about-page-timeline__year {
  color: var(--hs-orange);
}

.home-hero-intro__desc,
.clients-showcase__logo-slot,
.home-post-card__excerpt,
.home-post-card__meta,
.faq-accordion__panel-inner,
.blog-template-hero__desc,
.gallery-template-hero__desc,
.contact-template-hero__desc,
.main-cat-hero__desc,
.main-cat-grand-card__desc,
.main-cat-textblock__text,
.about-header-lite__description,
.about-page-timeline__desc,
.about-showcase__reviews-note,
.about-showcase__review-text,
.blog-template-card__excerpt,
.blog-template-card__meta,
.contact-template-info__text,
.gallery-template-tabs__hint,
.blog-single-contact__desc,
.blog-single-article__content,
.blog-single-article__meta,
.product-product-hero__intro,
.product-product-hero__text,
.product-sticky-card__note,
.product-split__text,
.product-headline__text,
.product-article__content,
.product-card__text,
.product-faq__answer,
.product-contact-cta__text {
  color: var(--hs-text-soft) !important;
  opacity: 1 !important;
}

.home-hero__card-shell,
.clients-showcase__logo-bar,
.clients-showcase__cards,
.clients-showcase-section--v2 .clients-showcase__card,
.home-post-card,
.faq-accordion__item,
.blog-template-card,
.contact-template-info,
.gallery-template-tabs__link,
.main-cat-tabs,
.main-cat-grand-card,
.main-cat-textblock__media,
.about-showcase__logo,
.about-showcase__review-card,
.about-showcase__reviews,
.about-showcase__reviews-header,
.about-showcase__gallery-card,
.about-timeline__item,
.blog-single-contact,
.blog-single-article,
.product-sticky-card,
.product-section--boxed,
.product-card,
.product-faq__item,
.product-tables__panel {
  background: linear-gradient(180deg, var(--hs-surface-2) 0%, var(--hs-surface-3) 100%) !important;
  border: 1px solid var(--hs-line) !important;
  box-shadow: var(--hs-shadow) !important;
}

.home-post-card,
.blog-template-card,
.product-card {
  overflow: hidden;
}

.home-post-card__media,
.blog-template-card__media,
.product-card__media,
.clients-showcase__logo-bar,
.gallery-template-grid__link,
.main-cat-grand-card__media,
.main-cat-gallery__item,
.main-cat-textblock__media,
.product-split__media,
.product-article__image-wrap,
.product-article__image-grid-thumb {
  background: #0f141b;
  border: 1px solid var(--hs-line);
}

.clients-showcase-section--v2 .clients-showcase__chip-row--grouped,
.clients-showcase__logo-bar-track,
.about-showcase__gallery,
.about-timeline,
.product-tables__filter,
.product-tables__search input,
.product-tables__table-wrap,
.blog-template-filter__menu,
.main-cat-gallery,
.main-cat-content,
.blog-single-page__section,
.product-product-body {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: var(--hs-line) !important;
}

.home-hero__card-title,
.clients-showcase__logo-text,
.clients-showcase__heading .clients-showcase__title,
.home-post-card__title,
.home-post-card__author,
.faq-accordion__label,
.faq-accordion__icon,
.clients-showcase-section--v2 .clients-showcase__card-title,
.clients-showcase-section--v2 .clients-showcase__cta-text,
.blog-template-card__title,
.contact-template-info__title,
.gallery-template-tabs__label,
.main-cat-grand-card__title,
.about-showcase__title,
.about-showcase__subtitle,
.about-showcase__eyebrow,
.about-showcase__section-title,
.blog-template-filter__toggle,
.blog-template-filter__menu a,
.product-faq__question {
  color: var(--hs-text) !important;
}

.faq-accordion__item.is-open,
.main-cat-page .faq-accordion__item.is-open {
  background: linear-gradient(180deg, #1d2430 0%, #171d25 100%) !important;
}

.faq-accordion__panel,
.main-cat-page .faq-accordion__panel {
  background: transparent !important;
}

.faq-accordion__item:hover,
.main-cat-page .faq-accordion__item:hover,
.home-post-card:hover,
.blog-template-card:hover,
.gallery-template-tabs__link:hover,
.main-cat-grand-card:hover,
.product-card:hover,
.product-faq__item:hover {
  border-color: var(--hs-line-strong) !important;
  box-shadow: 0 26px 68px rgba(0, 0, 0, 0.38) !important;
}

.clients-showcase-section--v2 .clients-showcase__chip-link,
.blog-template-filter__toggle,
.blog-template-filter__menu,
.gallery-template-tabs__link,
.main-cat-tabs__link,
.product-tables__tab,
.product-tables__ghost {
  background: linear-gradient(180deg, #11161d 0%, #171d25 100%) !important;
  border: 1px solid var(--hs-line) !important;
  color: var(--hs-text-soft) !important;
}

.clients-showcase-section--v2 .clients-showcase__chip-main .clients-showcase__chip-link,
.gallery-template-tabs__link.is-active,
.main-cat-tabs__link.active,
.product-tables__tab.is-active,
.product-tables__cta,
.home-hero__card-cta,
.clients-showcase-section--v2 .clients-showcase__cta {
  background: linear-gradient(180deg, var(--hs-orange-2) 0%, var(--hs-orange) 100%) !important;
  border-color: var(--hs-orange) !important;
  color: #fff !important;
  box-shadow: 0 18px 36px rgba(244, 119, 33, 0.28);
}

.gallery-template-grid__overlay {
  background: linear-gradient(180deg, rgba(12, 15, 20, 0.08), rgba(12, 15, 20, 0.82));
}

.clients-showcase-section {
  background:
    radial-gradient(circle at top, rgba(244, 119, 33, 0.1), transparent 24%),
    linear-gradient(180deg, #10151b 0%, #0b0f14 100%) !important;
}

.clients-showcase__logo-bar,
.clients-showcase__cards {
  overflow: hidden;
}

.clients-showcase__logo-bar-center,
.clients-showcase__logo-slot--emblem {
  background: transparent !important;
}

.clients-showcase__logo-slot--empty {
  opacity: 0.12;
}

.about-showcase-section {
  background:
    radial-gradient(circle at top left, rgba(244, 119, 33, 0.12), transparent 22%),
    linear-gradient(180deg, #0f141a 0%, #090c10 100%) !important;
}

.about-showcase,
.about-showcase__reviews,
.about-showcase__reviews-header,
.about-showcase__gallery,
.about-timeline {
  background: transparent !important;
}

.about-showcase__logo {
  padding: 14px 16px;
}

.about-showcase__logo img {
  filter: grayscale(100%) brightness(1.2);
  opacity: 0.82;
}

.about-showcase__logo-label {
  color: var(--hs-text-faint) !important;
}

.about-showcase__review-logo-wrapper {
  background: #10151b !important;
  border: 1px solid var(--hs-line);
}

.about-showcase__review-star {
  color: rgba(244, 239, 232, 0.18);
}

.about-timeline__nav-button {
  background: linear-gradient(180deg, #131821 0%, #1b2430 100%);
  border-color: var(--hs-line-strong);
  color: var(--hs-orange);
}

.home-posts-section,
.home-faq {
  background:
    radial-gradient(circle at top, rgba(244, 119, 33, 0.08), transparent 24%),
    linear-gradient(180deg, #0e1319 0%, #090c10 100%) !important;
}

.blog-template-card__image,
.home-post-card__img,
.gallery-template-grid__link img,
.product-card__image,
.about-showcase__gallery-card img,
.main-cat-gallery__image,
.main-cat-textblock__image,
.main-cat-grand-card__image {
  filter: saturate(0.92) contrast(1.02);
}

.footer-contact-section {
  background-color: #090c10;
}

.footer-contact-section::before {
  background: linear-gradient(180deg, rgba(8, 11, 15, 0.84), rgba(8, 11, 15, 0.68));
}

.footer-contact-card {
  background: rgba(11, 16, 23, 0.68) !important;
  border-color: var(--hs-line) !important;
}

.site-footer {
  background: #090c10;
}

.site-footer__title,
.site-footer__menu a,
.site-footer__menu-text,
.site-footer__about-text,
.site-footer__credit-text {
  color: var(--hs-text);
}

.site-footer__rights {
  color: var(--hs-text-faint);
}

.modal_form__bg {
  background:
    radial-gradient(circle at top left, rgba(244, 119, 33, 0.18), transparent 32%),
    linear-gradient(180deg, #191f28 0%, #0f141b 100%) !important;
  border: 1px solid var(--hs-line);
}

.modal_form__title,
.modal_form__subtitle {
  color: var(--hs-text) !important;
}

.modal_form__bg .btn-close {
  background-color: transparent;
  filter: invert(1);
}

.contact-template-form-wrap::before,
.product-contact-cta__overlay {
  background:
    linear-gradient(135deg, rgba(7, 12, 18, 0.92), rgba(11, 16, 23, 0.9)),
    url("../image/footer-background.webp") center / cover no-repeat;
}

.contact-template-form-wrap,
.product-contact-cta,
.modal_form__bg {
  box-shadow: var(--hs-shadow);
}

.contact-template-page,
.blog-single-page,
.main-cat-content,
.main-cat-gallery,
.gallery-template-content,
.blog-template-list,
.contact-template-content,
.product-product-page,
.product-product-body {
  background: transparent;
}

.about-showcase__review-logo-wrapper,
.blog-template-card__image--placeholder,
.home-post-card__img--placeholder,
.product-card__media {
  background: #10151b !important;
}

.about-page-timeline__year {
  color: var(--hs-text-faint);
}

.about-page-timeline__item.is-oldest .about-page-timeline__year,
.about-header-lite__subtitle,
.about-header-lite__eyebrow,
.about-showcase__reviews-header,
.product-product-hero__badge {
  color: var(--hs-text);
}

.contact-template-page input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.contact-template-page textarea,
.contact-template-page select,
.blog-single-contact .contact_section__form input,
.blog-single-contact .contact_section__form textarea,
.blog-single-contact .contact_section__form select,
.product-sticky-card input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.product-sticky-card textarea,
.product-sticky-card select,
.product-contact-cta input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.product-contact-cta textarea,
.product-contact-cta select,
.contact_section__form--modal .form_control,
.form_order.footer_form .form_control {
  background: #0f141b !important;
  color: var(--hs-text) !important;
  border: 1px solid var(--hs-line) !important;
  box-shadow: none !important;
}

.contact-template-page input::placeholder,
.contact-template-page textarea::placeholder,
.blog-single-contact .contact_section__form input::placeholder,
.blog-single-contact .contact_section__form textarea::placeholder,
.product-sticky-card input::placeholder,
.product-sticky-card textarea::placeholder,
.product-contact-cta input::placeholder,
.product-contact-cta textarea::placeholder,
.contact_section__form--modal .form_control::placeholder,
.form_order.footer_form .form_control::placeholder {
  color: var(--hs-text-faint) !important;
}

.contact-template-page input:focus,
.contact-template-page textarea:focus,
.contact-template-page select:focus,
.blog-single-contact .contact_section__form input:focus,
.blog-single-contact .contact_section__form textarea:focus,
.blog-single-contact .contact_section__form select:focus,
.product-sticky-card input:focus,
.product-sticky-card textarea:focus,
.product-sticky-card select:focus,
.product-contact-cta input:focus,
.product-contact-cta textarea:focus,
.product-contact-cta select:focus,
.contact_section__form--modal .form_control:focus,
.form_order.footer_form .form_control:focus {
  border-color: var(--hs-line-strong) !important;
  box-shadow: 0 0 0 3px rgba(244, 119, 33, 0.14) !important;
  outline: 0;
}

.contact-template-info__link,
.blog-template-filter__arrow,
.product-card__link,
.product-product-hero__btn:hover,
.product-tables__filter-title,
.product-tables__filter-unit {
  color: var(--hs-orange) !important;
}

.site-footer {
  border-top: 1px solid var(--hs-line);
}

@media (max-width: 991.98px) {
  .header {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .home-hero-intro,
  .about-header-lite,
  .main-cat-hero,
  .product-product-hero {
    border-radius: 20px;
  }
}


@media (max-width: 991.98px) {
  .header-mobile-nav {
    position: fixed;
    inset: 0;
    z-index: 2000;
  }

  .header-mobile-nav[hidden] {
    display: none !important;
  }

  .header-mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(5, 10, 18, 0.72);
    backdrop-filter: blur(3px);
  }

  .header-mobile-nav__panel {
    position: absolute;
    top: env(safe-area-inset-top, 0);
    right: 0;
    width: min(88vw, 360px);
    max-width: 100%;
    height: 100dvh;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(11, 16, 24, 0.98) 0%, rgba(16, 23, 34, 0.98) 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.35);
    padding: calc(env(safe-area-inset-top, 0) + 20px) 18px calc(env(safe-area-inset-bottom, 0) + 28px);
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .header-mobile-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .header-mobile-nav__title {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
  }

  .header-mobile-nav__close {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
  }

  .header-mobile-nav__catalog-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border-radius: 14px;
    border: 1px solid rgba(243, 100, 24, 0.45);
    background: linear-gradient(180deg, rgba(113, 67, 38, 0.9) 0%, rgba(77, 45, 26, 0.95) 100%);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
  }

  .header-mobile-nav__menu,
  .header-mobile-nav__menu .menu-mobile {
    width: 100%;
  }

  .header-mobile-nav__menu .menu-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .header-mobile-nav__menu .menu-mobile > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .header-mobile-nav__menu .menu-mobile a {
    display: block;
    padding: 14px 4px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
  }

  .header-mobile-nav__menu .sub-menu {
    list-style: none;
    margin: 0 0 10px;
    padding: 0 12px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .header-mobile-nav__menu .sub-menu a {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    padding: 10px 0;
  }

  body.mobile-nav-open {
    overflow: hidden;
  }
}

@media (max-width: 991.98px) {
  .header-mobile-nav {
    position: fixed;
    inset: 0;
    z-index: 2000;
  }

  .header-mobile-nav[hidden] {
    display: none !important;
  }

  .header-mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(5, 10, 18, 0.72);
    backdrop-filter: blur(3px);
  }

  .header-mobile-nav__panel {
    position: absolute;
    top: env(safe-area-inset-top, 0);
    right: 0;
    width: min(88vw, 360px);
    max-width: 100%;
    height: 100dvh;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(11, 16, 24, 0.98) 0%, rgba(16, 23, 34, 0.98) 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.35);
    padding: calc(env(safe-area-inset-top, 0) + 20px) 18px calc(env(safe-area-inset-bottom, 0) + 28px);
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .header-mobile-nav__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .header-mobile-nav__title {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
  }

  .header-mobile-nav__close {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
  }

  .header-mobile-nav__catalog-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border-radius: 14px;
    border: 1px solid rgba(243, 100, 24, 0.45);
    background: linear-gradient(180deg, rgba(113, 67, 38, 0.9) 0%, rgba(77, 45, 26, 0.95) 100%);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
  }

  .header-mobile-nav__menu,
  .header-mobile-nav__menu .menu-mobile {
    width: 100%;
  }

  .header-mobile-nav__menu .menu-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .header-mobile-nav__menu .menu-mobile > li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .header-mobile-nav__menu .menu-mobile a {
    display: block;
    padding: 14px 4px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
  }

  .header-mobile-nav__menu .sub-menu {
    list-style: none;
    margin: 0 0 10px;
    padding: 0 12px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .header-mobile-nav__menu .sub-menu a {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    padding: 10px 0;
  }

  body.mobile-nav-open {
    overflow: hidden;
  }
}