.shop-page{max-width:var(--max-width-container);margin-inline:auto;padding:3rem 1.5rem}.shop-page__banner{margin-bottom:2rem}.shop-page__unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;text-align:center}.shop-page__unavailable-icon-wrap{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:1rem;border-radius:1rem;border:1px solid #e8e8e8;background-color:#f9fafb}.shop-page__unavailable-icon{width:2rem;height:2rem;color:#d1d5db}.shop-page__unavailable-title{font-size:1rem;font-weight:500;color:#374151}.shop-page__unavailable-text{margin-top:.25rem;font-size:.875rem;color:#9ca3af}.shop-page__layout{display:grid;row-gap:1rem;column-gap:.75rem;grid-template-columns:1fr;grid-template-areas:"toprow" "body"}@media(min-width:1024px){.shop-page__layout{grid-template-columns:repeat(4,1fr);grid-template-areas:"category sort sort sort" "category body body body"}}.shop-page__top-row{grid-area:toprow;position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media(min-width:1024px){.shop-page__top-row{display:contents}}.shop-page__sidebar{flex:1 1 auto;min-width:0}@media(min-width:1024px){.shop-page__sidebar{grid-area:category;align-self:start;position:sticky;top:6rem}}.shop-page__filter-box{display:flex;flex-direction:column}@media(min-width:1024px){.shop-page__filter-box{border-radius:1rem;background-color:#eee;overflow:hidden;max-height:calc(100dvh - 6rem)}}.shop-page__content{grid-area:body}.shop-page__sort{flex-shrink:0}@media(min-width:1024px){.shop-page__sort{grid-area:sort}}.shop-page__empty{border-radius:1rem;border:1px dashed #e8e8e8;padding:3rem;text-align:center}.shop-page__empty-text{color:#9ca3af}.shop-page__grid{display:grid;gap:1.25rem}@media(min-width:480px){.shop-page__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.shop-page__grid{grid-template-columns:repeat(3,1fr)}}