:root {
  --orange: #fab202;
    --bt-yellow: #f9b201;
    --bt-yellow-hover: #e6a400;
    --bt-black: #171717;
    --bt-gray: #6f6f6f;
    --bt-border: #e5e5e5;
    --bt-background: #f7f7f7;

  
}
  @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Light.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 200 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Medium.woff2") format("woff2");
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}
  @font-face {
    font-family: "Eurostile";
    src: url("../fonts/Eurostile.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Eurostile";
    src: url("../fonts/Eurostile-Medium.woff2") format("woff2");
    font-weight: 200 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Eurostile";
    src: url("../fonts/Eurostile-Bold.woff2") format("woff2");
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}

  .bt-header {
    width: 100%;
    height: 160px;
    background-color: var(--orange);
    box-sizing: border-box;
}

.bt-header__grid {
    display: grid;
max-width:1440px;
margin:auto;
    /* 1-й — 260px, 4-й — удвічі ширший за 2-й */
    grid-template-columns:
        260px
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 2fr)
        minmax(0, 1fr);

    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.bt-header__block {
    min-width: 0;
    height: 160px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.bt-header__block--1 {
align-items: flex-start;

}
.bt-header__block.bt-header__block--1 img {
	width:250px;
	height:86px;
	margin-top:24px;
}

/* Другий блок шапки — контакти першого складу */
.bt-header__block--2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 160px;
    min-width: 0;

}

/* Весь контактний блок */
.bt-contact {
            color: #111;
    font-family: "Inter", Arial, sans-serif;
	font-weight: 900;
	font-size: 12px;
		position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 0 0;
   
    font-style: normal;
    box-sizing: border-box;
}
.bt-header__block.bt-header__block--2 .bt-contact {
 border-right: 1px solid rgba(17, 17, 17, 0.22);	
}


/* Адреса */
.bt-contact__address {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.3;
	background:url(../images/address.svg) no-repeat 4px 2px;
	padding-left: 26px;
  background-size: 18px;
}

.bt-contact__city {
    line-height: 1.15;
}

/* Контейнер двох телефонів */
.bt-contact__phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
	background:url(../images/phone.svg) no-repeat 4px 2px;
	padding-left: 26px;
  background-size: 18px;
}

/* Один телефон разом з іконкою Viber */
.bt-contact__phone-row {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

/* Номер телефону */
.bt-contact__phone-number {
    color: #111;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.bt-contact__phone-number:hover {
    color: #111;
    text-decoration: underline;
}

/* Viber */
.bt-contact__viber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    text-decoration: none;
}

.bt-contact__viber img {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}

/* Графік роботи */
.bt-contact__hours {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.3;
	background:url(../images/schedule.svg) no-repeat 4px 2px;
	padding-left: 26px;
  background-size: 18px;
}

/* Третій блок шапки — контакти першого складу */
.bt-header__block--3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 160px;
    min-width: 0;
    color: #111;
    font-family: "Inter", Arial, sans-serif;
	font-weight: 900;
}

.bt-header__block--4 {
    position: relative;
    display: block;
    height: 160px;
}

/* Пошук і кнопка одним вертикальним блоком */
.bt-header__search-stack {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 20;

    display: flex;
    flex-direction: column;
    gap: 7px;

    width: 100%;
    max-width: 360px;
}

/* Скасовуємо старе абсолютне позиціювання пошуку */
.bt-header__search-stack .mysearch {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;

    width: 100%;
    max-width: none;
    margin: 0;
}
h1 {

    margin: 30px 0 0 0;
	font-family:Eurostile;
	font-weight:600;
	font-size:34px;
    padding: 0 0 12px;
    border: 0;
    background: transparent;
}
/* =====================================================
   Пошук EB Ajax Search у шапці
   ===================================================== */

.bt-header__block--4 .mysearch {
    width: 100%;
    max-width: 360px;
    margin: 0;
}

.bt-header__block--4 .is_ajaxsearch {
    position: relative;
    width: 100%;
}

/* Форма */
.bt-header__block--4 form[id^="mod-ajaxsearch-form-"] {
    display: block;
    width: 100%;
    margin: 0 !important;
}

/* Контейнер поля та кнопки */
.bt-header__block--4 .is_ajaxsearch .btn-toolbar {
    position: relative;
    display: block !important;
    width: 100%;
    margin: 0 !important;
}

/* Текстове поле */
.bt-header__block--4 .is_ajaxsearch input.inputbox {
    display: block;
    width: 100% !important;
    min-width: 0;
    height: 50px;
    margin: 0 !important;
    padding: 0 64px 0 20px;

    color: #161616;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 58px;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    outline: none;
    box-sizing: border-box;
}

.bt-header__block--4 .is_ajaxsearch input.inputbox::placeholder {
    color: #929292;
    opacity: 1;
}

.bt-header__block--4 .is_ajaxsearch input.inputbox:focus {
    border-color: rgba(0, 0, 0, 0.35);
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.06),
        0 0 0 2px rgba(250, 178, 2, 0.35);
}

/* Приховуємо окремий label */
.bt-header__block--4 .search-label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Контейнер кнопки */
.bt-header__block--4 .is_ajaxsearch .btn-group {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;

    display: block !important;
    width: 58px;
    height: 58px;
    margin: 0 !important;

    border: 0;
}

/* Кнопка пошуку */
.bt-header__block--4 .is_ajaxsearch .search_class {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    margin: 0;

    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 10px 10px 0;

    font-size: 0 !important;
    line-height: 0;
    text-decoration: none !important;
    cursor: pointer;

    box-shadow: none !important;
}

/* Коло лупи */
.bt-header__block--4 .is_ajaxsearch .search_class::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 16px;

    width: 17px;
    height: 17px;

    border: 2px solid #111111;
    border-radius: 50%;
    box-sizing: border-box;
}

/* Ручка лупи */
.bt-header__block--4 .is_ajaxsearch .search_class::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 32px;

    width: 10px;
    height: 2px;

    background: #111111;
    border-radius: 2px;
    transform: rotate(45deg);
    transform-origin: left center;
}

.bt-header__block--4 .is_ajaxsearch .search_class:hover {
    background: rgba(0, 0, 0, 0.045) !important;
}

.bt-header__block--4 .is_ajaxsearch .search_class:focus-visible {
    outline: 2px solid #111111;
    outline-offset: -4px;
}

/* Старий clearfix більше не потрібний */
.bt-header__block--4 .is_ajaxsearch .clearfix {
    display: none !important;
}

.bt-header__block--4 .is_ajaxsearch .search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 10000;

    width: 100%;
}

.bt-header__block--4 .is_ajaxsearch .ajaxsearch_result {
    width: 100%;
}
span.small-title {
font-family: "Inter", Arial, sans-serif!important;
color:var(--bt-black)!important;
  font-size: 13px!important;
  font-weight: 900!important;	
	
}

#is_ajaxsearch_result a.eb_viewall {
   background:var(--bt-yellow)!important;
    
    color:var(--bt-black)!important;
  padding: 10px 0;
  display: block;
  width: 100%;
  font-size: 14px;
  text-decoration: none;
  border-radius: 6px !important;
  font-family: "Inter", Arial, sans-serif!important;
  font-weight: 900!important;
}

.eb_ajaxsearch_pagination {
  font-family: "Inter", Arial, sans-serif!important;	
	
}

.eb_ajaxsearch_pagination a.pagination_link {
color:	var(--bt-yellow)!important;
}
.eb_ajaxsearch_pagination a.pagination_link:hover {
color:	var(--bt-yellow-hover)!important;
text-decoration:underline!important;
transition:.3s!important;
}
.small-title .small-price {
font-family: "Eurostile", Arial, sans-serif!important;
color:var(--bt-black)!important;
  font-size: 13px!important;
  font-weight: 900!important;
margin-top:5px;  
	
}

.small-cat {
font-family: "Inter", Arial, sans-serif!important;
color:var(--bt-black)!important;
  font-size: 13px!important;
  font-weight: 300!important;

	
}


/* Четвертий блок шапки */
.bt-header__block--4 {
    position: relative;
    display: block;
    height: 160px;
    padding: 0;
}

/* Верхнє меню */
.bt-header__block--4 .topmenu {
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 20;
    width: max-content;
    max-width: 100%;
    margin: 0;
}

/* Список меню */
.bt-header__block--4 .topmenu ul.mod-menu {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;

    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Пункти меню */
.bt-header__block--4 .topmenu .mod-menu > li {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

/* Посилання */
.bt-header__block--4 .topmenu .mod-menu > li > a {
    display: block;
    padding: 4px 0;

    color: #111;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

/* Наведення */
.bt-header__block--4 .topmenu .mod-menu > li > a:hover,
.bt-header__block--4 .topmenu .mod-menu > li > a:focus {
    color: #fff;
	  transition:  .3s;
    text-decoration: none;
}

  .topmenu .mod-menu > li::after {
    content: "";
    background: #fff;
	opacity: .5;
    background: none;
    height: 2px;
    margin: auto;
    transition: all .2s, background-color .2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  right: 2px;
}

.bt-upload-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    width: 100%;
    height: 40px;
    margin: 0;
    padding: 5px 18px;

    color: #fff;
    background: #171717;
    border: 1px solid #2d2d2d;
    border-radius: 8px;

    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16);

    box-sizing: border-box;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.bt-upload-button__icon {
    display: block;
    flex: 0 0 35px;

    width: 35px;
    height: 35px;

    object-fit: contain;
}

.bt-upload-button__text {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
    color: #fff;
    text-align: left;
}

.bt-upload-button__title {
    display: block;

    font-family: "Eurostile", "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.bt-upload-button__subtitle {
    display: block;
    margin-top: 2px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
}

/* Наведення */
.bt-upload-button:hover {
    color: #fff;
    background: #2a2a2a;
    text-decoration: none;

    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.33);
  
}

.bt-upload-button:focus {
    color: #fff;
    text-decoration: none;
}

.bt-upload-button:focus-visible {
    outline: 2px solid #111;
    outline-offset: 3px;
}

.bt-upload-button:active {
    background: #090909;
    transform: translateY(0);
}

/* П’ятий блок шапки */
.bt-header__block--5 {
    display: grid;
    grid-template-columns: repeat(3, 42px);
    grid-template-rows: 38px 44px 54px;
    grid-template-areas:
        "cabinet cabinet cabinet"
        ".       .       language"
        "wishlist compare cart";

    justify-content: end;
    align-content: center;
    align-items: center;
    column-gap: 16px;
    row-gap: 2px;

    height: 160px;
    padding: 0;
    box-sizing: border-box;
}

/* Вхід / Реєстрація */
.bt-header__block--5 > .mycabinet {
    grid-area: cabinet;
    justify-self: end;
    align-self: start;

    margin: 0;
    white-space: nowrap;
}
.bt-home-content {
    display: block;
    width: 100%;
    min-width: 0;
}
.card {
  border:0; 
}
/* Перемикач мови */
.bt-header__block--5 > .mylang {
    grid-area: language;
    justify-self: end;
    align-self: center;

    margin: 0;
}
@media (min-width: 768px) {

    .bt-header__block--5 {
        min-width: 180px;
    }

    .bt-header__block--5 > .mycabinet {
        width: max-content;
        min-width: 145px;
        justify-self: end;
        white-space: nowrap;
    }

    .bt-header__block--5 > .mycabinet .mod-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: flex-end;
        width: max-content;
        margin: 0;
        padding: 0;
    }

    .bt-header__block--5 > .mycabinet .mod-menu > li {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        white-space: nowrap;
    }

    .bt-header__block--5 > .mycabinet a {
        white-space: nowrap;
    }
}
/* Обране */
.bt-header__block--5 > .wishlist {
    grid-area: wishlist;
}

/* Порівняння */
.bt-header__block--5 > .compare {
    grid-area: compare;
}

/* Кошик */
.bt-header__block--5 > .mycard {
    grid-area: cart;
}

/* Загальні параметри трьох іконок */
.bt-header__block--5 > .wishlist,
.bt-header__block--5 > .compare,
.bt-header__block--5 > .mycard {
    display: flex;
    align-items: center;
    justify-content: center;
position: relative;
    width: 42px;
    height: 42px;
    margin: 0;
}

/* Прибираємо відступи вкладених модулів */
.bt-header__block--5 .moduletable,
.bt-header__block--5 .mod-custom,
.bt-header__block--5 .mod-menu {
    margin: 0;
    padding: 0;
}

/* Розмір SVG та зображень */
.bt-header__block--5 > .wishlist img,
.bt-header__block--5 > .compare img,
.bt-header__block--5 > .mycard img,
.bt-header__block--5 > .wishlist svg,
.bt-header__block--5 > .compare svg,
.bt-header__block--5 > .mycard svg {
    display: block;
    width: 30px;
    height: 30px;

    object-fit: contain;
}

/* Посилання в кабінеті */
.bt-header__block--5 > .mycabinet a {
    color: #111;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

.bt-header__block--5 > .mycabinet a:hover {
    color: #fff;
}

/* Даємо перемикачу мов ширину всіх трьох колонок */
.bt-header__block--5 {
    grid-template-areas:
        "cabinet cabinet cabinet"
        "language language language"
        "wishlist compare cart";
}

/* Контейнер перемикача */
.bt-header__block--5 > .mylang {
    grid-area: language;
    justify-self: end;
    align-self: center;

    width: auto;
    margin: 0;
    padding: 0;
}

/* Прибираємо стилі стандартного модуля */
.bt-header__block--5 .mylang .mod-languages {
    width: auto;
    margin: 0;
    padding: 0;
}

/* Горизонтальний список мов */
.bt-header__block--5 .mylang ul.lang-inline {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;

    width: auto;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Пункти мов */
.bt-header__block--5 .mylang ul.lang-inline > li {
    position: relative;

    display: block !important;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Прибираємо стандартні маркери */
.bt-header__block--5 .mylang ul.lang-inline > li::marker {
    content: "";
}

/* Посилання UA та RU */
.bt-header__block--5 .mylang ul.lang-inline > li > a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 28px;
    padding: 0 8px;

    color: #111;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;

    box-sizing: border-box;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

/* Активна мова */
.bt-header__block--5
.mylang
ul.lang-inline
> li.lang-active
> a {
    color: #fff;
    background: #171717;
    border-color: #171717;
    pointer-events: none;
}

/* Наведення на неактивну мову */
.bt-header__block--5
.mylang
ul.lang-inline
> li:not(.lang-active)
> a:hover {
    color: #111;
    background: rgba(255, 255, 255, 0.45);
    border-color: rgba(0, 0, 0, 0.15);
}

.cart_top {
	position:absolute;
	top:0;
	right:-3px;
	
}
.total_products {
	
	width:20px;
	height:20px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	line-height:20px;
	font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.bt-header__block--5
.mycabinet
ul.mod-menu.mod-list.nav 
> li.nav-item.item-281::after {
    content: "/";
     margin-right: 7px;
    margin-left: 7px;
    color: #111;
    font-size: 12px;
    transform: translateY(-50%);
}

/* Центральна область сайту */
.bt-content-container {
    width: 100%;
    max-width: 1440px;
padding: 0 20px;
    margin-right: auto;
    margin-left: auto;

    box-sizing: border-box;
}
.content-main-row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}
/* Вміст компонента */
.bt-main-content {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;

    box-sizing: border-box;
}

@media (max-width: 767px) {
    .bt-content-container {
    width: 100%;
    padding: 0;
    }
	.home-main-row {
   display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;

        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
}
.home-main-row .mainbanner {
        grid-column: 1 / -1;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
.mainpagecat {
	margin:0 15px;
}
}

.prodcattitle {
    position: relative;
margin-top:-45px;
    display: flex;
    align-items: center;

    width: 260px;
    height: 46px;
    padding: 0 54px 0 20px;

    color: #fff;
    background: linear-gradient(
        180deg,
        #1e1e1e 0%,
        #101010 100%
    );

    border: 0;
    border-radius: 9px 9px 0 0;

    font-family: "Eurostile", "Inter", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    box-sizing: border-box;
    user-select: none;
}

/* Іконка меню — три горизонтальні лінії */
.prodcattitle::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 18px;

    width: 21px;
    height: 2px;

    background: #fff;
    border-radius: 2px;

    box-shadow:
        0 -7px 0 #fff,
        0 7px 0 #fff;

    transform: translateY(-50%);
}

.home-main-row {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: start;
    gap: 28px;

    width: 100%;
    max-width: 1440px;
    margin: 20px auto 0;
    padding: 0;
    box-sizing: border-box;
}

/* Меню зліва */
.productmenu {
    width: 260px;
    min-width: 0;
}
.contentmenu {
	flex: 0 0 260px;
	width: 260px;
}
/* Приховуємо позицію, якщо всередині немає модуля */
.contentmenu:not(:has(*)) {
	display: none;
}
/* Банер займає весь вільний простір */
.mainbanner {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.maincontent{
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
}
/* Прибираємо можливі відступи модуля */
.mainbanner .moduletable,
.mainbanner .moduletable > div {
    margin: 0;
}

/* Smart Slider на всю ширину колонки */
.mainbanner .n2-section-smartslider,
.mainbanner .n2-ss-slider,
.mainbanner img {
    max-width: 100%;
}

div#maximenuck191 .maximenuck.active {
	background:#e8e2cf!important;
}

div#maximenuck191 ul.maximenuck {
  clear: both;
  position: relative;
  z-index: 999;
  overflow: visible !important;
  display: block !important;
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  zoom: 1;
  filter: none;
  min-height: 34px;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
}

div#maximenuck191.maximenuckv ul.maximenuck li.maximenuck.level1 {
  display: block !important;
  margin: 0;
  padding: 0;
  text-align: left;
}
div#maximenuck191 ul.maximenuck li.maximenuck.level1 {
  display: inline-block !important;
  float: none !important;
  position: static;
  margin: 0;
  list-style: none;
  border: none;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
  filter: none;
  padding: 0 10px;
  background: url(../images/separator.png) top right no-repeat;
}

