@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap');

/* Тут добавляем шрифты, если от гугла, то импортом */
*,
*::before,
*::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

html {
   scroll-behavior: smooth;
   background: #F7F7F7;
}

body {
   margin: 0;
   /*font-family: Шрифт; font-size: Размер шрифта; font-weight: Жирность шрифта; line-height: Межстрочный интервал; color: Цвет шрифта*/
   font-family: Inter;
}

body.lock {
   overflow: hidden;
   /*Это для того, чтобы не допускать скрол когда открыт попап*/
}

/*Классы для заголовков*/
.h6,
.h5,
.h4,
.h3,
.h2,
.h1 {
   margin: 0;
   margin-block: 0;
   /* Далее стили для общих заголовков (если есть) */
}

.h1 {
   color: #111212;
   font-family: Oswald;
   font-size: 63px;
   font-weight: 700;
   line-height: 125%;
   text-transform: uppercase;
}

.h2 {
   color: #000;
   font-family: Oswald;
   font-size: 30px;
   font-weight: 700;
   line-height: 130%;
   text-transform: uppercase;

}

.h3 {
   font-family: Oswald;
   font-size: 21px;
   font-weight: 600;
   line-height: 145%;
   text-transform: uppercase;
}

.h4 {
   font-family: Inter;
   font-size: 18px;
   font-weight: 800;
   line-height: 139%;
}

.h5 {
   color: #111212;
   font-family: Inter;
   font-size: 15px;
   font-weight: 600;
   line-height: 139%;
}

.h6 {}


p {
   margin: 0;
   font-weight: 300;
   color: rgba(0, 0, 0, 0.8);
   font-size: 16px;
   font-weight: 300;
   line-height: 140%;
   margin-bottom: 0;

}

.about-text-block p:last-child {
   margin-bottom: 0;
}

p b {
   font-weight: 700;
}

p br {
   margin-block: 15px;
}

ol,
ul {
   padding: 0;
   margin: 0;
}

li {
   list-style-type: none;
}

a {
   color: inherit;
   text-decoration: none;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
}

a:not(.btn):hover {
   color: #FC5417;
}

button {
   border: none;
   cursor: pointer;
   outline: none;
   font-family: Inter;
}

path,
g {
   transition: all .3s;
}

input,
textarea {
   border: none;
   outline: none;
   font-family: inherit;
   margin: 0;
}

textarea {
   resize: none;
}

/* Класс основной кнопки */
.btn {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   background: transparent;
   border-radius: 0;
   transition: all .3s;
}

.btn--primary {
   background: #FCAF17;
   color: #fff;
}

.btn--primary:hover {
   background: rgba(17, 18, 18, 1);
}


.btn--secondary {
   border: 2px solid #EBEBEB;
   color: rgba(17, 18, 18, 0.8);
}

.btn--secondary:hover {
   border: 2px solid #FC5417;
   background: #FC5417;
   color: #fff;
}

.btn--gray {
   background: #EDEDED;
   color: #111212;
}

.btn--gray:hover {
   background: #111212;
   color: #fff;
}

.btn--gray:hover path {
   stroke: #fff;
}

.btn--blue {
   background: rgba(242, 243, 246, 1);
   color: rgba(82, 96, 134, 1);
}

.btn--blue:hover {
   background: rgba(82, 96, 134, 1);
   color: #fff;
}

.btn--blue:hover path {
   stroke: #fff;
}

/* Дальше можно добавлять стили для других кнопок, например .btn-blue, btn-lg, btn-sm и т.д. */

/* Класс для инпутов */
.input {}



/* Класс для label*/
.fg {}

/* Кастомные радио-кнопки */
.custom-radio {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   user-select: none;
}

.custom-radio input[type="radio"] {
   display: none;
}

.custom-radio__indicator {
   width: 22px;
   height: 22px;
   min-width: 22px;
   border: 2px solid #EDEDED;
   border-radius: 50%;
   background: #fff;
   transition: all 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
}

.custom-radio__indicator::after {
   content: '';
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #FCAF17;
   transform: scale(0);
   transition: transform 0.2s ease;
}

.custom-radio input[type="radio"]:checked+.custom-radio__indicator {
   border-color: #FCAF17;
}

.custom-radio input[type="radio"]:checked+.custom-radio__indicator::after {
   transform: scale(1);
}

.custom-radio:hover .custom-radio__indicator {
   border-color: #FCAF17;
}


.main {
   display: flex;
   flex-direction: column;
   min-height: calc(100 * var(--vh));
   /* Минимильная высота - высота экрана (100 * var(--vh) нужно для моб. версий, 100vh не работает, так-как мешает адресная строка)  */
}

/* Шапка */


.header {
   background: #fff;
}

.top-bar__wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 0;
}

.top-bar__left {
   display: flex;
   align-items: center;
   gap: 27px;
}

.top-bar__city {
   display: flex;
   align-items: center;
   gap: 10px;
}

.city-selector {
   display: flex;
   align-items: center;
   gap: 4px;
   position: relative;
}

.city-selector__current {
   color: #393B40;
   font-size: 13px;
   font-weight: 700;
   line-height: 150%;
}

.city-selector__change {
   color: #8E8F91;
   font-size: 12px;
   font-weight: 500;
   line-height: 150%;
   gap: 3px;
   margin-left: 6px;
   transition: all .3s;
}

.city-selector__change:hover {
   color: #FC5417;
}

.top-bar__link {
   display: flex;
   align-items: center;
   gap: 3px;
   color: #303133;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
   transition: all .3s;
}

.top-bar__link--sale {
   padding: 3px 7px;
   border-radius: 6px;
   border: 1px solid rgba(252, 84, 23, 0.11);
}

.top-bar__link:hover {
   color: #FC5417;
}

.top-bar__right {
   display: flex;
   align-items: center;
   gap: 20px;
}

.top-bar__link--accent {
   color: #FC5417;
}

.bold {
   font-weight: 600;
}

