/* ------------------------------------------------------------------------ */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
	background-color: transparent;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a {
	color: inherit;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.article__link {
	font-size: 12px;
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: 400;
}

svg {
	display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* ---------------------------------------------------------------------------- */

:root {
	--font-family: "Inter", sans-serif;
	--second-family: "Roboto", sans-serif;
}

body {
	font-family: var(--font-family);
	font-weight: 400;
	line-height: normal;
}

body,
html {
	height: 100%;
}

.main-btn {
	background: #ff7f00;
}

h1 {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 45px;
	line-height: 120%;
	color: #090404;
}

.h2-title {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;
}


.container {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 25px;
}

.wrapper {
	overflow: hidden;

	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.main {
	flex-grow: 1;
}

.scroll {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.scroll--active {
	opacity: 1;
	transform: translateY(0);
}

/* Для плавности на мобильных устройствах */
@media (prefers-reduced-motion: reduce) {
	.scroll {
		transition: none;
	}
}

/* -------------------------header-------------------------*/

.header {
	margin-bottom: 23px;
}

.header-2 {
	border-bottom: 3px solid #f8f8f8;
	margin: unset;
}

.container {}

.header__inner {
	display: flex;
	flex-direction: column;
	gap: 21px;

	padding: 32px 0 0 0;
}

.header__inner-2 {
	padding: 24px 0;

	justify-content: center;
	align-items: center;
}

.header-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	line-height: 100%;
	color: #575757;
	font-family: var(--second-family);
}

.header__city {}

.header__city-inner {
	display: flex;
	align-items: center;
	gap: 8px;

	cursor: pointer;
}

.header__city-svg {}

.header__city-place {}

.header__list {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 0 39px;
}

.header__item {
	transition: ease .2s;
}

.header__link {}

.header__links {
	display: flex;
	align-items: center;
	gap: 28px;
	justify-self: flex-end;
}

.header__phone {
	font-weight: 600;
	font-size: 16px;
	line-height: 87%;
	color: #090404;
	transition: ease .2s;
}

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

.header__links-btn {
	border-radius: 6px;
	background: #f6f6f6;
	padding: 8px;
}

.header__links-btn-svg path {
	transition: ease .2s;
}

.whatsapp-svg {}

.tg-svg {}

.header-bot {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
}

.header-bot__left {
	display: flex;
	align-items: center;
	gap: 30px;

	width: 100%;
}

.header__logo {}

.header__logo-img {}

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

	border-radius: 12px;
	padding: 15px 24px;
	transition: ease .2s;

}

.header__catalog-svg {}

.header__catalog-text {
	font-size: 16px;
	line-height: 100%;
	color: #fff;
}

.header__search {
	max-width: 430px;
	width: 100%;
}

.header__search-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	background: #f6f6f6;
	border-radius: 12px;

	padding: 0px 16px 0px 15px;
	width: 100%;
}

.header__search-input {
	background: #f6f6f6;
	border-radius: 12px;

	font-size: 16px;
	color: #575757;
	width: 100%;
	padding: 15px 0;
}

.header__search-img {}

.header-bot__right {}

.header-bot__list {
	display: flex;
	align-items: center;
	gap: 27px;

}

.header-bot__item {}

.header-bot__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;

	transition: ease .2s;
}



.header-bot__link-svg path {
	transition: ease .2s;
}

.header-bot__link-text {
	transition: ease .2s;

	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #222;
}

.header__city {
	position: relative;

	transition: ease .2s;
}

.header-popup {

	position: absolute;
	z-index: 52;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 311px;

	transition: ease .2s;
	opacity: 0;
	pointer-events: none;

	padding: 20px 0 0 0;
}

.header-popup--active {
	opacity: 1;
	pointer-events: all;
}

.header-popup__img {
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translate(-50%, 0);

}

.header-popup__window {
	background: #fff;
	padding: 16px 24px;

	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.1);
	border-radius: 12px;

}

.header-popup__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.header-popup__city {}

.header-popup__btns {
	display: flex;
	gap: 12px;
	width: 100%;
}

.header-popup__btn {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #111;
	background: #f8f8f8;
	border-radius: 12px;
	padding: 14px;
	width: 100%;
}

.yes-btn {}

.no-btn {}


/* -------------------------preview-------------------------*/

.page__preview {
	background: #fafafa;
}

.preview__inner {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: flex-end;
	padding: 59px 0 0 0;
}

.preview__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.preview__left {
	width: 100%;
	height: 100%;
	min-height: 436px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	margin: 0px 0 29px 0;
}

.preview__content {}



.preview__left span {
	color: #ff7f00;
}

.preview__left p {
	color: #090404;
	font-weight: 400;
	line-height: 140%;
	font-size: 16px;

}

.preview__left a {
	display: inline-block;
	background: #090404;
	border-radius: 12px;
	padding: 15px 68px;

	color: #fff;
	font-size: 16px;
	line-height: 100%;
	align-self: flex-start;

	transition: ease .2s;
}

.preview__left-btn {
	margin-bottom: 18px;
}

.preview__left-btn p {
	color: #090404;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 24px;
	border-radius: 100px;
	background: #fff;

	display: inline-block;
}

.preview__right {
	max-width: 670px;
	overflow: hidden;
}

.preview__pagination span {
	background: #090404;
	width: 70px;
	height: 2px;
	border-radius: unset;
}

/* -------------------------about-------------------------*/

.page__about {
	margin-bottom: 96px;
}

.about__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.about__card {
	border: 1px solid #f5f5f5;
	padding: 14px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}

.about__card-image {
	border-radius: 100%;
	background: #fafafa;
	max-width: 88px;
	max-height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.about__card img {
	display: inline-block;
	padding: 28px;
	align-self: flex-start;
}

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

.about__card-list dt {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.about__card-list dd {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: rgba(9, 4, 4, 0.7);

	max-width: 174px;
}

/* -------------------------items-------------------------*/

.page__items {
	margin-bottom: 100px;
}

.items__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	margin-bottom: 28px;
}

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

.items__top li {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	background: #f5f5f5;
	border-radius: 6px;
	padding: 8px 12px;
	cursor: pointer;
}

.items__tab {
	transition: ease .2s;
}

.items__top .tab--active {
	background: #ff7f00;
	color: #fff;
	font-size: 16px;
}

.items__cards {
	display: none;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 30px;
}

.items__cards--active {
	display: grid;
}

.items__card-image {
	position: relative;
	z-index: 1;
}

.items__card-btn-remove {
	position: absolute;
	top: 14px;
	right: 14px;
}

.items__card-about {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 14px;

	width: 100%;
	height: 100%;

	display: flex;
	justify-content: space-between;
	gap: 20px;
}

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



.items__card-btn {
	background: #fff;
	border-radius: 6px;
	padding: 8px 7px;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	border-radius: 8px;

	transition: ease .2s;
}

.items__card-btn-svg path {
	transition: ease .2s;
}

.items__card-btn--active svg path {
	fill: #ff3131;
}


.items__card-image a {
	display: block;
}

.items__card-img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	background: #f6f6f6;
	border-radius: 12px;
}

.items__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
}

