:root {
	--wd-text-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 43px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(166,166,166);
	--wd-alternative-color: #fbbc34;
	--btn-default-font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-font-size: 16px;
	--btn-default-bgcolor: rgb(230,227,227);
	--btn-default-bgcolor-hover: rgb(188,188,188);
	--btn-default-padding: 12px 24px 12px 24px;
	--btn-accented-font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-transform: none;
	--btn-accented-font-size: 16px;
	--btn-accented-bgcolor: rgb(230,227,227);
	--btn-accented-bgcolor-hover: rgb(188,188,188);
	--btn-accented-padding: 12px 24px 12px 24px;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-popup.wd-age-verify {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title, html .wd-product .price, .elementor-widget-woocommerce-product-title .elementor-heading-title, .elementor-widget-woocommerce-product-price .price .amount {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: rgb(255,255,255);
}
.woocommerce-mini-cart__total strong, .woocommerce-mini-cart .remove, .product_list_widget>li>a {
	color: rgb(166,166,166);
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--btn-default-padding: 12px 24px 12px 24px;
	--btn-accented-padding: 12px 24px 12px 24px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title, html .wd-product .price, .elementor-widget-woocommerce-product-title .elementor-heading-title, .elementor-widget-woocommerce-product-price .price .amount {
		font-size: 32px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--btn-default-padding: 12px 24px 12px 24px;
	--btn-accented-padding: 12px 24px 12px 24px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title, html .wd-product .price, .elementor-widget-woocommerce-product-title .elementor-heading-title, .elementor-widget-woocommerce-product-price .price .amount {
		font-size: 20px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}



@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-italic.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-500.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-500italic.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-600.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-600italic.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-700.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/inter-v20-cyrillic-700italic.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-italic.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-500.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-500italic.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-600.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-600italic.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-700.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/noto-sans-v42-cyrillic-700italic.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Oswald";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/oswald-v57-cyrillic-regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Oswald";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/oswald-v57-cyrillic-500.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Oswald";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/oswald-v57-cyrillic-600.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Oswald";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/oswald-v57-cyrillic-700.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-italic.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-500.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-500italic.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-600.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-600italic.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-700.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/roboto-v51-cyrillic-700italic.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "129_Kosmos";
	src: url("//d-bari.ru/wp-content/uploads/2026/08/129_kosmos.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* ==========================================================================
   0. БАЗОВЫЕ ПЕРЕОПРЕДЕЛЕНИЯ И ЭЛЕМЕНТЫ ТЕМЫ WOODMART
   ========================================================================== */

/* Заголовки промо-блоков */
.elementor-442 .elementor-element.elementor-element-449f576 .woodmart-title-container.title.wd-fontsize-l {
  font-size: 32px;
}

/* Глобальное скругление для кнопок интерфейса */
#bari-btn-add-initial { 
  border-radius: 43px; 
}

:is(.btn, .button, button, [type=submit], [type=button]) { 
  border-radius: 43px; 
}

/* Выпадающее окно авторизации/регистрации в шапке (Liquid Glass) */
.whb-col-right .wd-dropdown-register {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: calc(var(--nav-gap, 0.001px) / 2 * -1);
  background: rgba(29, 29, 29, 0.5) !important;
  box-shadow: inset -5px -5px 250px rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(21px) !important;
}

/* Белый цвет текста системных заголовков и ссылок */
.wd-heading .title,
a.create-account-link,
.whb-main-header *,
.login.woocommerce-form.woocommerce-form-login label,
.wd-login-title,
.wd-builder-off .woocommerce-MyAccount-title,
.wd-builder-off .woocommerce-MyAccount-navigation ul > li > a,
li > a > .wd-nav-icon + .nav-link-text,
.elementor-442 .elementor-element.elementor-element-449f576 .title,
.wc_account_menu_items .wd-nav-vertical.wd-design-simple > li > a,
.rank-math-breadcrumb .last { 
  color: #FFFFFF; 
}

/* Всплывающее окно Cookies */
.wd-cookies-popup {
  background: radial-gradient(100% 100% at 0% 0%, rgba(65, 65, 65, 0.32) 0%, rgba(255, 255, 255, 0) 100%) !important;
  backdrop-filter: blur(21px) !important;
  -webkit-backdrop-filter: blur(21px) !important;
  box-shadow: inset -5px -5px 250px rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.wd-cookies-popup.popup-display .cookies-buttons { 
  border-radius: 43px; 
}

/* Выпадающие меню Woodmart в шапке (Liquid Glass) */
.whb-col-right .wd-dropdown-menu.wd-design-default {
  background: radial-gradient(100% 100% at 0% 0%, rgba(65, 65, 65, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  box-shadow: inset -5px -5px 250px rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}

/* Анимированное подчеркивание ссылок выпадающего меню аккаунта */
div.wd-dropdown > ul.wd-sub-menu > .woocommerce-MyAccount-navigation-link > a { 
  color: #FFFFFF; 
}

div.wd-dropdown > ul.wd-sub-menu > .woocommerce-MyAccount-navigation-link > a > span {
  position: relative;
  display: inline-block;
}

div.wd-dropdown > ul.wd-sub-menu > .woocommerce-MyAccount-navigation-link > a > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #FF3009;
  transform: scaleX(0);  
  transform-origin: left center;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

div.wd-dropdown > ul.wd-sub-menu > .woocommerce-MyAccount-navigation-link:hover > a > span::after {
  transform: scaleX(1);
}

/* Анимированное подчеркивание в главной навигации */
.wd-header-main-nav .menu-item:hover > a { 
  color: #FFFFFF; 
}

.wd-header-main-nav .menu-item > a > .nav-link-text {
  position: relative;
  display: inline-block;
}

.wd-header-main-nav .menu-item > a > .nav-link-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1.5px;
  background-color: #FF3009;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.wd-header-main-nav .menu-item:hover > a > .nav-link-text::after {
  transform: scaleX(1);
}

.single_add_to_cart_button.elementor-button.button.alt > .elementor-button-content-wrapper { 
  gap: 0; 
}

/* ==========================================================================
   1. СТРАНИЦА «О НАС» (PAGE ID: 535) — 100% ИЗОЛЯЦИЯ
   ========================================================================== */

body.page-id-535 .whb-overcontent .whb-main-header,
body.page-id-535 header.whb-main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: transparent;
}

body.page-id-535 .website-wrapper,
body.page-id-535 .main-page-wrapper,
body.page-id-535 .wd-content-layout,
body.page-id-535 main#main-content,
body.page-id-535 main#main-content.container,
body.page-id-535 .site-content,
body.page-id-535 article#post-535,
body.page-id-535 .entry-content {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-block: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

body.page-id-535 .wd-page-title.page-title.page-title-default {
  display: none;
}

body.page-id-535 .elementor-535,
body.page-id-535 .elementor-535 .e-con,
body.page-id-535 .elementor-535 .e-con-parent,
body.page-id-535 .elementor-535 .elementor-element,
body.page-id-535 .elementor-widget-html,
body.page-id-535 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

body.page-id-535 {
  --bari-container-max: 1856px;
  --bari-color-bg: #0E0907;
  --bari-color-card-bg: rgba(63, 61, 58, 0.45);
  --bari-color-card-glass: rgba(255, 255, 255, 0.12);
  --bari-color-primary: #FFFFFF;
  --bari-color-secondary: #BFBFBF;
  --bari-color-muted: #8E8A87;
  --bari-color-accent: #7F1805;
  --bari-font-heading: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bari-font-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bari-font-script: '129 Kosmos', 'Marck Script', 'Caveat', cursive;
}

body.page-id-535 .bari-about-page {
  background-color: var(--bari-color-bg);
  color: var(--bari-color-primary);
  font-family: var(--bari-font-body);
  overflow-x: clip;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

body.page-id-535 .bari-about-page .bari-container {
  width: 100%;
  max-width: var(--bari-container-max);
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.page-id-535 .bari-about-page .bari-container {
    padding: 0 16px;
  }
}

body.page-id-535 .bari-about-page .bari-section-title {
  font-family: var(--bari-font-heading);
  font-weight: 500;
  font-size: 32px;
  line-height: 1.3;
  color: var(--bari-color-primary);
  text-transform: none;
  margin: 0 0 20px 0;
  text-align: center;
}

body.page-id-535 .bari-about-page .bari-section-title--left {
  text-align: left;
}

body.page-id-535 .bari-about-hero {
  position: relative;
  min-height: 852px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  width: 100%;
}

body.page-id-535 .bari-about-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 1;
}

body.page-id-535 .bari-about-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(14,9,7,0.75) 100%);
  z-index: 2;
}

body.page-id-535 .bari-about-hero__container {
  position: relative;
  z-index: 3;
  min-height: 852px;
  width: 100%;
}

body.page-id-535 .bari-glass-card {
  position: absolute;
  box-sizing: border-box;
  background: radial-gradient(260.11% 144.82% at 38.75% -3.42%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.05) 100%);
  box-shadow: inset 5px 5px 4px 0px rgba(255, 255, 255, 0.10), 
              inset -5px -5px 250px 0px rgba(255, 255, 255, 0.02),
              0 20px 40px rgba(0,0,0,0.35);
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  border-radius: 32px;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

body.page-id-535 .bari-glass-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.55);
}

body.page-id-535 .bari-glass-card__title {
  font-family: var(--bari-font-heading);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 0;
}

body.page-id-535 .bari-glass-card__text {
  font-family: var(--bari-font-body);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #FEFEFE;
  margin: 0;
}

body.page-id-535 .bari-glass-card--top-right {
  top: 180px;
  right: 120px;
  width: 558px;
  max-width: 90%;
}

body.page-id-535 .bari-glass-card--center-left {
  top: 380px;
  left: 80px;
  width: 594px;
  max-width: 90%;
}

body.page-id-535 .bari-glass-card--bottom-right {
  top: 570px;
  right: 160px;
  width: 594px;
  max-width: 90%;
}

body.page-id-535 .bari-about-manifest {
  padding: 80px 0 50px 0;
  position: relative;
}

body.page-id-535 .bari-about-manifest__content {
  max-width: 1296px;
  margin: 0 auto;
  text-align: center;
}

body.page-id-535 .bari-about-manifest__text {
  font-size: 22px;
  line-height: 1.5;
  color: var(--bari-color-secondary);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.page-id-535 .bari-about-manifest__text p {
  margin: 0;
}

body.page-id-535 .bari-about-ribbon {
  padding: 40px 0 70px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

body.page-id-535 .bari-about-ribbon__track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: nowrap;
  padding: 20px 20px;
}

body.page-id-535 .bari-ribbon-card {
  flex: 0 0 185px;
  width: 185px;
  height: 119px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;
  user-select: none;
}

body.page-id-535 .bari-ribbon-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: contrast(1.1);
}

body.page-id-535 .bari-ribbon-card:hover {
  transform: scale(1.1) rotate(0deg);
  z-index: 10;
  box-shadow: 0 15px 35px rgba(255, 87, 34, 0.25);
}

body.page-id-535 .bari-ribbon-card--1 { transform: rotate(5.69deg); }
body.page-id-535 .bari-ribbon-card--2 { transform: rotate(-3.02deg); }
body.page-id-535 .bari-ribbon-card--3 { transform: rotate(-15deg); }
body.page-id-535 .bari-ribbon-card--4 { transform: rotate(-6.7deg); }
body.page-id-535 .bari-ribbon-card--5 { transform: rotate(10.09deg); }
body.page-id-535 .bari-ribbon-card--6 { transform: rotate(-3.05deg); }
body.page-id-535 .bari-ribbon-card--7 { transform: rotate(7.99deg); }
body.page-id-535 .bari-ribbon-card--8 { transform: rotate(-0.89deg); }
body.page-id-535 .bari-ribbon-card--9 { transform: rotate(4.2deg); }

body.page-id-535 .bari-about-cities {
  padding: 60px 0 80px 0;
  position: relative;
  width: 100%;
}

body.page-id-535 .bari-about-cities__grid {
  display: grid;
  grid-template-columns: 1fr 526px;
  gap: 80px;
  align-items: center;
}

body.page-id-535 .bari-about-cities__text-col {
  max-width: 720px;
}

body.page-id-535 .bari-about-cities__desc {
  font-size: 22px;
  line-height: 1.5;
  color: var(--bari-color-secondary);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

body.page-id-535 .bari-about-cities__desc strong {
  color: #FFFFFF;
  font-weight: 600;
}

body.page-id-535 .bari-chef-frame {
  width: 100%;
  height: 700px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

body.page-id-535 .bari-chef-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.page-id-535 .bari-about-authentic {
  padding: 40px 0 100px 0;
  position: relative;
  width: 100%;
}

body.page-id-535 .bari-authentic-glow {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 500px;
  height: 300px;
  background: radial-gradient(circle, rgba(127, 24, 5, 0.4) 0%, rgba(127, 24, 5, 0) 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 1;
}

body.page-id-535 .bari-authentic-card {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  background: radial-gradient(260.11% 144.82% at 38.75% -3.42%, rgba(63, 61, 58, 0.5) 0%, rgba(65, 63, 61, 0.35) 100%);
  box-shadow: inset 5px 5px 4px 0px rgba(255, 255, 255, 0.10), 
              inset -5px -5px 250px 0px rgba(255, 255, 255, 0.02),
              0 25px 60px rgba(0,0,0,0.45);
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  border-radius: 32px;
  padding: 0 0 0 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  overflow: hidden;
  min-height: 410px;
}

body.page-id-535 .bari-authentic-card__content {
  flex: 1;
  max-width: 1000px;
  padding: 30px 0;
}

body.page-id-535 .bari-authentic-card__title {
  font-family: var(--bari-font-heading);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  color: #FFFFFF;
  margin: 0 0 16px 0;
}

body.page-id-535 .bari-authentic-card__text {
  font-family: var(--bari-font-body);
  font-size: 20px;
  line-height: 1.5;
  color: var(--bari-color-secondary);
  margin: 0 0 12px 0;
}

body.page-id-535 .bari-authentic-card__subtext {
  font-family: var(--bari-font-body);
  font-size: 18px;
  line-height: 1.5;
  color: #FFFFFF;
  margin: 0;
  opacity: 0.9;
}

body.page-id-535 .bari-authentic-card__media {
  flex: 0 0 527px;
  height: 410px;
}

body.page-id-535 .bari-authentic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 32px;
}

body.page-id-535 .bari-about-kavkaz {
  position: relative;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 40px;
  width: 100%;
}

body.page-id-535 .bari-about-kavkaz__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

body.page-id-535 .bari-about-kavkaz__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(14,9,7,0.75) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(14,9,7,0.95) 100%);
  z-index: 2;
}

body.page-id-535 .bari-about-kavkaz__container {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px;
}

body.page-id-535 .bari-kavkaz-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-shadow: 0 10px 30px rgba(0,0,0,0.8);
}

body.page-id-535 .bari-kavkaz-badge__script {
  font-family: var(--bari-font-script);
  font-weight: 400;
  font-size: 65px;
  line-height: 1;
  letter-spacing: 0.17em;
  color: #FFFFFF;
  margin-bottom: -10px;
  display: block;
}

body.page-id-535 .bari-kavkaz-badge__title {
  font-family: var(--bari-font-heading);
  font-weight: 700;
  font-size: 106px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
  white-space: nowrap;
}

@media (min-width: 1921px) {
  body.page-id-535 .bari-about-hero {
    height: clamp(650px, 55vh, 850px);
    min-height: unset;
    max-height: 850px;
  }
  body.page-id-535 .bari-about-hero__bg {
    background-size: cover;
    background-position: center 32%;
  }
  body.page-id-535 .bari-about-hero__container {
    min-height: unset;
    height: 100%;
    position: relative;
  }
  body.page-id-535 .bari-glass-card--top-right {
    top: 90px;
    right: 100px;
  }
  body.page-id-535 .bari-glass-card--center-left {
    top: 300px;
    left: 80px;
  }
  body.page-id-535 .bari-glass-card--bottom-right {
    top: 490px;
    right: 140px;
  }
  body.page-id-535 .bari-about-cities .bari-container {
    max-width: min(2400px, 88vw);
    padding: 0 40px;
  }
  body.page-id-535 .bari-about-cities__grid {
    grid-template-columns: 1fr minmax(500px, 620px);
    gap: clamp(60px, 5vw, 120px);
  }
  body.page-id-535 .bari-chef-frame {
    height: clamp(520px, 45vh, 650px);
    max-height: 650px;
  }
  body.page-id-535 .bari-chef-img {
    object-position: center 20%;
  }
  body.page-id-535 .bari-about-authentic .bari-container {
    max-width: min(2400px, 88vw);
    padding: 0 40px;
  }
  body.page-id-535 .bari-authentic-card {
    min-height: 380px;
    max-height: 480px;
    padding: 0 0 0 clamp(48px, 4vw, 80px);
    gap: clamp(40px, 4vw, 80px);
  }
  body.page-id-535 .bari-authentic-card__media {
    flex: 0 0 clamp(520px, 30vw, 720px);
    height: clamp(380px, 35vh, 480px);
    max-height: 480px;
  }
  body.page-id-535 .bari-about-kavkaz {
    height: clamp(500px, 45vh, 660px);
    min-height: unset;
    max-height: 660px;
  }
  body.page-id-535 .bari-about-kavkaz__bg {
    background-size: cover;
    background-position: center 42%;
  }
}

@media (max-width: 1400px) {
  body.page-id-535 .bari-about-ribbon__track {
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 25px;
    -webkit-overflow-scrolling: touch;
  }
  body.page-id-535 .bari-about-ribbon__track::-webkit-scrollbar {
    height: 4px;
  }
  body.page-id-535 .bari-about-ribbon__track::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border-radius: 4px;
  }
  body.page-id-535 .bari-ribbon-card {
    scroll-snap-align: center;
  }
}

