.now-body{
  padding:28px 0 80px;
  background:var(--bg);
}
.now-body .section-header{
  margin-top:32px;
  margin-bottom:28px;
}
@media(max-width:480px){
  .now-body{padding:8px 0 60px;}
  .now-body .section-header{margin-top:12px;margin-bottom:16px;}
}
@media(min-width:768px){.now-body{padding:36px 0 100px;}}
@media(min-width:1024px){.now-body{padding:40px 0 120px;}}

/* ─── Toolbar tooltip (now-specific) ─── */
.list-sort-tab .tooltip-wrap{display:inline-flex;vertical-align:middle;margin-left:4px;position:relative;}
.list-sort-tab .tooltip-trigger{padding:0;display:inline-flex;align-items:center;cursor:pointer;opacity:.4;transition:opacity .2s;}
.list-sort-tab .tooltip-trigger:hover,.list-sort-tab .tooltip-wrap.active .tooltip-trigger{opacity:.8;}
.list-sort-tab .tooltip-box{left:0;right:auto;transform:none;width:220px;padding:10px 14px;z-index:100;white-space:normal;word-break:keep-all;line-height:1.6;}
.list-sort-tab .tooltip-box::before{display:none;}
.list-sort-tab .tooltip-wrap.active .tooltip-box{opacity:1;pointer-events:auto;}

/* ─── Card: handle overlay ─── */
.card-img::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:56px;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 100%);
}
.card-handle-row{
  position:absolute;bottom:8px;right:8px;z-index:3;
  display:flex;align-items:center;gap:5px;
}
.card-handle-avatar{
  width:25px!important;height:25px!important;border-radius:50%;object-fit:cover;
  flex-shrink:0;border:1px solid rgba(255,255,255,.3);
}
.card-handle-name{
  font-size:.6875rem;color:rgba(255,255,255,.95);letter-spacing:.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}

/* ─── Card: open-ended countdown ─── */
.card-countdown.open-ended{
  background:rgba(21,20,18,.7);color:rgba(255,255,255,.8);
}

/* ─── Card: like button ─── */
.card-like-btn{
  position:absolute;top:10px;right:10px;z-index:3;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.85);backdrop-filter:blur(4px);
  border-radius:50%;border:none;cursor:pointer;
  color:var(--muted);transition:all .2s;
}
.card-like-btn:hover{background:#fff;color:var(--accent);}
.card-like-btn.liked{color:var(--accent);}
.card-like-btn.liked svg{fill:var(--accent);stroke:var(--accent);}
.card-like-btn svg{width:16px;height:16px;}

/* ─── Card: countdown badge ─── */
.card-countdown{
  position:absolute;top:10px;left:10px;
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 8px;border-radius:4px;
  font-size:.6875rem;font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2;
}
.card-countdown.live{background:var(--accent);color:#fff;}
.card-countdown.ended{background:rgba(0,0,0,.5);color:rgba(255,255,255,.7);}
.card-countdown svg{width:12px;height:12px;flex-shrink:0;}
@keyframes countdown-pulse{0%,100%{opacity:1}50%{opacity:.7}}
.card-countdown.live.urgent-pulse{animation:countdown-pulse 1s ease-in-out infinite;}

/* ─── Card: period ─── */
.card-period-now{
  display:flex;align-items:center;gap:6px;
  font-size:.6875rem;color:var(--muted);font-weight:400;
  letter-spacing:-.01em;margin-top:6px;
}
.card-period-now .period-label{
  display:inline-block;padding:2px 6px;
  font-size:.625rem;font-weight:600;letter-spacing:.02em;
  color:#fff;background:var(--fg);border-radius:3px;flex-shrink:0;
}

/* ─── Card: keyword pills ─── */
.card-keyword-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;}
.card-keyword{
  display:inline-block;padding:3px 8px;
  font-size:.625rem;font-weight:500;letter-spacing:.01em;
  color:var(--muted);border:1px solid var(--border);
  border-radius:9999px;line-height:1.4;
}

/* ─── Responsive ─── */
@media(min-width:768px){
  #productGrid{grid-template-columns:repeat(3,1fr)!important;gap:20px;}
}
@media(min-width:1024px){
  #productGrid{grid-template-columns:repeat(4,1fr)!important;gap:20px;}
}
@media(min-width:1400px){
  #productGrid{grid-template-columns:repeat(4,1fr)!important;}
}