div#maximenuck191 ul.maximenuck li.maximenuck.level1 > a[data-align="top"], div#maximenuck191 ul.maximenuck li.maximenuck.level1 > span.separator[data-align="top"], div#maximenuck191 ul.maximenuck li.maximenuck.level1 li.maximenuck > a[data-align="top"], div#maximenuck191 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator[data-align="top"] {
  flex-direction: column;
  align-items: inherit;
}

div#maximenuck191 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck191 ul.maximenuck li.maximenuck.level1 > span.separator {
  display: flex;
  align-items: center;
}

div#maximenuck191 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck191 ul.maximenuck li.maximenuck.level1 > span.separator {
  display: block;
  float: none !important;

  position: relative;
  text-decoration: none;
  outline: none;
  border: none;
  white-space: nowrap;
  filter: none;
  padding: 3px 0 3px 24px;
  color: #ccc;
  
  text-shadow: none;
  box-shadow: none;

  min-height: 28px;
}
div#maximenuck191 a.maximenuck span:hover {
	text-decoration: underline;
}

div#maximenuck191 ul.maximenuck li.maximenuck a, div#maximenuck191 ul.maximenuck li.maximenuck span.separator, div#maximenuck191 ul.maximenuck2 a, div#maximenuck191 ul.maximenuck2 li.maximenuck span.separator {
  display: block;
  padding: 3px 0 3px 0;
  margin: 0 2%;
  display: block;
  float: none !important;
  float: left;
  position: relative;
  text-decoration: none;
  outline: none;
  white-space: normal;
  filter: none;
  border-bottom: 1px solid #ddd;
  width: 96%;
  clear: both;
  text-shadow: none;
  color: #888;
}

div#maximenuck191 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck191 ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
  line-height: 25px;
}
div#maximenuck191 span.titreck {
  display: block;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
  height: 17px;
  min-height: 17px;
  float: none !important;
  float: left;
  margin: 0;
}
*, ::before, ::after {
  box-sizing: border-box;
}
div#maximenuck191 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck191 ul.maximenuck li.maximenuck.level1 > span.separator {
  white-space: nowrap;
  color: #ccc;
  text-shadow: none;
  
}


div#maximenuck191.maximenuckv div.floatck {
  margin: -31px 0 0 100%;
}
div#maximenuck191 div.floatck {
  position: absolute;
  display: none;
  padding: 0;
  margin: 0 0 0 -10px;
  filter: none;
  width: 220px;
  text-align: left;
  background: #fff;
  width: inherit;
  z-index: 9999;
  cursor: auto;
   box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
}
*, ::before, ::after {
  box-sizing: border-box;
}
div#maximenuck191 div.maxidrop-main {
  width: 180px;
}
*, ::before, ::after {
  box-sizing: border-box;
}
div#maximenuck191 div.floatck {
  text-align: left;
  cursor: auto;
}
div#maximenuck191 span.titreck {
  display: block;
  text-transform: none;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none;
  height: auto;  
  min-height: 20px;
   font-family: "Inter", Arial, sans-serif;
	font-weight: 500;
	color:#000;
  float: none !important;
  float: left;
  margin: 0;
}
div#maximenuck191.maximenuckv ul.maximenuck li.level1.parent > a::after, div#maximenuck191.maximenuckv ul.maximenuck li.level1.parent > span.separator::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #999;
  margin: 6px 3px;
  position: absolute;
 transform: translateY(0%);
  right: 3px;
  top: 18%;
}

div#maximenuck191 ul.maximenuck li.level1.parent li.parent > a::after, div#maximenuck191 ul.maximenuck li.level1.parent li.parent > span.separator::after, div#maximenuck191 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a::after, div#maximenuck191 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a::after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #999;
  margin: 3px;
  position: absolute;
  transform: translateY(0%);
  right: 3px;
  top: 28%;
}

div#maximenuck191 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck191 ul.maximenuck2 {
  z-index: 11000;
  clear: left;
  text-align: left;
  background: transparent;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
  position: static !important;
  overflow: visible !important;
  display: block !important;
  float: none !important;
  visibility: visible !important;
}

div#maximenuck191 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck191 ul.maximenuck2 li.maximenuck {
  text-align: left;
  z-index: 11001;
  padding:  0;
  margin: 0 5px;
  position: static;
  float: none !important;
  list-style: none;
  display: block !important;
}
div#maximenuck191 ul.maximenuck li ul.maximenuck2 .maximenuck  {
  padding: 6px 0 6px 0;
  margin: 0 ;
display:inline-block;
}

.maximenuck.item35.parent.level1.maximenuckanimation a.maximenuck {
background:url(../images/icon-utepliuvach.svg) no-repeat left center ;
background-size:20px!important;
}

.maximenuck.item1.parent.level1.maximenuckanimation a.maximenuck {
background:url(../images/icon-gipsokarton.svg) no-repeat left center;
background-size:20px!important;
}
.maximenuck.item11.parent.level1.maximenuckanimation a.maximenuck {
background:url(../images/icon-budivelni-sumishi.svg) no-repeat left center;
background-size:20px!important;
}

.maximenuck.item96.parent.level1.maximenuckanimation a.maximenuck {
background:url(../images/icon-kriplennia.svg) no-repeat left center;
background-size:20px!important;
}

.maximenuck.item41.level1.maximenuckanimation a.maximenuck {
background:url(../images/icon-vytratni-materialy.svg) no-repeat left center;
background-size:20px!important;
}

.maximenuck.item3.level1 a.maximenuck {
background:url(../images/icon-osb.svg) no-repeat left center;
background-size:20px!important;
} 


.maximenuck.item30.level1 a.maximenuck {
background:url(../images/icon-tsegla-gazobeton-bloky.svg) no-repeat left center;
background-size:20px!important;
} 

