/* ============================================================
   SWELL VISUALS — shop.css
   Shop page styles only (base.css handles nav/footer/buttons)
   ============================================================ */

/* ── SHOP HEADER ── */
.shop-header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 48px 48px;
  text-align: center;
}

#bodysearchengine{
    background: var(--dark)!important;
}

.shop-title {
  font-family: 'Syne', sans-serif;
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 800;
  color: var(--white);
  line-height: 1;
  margin-bottom: 16px;
  opacity: 0;
  animation: fadeUp 0.6s ease forwards 0.1s;
}

.shop-title span { color: var(--blue); }

.shop-sub {
  font-size: 16px;
  color: var(--muted);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.7;
  opacity: 0;
  animation: fadeUp 0.6s ease forwards 0.25s;
}

/* ── IFRAME EMBED ── */
.shop-embed {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px 80px;
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .shop-header { padding: 100px 24px 32px; }
  .shop-embed { padding: 0 24px 60px; }
}