.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}.wear-categories{box-sizing:border-box}@media screen and (max-width: 980px){.wear-categories{margin:0 auto;max-width:600px}}.wear-categories h1.wear-category-name{font-size:32px;font-weight:normal;letter-spacing:-0.64px;line-height:40px}.wear-categories h1.wear-category-name.has-border{padding-bottom:16px;border-bottom:1px solid #e0e0e0}.wear-categories ul.icon-list{display:flex;gap:8px}@media screen and (max-width: 980px){.wear-categories ul.icon-list{flex-wrap:wrap;margin-bottom:16px}}.wear-categories ul.icon-list li{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.wear-categories ul.icon-list li img,.wear-categories ul.icon-list li span.unmatched-icon{width:20px;height:20px}.wear-categories ul.icon-list li span.unmatched-icon{border-radius:10px;background-color:#e0e0e0}.wear-categories ul.icon-list li span{line-height:20px}@media screen and (max-width: 980px){.wear-categories ul.icon-list li img,.wear-categories ul.icon-list li span.unmatched-icon{width:16px;height:16px}.wear-categories ul.icon-list li span.unmatched-icon{border-radius:8px}.wear-categories ul.icon-list li span{line-height:16px;font-size:12px}}.wear-categories ul.category-links{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(1fr);gap:13px 0;padding-bottom:20px;border-bottom:1px solid #e0e0e0;margin-bottom:16px}@media screen and (max-width: 980px){.wear-categories ul.category-links{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(1fr)}}.wear-categories ul.category-links li a{font-size:14px;font-weight:bold;padding-bottom:2px;border-bottom:2px solid rgba(0,0,0,0)}.wear-categories ul.category-links li a.current{border-color:#000}.wear-categories div.category-sort-selector{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:16px}@media screen and (max-width: 980px){.wear-categories div.category-sort-selector{display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap}}.wear-categories div.category-sort-selector #api-parameters{width:100%}.wear-categories div.category-sort-selector-box{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.wear-categories div.category-sort-selector-box-order{display:flex;align-self:self-start}@media screen and (max-width: 980px){.wear-categories div.category-sort-selector-box{display:flex;flex-direction:column;gap:8px}}.wear-categories div.category-sort-selector-filter-conditions{background-color:#f4f4f4;padding:8px}.wear-categories div.category-sort-selector select[name=print_method]{cursor:pointer}.wear-categories div.category-sort-selector select[name=sort]{width:100px;cursor:pointer}.wear-categories .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)}}.wear-categories .load-animation.loading{display:inline-flex}.wear-categories .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}#category-sort-selector-box-filter{height:38px;background-color:#0d86ff;font-weight:bold;color:#fff;border-radius:5px;font-size:14px;padding:12px 16px;line-height:14px;cursor:pointer}.filter-modal-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}.filter-modal-wrapper.open{display:flex}.filter-modal-content{width:614px;background-color:#fff;padding:24px}@media screen and (max-width: 980px){.filter-modal-content{width:95%;max-height:90vh}}.filter-modal-content .label-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px}.filter-modal-content label{display:flex;align-items:center;margin-bottom:12px;cursor:pointer}.filter-modal-content label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;margin:0 8px 0 0;cursor:pointer;position:relative;flex-shrink:0;border-color:rgba(0,0,0,0.1215686275);background-color:rgba(0,0,0,0.1215686275)}.filter-modal-content label input[type=checkbox]::after{content:"";position:absolute;top:4px;left:8px;width:5px;height:10px;border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-modal-content label input[type=checkbox]:checked{border-color:#0d86ff;background-color:#0d86ff}.filter-modal-content label input[type=checkbox]:checked::after{content:"";position:absolute;top:4px;left:8px;width:5px;height:10px;border:2px solid #fff;border-width:0 2px 2px 0}.filter-modal-content label input[type=checkbox]:hover{border-color:#0d86ff}.filter-modal-content #filter-modal-clear{border:rgba(0,0,0,.16) 1px solid;border-radius:4px;padding:20px 24px;font-weight:bold}.filter-modal-content #filter-modal-clear:hover{opacity:.6}.filter-modal-content #filter-modal-exec{border:#ff860d 1px solid;background-color:#ff860d;color:#fff;border-radius:4px;padding:20px 24px;font-weight:bold}.filter-modal-content #filter-modal-exec:hover{opacity:.6}.sim-link{width:230px !important}
