section.productlist{width:100%;display:flex;background-color:#fff;position:relative;min-height:calc(100vh - 208px);align-items:flex-start}section.productlist .box{width:100%;display:flex;position:relative;flex-direction:column}section.productlist .box .top{width:100%;margin:90px 0 0}section.productlist .box .top .titleBox{width:100%;margin:0}section.productlist .box .top .titleBox .title{width:880px;margin:0 auto;font-weight:600;font-size:40px;line-height:44px;text-align:center;letter-spacing:-.06em;color:#202945}section.productlist .box .top .filterBox{display:flex;flex-direction:column;background:#f7f7f7;margin:40px 0 0;padding:20px 0 20px 30px;position:relative;transition:all .4s ease-in-out}section.productlist .box .top .filterBox .filters{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;flex-basis:100%}section.productlist .box .top .filterBox .filters li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:auto;margin:0 50px 0 0}section.productlist .box .top .filterBox .filters li a{font-weight:600;font-size:16px;line-height:19px;letter-spacing:-.03em;color:#202945;position:relative}section.productlist .box .top .filterBox .filters li a::after{content:"";display:inline-block;margin:6px 0 0 15px;vertical-align:top;filter:brightness(.1);background-image:url(../sprite/sprite.webp);background-position:-216px -40px;width:12px;height:8px;background-repeat:no-repeat;transition:transform .4s ease-in-out}section.productlist .box .top .filterBox .filtergroup#sortingfilter li.active a,section.productlist .box .top .filterBox .filters li a.active{color:#4597cb}section.productlist .box .top .filterBox .filters li a.active::after{right:0;top:calc(50% - 5px);transform:rotate(180deg);filter:unset;transition:transform .4s ease-in-out}section.productlist .box .top .filterBox .filters li:last-child{margin:0;align-items:flex-end;flex:1}section.productlist .box .top .filterBox .filters li:last-child a{padding:0 30px 0 10px;width:164px;text-align:right}section.productlist .box .top .filterBox .filtergroup{height:0;visibility:hidden;opacity:0;width:100%;transition:visibility 0s,opacity .5s linear}section.productlist .box .top .filterBox .filtergroup.active{flex-direction:row;flex-wrap:wrap;margin:39px 0 0;background:#f7f7f7;visibility:visible;opacity:1;z-index:2;display:flex;height:unset}section.productlist .box .top .filterBox .filtergroup li{width:227px;height:39px;flex-wrap:nowrap;margin:0 10px 10px 0;background:#fff;border:1px solid #d9d9d9;border-radius:3px;position:relative}section.productlist .box .top .filterBox .filtergroup li a{display:block;padding:11px 10px 11px 43px;font-weight:500;font-size:14px;line-height:17px;color:#202945;position:relative;white-space:nowrap}section.productlist .box .top .filterBox .filtergroup li a.price{text-align:right}section.productlist .box .top .filterBox .filtergroup li a.disabled{opacity:.3}section.productlist .box .top .filterBox .filtergroup li:nth-child(4n){margin:0 0 10px}section.productlist .box .top .filterBox .filtergroup li::before{content:"";position:absolute;display:block;top:7px;left:7px;background-image:url(../sprite/sprite.webp);background-position:-120px -140px;width:24px;height:24px;background-repeat:no-repeat;transition:transform .4s ease-in-out}section.productlist .box .top .filterBox .filtergroup li.active::before{background-image:url(../sprite/sprite.webp);background-position:-96px -140px;width:24px;height:24px}section.productlist .box .top .filterBox .filtergroup#shipfilter li{width:100px;min-width:-moz-min-content;min-width:min-content}section.productlist .box .top .filterBox .filtergroup#sortingfilter{flex-direction:column;align-items:flex-end;position:absolute;right:0;width:164px;padding:0;margin:0;top:59px}section.productlist .box .top .filterBox .filtergroup#sortingfilter li{width:100%;margin:0;border:0;background:0 0;height:40px;border-radius:unset}section.productlist .box .bottom .grid .grid-item a .product-container .product-image img,section.productlist .box .top .filterBox .filtergroup#sortingfilter li.active:before,section.productlist .box .top .filterBox .filtergroup#sortingfilter li:before{display:none}section.productlist .box .top .filterBox .filtergroup#sortingfilter li a{font-weight:600;padding:0 0 0 20px;line-height:40px;text-align:left}section.productlist .box .top .filterBox .filtergroup#sortingfilter li.active{background:#ececec}section.productlist .box .top .filterBox .sorting{position:absolute;top:20px;right:20px}section.productlist .box .top .filterBox .btnfilter{height:0;visibility:hidden;opacity:0;width:100%;transition:visibility 0s,opacity .5s linear}section.productlist .box .top .filterBox .btnfilter.active{visibility:visible;opacity:1;height:unset;z-index:2;display:flex;flex-direction:row;padding:20px 0 0;background:#f7f7f7;width:100%;flex-wrap:wrap;justify-content:flex-start;align-items:center}section.productlist .box .top .filterBox .btnfilter a{display:flex;position:relative}section.productlist .box .top .filterBox .btnfilter a:first-child{background:#202945;border-radius:3px;font-weight:500;font-size:18px;line-height:22px;color:#fff;padding:15px 48px 17px 50px}section.productlist .box .top .filterBox .btnfilter a:first-child::before{content:"";position:absolute;display:block;top:16px;left:21px;background-image:url(../sprite/sprite.webp);background-position:-165px -40px;width:20px;height:20px;background-repeat:no-repeat;transition:transform .4s ease-in-out}section.productlist .box .top .filterBox .btnfilter a:last-child{margin-left:20px;background:0 0;border-radius:3px;font-weight:600;font-size:16px;line-height:22px;letter-spacing:-.03em;color:#202945;padding:15px 28px 17px 26px}section.productlist .box .top .filterBox .btnfilter a:last-child::before{content:"";position:absolute;display:block;top:18px;left:0;background-image:url(../sprite/sprite.webp);background-position:-200px -40px;width:16px;height:16px;background-repeat:no-repeat;transition:transform .4s ease-in-out}section.productlist .box .bottom{display:flex;flex-direction:column}section.productlist .box .bottom .category-list,section.productlist .box .bottom .grid{width:100%;margin:40px 0;list-style:none;display:flex;justify-content:space-between;align-content:space-between;gap:30px;row-gap:30px;flex-wrap:wrap}section.productlist .box .bottom .grid .grid-item{display:flex;align-items:flex-start;justify-content:flex-start;margin:0 0 80px;flex-flow:row;width:calc(50% - 15px);position:relative;overflow:hidden}section.productlist .box .bottom .grid .grid-item.hidden{pointer-events:none;z-index:1;display:none}section.productlist .box .bottom .grid .grid-item a .product-container{display:flex;flex-direction:column;width:485px;height:480px;max-width:100%;overflow:hidden}section.productlist .box .bottom .grid .grid-item a .product-container .product-image{display:flex;width:485px;height:314px;max-width:100%;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}section.productlist .box .bottom .grid .grid-item a .product-container .product-details{display:flex;flex-direction:column;justify-content:start;width:485px;height:141px;position:relative;margin-top:25px;max-width:100%;overflow:hidden}section.productlist .box .bottom .grid .grid-item a .product-container .product-details h3{font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.03em;color:#202945}section.productlist .box .bottom .grid .grid-item a .product-container .product-details .product-category{margin-top:12px;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.03em;color:#202945}section.productlist .box .bottom .grid .grid-item a .product-container .product-details .product-info{margin-top:34px;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.03em;color:#202945}section.productlist .box .bottom .grid .grid-item a .product-container .product-details .product-price{margin-top:13px;font-weight:600;font-size:20px;line-height:24px;letter-spacing:-.03em;color:#202945}section.productlist .box .bottom .grid .grid-item a .product-container .product-details .product-btn{position:absolute;bottom:0;right:0;background:#202945;border-radius:3px;font-weight:500;padding:11px 28px;font-size:14px;line-height:17px;text-align:center;letter-spacing:.16em;color:#fff}section.productlist .box .bottom .category-list{margin:86px 0 60px;gap:10px;row-gap:20px}section.productlist .box .bottom .category-list li{display:flex;align-items:flex-start;justify-content:flex-start;height:600px;margin:0;flex-flow:row;width:calc(50% - 10px);position:relative}section.productlist .box .bottom .category-list li .bgImage{display:flex;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;top:0;left:0;overflow:hidden}section.productlist .box .bottom .category-list li .bgImage .titleBox{width:100%;margin:32px 38px 40px 39px;display:flex;flex-direction:column;align-items:flex-start;align-self:end}section.productlist .box .bottom .category-list li .bgImage .titleBox h3{width:100%;margin:0 0 22px;font-weight:600;font-size:40px;line-height:44px;letter-spacing:-.03em;color:#fff}section.productlist .box .bottom .category-list li .bgImage .titleBox .linkBox{display:inline-flex;padding:11px 27px;background:#202945;border-radius:3px;font-weight:500;font-size:14px;line-height:17px;text-align:center;letter-spacing:.16em;color:#fff}section.productlist .box .bottom .category-list li:nth-child(1){width:600px}section.productlist .box .bottom .category-list li:nth-child(1) .titleBox{align-self:start}section.productlist .box .bottom .category-list li:nth-child(2),section.productlist .box .bottom .category-list li:nth-child(3){width:380px}section.productlist .box .bottom .category-list li:nth-child(4){width:600px}section.productlist .box .bottom .noresult{display:none}section.productlist .box .bottom .noresult.active{display:flex;flex-direction:column;margin:0;align-items:center;justify-content:center;font-weight:600;font-size:16px;line-height:19px;text-align:center;letter-spacing:-.03em;color:#202945}section.productlist .box .bottom .noresult.active:before{content:"";background-image:url(../sprite/sprite.webp);background-position:-64px -76px;width:68px;height:60px;background-repeat:no-repeat;margin:0 0 20px;display:block}