@media (max-width: 1300px) {
  body.page-id-535 .bari-authentic-card {
    padding: 0 0 0 32px;
    gap: 30px;
  }
  body.page-id-535 .bari-authentic-card__media {
    flex: 0 0 420px;
  }
  body.page-id-535 .bari-authentic-card__text {
    font-size: 17px;
  }
}

@media (max-width: 1200px) {
  body.page-id-535 .bari-about-hero {
    min-height: auto;
    padding: 60px 0;
  }
  body.page-id-535 .bari-about-hero__container {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  body.page-id-535 .bari-about-hero__container .bari-glass-card {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 600px;
  }
  body.page-id-535 .bari-about-cities__grid {
    grid-template-columns: 1fr 440px;
    gap: 40px;
  }
  body.page-id-535 .bari-chef-frame {
    height: 550px;
  }
  body.page-id-535 .bari-about-cities__desc {
    font-size: 18px;
  }
}

@media (max-width: 1024px) {
  body.page-id-535 .bari-about-manifest {
    padding: 60px 0 40px 0;
  }
  body.page-id-535 .bari-about-manifest__text {
    font-size: 18px;
    line-height: 1.55;
  }
  body.page-id-535 .bari-about-kavkaz {
    min-height: 520px;
  }
  body.page-id-535 .bari-kavkaz-badge__script {
    font-size: 50px;
  }
  body.page-id-535 .bari-kavkaz-badge__title {
    font-size: 76px;
  }
}

@media (max-width: 960px) {
  body.page-id-535 .bari-about-authentic {
    padding: 20px 0 60px 0;
  }
  body.page-id-535 .bari-authentic-card {
    flex-direction: column;
    padding: 28px 24px;
    gap: 24px;
    border-radius: 24px;
    min-height: auto;
  }
  body.page-id-535 .bari-authentic-card__content {
    padding: 0;
  }
  body.page-id-535 .bari-authentic-card__title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  body.page-id-535 .bari-authentic-card__text {
    font-size: 15px;
  }
  body.page-id-535 .bari-authentic-card__subtext {
    font-size: 15px;
  }
  body.page-id-535 .bari-authentic-card__media {
    flex: none;
    width: 100%;
    height: 280px;
  }
  body.page-id-535 .bari-authentic-img {
    border-radius: 20px;
  }
  body.page-id-535 .bari-about-cities {
    padding: 40px 0;
  }
  body.page-id-535 .bari-about-cities__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  body.page-id-535 .bari-about-cities__img-col {
    order: -1;
  }
  body.page-id-535 .bari-chef-frame {
    height: 400px;
    border-radius: 24px;
  }
  body.page-id-535 .bari-about-cities__desc {
    font-size: 16px;
    line-height: 1.5;
  }
  body.page-id-535 .bari-about-cities .bari-section-title {
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  body.page-id-535 .bari-about-hero {
    padding: 40px 0;
    border-radius: 0 0 16px 16px;
  }
  body.page-id-535 .bari-glass-card {
    padding: 20px 24px;
    border-radius: 24px;
  }
  body.page-id-535 .bari-glass-card__title {
    font-size: 20px;
  }
  body.page-id-535 .bari-glass-card__text {
    font-size: 15px;
  }
  body.page-id-535 .bari-about-manifest {
    padding: 40px 0 30px 0;
  }
  body.page-id-535 .bari-about-manifest__text {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    gap: 16px;
  }
  body.page-id-535 .bari-about-manifest .bari-section-title {
    font-size: 26px;
    margin-bottom: 16px;
  }
}

@media (max-width: 640px) {
  body.page-id-535 .bari-about-kavkaz {
    min-height: 400px;
  }
  body.page-id-535 .bari-kavkaz-badge__script {
    font-size: 38px;
    letter-spacing: 0.1em;
    margin-bottom: -5px;
  }
  body.page-id-535 .bari-kavkaz-badge__title {
    font-size: 46px;
    white-space: normal;
  }
}

/* ==========================================================================
   2. БАННЕР МЕНЮ BARI (Shop / CMS Block 528)
   ========================================================================== */

body .elementor-528 .elementor-element-be9d89e,
body .elementor-528 .elementor-element-be9d89e > .e-con-inner,
body .elementor-528 .elementor-element-0cd5e84 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  --padding-inline-start: 0px;
  --padding-inline-end: 0px;
  background: transparent;
  background-image: none;
}

body .elementor-528 .elementor-element-0cd5e84 .bari-menu-banner {
  position: relative;
  overflow: hidden;
  padding: 100px 40px;
  min-height: 630px;
  display: flex;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  background-image: url('/wp-content/uploads/2026/08/menu-bari.png');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.bari-menu-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 65%);
  z-index: 1;
}

