/* ================================================================
   СЭЗ — ДИЗАЙН-СИСТЕМА v2
   Один источник правды: токены → компоненты → переопределения легаси.
   Палитра: #1A1A1A + #005499 на чисто белом. Углы прямые.
   На акцентном фоне текст ТОЛЬКО белый.
   ================================================================ */

/* ---------- ТОКЕНЫ ---------- */
:root {
  --sez-dark:        #07111A;
  --sez-accent:      #005499;
  --sez-accent-rgb:  0, 84, 153;
  --sez-white:       #FFFFFF;
  --sez-text:        #07111A;
  --sez-muted:       #6E6E6E;
  --sez-line:        #E2E2E2;
  --sez-line-dark:   rgba(255,255,255,.18);
  --sez-accent-tint: #E6F0F7;

  --sez-font-main:   'kelson', Arial, sans-serif;
  --sez-font-accent: 'kelson', Arial, sans-serif;

  /* Отступы, шаг 8px */
  --sez-s1: 8px;  --sez-s2: 16px; --sez-s3: 24px; --sez-s4: 32px;
  --sez-s5: 48px; --sez-s6: 64px; --sez-s7: 96px;

  /* Секции */
  --sez-section: clamp(60px, 8vw, 120px);

  /* Типографика — масштабируется до больших мониторов */
  --sez-h1: clamp(34px, 3.4vw, 72px);
  --sez-h2: clamp(26px, 2.4vw, 48px);
  --sez-h3: clamp(19px, 1.4vw, 26px);
  --sez-body: clamp(15px, 1.05vw, 19px);

  /* Контейнер */
  --sez-container: 1320px;

  /* Кнопка — единый размер везде */
  --sez-btn-pad: 17px 36px;
  --sez-btn-fs: 14px;
}
@media (min-width: 1600px) { :root { --sez-container: 1520px; } }
@media (min-width: 1920px) { :root { --sez-container: 1760px; } }

/* ---------- БАЗА ---------- */
*, *::before, *::after { border-radius: 0 !important; }

body, .boxed_wrapper,
.bg-color-1, .bg-color-2, .bg-color-3 {
  background-color: var(--sez-white) !important;
}
body { font-size: var(--sez-body); color: var(--sez-text); }

.auto-container, .outer-container {
  max-width: var(--sez-container) !important;
  margin: 0 auto;
  padding-left: var(--sez-s3);
  padding-right: var(--sez-s3);
}

h1 { font-size: var(--sez-h1) !important; line-height: 1.05; }
h2 { font-size: var(--sez-h2) !important; line-height: 1.12; }
h3 { font-size: var(--sez-h3); line-height: 1.25; }

/* Единый ритм секций */
section[class*="-section"], .sec-pad {
  padding-top: var(--sez-section);
  padding-bottom: var(--sez-section);
}
.sec-title { margin-bottom: var(--sez-s5); }
.sec-title .sub-title { color: var(--sez-muted); }

/* ---------- КНОПКИ: ОДИН ВИД ВЕЗДЕ ---------- */
/* Основная: акцентная, текст всегда белый */
.theme-btn, .theme-btn-two, .btn-one, .btn-two,
.sez-btn, .sez-btn--accent,
.sez-cat-btn, .sez-shop-btn, .sez-ral__btn, .sezrel-btn,
.sez-svc-hero-btn, .sez-route__btn, .sez-req__btn, .more-btn,
.sez-kus-formcard__button, .sez-dpc__cta,
.woocommerce .button, .woocommerce button.button,
.single_add_to_cart_button, .checkout-button,
button[type="submit"], input[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: var(--sez-btn-pad) !important;
  background: var(--sez-accent) !important;
  color: var(--sez-white) !important;
  border: 1px solid var(--sez-accent) !important;
  font-family: var(--sez-font-accent);
  font-size: var(--sez-btn-fs) !important;
  font-weight: 600 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.theme-btn:hover, .theme-btn-two:hover, .btn-one:hover, .btn-two:hover,
.sez-btn:hover, .sez-cat-btn:hover, .sez-shop-btn:hover,
.woocommerce .button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--sez-dark) !important;
  border-color: var(--sez-dark) !important;
  color: var(--sez-white) !important;
}
/* Всё внутри кнопки — белое, никакого чёрного на акцентном фоне */
.theme-btn *, .theme-btn-two *, .btn-one *, .btn-two *, .sez-btn *,
.sez-cat-btn *, .sez-shop-btn *, .woocommerce .button * {
  color: var(--sez-white) !important;
  fill: var(--sez-white);
  stroke: var(--sez-white);
}
/* Вторичная: контурная */
.sez-btn--ghost {
  background: transparent !important;
  color: var(--sez-dark) !important;
  border: 1px solid var(--sez-dark) !important;
}
.sez-btn--ghost:hover {
  border-color: var(--sez-accent) !important;
  color: var(--sez-accent) !important;
  background: transparent !important;
}
.sez-btn--ghost * { color: inherit !important; }