.header__main-wrapper {
   padding: 8px 0 26px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.header__logo {
   line-height: 0;
}

.header__logo img {
   width: 164px;
   height: 43.158px;
   object-fit: contain;
}

.nav__list {
   display: flex;
   align-items: center;
   gap: 35px;
}

.nav__link {
   color: #111212;
   font-family: Oswald;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   gap: 4px;
}

.header__actions {
   display: flex;
   align-items: center;
   gap: 30px;
}

.actions__item {
   position: relative;
}

.actions__item--notifications {
   width: 41px;
   height: 41px;
   border-radius: 900px;
   background: #EDEDED;
   display: flex;
   align-items: center;
   justify-content: center;
}

.actions__badge {
   position: absolute;
   right: -9px;
   top: -6.079px;
   color: #FFF;
   text-align: center;
   font-family: Inter;
   font-size: 10px;
   font-weight: 600;
   line-height: 150%;
   min-width: 17px;
   height: 17px;
   border-radius: 900px;
   background: #FCAF17;
}

.actions__badge.actions__badge--dot {
   width: 11px;
   min-width: 11px;
   height: 11px;
   background: #FC5417;
   border: 3px solid #fff;
   top: 0;
   right: 0;
}

/* City Dropdown */
.city-dropdown {
   padding: 20px;
   border-radius: 12px;
   background: #FFF;
   box-shadow: 0 4px 29px 0 rgba(0, 0, 0, 0.11);
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
   min-width: 341px;
   max-width: 341px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-10px);
   transition: all 0.3s;
   z-index: 9;
}

.city-dropdown.active {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.city-dropdown::before {
   content: "";
   width: 17px;
   height: 17px;
   transform: rotate(45deg);
   position: absolute;
   left: 17px;
   top: -8px;
   background: #FFF;
}

.city-dropdown__header {
   display: flex;
   gap: 8px
}

.city-dropdown__label {
   color: rgba(17, 18, 18, 0.7);
   font-size: 12px;
   font-weight: 500;
   line-height: 150%;
   margin: 0;
}

.city-dropdown__city {
   color: #111212;
   font-size: 17px;
   font-weight: 600;
   line-height: 139%;
   margin: 0;
}

.city-dropdown__buttons {
   margin-top: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.city-dropdown__btn {
   padding: 13px 16px;
   border-radius: 10px;
   width: 100%;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   line-height: 150%;
}



/* Contact Dropdown */
.contact-selector {
   position: relative;
}

.contact-dropdown {
   padding: 25px;
   border-radius: 12px;
   background: #FFF;
   position: absolute;
   top: calc(100% + 10px);
   left: -44px;
   min-width: 247px;
   max-width: 247px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-10px);
   transition: all 0.3s;
   z-index: 9;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   box-shadow: 0 4px 29px 0 rgba(0, 0, 0, 0.11);
}

.contact-dropdown.active {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.contact-dropdown::before {
   content: "";
   width: 17px;
   height: 17px;
   transform: rotate(45deg);
   position: absolute;
   right: 70px;
   top: -8px;
   background: #FFF;
}

.contact-dropdown__phone {
   color: #303133;
   font-family: Oswald;
   font-size: 18px;
   font-weight: 600;
   line-height: 145%;
   display: flex;
   align-items: center;
   gap: 7px;
   margin-bottom: 2px;
}

.contact-dropdown__schedule {
   color: #8E8F91;
   font-family: Inter;
   font-size: 13px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 0;
}

.contact-dropdown__messengers {
   display: flex;
   align-items: center;
   gap: 7px;
   margin-top: 11px;
}

.contact-dropdown__messenger img {
   width: 34px;
   height: 34px;
   object-fit: cover;
   border-radius: 12px;
}

.contact-dropdown__messenger {
   transition: all .3s;
}

.contact-dropdown__messenger:hover {
   transform: scale(1.05);
}


.contact-dropdown__email {
   margin-top: 11px;
   display: flex;
   align-items: center;
   gap: 7px;
}

.contact-dropdown__email-text {
   color: #526086;
   font-family: Inter;
   font-size: 17px;
   font-weight: 700;
   line-height: 139%;
   border-bottom: 1px solid rgba(82, 96, 134, 0.30);
   transition: all .3s;
}

.contact-dropdown__email-text:hover {
   color: #FC5417;
   border-bottom: 1px solid #FC5417;
}


/* City Select Modal */
.city-modal-select {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
}

.city-modal-select.active {
   opacity: 1;
   visibility: visible;
}

.city-modal-select__overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
}

.city-modal-select__content {
   position: relative;
   z-index: 2;
   background: #FFF;
   border-radius: 12px;
   max-width: 954px;
   width: 100%;
   max-height: 609px;
   display: flex;
   flex-direction: column;
   padding: 25px;
}

.city-modal-select__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 25px;
}

.city-modal-select__title {
   margin: 0;
}

.city-modal-select__close {
   width: 24px;
   height: 24px;
   position: absolute;
   top: 18px;
   right: 18px;
}

.city-modal-select__body {
   overflow-y: auto;
}



.city-modal-select__body::-webkit-scrollbar {
   width: 6px;
}

.city-modal-select__body::-webkit-scrollbar-track {
   background: rgba(142, 143, 145, 0.1);
}

.city-modal-select__body::-webkit-scrollbar-thumb {
   background-color: #8E8F91;
   border-radius: 20px;
}

.city-modal-select__list {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 10px 20px;
}

.city-modal-select__item--active .city-modal-select__link {
   color: #FC5417;
   font-weight: 700;
}

.city-modal-select__item--active .city-modal-select__link::before {
   content: "";
   display: block;
   width: 17px;
   height: 17px;
   aspect-ratio: 1/1;
   background: url('../img/header/check.svg') center no-repeat;
   background-position: content;
}

.city-modal-select__link {
   color: #111212;
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
   position: relative;
   display: flex;
   align-items: center;
   gap: 5px;
}

.nav__item--dropdown {
   position: relative;
}

.nav-dropdown {
   position: absolute;
   top: calc(100% + 15px);
   left: 0;
   background: #FFF;
   border-radius: 12px;
   box-shadow: 0 4px 29px 0 rgba(0, 0, 0, 0.11);
   min-width: 225px;
   opacity: 0;
   visibility: hidden;
   transform: translateY(0px);
   transition: all 0.3s;
   z-index: 100;
}

.nav-dropdown::after {
   content: "";
   width: 17px;
   height: 17px;
   transform: rotate(45deg);
   position: absolute;
   left: 37%;
   top: -8px;
   background: #FFF;
   z-index: 1;
}

