html {
font-size: calc(100vw / 1920 * 10);
}
body {
font-family: 'Google Sans';
font-weight: 400;
transition: all .2s linear !important;
min-height: 100vh;
font-size: 1.6rem;
color: #2E363D;
background: #F7F7F9;
}
a, h1, h2, h3, h4, h5, p, span, button, ul, li {
padding: 0;
margin: 0;
background: transparent;
text-decoration: none;
border: none;
transition: all .2s linear;
color: #2E363D;
}
input, textarea, select {
padding: 0;
margin: 0;
background: transparent;
border: none;
outline: none;
transition: all .2s linear;
}
.container {
max-width: 172rem;
width: 100%;
padding-left: 0;
padding-right: 0;
}
div {
transition: all .2s linear;
}
path, rect, circle {
transition: all .2s linear;
}
main {
display: flex;
flex-direction: column;
}
svg {
vertical-align: middle;
overflow: visible;
}
/* header */
header {
padding: 2.5rem 0;
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: .3s all;
}
.header-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-row {
display: flex;
align-items: center;
gap: 4rem;
}
.logo {
display: flex;
}
.logo img {
width: 18rem;
}
.header-region {
display: flex;
align-items: center;
gap: 0.8rem;
min-height: 4.6rem;
padding: 1rem 1.6rem;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 10rem;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-weight: 500;
line-height: 145%;
white-space: nowrap;
transition: .3s all;
}
.header-region__pin {
width: 2rem;
height: auto;
flex-shrink: 0;
}
.header-region__arrow {
width: 1.6rem;
height: auto;
flex-shrink: 0;
transition: .3s all;
}
.header-region:hover,
.header-region:focus-visible {
background: #D8AD55;
border-color: #D8AD55;
}
.header-catalog {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.2rem 3rem;
border-radius: 10rem;
border: 1px solid #D8AD55;
background: #D8AD55;
}
.header-catalog svg {
width: 2.2rem;
height: auto;
}
.header-catalog svg:nth-child(2) {
display: none;
}
.header-catalog p {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-main {
display: flex;
align-items: center;
gap: 11rem;
}
.header-menu {
display: flex;
align-items: center;
gap: 6rem;
}
.header-menu .topmenu {
display: flex;
align-items: center;
gap: 2rem;
}
.header-menu .topmenu > li {
position: relative;
display: flex;
}
.header-menu .topmenu > li > a {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-menu .topmenu > li > a.active, .header-menu .submenu a:hover {
color: #D8AD55;
}
.header-menu .submenu {
position: absolute;
z-index: 5;
min-width: 28rem;
border-radius: 3rem;
background: #FFF;
visibility: hidden;
opacity: 0;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
transition: .3s linear;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
top: 100%;
margin-top: 4.8rem;
padding: 2.5rem 3rem;
}
.header-menu .submenu li {
position: relative;
display: flex;
}
.header-menu .submenu li a {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-menu .submenu .submenu {
position: absolute;
left: 100%;
top: -1px;
transition: .3s linear;
}
.header-menu nav li:hover > .submenu {
transform: rotateX(0deg);
visibility: visible;
opacity: 1;
}
header .search {
display: flex;
position: relative;
}
.search_open {
width: 4.6rem;
height: 4.6rem;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.06);
border-radius: 100%;
}
.search_open svg {
width: 2rem;
height: auto;
}
.header-buttons {
display: flex;
align-items: center;
gap: 5.5rem;
}
.header-info {
display: flex;
align-items: center;
gap: 0.5rem;
}
.header-info > a {
display: flex;
}
.header-info > a svg, .header-info > a img{
width: 4.6rem;
height: auto;
}
.header-callback {
padding: 1.2rem 4rem;
border-radius: 10rem;
border: 1px solid #FFF;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-actions {
display: flex;
align-items: center;
gap: 0.5rem;
}
.header-action {
width: 4.6rem;
height: 4.6rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #2E363D;
position: relative;
}
.header-action svg {
width: 2rem;
height: auto;
}
.header-action__block {
display: flex;
position: relative;
}
.header-action__content {
height: 0;
position: absolute;
overflow: hidden;
transition: .5s all;
opacity: 0;
top: 100%;
margin-top: 4rem;
border-radius: 3rem;
background: #FFF;
display: flex;
flex-direction: column;
gap: 2rem;
width: 24rem;
right: -5rem;
}
.header-action__content nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.header-action__content nav ul li {
display: flex;
}
.header-action__content nav ul li a {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-action__bottom {
border-top: 1px solid #D3D9E5;
padding-top: 2rem;
}
.header-action__bottom a {
color: #9CA2A6;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.header-action__bottom a:hover, .header-action__content nav ul li a.active, .header-action__content nav ul li a:hover {
color: #D8AD55;
}
.header-menu .topmenu > li > a:hover, .header-menu .topmenu > li > a.active {
color: #D8AD55;
}
.header-action__block:hover .header-action__content {
height: auto;
opacity: 1;
padding: 2.5rem 3rem;
}
.cart_count {
display: flex;
width: 1.8rem;
height: 1.8rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #FFF;
color: #889097;
text-align: center;
font-family: "Inter Tight";
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 90%;
padding-top: 0.2rem;
position: absolute;
top: -0.5rem;
right: -0.4rem;
}
.burger-open {
display: none;
}
.mobile_menu {
display: none;
}
header.top {
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #D9D9D9;
}
@media screen and (max-width: 992px) {
html {
font-size: calc(100vw / 375 * 10);
}
.container {
max-width: 34.5rem;
}
.header-menu {
display: none;
}
.header-info {
display: flex;
flex-shrink: 0;
gap: 0.2rem;
}
.header-info .header-callback {
display: none;
}
.header-info > a {
width: 2.6rem;
height: 2.6rem;
}
.header-info > a svg,
.header-info > a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.header-catalog {
display: none;
}
header {
padding: 1.5rem 0;
}
.mobile_menu.active {
display: flex;
position: fixed;
top: 6.6rem;
left: 0;
z-index: 99;
width: 100%;
height: calc(100vh - 6.6rem);
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #D9D9D9;
flex-direction: column;
padding: 4rem 1.5rem;
overflow-y: auto;
}
body.menu-active {
overflow: hidden;
}
body.menu-active header {
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #D9D9D9;
}
.mobile_menu nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.mobile_menu nav ul li {
display: flex;
}
.mobile_menu nav ul li a {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.burger-open {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 2.8rem;
height: 2.8rem;
gap: 0.4rem;
position: relative;
z-index: 999;
border-radius: 100%;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #2E363D;
}
.header-container {
gap: 0.4rem;
justify-content: flex-start;
}
.header-row {
gap: 0.4rem;
}
.logo img {
width: 7.2rem;
}
.header-region {
width: 2.8rem;
min-width: 2.8rem;
height: 2.8rem;
min-height: 2.8rem;
padding: 0;
justify-content: center;
}
.header-region__pin {
width: 1.5rem;
}
.header-region__label,
.header-region__arrow {
display: none;
}
.header-main {
margin-left: auto;
}
.header-buttons {
gap: 0.4rem;
}
.bar {
height: 1px;
width: 1.6rem;
background: #FFF;
border-radius: 0.2rem;
}
.change .bar:nth-child(1) {
transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
}
.change .bar:nth-child(2) {
opacity: 0;
}
.change .bar:nth-child(3) {
transform: rotate(45deg) translate(-0.3rem, -0.3rem);
}
.header-action {
width: 2.8rem;
height: 2.8rem;
}
.header-action svg {
width: 1.6rem;
}
}
/* banner */
.banner {
margin-bottom: 13rem;
}
.banner-container {
position: relative;
height: 81rem;
}
.banner_swiper {
width: 100%;
height: 100%;
}
.banner_swiper .swiper-slide {
height: auto;
}
.banner-slide {
height: 100%;
display: flex;
padding-top: 18rem;
position: relative;
}
.banner-slide > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 7rem 7rem;
object-fit: cover;
}
.banner-slide::before {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 7rem 7rem;
z-index: 2;
}
.banner-slide__col {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5rem;
}
.banner-slide__title {
color: #FFF;
font-family: "Google Sans";
font-size: 9rem;
font-style: normal;
font-weight: 500;
line-height: 90%;
max-width: 144.5rem;
}
.banner-slide__row {
display: flex;
gap: 1rem;
}
.banner-slide__link {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 4rem;
border-radius: 10rem;
background: #D8AD55;
}
.banner-slide__link2 {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 4rem;
border-radius: 10rem;
border: 1.5px solid rgba(255, 255, 255, 0.65);
}
.banner_pagination {
position: absolute;
z-index: 9;
bottom: 6rem !important;
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
}
.banner_pagination .swiper-pagination-bullet {
background: #FFF;
opacity: 1;
width: 0.6rem;
height: 0.6rem;
border-radius: 10rem;
margin: 0 !important;
}
.banner_pagination .swiper-pagination-bullet-active {
width: 1.3rem;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #D81E05;
}
@media screen and (max-width: 992px) {
.banner {
margin-bottom: 5rem;
}
.banner-container {
height: 46rem;
}
.banner-slide {
padding-top: 10rem;
}
.banner-slide > img {
border-radius: 0 0 3rem 3rem;
}
.banner-slide::before {
border-radius: 0 0 3rem 3rem;
}
.banner-slide__col {
gap: 2rem;
}
.banner-slide__title {
font-size: 3rem;
line-height: 110%;
max-width: none;
}
.banner-slide__row {
gap: 1rem;
flex-wrap: wrap;
}
.banner_pagination {
bottom: 2rem !important;
gap: 1rem;
}
}
/* about */
.about {
margin-bottom: 13rem;
}
.regional-contact {
display: flex;
align-items: flex-start;
gap: 1.8rem;
margin-bottom: 4rem;
padding: 2.6rem 3rem;
border: 1px solid rgba(216, 173, 85, 0.45);
border-radius: 2.4rem;
background: #F4F3F1;
}
.regional-contact__icon {
width: 4.8rem;
height: 4.8rem;
flex: 0 0 4.8rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #FFF;
background: #D8AD55;
}
.regional-contact__content {
min-width: 0;
}
.regional-contact .regional-contact__label {
margin: 0 0 0.5rem;
color: #978152;
font-family: "Inter Tight";
font-size: 1.5rem;
font-weight: 600;
line-height: 130%;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.regional-contact address {
margin: 0;
color: #2E363D;
font-family: "Inter Tight";
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.about-container {
display: flex;
flex-direction: column;
gap: 6rem;
}
.about-name {
display: flex;
align-items: flex-end;
gap: 6rem;
}
.title {
color: #2E363D;
font-family: "Google Sans";
font-size: 5rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.about-name .title {
width: 100%;
max-width: 74rem;
}
.about-title {
color: #2E363D;
font-family: "Inter Tight";
font-size: 2.6rem;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.about-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.6rem;
}
.about-item {
position: relative;
padding: 5.5rem 5rem 5rem 5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5.4rem;
background: #2E363D;
border-radius: 4rem;
}
.about-item::before {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 4rem;
background: #2E363D;
z-index: 2;
opacity: .9;
}
.about-item__fon {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 4rem;
object-fit: cover;
}
.about-item__name {
height: 10rem;
position: relative;
z-index: 2;
}
.about-item__title {
font-family: "Inter Tight";
font-size: 8rem;
font-style: normal;
font-weight: 300;
line-height: 95%;
background: linear-gradient(95deg, #D8AD55 7.72%, #978152 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.about-item__description {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
position: relative;
z-index: 2;
}
.about-item__img {
height: 100%;
}
@media screen and (max-width: 992px) {
.about {
margin-bottom: 5rem;
}
.regional-contact {
gap: 1.4rem;
margin-bottom: 2.5rem;
padding: 1.8rem;
border-radius: 1.8rem;
}
.regional-contact__icon {
width: 4rem;
height: 4rem;
flex-basis: 4rem;
}
.regional-contact .regional-contact__label {
font-size: 1.2rem;
}
.regional-contact address {
font-size: 1.7rem;
}
.about-container {
gap: 3rem;
}
.about-name {
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.title {
font-size: 2.8rem;
}
.about-title {
font-size: 1.8rem;
}
.about-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.about-item {
padding: 2rem;
gap: 2.2rem;
border-radius: 3rem;
}
.about-item::before {
border-radius: 3rem;
}
.about-item__fon {
border-radius: 3rem;
}
.about-item__name {
height: 7rem;
}
.about-item__title {
font-size: 5rem;
}
.about-item__description {
font-size: 1.4rem;
}
}
/* types */
.types {
margin-bottom: 13rem;
}
.types-container {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.types-row {
display: flex;
gap: 2.4rem;
}
.types-img {
border-radius: 4rem;
width: 44.8rem;
min-width: 44.8rem;
height: 67.8rem;
overflow: hidden;
}
.types-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.types-main {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
.types-item {
border-radius: 4rem;
background: #FFF;
position: relative;
padding: 4.5rem;
display: flex;
align-items: center;
gap: 3rem;
}
.types-item__images {
position: relative;
width: 12rem;
min-width: 12rem;
height: 12rem;
display: flex;
}
.types-item__images img {
width: 9.5rem;
height: 9.5rem;
border-radius: 2.5rem;
object-fit: cover;
}
.types-item__images img:nth-child(2) {
position: absolute;
top: 3rem;
left: 3rem;
}
.types-item__col {
display: flex;
flex-direction: column;
gap: 1rem;
}
.types-item__title {
color: #2E363D;
font-family: "Google Sans";
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.types-item__count {
color: #7F8890;
font-family: "Google Sans";
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 95%;
}
.types-item__icon {
display: flex;
width: 4.4rem;
height: 4.4rem;
justify-content: center;
align-items: center;
border-radius: 50rem;
background: #EBEBEB;
position: absolute;
bottom: 2.5rem;
right: 2.5rem;
}
.types-item__icon svg {
width: 2rem;
height: auto;
}
.types-item__image {
width: 12rem;
min-width: 12rem;
height: 12rem;
}
.types-item__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3rem;
}
.types-item2 {
border-radius: 4rem;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #42536D;
position: relative;
display: flex;
align-items: center;
padding: 4.5rem 8rem;
}
.types-item2 > p {
color: #2E363D;
font-family: "Google Sans";
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.types-item2:hover, .types-item2.active {
background: #42536D;
}
.types-item2:hover p, .types-item2.active p {
color: #FFF;
}
.types-item2:hover .types-item__icon, .types-item2.active .types-item__icon {
background: #D8AD55;
}
.types-item:hover, .types-item.active {
background: #42536D;
}
.types-item:hover p, .types-item.active p {
color: #FFF;
}
.types-item:hover .types-item__icon, .types-item.active .types-item__icon {
background: #D8AD55;
}
@media screen and (max-width: 992px) {
.types {
margin-bottom: 5rem;
}
.types-container {
gap: 3rem;
}
.types-row {
flex-direction: column;
gap: 2.4rem;
}
.types-img {
border-radius: 3rem;
width: 100%;
min-width: 100%;
height: 51.8rem;
}
.types-main {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.types-item {
border-radius: 3rem;
padding: 2rem;
gap: 2rem;
}
.types-item__images {
width: 10rem;
min-width: 10rem;
height: 10rem;
}
.types-item__images img {
width: 7.5rem;
height: 7.5rem;
border-radius: 1.5rem;
}
.types-item__images img:nth-child(2) {
top: 2rem;
left: 2rem;
}
.types-item__title {
font-size: 2.2rem;
}
.types-item__count {
font-size: 1.2rem;
}
.types-item__icon {
width: 3.4rem;
height: 3.4rem;
bottom: 1.5rem;
right: 1.5rem;
}
.types-item__icon svg {
width: 1.5rem;
}
.types-item__image {
width: 10rem;
min-width: 10rem;
height: 10rem;
}
.types-item__image img {
border-radius: 2rem;
}
.types-item2 {
border-radius: 3rem;
padding: 4.9rem 2rem;
}
.types-item2 > p {
font-size: 2.2rem;
}
}
/* hits */
.hits {
margin-bottom: 13rem;
}
.hits-container {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.news-name {
display: flex;
align-items: center;
justify-content: space-between;
}
.hits-buttons {
display: flex;
align-items: center;
gap: 1rem;
}
.hits-button {
display: flex;
width: 5rem;
height: 5rem;
justify-content: center;
align-items: center;
border-radius: 10rem;
background: #2E363D;
}
.hits-button svg {
width: 2rem;
height: auto;
}
.hits-button:hover {
background: #D8AD55;
}
.hits_swiper {
width: 100%;
}
.hits_swiper .swiper-slide {
height: auto;
}
.product_item {
display: flex;
flex-direction: column;
border-radius: 4rem;
background: #FFF;
position: relative;
}
.product_item-wishlist {
position: absolute;
z-index: 2;
top: 2.5rem;
right: 2.5rem;
background: #D8AD55;
width: 4.6rem;
height: 4.6rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
opacity: 0;
}
.product_item-wishlist svg {
width: 2.5rem;
height: auto;
}
.product_item-wishlist svg path {
stroke-width: 1.5;
}
.product_item-wishlist.active svg path {
fill: #FFF;
}
.product_item-img {
display: flex;
height: 41rem;
}
.product_item-img img {
width: 100%;
height: 100%;
border-radius: 4rem;
object-fit: cover;
}
.product_item-main {
padding: 2rem 2.5rem 2.5rem 2.5rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.product_item-col {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.product_item-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.product_item-row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.product_item-category {
color: #D8AD55;
font-family: "Google Sans";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.product_item-row > p:nth-child(2) {
color: #2E363D;
font-family: "Google Sans";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.product_item-title {
color: #2E363D;
font-family: "Google Sans";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.product_item-info {
display: flex;
flex-direction: column;
gap: 0.3rem;
}
.product_item-info p {
color: #889097;
font-family: "Google Sans";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.product_item-more {
border-radius: 10rem;
background: #F7F7F9;
padding: 1.5rem 4rem;
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
text-align: center;
}
.product_item-more:hover {
background: #D8AD55;
color: #FFF;
}
@media screen and (max-width: 992px) {
.hits {
margin-bottom: 5rem;
overflow: hidden;
}
.hits-container {
gap: 3rem;
}
.hits-buttons {
gap: 1rem;
}
.hits-button {
width: 4rem;
height: 4rem;
}
.hits-button svg {
width: 1.8rem;
}
.hits_slider {
width: 100vw;
margin-left: -1.5rem;
padding: 0 1.5rem;
}
.hits_swiper {
overflow: visible;
}
.product_item {
border-radius: 3rem;
}
.product_item-img {
height: 34.5rem;
}
.product_item-img img {
border-radius: 3rem;
}
.product_item-wishlist {
opacity: 1;
}
}
/* advantages */
.advantages {
margin-bottom: 13rem;
}
.advantages-container > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5rem;
z-index: -2;
}
.advantages-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 5rem;
z-index: -1;
background: #2E363D;
opacity: .9;
}
.advantages-container {
position: relative;
padding: 10rem;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.advantages-left {
width: 100%;
max-width: 70rem;
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.advantages .title {
color: #FFFFFF;
}
.advantages-left ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.advantages-left li {
padding-left: 2.2rem;
color: #FFF;
font-family: "Inter Tight";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
list-style: none;
position: relative;
}
.advantages-left li::before {
content: '';
width: 0.7rem;
border-radius: 0.2rem;
background: #D8AD55;
height: 0.7rem;
position: absolute;
left: 0;
top: 0.95rem;
}
.advantages-right {
width: 100%;
max-width: 79rem;
display: flex;
flex-direction: column;
gap: 5rem;
padding-bottom: 2.6rem;
}
.advantages-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem;
}
.advantages-item {
border-radius: 4rem;
background: #F7F7F9;
min-height: 22rem;
padding: 2.5rem 3rem;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.advantages-item__icon {
width: 6rem;
height: 6rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #F7F7F9;
}
.advantages-item__icon img {
width: 4rem;
}
.advantages-item > p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
min-height: 6.3rem;
}
.advantages-info {
display: flex;
align-items: center;
gap: 3.7rem;
margin: 0 auto;
}
.advantages-info > p {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
max-width: 37.3rem;
}
.advantages-link {
border-radius: 50rem;
border: 1px solid #D8AD55;
padding: 0.5rem 0.5rem 0.5rem 3rem;
display: flex;
align-items: center;
gap: 1.5rem;
}
.advantages-link p {
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.advantages-link__icon {
display: flex;
width: 4.4rem;
height: 4.4rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #D8AD55;
}
.advantages-link__icon svg {
width: 2rem;
height: auto;
}
@media screen and (max-width: 992px) {
.advantages {
margin-bottom: 5rem;
}
.advantages-container > img {
border-radius: 3rem;
}
.advantages-container::before {
border-radius: 3rem;
}
.advantages-container {
padding: 4rem 2rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.advantages-left {
max-width: none;
gap: 1.5rem;
}
.advantages-left ul {
gap: 0.8rem;
}
.advantages-left li {
padding-left: 1.5rem;
font-size: 1.4rem;
}
.advantages-left li::before {
width: 0.4rem;
height: 0.4rem;
top: 0.75rem;
}
.advantages-right {
max-width: none;
gap: 2rem;
padding-bottom: 0;
}
.advantages-items {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.advantages-item {
border-radius: 3rem;
min-height: 18rem;
padding: 2rem;
}
.advantages-item__icon {
width: 5rem;
height: 5rem;
}
.advantages-item__icon img {
width: 3rem;
}
.advantages-item > p {
font-size: 1.4rem;
min-height: auto;
}
.advantages-info {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.advantages-info > p {
font-size: 1.6rem;
max-width: none;
}
}
/* production */
.production {
margin-bottom: 13rem;
}
.production-container {
border-radius: 7rem;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
min-height: 70rem;
position: relative;
display: flex;
flex-direction: column;
gap: 4rem;
align-items: flex-start;
padding: 10rem;
overflow: hidden;
}
.production-img {
width: 124.6rem;
position: absolute;
top: 0;
right: 0;
}
.production-img img {
width: 100%;
}
.production-tabs {
display: flex;
gap: 1rem;
position: relative;
z-index: 2;
}
.production-tab {
color: #889097;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 3.5rem;
border-radius: 10rem;
border: 1px solid #889097;
}
.production-tab.active {
background: #D8AD55;
color: #FFF;
border-color: #D8AD55;
}
.popup-tabs {
display: flex;
gap: 1rem;
position: relative;
z-index: 2;
}
.popup-tab {
color: #889097;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 3.5rem;
border-radius: 10rem;
border: 1px solid #889097;
}
.popup-tab.active {
background: #D8AD55;
color: #FFF;
border-color: #D8AD55;
}
.production-content {
display: none;
position: relative;
z-index: 2;
}
.production-content.active {
display: block;
}
.production-content p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
max-width: 45.9rem;
}
.production-block {
position: absolute;
z-index: 3;
transition: .3s all;
overflow: hidden;
}
.production-block:nth-child(2) {
bottom: 27rem;
right: 99rem;
}
.production-block:nth-child(3) {
right: 83rem;
top: 32rem;
}
.production-block:nth-child(4) {
top: 38rem;
right: 68rem;
}
.production-block:nth-child(5) {
top: 30rem;
right: 72rem;
}
.production-block:nth-child(6) {
top: 39rem;
right: 45rem;
}
.production-block__button {
width: 7rem;
height: 7rem;
cursor: pointer;
}
.production-block__content {
position: absolute;
z-index: 3;
opacity: 0;
transition: .3s all;
padding: 1rem;
background: #FFF;
border-radius: 1rem;
width: 38rem;
top: 0;
left: 7rem;
}
.production-block__content p {
font-size: 1.8rem;
line-height: normal;
}
.production-block:hover .production-block__content {
opacity: 1;
}
.production-block:hover {
overflow: visible;
}
@media screen and (max-width: 992px) {
.production {
margin-bottom: 5rem;
}
.production-container {
border-radius: 3rem;
min-height: auto;
gap: 2rem;
padding: 2rem;
}
.production-img {
position: relative;
width: calc(100% + 4rem);
margin-left: -2rem;
margin-top: -2rem;
}
.production-tabs {
flex-wrap: wrap;
}
.production-tab {
font-size: 1.4rem;
padding: 1.2rem 2.5rem;
}
.popup-tabs {
flex-wrap: wrap;
}
.popup-tab {
font-size: 1.4rem;
padding: 1.2rem 2.5rem;
}
.production-content p {
font-size: 1.6rem;
max-width: none;
}
.production-block:nth-child(2) {
bottom: 7rem;
right: 27rem;
}
.production-block:nth-child(3) {
right: 22rem;
top: 8rem;
}
.production-block:nth-child(4) {
top: 10rem;
right: 18rem;
}
.production-block:nth-child(5) {
top: 8rem;
right: 19rem;
}
.production-block__button {
width: 3rem;
height: 3rem;
}
.production-block__content {
padding: 1rem;
border-radius: 1rem;
width: 21rem;
top: 0;
left: 3rem;
}
.production-block__content p {
font-size: 1.2rem;
}
}
/* news */
.news {
margin-bottom: 13rem;
}
.news-container {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.news_more {
display: flex;
align-items: center;
gap: 1.5rem;
padding: 0.5rem 0.5rem 0.5rem 3rem;
border-radius: 50rem;
border: 1px solid #D8AD55;
}
.news_more p {
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.news_more-icon {
display: flex;
width: 4.4rem;
height: 4.4rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #D8AD55;
}
.news_more-icon svg {
width: 2rem;
height: auto;
}
.news-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2.4rem;
}
.news_item {
border-radius: 4rem;
background: #FFF;
display: flex;
flex-direction: column;
}
.news_item-img {
display: flex;
height: 30rem;
}
.news_item-img img {
width: 100%;
height: 100%;
border-radius: 4rem;
object-fit: cover;
}
.news_item-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding: 2rem 2.5rem 2.5rem 2.5rem;
}
.news_item-date {
color: #D8AD55;
font-family: "Google Sans";
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.news_item-title {
color: #2E363D;
font-family: "Google Sans";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
margin-bottom: auto;
}
.news_item-link {
border-radius: 100%;
background: #EBEBEB;
display: flex;
width: 4.4rem;
height: 4.4rem;
justify-content: center;
align-items: center;
margin-left: auto;
margin-top: 2.5rem;
}
.news_item-link svg {
width: 2rem;
height: auto;
}
@media screen and (max-width: 992px) {
.news {
margin-bottom: 5rem;
}
.news .news-name {
flex-wrap: wrap;
gap: 1.5rem;
}
.news-container {
gap: 3rem;
}
.news_more {
width: 100%;
justify-content: space-between;
}
.advantages-link {
width: 100%;
justify-content: space-between;
}
.news-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.news_item {
border-radius: 3rem;
}
.news_item-img {
height: 25rem;
}
.news_item-img img {
border-radius: 3rem;
}
}
/* footer */
footer {
position: relative;
padding: 8rem 0 3rem 0;
border-radius: 7rem 7rem 0 0;
overflow: hidden;
}
.footer-fon {
position: absolute;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
footer::before {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: #2E363D;
opacity: .9;
top: 0;
left: 0;
}
.footer-container {
display: flex;
flex-direction: column;
gap: 11.2rem;
}
.footer-main {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.footer-logo {
display: flex;
}
.footer-logo img {
width: 18rem;
}
.footer-catalog {
display: flex;
padding: 1.2rem 3rem;
justify-content: center;
align-items: center;
gap: 1rem;
border-radius: 10rem;
border: 1px solid #D8AD55;
}
.footer-catalog svg {
width: 2.2rem;
height: auto;
}
.footer-catalog p {
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.footer-menus {
display: flex;
align-items: flex-start;
gap: 13.9rem;
}
.footer-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.footer-menu > p {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.7rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.footer-menu nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.footer-menu nav ul li {
display: flex;
}
.footer-menu nav ul li a {
color: #9CA2A6;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.footer-social {
display: flex;
gap: 1rem;
}
.footer-social a {
display: flex;
}
.footer-social a svg, .footer-social a img {
width: 4.6rem;
height: auto;
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 3rem;
border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.footer-bottom > p {
color: #889097;
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.footer-links {
display: flex;
align-items: center;
gap: 3.5rem;
}
.footer-links a {
color: #889097;
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
@media screen and (max-width: 992px) {
footer {
padding: 4rem 0 3rem 0;
border-radius: 3rem 3rem 0 0;
}
.footer-container {
gap: 2rem;
}
.footer-main {
flex-direction: column;
gap: 2rem;
}
.footer-menus {
gap: 2.5rem;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-menu {
max-width: 16rem;
width: 100%;
gap: 1.5rem;
}
.footer-menu > p {
font-size: 1.6rem;
}
.footer-menu nav ul {
gap: 1.5rem;
}
.footer-menu nav ul li a {
font-size: 1.4rem;
}
.footer-social a svg {
width: 3.6rem;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
padding-top: 2rem;
gap: 2rem;
}
.footer-links {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
}
/* popup */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.popup.active {
display: flex;
}
body.region-popup-open {
overflow: hidden;
}
.popup-region .popup-region__main {
max-width: 78rem;
gap: 3rem;
}
.popup-region__heading {
display: flex;
flex-direction: column;
gap: 1.2rem;
padding-right: 5rem;
}
.popup-region__heading > p {
color: #7F8890;
font-family: "Inter Tight";
font-size: 1.5rem;
font-weight: 400;
line-height: 145%;
}
.popup-region__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.2rem;
}
.popup-region__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
min-height: 9rem;
padding: 1.8rem 2rem;
border: 1px solid #D3D9E5;
border-radius: 1.6rem;
background: #FFF;
transition: .3s all;
}
.popup-region__item:hover,
.popup-region__item:focus-visible,
.popup-region__item.active {
border-color: #D8AD55;
background: #FFF9ED;
}
.popup-region__item-text {
display: flex;
flex-direction: column;
gap: 0.6rem;
min-width: 0;
}
.popup-region__item-text strong {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.7rem;
font-weight: 500;
line-height: 120%;
}
.popup-region__item-text small {
color: #7F8890;
font-family: "Inter Tight";
font-size: 1.3rem;
font-weight: 400;
line-height: 135%;
}
.popup-region__item-check {
display: flex;
align-items: center;
justify-content: center;
width: 2.8rem;
min-width: 2.8rem;
height: 2.8rem;
border-radius: 100%;
background: #D3D9E5;
}
.popup-region__item.active .popup-region__item-check {
background: #D8AD55;
}
.popup-region__item-check svg {
width: 1.6rem;
height: auto;
}
.popup-fon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.40);
}
.popup-main {
border-radius: 4rem;
background: #FFF;
margin: auto;
position: relative;
z-index: 2;
width: 100%;
max-width: 57rem;
padding: 5rem 4rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.popup-close {
width: 4.4rem;
height: 4.4rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #EBEBEB;
position: absolute;
top: 2.5rem;
right: 2.5rem;
}
.popup-close svg {
width: 2rem;
height: auto;
}
.popup-title {
color: #2E363D;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.popup-main__col {
display: flex;
flex-direction: column;
gap: 3rem;
}
.popup-form {
display: flex;
flex-direction: column;
gap: 3.5rem;
}
.popup-form__col {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.popup-form__inputs {
display: flex;
flex-direction: column;
gap: 2rem;
}
.popup-form__input {
display: flex;
align-items: center;
position: relative;
}
.popup-form__input input {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
width: 100%;
padding: 1.5rem 2rem;
border-radius: 1rem;
border: 1px solid #D3D9E5;
background: #FFF;
}
.popup-form__input input::placeholder {
color: #565E65;
}
.popup-form__input-password {
position: absolute;
display: flex;
z-index: 2;
right: 2rem;
}
.popup-form__input-password svg {
width: 2rem;
height: auto;
}
.popup-form__password {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
text-decoration-line: underline;
margin-right: auto;
}
.popup-form__submit {
border-radius: 10rem;
background: #D8AD55;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem;
}
.popup-bottom {
display: flex;
flex-direction: column;
gap: 2rem;
padding-top: 3rem;
border-top: 1px solid #D3D9E5;
}
.popup-subtitle {
color: #2E363D;
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.popup-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
}
.popup-button {
border-radius: 10rem;
border: 1px solid #D8AD55;
background:#FFF;
padding: 1.5rem 4rem;
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
text-align: center;
}
.popup-form__input input.error {
border-color: #ED1C00;
color: #ED1C00;
}
.popup-form__input input.error::placeholder {
color: #ED1C00;
}
@media screen and (max-width: 992px) {
.popup-region .popup-region__main {
max-height: calc(100vh - 3rem);
overflow-y: auto;
gap: 2.5rem;
}
.popup-region__heading {
gap: 0.8rem;
padding-right: 3.5rem;
}
.popup-region__heading > p {
font-size: 1.3rem;
}
.popup-region__list {
grid-template-columns: 1fr;
gap: 0.8rem;
}
.popup-region__item {
min-height: 7.2rem;
padding: 1.4rem 1.6rem;
border-radius: 1.2rem;
}
.popup-region__item-text strong {
font-size: 1.5rem;
}
.popup-region__item-text small {
font-size: 1.2rem;
}
.popup-main {
border-radius: 2rem;
max-width: 34.5rem;
padding: 3rem 2rem;
gap: 2rem;
max-height: 100vh;
overflow-y: auto;
}
.popup-close {
width: 3.4rem;
height: 3.4rem;
top: 1.5rem;
right: 1.5rem;
}
.popup-close svg {
width: 1.8rem;
}
.popup-title {
font-size: 2rem;
}
.popup-main__col {
gap: 2rem;
}
.popup-form {
gap: 2.5rem;
}
.popup-form__col {
gap: 1.5rem;
}
.popup-form__inputs {
gap: 1rem;
}
.popup-form__input input {
padding: 1.5rem;
}
.popup-form__input-password {
right: 1.5rem;
}
.popup-bottom {
gap: 1.5rem;
padding-top: 2rem;
}
.popup-subtitle {
font-size: 1.8rem;
}
.popup-buttons {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
}
/* types-popup */
.types-popup {
height: 0;
overflow: hidden;
position: fixed;
top: 9.8rem;
z-index: 99;
background: #F7F7F9;
width: 100%;
left: 0;
overflow-y: auto;
max-height: calc(100vh - 9.8rem);
}
.catalog_open svg:nth-child(2) {
display: none;
}
.catalog_open.active svg:nth-child(2) {
display: block;
}
.catalog_open.active svg:nth-child(1) {
display: none;
}
.types-popup.active {
height: auto;
padding: 6rem 0;
}
body.types_active header {
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #D9D9D9;
}
body.types_active {
overflow: hidden;
}
@media screen and (max-width: 992px) {
.types-popup {
top: 6.6rem;
max-height: calc(100vh - 6.6rem);
}
.types-popup.active {
padding: 3rem 0;
}
}
/* cart */
.header_page {
background: linear-gradient(0deg, #2E363D 0%, #2E363D 100%), #D9D9D9;
}
.main_page {
padding-top: 9.8rem;
}
.breadcrumbs {
margin-top: 3rem;
margin-bottom: 2.5rem;
}
.breadcrumbs ul {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.6rem;
}
.breadcrumbs li {
display: flex;
}
.breadcrumbs a {
color: #9CA2A6;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.breadcrumbs svg {
width: 1.6rem;
height: auto;
}
.breadcrumbs p {
color: #2E363D;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.cart_page {
margin-bottom: 13rem;
}
.cart_page-container {
display: flex;
flex-direction: column;
gap: 6rem;
}
.cart_page-name {
display: flex;
align-items: flex-end;
gap: 2rem;
}
.cart_page-name .title {
font-size: 5.5rem;
}
.cart_page-count {
padding-bottom: 0.4rem;
color: #7F8890;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 95%;
}
.cart_page-row {
display: flex;
align-items: flex-start;
gap: 2.4rem;
}
.cart_page-main {
width: 100%;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.cart_page-head {
border-radius: 2rem;
background: linear-gradient(0deg, #E3E7F0 0%, #E3E7F0 100%), linear-gradient(0deg, #42536D 0%, #42536D 100%), #FFF;
display: flex;
align-items: center;
justify-content: space-between;
padding: 3rem 3.2rem;
}
.cart_page-head__row {
display: flex;
align-items: center;
gap: 6rem;
}
.cart_page-head__all {
position: relative;
display: flex;
align-items: center;
}
.cart_page-head__all label {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
cursor: pointer;
padding-left: 3rem;
}
.cart_page-head__all input[type=checkbox]:before {
margin-top: -0.8rem;
}
.cart_page-delete {
display: flex;
align-items: center;
gap: 1rem;
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.cart_page-delete svg {
width: 2.2rem;
height: auto;
}
.cart_page-pdf {
display: flex;
align-items: center;
gap: 1rem;
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.cart_page-pdf svg {
width: 2.4rem;
height: auto;
}
.cart_page-products {
display: flex;
flex-direction: column;
gap: 0.8rem;
padding-right: 1.6rem;
overflow-y: auto;
max-height: 94rem;
}
.cart_page-products::-webkit-scrollbar {
width: 0.8rem;
}
.cart_page-products::-webkit-scrollbar-track {
background: transparent;
}
.cart_page-products::-webkit-scrollbar-thumb {
background: #D3D9E5;
border-radius: 2rem;
}
::-webkit-scrollbar {
width: 0.8rem;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #D3D9E5;
border-radius: 2rem;
}
.cart_page-product {
border-radius: 2rem;
background: #FFF;
position: relative;
display: flex;
align-items: center;
gap: 2.5rem;
padding: 2.5rem 3rem;
}
.cart_page-product > input {
position: relative;
width: 1.6rem;
height: 1.6rem;
}
.cart_page-product__row {
display: flex;
align-items: center;
gap: 2.5rem;
}
.cart_page-product__img {
width: 10rem;
min-width: 10rem;
height: 10rem;
display: flex;
}
.cart_page-product__img img {
width: 100%;
height: 100%;
border-radius: 1rem;
object-fit: cover;
}
.cart_page-product__title {
max-width: 45rem;
color: #2E363D;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.cart_page-product-quantity {
border-radius: 1.2rem;
background: #EBEBEB;
display: flex;
align-items: center;
gap: 1rem;
padding: 0.4rem;
}
.cart_page-product-quantity input {
color: #202020;
text-align: center;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 140%;
width: 6.2rem;
}
.cart_page-product-quantity-minus {
display: flex;
width: 5rem;
height: 5rem;
justify-content: center;
align-items: center;
border-radius: 1rem;
background: #FFF;
}
.cart_page-product-quantity-minus svg {
width: 2.4rem;
height: auto;
}
.cart_page-product-quantity-plus {
display: flex;
width: 5rem;
height: 5rem;
justify-content: center;
align-items: center;
border-radius: 1rem;
background: #FFF;
}
.cart_page-product-quantity-plus svg {
width: 2.4rem;
height: auto;
}
.cart_page-checkout {
width: 56rem;
min-width: 56rem;
position: sticky;
top: 12rem;
border-radius: 2rem;
background: #FFF;
padding: 5rem 4rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.cart_page-checkout__name {
display: flex;
align-items: center;
justify-content: space-between;
}
.cart_page-checkout__name p {
color: #2E363D;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.cart_page-checkout__name svg {
width: 2.4rem;
height: auto;
}
.cart_page-checkout__form {
display: flex;
flex-direction: column;
gap: 3.5rem;
}
.cart_page-checkout__col {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.cart_page-checkout__inputs {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.cart_page-checkout__inputs input {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
border-radius: 1rem;
border: 1px solid #D3D9E5;
background: #FFF;
padding: 1.5rem 2rem;
width: 100%;
}
.cart_page-checkout__inputs input::placeholder {
color: #565E65;
}
.cart_page-checkout__inputs textarea {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
border-radius: 1rem;
border: 1px solid #D3D9E5;
background: #FFF;
padding: 2rem;
width: 100%;
height: 12rem;
min-height: 12rem;
}
.cart_page-checkout__inputs textarea::placeholder {
color: #565E65;
}
.cart_page-checkout__inputs select {
background-image: url('/wp-content/uploads/2026/03/arrow-down-svgrepo-com.svg');
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
border-radius: 1rem;
border: 1px solid #D3D9E5;
padding: 1.5rem 2rem;
width: 100%;
cursor: pointer;
background-position: center right 2rem;
background-repeat: no-repeat;
background-size: 2.5rem;
}
.cart_page-checkout__inputs select {
-webkit-appearance: none;
-moz-appearance: none;
}
.cart_page-checkout__inputs select::-ms-expand {
display: none;
}
.cart_page-checkbox {
display: flex;
align-items: flex-start;
position: relative;
}
.cart_page-checkbox label {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 135%;
cursor: pointer;
padding-left: 2.6rem;
}
.cart_page-checkbox label a {
color: #2E363D;
text-decoration-line: underline;
}
.cart_page input[type=checkbox]:before {
content: "";
display: inline-block;
width: 1.6rem;
height: 1.6rem;
border-radius: 0.32rem;
border: 1px solid #D8AD55;
position: absolute;
background-color: #FFF;
cursor: pointer;
}
.cart_page input[type=checkbox]:checked:before {
background:transparent;
background-image: url('/wp-content/uploads/2026/03/checkbox.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-size: 1.7rem;
}
.cart_page input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.cart_page input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.cart_page input[type="checkbox"]:checked {
background-image: none;
}
.cart_page-submit {
border-radius: 10rem;
background: #D8AD55;
padding: 1.5rem 4rem;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
@media screen and (max-width: 992px) {
.main_page {
padding-top: 6.6rem;
}
.breadcrumbs {
margin-top: 2rem;
}
.breadcrumbs ul {
gap: 0.4rem;
}
.cart_page {
margin-bottom: 5rem;
}
.cart_page-container {
gap: 3rem;
}
.cart_page-name .title {
font-size: 2.8rem;
}
.cart_page-count {
padding-bottom: 0.2rem;
font-size: 1.4rem;
}
.cart_page-row {
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.cart_page-main {
gap: 0.8rem;
}
.cart_page-head {
flex-direction: column;
padding: 2rem;
gap: 1.5rem;
}
.cart_page-head__row {
width: 100%;
justify-content: space-between;
gap: 0;
}
.cart_page-products {
padding-right: 1.2rem;
max-height: 63rem;
}
.cart_page-product {
border-radius: 2rem;
gap: 2.5rem;
padding: 2rem;
flex-direction: column;
}
.cart_page-product > input {
position: absolute;
right: 1rem;
top: 1rem;
}
.cart_page-product__row {
gap: 1.5rem;
}
.cart_page-product__img {
width: 8rem;
min-width: 8rem;
height: 8rem;
}
.cart_page-product__title {
max-width: none;
font-size: 1.4rem;
}
.cart_page-checkout {
width: 100%;
min-width: 100%;
position: relative;
top: 0;
padding: 3rem 2rem;
gap: 2rem;
}
.cart_page-checkout__name p {
font-size: 2rem;
}
.cart_page-checkout__form {
gap: 1.5rem;
}
.cart_page-checkout__inputs input {
padding: 1.5rem;
}
.cart_page-checkout__inputs textarea {
padding: 1.5rem;
}
.cart_page-checkout__inputs select {
background-position: center right 1.5rem;
padding: 1.5rem;
}
}
/* about_page */
.about_page-title {
color: #2E363D;
font-size: 5.5rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
margin-bottom: 6rem;
}
.about_video {
margin-bottom: 13rem;
}
.about_video-container {
height: 86rem;
}
.about_video-block {
width: 100%;
height: 100%;
display: flex;
position: relative;
border-radius: 7rem;
overflow: hidden;
}
.about_video-block img, .about_video-block video {
width: 100%;
height: 100%;
object-fit: cover;
}
.about_video-block::before {
content: '';
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
}
.about_video .news_more {
position: absolute;
z-index: 3;
bottom: 10rem;
left: 5rem;
}
@media screen and (max-width: 992px) {
.about_page-title {
font-size: 3rem;
line-height: 110%;
margin-bottom: 2rem;
}
.about_video {
margin-bottom: 5rem;
}
.about_video-container {
height: 22rem;
}
.about_video-block {
border-radius: 3rem;
}
.about_video .news_more {
bottom: 2rem;
left: 1.5rem;
width: calc(100% - 3rem);
}
}
/* about_technology */
.about_technology {
margin-bottom: 13rem;
}
.about_technology-container {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.about_technology .title {
max-width: 61.7rem;
}
.about_technology-main {
display: flex;
}
.about_technology-slider {
width: 100%;
position: relative;
max-width: 111.6rem;
}
.about_technology_swiper {
width: 100%;
height: 100%;
}
.about_technology_swiper .swiper-slide {
height: auto;
}
.about_technology_swiper .swiper-slide a {
width: 100%;
height: 100%;
display: flex;
}
.about_technology_swiper .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5rem;
}
.about_technology-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
position: absolute;
z-index: 3;
bottom: 6rem !important;
}
.about_technology-pagination .swiper-pagination-bullet {
background: #FFF;
opacity: 1;
width: 0.6rem;
height: 0.6rem;
border-radius: 10rem;
margin: 0 !important;
}
.about_technology-pagination .swiper-pagination-bullet-active {
width: 1.3rem;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #D81E05;
}
.about_technology-col {
width: 60.4rem;
min-width: 60.4rem;
padding: 9rem 8rem;
border-radius: 5rem;
background: #FFF;
display: flex;
flex-direction: column;
gap: 8rem;
}
.about_technology-row {
display: flex;
align-items: center;
gap: 2.5rem;
}
.about_technology-row > p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.about_technology-icon {
width: 6rem;
min-width: 6rem;
height: 6rem;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #F7F7F9;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.about_technology-icon svg {
width: 2rem;
height: auto;
}
@media screen and (max-width: 992px) {
.about_technology {
margin-bottom: 5rem;
}
.about_technology-container {
gap: 2.5rem;
}
.about_technology-main {
flex-direction: column;
gap: 2rem;
}
.about_technology_swiper .swiper-slide {
height: 27rem;
}
.about_technology_swiper .swiper-slide a img {
border-radius: 3rem;
}
.about_technology-pagination {
gap: 1rem;
bottom: 2rem !important;
}
.about_technology-col {
width: 100%;
min-width: 100%;
padding: 2rem 1.5rem;
border-radius: 3rem;
gap: 2rem;
}
.about_technology-row {
gap: 1.5rem;
}
.about_technology-row > p {
font-size: 1.4rem;
}
.about_technology-icon {
width: 4rem;
min-width: 4rem;
height: 4rem;
}
.about_technology-icon svg {
width: 1.5rem;
}
}
/* about_work */
.about_work {
position: relative;
margin-bottom: 13rem;
border-radius: 5rem;
overflow: hidden;
}
.about_work > img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
position: absolute;
top: 0;
left: 0;
}
.about_work::before {
content: '';
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
left: 0;
background: #2E363D;
opacity: .97;
}
.about_work-container {
padding-top: 8rem;
padding-bottom: 8rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.about_work-name {
max-width: 80rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10rem;
padding-top: 5rem;
}
.about_work-name .title {
color: #FFFFFF;
max-width: 43.6rem;
}
.about_work-name p {
color: #FFF;
font-family: "Inter Tight";
font-size: 2.6rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.about_work-main {
display: flex;
position: relative;
}
.about_work-title {
transform: rotate(-90deg);
position: absolute;
right: calc(100% + -20rem);
width: 69rem;
text-align: center;
height: 5rem;
top: 0;
bottom: 0;
margin: auto 0;
}
.about_work-title p {
color: #FFF;
font-size: 4rem;
font-style: normal;
font-weight: 400;
line-height: 105%;
}
.about_work-col {
display: flex;
flex-direction: column;
gap: 2.4rem;
width: 57.4rem;
}
.about_work-row {
display: flex;
align-items: center;
gap: 4.5rem;
padding: 6rem 5rem;
border-radius: 4rem;
position: relative;
background: linear-gradient(0deg, #F7F7F9 0%, #F7F7F9 100%), #FFF;
}
.about_work-row img {
width: 11rem;
min-width: 11rem;
height: 11rem;
object-fit: cover;
}
.about_work-row p {
color: #2E363D;
font-size: 2.8rem;
font-style: normal;
font-weight: 400;
line-height: 105%;
}
.about_work-row::before {
content: '';
border-top: 1px dashed #FAE3B2;
width: 6rem;
height: 1px;
position: absolute;
right: 100%;
margin-right: 1.5rem;
}
.about_work-main::before {
content: '';
border-left: 1px dashed #FAE3B2;
width: 1px;
height: calc(100% - 23rem);
position: absolute;
right: 100%;
margin-right: 7.5rem;
top: 11.5rem;
}
@media screen and (max-width: 992px) {
.about_work {
margin-bottom: 5rem;
border-radius: 3rem;
}
.about_work-container {
padding-top: 3rem;
padding-bottom: 3rem;
flex-direction: column;
gap: 2rem;
}
.about_work-name {
gap: 2rem;
padding-top: 0;
}
.about_work-name p {
font-size: 1.6rem;
}
.about_work-main {
flex-direction: column;
gap: 2rem;
}
.about_work-title {
transform: none;
position: relative;
right: 0;
width: 100%;
text-align: left;
height: auto;
margin: 0;
}
.about_work-title p {
font-size: 2rem;
}
.about_work-col {
gap: 1.5rem;
width: 100%;
}
.about_work-row {
gap: 2.5rem;
padding: 2rem 2rem;
border-radius: 2rem;
}
.about_work-row img {
width: 5rem;
min-width: 5rem;
height: 5rem;
}
.about_work-row p {
font-size: 1.8rem;
}
.about_work-row::before {
display: none;
}
.about_work-main::before {
display: none;
}
}
/* about_quality */
.about_quality .title {
max-width: 74rem;
}
.about_quality-col {
padding: 6rem;
border-radius: 5rem;
background: #FFF;
display: flex;
flex-direction: column;
gap: 4.5rem;
width: 60.4rem;
min-width: 60.4rem;
}
.about_quality-col > p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.7rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.about_quality-icon {
width: 15rem;
height: 15rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: linear-gradient(0deg, #F7F7F9 0%, #F7F7F9 100%), #42536D;
margin: 0 auto;
}
.about_quality-icon img {
width: 6rem;
}
.about_quality-slider {
width: 100%;
position: relative;
max-width: 111.6rem;
}
.about_quality_swiper {
width: 100%;
height: 100%;
}
.about_quality_swiper .swiper-slide {
height: auto;
}
.about_quality_swiper .swiper-slide a {
width: 100%;
height: 100%;
display: flex;
}
.about_quality_swiper .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5rem;
}
.about_quality-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
position: absolute;
z-index: 3;
bottom: 6rem !important;
}
.about_quality-pagination .swiper-pagination-bullet {
background: #FFF;
opacity: 1;
width: 0.6rem;
height: 0.6rem;
border-radius: 10rem;
margin: 0 !important;
}
.about_quality-pagination .swiper-pagination-bullet-active {
width: 1.3rem;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #D81E05;
}
@media screen and (max-width: 992px) {
.about_quality-col {
padding: 2rem;
border-radius: 3rem;
gap: 2.5rem;
width: 100%;
min-width: 100%;
}
.about_quality-col > p {
font-size: 1.6rem;
}
.about_quality-icon {
width: 10rem;
height: 10rem;
}
.about_quality-icon img {
width: 4rem;
}
.about_quality_swiper .swiper-slide {
height: 22rem;
}
.about_quality_swiper .swiper-slide a img {
border-radius: 3rem;
}
.about_quality-pagination {
gap: 1rem;
bottom: 2rem !important;
}
}
/* about_gallery */
.about_gallery {
margin-bottom: 13rem;
}
.about_gallery-container {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.about_gallery_swiper {
width: 100%;
}
.about_gallery_swiper .swiper-slide {
height: auto;
}
.about_gallery_swiper .swiper-slide a {
display: flex;
height: 34rem;
}
.about_gallery_swiper .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4rem;
}
@media screen and (max-width: 992px) {
.about_gallery {
margin-bottom: 5rem;
}
.about_gallery-container {
gap: 2.5rem;
}
.about_gallery_swiper .swiper-slide a {
height: 22rem;
}
.about_gallery_swiper .swiper-slide a img {
border-radius: 3rem;
}
}
/* catalog_page */
.catalog_page {
margin-top: 3.5rem;
margin-bottom: 13rem;
}
.catalog_page-container {
display: flex;
align-items: flex-start;
gap: 4rem;
}
.catalog_page-menu {
position: sticky;
top: 12rem;
display: flex;
flex-direction: column;
gap: 1.2rem;
width: 28rem;
min-width: 28rem;
}
.catalog_page-menu .types-item {
padding: 1.5rem;
border-radius: 2rem;
gap: 1.5rem;
}
.catalog_page-menu .types-item__title {
font-size: 1.6rem;
}
.catalog_page-menu .types-item__image img {
border-radius: 1.3rem;
}
.catalog_page-menu .types-item__image {
width: 4.6rem;
min-width: 4.6rem;
height: 4.6rem;
}
.catalog_page-menu .types-item__images {
width: 4.6rem;
min-width: 4.6rem;
height: 4.6rem;
}
.catalog_page-menu .types-item__images img {
width: 3.6rem;
height: 3.6rem;
border-radius: 0.8rem;
}
.catalog_page-menu .types-item__images img:nth-child(2) {
top: 1rem;
left: 1rem;
}
.catalog_page-main {
width: 100%;
display: flex;
flex-direction: column;
gap: 6rem;
}
.catalog_page-col {
display: flex;
flex-direction: column;
gap: 4.5rem;
}
.catalog_page-name {
display: flex;
align-items: flex-end;
gap: 2rem;
}
.catalog_page-name .title {
font-size: 5.5rem;
}
.catalog_page-count {
color: #7F8890;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 95%;
padding-bottom: 0.4rem;
}
.catalog_page-filter {
display: flex;
flex-direction: column;
gap: 3rem;
}
.catalog_page-filter__tags {
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 3rem;
border-bottom: 1px solid #D3D9E5;
}
.catalog_page-filter__tag {
padding: 1.2rem 3rem;
border-radius: 10rem;
background: #EBEBEB;
color: #565E65;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.catalog_page-filter__active {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.catalog_page-filter__active-block {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 1rem 1.5rem;
border-radius: 10rem;
background: #D3D9E5;
}
.catalog_page-filter__active-block p {
color: #42536D;
font-family: "Inter Tight";
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.catalog_page-filter__active-delete {
display: flex;
}
.catalog_page-filter__active-delete svg {
width: 1.4rem;
height: auto;
}
.catalog_page-filter__main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
.catalog_page-filter__row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1.2rem;
}
.catalog_page-filter__all {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.3rem 3.5rem;
border-radius: 10rem;
background: #D8AD55;
}
.catalog_page-filter__all svg {
width: 1.8rem;
height: auto;
}
.catalog_page-filter__all p {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.catalog_page-filter__block {
display: flex;
position: relative;
}
.catalog_page-filter__block-button {
border-radius: 10rem;
background: #FFF;
display: flex;
padding: 1.3rem 3.5rem;
align-items: center;
gap: 1rem;
border: 1px solid transparent;
}
.catalog_page-filter__block-button p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.catalog_page-filter__block-button svg {
width: 2rem;
height: auto;
transition: .3s all;
}
.catalog_page-filter__block-content {
position: absolute;
top: 100%;
z-index: 3;
left: 0;
border-radius: 2rem;
background: #FFF;
width: 27rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
margin-top: 1rem;
max-height: 0;
overflow: hidden;
}
.catalog_page-filter__block.active .catalog_page-filter__block-content {
border: 1px solid #D3D9E5;
}
.catalog_page-filter__block.active .catalog_page-filter__block-button {
border-color: #D3D9E5;
}
.catalog_page-filter__block.active .catalog_page-filter__block-button svg {
transform: rotate(180deg);
}
.catalog_page-filter__block-content__main {
display: flex;
flex-direction: column;
gap: 2.5rem;
padding: 2.5rem 2.5rem 2rem 2.5rem;
width: 100%;
}
.catalog_page-filter__block-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.catalog_page-filter__block-row {
display: flex;
align-items: flex-start;
position: relative;
}
.catalog_page-filter__block-row label {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
padding-left: 3rem;
cursor: pointer;
}
.catalog_page-filter__block-row input[type=checkbox]:before {
content: "";
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 0.4rem;
border: 1px solid #D3D9E5;
position: absolute;
background-color: #FFF;
cursor: pointer;
}
.catalog_page-filter__block-row input[type=checkbox]:checked:before {
background:transparent;
background-image: url('/wp-content/uploads/2026/03/checkbox.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-size: 2rem;
border-color: #D8AD55;
}
.catalog_page-filter__block-row input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.catalog_page-filter__block-row input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.catalog_page-filter__block-row input[type="checkbox"]:checked {
background-image: none;
}
.catalog_page-filter__block-more {
border-radius: 10rem;
background: #D8AD55;
padding: 1.3rem 3rem;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
text-align: center;
}
.catalog_page-soring {
display: flex;
position: relative;
}
.catalog_page-soring__button {
display: flex;
align-items: center;
gap: 1rem;
}
.catalog_page-soring__button p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.catalog_page-soring__button svg {
width: 2rem;
height: auto;
}
.catalog_page-soring__content {
position: absolute;
top: 100%;
z-index: 3;
right: 0;
border-radius: 2rem;
background: #FFF;
width: 27rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
margin-top: 1rem;
max-height: 0;
overflow: hidden;
}
.catalog_page-soring__content-col {
padding: 2.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
width: 100%;
}
.catalog_page-soring.active .catalog_page-soring__content {
border: 1px solid #D3D9E5;
}
.catalog_page-soring__row {
display: flex;
align-items: flex-start;
position: relative;
}
.catalog_page-soring__row label {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
padding-left: 3rem;
cursor: pointer;
}
.catalog_page-soring__row input[type=radio]:before {
content: "";
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 100%;
border: 1px solid #D3D9E5;
position: absolute;
background-color: #FFF;
cursor: pointer;
}
.catalog_page-soring__row input[type=radio]:checked:before {
background:transparent;
background-image: url('/wp-content/uploads/2026/03/radio.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-size: 2rem;
border-color: #D8AD55;
}
.catalog_page-soring__row input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.catalog_page-soring__row input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.catalog_page-soring__row input[type="radio"]:checked {
background-image: none;
}
.catalog_page-products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6rem 2.4rem;
}
.catalog_page-products .product_item-img {
height: 33rem;
}
.catalog_page-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.catalog_page-pagination {
display: flex;
align-items: center;
}
.catalog_page-pagination ul {
display: flex;
align-items: center;
gap: 0.4rem;
}
.catalog_page-pagination li {
display: flex;
}
.catalog_page-pagination__item {
border-radius: 1rem;
display: flex;
width: 4.2rem;
height: 4.2rem;
justify-content: center;
align-items: center;
color: #2E363D;
text-align: center;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.catalog_page-pagination__prev {
background: #FFF;
margin-right: 0.2rem;
}
.catalog_page-pagination__next {
background: #FFF;
margin-left: 0.2rem;
}
.catalog_page-pagination__prev svg, .catalog_page-pagination__next svg {
width: 2.4rem;
height: auto;
}
.catalog_page-pagination__item.active {
color: #FFF;
background: linear-gradient(0deg, #D8AD55 0%, #D8AD55 100%), #FFF;
}
.catalog_page-more {
border-radius: 10rem;
border: 1px solid #D8AD55;
padding: 1.5rem 4rem;
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.catalog_page-seo {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
@media screen and (max-width: 992px) {
.catalog_page {
margin-top: 2.5rem;
margin-bottom: 5rem;
}
.catalog_page-container {
flex-direction: column;
gap: 2rem;
}
.catalog_page-menu {
position: relative;
top: 0;
flex-direction: row;
gap: 1rem;
width: 100vw;
min-width: 100vw;
overflow-x: auto;
margin-left: -2rem;
padding: 0 2rem 0.5rem 2rem;
}
.catalog_page-menu::-webkit-scrollbar {
height: 0.3rem;
}
.catalog_page-menu .types-item {
width: 20rem;
min-width: 20rem;
}
.catalog_page-main {
gap: 3rem;
}
.catalog_page-col {
gap: 2.5rem;
}
.catalog_page-name {
gap: 1.5rem;
}
.catalog_page-name .title {
font-size: 3.5rem;
}
.catalog_page-count {
font-size: 1.4rem;
padding-bottom: 0.3rem;
}
.catalog_page-filter {
gap: 2rem;
}
.catalog_page-filter__tags {
padding-bottom: 2rem;
}
.catalog_page-filter__tag {
padding: 1rem 2rem;
}
.catalog_page-filter__active-block {
padding: 0.8rem 1.2rem;
}
.catalog_page-filter__active-block p {
font-size: 1.2rem;
}
.catalog_page-filter__active-delete svg {
width: 1.2rem;
}
.catalog_page-filter__main {
gap: 1rem;
}
.catalog_page-filter__all {
gap: 0.5rem;
padding: 1rem 2.5rem;
}
.catalog_page-filter__all svg {
width: 1.5rem;
}
.catalog_page-filter__all p {
font-size: 1.4rem;
}
.catalog_page-filter__block {
display: none;
}
.catalog_page-soring__button {
gap: 0.5rem;
}
.catalog_page-soring__button p {
font-size: 1.4rem;
}
.catalog_page-soring__button svg {
width: 1.5rem;
}
.catalog_page-soring__content {
border-radius: 2rem;
width: 24rem;
}
.catalog_page-soring__content-col {
padding: 2.5rem;
gap: 1.5rem;
}
.catalog_page-products {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.catalog_page-products .product_item-img {
height: 34.5rem;
}
.catalog_page-row {
flex-direction: column-reverse;
gap: 2rem;
}
.catalog_page-pagination ul {
gap: 0.4rem;
}
.catalog_page-pagination__item {
border-radius: 0.5rem;
width: 3.2rem;
height: 3.2rem;
}
.catalog_page-pagination__prev svg, .catalog_page-pagination__next svg {
width: 2rem;
}
.catalog_page-more {
width: 100%;
}
.catalog_page-seo {
font-size: 1.4rem;
}
}
/* popup-filter */
.popup-filter .popup-main {
margin-right: 0;
border-radius: 3rem 0 0 3rem;
max-height: 100%;
gap: 0;
max-width: 50rem;
padding: 5rem 4rem 0 4rem;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.popup-filter .popup-main > p {
color: #2E363D;
font-size: 2.6rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
margin-bottom: 3rem;
}
.popup-filter__close {
top: 3rem;
right: 4rem;
}
.popup-filter__main {
display: flex;
flex-direction: column;
gap: 2.5rem;
border-top: 1px solid #D3D9E5;
padding-top: 2.5rem;
overflow-y: auto;
max-height: 100%;
}
.popup-filter__item {
display: flex;
flex-direction: column;
}
.popup-filter__item-button {
display: flex;
align-items: center;
justify-content: space-between;
}
.popup-filter__item-button p {
color: #2E363D;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
}
.popup-filter__item-button svg {
transition: .3s all;
width: 2rem;
height: auto;
}
.popup-filter__item-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
max-height: 0;
overflow: hidden;
}
.popup-filter__item-content__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.popup-filter__item-content__col2 {
max-height: 0;
overflow: hidden;
}
.popup-filter__item-more {
display: flex;
align-items: center;
gap: 0.4rem;
}
.popup-filter__item-more p {
color: #7F8890;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.popup-filter__item-more svg {
transition: .3s all;
width: 1.6rem;
height: auto;
}
.popup-filter__buttons {
margin-top: auto;
background: #F7F7F9;
padding: 2.6rem 3rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
min-width: calc(100% + 8rem);
margin-left: -4rem;
}
.popup-filter__submit {
padding: 1.3rem 3rem;
border-radius: 10rem;
background: #D8AD55;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.popup-filter__reset {
border-radius: 10rem;
border: 1px solid #D8AD55;
background: #F7F7F9;
padding: 1.3rem 3rem;
color: #565E65;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.popup-filter__item.active {
padding-bottom: 2.5rem;
border-bottom: 1px solid #D3D9E5;
}
.popup-filter__item.active .popup-filter__item-content {
margin-top: 2rem;
max-height: 100%;
}
.popup-filter__item.active .popup-filter__item-button svg {
transform: rotate(180deg);
}
.popup-filter__item-more p:nth-child(2) {
display: none;
}
.popup-filter__item-content.active .popup-filter__item-more p:nth-child(1) {
display: none;
}
.popup-filter__item-content.active .popup-filter__item-more p:nth-child(2) {
display: block;
}
.popup-filter__item-content.active .popup-filter__item-more svg {
transform: rotate(180deg);
}
.header-region__label{color:#fff;}
@media screen and (max-width: 992px) {
.popup-filter .popup-main {
border-radius: 0;
gap: 0;
max-width: none;
padding: 4rem 2rem 0 2rem;
overflow-y: auto;
overflow-x: hidden;
}
.popup-filter .popup-main > p {
font-size: 2rem;
margin-bottom: 2rem;
}
.popup-filter__close {
top: 2rem;
right: 2rem;
}
.popup-filter__main {
gap: 2rem;
padding-top: 2rem;
max-height: none;
overflow: visible;
margin-bottom: 2rem;
}
.popup-filter__item-button p {
font-size: 1.4rem;
}
.popup-filter__buttons {
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
min-width: calc(100% + 4rem);
margin-left: -2rem;
position: sticky;
bottom: 0;
}
}
/* product_page */
.product_page {
margin-top: 3.5rem;
margin-bottom: 13rem;
}
.product_page-container {
display: flex;
align-items: flex-start;
gap: 2.4rem;
}
.product_page-left {
width: 100%;
border-radius: 2rem;
background: #FFF;
padding: 3rem;
max-width: 130rem;
display: flex;
flex-direction: column;
gap: 6rem;
}
.product_page-main {
display: flex;
align-items: center;
gap: 4rem;
}
.product_page-images {
display: flex;
gap: 1.4rem;
}
.product_page-images__col {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
}
.product_page_thumbs-prev {
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #F7F7F9;
position: absolute;
z-index: 3;
top: -2rem;
}
.product_page_thumbs-prev svg {
width: 2rem;
height: auto;
}
.product_page_thumbs-next {
width: 4rem;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #F7F7F9;
position: absolute;
z-index: 3;
bottom: -2rem;
}
.product_page_thumbs-next svg {
width: 2rem;
height: auto;
}
.product_page_thumbs-prev.swiper-button-disabled, .product_page_thumbs-next.swiper-button-disabled {
opacity: .5;
}
.product_page_thumbs {
height: 54.8rem;
width: 10rem;
}
.product_page_thumbs .swiper-slide {
height: auto;
border: 1px solid transparent;
border-radius: 1rem;
cursor: pointer;
transition: .3s all;
}
.product_page_thumbs .swiper-slide.swiper-slide-thumb-active {
border-color: #D8AD55;
}
.product_page_thumbs .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.product_page_swiper {
width: 54.8rem;
height: 54.8rem;
}
.product_page_swiper .swiper-slide {
height: auto;
}
.product_page_swiper .swiper-slide a {
width: 100%;
height: 100%;
display: flex;
}
.product_page_swiper .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2rem;
}
.product_page-info {
display: flex;
flex-direction: column;
gap: 4rem;
}
.product_page-title {
color: #2E363D;
font-size: 2.4rem;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.product_page-vartiations {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.product_page-vartiations__current {
display: flex;
gap: 5rem;
}
.product_page-vartiations__current-row {
display: flex;
align-items: center;
gap: 0.8rem;
}
.product_page-vartiations__current-row p {
color: #565E65;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.product_page-vartiations__current-row p:nth-child(2) {
color: #2E363D;
font-weight: 500;
}
.product_page-vartiations__column {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.product_page-vartiations__row {
display: flex;
align-items: center;
gap: 4.5rem;
}
.product_page-vartiations__checkbox {
display: flex;
align-items: flex-start;
position: relative;
}
.product_page-vartiations__checkbox label {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 135%;
padding-left: 3rem;
cursor: pointer;
}
.product_page-vartiations__checkbox input:before {
content: "";
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 0.4rem;
border: 1px solid #D3D9E5;
position: absolute;
background-color: #FFF;
cursor: pointer;
}
.product_page-vartiations__checkbox input:checked:before {
background:transparent;
background-image: url('/wp-content/uploads/2026/03/checkbox.svg');
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-size: 2rem;
border-color: #D8AD55;
}
.product_page-vartiations__checkbox input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.product_page-vartiations__checkbox input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.product_page-vartiations__checkbox input:checked {
background-image: none;
}
.product_page-vartiations__main {
display: flex;
align-items: center;
gap: 2rem;
}
.product_page-vartiations__radio {
display: flex;
align-items: center;
gap: 0.4rem;
}
.product_page-vartiations__radio-block {
position: relative;
display: flex;
}
.product_page-vartiations__radio-block input {
display: none;
}
.product_page-vartiations__radio-block label {
cursor: pointer;
padding: 0.2rem;
width: 10rem;
height: 10rem;
border: 1px solid transparent;
border-radius: 1.2rem;
background: #FFF;
transition: .3s all;
}
.product_page-vartiations__radio-block label img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.product_page-vartiations__radio-block input:checked+label {
border-color: #D8AD55;
}
.product_page-vartiations__more {
padding: 1.2rem 3.5rem;
display: flex;
align-items: center;
gap: 0.8rem;
border-radius: 10rem;
background: #F7F7F9;
}
.product_page-vartiations__more p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
}
.product_page-vartiations__more svg {
width: 2rem;
height: auto;
}
.product_page-specifications {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.product_page-specifications > p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.8rem;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.product_page-specifications__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.product_page-specifications__main {
display: flex;
flex-direction: column;
gap: 1rem;
}
.product_page-specifications__row {
display: flex;
align-items: center;
gap: 8rem;
}
.product_page-specifications__row p {
color: #565E65;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
min-width: 12rem;
}
.product_page-specifications__row p:nth-child(2) {
color: #2E363D;
}
.product_page-specifications__more {
display: flex;
align-items: center;
gap: 0.4rem;
}
.product_page-specifications__more p {
color: #7F8890;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.product_page-specifications__more svg {
width: 1.6rem;
height: auto;
}
.product_page-tabs {
display: flex;
flex-direction: column;
gap: 4rem;
}
.product_page-tabs__row {
display: flex;
align-items: center;
gap: 7rem;
border-bottom: 1px solid #D3D9E5;
}
.product_page-tab {
padding-bottom: 2rem;
position: relative;
color: #889097;
font-family: "Inter Tight";
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.product_page-tab::after {
content: '';
position: absolute;
bottom: 0;
z-index: 2;
background: #42536D;
height: 2px;
width: 100%;
left: 0;
transition: .3s all;
opacity: 0;
}
.product_page-tab.active {
color: #42536D;
font-weight: 500;
}
.product_page-tab.active::after {
opacity: 1;
}
.product_page-tabs__content {
display: none;
}
.product_page-tabs__content.active {
display: block;
}
.product_page-specifications_description {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6rem;
}
.product_page-specifications_description-col {
display: flex;
flex-direction: column;
gap: 2rem;
}
.product_page-specifications_description-title {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.product_page-specifications_description-column {
display: flex;
flex-direction: column;
gap: 1rem;
}
.product_page-specifications_description-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.product_page-specifications_description-row p {
color: #565E65;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.product_page-specifications_description-row p:nth-child(2) {
min-width: 20rem;
width: 20rem;
color: #2E363D;
}
.product_page-specifications_description-content {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.product_page-right {
display: flex;
flex-direction: column;
gap: 1.2rem;
width: 39.6rem;
min-width: 39.6rem;
position: sticky;
top: 12rem;
}
.product_page-link {
border-radius: 2rem;
background: #FFF;
display: flex;
align-items: center;
justify-content: space-between;
padding: 2.5rem;
}
.product_page-link__row {
display: flex;
align-items: center;
gap: 1.5rem;
}
.product_page-link__row svg {
width: 4rem;
height: auto;
}
.product_page-link__row p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.product_page-link__icon {
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #EBEBEB;
width: 4.4rem;
height: 4.4rem;
}
.product_page-link__icon svg {
width: 2rem;
height: auto;
}
.product_page-block {
border-radius: 2rem;
background: #FFF;
display: flex;
flex-direction: column;
gap: 2rem;
padding: 2.5rem;
}
.product_page-buttons {
display: flex;
gap: 1rem;
}
.product_page-submit {
width: 100%;
border-radius: 10rem;
background: #D8AD55;
padding: 1.5rem 4rem;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
text-align: center;
}
.product_page-wishlist {
background: #F7F7F9;
width: 5rem;
min-width: 5rem;
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.product_page-wishlist svg {
width: 2.4rem;
height: auto;
}
.product_page-wishlist.active {
background: #D8AD55;
}
.product_page-wishlist.active path {
stroke: #FFF;
fill: #FFF;
}
.product_page-min {
display: flex;
gap: 0.6rem;
align-items: center;
}
.product_page-min svg {
width: 1.8rem;
height: auto;
}
.product_page-min p {
color: #889097;
font-family: "Inter Tight";
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 135%;
}
.product_page-individual-block {
border-radius: 2rem;
background: #FFF;
padding: 2.5rem;
}
.product_page-individual {
border-radius: 10rem;
border: 1px solid #D8AD55;
background:#FFF;
padding: 1.5rem 4rem;
color: #D8AD55;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
text-align: center;
width: 100%;
}
.product_page-note {
position: relative;
border-radius: 2rem;
overflow: hidden;
padding: 3rem 2.5rem;
display: flex;
}
.product_page-note img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
position: absolute;
top: 0;
left: 0;
}
.product_page-note::before {
content: '';
width: 100%;
height: 100%;
border-radius: 2rem;
position: absolute;
z-index: -1;
background: #42536D;
opacity: .9;
top: 0;
left: 0;
}
.product_page-note p {
color: #FFF;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.product_page-container > .product_page-tabs {
display: none;
}
@media screen and (max-width: 992px) {
.product_page {
margin-top: 0;
margin-bottom: 5rem;
}
.product_page-container {
flex-direction: column;
gap: 2rem;
}
.product_page-left {
border-radius: 0;
background: transparent;
padding: 0;
max-width: none;
gap: 2rem;
}
.product_page-main {
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.product_page-images {
flex-direction: column-reverse;
gap: 1rem;
}
.product_page-images__col {
flex-direction: row;
}
.product_page_thumbs-prev {
width: 3rem;
height: 3rem;
top: auto;
left: -1.5rem;
}
.product_page_thumbs-prev svg {
transform: rotate(270deg);
}
.product_page_thumbs-next {
width: 3rem;
height: 3rem;
bottom: auto;
right: -1.5rem;
}
.product_page_thumbs-next svg {
transform: rotate(270deg);
}
.product_page_thumbs {
height: 7.7rem;
max-width: 34.5rem;
width: 100%;
}
.product_page_swiper {
width: 34.5rem;
max-width: 34.5rem;
height: 34.5rem;
}
.product_page-info {
gap: 2rem;
}
.product_page-title {
font-size: 2rem;
}
.product_page-vartiations {
gap: 1.5rem;
}
.product_page-vartiations__current {
gap: 2rem;
flex-wrap: wrap;
justify-content: space-between;
}
.product_page-vartiations__main {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.product_page-vartiations__radio-block label {
width: 11.1rem;
height: 11.1rem;
}
.product_page-vartiations__more {
width: 100%;
justify-content: center;
background: #FFF;
}
.product_page-specifications__row {
gap: 6rem;
}
.product_page-tabs {
display: none;
gap: 1.5rem;
}
.product_page-tabs__row {
gap: 1rem;
overflow-x: auto;
min-width: 100vw;
padding: 0 2rem;
margin-left: -2rem;
width: 100%;
max-width: 100vw;
border-bottom: 0;
}
.product_page-tabs__row::-webkit-scrollbar {
height: 0.4rem;
}
.product_page-tab {
padding-bottom: 1rem;
font-size: 1.4rem;
white-space: nowrap;
}
.product_page-specifications_description {
display: flex;
flex-direction: column;
gap: 2rem;
}
.product_page-specifications_description-row p:nth-child(2) {
min-width: 17rem;
width: 17rem;
}
.product_page-right {
gap: 1rem;
width: 100%;
min-width: 100%;
position: relative;
top: 0;
}
.product_page-link {
padding: 1.5rem;
border-radius: 1rem;
}
.product_page-link__row svg {
width: 3rem;
}
.product_page-link__icon {
width: 3rem;
height: 3rem;
}
.product_page-link__icon svg {
width: 1.5rem;
}
.product_page-block {
padding: 1.5rem;
}
.product_page-individual-block {
padding: 1.5rem;
}
.product_page-individual {
padding: 1.5rem;
}
.product_page-container > .product_page-tabs {
display: flex;
}
}
/* popup-color */
.popup-color .popup-main {
margin-right: 0;
border-radius: 3rem 0 0 3rem;
max-height: 100%;
gap: 0;
max-width: 55.2rem;
padding: 5rem 4rem 0 4rem;
height: 100%;
}
.popup-color .popup-main > p {
color: #2E363D;
font-size: 2.6rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
margin-bottom: 3rem;
}
.popup-color__close {
top: 3rem;
right: 4rem;
}
.popup-toogle .switch {
position: relative;
width: auto;
display: flex;
align-items: center;
cursor: pointer;
gap: 1.5rem;
}
.popup-toogle .switch p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
}
.popup-toogle .switch input {
opacity: 0;
width: 0;
height: 0;
display: none;
}
.popup-toogle .slider {
position: relative;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #D3D9E5;
-webkit-transition: .4s;
transition: .4s;
width: 4.2rem;
height: 2rem;
border-radius: 10rem;
}
.popup-toogle .slider:before {
position: absolute;
content: "";
height: 1.6rem;
width: 1.6rem;
left: 0.2rem;
bottom: 0.2rem;
background-color: #FFF;
-webkit-transition: .4s;
transition: .4s;
border-radius: 100%;
}
.popup-toogle input:checked + .slider {
background-color: #D8AD55;
}
.popup-toogle input:checked + .slider:before {
-webkit-transform: translateX(2.3rem);
-ms-transform: translateX(2.3rem);
transform: translateX(2.3rem);
}
.popup-filter__item.active:last-child {
padding-bottom: 0;
border-bottom: none;
}
.popup-color__items {
display: grid;
gap: 2.4rem 1.6rem;
width: 100%;
grid-template-columns: repeat(4, 1fr);
}
.popup-color__item {
display: flex;
position: relative;
}
.popup-color__item input {
display: none;
}
.popup-color__item label {
cursor: pointer;
display: flex;
flex-direction: column;
gap: 0.8rem;
width: 100%;
}
.popup-color__item-img {
width: 100%;
height: 10.8rem;
padding: 0.4rem;
border: 1px solid transparent;
border-radius: 1.2rem;
background: #FFF;
}
.popup-color__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.popup-color__item label p {
padding: 0 0.4rem;
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 135%;
}
.popup-color__item input:checked+label .popup-color__item-img {
border-color: #D8AD55;
}
.popup-color .popup-filter__buttons {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 992px) {
.popup-color .popup-main {
border-radius: 0;
gap: 0;
max-width: none;
padding: 4rem 2rem 0 2rem;
overflow-y: auto;
overflow-x: hidden;
}
.popup-color .popup-main > p {
font-size: 2rem;
margin-bottom: 2rem;
}
.popup-color__close {
top: 2rem;
right: 2rem;
}
.popup-color__items {
gap: 1.6rem;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.popup-color__item-img {
height: 9.8rem;
}
}
/* wishlist */
.wishlist-content {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2.4rem;
}
header .search {
align-items: center;
}
.header-search {
width: 0;
transition: .3s all;
overflow: hidden;
position: absolute;
z-index: 2;
right: 6rem;
display: flex;
align-items: center;
}
.header-search.active {
width: 55rem;
}
.header-search label {
display: none;
}
.header-search input {
border-radius: 1rem;
background: #2E363D;
width: 100%;
font-size: 1.8rem;
color: #FFF;
line-height: normal;
padding: 1rem 1.4rem;
}
.header-search input::placeholder {
color: #FFF;
}
.header-search button {
display: none;
}
@media screen and (max-width: 992px) {
.wishlist-content {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
}
/* woocommerce-MyAccount-navigation */
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
}
.woocommerce-MyAccount-navigation ul li {
display: flex;
}
.woocommerce-MyAccount-navigation ul li a {
color: #889097;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 3.5rem;
border-radius: 10rem;
border: 1px solid #889097;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: #D8AD55;
border-color: #D8AD55;
color: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-content {
font-size: 2rem;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 1rem 1.4rem;
font-size: 2rem;
}
.woocommerce table.my_account_orders .button {
background: #D8AD55;
color: #FFF;
font-family: "Inter Tight";
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 145%;
padding: 1.5rem 3.5rem;
border-radius: 10rem;
border: 1px solid #D8AD55;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
display: none;
}
.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total {
display: none;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
margin-top: 2rem;
}
.woocommerce-order-details__title, .woocommerce .woocommerce-customer-details .woocommerce-column__title {
color: #2E363D;
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 95%;
margin-bottom: 3rem;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
color: #2E363D;
font-family: "Inter Tight";
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 145%;
width: 100%;
padding: 1.5rem 2rem;
border-radius: 1rem;
border: 1px solid #D3D9E5;
background: #FFF;
}
.woocommerce-Button.button {
background: #D8AD55 !important;
color: #FFF !important;
font-family: "Inter Tight";
font-size: 1.6rem !important;
font-style: normal;
font-weight: 500 !important;
line-height: 145% !important;
padding: 1.5rem 3.5rem !important;
border-radius: 10rem !important;
border: 1px solid #D8AD55 !important;
}
.reviews {
margin-bottom: 12rem;
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3rem;
}
.reviews-item {
border-radius: 1rem;
border: 1px solid #889097;
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.reviews-item p {
color: #2E363D;
font-family: "Inter Tight";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.product_page-vartiations__main[data-taxonomy="pa_s-dizajnom"] {
flex-wrap: wrap;
}
.product_page-vartiations__czvet-block {
width: 100%;
}
.reviews-item__stars {
display: flex;
}
.reviews-item__stars svg {
width: 3rem;
height: auto;
}
@media screen and (max-width: 992px) {
.reviews {
margin-bottom: 5rem;
}
.reviews-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.reviews-item {
padding: 1.2rem;
}
.reviews-item p {
font-size: 1.4rem;
}
}
/* cart_page-product__variation */
.cart_page-product__variation {
display: flex;
align-items: center;
gap: 4rem;
}
.cart_page-product__variation-item {
display: flex;
align-items: center;
gap: 1rem;
}
.cart_page-product__variation-item img {
width: 7rem;
height: 7rem;
border-radius: 1rem;
object-fit: cover;
}
@media screen and (max-width: 992px) {
.cart_page-product__variation {
align-items: flex-start;
gap: 1rem;
flex-direction: column;
}
.cart_page-product__variation-item img {
width: 5rem;
height: 5rem;
}
.cart_page-product__row {
align-items: flex-start;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.8rem;
flex-wrap: wrap;
margin-bottom: 3rem;
}
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* hovers */
.header-catalog:hover {
background: #C99E46;
}
.header-callback:hover {
background: #D8AD55;
border-color: #D8AD55;
}
.header-action:hover {
background: #C99E46;
}
.banner-slide__link:hover {
background: #C99E46;
}
.banner-slide__link2:hover {
background: #D8AD55;
border-color: #D8AD55;
}
.advantages-link:hover {
background: #D8AD55;
}
.advantages-link:hover p {
color: #FFF;
}
.advantages-link:hover .advantages-link__icon {
background: #FFF;
}
.advantages-link:hover .advantages-link__icon svg path {
stroke: #2E363D;
}
.production-tab:hover {
background: #D8AD55;
border-color: #D8AD55;
color: #FFF;
}
.popup-tab:hover {
background: #D8AD55;
border-color: #D8AD55;
color: #FFF;
}
.news_more:hover {
background: #D8AD55;
}
.news_more:hover p {
color: #FFF;
}
.news_more:hover .news_more-icon {
background: #FFF;
}
.news_more:hover .news_more-icon svg path {
stroke: #2E363D;
}
.news_item:hover .news_item-link {
background: #D8AD55;
}
.product_item:hover .product_item-wishlist {
opacity: 1;
}
.popup-button:hover {
background: #D8AD55;
border-color: #D8AD55;
color: #FFF;
}
.popup-form__submit:hover {
background: #C99E46;
}
.catalog_page-filter__tag:hover {
background: #D8AD55;
color: #FFF;
}
.catalog_page-filter__all:hover {
background: #C99E46;
}
.catalog_page-filter__block-button:hover {
border-color: #D3D9E5;
}
.catalog_page-filter__block-more:hover {
background: #C99E46;
}
.catalog_page-pagination__item:hover {
background: #D8AD55;
color: #FFF;
}
.catalog_page-pagination__item:hover path {
stroke: #FFF;
}
.catalog_page-more:hover {
background: #D8AD55;
color: #FFF;
}
.popup-close:hover {
background: #D8AD55;
}
.popup-close:hover path {
stroke: #FFF;
}
.popup-filter__submit:hover {
background: #C99E46;
}
.popup-filter__reset:hover {
background: #D8AD55;
color: #FFF;
}
.product_page_thumbs-next:hover, .product_page_thumbs-prev:hover {
background: #2E363D;
}
.product_page_thumbs-next:hover path, .product_page_thumbs-prev:hover path {
stroke: #FFF;
}
.product_page-vartiations__more:hover {
background: #D8AD55;
}
.product_page-vartiations__more:hover p {
color: #FFF;
}
.product_page-vartiations__more:hover path {
stroke: #FFF;
}
.product_page-individual:hover {
background: #D8AD55;
color: #FFF;
}
.product_page-submit:hover {
background: #C99E46;
}
.product_page-wishlist:hover {
background: #D8AD55;
}
.product_page-wishlist:hover path {
stroke: #FFF;
}
.product_page-link:hover .product_page-link__icon {
background: #42536D;
}
/* Основной текст */
.about-blog p, .about-blog p br {
margin-bottom: 10px;
}
.about-blog img.emoji {
display: inline-block;
width: 1.15em;
height: 1.15em;
margin-right: 5px;
object-fit: contain;
vertical-align: -0.17em;
}
/* Галерея */
.about-blog .gallery {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
padding-top: 28px;
border-top: 1px solid var(--post-border);
}
/* Ссылка-карточка изображения */
.about-blog .gallery a {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 3 / 4;
background: #f3f4f6;
border: 1px solid var(--post-border);
border-radius: 12px;
box-shadow: 0 4px 14px rgb(15 23 42 / 6%);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
/* Изображения */
.about-blog .gallery img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform 0.35s ease,
filter 0.35s ease;
}
/* Наведение */
.about-blog .gallery a:hover {
z-index: 2;
transform: translateY(-4px);
border-color: rgb(229 57 69 / 45%);
box-shadow: 0 12px 25px rgb(15 23 42 / 14%);
}
.about-blog .gallery a:hover img {
transform: scale(1.04);
filter: saturate(1.05);
}
/* Фокус при навигации с клавиатуры */
.about-blog .gallery a:focus-visible {
outline: 3px solid rgb(229 57 69 / 35%);
outline-offset: 3px;
}
.page-id-3 .main_page h1.about_page-title{margin-bottom: 4rem;}
.page-id-3 .about p{margin-bottom: 1rem;}
.page-id-3 .about .h3, .page-id-3 .about h3, .page-id-3 .about .h2, .page-id-3 .about h2{margin-bottom: 1rem;}
/* Планшеты */
@media (max-width: 1000px) {
.about-blog .gallery {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.about-blog {
width: min(100% - 24px, 1200px);
margin: 18px auto;
padding: 24px;
font-size: 16px;
border-radius: 14px;
}
.about-blog p, .about-blog p br {
font-size: 16px;
}
.about-blog .gallery {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 26px;
padding-top: 22px;
}
}
/* Телефоны */
@media (max-width: 520px) {
.about-blog {
width: min(100% - 16px, 1200px);
margin: 8px auto;
padding: 20px 16px;
border-radius: 12px;
}
.about-blog .gallery {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
}
/* Очень узкие экраны */
@media (max-width: 340px) {
.about-blog .gallery {
grid-template-columns: 1fr;
}
}