/* Табы-фильтры */
.tab-btn { background: transparent; border: 1px solid var(--sez-line); color: var(--sez-text); }
.tab-btn.active-btn, .tab-btn.active, .tab-btn:hover {
  background: var(--sez-accent); border-color: var(--sez-accent); color: var(--sez-white) !important;
}

/* ---------- КАРТОЧКИ: ОДИН РАЗМЕР ---------- */
.case-block-three .inner-box,
.news-block-one .inner-box,
.service-block-one .inner-box,
.sez-card, .card,
.sez-shop-card, .sez-product-card,
.woocommerce ul.products li.product {
  border: none !important;
  box-shadow: none !important;
  border-top: 1px solid var(--sez-line);
  border-bottom: 1px solid var(--sez-line);
  background: var(--sez-white);
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Медиа карточек — единая пропорция */
.case-block-three .image-box img,
.news-block-one .image img, .news-block-one figure.image img,
.service-block-one .image-box img,
.card .media img,
.woocommerce ul.products li.product img,
.sez-shop-card img, .sez-product-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
/* Контент карточек — единый отступ */
.news-block-one .lower-content,
.service-block-one .lower-content,
.card .content, .card .body {
  padding: var(--sez-s3) !important;
  flex: 1 1 auto;
}

/* ---------- БАННЕРЫ СТРАНИЦ: БЕЗ ФОНА, ЕДИНЫЙ ВИД ---------- */
.page-title, .page-title-section {
  background: var(--sez-white) !important;
  padding: var(--sez-s7) 0 var(--sez-s5) !important;
  position: relative;
  min-height: 0 !important;
}
.page-title::after, .page-title::before { display: none !important; content: none !important; }
.page-title .bg-layer, .page-title .line-box { display: none !important; }
.page-title h1, .page-title-section h1 { color: var(--sez-dark) !important; }
.page-title .bread-crumb li, .page-title .bread-crumb li a,
.page-title-section .breadcrumbs, .page-title-section .breadcrumbs a {
  color: var(--sez-muted) !important;
}
.page-title .bread-crumb li a:hover,
.page-title-section .breadcrumbs a:hover { color: var(--sez-accent) !important; }
/* hero-card больше не плашка */
.page-title-section .hero-card,
.sez-blog-archive .hero-card,
.sez-svc-hero-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: var(--sez-text);
}
.page-title-section .hero-card h1, .sez-blog-archive .hero-card h1 { color: var(--sez-dark) !important; }
.page-title-section .hero-card p, .sez-blog-archive .hero-card p { color: var(--sez-muted) !important; }
.centred .content-box { text-align: left !important; } /* баннеры едины: всё влево */

/* ---------- ПЛАШКА С «ВЫЛЕЗАЮЩИМ» PNG ---------- */
.sez-panel {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-top: var(--sez-s6);
}
.sez-panel__bg { position: absolute; inset: 0; background: var(--sez-dark); z-index: 0; }
.sez-panel--accent .sez-panel__bg { background: var(--sez-accent); }
.sez-panel__content {
  position: relative; z-index: 2;
  color: var(--sez-white);
  padding: var(--sez-s5);
  flex: 1 1 55%;
}
.sez-panel__content h2, .sez-panel__content h3, .sez-panel__content p { color: var(--sez-white); }
.sez-panel__content .line { width: 64px; height: 2px; background: var(--sez-accent); margin: var(--sez-s2) 0; }
.sez-panel--accent .sez-panel__content .line { background: var(--sez-white); }
.sez-panel__media {
  position: relative; z-index: 2;
  flex: 1 1 45%; margin: 0;
  display: flex; align-items: flex-end; justify-content: center;
}
.sez-panel__media img {
  display: block; max-width: 100%; height: auto;
  margin-top: calc(-1 * var(--sez-s6));
  filter: drop-shadow(0 24px 32px rgba(0,0,0,.28));
}
@media (max-width: 767px) {
  .sez-panel { flex-direction: column; }
  .sez-panel__media img { margin-top: calc(-1 * var(--sez-s4)); }
}

