/* ================= Collection / shop archive ================= */
.egw-shopmain{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}
.egw-ch__wrap{padding-top:24px;padding-bottom:24px;min-height:250px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media(min-width:990px){.egw-ch__wrap{min-height:400px}}
.egw-ch__content{display:flex;flex-direction:column;row-gap:32px;width:100%;position:relative;z-index:3;max-width:450px;align-items:center;text-align:center}
.egw-ch__title{max-width:628px;margin:0}
.egw-ch__count{top:-10px;margin-inline-start:5px;font-size:65%;position:relative;vertical-align:baseline;line-height:0}
.egw-ch__desc{max-width:474px;color:rgb(var(--color-foreground));margin-top:16px;overflow:hidden}
.egw-ch__desc p{margin:0}
.egw-ctop{position:relative;z-index:4;background:rgb(var(--color-background))}
.egw-ctop__container{background:rgb(var(--color-background))}
@media(min-width:990px){.egw-ctop__container{display:flex;align-items:center;gap:16px}}
@media(min-width:1160px){.egw-ctop__container{gap:24px}}
.egw-pills{display:flex;overflow-x:scroll;flex-wrap:nowrap;align-items:center;gap:24px;row-gap:4px;width:calc(100% + 32px);margin-inline:-16px;padding:16px;white-space:nowrap;scrollbar-width:none;border-top:1px solid rgb(var(--color-border));border-bottom:1px solid rgb(var(--color-border))}
.egw-pills::-webkit-scrollbar{display:none}
@media(min-width:990px){.egw-pills{flex-wrap:wrap;overflow-x:auto;width:auto;margin-inline:0;padding:0;border:0;flex:1 1 auto;min-width:0;gap:24px}}
@media(min-width:1160px){.egw-pills{gap:24px;padding-block:24px}}
.egw-pill{display:inline-flex;justify-content:center;align-items:center;font-size:12px;line-height:1.35;color:rgb(var(--color-foreground));padding:0;border:0;background:transparent;overflow:hidden;position:relative}
.egw-pill:not(.is-active) .egw-pill__c>span:first-child{color:rgb(var(--color-foreground-secondary))}
.egw-pill.is-active .egw-pill__c>span{transform:translateY(-100%)}
.egw-pill.is-active .egw-pill__c>span:last-child{color:rgb(var(--color-foreground))}
.egw-pill__c{display:inline-flex;flex-direction:column;height:16px;overflow:hidden;line-height:16px}
.egw-pill__c>span{display:block;transition:transform .42s cubic-bezier(.22,.61,.36,1);height:16px}
.egw-pill__c>span:last-child{color:rgb(var(--color-foreground-secondary))}
@media(hover:hover){.egw-pill:hover .egw-pill__c>span{transform:translateY(-100%)}}
.egw-fset{display:flex;padding-top:16px;padding-bottom:16px;align-items:center}
@media(min-width:1160px){.egw-fset{padding-top:24px;padding-bottom:24px}}
@media(min-width:990px){.egw-fset{flex-shrink:0;max-width:100%;margin-inline-start:auto}}
@media(max-width:1159px){.egw-toggler{display:none}}
.egw-toggler{display:flex;align-items:center;gap:16px;margin-inline-end:24px}
.egw-toggler__label{color:rgb(var(--color-foreground-secondary))}
.egw-toggler__btns{display:flex;gap:24px}
.egw-toggler__btn{padding:0;color:rgb(var(--color-foreground));opacity:.5;transition:opacity var(--duration-default);font-size:12px;cursor:pointer;background:none;border:0}
.egw-toggler__btn.is-active{opacity:1;pointer-events:none}
@media(hover:hover){.egw-toggler__btn:hover{opacity:1}}
.egw-fset__btns{display:flex;justify-content:space-between;width:100%;align-items:center}
@media(min-width:990px){.egw-fset__btns{flex-direction:row-reverse;justify-content:flex-start;gap:16px;width:auto}}
@media(min-width:1360px){.egw-fset__btns{gap:24px}}
.egw-fbtn{display:inline-flex;align-items:center;gap:8px;color:rgb(var(--color-foreground));cursor:pointer;font-size:12px;background:none;border:0;padding:0;text-align:end}
.egw-fbtn sup{margin-left:2px;font-size:9px}
.egw-sort__wrap{position:relative;display:flex;align-items:center}
.egw-sort__icon{position:absolute;right:0;pointer-events:none;display:flex;color:rgb(var(--color-foreground))}
.egw-sort__select{line-height:16px;appearance:none;-webkit-appearance:none;background:transparent;border:0;outline:0;padding:0 22px 0 0;font-family:var(--font-body-family);font-size:12px;color:rgb(var(--color-foreground));text-align:end;cursor:pointer;box-shadow:none;border-radius:0;height:auto}
.egw-sort__select option{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}
/* grid */
.egw-cpad{padding-bottom:0}
.egw-pl-wrap{padding-bottom:96px}
.egw-pl{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);grid-auto-flow:dense}
@media(min-width:1200px){.egw-pl{gap:24px}}
@media(max-width:749px){.egw-pl{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px) and (max-width:1535px){.egw-pl-wrap[data-size=small] .egw-pl{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1536px){.egw-pl-wrap[data-size=small] .egw-pl{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.egw-pl-wrap[data-size=medium] .egw-pl{grid-template-columns:repeat(3,1fr)}.egw-pl-wrap[data-size=large] .egw-pl{grid-template-columns:repeat(2,1fr)}}
.egw-pl__item{min-width:0}
.egw-pl__item .egw-card{height:100%}
.egw-pl-wrap[data-switching] .egw-pl{opacity:.6;transition:opacity .3s}
.egw-empty{text-align:center;padding:96px 0;display:flex;flex-direction:column;gap:16px;align-items:center}
.egw-pager{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:64px;font-size:12px}
.egw-pager__list{display:flex;gap:16px;margin:0;padding:0;list-style:none}
.egw-pager__a{color:rgb(var(--color-foreground-secondary));transition:color var(--duration-default)}
.egw-pager__a:hover,.egw-pager__cur{color:rgb(var(--color-foreground))}
.egw-pager__cur{border-bottom:1px solid rgb(var(--color-foreground))}
/* filter drawer */
.egw-facets{display:flex;justify-content:flex-end;width:100%;position:fixed;inset:0;visibility:hidden;pointer-events:none;z-index:1700}
.egw-facets.is-open{pointer-events:all;visibility:visible}
.egw-facets__overlay{position:absolute;inset:0;visibility:hidden;opacity:0;background:rgba(var(--color-modal-overlay),.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .9s ease,visibility .9s}
.egw-facets.is-open .egw-facets__overlay{visibility:visible;opacity:1}
.egw-facets__wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transform:translate(110%);transition:transform .9s cubic-bezier(.22,1,.36,1),visibility .9s;will-change:transform}
@media(min-width:576px){.egw-facets__wrapper{width:440px}}
.egw-facets.is-open .egw-facets__wrapper{transform:translate(0)}
.egw-facets__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;border-bottom:1px solid rgb(var(--color-border))}
@media(min-width:990px){.egw-facets__header{padding:24px}}
.egw-facets__heading{color:rgb(var(--color-foreground))}
.egw-facets__close{color:rgb(var(--color-foreground));font-size:12px;cursor:pointer;background:none;border:0;padding:0}
.egw-facets__content{width:100%;overflow-y:auto;overscroll-behavior:contain;flex-grow:1}
.egw-facet{border-bottom:1px solid rgb(var(--color-border))}
.egw-facet__summary{position:relative;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
@media(min-width:990px){.egw-facet__summary{padding:16px 24px}}
.egw-facet__summary::-webkit-details-marker{display:none}
.egw-facet__summary .egw-i{width:18px;height:18px;transition:transform var(--duration-default);color:rgb(var(--color-foreground))}
.egw-facet[open]>.egw-facet__summary .egw-i{transform:rotate(180deg)}
.egw-facet__body{padding:0 16px 24px}
@media(min-width:990px){.egw-facet__body{padding:0 24px 24px}}
.egw-facet__list{display:flex;gap:12px;flex-wrap:wrap}
.egw-chip{position:relative;display:flex;align-items:center;gap:8px;background:rgb(var(--color-background-secondary));padding:8px 16px;overflow:hidden;transition:background-color var(--duration-default);color:rgb(var(--color-foreground))}
.egw-chip__l{color:rgb(var(--color-foreground));position:relative;z-index:1;transition:color var(--duration-default)}
@media(hover:hover) and (pointer:fine){.egw-chip:hover{background:rgba(var(--color-button),.3)}}
.egw-chip.is-on{background:rgb(var(--color-button))}
.egw-chip.is-on .egw-chip__l{color:rgb(var(--color-button-text))}
.egw-price-f__row{display:flex;gap:12px;margin-bottom:12px}
.egw-price-f__f{flex:1;display:flex;flex-direction:column;gap:4px;color:rgb(var(--color-foreground-secondary))}
.egw-price-f__f input{width:100%;height:44px;padding:0 12px;border:1px solid rgb(var(--color-border));background:transparent;font:inherit;font-size:12px;color:rgb(var(--color-foreground));border-radius:0;box-shadow:none}
.egw-price-f__go{width:100%}
.egw-facets__footer{display:flex;gap:12px;padding:16px;border-top:1px solid rgb(var(--color-border))}
@media(min-width:990px){.egw-facets__footer{padding:24px}}
.egw-facets__footer .egw-btn{flex:1;min-width:0}

/* mobile toolbar must fit the column */
.egw-fset{min-width:0;width:100%}
@media(min-width:990px){.egw-fset{width:auto}}
.egw-fset__btns{min-width:0}
.egw-sort,.egw-sort__wrap{min-width:0;max-width:100%}
.egw-sort__select{max-width:170px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
@media(max-width:749px){.egw-sort__select{max-width:150px}}
@media(max-width:1159px){.egw-toggler{display:none}}