.about__list-li {
margin: 0;
}
.products__grid {
display: grid;
}
.products__grid-item {
background: #F0EFEC;
cursor: pointer;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between;
transition: background 0.3s;
}
.products__grid-item:hover {
background: #F9F3E5;
transition: background 0.3s;
}
.products__grid-item-xl {
grid-column: span 2;
}
.products__grid-item-title {
font-weight: 400;
text-align: center;
margin-top: 20px;
display: inline;
}
.products__grid-info {
position: relative;
text-align: center;
width: 100%;
}
.products__grid-info-icon {
display: inline-block;
background: url(//vitagroup.ru/img/icon-attention.svg) no-repeat center;
background-size: 100%;
opacity: 0.5;
transition: opacity 0.3s;
}
.products__grid-info-icon:hover {
opacity: 0.8;
transition: opacity 0.3s;
}
.products__grid-info-detail {
display: none;
position: absolute;
background-color: #fff;
color: #676969;
min-height: 112px;
align-items: center;
justify-content: center;
bottom: 34px;
padding: 10px;
border-radius: 20px;
box-shadow: 0 15px 55px -15px rgba(0, 0, 0, 0.6);
z-index: 2;
}
@media (min-width: 1280px) {
.products__grid-item-title {
font-size: 23px;
}
.products__grid-info-detail {
min-width: 326px;
right: 0;
}
}
@media (max-width: 1279.9px) {
.products__grid-info-detail {
width: calc(100% - 20px);
left: 0;
}
}
@media (min-width: 960px) and (max-width: 1279.9px) {
.products__grid-item-title {
font-size: 18px;
}
}
@media (min-width: 960px) {
.products__grid {
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.products__grid-info-icon {
width: 20px;
height: 20px;
margin: 4px 0 -2px 4px;
}
.products__grid-item {
padding: 24px;
}
.products__grid-info-detail {
font-size: 14px;
}
}
@media (min-width: 375px) and (max-width: 959.9px) {
.products__grid-item {
padding: 16px 8px;
}
.products__grid {
gap: 16px;
}
}
@media (max-width: 959.9px) {
.products__grid-info-icon {
width: 12px;
height: 12px;
margin: 2px 0 -1px 2px;
}
.products__grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.products__grid-item-title {
font-size: 14px;
}
.products__grid-info-detail {
font-size: 12px;
}
}
@media (max-width: 374.9px) {
.products__grid-item {
padding: 16px 6px;
}
.products__grid {
gap: 8px;
}
}
.product__img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.product__image {
position: relative;
}
.product__image::after {
background-color: #7b4a0008;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.product__description_content {
line-height: 140%;
margin: 24px 0 12px;
}
.product__price {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 1.3;
margin: 24px 0;
}
.yes_mark {
background: url(/wp-content/themes/vitagroup/assets/img/icon/check.svg) no-repeat left center;
background-size: 12px 12px;
padding-left: 16px;
color: #5eb256;
font-weight: 500;
font-size: 13px;
}
.no_mark {
background: url(/wp-content/themes/vitagroup/assets/img/icon/timer.svg) no-repeat left center;
background-size: 16px 16px;
padding-left: 20px;
color: #bea082;
font-weight: 500;
font-size: 13px;
}
.format-content-inner table {
width: 100%;
}
.format-content-inner table td {
border-bottom: 1px solid #e7e7e7;
padding: 8px 0;
height: 38px;
}
.format-content-inner table tbody td:first-child {
color: #777777;
white-space: nowrap;
width: 48%;
}
.format-sizes {	
padding: 16px 0;
}
.format-loading {	
color: #777777;
height: 31px;
font-size: 13px;
}
.format-sizes ul {
gap: 8px;
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.format-sizes ul li {
border: 1px solid #e1e1e1;
padding: 8px 12px;
font-size: 13px;
border-radius: 8px;
}
.product__advantages {
margin-top: 16px;
}
.section__related {
padding-bottom: 60px;
}
.product__advantages_section {
background: linear-gradient(180deg, #efece8, transparent);
position: relative;
padding: 80px 0 20px;
}
.section__related {
overflow: hidden;
}
.related__slider {
overflow: visible;
}
.related__slide img {
aspect-ratio: 1 / 1;
border-radius: 24px;
object-fit: cover;
}
.product__advantages_section .container {
position: relative;
}
.section__description {
line-height: 1.3;
}
.product__advantage h4 {
font-weight: 600;
margin: 16px 0;
}
.product__advantage_text {
line-height: 1.45;
font-size: 15px;
color: #2b2b2b;
}
.advantages_section {
background: #f7f5f2;
}
.getlogo_section {
position: relative;
}
.getlogo_container {
color: #fff;
padding: 40px;
border-radius: 40px;
background: linear-gradient(347deg, #66381c7d 33%, #af7f523d);
position: relative;
z-index: 1;
}
.getlogo_container .section__name {
margin-bottom: 32px;
}
.getlogo_img {
position: absolute;
right: 0;
object-fit: cover;
top: -20%;
height: 120%;
}
.getlogo_box {
max-width: 1000px;
position: relative;
z-index: 1;
}
.getlogo_container .title_xl_flat {
position: relative;
z-index: 1;
}
.getlogo_content {
font-size: 20px;
margin-bottom: 24px;
position: relative;
z-index: 1;
line-height: 1.3;
}
.modal-quote-request-form {
display: none;
opacity: 0;
width: 1400px;
max-width: 100%;
position: fixed;
z-index: 90000;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: opacity 0.3s ease;
}
.modal-quote-request-form.showClassquote,
.shadow-dudeq.showClassquote {
display: block;
opacity: 1;
}
.shadow-dudeq {
display: none;
opacity: 0;
width: 100vw;
height: 100vh;
background: #00000080;
position: fixed;
z-index: 80000;
top: 0;
left: 0;
transition: opacity 0.3s ease;
}
.modal-quote-request-form .form {
position: relative;
}
.tabs {
display: flex;
cursor: pointer;
margin-bottom: 1em;
margin-top: 40px;
padding: 0;
list-style: none;
gap: 32px;
border-bottom: 1px solid #e4e4e4;
}
.tabs li {
padding: 16px 0;
font-size: 18px;
}
.tabs li.active {
font-weight: 500;
border-bottom: 2px solid #000;
}
.product__description_tab {
line-height: 140%;
margin: 8px 0;
}
.silver_tx {
font-size: 14px;
color: #7f7f7f;
}
.tab-content-h2 {
margin: 32px 0 24px 0;
font-size: 28px;
}
.product__vartitle {
font-weight: 500;
}
.product_box_reviews_display {
display: flex;
gap: 16px;
height: 16px;
align-items: center;
}
.product__var {
gap: 12px;
display: flex;
border: 1px solid #e1e1e1;
padding: 8px 20px 8px 8px;
font-size: 13px;
border-radius: 80px;
cursor: pointer;
transition: border 0.3s;
}
.product__var.active,
.product__var:hover {
border: 1px solid #000;
}
.product__var.active {
background: #cbc5bf17;
}
.product__var-titlelink {
font-weight: 500;
line-height: 140%;
}
.product__var-img {
object-fit: cover;
mix-blend-mode: multiply;
}
.product__name {
text-transform: lowercase;
}
.product__advantages_section--black {
background: black;
color: white;
}
.product__advantage {
background: #e5e2df;
padding: 24px;
border-radius: 24px;
}
.product__var-imglink {
flex-shrink: 0;
position: relative;
background: #eae3ddb5;
border-radius: 100px;
overflow: hidden;
}
.product__advantages_section--black .product__advantage_text {
color: #e5e5e5;
}
.product__advantages_section--black .section__name {
color: rgb(255 255 255 / 50%);
}
.product__advantages_section--black .section__name::after {
border-top: 1px solid rgb(255 255 255 / 30%);
border-bottom: 1px solid rgb(255 255 255 / 30%);
}
@media (min-width: 960px) {
.product__var-img {
width: 60px;
height: 60px;
position: relative;
}
.product__var-titlelink span, .product__var-titlelink strong {
display: block;
font-weight: 500;
}
.product__var-imglink {
width: 60px;
height: 60px;
}
.product__vars {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 12px 0;
}
.product__content {
margin-top: -26px;
}
.product__vartitle {
font-size: 18px;
}
.format-content-inner table {
font-size: 15px;
}
.product__advantage h4 {
font-size: 22px;
}
.product_box {
display: grid;
grid-template-columns: calc(50% - 80px) calc(50% + 20px);
gap: 60px;
align-items: start;
}
.product_hero_slider_box {
height: 100%;
}
.product_slider img {
object-fit: cover;
}
.product__image {
position: sticky;
top: 160px;
}
.product__advantages {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 40px;
gap: 40px;
}
.title_xl_flat {
font-size: 40px;
margin-bottom: 24px;
}
.section__description {
margin-top: 24px;
font-size: 20px;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.tab-content-m-title {
display: none;
}
.getlogo_section {
margin-bottom: 60px;
}
}
@media (max-width: 959px) {
.product__var-img {
width: 44px;
height: 44px;
position: relative;
}
.product__var-imglink {
width: 44px;
height: 44px;
}
.product__var {
margin-bottom: 6px;
}
.product__vars {
margin: 12px 0;
}
.getlogo_img {
opacity: 0.3;
top: 0;
height: 100%;
}
.getlogo_container {
margin: 24px 0 28px;
background: linear-gradient(347deg, #574840 33%, #7f48156e);
}
.getlogo_container .top-slide-btn {
width: 100%;
margin-top: 20px;
}
.product__vartitle {
font-size: 14px;
}
.product-page .section__name {
white-space: nowrap;
font-size: 12px;
font-weight: 600;
}
.tabs {
display: none;
}
.product_box_reviews_rate_flex {
flex-direction: column;
text-align: center;
}
.product_box_reviews_rate_flex h3 {
font-size: 15px;
}
.tab-content-m-title {
padding: 12px 0;
}
.tab-content:not(:last-child) .tab-content-m-title {
border-bottom: 1px solid #efefef;
}
.rate_add_btn {
width: 100%;
text-align: center;
padding: 8px;
font-size: 13px;
}
.format-content-inner table {
font-size: 13px;
}
.product__description_tab,
.product__description_content {
font-size: 14px;
}
.product__image {
margin: 20px 0 20px;
}
.product__description_content {
margin: 12px 0 16px;
}
.tab-content .product__description_tabcontent {
display: none;
padding: 8px 0;
margin-top: -28px;
}
.tab-content-h2 {
font-size: 17px;
margin: 24px 0 16px 0;
}
#description {
margin-top: 32px;
}
.tab-content-m-title {
font-size: 20px;
position: relative;
}
.tab-content-m-title::after {
content: "";
position: absolute;
top: 16px;
right: 0;
width: 20px;
height: 20px;
background: url(//vitagroup.ru/img/acc-arrow.svg) no-repeat;
transition: transform 0.7s ease;
}
.tab-content.active_mobile .product__description_tabcontent {
display: block;
}
.product__advantage h4 {
font-size: 16px;
}
.title_xl_flat {
font-size: 24px;
}
.section__description {
margin: 16px 0 0 0;
font-size: 14px;
}
.product__advantage_img {
width: 32px;
height: 32px;
}
.product_slider {
height: 375px;
}
.product_slider img {
object-fit: contain;
aspect-ratio: 1 / 1;
}
.product_hero_slider {
max-width: 100%;
}
.product_hero_slider {
background: white;
width: 100%;
}
.product_slider_thumbs {
height: 100px;
}
}
@media (min-width: 600px) {
.product__form_head {
display: flex;
gap: 20px;
margin-bottom: 24px;
align-items: center;
}
}
@media (max-width: 599px) {
.product__formimg {
display: none;
}
.product_box_reviews_rate_startx {
white-space: nowrap;
}
.product__content {
position: relative;
}
}
@media (max-width: 549px) {
.product__advantage_text {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.product__advantage.active .product__advantage_text {
max-height: 500px;
}
.product__advantage_head {
display: flex;
align-items: center;
gap: 10px;
margin-left: -2px;
position: relative;
}
.product__advantage_head::after {
content: "";
position: absolute;
top: 16px;
right: 0;
width: 20px;
height: 20px;
background: url(//vitagroup.ru/img/acc-arrow.svg) no-repeat;
transition: transform 0.7s ease;
}
.product__advantage.active .product__advantage_head::after {
transform: rotate(-180deg);
}
.product__advantage {
padding: 4px 0;
border-bottom: 1px solid rgb(0 0 0 / 18%);
}
.product__advantage.active .product__advantage_text {
margin-bottom: 12px;
}
.format-sizes ul {
gap: 6px;
}
.small_none {
display: none;
}
}
@media (min-width: 551px) {
.modal-quote-request-form .form__inputs {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
@media (max-width: 600px) {
.getlogo_container {
padding: 32px 20px;
}
.getlogo_content {
font-size: 14px;
}
.getlogo_container .top-slide-btn {
height: 45px;
}
}
.detail__section {
margin: 40px 0;
position: relative;
}
.product__title {
line-height: 1.1;
}
@media (min-width: 1025px) {
.detail__section {
margin: 90px 0;
}
.product__title {
font-size: 40px;
}
.section__product {
padding: 60px 0;
}
}
.product__var {
align-items: center;
}
.detail__section h2,
.detail__section h3 {
margin-bottom: 1rem;
}
.detail__section p {
line-height: 1.5;
margin-bottom: 0.6rem;
font-size: 15px;
color: #2b2b2b;
}
.js-detail-text {
max-height: 200px;
overflow: hidden;
position: relative;
transition: max-height 0.4s ease;
}
.js-detail.open .js-detail-text {
max-height: 10000px;
}
.js-detail-text::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
background: linear-gradient(to top, #f6f6f6, rgba(255, 255, 255, 0));
pointer-events: none;
display: block;
}
.js-detail.open .js-detail-text::after {
content: none;
}
.js-detail-toggle {
margin-top: 16px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: rgb(0 0 0 / 33%);
cursor: pointer;
transition: color 0.3s;
}
.js-detail-toggle:hover {
color: rgba(0, 0, 0, 1);
}
.product__details_section h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.product__details_section h3 {
margin-top: 30px;
margin-bottom: 15px;
}
.product__details_section p {
margin-bottom: 20px;
}
.product__details_section p:last-child {
margin-bottom: 40px;
}
.detail__section table {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 24px 0 32px;
}
.detail__section th,
.detail__section td {
padding: 1rem 1.2rem;
border: 1px solid #e3e0da;
}
.detail__section th {
background: #F7F5F2;
}
.detail__section td:first-child {
font-weight: bold;
}
@media(max-width:1450px) {
.getlogo_box {
max-width: 740px;
}
}
@media (max-width: 1024px) {
.detail__section thead {
display: none
}
.product__var {
border-radius: 8px;
padding: 4px 12px 4px 4px;
}
.product__var-imglink {
border-radius: 6px;
}
.section__product {
margin-top: 24px;
}
.product__title {
font-size: 26px;
}
.detail__section tr {
display: flex;
border: 1px solid #e3e0da;
flex-direction: column;
border-bottom: none;
padding: 8px;
}
.detail__section tr:last-child {
border-bottom: 1px solid #e3e0da;
}
.detail__section td {
padding: 0.4rem;
}
.detail__section td,
.detail__section table {
border: 1px solid #ffffff;
}
.detail__section h2,
.detail__section h3 {
font-size: 19px;
}
}
.detail__section ul {
padding-left: 20px;
list-style-type: disc;
}
.detail__section ul:not(:last-child) {
margin-bottom: 6px;
}
.detail__section ul li {
color: #494948;
font-size: var(--font-base);
line-height: 150%;
}
.detail__section ul li::marker {
color: #c09b60;
}