/* ---------- ПОДВАЛ ---------- */
.main-footer { background-color: var(--sez-dark) !important; }
.main-footer .footer-top { border-bottom: 1px solid var(--sez-line-dark); }
.main-footer .widget-title h3 { color: var(--sez-white); }
.footer-bottom { border-top: 1px solid var(--sez-line-dark); background: var(--sez-dark) !important; }
.main-footer .footer-logo,
.main-footer .footer-logo a {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 220px !important;
}
.main-footer .footer-logo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}
.sez-footer-logo-text {
  color: #fff;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
}

/* ---------- ВИДЖЕТ ЧАТА БИТРИКС24: С НУЛЯ ---------- */
/* Кнопка: акцентный квадрат, белая иконка */
.b24-widget-button-wrapper .b24-widget-button-inner-block,
.b24-widget-button-wrapper .b24-widget-button-block,
.b24-widget-button-wrapper .b24-widget-button-inner-mask,
.b24-widget-button-wrapper .b24-widget-button-pulse,
.b24-widget-button-wrapper .b24-widget-button-pulse-animate {
  background: var(--sez-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
}
.b24-widget-button-wrapper .b24-widget-button-pulse,
.b24-widget-button-wrapper .b24-widget-button-pulse-animate { display: none !important; }
.b24-widget-button-wrapper .b24-widget-button-inner-item,
.b24-widget-button-wrapper .b24-widget-button-icon,
.b24-widget-button-wrapper svg, .b24-widget-button-wrapper svg path {
  fill: var(--sez-white) !important;
  color: var(--sez-white) !important;
}
.b24-widget-button-wrapper .b24-widget-button-inner-container { border-radius: 0 !important; }
/* Окно чата: белое, прямые углы, акцентная шапка с белым текстом */
.bx-livechat-wrapper, .b24-widget-button-popup, .b24-widget-button-window {
  border-radius: 0 !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.16) !important;
  border: 1px solid var(--sez-line) !important;
}
.bx-livechat-head, .bx-livechat-header,
.b24-widget-button-popup .b24-widget-popup-header {
  background: var(--sez-accent) !important;
  color: var(--sez-white) !important;
  border-radius: 0 !important;
}
.bx-livechat-head *, .bx-livechat-header * ,
.b24-widget-button-popup .b24-widget-popup-header * {
  color: var(--sez-white) !important;
  fill: var(--sez-white) !important;
}
.bx-livechat-form-btn, .bx-livechat-btn,
.bx-livechat-wrapper button[type="submit"] {
  background: var(--sez-accent) !important;
  color: var(--sez-white) !important;
  border-radius: 0 !important;
  border: none !important;
}
.bx-livechat-message-self .bx-livechat-message-text {
  background: var(--sez-accent) !important;
  color: var(--sez-white) !important;
}

/* ---------- ЗАПРЕТ ЧЁРНОГО НА ОРАНЖЕВОМ (глобальная страховка) ---------- */
.sez-dpc__card--accent, .sez-dpc__card--accent *,
[class*="--accent"] .sez-dpc__title,
.bg-accent, .bg-accent * {
  color: var(--sez-white) !important;
}

/* ---------- МАГАЗИН: НОРМАЛИЗАЦИЯ ---------- */
/* Карточки каталога и товаров — один размер */
.sez-cat-card, .sez-prod-card {
  height: 400px !important;
  border: none !important;
  border-top: 1px solid var(--sez-line) !important;
  border-bottom: 1px solid var(--sez-line) !important;
}
@media (max-width: 1199px) { .sez-cat-card, .sez-prod-card { height: 340px !important; } }
@media (max-width: 575px)  { .sez-cat-card, .sez-prod-card { height: 300px !important; } }