.bari-menu-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(15, 15, 15, 0.85);
  mix-blend-mode: multiply;
  z-index: 2;
  transform-origin: bottom left;
  transform: skewX(299deg);
  box-shadow: 0 0 60px 30px rgba(15, 15, 15, 0.85);
}

.bari-menu-container {
  position: relative;
  z-index: 3;
  width: 100%;
}

.bari-menu-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 676px;
  text-align: left;
}

.bari-menu-title {
  color: #FFFFFF;
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.2;
}

.bari-menu-description {
  color: #A6A6A6;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin: 0;
}

@media (max-width: 991px) {
  .bari-menu-banner::after {
    left: -20%;
    width: 75%;
  }
}

@media (max-width: 768px) {
  body .elementor-528 .elementor-element-0cd5e84 .bari-menu-banner {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 20px;
  }

  .bari-menu-banner::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    background: rgba(15, 15, 15, 0.75);
    box-shadow: none;
    mix-blend-mode: normal;
  }

  .bari-menu-title {
    font-size: 2.25rem;
  }
  
  .bari-menu-description {
    font-size: 1rem;
    line-height: 1.5;
  }
}

/* ==========================================================================
   3. ДИЗАЙН-СИСТЕМА ШРИФТОВ И КНОПОК WOOCOMMERCE
   ========================================================================== */

@font-face {
  font-family: 'Avenir Next Cyr';
  src: local('Avenir Next Cyr'), local('AvenirNextCyr-Medium'), local('Avenir Next'), local('Inter'), sans-serif;
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

.btn-accented,
.btn.btn-accented,
.btn-color-primary,
.single_add_to_cart_button,
.woocommerce-PushButton.button,
button[name="save_account_details"],
button[name="save_address"],
.checkout-button,
#place_order,
.woocommerce form .button,
.woocommerce form input[type="submit"] {
  border-radius: 47px !important;
}

ul.wd-nav-product-cat {
  display: flex;
  justify-content: space-between;
  row-gap: 0px !important;
}

ul.wd-nav-product-cat > li {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

.elementor-widget-image a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.e-loop-item .elementor-widget-image a img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

.quantity .minus,
.quantity input[type="button"].minus {
  background-color: #D85A42 !important;
  color: #FFFFFF !important;
  border-radius: 8px 0 0 8px !important;
  border: none !important;
  transition: background-color 0.2s ease !important;
}

.quantity .plus,
.quantity input[type="button"].plus {
  background-color: #D85A42 !important;
  color: #FFFFFF !important;
  border-radius: 0 8px 8px 0 !important;
  border: none !important;
  transition: background-color 0.2s ease !important;
}

.quantity .minus:hover,
.quantity input[type="button"].minus:hover,
.quantity .plus:hover,
.quantity input[type="button"].plus:hover {
  background-color: #B3432F !important;
  color: #FFFFFF !important;
}

.wd-action-text {
  font-size: 0 !important;
}

.wd-action-text::before {
  content: "Добавить в избранное" !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--wd-action-text-color, var(--wd-action-color)) !important;
  transition: all .25s ease !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce-product-gallery .owl-stage-outer,
.product-images .wd-carousel-item img,
.related.products .product-image-link img,
.related.products .wd-carousel-item img,
.wd-carousel-container .product-image-link img,
.wd-carousel-container .product-element-top img,
.related.products .product-image-link,
.wd-carousel-container .product-image-link {
  border-radius: 24px !important;
  overflow: hidden !important;
}

.woocommerce-product-gallery .thumbnails .thumb-item img {
  border-radius: 12px !important;
}

.elementor-widget-loop-grid .e-loop-item .elementor-widget-image,
.elementor-widget-loop-grid .e-loop-item .elementor-widget-image a {
  overflow: hidden !important;
  display: block !important;
  border-radius: 16px !important;
  isolation: isolate !important; 
  transform: translateZ(0); 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.elementor-widget-loop-grid .e-loop-item .elementor-widget-image img {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: transform;
  border-radius: 16px !important;
}

.elementor-widget-loop-grid .e-loop-item:hover .elementor-widget-image img {
  transform: scale(1.05) !important;
}

.wd-nav[class*=wd-style-underline] .nav-link-text:after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  height: 7px !important;
  width: 0 !important;
  background-color: transparent !important; 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='7' viewBox='0 -2 300 7' fill='none'%3E%3Cpath d='M1 1.72206C22.6 1.8412 45.2 1.96034 75.11 1.99193C105.02 2.02352 140.04 1.96395 175.7567 1.78434C210.4733 1.60473 255.6133 1.30688 299 1' stroke='%23FF3009' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 7px !important;
  background-position: center !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  transition: width .4s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.wd-nav[class*=wd-style-underline] li:hover > a .nav-link-text:after,
.wd-nav[class*=wd-style-underline] li.wd-active > a .nav-link-text:after {
  width: 100% !important;
}

.woocommerce-mini-cart__total strong,
.woocommerce-mini-cart .remove,
.product_list_widget > li > a, 
.wd-dropdown-cart .shopping_cart_list li a.remove,
.widget_shopping_cart .shopping_cart_list li a.remove,
a.remove.remove_from_cart_button,
.product_list_widget > li .wd-entities-title {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.wd-dropdown-cart .shopping_cart_list li a.remove:hover,
.widget_shopping_cart .shopping_cart_list li a.remove:hover,
a.remove.remove_from_cart_button:hover {
  color: #D85A42 !important;
  opacity: 0.8 !important;
}

.wd-header-cart .wd-tools-text,
.wd-header-cart .wd-tools-text span,
.wd-header-cart .wd-tools-text bdi,
.wd-header-cart:hover .wd-tools-text,
.wd-header-cart:hover .wd-tools-text span,
.wd-header-cart:hover .wd-tools-text bdi {
  color: #E0E0E0 !important;
  transition: none !important;
}

.elementor-loop-container.elementor-grid {
  grid-auto-rows: max-content !important;
  align-items: start !important;
  row-gap: 20px !important;
  --grid-row-gap: 20px !important;
}

.elementor-loop-container.elementor-grid .e-loop-item {
  height: fit-content !important;
  align-self: start !important;
}

.elementor-loop-container .elementor-element-949ac17 {
  min-height: 0 !important;
  height: auto !important;
  padding: 0;
}

.wd-tools-element:is(.wd-design-2, .wd-design-5) .wd-tools-count {
  background-color: #c92508 !important;
}

.elementor-loop-container .price del,
.elementor-loop-container del .woocommerce-Price-amount,
.e-loop-item .price del,
.e-loop-item del,
table.variations, 
.woocommerce-variation {
  display: none !important;
}

table.variations,
table.variations .label > *,
.reset_variations:hover {
  color: #FFFFFF;
}

/* Кнопка добавления и счетчик [- 1 +] */
.e-loop-item .added_to_cart.wc-forward {
  display: none !important;
}

.elementor-widget-wc-add-to-cart form.cart {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
}

.e-loop-item:not(.wd-product-in-cart) .elementor-widget-wc-add-to-cart .quantity {
  display: none !important;
}

.e-loop-item:not(.wd-product-in-cart) button.single_add_to_cart_button {
  background-color: #E22D0B !important;
  border-radius: 8px !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease-out !important;
  cursor: pointer !important;
}

.e-loop-item:not(.wd-product-in-cart) button.single_add_to_cart_button:hover {
  background-color: #c92508 !important;
}

.e-loop-item:not(.wd-product-in-cart) button.single_add_to_cart_button .elementor-button-text {
  font-size: 0 !important;
}

.e-loop-item:not(.wd-product-in-cart) button.single_add_to_cart_button .elementor-button-content-wrapper::before {
  content: "+" !important;
  color: #FFFFFF !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.e-loop-item.wd-product-in-cart button.single_add_to_cart_button,
.e-loop-item.wd-product-in-cart .single_add_to_cart_button {
  display: none !important;
}

.e-loop-item.wd-product-in-cart .elementor-widget-wc-add-to-cart .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #E22D0B !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  height: 44px !important;
  min-height: 44px !important;
  animation: kf_573_37_width_0 0.2s linear forwards;
}

.e-loop-item.wd-product-in-cart .quantity button.minus,
.e-loop-item.wd-product-in-cart .quantity button.plus {
  display: block !important;
  background: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 24px !important;
  cursor: pointer !important;
  padding: 0 !important;
  width: 28px !important;
  height: 100% !important;
  transition: all 0.2s ease !important;
  opacity: 0.85 !important;
}

.e-loop-item.wd-product-in-cart .quantity button.minus:hover,
.e-loop-item.wd-product-in-cart .quantity button.plus:hover {
  opacity: 1 !important;
  transform: scale(1.15) !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.6) !important;
}

.e-loop-item.wd-product-in-cart .quantity input.qty {
  display: block !important;
  background: transparent !important;
  color: #FFFFFF !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  border: none !important;
  text-align: center !important;
  width: 32px !important;
  padding: 0 !important;
}

.e-loop-item .quantity input::-webkit-outer-spin-button,
.e-loop-item .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@keyframes kf_573_37_width_0 {
  0% { width: 64px; }
  100% { width: 160px; }
}

/* Плавающая кнопка корзины внизу */
.custom-floating-cart {
  position: fixed;
  bottom: 46px;
  right: 24px;
  z-index: 99999;
  display: inline-flex;
  padding: 12px 24px;
  align-items: center;
  gap: 16px; 
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(11, 11, 12, 0.30);
  box-shadow: 0 4px 9.2px 0 rgba(29, 14, 13, 0.10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}

.custom-floating-cart:hover {
  background: rgba(11, 11, 12, 0.45);
  border-color: rgba(255, 255, 255, 0.20);
  box-shadow: 0 6px 14px 0 rgba(29, 14, 13, 0.18);
  transform: translateY(-2px);
}

.custom-floating-cart.cart-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

body.wd-cart-opened .custom-floating-cart,
body.woodmart-cart-opened .custom-floating-cart {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) !important;
  pointer-events: none !important;
}

.custom-floating-cart .cart-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  transition: transform 0.2s ease;
}

.custom-floating-cart:hover .cart-icon {
  transform: scale(1.1);
}

.custom-floating-cart .cart-text-data {
  font-family: 'Oswald', sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 16px;
}

.custom-floating-cart .cart-qty-count {
  color: #FFFFFF;
}

.custom-floating-cart .cart-total-price {
  font-weight: 700;
  color: #FFFFFF;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 16px;
}

/* Выпадающий блок корзины в шапке */
.wd-dropdown.wd-dropdown-cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 16px !important;
  gap: 24px !important;
  position: absolute !important;
  width: max-content !important;
  height: auto !important;
  left: auto !important;
  right: 0 !important; 
  top: 100% !important;
  background: #2D2D2D !important;
  border-radius: 24px !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
  border: none !important;
  z-index: 200;
}

.wd-dropdown-cart .widget_shopping_cart_content .title,
.wd-dropdown-cart .woocommerce-Price-amount {
  font-family: 'Oswald', sans-serif !important;
  color: #D9D9D9;
}

.wd-empty-mini-cart:before {
  color: var(--wd-text-color) !important;
}

.wd-empty-mini-cart .btn {
  border-radius: 12px;
}

.wd-dropdown-cart .widget_shopping_cart_content .wd-heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
}

