/* Shop grid — Chill Sip */
.cs-shop-grid__bar{position:sticky;top:64px;z-index:90;background:#fff;border-bottom:1px solid var(--cs-ink-12);box-shadow:0 4px 16px rgba(46,22,100,.06)}
.admin-bar .cs-shop-grid__bar{top:96px}
.cs-shop-grid__bar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 0}
.cs-shop-grid__range{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-shop-grid__chip{padding:8px 18px;border-radius:999px;border:1.5px solid var(--cs-action);background:rgba(108,43,255,.08);font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-link);line-height:1.3}
.cs-shop-grid__sort{display:flex;align-items:center;gap:10px}
.cs-shop-grid__sort-label{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-ink-66)}
.cs-shop-grid__select{min-height:44px;background:var(--cs-well);border:1.5px solid var(--cs-ink-12);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--cs-ink);cursor:pointer;outline:none}
.cs-shop-grid__count{font-size:11px;font-weight:500;color:var(--cs-ink-66)}

.cs-shop-grid__section{padding:32px 0 100px}

/* Card */
.cs-shop-card{--tone-border:var(--cs-pineapple-bright);--tone-text:var(--cs-pineapple);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1.5px solid var(--cs-hairline);border-radius:var(--cs-radius-card);box-shadow:0 6px 24px rgba(46,22,100,.07);transition:transform 240ms var(--cs-ease),box-shadow 240ms var(--cs-ease)}
.cs-shop-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,0,0,.14)}
.cs-shop-card--strawberry{--tone-border:var(--cs-magenta);--tone-text:var(--cs-strawberry)}
.cs-shop-card--passion{--tone-border:var(--cs-passion-bright);--tone-text:var(--cs-passion)}
.cs-shop-card__media{position:relative;width:100%;height:260px;display:flex;align-items:center;justify-content:center;padding:28px 20px 0;background:radial-gradient(ellipse 52% 20% at 50% 94%,rgba(46,22,100,.20) 0%,rgba(46,22,100,.06) 45%,transparent 72%)}
.cs-shop-card__img{width:auto;height:100%;max-width:78%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(46,22,100,.28))}
.cs-shop-card__badge{position:absolute;top:16px;left:16px;z-index:2;padding:6px 16px;border-radius:999px;border:1.5px solid var(--tone-border);color:var(--tone-text);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;line-height:1.3}
.cs-shop-card__tag{position:absolute;bottom:10px;right:14px;padding:3px 10px;border-radius:var(--cs-radius-chip);background:rgba(255,255,255,.85);border:1px solid var(--cs-ink-12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cs-ink-66);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;line-height:1.5}
.cs-shop-card__body{display:flex;flex-direction:column;flex:1;gap:8px;padding:20px 22px}
.cs-shop-card__name{font-size:16px;font-weight:800;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:var(--cs-ink)}
.cs-shop-card__desc{flex:1}
.cs-shop-card__rating{display:flex;align-items:center;gap:6px;line-height:1.5}
.cs-shop-card__stars{color:var(--cs-passion-bright);font-size:13px}
.cs-shop-card__reviews{font-size:11px;font-weight:500;color:var(--cs-ink-66)}
.cs-shop-card__sizes{display:flex;flex-wrap:wrap;gap:6px}
.cs-shop-card__size{min-height:44px;padding:11px 14px;border-radius:10px;border:1.5px solid var(--cs-ink-66);background:rgba(255,255,255,.6);color:var(--cs-ink-66);font-size:11px;font-weight:700;line-height:1.3;cursor:pointer;transition:border-color 200ms var(--cs-ease),color 200ms var(--cs-ease),background-color 200ms var(--cs-ease)}
.cs-shop-card__size:hover{border-color:var(--cs-action);color:var(--cs-action)}
.cs-shop-card__size[aria-pressed="true"]{border-color:var(--cs-action);color:var(--cs-action);background:rgba(108,43,255,.07)}
.cs-shop-card__size:active{transform:scale(.98)}
.cs-shop-card__select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.cs-shop-card__buy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:auto;border-top:1px solid rgba(46,22,100,.1)}
.cs-shop-card__price{font-size:20px;font-weight:800;color:var(--cs-ink);line-height:1.3;white-space:nowrap}
.cs-shop-card__unit{font-size:11px;font-weight:500;color:var(--cs-ink-66);margin-left:2px}
.cs-shop-card .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Empty state */
.cs-shop-grid__empty{text-align:center;padding:80px 0}
.cs-shop-grid__empty-icon{font-size:28px;margin-bottom:16px}
.cs-shop-grid__empty-title{margin-bottom:8px}

@media (max-width:980px){
  .cs-shop-grid__bar{top:auto}
}
@media (prefers-reduced-motion:reduce){
  .cs-shop-card:hover{transform:none}
}