#product_page .rating {display: inline-block;margin-left: 10px}
.product-col-2 {display: grid; grid-template-columns: 1fr 1fr}
.product-col-3 {display: grid; grid-template-columns: 1fr 1fr 1fr}
.product-col-4 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px}
#product_photo{gap: 20px;padding:0 20px}
#product_desc{padding: 20px}
.inner-container h2 {margin-left:20px}
.product-box__content h1 {font-size:26px}
.product-box__content .cost {font-size: 21px}
.desc-row {margin-top: 40px}
.price-box {background-color:#eaeafb;padding:20px;border-radius: 8px}
.product-box__content .cost span {font-weight: 600;font-size: 26px;display: block;width: 100%}
.price-box .btn-price {padding: 10px;width: 175px}
.bank-box {display: grid; grid-template-columns: 3fr 6fr 2fr}
.bank-ico {display: inline-block}
.pay-part .mt-1 {display: flex;align-items: center}
.bank-ico .wrap-icon-bank:not(:first-child) {margin-left: 10px}
.bank-box-wrap {margin-right: 20px}
.btn-bank {padding: 6px;width: 100%}
#count_product {width: 100%;height: 50px;display: block;font-size: 20px;padding-left: 10px;border-radius: 4px;border: 1px solid #eee}
.price-box .cost{display: flex;align-items: flex-end}
.mt-1 {margin-top: 10px}
.mt-2 {margin-top: 20px}
.event_stick {position: absolute;background-color: #ff0000;color: #fff;top: 0;right: 0;padding: 6px;border-radius: 6px;z-index: 10}
.product-code {text-align: right}
.product-menu .list li {display: inline-block;font-weight: 600;margin-bottom: 0;padding: 10px}
.product-menu .list li:hover {margin-bottom: -2px;border-bottom: 2px solid var(--color-blue)}
.product-menu .list li a {text-transform: uppercase}
.product-menu .list li a:hover {text-decoration: none}
.product-menu .list li a.active {color: var(--color-blue)}
.product-col .img {height: 210px;display: grid;justify-content: center;align-items: center}
.product-col .img img {width:100%;object-fit: contain;object-position: center;}
.product-col .name {cursor:pointer;min-height: 60px;font-size: 16px;word-break: break-all}
.product-col {flex-direction: column;position: relative;display: flex;padding: 15px;border-left: 1px solid var(--color-main-bg);transition: box-shadow 0.3s linear}
.product-col:hover {box-shadow: 0 2px 20px 0 rgba(50,50,50,0.15)}
.product-col .price {text-align: right;min-height: 49px;display: grid;align-items: end;}
.product-col .cost {font-size: 21px;font-weight: 600;}
.product-col .discount {text-decoration: line-through; font-size: 15px}
.availability .green {color: #015a01}
.availability .product-col-3 {margin-bottom: 10px}
#product-box-content h1 {margin:0}
#product-box-content h3 {margin-top: 30px;margin-bottom: 12px}
.delivery-type .icon {margin-right: 10px}
.product-img-list .owl-item img {max-height: 68px}
.wrap-char {position:relative;transition: all 0.3s;padding: 0 20px;background-color:#fff;column-count:2;column-gap:40px;height:270px;overflow:hidden}
.mb-40{margin-bottom: 40px}
.frst-up span:first-letter, h3.frst-up:first-letter {text-transform: uppercase}
.char-box:hover {background-color: #F4F4F8;border-radius: 6px;}
.char-box {display: grid; grid-template-columns: 50% 50%;padding: 8px; border-bottom: 1px solid #eee}
.char-box .val {text-align: right}
.comment-form input:focus + label, .comment-form input:valid + label, .comment-form textarea:focus + label, .comment-form textarea:valid + label{font-size: 12px;color: #9eb0c7;top: -5px;left:10px;background: #ffffff;padding: 0px 5px 0px 5px;}
.input_wrap {width:auto; height:auto; position:relative}
.input_wrap label {font-size:16px;color: #576476;padding: 10px;position: absolute;top: 0;left: 0;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;pointer-events: none;}
input[type="text"]:focus, textarea {outline:none;}
.comment-form-btn .o-btn {padding: 6px 12px;letter-spacing: 0.5px}
.comment-form__title {font-weight: 600;font-size: 20px;text-align: center}
.field-validation-error {display: none}
.rating-stars {margin: 0;padding: 0;margin-bottom: 10px}
.rating-stars li {display: inline}
.wrap-comment-form {display: flex;justify-content: center;padding: 0 20px}
.comment-form {width: 600px;background-color: #fff}
.comment-form input, .comment-form textarea {width: 100%;height: 42px;border: none;border-radius: 4px;padding: 0 0 0 15px;font-size: 17px;margin-bottom: 15px;background-color: #f5f5f5}
.comment-form textarea {height: 120px;padding-top: 14px}
.product-main-char {font-size: 14px;margin-top: 20px;display: grid;column-gap: 20px;grid-template-columns: 1fr}
.product-main-char .values {display: grid;grid-template-columns: 2fr 1fr;margin-bottom: 6px;
    border-bottom: 1px dashed #a1a1a1;}
.product-main-char .values .name:first-letter {text-transform: uppercase}
.product-main-char .values .val {text-align: right}
.main-char-h3 {margin:15px 0 0 0}
.c-gap-15 {column-gap: 15px}
.wrap-arrow .relative .icon {animation-duration: 3s;animation-iteration-count: infinite;animation-name: bounce-3;animation-timing-function: ease}
@keyframes bounce-3 {
    0%   {transform: translateY(0)}
    30%  {transform: translateY(-10px)}
    50%  {transform: translateY(0)}
    100% {transform: translateY(0)}
}
.wrap-arrow .relative .sm-icon {position: absolute; top: -1px;left: 0;right: 0;margin-left: auto;margin-right: auto}
.wrap-arrow {
    cursor: pointer;
    width: 100%;
    height: 100px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0.303046218487395) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: grid;
    align-items: end;
}
.product-info-wrap .cost .main-price {font-size: 25px;font-weight: 600}
.product-img-list {
    display: flex;
    margin-left: 0;
    max-height: 100px;
}
.product-img-list {max-height: 100px !important;}
.product-img-list .item {
    padding: 4px;
}
.product-img-list li {
    display: flex;
    margin: 0 6px;
}
.d-flex, .display-flex, .page .listing__sidebar-col.selected-filters.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page .product-img__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 25px 0 20px;
}
.smooth-scroll {
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}
.page .product-img__list li, .page .product-img__list li a {
    text-align: center;
    width: 100%;
}
.page .product-img__list li {
    display: block;
    padding: 15px 10px;
    border-radius: 3px;
    cursor: pointer;
    max-width: 85px;
    max-height: 100px;
    -webkit-transition: .2s;
    transition: .2s;
}
.page .product-img__list li, .page .product-menu__card-review_static {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-info-wrap .cost {position: relative}
.product-img-list .owl-stage-outer, .product-img-list .owl-stage {max-height: 100px !important;}
.discount_price {position: absolute; top: 3px; left: 0px; color:#ff0000; text-decoration: line-through; font-size: 15px}

#list_review {margin-bottom: 40px; margin-top: 20px;padding:0!important;}
.review-wrap {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}
.review-wrap .rating-stars li {
    display:inline-block !important;
}
.review-wrap .name {font-size: 17px}
.review-wrap .star {text-align: right}
.review-wrap .title {font-weight: 600}
.review-wrap .comment {margin-bottom: 15px}
.review-wrap .plus, .review-wrap .minus {margin-bottom: 10px}
#list_review.owl-loaded {display: grid !important;}

.pr-6 {padding-right:6px !important;}
.pl-6 {padding-left:6px !important;}
.char-box .frst-up span{padding:10px 0 0 0;display: inline-block}
.char-box:hover{background-color: #F4F4F8 !important}
.char-box .frst-up {background-image: url('/site/img/icon/dotted.svg');background-repeat: repeat-x;background-position: bottom}