.wd-dropdown-cart .shopping_cart_list li {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px !important;
  gap: 10px !important;
  width: 543px !important;
  height: 96px !important;
  background: #202020 !important;
  border-radius: 32px !important;
  border-bottom: none !important;
  margin-bottom: 12px !important;
}

.wd-dropdown-cart .shopping_cart_list li img {
  width: 91px !important;
  height: 73px !important;
  border-radius: 16px !important;
  object-fit: cover;
}

.wd-dropdown-cart .shopping_cart_list li a:not(.remove) {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
}

.wd-dropdown-cart .shopping_cart_list li .quantity {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #FFFFFF !important;
}

.wd-dropdown-cart .quantity .quantity-inside {
  background: rgba(45, 45, 45, 0.4) !important;
  backdrop-filter: blur(32.35px) !important;
  border-radius: 50px !important;
  padding: 4px !important;
}

.wd-dropdown-cart .quantity .plus {
  background: #D85A42 !important;
  border-radius: 47px !important;
  color: #FFFFFF !important;
}

.wd-dropdown-cart .shopping_cart_totals {
  border-top: 1px solid #202020 !important;
  padding-top: 15px !important;
}

/* ==========================================================================
   4. СИСТЕМА ПЕРЕМЕННЫХ И GUTTER
   ========================================================================== */

:root {
  --wd-container-w: 1856px !important;
  --bari-container-max: 1856px;
  --bari-gutter: 60px;
  --bari-fs-hero: 68px;
  --bari-fs-h2: 48px;
  --bari-fs-cat: 52px;
  --bari-fs-card: 32px;
  --bari-fs-body: 16px;
}

@media (max-width: 1440px) {
  :root {
    --bari-gutter: 30px;
    --bari-fs-hero: 56px;
    --bari-fs-h2: 40px;
    --bari-fs-cat: 42px;
    --bari-fs-card: 28px;
    --bari-fs-body: 15px;
  }
}

@media (max-width: 768px) {
  :root {
    --bari-gutter: 24px;
    --bari-fs-hero: 40px;
    --bari-fs-h2: 32px;
    --bari-fs-cat: 24px;
    --bari-fs-card: 24px;
    --bari-fs-body: 14px;
  }
}

@media (max-width: 480px) {
  :root {
    --bari-gutter: 18px;
    --bari-fs-hero: 32px;
    --bari-fs-h2: 26px;
    --bari-fs-cat: 15px;
    --bari-fs-card: 20px;
    --bari-fs-body: 13px;
  }
}

/* ==========================================================================
   5. ГЛОБАЛЬНЫЙ ТЕМНЫЙ ФОН
   ========================================================================== */

body,
.website-wrapper,
.main-page-wrapper {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background-color: #1D1D1D !important;
  background-image: none !important;
}

.main-page-wrapper {
  padding-top: 96px !important;
  box-sizing: border-box !important;
}

.site-content,
.entry-content {
  padding-top: 0 !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   6. СТЕКЛЯННАЯ ПЛИТА ГЛАВНОЙ СТРАНИЦЫ (FRAME 939)
   ========================================================================== */

.bari-page-glass-board {
  max-width: var(--bari-container-max) !important;
  width: calc(100% - 64px);
  margin: 0 auto var(--bari-gutter) auto !important;
  padding: 16px !important;
  border-radius: 32px !important;
  box-sizing: border-box !important;
  background: radial-gradient(268.65% 149.5% at -0.51% -8.11%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%) !important;
  backdrop-filter: blur(21px) !important;
  -webkit-backdrop-filter: blur(21px) !important;
  box-shadow: inset -5px -5px 250px rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--bari-gutter) !important;
}

.bari-page-glass-board > .e-con,
.bari-page-glass-board > .elementor-element,
.bari-slider-container,
.bari-categories-section,
.bari-promo-bento {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
}

.site-content,
.main-page-wrapper,
.wd-content-layout,
main#main-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

main#main-content.container,
.site-content > .container,
.main-page-wrapper > .container,
.content-layout-wrapper.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
}

/* ==========================================================================
   7. ШАПКА WOODMART (FRAME 438660)
   ========================================================================== */

.whb-main-header .whb-top-bar {
  display: none !important;
  height: 0 !important;
}

