@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../userfiles/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}







:root {
  --main_color_accent:      var(--accent);
  --white_accent:           #FFFFFF;
  --gradient:               linear-gradient(90deg, #CAFF8A 0%, #A6FFCB 50%, #96E6FF 100%);
}



body
{
    font-family: "Montserrat", monospace !important;
    color: #535554;
}

.product-categories-header-slim-title, .products-view-nspan, p,
.advantages-item-text.cs-t-6
{
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    font-weight: 500;
}
.additional-text__main.js-additional-text__main p {
    font-size: 1.2rem !important;
}

.menu-dropdown .menu-dropdown-root {
    font-weight: 500;
}




/* БАЗОВЫЕ АКЦЕНТНЫЕ ЦВЕТА */

.cs-bg-6 {
    background-color: unset !important;
}
.cs-bg-i-1 span {
    color: var(--accent) !important;
}

/*.cs-bg-6,*/ 
.btn-confirm, 
.spinbox-more:before, 
.spinbox-less:before,
.top-shipping-row .link-dotted-invert span:before, 
.carousel-nav-prev, 
.carousel-nav-next, 
.btn-buy, .block-head::after, 
input[type=submit]:not(.btn-expander), 
/*.cs-bg-i-1,*/ 
/*.cs-bg-i-1:hover,*/ 
/*.cs-bg-i-11.cs-selected,*/ 
/*.cs-bg-i-11:hover,*/
.pagenumberer .pagenumberer-next .icon-right-open-after:after,
.pagenumberer .pagenumberer-prev .icon-left-open-after:after, 
.product-view-action .products-view-compare .compare-control .svg:hover,
.product-view-action .products-view-wishlist .wishlist-control .svg:hover,
.adv-modal-close:after, 
.product-view-action .products-view-quickview .svg:hover,
.site-head-site-head-search .site-head-search-btn:hover::before {
    color: var(--white_accent) !important;
    background-color: var(--main_color_accent) !important;
}

.btn-action {
    color: var(--main_color_accent) !important;
    background-color: var(--white_accent) !important;
}

.product-card .tabs .tabs-headers .tabs-header-item .tabs-header-item-link,
.product-card .product-card-info .products-view-compare .compare-control,
.product-card .product-card-info .products-view-wishlist .wishlist-control,
.product-card .details-availability .available, 
.breads-item .breads-item-link span,
.product-card .details-aside .block-exuding .details-shipping .top-shipping-row .link-dotted-invert, 
.cs-l-2:hover, 
.cs-l-d-2:hover, 
.readmore-link, 
.readmore-link:hover,
.cs-t-10, 
.cs-l-6, 
.cs-l-d-6, 
.pagenumberer .pagenumberer-item, 
.cs-l-8:hover {
    color: var(--main_color_accent);
}
.carousel-main .carousel-nav-prev::after, 
.carousel-main .carousel-nav-next::after, 
.product-view-carousel .carousel-nav-prev::after, 
.product-view-carousel .carousel-nav-next::after, 
.carousel-nav-prev::after, 
.carousel-nav-next::after,
.related-products .carousel-horizontal:not(.carousel-colors) > .carousel-nav .carousel-nav-next::after, 
.related-products .carousel-horizontal:not(.carousel-colors) > .carousel-nav .carousel-nav-prev::after, 
.carousel-logo .carousel-horizontal:not(.carousel-colors) > .carousel-nav .carousel-nav-prev::after, 
.carousel-logo .carousel-horizontal:not(.carousel-colors) > .carousel-nav .carousel-nav-next::after, 
.product-view-carousel .carousel-nav-next::after,
.cart-popup-related-block .carousel-horizontal:not(.carousel-colors) > .carousel-nav .carousel-nav-next::after{
    background-color: var(--white_accent);
}
@media (min-width: 30em) {
    .photo-view-list__nav:not(.active)>span {
        background-color: #797779b3 !important;
    }
@media (min-width: 30em) {
    .photo-view-list__nav-wrap {
        bottom: 1px !important;
    }
@media (min-width: 30em) {
    .photo-view-list__nav>* {
        height: 2px !important;
    }
}


.btn-buy {
    color: var(--accent) !important;
    background: var(--gradient) !important;
}
.menu-general-root-link:hover {
    color: var(--accent) !important;
    background: var(--gradient) !important;
    border-radius: .3125rem;
}
.btn-confirm::before, .btn-buy::before {
    background-color: var(--accent) !important;
}




/*-----------------  КОСТЫЛЬ ДЛЯ MAX  ----------------------*/

.social-list>.footer-menu-item:last-child>a:last-child>span {
    display: none;
}
.social-list>.footer-menu-item:last-child>a:last-child:after {
    content: 'Max';
}
.icon-odnoklassniki-before:before, 
.icon-odnoklassniki-after:after, 
.icon-odnoklassniki-before-abs:before, 
.icon-odnoklassniki-after-abs:after, 
.icon-odnoklassniki-before-abs-offset:before, 
.icon-odnoklassniki-after-abs-offset:after {
    margin-top: 2px !important;
    content: url(http://new.exdent.ru/userfiles/max.svg);
}
.social--odnoklassniki
 {
    background-color: #000;
}




.tags .tag-item {
    background-color: #67b353;
    color: #fff;
}




.product-card .details-aside .block-exuding .details-shipping__variants {
    max-height: 100% !important;
}







/*-----------------  Шапка  ----------------------*/

.menu-general {
    display: flex;
    /* Разрешаем перенос на новую строку, если пунктов станет слишком много */
    flex-wrap: wrap; 
    align-items: stretch;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-general-item {
    /* flex-grow: 1 (растягиваться)
       flex-shrink: 1 (сужаться)
       flex-basis: auto (базовая ширина по контенту)
    */
    flex: 1 1 auto; 
    display: flex;
    min-width: fit-content; /* Чтобы слова не разрывало по буквам */
    border-radius: .3125rem;
}

.site-menu-row .menu-general .menu-general-root-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    
    /* Убираем жесткий паддинг по бокам, оставляем минимум для зазоров */
    padding: 9px 15px; 
    
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap; /* Текст в одну строку */
    text-align: center;
    box-sizing: border-box;
}






/*-----------------  Преимущества  ----------------------*/

.advantages-item-text.cs-t-6 {
    text-align: center !important;
}
.advantages .advantages-item .advantages-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 75em) {
    .advantages .advantages-item {
        margin-right: 50px;
    }
    .advantages > .advantages-item:not(:last-child) {
        padding-right: 50px;
    }
}







/*-----------------  Бренды  ----------------------*/
/*
.carousel-logo-item.green.js-carousel-item.carousel-item {
    width: 140px !important;
}
.carousel-logo-list.carousel-list {
    width: 2800px !important;
}
*/
.carousel-logo:before {
    content: none !important;
}
/*
.carousel-logo-link {
    padding-left: 40px !important;
}
*/


/*-----------------  Категории  ----------------------*/

.popular-categories .product-categories-item-inner-slim {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px;
    background-color: #F9F9F9;
}
.popular-categories .product-categories-item-slim {
    padding: 6px 6px !important;
    border-width: unset !important;
    border-style: unset !important;
}
.product-categories-header-slim-title {
    text-align: left !important;
}
.product-categories-header-slim-extend {
    height: unset !important;
    overflow: unset !important;
    position: unset !important;
}
.product-categories-item-photo-link-slim {
    width: 80px !important;
    height: 80px !important;
}
.popular-categories .product-categories-header-slim {
    padding-bottom: unset !important;
    padding-top: unset !important;
}
.product-categories-header-slim-title {
    width: 80px;
}



/*-----------------  Футер  ----------------------*/

.site-footer-top-level.cs-bg-4 {
    background-color: #535554 !important;
}
.footer-bottom-level {
    background-color: #333333 !important;
}
.site-footer-wrap {
    color: #fff !important;
}
.footer-gifts,
.footer-menu-head,
.footer-menu-text,
.copyright-block, 
.phones-number__tel a span,
.cart-mini-main__text,
.toolbar-top-link-alt,
.zone-dialog-trigger-link span,
.toolbar-top .phones-number__tel>a {
    font-size: 14px !important;
    font-weight: 500;
    gap: 24px;
}
.footer-bottom-level .copyright-block, .footer-bottom-level .RightBottom-block {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.site-footer-wrap .site-footer-top-level .site-footer-top-level-inner {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
}
.footer-gifts {
    display: flex;
}








/*-----------------  Товары (карточка в каталоге)  ----------------------*/

.btn.products-view-buy::before {
    margin-right: unset !important;
}
.products-view-tile .products-view-name-link {
   /* font-size: 14px !important; */
}
.product-view-button .product-view-button-wrap .button_block {
    display: flex;
}
.product-view-action {
    top: 5px !important;
}
.products-view-price-block > .products-view-price  > .price {
    display: flex !important;
    gap: 8px;
    flex-direction: column;
}
.price-new.cs-t-1 {
    font-family: montserrat;
    font-weight: 600 !important;
}

.products-view-label > span {
    border-radius: .3125rem;
}

.products-view-tile .product-view-button {
    margin-top: 10px;
    margin-left: 12px;
}

.product-view-action {
    position: absolute;
    z-index: 999;
}



























/* ══════════════════════════════════════════════════════════════════
   ExDent — Редизайн v3
   Референс: Milkshake CodePen (light theme адаптация)
   Главный цвет: #5CA020 (зелёный)  |  Акцент: #12ADDE (синий)
   Шрифт заголовков: Montserrat  |  Тело: Montserrat / Rubik
   Только CSS, без правок HTML
   ══════════════════════════════════════════════════════════════════ */
 
/* ── 1. ШРИФТЫ ─────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');
 
/* ── 2. ПЕРЕМЕННЫЕ ─────────────────────────────────────────────── */
:root {
  --g:      #5CA020;   /* зелёный — главный */
  --gd:     #488018;   /* зелёный тёмный */
  --gl:     #edf6e0;   /* зелёный светлый */
  --b:      #12ADDE;   /* синий — акцент */
  --bd:     #0d8fb8;
  --bl:     #e6f7fc;
  --ink:    #0e1a0a;   /* почти чёрный */
  --accent: #4c4c4c;
  --muted:  #5a6a52;
  --bg:     #f6f8f3;   /* тёплый белый */
  --card:   #ffffff;
  --border: #d8e8c8;
  --dark:   #111a0a;   /* тёмный для тикера / подвала */
  --cream:  #f8faf4;
  --r:      12px;
  --rl:     8px;
  --sh:     0 2px 20px rgba(0,0,0,.07);
  --shg:    0 6px 32px rgba(92,160,32,.18);
  --shg_main_color: 0 3px 1px var(--main_color_accent);
}

.product-card .details-payment .details-payment-block .details-payment-cell .details-payment-item .btn:before {
	margin-right: 0px !important;
}
 
/* ── 11. ПОПУЛЯРНЫЕ КАТЕГОРИИ ───────────────────────────────────── */
.popular-categories { margin-bottom: 40px !important; }
 
.popular-title, h2.popular-title, .block-head > h2,
.h-inline.products-specials-best-h,
.products-specials-block .h-inline,
.products-specials-block h2, .recently-viewed-block
.container .block .block-head .h2, .h-inline,
.products-specials-best-h, .popular-title,
h2.popular-title.h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(2.4rem, 5vw, 3rem) !important;
  line-height: 0.92 !important;
  color: var(--accent) !important;
  margin-bottom: 0px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  position: relative !important;
  display: inline-block !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
h2.popular-title.h2 {
    border-bottom: 2px solid var(--main_color_accent) !important;
    width: 100%;
}

 
/* Карточки категорий */
.product-categories-item-slim {
  border: 2px solid var(--main_color_accent) !important;
  border-radius: var(--rl) !important;
  background: var(--card) !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
.product-categories-item-slim:hover {
  /*border-color: var(--g) !important;*/
  box-shadow: var(--shg_main_color) !important;
  transform: translateY(-4px) !important;
}
.product-categories-item-inner-slim {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}

.product-categories-item-slim:hover .product-categories-header-slim-title {
  color: var(--main_color_accent) !important;
}
.product-categories-item-picture-slim {
  background: var(--accent) !important;
  border-radius: var(--r) !important;
  padding: 4px !important;
}
 
/* ── 12. СЕКЦИИ ТОВАРОВ ─────────────────────────────────────────── */
.products-specials-container { margin-top: 0 !important; }
 
.products-specials-block {
  background: var(--card) !important;
  border-radius: var(--rl) !important;
  margin-top: 64px !important;
}
 
/* Заголовок секции */
.products-specials-header, h2.popular-title.h2, .block-head {
  align-items: flex-end !important;
  margin-bottom: 24px !important;
  padding-bottom: 24px !important;
  border-bottom: 2px solid var(--main_color_accent) !important;
  position: relative !important;
}
.products-specials-header::after, .popular-title::after, .block-head::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 70px !important;
  height: 2px !important;
  border-radius: 2px !important;
}
 
/* «Хиты продаж» — первое слово зелёным через before */
.products-specials-best .products-specials-best-h::before {
  content: '🔥 ' !important;
  font-size: clamp(3rem, 6vw, 4rem) !important;
}
 
/* Кнопка «Все товары» */
.products-specials-more {
  font-family: 'Montserrat', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--main_color_accent) !important;
  border: 2px solid var(--main_color_accent) !important;
  border-radius: .3125rem;
  padding: 6px 18px !important;
  transition: background .18s, color .18s, transform .15s !important;
  white-space: nowrap !important;
  margin-left: auto !important;
}
.products-specials-more:hover {
  background: var(--main_color_accent) !important;
  color: var(--white_accent) !important;
  transform: translateY(-2px) !important;
  text-decoration: none;
}
 
/* ── 13. КАРТОЧКИ ТОВАРОВ ───────────────────────────────────────── */
/* Стиль shake-card */
.products-view-tile { margin: 0 !important; }
.products-view-block { padding: 8px !important; }

a.photo-view-list__nav.active { width: 20px; }
a.photo-view-list__nav.active .btn-confirm {height: 4px !important; }

.recently-viewed-block .products-view-tile .products-view-item {
    padding: unset !important; 
    padding-bottom: 12px !important;
}

img.products-view-picture.js-qazy-loaded { width: 150px; }
 
.products-view-item {
  background: var(--card) !important;
  border: 2px solid #EFEFF4 !important;
  border-radius: var(--rl) !important;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
  overflow: hidden !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.products-view-item:hover {
  /*border-color: var(--main_color_accent) !important;*/
  box-shadow: var(--shg_main_color) !important;
  transform: translateY(-4px) !important;
}
 
/* Зона фото — цветная как в shake-card */
.products-view-pictures,
.products-view-picture-link {
  position: relative !important;
}
.products-view-picture-link {
  border-bottom: 2px solid var(--main_color_accent) !important;
  transition: background .2s !important;
}

.products-view-tile .products-view-pictures { padding: 0 !important; }
 
/* Информация */
.products-view-tile .products-view-info { padding: 12px 14px 6px !important; }
.products-view-tile .products-view-name { margin: 0 0 4px !important; text-align: left !important; }
 
.products-view-name-link {
  font-family: 'Montserrat', monospace !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
a.products-view-name-link {
    height: 124px;
}
.products-view-name-link:hover {
    color: var(--main_color_accent) !important;
}
 
/* Рейтинг */
.products-view-tile .products-view-rating { margin-top: 10px !important; }
.rating-item::before { color: #c8dab8 !important; }
.rating-item-selected::before { color: #f5a623 !important; }
 
/* Бейджи — pill-style как в референсе */
.products-view-labels {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  z-index: 2 !important;
}
.products-view-label-inner {
  font-family: 'Montserrat', monospace !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border: 1.5px solid currentColor !important;
}
.products-view-label-best {
  background: rgba(246,91,49,.9) !important;
    color: #ffffff !important;
    border-color: #e46715 !important;
}
.products-view-label-new {
  background: rgba(18, 173, 222, .9) !important;
color: #ffffff !important;
border-color: var(--b) !important;
}
.products-view-label-discount {
  background: rgba(240,100,40,.9) !important;
  color: #ffffff !important;
  border-color: #e05a20 !important;
}

.products-view-price-data {
    padding: unset !important;
}
 
/* Цена */
.products-view-tile .products-view-price-data { margin-top: auto !important; }
.products-view-tile .products-view-price-block {
  padding: 0 14px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.products-view-tile .products-view-price-block .products-view-price { height: auto !important; }
.products-view-tile .products-view-price-block .products-view-price::before { display: none !important; }
 
.price-new .price-number,
.price-current .price-number {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: var(--accent) !important;
}
.price-old .price-number {
  font-size: 13px !important;
  color: var(--muted) !important;
  text-decoration: line-through !important;
}
.price-currency { font-size: 12px !important; color: var(--muted) !important; }
.price-discount { font-size: 11px !important; color: var(--g) !important; font-weight: 700 !important; }
.price-new.cs-t-1 .price-number { color: var(--g) !important; }


/* Кнопки слайдеров */

.carousel-nav {
    width: 100% !important;
    min-width: 60.625rem !important;
    justify-content: space-between !important;
    z-index: 999;
}
button.carousel-nav-prev.icon-left-open-after.full-arrow-in-circle.full-arrow-in-circle--prev {
}

.carousel:not(.carousel-vertical) .carousel-nav.carousel-nav-outside {
    position: absolute;
    right: 0;
    top: 182px;
    bottom: 0;
    display: flex;
    height: 48px;
    align-items: center;
}











/*-----------------  Техническое  ----------------------*/




/* 1. Базовая подготовка родителя */
.toolbar-top__personal-menu {
    position: relative !important;
    z-index: 999999 !important;
}

/* 2. Настройка самого меню */
.personal-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: -2px !important; /* Нахлест на кнопку */
    
    /* Состояние "скрыто" */
    visibility: hidden !important;
    opacity: 0 !important;
    display: block !important; /* Блок всегда существует, мы просто его прячем */
    
    /* МАГИЯ: Задержка при уходе курсора (0.5 секунды) */
    /* Когда мы убираем мышь, меню ждет 500мс перед тем как исчезнуть */
    transition: opacity 0s 0.2s, visibility 0s 0.2s !important;
    
    z-index: 1000000 !important;
    pointer-events: auto !important;
}

/* 3. Состояние при наведении */
.toolbar-top__personal-menu:hover .personal-menu,
.personal-menu:hover {
    visibility: visible !important;
    opacity: 1 !important;
    
    /* При наведении задержка ИСЧЕЗАЕТ (показываем мгновенно) */
    transition: opacity 0s 0s, visibility 0s 0s !important;
}

/* 4. Расширение зоны захвата внутри самого меню */
/* Делаем невидимую "подкладку" снизу и по бокам */
.personal-menu::before {
    content: "";
    position: absolute;
    inset: -20px -50px -100px -50px; 
    background: transparent;
    z-index: -1;
}

/* 5. Принудительное "прорезание" сквозь баннеры */
.toolbar-top, .container, .row {
    overflow: visible !important;
}