#CollectionSection>.page-width{max-width:1370px; padding-top:25px;}
.collection-tabs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;margin-top:0;padding-bottom:18px; margin-bottom: 30px; border-bottom:1px solid #e6e6e6}
.custom-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:25px;min-width:0}
.custom-tab{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:30px;padding:3px 12px;border:1px solid #0f1737;border-radius:2px;background:transparent;color:#0f1737;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:15px;line-height:22px;font-weight:500;letter-spacing:.3px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.custom-tab:first-child{border-color:#0f1737;color:#0f1737}
.custom-tab:nth-child(2){border-color:#008289;color:#008289}
.custom-tab:nth-child(3){border-color:#a20067;color:#a20067}
.custom-tab.active,.custom-tab:first-child.active{background:#0f1737;color:#fff}
.custom-tab:nth-child(2).active{background:#008289;color:#fff}
.custom-tab:nth-child(3).active{background:#a20067;color:#fff}
.custom-tab:hover,.custom-tab:focus{background:#0f1737;color:#fff}
.custom-tab:nth-child(2):hover,.custom-tab:nth-child(2):focus{background:#008289;color:#fff}
.custom-tab:nth-child(3):hover,.custom-tab:nth-child(3):focus{background:#a20067;color:#fff}
.collection-tabs-toolbar .collection-filter{flex:0 0 auto;margin:0}
.collection-tabs-toolbar .collection-filter>.grid{display:flex;align-items:center;margin:0}
.collection-tabs-toolbar .collection-filter .grid__item{float:none;width:auto;padding:0}
.collection-tabs-toolbar .collection-filter .grid__item:first-child{display:none}
.collection-tabs-toolbar .collection-filter__item--sort{display:block!important;text-align:right}
.collection-tabs-toolbar .collection-filter select{display:inline-block;width:210px;max-width:100%;height:34px;margin:0;padding:5px 34px 5px 12px;border:0;border-radius:2px;background-color:#fff;background-position:right 12px center;color:#0f1737;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:13px;font-weight:300;line-height:20px;text-align:left;box-shadow:none;cursor:pointer}
.collection-tabs-toolbar .collection-filter select:hover{border:0}
.collection-tabs-toolbar .collection-filter select:focus{border:0;outline:0;box-shadow:none}
.collection-tabs-toolbar .collection-filter select option{padding:9px 12px;background:#fff;color:#0f1737;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:13px;font-weight:300;line-height:1.5}
.collection-tabs-toolbar .collection-filter select option:checked{background:#efeff5 linear-gradient(0deg,#efeff5 0%,#efeff5 100%);color:#0f1737;font-weight:500}
@media(max-width:749px){#CollectionSection>.page-width{max-width:1300px}.collection-tabs-toolbar{flex-direction:column;align-items:stretch;gap:0;padding-bottom:13px}.custom-tabs{gap:17px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.custom-tabs::-webkit-scrollbar{display:none}.custom-tab{flex:0 0 auto;min-height:30px;padding:3px 10px;font-size:12px;line-height:20px}.collection-tabs-toolbar .collection-filter{align-self:flex-end;margin-top:16px}.collection-tabs-toolbar .collection-filter select{width:190px;height:34px;font-size:15px}}
