/* Full-bleed summer drinks band (no boxed panel) */
.sds-band{
  --sds-bg: #eaf4ff;
  background: var(--sds-bg);
  width: 100vw;
  position: relative;
  left: 50%; right: 50%;
  margin-left: -50vw; margin-right: -50vw;
  padding: clamp(22px, 4vw, 40px) min(6vw, 48px);
}
.sds-inner{ max-width: 1200px; margin: 0 auto; }

.sds-head{ position: relative; padding-right: 100px; }
.sds-title{ margin:0 0 6px; font-size: clamp(20px, 3.5vw, 28px); line-height:1.15; font-weight:800; color:#0f172a; }
.sds-sub{ margin:0; font-size: clamp(13px, 2.1vw, 16px); color:#475569; }
.sds-splash{ position:absolute; right:-6px; top:-10px; width:110px; max-width:35%; opacity:.95; pointer-events:none; }

.sds-grid{ margin-top:14px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:14px; }
.sds-card{ display:block; text-decoration:none; color:inherit; }

.sds-thumb{
  background:#ffffff; border-radius:18px; padding: clamp(8px, 1.8vw, 16px);
  aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 10px rgba(31,41,55,.06), 0 1px 2px rgba(31,41,55,.03);
  transition: transform .18s ease, box-shadow .18s ease;
}
.sds-thumb img{ max-width:92%; height:auto; display:block; }
.sds-emoji{ font-size:36px; line-height:1; }
.sds-label{
  margin-top:8px; text-align:center; font-weight:800; font-size: clamp(12px, 2.2vw, 18px);
  color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sds-card:focus .sds-thumb, .sds-card:hover .sds-thumb{ transform: translateY(-3px); box-shadow:0 10px 24px rgba(31,41,55,.10), 0 4px 10px rgba(31,41,55,.06); }

@media (max-width: 380px){ .sds-grid{ gap:8px; } .sds-splash{ display:none; } }
@media (prefers-reduced-motion: reduce){ .sds-card:focus .sds-thumb, .sds-card:hover .sds-thumb{ transform:none; } }