html body *:not(.fa) {
    font-family: "Bitter";
}
.header__phone {
    white-space: nowrap;
}
.workarea a {
    color: #866445
}

.workarea p {
    margin-bottom: 18px;
}

.workarea li {
    margin-bottom: 18px;
}

.note {
    margin: 20px 0;
    padding: 15px 15px;
    background: rgba(134, 100, 69, 0.26);
    text-align: center;

}

.index__text {
    margin: 50px 0 30px 0;
}

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

.header address {
    margin: 0;
}

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

.header__logo {
    transition: 0.4s color ease;
    flex: 0 0 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    font-size: 13px;
    color: #866445;
    cursor: pointer;
    font-style: italic;
}

.header__tools {
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1 1;
    padding-left: 10px;
    gap: 20px;
}

.header__cart {
    flex: 0 0 48px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header__mob-menu {
    flex: 0 0 32px;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
}

.header__mob-menu svg {
    width: 100%;
    height: 100%;
}

.header__address {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 0 240px;
}

.header__address::before {
    content: "";
    width: 21px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='30' viewBox='0 0 22 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 14.25C10.0054 14.25 9.05161 13.8549 8.34835 13.1517C7.64509 12.4484 7.25 11.4946 7.25 10.5C7.25 9.50544 7.64509 8.55161 8.34835 7.84835C9.05161 7.14509 10.0054 6.75 11 6.75C11.9946 6.75 12.9484 7.14509 13.6517 7.84835C14.3549 8.55161 14.75 9.50544 14.75 10.5C14.75 10.9925 14.653 11.4801 14.4645 11.9351C14.2761 12.39 13.9999 12.8034 13.6517 13.1517C13.3034 13.4999 12.89 13.7761 12.4351 13.9645C11.9801 14.153 11.4925 14.25 11 14.25ZM11 0C8.21523 0 5.54451 1.10625 3.57538 3.07538C1.60625 5.04451 0.5 7.71523 0.5 10.5C0.5 18.375 11 30 11 30C11 30 21.5 18.375 21.5 10.5C21.5 7.71523 20.3938 5.04451 18.4246 3.07538C16.4555 1.10625 13.7848 0 11 0Z' fill='%23FF0000'/%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header__phone {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px;
}

.header__socials {
    padding-right: 15px;
    flex: 0 0 auto;
}

.header__logo img {
    object-fit: contain;
    flex: 0 0 150px;
}

.header a {
    text-decoration: none;
}

.header__top {
    padding: 28px 0 22px;
}

.header__logo:hover {
    color: #D0021B;
}

.header__phone a {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 1;
}

.header__phone .callback {
    font-size: 14px;
    font-weight: 400;
}

.header__phone .callback:hover {
    text-decoration: underline;
}

.header__nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__nav li {
    flex: 1 1 auto;
}

.header__nav a {
    display: block;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    transition: 0.4s background ease;
    font-family: 'Comfortaa' !important;
    font-size: 16px;
    font-weight: 500;
}

.header__phone-sub {
    display: flex;
    gap: 10px;
}

.header__sub-top {
    padding: 10px 0 10px;
    background: #e0d7cf24;
}

.header__phone-sub {
    display: flex;
    gap: 2px;
    color: #000;
    font-weight: 700;
    align-items: center;
}

.header__phone-sub svg {
    width: 18px;
    transform: rotate(94deg);
}

.header__bottom {
    background: #866445;
    font-size: 16px;
}

.header__nav a:hover {
    background: #D0021B;
    color: #fff;
}

.mob-menu {
    position: fixed;
    max-width: 320px;
    background: #ffffff;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    box-shadow: 0 0 10px 0#111;
    z-index: 100;
    transform: translateX(0);
    transition: .4s transform ease;
}

.mob-menu.d-none {
    transform: translateX(-100%);
}

.mob-menu__header button {
    width: 32px;
    height: 32px;
    padding: 5px;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 24px;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.mob-menu__header {
    padding: 10px 15px;
}

.mob-menu__inner {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    overflow-y: auto;
}

.header__nav-mob a {
    display: block;
    color: #000;
    padding: 10px 0;
}

ul.socials {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
}

ul.socials li {
    flex: 0 0 26px;
    list-style: none;
}

ul.socials svg,
ul.socials img {
    width: 100%;
}

ul.socials a {
    display: block;
}

/* ================ FOOTER ===================== */

.footer {
    background: #e0d7cf;
    padding: 35px 0 0 0;
    position: relative;
}

.footer::before {
    content: '';
    height: 38px;
    width: 100%;
    display: block;
    position: absolute;
    top: 35px;
    background: #c9b9ab;
    z-index: 0;
}

.footer .container {
    position: relative;
    z-index: 1;
}

.footer h3 {
    margin: 7px 0 30px;
    font-weight: 500;
    font-size: clamp(18px, 1.04vw, 20px);
    color: #000;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0 20px;
    gap: 20px;
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #866445;
    border-bottom: 1px solid #866445;
    margin-bottom: 20px;
    text-decoration: none;
}

.footer__logo span {
    max-width: 200px;
}

.footer__phone {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
}

.footer__phone a:first-child {
    font-weight: 700;
    font-size: clamp(16px, 1vw, 20px);
}

.footer__phone a {
    text-decoration: none;
    color: #000;
}

.footer__socials .socials {
    justify-content: center;
}

.footer__address h4 {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}


.footer__address address {
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

.footer__bottom {
    background: #866445;
    padding: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}

.footer__ul-two ul {
    column-count: 2;
    column-gap: 25px;
}

.footer__bottom svg {
    margin-left: 10px;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.footer ul a {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    transition: .4s color ease;
}

.footer a:hover {
    color: #D0021B;
}

.favorite-link span {
	background: #fff;
	border-radius: 50%;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	right: -3px;
	color: #000;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	border: 1px solid #d3d3d3;
}

.favorite-link {
	position: relative;
	width: 30px;
}

.catalog-quick-view__btns .favorite-detail-btn {
	margin: 0;
	max-width: unset;
	padding: 0.375rem 0.75rem;
}

.catalog-quick-view__btns .favorite-detail-btn img{
	flex: 0 0 20px;
}

.favorite-detail-btn {
	display: flex;
	margin: 0 auto;
	gap: 10px;
	border: 1px solid #d0021b;
	white-space: nowrap;
	max-width: 250px;
	width: 100%;
	justify-content: center;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.favorite-detail-btn img {
	filter: grayscale(1) opacity(0.4);
	transition: .4s filter ease;
	flex: 0 0 30px;
}

.favorite-detail-btn .favorite-del {
	display: none;
}

.favorite-detail-btn.active .favorite-del {
	display: block;
}

.favorite-detail-btn.active .favorite-add {
	display: none;
}

.favorite-detail-btn.active  img {
	filter: none;
}

.basket-line-block-icon-cart svg {
	width: 30px;
}
.contact-wrapper {
    font-size: 18px;
}

/* ================================ */
@media (max-width: 1200px) {
    .footer::before {
        display: none;
    }

    .footer__logo {
        padding-top: 0;
    }
}

@media (max-width: 992px){
	.main-slider__bg.main-slider__bg_gray::before{
		width:100%;
	}

    .header__top{
        padding: 10px 0;
    }
    .header__tools {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .header__logo {
        flex: 0 0 150px;
    }

    .header__logo span {
        display: none;
    }
}