.items__card-top {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.items__card-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.items__card-desc {
	font-weight: 500;
	font-size: 15px;
	line-height: 100%;
}

.items__card-cost {
	color: #090404;
	font-size: 18px;
	line-height: 100%;
}

.items__card-availability {
	color: #3b1;
	line-height: 100%;
	font-size: 13px;
	margin: 5px 0 0 0;
}

.items__card-about-left {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.items__card-about-left p {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;

	border-radius: 6px;
	padding: 10px;
	background: #fff;

	display: inline-block;
}

.items__card-about-left span {
	background: #e41d1d;
	border-radius: 6px;
	padding: 10px;

	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #fff;

	display: inline-block;

	align-self: flex-start;
}

.items__card-info-container {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}

.items__card-cost {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
}

.items__card-discount {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	text-decoration: line-through;
	color: #090404;

	opacity: 0.35;
}

.items__card-shop {
	border-radius: 8px;
	padding: 12px 10px 13px 10px;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 124%;
	text-align: center;
	color: #fff;
	transition: ease .2s;
}

/* -------------------------category-------------------------*/

.page__category {
	background: #fafafa;
}

.category__inner {
	display: flex;
	flex-direction: column;
	gap: 31px;
	padding: 89px 0 96px 0;
}

.category__cards {
	border: 1px solid #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border-radius: 12px;
}

.category__card {
	background: #fafafa;
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 11px 20px 0px 20px;
	overflow: hidden;
	min-height: 213px;

	transition: ease .2s;
}

.category__card:not(:last-child) {
	border-right: 1px solid #f5f5f5;
}

.category__card p {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #090404;
}

.category__card-img {
	transition: ease .2s;
	transform: translateY(25%);

	max-width: 155px;
	max-height: 161px;
	object-fit: cover;
	object-position: top;
}


.category__card:hover .category__card-img {
	transform: translateY(11%);
}

.category__card:hover p {
	color: #fff;
}

.category__card:hover {
	background: #ed6c1a;
}

.category__link {
	display: inline-block;

	border: 1px solid rgba(9, 4, 4, 0.25);
	border-radius: 8px;
	text-align: center;
	padding: 14.5px 20px;

	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 65%;
	text-align: center;
	color: #090404;

	transition: ease .2s;
}

/* -------------------------news-------------------------*/

.page__news {
	padding: 96px 0 94px 0;
}

.news__title {
	margin-bottom: 30px;
}

.news__card-slide {
	max-width: 270px;
	display: inline-block;
}

.news__card-list {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}

.news__card-list li {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #555;

}

.news__card-img {
	margin-bottom: 16px;
	border-radius: 12px;
	max-height: 270px;
}

.news__card-item {
	display: flex;
	gap: 8px;
}

.news__card-item:not(:last-child)::after {
	content: "/";
}

.news__card-slide span {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	color: #222;
}

/* -------------------------nav-------------------------*/

.page__nav {
	margin: 24px 0 0 0;
}

.nav__container {}

.container {}

.nav__inner {}

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

.nav__item {}

.nav__item-link {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
}

.nav__item:not(:last-child)::after {
	content: "/";
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
	margin-left: 12px;
}

.nav__item-now {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

/* -------------------------carpets-------------------------*/

.page__carpets {
	margin: 55px 0 96px 11px;
}

.carpets__container {
	max-width: 1228px;
}

.container {}

.carpets__inner {}

.carpets-top {
	display: flex;
	max-width: 542px;
	width: 100%;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-end;

	margin-bottom: 42px;
}

.carpets-top__title {}

.h2-title {}

.carpets-dropdown-group {
	position: relative;
	z-index: 2;

}

.carpets-dropdown {
	display: flex;
	align-items: center;
	gap: 6px;

}

.carpets-dropdown span {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
}

.carpets-dropdown-image {
	transition: ease .2s;
}

.carpets-dropdown-image--active {
	transform: rotate(-180deg);
}

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

	position: absolute;
	top: 25px;
	left: -20px;
	background: #fff;
	display: none;

	padding: 20px;
	border-radius: 12px;
	z-index: 10;
	white-space: nowrap;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	/* Outer shadow: 5px right, 5px down, 10px blur, 30% black opacity */
}

.dropdown__list li {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #090404;

	cursor: pointer;
}

.dropdown__list--visible {
	display: flex;
}

.dropdown__list::-webkit-scrollbar {
	display: none;
}


.dropdown__hide-input {
	display: none;
}

.carpets-content {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.carpets-left {
	max-width: 270px;
	width: 100%;
}

.filters {
	margin-bottom: 32px;
}

.filters-item h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	color: #090404;

	opacity: 0.45;
}

.filters-item {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.filters__price {}

.filters-price__title {}

.filters-price__slider {}

.filters-price__inputs {
	display: flex;
	align-items: center;
	gap: 3px;
}

.filters-price__label {
	border: 1px solid #ededed;
	border-radius: 8px;
	background: #fff;
	padding: 11px 13px;
	max-width: 120px;
	width: 100%;
}

.filters-price__label span {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #090404;
}

.filters-price__input {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #090404;
}

.filters-price__text {}

.filter-price__space {
	width: 24px;
	height: 1px;
	background: #090404;
}

.carpets-right {
	max-width: 870px;
}

.carpets__cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 30px;

	margin: -2px 0 40px 0;
}

.items__card-sizes span {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;

	margin-bottom: 7px;

	display: inline-block;
}

.items__card-sizes-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
}

.items__card-sizes-list li {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	text-align: center;

	opacity: 0.75;
}

.items__card-sizes-btn {
	border-radius: 8px;
	padding: 8px;
	background: #f8f8f8;
	font-size: 12px;
	border: 1px solid #f8f8f8;
}

.items__card-sizes-btn--active {
	background: #fff;
	border: 1px solid rgba(255, 127, 0, 0.25);
	padding: 8px;

	opacity: 1;
	color: #ff7f00;

}

.items__card-bottom {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.items__card-count {
	display: none;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.items__card-count-text {
	display: inline-block;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #ff7f00;
}

.items__card-count button {
	border-radius: 8px;
	background: #ff7f00;
	width: 40px;
	height: 40px;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #fff;
}

.items__card-shop {
	width: 100%;
}

.items__card-basket {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #ff7f00;

	border: 1px solid #ff7f00;
	border-radius: 8px;
	background: #fff;
	padding: 13px 10px;
	width: 100%;
}



.noUi-target {
	background: rgb(9, 4, 4, 0.1);
	border: none;
	height: 2px;
	box-shadow: none;
}

.noUi-connect {
	background: #ff7f00;
}

.noUi-handle::before,
.noUi-handle::after {
	display: none;
}

.noUi-handle {
	box-shadow: none;
	border: 2px solid #ff7f00;
	border-radius: 10px;
	background: #fff;
}

.noUi-horizontal .noUi-handle {
	width: 6px;
	height: 14px;
	right: -4px;
}

.carpets__accordions {
	display: flex;
	flex-direction: column;
	gap: 30px;

}

.carpets__accordion {}

.carpets__accordion-head {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;

	margin-bottom: 20px;
	cursor: pointer;

}

.carpets__accordion-head span {
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	color: #090404;
	opacity: 0.45;
}

.carpets__accordion-title {}

.carpets__accordion-arrow {
	display: flex;
	justify-content: center;
	align-items: center;

	opacity: 0;
	pointer-events: none;
	transition: ease .2s;

}

.carpets__accordion-arrow-img {}

.carpets__accordion-content button {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	opacity: 0.45;
}

.carpets__accordion-body {
	margin-bottom: 20px;

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

	max-height: 131px;
	overflow: hidden;
	transition: ease .2s;
}

.carpets__accordion-body--active {}

.carpets__accordion-item {}

.carpets__accordion-label {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.carpets__accordion-item span {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.carpets__accordion-checkbox {}

/* Сброс стандартного оформления чекбокса */
.carpets__accordion-checkbox {
	-webkit-appearance: none;
	appearance: none;
	/* базовые стили для кастомного оформления */

	width: 15px;
	height: 15px;
	border: 1px solid #ededed;
	border-radius: 2px;
}

/* Стили для состояния "отмечено" */
.carpets__accordion-checkbox:checked {
	/* стили для выбранного состояния */

	border: 1px solid #ff7f00;
	border-radius: 2px;
	background-image: url("../img/carpets/check.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Стили для состояния "отключено" */
.carpets__accordion-checkbox:disabled {
	/* стили для отключённого состояния */
}

.carpets__accordion-size {}

.carpets__accordion-more {}

.carpets__filters-btns {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.carpets__filters-btns button {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #090404;
}

.carpets__filters {
	border: 1px solid rgba(9, 4, 4, 0.25);
	border-radius: 8px;
	background: #fff;
	padding: 13px 20px;
}

.carpets__filters-clear {}

.carpets__links {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.carpets__link {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ededed;
	border-radius: 8px;
	background: #fff;
	padding: 11px 13px;
	align-self: flex-start;
	max-width: 38px;

	transition: ease .2s;
}

.carpets__link-prev {
	transform: rotate(90deg);
	display: flex;
}

.carpets__link-numbers {
	display: flex;
	align-items: center;
	max-width: 266px;
	width: 100%;
	justify-content: space-between;
}

.carpets__link-number {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #090404;
	max-width: 38px;

	transition: ease .2s;

	display: flex;
	align-items: center;
	justify-content: center;
}

.carpets__link-number {
	border-radius: 8px;

}

.carpets__link-number--active {
	background: #ff7f00;
	color: #fff;
}

.carpets__link-count {
	padding: 10px 14px 10px 15px;
}

.carpets__link-next {
	transform: rotate(-90deg);
	display: flex;
}

.carpets-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: #fff;
	transform: translateY(100%);
	transition: ease .4s;
}

.carpets-modal__window {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 0 13px 13px 13px;
	overflow-y: scroll;
}

::-webkit-scrollbar {
	width: 0;
}

.carpets-modal--active {
	transform: translateY(0%);
}

.carpets-modal__btn {
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;

	border: 1px solid rgba(9, 4, 4, 0.25);
	border-radius: 8px;
	background: #fff;
	padding: 8px 8px 8px 13px;

	display: none;

	margin-bottom: 30px;
}

.carpets-modal__btn span {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #090404;
}

.carpets-modal__top {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 13px 0;
}

.carpets-modal__top-img {}

.carpets-modal__top span {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #090404;
}

.carpets-modal__bottom {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.carpets-modal__choose {
	display: none;

	background: #ff7f00;
	border-radius: 6px;
	padding: 13px 20px;
	width: 100%;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	align-items: center;
	justify-content: center;
}

.carpets-modal__btn {}

.carpets__modal-show {
	background: #ff7f00;
	border-radius: 6px;
	padding: 13px 20px;
	width: 100%;

	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #fff;
}

.carpets__modal-clear {
	display: none;

	border: 1px solid rgba(9, 4, 4, 0.25);
	border-radius: 6px;
	background: #fff;
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #090404;
	padding: 13px 20px;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.carpets-modal__btn-container {
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -4px 12px 0 rgba(9, 4, 4, 0.1);
	background: #fff;

	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	padding: 14px;

	opacity: 0;
	pointer-events: none;
	transition: ease .3s;
}

.carpets-modal__btn-container .carpets-modal__btn {
	margin-bottom: unset;
}

.carpets-modal__btn-container--hide {
	opacity: 1;
	pointer-events: all;
}

/* -------------------------article-------------------------*/

.page__article {
	background: #f8f8f8;
}

.article__container {}

.container {}

.article__inner {
	padding: 96px 0 92px 0;
}

.article__title {
	margin-bottom: 20px;
}

.h2-title {}

.article__list {
	display: flex;
	flex-direction: column;
	gap: 11px;

	margin-bottom: 20px;
}

.article__list p {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: rgba(9, 4, 4, 0.7);
}

.article__item {}

.article__link {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #090404;
}

/* -------------------------product-card-------------------------*/

.page__product-card {
	margin: 64px 0 0 0;
}

.product-card__inner {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.product-card__sliders {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.product-card__sliders-title {
	display: none;
}

.product-card__left {
	margin: 0 40px 0 0;
}

.product-card__left-slider {
	max-height: 564px;
	overflow: hidden;
	min-width: 60px;
}

.product-card__left-swiper {}

.swiper-wrapper {}

.product-card__left-slide {
	opacity: 1;
	max-width: 60px;
	border-radius: 8px;
	overflow: hidden;
}

.product-card__left-slide--active {
	border: 1px solid #ff7f00;
	opacity: 1;
	max-width: 60px;
}

.product-card__left-slide--active .product-card__left-img {
	opacity: 1;
}

.swiper-slide {}

.product-card__left-img {
	opacity: 0.15;
	transition: all .2s ease;
	width: 60px;
	height: 60px;
	object-fit: cover;
	display: block;
}

.product-card__main {
	max-width: 470px;
	overflow: hidden;
	margin: 0 0px 27px 0;

}

.product-card__main-slider {
	position: relative;
	z-index: 1;
}

.product-card__main-swiper {}

.product-card__main-slide {}

.product-card__main-img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #f6f6f6;
	display: block;
	border-radius: 12px;
}

.product-card__btns {
	display: flex;
	gap: 12px;
	align-items: center;

	position: absolute;
	bottom: 15px;
	left: 12px;
	z-index: 1;
}

.product-card__btns .product-card__btn {
	border-radius: 8px;
	background: #fff;
	padding: 10px 12px 11px 13px;

	transition: ease .2s;

}

.product-items__card-btns {
	position: absolute;
	bottom: 15px;
	right: 17px;
	z-index: 1;

	display: flex;
	gap: 14px;
}

.product-items__card-btn {
	background: #f8f8f8;
	border-radius: 8px;
	padding: 11px 10px;
	max-width: 38px;
	width: 100%;
}

.product-card__btn-prev {}

.product-card__btn-next {}

.product-card__info {}

.product-card__list {
	display: flex;
	gap: 14px;
	align-items: center;

	margin-bottom: 17px;
}

.red-item {
	background: #e41d1d;
	color: #fff;
}

.white-btn {
	background: #f8f8f8;
}

.product-card__item {
	padding: 10px;
	border-radius: 6px;

	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;

}

.product-card__title {
	margin-bottom: 48px;
	line-height: 111%;
	letter-spacing: -0.01em;
}

.h2-title {}

.product-card__accordion {
	margin-bottom: 47px;
}

.product-card__accordion p {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 14px;
}

.product-card__accordion-list {
	margin-bottom: 11px;

	max-height: 160px;
	overflow: hidden;
	transition: ease .2s;
	pointer-events: none;
}

.product-card__accordion-list--active {}

.product-card__accordion-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;

	padding: 12px 0;
	border-bottom: 1px solid rgba(9, 4, 4, 0.055);
}



.product-card__accordion-name {
	font-weight: 400;
	font-size: 15px;
	line-height: 98%;
	color: #090404;
	opacity: 0.5;
}

.product-card__accordion-desc {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	text-align: right;
	color: #090404;
}

.product-card__accordion button {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #090404;
}


.product-card__sizes {
	margin-bottom: 36px;

	display: flex;
	flex-wrap: wrap;
	gap: 12px 12px;
}

.product-card__sizes-container p {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 14px;
}

.product-card__size {
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	text-align: center;
	color: #090404;
	opacity: 0.75;
	border-radius: 8px;
	padding: 16px;
	background: #f8f8f8;
	border: 2px solid #f8f8f8;
	transition: ease .2s;

	cursor: pointer;
}

.product-card__size--active {
	padding: 16px;
	color: #ff7f00;
	border: 2px solid rgba(255, 127, 0, 0.25);
}

.product-card__cost {
	display: flex;
	align-items: flex-end;
	gap: 8px;

	margin-bottom: 24px;
}

.product-card__cost-big {
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #090404;
}

.product-card__cost-small {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	text-decoration: line-through;
	color: #090404;
	opacity: 0.5;
}

.product-card__btns-2 {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}


.product-card__btn {
	width: 100%;
	border-radius: 12px;
	padding: 15px 20px;
}

.basket-btn {
	background: #ff7f00;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	transition: ease .2s;
}

.click-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #111;
	background: #F8F8F8;
	transition: ease .2s;
}

/* -------------------------description-------------------------*/

.page__description {
	margin: -57px 0 96px 0;
}

.description__container {}

.container {}

.description__inner {
	max-width: 571px;
}

.description__items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 11px;

	margin-bottom: 24px;
}

.description__item {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	border: 1px solid rgba(9, 4, 4, 0.1);
	border-radius: 12px;
	background: #fff;
	padding: 16px 10px;
	text-align: center;
	width: 100%;
	cursor: pointer;

	transition: ease .2s;
}

.description__item--active {
	font-weight: 500;
	border: 1px solid #090404;
}

.description__tabs-container {}

.description__tabs {

	flex-direction: column;
	gap: 12px;

	display: none;
}

.description__tabs p {
	font-weight: 400;
	font-size: 15px;
	line-height: 160%;
	color: rgba(9, 4, 4, 0.7);
}

.description__tabs--active {
	display: flex;
}


/* -------------------------same-------------------------*/

.page__same {
	margin-bottom: 96px;
}

.same__container {}

.container {}

.same__inner {
	overflow: hidden;
}

.same-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;

	margin-bottom: 29px;
}

.same-top__title {}

.h2-title {}

.same-top__btns {
	display: flex;
	gap: 12px;
}

.same-top__btn {
	background: #fff;
	border-radius: 8px;
	padding: 10px 12px 11px 13px;
}

.same-top__btn-prev {}

.same-top__btn-next {}

.same__cards-container {}

.same__cards {}

.swiper-wrapper {}

.items__card {
	height: unset;
}

.swiper-slide {}

.items__card-top {}

.items__card-image {}

.items__card-img {}

.items__card-about {}

.items__card-about-left {}

.items__card-btns {}

.items__card-btn {}

.items__card-btn-svg {}

.items__card-info {}

.items__card-info-container {}

.items__card-cost {}

.items__card-discount {}

.items__card-desc {}

.items__card-sizes {}

.items__card-size-title {}

.items__card-sizes-list {}

.items__card-sizes-item {}

.items__card-sizes-btn {
	transition: ease .2s;
}

.items__card-bottom {}

.items__card-count {}

.items__card-dec {}

.items__card-count-text {}

.items__card-inc {}

.items__card-shop {}

.main-btn {}

.items__card-basket {
	transition: ease .2s;
	border: 1px solid rgba(255, 127, 0, 0.25);
}

.items__card-about-text {}

.items__card-about-text p {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.items__card-sizes-btn--active {}

/* -------------------------footer-------------------------*/

.footer {
	background: #211c1c;
	border-radius: 36px 36px 0 0;
	padding: 54px 0;
}

.container {}

.footer__inner {}

.footer-top {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-start;

	padding: 0 0 32px 0;
}

.footer-top__left {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	width: 100%;
	max-width: 581px;
}

.footer__column {

	display: flex;
	flex-direction: column;
	gap: 18px;
}

.footer__column-title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	opacity: 0.5;
}

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

.footer__item {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #fff;
}

.footer__link {
	transition: ease .2s;
}

.footer-top__right {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px 20px;
	width: 100%;
	max-width: 569px;
}

.footer-bot {
	border-top: 1px solid rgb(255, 255, 255, 0.15);
	padding: 32px 0 0 0;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.footer__desc {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #999;
}

.footer__links {
	display: flex;
	align-items: center;
	gap: 24px;


	margin: 0 0 0 127px;
}

.footer__links-item {}

.footer__links-img {}

.footer__info {
	display: flex;
	align-items: center;
	gap: 24px;
}

.footer__info-item {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #fff;
	opacity: 0.5;
	transition: ease .2s;
}

.footer__info-link {}

/* -------------------------media/active-------------------------*/

@media(hover:hover) {
	.header__links-btn:hover .header__links-btn-svg path {
		fill: #ff7f00;
	}

	.header__phone:hover {
		color: #ff7f00;
	}

	.header__item:hover {
		color: #ff7f00;
	}

	.header__catalog:hover {
		background: #090404;
	}



	.header-bot__link:hover .header-bot__link-text {
		color: #ff7f00;
	}

	.preview__left a:hover {
		background: #ff7f00;
	}

	.items__card-shop:hover {
		background: #090404;
	}

	.items__card-btn:hover .items__card-btn-svg path {
		fill: #e41d1d;
	}

	.product-items__card-btn:hover .items__card-btn-svg path {
		fill: #e41d1d;
	}

	.items__tab:hover {
		background: #ff7f00;
		color: #fff;
	}

	.category__link:hover {
		background: #090404;
		color: #fff;
	}

	.footer__link:hover {
		color: #ff7f00;
	}

	.footer__info-item:hover {
		opacity: 1;
	}

	.items__card-basket:hover {
		background: #ff7f00;
		color: #fff;
	}

	.items__card-sizes-btn:hover {
		color: #ff7f00;
		border: 1px solid rgba(255, 127, 0, 0.25);
	}

	.carpets__link-number:hover {
		background: #ff7f00;
		color: #fff;
	}

	.carpets__link:hover {
		border: 1px solid #ed6c1a;
	}

	.product-card__size:hover {
		color: #ff7f00;
		border: 2px solid rgba(255, 127, 0, 0.25);
	}

	.basket-btn:hover {
		background: #090404;
	}

	.click-btn:hover {
		background: #ff7f00;
		color: #fff;
	}

	.description__item:hover {
		font-weight: 500;
		border: 1px solid #090404;
	}

	.order__status-submit:hover {
		background: #090404;
		color: #fff;
	}

	.order__form-city-btn:hover {
		background: #090404;
		color: #fff;
	}

	.order__status-order--active:hover {
		background: #090404;
		color: #fff;
	}

	.buyer__btn:hover {
		background: #090404;
		color: #fff;
	}

	.account__nav-item:hover {
		background: #F6F6F6;
	}

	.account__nav-btn:hover {
		background: #F6F6F6
	}
}

/* -------------------------modal-------------------------*/

.main-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
	width: 100%;
	height: 100%;
	padding: 14px;

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

	backdrop-filter: blur(24px);
	background: rgba(9, 4, 4, 0.1);

	opacity: 0;
	pointer-events: none;
	transition: ease .2s;
}

.modal__wrapper {}

.login-modal,
.reg-modal,
.password-modal,
.code-modal,
.city-modal {
	z-index: 51;
}

.modal-window {
	max-width: 570px;
	width: 100%;
	background: #fff;
	border-radius: 24px;
	overflow: auto;
	max-height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px;
	gap: 32px;
}

.kp1-modal__window {
	max-width: 967px;

	flex-direction: row;
	gap: 30px;
}

.kp1-modal__window .product-card__main {
	max-width: 365px;
	max-height: 362px;
	margin: 0;
}

.kp1-modal .product-card__main-img {
	max-height: 362px;
}

.kp1-modal-right {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.modal-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.modal-top h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;
}

.login-modal__close {
	max-width: 32px;
}

.login-modal__close-img {}

.modal-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

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

.modal-label span {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.modal-required::after {
	content: "*";
	color: #dd0228;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	margin: 0 0 0 -3px;
}

.login-modal__label {}

.modal-input {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;

	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 13px;
}

.modal-input::placeholder {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: 0.25;
}

.modal-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;

	padding: 16px;
	border-radius: 12px;
	background: #ff7f00;
	width: 100%;
}

.modal-bot__btns {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.modal-bot__btns p {
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: rgba(9, 4, 4, 0.7);
}

.modal-bot__btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #ff7f00;
}

.error-input {
	border: 1px solid #dd0228;
}

.code-modal__forgot {
	color: #090404;
	opacity: 0.25;
}

.city-modal__list {
	display: flex;
	flex-direction: column;

}

.city-modal__window {
	gap: unset;
}

.city-modal__top {
	margin-bottom: 32px;
}

.city-modal__form {
	margin-bottom: 26px;
}

.city-modal__list {
	overflow-y: scroll;
	max-height: 380px;
}

.city-modal__list li {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	border-radius: 12px;

	padding: 16px;
	transition: ease .2s;
	cursor: pointer;
}

.city-modal__list li:hover {
	background: #f6f6f6;
}

.reg-modal__btns {
	gap: 24px;
}


.catalog-modal {
	position: fixed;
	top: 150px;
	left: 0px;
	z-index: 50;

	width: 100%;
	height: 100%;
	backdrop-filter: blur(24px);
	background: rgba(9, 4, 4, 0.1);

	opacity: 0;
	pointer-events: none;
	transition: ease .2s;
}

.catalog-modal__window {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	background: #fff;
	justify-content: center;
	padding: 41px 165px 67px 25px;
	overflow-y: scroll;
	height: 100%;
	max-height: 791px;
}

.catalog-modal__left {
	max-width: 270px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 16px;
}

.catalog-modal__tabs {
	width: 100%;


}

.catalog-modal__tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 14px 16px 16px;
	cursor: pointer;
	border-radius: 12px;
}

.catalog-modal__tab svg {
	border-radius: 8px;
	background: #fff;
	opacity: 0.5;
}

.catalog-modal__tab--active {
	background: #f6f6f6;
}

.catalog-modal__tab--active .catalog-modal__tab-text {
	opacity: 1;
}

.catalog-modal__tab--active svg {
	opacity: 1;
}

.catalog-modal__tab--active svg path {
	fill: #090404;
}

.catalog-modal__tab-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.catalog-modal__btn {
	display: inline-block;

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #fff;

	background: #ff7f00;
	border-radius: 12px;
	width: 100%;
	padding: 16px;
	text-align: center;
}

.catalog-modal__accordions {
	max-width: 738px;
	width: 100%;
}

.catalog-modal__accordion {
	display: none;

	width: 100%;
}

.catalog-modal__accordion--visible {
	display: block;
}

.catalog-modal__accordion-head {
	display: none;
	cursor: pointer;

	padding: 16px 0;
	border-bottom: 1px solid #f6f6f6;
}

.catalog-modal__accordion-head-1 {
	border-top: 1px solid #f6f6f6;
}

.catalog-modal__accordion-head-img {
	transition: ease .2s;
}

.catalog-modal__accordion-head--active .catalog-modal__accordion-head-img {
	transform: rotate(180deg);
}




.catalog-modal__accordion-head span {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.catalog-modal__accordion-content {
	grid-template-columns: repeat(4, 1fr);
	gap: 32px 62px;

	display: grid;

	transition: ease .2s;
}

.catalog-modal__accordion-column span {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 16px;

	display: inline-block;
}

.catalog-modal__accordion-column-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.catalog-modal__accordion-column-list li {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.catalog-modal__accordion-column-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}

.catalog-modal__accordion-column-link {
	color: inherit;
	text-decoration: none;
}

/* Стрелка подкатегории видна только на мобилке (вложенный аккордеон). */
.catalog-modal__accordion-column-arrow {
	display: none;
	transition: ease .2s;
}


.modal--visible {
	opacity: 1;
	pointer-events: all;
}

/* -------------------------burger-------------------------*/

.burger-btn {
	width: 40px;
	height: 40px;
	display: none;
	flex-direction: column;
	gap: 3px;
	align-items: center;
	justify-content: center;
	background: #F6F6F6;
	border-radius: 6px;

	transition: ease .2s;
}

.burger-btn--active {}

.burger-btn__lane1 {}

.burger-btn__stroke {
	width: 14px;
	height: 2px;
	background: #090404;
	border-radius: 10px;
	transition: ease .2s;
}


.burger-btn--active .burger-btn__stroke {
	background: #fff;
}

.burger-btn--active .burger-btn__lane1 {
	transform: translate(0px, 5px) rotate(45deg);
}

.burger-btn--active .burger-btn__lane2 {
	opacity: 0;
}

.burger-btn--active .burger-btn__lane3 {
	transform: translate(0px, -5px) rotate(-45deg);
}

.burger-btn--active {
	background: #ff7f00;
}

.burger-btn__lane2 {}

.burger-btn__lane3 {}

.burger-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 90px);
	z-index: 100;
	background: #fff;

	display: flex;
	justify-content: center;
	transform: translateY(100%);
	transition: ease .3s;
}

.burger-menu--visible {
	transform: translateY(0%);
}

.burger-menu__window {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 24px 14px 32px 14px;
	width: 100%;
}

.burger-menu__window .header-top {
	display: flex;
	flex-direction: column;
}

.burger-menu__window .header__list {
	flex-direction: column;
	font-size: 18px;
}

.burger-menu__window .header__city-place {
	font-size: 18px;
}

.burger-menu__window .header__catalog {
	display: flex;
	width: 100%;
	justify-content: center;
}

.burger-menu__items {
	display: flex;
	flex-direction: column;
	width: 100%;

}

.burger-menu__items span {
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	color: #090404;
	text-align: center;

	padding-bottom: 24px;
}

.burger-menu__title {
	border-bottom: 1px solid #f6f6f6;
}

.burger-menu__list {}

.burger-menu__list li {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.burger-menu__item {

	border-bottom: 1px solid #f6f6f6;
	text-align: center;
	padding: 16px;
}

.burger-menu__link {}

.burger-menu__bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 26px;

	border-top: 1px solid #f6f6f6;

	padding: 26px 0 0 0;
	width: 100%;
}

.burger-menu__info {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}

.burger__info-item {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #999;
}

.burger__desc {
	font-family: var(--font-family);
}

.burger__links {
	display: flex;
	gap: 24.5px;
	flex-wrap: wrap;
	justify-content: center;
}

.footer__links-item {}

.footer__links-img {}

.footer__info {}

.footer__info-item {}

.footer__info-link {}

.footer__desc {}

/* -------------------------order-------------------------*/

.page__order {
	margin: 0 0 124px 0;
}

.order__container {}

.container {}

.order__inner {
	margin: 48px 0 0 0;

	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.order__status {
	max-width: 470px;
	width: 100%;
}

.order__status h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 16px;
}

.order__status-list:not(:last-child) {
	margin-bottom: 9px;
}

.order__status-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 16px 0;
	border-top: 1px solid #d9d9d9;
}

.order-modal .order__status-item:last-child {
	border-bottom: 1px solid #d9d9d9;
}

.order__status-left {
	display: flex;
	gap: 12px;
}

.order__status-img {
	max-width: 70px;
}

.order-modal .order__status-img {
	max-width: 80px;
	max-height: 80px;
}

.order__status-info-items {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0px 0px 8px 0px;
}

.order__status-info-item {
	border-radius: 6px;
	padding: 6px;

	font-weight: 400;
	font-size: 8px;
	line-height: 100%;
	font-family: var(--second-family);
}

.status-info-item-new {
	color: #090404;
	background: #f8f8f8;
}

.status-info-item-discount {
	color: #fff;
	background: #e41d1d;
}

.order__status-info {
	display: flex;
	flex-direction: column;

}

.order__status-name {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 12px;
}

.order__status-size {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: rgb(9, 4, 4, .5);
}

.order__status-size:not(:last-child) {
	margin-bottom: 16px;
}

.color-black {
	color: #090404;
}

.order__status-cost {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.order__statut-btns-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 130px;
	width: 100%;
}

.order__status-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: #f8f8f8;
	border-radius: 8px;
	padding: 0 13px;


}

.order__status-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 0;
}

.order__status-count {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #090404;

	display: inline-block;
}

.order__status-thing {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
	opacity: 0.25;

	align-self: center;
}

.order__status-card {
	background: #f8f8f8;
	border-radius: 12px;
	padding: 24px;
}

.order__status-details {
	display: flex;
	flex-direction: column;
	gap: 24px;

	margin-bottom: 24px;
}

.order__status-details-item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;

}

.order__status-details-info {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__status-details-count {
	opacity: 0.25;
}

.order__status-details-cost {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__status-details-delivery {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-align: right;
	color: #090404;
}

.order__status-details-discount {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	text-align: right;
	color: #dd0228;
}

.order__status-coupon {
	border-top: 1px solid rgb(9, 4, 4, 0.1);
	border-bottom: 1px solid rgb(9, 4, 4, 0.1);
	padding: 16px 0;

	margin: 0 0 24px 0;
}

.order__status-label {
	background: #fff;
	padding: 6px 6px 6px 16px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

}

.order__status-input {

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: 0.25;
}

.order__status-submit {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	background: #ff7f00;
	border-radius: 6px;
	padding: 10px;
	max-width: 148px;
	width: 100%;
	transition: ease .2s;
}

.order__status-result {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;

	margin-bottom: 24px;
}

.order__status-result-text {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__status-result-cost {
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #090404;
}

.order__status-order {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	background: rgba(9, 4, 4, 0.15);
	border-radius: 12px;
	padding: 14px 10px;
	width: 100%;
}

.order__status-order--active {
	background: #ff7f00;
	transition: ease .2s;
}

.order__main {
	max-width: 670px;
	width: 100%;
}

.order__progress-bar {
	margin-bottom: 36px;
}

.order__progress-bar-list {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	max-width: 610px;

	position: relative;
	z-index: 1;
}

.order__progress-bar-list::after {
	content: "";
	position: absolute;
	top: 29%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	background: #d9d9d9;
	width: 548px;
	height: 1px;
}

.order__progress-bar-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
}

.order__progress-bar-item--active .order__progress-bar-circle {
	border: 1px solid #090404;
}

.order__progress-bar-item--active .order__progress-bar-text {
	color: #090404;
}

.order__progress-bar-item--active .order__progress-bar-count {
	color: #090404;
}

.order__progress-bar-item--complete .order__progress-bar-img {
	opacity: 1;
	pointer-events: all;
}

.order__progress-bar-item--complete .order__progress-bar-circle {
	border: 1px solid #FF7F00;
	background: #FF7F00;
}

.order__progress-bar-item--complete .order__progress-bar-count {
	opacity: 0;
	pointer-events: none;
}

.order__progress-bar-item--complete .order__progress-bar-text {
	color: #090404;
}


.order__progress-bar-circle {
	position: relative;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;

	border-radius: 100%;
	border: 1px solid #d9d9d9;
	background: #fff;
}



.order__progress-bar-count {

	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #d9d9d9;
}

.order__progress-bar-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;

	pointer-events: none;
	opacity: 0;
}

.order__progress-bar-name {
	margin: -8px 0 0 0;
}

.order__progress-bar-text {
	font-weight: 400;
	font-size: 8px;
	line-height: 100%;
	text-align: center;
	color: #d9d9d9;
}

.order__progress-bar-count-2 {
	width: 20px;
	height: 20px;
	background: #090404;
	border-radius: 100%;
	padding: 5px;
}

.progress-bar--last-circle {
	color: #090404;
	border: 1px solid #090404;
}

.order__progress-bar--last-name .order__progress-bar-text {
	color: #090404;
}


.order__form {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.order__form-question {
	opacity: 0.2;
	pointer-events: none;
	transition: ease .2s;
}

.order__form-question--active {
	opacity: 1;
	pointer-events: all;

}

.order__form-question h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 30px;
}

.order__form-text {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.order__form-labels {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);


	gap: 32px 30px;
}

.order__form-label {
	display: flex;
	flex-direction: column;
	gap: 10px;

	flex: 1 1 47%;
}

.order__form-label-1 {
	grid-column: 1/3;
	grid-row: 1/1;
}

.order__form-label-3 {
	grid-column: 2/3;
	grid-row: 2/2;
}

.order__form-text {}

.order__form-text::after {
	content: "*";
	color: #dd0228;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	margin: 0 0 0 -3px;
}

.order__form-input {
	padding: 13px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order-dropdown-group {
	display: flex;
	flex-direction: column;
	gap: 10px;

	position: relative;
}

.order__form-label-1 {}

.order-dropdown {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	width: 100%;
	padding: 15px;

	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}

.order-dropdown span {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order-dropdown-image {
	transition: ease .2s;
}


.order-dropdown-image--active {
	transform: rotate(180deg);
}

.order-dropdown__list {
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 15px;
	border-radius: 10px;

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

	transition: ease .2s;

	opacity: 0;
	pointer-events: none;

}

.order-dropdown__list--visible {
	opacity: 1;
	pointer-events: all;
}

.order-dropdown__list li {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	cursor: pointer;
}

.oreder-dropdown__item {}

.dropdown__hide-input {}

.order__form-text {}

.order__form-city {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;

	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 5px 5px 5px 15px;
}

.order__form-city span {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__form-city button {
	padding: 10px 14px;
	border-radius: 6px;
	background: #ff7f00;

	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	transition: ease .2s;
}

.order__form-label-4 {
	grid-column: 1/3;
}

.order__form-text-2 {}

.order__form-label textarea {
	resize: none;

	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	min-height: 186px;
	padding: 15px;

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__form-list {}

.order__form-list-2 {
	margin: 16px 0;
}

.order__form-list-2 .order__form-item {
	margin: 0px 0 0 26px;
}

.order__form-list-2 .order__form-item-label {
	padding: 16px 0;
}

.order__form-list-2 .order__form-item:first-child {
	border-top: 1px solid rgb(217, 217, 217, 0.5);
	border-bottom: 1px solid rgb(217, 217, 217, 0.5);
}

.order__form-list-2 .order__form-item:last-child {
	border-bottom: 1px solid rgb(217, 217, 217, 0.5);
}

.order__form-item {}

.order__form-item-label {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
}

.order__form-radio {
	appearance: none;
	width: 14px;
	height: 14px;
	border: 1px solid #C1C0C0;
	border-radius: 100%;
	background-color: #fff;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.order__form-radio:checked {
	background: #FF7F00;
	background-image: url(../img/order/dot.svg);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #FF7F00;
}

.order__form-radio:disabled {}

.order__form-item-3 {
	margin-bottom: 20px;
}

.order__form-item span {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.order__form-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	border-radius: 12px;

	background: #ff7f00;

	padding: 14px 10px;
	width: 100%;

	margin: 32px 0 0 0;

	display: none;
}

.order__form-question-4 {
	display: none;
}

/* -------------------------thanks-------------------------*/

.page__thanks {
	margin: 64px 0 48px 0;
}

.thanks__container {
	max-width: 820px;
}

.container {}

.thanks__inner {
	display: flex;
	align-items: center;
	gap: 24px;

	background: #f8f8f8;
	padding: 8px 24px 24px 35px;
	margin: 0 auto;
	border-radius: 12px;
}

.thanks__image {
	width: 100%;
	max-width: 241px;

	display: flex;
	align-items: center;
	justify-content: center;
}


.thanks__img {
	max-width: 241px;
	width: 100%;
	position: relative;
	z-index: 1;
}


.thanks__inner h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;
	margin-bottom: 16px;
}

.thanks__inner p {
	font-weight: 400;
	font-size: 14px;
	line-height: 162%;
	color: #090404;
	opacity: 0.7;
	margin: 0 0 12px 0;
	max-width: 404px;
}

.thanks__info {
	max-width: 418px;
	margin: 32px 0 0 0;
}

.thanks__info-title {}

.thanks__info-subtitle {}

/* -------------------------number-------------------------*/

.page__number {
	margin-bottom: 37px;
}

.number__container {
	max-width: 820px;
}

.container {}

.number__inner {}

.number__inner h2 {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;

	margin-bottom: 24px;
}

.number__title-count {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;
}

.number__list {
	display: flex;
	flex-direction: column;

	margin-bottom: 16px;
}

.number__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;

	border-top: 1px solid #d9d9d9;

	padding: 16px 0;
}

.number__item:last-child {
	border-bottom: 1px solid #d9d9d9
}

.number__item-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.number__img {}

.number__info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.number__info h5 {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.number__info-size {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.number__info-black {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.number__cost {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.number__cost-count {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	text-align: right;
	color: #090404;
}

.number__cost-item {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	text-align: right;
	color: #090404;
}

.number__desc {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.number__desc-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.number__desc-about {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.number__desc-count {
	opacity: 0.25;
}

.number__desc-cost {
	font-weight: 700;
	font-size: 16px;
}

.number__desc-free {
	font-weight: 500;
}

.number__desc-end {
	font-weight: 700;
	font-size: 16px;
}

.number__desc-big {
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	text-align: right;
	color: #090404;
}

/* -------------------------buyer-------------------------*/

.page__buyer {
	margin-bottom: 64px;
}

.buyer__container {
	max-width: 820px;
}

.container {}

.buyer__inner {}

.buyer__card {
	background: #f8f8f8;
	border-radius: 12px;
	padding: 24px 48px 24px 24px;

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 54px;

	margin-bottom: 36px;
}

.buyer__card-info {
	max-width: 322px;

	display: flex;
	flex-direction: column;
	gap: 6px;
}

.buyer__card-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 160%;
	color: #090404;
}

.buyer__card-subtitle {
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #090404;
	opacity: 0.7;
}

.buyer__btn {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	background: #ff7f00;
	padding: 14px 10px;
	width: 100%;
	text-align: center;
	border-radius: 12px;
	transition: ease .2s;
}

/* -------------------------account-------------------------*/

.page__account {
	margin-bottom: 117px;
}

.account__container {}

.container {}

.account__inner {
	margin: 48px 0 0 0;

	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.account__inner h2 {
	font-weight: 500;
	font-size: 32px;
	line-height: 120%;
	color: #090404;

	margin: 0 0 28px 0;
}

.account__nav-title--hide {
	display: none;
}

.account__nav-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 270px;
	width: 100%;

	align-self: flex-start;
}

.account__nav {

	margin: 0 0 48px 0;
}

.account__nav-item {
	border-radius: 12px;
	transition: ease .2s;
}

.account__nav-item--active {
	background: #f6f6f6;
}

.account__nav-item a {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.account__nav-item--active a {
	opacity: 1;
}

.account__nav-link {

	padding: 16px;

	display: inline-block;
}

.account__nav-btn {
	opacity: 0.5;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	padding: 16px;
	border-radius: 16px;

	display: inline-block;

	transition: ease .2s;
}

.account__form {
	width: 100%;
	max-width: 870px;

	border: 1px solid #f6f6f6;
	border-radius: 12px;
	padding: 32px;

	margin: 28px 0 0 0;
}

.account__form-labels {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px 24px;

	margin-bottom: 24px;
}

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

.account__form-label-2 {
	grid-column: 1/3;
	grid-row: 2/2;
}

.account__form-title {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.account__form-title-2 {
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: #090404;
}

.account__form-title::after {
	content: "*";
	color: #dd0228;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	margin: 0 0 0 -3px;
}

.account__form-title {}

.account__form-input {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 13px;

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.account__form-input::placeholder {
	opacity: 0.25;

	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.account__form-phone {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 13px;

	max-height: 48px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.account__form-phone-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}


.account__form-label button {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;

	background: #ff7f00;
	border-radius: 6px;
	padding: 10px 14px;
}

.account__form-phone-btn {}

.account__form-btn {
	background: rgba(9, 4, 4, 0.15);
	border-radius: 12px;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;

	max-width: 391px;
	width: 100%;
	padding: 14px;
}

.account__form-btn--active {
	background: #ff7f00;
}

.account__table-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;

	max-width: 870px;
	width: 100%;
	margin: 15px 0 0 0;
}

.account__table {}

.account__table-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;

	background: #f6f6f6;
	border-radius: 12px;
	padding: 16px;

}

.account__table-head-box {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-number {
	width: 139px;
}

.account__table-box-status {
	width: 141px;
}

.account__table-box-cost {
	width: 173px;
}

.account__table-box-delivery {
	width: 161px;
}

.account__table-box-pay {
	width: 184px;
}

.account__table-main {}

.account__table-row {
	display: flex;
	gap: 10px;
	padding: 16px;

	border-bottom: 1px solid #f6f6f6;
}

.account__table-box-left {
	display: flex;
	gap: 10px;
}

.account__table-main-box {}

.account__table-main-box-content-number {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	opacity: 0.5;
}

.account__table-main-box-mob {
	display: none;
}

.account__table-main-box-content {}

.green-box {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #52b461;
}

.red-box {
	color: #dd0228;
}

.account__table-box-number .account__table-main-box-content {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	opacity: 0.5;
}

.account__table-box-number .account__table-main-box-mob {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	opacity: 0.5;
}

.account__table-box-cost .account__table-main-box-content {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-cost .account__table-main-box-mob {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-delivery .account__table-main-box-content {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-delivery .account__table-main-box-mob {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-pay .account__table-main-box-content {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__table-box-pay .account__table-main-box-mob {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.account__bottom-nav {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;

}

.account__bottom-nav-btn {
	width: 38px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.account__bottom-nav-btn-img {}

.account__bottom-nav-list {
	display: flex;
}

.account__bottom-nav-list li {
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #090404;
}

.account__bottom-nav-item {

	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.account__bottom-nav-item--active {
	border: 1px solid rgba(9, 4, 4, 0.16);
}

.account__bottom-nav-link {
	padding: 10px 14px;
	max-width: 38px;
	min-width: 38px;
}

.account__bottom-nav-points {
	padding: 10px 14px;
	max-width: 38px;
	min-width: 38px;
}

.account__info-wrapper {
	max-width: 870px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 24px;
}

.account__info-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;

	padding: 16px;
	background: #f6f6f6;
	border-radius: 12px;
}

.account__info-head-box {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
}

.account__info-box-number {
	width: 139px;
}

.account__info-box-status {
	width: 324px;
}

.account__info-box-cost {
	width: 355px;
}

.account__info-main {}

.account__info-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	padding: 16px;
}

.account__info-box-left {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.account__info-main-box {}

.account__info-main-box-mob {
	display: none;
}

.account__info-main-box-mob-2 {}

.green-box {}

.account__info-main-box-content {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

}

.account__info-box-number .account__info-main-box-content {
	opacity: 0.5;
}

.account__info-box-status .account__info-main-box-content {
	font-weight: 500;
}

/* -------------------------comparison------------------------- */

.page__comparison {
	margin: 48px 0px 64px 0px;
}

.comparison__container {}

.comparison__inner {
	position: relative;
}

.comparison__title {
	margin: 0px 0px 36px 0px;
	font-weight: 500;
	line-height: 120%;
}

.comparison__body {
	display: flex;
	justify-content: space-between;
	gap: 108px;
	margin: 0px 0px 36px 0px;
}

.comparison__sidebar {
	max-width: 192px;
	min-width: 192px;
	width: 100%;

	display: flex;
	flex-direction: column;
	gap: 16px;
}

.comparison__sidebar-label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.comparison__sidebar-label-check {}

.comparison__sidebar-label-check {
	appearance: none;
	-webkit-appearance: none;
}

.comparison__sidebar-label-check {
	appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(9, 4, 4, 0.25);
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: 0;
}

.comparison__sidebar-label-check:checked {
	border: 7px solid #ff7f00;
}

.comparison__sidebar-label-name {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #090404;
	opacity: .5;
	transition: all .2s ease;
}

.comparison__sidebar-label:has(.comparison__sidebar-label-check:checked) .comparison__sidebar-label-name {
	opacity: 1;
}

.comparison__sidebar-btns {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 16px;
}

.comparison__sidebar-btn {
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #ff7f00;
}

.comparison__slider-btn {
	position: absolute;
}

.comparison__slider-btn-prev {
	right: 50px;
	top: 0;
}

.comparison__slider-btn-next {
	right: 0;
	top: 0;
}

.comparison__slider-body {
	width: calc(100% - 300px);
	max-width: 870px;
}

.comparison__slider {
	width: 100%;
	overflow: hidden;
}

.comparison__slider-line {}

.comparison__slide {}

.btn-grey {
	background: #f8f8f8;
	border-radius: 8px;
	padding: 13px;

	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #090404;
	font-family: var(--second-family);

	transition: all .2S ease;
}

.btn-grey:active {
	background: #c4c3c3;
}

@media(hover:hover) {
	.btn-grey:hover {
		background: #c4c3c3;
	}
}

.comparison__content {
	display: flex;
}

.comparison__content-left {
	max-width: 300px;
	min-width: 300px;
	width: 100%;
}

.comparison__head {
	background: #f6f6f6;
	border-radius: 12px 0 0 12px;
	padding: 16px 20px;

	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.comparison__list {
	width: 100%;
}

.comparison__list li {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;

	padding: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.comparison__item {}

.comparison__content-right {
	max-width: 870px;
	width: calc(100% - 300px);
}

.comparison__char-slider {
	width: 100%;
	overflow: hidden;
}

.comparison__char-slider-line {}

.comparison__char-slide {}

.comparison__char-slide-head {
	padding: 16px 20px 16px 0;
	background: #f6f6f6;

	position: relative;
}

.swiper-slide-next-next .comparison__char-slide-head {
	border-radius: 0 12px 12px 0;
}

.comparison__char-slide-item-mob {
	display: none;

	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #090404;
	opacity: 0.5;
}

.comparison__char-slide-head span {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;

	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
	word-break: break-word;
}

.comparison__char-slide-list {}

.comparison__char-slide-list li {
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	color: #090404;

	padding: 20px 0;
	border-bottom: 1px solid #f6f6f6;
}

.comparison__char-slide-item {}

/* -------------------------order-modal------------------------- */

.order-modal__window {
	max-width: 770px;
}

.order__statut-price {}

.order__statut-price-value {
	font-weight: 600;
	font-size: 15px;
	line-height: 100%;
	color: #090404;
}

.order__statut-action {
	display: flex;
	align-items: center;
	gap: 16px;
}

.order-modal__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.order-modal__result-price {
	display: flex;
	align-items: center;
	gap: 12px;

	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	color: #090404;
}

.order-modal__result-price-value {
	font-weight: 700;
	font-size: 32px;
	line-height: 100%;
	color: #090404;
}

.order-modal-btn {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;

	padding: 15px;
	border-radius: 12px;
	max-width: 270px;
	width: 100%;
}

/* -------------------------media-------------------------*/

@media(max-width:1240px) {
	.account__table-wrapper {
		max-width: 700px;
	}

	.account__info-wrapper {
		max-width: 700px;
	}

	.account__info-box-cost {
		width: 185px;
	}


	.catalog-modal__window {
		justify-content: flex-start;
		padding: 41px 25px 67px 25px;
	}

	.preview__inner {
		flex-direction: column;
	}

	.preview__left a {
		width: 100%;
		text-align: center;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		display: flex;
	}

	.preview__pagination span {
		width: 100%;
	}

	.preview__left {
		min-height: unset;
		gap: 60px;
	}

	.preview__right {
		margin: 0 auto;
	}

	.preview__subtitle br {
		display: none;
	}

	.header__list {
		margin: unset;
	}

	.footer__links {
		margin: 0 0 0 0;
	}
}

@media(max-width:1120px) {
	.catalog-modal__accordion-content {
		grid-template-columns: repeat(3, 1fr);
	}

	.category__cards {
		flex-wrap: wrap;
	}

	.category__card {
		flex: 1 1 47%;
	}

	.header-bot__list {
		gap: 20px;
	}

	.header-bot__left {
		gap: 20px;
	}

	.carpets__cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.items__card-count button {
		width: 100%;
	}

	.items__card-count {
		width: 100%;
	}

	.product-card__inner {
		flex-direction: column;
	}

	.product-card__sliders {
		flex-direction: column-reverse;
		margin-bottom: 36px;
	}

	.product-card__left-swiper {
		display: flex;
		flex-direction: row;
	}

	.product-card__left-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 60px;
	}

	.product-card__left {
		margin: 0;
	}

	.product-card__main {
		max-width: unset;
		margin-bottom: 14px;
	}

	.product-card__main-slide {
		display: flex;
		justify-content: center;
	}

	.product-card__sliders-title {
		display: inline-block;
		margin-bottom: 42px;
	}

	.product-card__title {
		display: none;
	}

	.product-card__list {
		display: none;
	}

	.page__description {
		margin: 54px 0 96px 0;
	}

	.description__inner {
		max-width: unset;
	}

	.order__inner {
		flex-direction: column;
		gap: 48px;
	}

	.order__main {
		max-width: unset;
	}

	.order__progress-bar-list {
		max-width: unset;
	}

	.order__progress-bar-list::after {
		width: calc(100% - 60px);
		max-width: 943px;
	}

	.order__status {
		max-width: unset;
	}
}

@media(max-width:960px) {
	.account__form {
		padding: 32px 14px;
	}

	.account__form-label button {
		font-size: 12px;
		max-width: 106px;
	}

	.account__form-phone {
		padding: 8px 6px 8px 16px;
	}

	.account__form-labels {
		margin: 32px 0 24px 0;
		grid-template-columns: repeat(1, 1fr);
	}

	.account__form-label-2 {
		grid-column: 1/1;
	}

	.account__info-box-status,
	.account__info-box-cost {
		width: unset;
	}

	.page__account {
		margin-bottom: 64px;
	}

	.account__nav-title {
		display: none;
	}

	.account__nav-title--hide {
		display: block;
	}

	.account__info-wrapper {
		max-width: unset;
	}

	.account__table-wrapper {
		max-width: unset;
	}

	.account__info-head {
		display: none;
	}

	.account__info-main {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6px 6px;
	}

	.account__info-row {
		display: block;
		border: 1px solid #f6f6f6;
		border-radius: 8px;
		padding: 10px;
	}

	.account__info-main-box-mob {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.account__info-box-number .account__info-main-box-content {
		display: none;
	}

	.account__info-box-cost .account__info-main-box-content {
		display: none;
	}

	.account__info-main-box-mob {
		font-size: 16px;
	}

	.account__info-box-status .account__info-main-box-content {
		opacity: 0.5;
	}

	.account__info-box-left {
		flex-direction: column;
		gap: 12px;
	}

	.account__table-main {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6px 6px;
	}

	.account__table-row {
		justify-content: space-between;
		flex-direction: column;
		border: 1px solid #f6f6f6;
		border-radius: 8px;
	}

	.account__table-box-left {
		flex-direction: column;
		gap: 4px;
		margin-bottom: 12px;
	}

	.account__table-head {
		display: none;
	}

	.account__table-main-box-mob {
		display: block;

		opacity: 0.5;
	}

	.account__table-box-pay .account__table-main-box-content {
		display: none;
	}

	.account__table-box-number .account__table-main-box-content {
		display: none;
	}

	.account__table-box-number .account__table-main-box-mob {
		opacity: 1;
		font-size: 16px;
	}

	.account__table-main-box {
		display: flex;
		justify-content: space-between;
		width: 100%;

	}

	.account__table-main-box-mob-2 {
		opacity: 1;
	}

	.account__table-main-box:not(:last-child) {
		border-bottom: 1px solid #f6f6f6;

		padding-bottom: 8px;
	}

	.account__table-box-left .account__table-main-box {
		border-bottom: unset;
		padding-bottom: 0;
	}

	.account__inner {
		flex-direction: column;
	}

	.account__nav {
		display: none;
	}

	.account__form-labels {
		flex-direction: column;
	}

	.account__form-btn {
		max-width: unset;
	}

	.account__nav-btn {
		display: none;
	}

	.account__inner h2 {
		margin: 0;
	}

	.catalog-modal__window {}

	.catalog-modal__left {
		max-width: unset;
	}

	.catalog-modal__tabs {
		display: none;
	}

	.catalog-modal__window {
		flex-direction: column-reverse;
		gap: 0;
		padding: 24px 14px 32px 14px;
		justify-content: space-between;
		max-height: unset;
		height: calc(100% - 150px);
	}

	.catalog-modal__accordions {
		max-width: unset;
	}

	.catalog-modal__accordion-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	.catalog-modal__accordion {
		max-width: unset;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.catalog-modal__btn {
		margin: 18px 0 0 0;
	}

	.catalog-modal__accordion-column-list {
		display: none;
	}

	.catalog-modal__accordion-content {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
		max-height: 0;
		overflow: hidden;
	}

	.catalog-modal__accordion-column:first-child {
		padding: 16px 0 0 0;
	}

	.catalog-modal__accordion-column:last-child {
		padding: 0 0 16px 0;
	}

	.catalog-modal__accordion-column span {
		margin: 0;
		opacity: 0.5;
	}

	.catalog-modal__accordion-head span {
		opacity: 0.5;
	}

	.catalog-modal__accordion-head--active span {
		opacity: 1;
	}

	.order__form-question--active .order__form-btn {
		display: inline-block;
	}

	.header-top {
		display: none;
	}

	.header-bot {
		position: relative;
		min-height: 115px;
		align-items: flex-start;
	}

	.header__search {
		position: absolute;
		bottom: 0;
		left: 0;
		max-width: unset;
	}

	.header-bot__link-text {
		display: none;
	}

	.header-bot__item {
		border-radius: 6px;
		background: #f6f6f6;
		padding: 11px;
		max-width: 32px;
		max-height: 32px;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header-bot__list {
		min-height: 46px;
		gap: 20px;
	}

	.header-bot__right {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.burger-btn {
		display: flex;
	}

	.header__catalog {
		display: none;
	}

	.header-bot__left {
		min-height: 46px;
	}

	.header-button--active {
		background: #ff7f00;
	}

	.footer-top {
		flex-direction: column-reverse;
		gap: 40px;
	}

	.footer-top__right {
		max-width: unset;
		gap: 20px;
	}

	.footer__column-3 {
		grid-column: 1/1;
		grid-row: 2/2;
	}

	.footer-top__left {
		max-width: unset;
	}

	.footer-bot {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.footer__desc {
		grid-column: 2/2;
		grid-row: 2/2;
		justify-self: center;
	}

	.footer__info {
		grid-column: 2/1;
		grid-row: 2/2;
		justify-self: center;
	}

	.footer__links {
		grid-column: 1/3;
		justify-self: center;
	}

	.carpets-content {
		flex-direction: column;
	}

	.carpets-dropdown-group {
		display: none;
	}

	.carpets__accordion-body {
		max-height: unset;
		margin-bottom: unset;
		padding: 20px 0;
	}

	.carpets__accordion-content {
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		max-height: 0;
	}

	.carpets__accordion-content--show {
		transition: ease .2s;
		opacity: 1;
		pointer-events: all;
		overflow: visible;
	}

	.carpets__accordion-more {
		display: none;
	}

	.carpets__accordion-arrow {
		opacity: 1;
		pointer-events: all;
	}

	.carpets__accordion-head {
		border-top: 1px solid #F6F6F6;
		border-bottom: 1px solid #f6f6f6;
		margin-bottom: unset;
		padding: 14px 0;
	}

	.carpets__accordions {
		gap: unset;
	}

	.carpets__accordion-head span {
		opacity: 1;
	}

	.carpets__filters-btns {
		display: none;
	}

	.carpets-modal__btn {
		display: flex;
	}

	.carpets-content .carpets-left {
		display: none;
	}

	.carpets__accordion-head--active .carpets__accordion-arrow {
		transform: rotate(180deg);
	}

	.same-top__btns {
		display: none;
	}

	.same__cards .items__card {
		max-width: 220px;
	}

	.order__form-question {
		display: none;
	}

	.order__form-question.order__form-question--active {
		display: block;
	}

	.order-dropdown__list {
		top: 79px;
	}

	.order__status-result {
		margin: 0 0 20px 0;
	}

	.order__progress-bar-count-2 {
		width: 16px;
		height: 16px;
	}

	.order__status-2 .order__status-coupon {
		display: none;
	}

	.order__status-2 .order__status-order {
		display: none;
	}

	.order__status-2 .order__status-result {
		padding: 20px 0 0 0;
		border-top: 1px solid rgb(9, 4, 4, 0.1);
		margin: 0;
	}

	.thanks__inner {
		flex-direction: column;
		padding: 24px 14px;
	}

	.thanks__info {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: unset;
	}

	.thanks__inner p {
		text-align: center;
	}

	.thanks__inner h2 {
		text-align: center;
	}
}

@media(max-width:820px) {
	.kp1-modal__window {
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.kp1-modal-right {
		width: 100%;
	}

	.kp1-modal__window .kp1-modal__close {
		position: absolute;
		top: 28px;
		right: 28px;
		width: 32px;
		height: 32px;
		z-index: 2;

		background: #f8f8f8;
		border-radius: 8px;
	}

	.kp1-modal__window .kp1-modal__close-img {
		width: 16px;
		height: 16px;
	}

	.kp1-modal-left {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.modal-bot__btns p {
		font-size: 12px;
	}
}

@media(max-width:768px) {
	.comparison__sidebar {
		display: none;
	}

	.comparison__slider-body {
		width: 100%;
	}

	.comparison__content-left {
		display: none;
	}

	.comparison__content-right {
		width: 100%;
	}

	.swiper-slide-next .comparison__char-slide-head {
		border-radius: 0 12px 12px 0;
	}

	.swiper-slide-active .comparison__char-slide-head {
		border-radius: 12px 0 0 12px;
	}

	.comparison__char-slide-head {
		padding: 16px;
	}

	.comparison__char-slide-list li {
		padding: 20px 16px;
	}

	.comparison__slider-body {
		position: relative;
	}

	.comparison__slider-btn {
		z-index: 2;
		top: 50%;
		transform: translateY(-50%);
	}

	.comparison__slider-btn-prev {
		left: 10px;
		right: auto;
	}

	.comparison__slider-btn-next {
		right: 10px;
	}

	.comparison__char-slide-item-mob {
		display: block;
		opacity: 0;
		transition: all .3s ease;
	}

	.swiper-slide-active .comparison__char-slide-item-mob {
		opacity: .5;
	}







	.order-modal .order__status-item {
		flex-wrap: wrap;
		position: relative;
	}

	.order-modal .order__status-left {
		width: 100%;
	}

	.order__statut-action {
		position: absolute;
		top: 20px;
		right: 0;
	}
}

@media(max-width:720px) {
	.account__bottom-nav-list li {
		font-size: 12px;
	}

	.account__bottom-nav-link {
		max-width: 32px;
		min-width: 32px;
	}

	.account__bottom-nav-btn {
		width: 32px;
		height: 32px;
	}

	.account__bottom-nav-points {
		max-width: 32px;
		min-width: 32px;
	}

	.reg-modal__btns {
		gap: 14px;
	}

	.main-modal {
		padding: 14px;
	}

	.modal-window {
		padding: 26px 14px 24px 14px;
		gap: 24px;
	}

	.modal-img {
		max-width: 24px;
	}

	.preview__inner {
		padding: 38px 0 0 0;
	}

	.preview__left-btn {
		margin-bottom: 12px;
	}

	.preview__left {
		gap: 24px;
	}

	.preview__slide-img {
		max-width: 100%;
	}

	.items__top {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}

	.items__top ul {
		width: 100%;
	}

	.items__top li {
		width: 100%;
		text-align: center;
	}

	.page__items {
		margin-bottom: 86px;
	}

	.page__category {
		background: unset;
	}

	.category__inner {
		padding: unset;
	}

	.footer-top__right {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer__column-4 {
		grid-column: 2/3;
		grid-row: 1/2;
	}

	.footer__column-2 {
		grid-column: 1/2;
		grid-row: 2/2;
	}

	.footer__column-3 {
		grid-column: 2/2;
		grid-row: 2/2;
	}

	.footer__info {
		justify-self: flex-start;
	}

	.footer__desc {
		justify-self: flex-start;
		align-self: flex-start;
	}

	.footer__links {
		flex-wrap: wrap;
	}

	.footer-bot {
		gap: 24px;
	}

	.nav__item-now-2 {
		display: inline-block;
		/* чтобы работало обрезание */
		width: 183px;
		/* фиксированная ширина */
		white-space: nowrap;
		/* запрет переноса строки */
		overflow: hidden;
		/* скрываем лишний текст */
		text-overflow: ellipsis;
		/* добавляем "..." */
		vertical-align: middle;
		/* выравнивание по линии текста */
	}

	.order__form-labels {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.order__form-label-1 {
		grid-column: unset;
	}

	.page__order {
		margin: 0 0 64px 0;
	}
}

@media(max-width:600px) {
	.comparison__container {
		padding: 0 !important;
	}

	.comparison__body,
	.comparison__title {
		padding: 0 14px;
	}

	.comparison__char-slide-head {
		border-radius: 0 !important;
	}

	.comparison__char-slide-head span {
		font-size: 14px;
	}

	.comparison__char-slide-head span {
		-webkit-line-clamp: 2;
	}

	.comparison__char-slide-head {
		min-height: 60px;
	}

	.comparison__char-slide-list li {
		font-size: 14px;
		padding: 16px 14px;

		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.comparison__title {
		font-size: 24px;
	}
}

@media(max-width:520px) {

	.green-box,
	.red-box {
		font-size: 10px;
	}

	.account__table-row {
		gap: 8px;
		padding: 12px 10px;
		max-height: 130px;
	}

	.account__table-box-left {
		margin-bottom: 4px;
	}

	.account__table-box-cost .account__table-main-box-mob {
		font-size: 10px;
	}

	.account__table-box-delivery .account__table-main-box-mob {
		font-size: 10px;
	}

	.account__table-box-pay .account__table-main-box-mob {
		font-size: 10px;
	}

	.account__table-box-delivery .account__table-main-box-content {
		font-size: 10px;
	}

	.account__table-box-cost .account__table-main-box-content {
		font-size: 10px;
	}

	.account__inner h2 {
		font-size: 20px;
	}

	.account__inner {
		margin: 31px 0 0 0;
	}

	.account__info-main-box-mob-2 {
		font-size: 10px;
	}

	.account__info-box-status .account__info-main-box-content {
		font-size: 10px;
	}

	.catalog-modal__window {
		height: calc(100% - 50px);
	}

	.catalog-modal {
		top: 60px;
	}

	.catalog-modal__accordion-column span {
		font-size: 14px;
	}

	.catalog-modal__window {
		padding: 0 14px 32px 14px;
	}

	.modal-input {
		font-size: 14px;
	}

	.modal-input::placeholder {
		font-size: 14px;
	}

	.modal-btn,
	.modal-bot__btn {
		font-size: 14px;
	}

	.modal-top h2 {
		font-size: 20px;
	}

	.thanks__inner h2 {
		font-size: 16px;
	}

	.thanks__inner p {
		font-size: 12px;
		line-height: 150%;
	}

	.number__inner h2 {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.number__item {
		align-items: flex-start;
	}

	.number__item-left {
		align-items: flex-start;
		gap: 14px;
	}

	.number__info {
		gap: 6px;
	}

	.number__item {
		padding: 14px 0;
	}

	.number__desc-free {
		font-size: 16px;
	}

	.number__desc {
		gap: 13px;
	}

	.buyer__card {
		grid-template-columns: repeat(1, 1fr);
		padding: 14px 14px 24px 14px;
		gap: 23px;
		margin-bottom: 31px;
	}

	.buyer__card-info-3 {
		grid-row: 2/2;
	}

	.number__info h5 {
		font-size: 12px;
	}

	.number__info-size {
		font-size: 10px;
	}

	.number__info-black {
		font-size: 10px;
	}

	.number__title-count {
		font-size: 16px;
	}

	.number__img {
		max-width: 48px;
	}

	.header__logo-img {
		max-width: 190px;
	}

	.page__thanks {
		margin: 36px 0 20px 0;
	}

	.thanks__img {
		max-width: 165px;
	}

	.container {
		padding: 0 14px;
	}

	.footer__info {
		flex-direction: column;
		gap: 14px;
		align-items: flex-start;
	}

	.header-bot__list {
		gap: 6px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.header-bot__item-4 {
		grid-column: 2/3;
		grid-row: 1/1;
	}

	.header-bot__right {
		gap: 6px;
	}

	.header__logo-img {
		max-width: 127px;
	}

	.header-bot__link-svg {
		max-width: 12px;
	}

	.header__inner {
		padding: 12px 0 0 0;
	}

	.burger-btn {
		max-width: 32px;
		max-height: 32px;
	}

	.header-bot__link {
		max-width: 32px;
		max-height: 32px;
	}

	.header__search-input {
		padding: 10px 0;
		font-size: 12px;
	}

	.header__search-img {
		max-width: 12px;
	}

	.header-bot {
		min-height: 85px;
	}

	.header__search-label {
		padding: 0 11px 0 10px;
	}

	.preview__left-btn p {
		font-size: 12px;
		padding: 8px 16px;
	}

	h1 {
		font-size: 28px;
		max-width: 294px;
		line-height: 121%;
	}

	.preview__inner {
		padding: 25px 0 0 0;
	}

	.preview__left p {
		font-size: 12px;
		line-height: 158%;
		max-width: 322px;
	}

	.preview__content {
		gap: 32px;
	}

	.preview__left a {
		font-size: 12px;
		padding: 12px 10px;
		border-radius: 6px;
	}

	.preview__inner {
		gap: 18px;
	}

	.page__about {
		border: 1px solid #f5f5f5;
		margin-bottom: 85px;
	}

	.about__card {
		border: unset;
		padding: 14px 0 13px 0;
		gap: 14px;
	}

	.about__card-list dt {
		font-size: 14px;
	}

	.about__card-list dd {
		font-size: 12px;
		max-width: 218px;
		line-height: 134%;
	}

	.about__card:not(:last-child) {
		border-bottom: 1px solid #f5f5f5;
	}

	.h2-title {
		font-size: 28px;
	}

	.items__top .tab--active {
		font-size: 12px;
	}

	.items__top li {
		font-size: 12px;
		padding: 10px 13px;
	}

	.items__top ul {
		gap: 7px;
	}

	.items__cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 7px;
	}

	.items__card-about-left p {
		opacity: 0;
		pointer-events: none;
	}

	.items__card-about {
		padding: 10px;
	}

	.items__card-btn-svg {
		max-width: 14px;
	}

	.items__card-btn {
		padding: 6px 5px;
		max-height: 24px;
		border-radius: 4px;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.items__card-btns {
		gap: 10px;
	}

	.items__card-img {
		border-radius: 6px;
	}

	.items__card-cost {
		font-size: 12px;
	}

	.items__card-top {
		gap: 13px;
	}

	.items__card-desc {
		font-size: 10px;
	}

	.items__card-info {
		gap: 6px;
	}

	.items__card-availability {
		font-size: 10px;
		margin: 3px 0 0 0;
	}

	.items__card-shop,
	.btn-grey {
		padding: 8px 10px;
		font-size: 10px;
	}

	.items__card {
		gap: 13px;
	}

	.items__card-about-left span {
		opacity: 0;
		pointer-events: none;
	}

	.items__card-discount {
		opacity: 0;
		pointer-events: none;
	}

	.category__title {
		font-size: 26px;
	}

	.category__card p {
		font-size: 14px;
	}

	.page__news {
		padding: 86px 0 73px 0;
	}

	.news__title {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.news__card-slide {
		max-width: 163px;
	}

	.news__card-img {
		max-width: 163px;
		margin-bottom: 13px;
	}

	.news__card-list {
		gap: 4px;
		margin-bottom: 5px;
		flex-wrap: wrap;
	}

	.news__card-list li {
		font-size: 10px;
		gap: 4px;
	}

	.news__card-slide span {
		font-size: 12px;
	}

	.footer {
		border-radius: 12px 12px 0 0;
		padding: 35px 0;
	}

	.footer__column-title {
		font-size: 12px;
	}

	.footer__item {
		font-size: 12px;
	}

	.footer-top__right {
		gap: 10px 0px;
	}

	.footer__list {
		gap: 7px;
	}

	.footer-top {
		gap: 23px;
	}

	.footer-top__left {
		gap: 2px;
	}

	.footer__item-2 {
		gap: 20px;
	}

	.footer__list-2 {
		gap: 12px;
	}

	.footer__list-3 {
		margin: -6px 0 0 0;
	}

	.footer-top {
		padding: 0 0 25px 0;
	}

	.footer-bot {
		padding: 27px 0 0 0;
		gap: 22px;
	}

	.footer__info-item {
		font-size: 12px;
	}

	.footer__info {
		gap: 8px;
	}

	.footer__desc {
		font-size: 12px;
	}

	.nav__list {
		gap: 8px;
	}

	.nav__item:not(:last-child)::after {
		margin-left: 5px;
		font-size: 12px;
	}

	.nav__item-link {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 12px;
		line-height: 100%;
		color: #090404;
	}

	.nav__item-now {
		opacity: 0.5;
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 12px;
		line-height: 100%;
		color: #090404;

		max-width: 119px;
	}

	.page__carpets {
		margin: 36px 0 96px 0;
	}

	.carpets-top {
		margin-bottom: 24px;
	}

	.carpets__cards {
		gap: 24px 6px;
	}

	.carpets-modal__btn {
		margin-bottom: 23px;
	}

	.items__card-sizes span {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.items__card-sizes-list {
		gap: 5px 8px;
	}

	.items__card-sizes {
		margin: -4px 0 0 0;
	}

	.carpets__cards .items__card {
		gap: 12px;
	}

	.carpets__cards {
		gap: 22px 6px;
	}

	.items__card-count {
		gap: 6px;
	}

	.items__card-basket {
		font-size: 10px;
		padding: 8px 10px;
	}

	.items__card-count button {
		font-size: 10px;
		height: 28px;
		width: 26px;
	}

	.items__card-count {
		justify-content: space-between;
	}

	.carpets__links {
		gap: 0px;
	}

	.carpets__link {
		max-width: 32px;
		max-height: 32px;
	}

	.carpets__link img {
		max-width: 10px;
		max-height: 13px;
	}

	.carpets__link-number {
		padding: 10px 13px;
		font-size: 12px;
	}

	.carpets__link-numbers {
		max-width: 224px;
	}

	.article__list li {
		font-size: 12px;
	}

	.article__title {
		margin-bottom: 18px;
	}

	.article__link {
		font-size: 12px;
		text-decoration: underline;
		text-decoration-skip-ink: none;
	}

	.article__list {
		margin-bottom: 14px;
	}

	.article__inner {
		padding: 96px 0;
	}

	.page__product-card {
		margin: 48px 0 0 0;
	}

	.product-card__sliders-title {
		font-weight: 500;
		font-size: 24px;
		line-height: 117%;
		margin-bottom: 24px;
	}

	.product-card__main-img {
		width: 100%;
		max-width: 300px;
	}

	.product-card__btns .product-card__btn {
		padding: 7px 10px 8px 9px;
	}

	.product-card__btns {
		left: 0;
		bottom: 13px;
		gap: 12px;

	}

	.product-items__card-btn {
		max-width: 32px;
		max-height: 32px;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.product-items__card-btns {
		gap: 12px;
		bottom: 13px;
		right: 0px;
	}

	.product-card__accordion p {
		font-size: 12px;
	}

	.product-card__accordion-name {
		font-size: 12px;
	}

	.product-card__accordion-item {
		padding: 10px 0 9px 0;
	}

	.product-card__accordion-desc {
		font-size: 12px;
	}

	.product-card__accordion button {
		font-size: 12px;
	}

	.product-card__accordion-list {
		max-height: 124px;
	}

	.product-card__accordion {
		margin-bottom: 35px;
	}

	.product-card__sizes-container p {
		font-size: 12px;
		margin-bottom: 13px;
	}

	.product-card__size {
		font-size: 15px;
		padding: 12px;
	}

	.product-card__size--active {
		padding: 10px;
	}

	.product-card__cost {
		gap: 11px;
	}

	.product-card__btn {
		padding: 13px 20px;
	}

	.basket-btn {
		font-size: 14px;
	}

	.click-btn {
		font-size: 14px;
	}

	.description__item {
		padding: 14px 10px;
		font-size: 10px;
	}

	.description__items {
		gap: 7px;
		margin-bottom: 18px;
	}

	.page__description {
		margin: 62px 0 62px 0;
	}

	.description__tabs li {
		font-size: 12px;
	}

	.same-top {
		margin-bottom: 24px;
	}

	.same__cards .items__card {
		max-width: 163px;
	}

	.article__inner-2 {
		padding: 62px 0 94px 0;
	}

	.burger-menu {
		height: calc(100% - 60px);
	}

	.items__card-bottom {
		gap: 5px;
	}

	.items__card-sizes-btn {
		font-size: 8px;
		padding: 4px;
	}

	.items__card-sizes-btn--active {
		padding: 3px;
	}

	.order__inner {
		margin: 31px 0 0 0;
	}

	.order__progress-bar-list::after {
		top: 34%;
	}

	.order__form-question h2 {
		font-size: 16px;
		margin-bottom: 24px;
	}

	.order__form-label-3 {
		grid-row: 2/2;
	}

	.order__status-name {
		font-size: 12px;
	}

	.order__status-btn-img {
		max-width: 12px;
	}

	.order__statut-btns-container {
		max-width: 87px;
		gap: 6px;
		margin: -5px 0 0 0;
	}

	.order-modal .order__statut-btns-container {
		max-width: 180px;
		align-items: start;
		justify-content: start;
		padding: 0px 0px 0px 60px;
	}

	.order-modal .order__status-thing {
		align-self: unset;
	}

	.order__statut-action {
		flex-direction: column-reverse;
	}

	.order-modal .order__status-btns {
		width: 100%;
	}

	.order__status-count {
		font-size: 12px;
	}

	.order__status-info {
		margin: 0 0 0 -15px;
	}

	.order__status-item {
		gap: 5px;
		align-items: flex-start;
		padding: 21px 0 16px 0;
	}

	.order-modal .order__status-item {
		gap: 19px 5px;
	}

	.order-modal .order__status-img {
		max-width: 48px;
		max-height: 48px;
		min-width: 48px;
		display: block;
	}

	.order-modal .order__status-left {
		gap: 26px;
	}

	.order__status-size {
		font-size: 10px;
	}

	.order__status-btns {
		gap: 10px;
		padding: 0 9px;
	}

	.order__status-btn {
		padding: 9px 0;
	}

	.order__status-img {
		max-width: 48px;
	}

	.order__progress-bar-item {
		gap: 10px;
	}

	.order__progress-bar-name {
		line-height: 34%;
	}

	.page__nav {
		margin: 10px 0 0 0;
	}

	.order__progress-bar-circle {
		width: 26px;
		height: 26px;
	}

	.order__progress-bar-count {
		font-size: 12px;
	}

	.order__status-details-info {
		font-size: 14px;
	}

	.order__status-details-cost {
		font-size: 14px;
	}

	.order__status-card {
		padding: 15px 14px 20px 14px;
	}

	.order__status-list:not(:last-child) {
		margin-bottom: 16px;
	}

	.order__status-details-delivery {
		font-size: 14px;
	}

	.order__status-details-discount {
		font-size: 14px;
	}

	.order__status-details {
		gap: 17px;
		margin-bottom: 20px;
	}

	.order__status-label {
		padding: 7px 7px 7px 15px;
	}

	.order__status-submit {
		font-size: 12px;
		max-width: 106px;
	}

	.order__status-input {
		max-width: 150px;
	}

	.order__status-result-text {
		font-size: 14px;
	}

	.order__status-coupon {
		margin: 0 0 20px 0;
	}

	.order__status-result-cost {
		font-size: 20px;
	}

	.header__inner-2 {
		padding: 24px 0;
	}

	.order-modal-btn {
		max-width: unset;
	}

	.order-modal__result-price {
		font-size: 15px;
	}

	.order-modal__result-price-value {
		font-size: 24px;
	}

	.page__comparison {
		margin: 36px 0px 64px 0px;
	}

	.comparison__title{
		margin: 0px 0px 24px 0px;
	}
}

@media(max-width:360px) {
	.category__cards {
		display: grid;
	}

	.category__card-2 {
		grid-column: 1/1;
		grid-row: 1/1;
	}

	.category__card-5 {
		grid-column: 1/2;
		grid-row: 3/3;
		padding: 3px 20px 0 20px;
	}

	.category__card-1 {
		grid-column: 3/3;
		grid-row: 3/3;
	}

	.category__card-3 {
		grid-column: 3/3;
		grid-row: 1/1;
		padding: 31px 20px 0 20px;
		max-height: 157px;
	}

	.category__card-img {
		width: 100%;
		max-width: unset;
	}

	.category__card {
		max-width: 166px;
		width: 100%;
		min-height: 157px;
	}

	.category__card-4 {
		grid-column: 1/4;
		grid-row: 2/2;
		max-width: unset;
		padding: 7px 20px 0 20px;
	}

	.category__card-img {
		transform: translateY(14%);
	}

	.category__card-4 .category__card-img {
		max-height: 102px;
	}

	.category__link {
		font-size: 12px;
		padding: 12px 10px;
	}

	.category__cards {
		max-height: 471px;
	}

	.carpets-modal__top span {
		font-size: 14px;
	}

	.carpets__accordion-head span {
		font-size: 14px;
	}

	.carpets__accordion-item span {
		font-size: 14px;
	}

}

/* Многоуровневое меню каталога на мобилке: подкатегория раскрывает ссылки */
@media(max-width:960px) {
	.catalog-modal__accordion-column-head {
		padding: 14px 0;
		cursor: pointer;
	}

	.catalog-modal__accordion-column:first-child .catalog-modal__accordion-column-head {
		padding-top: 0;
	}

	.catalog-modal__accordion-column-arrow {
		display: block;
		width: 10px;
		flex-shrink: 0;
	}

	.catalog-modal__accordion-column-head--active .catalog-modal__accordion-column-arrow {
		transform: rotate(180deg);
	}

	.catalog-modal__accordion-column-list--show {
		display: flex;
		padding: 0 0 14px 12px;
	}
}