/* Canonical styles for product-card templates. Edit this file directly. */
@media all and (max-width: 480px) {
.btn-order .btn {
font-size: 18px;
}
}
.push35 {
height: 35px;
}
.f14 {
font-size: 14px;
}
.f26 {
font-size: 26px;
}
.weight900 {
font-weight: 900;
}
.catalog .element .element-options {
height: 36px;
}
.product-template .content p {
color: #929292;
}
.product-detail select {
height: 40px;
}
.product-carousel .slick-prev {
left: 5px;
}
.product-carousel .slick-next {
right: 5px;
}
.product-carousel {
height: 435px;
    overflow: hidden;
}
.product-carousel .item {
height: 435px;
    line-height: 435px;
}
.product-carousel .item a {
cursor: zoom-in;
}
.product-carousel .item img {
max-height: 100%;
}
.product-thumb-carousel {
text-align: center;
    height: 109px;
    overflow: hidden;
    opacity: 0;
}
.product-thumb-carousel.slick-slider {
height: auto;
    opacity: 1;
}
.product-thumb-carousel .item {
float: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: relative;
    background: #fff;
}
.product-thumb-carousel .item svg {
position: absolute;
    width: 31px;
    height: 29px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
}
.product-thumb-carousel .item.slick-current svg {
opacity: 1;
}
@media(max-width:1399px) {
.product-carousel {
height: 32vw;
}
.product-carousel .item {
height: 32vw;
        line-height: 32vw;
}
}
@media(max-width:991px) {
.none-crop-gallery .product-carousel {
height: 50vw;
}
.none-crop-gallery .product-carousel .item {
height: 50vw;
        line-height: 50vw;
}
}
.product-carousel.slick-initialized {
height: auto !important;
}
.product-article {
font-size: 14px;
    text-transform: uppercase;
    color: #999;
}
@media only screen and (min-width: 992px) {
.product-detail h1 {
font-size: 34px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-content {
padding-left: 30px;
}
}
.tab-container {
margin-top: 20px;
}
.tab-container .nav-item {
-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tab-container {
margin-top: 20px;
}
.tab-container .nav {
display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.nav-link {
padding: 10px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid #f7f7f7;
}
.tab-container .active {
/* background-color: #666;
    color: white; */
    border-bottom: 2px solid #74c044;
}
.tab-content {
display: none;
    padding: 20px;
    border: 3px solid #fcfcfc;
}
.product .active {
display: block;
    position: relative;
}
.share-title {
font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.delivery-block {
display: flex;
    flex-wrap: wrap;
}
.delivery-block__title {
font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 7px;
}
.delivery-block__text {
font-size: 14px;
    line-height: 21px;
    color: #616161;
    max-width: 240px;
}
.delivery-block__item {
max-width: 500px;
    margin: 0 15px 20px;
    position: relative;
    padding-left: 25px;
}
.delivery-block__item::before {
content: "";
    display: block;
    width: 17px;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 3px;
    background-image: url(/assets/img/local-ic.svg);
}
@media only screen and (max-width: 767px) {
.tab-container .nav-item {
margin-top: 5px;
}
}
.procent-sale {
max-height: 100%;
            background: rgba(111,207,151,.1);
            border-radius: 20px;
            padding: 20px;
            margin: 10px 0;
            max-width: 500px;
            margin: 0 auto;
}
.btn-order {
margin-bottom: 50px;
}
.procent-sale .title {
font-weight: 700;
            font-size: 18px;
            margin-bottom: 10px;
}
.procent-sale p {
margin-bottom: 0;
}
@media all and (max-width: 480px) {
.btn-order {
margin-bottom: 0;
}
}
.wrapper-comment {
display: flex;
            flex-wrap: wrap;
}
.comment-item {
width: 32%;
            margin-right: 10px;
            margin-bottom: 10px;
}
.d-flex-sb {
display: flex;
            justify-content: space-between;
}
.votes_block {
display: flex;
            align-items: center;
}
.quantity-rev {
margin-left: 10px;
            color: #74c044;
}
.form-review-card {
width: 50%;
}
.review-top {
display: flex;
}
.star-rating-wrapper {
margin-left: 30px;
            display: flex;
            align-items: center;
}
.title-review {
font-size: 24px;
            font-weight: bold;
            line-height: 24px;
}
.form-review-input {
display: block;
            width: 100%;
            height: 48px;
            padding: 0 15px;
            border: 2px solid #ededed;
            color: #323232;
            text-shadow: none;
            font-size: 14px;
            line-height: 1.42857143;
            border-radius: 3px;
}
.form-review-card__item {
margin-top: 20px;
}
.form-review-card textarea {
width: 100%;
            border: 2px solid #ededed;
            border-radius: 3px;
            padding: 0 15px;
            color: #323232;
            text-shadow: none;
            font-size: 14px;
            padding-top: 10px;
}
.star-rating-title {
font-size: 14px;
            line-height: 16px;
            color: #999;
            margin-right: 10px;
}
.star-rating {
direction: rtl;
            display: inline-flex;
}
.star-rating input[type=radio] {
display: none;
}
.star-rating label {
color: #ccc;
            font-size: 20px;
            padding: 0;
            cursor: pointer;
}
.star-rating label:hover,
        .star-rating label:hover ~ label,
        .star-rating input[type=radio]:checked ~ label {
color: #70b941;
}
.form-review-card__item-btn {
display: flex;
            justify-content: center;
            margin-top: 10px;
}
.btn-review {
padding: 8px 25px;
            font-size: 18px;
}
@media all and (max-width: 480px) {
.wrapper-comment {
flex-direction: column;
}
.wrapper-comment .comment-item {
width: 100%;
}
.form-review-card {
width: 100%;
}
}
.product-detail .product-carousel {
border: 1px solid #eef1ec;
    border-radius: 16px;
    background: #ffffff;
    padding: 12px;
}
.product-thumb-carousel .item {
border: 2px solid #eef1ec;
    border-radius: 10px;
    overflow: hidden;
    margin: 4px;
}
.product-thumb-carousel .item:hover {
border-color: #cfe3bf;
}
.product-thumb-carousel .item.slick-current {
border-color: #74c044;
}
.product-thumb-carousel .item svg,
.product-thumb-carousel .item.slick-current svg {
display: none;
}
.product-detail .price-wrap {
font-size: 30px;
    color: #3b6d11;
    line-height: 1.1;
}
.tab-container .nav {
border-bottom: 1px solid #eef1ec;
    gap: 4px;
    margin-bottom: 20px;
}
.nav-link {
color: #3a3f3a;
    border-bottom: 2px solid transparent;
    margin-right: 0;
    margin-bottom: -1px;               /* активная линия садится на линию ряда */
    padding: 12px 16px;
    transition: color 0.18s ease, border-color 0.18s ease;
}
.nav-link:hover {
color: #4f9a2b;
}
.tab-container .nav-link.active,
.tab-container .active.nav-link {
color: #4f9a2b;
    border-bottom-color: #74c044;
}
.tab-content {
border: 1px solid #eef1ec;
    border-radius: 12px;
    padding: 24px 28px;
    box-shadow: 0 2px 10px rgba(45, 71, 20, 0.03);
}
.tab-content h2 {
color: #26331c;
    margin-top: 0;
}