.whb-header,
.whb-sticky-real,
.whb-general-header,
.whb-header-bottom {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body header.whb-header .whb-main-header {
  width: calc(100% - 64px);
  max-width: calc(var(--bari-container-max) - 64px);
  height: 58px;
  min-height: 58px;
  max-height: 58px;
  margin: 12px auto;
  left: 0;
  right: 0;
  padding: 6px 0 6px 24px;
  border-radius: 47px;
  box-sizing: border-box;
  background: radial-gradient(100% 100% at 0% 0%, rgba(65, 65, 65, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  box-shadow: inset -5px -5px 250px rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
}

.whb-main-header .whb-general-header,
.whb-main-header .whb-general-header-inner,
.whb-main-header .whb-flex-row {
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.whb-main-header,
.whb-main-header *,
.whb-main-header .wd-nav > li > a,
.whb-main-header .wd-nav > li > a span,
.whb-main-header .bari-menu-button,
.whb-main-header a.bari-menu-button,
.whb-main-header .wd-header-my-account > a,
.whb-main-header .wd-tools-text {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.whb-main-header .site-logo,
.whb-main-header .site-logo a,
.whb-main-header .wd-logo,
.whb-main-header .wd-logo a {
  width: 118px !important;
  height: auto !important;
  min-width: 118px !important;
  display: flex !important;
  align-items: center !important;
}

.whb-main-header .site-logo img,
.whb-main-header .wd-logo img {
  width: 118px !important;
  height: auto !important;
  object-fit: contain !important;
}

.whb-main-header a.bari-menu-button,
.whb-main-header .bari-menu-button,
.whb-main-header div[id*="wd-6a90"] a,
.whb-main-header .wd-button-wrapper a.bari-menu-button {
  width: min-content !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 24px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 47px !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: linear-gradient(94.26deg, rgba(0, 0, 0, 0.25) 7.44%, rgba(55, 25, 24, 0.35) 49.35%, rgba(166, 65, 63, 0.35) 91.25%) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 0 12px rgba(166, 65, 63, 0.25) !important;
  color: #D9D9D9 !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  transition: all 200ms cubic-bezier(0, 0, 0.58, 1) !important;
}

.whb-main-header a.bari-menu-button:hover,
.whb-main-header .bari-menu-button:hover,
.whb-main-header div[id*="wd-6a90"] a:hover,
.whb-main-header .wd-button-wrapper a.bari-menu-button:hover {
  color: #FFFFFF !important;
  border-color: rgba(255, 48, 9, 0.6) !important;
  background: linear-gradient(94.26deg, rgba(30, 8, 7, 0.45) 7.44%, rgba(95, 25, 20, 0.5) 49.35%, rgba(255, 48, 9, 0.35) 91.25%) !important;
  box-shadow: 
    0 4px 16px rgba(255, 48, 9, 0.35),
    inset 0 0 14px rgba(255, 48, 9, 0.25) !important;
  transform: translateY(-1.5px) !important;
}

.whb-main-header a.bari-menu-button:active,
.whb-main-header .bari-menu-button:active,
.whb-main-header div[id*="wd-6a90"] a:active,
.whb-main-header .wd-button-wrapper a.bari-menu-button:active {
  transform: translateY(0px) scale(0.97) !important;
  box-shadow: 
    0 2px 8px rgba(255, 48, 9, 0.2),
    inset 0 0 16px rgba(255, 48, 9, 0.4) !important;
}

.whb-main-header .wd-nav > li > a {
  color: #FFFFFF;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.whb-main-header .wd-header-my-account > a {
  width: min-content;
  height: 46px;
  min-height: 46px;
  max-height: 46px;
  padding: 0 24px;
  margin: 0;
  border-radius: 47px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(105.41deg, rgba(23, 23, 23, 0.5) 21.72%, rgba(42, 42, 42, 0.5) 49.38%, rgba(89, 89, 89, 0.5) 77.04%);
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.04);
  white-space: nowrap;
  color: #FFFFFF;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0, 0, 0.58, 1);
}

body:not(.logged-in) .whb-main-header .wd-header-my-account > a .wd-tools-text {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

body:not(.logged-in) .whb-main-header .wd-header-my-account > a .wd-tools-text::after {
  content: "Войти";
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  display: block;
  transition: color 200ms ease;
}

body.logged-in .whb-main-header .wd-header-my-account > a .wd-tools-text {
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  display: inline-block;
}

.whb-main-header .wd-header-my-account > a:hover {
  background: linear-gradient(105.41deg, rgba(38, 38, 38, 0.7) 21.72%, rgba(65, 65, 65, 0.7) 49.38%, rgba(120, 120, 120, 0.7) 77.04%);
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 
    0 4px 18px rgba(255, 255, 255, 0.18),
    inset 0 0 12px rgba(255, 255, 255, 0.15);
  transform: translateY(-1.5px);
}

.whb-main-header .wd-header-my-account > a:hover .wd-tools-text,
.whb-main-header .wd-header-my-account > a:hover .wd-tools-text::after {
  color: #FFFFFF;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

.whb-main-header .wd-header-my-account > a:active {
  transform: translateY(0px) scale(0.97);
  box-shadow: 
    0 2px 6px rgba(255, 255, 255, 0.1),
    inset 0 0 14px rgba(255, 255, 255, 0.25);
}

.whb-main-header .wd-tools-icon {
  color: #FFFFFF;
}

.whb-main-header .wd-button-wrapper {
  padding-inline: 0;
  padding: 0;
  margin: 0 16px 0 32px;
  display: flex;
  align-items: center;
}

.whb-main-header .site-logo {
  margin-right: 0;
  flex-shrink: 0;
}

@media (min-width: 1025px) {
  .whb-main-header .whb-hidden-lg {
    display: none;
  }
  .whb-main-header .whb-col-left {
    display: flex;
    align-items: center;
  }
}

.whb-main-header .wd-header-wishlist .wd-tools-icon:before,
.whb-main-header .wd-header-cart .wd-tools-icon:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 200ms ease, transform 200ms ease;
}

.whb-main-header .wd-header-wishlist .wd-tools-icon:before {
  -webkit-mask-image: url('https://d-bari.ru/wp-content/uploads/2026/08/hearth-icon.svg');
  mask-image: url('https://d-bari.ru/wp-content/uploads/2026/08/hearth-icon.svg');
}

.whb-main-header .wd-header-cart .wd-tools-icon:before {
  -webkit-mask-image: url('https://d-bari.ru/wp-content/uploads/2026/08/product_cart-icon.svg');
  mask-image: url('https://d-bari.ru/wp-content/uploads/2026/08/product_cart-icon.svg');
}

.whb-main-header .wd-header-wishlist > a:hover .wd-tools-icon:before,
.whb-main-header .wd-header-cart > a:hover .wd-tools-icon:before {
  background-color: #FF3009;
  transform: scale(1.08);
}

/* ==========================================================================
   8. ГЛАВНЫЙ СЛАЙДЕР
   ========================================================================== */

.bari-slider-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 550px;
  border-radius: 32px;
  overflow: hidden;
  background-color: rgba(18, 18, 18, 0.9);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-sizing: border-box;
}

.bari-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.bari-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
  z-index: 1;
}

.bari-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.bari-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bari-slide-overlay {
  position: absolute;
  top: -165px;
  left: -200px;
  width: 900px;
  height: 900px;
  background: rgba(24, 24, 27, 0.85);
  filter: blur(140px);
  pointer-events: none;
  z-index: 2;
}

.bari-slide-content {
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 680px;
  z-index: 3;
}

h1.bari-slide-title,
h2.bari-slide-title,
.bari-slide-title,
.bari-slide-title span {
  font-family: 'Oswald', 'Arial Narrow', sans-serif;
  font-size: var(--bari-fs-hero);
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-stretch: condensed;
}

.bari-slide-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.bari-slide-title span.accent,
.bari-slide-title .accent,
.bari-slide-title .bari-accent {
  color: #FF3009;
}

.bari-slide-title .bari-badge-time, 
.bari-slide-title span.bari-badge-time {
  background: 
    radial-gradient(circle at left, transparent 10px, #FF3009 0) left,
    radial-gradient(circle at right, transparent 10px, #FF3009 0) right;
  background-size: 51% 100%;
  background-repeat: no-repeat; 
  color: #FFFFFF;
  padding: 8px 24px 12px;
  display: inline-block;
  border-radius: 4px;
  margin-top: 6px;
}

.bari-slider-dots {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 10;
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.bari-slider-dots button.bari-dot {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  max-height: 10px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  transition: all 0.25s ease;
}

.bari-slider-dots button.bari-dot.active {
  background: #FF3009;
  width: 24px;
  min-width: 24px;
  border-radius: 10px;
}

@media (max-width: 1024px) {
  .bari-slider-container {
    height: 440px;
    border-radius: 24px;
  }
  .bari-slide-content {
    left: 40px;
    max-width: 520px;
  }
}

@media (max-width: 768px) {
  .bari-slider-container {
    height: 360px;
    border-radius: 20px;
  }
  .bari-slide-content {
    left: 24px;
    right: 24px;
    max-width: 100%;
  }
  .bari-slide-overlay {
    width: 100%;
    left: 0;
    top: 0;
    filter: blur(80px);
  }
}

@media (max-width: 480px) {
  .bari-slider-container {
    height: 280px;
    border-radius: 16px;
  }
  .bari-slide-content {
    left: 16px;
  }
  .bari-slider-dots {
    bottom: 12px;
  }
}

/* ==========================================================================
   9. ПЛИТКИ КАТЕГОРИЙ (5 В РЯД)
   ========================================================================== */

.bari-categories-section {
  width: 100%;
  box-sizing: border-box;
}

.bari-cat-slider-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}

.bari-cat-card {
  position: relative;
  height: 475px;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  background-color: #121212;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease;
  user-select: none;
}

.bari-cat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.6);
}

.bari-cat-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bari-cat-img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
}

.bari-cat-card:hover .bari-cat-img {
  transform: scale(1.06);
}

.bari-cat-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000000 -29.58%, rgba(0, 0, 0, 0) 54%);
  pointer-events: none;
}

