.block-title {
font-weight: 600;
font-size: 1.4em;
}
.block-title span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 2px 7px;
background: #6c757d;
color: #fff;
font-size: 0.8em;
}
.title-with-arrows .section-title {
font-size: 1em;
}
.title-with-adm-tools {
align-items: flex-start;
}
.product-header {
display: flex;
align-items: center;
position: absolute;
width: 100%;
background: #2A2A2A;
color: #fff;
opacity: 0;
height: 0;
z-index: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.product-header .add-to-cart,
.product-header .add-to-favorites,
.product-header .remove-from-favorites,
.product-header .request-info {
height: 35px;
}
.product-header .add-to-cart,
.product-header .request-info {
font-size: 0.9em;
letter-spacing: 0;
padding: 0 15px;
}
.product-header .add-to-cart {
background: #D02229;
color: #fff;
}
.product-header .add-to-cart:hover {
background: #b11d23;
border-color: #b11d23;
}
.product-header .request-info {
border: 0;
}
.product-header .request-info:hover {
background: #fff;
color: #000;
}
.product-header .add-to-favorites,
.product-header .remove-from-favorites {
background: none;
min-width: auto;
}
.product-header .add-to-favorites:before {
background-image: url('data:image/svg+xml;utf8,');
}
.product-header .product-price {
font-weight: 400;
line-height: 1;
align-items: flex-end;
}
.page-collapse .product-header {
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
opacity: 1;
height: auto;
}
.product-gallery-data {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
margin-bottom: 50px;
}
.product-gallery-data .gallery {
order: 1;
}
.product-gallery-data .attributes {
order: 2;
}
.product-gallery-data .commercial {
order: 3;
}
.acticle-new-arrival {
margin: 20px 0 0;
}
.acticle-new-arrival > p {
color: #454545;
}
.acticle-new-arrival div {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: flex;
align-items: center;
gap: 2px;
font-size: 1.2em;
}
.acticle-new-arrival div:before {
content: "";
display: block;
min-width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 0 3px 0 0;
}
.acticle-new-arrival .new-arrival {
color: #4715D3;
}
.acticle-new-arrival .new-arrival:before {
background-image: url('data:image/svg+xml;utf8,');
}
.acticle-new-arrival .has-discount {
color: #1EBA05;
}
.acticle-new-arrival .has-discount:before {
background-image: url('data:image/svg+xml;utf8,');
}
.acticle-new-arrival .go-to-reviews {
color: #005BFF;
}
.acticle-new-arrival .go-to-reviews:before {
background-image: url('data:image/svg+xml;utf8,');
}
.acticle-new-arrival .go-to-accessories {
color: #6C6C6C;
}
.acticle-new-arrival .go-to-accessories:before {
min-width: 22px;
height: 22px;
background-image: url('data:image/svg+xml;utf8,');
}
/* Gallery */
.gallery-container {
min-width: 45%;
width: 45%;
}
.gallery-container > * {
height: 400px;
}
.gallery-container .swiper-gallery-prev,
.gallery-container .swiper-gallery-next {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
position: absolute;
display: block;
width: 100px;
height: 42px;
cursor: pointer;
background: #F9F9F9 url('data:image/svg+xml;utf8,') no-repeat center/10px;
}
.gallery-container .swiper-gallery-prev:not(.swiper-button-disabled):hover,
.gallery-container .swiper-gallery-next:not(.swiper-button-disabled):hover {
background: #2A2A2A url('data:image/svg+xml;utf8,') no-repeat center/10px;
}
.gallery-container .swiper-button-disabled {
opacity: 0.3;
cursor: default;
}
.gallery-container .swiper-gallery-prev {
top: 0;
}
.gallery-container .swiper-gallery-next {
bottom: 0;
transform: rotateX(180deg);
}
.gallery-container .no-img {
display: block;
width: 100%;
height: 250px;
background: url("/static/no-img.svg") no-repeat center/200px;
}
.gallery-thumbs {
min-width: 100px;
margin: 50px 0;
height: 300px;
overflow: hidden;
}
.gallery-thumbs img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: 100px;
border: 2px solid #fff;
}
.gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
border-color: #D02229;
}
.gallery-main {
width: calc(100% - 120px);
}
.gallery-main img {
cursor: pointer;
max-width: 100%;
object-fit: contain;
background: url("/static/loading.svg") no-repeat center/50px;
}
.gallery-main .swiper-slide {
display: flex;
justify-content: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.mobile-gallery {
display: none;
margin: 30px 0;
}
.mobile-gallery img {
max-width: 100%;
}
.swiper-mobile-gallery-pagination {
margin: 15px 0 0;
}
.swiper-mobile-gallery-pagination .swiper-pagination-bullet {
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
background: #9C9C9C;
}
.swiper-mobile-gallery-pagination .swiper-pagination-bullet:hover {
background: #2A2A2A;
}
.swiper-mobile-gallery-pagination .swiper-pagination-bullet-active {
width: 20px;
border-radius: 10px;
}
/* Brand & series */
.brand-series {
margin: 0 0 20px;
}
.brand-series img {
width: 100px;
height: auto;
}
.brand-series > div > a {
line-height: 1;
}
.brand-series .series {
font-size: 0.9em;
line-height: 1.1;
}
.brand-series .series p {
margin: 0 0 5px;
font-size: 0.9em;
opacity: 0.7;
}
/* Attributes */
.attributes {
width: 30%;
font-size: 0.9em;
}
.attributes .show-all {
padding: 20px 0 0;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
}
.attributes .show-all:after {
content: "";
display: block;
min-width: 20px;
height: 15px;
opacity: 0.5;
background: url('data:image/svg+xml;utf8,') no-repeat center/contain;
}
.attributes .show-all:hover {
color: #D02229;
}
.attributes .show-all:hover:after {
opacity: 1;
}
.attributes .show-all.active:after {
transform: rotateX(180deg);
}
.attributes-list > div > div {
padding: 5px 0;
margin: 0 0 5px;
display: flex;
justify-content: space-between;
gap: 20px;
border-top: 1px solid #e8e8e8;
}
.attributes-list > div > div > div:nth-child(1) {
opacity: 0.8;
}
.attributes-list > div > div > div:nth-child(2) {
text-align: right;
}
.attributes-list .hidden {
display: none;
}
/* Basket and commercial parameters */
.commercial {
width: 20%;
min-width: 280px;
}
.commercial .product-price {
line-height: 1;
align-items: flex-end;
margin: 0 0 15px;
}
.commercial .one-click-buy {
width: 100%;
}
.commercial .add-to-cart {
max-width: 207px;
background: #D02229;
color: #fff;
}
.commercial .add-to-cart:hover {
background: #A11B21;
border-color: #A11B21;
}
.commercial .price {
font-size: 2.5em;
}
.commercial .old-price {
font-size: 1.1em;
font-weight: 400;
position: relative;
bottom: 4px;
}
.commercial .product-actions {
display: flex;
gap: 15px;
}
.commercial .b {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 48px;
height: 16px;
border: 2px solid #AFAFAF;
position: relative;
text-align: initial;
}
.commercial .b:before, .commercial .b:after {
content: "";
position: absolute;
}
.commercial .b:before {
height: 100%;
top: 0;
left: 0;
}
.commercial .low:before {
width: 33%;
background: #00B64C;
}
.commercial .medium:before {
width: 66%;
background: #00B64C;
}
.commercial .high:before {
width: 100%;
background: #00B64C;
}
.commercial .brand a {
display: table;
margin: 10px 0 0;
}
.commercial .call p {
font-size: 2em;
margin: 0 0 15px;
}
.commercial .call a {
display: flex;
gap: 10px;
align-items: center;
font-weight: 700;
font-size: 1.4em;
}
.commercial .call a:before {
content: "";
display: block;
min-width: 25px;
height: 25px;
background: url('data:image/svg+xml;utf8,') no-repeat center/100%;
}
.commercial .with-icon {
display: flex;
gap: 10px;
}
.commercial .with-icon:before {
content: "";
display: block;
min-width: 21px;
height: 21px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.commercial .remove-from-compare:before {
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .add-to-compare:before {
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .showcase {
align-items: center;
}
.commercial .showcase:before {
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .delivery-date {
margin: 0 0 10px;
}
.commercial .delivery-date:before {
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .demo:before {
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .leasing-container {
gap: 5px;
}
.commercial .leasing-container span {
display: flex;
cursor: pointer;
align-items: center;
gap: 5px;
margin: 0 0 0 3px;
}
.commercial .leasing-container span:after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "i";
display: flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
border: 1px solid #808080;
color: #808080;
font-size: 0.8em;
font-weight: 600;
}
.commercial .leasing-container:before {
position: relative;
left: -2px;
min-width: 23px;
height: 22px;
background-image: url('data:image/svg+xml;utf8,');
}
.commercial .special-offer {
color: #1EBA05;
}
.commercial .found-cheaper {
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
font-size: 0.9em;
opacity: 0.5;
text-align: center;
font-size: 0.8em;
margin: 0 0 20px;
justify-content: center;
align-items: center;
}
.commercial .found-cheaper:hover {
text-decoration: underline !important;
opacity: 1;
}
.commercial .found-cheaper:before {
min-width: 15px;
height: 19px;
background-image: url('data:image/svg+xml;utf8,');
}
.out-note {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #fffbf0;
color: #4d4532;
padding: 20px;
margin: 0 0 20px;
}
.out-note > p {
margin: 0 0 10px;
}
.out-note .await {
margin: 10px 0 0;
padding: 10px 0 0;
border-top: 1px solid #eae4d7;
}
.out-note .await p {
font-size: 0.8em;
margin: 0 0 5px;
}
.out-note .await span {
color: #D02229;
}
/* Product sections */
.product-data {
padding: 60px 0;
background: #f9f9f9;
}
.product-data .container > div:first-child {
width: 23%;
}
.product-sections {
width: 73%;
}
.product-sections .product-section {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.01);
-moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.01);
box-shadow: 1px 0 20px rgba(0, 0, 0, 0.01);
position: relative;
background: #fff;
padding: 30px;
margin: 50px 0 0;
}
.product-sections .product-section:first-child {
margin: 0;
}
.product-sections .product-section .part-title {
margin: 0 0 30px;
}
.product-nav {
-webkit-transition: top 0.3s ease-out;
-moz-transition: top 0.3s ease-out;
-ms-transition: top 0.3s ease-out;
-o-transition: top 0.3s ease-out;
transition: top 0.3s ease-out;
position: -webkit-sticky;
position: sticky;
top: 125px;
z-index: 10;
}
.with-offer-stripe .product-nav {
top: 180px;
}
.product-nav ul {
margin: 0 0 25px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 1.3em;
background: #D02229;
padding: 25px;
}
.product-nav ul li {
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
padding: 5px 0;
cursor: pointer;
color: #fff;
}
.product-nav ul .active {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
cursor: default;
}
.product-nav ul .active:before {
content: "";
display: block;
width: 10px;
height: 10px;
background: url('data:image/svg+xml;utf8,') no-repeat center/contain;
}
.documents {
display: flex;
flex-direction: column;
gap: 10px;
}
.documents a {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.1em;
}
.documents a:before {
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
-webkit-box-shadow: 0 0 7px 0 rgba(161, 161, 161, 0.2);
-moz-box-shadow: 0 0 7px 0 rgba(161, 161, 161, 0.2);
box-shadow: 0 0 7px 0 rgba(161, 161, 161, 0.2);
content: "";
display: block;
min-width: 55px;
height: 55px;
background-position: center;
background-repeat: no-repeat;
background-size: 35px;
background-color: #fff;
border-radius: 50%;
}
.documents a:hover:before {
background-color: #2A2A2A;
}
.documents .offer:before {
background-image: url('data:image/svg+xml;utf8,');
}
.documents .manual:before {
background-image: url('data:image/svg+xml;utf8,');
}
.documents .scheme:before {
background-image: url('data:image/svg+xml;utf8,');
}
.documents .offer:hover:before {
background-image: url('data:image/svg+xml;utf8,');
}
.documents .manual:hover:before {
background-image: url('data:image/svg+xml;utf8,');
}
.documents .scheme:hover:before {
background-image: url('data:image/svg+xml;utf8,');
}
.section-info p {
margin: 0 0 10px;
}
.section-info ol {
margin: 10px 0 30px 20px;
}
.section-info ul {
margin: 10px 0 30px;
}
.section-info ul li {
position: relative;
padding: 0 0 7px 15px;
}
.section-info ul li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
position: absolute;
min-width: 5px;
height: 5px;
background: #D02229;
top: 8px;
left: 0;
}
.section-info .video-container {
margin: 30px 0 0;
width: 720px;
max-width: 100%;
}
.section-info .video-container iframe {
width: 100%;
}
.section-techinfo table {
width: 100%;
}
.section-techinfo table td {
width: 50%;
padding: 10px 20px;
}
.section-techinfo table tbody > tr:nth-child(odd) td {
background: #F9F9F9;
}
.section-complectation li {
padding: 0 0 7px;
}
.section-complectation ul li {
display: flex;
gap: 10px;
}
.section-complectation ul li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "";
min-width: 5px;
height: 5px;
background: #000;
position: relative;
top: 8px;
}
.additionals-list {
margin: 30px 0;
}
.additionals-list .product .img {
width: 150px;
height: 150px;
margin: 0 auto 20px;
}
.additionals-list .product .pn {
font-size: 1em;
min-height: 42px;
}
.additionals-list .product .pb {
gap: 10px;
}
.additionals-list .product .add-to-cart {
font-size: 0.8em;
gap: 5px;
}
.additionals-list .product .add-to-cart,
.additionals-list .product .add-to-favorites {
height: 44px !important;
}
.additionals-list .product .add-to-favorites {
min-width: 44px !important;
}
.additionals-list .product .add-to-favorites:before {
width: 20px;
height: 20px;
}
.kit-summary > div {
line-height: 1;
align-items: flex-end;
}
.kit-summary .kit-sum-old {
position: relative;
font-size: 1.1em;
display: inline-block;
color: #9C9C9C;
}
.kit-summary .kit-sum-old:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background: #D02229;
}
.kit-summary .kit-sum {
font-size: 2em;
}
.kit-products > div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
border-top: 1px solid #e8e8e8;
padding: 10px 0;
}
.kit-products > div:first-child {
border: 0;
}
.kit-products .img-title {
display: flex;
align-items: center;
gap: 20px;
}
.kit-products .img {
display: block;
min-width: 100px;
width: 100px;
height: 100px;
background: url("/static/loading.svg") no-repeat center/50px;
}
.kit-products .img img {
cursor: pointer;
width: 100%;
object-fit: cover;
}
.kit-products .img.no-img {
background: url("/static/no-img.svg") no-repeat center/50px;
}
.kit-products .price {
font-size: 1.1em;
font-weight: 600;
}
.kit-products .price-mobile {
display: none;
}
.kit-products .article {
margin: 10px 0 0;
}
/* Reviews */
.section-reviews {
margin-top: 50px;
margin-bottom: 50px;
padding-top: 30px;
}
.section-reviews .reviews {
flex-basis: 55%;
}
.section-reviews .reviews > div:not(.title) {
display: flex;
flex-direction: column;
gap: 15px;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #F2F2F2;
}
.section-reviews .reviews > div:not(.title) > div:first-child {
align-items: flex-end;
line-height: 1;
}
.section-reviews .reviews .title {
color: #D02229;
margin: 0 0 30px;
}
.section-reviews .date {
opacity: 0.5;
}
.section-reviews .go-to-add-review {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
display: none;
gap: 10px;
background: #D02229;
color: #fff;
padding: 10px 15px;
}
.section-reviews .go-to-add-review:before {
content: "";
display: block;
width: 17px;
height: 17px;
background: url('data:image/svg+xml;utf8,');
}
.section-reviews .go-to-add-review:hover {
background: #A11B21;
}
.add-review {
flex-basis: 40%;
}
.add-review .title {
margin: 0 0 20px;
}
.add-review .form .form-control {
width: 100%;
}
.add-review .form p,
.add-review .form .star-rating {
margin: 0 0 7px;
}
.add-review .form .confirm {
padding-bottom: 15px;
}
.add-review .form .btn {
font-size: 1em;
margin: 0 auto;
display: table;
}
.star-rating {
font-size: 0;
white-space: nowrap;
display: inline-block;
gap: 10px;
width: 125px;
height: 25px;
overflow: hidden;
position: relative;
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
background-size: contain;
}
.star-rating i,
.star-rating span,
.star-rating input {
height: 100%;
width: 20%;
}
.star-rating i,
.star-rating span {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
background-size: contain;
}
.star-rating input,
.star-rating span {
-moz-appearance: none;
-webkit-appearance: none;
opacity: 0;
display: inline-block;
margin: 0;
padding: 0;
z-index: 2;
position: relative;
}
.star-rating span {
opacity: 1;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
opacity: 1;
}
.star-rating i ~ i {
width: 40%;
}
.star-rating i ~ i ~ i {
width: 60%;
}
.star-rating i ~ i ~ i ~ i {
width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
width: 100%;
}
.star-rating.star-rating-small {
width: 75px;
height: 15px;
}
/* Kits with product */
.section-kits {
padding-bottom: 30px;
margin-top: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #e8e8e8;
}
.section-kits .title {
font-size: 1.5em;
}
.section-kits .title p {
font-weight: 600;
margin: 5px 0 0;
}
.section-kits .part-title {
margin: 0 0 50px;
}
/* Same serie */
.section-series {
margin: 50px 0;
padding-top: 30px;
}
.section-series .part-title {
margin: 0 0 50px;
}
/* Admin panel */
.adm-tools {
border: 1px solid #eee;
padding: 10px;
}
.adm-tools table {
width: 100%;
margin: 20px 0 0;
font-size: 0.85em;
border: 10px solid #fffce5;
background: #fffce5;
text-align: right;
border-collapse: collapse;
}
.adm-tools table td {
padding: 5px;
border-bottom: 1px solid #c1c1c1;
}
.adm-tools table .qnt {
font-weight: 600;
}
.adm-tools table .stock {
text-align: left;
padding-right: 50px;
}
.adm-tools table .reserved {
padding-left: 15px;
}
.adm-tools table .out {
opacity: 0.4;
}
.adm-tools table .out .qnt {
font-weight: 400;
}
.adm-tools table .nearest_delivery p {
white-space: nowrap;
}
.staff-buttons a {
text-decoration: underline !important;
color: #2A2A2A;
}
.staff-buttons div {
display: flex;
gap: 5px;
}
.staff-buttons div:before {
content: "";
display: flex;
align-items: center;
gap: 5px;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.staff-buttons div p {
display: flex;
align-items: center;
gap: 10px;
}
.staff-buttons .doc:before {
position: relative;
left: 3px;
background-image: url('data:image/svg+xml;utf8,');
}
.staff-buttons .print:before {
background-image: url('data:image/svg+xml;utf8,');
}
.staff-buttons .edit:before {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-like,
.icon-dislike {
display: inline-block;
width: 20px;
height: 20px;
}
.icon-like:before,
.icon-dislike:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,') no-repeat center/100%;
}
.icon-dislike:before {
transform: rotateX(180deg) rotateY(180deg);
}
.review_opinion span {
color: rgba(49, 49, 49, 0.5098039216);
font-size: 1.3em;
}
.review_opinion span .total {
font-size: 1em;
}
.review_opinion .like_review:hover {
color: #00B64C;
}
.review_opinion .dislike_review:hover {
color: #d02229;
}
.review_opinion .like_review_press {
color: #00B64C;
}
.review_opinion .dislike_review_press {
color: #d02229;
}
.available {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
color: white;
background: #00B64C;
font-weight: bold;
font-size: 12px;
line-height: 15px;
height: 15px;
text-transform: uppercase;
padding: 0 5px;
display: inline-block;
margin-right: 3px;
margin-bottom: 2px;
}
@media screen and (max-width: 1250px) {
.product-gallery-data {
gap: 20px;
}
}
@media screen and (max-width: 1100px) {
.product-gallery-data {
flex-wrap: wrap;
gap: 0;
margin-bottom: 0;
}
.product-gallery-data .attributes {
order: 3;
margin: 30px 0 0;
}
.product-gallery-data .attributes-list,
.product-gallery-data .show-all {
display: none;
}
.product-gallery-data .commercial {
order: 2;
width: 40%;
}
.product-gallery-data .commercial .product-actions,
.product-gallery-data .commercial .one-click-buy {
width: 280px;
margin: 0 auto;
}
.product-gallery-data .commercial .battery {
justify-content: center;
gap: 30px;
}
.gallery-container {
width: 55%;
}
.page-title {
font-size: 2em;
}
.acticle-new-arrival div {
font-size: 1em;
}
.acticle-new-arrival,
.commercial .product-price {
font-size: 0.9em;
}
.product-nav ul {
padding: 20px;
font-size: 1.1em;
}
.documents a {
font-size: 1em;
}
.documents a:before {
min-width: 45px;
height: 45px;
background-size: 25px;
}
.block-title {
font-size: 1.2em;
}
}
@media screen and (max-width: 900px) {
.title-with-adm-tools {
flex-direction: column;
}
.title-with-adm-tools > div {
width: 100%;
}
.gallery-container {
gap: 0;
}
.page-title {
font-size: 1.7em;
}
.commercial {
font-size: 0.9em;
}
.commercial .product-price {
margin: 0;
}
.commercial .add-to-cart,
.commercial .add-to-favorites,
.commercial .remove-from-favorites,
.commercial .one-click-buy,
.commercial .request-info {
height: 42px;
}
.commercial .found-cheaper {
font-size: 0.9em;
margin-bottom: 0 0 5px;
}
.product-header .add-to-cart {
gap: 0;
background: none;
border: 0;
color: transparent;
text-indent: -1000em;
padding: 0;
width: 23px;
overflow: hidden;
}
.product-header .add-to-cart:before {
width: 100%;
background-image: url('data:image/svg+xml;utf8,');
}
.product-header .add-to-cart:hover {
background: none;
}
.product-nav ul {
padding: 15px;
font-size: 0.9em;
}
.section-reviews {
flex-direction: column;
}
.section-reviews .go-to-add-review {
display: flex;
align-items: center;
}
.product-data {
padding: 25px 0;
}
}
@media screen and (max-width: 768px) {
.section-series .container {
padding: 0;
margin: 0;
max-width: 100%;
}
.section-series .title-with-arrows {
padding: 0 20px;
}
}
@media screen and (max-width: 720px) {
.gallery-container {
width: 100%;
}
.gallery-container .no-img {
display: none;
}
.gallery-main {
width: calc(100% - 150px);
}
.product-gallery-data {
flex-direction: column;
}
.product-header .product-price {
font-size: 0.9em;
}
.product-header .add-to-favorites {
display: none;
}
.product-header .title {
font-size: 0.9em;
}
.page-title {
font-size: 1.5em;
}
.product-gallery-data .commercial {
margin: 15px 0 0;
width: 100%;
border-top: 1px solid #eee;
padding: 15px 0 0;
}
.product-gallery-data .commercial .special-offer {
text-align: center;
}
.product-gallery-data .commercial .with-icon {
justify-content: center;
}
.product-gallery-data .commercial .found-cheaper {
border-bottom: 1px solid #eee;
padding: 0 0 15px;
margin: 0;
}
.product-gallery-data .commercial .demo {
text-align: center;
}
.product-gallery-data .commercial .demo:before {
content: none;
}
.product-gallery-data .attributes {
width: 100%;
margin: 20px 0 0;
}
.product-gallery-data .attributes .brand-series {
margin: 0;
}
.product-gallery-data .attributes .brand-series > div {
flex-direction: column;
align-items: center;
text-align: center;
}
.acticle-new-arrival {
font-size: 0.8em;
}
.product-data {
margin: 30px 0 0;
padding: 0;
}
.product-data .container {
padding: 0;
flex-direction: column;
}
.product-data .container > div {
width: 100% !important;
}
.product-data .product-nav {
position: static;
margin: 0;
}
.product-data .product-nav ul {
display: none;
}
.documents {
flex-direction: row;
background: #f9f9f9;
padding: 20px 0;
border-top: 1px solid #eee;
}
.documents > a {
flex-basis: 100%;
flex-direction: column;
font-size: 0.9em;
text-align: center;
gap: 5px;
}
.kit-products .img {
min-width: 70px;
width: 70px;
height: 70px;
background-size: 25px;
}
.product-sections .product-section {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
margin: 0;
border-top: 1px solid #eee;
padding: 20px;
}
}
@media screen and (max-width: 575px) {
.page-title {
font-size: 1.3em;
}
.gallery-container {
display: none;
}
.mobile-gallery {
display: block;
}
.product-header .container {
flex-direction: column;
gap: 0;
align-items: flex-start;
}
.product-header .add-to-favorites {
display: flex;
}
.product-gallery-data {
margin-top: 0;
}
.acticle-new-arrival {
flex-wrap: wrap;
gap: 10px;
font-size: 0.75em;
justify-content: center;
}
.acticle-new-arrival p {
width: 100%;
text-align: center;
}
.kit-products .price {
display: none;
}
.kit-products .price-mobile {
display: block;
font-weight: 600;
}
.kit-products .article {
margin: 3px 0 10px;
}
.product-sections .product-section.section-accessories, .product-sections .product-section.section-spare-parts {
padding-left: 0;
padding-right: 0;
}
.product-sections .product-section.section-accessories .part-title, .product-sections .product-section.section-spare-parts .part-title {
padding: 0 15px;
margin: 0 0 20px;
}
.kit-summary {
justify-content: flex-start;
margin: 15px 0 0 90px;
}
.kit-summary > div:nth-child(2) {
flex-direction: row-reverse;
}
.section-techinfo table td {
width: 100%;
padding: 10px 10px 0;
}
.section-techinfo table tr {
display: flex;
flex-direction: column;
}
.section-techinfo table tr > td:nth-child(2) {
font-weight: 600;
padding-bottom: 10px;
}
.block-title {
font-size: 1.1em;
}
.section-reviews .reviews > div:not(.title) > div:first-child {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
@media screen and (max-width: 420px) {
.product-header {
padding: 0;
}
.product-header .title {
display: none;
}
.product-header .action {
gap: 25px;
}
.product-header .container {
justify-content: center;
flex-direction: row;
}
.documents > a {
font-size: 0.8em;
}
.adm-tools {
padding: 5px;
}
.adm-tools table {
margin: 5px 0 0;
}
.staff-buttons {
gap: 15px;
font-size: 0.9em;
}
.staff-buttons div:before {
width: 20px;
height: 20px;
}
}
/*# sourceMappingURL=product.css.map */