.products-container{position:relative;counter-reset:ranking 0;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.products-container .product{position:relative;display:block;width:230px;height:auto;padding:8px;border:1px solid #e0e0e0}@media screen and (max-width: 980px){.products-container .product{width:min(100%,340px);margin:0 auto}}.products-container .product .ranking{position:absolute;top:8px;left:8px}.products-container .product .ranking::after{counter-increment:ranking;content:counter(ranking);position:absolute;top:50%;left:50%;color:#fff;white-space:nowrap;font-size:20px;transform:translate(-50%, -60%)}.products-container .product .ranking i{font-size:40px}.products-container .product:nth-of-type(-n + 3) .ranking .icon-banner{display:none}.products-container .product:nth-of-type(-n + 3) .ranking::after{transform:translate(-50%, -40%)}.products-container .product:nth-of-type(n + 4) .ranking .icon-ranking{display:none}.products-container .product:nth-of-type(n + 4) .ranking::after{transform:translate(-50%, -60%)}.products-container .product .ranking i{display:inline-flex;font-size:40px;margin:0;padding:0;color:#f39800}.products-container .product:nth-of-type(1) .ranking i.icon-ranking::before{color:#edc92f;background:-webkit-linear-gradient(#f7cf23, #f7a300);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.products-container .product:nth-of-type(2) .ranking i.icon-ranking::before{color:#bbbdbd;background:-webkit-linear-gradient(#bfc0c0, #809696);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.products-container .product:nth-of-type(3) .ranking i.icon-ranking::before{color:#bc9c77;background:-webkit-linear-gradient(#c1a37e, #a75f34);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.products-container .product-no1,.products-container .product-new{z-index:9;position:absolute;top:8px;left:8px}.products-container .product-no1 img,.products-container .product-new img{width:54px;height:auto}.products-container .product-brand{text-align:left;margin-bottom:2px}.products-container .product-name{font-size:12px}.products-container .product-description{font-size:12px;text-align:center}.products-container .product-category{font-size:16px;font-weight:bold;text-align:left;margin-bottom:16px;min-height:48px}.products-container .product-image{position:relative;text-align:center}.products-container .product-image img{display:block;width:100%}.products-container .product-image .overlay-bottom-left{position:absolute;bottom:4px;left:4px}.products-container .product-image .overlay-top-left{position:absolute;top:4px;left:4px}.products-container .product-image .discount-label{background-color:#c50000;color:#fff;width:fit-content;font-size:12px;font-weight:bold;padding:4px 12px;border-radius:4px}.products-container .product-sp-flex{position:relative}@media screen and (max-width: 980px){.products-container .product-sp-flex{display:grid;grid-template-columns:168px 1fr;justify-content:center;align-items:center;gap:8px}}.products-container .product-price-value{font-size:16px;font-weight:bold}.products-container .product-price-unit{font-size:12px}.products-container .product-price-unit br{display:none}@media screen and (max-width: 980px){.products-container .product-price-unit br{display:inline}}.products-container .product-price-established{font-size:12px;color:#727272;height:18px}.products-container .product-colors{flex:1;border:rgba(0,0,0,0.1215686275) 1px solid;border-radius:4px;padding:4px;text-align:center}.products-container .product-oz{flex:1;border:rgba(0,0,0,0.1215686275) 1px solid;border-radius:4px;padding:4px;text-align:center}.products-container .product.has-issue{position:relative;pointer-events:none;cursor:default;user-select:none}.products-container .product.has-issue div.issue-text{z-index:10;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;background-color:rgba(0,0,0,.5)}.products-container .product.has-issue div.issue-text>div{padding:12px;border-radius:4px;background-color:#fafafa}.products-container .product.has-issue div.issue-text>div p:first-of-type{text-align:center;font-size:18px;font-weight:bold;margin-bottom:2px}.products-container .product.has-issue div.issue-text>div p:last-of-type{font-size:12px;text-align:left;color:#727272}.load-animation{bottom:0;left:0;transform:translateY(100%);display:none;justify-content:center;align-items:center;width:100%;min-width:200px;min-height:100px;background-color:#fff;margin-bottom:60px}@keyframes spin{to{transform:rotate(360deg)}}.load-animation.loading{display:inline-flex}.load-animation>div{width:60px;height:60px;border-radius:50%;border:solid 4px;border-color:#000 rgba(0,0,0,.062745098) rgba(0,0,0,.062745098);position:relative;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}