.nav-dropdown.active {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.nav-dropdown__list {
   display: flex;
   flex-direction: column;
   border-radius: 12px;
   overflow: hidden;
   position: relative;
   z-index: 2;
}

.nav-dropdown__link {
   color: #111212;
   font-family: Oswald;
   font-size: 14px;
   font-weight: 500;
   line-height: 150%;
   text-transform: uppercase;
   display: block;
   padding: 13px 15px;
}

.nav-dropdown__link:hover {
   color: #fff !important;
   background: #FCAF17;
}



/* Блок между шапкой и подвалом */
.page {
   flex-grow: 1;
   /* Это делается для того, чтобы блок между шапкой и подвалом растягивался и .main был на всю высоту экрана, иначе при маленьком контенте под футером останется пространство */
}

/* Подвал */
.footer {
   background: #111212;
   padding: 80px 0;
}

.footer__wrapper {
   display: flex;
   justify-content: space-between;
}

.footer__column {
   display: flex;
   flex-direction: column;
   width: fit-content;
}

.footer__column--main {
   gap: 40px;
   max-width: 345px;
}

.footer__column--contact {
   max-width: 275px;
}

.footer__logo {
   line-height: 0;
}

.footer__logo img {
   width: 242px;
   height: 64px;
   aspect-ratio: 121/32;
   object-fit: contain;
}

.footer__socials-label {
   color: #FFF;
   font-size: 14px;
   font-weight: 600;
   line-height: 150%;
}

.footer__socials-list {
   margin-top: 8px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.footer__social-link {
   line-height: 0;
}

.footer__social-link img {
   width: 30px;
   height: 30px;
   aspect-ratio: 1/1;
   object-fit: contain;
   transition: all .3s;
}

.footer__social-link:hover img {
   transform: scale(1.05);
}

.footer__links {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.footer__link {
   color: rgb(255, 255, 255, 0.7);
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   width: fit-content;
}

.footer__social-icons {
   display: flex;
   gap: 10px;
   align-items: center;
}

.footer__social-icon {
   line-height: 0;
   transition: all .3s;
}



.footer__social-icon rect {
   transition: all .3s;
}

.footer__social-icon:hover rect {
   fill-opacity: 1;
   fill: #FCAF17;
}

.footer__copyright {
   color: rgb(255, 255, 255, 0.4);
   font-size: 13px;
   font-weight: 400;
   line-height: 150%;
}

.footer__menu-group {
   margin-bottom: 40px;
}

.footer__menu-group:last-child {
   margin-bottom: 0;
}

.footer__column-title {
   color: #fff;
   margin-bottom: 14px;
}

.footer__nav {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.footer__nav-link {
   color: #FFF;
   font-size: 15px;
   font-weight: 500;
   line-height: 139%;
}

.footer__phone {
   display: flex;
   align-items: center;
   gap: 7px;
   margin-bottom: 4px;
}

.footer__phone-number {
   color: #FFF;
   font-family: Oswald;
   font-size: 25px;
   font-weight: 600;
   line-height: 145%;
   transition: all .3s;
}

.footer__phone:hover .footer__phone-number {
   color: #FC5417;
}

.footer__phone-hours {
   color: #D8D6D6;
   font-size: 13px;
   font-weight: 400;
   line-height: 150%;
}

.footer__email {
   margin-block: 25px;
   display: flex;
   align-items: center;
   gap: 7px;
}

.footer__email span {
   color: #CDD1DD;
   font-size: 20px;
   font-weight: 600;
   line-height: 150%;
   border-bottom: 1px solid rgba(205, 209, 221, 0.25);
   transition: all .3s;
}

.footer__email:hover span {
   color: #FC5417;
   border-bottom: 1px solid #FC5417;
}

.footer__address {
   display: flex;
   align-items: flex-start;
   gap: 7px;
   color: rgba(255, 255, 255, 0.67);
   font-size: 16px;
   font-weight: 500;
   line-height: 139%;
}

.footer__payments {
   margin-top: 40px;
}

.footer__payments-icons img {
   width: 274px;
   height: 25px;
   object-fit: contain;
}


.footer-contact svg {
   min-width: 24px;
   height: 24px;
   width: 24px;
}



/* Тут блоки в подвале */

/* Далее стили страницы и похожих блоков */


.container {
   max-width: 1470px;
   margin: 0 auto;
   width: 100%;
   padding: 0 15px;
}


.cookie-notice {
   display: flex;
   width: 588px;
   max-width: 588px;
   padding: 24px;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
   position: fixed;
   left: 50px;
   bottom: 50.158px;
   z-index: 3;
   border-radius: 16px;
   background: #FFF;
   box-shadow: 0 253px 71px 0 rgba(0, 0, 0, 0.00), 0 162px 65px 0 rgba(0, 0, 0, 0.01), 0 91px 55px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.04), 0 10px 22px 0 rgba(0, 0, 0, 0.05);
}

.cookie-notice__title {
   color: #34383F;
   margin-bottom: 10px;
}

.cookie-notice__text {
   margin-bottom: 0;
   color: #393B40;
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
}

.cookie-notice__text a {
   text-decoration-line: underline;
}

.cookie-notice__button {
   width: fit-content;
   padding: 8px 12px;
   font-family: Oswald;
   border-radius: 8px;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
}


.search {
   position: relative;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.search__input {
   border-radius: 900px;
   border: 1px solid #EDEDED;
   padding: 10px 45px 10px 15px;
   width: 343px;
   color: #303133;
   font-size: 12px;
   font-weight: 400;
   line-height: 150%;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.search__input:focus {
   outline: none;
}

.search__input::placeholder {
   color: #8E8F91;
   transition: opacity 0.3s;
}

.search__button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 15px;
   transition: all 0.3s;
}

.search__button svg path {
   transition: stroke 0.3s;
}

.search__button:hover svg path {
   stroke: #FCAF17;
}

.search__clear {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 45px;
   width: 16px;
   height: 16px;
   display: none;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: opacity 0.3s;
}

.search__clear.active {
   display: flex;
   opacity: 1;
}

.search__clear:hover svg path {
   stroke: #FC5417;
}

.search__results {
   position: absolute;
   top: calc(100% + 10px);
   left: 0;
   width: 100%;
   background: #FFF;
   border-radius: 12px;
   box-shadow: 0 4px 29px 0 rgba(0, 0, 0, 0.11);
   opacity: 0;
   visibility: hidden;
   transform: translateY(-10px);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 100;
   max-height: 407px;
   overflow-y: auto;
}

.search__results.active {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   padding: 20px;
   background: #fff;
   border-radius: 16px;
   box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.08);
}

.search__results-empty {
   padding: 20px;
   display: flex;
   align-items: center;
   gap: 15px;
   border-radius: 15px;
   background: rgba(82, 96, 134, 0.08);
}

.search__results-icon {
   width: 41px;
   height: 41px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0;
}

.search__results-title {
   color: #303133;
   font-size: 14px;
   font-weight: 500;
   line-height: 150%;
}


.header__main-wrapper.search-active .nav {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transform: translateX(-20px);
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   width: 0;
   overflow: hidden;
   margin: 0;
}

.header__main-wrapper.search-active .search {
   flex-grow: 1;
   margin-right: 30px;
   margin-left: 60px;
}

.header__main-wrapper.search-active .search__input {
   width: 100%;
}

.header__main-wrapper .nav {
   opacity: 1;
   visibility: visible;
   pointer-events: all;
   transform: translateX(0);
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.search__results-list {
   display: flex;
   flex-direction: column;
}

.search__results-item {
   padding: 12px 15px;
   border-radius: 8px;
   transition: background 0.2s;
   cursor: pointer;
}

.search__results-item:hover {
   background: #F7F7F7;
}

.search__results-product-name {
   color: #111212;
   font-size: 14px;
   font-weight: 500;
   line-height: 150%;
   margin-bottom: 4px;
}

.search__results-product-price {
   color: #FCAF17;
   font-size: 16px;
   font-weight: 700;
   line-height: 150%;
}

.search-product__link {
   display: flex;
   padding: 8px;
   align-items: center;
   gap: 15px;
   align-self: stretch;
   transition: all .3s;
   border-radius: 10px;
}



.search-product__link:hover {
   background: #EDEDED;
}

.search-product__image {
   line-height: 0;
}

.search-product__image img {
   width: 48px;
   aspect-ratio: 1;
   height: 48px;
   border-radius: 10px;
   border: 1px solid #EDEDED;
   background: #fff;
}

.search-product__name {
   color: #303133;
   font-size: 13px;
   font-weight: 600;
   line-height: 150%;
}

.search-product__price {
   color: #303133;
   text-align: right;
   font-family: Oswald;
   font-size: 14px;
   font-weight: 500;
   line-height: 150%;
   margin-left: auto;
}

.search__results-footer {
   margin-top: 10px;
}

.search__results-all {
   padding: 8px 12px;
   border-radius: 8px;
   font-family: Oswald;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   gap: 4px;
}

.db-mob {
   display: none !important;
}

.footer__column-mob {
   display: none;
}

.header-menu-mob-btn {
   display: none;
}

.search-product__info {
   display: flex;
   align-items: center;
   width: 100%;
   gap: 5px;
}

.bottom-navbar {
   display: none;
   position: sticky;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #fff;
   z-index: 98;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.07);
}

.mobile-menu {
   display: none;
}

.footer__nav li {
   line-height: 1;
}






.page-title {
   padding: 30px 0 0;
}

.breadcrumbs {
   margin-bottom: 10px;
}

.breadcrumbs__list {
   display: flex;
   align-items: center;
   gap: 10px;
}

.breadcrumbs__item {
   color: #303133;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
}

.breadcrubms__separator {
   color: #303133;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
   opacity: 0.3;
}

.breadcrumbs__current {
   opacity: 0.5;
}




.pagination {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 14px;
}

.pagination__arrow {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 14px 20px;
   background: #FFF;
   border: 1px solid #EDEDED;
   border-radius: 10px;
   color: #111212;
   font-size: 13px;
   font-weight: 600;
   transition: all 0.3s;
   height: 55px;
}

.pagination__arrow:hover {
   border-color: #FCAF17;
   background: #FCAF17;
   color: #FFF;
}

.pagination__arrow:hover path {
   stroke: #FFF;
}

.pagination__arrow svg {
   flex-shrink: 0;
}

.pagination__numbers {
   display: flex;
   align-items: center;
   gap: 8px;
}

.pagination__number {
   min-width: 55px;
   height: 55px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0px 21px;
   background: #FFF;
   border: 1px solid #EDEDED;
   border-radius: 10px;
   color: #111212;
   font-size: 13px;
   font-weight: 600;
   transition: all 0.3s;
}

.pagination__number:hover {
   border-color: #FCAF17;
}

.pagination__number--active {
   background: #FCAF17;
   border-color: #FCAF17;
   color: #FFF;
}

.pagination__dots {
   min-width: 55px;
   height: 55px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0px 21px;
   background: #FFF;
   border: 1px solid #EDEDED;
   border-radius: 10px;
   color: #111212;
   font-size: 13px;
   font-weight: 600;
   transition: all 0.3s;
}

.d-none--desc {
   display: none !important;
}


.catalog__show-more {
   margin-bottom: 25px;
   width: 100%;
   display: flex;
   justify-content: center;
}


.catalog__show-more-btn {
   padding: 9px 25px;
   width: 100%;
   border-radius: 10px;
   gap: 10px;
   font-size: 13px;
   font-weight: 700;
   line-height: 150%;
}

.catalog__sort {
   position: relative;
   display: inline-flex;
   align-items: center;
}

.catalog__sort-select {
   padding: 15px 14px;
   border: none;
   background: transparent;
   color: rgb(48, 49, 51, 0.8);
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
   appearance: none;
   padding-right: 20px;
   border-radius: 10px;
   border: 1px solid #EDEDED;
   background: #FFF;
   width: 290px;
}

.catalog__sort-select:focus {
   outline: none;
}

.catalog__sort-icon {
   position: absolute;
   right: 14px;
   pointer-events: none;
}

.product-card__wishlist.product-card__wishlist--active {
   opacity: 1;
   visibility: visible;
   transform: none;
   border: 2px solid #EDEDED;
   background: #FFF;
}

.product-card__wishlist.product-card__wishlist--active path {
   fill: #FC5417;
   stroke: #FC5417;
}

.product-quantity {
   flex: 1;
   max-width: 139px;
   display: flex;
   align-items: center;
   padding: 6px;
   border-radius: 12px;
   border: 1px solid #EDEDED;
   height: 56px;
}

.product-quantity__btn {
   display: flex;
   width: 40px;
   height: 40px;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   background: #EDEDED;
   transition: all .3s;
}

.product-quantity__btn:hover {
   background: #FCAF17;
}

.product-quantity__input {
   width: 47px;
   color: #000;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   line-height: 150%;
}

.d-block-mob {
   display: none;
}


.accordion__item {
   padding: 16px 20px;
   border-radius: 12px;
   border: 1px solid #EDEDED;
   background: #FFF;
}

.accordion__header {
   background: transparent;
   border: none;
   padding: 0;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.accordion__question {
   color: #303133;
   font-size: 15px;
   font-weight: 600;
   line-height: 139%;
   transition: all .3s;
   text-align: left;
}

.accordion__icon {
   line-height: 0;
   transition: all .3s;
}

.accordion__content {
   padding-top: 0px;
   height: 0;
   transition: all .3s;
   opacity: 0;
   overflow: hidden;
}

.accordion__text {
   font-size: 14px;
   line-height: 150%;
   color: rgba(48, 49, 51, 1);
}

.accordion__item--open .accordion__content {
   padding-top: 10px;
   height: fit-content;
   opacity: 1;
}

.accordion__item--open .accordion__icon {
   transform: rotate(180deg);
}

.accordion__item--open .accordion__icon path {
   stroke: #FC5417;
}

.accordion__item--open .accordion__question {
   color: #FC5417;
}



.sidebar__contact-card {
   position: relative;
   border-radius: 16px;
   overflow: hidden;
}

.sidebar__contact-card-wrapper {
   padding: 25px;
   position: relative;
   z-index: 2;
   min-height: 266px;
   display: flex;
   flex-direction: column;
   justify-content: end;
}

.sidebar__contact-icon {
   margin-bottom: auto;
   width: 32px;
   height: 32px;
   flex-shrink: 0;
   aspect-ratio: 1/1;
}

.sidebar__contact-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.sidebar__contact-title {
   color: #fff;
   margin-bottom: 5px;
}

.sidebar__contact-text {
   color: rgba(255, 255, 255, 0.9);
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
}

.sidebar__contact-btn {
   padding: 8px 12px;
   border-radius: 8px;
   background: #EDEDED;
   gap: 4px;
   font-family: Oswald;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
   margin-top: 15px;
}

.sidebar__contact-card-bg {
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.sidebar__contact-card-bg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.d-block-tabl {
   display: none !important;
}

.base-popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(48, 49, 51, 0.90);
   z-index: 100;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
}

.base-popup-overlay.active {
   opacity: 1;
   visibility: visible;
}

/* Контейнер попапа */
.base-popup {
   position: relative;
   background: #FFF;
   border-radius: 20px;
   padding: 25px;
   max-width: 466px;
   width: 100%;
   box-shadow: 0 253px 71px 0 rgba(0, 0, 0, 0.00), 0 162px 65px 0 rgba(0, 0, 0, 0.01), 0 91px 55px 0 rgba(0, 0, 0, 0.03), 0 40px 40px 0 rgba(0, 0, 0, 0.04), 0 10px 22px 0 rgba(0, 0, 0, 0.05);
   transform: scale(0.9);
   transition: transform 0.3s;
}

.base-popup-overlay.active .base-popup {
   transform: scale(1);
}

.base-popup__close {
   position: absolute;
   top: 18px;
   right: 18px;
   transition: all 0.3s;
}

.base-popup__close:hover svg path {
   stroke: #FC5417;
}

.base-popup__title {
   margin-bottom: 10px;
   text-align: center;
}

.base-popup__description {
   color: #393B40;
   font-size: 13px;
   font-weight: 500;
   text-align: center;
   line-height: 150%;
}

.base-form {
   display: flex;
   flex-direction: column;
   gap: 25px;
   margin-top: 25px;
}

.base-form-field {
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.base-form-label {
   color: #111212;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
   display: block;
   gap: 4px;
}

.base-form-label__required {
   color: #FC5417;
}

.base-input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
}

.base-input-icon {
   position: absolute;
   left: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0;
   pointer-events: none;
}

.base-input {
   width: 100%;
   padding: 15px;
   border-radius: 10px;
   border: 1px solid #EDEDED;
   background: #FFF;
   color: #111212;
   font-size: 13px;
   font-weight: 400;
   line-height: 150%;
   transition: all 0.3s;
}

.base-input-wrapper-icon .base-input {
   padding-left: 41px;
}

.base-input:focus {
   border-color: #FCAF17;
   outline: none;
}

.base-input::placeholder {
   color: rgba(17, 18, 18, 0.4);
}


.base-form-submit {
   padding: 16px 24px;
   border-radius: 10px;
   font-size: 15px;
   font-weight: 500;
}


.base-checkbox {
   display: inline-flex;
   align-items: flex-start;
   gap: 9px;
   cursor: pointer;
   user-select: none;
}

.base-checkbox input[type="checkbox"] {
   display: none;
}

.base-checkbox__indicator {
   width: 22px;
   height: 22px;
   min-width: 22px;
   border: 1px solid #EDEDED;
   border-radius: 5px;
   background: #fff;
   transition: all 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}

.base-checkbox__indicator::after {
   content: '';
   position: absolute;
   left: 7px;
   top: 4px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg) scale(0);
   transition: transform 0.2s ease;
}

.base-checkbox input[type="checkbox"]:checked+.base-checkbox__indicator {
   border-color: #FCAF17;
   background: #FCAF17;
}

.base-checkbox input[type="checkbox"]:checked+.base-checkbox__indicator::after {
   transform: rotate(45deg) scale(1);
}

.base-checkbox:hover .base-checkbox__indicator {
   border-color: #FCAF17;
}

.base-checkbox__label {
   color: #393B40;
   font-size: 12px;
   font-weight: 400;
   line-height: 150%;
}

.base-checkbox__label a {
   color: #526086;
   text-decoration: underline;
}

.base-popup__icon {
   line-height: 0;
   margin-bottom: 15px;
   text-align: center;
}

.base-popup--success .base-popup__title {
   color: #303133;
   margin-bottom: 5px;
}

.info-accordion {
   margin-bottom: 20px;
}

.info-accordion:last-child {
   margin-bottom: 0;
}

.info-accordion__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.info-accordion__title {
   margin: 0;
   color: #111212;
}

.info-accordion__description {
   color: #393B40;
   font-size: 15px;
   font-weight: 600;
   line-height: 139%;
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.4s ease;
   margin: 0;
}

.info-accordion__description--active {
   max-height: 200px;
   opacity: 1;
   margin-top: 10px;
}

.info-accordion__toggle {
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: transform 0.4s ease;
}

.info-accordion__toggle--active {
   transform: rotate(0deg);
}

.info-accordion__toggle:not(.info-accordion__toggle--active) {
   transform: rotate(180deg);
}

.info-accordion__content {
   display: flex;
   flex-direction: column;
   gap: 20px;
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.4s ease;
   margin-top: 0;
}

.info-accordion__content--active {
   max-height: 5000px;
   opacity: 1;
   margin-top: 20px;
}

.info-card {
   display: flex;
   gap: 20px;
   padding: 25px;
   border-radius: 20px;
   border: 1px solid #EDEDED;
   background: #FFF;
}

.info-card--simple {
   flex-direction: column;
}

.info-card__main {
   flex: 1;
}

.info-card__header {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 15px;
}


.info-card__icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #EDEDED;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.info-card__title {
   color: #303133;
}

.info-card__body {
   display: flex;
   flex-direction: column;
}

.info-card__text {
   color: #393B40;
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
   margin: 0;
}

.info-card__text b {
   font-weight: 700;
}

.info-card__text a {
   color: #526086;
   text-decoration: underline;
   transition: color 0.3s;
}

.info-card__text a:hover {
   color: #FC5417;
}

.info-card__link {
   color: #526086;
   font-size: 13px;
   font-weight: 600;
   line-height: 150%;
   text-decoration: none;
   border-bottom: 1px dashed rgba(82, 96, 134, 0.30);
   width: fit-content;
   transition: color 0.3s;
   margin: 5px 0;
   display: block;
}

.info-card__link:hover {
   color: #FC5417;
}

.info-card__partners {
   display: flex;
   gap: 10px;
   margin-top: 10px;
}

.info-card__partner {
   width: 173px;
   height: 55px;
   border-radius: 10px;
   border: 1px solid #EDEDED;
   background: #FFF;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.info-card__partner img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.info-card__sidebar {
   padding: 15px;
   border-radius: 15px;
   background: #F4F4F4;
   display: flex;
   flex-direction: column;
   gap: 10px;
   flex: 1;
   max-width: 178px;
   flex-shrink: 0;
   height: fit-content;
   margin-top: 55px;
}

.info-card__info-item {
   display: flex;
   flex-direction: column;
}

.info-card__info-label {
   color: #8E8F91;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
}

.info-card__info-value {
   color: #393B40;
   font-size: 15px;
   font-weight: 700;
   line-height: 139%;
   margin-top: 2px;
}


.info-card__info-note {
   color: #8E8F91;
   font-size: 13px;
   font-weight: 400;
   line-height: 150%;
}

.nice-select {
   height: 48px;
   line-height: 48px;
   border-radius: 10px;
   background: #FFF;
   border: 1px solid #EDEDED !important;
   padding: 0 14px;
   font-size: 14px;
   font-weight: 500;
   font-family: inter;
   text-transform: none;
   cursor: pointer;
   user-select: none;
   white-space: nowrap;
   transition: all 0.3s ease;
   width: 290px;
}

.nice-select.open .list {
   width: 100%;
   margin-top: 0;
}

.custom-select.open {
   border-radius: 10px 10px 0 0;
}

.nice-select:active,
.nice-select.open {
   background: #FFF;
}

.nice-select:after {
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
   height: 6px;
   width: 6px;
   margin-top: -4px;
   right: 20px;
   transform: rotate(45deg);
   transition: all 0.3s ease;
   opacity: 1;
   box-shadow: none;
}

.nice-select.open:after {
   transform: rotate(-135deg);
   margin-top: 0;
}

.nice-select .list {
   border-radius: 0 0 10px 10px;
   background: #FFF;
   margin-top: -1px;
   overflow: hidden;
   max-height: 350px;
   overflow-y: auto;
   padding: 0;
   border: none;
   box-shadow: none;
}

.nice-select .option {
   padding: 14px 15px;
   color: #111212;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
   cursor: pointer;
   transition: all 0.2s ease;
   background: #FFF;
}

.nice-select .option:hover {
   background: rgba(252, 175, 23, 1) !important;
   color: #FFF;
}

.nice-select .option.selected {
   background: rgba(252, 175, 23, 1) !important;
   color: #FFF;
   font-weight: 500;
}

.nice-select .option.focus {
   background: rgba(252, 175, 23, 1);
}

.nice-select .option.selected.focus {
   background: rgba(252, 175, 23, 1) !important;
   color: #FFF;
}

.nice-select .list:hover .option.selected:not(:hover) {
   background: rgba(252, 175, 23, 1) !important;
}

.nice-select .current {
   color: rgba(48, 49, 51, 0.8);
   font-size: 13px;
   font-weight: 500;
   font-family: inter;
}

.breadcrumbs__separator {
   color: #303133;
   font-size: 13px;
   font-weight: 500;
   line-height: 150%;
   opacity: 0.3;
}

@media (max-width: 1370px) {
   .header__logo img {
      width: 124px;
   }

   .nav__list {
      gap: 15px;
   }

   .nav__link {
      font-size: 12px;
   }

   .search__input {
      width: 200px;
   }

   .header__actions {
      gap: 15px;
   }

   .nav-dropdown__link {
      font-size: 12px;
   }
}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
   .d-block-tabl {
      display: block !important;
   }

   .d-none--tablet {
      display: none;
   }

   .h1 {
      font-size: 36px;
   }

   .h2 {
      font-size: 23px;
   }

   .h3 {
      font-size: 20px;
   }

   .h4 {
      font-size: 14px;
   }

   .container {
      max-width: 816px;
      padding: 0 24px;
   }

   p {
      font-size: 13px;
   }


   .header__top-bar {
      display: none;
   }

   .d-none--desc {
      display: flex !important;
   }

   .city-dropdown {
      position: fixed !important;
      top: 26px !important;
      left: 60px !important;
      z-index: 1000 !important;
   }

   .city-dropdown::before {
      display: none !important;
   }

   .header__main-wrapper {
      padding: 14px 0;
   }

   .header__main-wrapper .nav {
      display: none;
   }

   .header__actions {
      gap: 25px;
   }

   .header__search {
      margin-left: auto;
      margin-right: 29px;
   }

   .search__input {
      width: 256px;
   }

   .header__logo img {
      width: 152px;
      transform: all .3s;
   }

   .header-menu-mob-btn {
      display: block;
      line-height: 0;
      margin-right: 15px;
      cursor: pointer;
   }

   .header__main-wrapper.search-active .search {
      flex-grow: 1;
      margin-right: 30px;
      margin-left: 6px;
   }

   .header__main-wrapper.search-active .header__logo img {
      width: 0;
   }

   .search__results.active {
      padding: 12px;
      border-radius: 12px;
      max-height: 436px;
   }

   .search-product__info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
   }

   .search-product__price {
      text-align: left;
      margin-left: 0;
   }

   .search-product__link {
      align-items: flex-start;
      gap: 8px;
   }

   .search__results-empty {
      padding: 16px;
   }

   .search__results-title {
      font-size: 13px;
   }

   .cookie-notice {
      width: calc(100% - 50px);
      max-width: 100%;
      left: 25px;
      bottom: 80px;
   }

   .cookie-notice__title {
      color: #34383F;
      margin-bottom: 10px;
      font-size: 18px !important;
   }

   .city-modal-select__content {
      width: calc(100% - 50px);
      padding: 16px;
   }

   .city-modal-select__list {
      grid-template-columns: repeat(3, 1fr);
   }

   .city-modal-select__header {
      margin-bottom: 20px;
   }

   .city-dropdown__btn {
      padding: 11px 16px;
   }

   .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
      display: block;
   }

   .mobile-menu.active {
      visibility: visible;
      opacity: 1;
   }

   .mobile-menu__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(48, 49, 51, 0.50);
   }

   .mobile-menu__content {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      max-width: 360px;
      height: 100%;
      background: #fff;
      overflow-y: auto;
      transition: left 0.3s;
      display: flex;
      flex-direction: column;
   }

   .mobile-menu.active .mobile-menu__content {
      left: 0;
   }


   .bottom-navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 40px;
   }


   .bottom-navbar__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      position: relative;
      flex: 0;
      padding: 0;
      width: fit-content;
   }

   .mobile-menu__header {
      padding: 14px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
   }

   .mobile-menu__close {
      line-height: 0;
      padding: 0;
      background: transparent;
   }

   .mobile-menu__city {
      display: flex;
      align-items: center;
      gap: 4px;
      color: #393B40;
      font-size: 13px;
      font-weight: 700;
      line-height: 1;
   }

   .mobile-menu__search-wrapper {
      padding: 9px 24px;
      border-bottom: 1px solid #F2F2F2;
      background: #EDEDED;
   }

   .mobile-menu__search {
      position: relative;
      width: 100%;
   }

   .mobile-menu__search input {
      padding: 10px 15px;
      border-radius: 900px;
      border: 1px solid #EDEDED;
      background: #FFF;
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
      color: #303133;
      font-size: 12px;
      font-weight: 400;
      line-height: 150%;
      width: 100%;
   }

   .mobile-menu__search-btn {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      background: transparent;
      padding: 0;
   }

   .mobile-menu__nav {
      padding: 0px 24px 11px;
   }

   .mobile-menu__section {
      margin-top: 11px;
   }

   .mobile-menu__title {
      color: #111212;
      font-family: Oswald;
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
   }

   .mobile-menu__list a {
      padding: 4px 0;
      color: #111212;
      font-size: 13px;
      font-weight: 500;
      line-height: 150%;
      display: block;
      width: fit-content;
   }

   .mobile-menu__footer {
      background: #FFF;
      box-shadow: 0 -2px 21px 0 rgba(0, 0, 0, 0.14);
      padding: 20px 24px;
      margin-top: auto;
   }

   .mobile-menu__footer-top {
      display: flex;
      align-items: center;
      gap: 11px;
   }


   .mobile-menu__phone {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #303133;
      font-family: Oswald;
      font-size: 18px;
      font-weight: 600;
      line-height: 145%;
   }

   .mobile-menu__hours {
      color: rgba(142, 143, 145, 0.6);
      font-size: 13px;
      font-weight: 400;
      line-height: 150%;
   }

   .mobile-menu__socials {
      display: flex;
      align-items: center;
      gap: 7px;
   }

   .mobile-menu__socials-link {
      line-height: 0;
   }

   .mobile-menu__socials-link img {
      width: 34px;
      height: 34px;
      border-radius: 12px;
      object-fit: cover;
   }

   .mobile-menu__email {
      display: flex;
      align-items: center;
      gap: 7px;
   }

   .mobile-menu__email span {
      color: #526086;
      font-size: 17px;
      font-weight: 700;
      line-height: 139%;
      border-bottom: 1px solid rgba(82, 96, 134, 0.30);
   }





   .footer__wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      justify-content: space-between;
   }

   .footer__column--contact {
      max-width: 231px;
   }

   .footer__column--main {
      grid-column: 1 / span 3;
      display: flex;
      width: 100%;
      max-width: 100%;
      flex-direction: row;
      padding-bottom: 20px;
      justify-content: space-between;
      align-items: center;
   }

   .footer__column--main .footer__links {
      display: none;
   }

   .footer__column--main .footer__copyright {
      display: none;
   }

   .footer__logo img {
      width: 156px;
      height: 41px;
      aspect-ratio: 156 / 41;
   }

   .footer__socials {
      order: 6;
      width: 231px;
   }

   .footer__social-icon svg {
      width: 37px;
      height: 37px;
      aspect-ratio: 1/1;
   }

   .footer__social-icons {
      gap: 6px;
   }

   .footer__socials-label {
      font-size: 12px;
   }

   .footer__menu-group {
      margin-bottom: 20px;
   }

   .footer__column-title {
      margin-bottom: 10px;
   }

   .footer__nav-link {
      font-size: 13px;
   }

   .footer__nav {
      gap: 10px;
   }

   .footer__phone-number {
      font-size: 17px;
   }

   .footer-contact svg {
      min-width: 19px;
      height: 19px;
      width: 19px;
   }

   .footer__email {
      margin-block: 10px;
   }

   .footer__email span {
      font-size: 15px;
   }

   .footer__address {
      font-size: 13px;
   }

   .footer__payments {
      margin-top: 20px;
   }

   .footer__payments-icons img {
      width: 100%;
      height: auto;
      object-fit: contain;
   }

   .footer__column-mob {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
   }

   .footer__column-mob .footer__copyright {
      font-size: 12px;
      width: 292px;
   }

   .footer__links {
      gap: 6px;
   }

   .footer__link {
      font-size: 12px;
   }

   .footer {
      padding: 40px 0;
   }



   .footer__column-mob .footer__social-icons {
      display: none;
   }

   .pagination__arrow span {
      display: none;
   }

   .pagination {
      gap: 10px;
   }

   .pagination__dots {
      display: none;
   }

   .catalog__show-more {
      margin-bottom: 10px;
   }


   .page-title {
      padding: 40px 0 0;
   }

   .breadcrumbs__item {
      font-size: 12px;
   }

   .breadcrubms__separator {
      font-size: 12px;
   }

   .catalog__sort-select {
      width: 222px;
   }

   .breadcrumbs__list {
      flex-wrap: nowrap;
   }

   .breadcrumbs__item {
      white-space: nowrap;
   }

   .breadcrumbs {
      overflow-x: auto;
   }

   .accordion__item {
      padding: 10px 13px;
   }

   .accordion__question {
      font-size: 14px;
   }

   .accordion__text {
      font-size: 13px;
   }

   .accordion__item--open .accordion__content {
      padding-top: 7px;
   }

   .sidebar__contact-card-wrapper {
      padding: 20px;
      min-height: 213px;
      border-radius: 16px;
   }

   .sidebar__contact-text {
      font-size: 13px;
   }

   .base-popup {
      border-radius: 16px;
      padding: 16px;
      max-width: 360px;
      margin: 0 16px;
   }

   .base-popup__title {
      margin-bottom: 6px;
   }

   .base-popup__description {
      font-size: 12px;
   }

   .base-form {
      gap: 20px;
      margin-top: 20px;
   }

   .base-form-submit {
      padding: 13px 24px;
      font-size: 14px;
   }

   .info-accordion__content--active {
      margin-top: 15px;
      gap: 15px;
   }

   .info-card {
      gap: 10px;
      padding: 14px;
      border-radius: 16px;
   }

   .info-card__sidebar {
      max-width: 200px;
      margin-top: 50px;
   }

   .info-card__header {
      margin-bottom: 10px;
   }

   .info-card__text {
      font-size: 13px;
   }

   .product-tabs__count {
      top: -3px;
   }

   .info-card__partner {
      width: 134px;
   }


   .info-accordion {
      margin-bottom: 10px;
   }

   .info-accordion__content.info-accordion__content--active {
      margin-bottom: 30px;
   }

   .info-accordion:last-child .info-accordion__content.info-accordion__content--active {
      margin-bottom: 0;
   }

   .info-accordion__description {
      font-size: 14px;
   }

   .info-card--simple .info-card__partner {
      width: 85px;
      height: 47px;
   }

   .nice-select {
      width: 176px;
   }

}