/* Баннеры магазина/категорий — как у всех страниц: без фона и рамок */
.sez-shop-hero, .sez-cat-hero {
  background: var(--sez-white) !important;
  border: none !important;
  padding: var(--sez-s7) 0 var(--sez-s5) !important;
  margin-bottom: 0 !important;
}
.sez-shop-hero { padding-left: 0 !important; padding-right: 0 !important; }
.sez-shop-hero__crumb a, .sez-cat-hero__crumb a { color: var(--sez-muted); }
.sez-shop-hero__crumb a:hover, .sez-cat-hero__crumb a:hover { color: var(--sez-accent); }

/* Сетки товаров — единый интервал */
.sez-cat-products { gap: var(--sez-s2) !important; }

/* ---------- ШАПКА: вне главной — белая плашка; на главной — прозрачная с плавной заливкой при скролле ---------- */
body:not(.sez-hero-home) .main-header {
  position: relative !important;
  background: var(--sez-white) !important;
  border-bottom: 1px solid var(--sez-line);
}
.main-header .header-lower .outer-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sez-s3);
}
.main-header .menu-area { float: none !important; }
.main-menu { float: none !important; }
.main-menu .navigation {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
}
.main-menu .navigation > li { margin: 0 10px !important; }
.main-menu .navigation > li > a {
  font-size: 17px !important;
  text-shadow: none !important;
}
body:not(.sez-hero-home) .main-menu .navigation > li > a {
  color: var(--sez-dark) !important;
}
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
  color: var(--sez-accent) !important;
}
/* прозрачную шапку поверх героя отключаем: снизу тёмный герой, сверху белая плашка */
.main-header .search-box-outer * { color: var(--sez-dark) !important; }
/* Кнопка закрытия прелоадера — чёрный квадрат в шапке: прячем */
.preloader-close { display: none !important; }
@media (min-width: 992px) and (max-width: 1250px) {
  .main-menu .navigation > li { margin: 0 6px !important; }
  .main-menu .navigation > li > a { font-size: 14px !important; }
}

/* Приоритетные добивки: меню всегда тёмное, герой вплотную к шапке */
.banner-section { padding-top: 0 !important; padding-bottom: 0 !important; }

/* меню-финал: без подчёркиваний и переносов */
.main-menu .navigation > li > a {
  text-decoration: none !important;
  white-space: nowrap !important;
  border-bottom: none !important;
}

/* ================================================================
   v2.2 — правки по замечаниям
   ================================================================ */

/* ---------- Второй акцентный шрифт: JetBrains Mono для технических подписей ---------- */
:root { --sez-font-mono: 'Courier New', monospace; }
.sez-kicker, .sez-mono,
.sez-about__kicker, .sez-about__card-index, .sez-about__card-time,
.sez-about__chips li,
.sec-title .sub-title,
.sez-shop-hero__crumb, .sez-cat-hero__crumb,
.page-title .bread-crumb li, .breadcrumbs,
.sez-cat-chip {
  font-family: var(--sez-font-mono) !important;
  letter-spacing: .08em;
}

/* ---------- Контейнер: тянемся к краям на больших мониторах ---------- */
:root { --sez-container: min(100% - 64px, 1840px); }
@media (max-width: 767px) { :root { --sez-container: min(100% - 32px, 1840px); } }
/* Записи и карточки товара — читабельная ширина */
body.single-post .auto-container,
body.single-case .auto-container,
body.single-service .auto-container,
body.single-sez_product .auto-container {
  max-width: 1320px !important;
}

/* ---------- Никаких подчёркиваний у служебных ссылок ---------- */
.main-menu a, .main-footer a, .header-top a,
.fl-banner a, .page-title a, .breadcrumbs a,
.sez-blog-archive a, .footer-bottom a,
.main-footer .footer-widget a {
  text-decoration: none !important;
  border-bottom: none !important;
}
.main-footer a:hover { color: var(--sez-accent) !important; }