.bari-cat-content {
  position: relative;
  z-index: 2;
  padding: 32px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.bari-cat-title {
  font-family: 'Oswald', sans-serif;
  font-size: var(--bari-fs-cat);
  font-weight: 500;
  line-height: 1.1;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
}

.bari-cat-desc {
  font-family: 'Noto Sans', sans-serif;
  font-size: var(--bari-fs-body);
  font-style: italic;
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  margin: 0;
  max-width: 240px;
}

@media (max-width: 1440px) {
  .bari-cat-slider-track {
    gap: 14px;
  }
  .bari-cat-card {
    height: 420px;
  }
}

@media (max-width: 1100px) and (min-width: 769px) {
  .bari-cat-slider-track {
    gap: 10px;
  }
  .bari-cat-card {
    height: 360px;
  }
  .bari-cat-content {
    padding: 20px 12px;
  }
}

@media (max-width: 768px) {
  .bari-categories-section {
    padding: 0 0 0 12px;
  }

  .bari-cat-slider-track {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 6px;
    padding-right: 12px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
  }

  .bari-cat-slider-track::-webkit-scrollbar {
    display: none;
  }

  .bari-cat-card {
    flex: 0 0 calc((100vw - 24px - 18px) / 3.25);
    min-width: 105px;
    max-width: 125px;
    height: 159px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  }

  .bari-cat-content {
    padding: 10px 4px;
    gap: 2px;
  }

  .bari-cat-desc {
    display: none;
  }
}

/* ==========================================================================
   10. ПРОМО BENTO GRID
   ========================================================================== */

.bari-promo-bento {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 28px;
  width: 100%;
  box-sizing: border-box;
}

.bari-badge-tag {
  color: #FF3009;
  font-family: '129_Kosmos', 'Oswald', sans-serif;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.bari-bento-hero {
  position: relative;
  flex: 0 0 calc(42% - 14px);
  min-height: 804px;
  border-radius: 32px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #100A07;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 42px;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1), box-shadow 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-bento-hero:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 48, 9, 0.15);
}

.bari-bento-bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.95deg, rgba(110, 9, 8, 0) 49.27%, rgba(110, 9, 8, 0.5) 68%), 
              linear-gradient(147.24deg, rgba(16, 10, 7, 0.95) -16.14%, rgba(53, 22, 23, 0.95) 41.06%, rgba(57, 45, 39, 0.95) 98.26%);
  backdrop-filter: blur(14.45px);
  -webkit-backdrop-filter: blur(14.45px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  pointer-events: none;
  z-index: 1;
}

.bari-hero-header {
  position: relative;
  z-index: 3;
  max-width: 480px;
}

.bari-hero-title-row {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 12px;
}

.bari-hero-title {
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
  text-transform: uppercase;
}

.bari-hero-price {
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #FF3009;
  white-space: nowrap;
}

.bari-rub {
  font-weight: 700;
}

.bari-hero-desc {
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #A6A6A6;
  margin: 0;
}

.bari-hero-dish-img {
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 540px;
  height: auto;
  object-fit: contain;
  z-index: 2;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-bento-hero:hover .bari-hero-dish-img {
  transform: translateX(-50%) scale(1.04);
}

.bari-hero-btn-wrap {
  position: relative;
  z-index: 3;
  width: 100%;
}

.bari-hero-btn-wrap a.bari-cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 24px;
  border-radius: 47px;
  background: #FFFFFF;
  color: #404040;
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.25s ease;
}

.bari-hero-btn-wrap a.bari-cart-btn:hover {
  background: #FF3009;
  color: #FFFFFF;
  border-color: #FF3009;
  transform: translateY(-2px);
}

.bari-bento-grid {
  flex: 0 0 calc(58% - 14px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 28px;
}

.bari-mini-card {
  position: relative;
  height: 388px;
  border-radius: 32px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #100A07;
  padding: 36px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1), box-shadow 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-mini-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 48, 9, 0.12);
}

.bari-mini-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(172.54deg, rgba(110, 9, 8, 0) 46.14%, rgba(110, 9, 8, 0.5) 63.9%), 
              linear-gradient(147.24deg, rgba(16, 10, 7, 0.9) -16.14%, rgba(53, 22, 23, 0.9) 41.06%, rgba(57, 45, 39, 0.9) 98.26%);
  backdrop-filter: blur(14.45px);
  -webkit-backdrop-filter: blur(14.45px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  pointer-events: none;
  z-index: 1;
}

.bari-mini-text {
  position: relative;
  z-index: 3;
  max-width: 280px;
}

.bari-mini-title {
  font-family: 'Oswald', sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0 0 6px 0;
  text-transform: uppercase;
}

.bari-mini-desc {
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: #A6A6A6;
  margin: 0;
}

.bari-mini-img {
  position: absolute;
  right: 15px;
  bottom: 15px;
  max-width: 55%;
  max-height: 55%;
  object-fit: contain;
  z-index: 2;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-mini-card:hover .bari-mini-img {
  transform: scale(1.05);
}

.img-promo {
  right: 0;
  bottom: 0;
  max-width: 80%;
  max-height: 55%;
}

@media (max-width: 1024px) {
  .bari-promo-bento {
    flex-direction: column;
    gap: 20px;
  }
  .bari-bento-hero,
  .bari-bento-grid {
    flex: 1 1 100%;
    width: 100%;
  }
  .bari-bento-hero {
    min-height: 600px;
  }
}

@media (max-width: 768px) {
  .bari-promo-bento {
    flex-direction: column;
    padding: 0 12px;
    gap: 16px;
  }
  .bari-bento-hero {
    min-height: 480px;
    padding: 24px 20px;
    border-radius: 20px;
  }
  .bari-bento-bg-gradient {
    border-radius: 20px;
  }
  .bari-badge-tag {
    font-size: 15px;
    letter-spacing: 3px;
  }
  .bari-hero-dish-img {
    bottom: 80px;
    max-width: 260px;
  }
  .bari-hero-btn-wrap a.bari-cart-btn {
    padding: 14px 20px;
    font-size: 16px;
  }
  .bari-bento-grid {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .bari-mini-card {
    height: 200px;
    padding: 20px;
    border-radius: 20px;
  }
  .bari-mini-gradient {
    border-radius: 20px;
  }
  .bari-mini-title {
    font-size: 24px;
  }
  .bari-mini-desc {
    font-size: 13px;
  }
  .bari-mini-img {
    max-width: 45%;
    max-height: 65%;
    right: 12px;
    bottom: 12px;
  }
  .img-promo {
    max-width: 60%;
  }
}

/* ==========================================================================
   11. БЛОК «НАША МИССИЯ» + FAQ АККОРДЕОН (FIGMA: FRAME 940)
   (Оптимизирован по высоте для Full HD, 2K и 4K/Ultrawide)
   ========================================================================== */

/* Сброс обертки Elementor на главной странице */
.elementor-31 > .elementor-element-d5b8475,
.elementor-31 > .e-parent:last-child,
.elementor-31 .elementor-element-d5b8475 .e-con-inner,
.elementor-31 .elementor-element-d5b8475 .elementor-widget-shortcode,
.elementor-31 .elementor-element-d5b8475 .elementor-shortcode,
.elementor-31 .elementor-397,
.elementor-31 .elementor-element-93f1397 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Секция миссии: строгий компактный контроль высоты */
.bari-mission-section {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  min-height: 560px;
  max-height: 640px;
  height: 580px;
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #0E0907;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}

/* Фоновое мясо справа (зафиксировано внутри 100% высоты секции) */
.bari-mission-bg-wrap {
  grid-area: 1 / 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  max-width: 1100px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.bari-mission-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  filter: contrast(1.05) brightness(0.95);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.5) 15%, black 40%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.5) 15%, black 40%);
}

.bari-mission-gradient-overlay {
  display: none;
}

