.collection-grid{padding-top:60px;padding-bottom:30px;margin-bottom:20px}.collection-grid h1{font-size:36px;font-weight:600;margin-bottom:40px}.collection-filter__sort-filter{display:none}.collection-filter{display:flex;gap:20px;position:relative;margin-bottom:40px}.collection-filter__filter-by{height:66px;border:1px solid rgba(0,0,0,.2);background:#fff;padding:18px 40px;display:inline-flex;align-items:center;gap:10px;column-gap:10px}.collection-filter__filter-by span{font-family:Kanit;font-size:16px;font-weight:500;line-height:normal;letter-spacing:.48px;text-transform:uppercase;color:#000}.collection-filter__filter-by div{width:20px;height:1px;background-color:#000}.collection-filter__filter-by div svg{display:none}.custom-select select{display:none}.custom-select{display:flex;align-items:center;border:1px solid rgba(0,0,0,.2);height:66px;font-family:Kanit;font-size:16px;font-weight:500;line-height:normal;letter-spacing:.48px;text-transform:uppercase;color:#000;border-radius:0;width:154px;cursor:pointer}.select-selected{padding:18px 49px 18px 36px}.same-as-selected{color:#d70000}.select-items{position:absolute;top:100%;padding:40px;right:0;border:1px solid rgba(0,0,0,.2);background:#fff;visibility:visible;z-index:20;display:flex;flex-direction:column;gap:20px;font-weight:400;cursor:pointer;text-transform:none}.select-hide{display:none;visibility:hidden}.collection-filter__arrow{position:absolute;right:30px;top:30px;transform:rotate(180deg);z-index:0}.select-arrow-active .collection-filter__arrow{transform:rotate(0)}.collection-filter__main{flex:1;background:#f5f5f5;padding:14px}.collection-filter__list{display:flex;width:100%;justify-content:space-around;align-items:center}.collection-filter__item{display:flex;align-items:center;justify-content:center;color:#3d3d3d;font-family:Kanit;font-size:16px;font-weight:500;line-height:10px;letter-spacing:.48px;text-transform:uppercase;border:none;padding:14px 20px;background:transparent;position:relative}.collection-filter__item--active,.collection-filter__item:hover{background:#d70000;color:#fff}.collection-filter__separator{display:block;background:#d9d9d9;width:1px;height:20px}.main-product-grid{display:flex;column-gap:20px;row-gap:40px;flex-wrap:wrap}.main-product-grid__item{width:calc((100% - 60px)/4);display:flex;flex-direction:column}.collection-grid__load{margin-top:65px}.collection-grid__load.hidden{display:none}.collection-grid__load button{height:52px;font-size:16px;background-color:#000;font-family:Kanit;font-weight:600;line-height:1.4;white-space:normal;margin-top:0;min-height:44px;min-width:224px}.main-product-grid__item--banner{width:calc(50% - 10px)}.main-product-grid__item--banner~.main-product-grid__item--banner{display:none}.collection-banner-new{position:relative;width:100%;height:100%}.collection-banner-new__info{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:33px;gap:33px;color:#fff;background:linear-gradient(180deg,#0000 67.62%,#000c),transparent 0px -202.246px / 100% 175.428% no-repeat}.collection-banner-new__info h3{margin-bottom:0;color:#fff;text-align:center;font-family:Kanit;font-size:32px;font-weight:500;line-height:21px;letter-spacing:.96px;text-transform:uppercase}.collection-banner-new__info a{font-family:Kanit;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.8px;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.collection-banner-new__info a:hover{color:#fff;text-decoration:none}.collection-filter__main--close{display:none;position:absolute;right:0;top:4px;padding:10px;justify-content:center;align-items:center}.filter-backdrop{display:block;opacity:0}.search-template .input-group__btn button{background-color:#d70000}.search-template .search__input{padding:0 10px}@media (max-width:1700px){.collection-filter__item{padding:14px 10px}}@media (max-width:1550px){.collection-filter__item{font-size:14px}}@media (max-width:1400px){.collection-filter__filter-by{display:none}}@media (max-width:1200px){.custom-select,.select-selected{width:100%}.filter-backdrop.active{opacity:1;transition:opacity .3s ease-in-out;position:fixed;top:0;right:0;z-index:998;background-color:#00000080;height:100%;width:100%}.collection-filter__filter-by{display:flex;flex:1;max-width:calc((100% - 20px)/2);width:100%;justify-content:space-between}.collection-filter__sort{flex:1;max-width:calc((100% - 20px)/2);width:100%}.collection-filter__main{position:absolute;top:100%;max-width:calc(50% - 10px);width:100%;background-color:#fff;padding:0;opacity:0}.collection-filter__main.active{opacity:1;z-index:999}.collection-filter__sort-by select{width:100%}.collection-filter__main--close{display:inline-flex;z-index:11}.collection-filter__list{flex-direction:column;position:relative;padding:38px 10px 0;overflow:auto;height:349px;align-items:flex-start;justify-content:flex-start;box-shadow:0 2px 5px #666}.collection-filter__separator{display:none}.collection-filter__item{font-size:12px;letter-spacing:.36px;width:100%;justify-content:flex-start}.collection-filter__item:not(:last-child){border-bottom:1px solid #D9D9D9}.collection-filter__filter-by div{width:auto;height:auto;background-color:transparent}.collection-filter__filter-by div svg{display:block}.main-product-grid__item{width:calc((100% - 40px) / 3)}.main-product-grid__item--banner{width:calc(66% - 10px)}}@media (max-width:767px){.collection-grid{overflow:inherit}.select-selected{padding:0 20px;width:100%}.collection-filter__arrow{right:20px;top:16px}.custom-select{width:100%;height:40px}.select-items{padding:20px}.collection-grid__sort-filter{display:block}.collection-filter__main{max-width:370px}.main-product-grid{gap:10px;row-gap:20px}.main-product-grid__item{width:calc((100% - 10px)/2)}.main-product-grid__item--banner{width:100%;height:70vw}.collection-grid{padding-top:20px;padding-bottom:0}.collection-grid h1,.collection-banner-new__info h3{font-size:20px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:.6px;text-transform:uppercase;margin-bottom:20px}.collection-banner-new__info a{font-size:12px}.collection-banner-new__info h3{margin-bottom:0}.collection-filter{margin-bottom:20px;gap:10px}.collection-banner-new__info{gap:10px;padding:20px}.collection-filter__filter-by,.collection-filter__sort-by select{background-position:right 10px center;padding:18px 20px;height:40px;font-size:12px}.collection-filter__sort,.collection-filter__filter-by{max-width:calc((100% - 10px)/2)}.collection-filter__filter-by span{line-height:9px}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/collection-grid-AW.css.map */