/* ---------- Кнопки: стрелка внутри, без отдельного квадрата ---------- */
/* ---------- Кнопка на главном баннере: только акцент, не серая ---------- */
.banner-section a[class*="btn"],
.banner-carousel a[class*="btn"],
.banner-section .theme-btn {
  background: var(--sez-accent) !important;
  color: var(--sez-white) !important;
  border: 1px solid var(--sez-accent) !important;
}
.banner-section a[class*="btn"]:hover { background: var(--sez-dark) !important; border-color: var(--sez-dark) !important; }

/* ---------- Страницы записи/новости/товара: единый вид ---------- */
body.single .page-title, body.single .page-title-section { padding-top: var(--sez-s6) !important; }
body.single article img { max-width: 100%; height: auto; }
body.single-post .entry-content h2,
body.single-post .entry-content h3 { margin: var(--sez-s4) 0 var(--sez-s2); }
body.single-post .entry-content p { margin-bottom: var(--sez-s2); }

/* ---------- Виджет чата: живая анимация с плашкой «Задайте вопрос…» ---------- */
@keyframes sez-chat-pulse {
  0%, 84%, 100% { transform: scale(1); }
  88% { transform: scale(1.07); }
  94% { transform: scale(1); }
}
@keyframes sez-chat-peek {
  0%, 55% { opacity: 0; transform: translateX(14px); }
  62%, 88% { opacity: 1; transform: translateX(0); }
  95%, 100% { opacity: 0; transform: translateX(14px); }
}
.b24-widget-button-wrapper .b24-widget-button-inner-container {
  animation: sez-chat-pulse 7s ease-in-out infinite;
}
.b24-widget-button-wrapper .b24-widget-button-position-bottom-right::after,
.b24-widget-button-wrapper::after {
  content: 'Задайте вопрос…';
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  margin-top: -21px;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  background: var(--sez-dark);
  color: var(--sez-white);
  font-family: var(--sez-font-accent);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  animation: sez-chat-peek 7s ease-in-out infinite;
  z-index: 2147483001;
}

/* ---------- Подвал: одинаковый везде ---------- */
.main-footer, .main-footer .footer-top, .main-footer .footer-bottom {
  background: var(--sez-dark) !important;
}
.main-footer h3, .main-footer h4, .main-footer .widget-title { color: var(--sez-white) !important; }
.main-footer, .main-footer p, .main-footer li, .main-footer a { color: rgba(255,255,255,.72); }
.main-footer .footer-widget { padding: 0 !important; margin-bottom: var(--sez-s4) !important; }

/* Старт поддомена: старый плавающий баннер скрыт до настройки презентации и форм. */
.fl-banner {
  display: none !important;
}

