.product_grid{display:flex;flex-wrap:wrap;margin:0px}.product_grid .item{float:left;box-sizing:border-box;position:relative;text-align:center;width:20%;padding:20px;margin-bottom:18px}.product_grid .item:hover{box-shadow:#64646f33 0px 7px 29px 0px}.product_grid .item:hover .arraw_right{opacity:1}@media screen and (max-width: 800px){.product_grid .item{width:calc(100% / 3)}}@media screen and (max-width: 500px){.product_grid .item{width:calc(100% / 2);padding:10px}}.product_grid .product_image{position:relative;text-align:center;margin:-10px}.product_grid .product_image img{width:100%;height:auto}.product_grid .arraw_right{position:absolute;bottom:10px;right:10px;opacity:0}.product_grid .arraw_right span{display:inline-block;background:var(--sub-color);border-radius:50%;width:30px;height:30px;text-align:center;padding-top:4px;box-sizing:border-box}.product_grid .arraw_right span svg{fill:#fff;width:22px;height:22px}.is_new,.is_promotion{border-radius:50%;text-align:center;text-transform:uppercase;display:inline-block;color:#fff;box-sizing:border-box;position:absolute;left:10px;top:10px;background:#fead00;font-size:11px;width:38px;height:38px;padding-top:10px;z-index:1}@media screen and (max-width: 500px){.is_new,.is_promotion{font-size:10px;width:32px;height:32px;padding-top:8px}}.is_promotion{background:var(--sub-color);left:48px}@media screen and (max-width: 500px){.is_promotion{left:42px}}.is_promotion_l0{left:10px !important}@media screen and (max-width: 500px){.is_promotion_l0{left:42px}}.frame_inner>h2,.frame_inner>h3,.frame_inner>.div_name{margin-top:20px;overflow:hidden;height:40px;text-align:left}@media all and (max-width: 500px){.frame_inner>h2,.frame_inner>h3,.frame_inner>.div_name{height:40px}}.frame_inner>h2 a:hover{color:var(--extra-color)}.frame_inner>h3 a:hover{color:var(--extra-color)}.product_grid .name{line-height:20px;font-weight:normal}.price_arae .price_current{color:var(--main-color);margin-top:9px;text-align:left}.price_arae .price_old{text-decoration:line-through;color:#888888;font-size:14px;font-weight:normal;text-align:left;margin-top:2px}.price_arae .price_old span{text-decoration:line-through}.df_list_product{position:relative;box-sizing:border-box;margin-top:30px}@media screen and (max-width: 768px){.df_list_product{margin-top:20px}}@media screen and (max-width: 480px){.df_list_product{margin-top:15px}}.df_list_product .relate_title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:48px}@media screen and (max-width: 1024px){.df_list_product .relate_title{font-size:22px;margin-bottom:40px}}@media screen and (max-width: 768px){.df_list_product .relate_title{font-size:20px;margin-bottom:30px}}@media screen and (max-width: 480px){.df_list_product .relate_title{font-size:18px;margin-bottom:20px}}.df_list_product .df_row{display:grid;grid-template-columns:repeat(5, 1fr);grid-column-gap:10px}@media screen and (max-width: 960px){.df_list_product .df_row{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 768px){.df_list_product .df_row{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 550px){.df_list_product .df_row{grid-template-columns:repeat(2, 1fr)}}.df_list_product .df_row .item{box-sizing:border-box;position:relative;overflow:hidden;transition:all 0.3s ease-in;margin-bottom:30px;padding-bottom:30px}@media screen and (max-width: 960px){.df_list_product .df_row .item{margin-bottom:25px;padding-bottom:25px}}@media screen and (max-width: 768px){.df_list_product .df_row .item{margin-bottom:20px;padding-bottom:20px}}@media screen and (max-width: 550px){.df_list_product .df_row .item{margin-bottom:15px;padding-bottom:15px}}@media screen and (max-width: 420px){.df_list_product .df_row .item{margin-bottom:10px;padding-bottom:10px}}.df_list_product .df_row .item:hover{box-shadow:rgba(50,50,93,0.25) 0px 6px 12px -2px,rgba(0,0,0,0.3) 0px 3px 7px -3px}.df_list_product .df_row .item:hover figure .buttons .compare_bt{transform:translate(0px, 0)}.df_list_product .df_row .item figure{position:relative;text-align:center;overflow:hidden;margin-bottom:15px;padding-top:30px}@media screen and (max-width: 768px){.df_list_product .df_row .item figure{padding-top:15px;margin-bottom:10px}}@media screen and (max-width: 480px){.df_list_product .df_row .item figure{padding-top:5px}}.df_list_product .df_row .item figure .figure_image{position:relative;display:block;vertical-align:middle}.df_list_product .df_row .item figure .figure_image img{width:100%;height:auto}.df_list_product .df_row .item figure .discount{background:var(--check-color);color:#FFFFFF;position:absolute;top:-10px;left:10px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.df_list_product .df_row .item .desc{display:block;padding:0px 15px;box-sizing:border-box}@media screen and (max-width: 768px){.df_list_product .df_row .item .desc{padding:0px 10px}}@media screen and (max-width: 480px){.df_list_product .df_row .item .desc{padding:0px 0px}}.df_list_product .df_row .item .desc .title{color:#333333;line-height:20px;transition:all 0.3s ease-in;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.df_list_product .df_row .item .desc .title:hover{color:var(--main-color)}.df_list_product .df_row .item .desc .price_arae{position:relative;margin-top:18px}@media screen and (max-width: 768px){.df_list_product .df_row .item .desc .price_arae{margin-top:15px}}@media screen and (max-width: 480px){.df_list_product .df_row .item .desc .price_arae{margin-top:10px}}.df_list_product .df_row .item .desc .price_arae .price_current{color:var(--check-color);font-size:18px;font-weight:bold;display:inline-flex}@media screen and (max-width: 768px){.df_list_product .df_row .item .desc .price_arae .price_current{font-size:17px}}@media screen and (max-width: 480px){.df_list_product .df_row .item .desc .price_arae .price_current{font-size:16px}}.df_list_product .df_row .item .desc .price_arae .price_orion{color:#777;font-size:12px;font-weight:normal;display:inline-flex;margin-top:5px}@media screen and (max-width: 620px){.df_list_product .df_row .item .desc .price_arae .price_orion{display:block}}.df_list_product .df_row .item .desc .price_arae .price_orion .discount_price{background-color:var(--check-color);color:#fff;font-size:10px;font-weight:bold;border-radius:3px;padding:0px 10px;margin-right:5px}@media screen and (max-width: 620px){.df_list_product .df_row .item .desc .price_arae .price_orion .discount_price{text-align:center}}.df_list_product .df_row .item .desc .price_arae .price_orion .price_old{text-decoration:line-through}@media screen and (max-width: 620px){.df_list_product .df_row .item .desc .price_arae .price_orion .price_old{text-align:center}}.df_list_product .df_row .item .desc .price_arae .addtext{font-size:12px;margin-top:15px}.buttons{position:absolute;right:10px;top:15px}.favourite_bt,.compare_bt{border:1px solid var(--check-color);width:28px;display:inline-block;text-align:center;height:28px;border-radius:3px;line-height:26px;float:right;margin-left:6px;transform:translate(100px, 0);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;background-color:var(--check-color);color:#fff}.favourite_bt:before,.compare_bt:before{background-repeat:no-repeat;content:"";width:18px;height:18px;position:absolute;top:5px;left:5px}.favourite_bt:before{background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="far" data-icon="heart" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-heart fa-w-16"><path fill="white" d="M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z" class=""></path></svg>');background-repeat:no-repeat}.compare_bt:before{background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="exchange" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-exchange fa-w-16"><path fill="white" d="M0 168v-16c0-13.255 10.745-24 24-24h381.97l-30.467-27.728c-9.815-9.289-10.03-24.846-.474-34.402l10.84-10.84c9.373-9.373 24.568-9.373 33.941 0l82.817 82.343c12.497 12.497 12.497 32.758 0 45.255l-82.817 82.343c-9.373 9.373-24.569 9.373-33.941 0l-10.84-10.84c-9.556-9.556-9.341-25.114.474-34.402L405.97 192H24c-13.255 0-24-10.745-24-24zm488 152H106.03l30.467-27.728c9.815-9.289 10.03-24.846.474-34.402l-10.84-10.84c-9.373-9.373-24.568-9.373-33.941 0L9.373 329.373c-12.497 12.497-12.497 32.758 0 45.255l82.817 82.343c9.373 9.373 24.569 9.373 33.941 0l10.84-10.84c9.556-9.556 9.341-25.113-.474-34.402L106.03 384H488c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24z" class=""></path></svg>');background-repeat:no-repeat}
/*# sourceMappingURL=products.css.map */