.product_grid{position:relative;box-sizing:border-box;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-gap:12px}@media screen and (max-width: 800px){.product_grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (max-width: 600px){.product_grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.product_grid .product_image{overflow:hidden}.product_grid .product_image a{display:grid;position:relative}.product_grid .item:hover .thongtin{transform:translateY(-15px)}.product_grid .data-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.7em;margin-top:15px;width:100%}.product_grid .data-list li{align-items:center;box-shadow:0 0 0 1px #d5d5d5;cursor:pointer;display:flex;justify-content:center;position:relative;white-space:nowrap;border-radius:30px;width:22px;height:22px}.product_grid .name{color:#333;font-size:19px;font-weight:600;margin-bottom:11px;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}@media screen and (max-width: 1024px){.product_grid .name{font-size:16px;margin-bottom:8px}}.product_grid .thongtin{font-weight:500;padding:6px 50px;border-radius:29px;border:0;color:#fff;text-transform:capitalize;font-size:13px;position:absolute;bottom:0px;left:0;padding-left:16px;padding-right:16px;z-index:10;width:100%;text-align:center;height:56px;overflow:hidden;transform:translateY(calc(98% - -36px));transition:all .3s ease-in-out}@media screen and (max-width: 1024px){.product_grid .thongtin{display:none}}.product_grid .thongtin a{font-weight:500;padding:12px 62px;border-radius:29px;border:0;color:#fff;text-transform:capitalize;font-size:14px;background:#202020;padding-left:16px;padding-right:16px;z-index:10;transition:all .3s ease-in-out;width:54%;line-height:1.3;margin-bottom:.1em;margin-top:.1em;display:inline-block}.product_grid .name_cat{opacity:5.7;font-weight:400;font-size:13px;color:#838383;text-transform:capitalize;letter-spacing:1px;margin-bottom:.1em;margin-top:.1em}.product_grid .product_image{position:relative}@media screen and (max-width: 1024px){.product_grid .product_image{margin-bottom:5px}}.product_grid .product_image img{border-radius:var(--radius-item)}.product_grid .product_image .price_discount{position:absolute;top:20px;left:20px;background:#CC4027;border-radius:3px;padding:5px 6px;font-size:11px;color:#fff;font-weight:500}.product_grid .itproduct__price .itproduct__price--current{font-size:18px;color:#cc4027;font-weight:700;white-space:nowrap;font-size:18px;display:inline-block}@media screen and (max-width: 1024px){.product_grid .itproduct__price .itproduct__price--current{font-size:17px}}.product_grid .itproduct__price .itproduct__price--old{font-size:14px;color:#333;font-weight:400;margin-right:.3em;opacity:.6;display:inline-block;text-decoration:line-through}.product_grid .product_grid--owl{position:relative;box-sizing:border-box;display:flex;align-items:center}.product_grid .product_grid--owl .owl-stage{display:flex;margin:1px 3px}.product_grid .hide{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;column-gap:20px;row-gap:20px}@media screen and (max-width: 600px){.product_grid .hide{column-gap:10px;row-gap:10px}}.product_grid .product_grid--list{display:flex;flex-wrap:wrap;align-items:normal;column-gap:20px;row-gap:20px}@media screen and (max-width: 914px){.product_grid .product_grid--list{column-gap:22px}}@media screen and (max-width: 650px){.product_grid .product_grid--list{column-gap:15px}}@media screen and (max-width: 450px){.product_grid .product_grid--list{column-gap:10px;row-gap:10px}}.product_grid .product_grid--list .product_grid__item{width:calc(100%/4 -  15px);height:auto}@media screen and (max-width: 1024px){.product_grid .product_grid--list .product_grid__item{width:calc(100%/3 -  13.3333px)}}@media screen and (max-width: 650px){.product_grid .product_grid--list .product_grid__item{width:calc(100%/2 -  7.5px)}}@media screen and (max-width: 450px){.product_grid .product_grid--list .product_grid__item{width:calc(100%/2 -  5px)}}@media screen and (max-width: 380px){.product_grid .product_grid--list .product_grid__item{width:100%}}.product_grid .product_grid--mb{width:100%;max-width:100%;position:unset;transform:unset;flex-wrap:nowrap !important;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}@media screen and (max-width: 450px){.product_grid .product_grid--mb{grid-column-gap:10px}}.product_grid .product_grid--mb .product_grid__item{scroll-snap-align:start;min-width:380px;max-width:400px;min-height:270px;width:calc(100% / 3 - 0px) !important}@media screen and (max-width: 768px){.product_grid .product_grid--mb .product_grid__item{min-width:300px}}@media screen and (max-width: 450px){.product_grid .product_grid--mb .product_grid__item{justify-content:start;max-width:55%;min-width:55%}}.product_grid .product_grid--mb::-webkit-scrollbar{display:none}.product_grid .product_grid__item:hover{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.product_grid .product_grid__item:hover .product_grid__item--image img{transform:scale(1.1)}@media screen and (max-width: 514px){.product_grid .product_grid__item:hover .product_grid__item--image img{transform:scale(1)}}.product_grid .product_grid__item{position:relative;box-sizing:border-box;border-radius:8px;overflow:hidden;transition:all 0.4s ease-in-out;background-color:#fff;width:calc(100%/4 -  15px);box-shadow:rgba(0,0,0,0.16) 0px 1px 4px}@media screen and (max-width: 1024px){.product_grid .product_grid__item{width:calc(100%/3 -  13.33px)}}@media screen and (max-width: 914px){.product_grid .product_grid__item{display:block}}@media screen and (max-width: 600px){.product_grid .product_grid__item{width:calc(100%/2 -  5px)}}@media screen and (max-width: 380px){.product_grid .product_grid__item{width:100%}}.product_grid .product_grid__item .product_grid__item--hotal{text-transform:uppercase;color:#fff;background-color:#ff0000;font-size:13px;font-weight:700;position:absolute;top:-4px;left:15px;display:flex;align-items:center;justify-content:center;padding:9px 5px;z-index:1}.product_grid .product_grid__item .product_grid__item--hotal:after{content:'';clip-path:polygon(0 0, 0% 100%, 100% 50%);width:20px;height:20px;background-color:#ff0000;position:absolute;bottom:-10px;left:0px}.product_grid .product_grid__item .product_grid__item--hotal:before{content:'';clip-path:polygon(100% 0, 100% 100%, 0 50%);width:20px;height:20px;background-color:#ff0000;position:absolute;bottom:-10px;right:0px}.product_grid .product_grid__item .product_grid__item--image{position:relative;box-sizing:border-box;margin:0px;padding:0px;overflow:hidden;transition:all 0.4s ease-in-out;order:1}@media screen and (max-width: 914px){.product_grid .product_grid__item .product_grid__item--image{width:100%;order:1}}.product_grid .product_grid__item .product_grid__item--image a{display:block;width:100%;height:auto}.product_grid .product_grid__item .product_grid__item--image img{width:100%;height:auto;vertical-align:middle;display:grid;transition:all 0.4s ease-in-out}.product_grid .product_grid__item .product_grid__item--desc{position:relative;box-sizing:border-box;padding-left:10px;padding-right:10px;order:2}.product_grid .product_grid__item .product_grid__item--desc .desc__main_ai{position:relative;box-sizing:border-box;height:80px}@media screen and (max-width: 1024px){.product_grid .product_grid__item .product_grid__item--desc .desc__main_ai{height:auto}}.product_grid .product_grid__item .product_grid__item--desc .desc__title{display:block;transition:all 0.4s ease-in-out;font-size:.9em;padding-top:1em;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (max-width: 1366px){.product_grid .product_grid__item .product_grid__item--desc .desc__title{font-size:17px}}@media screen and (max-width: 1024px){.product_grid .product_grid__item .product_grid__item--desc .desc__title{font-size:16px;-webkit-line-clamp:none}}@media screen and (max-width: 768px){.product_grid .product_grid__item .product_grid__item--desc .desc__title{font-size:15px}}@media screen and (max-width: 514px){.product_grid .product_grid__item .product_grid__item--desc .desc__title{font-size:14px}}.product_grid .product_grid__item .product_grid__item--desc .desc__title:hover{color:var(--main-color)}.product_grid .product_grid__item .desc__summary{margin-top:10px;font-size:14px;color:#6b6b6b;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (max-width: 514px){.product_grid .product_grid__item .desc__summary{font-size:13px}}.product_grid .product_grid__item .desc__price{display:flex;align-items:center;column-gap:8px;margin-top:10px;font-size:18px;line-height:24px;padding-bottom:1em}@media screen and (max-width: 1366px){.product_grid .product_grid__item .desc__price{font-size:17px}}@media screen and (max-width: 1024px){.product_grid .product_grid__item .desc__price{font-size:16px;line-height:1.5}}@media screen and (max-width: 768px){.product_grid .product_grid__item .desc__price{font-size:15px;margin-top:5px}}@media screen and (max-width: 514px){.product_grid .product_grid__item .desc__price{font-size:14px}}.product_grid .product_grid__item .desc__price .desc__price--new{color:var(--sub-color);font-weight:700}.product_grid .product_grid__item .desc__price .desc__price--old{font-size:14px;text-decoration-line:line-through}.product_grid .product_grid__item .desc__price .desc__price--discount{font-size:14px;color:#ff0000}.product_grid .product_grid__item .buy__pro{position:absolute;box-sizing:border-box;left:0px;bottom:15px;display:block}@media screen and (max-width: 1024px){.product_grid .product_grid__item .buy__pro{position:relative;bottom:0px;margin-top:30px}}.product_grid .product_grid__item .buy__pro .buy__pro--now{font-size:15px;background-color:transparent;color:#4b4b4b;cursor:pointer;border-radius:5px;padding:5px 16px;border:1px solid #4b4b4b;font-weight:inherit}@media screen and (max-width: 914px){.product_grid .product_grid__item .buy__pro .buy__pro--now{font-size:14px}}@media screen and (max-width: 514px){.product_grid .product_grid__item .buy__pro .buy__pro--now{font-size:13px}}.product_grid .product_grid__item .buy__pro .buy__pro--now:hover{transform:scale(1);background-color:#dbe5e0}.hover_item{position:relative;overflow:hidden}.hover_item img{display:block;width:100%;height:auto;transition:opacity 0.3s ease-in-out;position:relative;z-index:1}.hover_item .fade-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity 0.3s ease-in-out}
/*# sourceMappingURL=products.css.map */