html {
font-size: calc(100vw / 1920 * 10);
}
body {
font-family: 'Philosopher';
font-weight: 400;
transition: all .2s linear !important;
min-height: 100vh;
font-size: 1.6rem;
color: #201C1F;
background: #F3F0ED;
}
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;
}
input, textarea, select {
padding: 0;
margin: 0;
background: transparent;
border: none;
outline: none;
transition: all .2s linear;
}
.container {
max-width: 156rem;
width: 100%;
padding-left: 0;
padding-right: 0;
}
div {
transition: all .2s linear;
}
path, rect, circle {
transition: all .2s linear;
}
/* header */
header {
display: flex;
flex-direction: column;
gap: 3rem;
position: relative;
}
.header-top {
background: #362E33;
padding: 0.7rem 0;
}
.header-top__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-free {
display: flex;
align-items: center;
gap: 0.8rem;
}
.header-free svg {
width: 2.4rem;
height: auto;
}
.header-free p {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-delivery {
display: flex;
align-items: center;
gap: 0.8rem;
}
.header-delivery svg {
width: 1.9rem;
height: auto;
}
.header-delivery p {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-main__container {
display: flex;
align-items: center;
gap: 4.3rem;
}
.logo {
margin-right: auto;
display: flex;
}
.logo img {
width: 22.3rem;
}
.header-main__container nav ul {
display: flex;
align-items: center;
gap: 2.6rem;
}
.header-main__container nav ul li {
display: flex;
list-style: none;
}
.header-main__container nav ul li a {
color: #362E33;
font-family: 'Philosopher';
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.header-main__container nav ul li a:hover, .header-main__container nav ul li a.active {
color: #B38157;
}
.header-row {
display: flex;
align-items: center;
gap: 4rem;
}
.header-telegram {
display: flex;
align-items: center;
gap: 1rem;
}
.header-telegram svg {
width: 3.6rem;
height: auto;
}
.header-telegram__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
}
.header-telegram__link-1 {
color: #362E33;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.header-telegram__link-2 {
color: #B38157;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.header-callback {
display: flex;
align-items: center;
gap: 1rem;
}
.header-callback svg {
width: 3.1rem;
height: auto;
}
.header-callback__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.header-callback__link-1 {
color: #362E33;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.header-callback__link-2 {
color: #B38157;
font-family: 'Philosopher';
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.header-cart {
display: flex;
align-items: center;
gap: 1rem;
}
.header-cart svg {
width: 2.9rem;
height: auto;
}
.header-cart__icon {
position: relative;
}
.header-cart__icon span {
background: #B38157;
border-radius: 100%;
width: 1.2rem;
height: 1.2rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
color: #F3F0ED;
font-size: 1rem;
position: absolute;
z-index: 1;
top: 0;
right: -0.3rem;
}
.header-cart__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.header-cart__title {
color: #B38157;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-cart__price {
color: #362E33;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-home {
position: absolute;
z-index: 3;
width: 100%;
left: 0;
top: 0;
}
.header-home .header-main__container nav ul li a, .header-home .header-telegram__link-1, .header-home .header-callback__link-1, .header-home .header-cart__price {
color: #F3F0ED;
}
.header-home .header-telegram svg path, .header-home .header-callback svg path, .header-home .header-cart svg path {
stroke: #F3F0ED;
}
.header-buttons-mobile {
display: none;
}
.menu-mobile__fon {
display: none;
}
.menu-mobile {
display: none;
}
@media screen and (max-width: 592px) {
html {
font-size: calc(100vw / 375 * 10);
}
.container {
max-width: 34.5rem;
}
header {
padding-top: 2rem;
}
.header-top {
display: none;
}
.header-main__container {
justify-content: space-between;
gap: 2.3rem;
}
.logo img {
width: 13.6rem;
}
.header-main__container nav {
display: none;
}
.header-row {
display: none;
}
.header-buttons-mobile {
display: flex;
gap: 2.3rem;
align-items: center;
}
.burger-open {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.8rem;
z-index: 999;
}
.bar {
width: 3rem;
height: 0.1rem;
background-color: #362E33;
transition: 0.4s;
}
.bar:nth-child(2) {
width: 1.4rem;
}
.bar:nth-child(3) {
width: 2.2rem;
}
.change .bar:nth-child(1) {
transform: rotate(-45deg) translate(-0.8rem, 0.5rem);
}
.change .bar:nth-child(2) {
opacity: 0;
}
.change .bar:nth-child(3) {
transform: rotate(45deg) translate(-0.7rem, -0.6rem);
width: 3rem;
}
.header-mobile__phone {
display: flex;
}
.header-mobile__phone svg {
width: 2.6rem;
height: auto;
}
.header-home .header-mobile__phone svg path {
stroke: #F3F0ED;
}
.header-home .bar {
background: #F3F0ED;
}
.menu-mobile__fon.active {
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.30);
z-index: 99;
}
.menu-mobile.active {
display: flex;
position: fixed;
right: 0;
width: 100%;
max-width: 31.1rem;
flex-direction: column;
background: #F3F0ED;
z-index: 999;
top: 6.6rem;
max-height: calc(100% - 6.6rem);
overflow-y: auto;
padding: 4rem;
align-items: center;
gap: 4rem;
}
body.hidden {
overflow: hidden;
}
body.hidden header {
padding-bottom: 2rem;
background: #362E33;
z-index: 9999;
}
body.hidden header .bar {
background: #F3F0ED;
}
body.hidden header .header-mobile__phone svg path {
stroke: #F3F0ED;
}
.menu-mobile > nav > ul {
display: flex;
flex-direction: column;
gap: 2rem;
align-items: center;
}
.menu-mobile > nav > ul li {
display: flex;
list-style: none;
}
.menu-mobile > nav > ul li a {
color: #201C1F;
font-family: 'Philosopher';
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.header-cart__title {
font-size: 1.5rem;
}
.header-cart svg {
width: 2.2rem;
}
.header-cart__icon span {
width: 0.8rem;
height: 0.8rem;
font-size: 0.6rem;
}
.header-cart__price {
font-size: 1.5rem;
}
.menu-mobile__bottom {
display: flex;
flex-direction: column;
gap: 2rem;
align-items: center;
margin-top: 8rem;
}
.menu-mobile__social {
display: flex;
gap: 1.5rem;
align-items: center;
}
.menu-mobile__social a {
display: flex;
}
.menu-mobile__social a svg {
width: 2.4rem;
height: auto;
}
.header-callback svg {
width: 2rem;
}
.header-callback__link-1 {
font-size: 1.5rem;
}
.header-callback__link-2 {
font-size: 1.5rem;
}
}
/* banner */
.banner {
height: 90rem;
position: relative;
display: flex;
}
.banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, var(--text, #201C1F) -2.13%, rgba(27, 22, 25, 0.00) 75.31%);
z-index: 1;
}
.banner-header {
position: absolute;
top: 12rem;
left: 17.3rem;
z-index: 1;
border-top: 0.1rem solid #B38157;
padding-top: 0.8rem;
}
.banner-header img {
width: 22.4rem;
}
.banner-img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.banner-container {
position: relative;
z-index: 2;
display: flex;
align-items: flex-end;
padding-bottom: 20rem;
}
.banner-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.banner-title {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 6.4rem;
font-style: normal;
font-weight: 400;
line-height: 6.3rem;
}
.banner-link {
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 2.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 2.5rem 5.2rem;
border-radius: 5rem;
border: 1px solid #F3F0ED;
background: #B38157;
}
@media screen and (max-width: 592px) {
.banner {
height: 50rem;
}
.banner-header {
top: 5.4rem;
left: 1.5rem;
padding-top: 0.5rem;
}
.banner-header img {
width: 13.6rem;
}
.banner-container {
align-items: center;
justify-content: center;
padding-bottom: 0;
}
.banner-main {
align-items: center;
gap: 2rem;
}
.banner-title {
font-size: 3rem;
line-height: 120%;
text-align: center;
max-width: 32rem;
}
.banner-link {
font-size: 1.5rem;
}
}
/* fixed-social */
.fixed-social {
position: fixed;
z-index: 9;
bottom: 10rem;
right: 9.1rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.fixed-social a {
display: flex;
}
.fixed-social a img {
width: 4rem;
height: auto;
}
@media screen and (max-width: 592px) {
.fixed-social {
display: none;
}
}
/* footer */
footer {
background: #362E33;
padding: 10rem 0;
}
.footer-container {
display: flex;
align-items: flex-start;
gap: 20.5rem;
}
.footer-contacts {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.footer-contacts__title {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.footer-column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.footer-phone {
display: flex;
align-items: center;
gap: 1rem;
}
.footer-phone svg {
width: 3.1rem;
height: auto;
}
.footer-phone__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.footer-phone__column a {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.footer-callback {
color: #B38157;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.footer-email {
display: flex;
align-items: center;
gap: 1rem;
}
.footer-email svg {
width: 3.1rem;
height: auto;
}
.footer-email__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.footer-email__column a {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.footer-data {
display: flex;
align-items: center;
gap: 1.7rem;
}
.footer-data svg {
width: 2.4rem;
height: auto;
}
.footer-data__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.footer-data__column p {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.footer-social {
display: flex;
gap: 2rem;
}
.footer-social a {
display: flex;
}
.footer-social a svg {
width: 5.1rem;
height: auto;
}
.footer-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.footer-menu__title {
color: rgba(243, 240, 237, 0.20);
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.footer-menu ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.footer-menu ul li {
display: flex;
list-style: none;
}
.footer-menu ul li a {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.footer-main {
width: 100%;
max-width: 36.2rem;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4rem;
margin-left: auto;
}
.footer-logo {
display: flex;
}
.footer-logo img {
width: 36rem;
}
.footer-description {
color: #F3F0ED;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.footer-dev {
display: flex;
margin-top: 6.2rem;
}
.footer-dev img {
width: 15.7rem;
}
@media screen and (max-width: 592px) {
footer {
padding: 2rem 0 4.5rem 0;
}
.footer-container {
flex-direction: column;
align-items: center;
gap: 4rem;
}
.footer-contacts {
gap: 2rem;
width: 100%;
align-items: center;
}
.footer-contacts__title {
font-size: 2.2rem;
line-height: 120%;
}
.footer-column {
gap: 1.5rem;
align-items: center;
}
.footer-phone svg {
width: 2.2rem;
}
.footer-phone__column a {
font-size: 1.5rem;
}
.footer-callback {
font-size: 1.5rem;
}
.footer-email svg {
width: 2.2rem;
}
.footer-email__column a {
font-size: 1.5rem;
}
.footer-data {
gap: 1rem;
}
.footer-data svg {
width: 1.7rem;
}
.footer-data__column p {
font-size: 1.2rem;
}
.footer-social {
margin-top: 0.5rem;
}
.footer-social a svg {
width: 3.6rem;
}
.footer-menu {
display: none;
align-items: center;
gap: 2rem;
}
.footer-menu__title {
font-size: 2.2rem;
line-height: 120%;
}
.footer-menu ul {
align-items: center;
}
.footer-menu ul li a {
font-size: 1.5rem;
}
.footer-main {
max-width: none;
gap: 1rem;
align-items: center;
}
.footer-logo {
order: 2;
}
.footer-logo img {
width: 16.7rem;
}
.footer-description {
font-size: 1rem;
order: 3;
max-width: 16.7rem;
text-align: center;
}
.footer-dev {
margin-top: 0;
margin-right: auto;
display: none;
}
.footer-dev img {
width: 10.7rem;
}
}
/* home_catalog */
.home_catalog {
margin: 12rem 0;
}
.home_catalog-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.home_catalog-main {
display: flex;
flex-wrap: wrap;
gap: 6rem 4rem;
}
.home_catalog-banner {
width: 100%;
max-width: 76rem;
display: flex;
position: relative;
padding: 4rem 4rem 4rem 6rem;
height: 52.9rem;
}
.home_catalog-banner__img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-radius: 2rem;
}
.home_catalog-banner__name {
position: relative;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.home_catalog-banner__name h2 {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
width: 100%;
max-width: 41.9rem;
text-align: left;
}
.home_catalog-banner__name svg {
width: 3.4rem;
height: auto;
}
.product-card {
display: flex;
flex-direction: column;
gap: 2rem;
}
.home_catalog-main .product-card {
width: 100%;
max-width: 36rem;
}
.product-card__top {
position: relative;
height: 43.6rem;
display: flex;
}
.product-card__images {
position: relative;
height: 100%;
display: flex;
width: 100%;
}
.product-card__swiper {
width: 100%;
height: 100%;
}
.product-card__swiper-slide {
height: auto;
}
.product-card__swiper-slide img {
width: 100%;
height: 100%;
border-radius: 2rem;
object-fit: cover;
}
.product-card__swiper-pagination {
position: absolute;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
gap: 1.5rem;
bottom: 1.7rem !important;
}
.product-card__swiper-pagination .swiper-pagination-bullet {
margin: 0 !important;
width: 1.5rem;
height: 1.5rem;
background: #898282;
opacity: 1;
border-radius: 100%;
}
.product-card__swiper-pagination .swiper-pagination-bullet-active {
background: #B38157;
}
.product-card__add {
position: absolute;
z-index: 4;
right: 2.5rem;
top: 2.5rem;
display: flex;
width: 3.4rem;
height: 3.4rem;
background: transparent;
border-radius: 100%;
justify-content: center;
align-items: center;
}
.product-card__add svg:nth-child(1) {
width: 2.2rem;
height: auto;
}
.product-card__add svg:nth-child(2) {
display: none;
width: 2.7rem;
height: auto;
}
.product-card__add.active svg:nth-child(1) {
display: none;
}
.product-card__add.active svg:nth-child(2) {
display: block;
}
.product-card__main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.product-card__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.product-card__row {
display: flex;
align-items: center;
gap: 2.5rem;
}
.product-card__price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-card__tag {
color: #B38157;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-card:hover .product-card__add {
background: #B38157;
}
.product-card:hover .product-card__add svg path {
stroke: #F3F0ED;
}
.home_catalog-link {
border-radius: 5rem;
background: #B38157;
padding: 1.8rem 3.2rem;
margin: 0 auto;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media screen and (max-width: 592px) {
.home_catalog {
margin: 6rem 0;
}
.home_catalog-container {
gap: 2.5rem;
}
.home_catalog-main {
gap: 2.5rem 1rem;
}
.home_catalog-banner {
padding: 2rem;
height: 24rem;
}
.home_catalog-banner__name h2 {
font-size: 2.2rem;
max-width: 22.9rem;
}
.home_catalog-banner__name svg {
width: 2.5rem;
}
.product-card {
gap: 1rem;
}
.home_catalog-main .product-card {
max-width: 16.7rem;
}
.product-card__top {
height: 23rem;
}
.product-card__swiper-slide img {
border-radius: 1rem;
}
.product-card__swiper-pagination {
gap: 0.8rem;
bottom: 1rem !important;
}
.product-card__swiper-pagination .swiper-pagination-bullet {
width: 0.9rem;
height: 0.9rem;
}
.product-card__add {
right: 0.5rem;
top: 0.5rem;
width: 3.4rem;
height: 3.4rem;
}
.product-card__main {
gap: 0.5rem;
}
.product-card__title {
font-size: 1.5rem;
}
.product-card__row {
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
}
.product-card__price {
font-size: 1.2rem;
}
.product-card__tag {
font-size: 1.2rem;
}
.home_catalog-link {
font-size: 1.5rem;
}
}
/* video_training */
.video_training {
margin-bottom: 12rem;
display: flex;
}
.video_training-container {
position: relative;
display: flex;
flex-direction: column;
gap: 6rem;
}
.video_training-column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.video_training-title {
color: #000;
text-align: center;
font-family: Philosopher;
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.096rem;
}
.video_training-main {
display: flex;
justify-content: space-between;
position: relative;
align-items: flex-start;
padding-bottom: 39rem;
}
.video_training-description {
color: #201C1F;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
max-width: 53.3rem;
font-family: Philosopher;
}
.video_training-img-1 {
width: 67.3rem;
height: 90rem;
position: absolute;
right: -17rem;
top: 0;
}
.video_training-row {
display: flex;
align-items: center;
gap: 0.5rem;
}
.video_training-row svg {
width: 2.4rem;
height: auto;
}
.video_training-row p {
color: var(--text, #201C1F);
font-family: Philosopher;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
max-width: 37.8rem;
}
.video_training-img-2 {
width: 90.8rem;
height: 55.9rem;
border-radius: 0.5rem;
object-fit: cover;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.video_training-img-2 video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.video_training-img-2 svg {
position: absolute;
width: 8.4rem;
height: auto;
z-index: 2;
}
.video_training-img-3 {
width: 29.6rem;
position: absolute;
bottom: 20rem;
left: 24.3rem;
}
.video_training-img-4 {
width: 30.9rem;
position: absolute;
bottom: 8rem;
z-index: 2;
left: 0;
}
.video_training-images {
display: none;
}
@media screen and (max-width: 592px) {
.video_training {
margin-bottom: 6rem;
height: auto;
}
.video_training-container {
padding-top: 0;
flex-direction: column;
gap: 2rem;
}
.video_training-images {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 0.5rem;
}
.video_training-images-1 {
width: 15.1rem;
}
.video_training-images-2 {
width: 17.1rem;
}
.video_training-column {
gap: 1.5rem;
}
.video_training-title {
font-size: 2.2rem;
margin: 0 auto;
line-height: 120%;
max-width: 28rem;
}
.video_training-description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: none;
}
.video_training-img-1 {
display: none;
}
.video_training-img-2 {
width: 100%;
height: 21.1rem;
position: relative;
}
.video_training-img-2 svg {
width: 6.4rem;
}
.video_training-img-3 {
display: none;
}
.video_training-img-4 {
display: none;
}
.video_training-main {
flex-direction: column;
gap: 2.5rem;
padding-bottom: 0;
}
.video_training-row p {
font-size: 1.3rem;
letter-spacing: -0.026rem;
max-width: 31.4rem;
}
}
/* difference */
.difference {
margin-bottom: 12rem;
}
.difference-container {
display: flex;
flex-direction: column;
gap: 4.2rem;
}
.difference-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.difference-main {
display: flex;
flex-direction: column;
gap: 4rem;
}
.difference-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4.2rem;
}
.difference-item {
display: flex;
flex-direction: column;
gap: 3rem;
border-radius: 2rem;
border: 1px solid #362E33;
background: #F3F0ED;
}
.difference-item > img {
width: 100%;
border-radius: 1.9rem;
height: 42.4rem;
object-fit: cover;
}
.difference-item__main {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 0 3.7rem 3rem 3.7rem;
}
.difference-item__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.difference-item__description {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.difference-more {
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #362E33;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 auto;
}
@media screen and (max-width: 592px) {
.difference {
margin-bottom: 6rem;
}
.difference-container {
gap: 2.2rem;
}
.difference-title {
font-size: 2.2rem;
line-height: 120%;
max-width: 30rem;
}
.difference-main {
gap: 2rem;
}
.difference-row {
grid-template-columns: repeat(1, 1fr);
gap: 1.6rem;
}
.difference-item {
gap: 2rem;
}
.difference-item > img {
height: 29.8rem;
}
.difference-item__main {
gap: 1.5rem;
padding: 0 2rem 2rem 2rem;
}
.difference-item__title {
font-size: 1.5rem;
}
.difference-item__description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.difference-more {
display: none;
}
}
/* advantages */
.advantages {
margin-bottom: 12rem;
}
.advantages-container {
display: flex;
flex-direction: column;
gap: 6rem;
}
.advantages-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
text-align: center;
}
.advantages-main {
display: flex;
flex-wrap: wrap;
gap: 4rem 9rem;
justify-content: center;
max-width: 120rem;
margin: 0 auto;
width: 100%;
}
.advantages-item {
width: 100%;
max-width: 29.3rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
}
.advantages-item__img {
width: 18.3rem;
}
.advantages-item__column {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: center;
}
.advantages-item__title {
color: #201C1F;
text-align: center;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
white-space: nowrap;
}
.advantages-item__description {
color: #201C1F;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: Philosopher;
max-width: 29.2rem;
}
.video_training-col {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media screen and (max-width: 592px) {
.advantages {
margin-bottom: 6rem;
}
.advantages-container {
gap: 1.5rem;
}
.advantages-title {
font-size: 2.2rem;
line-height: 120%;
}
.advantages-main {
flex-direction: column;
gap: 2.5rem;
}
.advantages-item {
max-width: none;
flex-direction: row;
}
.advantages-item__img {
width: 9.9rem;
min-width: 9.9rem;
}
.advantages-item__column {
gap: 0.5rem;
align-items: flex-start;
}
.advantages-item__title {
font-size: 1.5rem;
white-space: wrap;
}
.advantages-item__description {
text-align: left;
font-size: 1.2rem;
max-width: 22.7rem;
}
}
/* home_about */
.home_about {
margin-bottom: 12rem;
height: 76.8rem;
display: flex;
}
.home_about-container {
display: flex;
position: relative;
width: 100%;
}
.home_about-img-1 {
position: absolute;
left: 0;
top: 0;
width: 67.3rem;
}
.home_about-img-2 {
position: absolute;
left: 18.1rem;
top: 0;
bottom: 0;
margin: auto 0;
width: 75.9rem;
}
.home_about-main {
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%;
max-width: 76.5rem;
margin-left: auto;
margin-right: 4rem;
justify-content: center;
}
.home_about-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.home_about-description {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
max-width: 49.4rem;
}
@media screen and (max-width: 592px) {
.home_about {
margin-bottom: 6rem;
height: auto;
}
.home_about-container {
flex-direction: column;
max-width: 34.5rem;
margin: 0 auto;
}
.home_about-img-1 {
display: none;
}
.home_about-img-2 {
position: relative;
left: 0;
width: 100%;
}
.home_about-main {
margin-right: 0;
}
.home_about-title {
font-size: 2.2rem;
line-height: 120%;
text-align: center;
}
.home_about-description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
text-align: center;
}
}
/* reviews */
.reviews {
margin-bottom: 12rem;
}
.reviews-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.reviews-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
text-align: center;
}
.reviews-main {
display: flex;
flex-direction: column;
gap: 5rem;
}
.reviews-slider {
display: flex;
align-items: center;
position: relative;
padding: 0 4.4rem;
}
.reviews-swiper {
width: 100%;
}
.reviews-swiper .swiper-slide {
height: auto;
}
.reviews-slide {
height: 100%;
display: flex;
flex-direction: column;
gap: 2rem;
border-radius: 1rem;
background: #E8E5E2;
padding: 4rem;
}
.reviews-slide__name {
display: flex;
align-items: center;
gap: 2rem;
}
.reviews-slide__img {
width: 10.2rem;
height: 10.2rem;
border-radius: 100%;
object-fit: cover;
}
.reviews-slide__column {
display: flex;
gap: 0.4rem;
width: 100%;
align-items: center;
justify-content: space-between;
}
.reviews-slide__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.reviews-slide__stars {
display: flex;
gap: 0.6rem;
}
.reviews-slide__stars svg {
width: 2rem;
height: auto;
}
.reviews-slide__content {
display: flex;
flex-direction: column;
gap: 2rem;
margin-top: auto;
}
.reviews-slide__content > a {
margin-left: auto;
color: var(--Accent, #B38157);
leading-trim: both;
text-edge: cap;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.036rem;
}
.reviews-slide__images {
display: grid;
grid-template-columns:repeat(3, 1fr);
gap: 1rem;
}
.reviews-slide__images a {
display: flex;
height: 13rem;
justify-content: center;
align-items: center;
}
.reviews-slide__images a img {
border-radius: 1rem;
object-fit: cover;
width: 100%;
height: 100%;
}
.reviews-slide__images a video {
border-radius: 1rem;
object-fit: cover;
width: 100%;
height: 100%;
}
.reviews-slide__images a svg {
width: 7.4rem;
height: auto;
position: absolute;
z-index: 2;
}
.reviews-slide__content p {
color: #201C1F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.reviews-slider button {
display: flex;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
height: 4rem;
display: flex;
width: 6.4rem;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 3rem;
border: 1.5px solid var(--Accent, #B38157);
background: rgba(243, 240, 237, 0.50);
z-index: 3;
}
.reviews-slider button svg {
width: 2.7rem;
height: auto;
}
.reviews-prev {
left: 0;
}
.reviews-next {
right: 0;
}
.reviews-link {
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 auto;
}
@media screen and (max-width: 592px) {
.reviews {
margin-bottom: 6rem;
}
.reviews-container {
gap: 2rem;
}
.reviews-title {
font-size: 2.2rem;
line-height: 120%;
}
.reviews-main {
gap: 2.5rem;
}
.reviews-slider {
flex-direction: column;
gap: 2rem;
padding: 0;
}
.reviews-navigation {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.reviews-slide {
gap: 1.5rem;
padding: 2rem;
}
.reviews-slide__name {
gap: 1rem;
}
.reviews-slide__img {
width: 8.5rem;
height: 8.5rem;
}
.reviews-slide__column {
gap: 0.5rem;
}
.reviews-slide__title {
font-size: 1.5rem;
}
.reviews-slide__stars {
gap: 0.5rem;
}
.reviews-slide__stars svg {
width: 1.9rem;
}
.reviews-slide__content p {
font-size: 1.2rem;
}
.reviews-slider button {
position: relative;
}
.reviews-swiper {
order: 2;
}
.reviews-link {
font-size: 1.5rem;
}
.reviews-slide__images a svg {
width: 4.4rem;
}
}
/* callback */
.callback {
height: 67.1rem;
display: flex;
}
.callback-container {
display: flex;
width: 100%;
}
.callback-img {
border-radius: 0rem 2rem 0rem 0rem;
width: 100%;
max-width: 84.7rem;
min-width: 84.7rem;
object-fit: cover;
}
.callback-main {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
gap: 4rem;
align-items: center;
}
.callback-main form {
display: flex;
flex-direction: column;
}
.callback-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
text-align: center;
width: 100%;
max-width: 75.8rem;
}
.callback-form {
display: flex;
flex-direction: column;
gap: 4rem;
align-items: center;
width: 100%;
max-width: 75.8rem;
margin: 0 auto;
}
.callback-inputs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4rem;
width: 100%;
}
.checkout-blocks .callback-inputs {
display: flex;
flex-wrap: wrap;
gap: 4rem;
width: 100%;
}
.checkout-blocks .callback-inputs .callback-input:nth-child(1), .checkout-blocks .callback-inputs .callback-input:nth-child(2) {
max-width: 35.8rem;
}
.callback-input {
position: relative;
width: 100%;
}
.callback-input label {
padding: 0rem 0.4rem;
border-radius: 0.8rem;
background: #F3F0ED;
color: rgba(32, 28, 31, 0.8);
font-family: 'Philosopher';
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2rem;
position: absolute;
z-index: 2;
left: 1.6rem;
top: -1rem;
}
.callback-input input {
color: #000;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
border-radius: 0.8rem;
border: 0.1rem solid #201C1F;
background: #F3F0ED;
width: 100%;
padding: 1.5rem 1.6rem;
}
.callback-input input::placeholder {
color: #898282;
}
.callback-privacy, .callback-privacy p {
position: relative;
display: flex;
align-items: center;
}
.wpcf7-spinner {
display: none !important;
}
.callback-privacy label {
color: rgba(47, 47, 47, 0.70);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
padding-left: 2.6rem;
}
.callback-privacy label a {
color: rgba(47, 47, 47, 0.70);
}
.callback-privacy input[type=checkbox]:before {
content:"";
display:inline-block;
width: 2.1rem;
height: 2.1rem;
border-radius: 0.5rem;
border: 0.1rem solid #201C1F;
position: absolute;
margin-top: -1rem;
cursor: pointer;
}
.callback-privacy input[type=checkbox]:checked:before {
background: transparent;
background-image: url('/wp-content/uploads/2025/03/checkbox.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 2.8rem;
position: absolute;
}
.callback-privacy input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.callback-privacy input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.callback-privacy input[type="checkbox"]:checked {
background-image: none;
}
.callback-submit {
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
cursor: pointer;
}
@media screen and (max-width: 592px) {
.callback {
height: auto;
}
.callback-container {
flex-direction: column-reverse;
}
.callback-img {
border-radius: 0;
height: 19.6rem;
max-width: 100%;
min-width: 100%;
}
.callback-main {
padding: 0 1.5rem 6rem 1.5rem;
gap: 2.5rem;
}
.callback-title {
font-size: 2.2rem;
line-height: 120%;
}
.callback-form {
gap: 2rem;
}
.callback-inputs {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.callback-input input {
font-size: 1.2rem;
padding: 1.8rem 1.6rem;
}
.callback-privacy label {
font-size: 1.2rem;
}
.callback-submit {
font-size: 1.5rem;
}
}
/* about */
.about {
margin: 8rem 0 38.5rem 0;
}
.about-container {
display: flex;
flex-direction: column;
gap: 11.1rem;
position: relative;
}
.about-name {
display: flex;
flex-direction: column;
gap: 2rem;
max-width: 91.6rem;
width: 100%;
margin: 0 auto;
}
.about-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.about-title br {
display: none;
}
.about-description {
color: #201C1F;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.about-main {
display: flex;
flex-direction: column;
gap: 12.1rem;
}
.about-block1 {
position: relative;
padding-left: 62.3rem;
display: flex;
}
.about-block__name {
display: flex;
flex-direction: column;
gap: 2rem;
}
.about-block__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.about-block__description {
color: #201C1F;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
max-width: 49.4rem;
margin-left: 9rem;
}
.about-block1 img {
position: absolute;
width: 28rem;
top: -7.5rem;
left: 25rem;
}
.about-block1::before {
content: '';
border-radius: 0rem 30rem 30rem 0rem;
background: #898282;
width: 67.3rem;
height: 40rem;
position: absolute;
left: 0;
top: 0;
}
.about-block2 {
position: relative;
padding-right: 61.7rem;
display: flex;
justify-content: flex-end;
}
.about-block2 .about-block__description {
margin-right: 9.8rem;
margin-left: 0;
text-align: right;
}
.about-block2 .about-block__name {
align-items: flex-end;
}
.about-block2 img {
position: absolute;
width: 39.6rem;
top: -14.8rem;
right: 15.2rem;
}
.about-block2::before {
content: '';
border-radius: 30rem 0 0 30rem;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), var(--grey, #898282);
width: 67.3rem;
height: 40rem;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 592px) {
.about {
margin: 4rem 0 10.5rem 0;
}
.about-container {
gap: 6.3rem;
}
.about-name {
gap: 1.5rem;
max-width: 34.5rem;
}
.about-title {
font-size: 2.5rem;
text-align: center;
line-height: 120%;
}
.about-title br {
display: block;
}
.about-description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
text-align: center;
}
.about-main {
gap: 15.2rem;
}
.about-block1 {
padding-left: 15rem;
}
.about-block__name {
gap: 1.5rem;
}
.about-block__title {
font-size: 2.2rem;
}
.about-block__description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 16.7rem;
margin-left: 4.3rem;
}
.about-block1 img {
width: 17.3rem;
top: -4.6rem;
left: 0.4rem;
border-radius: 0rem 0 11rem 0rem;
}
.about-block1::before {
width: 18.4rem;
height: 24.8rem;
}
.about-block2 {
padding-right: 17.1rem;
}
.about-block2 .about-block__description {
margin-right: 2.1rem;
}
.about-block2 img {
width: 21.4rem;
top: -9.9rem;
right: -2.1rem;
border-radius: 0 0 0rem 14rem;
}
.about-block2::before {
width: 18.2rem;
height: 24.8rem;
top: -4.5rem;
}
}
/* why */
.why {
margin-bottom: 12rem;
}
.why-container {
display: flex;
flex-direction: column;
gap: 4.35rem;
}
.why-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
padding-left: 44.7rem;
}
.why-main {
display: flex;
flex-direction: column;
gap: 4rem;
}
.why-item {
padding-top: 4rem;
position: relative;
padding-left: 27.3rem;
display: flex;
align-items: flex-start;
gap: 4rem;
}
.why-item::before {
content: '';
width: 100%;
max-width: 145.5rem;
top: 0;
right: 0;
position: absolute;
background: #B38157;
height: 0.1rem;
}
.why-item svg {
width: 13.4rem;
min-width: 13.4rem;
height: auto;
}
.why-item__row {
display: flex;
align-items: flex-start;
gap: 4rem;
width: 100%;
max-width: 89.3rem;
}
.why-item__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
width: 100%;
max-width: 36rem;
}
.why-item__description {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
width: 100%;
max-width: 49.3rem;
}
.why-item__img {
width: 36rem;
height: 24.2rem;
}
.why-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
@media screen and (max-width: 592px) {
.why {
margin-bottom: 6rem;
}
.why-container {
gap: 2.5rem;
}
.why-title {
text-align: center;
font-size: 2.2rem;
line-height: 120%;
padding-left: 0;
}
.why-main {
gap: 2rem;
}
.why-item {
padding: 0 1.5rem 2rem 1.5rem;
gap: 1.8rem;
}
.why-item::before {
max-width: 34.5rem;
left: 0;
margin: 0 auto;
top: auto;
bottom: 0;
}
.why-item svg {
display: none;
}
.why-item__row {
flex-direction: column;
gap: 1rem;
max-width: 17.1rem;
}
.why-item__title {
font-size: 1.5rem;
max-width: 16rem;
}
.why-item__description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 17.1rem;
}
.why-item__img {
width: 15.6rem;
height: 10.5rem;
}
.why-item:last-child::before {
max-width: none;
}
}
/* delivery */
.delivery {
margin-bottom: 12rem;
}
.delivery-container {
display: flex;
align-items: flex-start;
gap: 4rem;
}
.delivery-img {
width: 62.7rem;
height: 61.2rem;
}
.delivery-img img {
width: 100%;
height: 100%;
border-radius: 0.5rem;
object-fit: cover;
}
.delivery-main {
width: 100%;
max-width: 75.4rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.delivery-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
max-width: 55.9rem;
}
.delivery-description {
display: flex;
flex-direction: column;
gap: 2rem;
}
.delivery-description p {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
@media screen and (max-width: 592px) {
.delivery {
margin-bottom: 6rem;
}
.delivery-container {
flex-direction: column-reverse;
gap: 2rem;
}
.delivery-img {
width: 100%;
height: 33.8rem;
}
.delivery-main {
gap: 2rem;
}
.delivery-title {
font-size: 2.2rem;
line-height: 110%;
max-width: 25.4rem;
}
.delivery-description {
gap: 1.5rem;
}
.delivery-description p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
}
/* calculate_cost */
.calculate_cost {
margin-bottom: 12rem;
}
.calculate_cost-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.calculate_cost-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.calculate_cost-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8rem;
}
.calculate_cost-item {
display: flex;
flex-direction: column;
gap: 2.4rem;
align-items: flex-start;
}
.calculate_cost-item__number {
display: flex;
width: 9.4rem;
height: 9.4rem;
justify-content: center;
align-items: center;
border-radius: 100%;
border: 1px solid #362E33;
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.calculate_cost-item__description {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
@media screen and (max-width: 592px) {
.calculate_cost {
margin-bottom: 6rem;
}
.calculate_cost-container {
gap: 1.8rem;
}
.calculate_cost-title {
font-size: 2.2rem;
line-height: 110%;
max-width: 25.4rem;
}
.calculate_cost-row {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.calculate_cost-item {
flex-direction: row;
gap: 2rem;
align-items: center;
}
.calculate_cost-item__number {
width: 5.4rem;
min-width: 5.4rem;
height: 5.4rem;
font-size: 3rem;
}
.calculate_cost-item__description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 25rem;
}
}
/* variants_delivery */
.variants_delivery {
margin-bottom: 12rem;
}
.variants_delivery-container {
display: flex;
align-items: flex-start;
gap: 4rem;
}
.variants_delivery-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
width: 100%;
max-width: 62.7rem;
}
.variants_delivery-main {
display: flex;
flex-direction: column;
width: 100%;
max-width: 89.3rem;
}
.variants_delivery-item {
display: flex;
flex-direction: column;
padding: 3rem 0;
border-bottom: 0.1rem solid #B38157;
}
.variants_delivery-item:first-child {
border-top: 0.1rem solid #B38157;
}
.variants_delivery-item__button {
display: flex;
justify-content: space-between;
align-items: center;
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
text-align: left;
padding-right: 3rem;
}
.variants_delivery-item__button-icon {
display: flex;
}
.variants_delivery-item__button-icon svg:nth-child(1) {
width: 2.3rem;
height: auto;
}
.variants_delivery-item__button-icon svg:nth-child(2) {
width: 2.4rem;
height: auto;
display: none;
}
.variants_delivery-item__content {
max-height: 0;
position: relative;
overflow: hidden;
}
.variants_delivery-item__content p {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.variants_delivery-item.active .variants_delivery-item__content {
margin-top: 2rem;
margin-bottom: 1rem;
}
.variants_delivery-item.active .variants_delivery-item__button-icon svg:nth-child(1) {
display: none;
}
.variants_delivery-item.active .variants_delivery-item__button-icon svg:nth-child(2) {
display: block;
}
@media screen and (max-width: 592px) {
.variants_delivery {
margin-bottom: 6rem;
}
.variants_delivery-container {
flex-direction: column;
gap: 2.5rem;
}
.variants_delivery-title {
font-size: 2.2rem;
line-height: 110%;
max-width: 25.4rem;
}
.variants_delivery-item {
padding: 1.5rem 0;
}
.variants_delivery-item__button {
font-size: 1.5rem;
padding-right: 0;
}
.variants_delivery-item__button-icon svg:nth-child(1) {
width: 1.4rem;
}
.variants_delivery-item__button-icon svg:nth-child(2) {
width: 1.8rem;
}
.variants_delivery-item__content p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.variants_delivery-item.active .variants_delivery-item__content {
margin-top: 2rem;
margin-bottom: 0.5rem;
}
}
/* catalog */
.catalog {
margin: 8rem 0 13rem 0;
}
.catalog-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.catalog-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.catalog-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6rem 4rem;
}
.catalog-main .product-card {
width: 100%;
max-width: 37.7rem;
}
.product-card:hover .product-card__add:hover {
background: #362E33;
}
.product-card__swiper-pagination .swiper-pagination-bullet:hover {
background: #362E33;
}
@media screen and (max-width: 592px) {
.catalog {
margin: 4rem 0 6rem 0;
}
.catalog-container {
gap: 2.5rem;
}
.catalog-title {
font-size: 2.4rem;
line-height: 120%;
}
.catalog-main {
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem 1rem;
}
.catalog-main .product-card {
max-width: 16.8rem;
}
}
/* page404 */
.page404 {
margin: 8rem 0 15rem 0;
}
.page404-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.page404-container h2 {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.page404-container img {
margin-bottom: 6rem;
width: 95.4rem;
}
.page404-container a {
border-radius: 5rem;
background: #B38157;
padding: 1.8rem 3.2rem;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media screen and (max-width: 592px) {
.page404 {
margin: 10rem 0 16.3rem 0;
}
.page404-container h2 {
font-size: 2.4rem;
line-height: 120%;
max-width: 25.4rem;
text-align: center;
}
.page404-container img {
margin-bottom: 2rem;
width: 100%;
}
.page404-container a {
font-size: 1.5rem;
}
}
/* contacts */
.contacts {
margin: 8rem 0 15rem 0;
}
.contacts-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.contacts-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.contacts-row {
display: flex;
gap: 34rem;
align-items: center;
}
.contacts-main {
display: flex;
flex-direction: column;
gap: 3rem;
}
.contacts-social {
display: flex;
flex-direction: column;
gap: 3rem;
align-items: flex-start;
}
.contacts-social a {
display: flex;
align-items: center;
gap: 1.2rem;
color: #B38157;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.contacts-social a svg {
width: 5.1rem;
height: auto;
}
.contacts-form {
width: 100%;
max-width: 75.8rem;
}
.contacts .footer-phone__column a, .contacts .footer-email__column a, .contacts .footer-data__column p {
color: #201C1F;
}
@media screen and (max-width: 592px) {
.contacts {
margin: 4rem 0 6rem 0;
}
.contacts-container {
gap: 2.5rem;
}
.contacts-title {
font-size: 2.4rem;
line-height: 120%;
}
.contacts-row {
flex-direction: column;
gap: 6rem;
align-items: flex-start;
}
.contacts-main {
gap: 1.5rem;
}
.contacts-social {
gap: 1.5rem;
}
.contacts-social a {
gap: 1rem;
font-size: 1.5rem;
}
.contacts-social a svg {
width: 3.6rem;
}
.contacts-form .callback-main {
padding: 0;
}
}
/* training */
.training {
margin-bottom: 12rem;
margin-top: 6rem;
}
.training-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.training-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
max-width: 102.7rem;
}
.training-main {
position: relative;
border-radius: 0.5rem;
background: linear-gradient(99deg, var(--grey, #898282) 12.93%, var(--choco, #362E33) 98.14%);
padding: 9.2rem 8.6rem 6rem 53.3rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6rem;
}
.training-img {
width: 32rem;
position: absolute;
left: 10.7rem;
bottom: 0;
}
.training-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.4rem;
}
.training-subtitle {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.training-description {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
margin-left: 18.8rem;
width: 100%;
max-width: 62.7rem;
}
.training-description p {
color: #F3F0ED;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.training-quote {
display: flex;
align-items: flex-start;
gap: 2.4rem;
}
.training-quote svg {
width: 5.3rem;
min-width: 5.3rem;
height: auto;
}
.training-quote p {
color: #F3F0ED;
font-size: 3.3rem;
font-style: italic;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.066rem;
}
@media screen and (max-width: 592px) {
.training {
margin-bottom: 6rem;
margin-top: 4rem;
}
.training-container {
gap: 2.5rem;
}
.training-title {
font-size: 2.4rem;
line-height: 120%;
}
.training-title br {
display: none;
}
.training-main {
padding: 2rem 1rem 2.6rem 2rem;
gap: 1.7rem;
overflow: hidden;
}
.training-img {
width: 14.3rem;
left: 0.4rem;
bottom: -8rem;
}
.training-name {
gap: 1.5rem;
}
.training-subtitle {
font-size: 2.2rem;
line-height: 120%;
max-width: 19.5rem;
}
.training-description {
gap: 1.5rem;
margin-left: 0;
max-width: 30.7rem;
}
.training-description p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.training-quote {
gap: 0;
justify-content: flex-end;
width: 100%;
}
.training-quote svg {
width: 1.9rem;
min-width: 1.9rem;
}
.training-quote p {
font-size: 1.5rem;
letter-spacing: -0.03rem;
max-width: 19.4rem;
padding-top: 1.9rem;
}
}
/* training_owners */
.training_owners {
margin-bottom: 8rem;
}
.training_owners-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.training_owners-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.training_owners-main {
display: flex;
flex-direction: column;
gap: 8rem;
}
.training_owners-row {
display: flex;
gap: 13.4rem;
align-items: flex-start;
}
.training_owners-row img {
width: 89.3rem;
min-width: 89.3rem;
height: 61.5rem;
object-fit: cover;
border-radius: 0.5rem;
}
.training_owners-text {
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%;
max-width: 53.3rem;
}
.training_owners-text > p {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.training_owners-text > h3 {
color: #000;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.048rem;
}
.training_master-ul {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.training_master-li {
display: flex;
align-items: center;
gap: 0.5rem;
}
.training_master-li svg {
width: 2.4rem;
min-width: 2.4rem;
height: auto;
}
.training_master-li p {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.training_owners-text ul {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.training_owners-text ul li {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
list-style: none;
display: flex;
align-items: center;
gap: 0.5rem;
}
.training_owners-text ul li::before {
content: '';
background-image: url('/wp-content/uploads/2025/03/check.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 2.4rem;
width: 2.4rem;
height: 2.4rem;
}
.training_owners-row:nth-child(2n) {
flex-direction: row-reverse;
gap: 9.36rem;
justify-content: flex-end;
}
.training_owners-row:nth-child(2n) img {
width: 70.7rem;
min-width: 70.7rem;
height: auto;
border-radius: 0;
}
.training_owners-row:nth-child(2n) .training_owners-text {
max-width: 62.6rem;
}
.training_owners-row:nth-child(2n) img.mob {
display: none;
}
@media screen and (max-width: 592px) {
.training_owners {
margin-bottom: 6rem;
}
.training_owners-container {
gap: 2rem;
}
.training_owners-title {
font-size: 2.2rem;
line-height: 120%;
}
.training_owners-main {
gap: 2rem;
}
.training_owners-row {
flex-direction: column;
gap: 2rem;
}
.training_owners-row img {
width: 100%;
min-width: 100%;
height: 23.8rem;
}
.training_owners-text {
gap: 1rem;
max-width: none;
}
.training_owners-text > p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.training_owners-text > h3 {
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
.training_master-ul {
gap: 0.5rem;
}
.training_master-li p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.training_owners-text ul {
gap: 0.5rem;
}
.training_owners-text ul li {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.training_owners-row:nth-child(2n) {
flex-direction: column;
gap: 2rem;
}
.training_owners-row:nth-child(2n) img {
width: 100%;
min-width: 100%;
display: none;
}
.training_owners-row:nth-child(2n) img.mob {
display: block;
}
}
/* training_consultation */
.training_consultation {
margin-bottom: 12rem;
}
.training_consultation-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.training_consultation-title {
color: #000;
text-align: center;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.096rem;
max-width: 89.4rem;
}
.training_consultation-description {
margin-bottom: 1rem;
color: #000;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
max-width: 46.1rem;
}
.training_consultation-button {
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
}
@media screen and (max-width: 592px) {
.training_consultation {
margin-bottom: 6rem;
}
.training_consultation-container {
gap: 1rem;
}
.training_consultation-title {
font-size: 2.2rem;
line-height: 120%;
letter-spacing: normal;
max-width: 30rem;
}
.training_consultation-description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 33.9rem;
}
.training_consultation-button {
font-size: 1.5rem;
}
}
/* training_master */
.training_master {
margin-bottom: 12rem;
}
.training_master-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.training_master-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.training_master-main {
display: flex;
align-items: flex-start;
gap: 9.1rem;
}
.training_master-column {
width: 100%;
max-width: 57.6rem;
min-width: 57.6rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.training_master-description {
display: flex;
flex-direction: column;
gap: 2rem;
}
.training_master-description > p {
color: #000;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.training_master-column > img {
width: 53.9rem;
margin-left: 3.7rem;
}
.training_master-video {
width: 100%;
height: 53.7rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.training_master-video img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.training_master-video svg {
width: 8.4rem;
height: auto;
position: absolute;
z-index: 2;
}
.training_master-main > img.mob {
display: none;
}
@media screen and (max-width: 592px) {
.training_master {
margin-bottom: 6rem;
}
.training_master-container {
gap: 2rem;
}
.training_master-title {
font-size: 2.2rem;
line-height: 120%;
}
.training_master-main {
gap: 2rem;
flex-direction: column;
}
.training_master-column {
min-width: 100%;
gap: 1rem;
}
.training_master-description {
gap: 1rem;
}
.training_master-description > p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.training_master-column > img {
display: none;
}
.training_master-video {
height: 21.1rem;
}
.training_master-video svg {
width: 6.4rem;
}
.training_master-main > img.mob {
display: block;
width: 33.3rem;
margin: 0 auto;
}
}
/* product */
.product {
margin-bottom: 12rem;
margin-top: 3rem;
}
.product-container {
display: flex;
flex-direction: column;
gap: 3rem;
}
.product-back {
padding: 1.8rem 3.2rem;
border-radius: 5rem;
border: 1px solid #B38157;
color: #B38157;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-right: auto;
}
.product-main {
display: flex;
gap: 4rem;
align-items: flex-start;
}
.product-images {
width: 100%;
max-width: 76rem;
display: flex;
gap: 4rem;
max-height: 70.1rem;
}
.thumbs_swiper {
width: 100%;
max-width: 9.3rem;
}
.thumbs_swiper .swiper-slide {
height: auto;
cursor: pointer;
}
.thumbs_swiper-slide {
display: flex;
justify-content: center;
align-items: center;
height: 13.3rem;
width: 9.3rem;
position: relative;
}
.thumbs_swiper-slide img, .thumbs_swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.thumbs_swiper-slide svg {
width: 4.2rem;
height: auto;
position: absolute;
z-index: 2;
}
.thumbs_swiper-slide-video::before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 0.5rem;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}
.product_swiper {
width: 100%;
max-width: 62.7rem;
}
.product_swiper .swiper-slide {
height: auto;
}
.product_swiper-slide {
display: flex;
justify-content: center;
align-items: center;
height: 70.1rem;
width: 100%;
position: relative;
}
.product_swiper-slide img, .product_swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.product_swiper-slide svg {
width: 8.4rem;
height: auto;
position: absolute;
z-index: 2;
}
.product_swiper-slide-video::before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 0.5rem;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}
.product-column {
width: 100%;
max-width: 80.1rem;
display: flex;
flex-direction: column;
padding-top: 2rem;
gap: 2rem;
}
.product-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.product-tag {
color: #B38157;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-price .woocommerce-Price-currencySymbol {
display: none;
}
.product-form {
margin: 2rem 0 5.2rem 0;
display: flex;
flex-direction: column;
gap: 4rem;
}
.product-colors {
display: flex;
flex-direction: column;
gap: 2rem;
}
.product-colors > p {
color: #201C1F;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-colors__row {
display: flex;
gap: 1.6rem;
flex-wrap: wrap;
}
.product-colors__block {
position: relative;
}
.product-colors__block input {
position: absolute;
visibility: hidden;
}
.product-colors__block label {
transition: .3s all;
width: 4.6rem;
height: 4.6rem;
border-radius: 0.5rem;
border: 0.15rem solid #898282;
cursor: pointer;
overflow: hidden;
position: relative;
}
.product-colors__block input:checked+label {
box-shadow: 0px 0px 0px 2px #B38157;
}
.product-colors__item {
width: 100%;
height: 100%;
}
.product-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
.product-quantity {
border-radius: 5rem;
border: 0.15rem solid #362E33;
display: flex;
justify-content: center;
align-items: center;
gap: 6rem;
padding: 1.8rem;
}
.product-quantity button {
display: flex;
}
.product-quantity input {
color: #362E33;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
width: 4rem;
}
.product-quantity input::-webkit-outer-spin-button,
.product-quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-quantity input[type=number] {
-moz-appearance:textfield;
}
.product-quantity__minus svg {
width: 0.9rem;
height: auto;
}
.product-quantity__plus svg {
width: 1.2rem;
height: auto;
}
.product-add-to-cart {
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
}
.product-tabs {
display: flex;
flex-direction: column;
gap: 2rem;
}
.product-tabs__top {
display: flex;
gap: 14rem;
border-bottom: 0.15rem solid #B38157;
padding-bottom: 2rem;
}
.product-tab {
color: #898282;
font-family: 'Philosopher';
font-size: 2.2rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.product-tab.active {
color: #201C1F;
}
.product-tabs__content {
display: none;
}
.product-tabs__content.active {
display: flex;
}
.product-tabs__description {
width: 100%;
display: flex;
flex-direction: column;
color: #201C1F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.product-tabs__description ul {
padding-left: 2.5rem;
}
.product-tabs__video {
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%;
}
.product-tabs__video > p {
color: #201C1F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.product-tabs__video-block {
width: 100%;
height: 43rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background: #d7d7d7;
border-radius: 0.5rem;
}
.product-tabs__video-block video {
width: 100%;
height: 100%;
border-radius: 0.5rem;
object-fit: contain;
}
.product-tabs__video-block svg {
width: 8.4rem;
height: auto;
position: absolute;
z-index: 2;
}
.product-tabs__video-block.mob {
display: none;
}
.product-faq {
display: none;
}
@media screen and (max-width: 592px) {
.product {
margin-bottom: 6rem;
margin-top: 2.5rem;
}
.product-container {
gap: 2.5rem;
}
.product-back {
font-size: 1.5rem;
padding: 1.1rem 2.6rem;
}
.product-main {
flex-direction: column;
gap: 2.5rem;
}
.product-images {
flex-direction: column-reverse;
gap: 1rem;
}
.thumbs_swiper {
max-width: none;
}
.thumbs_swiper-slide {
height: 7.8rem;
width: 100%;
}
.thumbs_swiper-slide svg {
width: 3rem;
}
.product_swiper-slide {
height: 38.6rem;
}
.product_swiper-slide svg {
width: 6.4rem;
}
.product-column {
padding-top: 0;
gap: 0.5rem;
}
.product-title {
font-size: 2.4rem;
line-height: 120%;
text-align: center;
}
.product-tag {
font-size: 1.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
.product-price {
font-size: 1.8rem;
text-align: center;
}
.product-form {
margin: 1.5rem 0 2rem 0;
gap: 2rem;
}
.product-colors {
gap: 1rem;
}
.product-colors > p {
font-size: 1.5rem;
}
.product-colors__block label {
width: 2.8rem;
height: 2.8rem;
}
.product-buttons {
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
}
.product-quantity {
padding: 1.3rem;
}
.product-add-to-cart {
font-size: 1.5rem;
}
.product-tabs {
gap: 0;
}
.product-faq {
display: flex;
flex-direction: column;
}
.product-tabs__top {
display: none;
}
.product-tabs__content.active {
display: none;
}
.product-faq .product-tabs__content, .product-faq .product-tabs__content.active {
display: flex;
}
.product-tabs__description {
font-size: 1.2rem;
letter-spacing: -0.024rem;
}
.product-tabs__video {
gap: 1.5rem;
}
.product-tabs__video > p {
font-size: 1.5rem;
letter-spacing: -0.024rem;
}
.product-tabs__video-block {
height: 42.2rem;
display: none;
}
.product-tabs__video-block video {
object-fit: cover;
}
.product-tabs__video-block.mob {
display: flex;
}
.product-tabs__video-block svg {
width: 6.4rem;
}
.product-faq__item {
display: flex;
flex-direction: column;
border-bottom: 0.1rem solid #B38157;
}
.product-faq__item:first-child {
border-top: 0.1rem solid #B38157;
}
.product-faq__item-button {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
color: #898282;
font-family: 'Philosopher';
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.6rem 0;
}
.product-faq__item-button-icon {
display: flex;
}
.product-faq__item-button-icon svg:nth-child(1) {
width: 1.4rem;
height: auto;
}
.product-faq__item-button-icon svg:nth-child(2) {
width: 1.8rem;
height: auto;
display: none;
}
.product-faq__item-content {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
max-height: 0;
}
.product-faq__item.active .product-faq__item-button-icon svg:nth-child(1) {
display: none;
}
.product-faq__item.active .product-faq__item-button-icon svg:nth-child(2) {
display: block;
}
.product-faq__item.active .product-faq__item-button {
color: #201C1F;
}
.product-faq__item.active .product-faq__item-content {
margin-bottom: 1.5rem;
}
}
/* related */
.related {
margin-bottom: 15rem;
}
.related-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.related-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.related-main {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4rem;
}
.related-main .product-card {
width: 100%;
max-width: 36rem;
}
.related-swiper {
display: none;
}
.popup-product-addtocart {
display: none;
}
@media screen and (max-width: 592px) {
.related {
margin-bottom: 6rem;
}
.related-container {
max-width: none;
gap: 2.5rem;
}
.related-title {
font-size: 2.4rem;
line-height: 120%;
padding-left: 1.5rem;
}
.related-main {
display: none;
}
.related-swiper {
display: block;
width: 100%;
}
.popup-product-addtocart {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0.8rem 1.5rem;
z-index: 999;
background: #B38157;
align-items: center;
gap: 1.5rem;
}
.popup-product-addtocart.active {
display: flex;
}
.popup-product-addtocart__text {
color: #F3F0ED;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.024rem;
max-width: 7.6rem;
}
.popup-product-addtocart__title {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
width: 100%;
max-width: 18rem;
}
.popup-product-addtocart__img {
width: 4.2rem;
height: 4.4rem;
display: flex;
margin-left: auto;
}
.popup-product-addtocart__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.3rem;
}
}
/* cart */
.cart {
margin: 3rem 0 15rem 0;
}
.cart-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.cart-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.cart-back {
border-radius: 5rem;
border: 0.1rem solid #B38157;
color: #B38157;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.8rem 3.2rem;
margin-bottom: 1rem;
}
.cart-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.cart-count {
color: #201C1F;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.cart-main {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.cart-products {
width: 100%;
max-width: 102.7rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.cart-products__name {
padding-bottom: 2rem;
border-bottom: 0.15rem solid #B38157;
display: flex;
}
.cart-products__name p {
color: #898282;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cart-products__name p:nth-child(2) {
margin-left: 48.5rem;
}
.cart-products__name p:nth-child(3) {
margin-left: 16.9rem;
}
.cart-products__main {
display: flex;
flex-direction: column;
gap: 2rem;
}
.cart-product {
display: flex;
align-items: center;
}
.cart-product__main {
display: flex;
align-items: center;
gap: 5rem;
width: 100%;
max-width: 53rem;
}
.cart-product__img {
width: 13.7rem;
height: 13.7rem;
}
.cart-product__img img {
border-radius: 0.5rem;
object-fit: cover;
width: 100%;
height: 100%;
}
.cart-product__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
max-width: 31rem;
}
.cart-product__quantity-block {
width: 100%;
max-width: 27.2rem;
}
.cart-product__quantity-block .product-quantity {
padding: 1.8rem 3.2rem;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 5rem;
border: 0.1rem solid #362E33;
height: 5rem;
width: 17.2rem;
gap: 0;
}
.cart-product__quantity-block .product-quantity input {
color: #362E33;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
width: 4rem;
}
.cart-product__quantity input::-webkit-outer-spin-button,
.cart-product__quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cart-product__quantity input[type=number] {
-moz-appearance:textfield;
}
.cart-product__quantity button {
display: flex;
}
.cart-product__quantity-minus svg {
width: 1rem;
height: auto;
}
.cart-product__quantity-plus svg {
width: 1.3rem;
height: auto;
}
.cart-product__price-block {
width: 100%;
max-width: 19rem;
}
.cart-product__price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.cart-product__delete {
display: flex;
margin-left: auto;
}
.cart-product__delete svg {
width: 2.4rem;
height: auto;
}
.cart-total {
display: flex;
flex-direction: column;
gap: 7.5rem;
width: 100%;
max-width: 35.9rem;
}
.cart-total__name {
padding-bottom: 1.3rem;
border-bottom: 0.15rem solid #B38157;
}
.cart-total__name p {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.cart-total__price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.checkout {
margin-top: 8rem;
display: flex;
flex-direction: column;
}
.checkout-blocks {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.checkout-fields {
width: 100%;
max-width: 75.8rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.checkout-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.checkout-main {
display: flex;
flex-direction: column;
gap: 3.3rem;
background: transparent !important;
}
.checkout-payments {
width: 100%;
max-width: 62.7rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.checkout-payment {
display: flex;
position: relative;
align-items: center;
}
.checkout-payment label {
transition: .3s all;
color: #201C1F;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
cursor: pointer;
padding-left: 3.1rem;
}
.checkout-payment input[type=radio]:before {
content:"";
display:inline-block;
width: 2.1rem;
height: 2.1rem;
border-radius: 0.5rem;
position: absolute;
cursor: pointer;
border: 0.1rem solid #201C1F;
margin-top: -1.1rem;
}
.checkout-payment input[type=radio]:checked:before {
background:transparent;
background-image: url('/wp-content/uploads/2025/03/checkbox2.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 2.1rem;
position: absolute;
}
.checkout-payment input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.checkout-payment input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
}
.checkout-payment input[type="radio"]:checked {
background-image: none;
}
.checkout-payment input:checked+label {
font-weight: 600;
}
.checkout-payments__description {
color: #B38157;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
padding-left: 3.1rem;
}
.checkout-submit {
margin-top: 2.6rem;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cart-total__mobile {
display: none;
}
@media screen and (max-width: 592px) {
.cart {
margin: 2.5rem 0 6rem 0;
}
.cart-container {
gap: 2.5rem;
}
.cart-name {
gap: 1rem;
}
.cart-back {
font-size: 1.5rem;
padding: 1.1rem 2.6rem;
margin-bottom: 1.5rem;
}
.cart-title {
font-size: 2.4rem;
line-height: 120%;
}
.cart-count {
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
.cart-main {
flex-direction: column;
gap: 1.5rem;
}
.cart-products {
gap: 1.5rem;
}
.cart-products__name {
padding-bottom: 0;
}
.cart-products__name p {
display: none;
}
.cart-products__main {
gap: 1.5rem;
}
.cart-product {
position: relative;
}
.cart-product__main {
gap: 1.5rem;
max-width: none;
align-items: flex-start;
}
.cart-product__img {
width: 9rem;
height: 9rem;
}
.cart-product__title {
font-size: 1.5rem;
max-width: 16.8rem;
}
.cart-product__quantity-block {
position: absolute;
left: 10.5rem;
bottom: 0;
max-width: 8.8rem;
}
.cart-product__quantity {
padding: 0.5rem 1.5rem;
height: 2.4rem;
width: 8.8rem;
}
.cart-product__quantity input {
font-size: 1rem;
width: 2rem;
}
.cart-product__quantity-minus svg {
width: 0.7rem;
}
.cart-product__quantity-plus svg {
width: 0.7rem;
}
.cart-product__price-block {
position: absolute;
right: 0;
width: auto;
bottom: 0;
}
.cart-product__price {
font-size: 1.5rem;
}
.cart-product__delete {
position: absolute;
top: 0;
right: 0;
}
.cart-product__delete svg {
width: 1.7rem;
}
.cart-total {
padding-top: 2.5rem;
border-top: 0.1rem solid #B38157;
max-width: none;
}
.cart-total__mobile {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.cart-total__name {
display: none;
}
.cart-total > .cart-total__price {
display: none;
}
.cart-total__price {
font-size: 1.5rem;
}
.cart-total__mobile > p:first-child {
color: #362E33;
font-family: 'Philosopher';
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
}
.checkout {
margin-top: 1.5rem;
flex-direction: column;
gap: 5.4rem;
}
.checkout-fields {
gap: 2.5rem;
}
.checkout-title {
line-height: 120%;
text-align: center;
}
.checkout-main {
gap: 2.7rem;
}
.checkout-payments {
max-width: none;
}
.checkout-payment label {
font-size: 1.5rem;
}
.checkout-payments__description {
font-size: 1.2rem;
}
.checkout-submit {
margin-top: 1.5rem;
font-size: 1.5rem;
}
}
/* thanks-order */
.thanks-order__quantity {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.thanks-order__main {
margin-top: 10rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.thanks-order__main h3 {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.thanks-order__main p {
color: #201C1F;
text-align: center;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
max-width: 49.8rem;
}
.thanks-order__main a {
margin-top: 2rem;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
}
.thanks-order .cart-main {
flex-direction: column;
gap: 4rem;
max-width: 102.7rem;
}
.thanks-order .cart-total {
max-width: 23.2rem;
gap: 4.4rem;
flex-direction: row;
align-items: center;
border-top: 0.15rem solid #B38157;
padding-top: 3rem;
justify-content: space-between;
margin-left: auto;
}
.thanks-order .cart-total-thanks {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
@media screen and (max-width: 592px) {
.thanks-order__quantity {
font-size: 1.5rem;
}
.thanks-order__main {
margin-top: 3.5rem;
gap: 1rem;
}
.thanks-order__main p {
font-size: 1.2rem;
max-width: 24.4rem;
}
.thanks-order__main a {
margin-top: 1rem;
font-size: 1.5rem;
width: 100%;
}
.thanks-order .cart-main {
gap: 1.5rem;
}
.thanks-order .cart-total {
max-width: none;
gap: 4.4rem;
padding-top: 2.5rem;
}
.thanks-order .cart-total-thanks {
font-size: 2.5rem;
font-weight: 400;
}
}
/* mini-cart */
.mini-cart {
display: none;
}
.mini-cart.active {
display: flex;
flex-direction: column;
gap: 2.5rem;
position: absolute;
top: 100%;
margin-top: 2rem;
right: 18rem;
width: 100%;
max-width: 49.3rem;
z-index: 9;
border-radius: 0.5rem;
border: 1px solid #362E33;
background: #F3F0ED;
padding: 2.5rem;
}
.mini-cart__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.mini-cart__title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.mini-cart__count {
color: #201C1F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
}
.mini-cart__main {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.mini-cart__products {
display: flex;
flex-direction: column;
gap: 2rem;
padding-bottom: 2rem;
border-bottom: 0.15rem solid #B38157;
}
.mini-cart__product {
display: flex;
gap: 2rem;
}
.mini-cart__product-img {
width: 9.7rem;
height: 9.7rem;
}
.mini-cart__product-img img {
width: 100%;
height: 100%;
border-radius: 0.5rem;
object-fit: cover;
}
.mini-cart__product-column {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.mini-cart__product-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.mini-cart__product-price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.mini-cart__product-delete {
display: flex;
margin: auto 0 auto auto;
}
.mini-cart__product-delete svg {
width: 2.4rem;
height: auto;
}
.mini-cart__total {
display: flex;
align-items: center;
gap: 4.8rem;
}
.mini-cart__total-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.mini-cart__total-price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.mini-cart__link {
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: #B38157;
color: #F3F0ED;
text-align: center;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media screen and (max-width: 592px) {
}
/* popup */
.popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
}
.popup-fon {
background: rgba(0, 0, 0, 0.56);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.popup-main {
position: relative;
z-index: 2;
margin: auto;
width: 100%;
max-width: 87rem;
border-radius: 0.5rem;
background: #F3F0ED;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.popup-close {
position: absolute;
right: -7.2rem;
top: 0;
width: 5.2rem;
height: 5.2rem;
border-radius: 3rem;
border: 1px solid #F3F0ED;
display: flex;
justify-content: center;
align-items: center;
}
.popup-close svg {
width: 1.4rem;
height: auto;
}
.popup-img {
width: 100%;
min-height: 56.3rem;
height: 100%;
border-radius: 0.5rem 0rem 0rem 0.5rem;
object-fit: cover;
}
.popup-column {
padding: 4rem;
display: flex;
}
.popup-form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 3.5rem;
}
.popup-form__name {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
.popup-form__name h2 {
color: #201C1F;
font-family: 'Philosopher';
font-size: 3.2rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-align: center;
}
.popup-form__name p {
color: #201C1F;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
max-width: 29.1rem;
}
.popup-form__column {
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: center;
width: 100%;
}
.popup-form__col {
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: center;
width: 100%;
}
.popup-thanks__text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.5rem;
width: 100%;
}
.popup-thanks__text h2 {
color: #201C1F;
font-family: 'Philosopher';
font-size: 3.2rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.popup-thanks__text p {
color: #201C1F;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.032rem;
max-width: 29.1rem;
}
.variations select {
display: none !important;
}
.variations th:first-child {
display: none;
}
.single_variation_wrap {
display: flex;
flex-direction: column;
gap: 4rem;
}
.woocommerce-variation-price {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.popup-card_product {
display: none;
align-items: center;
border-radius: 0.5rem 0rem 0rem 0.5rem;
background: var(--Accent, #B38157);
padding: 1.5rem 18rem 1.5rem 4rem;
width: 100%;
max-width: 94rem;
right: 0;
position: fixed;
top: 14.4rem;
gap: 6rem;
}
.popup-card_product.active {
display: flex;
}
.popup-card_product-text {
color: #F3F0ED;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.036rem;
}
.popup-card_product-title {
color: #F3F0ED;
font-family: 'Philosopher';
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.popup-card_product-img {
width: 4.8rem;
height: 4.8rem;
border-radius: 0.3rem;
object-fit: cover;
margin-left: auto;
}
@media screen and (max-width: 592px) {
.popup-fon {
display: none;
}
.popup-main {
height: 100%;
overflow-y: auto;
border-radius: 0;
display: flex;
flex-direction: column;
}
.popup-close {
right: 1.2rem;
top: 1.8rem;
width: 3.6rem;
height: 3.6rem;
}
.popup-img {
min-height: 19.6rem;
height: 19.6rem;
border-radius: 0;
}
.popup-column {
padding: 2.5rem 1.6rem;
height: 100%;
}
.popup-form {
gap: 2rem;
width: 100%;
}
.popup-form__name {
gap: 1rem;
}
.popup-form__name h2 {
font-size: 2.4rem;
}
.popup-form__name p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 21.7rem;
}
.popup-form__column {
gap: 2rem;
}
.popup-form__column .callback-submit {
width: 100%;
}
.popup-thanks__text {
gap: 1rem;
}
.popup-thanks__text h2 {
font-size: 2.4rem;
}
.popup-thanks__text p {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 21.7rem;
}
.banner::before {
background: linear-gradient(180deg, rgba(28, 24, 27, 0.70) 0.1%, rgba(18, 16, 17, 0.46) 61.49%, rgba(0, 0, 0, 0.00) 99.94%);
}
.woocommerce-variation-price {
font-size: 1.8rem;
text-align: center;
}
.popup-card_product.active {
top: 0;
gap: 1.5rem;
padding: 0.8rem 1.5rem;
z-index: 99999;
border-radius: 0;
}
.popup-card_product-text {
font-size: 1.2rem;
letter-spacing: -0.024rem;
max-width: 7.6rem;
}
.popup-card_product-title {
font-size: 1.5rem;
}
.popup-card_product-img {
width: 4.2rem;
height: 4.2rem;
}
.mini-cart.active {
display: none;
}
.cart-product__quantity-block .product-quantity {
padding: 0.5rem 1.5rem;
height: 2.4rem;
width: 8.8rem;
}
.product-quantity__minus svg {
width: 0.7rem;
}
.product-quantity__plus svg {
width: 0.7rem;
}
.cart-product__quantity-block .product-quantity input {
font-size: 1rem;
width: 2rem;
}
.checkout-blocks {
flex-direction: column;
gap: 5.6rem;
}
.checkout-blocks .callback-inputs {
gap: 2rem;
}
.checkout-payment input[type=radio]:before {
margin-top: -0.3rem;
}
.checkout-payment label {
padding-left: 2rem;
}
}
.wpcf7-response-output {
display: none !important;
}
.product-back:hover, .cart-back:hover {
border-color: #362E33;
color: #362E33;
}
.product-add-to-cart:hover, .mini-cart__link:hover, .checkout-submit:hover {
background: #362E33;
}
.thanks-order .cart-total__name {
padding: 0;
border: none;
}
.company {
margin-bottom: 17.7rem;
position: relative;
padding: 10rem 0;
}
.company::before {
content: '';
position: absolute;
border-radius: 0.5rem 0rem 0rem 0.5rem;
background: rgba(179, 129, 87, 0.10);
right: 0;
height: 100%;
width: 100%;
max-width: 124.7rem;
z-index: -1;
top: 0;
}
.company-container {
display: flex;
align-items: center;
gap: 16.4rem;
}
.company-img {
width: 100%;
max-width: 80.7rem;
height: 63.1rem;
border-radius: 0rem 0.5rem 0.5rem 0rem;
object-fit: cover;
}
.company-main {
display: flex;
flex-direction: column;
gap: 3.45rem;
width: 100%;
max-width: 73.4rem;
}
.company-title {
color: #201C1F;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
max-width: 69.6rem;
}
.company-col {
display: flex;
flex-direction: column;
gap: 4rem;
}
.company-row {
display: flex;
align-items: center;
gap: 2.1rem;
}
.company-row img {
width: 12.1rem;
min-width: 12.1rem;
}
.company-row p {
color: #201C1F;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.048rem;
}
@media screen and (max-width: 592px) {
.company {
margin-bottom: 6rem;
padding: 2rem 0;
}
.company::before {
max-width: 36rem;
}
.company-container {
flex-direction: column-reverse;
gap: 2.5rem;
align-items: flex-start;
}
.company-img {
max-width: 31.4rem;
height: 30.9rem;
}
.company-main {
gap: 1.55rem;
max-width: 32.1rem;
margin-left: 3rem;
}
.company-title {
font-size: 2.5rem;
max-width: 30.8rem;
}
.company-col {
gap: 2rem;
}
.company-row {
gap: 1rem;
}
.company-row img {
width: 7.5rem;
min-width: 7.5rem;
}
.company-row p {
font-size: 1.3rem;
letter-spacing: -0.026rem;
}
}
.logist {
margin-bottom: 18.5rem;
}
.logist-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.logist-title {
color: #201C1F;
text-align: center;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.logist-container > p {
color: #201C1F;
text-align: center;
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.048rem;
max-width: 83.2rem;
}
@media screen and (max-width: 592px) {
.logist {
margin-bottom: 5.6rem;
}
.logist-container {
gap: 1.5rem;
}
.logist-title {
font-size: 2.2rem;
max-width: 28.5rem;
line-height: 120%;
}
.logist-container > p {
font-size: 1.3rem;
line-height: 120%;
letter-spacing: normal;
max-width: 30.3rem;
}
}
.partner {
margin-bottom: 20rem;
position: relative;
padding: 10rem 0 6.9rem 0;
}
.partner::before {
content: '';
position: absolute;
left: 0;
width: 100%;
max-width: 122.7rem;
height: 100%;
background: rgba(137, 130, 130, 0.10);
border-radius: 0 0.5rem 0.5rem 0;
z-index: -1;
top: 0;
}
.partner-container {
display: flex;
padding-left: 31.3rem;
align-items: flex-start;
gap: 13.3rem;
}
.partner-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
max-width: 66.7rem;
}
.partner-title {
color: var(--text, #201C1F);
text-align: center;
font-family: 'Philosopher';
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin-bottom: 2.5rem;
}
.partner-col > p {
color: var(--text, #201C1F);
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.048rem;
}
.partner-col > ul {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.partner-col > ul li {
display: flex;
align-items: center;
gap: 0.5rem;
}
.partner-col > ul li svg {
width: 2.4rem;
height: auto;
}
.partner-col > ul li p {
color: var(--text, #201C1F);
font-family: 'Philosopher';
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.048rem;
}
.partner-img {
width: 49.4rem;
height: 45.1rem;
border-radius: 0.5rem;
object-fit: cover;
}
.partner-block {
position: absolute;
bottom: -5rem;
border-radius: 0.5rem;
background: var(--choco, #362E33);
width: 100%;
max-width: 71.3rem;
padding: 3.5rem 5.3rem;
left: 57.5rem;
}
.partner-block h3 {
color: var(--light, #F3F0ED);
text-align: center;
font-family: 'Philosopher';
font-size: 3.2rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.064rem;
}
@media screen and (max-width: 592px) {
.partner {
margin-bottom: 5.8rem;
padding: 2.3rem 0 0 0;
}
.partner::before {
max-width: 28.7rem;
height: 52.4rem;
}
.partner-container {
padding-left: 3rem;
gap: 1.5rem;
flex-direction: column;
}
.partner-col {
gap: 1rem;
max-width: 22.8rem;
}
.partner-title {
font-size: 2.2rem;
max-width: 19.9rem;
margin-bottom: 0;
text-align: left;
}
.partner-col > p {
font-size: 1.3rem;
letter-spacing: -0.026rem;
}
.partner-col > ul {
gap: 0.5rem;
}
.partner-col > ul li {
gap: 0.2rem;
}
.partner-col > ul li svg {
width: 1.8rem;
}
.partner-col > ul li p {
font-size: 1.3rem;
letter-spacing: -0.026rem;
}
.partner-img {
width: 31.6rem;
height: 28.8rem;
}
.partner-block {
display: none;
}
}
.why_spa {
margin: 12rem 0 15rem 0;
}
.why_spa-container {
display: flex;
flex-direction: column;
gap: 5.8rem;
}
.why_spa-title {
color: var(--text, #201C1F);
text-align: center;
font-family: Philosopher;
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.why_spa-main {
display: flex;
align-items: center;
}
.why_spa-col {
display: flex;
flex-direction: column;
gap: 3rem;
width: 100%;
max-width: 81.2rem;
}
.why_spa-row {
display: flex;
align-items: center;
gap: 3rem;
}
.why_spa-row img {
width: 13.4rem;
min-width: 13.4rem;
}
.why_spa-row p {
color: var(--text, #201C1F);
font-family: Philosopher;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.why_spa-row:nth-child(1) p {
max-width: 55.4rem;
}
.why_spa-row:nth-child(2) p {
max-width: 56.9rem;
}
.why_spa-row:nth-child(3) p {
max-width: 51.5rem;
}
.why_spa-row:nth-child(4) p {
max-width: 48.8rem;
}
.why_spa-slider {
width: 100%;
max-width: 66.7rem;
height: 62.6rem;
display: flex;
align-items: center;
position: relative;
}
.why_spa-swiper {
width: 100%;
height: 100%;
}
.why_spa-swiper .swiper-slide {
height: auto;
}
.why_spa-swiper a {
display: flex;
width: 100%;
height: 100%;
}
.why_spa-swiper a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.5rem;
}
.why_spa-prev {
display: flex;
position: absolute;
border-radius: 3rem;
border: 1.5px solid var(--Accent, #B38157);
background: rgba(243, 240, 237, 0.50);
padding: 1.2rem 2rem;
left: -4rem;
z-index: 9;
}
.why_spa-prev svg {
width: 2.7rem;
height: auto;
}
.why_spa-next {
display: flex;
position: absolute;
border-radius: 3rem;
border: 1.5px solid var(--Accent, #B38157);
background: rgba(243, 240, 237, 0.50);
padding: 1.2rem 2rem;
right: -4rem;
z-index: 9;
}
.why_spa-next svg {
width: 2.7rem;
height: auto;
}
.why_spa-pagination {
position: absolute;
bottom: 2rem !important;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;
gap: 1.2rem;
}
.why_spa-pagination .swiper-pagination-bullet {
margin: 0 !important;
opacity: 1;
background: #898282;
width: 1.5rem;
height: 1.5rem;
border-radius: 100%;
}
.why_spa-pagination .swiper-pagination-bullet-active {
background: #B38157;
}
@media screen and (max-width: 592px) {
.why_spa {
margin: 4rem 0 5rem 0;
}
.why_spa-container {
gap: 1.5rem;
max-width: none;
}
.why_spa-title {
font-size: 2.2rem;
line-height: 120%;
max-width: 28.5rem;
margin: 0 auto;
}
.why_spa-main {
flex-direction: column;
gap: 1.5rem;
}
.why_spa-col {
gap: 1rem;
max-width: 34.3rem;
}
.why_spa-row {
gap: 0.5rem;
}
.why_spa-row img {
width: 5.5rem;
min-width: 5.5rem;
}
.why_spa-row p {
font-size: 1.3rem;
}
.why_spa-row:nth-child(1) p {
max-width: 27.5rem;
}
.why_spa-row:nth-child(2) p {
max-width: 28.3rem;
}
.why_spa-row:nth-child(3) p {
max-width: 25.6rem;
}
.why_spa-row:nth-child(4) p {
max-width: 24.2rem;
}
.why_spa-slider {
max-width: none;
height: 32.8rem;
}
.why_spa-prev {
display: none;
}
.why_spa-next {
display: none;
}
.why_spa-pagination {
bottom: 1.5rem !important;
gap: 1.2rem;
}
.why_spa-pagination .swiper-pagination-bullet {
width: 0.8rem;
height: 0.8rem;
}
.why_spa .swiper-wrapper {
padding-left: 1.5rem;
}
}
.know {
margin-bottom: 15rem;
}
.know-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.know-title {
color: #000;
text-align: center;
font-family: Philosopher;
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.096rem;
max-width: 95.7rem;
}
.know-container p {
color: #000;
text-align: center;
font-family: Philosopher;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.04rem;
max-width: 53.4rem;
}
.know-container button {
color: var(--light, #F3F0ED);
text-align: center;
font-family: Philosopher;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 2rem;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: var(--Accent, #B38157);
}
@media screen and (max-width: 592px) {
.know {
margin-bottom: 5rem;
padding: 2rem 0;
background: rgba(137, 130, 130, 0.10);
}
.know-container {
gap: 1.5rem;
}
.know-title {
font-size: 2.2rem;
letter-spacing: normal;
max-width: 28.5rem;
}
.know-container p {
font-size: 1.3rem;
letter-spacing: normal;
max-width: 27.6rem;
}
.know-container button {
font-size: 1.5rem;
margin-top: 0;
}
}
.not_know {
margin-bottom: 14.1rem;
padding: 18.6rem 0 18.6rem 31.4rem;
position: relative;
}
.not_know::before {
content: '';
position: absolute;
z-index: -1;
left: 0;
top: 0;
height: 100%;
width: 100%;
max-width: 120.2rem;
background: rgba(137, 130, 130, 0.10);
border-radius: 0 0.5rem 0.5rem 0;
}
.not_know-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.not_know-img {
position: absolute;
width: 76.1rem;
height: 55.4rem;
border-radius: 0.5rem;
object-fit: cover;
bottom: -4.1rem;
right: 17.9rem;
}
.not_know-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.not_know-title {
color: #000;
text-align: center;
font-family: Philosopher;
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.096rem;
}
.not_know-col p {
max-width: 53.4rem;
color: #000;
font-family: Philosopher;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.048rem;
}
.not_know-link {
padding: 1.8rem 3.2rem;
border-radius: 5rem;
background: var(--Accent, #B38157);
color: var(--light, #F3F0ED);
text-align: center;
font-family: Philosopher;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media screen and (max-width: 592px) {
.not_know {
margin-bottom: 5.8rem;
padding: 2rem 2.3rem 2rem 2.4rem;
}
.not_know::before {
max-width: 28.7rem;
}
.not_know-img {
position: relative;
width: 31.3rem;
height: 22.6rem;
bottom: 0;
right: 0;
}
.not_know-col {
gap: 2rem;
}
.not_know-title {
font-size: 2.2rem;
letter-spacing: normal;
}
.not_know-col p {
max-width: 22.3rem;
font-size: 1.3rem;
line-height: 120%;
letter-spacing: normal;
}
.not_know-link {
font-size: 1.5rem;
margin: 0 auto;
}
.home_catalog .reviews-title {
max-width: 22.8rem;
margin: 0 auto;
}
}
.certificates {
margin-bottom: 15rem;
}
.certificates-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.certificates-title {
color: #000;
text-align: center;
font-family: Philosopher;
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.096rem;
}
.certificates-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
.certificates-main a {
display: flex;
height: 72.1rem;
}
.certificates-main a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.certificates-slider {
display: none;
}
@media screen and (max-width: 592px) {
.certificates {
margin-bottom: 6rem;
}
.certificates-container {
gap: 2rem;
max-width: none;
}
.certificates-title {
font-size: 2.2rem;
line-height: 120%;
letter-spacing: normal;
}
.certificates-main {
display: none;
}
.certificates-slider {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.certificates-swiper {
width: 100%;
height: 45.4rem;
}
.certificates-swiper .swiper-slide {
height: auto;
}
.certificates-swiper a {
display: flex;
width: 100%;
height: 100%;
}
.certificates-swiper a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.certificates-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 0.8rem;
}
.certificates-swiper .swiper-wrapper {
padding-left: 1.5rem;
}
.certificates-pagination .swiper-pagination-bullet {
width: 0.8rem;
height: 0.8rem;
margin: 0 !important;
opacity: 1;
background: #898282;
}
.certificates-pagination .swiper-pagination-bullet-active {
background: #B38157;
}
}
header {
transition: .3s all;
}
header.top {
transform: translateY(-100%);
transition: .3s all;
background: #FFF;
padding-bottom: 3rem;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}
header.fixed {
transition: .3s all;
position: fixed;
transform: translateY(0);
}
.header-home.top .header-main__container nav ul li a, .header-home.top .header-telegram__link-1, .header-home.top .header-callback__link-1, .header-home.top .header-cart__price {
color: #362E33;
}
.header-home.top .header-telegram svg path, .header-home.top .header-callback svg path, .header-home.top .header-cart svg path {
stroke: #362E33;
}
@media screen and (max-width: 592px) {
header.top .header-mobile__phone svg path {
stroke: #362E33;
}
.header-home.top .bar {
background: #362E33;
}
body.hidden header.top .bar {
background: #F3F0ED;
}
}
.catalog-row {
display: flex;
align-items: flex-start;
gap: 3rem;
}
.catalog-filter {
width: 32rem;
min-width: 32rem;
position: sticky;
top: 20rem;
}
@media screen and (max-width: 592px) {
.catalog-row {
gap: 0rem;
flex-direction: column;
}
.catalog-filter {
width: 100%;
min-width: 100%;
position: relative;
top: 0;
}
}
.bapf_sfilter .bapf_clr_span, .bapf_sfilter .bapf_img_span {
border: none !important;
}
@media screen and (max-width: 592px) {
}
.blog {
margin-bottom: 15rem;
}
.blog-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.blog-container > h1 {
color: var(--text, #201C1F);
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.blog-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5rem;
}
.blog-item {
display: flex;
flex-direction: column;
gap: 2rem;
}
.blog-item__img {
display: flex;
height: 35rem;
}
.blog-item__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2rem;
}
.blog-item__content {
display: flex;
flex-direction: column;
gap: 1rem;
}
.blog-item__name {
font-size: 2.5rem;
color: #000;
font-weight: 500;
line-height: normal;
}
.blog-item__description {
font-size: 1.8rem;
color: #000;
font-weight: 400;
line-height: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 592px) {
.blog {
margin-bottom: 5rem;
}
.blog-container {
gap: 2rem;
}
.blog-container > h1 {
font-size: 3rem;
}
.blog-main {
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
}
.blog-item {
gap: 1rem;
}
.blog-item__img {
height: 22rem;
}
.blog-item__img img {
border-radius: 1rem;
}
.blog-item__name {
font-size: 2.2rem;
}
}
.article {
margin: 10rem 0;
}
.article-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.article-container > h1 {
font-size: 4rem;
line-height: normal;
}
.article-main {
display: flex;
flex-direction: column;
gap: 2rem;
}
.article-main > img {
width: 100%;
height: 60rem;
object-fit: cover;
border-radius: 2rem;
}
.article-content {
display: flex;
flex-direction: column;
font-size: 2rem;
line-height: normal;
color: #000;
}
@media screen and (max-width: 592px) {
.article {
margin: 5rem 0;
}
.article-container {
gap: 2rem;
}
.article-container > h1 {
font-size: 3rem;
}
.article-main {
gap: 1rem;
}
.article-main > img {
height: 20rem;
border-radius: 1rem;
}
.article-content {
font-size: 1.8rem;
}
}
.reviews_add {
margin-bottom: 15rem;
}
.reviews_add-container {
display: flex;
justify-content: center;
}
.reviews_add .contacts-form {
max-width: 62.7rem;
}
.reviews_add .callback-form {
gap: 0;
}
.reviews_add .callback-inputs {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2.5rem;
}
.reviews_add-stars {
display: flex;
gap: 0.6rem;
position: absolute;
top: 1.5rem;
left: 1.5rem;
z-index: 2;
}
.reviews_add-star {
display: flex;
position: relative;
}
.reviews_add-star input {
display: none;
}
.reviews_add-star label {
display: flex;
cursor: pointer;
position: relative;
left: 0;
top: 0;
padding: 0;
background: transparent;
}
.reviews_add-star label svg {
width: 2rem;
height: auto;
}
.reviews_add-star input:checked+label svg path {
fill: #B38157;
}
.reviews_add-star.active label svg path {
fill: #B38157;
}
.reviews_add .callback-input textarea {
color: #000;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
border-radius: 0.8rem;
border: 0.1rem solid #201C1F;
background: #F3F0ED;
width: 100%;
padding: 4.6rem 1.6rem 1.5rem 1.6rem;
height: 14.6rem;
min-height: 14.6rem;
}
.reviews_add .callback-input textarea::placeholder {
color: #898282;
}
.reviews_add-col {
display: flex;
flex-direction: column;
width: 100%;
}
.reviews_add-media__button {
margin-bottom: 1.5rem;
display: flex;
}
.reviews_add-media__button input {
display: none;
}
.reviews_add-media__button label {
cursor: pointer;
width: 100%;
color: var(--choco, #362E33);
text-align: center;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
gap: 1rem;
justify-content: center;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
border: 1.5px solid var(--choco, #362E33);
}
.reviews_add-media__button label svg {
width: 1.8rem;
height: auto;
}
.reviews_add .callback-submit {
margin-bottom: 1.5rem;
}
.reviews_add .callback-privacy, .reviews_add .callback-privacy p {
align-items: flex-start;
max-width: 46.7rem;
margin: 0 auto;
}
.reviews_add .callback-privacy input[type=checkbox]:before {
margin-top: 0;
}
.reviews_add .callback-privacy label {
text-align: center;
}
.reviews_add .callback-privacy label a {
color: #C79447;
}
.reviews_add-media__row {
display: none;
flex-wrap: wrap;
gap: 2rem;
margin-bottom: 3rem;
}
.reviews_add-media__item {
position: relative;
border-radius: 1rem;
overflow: hidden;
width: 13.1rem;
height: 13.1rem;
}
.reviews_add-media__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.reviews_add-media__item-delete {
display: flex;
position: absolute;
top: 1.3rem;
right: 1.3rem;
z-index: 2;
}
.reviews_add-media__item-delete svg {
width: 1.4rem;
height: auto;
}
.reviews_add-media__item-more {
width: 13.1rem;
height: 13.1rem;
}
.reviews_add-media__item-more input {
display: none;
}
.reviews_add-media__item-more label {
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 1rem;
background: #E8E5E2;
display: flex;
justify-content: center;
align-items: center;
}
.reviews_add-media__item-more label svg {
width: 3.6rem;
height: auto;
}
.reviews_add-thanks {
display: none;
}
.reviews_add-thanks h3 {
color: var(--text, #201C1F);
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 5rem;
}
.reviews_add-thanks p {
color: var(--text, #201C1F);
text-align: center;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
max-width: 43.7rem;
}
.reviews_add-thanks__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
}
@media screen and (max-width: 592px) {
.reviews_add {
margin-bottom: 6rem;
}
.reviews_add .contacts-form {
max-width: none;
}
.reviews_add .callback-inputs {
margin-bottom: 2rem;
}
.reviews_add .callback-input textarea {
font-size: 1.2rem;
padding: 4rem 1.6rem 1.5rem 1.6rem;
height: 13.3rem;
min-height: 13.3rem;
}
.reviews_add-media__button {
margin-bottom: 1rem;
}
.reviews_add-media__button label {
font-size: 1.4rem;
padding: 1.5rem 3.2rem;
}
.reviews_add-media__button label svg {
width: 1.6rem;
}
.reviews_add .callback-submit {
margin-bottom: 1rem;
}
.reviews_add .callback-privacy, .reviews_add .callback-privacy p {
max-width: 24.7rem;
}
.reviews_add-media__row {
margin-bottom: 1rem;
}
.reviews_add-media__item {
width: 10.1rem;
height: 10.1rem;
}
.reviews_add-media__item-delete svg {
width: 1.2rem;
}
.reviews_add-media__item-more {
width: 10.1rem;
height: 10.1rem;
}
.reviews_add-media__item-more label svg {
width: 2.4rem;
}
.reviews_add-thanks h3 {
font-size: 2.2rem;
line-height: 120%;
}
.reviews_add-thanks p {
font-size: 1.2rem;
max-width: 23.7rem;
}
.reviews_add-thanks__inner {
gap: 1.5rem;
}
}
.reviews_page {
margin: 3rem 0 15rem 0;
}
.reviews_page-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.reviews_page-name {
display: flex;
align-items: center;
justify-content: space-between;
}
.reviews_page-name h1 {
color: var(--text, #201C1F);
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
}
.reviews_page-link {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
border-radius: 5rem;
background: var(--Accent, #B38157);
width: 22.7rem;
padding: 1.8rem;
}
.reviews_page-link p {
color: var(--light, #F3F0ED);
text-align: center;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.reviews_page-link svg {
width: 0.9rem;
height: auto;
}
.reviews_page-main {
display: flex;
flex-direction: column;
gap: 5rem;
}
.reviews_page-pagination ul {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
}
.reviews_page-pagination ul li {
list-style: none;
display: flex;
}
.reviews_page-pagination__item {
color: rgba(179, 129, 87, 0.40);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.reviews_page-pagination__prev {
color: rgba(179, 129, 87, 0.40);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.reviews_page-pagination__next {
color: rgba(179, 129, 87, 0.40);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.reviews_page-pagination__item.active {
color: var(--Accent, #B38157);
}
.reviews_page-pagination__prev {
margin-right: auto;
}
.reviews_page-pagination__next {
margin-left: auto;
}
.reviews_page-col {
display: flex;
flex-direction: column;
gap: 2rem;
}
.reviews_page-item {
display: flex;
padding: 3rem;
align-items: center;
justify-content: space-between;
border-radius: 1rem;
background: rgba(137, 130, 130, 0.10);
}
.reviews_page-item__col {
width: 100%;
max-width: 83rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.reviews_page-item__name {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.reviews_page-item__name > p {
color: var(--text, #201C1F);
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
opacity: 0.5;
}
.reviews_page-item__row {
display: flex;
align-items: center;
justify-content: space-between;
}
.reviews_page-item__title {
color: var(--black, #323232);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.reviews_page-item__stars {
display: flex;
gap: 0.6rem;
}
.reviews_page-item__star {
width: 2rem;
height: auto;
}
.reviews_page-item__description {
color: var(--black, #323232);
text-align: justify;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.reviews_page-item__link {
display: flex;
align-items: center;
gap: 1rem;
color: var(--Accent, #B38157);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.048rem;
}
.reviews_page-item__link svg {
width: 4.2rem;
height: auto;
}
.reviews_page-item__images {
width: 100%;
max-width: 61rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.reviews_page-item__images a {
display: flex;
height: 19rem;
position: relative;
justify-content: center;
align-items: center;
}
.reviews_page-item__images a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.reviews_page-item__images a video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.reviews_page-item__images a svg {
width: 7.4rem;
height: auto;
position: absolute;
z-index: 2;
}
@media screen and (max-width: 592px) {
.reviews_page {
margin: 3rem 0 6rem 0;
}
.reviews_page-container {
gap: 1.5rem;
}
.reviews_page-name {
flex-direction: column;
align-items: flex-start;
}
.reviews_page-name h1 {
font-size: 2.2rem;
}
.reviews_page-link {
width: 100%;
padding: 1.5rem;
}
.reviews_page-link p {
font-size: 1.5rem;
}
.reviews_page-link svg {
width: 0.6rem;
}
.reviews_page-main {
gap: 3rem;
}
.reviews_page-pagination__item {
font-size: 1.5rem;
}
.reviews_page-item {
padding: 2rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.reviews_page-item__name > p {
font-size: 1.2rem;
}
.reviews_page-item__title {
font-size: 1.5rem;
}
.reviews_page-item__stars {
gap: 0.5rem;
}
.reviews_page-item__star {
width: 1.5rem;
}
.reviews_page-item__description {
font-size: 1.2rem;
}
.reviews_page-item__link {
width: 100%;
justify-content: space-between;
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
.reviews_page-item__images {
max-width: none;
gap: 1rem;
}
.reviews_page-item__images a {
height: 10rem;
}
}
.review_single {
margin: 3rem 0 15rem 0;
}
.review_single-container {
display: flex;
flex-direction: column;
gap: 3rem;
}
.review_single-container > a {
margin-right: auto;
padding: 1.8rem 3.2rem;
border-radius: 5rem;
border: 1px solid var(--Accent, #B38157);
color: var(--Accent, #B38157);
text-align: center;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.review_single-main {
display: flex;
flex-direction: column;
gap: 3.5rem;
}
.review_single-slider {
display: flex;
flex-direction: column;
gap: 3rem;
}
.review_single_swiper {
width: 100%;
}
.review_single_swiper .swiper-slide {
height: auto;
}
.review_single_swiper a {
display: flex;
height: 54rem;
width: 100%;
}
.review_single_swiper a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1rem;
}
.review_single_pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
}
.review_single_pagination.swiper-pagination-lock {
display: none;
}
.review_single_pagination .swiper-pagination-bullet {
margin: 0 !important;
width: 1.5rem;
height: 1.5rem;
background: #898282;
opacity: 1;
border-radius: 100%;
}
.review_single_pagination .swiper-pagination-bullet-active {
background: #B38157;
}
.review_single-content {
display: flex;
flex-direction: column;
width: 100%;
max-width: 89.3rem;
gap: 2.5rem;
}
.review_single-content-row {
display: flex;
align-items: center;
gap: 4rem;
}
.review_single-content-row > p {
color: var(--text, #201C1F);
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
opacity: 0.5;
}
.review_single-stars__row {
display: flex;
align-items: center;
gap: 1rem;
}
.review_single-stars__row p {
color: var(--text, #201C1F);
font-size: 3.6rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.review_single-stars {
display: flex;
align-items: center;
gap: 1rem;
}
.review_single-star {
width: 2.8rem;
height: auto;
}
.review_single-col {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.review_single-col > h1 {
color: var(--black, #323232);
font-size: 4.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.review_single-product {
display: flex;
align-items: center;
gap: 0.6rem;
}
.review_single-product p {
color: var(--text, #201C1F);
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 110%;
opacity: 0.5;
}
.review_single-product a {
color: var(--text, #201C1F);
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.review_single-desc {
color: var(--black, #323232);
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media screen and (max-width: 592px) {
.review_single {
margin: 3rem 0 6rem 0;
position: relative;
overflow: hidden;
}
.review_single-container > a {
display: none;
}
.review_single-main {
gap: 3rem;
}
.review_single-slider {
gap: 1.5rem;
}
.review_single_swiper a {
height: 49rem;
}
.review_single_pagination {
gap: 0.8rem;
}
.review_single_pagination .swiper-pagination-bullet {
width: 1rem;
height: 1rem;
}
.review_single-content {
gap: 2rem;
}
.review_single-content-row {
justify-content: space-between;
gap: 1rem;
}
.review_single-content-row > p {
font-size: 1.2rem;
}
.review_single-stars__row p {
font-size: 2.2rem;
}
.review_single-stars {
gap: 0.8rem;
}
.review_single-star {
width: 2.3rem;
}
.review_single-col {
gap: 1.5rem;
}
.review_single-col > h1 {
font-size: 2.2rem;
}
.review_single-product {
gap: 0.5rem;
}
.review_single-product p {
font-size: 1.5rem;
}
.review_single-product a {
font-size: 1.5rem;
}
.review_single-desc {
font-size: 1.4rem;
}
.review_single_swiper {
overflow: visible;
}
.reviews-slide__content > a {
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
.reviews-slide__images a {
height: 9.5rem;
}
.reviews_page-item__images a svg {
width: 4.4rem;
}
}
@media screen and (max-width: 592px) {
}
@media screen and (max-width: 592px) {
}
@media screen and (max-width: 592px) {
}
@media screen and (max-width: 592px) {
}