/* ---------- Unified page hero and contact layout ---------- */
.sez-page-hero {
  padding: clamp(116px, 11vw, 168px) 0 clamp(48px, 6vw, 88px);
  border-bottom: 1px solid #d8dde2;
  background:
    linear-gradient(90deg, rgba(0, 84, 153, .055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(0, 84, 153, .04) 1px, transparent 1px),
    #fff;
  background-size: 25% 100%, 100% 50%;
}

.sez-page-hero__inner > span {
  color: var(--sez-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.sez-page-hero h1 {
  max-width: 980px;
  margin: 26px 0 0;
  color: var(--sez-dark);
  font-size: clamp(42px, 5vw, 88px);
  line-height: .98;
  font-weight: 800;
  letter-spacing: 0;
}

.sez-page-hero p {
  max-width: 780px;
  margin: 28px 0 0;
  color: var(--sez-muted);
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1.6;
}

.sez-page-hero__crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
  color: var(--sez-muted);
  font-size: 14px;
  font-weight: 700;
}

.sez-page-hero__crumbs a {
  color: var(--sez-muted);
  text-decoration: none;
}

.sez-page-hero__crumbs a:hover {
  color: var(--sez-accent);
}

.sez-page-hero__crumbs i {
  font-style: normal;
  color: #b0bac2;
}

.sez-contact-section,
.sez-contact-map-section {
  padding: clamp(46px, 6vw, 92px) 0;
  border-bottom: 1px solid #d8dde2;
  background: #fff;
}

.sez-contact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid #d8dde2;
  border-left: 1px solid #d8dde2;
  background: #d8dde2;
}

.sez-contact-card {
  min-height: 280px;
  padding: clamp(24px, 2.2vw, 38px);
  background: #fff;
}

.sez-contact-card > span {
  color: var(--sez-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 700;
}

.sez-contact-card h2 {
  margin: 72px 0 18px;
  color: var(--sez-dark);
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.08;
  font-weight: 800;
}

.sez-contact-card a,
.sez-contact-card div {
  display: block;
  margin-top: 10px;
  color: #4e5962;
  font-size: 17px;
  line-height: 1.55;
  text-decoration: none;
}

.sez-contact-card a:hover {
  color: var(--sez-accent);
}

.sez-contact-map {
  height: clamp(420px, 58vh, 760px);
  overflow: hidden;
  border: 1px solid #d8dde2;
  background: #eef2f5;
}

.sez-contact-map iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

@media (max-width: 1199px) {
  .sez-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .sez-page-hero {
    padding-top: 104px;
    background-size: 50% 100%, 100% 33.333%;
  }

  .sez-page-hero h1 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .sez-contact-grid {
    grid-template-columns: 1fr;
  }
}

/* ---------- SEZ Metall final UI: buttons, logos, menu ---------- */
.theme-btn,
.theme-btn.btn-one,
.theme-btn.btn-two,
.sez-btn,
button[type="submit"],
input[type="submit"] {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  gap: 0 !important;
  overflow: visible !important;
}

.theme-btn span,
.theme-btn.btn-one span,
.theme-btn.btn-two span,
.sez-btn span {
  padding: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

.theme-btn span::before,
.theme-btn.btn-one span::before,
.theme-btn.btn-two span::before,
.sez-btn span::before {
  content: none !important;
  display: none !important;
}

.theme-btn span::after,
.theme-btn.btn-one span::after,
.theme-btn.btn-two span::after,
.sez-btn span::after {
  content: none !important;
  display: none !important;
}

body:not(.sez-hero-home) .main-header {
  position: relative !important;
  z-index: 999 !important;
  background: #fff !important;
}

body:not(.sez-hero-home) .main-header .header-lower {
  display: block !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
  box-shadow: none !important;
}

body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions {
  margin-left: 0 !important;
}

body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions .option-list {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions .option-list li {
  margin: 0 !important;
}

body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions .option-list li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(0, 0, 0, .12) !important;
  background: #fff !important;
  color: #1A1A1A !important;
  line-height: 1 !important;
}

body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions .option-list li a.sez-header-cta {
  width: auto !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 22px !important;
  border-color: #005499 !important;
  background: #005499 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.main-header .header-top {
  display: none !important;
}

.main-header .header-lower {
  display: block !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
}

.main-header .header-lower .outer-container,
.main-header .sticky-header .outer-container {
  max-width: none !important;
  padding: 0 !important;
}

.main-header .header-lower .outer-box,
.main-header .sticky-header .outer-box {
  min-height: 72px !important;
  padding: 0 clamp(24px, 4vw, 68px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(18px, 2vw, 36px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.main-header .menu-left-content {
  display: flex !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 56px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-header .logo-box {
  margin: 0 !important;
  padding: 0 !important;
}

.main-header .search-box-outer {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.main-header .search-box-outer h5 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #14191d !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.main-header .search-box-outer h5 i {
  position: static !important;
  color: currentColor !important;
  font-size: 20px !important;
}

.main-header .menu-area {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
}

.main-menu .navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(20px, 2vw, 34px) !important;
  margin: 0 !important;
}

.main-menu .navigation > li {
  margin: 0 !important;
}

.main-menu .navigation > li > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 28px 0 !important;
  color: #14191d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.main-menu .navigation > li > a::before,
.main-menu .navigation > li > a::after {
  position: absolute !important;
  top: 50% !important;
  display: block !important;
  opacity: 0 !important;
  transform: translateY(-52%) !important;
  transition: opacity .18s ease, color .18s ease !important;
}

.main-menu .navigation > li > a::before {
  content: "[" !important;
  left: -10px !important;
}

.main-menu .navigation > li > a::after {
  content: "]" !important;
  right: -10px !important;
}

.main-menu .navigation > li > a:hover::before,
.main-menu .navigation > li > a:hover::after,
.main-menu .navigation > li.current-menu-item > a::before,
.main-menu .navigation > li.current-menu-item > a::after,
.main-menu .navigation > li.current_page_item > a::before,
.main-menu .navigation > li.current_page_item > a::after,
.main-menu .navigation > li.current-menu-ancestor > a::before,
.main-menu .navigation > li.current-menu-ancestor > a::after {
  opacity: 1 !important;
}

.main-header .logo-box,
.main-header .logo-box a,
.main-header .sez-logo-switch {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.main-header .logo-box img,
.mobile-menu .nav-logo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: clamp(138px, 9vw, 210px) !important;
  max-height: 46px !important;
  object-fit: contain !important;
}

.mobile-menu .nav-logo img {
  max-width: 190px !important;
  max-height: 54px !important;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li.current_page_item > a,
.main-menu .navigation > li.current-menu-ancestor > a {
  color: var(--sez-accent) !important;
}

.main-menu .navigation > li > a::before,
.main-menu .navigation > li > a::after {
  color: currentColor !important;
}

.main-header .sez-header-cta {
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 18px !important;
  overflow: hidden !important;
}

.main-header .sez-header-cta span {
  min-height: 44px !important;
  gap: 0 !important;
}

.main-header .sez-header-cta span::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1199px) {
  .main-header .main-menu,
  .main-header .navbar-collapse {
    display: none !important;
  }

  .main-header .menu-area {
    margin-left: auto !important;
  }

  .main-header .menu-area .mobile-nav-toggler {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 46px !important;
    height: 46px !important;
    gap: 5px !important;
  }

  .main-header .menu-area .mobile-nav-toggler .icon-bar {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: currentColor !important;
  }
}

@media (max-width: 767px) {
  .main-header .header-lower .outer-box,
  .main-header .sticky-header .outer-box {
    min-height: 58px !important;
    padding: 0 14px !important;
    gap: 12px !important;
  }

  .main-header .menu-left-content {
    gap: 0 !important;
  }

  .main-header .search-box-outer,
  .main-header .menu-right-content.sez-header-shop-actions {
    display: none !important;
  }

  .main-header .logo-box img,
  .mobile-menu .nav-logo img {
    max-width: 148px !important;
    max-height: 38px !important;
  }

  .main-header .menu-area {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}

body:not(.sez-hero-home) .main-header .header-lower .outer-box {
  min-height: 72px !important;
  padding: 0 clamp(24px, 4vw, 68px) !important;
  background: transparent !important;
  border: 0 !important;
}

body:not(.sez-hero-home) .main-header .logo-box img.logo-dark {
  display: block !important;
}

body:not(.sez-hero-home) .main-header .logo-box img.logo-light {
  display: none !important;
}

body:not(.sez-hero-home) .main-header .menu-left-content,
body:not(.sez-hero-home) .main-header .menu-right-content,
body:not(.sez-hero-home) .main-header .menu-right-content.sez-header-shop-actions {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.sez-hero-home) .main-header .logo-box::before,
body:not(.sez-hero-home) .main-header .logo-box::after,
body:not(.sez-hero-home) .main-header .menu-left-content::before,
body:not(.sez-hero-home) .main-header .menu-left-content::after,
body:not(.sez-hero-home) .main-header .menu-left-content .logo-box::before,
body:not(.sez-hero-home) .main-header .menu-left-content .logo-box::after,
body:not(.sez-hero-home) .main-header .menu-right-content::before,
body:not(.sez-hero-home) .main-header .menu-right-content::after,
body:not(.sez-hero-home) .main-header .option-list::before,
body:not(.sez-hero-home) .main-header .option-list::after {
  content: none !important;
  display: none !important;
}

body:not(.sez-hero-home) .main-header .main-menu .navigation > li > a:hover,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-item > a,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current_page_item > a,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-ancestor > a {
  color: var(--sez-accent) !important;
}

body:not(.sez-hero-home) .main-header .main-menu .navigation > li > a:hover::before,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li > a:hover::after,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-item > a::before,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-item > a::after,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current_page_item > a::before,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current_page_item > a::after,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-ancestor > a::before,
body:not(.sez-hero-home) .main-header .main-menu .navigation > li.current-menu-ancestor > a::after {
  color: var(--sez-accent) !important;
  opacity: 1 !important;
}
