/** Shopify CDN: Minification failed

Line 35:0 All "@import" rules must come first

**/
/* ============================================================
   DROPSHIP DYNAMICS — Global Theme CSS
   Import this in your theme.liquid: 
   {{ 'dd-theme.css' | asset_url | stylesheet_tag }}
   ============================================================ */

:root {
  --dd-bg: #09090B;
  --dd-surface: #111113;
  --dd-surface2: #18181B;
  --dd-border: #27272A;
  --dd-border2: #3F3F46;
  --dd-text: #FAFAFA;
  --dd-muted: #A1A1AA;
  --dd-muted2: #71717A;
  --dd-blue: #3B82F6;
  --dd-blue-dim: #1D4ED8;
  --dd-blue-glow: rgba(59, 130, 246, 0.15);
  --dd-green: #22C55E;
  --dd-red: #EF4444;
  --dd-yellow: #FBBF24;
  --dd-font-display: 'Syne', sans-serif;
  --dd-font-body: 'DM Sans', sans-serif;
  --dd-radius: 16px;
  --dd-radius-sm: 10px;
  --dd-radius-xs: 8px;
}

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

/* ── Reset ── */
.dd-section *, .dd-section *::before, .dd-section *::after {
  box-sizing: border-box;
}

/* ── Shared layout ── */
.dd-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

.dd-section {
  background: var(--dd-bg);
  color: var(--dd-text);
  font-family: var(--dd-font-body);
}

/* ── Section labels ── */
.dd-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--dd-blue);
  margin-bottom: 16px;
}
.dd-label::before {
  content: '';
  width: 20px;
  height: 1px;
  background: var(--dd-blue);
}

/* ── Typography ── */
.dd-h1 {
  font-family: var(--dd-font-display);
  font-size: clamp(52px, 7vw, 96px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 0.95;
}
.dd-h2 {
  font-family: var(--dd-font-display);
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.05;
}
.dd-h3 {
  font-family: var(--dd-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.dd-accent {
  background: linear-gradient(135deg, #60A5FA, #3B82F6, #6366F1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dd-muted { color: var(--dd-muted); }
.dd-sub {
  font-size: clamp(16px, 2vw, 20px);
  color: var(--dd-muted);
  font-weight: 300;
  line-height: 1.6;
}

/* ── Buttons ── */
.dd-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dd-blue);
  color: #fff;
  border: none;
  padding: 14px 32px;
  border-radius: var(--dd-radius-xs);
  font-family: var(--dd-font-body);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}
.dd-btn-primary:hover {
  background: var(--dd-blue-dim);
  transform: translateY(-1px);
}
.dd-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--dd-text);
  border: 1px solid var(--dd-border2);
  padding: 14px 32px;
  border-radius: var(--dd-radius-xs);
  font-family: var(--dd-font-body);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s;
}
.dd-btn-secondary:hover {
  border-color: var(--dd-muted);
  transform: translateY(-1px);
}

/* ── Badge ── */
.dd-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--dd-surface);
  border: 1px solid var(--dd-border2);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 13px;
  color: var(--dd-muted);
}
.dd-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dd-blue);
  animation: dd-pulse 2s infinite;
  flex-shrink: 0;
}
@keyframes dd-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.3); }
}

/* ── Cards ── */
.dd-card {
  background: var(--dd-surface);
  border: 1px solid var(--dd-border);
  border-radius: var(--dd-radius);
  transition: border-color 0.3s, transform 0.3s;
}
.dd-card:hover {
  border-color: var(--dd-border2);
  transform: translateY(-2px);
}
.dd-card-blue-hover:hover {
  border-color: var(--dd-blue);
  transform: translateY(-4px);
}

/* ── Divider ── */
.dd-divider {
  height: 1px;
  background: var(--dd-border);
}

/* ── Check / Cross icons ── */
.dd-check { color: var(--dd-green); }
.dd-cross { color: var(--dd-red); }
.dd-stars { color: var(--dd-yellow); letter-spacing: 1px; }

/* ── Ticker animation ── */
@keyframes dd-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.dd-ticker-track {
  animation: dd-ticker 25s linear infinite;
}
.dd-reviews-track {
  animation: dd-ticker 35s linear infinite;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .dd-container { padding: 0 24px; }
  .dd-h1 { letter-spacing: -1px; }
}