.grid_item_product_main{margin-bottom:20px}.grid_item_product_main .image_thumb{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:0;overflow:hidden;height:200px;padding:10px;flex-flow:column;margin-bottom:16px;border:solid 1px #F2F2F2}.grid_item_product_main .image_thumb:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#333;opacity:0;transition:all 0.3s}.grid_item_product_main .image_thumb.saleicon:before{content:"-" attr(data-discount);height:20px;width:45px;background:var(--main-color);position:absolute;top:0;left:0;z-index:9;font-size:14px;line-height:1.2;color:#fff;font-weight:400;text-align:center;padding:2px 0}.grid_item_product_main .image_thumb img{max-width:100%;max-height:100%;width:auto !important;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition:all 0.5s}.grid_item_product_main .image_thumb img.loaded:not(.large){min-height:unset;width:auto !important;height:unset !important}.grid_item_product_main .group-option-item{display:flex;justify-content:space-between;bottom:10px;position:absolute;width:calc(100% - 20px);left:10px;transform:translateY(58px);transition:all 0.5s}.grid_item_product_main button{background:transparent;border:none;box-shadow:none}.grid_item_product_main .btn-views{position:relative;display:inline-block;height:48px;opacity:0;width:48px;background:var(--button-background);text-align:center;line-height:38px;border-radius:3px;z-index:99;border:solid 1px var(--main-color);transition:all 0.3s}.grid_item_product_main .btn-views:hover{background:var(--button-hover)}.grid_item_product_main .btn-views.fast-button{width:calc(100% - 10px - 48px);background:var(--button-hover);color:var(--button-color);margin-right:10px;font-weight:700}.grid_item_product_main .btn-views.fast-button:hover{background:var(--button-background)}.grid_item_product_main .btn-views.full-w{width:100%;font-weight:700;background:var(--button-hover);color:var(--button-color)}.grid_item_product_main .btn-views.full-w:hover{background:var(--button-background)}.grid_item_product_main .btn-views.quick-view{line-height:44px;bottom:calc(18% - 24px)}.grid_item_product_main .btn-views svg{stroke:var(--button-color);width:30px;height:27px;fill:none}.grid_item_product_main .btn-views.quick-view svg{fill:#333;height:25px;width:25px}.grid_item_product_main .product-name{text-align:center;font-family:var(--font-base);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.grid_item_product_main .product-name a{color:var(--text-color);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-word;-webkit-line-clamp:2}.grid_item_product_main .product-name a:hover{color:var(--hover-link)}.grid_item_product_main .product-name:hover{color:var(--hover-link)}.grid_item_product_main .price-box{color:var(--price);line-height:23px;display:block;font-size:14px;font-weight:700;text-align:center;padding:0;color:var(--text-color);font-family:var(--font-base)}.grid_item_product_main .price-box .compare-price{font-size:13px;line-height:17px;font-weight:300;display:inline-block;text-decoration:line-through;color:#8C8C8C;margin-right:10px}@media (max-width: 991px){.grid_item_product_main .price-box{font-size:small !important;padding-right:0}.grid_item_product_main .price-box .compare-price{line-height:1;font-size:11px}}.grid_item_product_main:hover .group-option-item{transform:translateY(0);z-index:10}.grid_item_product_main:hover .btn-views{opacity:1}.grid_item_product_main:hover .image_thumb:after{opacity:0.7;z-index:8}@media (max-width: 991px){.grid_item_product_main .group-option-item,.grid_item_product_main .btn-views{display:none}.grid_item_product_main .image_thumb:after{content:none}}.swatch{margin-bottom:10px}.swatch .options-title{margin-bottom:5px;text-align:left;float:none;min-width:100px;font-weight:400;font-size:14px}.swatch .options-title span{font-weight:bold;color:var(--price)}.swatch input{display:none}.swatch label{float:left;min-width:35px !important;height:30px !important;margin:0;border:1px solid #f4f4f4;background-color:#fff;font-size:em(13px);text-align:center;line-height:27px;white-space:nowrap;font-weight:500;padding:0;border-radius:3px}.swatch-element label{padding:0 5px 0 5px;position:relative}.swatch-element label .img-check{display:none}.color.swatch-element label{padding:0;padding-left:0;padding-right:0px;min-width:35px !important;height:35px !important;padding:0 10px 0 40px;background-position:center left !important;background-size:35px !important;font-weight:400;font-size:14px;line-height:32px}.color.swatch-element label img:not(.crossed-out){width:32px;height:32px;border-radius:3px}.swatch .swatch-element.color.has-img label{background-color:transparent !important}.swatch input:checked+label{background:transparent;color:var(--main-color);border:1px solid var(--main-color)}.swatch input:checked+label .img-check{display:inline-block;position:absolute;bottom:0;right:0}.swatch .color input:checked+label{position:relative}.swatch .color input:checked+label:after{content:"\f00c";font-family:FontAwesome;display:none}.swatch .color .has-thumb{position:relative}.swatch .color .has-thumb .ant-swatch{max-height:32px;position:relative;top:0;left:-3px}@media (max-width: 767px){.swatch .color .has-thumb .ant-swatch{top:-2px}}.swatch .swatch-element{float:left;-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;margin:0px 5px 5px 0;position:relative}.crossed-out{position:absolute;width:100%;height:100%;left:0;top:0}.swatch .swatch-element .crossed-out{display:none}.swatch .swatch-element.soldout .crossed-out{display:block}.swatch .swatch-element.soldout label{filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6}.swatch.error{background-color:#E8D2D2 !important;color:#333 !important;padding:1em;border-radius:5px}.swatch.error p{margin:0.7em 0}.swatch.error p:first-child{margin-top:0}.swatch.error p:last-child{margin-bottom:0}.swatch.error code{font-family:monospace}.base-modal{padding:0px}@media (max-width: 767px){.base-modal{width:100%}}.base-modal .header-modal{display:block;width:100%;padding:10px;background:var(--main-color);background:linear-gradient(to right, var(--main-color), var(--main-color));color:#fff;text-transform:uppercase;position:relative}.base-modal .header-modal h4{margin:0;padding:0 30px 0 0;font-size:14px}.base-modal .close-modal{position:absolute;top:8px;right:10px;cursor:pointer}.base-modal .close-modal svg{width:15px;height:15px;transition:transform 0.3s;fill:#fff}.base-modal .close-modal svg path{fill:#fff}.base-modal .close-modal:hover svg{transform:rotate(90deg)}.base-modal .content-modal{padding:10px}.quickview-form{padding:20px}.close-button{position:absolute;top:0;right:0;z-index:2;cursor:pointer}.close-button svg{width:30px;height:30px}.close-button svg:hover path{stroke:var(--hover)}.detail-grid .product-image{overflow:hidden}.detail-grid .product-image .swiper-container{position:relative;display:block;border-radius:3px;height:363px;margin-bottom:15px}@media (max-width: 1024px){.detail-grid .product-image .swiper-container{height:304px}}@media (max-width: 991px){.detail-grid .product-image .swiper-container{height:272px}}@media (max-width: 767px){.detail-grid .product-image .swiper-container{height:350px}}@media (max-width: 668px){.detail-grid .product-image .swiper-container{height:350px}}@media (max-width: 569px){.detail-grid .product-image .swiper-container{height:350px}}@media (max-width: 480px){.detail-grid .product-image .swiper-container{height:415px}}@media (max-width: 376px){.detail-grid .product-image .swiper-container{height:350px}}@media (max-width: 321px){.detail-grid .product-image .swiper-container{height:280px}}.detail-grid .product-image .swiper-container img{border-radius:5px;width:auto !important;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.detail-grid .swiper-pagination{position:absolute;bottom:35px;display:inline-block}.detail-grid .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;border-radius:12px;background:var(--button-hover);opacity:1}.detail-grid .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--button-color)}.detail-grid h3{color:var(--color-title-item-featured);font-family:var(--font-base);font-size:24px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin-bottom:15px}.detail-grid h3:hover a{color:var(--hover-link)}.detail-grid .prview{display:flex;margin-bottom:10px}.detail-grid .prview .sapo-product-reviews-badge{display:inline-block;margin-right:10px}.detail-grid .prview .sapo-product-reviews-badge .sapo-product-reviews-star i{font-size:14px}.detail-grid .prview span{color:var(--text-color);font-family:var(--font-base);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.detail-grid .box-variant{margin-bottom:15px;width:97%}@media (max-width: 991px){.detail-grid .box-variant{width:100%}}.detail-grid .box-variant select{border-color:#E0E0E0;width:100%;height:40px;color:#333333;font-size:14px;padding-left:10px;outline:none;border-radius:3px}@media (max-width: 767px){.detail-grid .box-variant select{width:100%}}.detail-grid .box-variant label{display:none;font-size:14px;font-weight:bold}.detail-grid .selector-wrapper{margin-bottom:10px}.detail-grid .service_product{display:inline-block;padding:10px 0 0 0;border-bottom:1px solid #E5E5E5}.detail-grid .service_product .info_servicea{width:50%;float:left;display:inline-block;margin-bottom:20px}@media (max-width: 767px){.detail-grid .service_product .info_servicea{width:100%}}.detail-grid .service_product .info_servicea .image{width:24px;margin-right:10px;float:left;height:24px}.detail-grid .service_product .info_servicea p{font-weight:400;font-size:14px;line-height:24px;color:#4F4F4F;margin:0;width:calc(100% - 35px);float:left}.detail-grid .service_product .info_servicea p:hover a{color:var(--hover-link)}.detail-grid .price-box{margin-bottom:24px}.detail-grid .price-box .price{font-size:26px;font-weight:bold;color:var(--price)}@media (max-width: 767px){.detail-grid .price-box .price{margin-bottom:0}}.detail-grid .price-box .compare-price{font-size:16px;font-weight:400;text-decoration:line-through;color:#8C8C8C;display:inline-block;margin-right:10px}.detail-grid .input-number-group{width:110px;float:left;height:50px;margin-right:10px;position:relative}@media (max-width: 767px){.detail-grid .input-number-group{margin-bottom:15px}}.detail-grid .input-number-group button{width:30px;height:50px;border:inherit;background-color:initial;font-size:25px;color:#333;padding:0;font-weight:400;float:left;border-radius:0;line-height:22px;position:absolute;z-index:1;right:0;top:0}.detail-grid .input-number-group button.btn-minus{bottom:2px;top:auto;right:initial}.detail-grid .input-number-group button:hover,.detail-grid .input-number-group button:focus{color:var(--button-color);box-shadow:none;outline:none}.detail-grid .input-number-group input{float:left;width:100%;height:50px;border:solid 1px #E0E0E0;border-radius:3px;color:#333;padding:0;text-align:center;font-size:14px;font-weight:600;min-height:unset;margin:0}.detail-grid .btn-mua{margin-top:15px}.detail-grid .btn-mua button{background:#fff;border:solid 1px #8C8C8C;color:#333;padding:0 20px 0;height:50px;line-height:48px;width:200px;border-radius:3px;text-align:center;cursor:pointer;font-size:17px;font-weight:bold;margin-right:0;align-items:center;justify-content:center;position:relative}.detail-grid .btn-mua button.btn-buy-now{box-shadow:none;outline:none;border-color:var(--button-hover);color:#fff;width:175px;height:50px;margin-left:6px;background:var(--button-hover);color:var(--button-color)}.detail-grid .btn-mua button.btn-buy-now:hover{background:var(--button-background)}@media (max-width: 1199px) and (min-width: 991px){.detail-grid .btn-mua button.btn-buy-now{width:125px}}@media (max-width: 767px){.detail-grid .btn-mua button.btn-buy-now{width:100%;margin-top:15px;margin-left:0}}.detail-grid .btn-mua button:disabled{padding:0 20px;cursor:default}.detail-grid .btn-mua button:disabled:hover{background:var(--main-color);border-color:var(--main-color);color:#fff}@media (min-width: 768px){.detail-grid .btn-mua button:hover,.detail-grid .btn-mua button:focus{box-shadow:none;outline:none;background:var(--button-hover);color:var(--button-color);border-color:var(--button-hover)}}.detail-grid .btn-mua span{display:inline-block;width:50px;height:50px;background:#ffffff;margin:-1px 15px -1px -1px;border:solid 1px var(--main-color);border-radius:6px 0 0 6px;position:absolute;left:0}.detail-grid .btn-mua span svg{width:30px;height:30px;fill:var(--main-color);margin:6px 0 0 0}@media (max-width: 767px){.detail-grid .btn-mua{width:100%}.detail-grid .btn-mua button{width:100%}}
