.lyfe-shop{min-height:70vh;background:#fff;color:#090909;padding:0 var(--pad) 72px}
.lyfe-shop__head{position:sticky;top:var(--header);z-index:20;height:54px;margin:0 0 28px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-bottom:1px solid #ddd}
.lyfe-shop__head h1{margin:0;font-size:9px;font-weight:400;line-height:1;letter-spacing:.12em}
.lyfe-shop__sort{position:relative;z-index:3;align-self:center;font-size:10px;letter-spacing:.06em}
.lyfe-shop__sort summary{min-width:126px;padding:12px 0;display:flex;align-items:center;justify-content:flex-end;gap:9px;list-style:none;cursor:pointer;text-transform:uppercase}
.lyfe-shop__sort summary::-webkit-details-marker{display:none}
.lyfe-shop__sort summary span{display:inline-block;transition:transform .18s ease}
.lyfe-shop__sort[open] summary span{transform:rotate(180deg)}
.lyfe-shop__sort>div{position:absolute;top:100%;right:0;width:190px;padding:13px 16px;background:#fff;border:1px solid #e2e2e2;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.lyfe-shop__sort a{display:block;width:max-content;max-width:100%;padding:7px 0;color:inherit;text-decoration:none;white-space:nowrap}
.lyfe-shop__sort a.is-selected{text-decoration:underline;text-underline-offset:4px}
.lyfe-shop__sort summary:focus-visible,.lyfe-shop__sort a:focus-visible{outline:1px solid #000;outline-offset:3px}
.lyfe-shop__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(18px,3vw,58px);row-gap:clamp(42px,5vw,78px)}
.lyfe-shop-card{min-width:0;background:#fff}
.lyfe-shop-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#fff}
.lyfe-shop-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:opacity .28s ease}
.lyfe-shop-card__info{padding:11px 0 0;min-height:42px;font-size:9px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.lyfe-shop-card__info a,.lyfe-shop-card__info span{display:block;width:max-content;max-width:100%}
.lyfe-shop-card__info span{margin-top:2px}
.lyfe-shop-card__state{position:absolute;z-index:2;right:8px;bottom:8px;padding:4px 5px;background:#fff;color:#090909;border:1px solid #cfcfcf;font-size:8px;line-height:1;letter-spacing:.09em}
.lyfe-shop__empty{margin:70px 0 0;font-size:10px;letter-spacing:.1em}
@media(max-width:899px){.lyfe-shop{padding:0 20px 54px}.lyfe-shop__head{height:50px;margin-bottom:20px}.lyfe-shop__head h1{font-size:9px}.lyfe-shop__sort{font-size:10px}.lyfe-shop__sort summary{min-width:105px}.lyfe-shop__sort>div{width:180px}.lyfe-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:38px}.lyfe-shop-card__info{font-size:9px}}
@media(max-width:380px){.lyfe-shop{padding-left:14px;padding-right:14px}.lyfe-shop__head{gap:10px}.lyfe-shop__sort>div{width:170px}.lyfe-shop__grid{column-gap:10px}.lyfe-shop-card__info{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lyfe-shop-card__media img,.lyfe-shop__sort summary span{transition:none}}