/* ============================================================
   CARPE DIEM — shop (Plain Jane / Supreme grid)
   ============================================================ */
.shop{padding:clamp(96px,12vw,150px) var(--gutter) 40px}
.shop__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.shop__logo{font-family:var(--disp);font-weight:900;font-size:clamp(20px,2vw,30px);letter-spacing:-.02em;text-transform:uppercase;justify-self:center;grid-column:2}
.shop__clock{grid-column:1;display:flex;flex-direction:column;font-size:11px;letter-spacing:.1em;line-height:1.5;color:var(--mute)}
.shop__cart{grid-column:3;justify-self:end;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.shop__cart b{min-width:22px;height:22px;padding:0 6px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:640px){.shop__clock{display:none}.shop__bar{grid-template-columns:1fr auto}.shop__logo{grid-column:1;justify-self:start}.shop__cart{grid-column:2}}

.shop__tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;position:relative}
.shop__count{font-size:11px;letter-spacing:.14em;color:var(--mute)}
.shop__sort{position:relative}
.shop__sortbtn{font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;gap:8px}
.shop__sortbtn em{font-style:normal;color:var(--red)}
.shop__sortmenu{position:absolute;top:calc(100% + 10px);right:0;background:var(--paper);border:1px solid var(--line);
  min-width:190px;z-index:20;box-shadow:0 12px 40px rgba(0,0,0,.14);display:none;overflow:hidden;border-radius:4px}
.shop__sortmenu.open{display:block}
.shop__sortmenu button{display:block;width:100%;text-align:left;padding:12px 16px;font-family:var(--mono);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
.shop__sortmenu button:hover,.shop__sortmenu button.on{background:var(--red);color:#fff}

.shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,28px)}
@media(max-width:900px){.shop__grid{grid-template-columns:1fr 1fr}}