/*------------------------------------------------------------------------------*/
/* PRODUCT PAGE */
/*------------------------------------------------------------------------------*/
@keyframes spin {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-webkit-keyframes spin {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-moz-keyframes spin {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-o-keyframes spin {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-o-keyframes loading {
100% {
transform: translateX(100%); } }
@-moz-keyframes loading {
100% {
transform: translateX(100%); } }
@-webkit-keyframes loading {
100% {
transform: translateX(100%); } }
@keyframes loading {
100% {
transform: translateX(100%); } }
.fundiin__wrapper div[data-min-panel], .fundiin__wrapper div[data-max-panel] {
display: none !important; }
.productDetail-page .product-detail-wrapper .product-detail-main {
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail {
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left {
margin-bottom: 14px;
overflow: hidden;
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left img {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left .slick-slide img {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left .img-zoom {
/*cursor: zoom-in;*/ }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left .slider.slider-for:not(.slick-initialized) {
display: flex;
min-height: 85%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left .slider.slider-for:not(.slick-initialized) .item-large {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right {
overflow: hidden;
margin-bottom: 14px;
padding: 0 50px;
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav:not(.slick-initialized) {
display: flex;
justify-content: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav:not(.slick-initialized) .item-small {
-webkit-flex: 0 0 calc(100%/5);
flex: 0 0 calc(100%/5);
max-width: calc(100%/5); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .item-small {
outline: none;
margin: 0 4px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .item-small img {
cursor: pointer;
border: 1px solid #f5f5f5; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .item-small.is-nav-selected img {
border: 2px solid var(--maincolor);
border-radius: 3px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
top: calc(50% - 25px);
border-radius: 100%;
visibility: visible;
border: 1px solid transparent;
background: transparent;
opacity: 1;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.7);
transform: scale(0.7);
z-index: 1;
outline: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow.slick-disabled {
opacity: 0;
visibility: hidden; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow svg {
width: 25px;
height: 25px;
fill: var(--maincolor);
stroke: var(--maincolor); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow.slick-prev {
left: -50px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow.slick-next {
right: -50px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slick-arrow.slick-prev {
left: -50px;
/*
svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
*/ }
@media (min-width: 768px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new {
display: flex;
flex-direction: row-reverse;
gap: 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-left {
flex: 0 0 auto;
width: calc(75% - 10px);
margin: 0 auto 14px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right {
flex: 0 0 auto;
width: 10%;
padding: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav {
padding: 40px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav:not(.slick-initialized) {
flex-direction: column;
gap: 10px;
justify-content: flex-start; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav:not(.slick-initialized) .item-small {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav.slick-initialized .item-small {
margin: 0 4px 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav.slick-initialized .slick-arrow.slick-prev {
left: 0;
top: 0;
width: 100%;
height: 40px;
transform: scale(0.8); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav.slick-initialized .slick-arrow.slick-prev svg {
transform: rotate(90deg); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav.slick-initialized .slick-arrow.slick-next {
right: 0;
bottom: 0;
top: unset;
width: 100%;
height: 40px;
transform: scale(0.8); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery-new .product-gallery-col-right .slider.slider-nav.slick-initialized .slick-arrow.slick-next svg {
transform: rotate(90deg); } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-full-img {
text-align: center;
border: 1px solid #f5f5f5;
margin-bottom: 10px;
overflow: hidden; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery__zoom-notice {
display: none; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery__zoom-notice {
display: block;
margin: 6px 0 10px 0;
width: 100%;
text-align: center;
font-size: 15px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-gallery__zoom-notice svg {
width: 10px;
height: 10px;
margin-right: 14px;
vertical-align: baseline; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .btn-wishlist {
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
top: 5px;
right: 5px;
z-index: 6;
border-radius: 50%;
background: #f5f5f5; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .btn-wishlist button {
border: none;
background: transparent;
text-align: center;
color: #000;
padding: 0;
width: 50px;
height: 44px;
outline: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-share-social-list ul {
display: flex;
padding: 0;
list-style-type: none;
justify-content: center;
margin-top: 15px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-share-social-list ul li {
margin-right: 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-size-img {
/*position: absolute; bottom: 2%; left: 0; right: 0;*/
display: flex;
justify-content: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-size-img > div {
width: fit-content; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-size-img > div div {
display: -webkit-flex;
display: flex;
justify-content: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .product-size-img > div div span {
flex: 0 0 auto;
width: calc(100% / 3);
text-align: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .limit-stock-inventory {
text-align: center;
color: red;
font-weight: bold;
font-size: 16px;
display: block;
width: 100%;
margin: 30px 0 0 0; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .limit-stock-inventory {
display: none; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery .inner-box-content-detail {
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery a.try-on {
position: absolute;
left: 50%;
top: 10px;
z-index: 3;
display: -webkit-flex;
display: flex;
gap: 5px;
border: 1px solid #000;
padding: 0 15px;
height: 40px;
border-radius: 20px;
align-items: center;
text-transform: uppercase;
font-weight: 700;
font-family: 'Montserrat-Bold'; }
@media (max-width: 767px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__gallery a.try-on {
left: unset;
right: 15px; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .inner-box-content-detail .header-block {
font-size: 12px;
white-space: nowrap; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-box--top {
padding: 8px;
background: #f9f9f9;
border-radius: 2px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-size: 12px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .product-vendor a {
display: inline-flex;
align-items: center;
font-weight: 600;
text-decoration: underline;
color: #011e60; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating {
line-height: 1;
position: relative;
white-space: nowrap;
display: inline-block;
align-items: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating .rating {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 1;
overflow: hidden;
line-height: 1;
margin: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating .icon {
display: inline-block;
margin: 0 1px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating .icon::before {
content: "";
background-size: contain;
display: block;
background-repeat: no-repeat;
width: 12px;
height: 12px;
background-color: #c2c7c9;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -10 511.99143 511' style='&%2310; fill: %23cccccc;&%2310;'%3E%3Cpath d='m510.652344 185.882812c-3.371094-10.367187-12.566406-17.707031-23.402344-18.6875l-147.796875-13.417968-58.410156-136.75c-4.3125-10.046875-14.125-16.53125-25.046875-16.53125s-20.738282 6.484375-25.023438 16.53125l-58.410156 136.75-147.820312 13.417968c-10.835938 1-20.011719 8.339844-23.402344 18.6875-3.371094 10.367188-.257813 21.738282 7.9375 28.925782l111.722656 97.964844-32.941406 145.085937c-2.410156 10.667969 1.730468 21.699219 10.582031 28.097656 4.757813 3.457031 10.347656 5.183594 15.957031 5.183594 4.820313 0 9.644532-1.28125 13.953125-3.859375l127.445313-76.203125 127.421875 76.203125c9.347656 5.585938 21.101562 5.074219 29.933593-1.324219 8.851563-6.398437 12.992188-17.429687 10.582032-28.097656l-32.941406-145.085937 111.722656-97.964844c8.191406-7.1875 11.308594-18.535156 7.9375-28.925782zm-252.203125 223.722657'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -10 511.99143 511' style='&%2310; fill: %23cccccc;&%2310;'%3E%3Cpath d='m510.652344 185.882812c-3.371094-10.367187-12.566406-17.707031-23.402344-18.6875l-147.796875-13.417968-58.410156-136.75c-4.3125-10.046875-14.125-16.53125-25.046875-16.53125s-20.738282 6.484375-25.023438 16.53125l-58.410156 136.75-147.820312 13.417968c-10.835938 1-20.011719 8.339844-23.402344 18.6875-3.371094 10.367188-.257813 21.738282 7.9375 28.925782l111.722656 97.964844-32.941406 145.085937c-2.410156 10.667969 1.730468 21.699219 10.582031 28.097656 4.757813 3.457031 10.347656 5.183594 15.957031 5.183594 4.820313 0 9.644532-1.28125 13.953125-3.859375l127.445313-76.203125 127.421875 76.203125c9.347656 5.585938 21.101562 5.074219 29.933593-1.324219 8.851563-6.398437 12.992188-17.429687 10.582032-28.097656l-32.941406-145.085937 111.722656-97.964844c8.191406-7.1875 11.308594-18.535156 7.9375-28.925782zm-252.203125 223.722657'/%3E%3C/svg%3E"); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating .icon.star-full::before {
background-color: #081d5f; }
@media (max-width: 1024px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top .hook-reviews .rating .icon:before {
width: 10px;
height: 10px; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title {
position: relative;
margin: 8px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title h1, .productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title h2 {
font-size: 16px;
line-height: 22px;
margin: 0;
font-weight: 500; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--bottom {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #e5e7e7;
font-size: 12px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--bottom .pro-meta--col {
display: inline-flex;
align-items: center;
column-gap: 4px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--bottom .pro-meta--col .title {
color: #777777; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--bottom .pro-meta--col .detail {
color: #011e60; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price {
display: flex;
align-items: center;
column-gap: 20px;
margin-bottom: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block {
display: flex;
flex-wrap: wrap;
column-gap: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block span.pro-price {
font-size: 20px;
color: #fd0808;
font-weight: bold; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block span.pro-sale {
display: inline-block;
margin-left: 20px;
color: #ec090b;
padding: 2px 6px;
background: #ec090b;
color: #fff;
border-radius: 4px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block del {
font-size: 14px;
color: #999; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block .pro-gift {
color: red;
padding-bottom: 15px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .detail-block .pro-gift.no-border {
border-bottom: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-price .number-sold {
margin-left: auto; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-app--fundiin {
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions {
display: flex;
gap: 16px 10px;
flex-direction: column;
position: relative;
padding: 16px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-quantity {
display: inline-flex;
align-items: center;
column-gap: 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-quantity .quantity-area {
display: inline-flex;
font-weight: 600;
border: 1px solid #e5e7e7;
background: #f9f9f9;
border-radius: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-quantity .quantity-area input {
border: none;
background: transparent; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-quantity .quantity-area #quantity {
height: 28px;
padding: 0;
text-align: center;
width: 60px;
border-left: none;
border-right: none;
border-radius: 1px;
outline: none;
-webkit-appearance: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-quantity .quantity-area .qty-btn {
cursor: pointer;
font-size: 16px;
outline: none;
height: 28px;
width: 28px;
text-align: center;
border-radius: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons {
display: flex;
flex-direction: column;
row-gap: 10px;
width: 100%; }
@media (max-width: 767px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons {
position: fixed;
z-index: 10;
left: 0;
bottom: 58px;
padding: 10px 10px 5px 10px;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px 0px inset; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click {
display: flex;
column-gap: 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
box-shadow: none;
padding: 10px;
line-height: 22px;
width: 100%;
background: #ef1010;
border: 1px solid #ef1010;
border-radius: 4px;
color: #ffffff;
outline: none;
-webkit-appearance: button;
cursor: pointer;
text-align: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#add-to-cart-mobile {
background: #011e60;
border-color: #011e60; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#add-to-cart-mobile {
order: 1; } }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#add-to-cart {
order: 2; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#add-to-cart svg {
vertical-align: -4px;
height: 20px;
width: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#add-to-cart[disabled] {
opacity: 0.8;
background: #ddd;
border: 1px solid #ddd;
cursor: not-allowed;
color: #000; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#contact-now-a {
background: #011e60;
border-color: #011e60; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button#contact-now-a {
display: none; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button.loading {
position: relative;
pointer-events: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .button.loading:after {
content: '';
border: 1px solid #ffffff;
border-top: 1px solid #000;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
position: absolute;
top: 1px;
left: 13px;
z-index: 0;
opacity: 1; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .btn-wishlist {
border: 1px solid #000;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 4px;
width: 50px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .btn-wishlist button {
padding: 0;
width: 100%;
height: 100%;
background: transparent;
border: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .btn-wishlist button#onAppWishList_btn_remove {
display: none !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .btn-wishlist.active button#onAppWishList_btn_remove {
display: inline-block !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--click .btn-wishlist.active button#onAppWishList_btn_add {
display: none !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--checkbox {
display: flex;
align-items: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .product-buttons--checkbox label {
color: #011e60;
margin-left: 10px;
font-weight: 600; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions .product-buttons .button.btn-contact {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
box-shadow: none;
padding: 10px;
line-height: 22px;
width: 100%;
background: #ef1010;
border: 1px solid #ef1010;
border-radius: 4px;
color: #ffffff;
outline: none;
-webkit-appearance: button;
cursor: pointer;
text-align: center; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions {
align-items: center;
flex-direction: row; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions.product-buttons-fix {
align-items: start;
flex-direction: column; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions.product-buttons-fix .product-buttons .product-buttons--click .button {
width: 50%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions.product-buttons-fix .product-buttons .product-buttons--click #onAppWishList_btn_wishlist {
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .limit-stock-inventory {
text-align: center;
color: red;
font-weight: bold;
font-size: 16px;
display: block;
width: 100%;
margin: 25px 0 20px 0; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .limit-stock-inventory {
display: none; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 1px solid #e5e7e7;
gap: 12px;
padding: 8px 0;
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy div {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy img {
width: 20px;
height: 20px;
margin-right: 8px; }
@media (min-width: 768px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy div {
width: calc(50% - 10px); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
background: #e5e7e7;
height: calc(100% - 32px);
width: 1px; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-options {
padding: 8px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo {
border-top: 1px solid #e5e7e7;
padding-top: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-header {
display: flex;
align-items: center;
column-gap: 10px;
margin-bottom: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-header h4 {
color: #e40019;
text-decoration: underline;
font-size: 14px;
margin-bottom: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-body {
padding: 12px;
border: 1px dashed #e40019; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-body ul {
margin-bottom: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-body strong {
color: #e40019; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo .box-body span {
color: #e40019;
font-weight: bold;
font-family: 'Montserrat-Bold', "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-box--bottom {
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note {
font-size: 12px;
display: flex;
flex-direction: column;
row-gap: 8px;
margin-bottom: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note * {
color: #011e60; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note a {
text-decoration: underline; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note > div {
display: flex;
flex-direction: row;
column-gap: 10px;
align-items: center; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note > div > span {
display: flex;
flex-direction: column; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note strong {
color: red;
font-weight: 600; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-box--top {
padding: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--top {
margin-bottom: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title {
margin: 16px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title h1, .productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-title h2 {
font-size: 18px;
line-height: 26px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-meta--bottom {
margin-bottom: 16px;
padding-bottom: 16px;
gap: 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-actions {
padding: 16px 0;
gap: 16px 10px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-policy {
padding: 16px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-options {
padding: 16px 40% 16px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-promo {
padding-top: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__info .product-note {
position: absolute;
z-index: 1;
right: 0;
top: 12px;
margin-bottom: 0; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content {
width: 100%;
border-top: 1px solid #e5e7e7;
row-gap: 16px;
padding: 16px 0 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content h2 {
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 30px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc {
display: flex;
flex-direction: column;
gap: 16px 0;
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info img {
width: 100%;
height: auto; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info table {
min-width: initial !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info * {
max-width: 100% !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info ul {
list-style: initial;
padding-left: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info ol {
list-style-type: decimal;
padding-left: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info ul ul {
list-style-type: circle; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info ul ul ul {
list-style-type: square; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info > hr:last-child {
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info a {
color: #007bff; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info a:hover {
color: #000; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .title svg {
display: none; } }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info {
margin-bottom: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
cursor: pointer;
padding: 20px 10px;
background: #e1e1e1; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .title svg {
width: 20px;
height: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .title.active ~ .content {
display: block; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .title.active svg {
transform: rotate(180deg); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .detail-info .content {
margin-top: 20px;
display: none; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .expandable-content:not(.expand) {
max-height: 400px;
overflow: hidden; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .expandable-trigger {
display: flex;
justify-content: center;
margin-top: 30px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .expandable-trigger button {
display: inline-block;
outline: none;
padding: 8px 20px;
border: 1px solid #e5e7e7;
border-radius: 4px;
background: #fbfbfb;
box-shadow: 0px 3px 7.28px 0.72px rgba(0, 0, 0, 0.05);
min-width: 200px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .expandable-trigger button span {
display: inline-block;
border-bottom: 1px solid #000; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul {
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.half {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 16px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.half div:first-child {
width: 20%;
font-weight: 300; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.half div:last-child {
width: calc(80% - 16px);
font-weight: 500; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.full {
margin-bottom: 8px;
font-size: 13px;
color: #7a7a7a;
font-weight: 400; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li div p {
margin-bottom: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table {
border: none !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr:nth-child(odd) {
background: #ECECEC; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr:nth-child(even) {
background: #ffffff; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr:nth-child(n+6) {
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr td {
padding: 16px;
border: none;
height: auto !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr td:first-child {
width: 40% !important;
padding-right: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr td:last-child {
width: 60% !important;
padding-left: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr td p {
margin-bottom: 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info table tr td p + p {
margin-top: 4px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content > h2 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
cursor: pointer; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content > h2 {
padding: 20px 10px;
background: #e1e1e1; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content > h2 svg {
width: 20px;
height: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content > h2.active ~ .content {
display: block; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content > h2.active svg {
transform: rotate(180deg); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .content {
display: none;
padding: 20px 0 0 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .content h2 {
text-decoration: none;
font-weight: 600;
text-transform: initial;
font-size: 14px;
margin-bottom: 15px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .content table {
width: 100%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content ~ .wrapper-content {
margin-top: 20px; }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content ~ .wrapper-content {
padding-top: 20px;
border-top: 1px solid gray; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq {
border-bottom: 1px solid #e0e0e0;
padding: 15px;
cursor: pointer; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq {
padding: 15px 0; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
position: relative; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq h2 {
margin: 0;
font-size: 16px;
line-height: 24px;
color: #2e2e2e; }
@media (max-width: 991px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq h2 {
font-size: 14px;
line-height: 20px;
padding-right: 25px; } }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq .collp {
position: absolute;
width: 24px;
height: 24px;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #72c3d5;
border-radius: 50%;
transition: 0.3s ease-in-out; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq .collp .inner {
position: relative;
width: 100%;
height: 100%;
display: inline-block; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq .collp .inner::before, .productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq .collp .inner::after {
position: absolute;
content: "";
height: 3px;
width: 24px;
background: white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
transition: 0.3s ease-in-out;
z-index: 10; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq .collp .inner::after {
transform: translate(-50%, -50%) scale(0.5) rotate(90deg); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq.active .collp .inner::after {
transform: translate(-50%, -50%) scale(0.5); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .head-item-fq.active ~ .content-item-fq {
display: block; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .content-item-fq {
background: #fff7f1;
border-radius: 10px;
padding: 20px;
margin: 15px 0 0 0;
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info .wrapper-content .list-qa .item-fq .content-item-fq ul {
list-style-type: inherit;
padding: 0 0 1rem 20px;
display: flex;
flex-direction: column;
gap: 8px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand {
width: 100%;
padding: 16px 0;
border-top: 1px solid #e5e7e7; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content * {
max-width: 100% !important; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content ul {
list-style: initial;
padding-left: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content ol {
list-style-type: decimal;
padding-left: 20px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content ul ul {
list-style-type: circle; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content ul ul ul {
list-style-type: square; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content > hr:last-child {
display: none; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content a {
color: #007bff; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content a:hover {
color: #000; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content img[src$=".svg"] {
max-height: 80px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .logo {
text-align: center;
margin-bottom: 30px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .expandable-trigger {
display: flex;
justify-content: center;
margin-top: 30px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .expandable-trigger button {
display: inline-block;
outline: none;
padding: 8px 20px;
border: 1px solid #e5e7e7;
border-radius: 4px;
background: #fbfbfb;
box-shadow: 0px 3px 7.28px 0.72px rgba(0, 0, 0, 0.05);
min-width: 200px; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .expandable-trigger button span {
display: inline-block;
border-bottom: 1px solid #000; }
@media (max-width: 1024px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.half div:first-child {
width: 35%;
font-weight: 300; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc .table-info ul li.half div:last-child {
width: calc(65% - 16px);
font-weight: 500; } }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content {
display: flex;
flex-wrap: wrap;
row-gap: 32px;
padding: 32px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__desc {
gap: 0 32px;
flex-direction: row; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand {
padding: 32px 0; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .box-content-detail__brand .content {
width: 70%;
margin: auto; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .product-description.detail-info {
flex: 0 0 auto;
width: calc(60% - 16px); }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .product-description.table-info {
flex: 0 0 auto;
width: 40%; }
.productDetail-page .product-detail-wrapper .box-content-detail.box-content-detail__content .product-description.table-info .sticky {
position: sticky;
top: 120px; } }
@media (min-width: 992px) {
.productDetail-page .product-detail-wrapper .product-content-wrap {
display: flex;
gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.productDetail-page .product-detail-wrapper .product-content-wrap .box-content-detail.box-content-detail__gallery {
flex: 0 0 auto;
width: calc(55% - 16px);
height: 100%; }
.productDetail-page .product-detail-wrapper .product-content-wrap .box-content-detail.box-content-detail__gallery .box-content-sticky {
position: relative;
position: -webkit-sticky;
position: sticky;
top: 50px;
margin-bottom: 0;
margin-top: 0;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out; }
.productDetail-page .product-detail-wrapper .product-content-wrap .box-content-detail.box-content-detail__info {
flex: 0 0 auto;
width: 40%; } }
.productDetail-page .section h2 {
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
font-size: 16px; }
.productDetail-page .section.section-policy {
background: #f9f9f9;
padding: 16px 0; }
.productDetail-page .section.section-policy .list-policy {
display: flex;
flex-direction: column;
gap: 16px; }
.productDetail-page .section.section-policy .box-policy {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px; }
.productDetail-page .section.section-policy .box-policy .box-text {
flex: 0 0 auto;
width: 100%;
font-size: 13px; }
.productDetail-page .section.section-policy .box-policy .box-text h4 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px; }
.productDetail-page .section.section-policy .box-policy .box-text ul {
margin-bottom: 0;
padding: 0; }
.productDetail-page .section.section-policy .box-policy .box-text ul li {
position: relative;
padding-left: 16px; }
.productDetail-page .section.section-policy .box-policy .box-text ul li + li {
margin-top: 4px; }
.productDetail-page .section.section-policy .box-policy .box-text ul li:before {
content: "";
position: absolute;
left: 0;
top: 10px;
height: 1px;
width: 10px;
background: #000; }
.productDetail-page .section.section-policy .box-policy .box-img {
flex: 0 0 auto;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center; }
.productDetail-page .section.section-policy .box-policy .box-img img {
width: 110px; }
.productDetail-page .section.section-policy .box-policy .list-step {
display: flex;
justify-content: space-between; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step {
flex: 0 0 auto;
width: calc(100%/4);
padding: 3px 8px;
position: relative;
text-align: center; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step:after, .productDetail-page .section.section-policy .box-policy .list-step .item-step:before {
content: "";
position: absolute;
top: 28px;
width: 50%;
height: 1px;
border: 1px dashed #b0b7ca; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step:after {
right: 0; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step:before {
left: 0; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step:first-child:before {
content: none; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step:last-child:after {
content: none; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step .num {
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 30px;
color: #fff;
background: #011e60;
margin: 10px auto;
position: relative;
z-index: 1; }
@media (max-width: 767px) {
.productDetail-page .section.section-policy .box-policy .list-step {
overflow-y: scroll; }
.productDetail-page .section.section-policy .box-policy .list-step::-webkit-scrollbar {
width: 0;
display: none; }
.productDetail-page .section.section-policy .box-policy .list-step .item-step {
flex: 0 0 auto;
width: 220px; } }
@media (min-width: 992px) {
.productDetail-page .section.section-policy {
padding: 32px 0; }
.productDetail-page .section.section-policy .list-policy {
flex-direction: row; }
.productDetail-page .section.section-policy .list-policy .col-left {
flex: 0 0 auto;
width: 35%; }
.productDetail-page .section.section-policy .list-policy .col-right {
flex: 0 0 auto;
width: 64%; }
.productDetail-page .section.section-policy .box-policy {
flex-direction: row; }
.productDetail-page .section.section-policy .box-policy .box-text {
width: calc(100% - 126px); }
.productDetail-page .section.section-policy .box-policy .box-text h4 {
font-size: 16px; }
.productDetail-page .section.section-policy .box-policy .box-img {
width: 110px; } }
@media (max-width: 991px) {
.productDetail-page .section.section-policy {
margin-top: 15px; } }
.productDetail-page .section.section-review {
padding: 32px 0; }
.productDetail-page .section.section-review .product-review {
position: relative; }
.productDetail-page .section.section-collection {
margin-bottom: 30px; }
.productDetail-page .section.section-collection > div > div {
margin: 30px 0 0;
padding-top: 30px;
border-top: 1px solid #e5e7e7; }
@media (max-width: 767px) {
.productDetail-page .section.section-collection .slick-track {
padding: 15px 0; } }
.zoomContainer .zoomLens {
width: 60px !important;
height: 60px !important;
cursor: zoom-in !important;
background-color: rgba(68, 68, 68, 0.2) !important;
border-radius: 3px !important;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
.zoomContainer .zoomWindow {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 3px; }
.product-rating--wrapper .btn-reviews--edit {
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #011e63;
background: #011e63;
color: #fff;
position: absolute;
top: 0;
right: 0;
outline: none; }
.product-rating--wrapper .product-reviews--header {
display: flex;
align-items: center;
gap: 16px;
padding: 24px 0; }
.product-rating--wrapper .product-reviews--header .product-reviews--left {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px; }
.product-rating--wrapper .product-reviews--header .product-reviews--right {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%; }
.product-rating--wrapper .product-reviews--header .product-reviews--number {
color: #ff001e; }
.product-rating--wrapper .product-reviews--header .product-reviews--number span {
display: block;
font-size: 36px;
font-weight: 600;
line-height: 36px; }
.product-rating--wrapper .product-reviews--header .product-reviews--star {
position: relative;
display: inline-block;
height: 15px; }
.product-rating--wrapper .product-reviews--header .product-reviews--star .star-rate {
height: 15px; }
.product-rating--wrapper .product-reviews--header .product-reviews--star .star-fill {
position: absolute;
top: 0px;
left: 0px;
right: 0;
overflow: hidden;
white-space: nowrap;
opacity: 1; }
.product-rating--wrapper .product-reviews--header .product-reviews--star span {
display: inline-block;
width: 15px;
height: 15px;
background-size: cover; }
.product-rating--wrapper .product-reviews--header .product-reviews--star span.ic-star {
background-image: url("data:image/svg+xml,"); }
.product-rating--wrapper .product-reviews--header .product-reviews--star span.ic-star-fill {
background-image: url("data:image/svg+xml,"); }
.product-rating--wrapper .product-reviews--header .product-reviews--sum {
display: flex;
align-items: center;
column-gap: 8px; }
.product-rating--wrapper .product-reviews--header .product-reviews--process {
width: 100%; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process {
display: flex;
align-items: center;
position: relative;
width: 100%; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process + .items-process {
margin-top: 8px; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isNumber {
display: inline-block;
position: relative;
padding-right: 20px;
width: 30px;
color: #b2b2b2; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isNumber:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 15px;
height: 15px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100%; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isProcess {
width: 100%;
display: flex;
height: 12px;
border-radius: 30px;
position: relative;
align-items: center;
justify-content: start;
margin: 0 0 0 17px; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isProcess .isBG {
background: #ECECEC;
width: 100%;
position: absolute;
height: 12px;
border-radius: 30px;
z-index: 1; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isProcess .isLoad {
background: #011e63;
height: 12px;
border-radius: 30px;
display: block;
z-index: 2; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isCount {
width: 10%;
text-align: right;
display: none; }
@media (max-width: 991px) {
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process .isCount {
display: none; }
.product-rating--wrapper .product-reviews--header .product-reviews--sum {
flex-wrap: wrap;
justify-content: center;
row-gap: 8px; } }
@media (max-width: 767px) {
.product-rating--wrapper .product-reviews--header {
display: block;
margin-bottom: 8px;
padding-bottom: 8px; }
.product-rating--wrapper .product-reviews--header .product-reviews--left {
max-width: 100%;
padding: 0 0 10px 0; }
.product-rating--wrapper .product-reviews--header .product-reviews--right {
max-width: 100%;
padding: 0; }
.product-rating--wrapper .product-reviews--header .product-reviews--process .items-process + .items-process {
margin-top: 4px; } }
@media (min-width: 992px) {
.product-rating--wrapper .product-reviews--header {
flex-direction: row-reverse;
justify-content: flex-end; } }
.product-rating--wrapper .product-reviews--footer .product-reviews--btn {
display: flex;
align-items: center;
justify-content: center; }
.product-rating--wrapper .product-reviews--footer .product-reviews--btn .btn-reviews--more {
display: inline-block;
outline: none;
padding: 8px 20px;
border: 1px solid #e5e7e7;
border-radius: 4px;
background: #fbfbfb;
box-shadow: 0px 3px 7.28px 0.72px rgba(0, 0, 0, 0.05);
min-width: 230px;
font-size: 14px; }
.product-rating--wrapper .product-reviews--body {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #ececec; }
.product-rating--wrapper .product-reviews--body .items-comment + .items-comment {
border-top: 1px solid #ECECEC;
padding-top: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-top {
display: flex;
align-items: center; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-top .items-comment-name {
font-weight: 600;
margin-right: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-top .items-comment-date {
color: #97999D; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-bottom {
display: flex;
flex-wrap: wrap; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left {
width: 100%; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left .items-comment-star {
display: flex; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left .items-comment-star .items-star {
margin-right: 5px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left .items-comment-star .items-star svg {
width: 10px;
height: 10px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left .items-comment-star .items-star.active path {
fill: #FDD835;
stroke: #FDD835; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right {
width: 100%;
padding: 2px 0 0 0; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-title {
display: flex;
margin: 0 0 10px 0; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-title .items-title {
border: 1px solid #E30019;
border-radius: 4px;
padding: 8px 10px;
background: #E30019;
color: #FFFFFF; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-title .items-title ~ .items-title {
margin: 0 0 0 10px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-content {
margin: 0 0 8px 0; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image {
display: flex;
overflow: auto;
margin-bottom: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image .items-comment-img {
border-radius: 4px;
border: 1px solid #ECECEC;
width: 50px;
height: 50px;
overflow: hidden;
position: relative; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image .items-comment-img a {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 4px;
display: flex;
align-items: center;
justify-content: center; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image .items-comment-img + .items-comment-img {
margin-left: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay {
margin-bottom: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay {
background: #ECECEC;
padding: 5px 10px;
border-radius: 4px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay ~ .items-replay {
margin-top: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay .items-replay-title {
display: flex;
align-items: center; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay .items-replay-title h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #E30019; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay .items-replay-title span {
margin-left: 5px;
color: #97999D; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay .items-replay-content {
margin-top: 8px; }
@media (min-width: 768px) {
.product-rating--wrapper .product-reviews--body {
margin-bottom: 16px;
padding-bottom: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment + .items-comment {
padding-top: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-top {
margin-bottom: 8px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left {
width: 22%; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left items-comment-star .items-star svg {
width: 16px;
height: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right {
width: 78%;
padding-left: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-content {
margin: 0 0 16px 0; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image {
margin-bottom: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-image .items-comment-img {
width: 64px;
height: 64px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay {
margin-bottom: 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay {
padding: 12px 16px; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right .items-comment-replay .items-replay ~ .items-replay {
margin-top: 16px; } }
@media (min-width: 992px) {
.product-rating--wrapper .product-reviews--body {
width: 70%; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-left {
width: 16%; }
.product-rating--wrapper .product-reviews--body .items-comment .items-comment-right {
width: 84%; } }
@media (min-width: 992px) {
.product-rating--wrapper {
width: 70%;
margin: auto; } }
.modal-customers-rating .modal-header {
border: none;
padding: 0; }
.modal-customers-rating .modal-header button {
box-shadow: none;
background: none;
outline: 0;
border: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
margin: 0;
padding: 10px; }
.modal-customers-rating .modal-body {
padding: 0; }
.cr-app {
width: 100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0 auto; }
.cr-app .cr-app--left {
flex: 0 0 auto;
background: var(--bg-coll-head);
padding: 15px;
width: 30%; }
.cr-app .cr-app--left .cr-img {
position: relative;
overflow: hidden;
padding-bottom: 100%; }
.cr-app .cr-app--left .cr-img img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%; }
.cr-app .cr-app--left .cr-name {
color: #fff;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-top: 15px; }
@media (max-width: 991px) {
.cr-app .cr-app--left {
width: 100%;
display: none; } }
.cr-app .cr-app--right {
flex: 0 0 auto;
background: #fff;
padding: 15px 0;
width: 70%; }
.cr-app .cr-app--right h3 {
font-weight: 400;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
padding: 0 50px 15px 15px;
border-bottom: 1px solid #ececec;
margin-bottom: 0; }
.cr-app .cr-app--right .cr-form > div {
padding: 14px 15px;
border-bottom: 1px solid #ececec;
position: relative; }
.cr-app .cr-app--right .cr-form > div.active:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid var(--bg-coll-head);
background: transparent;
left: 0;
top: 20px;
z-index: 2; }
@media (max-width: 991px) {
.cr-app .cr-app--right .cr-form > div.active:before {
display: none; } }
.cr-app .cr-app--right .cr-form > div:last-child {
border: none; }
.cr-app .cr-app--right .cr-form label {
margin-bottom: 0;
font-weight: 700;
font-size: 13px; }
.cr-app .cr-app--right .cr-form .cr-rating {
display: flex;
align-items: center; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels {
margin: 0 15px;
display: flex; }
@media (max-width: 991px) {
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels {
margin: 0;
width: 100%; } }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li {
flex: 0 0 auto;
width: 22px;
height: 22px; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li ~ li {
margin-left: 1px; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li.s1 label {
background: var(--bg-coll-head); }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li.s2 label {
background: var(--bg-coll-head); }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li.s3 label {
background: var(--bg-coll-head); }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li.s4 label {
background: var(--bg-coll-head); }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li.s5 label {
background: var(--bg-coll-head); }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li input {
display: none; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li label {
margin-bottom: 0;
background: #cfcfcf;
height: 100%;
border: none;
cursor: pointer;
width: 100%;
display: flex;
align-items: center;
justify-content: center; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li label svg {
width: 16px;
height: 16px; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li label svg path {
fill: #fff; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li:first-child label {
border-radius: 4px 0 0 4px; }
.cr-app .cr-app--right .cr-form .cr-rating .cr-levels li:last-child label {
border-radius: 0 4px 4px 0; }
@media (max-width: 991px) {
.cr-app .cr-app--right .cr-form .cr-rating {
flex-wrap: wrap; } }
.cr-app .cr-app--right .cr-form .cr-title label, .cr-app .cr-app--right .cr-form .cr-content label {
display: block; }
.cr-app .cr-app--right .cr-form .cr-title input, .cr-app .cr-app--right .cr-form .cr-title textarea, .cr-app .cr-app--right .cr-form .cr-content input, .cr-app .cr-app--right .cr-form .cr-content textarea {
resize: none;
margin: 12px 0 0;
border: 1px solid #ececec;
width: 100%;
font-size: 12px;
color: #111111;
background: #fff;
padding: 10px;
-webkit-border-radius: 4px;
border-radius: 4px;
outline: 0;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-o-transition: all linear .3s;
transition: all linear .3s; }
.cr-app .cr-app--right .cr-form .cr-title input::focus, .cr-app .cr-app--right .cr-form .cr-title textarea::focus, .cr-app .cr-app--right .cr-form .cr-content input::focus, .cr-app .cr-app--right .cr-form .cr-content textarea::focus {
border: 1px solid #111111; }
.cr-app .cr-app--right .cr-form .rate-show {
font-weight: 400;
font-size: 12px; }
@media (max-width: 991px) {
.cr-app .cr-app--right .cr-form .rate-show {
display: none; } }
.cr-app .cr-app--right .cr-form .rate-success {
position: absolute;
right: 15px;
top: 12px; }
.cr-app .cr-app--right .cr-form .rate-success span {
white-space: nowrap; }
.cr-app .cr-app--right .cr-form .rate-success img {
width: 22px;
height: 22px; }
.cr-app .cr-app--right .cr-form .rate-error {
position: absolute;
right: 15px;
top: 12px;
display: flex;
align-items: center;
border: 1px solid #ececec;
border-radius: 20px;
padding: 2px 2px 2px 6px;
background: #fff; }
.cr-app .cr-app--right .cr-form .rate-error span {
white-space: nowrap;
color: #E30019;
font-size: 12px; }
.cr-app .cr-app--right .cr-form .rate-error img {
width: 22px;
height: 22px;
margin-left: 5px; }
.cr-app .cr-app--right .cr-form .cr-list-default {
margin: 10px 0 0 0;
display: flex;
width: 100%;
flex-wrap: wrap; }
.cr-app .cr-app--right .cr-form .cr-list-default > span {
margin-bottom: 10px;
background: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
margin-right: 8px;
cursor: pointer;
border: 1px solid #ececec;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #333; }
.cr-app .cr-app--right .cr-form .cr-list-default > span img {
display: none;
width: 10px;
margin-left: 8px; }
.cr-app .cr-app--right .cr-form .cr-list-default > span.active {
border: 1px solid #111111; }
.cr-app .cr-app--right .cr-form .cr-list-default > span.active img {
display: block; }
.cr-app .cr-app--right .cr-form .cr-preview-img {
display: flex;
align-items: center;
height: 80px;
width: 80px;
border: 1px dashed #333333;
border-radius: 4px;
font-size: 12px;
text-align: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
font-weight: 400;
margin-right: 8px;
margin-bottom: 5px; }
.cr-app .cr-app--right .cr-form .cr-preview-img svg {
width: 28px;
height: 28px;
margin-bottom: 5px; }
.cr-app .cr-app--right .cr-form .preview-img {
display: flex; }
.cr-app .cr-app--right .cr-form .preview-img > figure {
width: 80px;
height: 80px;
position: relative;
z-index: 1;
border-radius: 4px;
overflow: hidden;
margin-bottom: 5px;
padding: 5px; }
.cr-app .cr-app--right .cr-form .preview-img > figure:before {
z-index: 2;
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
border-radius: 5px; }
.cr-app .cr-app--right .cr-form .preview-img > figure img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 85%;
height: 50%;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
-o-object-fit: contain;
object-fit: contain; }
.cr-app .cr-app--right .cr-form .preview-img > figure + figure {
margin-left: 8px; }
.cr-app .cr-app--right .cr-form .preview-img .remove-preview {
position: absolute;
z-index: 2;
right: 5px;
top: 5px;
border: 1px solid #fff;
border-radius: 50%;
padding: 1px;
width: 15px;
height: 15px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237:8384)'%3E%3Cpath d='M1.63024 22.153C1.84443 22.1535 2.05661 22.1116 2.25451 22.0297C2.45242 21.9478 2.63213 21.8274 2.78325 21.6756L11.0765 13.3824L19.3697 21.6756C19.5211 21.8271 19.7009 21.9472 19.8987 22.0291C20.0966 22.1111 20.3086 22.1532 20.5227 22.1532C20.7369 22.1532 20.9489 22.1111 21.1468 22.0291C21.3446 21.9472 21.5243 21.8271 21.6758 21.6756C21.8272 21.5242 21.9473 21.3445 22.0292 21.1466C22.1112 20.9488 22.1534 20.7368 22.1534 20.5226C22.1534 20.3085 22.1112 20.0965 22.0292 19.8986C21.9473 19.7008 21.8272 19.521 21.6758 19.3696L13.3825 11.0764L21.6758 2.78314C21.8272 2.63172 21.9473 2.45196 22.0292 2.25413C22.1112 2.05629 22.1534 1.84426 22.1534 1.63012C22.1534 1.41599 22.1112 1.20395 22.0292 1.00611C21.9473 0.80828 21.8272 0.628522 21.6758 0.477106C21.5243 0.32569 21.3446 0.205579 21.1468 0.123633C20.9489 0.0416876 20.7369 -0.000488281 20.5227 -0.000488281C20.3086 -0.000488281 20.0966 0.0416876 19.8987 0.123633C19.7009 0.205579 19.5211 0.32569 19.3697 0.477106L11.0765 8.77035L2.78325 0.477106C2.47745 0.171307 2.0627 -0.000488281 1.63024 -0.000488281C1.19777 -0.000488281 0.783018 0.171307 0.47722 0.477106C0.171421 0.782905 -0.000374696 1.19766 -0.000374696 1.63012C-0.000374696 2.06259 0.171421 2.47734 0.47722 2.78314L8.77046 11.0764L0.47722 19.3696C0.249135 19.5976 0.093799 19.8882 0.0308603 20.2045C-0.0320784 20.5208 0.000207 20.8486 0.123635 21.1466C0.247063 21.4445 0.456088 21.6992 0.724267 21.8783C0.992445 22.0575 1.30773 22.153 1.63024 22.153Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237:8384'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-size: 55%;
background-repeat: no-repeat;
background-position: center; }
.cr-app .cr-app--right .cr-form .err-img {
margin-top: 10px; }
.cr-app .cr-app--right .cr-form .cr-actions {
text-align: right;
margin-top: 20px;
width: 100%; }
.cr-app .cr-app--right .cr-form .cr-actions button {
background: var(--maincolor);
color: #fff; }
.cr-app .cr-app--right .cr-form .cr-actions btn.disabled {
cursor: not-allowed;
pointer-events: none;
opacity: 0.7; }
@media (max-width: 991px) {
.cr-app .cr-app--right {
width: 100%; } }
#multistock .modal-header {
-ms-flex-align: center;
align-items: center;
border: none;
justify-content: center;
padding: 15px 10px; }
#multistock .modal-header h4 {
text-align: center;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 0; }
#multistock .modal-header .close {
outline: none;
padding: 0;
margin-top: 0;
height: 30px;
width: 30px;
opacity: 1;
text-shadow: none;
margin: 0;
border: none;
border-radius: 0;
position: absolute;
right: 10px;
top: 10px; }
#multistock .modal-header .close svg {
width: 18px;
height: 18px;
vertical-align: 0px; }
#multistock .modal-body .inventory-location-box {
margin-top: 0px;
margin-bottom: 0px;
background: #fff;
border-radius: 5px; }
#multistock .modal-body .inventory-location-box.data ul {
padding: 0 15px 0 0;
margin: 10px 0;
max-height: 300px;
overflow: hidden;
overflow-y: scroll; }
#multistock .modal-body .inventory-location-box.data ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 15px;
background-color: #F5F5F5; }
#multistock .modal-body .inventory-location-box.data ul::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5; }
#multistock .modal-body .inventory-location-box.data ul::-webkit-scrollbar-thumb {
border-radius: 15px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555; }
#multistock .modal-body .inventory-location-box.data ul li > div {
margin-bottom: 5px; }
#multistock .modal-body .inventory-location-box.data ul li > div > span {
margin-right: 10px;
font-weight: 500; }
#multistock .modal-body .inventory-location-box.data ul li .bold-light {
font-weight: 600;
display: block;
font-size: 14px;
text-transform: uppercase; }
#multistock .modal-body .inventory-location-box.data ul li .desc {
font-size: 13px; }
#multistock .modal-body .inventory-location-box.data ul li .status:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
display: inline-block; }
#multistock .modal-body .inventory-location-box.data ul li .status.green:before {
background: #008000; }
#multistock .modal-body .inventory-location-box.data ul li .status.red:before {
background: #fd0808; }
#multistock .modal-body .inventory-location-box.data ul li .linkchat {
display: inline-block;
margin-left: 10px; }
#multistock .modal-body .inventory-location-box.data ul li .linkchat a {
text-decoration: underline;
color: #e78d14; }
#multistock .modal-body .inventory-location-box.error {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
color: #F06455;
border: 1px dashed #f88d81; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li {
display: block;
position: relative;
float: left;
width: 100%;
padding: 10px;
border-bottom: 1px solid #f5f5f5; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li:first-child {
border-top: 1px solid #f5f5f5; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li:last-child {
margin-bottom: 0px; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li input[type=radio] {
position: absolute;
visibility: hidden; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li label {
position: relative;
font-weight: normal;
font-size: 13px;
padding: 0 0 0 25px;
margin: 4px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li .check {
display: block;
position: absolute;
border: 1px solid #AAAAAA;
border-radius: 100%;
height: 16px;
width: 16px;
top: 5px;
left: 0;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
background: #fff; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 8px;
width: 8px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear; }
#multistock .modal-body .inventory-location-box .inventory-location-ajax input[type=radio]:checked ~ .check::before {
background: #488be5; }
#popup_store .modal-header {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: center;
position: relative; }
#popup_store .modal-header h4 {
text-align: center;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 0;
font-weight: 600; }
#popup_store .modal-header .close {
outline: none;
height: 30px;
width: 30px;
opacity: 1;
text-shadow: none;
margin: auto 10px;
padding: 0;
border: none;
border-radius: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0; }
#popup_store .modal-header .close svg {
width: 18px;
height: 18px;
vertical-align: 0px; }
#popup_store .store_wrap .img_count_popup {
margin-bottom: 15px; }
#popup_store .store_wrap .img_count_popup iframe {
width: 100%; }
#popup_store .store_wrap .address-map h3 {
font-size: 14px;
color: #222;
padding: 5px 0 5px; }
#popup_store .store_wrap .address-map .change-quan, #popup_store .store_wrap .address-map .change-tinh {
width: 100%;
height: 30px;
border: 1px solid #d7d7d7;
color: #333;
text-indent: 5px;
font-size: 12px;
margin-bottom: 10px; }
#popup_store .store_wrap .address-map .address-cont {
height: 360px;
overflow-y: auto;
padding-right: 5px; }
#popup_store .store_wrap .address-map .address-cont::-webkit-scrollbar {
width: 2px;
height: 2px; }
#popup_store .store_wrap .address-map .address-cont::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px; }
#popup_store .store_wrap .address-map .address-cont::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(105, 105, 105, 0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
#popup_store .store_wrap .address-map .address-cont::-webkit-scrollbar-thumb:window-inactive {
background: rgba(105, 105, 105, 0.4); }
#popup_store .store_wrap .address-map .address-cont .address-detail {
margin-top: 7px; }
#popup_store .store_wrap .address-map .address-cont .address-detail ul li {
border-bottom: 1px solid #f5f5f5;
position: relative; }
#popup_store .store_wrap .address-map .address-cont .address-detail ul li:before {
content: "";
width: 7px;
height: 7px;
display: inline-block;
background: #ffc800;
margin-right: 10px;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 5px;
margin: auto; }
#popup_store .store_wrap .address-map .address-cont .address-detail ul li a {
display: block;
font-size: 12px;
line-height: 18px;
width: 100%;
padding: 6px 0;
box-sizing: border-box;
padding-left: 20px; }
#popup_store .store_wrap .address-map .address-cont .address-detail ul li.active {
background: #f90; }
#popup_store .store_wrap .address-map .address-cont .address-detail ul li.active a {
color: #fff;
background: #f90; }
#provinceStore {
width: 100%;
padding: 10px;
outline: none; }
.no-img--loading img {
visibility: hidden;
opacity: 0; }
.no-img--loading .aspect-ratio {
position: relative;
overflow: hidden;
padding-bottom: 100%;
background: #f3f3f3; }
.no-img--loading .aspect-ratio:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
transform: translateX(-100%);
animation: loading 1.5s infinite;
z-index: 1;
top: 0; }
.select-swatch {
display: flex;
flex-direction: column;
gap: 10px; }
.select-swatch .swatch {
display: flex;
align-items: center;
justify-content: space-between; }
.select-swatch .swatch input {
display: none; }
.select-swatch .swatch .select-swap {
gap: 8px 4px; }
.select-swatch .swatch .swatch-element.no-img--loading label {
background: #f3f3f3 !important;
border: none !important;
padding: 0 !important; }
.select-swatch .swatch.swatch-color .swatch-element.no-img--loading {
width: 30px;
height: 30px; }
.select-swatch .swatch:not(.swatch-color) .swatch-element.no-img--loading {
width: 20%; }
.select-swatch .swatch.swatch-style-name {
display: none; }
.select-swatch .header {
white-space: nowrap;
flex: 0 0 auto;
width: 90px; }
.select-swatch .select-swap {
align-content: center;
display: flex;
flex-wrap: wrap;
list-style: none;
flex: 0 0 auto;
width: calc(100% - 22%); }
.select-swatch .select-swap .swatch-element label {
cursor: pointer;
margin: 0; }
.select-swatch .select-swap .swatch-element.soldout {
pointer-events: none; }
.select-swatch .select-swap.select-swap--color .swatch-element {
display: inline-flex;
position: relative;
margin-right: 4px;
align-items: center;
cursor: pointer;
padding: 0 8px;
/*span { display: none; }*/
/*&.sd label, &:hover label {background: transparent;border: 1px solid #011e60;}*/ }
.select-swatch .select-swap.select-swap--color .swatch-element label {
min-width: 30px;
height: 30px;
padding: 4px;
line-height: 22px;
border-radius: 50%;
position: relative; }
.select-swatch .select-swap.select-swap--color .swatch-element label img {
border-radius: 50%;
border: 1px solid #c0bfbf;
height: 23px;
width: 23px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; }
.select-swatch .select-swap.select-swap--color .swatch-element.sd {
border: 2px solid #011e60;
border-radius: 5px; }
.select-swatch .select-swap.select-swap--color .swatch-element.soldout label {
overflow: hidden;
position: relative; }
.select-swatch .select-swap.select-swap--color .swatch-element.soldout label:before {
content: ' ';
display: block;
height: calc(100% - 2px);
left: 1px;
margin: 0;
position: absolute;
top: 1px;
width: calc(100% - 2px);
background: linear-gradient(to top left, transparent calc(50% - 1px), #000000, transparent calc(50% + 1px)); }
.select-swatch .select-swap.select-swap--color .swatch-element.soldout label:after {
content: "";
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
position: absolute;
border-radius: 2px;
border: 1px solid #000000; }
.select-swatch .select-swap.select-swap--color .swatch-element.soldout label.sd span:after {
content: none; }
@media (max-width: 767px) {
.select-swatch .select-swap.select-swap--color .swatch-element {
margin: 5px 8px 5px 0; } }
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
height: 30px; }
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element label {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 12px;
border: 1px solid #929292;
box-shadow: unset;
position: relative;
color: #011e60;
font-weight: 600;
padding: 0 10px;
border-radius: 5px; }
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element.sd label {
border: 2px solid #011e60; }
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element:not(.sd):hover label {
border: 2px solid #7f7776; }
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element.soldout label {
background: linear-gradient(to top right, #ffffff, #ffffff calc(50% - 0.8px), #929292, #ffffff calc(50% + 0.8px), #ffffff);
border-style: solid; }
@media (min-width: 768px) {
.select-swatch .select-swap.select-swap:not(.select-swap--color) .swatch-element {
height: 34px; } }
.select-swatch--auto .header {
width: 120px; }
.select-swatch--auto .select-swap {
flex: 0 0 auto;
width: calc(100% - 135px); }
@media (min-width: 568px) {
.select-swatch {
/*.header { width: 12%; }*/ }
.select-swatch .select-swap {
width: calc(100% - 100px); }
.select-swatch--auto .header {
width: 120px; }
.select-swatch--auto .select-swap {
width: calc(100% - 135px); } }
@media (max-width: 1399px) {
.select-swatch .swatch {
flex-wrap: wrap; }
.select-swatch .swatch .header, .select-swatch .swatch .select-swap {
width: 100%; }
.select-swatch .swatch .header {
margin-bottom: 10px; } }