/* Контентная часть внутри контейнера */
.bari-mission-inner {
  grid-area: 1 / 1;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--bari-container-max, 1856px);
  margin: 0 auto;
  padding: 40px 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.bari-mission-content {
  width: 100%;
  max-width: 676px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bari-mission-title {
  font-family: 'Oswald', sans-serif;
  font-size: var(--bari-fs-h2, 48px);
  font-weight: 500;
  line-height: 1.15;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

.bari-mission-text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #A6A6A6;
  margin: 0;
}

/* FAQ Аккордеон */
.bari-faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.bari-faq-item {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 47px;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-faq-item:hover .bari-faq-question {
  color: #000;
}

.bari-faq-item.active:hover .bari-faq-question {
  color: #fff;
}

.bari-faq-item.active .bari-faq-trigger:hover .bari-faq-question {
	color: #000;
}

.bari-faq-item:hover .bari-faq-icon svg path {
    stroke: #000;
}

.bari-faq-item.active {
  border-radius: 20px;
  background: rgba(30, 16, 12, 0.85);
  border-color: rgba(255, 48, 9, 0.4);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

.bari-faq-item:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 48, 9, 0.35);
}

.bari-faq-trigger {
  width: 100%;
  min-height: 44px;
  padding: 10px 22px;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.bari-faq-question {
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  text-transform: none;
}

.bari-faq-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-left: 12px;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-faq-item.active .bari-faq-icon {
  transform: rotate(180deg);
}

.bari-faq-item.active .bari-faq-icon svg path {
  stroke: #FF3009;
}

.bari-faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-faq-body {
  padding: 0 22px 14px 22px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #D1D1D1;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 2px;
  padding-top: 10px;
}

/* На Ultrawide мониторах (3440px и выше) */
@media (min-width: 1921px) {
  .bari-mission-section {
    height: clamp(540px, 42vh, 620px);
    max-height: 620px;
  }
  .bari-mission-bg-wrap {
    width: 50%;
    max-width: 1200px;
  }
}

/* Планшеты и ноутбуки */
@media (max-width: 1024px) {
  .bari-mission-section {
    height: auto;
    min-height: auto;
    max-height: none;
  }
  .bari-mission-inner {
    padding: 40px 24px;
  }
  .bari-mission-bg-wrap {
    width: 100%;
    max-width: 100%;
    opacity: 0.25;
  }
  .bari-mission-bg-img {
    object-position: center center;
  }
}

/* Мобильные устройства */
@media (max-width: 768px) {
  .bari-mission-section {
    height: auto;
    max-height: none;
  }
  .bari-mission-inner {
    padding: 28px 16px;
  }
  .bari-mission-content {
    gap: 20px;
  }
}

/* ==========================================================================
   12. СТЕКЛЯННЫЙ ФУТЕР (FIGMA: FRAME 927 — FULL WIDTH)
   ========================================================= */

footer.footer-container,
footer.wd-footer,
.site-footer {
  width: 100%;
  max-width: 100%;
  position: relative;
  background-color: rgba(6, 9, 4, 0.6);
  background-image: 
    radial-gradient(circle at 35% 0%, rgba(127, 24, 5, 0.35) 0%, rgba(6, 9, 4, 0) 50%),
    radial-gradient(circle at 80% 50%, rgba(127, 24, 5, 0.25) 0%, rgba(6, 9, 4, 0) 50%);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, right center;
  background-size: 900px 500px, 800px 500px;
  backdrop-filter: blur(29.85px);
  -webkit-backdrop-filter: blur(29.85px);
  box-shadow: inset 0px 4px 4px rgba(112, 112, 112, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.main-footer,
.main-footer.container {
  border-top: none;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: transparent;
  padding: 0;
  margin: 0 auto;
}

.footer-container > .container,
.wd-footer > .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
}

.bari-footer-wrap {
  width: 100%;
  max-width: 100%;
  position: static;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.bari-footer-pattern-bg {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background-image: url('https://d-bari.ru/wp-content/uploads/2026/08/bari-footer-pattern-exact-4k.svg');
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;
  opacity: 0.6;
  filter: brightness(1.8) contrast(1.2);
  pointer-events: none;
  z-index: 1;
}

.bari-footer-inner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: var(--bari-container-max);
  margin: 0 auto;
  padding: 56px 32px;
  box-sizing: border-box;
  gap: 40px;
}

.bari-footer-nav {
  flex: 0 0 420px;
}

.bari-footer-menu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  column-gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.bari-footer-menu-grid li a {
  font-family: 'Avenir Next Cyr', 'Noto Sans', sans-serif;
  font-size: 20px;
  line-height: 23px;
  font-weight: 450;
  letter-spacing: 0.04em;
  color: #A6A6A6;
  text-decoration: none;
  transition: color 250ms ease, transform 250ms ease;
  display: inline-block;
}

.bari-footer-menu-grid li a:hover {
  color: #FF3009;
  transform: translateX(4px);
}

.bari-footer-center {
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.bari-footer-logo-link {
  display: inline-block;
  transition: transform 300ms ease;
}

.bari-footer-logo-link:hover {
  transform: scale(1.04);
}

.bari-footer-logo-img {
  width: 120px;
  height: auto;
  object-fit: contain;
}

.bari-footer-app-text {
  font-family: 'Avenir Next Cyr', 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 450;
  letter-spacing: 0.04em;
  color: #A6A6A6;
  margin: 0;
  max-width: 290px;
}

.bari-footer-app-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  font-family: 'Avenir Next Cyr', 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 450;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: all 200ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-footer-app-btn:hover {
  background: #FF3009;
  border-color: #FF3009;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 48, 9, 0.3);
}

.bari-footer-stores-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 4px;
}

.bari-store-badge {
  display: inline-block;
  transition: transform 300ms cubic-bezier(0, 0, 0.58, 1), opacity 300ms ease;
}

.bari-store-badge:hover {
  transform: translateY(-3px) scale(1.03);
  opacity: 0.9;
}

.bari-store-badge img {
  height: 40px;
  width: auto;
  display: block;
}

/* Окончание футера: контакты и соцсети */
.bari-footer-contacts {
  flex: 0 0 380px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bari-footer-contact-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bari-contact-label {
  font-family: 'Avenir Next Cyr', 'Noto Sans', sans-serif;
  font-size: 20px;
  line-height: 23px;
  font-weight: 450;
  letter-spacing: 0.04em;
  color: #A6A6A6;
}

.bari-contact-value {
  font-family: 'Avenir Next Cyr', 'Noto Sans', sans-serif;
  font-size: 20px;
  line-height: 23px;
  font-weight: 450;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 200ms ease;
}

.bari-contact-value:hover {
  color: #FF3009;
}

.bari-footer-socials {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}

.bari-social-btn {
  width: 35px;
  height: 36px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 250ms ease;
}

.bari-social-btn:hover {
  background: #FF3009;
  border-color: #FF3009;
  transform: translateY(-2px);
}

footer.footer-container .e-con,
footer.footer-container .e-con-inner,
footer.wd-footer .e-con,
footer.wd-footer .e-con-inner,
.main-footer .e-con,
.main-footer .e-con-inner {
  padding: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  --padding-block-start: 0px;
  --padding-block-end: 0px;
}

@media (max-width: 1024px) {
  .bari-footer-inner {
    flex-wrap: wrap;
    gap: 36px;
    padding: 40px 24px;
  }
  .bari-footer-nav, .bari-footer-center, .bari-footer-contacts {
    flex: 1 1 100%;
    align-items: flex-start;
    text-align: left;
  }
  .bari-footer-center {
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .bari-footer-inner {
    flex-direction: column;
    padding: 36px 20px 28px 20px;
    gap: 28px;
  }
  .bari-footer-menu-grid {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }
  .bari-footer-contacts {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
    gap: 16px;
  }
  .bari-footer-center {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 24px;
    align-items: flex-start;
    gap: 14px;
  }
  .bari-footer-logo-link,
  .bari-footer-app-btn {
    display: none;
  }
  .bari-footer-stores-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .bari-store-badge img {
    height: 44px;
  }
}

/* ==========================================================================
   13. GUTTER ОТСТУПЫ СЕКЦИЙ
   ========================================================================== */

.elementor-31 > .e-parent:not(:last-child) {
  margin-top: 0;
  margin-bottom: var(--bari-gutter);
}

.bari-slider-container,
.bari-categories-section,
.bari-promo-bento,
.bari-mission-section {
  margin-top: 0;
  margin-bottom: 0;
}

.bari-footer-wrap {
  margin: 0;
}

/* ==========================================================================
   14. СТИЛИЗАЦИЯ ЗАГОЛОВКА СТРАНИЦ WOODMART (PAGE TITLE)
   ========================================================================== */

.wd-page-title,
.title-size-small,
.title-design-centered,
.wd-header-overlap .wd-page-title {
  min-height: auto;
  height: auto;
  background-color: transparent;
  border-bottom: none;
  box-shadow: none;
  padding-top: 18px !important;
  padding-bottom: 0;
  margin: 0 auto;
  max-width: var(--bari-container-max, 1856px);
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .wd-header-overlap .wd-page-title {
    padding-top: 18px !important;
  }
}

.wd-page-title .woodmart_title-container,
.wd-page-title .wd-title-container,
.wd-page-title .container {
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
  min-height: auto;
}

.wd-page-title .entry-title,
.wd-page-title h1 {
  font-family: 'Oswald', sans-serif;
  font-size: var(--bari-fs-h2, 48px);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0;
}

.wd-page-title .breadcrumbs,
.wd-page-title .yoast-breadcrumbs {
  display: none;
}

@media (max-width: 768px) {
  .wd-page-title,
  .wd-header-overlap .wd-page-title {
    padding-top: 14px !important;
  }
  .wd-page-title .entry-title,
  .wd-page-title h1 {
    font-size: var(--bari-fs-h2, 32px);
  }
}

@media (max-width: 480px) {
  .wd-page-title,
  .wd-header-overlap .wd-page-title {
    padding-top: 10px !important;
  }
  .wd-page-title .entry-title,
  .wd-page-title h1 {
    font-size: var(--bari-fs-h2, 26px);
  }
}

/* ==========================================================================
   15. СТЕКЛЯННЫЙ БЛОК СТРАНИЦЫ «АКЦИИ» (LIQUID GLASS)
   ========================================================================== */

.bari-promo-glass-card {
  max-width: var(--bari-container-max, 1856px);
  width: calc(100% - 64px);
  margin: 0 auto;
  padding: 30px 32px;
  border-radius: 32px;
  box-sizing: border-box;
  overflow: hidden;
  background: radial-gradient(100% 100% at 0% 0%, rgba(0, 0, 0, 0.32) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  box-shadow: 
    inset 5px 5px 4px 0px rgba(255, 255, 255, 0.10),
    inset -5px -5px 250px 0px rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.bari-promo-text-wrap {
  width: 100%;
  max-width: 894px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bari-promo-text-wrap p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #A6A6A6;
  margin: 0;
}

@media (max-width: 1440px) {
  .bari-promo-glass-card {
    margin: var(--bari-gutter, 30px) auto;
  }
}

@media (max-width: 1024px) {
  .bari-promo-glass-card {
    padding: 24px 20px;
    border-radius: 24px;
  }
}

@media (max-width: 768px) {
  .bari-promo-glass-card {
    margin: var(--bari-gutter, 24px) auto;
    padding: 20px 16px;
    border-radius: 20px;
  }
  .bari-promo-text-wrap p {
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .bari-promo-glass-card {
    margin: var(--bari-gutter, 18px) auto;
  }
}

/* ==========================================================================
   16. ЛИЧНЫЙ КАБИНЕТ И ЛИЧНЫЕ ДАННЫЕ (LIQUID GLASS, ВКЛАДКИ, OTP)
   ========================================================================== */

.bari-account-glass-card,
.woocommerce-account .bari-account-glass-card,
.woocommerce-account .main-page-wrapper > .container > .e-con:first-child {
  max-width: var(--bari-container-max, 1856px);
  width: 100%;
  min-height: 720px;
  margin: 0 auto var(--bari-gutter, 60px) auto;
  padding: 40px 48px;
  border-radius: 32px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: radial-gradient(100% 100% at 0% 0%, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  box-shadow: 
    inset 5px 5px 4px 0px rgba(255, 255, 255, 0.10),
    inset -5px -5px 250px 0px rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
}

.bari-account-glass-card > .e-con:first-child,
.bari-account-glass-card .wd-my-account-sidebar {
  flex: 0 0 310px;
  max-width: 310px;
  width: 310px;
  display: flex;
  flex-direction: column;
  padding-right: 32px;
  box-sizing: border-box;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
}

.bari-account-glass-card h2, 
.bari-account-glass-card h3, 
.bari-account-glass-card .elementor-heading-title, 
.bari-account-glass-card .woocommerce-MyAccount-title {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  color: #FFFFFF;
  margin: 0 0 4px 0;
  padding: 0;
}

.bari-account-glass-card .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.bari-account-glass-card .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.bari-account-glass-card .woocommerce-MyAccount-navigation li a {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 12px 20px;
  border-radius: 47px;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #D5D5D5;
  background: transparent;
  border: 1px solid transparent;
  transition: all 200ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-account-glass-card .woocommerce-MyAccount-navigation li a:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateX(4px);
}

.bari-account-glass-card .woocommerce-MyAccount-navigation li.is-active a,
.bari-account-glass-card .woocommerce-MyAccount-navigation li.active a {
  background: rgba(22, 22, 22, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #FFFFFF;
  font-weight: 500;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transform: none;
}

.bari-account-glass-card > .e-con:last-child,
.bari-account-glass-card .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  width: auto;
  padding-left: 48px;
  box-sizing: border-box;
  color: #D5D5D5;
}

.bari-account-glass-card .woocommerce-MyAccount-content p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #A6A6A6;
  margin-bottom: 20px;
}

.bari-account-glass-card .woocommerce-MyAccount-content a {
  color: #333333;
  text-decoration: none;
  border-radius: 47px;
}

/* Форма личных данных */
.woocommerce-EditAccountForm.edit-account,
.woocommerce-account form.woocommerce-EditAccountForm {
  display: none !important;
}

.bari-profile-flow {
  width: 100%;
  box-sizing: border-box;
}

.bari-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 480px));
  gap: 32px 48px;
  align-items: start;
}

.bari-profile-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bari-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.bari-field-label {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #D5D5D5;
  letter-spacing: 0.02em;
  display: block;
}

.bari-field-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.bari-field-readonly {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 20px;
  border-radius: 12px;
  background: rgba(248, 248, 248, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  box-sizing: border-box;
}

.bari-input-wrap {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
}

.bari-input {
  width: 100%;
  height: 48px;
  padding: 0 20px;
  border-radius: 43px;
  background: rgba(248, 248, 248, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  box-sizing: border-box;
  outline: none;
  transition: all 200ms cubic-bezier(0, 0, 0.58, 1);
}

.bari-input:not([readonly]) {
  background: rgba(24, 24, 27, 0.9);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

.bari-input:focus {
  border-color: #FF3009;
  box-shadow: 0 0 14px rgba(255, 48, 9, 0.25);
}

.bari-otp-wrap {
  width: 130px;
  flex-shrink: 0;
}

.bari-input-otp {
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
}

.bari-btn-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  background: rgba(248, 248, 248, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 200ms ease;
}

#field-comment.bari-input.bari-textarea { 
  padding: 20px 30px !important; 
}

.bari-btn-icon:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

.bari-btn-verify-otp {
  background: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
}

.bari-btn-verify-otp:hover {
  background: #FF3009;
  color: #FFFFFF;
  border-color: #FF3009;
}

.bari-btn-action.bari-btn-confirm {
  height: 48px;
  padding: 0 20px;
  border-radius: 12px;
  background: #FFFFFF;
  color: #100A07;
  font-family: 'Noto Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease;
}

.bari-btn-action.bari-btn-confirm:hover {
  background: #FF3009;
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(255, 48, 9, 0.3);
}

/* Управление кнопками по состояниям (VIEW / EDIT / OTP / OTP-READY) */
.bari-field-group[data-state="view"] .bari-btn-edit { display: inline-flex; }
.bari-field-group[data-state="view"] .bari-btn-confirm,
.bari-field-group[data-state="view"] .bari-otp-wrap,
.bari-field-group[data-state="view"] .bari-btn-verify-otp,
.bari-field-group[data-state="view"] .bari-btn-cancel,
.bari-field-group[data-state="view"] .bari-field-timer { display: none; }

.bari-field-group[data-state="edit"] .bari-btn-edit { display: none; }
.bari-field-group[data-state="edit"] .bari-btn-confirm { display: inline-flex; }
.bari-field-group[data-state="edit"] .bari-otp-wrap { display: none; }
.bari-field-group[data-state="edit"] .bari-btn-verify-otp { display: none; }
.bari-field-group[data-state="edit"] .bari-btn-cancel { display: inline-flex; }
.bari-field-group[data-state="edit"] .bari-field-timer { display: none; }

.bari-field-group[data-state="otp"] .bari-btn-edit { display: none; }
.bari-field-group[data-state="otp"] .bari-btn-confirm { display: none; }
.bari-field-group[data-state="otp"] .bari-otp-wrap { display: block; }
.bari-field-group[data-state="otp"] .bari-btn-verify-otp { display: none; }
.bari-field-group[data-state="otp"] .bari-btn-cancel { display: inline-flex; }
.bari-field-group[data-state="otp"] .bari-field-timer { display: block; }

.bari-field-group[data-state="otp-ready"] .bari-btn-edit { display: none; }
.bari-field-group[data-state="otp-ready"] .bari-btn-confirm { display: none; }
.bari-field-group[data-state="otp-ready"] .bari-otp-wrap { display: block; }
.bari-field-group[data-state="otp-ready"] .bari-btn-verify-otp { display: inline-flex; }
.bari-field-group[data-state="otp-ready"] .bari-btn-cancel { display: inline-flex; }
.bari-field-group[data-state="otp-ready"] .bari-field-timer { display: block; }

.bari-field-timer {
  font-family: 'Noto Sans', sans-serif;
  font-size: 13px;
  color: #999999;
  margin-top: 4px;
}

.bari-field-msg {
  font-family: 'Noto Sans', sans-serif;
  font-size: 13px;
  margin-top: 4px;
  display: none;
}
.bari-field-msg.is-visible { display: block; }
.bari-field-msg.is-error   { color: #FF4D4D; }
.bari-field-msg.is-success { color: #319F43; }

/* Социальные профили */
.bari-social-auth-group { margin-top: 12px; }
.bari-social-list { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.bari-social-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-radius: 14px;
  background: rgba(248, 248, 248, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.bari-social-info { display: flex; align-items: center; gap: 12px; }
.bari-social-badge {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #FFFFFF;
}
.yandex-badge { background: #FC3F1D; }
.vk-badge     { background: #0077FF; }
.sber-badge   { background: #21A038; }
.mail-badge   { background: #005FF9; }
.bari-social-title { font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 500; color: #FFFFFF; }
.bari-social-toggle-btn {
  padding: 6px 16px;
  border-radius: 10px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 200ms ease;
}

.bari-social-item.is-connected .bari-social-toggle-btn {
  background: rgba(248, 248, 248, 0.75);
  color: #100A07;
}

.bari-social-item.is-connected .bari-social-toggle-btn:hover {
  background: #FF4D4D;
  color: #FFFFFF;
}

.bari-social-item:not(.is-connected) .bari-social-toggle-btn {
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.15);
}

.bari-social-item:not(.is-connected) .bari-social-toggle-btn:hover {
  background: #FFFFFF;
  color: #100A07;
}

@media (max-width: 1440px) {
  .bari-account-glass-card {
    padding: 32px 36px;
    min-height: 650px;
  }
  .bari-account-glass-card > .e-con:first-child {
    flex: 0 0 270px;
    max-width: 270px;
    padding-right: 24px;
  }
  .bari-account-glass-card > .e-con:last-child {
    padding-left: 36px;
  }
}

@media (max-width: 1024px) {
  .bari-account-glass-card {
    flex-direction: column;
    padding: 28px 24px;
    min-height: auto;
  }
  .bari-account-glass-card > .e-con:first-child {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    border-right: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-right: 0;
    padding-bottom: 24px;
    margin-bottom: 28px;
  }
  .bari-account-glass-card .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
  .bari-account-glass-card .woocommerce-MyAccount-navigation li {
    width: auto;
  }
  .bari-account-glass-card > .e-con:last-child {
    padding-left: 0;
  }
  .bari-profile-grid { 
    grid-template-columns: 1fr; 
    gap: 24px; 
  }
}

@media (max-width: 480px) {
  .bari-account-glass-card {
    padding: 20px 16px;
    border-radius: 20px;
  }
  .bari-account-glass-card h2,
  .bari-account-glass-card h3,
  .bari-account-glass-card .elementor-heading-title {
    font-size: 24px;
  }
  .bari-account-glass-card .woocommerce-MyAccount-navigation li a {
    font-size: 14px;
    padding: 8px 16px;
  }
}@media (min-width: 1025px) {
	/* =========================================================
   BARI — ДЕСКТОП (STICKY FOOTER И ШИРИНА СТЕКЛЯННЫХ КАРТОЧЕК)
   ========================================================= */

/* 1. Прижатие футера к низу экрана */
html,
body {
  height: 100% !important;
  min-height: 100% !important;
}

.website-wrapper,
.wd-page-wrapper {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
}

.main-page-wrapper,
.wd-page-content,
.site-content {
  flex: 1 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

footer.footer-container,
footer.wd-footer,
.site-footer {
  flex-shrink: 0 !important;
  margin-top: auto !important;
}

/* 2. Отступы стеклянной плиты Личного Кабинета на десктопе */
.bari-account-glass-card,
.woocommerce-account .bari-account-glass-card {
  width: calc(100% - 64px) !important;
}

/* 3. Нижний отступ карточки акций */
.bari-promo-glass-card { 
  margin: 0 auto 32px; 
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* =========================================================
   BARI — ПЛАНШЕТ (АДАПТИВНАЯ ШИРИНА СТЕКЛЯННЫХ КАРТОЧЕК)
   ========================================================= */

/* Адаптивные отступы по 16px с каждой стороны */
.bari-page-glass-board,
.bari-promo-glass-card,
.bari-account-glass-card,
.woocommerce-account .bari-account-glass-card { 
  width: calc(100% - 32px) !important; 
}

.bari-promo-glass-card { 
  margin: 0 auto 32px; 
}
}

@media (max-width: 576px) {
	/* =========================================================
   BARI — МОБИЛЬНЫЙ (100% ШИРИНА КАРТОЧЕК БЕЗ БОКОВЫХ СДВИГОВ)
   ========================================================= */

.bari-page-glass-board,
.bari-promo-glass-card,
.bari-account-glass-card,
.woocommerce-account .bari-account-glass-card { 
  width: 100% !important;
}
}