@media (max-width: 768px) {
   .container {
      padding: 0 16px;
   }



   .db-mob {
      display: block !important;
   }

   .d-none-mob {
      display: none;
   }



   .header__actions .actions__item--favorites,
   .header__actions .actions__item--compare,
   .header__actions .actions__item--notifications {
      display: none;
   }

   .city-dropdown {
      top: 66px !important;
      left: 17px !important;
      z-index: 1000 !important;
      min-width: 327px;
      max-width: 327px;
   }

   .city-dropdown__btn {
      padding: 11px 13px;
   }

   .header__logo img {
      width: 126px;
      height: 33px;
   }

   .header__main-wrapper {
      padding: 10px 0;
   }

   .header-menu-mob-btn {
      margin-right: 10px;
   }

   .city-modal-select__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
   }

   .city-modal-select__header {
      justify-content: center;
   }

   .cookie-notice {
      width: calc(100% - 14px);
      max-width: 100%;
      left: 7px;
      padding: 16px;
      gap: 10px;
   }

   .cookie-notice__title {
      font-size: 14px !important;
   }

   .cookie-notice__text {
      font-size: 12px;
   }

   .bottom-navbar {
      padding: 16px 32px;
   }

   .search__input {
      width: 0;
      padding: 0;
      font-size: 0;
      border: 0;
      width: 0;
      height: 29px;
   }

   .header__search {
      margin-right: 0;
   }

   .search-active .header-menu-mob-btn {
      width: 0;
      margin: 0;
      visibility: hidden;
      opacity: 0;
   }

   .search-active .header__actions {
      width: 0;
      margin: 0;
      visibility: hidden;
      opacity: 0;
      height: 33px;
   }

   .search-active .search__input {
      padding: 10px 15px;
      width: 100%;
      border-radius: 900px;
      border: 1px solid #EDEDED;
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
      font-size: 12px;
      line-height: 150%;
      height: 41px;
   }

   .header__main-wrapper.search-active .search {
      flex-grow: 1;
      margin-right: 0;
      margin-left: 0;
   }

   .mobile-menu__content {
      width: 100%;
      max-width: 100%;
   }



   .footer__social-icons {
      display: none;
   }

   .footer__socials {
      width: fit-content;
   }

   .footer__column--main {
      padding-bottom: 0;
   }

   .footer__column-title {
      margin-bottom: 0;
   }

   .footer__nav {
      margin-top: 8px;
   }

   .footer__nav {
      gap: 8px;
   }

   .footer__payments .footer__column-title {
      display: none;
   }

   .footer__column--contact {
      max-width: 100%;
      width: 100%;
   }

   .footer__payments-icons img {
      width: 300px;
   }

   .footer__payments {
      display: flex;
      justify-content: center;
      width: 100%;
   }

   .footer__column-mob {
      flex-direction: column;
      gap: 14px;
      text-align: center;
   }

   .footer__links {
      align-items: center;
   }

   .footer__column-mob .footer__social-icons {
      display: flex;
   }

   .footer__menu-group {
      margin-bottom: 0;
   }

   .footer__column {
      margin-bottom: 0;
      width: 100%;
   }

   .footer__column-groups {
      gap: 14px;
   }

   .footer__column-title {
      position: relative;
      cursor: pointer;
      padding-right: 30px;
      user-select: none;
      margin-bottom: 0;
   }

   .footer__column-title::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      transition: transform 0.3s ease;
   }

   .footer__menu-group.active .footer__column-title::after,
   .footer__column.active>.footer__column-title::after {
      transform: translateY(-50%) rotate(180deg);
   }


   .footer__menu-group:last-child {
      margin-bottom: 0;
   }

   .footer__menu-group .footer__nav {
      max-height: 0;
      overflow: hidden;
      transition: all .3s;
      margin-top: 0;
   }

   .footer__menu-group.active .footer__nav {
      max-height: 500px;
      margin-top: 8px;
   }


   .footer__column:last-child {
      margin-bottom: 0;
   }

   /* Скрываем контент в обычных колонках через wrapper */
   .footer__column-content {
      max-height: 0;
      overflow: hidden;
      transition: all .3s;
   }

   .footer__column.active .footer__column-content {
      max-height: 1000px;
      margin-top: 0;
   }

   .footer__column.active.footer__column--contact .footer__column-content {
      margin-top: 10px;
   }

   .footer__column--main {
      gap: 15px;
   }

   .footer__social-link img {
      width: 27px;
      height: 27px;
   }

   .footer__socials-list {
      gap: 6px;
   }

   .pagination__number {
      min-width: 53px;
      height: 53px;
   }

   .pagination__arrow {
      padding: 11px 19px;
      height: 53px;
   }


   .catalog__sort-select {
      width: 195px;
   }

   .catalog__results-mob {
      text-transform: capitalize;
   }

   .d-block-mob {
      display: block;
   }

   .sidebar__contact-title {
      margin-top: 15px;
   }

   .info-card {
      flex-direction: column;
   }

   .info-card__sidebar {
      max-width: 100%;
      margin-top: 0;
   }

   .info-card__partners {
      flex-wrap: wrap;
   }
}