.maximenuck.item54.level1 a.maximenuck {
background:url(../images/icon-budivelnyi-instrument.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item83.level1 a.maximenuck {
background:url(../images/icon-metaloprokat.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item123.level1 a.maximenuck {
background:url(../images/icon-pylomaterialy.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item71.level1 a.maximenuck {
background:url(../images/icon-tssp.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item74.level1 a.maximenuck {
background:url(../images/icon-hermetyky-pina.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item122.level1 a.maximenuck {
background:url(../images/icon-pokrivlia.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item77.level1 a.maximenuck {
background:url(../images/icon-vnutrishnie-ozdoblennia.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item82.level1 a.maximenuck {
background:url(../images/icon-farby.svg) no-repeat left center;
background-size:20px!important;
} 


.maximenuck.item86.level1 a.maximenuck {
background:url(../images/icon-pidvisni-steli.svg) no-repeat left center;
background-size:20px!important;
} 

.maximenuck.item239.level1 a.maximenuck {
background:url(../images/icon-vyshka-tura-pomosty.svg) no-repeat left center;
background-size:20px!important;
} 
.maximenuck.item244.level1 a.maximenuck {
background:url(../images/icon-trotuarna-plytka.svg) no-repeat left center;
background-size:20px!important;
} 

.maximenuck.item130.level1 a.maximenuck {
background:url(../images/icon-aktsii.svg) no-repeat left center;
background-size:20px!important;
} 

.maximenuck.level1 li.maximenuck.level2 a.maximenuck {
background:none!important;
}	

.n2-ow.btbannertransparent .n2-ss-item-content.n2-ow {
	
    background:
        linear-gradient(
            to right,
            #f9b201 0%,
            rgba(249, 178, 1, 1) 25%,
			rgba(249, 178, 1, 1) 55%,
            rgba(249, 178, 1, 0.85) 65%,
            rgba(249, 178, 1, 0) 100%
        ),
        url("../images/main-banner-background.webp") center / cover no-repeat;

}
.freedelivery .n2-ss-item-content.n2-ss-text.n2-ow {
	background:#000;
	color:#fff!important;
	   box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
  padding:10px 20px;
  border-radius:8px;
}

.freedelivery2 .n2-ss-item-content.n2-ss-text.n2-ow {
	
    display: inline-block;
    padding: 8px 30px 9px;
margin-top:15px;
    background: #f9b201;
    border: 1px solid #171717;
    color: #171717;

    font-size: clamp(18px, 1.7vw, 27px);
    font-weight: 800;
    font-style: italic;
    line-height: 1.1;
    white-space: nowrap;

    transform: skewX(-6deg);
    box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.18);
}

.delivery-condition span {
    display: block;
    transform: skewX(6deg);

}

.mainpagecat ul li {
	padding:0;
	margin:0;
	list-style: none;
}

/* ===============================
   Картки категорій товарів
   =============================== */

.mainpagecat .position-7.card {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mainpagecat h3.card-header,
.ready-made_solutions h3.card-header,
.promo-products h2,
.bt_manuf h3.card-header,
.bt_faq h3.card-header,
.bt-warehouses__title,
.promo-products h3 {

    margin: 30px 0 0 0;
	font-family:Eurostile;
	font-weight:600;
	font-size:28px;
    padding: 0 0 12px;
    border: 0;
    background: transparent;
}

.mainpagecat .card-header h3 {
    margin: 0;
    color: #171717;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
}

.mainpagecat .card-body {
    padding: 0;
}

/* Сітка карток */
.mainpagecat ul.catblock {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;

    margin: 0;
    padding: 0;
    list-style: none;
}

/* Окрема картка */
.mainpagecat .catblock > li {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 175px;
    padding: 12px 11px 14px;

    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.mainpagecat .catblock > li:hover {
    transform: translateY(-3px);
    border-color: #f9b201;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.09);
}

/* Зображення категорії */
.mainpagecat .catimg {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 0;
    text-align: center;
}

.mainpagecat .catimg > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 82px;
}

.mainpagecat .catimg img {
    display: block;
    width: 100%;
    height: 82px;
    max-width: 135px;
    object-fit: contain;
}

/* Назва основної категорії */
.mainpagecat .catimg > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 7px;
}

.mainpagecat .catimg > span a {
	 font-family: "Inter", Arial, sans-serif;
    color: #171717;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
}

.mainpagecat .catimg > span a:hover {
   color: var(--bt-yellow-hover);
		transition: .3s;
	
}

/* ===============================
   Підкатегорії в один рядок
   =============================== */

.mainpagecat ul.podmenu {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0 0;
    padding: 0;

    font-family: "Inter", Arial, sans-serif;
    color: #333;
	 font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
}

.mainpagecat ul.podmenu > li {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mainpagecat ul.podmenu > li > div {
    display: inline;
}

.mainpagecat ul.podmenu a {
    display: inline;
    padding: 0;
 color: #333;
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;

    /* Відображення з маленької літери */
    text-transform: lowercase;
}

.mainpagecat ul.podmenu a:hover {
    color: var(--bt-yellow-hover);
		transition: .3s;
    text-decoration: underline;
}

/* Кома між підкатегоріями */
.mainpagecat ul.podmenu > li:not(:last-child)::after {
    content: ", ";
    color: #777777;
}

.store-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    width: 100%;
    max-width: 1440px;
    min-height: 86px;
    margin: 16px auto;
    padding: 14px 24px;
    box-sizing: border-box;

    color: #171717;
    background: linear-gradient(
        110deg,
        #ffb800 0%,
        #f9b201 55%,
        #ffb800 100%
    );
    border-radius: 10px;
    overflow: hidden;
}

.store-benefits__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-width: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.store-benefits__item:not(:last-child) {
    border-right: 1px solid rgba(23, 23, 23, 0.22);
}

.store-benefits__icon {
    display: block;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.store-benefits__title {
    margin: 0 0 2px;
    color: #171717;
    font-size: 16px;
    line-height: 1.15;
	font-family: "Inter", Arial, sans-serif;

    font-weight: 900;
}

.store-benefits__text {
    margin: 0;
    color: #171717;
	font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

/* Планшет */
@media (max-width: 900px) {
    .store-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px 16px;
    }

    .store-benefits__item {
        justify-content: flex-start;
        min-height: 86px;
        padding: 14px 24px;
    }

    .store-benefits__item:not(:last-child) {
        border-right: 0;
    }

    .store-benefits__item:nth-child(odd) {
        border-right: 1px solid rgba(23, 23, 23, 0.22);
    }

    .store-benefits__item:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(23, 23, 23, 0.22);
    }
}

/* Мобільний телефон */
@media (max-width: 520px) {
    

    .store-benefits__item {
        min-height: 76px;
        padding: 12px 8px;
        
    }

    

    .store-benefits__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }
}

.vmgroup {
	width:100%;
}


/* ========================================
   Акційні товари
======================================== */


/* Оболонка модуля */
.promo-products.card {
    margin: 30px 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* Заголовок */
.promo-products .card-header {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bt-black);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
}

/* Прибираємо стандартні відступи Cassiopeia */
.promo-products .card-body {
    padding: 0;
}

.promo-products .vmgroup {
    margin: 0;
    padding: 0;
}

/* Сітка товарів */
.promo-products .vmproduct {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
}

/* Картка товару */
.promo-products .product-container {
    position: relative;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--bt-border);
    border-radius: 12px;
    background: #fff;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.promo-products .product-container:hover {
    transform: translateY(-4px);
    border-color: rgba(249, 178, 1, 0.55);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09);
}

/* Внутрішня частина картки */
.promo-products .product-container .spacer {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 430px;
    padding: 16px;
}

/* Позначка акції */
.promo-products .product-container .spacer::before {
    content: "АКЦІЯ";
	font-family: "Inter", Arial, sans-serif;
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    padding: 5px 9px;
    border: 1px solid var(--bt-yellow);
    border-radius: 5px;
    background: #fff;
    color: var(--bt-yellow);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.03em;
}

/* Російський переклад позначки */
html[lang^="ru"] .promo-products .product-container .spacer::before {
    content: "АКЦИЯ";
}

/* Посилання із зображенням */
.promo-products .product-container .spacer > a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    margin: 12px 0 15px;
    overflow: hidden;
}

/* Зображення */
.promo-products .featuredProductImage {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 200px !important;
    margin: 0 auto;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.promo-products .product-container:hover .featuredProductImage {
    transform: scale(1.04);
}

/* Прибираємо службові очищення float */
.promo-products .product-container .clear {
    display: none;
}

/* Назва товару — друге посилання всередині spacer */
.promo-products .product-container .spacer > a:nth-of-type(2) {
    display: -webkit-box;
    min-height: 42px;
    margin: 0 0 8px;
    overflow: hidden;
    color: var(--bt-black) !important;
		font-family:Inter;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.promo-products .product-container .spacer > a:nth-of-type(2):hover {
    color: var(--bt-yellow-hover) !important;
	transition: .3s;
}

/* Блок ціни й кнопки притискаємо донизу */
.promo-products .product-container .spacer > .productdetails {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: auto;
}

/* Ціна */
.promo-products .product-price {
    min-height: 38px;
    margin: 10px 0 12px;
    padding: 0;
    color: var(--bt-black);
}

.promo-products .product-price .PricesalesPrice {
    color: var(--bt-black);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2; 
	font-family:Eurostile;
}

/* Стара ціна */
.promo-products .product-price .PricebasePrice,
.promo-products .product-price .PricebasePriceWithTax {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-decoration: line-through;
}

/* Форма додавання в кошик */
.promo-products .addtocart-area {
    width: 100%;
    margin: auto 0 0;
}

.promo-products .addtocart-area form.product,
.promo-products .addtocart-bar {
    width: 100%;
    margin: 0;
}

/* У макеті кількість не показана */
.promo-products .quantity-box,
.promo-products .quantity-controls {
    display: none !important;
}

/* Оболонка кнопки */
.promo-products span.addtocart-button {
    display: block;
    width: 100%;
}

/* Кнопка "У кошик" */
.promo-products .addtocart-button input.addtocart-button,
.promo-products input.addtocart-button {
    display: block;
    width: 100%;
	font-family: "Inter", Arial, sans-serif;
	font-weight: 900;
    min-height: 42px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid var(--bt-yellow);
    border-radius: 6px;
    background: var(--bt-yellow);
    color: var(--bt-black);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.promo-products .addtocart-button input.addtocart-button:hover,
.promo-products input.addtocart-button:hover {
    border-color: var(--bt-black);
    background: var(--bt-black);
    color: #fff;
}

/* ========================================
   Адаптивність
======================================== */

@media (max-width: 1200px) {
    .promo-products .vmproduct {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .promo-products .vmproduct {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .promo-products .card-header {
        font-size: 22px;
    }

    .promo-products .vmproduct {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .promo-products .product-container .spacer {
        min-height: 385px;
        padding: 12px;
    }

    .promo-products .product-container .spacer > a:first-child {
        height: 170px;
    }

    .promo-products .featuredProductImage {
        height: 160px !important;
    }
}

@media (max-width: 480px) {
    .promo-products .vmproduct {
        grid-template-columns: 1fr;
    }

    .promo-products .product-container .spacer {
        min-height: 410px;
    }

    .promo-products .product-container .spacer > a:first-child {
        height: 210px;
    }

    .promo-products .featuredProductImage {
        height: 200px !important;
    }
}

.mod-articles-image {
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 8px;
}

.mod-articles-image a {
    display: block;
}

.mod-articles-image figure {
    margin: 0;
}

.mod-articles-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.mod-articles-image a:hover img {
    transform: scale(1.03);
}

.mod-articles-title {
    margin: 0 0 10px;
}


h4.mod-articles-title a {
display: -webkit-box;
    min-height: 42px;
    margin: 0 0 8px;
    overflow: hidden;
    color: var(--bt-black) !important;
		font-family:Inter;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
h4.mod-articles-title a:hover {
color: var(--bt-yellow-hover) !important;
	transition: .3s;
	
}
.ready-made_solutions .icon-chevron-right::before {
  content: "";
}
.ready-made_solutions a.btn.btn-secondary {
	width:100%;
	font-family: "Inter", Arial, sans-serif;
  padding: 5px 0;
 
  font-size: 13px;
  font-weight: 500;
  line-height: var(--btn-line-height);
 color: var(--btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--btn-border-width) solid var(--bt-yellow);
  border-radius: var(--btn-border-radius);
  background-color: var(--btn-bg);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-block;
	
}

.ready-made_solutions a.btn.btn-secondary:hover {
	color: var(--bt-yellow);
	 border: var(--btn-border-width) solid var(--btn-color);
	 transition: .3px;
}

/* Банер «Є список матеріалів?» */
.materials-banner {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;

    background-image: url("../images/materials-list-banner.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;

    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.12);
}

/* Чорна діагональна частина */
.materials-banner::before {
    position: absolute;
    z-index: -1;
    inset: 0 auto 0 0;
    width: 60%;
    content: "";

    background:
        linear-gradient(
            135deg,
            #111313 0%,
            #171919 70%,
            #101111 100%
        );

    clip-path: polygon(
        0 0,
        100% 0,
        87% 100%,
        0 100%
    );
}

/* Легке затемнення переходу до фотографії */
.materials-banner::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent 0%,
        transparent 42%,
        rgba(10, 11, 11, 0.25) 52%,
        transparent 68%
    );
}

.materials-banner__content {
    width: 51%;
    padding: clamp(20px, 3.2vw, 52px);
    color: #fff;
}

.materials-banner__title {
    margin: 0 0 clamp(7px, 1vw, 14px);
    color: #fff;

    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: clamp(27px, 3vw, 50px);
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.materials-banner__text {
    margin: 0 0 clamp(14px, 2vw, 26px);
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: clamp(14px, 1.45vw, 21px);
    font-weight: 400;
    line-height: 1.35;
}

.materials-banner__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;
    padding: 11px 22px;

    color: #121212;
    background: #f9b201;
    border: 1px solid #f9b201;
    border-radius: 6px;

    font-size: clamp(14px, 1.25vw, 18px);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;

    box-shadow: 0 4px 10px rgba(249, 178, 1, 0.2);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.materials-banner__button:hover {
    color: #121212;
    background: #ffc526;
    border-color: #ffc526;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(249, 178, 1, 0.35);
}

.materials-banner__button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
}

.materials-banner__icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ==================================================
   Слайдер виробників
================================================== */

.vmmanufacturer-slider {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 18px 0;
}

/* Область прокручування */
.vmmanufacturer-viewport {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px;

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.vmmanufacturer-viewport::-webkit-scrollbar {
    display: none;
}

/* Ряд карток */
.vmmanufacturer-track {
    display: flex;
    align-items: stretch;
    gap: 14px;
    min-width: 100%;
}

/* Шість карток на ПК */
.vmmanufacturer-item {
    flex: 0 0 calc(16.666666% - 11.667px);
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

/* Оформлення картки */
.vmmanufacturer-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: 100%;
    height: 100%;
    min-height: 112px;
    padding: 15px 12px;

    color: #151515;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;

    text-align: center;
    text-decoration: none;

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.vmmanufacturer-card:hover {
    color: #151515;
    border-color: #f9b201;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.09);
}

.vmmanufacturer-card:focus-visible {
    outline: 3px solid rgba(249, 178, 1, 0.45);
    outline-offset: 2px;
}

/* Контейнер логотипа */
.vmmanufacturer-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
}

/* Логотип виробника */
.vmmanufacturer-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 64px;
    object-fit: contain;
}

/* Назва виробника */
.vmmanufacturer-name {
    color: #171717;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

/* Кнопки гортання */
.vmmanufacturer-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    padding: 0;

    color: #181818;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;

    cursor: pointer;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09);

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}

.vmmanufacturer-arrow:hover:not(:disabled) {
    color: #111;
    background: #f9b201;
    border-color: #f9b201;
}

.vmmanufacturer-arrow:focus-visible {
    outline: 3px solid rgba(249, 178, 1, 0.4);
    outline-offset: 2px;
}

.vmmanufacturer-arrow:disabled {
    opacity: 0.25;
    cursor: default;
}

.vmmanufacturer-arrow svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ==================================================
   Мобільна версія: три картки
================================================== */

@media (max-width: 767px) {
    .vmmanufacturer-slider {
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        gap: 5px;
        margin: 14px 0;
    }

    .vmmanufacturer-track {
        gap: 8px;
    }

    /* Рівно три картки у видимій частині */
    .vmmanufacturer-item {
        flex-basis: calc(33.333333% - 5.333px);
    }

    .vmmanufacturer-card {
        min-height: 90px;
        padding: 10px 6px;
        border-radius: 6px;
    }

    .vmmanufacturer-image {
        height: 48px;
    }

    .vmmanufacturer-image img {
        max-height: 48px;
    }

    .vmmanufacturer-name {
        font-size: 11px;
    }

    .vmmanufacturer-arrow {
        width: 31px;
        height: 31px;
    }

    .vmmanufacturer-arrow svg {
        width: 19px;
        height: 19px;
    }
}



/* ==================================================
   Наші склади в Дніпрі
================================================== */

.bt-warehouses {
    --bt-orange: #f9b201;
    --bt-orange-hover: #ffc526;
    --bt-black: #171717;
    --bt-gray: #666;
    --bt-border: #e4e4e4;

    width: 100%;
    margin: 28px 0;
}


/* Загальна сітка */
.bt-warehouses__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(220px, 1fr)
        minmax(220px, 1fr);
    gap: 16px;
    align-items: stretch;
}

/* ==================================================
   Карта
================================================== */

.bt-warehouses__map {
    position: relative;
    display: block;
    min-height: 210px;
    overflow: hidden;

    background: #f4f4f4;
    border: 1px solid var(--bt-border);
    border-radius: 9px;

    text-decoration: none;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

.bt-warehouses__map img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 210px;

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.bt-warehouses__map:hover img {
    transform: scale(1.025);
    filter: contrast(1.03);
}

.bt-warehouses__map:focus-visible {
    outline: 3px solid rgba(249, 178, 1, 0.5);
    outline-offset: 3px;
}

/* Напис поверх карти */
.bt-warehouses__map-label {
    position: absolute;
    right: 14px;
    bottom: 14px;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 9px 14px;

    color: #171717;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.13);
    backdrop-filter: blur(4px);
}

.bt-warehouses__map-label span {
    color: var(--bt-orange);
    font-size: 18px;
    line-height: 1;
}

/* ==================================================
   Картка складу
================================================== */

.bt-warehouse-card {
    position: relative;
    display: flex;
    gap: 15px;

    min-width: 0;
    min-height: 210px;
    padding: 22px 18px;

    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 9px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.bt-warehouse-card:hover {
    border-color: rgba(249, 178, 1, 0.75);
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09);
}

/* Помаранчевий маркер */
.bt-warehouse-card__marker {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    color: #171717;
    background: var(--bt-orange);
    border-radius: 50%;
}

.bt-warehouse-card__marker svg {
    width: 22px;
    height: 22px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bt-warehouse-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.bt-warehouse-card__title {
    margin: 3px 0 10px;
    color: var(--bt-black);

    font-size: clamp(16px, 1.3vw, 20px);
    font-weight: 700;
    line-height: 1.25;
}

/* Графік роботи */
.bt-warehouse-card__schedule {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 13px;

    margin-bottom: 18px;
    color: var(--bt-gray);

    font-size: 13px;
    line-height: 1.4;
}

.bt-warehouse-card__schedule div {
    display: flex;
    gap: 4px;
}

.bt-warehouse-card__schedule strong {
    color: #444;
    font-weight: 600;
}

/* Кнопки */
.bt-warehouse-card__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    margin-top: auto;
}

.bt-warehouse-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 35px;
    padding: 8px 13px;

    border-radius: 5px;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

/* Маршрут */
.bt-warehouse-button--route {
    color: #171717;
    background: #fff;
    border: 1px solid #777;
}

.bt-warehouse-button--route:hover {
    color: #fff;
    background: #171717;
    border-color: #171717;
    text-decoration: none;
}

.bt-warehouse-button--route span {
    color: var(--bt-orange);
    font-size: 17px;
    line-height: 0;
}

/* Телефон */
.bt-warehouse-button--phone {
    color: #bb8100;
    background: #fff;
    border: 1px solid var(--bt-orange);
}

.bt-warehouse-button--phone:hover {
    color: #171717;
    background: var(--bt-orange-hover);
    border-color: var(--bt-orange-hover);
    text-decoration: none;
}

.bt-warehouse-button:hover {
    transform: translateY(-1px);
}

.bt-warehouse-button:focus-visible {
    outline: 3px solid rgba(249, 178, 1, 0.4);
    outline-offset: 2px;
}

/* ==================================================
   Планшет
================================================== */

@media (max-width: 960px) {
    .bt-warehouses__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bt-warehouses__map {
        grid-column: 1 / -1;
        min-height: 290px;
    }

    .bt-warehouses__map img {
        min-height: 290px;
    }
}

/* ==================================================
   Телефон
================================================== */

@media (max-width: 600px) {
    .bt-warehouses {
        margin: 22px 0;
    }

    .bt-warehouses__title {
        margin-bottom: 12px;
        font-size: 22px;
    }

    .bt-warehouses__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .bt-warehouses__map {
        grid-column: auto;
        min-height: 230px;
    }

    .bt-warehouses__map img {
        min-height: 230px;
    }

    .bt-warehouse-card {
        min-height: auto;
        padding: 18px 15px;
    }

    .bt-warehouse-card__title {
        font-size: 18px;
    }

    .bt-warehouse-card__schedule {
        margin-bottom: 15px;
    }

    .bt-warehouse-card__actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .bt-warehouse-button {
        flex: 1 1 155px;
    }

    .bt-warehouses__map-label {
        right: 10px;
        bottom: 10px;
        padding: 8px 11px;
        font-size: 12px;
    }
}

/* Прибираємо тестову червону рамку */
.bt-faq {
	outline: none !important;
}


/* Рядок із запитанням */
.bt-faq div[role="button"] {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;
	min-height: 40px !important;
	margin: 0 0 5px !important;
	padding: 9px 15px !important;

	border: 1px solid #e2e2e2 !important;
	border-radius: 5px !important;

	background: #ffffff !important;
	color: #181818 !important;
	box-shadow: none !important;

	cursor: pointer !important;
}


/* Текст запитання */
.bt-faq div[role="button"] > h3 {
	flex: 1 !important;
	width: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #181818 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	text-align: left !important;
}


/* Стрілка закритого запитання */
.bt-faq div[role="button"]::after {
	content: "⌄" !important;

	display: block !important;
	flex: 0 0 18px !important;

	margin-left: 15px !important;

	color: #181818 !important;
	font-family: Arial, sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	text-align: center !important;
}


/* Стрілка відкритого запитання */
.bt-faq div[role="button"][aria-expanded="true"]::after {
	content: "⌃" !important;
}


/* Наведення */
.bt-faq div[role="button"]:hover {
	border-color: #f9b201 !important;
	background: #fffaf0 !important;
}


/* Відкрите запитання */
.bt-faq div[role="button"][aria-expanded="true"] {
	margin-bottom: 0 !important;

	border-color: #f9b201 !important;
	border-radius: 5px 5px 0 0 !important;

	background: #fffaf0 !important;
}

.bt-faq div[role="button"][aria-expanded="true"] > h3 {
	font-weight: 600 !important;
}


/* Відкрита відповідь */
.bt-faq div[data-rla-element="panel"][data-rla-state="open"] {
	box-sizing: border-box !important;

	margin: 0 0 5px !important;

	border: 1px solid #f9b201 !important;
	border-top: 0 !important;
	border-radius: 0 0 5px 5px !important;

	background: #ffffff !important;
}


/* Внутрішній блок відповіді */
.bt-faq div[data-rla-element="panel-content"] {
	padding: 12px 15px !important;

	color: #555555 !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.bt-faq div[data-rla-element="panel-content"] p {
	margin: 0 !important;
	padding: 0 !important;
}


/* Мобільна версія */
@media (max-width: 600px) {
	.bt-faq div[role="button"] {
		padding: 9px 12px !important;
	}

	.bt-faq div[role="button"] > h3 {
		font-size: 14px !important;
	}

	.bt-faq div[data-rla-element="panel-content"] {
		padding: 11px 12px !important;
		font-size: 13px !important;
	}
}

/* ========================================
   ФУТЕР БУДІН-ТОРГ
======================================== */

.bt-footer {
	--footer-bg: #181a1b;
	--footer-bg-bottom: #131516;
	--footer-text: #c9c9c9;
	--footer-heading: #ffffff;
	--footer-muted: #929292;
	--footer-accent: #f9b201;

	width: 100%;
	margin-top: 35px;

	background:
		linear-gradient(
			110deg,
			#1d1f20 0%,
			var(--footer-bg) 55%,
			#121415 100%
		);

	color: var(--footer-text);
	font-size: 14px;
}

.bt-footer * {
	box-sizing: border-box;
}

.bt-footer__container,
.bt-footer__bottom-container {
	width: min(1440px, calc(100% - 40px));
	margin-inline: auto;
}


/* Основна сітка */
.bt-footer__grid {
	display: grid;
	grid-template-columns:
		minmax(220px, 1.25fr)
		minmax(150px, 0.85fr)
		minmax(150px, 0.85fr)
		minmax(190px, 1fr)
		minmax(210px, 1fr);

	gap: 45px;
	padding: 42px 0 34px;
}


/* Логотип */
.bt-footer__logo {
	display: inline-flex;
	margin-bottom: 20px;
}

.bt-footer__logo img {
	display: block;
	width: 190px;
	max-width: 100%;
	height: auto;
}

.bt-footer__description {
	max-width: 245px;
	margin: 0 0 22px;

	color: var(--footer-text);
	font-size: 13px;
	line-height: 1.65;
}


/* Заголовки колонок */
.bt-footer__title {
	margin: 3px 0 18px;
	padding: 0;

	color: var(--footer-heading);
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}


/* Меню */
.bt-footer__menu,
.bt-footer__phones {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bt-footer__menu {
	display: grid;
	gap: 10px;
}

.bt-footer__menu a,
.bt-footer__warehouse a,
.bt-footer__phones a,
.bt-footer__email,
.bt-footer__legal a {
	color: var(--footer-text);
	text-decoration: none;
	transition:
		color 0.2s ease,
		transform 0.2s ease;
}

.bt-footer__menu a:hover,
.bt-footer__warehouse a:hover,
.bt-footer__phones a:hover,
.bt-footer__email:hover,
.bt-footer__legal a:hover {
	color: var(--footer-accent);
}


/* Соціальні мережі */
.bt-footer__socials {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bt-footer__socials a {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: 50%;

	background: rgb(255 255 255 / 8%);
	color: #fff;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		transform 0.2s ease;
}

.bt-footer__socials svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.bt-footer__socials a:hover {
	border-color: var(--footer-accent);
	background: var(--footer-accent);
	color: #151515;
	transform: translateY(-2px);
}


/* Склади */
.bt-footer__warehouse + .bt-footer__warehouse {
	margin-top: 20px;
}

.bt-footer__warehouse a {
	display: inline-block;
	margin-bottom: 7px;

	color: #fff;
	font-weight: 600;
}

.bt-footer__warehouse p {
	margin: 0 0 3px;
	color: var(--footer-text);
	font-size: 13px;
	line-height: 1.35;
}


/* Телефони */
.bt-footer__phones {
	display: grid;
	gap: 9px;
	margin-bottom: 20px;
}

.bt-footer__phones li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bt-footer__phones li > a:first-child {
	white-space: nowrap;
	color: #fff;
	font-weight: 500;
}

.bt-footer__viber {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 18px;
	width: 18px;
	height: 18px;

	border-radius: 50%;

	background: #7360f2;
	color: #fff !important;

	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1;
}

.bt-footer__viber:hover {
	background: var(--footer-accent);
	color: #151515 !important;
}

.bt-footer__email {
	display: inline-block;
	overflow-wrap: anywhere;
	color: #fff;
}


/* Нижня смуга */
.bt-footer__bottom {
	border-top: 1px solid rgb(255 255 255 / 8%);
	background: var(--footer-bg-bottom);
}

.bt-footer__bottom-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	min-height: 72px;
	padding: 14px 0;
}

.bt-footer__copyright p {
	margin: 0;
	color: var(--footer-muted);
	font-size: 11px;
	line-height: 1.6;
}

.bt-footer__legal {
	display: flex;
	align-items: center;
	gap: 15px;
}

.bt-footer__legal a {
	color: var(--footer-muted);
	font-size: 11px;
	white-space: nowrap;
}

.bt-footer__legal span {
	width: 1px;
	height: 15px;
	background: rgb(255 255 255 / 15%);
}


/* ========================================
   ПЛАНШЕТ
======================================== */

@media (max-width: 1100px) {
	.bt-footer__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 35px 45px;
	}

	.bt-footer__brand {
		grid-column: span 3;
	}

	.bt-footer__description {
		max-width: 480px;
	}
}


/* ========================================
   МОБІЛЬНА ВЕРСІЯ
======================================== */

@media (max-width: 700px) {
	.bt-footer {
		margin-top: 25px;
	}

	.bt-footer__container,
	.bt-footer__bottom-container {
		width: min(100% - 30px, 1440px);
	}

	.bt-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 25px;
		padding: 32px 0;
	}

	.bt-footer__brand {
		grid-column: span 2;
	}


	.bt-footer__bottom-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 18px 0;
	}
}


@media (max-width: 480px) {
	.bt-footer__grid {
		grid-template-columns: 1fr;
	}

	.bt-footer__brand,
	.bt-footer__contacts {
		grid-column: auto;
	}

	.bt-footer__title {
		margin-bottom: 13px;
	}

	.bt-footer__legal {
		flex-wrap: wrap;
		gap: 8px 12px;
	}
}

.bt-footer__menu .nav {
	display:block;
}
.bt-footer__menu li.nav-item {
	margin-top:0px;
	margin-bottom:10px;
}

.category.floatleft.width1 {
	width:30%;
	
}

.mod-breadcrumbs__divider.float-start {
	display:block;
	width:12px;
	height:16px;
	margin:0 10px 0 0;
	padding:0;
}
.container-component > * + *,
	.container-component > :first-child {
  margin-top: 0em;
	}
.mod-breadcrumbs .px-3 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}	
.mod-breadcrumbs__item a {


		 color: #111;
		 text-decoration:none;
		 font-family: "Inter", Arial, sans-serif;
	font-weight: 500;
	font-size: 12px;
}
.mod-breadcrumbs__item.breadcrumb-item.active span  {
	 color: #666;
		 text-decoration:none;
		 font-family: "Inter", Arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
}
.mod-breadcrumbs__item a:hover {
	 color: var(--bt-yellow-hover);
		transition: .3s;
}

/* ========================================
   ПІДКАТЕГОРІЇ VIRTUEMART
======================================== */

/* Сітка категорій: 6 карток у ряд */
.category-view > .category-view > .row {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;

	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

/* Прибираємо службові елементи старої float-розмітки */
.category-view > .category-view > .row::before,
.category-view > .category-view > .row::after {
	display: none !important;
	content: none !important;
}

.category-view > .category-view > .row > .clear {
	display: none !important;
}


/* ========================================
   КАРТКА КАТЕГОРІЇ
======================================== */

.category-view > .category-view > .row > .category {
	box-sizing: border-box !important;
	float: none !important;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;
}

/* Прибираємо старі розділювачі VirtueMart */
.category-view .category.vertical-separator {
	border: 0 !important;
	background-image: none !important;
}


/* Безпосередньо картка */
.category-view .category > .spacer {
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	align-items: stretch;

	height: 100%;
	min-height: 205px;

	margin: 0 !important;
	padding: 12px 10px 13px !important;

	overflow: hidden;

	border: 1px solid #e5e5e5;
	border-radius: 8px;

	background: #ffffff;
	box-shadow: 0 2px 8px rgb(0 0 0 / 4%);

	text-align: center;

	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


/* Наведення на картку */
.category-view .category > .spacer:hover {
	border-color: #f9b201;

	box-shadow: 0 7px 18px rgb(0 0 0 / 9%);

	transform: translateY(-3px);
}


/* ========================================
   ЗОБРАЖЕННЯ
======================================== */

/* Посилання навколо зображення */
.category-view .category > .spacer > a:first-child {
	box-sizing: border-box;

	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;

	width: 100%;
	min-height: 140px;
	margin: 0 0 8px;
	padding: 4px;

	text-decoration: none;
}


/* Саме зображення */
.category-view .browseCategoryImage {
	display: block !important;

	width: 100% !important;
	max-width: 145px !important;
	height: 135px !important;

	margin: 0 auto !important;

	object-fit: contain;
	object-position: center;
}


/* ========================================
   НАЗВА КАТЕГОРІЇ
======================================== */

.category-view .category > .spacer > h2 {
	margin: 0 !important;
	padding: 0 !important;
font-family:Inter;

	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: center;
}


/* Посилання у назві */
.category-view .category > .spacer > h2 a {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 36px;

	color: #181818 !important;
	font-family: "Inter", Arial, sans-serif;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;

	overflow-wrap: anywhere;

	transition: color 0.2s ease;
}

.category-view .category > .spacer > h2 a:hover {
	color: #e59f00 !important;
}


/* Якщо назва виведена без h2 */
.category-view .category > .spacer > a:last-child:not(:first-child) {
	color: #181818;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}


/* ========================================
   ЗАГОЛОВОК РОЗДІЛУ
======================================== */

main > h1,
.category-view > h1 {
	margin: 20px 0 8px !important;
padding:0;
	color: #181818;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}


/* Опис категорії */
.category-description,
.category-view .category_description {
	max-width: 900px;
	margin: 0 0 20px;

	color: #555555;
	font-size: 14px;
	line-height: 1.55;
}
.orderby-displaynumber {
  border-bottom: solid #E9E8E8 0px;
  border-top: solid #E9E8E8 0px;
  margin: 0px 0!important;
  padding: 0 0 10px 0!important;
}
.category-view .orderby-displaynumber {
    display: flex;
    align-items: center;
    gap: 30px;
}

.category-view .orderby-displaynumber > h1 {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.category-view .orderby-displaynumber > .floatleft.vm-order-list {
    flex: 0 0 auto;
    float: none !important;
    width: auto;
    margin: 0 0 0 auto;
}

.category-view .orderby-displaynumber > .clear {
    display: none;
}

@media (max-width: 700px) {
    .category-view .orderby-displaynumber {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .category-view .orderby-displaynumber > .floatleft.vm-order-list {
        width: 100%;
        margin-left: 0;
    }
}
/* ========================================
   АДАПТИВНІСТЬ
======================================== */

/* Невеликий ПК */
@media (max-width: 1199px) {
	.category-view > .category-view > .row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}


/* Планшет */
@media (max-width: 850px) {
	.category-view > .category-view > .row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	.category-view .category > .spacer {
		min-height: 190px;
		padding: 10px 8px 12px !important;
	}

	.category-view .category > .spacer > a:first-child {
		min-height: 125px;
	}

	.category-view .browseCategoryImage {
		height: 120px !important;
	}

	main > h1,
	.category-view > h1 {
		font-size: 26px !important;
	}
}


/* Телефон */
@media (max-width: 560px) {
	.category-view > .category-view > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.category-view .category > .spacer {
		min-height: 175px;
		padding: 8px 6px 10px !important;
	}

	.category-view .category > .spacer > a:first-child {
		min-height: 110px;
		margin-bottom: 6px;
	}

	.category-view .browseCategoryImage {
		max-width: 125px !important;
		height: 105px !important;
	}

	.category-view .category > .spacer > h2,
	.category-view .category > .spacer > h2 a {
		font-size: 13px !important;
	}

	main > h1,
	.category-view > h1 {
		margin-top: 15px !important;
		font-size: 24px !important;
	}
}

/* ========================================
   НОВЕ СОРТУВАННЯ ТОВАРІВ
======================================== */

.orderlistcontainer[data-bt-sort-ready="true"] {
	position: relative !important;
	float: none !important;

	width: auto !important;
	height: auto !important;

	margin: 0 0 0 auto !important;
	padding: 0 !important;

	background: transparent !important;
}


/* Обгортка */
.orderlistcontainer .bt-product-sort {
	position: static !important;
	box-sizing: border-box !important;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;

	width: auto !important;
	height: auto !important;
	min-height: 42px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}


/* Напис «Сортування» */
.orderlistcontainer .bt-product-sort__label {
	position: static !important;
	display: inline-block !important;
	flex: 0 0 auto !important;

	width: auto !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;
	color: #606060 !important;

	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
}


/* Список */
.orderlistcontainer select.bt-product-sort__select {
	position: static !important;
	box-sizing: border-box !important;
	display: block !important;
	flex: 0 0 210px !important;

	width: 210px !important;
	min-width: 210px !important;
	max-width: 210px !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 38px 0 13px !important;

	border: 1px solid #dedede !important;
	border-radius: 7px !important;
	outline: 0 !important;

	background-color: #fff !important;
	color: #181818 !important;
	box-shadow: none !important;

	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 40px !important;

	cursor: pointer !important;
}

.orderlistcontainer select.bt-product-sort__select:hover,
.orderlistcontainer select.bt-product-sort__select:focus {
	border-color: #f9b201 !important;
}

.orderlistcontainer select.bt-product-sort__select:focus {
	box-shadow: 0 0 0 3px rgb(249 178 1 / 18%) !important;
}


/* Кнопка зміни напрямку */
.orderlistcontainer a.bt-product-sort__direction {
	position: static !important;
	box-sizing: border-box !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 42px !important;

	width: 42px !important;
	min-width: 42px !important;
	max-width: 42px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;

	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;

	border: 1px solid #dedede !important;
	border-radius: 7px !important;

	background: #fff !important;
	color: #181818 !important;
	box-shadow: none !important;

	text-decoration: none !important;
	cursor: pointer !important;
}


/* Обов’язково обмежуємо SVG */
.orderlistcontainer a.bt-product-sort__direction svg {
	position: static !important;
	display: block !important;
	flex: none !important;

	width: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	fill: none !important;
	stroke: currentColor !important;
}

.orderlistcontainer a.bt-product-sort__direction:hover {
	border-color: #f9b201 !important;
	background: #f9b201 !important;
	color: #181818 !important;
}


/* Не дозволяємо старим стилям VirtueMart створювати список */
.orderlistcontainer[data-bt-sort-ready="true"] .activeOrder,
.orderlistcontainer[data-bt-sort-ready="true"] .orderlist,
.orderlistcontainer[data-bt-sort-ready="true"] > .title {
	display: none !important;
}


/* Мобільна версія */
@media (max-width: 650px) {
	.orderlistcontainer[data-bt-sort-ready="true"] {
		width: 100% !important;
		margin: 0 !important;
	}

	.orderlistcontainer .bt-product-sort {
		width: 100% !important;
	}

	.orderlistcontainer .bt-product-sort__label {
		display: none !important;
	}

	.orderlistcontainer select.bt-product-sort__select {
		flex: 1 1 auto !important;

		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}

/* Ховаємо старе сортування до обробки JavaScript */
html.bt-js .orderlistcontainer:not([data-bt-sort-ready="true"]) {
	visibility: hidden !important;
	pointer-events: none !important;
	min-height: 42px;
}

/* Показуємо повністю сформований новий блок */
html.bt-js .orderlistcontainer[data-bt-sort-ready="true"] {
	visibility: visible !important;
	pointer-events: auto !important;
}


/* ========================================
   СПИСОК ТОВАРІВ VIRTUEMART
======================================== */

/* Контейнер, у якому знаходяться товари */
.browse-view > .row,
.browse-view > div > .row:has(> .product) {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 16px;

	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Прибираємо старі псевдоелементи Bootstrap/VirtueMart */
.browse-view > .row::before,
.browse-view > .row::after,
.browse-view > div > .row:has(> .product)::before,
.browse-view > div > .row:has(> .product)::after {
	display: none !important;
	content: none !important;
}

/* Зовнішній блок товару */
.browse-view .row > .product.vm-col {
	box-sizing: border-box !important;
	float: none !important;

	display: block !important;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
border: 1px solid var(--bt-border);
border-radius: 12px;
	background: transparent !important;
}

/* Прибираємо старі розділювачі */
.browse-view .product.vertical-separator {
	
	background: none !important;
}

/* ========================================
   ЗОБРАЖЕННЯ
======================================== */

.browse-view .vm-product-media-container {
	box-sizing: border-box !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	height: 220px !important;
	min-height: 220px !important;

	margin: 0 0 12px !important;
	padding: 5px !important;

	overflow: hidden;
	background: #fff;
	text-align: center;
}

.browse-view .vm-product-media-container > a {
	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	text-decoration: none;
}

.browse-view img.browseProductImage {
	display: block !important;

	width: 100% !important;
	max-width: 210px !important;
	height: 205px !important;
	max-height: 205px !important;

	margin: auto !important;

	object-fit: contain !important;
	object-position: center !important;

	transition: transform 0.25s ease;
}

.browse-view .product-container:hover img.browseProductImage {
	transform: scale(1.035);
}

/* ========================================
   СТАТУС НАЯВНОСТІ
======================================== */

.browse-view .vm-product-rating-container {
	position: absolute !important;
	z-index: 3;
	top: 12px;
	left: 12px;

	width: auto !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}

/* Загальне оформлення значка */
.browse-view .vm-product-rating-container .vmicon {
	box-sizing: border-box !important;

	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	width: auto !important;
	min-width: 0 !important;
	height: 23px !important;

	margin: 0 !important;
	padding: 0 8px !important;

	border: 1px solid #f9b201 !important;
	border-radius: 5px !important;

	background: #fff !important;
	background-image: none !important;
	color: #e79e00 !important;

	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

/* Українська версія */
html[lang^="uk"] .browse-view .vmicon.vm2-normalstock::after {
	content: "В наявності";
}

/* Російська версія */
html[lang^="ru"] .browse-view .vmicon.vm2-normalstock::after {
	content: "В наличии";
}

/* ========================================
   НАЗВА ТА ОПИС
======================================== */

.browse-view [class*="vm-product-descr-container-"] {
	display: block !important;

	width: 100% !important;
	min-height: 74px !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: left !important;
}

.browse-view [class*="vm-product-descr-container-"] h2 {
	margin: 0 0 6px !important;
	padding: 0 !important;
font-family: "Inter", Arial, sans-serif;

	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

/* Обмеження назви трьома рядками */
.browse-view [class*="vm-product-descr-container-"] h2 a {
	display: -webkit-box !important;
	overflow: hidden;

	color: #181818 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.browse-view [class*="vm-product-descr-container-"] h2 a:hover {
	color: var(--bt-yellow-hover) !important;
	transition: .3s;
}

.browse-view .product_s_desc {
	display: -webkit-box;
	overflow: hidden;

	margin: 0 !important;
	padding: 0 !important;

	color: #777 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* ========================================
   ЦІНА
======================================== */

.browse-view .product-container > .vm3pr-2 {
	width: 100% !important;

	margin: auto 0 10px !important;
	padding: 0 !important;

	text-align: left !important;
}

.browse-view .product-price {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.browse-view .PricesalesPrice.vm-display {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.browse-view .PricesalesPrice .PricesalesPrice {
	color: #181818 !important;
	font-family: Eurostile !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

/* Стара перекреслена ціна */
.browse-view .price-crossed {
	display: block;
	margin-bottom: 3px;

	color: #999;
	font-size: 12px;
	text-decoration: line-through;
}

/* ========================================
   ДОДАВАННЯ В КОШИК
======================================== */

.browse-view .product-container > .vm3pr-0 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.browse-view .addtocart-area,
.browse-view .addtocart-area form,
.browse-view .addtocart-bar {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* У списку товарів кількість не показуємо */
.browse-view .addtocart-bar > .quantity-box,
.browse-view .addtocart-bar > .quantity-controls {
	display: none !important;
}

/* Зовнішній span кнопки */
.browse-view .addtocart-bar > span.addtocart-button {
	box-sizing: border-box;
	position: relative;

	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Значок кошика */
.browse-view .addtocart-bar > span.addtocart-button::before {
	content: "";

	position: absolute;
	z-index: 2;
	top: 50%;
	left: calc(50% - 44px);

	width: 17px;
	height: 17px;

	pointer-events: none;

	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 11.3a2 2 0 0 0 2 1.7h7.7a2 2 0 0 0 2-1.6L21 8H6'/%3E%3C/svg%3E")
		center / contain no-repeat;

	transform: translateY(-50%);
}

/* Сама кнопка */
.browse-view input.addtocart-button {
	box-sizing: border-box !important;

	display: block !important;

	width: 100% !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 14px 0 34px !important;

	border: 1px solid #f9b201 !important;
	border-radius: 6px !important;
	outline: none !important;

	background: #f9b201 !important;
	color: #181818 !important;
	box-shadow: none !important;

	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 40px !important;
	text-align: center !important;
	text-transform: uppercase;

	cursor: pointer !important;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.15s ease;
}

.browse-view input.addtocart-button:hover {
	border-color: #e6a400 !important;
	background: #eeb000 !important;
}

.browse-view input.addtocart-button:active {
	transform: translateY(1px);
}

.browse-view .vm-details-button {
	display: none !important;
}

/* ========================================
   АДАПТИВНІСТЬ
======================================== */

/* Невеликий ноутбук */
@media (max-width: 1180px) {
	.browse-view > .row,
	.browse-view > div > .row:has(> .product) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Планшет */
@media (max-width: 850px) {
	.browse-view > .row,
	.browse-view > div > .row:has(> .product) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.browse-view .product-container {
		min-height: 410px;
	}

	.browse-view .vm-product-media-container {
		height: 195px !important;
		min-height: 195px !important;
	}

	.browse-view img.browseProductImage {
		height: 185px !important;
		max-height: 185px !important;
	}
}

/* Телефон */
@media (max-width: 560px) {
	.browse-view > .row,
	.browse-view > div > .row:has(> .product) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.browse-view .product-container {
		min-height: 365px;
		padding: 8px !important;
	}

	.browse-view .vm-product-media-container {
		height: 155px !important;
		min-height: 155px !important;
		margin-bottom: 8px !important;
		padding: 2px !important;
	}

	.browse-view img.browseProductImage {
		max-width: 145px !important;
		height: 145px !important;
		max-height: 145px !important;
	}

	.browse-view .vm-product-rating-container {
		top: 8px;
		left: 8px;
	}

	.browse-view .vm-product-rating-container .vmicon {
		height: 20px !important;
		padding-inline: 6px !important;
		font-size: 8px !important;
	}

	.browse-view [class*="vm-product-descr-container-"] {
		min-height: 78px !important;
	}

	.browse-view [class*="vm-product-descr-container-"] h2 {
		font-size: 12px !important;
	}

	.browse-view .product_s_desc {
		font-size: 10px !important;
	}

	.browse-view .PricesalesPrice .PricesalesPrice {
		font-size: 16px !important;
	}

	.browse-view input.addtocart-button {
		height: 38px !important;
		padding-left: 27px !important;
		font-size: 11px !important;
		line-height: 36px !important;
	}

	.browse-view .addtocart-bar > span.addtocart-button::before {
		left: calc(50% - 38px);
		width: 15px;
		height: 15px;
	}
}

/* Дуже вузькі телефони */
@media (max-width: 360px) {
	.browse-view > .row,
	.browse-view > div > .row:has(> .product) {
		grid-template-columns: 1fr;
	}

	.browse-view .product-container {
		min-height: 390px;
	}
}
/* ========================================
   ОДНАКОВА ВИСОТА КАРТОК ТОВАРІВ
======================================== */

/* Розтягуємо всі елементи сітки */
.browse-view > .row,
.browse-view > div > .row:has(> .product) {
	align-items: stretch !important;
	grid-auto-rows: 1fr;
}

/* Прибираємо службовий clear зі сітки */
.browse-view > .row > .clear,
.browse-view > div > .row:has(> .product) > .clear {
	display: none !important;
}


/* Зовнішня оболонка товару */
.browse-view .row > .product.vm-col {
	display: flex !important;
	flex-direction: column !important;
	align-self: stretch !important;

	height: 100% !important;
}


/* Сама картка заповнює всю висоту зовнішнього блока */
.browse-view .row > .product.vm-col > .product-container {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 440px !important;
}


/* Зображення завжди займає однакове місце */
.browse-view .product-container > .vm-product-media-container {
	flex: 0 0 220px !important;

	width: 100% !important;
	height: 220px !important;
	min-height: 220px !important;
	max-height: 220px !important;
}


/* Однакова область для назви та опису */
.browse-view .product-container > [class*="vm-product-descr-container-"] {
	box-sizing: border-box !important;
	flex: 0 0 82px !important;

	width: 100% !important;
	height: 82px !important;
	min-height: 82px !important;
	max-height: 82px !important;

	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}


/* Назва — максимум 3 рядки */
.browse-view [class*="vm-product-descr-container-"] h2 {
	margin: 0 0 5px !important;
}

.browse-view [class*="vm-product-descr-container-"] h2 a {
	display: -webkit-box !important;
	overflow: hidden !important;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


/* Короткий опис — максимум 1 рядок */
.browse-view .product_s_desc {
	display: -webkit-box !important;
	overflow: hidden !important;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


/* Ціна притискається до нижньої частини картки */
.browse-view .product-container > .vm3pr-2 {
	flex: 0 0 auto !important;

	width: 100% !important;
	min-height: 32px !important;

	margin: auto 0 10px !important;
	padding: 0 !important;
}


/* Область кнопки завжди однакової висоти */
.browse-view .product-container > .vm3pr-0 {
	display: flex !important;
	align-items: flex-end !important;
	flex: 0 0 42px !important;

	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;

	margin: 0 !important;
	padding: 0 !important;
}

.browse-view .product-container > .vm3pr-0 .addtocart-area,
.browse-view .product-container > .vm3pr-0 form,
.browse-view .product-container > .vm3pr-0 .addtocart-bar {
	width: 100% !important;
}


/* Кнопка сповіщення також займає ту саму висоту */
.browse-view .product-container .notify,
.browse-view .product-container .notify-button,
.browse-view .product-container .vm-notify-button {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 42px !important;
}

@media (max-width: 850px) {
	.browse-view .row > .product.vm-col > .product-container {
		min-height: 410px !important;
	}

	.browse-view .product-container > .vm-product-media-container {
		flex-basis: 195px !important;

		height: 195px !important;
		min-height: 195px !important;
		max-height: 195px !important;
	}

	.browse-view .product-container > [class*="vm-product-descr-container-"] {
		flex-basis: 82px !important;

		height: 82px !important;
		min-height: 82px !important;
		max-height: 82px !important;
	}
}


@media (max-width: 560px) {
	.browse-view .row > .product.vm-col > .product-container {
		min-height: 365px !important;
	}

	.browse-view .product-container > .vm-product-media-container {
		flex-basis: 155px !important;

		height: 155px !important;
		min-height: 155px !important;
		max-height: 155px !important;
	}

	.browse-view .product-container > [class*="vm-product-descr-container-"] {
		flex-basis: 78px !important;

		height: 78px !important;
		min-height: 78px !important;
		max-height: 78px !important;
	}
}

/* Усі можливі класи відсутнього товару */
.browse-view .vm-product-rating-container :is(
	.vm2-nostock,
	.vm2-outofstock,
	.vm2-zero-stock
) {
	border-color: #e53935 !important;
	background: #fff5f5 !important;
	color: #d32f2f !important;
}

/* Український текст */
html[lang^="uk"] .browse-view :is(
	.vm2-nostock,
	.vm2-outofstock,
	.vm2-zero-stock
)::after {
	content: "Немає в наявності";
}

/* Російський текст */
html[lang^="ru"] .browse-view :is(
	.vm2-nostock,
	.vm2-outofstock,
	.vm2-zero-stock
)::after {
	content: "Нет в наличии";
}

.browse-view .product-container:has(.vm2-nostock) img.browseProductImage {
	opacity: 0.55;
	filter: grayscale(80%);
}

.browse-view .product-container:has(.vm2-nostock):hover img.browseProductImage {
	opacity: 0.85;
}

.browse-view .product-container:has(.vm2-nostock) {
	border-color: #f2caca !important;
}

.browse-view .product-container:has(.vm2-nostock):hover {
	border-color: #e53935 !important;
}
/* =========================================
   ПАГІНАЦІЯ VIRTUEMART
========================================= */

.browse-view .vm-pagination.vm-pagination-bottom {
    grid-column: 1 / -1;
    clear: both;
    float: none !important;

    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100% !important;
    margin: 32px 0 24px !important;
    padding: 20px 15px !important;

    text-align: center !important;
    box-sizing: border-box;
}

/* Список сторінок */

.browse-view .vm-pagination > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Прибираємо стандартні відступи */

.browse-view .vm-pagination > ul > li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

/* Кнопки та номери */

.browse-view .vm-pagination .pagenav {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 42px;
    height: 42px;
    padding: 0 13px;

    color: #171717 !important;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;

    box-shadow: 0 2px 7px rgb(0 0 0 / 5%);
    box-sizing: border-box;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Наведення */

.browse-view .vm-pagination a.pagenav:hover {
    color: #171717 !important;
    background: #fff7df;
    border-color: #f9b201;

    box-shadow: 0 4px 12px rgb(249 178 1 / 18%);
    transform: translateY(-2px);
}

/* Активна сторінка */

.browse-view .vm-pagination li:not(.pagination-start)
    :not(.pagination-prev)
    :not(.pagination-next)
    :not(.pagination-end) {
    box-sizing: border-box;
}

.browse-view .vm-pagination li:not(.pagination-start):not(.pagination-prev):not(.pagination-next):not(.pagination-end)
    > span.pagenav {
    color: #111 !important;
    background: #f9b201;
    border-color: #f9b201;
    box-shadow: 0 4px 12px rgb(249 178 1 / 28%);
}

/* Початок, попередня, наступна та остання */

.browse-view .vm-pagination .pagination-start .pagenav,
.browse-view .vm-pagination .pagination-prev .pagenav,
.browse-view .vm-pagination .pagination-next .pagenav,
.browse-view .vm-pagination .pagination-end .pagenav {
    min-width: auto;
    padding-right: 16px;
    padding-left: 16px;
}

/* Неактивні кнопки */

.browse-view .vm-pagination .pagination-start > span.pagenav,
.browse-view .vm-pagination .pagination-prev > span.pagenav,
.browse-view .vm-pagination .pagination-next > span.pagenav,
.browse-view .vm-pagination .pagination-end > span.pagenav {
    color: #aaa !important;
    background: #f5f5f5;
    border-color: #e7e7e7;
    box-shadow: none;
    cursor: default;
}

/* Лічильник сторінок */

.browse-view .vm-pagination .vm-page-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 7px 14px;

    color: #666;
    background: #f7f7f7;
    border-radius: 20px;

    font-size: 13px;
    line-height: 1.2;
}

/* Фокус із клавіатури */

.browse-view .vm-pagination a.pagenav:focus-visible {
    outline: 3px solid rgb(249 178 1 / 30%);
    outline-offset: 2px;
}

@media (max-width: 600px) {

    .browse-view .vm-pagination.vm-pagination-bottom {
        margin: 24px 0 18px !important;
        padding: 16px 5px !important;
    }

    .browse-view .vm-pagination > ul {
        gap: 5px;
    }

    .browse-view .vm-pagination .pagenav {
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
        border-radius: 7px;
        font-size: 13px;
    }

    /* На мобільному ховаємо кнопки «Початок» і «Кінець» */

    .browse-view .vm-pagination .pagination-start,
    .browse-view .vm-pagination .pagination-end {
        display: none;
    }

    /* Замість довгих написів показуємо стрілки */

    .browse-view .vm-pagination .pagination-prev .pagenav,
    .browse-view .vm-pagination .pagination-next .pagenav {
        width: 38px;
        min-width: 38px;
        padding: 0;
        font-size: 0;
    }

    .browse-view .vm-pagination .pagination-prev .pagenav::after {
        content: "←";
        font-size: 18px;
    }

    .browse-view .vm-pagination .pagination-next .pagenav::after {
        content: "→";
        font-size: 18px;
    }

    .browse-view .vm-pagination .vm-page-counter {
        font-size: 12px;
    }
}



/* ==================================================
   ФІЛЬТР ТОВАРІВ — CUSTOM FILTERS
================================================== */

.bt-product-filter {
    --bt-filter-accent: #f9b201;
    --bt-filter-accent-hover: #e9a600;
    --bt-filter-text: #171717;
    --bt-filter-muted: #777;
    --bt-filter-border: #e3e3e3;
    --bt-filter-soft: #f7f7f7;
    --bt-filter-selected: #fff7df;

    width: 100%;
    margin: 0 0 24px;
    color: var(--bt-filter-text);
    background: #fff;
    border: 1px solid var(--bt-filter-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 6%);
    overflow: hidden;
    box-sizing: border-box;
}

/* Скидання стилів Cassiopeia */

.bt-product-filter.card {
    padding: 0 !important;
}

.bt-product-filter .card-body {
    padding: 0 !important;
}

/* Заголовок модуля */

.bt-product-filter .card-header,
.bt-product-filter > h3,
.bt-product-filter .vmheader {
    position: relative;
    margin: 0 !important;
    padding: 17px 18px 16px 31px !important;

  font-family: Eurostile;
    color: #171717;
    background: #fff;
    border: 0 !important;
    border-bottom: 1px solid var(--bt-filter-border) !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    text-transform: uppercase;
}

.bt-product-filter .card-header::before,
.bt-product-filter > h3::before,
.bt-product-filter .vmheader::before {
    content: "";
    position: absolute;
    top: 17px;
    bottom: 16px;
    left: 17px;

    width: 4px;
    background: var(--bt-filter-accent);
    border-radius: 4px;
}

/* Загальний контейнер фільтрів */

.bt-product-filter #cf_wrapp_all,
.bt-product-filter .cf_wrapp_all,
.bt-product-filter form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Окрема група: виробник, довжина, ширина тощо */

.bt-product-filter .cf_flt_wrapper {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    border: 0 !important;
    border-bottom: 1px solid #ededed !important;
}

.bt-product-filter .cf_flt_wrapper:last-child {
    border-bottom: 0 !important;
}

/* Заголовок групи */

.bt-product-filter .cf_flt_header {
    position: relative;
    display: flex !important;
    align-items: center;
    width: 100%;
font-family:Eurostile;
    margin: 0 !important;
    padding: 15px 18px !important;

    color: var(--bt-filter-text) !important;
    background: #fff;
    border: 0 !important;

    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.3;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.bt-product-filter .cf_flt_header:hover {
    color: #000 !important;
    background: var(--bt-filter-selected);
}

/* Стрілка розгортання, створена компонентом */

.bt-product-filter .cf_flt_header [class*="expand"],
.bt-product-filter [class*="cf_expand"],
.bt-product-filter [class*="cf_unexpand"] {
    color: #444;
    transition: transform 0.2s ease;
}

/* Вміст групи */

.bt-product-filter .cf_wrapper_inner {
    margin: 0 !important;
    padding: 0 18px 15px !important;
    overflow: visible;
    box-sizing: border-box;
}

/* Список параметрів */

.bt-product-filter .cf_filters_list {
    display: flex;
    flex-direction: column;
    gap: 2px;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.bt-product-filter .cf_filters_list > li {
    position: relative;
    display: flex;
    align-items: center;

    min-height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Посилання та підписи параметрів */

.bt-product-filter .cf_filters_list label,
.bt-product-filter .cf_filters_list a.cf_option,
.bt-product-filter .cf_filters_list .cf_option {
    display: flex;
    align-items: center;
    gap: 9px;

    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;

    color: #333 !important;
    border-radius: 7px;

    font-size: 14px !important;
    font-weight: 450;
    line-height: 1.35;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    transition:
        color 0.18s ease,
        background-color 0.18s ease;
}

.bt-product-filter .cf_filters_list label:hover,
.bt-product-filter .cf_filters_list a.cf_option:hover {
    color: #000 !important;
    background: var(--bt-filter-selected);
}

/* Активний пункт */

.bt-product-filter .cf_filters_list .cf_sel_opt,
.bt-product-filter .cf_filters_list .selected,
.bt-product-filter .cf_filters_list .active {
    color: #171717 !important;
    background: var(--bt-filter-selected) !important;
    font-weight: 650 !important;
}

/* Сучасні чекбокси */

.bt-product-filter input[type="checkbox"] {
    flex: 0 0 18px;
    appearance: none;
    -webkit-appearance: none;

    width: 18px !important;
    height: 18px !important;
    margin: 0 7px 0 0 !important;

    background: #fff;
    border: 1.5px solid #cfcfcf !important;
    border-radius: 5px !important;
    box-shadow: none !important;

    cursor: pointer;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.bt-product-filter input[type="checkbox"]:hover {
    border-color: var(--bt-filter-accent) !important;
}

.bt-product-filter input[type="checkbox"]:checked {
    background-color: var(--bt-filter-accent);
    border-color: var(--bt-filter-accent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

.bt-product-filter input[type="checkbox"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgb(249 178 1 / 20%) !important;
}

/* Радіокнопки */

.bt-product-filter input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
    accent-color: var(--bt-filter-accent);
    cursor: pointer;
}

/* Лічильники товарів */

.bt-product-filter .cf_count,
.bt-product-filter .cf_option_count,
.bt-product-filter .counter {
    margin-left: auto;
    color: var(--bt-filter-muted) !important;
    font-size: 12px !important;
    font-weight: 500;
}

/* Поля ціни та інші текстові поля */

.bt-product-filter input[type="text"],
.bt-product-filter input[type="number"],
.bt-product-filter select {
    width: 100%;
    min-height: 42px;
    margin: 4px 0;
    padding: 9px 11px !important;

    color: #222;
    background: #fff;
    border: 1px solid #d8d8d8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    font-size: 14px;
    box-sizing: border-box;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.bt-product-filter input[type="text"]:focus,
.bt-product-filter input[type="number"]:focus,
.bt-product-filter select:focus {
    outline: none;
    border-color: var(--bt-filter-accent) !important;
    box-shadow: 0 0 0 4px rgb(249 178 1 / 16%) !important;
}

/* Два поля ціни в один ряд */

.bt-product-filter .cf_price_inputs,
.bt-product-filter #cf_price_inputs,
.bt-product-filter .cf_range_inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

/* Стандартний range */

.bt-product-filter input[type="range"] {
    width: 100%;
    height: 5px;
    margin: 15px 0;
    accent-color: var(--bt-filter-accent);
    cursor: pointer;
}

/* Кнопки */

.bt-product-filter button,
.bt-product-filter input[type="submit"],
.bt-product-filter .cf_apply_button,
.bt-product-filter #cf_apply_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 10px 16px !important;

    color: #171717 !important;
    background: var(--bt-filter-accent) !important;
    border: 1px solid var(--bt-filter-accent) !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: uppercase;
    cursor: pointer;

    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.bt-product-filter button:hover,
.bt-product-filter input[type="submit"]:hover,
.bt-product-filter .cf_apply_button:hover,
.bt-product-filter #cf_apply_button:hover {
    color: #171717 !important;
    background: var(--bt-filter-accent-hover) !important;
    border-color: var(--bt-filter-accent-hover) !important;
    transform: translateY(-1px);
}

/* Очистити / скинути */

.bt-product-filter .cf_reset_button,
.bt-product-filter #cf_reset_button,
.bt-product-filter .cf_clear,
.bt-product-filter .clear_filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 8px 0 0;
    padding: 7px 4px;

    color: #777 !important;
    background: transparent !important;
    border: 0 !important;

    font-size: 12px !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.bt-product-filter .cf_reset_button:hover,
.bt-product-filter #cf_reset_button:hover,
.bt-product-filter .cf_clear:hover,
.bt-product-filter .clear_filter:hover {
    color: #d12626 !important;
}

/* Скролбар довгого списку параметрів */

.bt-product-filter .cf_wrapper_inner {
    scrollbar-width: thin;
    scrollbar-color: #d3d3d3 transparent;
}

.bt-product-filter .cf_wrapper_inner::-webkit-scrollbar {
    width: 5px;
}

.bt-product-filter .cf_wrapper_inner::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px;
}

/* AJAX-завантаження */

.bt-product-filter .cf_ajax_loader,
.bt-product-filter [class*="ajax_loader"] {
    color: var(--bt-filter-accent);
}
@media (max-width: 767px) {

    .bt-product-filter {
        margin-bottom: 20px;
        border-radius: 10px !important;
    }

    .bt-product-filter .card-header,
    .bt-product-filter > h3,
    .bt-product-filter .vmheader {
        padding-top: 15px !important;
        padding-bottom: 14px !important;
        font-size: 16px !important;
    }

    .bt-product-filter .cf_flt_header {
        min-height: 48px;
        padding: 13px 15px !important;
        font-size: 14px !important;
    }

    .bt-product-filter .cf_wrapper_inner {
        padding: 0 15px 14px !important;
    }

    .bt-product-filter .cf_filters_list label,
    .bt-product-filter .cf_filters_list a.cf_option,
    .bt-product-filter .cf_filters_list .cf_option {
        min-height: 40px;
        padding: 9px 7px !important;
    }

    .bt-product-filter button,
    .bt-product-filter input[type="submit"],
    .bt-product-filter .cf_apply_button,
    .bt-product-filter #cf_apply_button {
        width: 100%;
    }
}

/* ==================================================
   ВИРІВНЮВАННЯ ПУНКТІВ CUSTOM FILTERS
   чекбокс — назва — кількість в одному рядку
================================================== */

.bt-product-filter .cf_filters_list {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bt-product-filter .cf_filters_list > li,
.bt-product-filter li.cf_filters_list_li {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Вимикаємо стандартний float Bootstrap */

.bt-product-filter .cf_filters_list .form-check {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    column-gap: 6px;

    width: 100% !important;
    min-height: 28px;
    margin: 0 !important;
    padding: 0 7px !important;

    border-radius: 7px;
    box-sizing: border-box;
    transition:
        background-color 0.18s ease,
        color 0.18s ease;
}

.bt-product-filter .cf_filters_list .form-check:hover {
    background: #fff7df;
}

/* Чекбокс */

.bt-product-filter .cf_filters_list .form-check-input {
    position: static !important;
    float: none !important;

    grid-column: 1;
    align-self: center;

    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Підпис праворуч від чекбокса */

.bt-product-filter .cf_filters_list .form-check-label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 7px;

    grid-column: 2;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px;

    margin: 0 !important;
    padding: 0 !important;

    color: #333;
    cursor: pointer;
    box-sizing: border-box;
}

/* Контейнер назви */

.bt-product-filter .cf_filters_list .cf_link {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Посилання зі значенням */

.bt-product-filter .cf_filters_list .cf_link .cf_option,
.bt-product-filter .cf_filters_list a.cf_option {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    color: #333 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3;
    text-decoration: none !important;

    overflow-wrap: anywhere;
}

/* Лічильник товарів */

.bt-product-filter .cf_filters_list .cf_flt_counter {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 25px;
    margin: 0 !important;
    padding: 2px 6px !important;

    color: #777 !important;
    background: #f3f3f3;
    border-radius: 10px;

    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    white-space: nowrap;
}

/* Активний варіант */

.bt-product-filter .cf_filters_list
.form-check:has(.form-check-input:checked) {
    background: #fff7df;
}

.bt-product-filter .cf_filters_list
.form-check-input:checked + .form-check-label {
    color: #171717;
    font-weight: 650;
}

.bt-product-filter .cf_filters_list
.form-check-input:checked + .form-check-label .cf_option {
    color: #171717 !important;
    font-weight: 650 !important;
}

.bt-product-filter .cf_filters_list
.form-check-input:checked + .form-check-label .cf_flt_counter {
    color: #171717 !important;
    background: #f9b201;
}

/* Групи параметрів */

.bt-product-filter .cf_wrapper_inner {
    padding: 4px 11px 14px !important;
}

.bt-product-filter .cf_flt_header {
    padding: 14px 18px !important;
}


.vm-rating {
	width: 80px;
	height: 15px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	margin-bottom: 1px;
}

.vm-rating-wrap {
  display: inline-block;
  float: left;
}
@media(min-width: 992px) {
	.vm-rating[data-product-id] {
		cursor: pointer;
	}
}
.vm-rating-item {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	max-width: 20%;
	background-image: url(../images/star.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.vm-rating[data-rating="1"] .vm-rating-item:first-child{
	background-image: url(../images/star-fill.svg);
}
.vm-rating[data-rating="2"] .vm-rating-item:nth-child(-n+2){
	background-image: url(../images/star-fill.svg);
}
.vm-rating[data-rating="3"] .vm-rating-item:nth-child(-n+3){
	background-image: url(../images/star-fill.svg);
}
.vm-rating[data-rating="4"] .vm-rating-item:nth-child(-n+4){
	background-image: url(../images/star-fill.svg);
}
.vm-rating[data-rating="5"] .vm-rating-item{
	background-image: url(../images/star-fill.svg);
}

/* отключение рейтинга на смартфонах и планшетах*/
@media(min-width: 992px) {
	.vm-rating[data-product-id]:hover .vm-rating-item {
		background-image: url(../images/star-fill.svg);
	}
	.vm-rating[data-product-id]:hover .vm-rating-item:hover ~ .vm-rating-item {
		background-image: url(../images/star.svg);
	}
}
.vm-rating-wrap .count-votes {
	color: #808080;
	padding-left: 5px;
	float: left;
		font-size:12px;
	line-height: 16px;
}
.vm-rating-message {
	font-size: 12px;
}
.vm-rating-message .error {
	color: red;
}
.vm-rating-message .success {
	color: green;
}

.mycard .total {
	display:none;
	}


.bt-product-page {
    --bt-orange: #fb9900;
    --bt-orange-dark: #e88b00;
    --bt-orange-soft: #fff7e8;
    --bt-black: #171717;
    --bt-text: #252525;
    --bt-muted: #747474;
    --bt-line: #e3e3e3;
    --bt-line-dark: #d5d5d5;
    --bt-surface: #ffffff;
    --bt-surface-soft: #fafafa;
    --bt-green: #69c72f;
    --bt-red: #df3f35;
    --bt-radius: 8px;
    --bt-shadow: 0 8px 30px rgba(0, 0, 0, 0.045);

    width: 100%;
    color: var(--bt-text);
    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

.bt-product-page *,
.bt-product-page *::before,
.bt-product-page *::after {
    box-sizing: border-box;
}

.bt-product-page img {
    max-width: 100%;
}

.bt-product-page a {
    color: inherit;
    text-decoration: none;
}

.bt-product-page h1,
.bt-product-page h2,
.bt-product-page h3,
.bt-product-page p {
    margin-top: 0;
}

.bt-product-page button,
.bt-product-page input,
.bt-product-page select,
.bt-product-page textarea {
    font: inherit;
}

/* Previous/next product and back-to-category links */
.bt-product-neighbours {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 12px;
    color: var(--bt-muted);
    font-size: 13px;
}

.bt-product-neighbours a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 46%;
}

.bt-product-neighbours a:hover,
.bt-back-to-category a:hover {
    color: var(--bt-orange-dark);
}

.bt-product-neighbours .next-page {
    margin-left: auto;
    text-align: right;
}

.bt-back-to-category {
    margin: 0 0 18px;
}

.bt-back-to-category a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--bt-muted);
    font-size: 14px;
    transition: color 0.2s ease;
}

/* Product hero */
.bt-product-page .bt-product-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.98fr);
    gap: clamp(28px, 4vw, 54px);
    align-items: start;
    width: 100%;
    margin: 0;
}

.bt-product-page .bt-product-gallery,
.bt-product-page .bt-product-summary {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
}
@media (min-width: 821px) {
    .bt-product-page .bt-product-hero {
        grid-template-columns:
            minmax(0, 0.78fr)
            minmax(0, 1fr);
    }
}
.bt-product-gallery-main {
    position: relative;
    display: grid;
    place-items: center;
    min-height: clamp(390px, 43vw, 535px);
    padding: 5px;
    overflow: hidden;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: var(--bt-surface);
}

.bt-product-gallery-main::after {
    content: '';
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: 1px solid var(--bt-line);
    border-radius: 50%;
    background:
        linear-gradient(45deg, transparent 46%, var(--bt-black) 47% 53%, transparent 54%) 27px 27px / 10px 10px no-repeat,
        radial-gradient(circle at 48% 45%, transparent 0 7px, var(--bt-black) 8px 9px, transparent 10px),
        #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
    pointer-events: none;
}

.bt-product-gallery-main .main-image,
.bt-product-gallery-main .main-image > a,
.bt-product-gallery-main .vm-product-media-container,
.bt-product-gallery-main figure {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
}

.bt-product-gallery-main .main-image img,
.bt-product-gallery-main img.medium-image,
.bt-product-gallery-main > img {
    display: block;
    width: 100%;
    height: clamp(350px, 39vw, 475px);
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

/* Additional images */
.bt-product-thumbnails {
    margin-top: 12px;
}

.bt-product-thumbnails .additional-images,
.bt-product-thumbnails > div {
    display: flex;
    flex-wrap: nowrap;
    gap: 11px;
    overflow-x: auto;
    padding: 1px 1px 7px;
    scrollbar-width: thin;
    scrollbar-color: var(--bt-orange) #ededed;
}

.bt-product-thumbnails .additional-images a,
.bt-product-thumbnails .additional-image,
.bt-product-thumbnails a.product-image {
    display: grid;
    flex: 0 0 78px;
    place-items: center;
    width: 78px;
    height: 68px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid var(--bt-line);
    border-radius: 6px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.bt-product-thumbnails .additional-images a:first-child,
.bt-product-thumbnails a:hover,
.bt-product-thumbnails a:focus-visible {
    border-color: var(--bt-orange);
    box-shadow: 0 0 0 1px var(--bt-orange);
}

.bt-product-thumbnails img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: contain;
}

.bt-gallery-rating {
    display: flex;
    align-items: center;
    min-height: 38px;
    margin-top: 8px;
}

.bt-gallery-rating .rating-container,
.bt-gallery-rating .rating,
.bt-gallery-rating .product-rating {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}

/* Product summary */
.bt-product-summary .spacer-buy-area {
    margin: 0;
    padding: 0;
}

.bt-product-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.bt-product-page .bt-product-title {
    max-width: 760px;
    margin: 7px 0 18px;
    color: var(--bt-black);
    font-size: clamp(25px, 2.2vw, 34px);
    font-weight: 750;
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.bt-product-icons {
    display: flex;
    flex: 0 0 auto;
    gap: 7px;
    margin-top: 6px;
}

.bt-product-icons a {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: 1px solid var(--bt-line);
    border-radius: 50%;
    background: #fff;
}

.bt-product-icons img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.bt-product-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 18px;
    margin-bottom: 15px;
    color: var(--bt-muted);
    font-size: 14px;
}

.bt-product-sku strong {
    color: var(--bt-text);
    font-weight: 500;
}

.bt-stock-badge {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 3px 10px;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
}

.bt-stock-badge.is-in-stock {
    color: var(--bt-orange-dark);
    background: var(--bt-orange-soft);
}

.bt-stock-badge.is-out-of-stock {
    color: var(--bt-red);
    background: #fff3f2;
}

.bt-active-rating {
    min-height: 34px;
    margin: 0 0 12px;
}



.bt-active-rating .vm-rating-item {
    cursor: pointer;
}

.bt-active-rating .vm-rating-message {
    width: 100%;
    color: var(--bt-muted);
    font-size: 13px;
}

.bt-product-short-description {
    margin: 0 0 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.55;
}

.bt-product-method {
    margin-bottom: 10px;
}

/* Price and add-to-cart */
.bt-buy-box {
    margin-top: 16px;
}

.bt-price-wrap {
    margin-bottom: 16px;
}

.bt-product-page .product-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px 12px;
    margin: 0;
    color: var(--bt-black);
    text-align: left;
}

.bt-product-page .product-price > div {
    margin: 0;
}

.bt-product-page .PricesalesPrice,
.bt-product-page .PricesalesPrice span,
.bt-product-page .salesPrice,
.bt-product-page .salesPrice span {
    color: var(--bt-black) !important;
    font-size: clamp(29px, 3vw, 39px) !important;
    font-weight: 760 !important;
    line-height: 1.1;
}
.promo-products .PricesalesPrice span {
	 font-size: clamp(15px, 1vw, 19px) !important;
}

.bt-product-page .PricebasePrice,
.bt-product-page .PricebasePriceWithTax,
.bt-product-page .PricepriceWithoutTax {
    color: #969696;
    font-size: 15px;
    text-decoration: line-through;
}

.bt-product-page .vm-price-desc,
.bt-product-page .price-crossed,
.bt-product-page .price-before-discount {
    color: var(--bt-muted);
    font-size: 12px;
}

.bt-addtocart-wrap .addtocart-area,
.bt-addtocart-wrap form.product,
.bt-addtocart-wrap .product-fields {
    width: 100%;
    margin: 0;
}

.bt-addtocart-wrap .product-fields {
    margin-bottom: 13px;
}

.bt-addtocart-wrap .product-field {
    margin-bottom: 10px;
}

.bt-addtocart-wrap select,
.bt-addtocart-wrap textarea,
.bt-addtocart-wrap input[type='text']:not(.quantity-input) {
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid var(--bt-line-dark);
    border-radius: 5px;
    background: #fff;
}

.bt-addtocart-wrap .addtocart-bar {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 0;
}

.bt-addtocart-wrap .quantity-box {
    display: flex;
    width: 58px;
    min-width: 58px;
}

.bt-addtocart-wrap input.quantity-input {
    width: 58px !important;
    height: 54px !important;
    padding: 0 4px !important;
    border: 1px solid var(--bt-line-dark) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--bt-black) !important;
    font-size: 17px !important;
    font-weight: 600;
    text-align: center;
}

.bt-addtocart-wrap .quantity-controls {
    display: flex;
    flex-direction: column;
    flex: 0 0 29px;
    width: 29px;
    gap: 2px;
    margin: 0;
}

.bt-addtocart-wrap input.quantity-controls,
.bt-addtocart-wrap .quantity-plus,
.bt-addtocart-wrap .quantity-minus {
    position: static;
    display: block;
    width: 29px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--bt-line-dark) !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-position: center !important;
    cursor: pointer;
}

.bt-addtocart-wrap span.addtocart-button {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.bt-addtocart-wrap input.addtocart-button,
.bt-addtocart-wrap button.addtocart-button,
.bt-addtocart-wrap .addtocart-button input,
.bt-addtocart-wrap .addtocart-button button {
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 12px 24px;
    border: 1px solid var(--bt-orange);
    border-radius: 5px;
    background: var(--bt-orange) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: 0.01em;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bt-addtocart-wrap input.addtocart-button:hover,
.bt-addtocart-wrap button.addtocart-button:hover,
.bt-addtocart-wrap .addtocart-button input:hover,
.bt-addtocart-wrap .addtocart-button button:hover {
    border-color: var(--bt-orange-dark);
    background: var(--bt-orange-dark) !important;
}

.bt-addtocart-wrap input.addtocart-button:active,
.bt-addtocart-wrap button.addtocart-button:active {
    transform: translateY(1px);
}

.bt-ask-question {
    margin-top: 13px;
}

.bt-ask-question a.ask-a-question {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 10px 18px;
    border: 1px solid var(--bt-line-dark);
    border-radius: 5px;
    background: #fff;
    color: var(--bt-black);
    font-size: 13px;
    font-weight: 650;
    text-transform: uppercase;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.bt-ask-question a.ask-a-question:hover {
    border-color: var(--bt-orange);
    color: var(--bt-orange-dark);
	background:none;
}

.bt-ask-question a span {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 16px;
    border: 1px solid currentColor;
    font-size: 11px;
    line-height: 1;
}

.bt-stock-output {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: #fff;
}

.bt-stock-output:empty {
    display: none;
}

.bt-stock-output .stockhandle,
.bt-stock-output .availability,
.bt-stock-output p:last-child {
    margin-bottom: 0;
}

.bt-product-manufacturer {
    margin-top: 16px;
    padding-top: 15px;
    border-top: 1px solid var(--bt-line);
}

/* Delivery cards */
.bt-delivery-section {
    margin-top: clamp(32px, 5vw, 58px);
    padding: 22px;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: #fff;
    box-shadow: var(--bt-shadow);
}

.bt-delivery-section > h2 {
    margin: 0 0 18px;
    color: var(--bt-black);
    font-size: 19px;
    font-weight: 750;
    text-transform: uppercase;
}

.bt-delivery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.bt-delivery-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    min-height: 96px;
    margin: 0;
    padding: 16px 18px;
    border: 1px solid var(--bt-line);
    border-radius: 6px;
    background: #fff;
}

.bt-delivery-card h3 {
    margin: 0 0 4px;
    color: var(--bt-black);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.bt-delivery-card p {
    margin: 0;
    color: var(--bt-muted);
    font-size: 12px;
    line-height: 1.45;
}

.bt-delivery-icon,
.bt-benefit-icon {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: var(--bt-orange);
}

.bt-icon-truck::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 1px;
    width: 25px;
    height: 19px;
    border: 3px solid currentColor;
    border-radius: 4px 2px 2px 4px;
}

.bt-icon-truck::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 25px;
    width: 15px;
    height: 13px;
    border: 3px solid currentColor;
    border-left: 0;
    border-radius: 0 4px 3px 0;
    box-shadow: -20px 9px 0 -5px #fff, -20px 9px 0 -2px currentColor, 9px 9px 0 -5px #fff, 9px 9px 0 -2px currentColor;
}

.bt-icon-pin::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 7px;
    width: 28px;
    height: 37px;
    border: 3px solid currentColor;
    border-radius: 16px 16px 18px 18px;
    clip-path: polygon(0 0, 100% 0, 100% 67%, 50% 100%, 0 67%);
}

.bt-icon-pin::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 16px;
    width: 10px;
    height: 10px;
    border: 3px solid currentColor;
    border-radius: 50%;
}

.bt-outline-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(360px, 100%);
    min-height: 44px;
    margin: 17px auto 0;
    padding: 9px 20px;
    border: 1px solid var(--bt-orange);
    border-radius: 5px;
    color: var(--bt-orange-dark) !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.bt-outline-button:hover {
    background: var(--bt-orange);
    color: #fff !important;
}

.bt-button-truck {
    position: relative;
    width: 24px;
    height: 15px;
    border: 2px solid currentColor;
    border-radius: 3px;
}

.bt-button-truck::after {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -2px;
    width: 8px;
    height: 9px;
    border: 2px solid currentColor;
    border-left: 0;
    border-radius: 0 3px 3px 0;
}

/* Advantages */
.bt-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: #fff;
}

.bt-benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 86px;
    padding: 15px 22px;
    color: var(--bt-text);
    font-size: 13px;
    font-weight: 600;
}

.bt-benefit + .bt-benefit {
    border-left: 1px solid var(--bt-line);
}

.bt-benefit small {
    display: block;
    margin-top: 2px;
    color: var(--bt-muted);
    font-size: 12px;
    font-weight: 500;
}

.bt-benefit-icon {
    width: 35px;
    height: 35px;
    color: var(--bt-black);
}

.bt-icon-wallet::before {
    content: '';
    position: absolute;
    inset: 5px 1px 4px;
    border: 2px solid currentColor;
    border-radius: 4px;
}

.bt-icon-wallet::after {
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    width: 13px;
    height: 10px;
    border: 2px solid currentColor;
    border-radius: 3px;
    background: #fff;
}

.bt-icon-shield::before {
    content: '';
    position: absolute;
    inset: 1px 4px 0;
    border: 2px solid currentColor;
    border-radius: 14px 14px 18px 18px;
    clip-path: polygon(50% 0, 100% 18%, 95% 68%, 50% 100%, 5% 68%, 0 18%);
}

.bt-icon-shield::after {
    content: '✓';
    position: absolute;
    top: 7px;
    left: 11px;
    font-size: 15px;
    font-weight: 800;
}

.bt-icon-headset::before {
    content: '';
    position: absolute;
    inset: 4px 4px 9px;
    border: 2px solid currentColor;
    border-bottom-color: transparent;
    border-radius: 17px 17px 0 0;
}

.bt-icon-headset::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 1px;
    width: 8px;
    height: 12px;
    border: 2px solid currentColor;
    border-radius: 5px;
    box-shadow: 25px 0 0 -2px #fff, 25px 0 0 0 currentColor;
}

/* Tabs */
.bt-product-tabs {
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: #fff;
}

.bt-tabs-nav {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--bt-line);
    scrollbar-width: thin;
}

.bt-tabs-nav button {
    position: relative;
    flex: 0 0 auto;
    min-width: 170px;
    min-height: 62px;
    padding: 15px 22px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--bt-muted);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.bt-tabs-nav button::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: transparent;
}

.bt-tabs-nav button[aria-selected='true'] {
    color: var(--bt-black);
}

.bt-tabs-nav button[aria-selected='true']::after {
    background: var(--bt-orange);
}

.bt-tabs-nav button:focus-visible {
    outline: 2px solid var(--bt-orange);
    outline-offset: -4px;
}

.bt-tabs-panels {
    min-height: 170px;
}

.bt-tab-panel {
    padding: clamp(22px, 3.5vw, 38px);
}

.bt-tab-panel[hidden] {
    display: none !important;
}

.bt-product-description {
    color: #444;
    line-height: 1.65;
}

.bt-product-description > :last-child {
    margin-bottom: 0;
}

.bt-product-description h2,
.bt-product-description h3,
.bt-characteristics h3,
.bt-delivery-copy h3 {
    margin: 0 0 13px;
    color: var(--bt-black);
    font-size: 17px;
    font-weight: 750;
}

.bt-product-description ul {
    padding-left: 20px;
}

.bt-product-description li::marker {
    color: var(--bt-orange);
}

.bt-product-box {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 5px;
    background: var(--bt-surface-soft);
}

/* Generic VirtueMart characteristics markup */
.bt-characteristics .product-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
}

.bt-characteristics .product-field {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(90px, 0.8fr);
    align-items: center;
    min-height: 43px;
    margin: 0;
    padding: 9px 12px;
    border-bottom: 1px solid #ededed;
}

.bt-characteristics .product-field:nth-child(odd) {
    background: #f8f8f8;
}

.bt-characteristics .product-fields-title,
.bt-characteristics .product-field-display {
    margin: 0;
    padding: 0;
}

.bt-characteristics .product-fields-title {
    color: #565656;
    font-weight: 500;
}

.bt-characteristics .product-field-display {
    color: var(--bt-black);
    font-weight: 650;
}

.bt-characteristics .hasTooltip,
.bt-characteristics .vm-img-desc {
    display: none;
}

.bt-delivery-copy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.bt-delivery-copy > div {
    padding: 20px;
    border: 1px solid var(--bt-line);
    border-radius: 6px;
    background: var(--bt-surface-soft);
}

.bt-delivery-copy p {
    margin-bottom: 0;
    color: #555;
}

/* Reviews */
.bt-tab-panel .customer-reviews,
.bt-tab-panel .list-reviews,
.bt-tab-panel .write-reviews {
    width: 100%;
    margin: 0;
}

.bt-tab-panel .write-reviews input[type='text'],
.bt-tab-panel .write-reviews textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--bt-line-dark);
    border-radius: 5px;
}

.bt-tab-panel .write-reviews textarea {
    min-height: 130px;
}

.bt-tab-panel .write-reviews input[type='submit'] {
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid var(--bt-orange);
    border-radius: 5px;
    background: var(--bt-orange);
    color: #fff;
    font-weight: 700;
}

/* Related products */
.bt-related-section {
    margin-top: 24px;
}

.bt-related-section:empty {
    display: none;
}

.bt-related-section .product-related-products {
    margin: 0;
}

.bt-related-section h3,
.bt-related-section h4,
.bt-related-section .product-fields-title-wrapper {
    margin: 0 0 17px;
    color: var(--bt-black);
    font-size: 21px;
    font-weight: 750;
}

.bt-related-section .product-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.bt-related-section .product-field {
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--bt-line);
    border-radius: var(--bt-radius);
    background: #fff;
}

.bt-related-section .product-field-display {
    display: block;
}

.bt-related-section img {
    display: block;
    width: 100%;
    height: 190px;
    margin: 0 auto 12px;
    object-fit: contain;
}

.bt-related-section a {
    font-weight: 600;
    line-height: 1.45;
}

/* VirtueMart/Joomla cleanup inside the new layout */
.bt-product-page .clear {
    clear: both;
}

.bt-product-page .vmLoadingDiv,
.bt-product-page .vmLoading {
    z-index: 1000;
}

/* Tablet */
@media (max-width: 1100px) {
    .bt-product-page .bt-product-hero {
        grid-template-columns: minmax(0, 1fr) minmax(350px, 0.9fr);
        gap: 28px;
    }

    .bt-product-gallery-main {
        min-height: 410px;
    }

    .bt-product-gallery-main .main-image img,
    .bt-product-gallery-main img.medium-image,
    .bt-product-gallery-main > img {
        height: 360px;
    }

    .bt-delivery-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bt-delivery-card:first-child {
        grid-column: 1 / -1;
    }

    .bt-related-section .product-fields {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile and narrow tablet */
@media (max-width: 820px) {
    .bt-product-page {
        font-size: 14px;
    }

    .bt-product-page .bt-product-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .bt-product-page .bt-product-title {
        margin-top: 0;
        font-size: clamp(23px, 6vw, 30px);
    }

    .bt-product-gallery-main {
        min-height: 420px;
    }

    .bt-product-gallery-main .main-image img,
    .bt-product-gallery-main img.medium-image,
    .bt-product-gallery-main > img {
        height: 370px;
    }

    .bt-benefits {
        grid-template-columns: 1fr;
    }

    .bt-benefit {
        justify-content: flex-start;
        min-height: 70px;
    }

    .bt-benefit + .bt-benefit {
        border-top: 1px solid var(--bt-line);
        border-left: 0;
    }

    .bt-characteristics .product-fields,
    .bt-delivery-copy {
        grid-template-columns: 1fr;
    }

    .bt-related-section .product-fields {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 8px;
        scroll-snap-type: x mandatory;
    }

    .bt-related-section .product-field {
        flex: 0 0 min(280px, 82vw);
        scroll-snap-align: start;
    }
}

/* Phones */
@media (max-width: 600px) {
    .bt-product-neighbours {
        display: none;
    }

    .bt-back-to-category {
        margin-bottom: 12px;
    }

    .bt-product-gallery-main {
        min-height: 320px;
        padding: 14px;
    }

    .bt-product-gallery-main::after {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
    }

    .bt-product-gallery-main .main-image img,
    .bt-product-gallery-main img.medium-image,
    .bt-product-gallery-main > img {
        height: min(310px, 80vw);
    }

    .bt-product-thumbnails .additional-images a,
    .bt-product-thumbnails .additional-image,
    .bt-product-thumbnails a.product-image {
        flex-basis: 70px;
        width: 70px;
        height: 62px;
    }

    .bt-product-heading-row {
        display: block;
    }

    .bt-product-icons {
        margin: -5px 0 14px;
    }

    .bt-product-meta {
        gap: 9px 12px;
    }

    .bt-product-page .PricesalesPrice,
    .bt-product-page .PricesalesPrice span,
    .bt-product-page .salesPrice,
    .bt-product-page .salesPrice span {
        font-size: 31px !important;
    }

    .bt-addtocart-wrap .addtocart-bar {
        flex-wrap: wrap;
    }

    .bt-addtocart-wrap span.addtocart-button {
        flex-basis: calc(100% - 99px);
    }

    .bt-addtocart-wrap input.addtocart-button,
    .bt-addtocart-wrap button.addtocart-button,
    .bt-addtocart-wrap .addtocart-button input,
    .bt-addtocart-wrap .addtocart-button button {
        padding-inline: 14px;
        font-size: 15px;
    }

    .bt-delivery-section {
        padding: 16px;
    }

    .bt-delivery-section > h2 {
        font-size: 17px;
    }

    .bt-delivery-grid {
        grid-template-columns: 1fr;
    }

    .bt-delivery-card:first-child {
        grid-column: auto;
    }

    .bt-delivery-card {
        min-height: 88px;
        padding: 14px;
    }

    .bt-tabs-nav button {
        min-width: auto;
        min-height: 54px;
        padding: 13px 16px;
        font-size: 12px;
    }

    .bt-tab-panel {
        padding: 18px 15px;
    }

    .bt-characteristics .product-field {
        grid-template-columns: minmax(115px, 1fr) minmax(80px, 0.8fr);
        padding-inline: 9px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bt-product-page *,
    .bt-product-page *::before,
    .bt-product-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    .bt-product-neighbours,
    .bt-back-to-category,
    .bt-product-icons,
    .bt-addtocart-wrap,
    .bt-ask-question,
    .bt-delivery-section,
    .bt-benefits,
    .bt-related-section,
    .bt-tabs-nav {
        display: none !important;
    }

    .bt-product-page .bt-product-hero {
        grid-template-columns: 1fr 1fr;
    }

    .bt-product-tabs,
    .bt-tab-panel {
        border: 0;
    }

    .bt-tab-panel {
        display: block !important;
        padding: 15px 0;
    }
}

/* Наявність на складах */
.bt-product-page .bt-stock-output {
    margin-top: 24px;
    padding: 20px 22px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

/* Заголовок блока */
.bt-product-page .bt-stock-output > h5 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

/* Прибираємо зайві відступи VirtueMart */
.bt-product-page .bt-stock-output .product-fields,
.bt-product-page .bt-stock-output .product-field {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Кожна назва складу та статус утворюють дві колонки */
.bt-product-page .bt-stock-output .product-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 18px;
    align-items: center;
}

/* Ліва та права частини рядка */
.bt-product-page .bt-stock-output .product-fields-title-wrapper,
.bt-product-page .bt-stock-output .product-field-display {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #eeeeee;
}

/* Прибираємо лінію в останньому рядку */
.bt-product-page .bt-stock-output .product-field > :nth-last-child(-n + 2) {
    border-bottom: 0;
}

/* Назва складу */
.bt-product-page .bt-stock-output .product-fields-title-wrapper {
    position: relative;
    min-width: 0;
    gap: 12px;
}

.bt-product-page .bt-stock-output .product-fields-title {
    flex: 0 1 auto;
    color: #3f3f3f;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

/* Декоративна лінія після назви складу */
.bt-product-page .bt-stock-output .product-fields-title-wrapper::after {
    content: "";
    flex: 1 1 auto;
    min-width: 20px;
    border-bottom: 1px solid #e1e1e1;
}

/* Статус наявності */
.bt-product-page .bt-stock-output .product-field-display {
    justify-content: flex-end;
    color: #3f3f3f;
    font-size: 13px;
    white-space: nowrap;
}

.bt-product-page .bt-stock-output .in-stock {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #3f3f3f;
}

/* Зелена крапка */
.bt-product-page .bt-stock-output .in-stock::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #69c72f;
}

/* Немає в наявності */
.bt-product-page .bt-stock-output .out-of-stock {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #777777;
}

.bt-product-page .bt-stock-output .out-of-stock::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #df3f35;
}
.bt_manufacturer  {
	display: inline-flex;
	align-items: flex-end;
}
.bt-product-page .bt-product-meta .bt_manufacturer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

/* Прибираємо можливі стандартні відступи VirtueMart */
.bt-product-page .bt-product-meta .bt_manufacturer .manufacturer {
    margin: 0;
    padding: 0;
}

/* Розмір логотипа виробника */
.bt-product-page .bt-product-meta .bt_manufacturer img {
    display: block;
    width: auto;
    max-width: 120px;
    max-height: 42px;
    object-fit: contain;
}
/* На ПК мобільні елементи приховані */
.bt-mobile-menu-button,
.bt-mobile-menu-overlay {
    display: none;
}

@media (max-width: 767px) {

    /* Загальна шапка */
    .bt-header {
        width: 100%;
        padding: 0;
        background: #f9b201;
    }

    .bt-header__grid {
        grid-template-columns:
            minmax(145px, 1fr)
            minmax(0, 1.28fr);

        grid-template-areas:
            "logo actions"
            "tools tools";
    gap: 0 20px;
  width: 100%;
  height: 100%;
    }

    /* Логотип */
    .bt-header__block--1 {
        grid-area: logo;
        display: flex;
        align-items: center;
        min-width: 0;

    }

    .bt-header__block--1 a {
        display: block;
        min-width: 0;
    }

    .bt-header__block--1 img {
        display: block;
        width: clamp(125px, 32vw, 180px)!important;
        height: auto;
        max-height: 60px;
		margin-top:0!important;
    }

    /* Контакти складів приховуємо */
    .bt-header__block--2,
    .bt-header__block--3 {
        display: none !important;
    }

    /* Правий верхній блок */
    .bt-header__block--5 {
        grid-area: actions;
        display: flex;
        align-items: center;
           justify-content: space-between;
        gap: 8px;
        min-width: max-content;

    }

    /* Приховуємо непотрібні мобільні елементи */
    .bt-header__block--5 .mycabinet,
    .bt-header__block--5 .wishlist,
    .bt-header__block--5 .compare {
        display: none !important;
    }

    .bt-header__block--5 .mylang,
    .bt-header__block--5 .mycard {
        flex: 0 0 auto;
        margin: 0;
    }

    .mylang {
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
    }

    /* Пошук і завантаження */
    .bt-header__block--4 {
        grid-area: tools;
        min-width: 0;
        padding: 0;
		background: var(--bt-yellow);
    }

    .bt-header__block--4 .topmenu {
        display: none !important;
    }

    .bt-header__search-stack {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(136px, 0.72fr);
        align-items: stretch;
        gap: 8px;
        width: 100%;
        margin: 0;
    }

    /* Пошук */
    .mysearch,
    .mysearch > div,
    .mysearch form {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .mysearch input[type="text"],
    .mysearch input[type="search"] {
        width: 100%;
        min-width: 0;
        height: 56px;
        margin: 0;
        font-size: 15px;
        border: 0;
        border-radius: 7px;
    }

    /* Кнопка завантаження */
    .bt-upload-button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        width: 100%;
        min-width: 0;
        height: 50px;
        margin: 0;
        padding: 6px 4px;
        color: #fff;
        background: #151515;
        border: 0;
        border-radius: 7px;
        cursor: pointer;
        appearance: none;
    }

    .bt-upload-button__icon {
        flex: 0 0 27px;
        width: 27px;
        height: 27px;
        object-fit: contain;
    }

    .bt-upload-button__text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
        line-height: 1.15;
    }

    .bt-upload-button__title {
        font-size: clamp(8px, 2.45vw, 11px);
        font-weight: 800;
        white-space: nowrap;
    }

    .bt-upload-button__subtitle {
        margin-top: 2px;
        font-size: clamp(7px, 2.1vw, 9px);
        font-weight: 400;
        white-space: nowrap;
    }

    /* Велика кнопка меню */
    .bt-mobile-menu-button {
        display: flex;
        flex: 0 0 60px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: 60px;
        height: 60px;
        padding: 0;
        background: #151515;
        border: 0;
        border-radius: 9px;
        cursor: pointer;
    }

    .bt-mobile-menu-button span {
        display: block;
        width: 31px;
        height: 3px;
        background: #fff;
        border-radius: 3px;
        transition:
            transform 0.25s ease,
            opacity 0.25s ease;
    }

    /* Бічний каталог */
    .productmenu {
        position: fixed !important;
        z-index: 10002;
        top: 0;
        bottom: 0;
        left: 0;
        display: block !important;
        width: min(88vw, 360px) !important;
        height: 100dvh;
        margin: 0 !important;
        overflow-y: auto;
        background: #fff;
        box-shadow: 8px 0 30px rgb(0 0 0 / 18%);
        transform: translateX(-105%);
        transition: transform 0.3s ease;
    }

    html.bt-mobile-menu-open .productmenu {
        transform: translateX(0);
    }

    /* Затемнення сторінки */
    .bt-mobile-menu-overlay {
        position: fixed;
        z-index: 10001;
        inset: 0;
        display: block;
        visibility: hidden;
        background: rgb(0 0 0 / 55%);
        opacity: 0;
        pointer-events: none;
        transition:
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    html.bt-mobile-menu-open .bt-mobile-menu-overlay {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    html.bt-mobile-menu-open {
        overflow: hidden;
    }
	
	


    .bt-header__grid {
        grid-template-columns:
            minmax(125px, 1fr)
            minmax(0, 1.28fr);

        grid-template-rows: auto auto;

        grid-template-areas:
            "logo actions"
            "tools tools";

        column-gap: 12px;
        row-gap: 14px;
    }

    /* Верхній ряд */
    .bt-header__block--1,
    .bt-header__block--5 {
        height: auto !important;
        min-height: 0 !important;
    }

    .bt-header__block--1 img {
        width: clamp(125px, 31vw, 165px);
        max-width: 100%;
    }

    .bt-header__block--5 {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
    }

    /* Рядок пошуку */
    .bt-header__block--4 {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
        padding: 0;
    }

    .bt-header__search-stack {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1.35fr)
            minmax(145px, 1fr);

        align-items: stretch;
        gap: 8px;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;

        transform: none !important;
    }

    .mysearch {
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
    }

    .bt-upload-button {
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
    }
	
	.promo-products,
.ready-made_solutions,
.bt_manuf,
section.bt-warehouses,
.bt_faq	{
		padding:0 15px;
		
	}

}

/* Невеликі телефони — одна стаття */
@media (max-width: 479px) {

    .ready-made_solutions .mod-articles-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px;
    }
}

/* Великі телефони — дві статті */
@media (min-width: 480px) and (max-width: 767px) {

    .ready-made_solutions .mod-articles-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px;
    }
}


/* Мобільні елементи фільтра приховані на ПК */
.bt-filter-toggle,
.bt-product-filter__mobile-header,
.bt-product-filter__overlay {
    display: none;
}

@media (max-width: 767.98px) {

    /*
     * Ліва колонка більше не займає 260px.
     * У ній залишаються висувний каталог і висувний фільтр.
     */
    body.com_virtuemart.view-category .content-main-row {
        display: flex !important;
        width: 100% !important;
        gap: 0 !important;
    }

    body.com_virtuemart.view-category .contentmenu {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
    }

    body.com_virtuemart.view-category .contentmenu > .breadcrumbs {
        display: none !important;
    }

    /*
     * Колонка з товарами на всю ширину
     */
    body.com_virtuemart.view-category .maincontent {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.com_virtuemart.view-category .grid-child.container-component {
        width: 100% !important;
        max-width: none !important;
    }

    /*
     * Кнопка фільтра в рядку сортування
     */
    @media (max-width: 767.98px) {

    body.com_virtuemart.view-category .orderby-displaynumber {
        display: block !important;
        width: 100% !important;
    }

    body.com_virtuemart.view-category
    .orderby-displaynumber > .vm-order-list {
        display: flex !important;
        float: none !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;

        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.com_virtuemart.view-category
    .orderby-displaynumber > .vm-order-list > .bt-filter-toggle {
        flex: 0 0 auto !important;
    }

    body.com_virtuemart.view-category
    .orderby-displaynumber > .vm-order-list form {
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center;
        gap: 8px;
        min-width: 0 !important;
    }

    body.com_virtuemart.view-category
    .orderby-displaynumber > .vm-order-list select {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

/* Відновлення звичайного фільтра на ПК */
@media (min-width: 768px) {

    .bt-product-filter {
        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-width: none !important;

        overflow: visible !important;

        transform: none !important;
        transition: none !important;

        background: transparent !important;
        box-shadow: none !important;
    }

    .bt-product-filter > .position-11,
    .bt-product-filter > .card {
        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;

        transform: none !important;
    }

    .bt-product-filter form,
    .bt-product-filter .cf_wrapp_all {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .bt-product-filter__mobile-header,
    .bt-product-filter__overlay,
    .bt-filter-toggle {
        display: none !important;
    }
}

    .bt-filter-toggle {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 7px;

        height: 44px;
        padding: 0 14px;

        border: 1px solid #dedede;
        border-radius: 9px;
        background: #131313;
        color: #ffffff;

        font: inherit;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        cursor: pointer;
    }

    .bt-filter-toggle:hover,
    .bt-filter-toggle:focus-visible {
        border-color: #fab202;
        background: #fab202;
        color: #131313;
    }

    .bt-filter-toggle svg {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: currentColor;
    }

    /*
     * Висувна панель фільтра
     */
    .bt-product-filter {
        position: fixed !important;
        z-index: 10030;

        top: 0;
        bottom: 0;
        left: 0;

        display: block !important;
        width: min(390px, 92vw) !important;
        max-width: none !important;
        height: 100vh;
        height: 100dvh;

        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;

        background: #ffffff;
        box-shadow: 8px 0 30px rgba(0, 0, 0, 0.2);

        visibility: hidden;
        transform: translateX(-105%);

        transition:
            transform 0.25s ease,
            visibility 0s linear 0.25s;
    }

    html.bt-filter-open .bt-product-filter {
        visibility: visible;
        transform: translateX(0);

        transition:
            transform 0.25s ease,
            visibility 0s;
    }

    /*
     * Шапка висувного фільтра
     */
    .bt-product-filter__mobile-header {
        position: sticky;
        z-index: 2;
        top: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;

        min-height: 58px;
        padding: 10px 14px 10px 20px;

        border-bottom: 1px solid #e5e5e5;
        background: #ffffff;
    }

    .bt-product-filter__mobile-header strong {
        position: relative;
        padding-left: 14px;
        font-size: 16px;
    }

    .bt-product-filter__mobile-header strong::before {
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: 0;

        width: 4px;
        border-radius: 3px;
        background: #fab202;

        content: "";
    }

    .bt-product-filter__close {
        display: flex;
        flex: 0 0 40px;
        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;
        padding: 0;

        border: 0;
        border-radius: 8px;
        background: #f2f2f2;
        color: #131313;

        font-size: 30px;
        line-height: 1;
        cursor: pointer;
    }

    .bt-product-filter__close:hover {
        background: #fab202;
    }

    /*
     * Прибираємо дубль стандартного заголовка модуля
     */
    .bt-product-filter > .card > .card-header {
        display: none !important;
    }

    .bt-product-filter > .card {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Затемнення сторінки
     */
    .bt-product-filter__overlay {
        position: fixed;
        z-index: 10020;
        inset: 0;

        display: block;
        width: 100vw;
        height: 100vh;
        height: 100dvh;

        background: rgba(0, 0, 0, 0.48);

        visibility: hidden;
        opacity: 0;
        pointer-events: none;

        transition:
            opacity 0.25s ease,
            visibility 0s linear 0.25s;
    }

    html.bt-filter-open .bt-product-filter__overlay {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;

        transition:
            opacity 0.25s ease,
            visibility 0s;
    }

    html.bt-filter-open,
    html.bt-filter-open body {
        overflow: hidden;
    }
}

/*
 * На дуже вузьких екранах залишаємо лише іконку,
 * щоб сортування і стрілка помістилися в один ряд.
 */
@media (max-width: 380px) {
    .bt-filter-toggle {
        width: 44px;
        padding: 0;
    }

    .bt-filter-toggle span {
        display: none;
    }
}

/*
 * Мобільна сторінка результатів Custom Filters
 */
@media (max-width: 767.98px) {

    body.com_customfilters.view-products .content-main-row {
        display: flex !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /*
     * Прибираємо порожню ліву колонку,
     * але її висувні елементи продовжують працювати.
     */
    body.com_customfilters.view-products .contentmenu {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
    }

    body.com_customfilters.view-products
    .contentmenu > .breadcrumbs {
        display: none !important;
    }

    /*
     * Результати фільтрації на всю ширину
     */
    body.com_customfilters.view-products .maincontent {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.com_customfilters.view-products
    .grid-child.container-component {
        width: 100% !important;
        max-width: none !important;
    }

    /*
     * Заголовок окремо, сортування та фільтр одним рядком
     */
    body.com_customfilters.view-products
    .orderby-displaynumber {
        display: block !important;
        width: 100% !important;
    }

    body.com_customfilters.view-products
    .orderby-displaynumber > .vm-order-list {
        display: flex !important;
        float: none !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;

        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.com_customfilters.view-products
    .orderby-displaynumber
    .bt-filter-toggle {
        flex: 0 0 auto !important;
    }

    body.com_customfilters.view-products
    .orderby-displaynumber > .vm-order-list form {
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center;
        gap: 8px;
        min-width: 0 !important;
    }

    body.com_customfilters.view-products
    .orderby-displaynumber select {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
}
@media (max-width: 767.98px) {
    .category-view {
        box-sizing: border-box;
        padding-inline: 15px;
    }
}


/* Сторінка товару — основний контент на всю ширину */
@media (max-width: 767.98px) {

    body.com_virtuemart.view-productdetails .content-main-row {
        display: flex !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /*
     * Прибираємо ширину лівої колонки,
     * але залишаємо мобільне меню працездатним.
     */
    body.com_virtuemart.view-productdetails .contentmenu {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
    }

    body.com_virtuemart.view-productdetails
    .contentmenu > .breadcrumbs {
        display: none !important;
    }

    body.com_virtuemart.view-productdetails .maincontent {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.com_virtuemart.view-productdetails
    .grid-child.container-component {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 767.98px) {
    body.com_virtuemart.view-productdetails main {
        box-sizing: border-box;
        padding-inline: 15px;
    }
}

.product-description,
.product-description * {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
	font-weight:100;
}

.product-description h2 {
    font-size: 24px !important;
}

.product-description h3 {
    font-size: 20px !important;
}

/* Кошик — мобільна версія на всю ширину */
@media (max-width: 767.98px) {

    body.com_virtuemart.view-cart .content-main-row {
        display: flex !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /*
     * Забираємо 260px лівої колонки,
     * але не використовуємо display:none,
     * щоб мобільний каталог продовжував працювати.
     */
    body.com_virtuemart.view-cart
    .content-main-row > .contentmenu {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
    }

    body.com_virtuemart.view-cart
    .contentmenu > .breadcrumbs {
        display: none !important;
    }

    body.com_virtuemart.view-cart
    .content-main-row > .maincontent {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.com_virtuemart.view-cart
    .grid-child.container-component {
        width: 100% !important;
        max-width: none !important;
    }
}