/* ═══════════════════════════════════════════════════════════
   ARIZONA SILVER EXCHANGE — MOBILE v2.1.0
   Entertainment hub + Instagram-feel + App-native sizing
   ALL font sizes in fixed px — immune to cascade
   Dark mode base matching desktop
═══════════════════════════════════════════════════════════ */

/* ─── 1. ROOT OVERRIDES ──────────────────────────────── */
:root {
  --ticker-h:   46px;
  --header-h:   66px;
  --nav-h:      0px;
  --total-h:    calc(var(--ticker-h) + var(--header-h));
  --tab-bar-h:  66px;
  --px:         18px;
  --r:          12px;
  --r-lg:       18px;
  --r-xl:       24px;
  --r-full:     100px;
}

/* ─── 2. BASE RESET ──────────────────────────────────── */
html {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  scroll-behavior: smooth;
  overflow-x: hidden;
  background: #050505;
}

body {
  font-size: 16px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #050505 !important;
  color: rgba(255,255,255,0.95) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

input, textarea, select, button {
  font-size: 16px !important;
  -webkit-appearance: none;
  touch-action: manipulation;
}

/* ─── 3. FIX DESKTOP POSITIONING ────────────────────── */
#top-ticker, #site-header, #nav-bar {
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  max-width: 100vw !important;
  width: 100vw !important;
}

/* ─── 4. TICKER — 46px, full-width ──────────────────── */
#top-ticker {
  position: fixed !important;
  top: 0 !important;
  height: 46px !important;
  background: #050505 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  z-index: 1100;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.ticker-label {
  flex-shrink: 0;
  padding: 0 10px;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #F5B800 !important;
  border-right: 1px solid rgba(255,255,255,0.08);
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ticker-cell {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 14px;
  height: 100%;
  font-size: 14px !important;
  font-weight: 600;
  color: rgba(255,255,255,0.80) !important;
  border-right: 1px solid rgba(255,255,255,0.06);
  flex-shrink: 0;
  white-space: nowrap;
}
.ticker-metal { color: rgba(255,255,255,0.45) !important; font-size: 13px !important; }
.ticker-price-val { color: #FFE033 !important; font-weight: 800 !important; font-size: 14px !important; }
.ticker-change { font-size: 11px !important; padding: 1px 5px !important; border-radius: 4px !important; }
.ticker-change.up   { background: #00E676 !important; color: #050505 !important; }
.ticker-change.down { background: #FF1744 !important; color: #fff !important; }
.ticker-sep { color: rgba(255,255,255,0.15); padding: 0 5px; flex-shrink: 0; font-size: 12px; }

/* ─── 5. HEADER — 66px glassmorphism app bar ─────────── */
#site-header {
  position: fixed !important;
  top: 46px !important;
  height: 66px !important;
  background: rgba(10,10,15,0.92) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  z-index: 1080 !important;
}
.header-inner {
  height: 66px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  gap: 10px !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.site-logo img {
  height: 48px !important;
  max-width: 180px !important;
  width: auto !important;
  object-fit: contain !important;
}
.header-right { display: flex; align-items: center; gap: 8px; }
.wn-header-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #FFFFFF !important;
  color: #050505 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  height: 38px !important;
  border-radius: 100px !important;
  white-space: nowrap !important;
  border: 2px solid #F5B800 !important;
  box-shadow: 0 0 0 0 rgba(245,184,0,0.70) !important;
  animation: presale-pulse 2.2s ease-in-out infinite !important;
}
.wn-header-btn:active {
  background: #F5B800 !important;
  color: #050505 !important;
  animation: none !important;
}
@keyframes presale-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(245,184,0,0.65) !important; }
  60%  { box-shadow: 0 0 0 6px rgba(245,184,0,0) !important; }
  100% { box-shadow: 0 0 0 0 rgba(245,184,0,0) !important; }
}
.hamburger {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 8px !important;
  min-width: 40px; min-height: 40px;
  align-items: center; justify-content: center;
  cursor: pointer;
}
.hamburger span {
  display: block !important;
  width: 22px !important; height: 2px !important;
  background: rgba(255,255,255,0.85) !important;
  border-radius: 2px !important;
}
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─── 6. HIDE DESKTOP NAV ────────────────────────────── */
#nav-bar { display: none !important; }

/* ─── 7. SLIDE-OUT NAV ───────────────────────────────── */
.nav-mobile {
  display: none;
  position: fixed;
  top: 112px !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100vw !important;
  background: #050505;
  border-top: 1px solid rgba(255,255,255,0.08);
  z-index: 1060;
  overflow-y: auto;
  flex-direction: column;
}
.nav-mobile.open { display: flex !important; }
.nav-mobile a {
  padding: 0 22px;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  min-height: 58px !important;
  text-decoration: none !important;
}
.nav-mobile a:active { background: rgba(255,255,255,0.04); }
.nav-mobile .wn-nav-link {
  background: linear-gradient(135deg, rgba(240,165,0,0.12), rgba(255,61,0,0.08)) !important;
  color: #F5B800 !important;
  border-left: 3px solid #F5B800 !important;
  font-weight: 800 !important;
}
/* Presale Shop link in mobile slide-out dropdown */
.nav-mobile .shop-nav-link {
  background: rgba(240,165,0,0.08) !important;
  color: #F5B800 !important;
  border-left: 3px solid #F5B800 !important;
  font-weight: 800 !important;
}

/* ─── 8. PAGE OFFSET ─────────────────────────────────── */
.page-offset {
  padding-top: 112px !important;
  padding-bottom: 66px !important;
}

/* ─── 9. BOTTOM TAB BAR — Instagram style ───────────── */
#mobile-tab-bar {
  display: flex !important;
  position: fixed !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  width: 100vw !important; max-width: 100vw !important;
  z-index: 1100 !important;
  background: rgba(10,10,15,0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  padding-bottom: env(safe-area-inset-bottom, 0) !important;
  height: calc(66px + env(safe-area-inset-bottom, 0)) !important;
  align-items: stretch !important;
}
.tab-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 4px !important;
  color: rgba(255,255,255,0.40) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border-top: 2px solid transparent !important;
  gap: 3px !important;
  min-height: 48px !important;
  text-decoration: none !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.tab-item.active {
  color: #F5B800 !important;
  border-top-color: #F5B800 !important;
}
.tab-item:active { background: rgba(240,165,0,0.06); }
.tab-icon {
  font-size: 24px !important;
  line-height: 1 !important;
  display: block !important;
}
.tab-item.tab-primary {
  background: linear-gradient(135deg, #F5B800 0%, #FF8C00 60%, #FF5500 100%) !important;
  color: #fff !important;
  border-radius: 16px 16px 0 0 !important;
  border-top: none !important;
  margin: 0 2px !important;
}
.tab-item.tab-primary .tab-icon { font-size: 26px !important; }
.tab-item.tab-primary:active { opacity: 0.85; }

/* ─── 10. HERO — full-width, large bold text ──────────── */
.hero {
  width: 100% !important;
  padding: 28px 18px 30px !important;
  margin: 0 !important;
  min-height: auto !important;
}
.hero-bg-glow, .hero-bg-grid { display: block !important; }
.hero-inner {
  display: block !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.hero-spot-card { display: none !important; }
.hero-kicker {
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  margin-bottom: 14px !important;
}
.hero h1 {
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em !important;
}
.hero h1 .grad-text {
  background: linear-gradient(135deg, #F5B800 0%, #FF8C00 60%, #FF5500 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.hero-cycle-line { font-size: 15px !important; color: rgba(255,255,255,0.55) !important; margin-bottom: 4px !important; }
.hero-cycle-word { color: #FFE033 !important; font-weight: 800 !important; min-width: 160px !important; font-size: 15px !important; }
.hero-sub { font-size: 16px !important; color: rgba(255,255,255,0.70) !important; line-height: 1.65 !important; margin-bottom: 22px !important; }
.hero-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}
.hero-actions .btn-grad,
.hero-actions .btn-ghost {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 56px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  text-decoration: none !important;
}
.hero-actions .btn-grad {
  background: linear-gradient(135deg, #F5B800 0%, #FF8C00 60%, #FF5500 100%) !important;
  color: #fff !important;
  border: none !important;
}
.hero-actions .btn-ghost {
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1.5px solid rgba(255,255,255,0.15) !important;
}
/* Presale Shop button in hero — gold outline */
.hero-actions .btn-shop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 56px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  background: transparent !important;
  color: #F5B800 !important;
  border: 1.5px solid #F5B800 !important;
}
.hero-trust { gap: 10px !important; padding-top: 18px !important; }
.trust-item { font-size: 13px !important; font-weight: 600 !important; color: rgba(255,255,255,0.55) !important; }

/* ─── 11. STORIES ROW ────────────────────────────────── */
.stories-section { padding: 16px 18px !important; background: #101010 !important; }
.stories-label { font-size: 10px !important; }
.stories-track { gap: 16px !important; }
.story-ring { width: 68px !important; height: 68px !important; }
.story-img-wrap { font-size: 1.6rem !important; }
.story-label { font-size: 11px !important; max-width: 68px !important; }
.story-badge { font-size: 9px !important; }

/* ─── 12. SPOT PRICES — full-width 2×2 ──────────────── */
.spot-band { padding: 14px 18px !important; background: #101010 !important; }
.spot-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  width: 100% !important;
}
.spot-card { padding: 18px 12px !important; background: #181818 !important; }
.spot-icon { font-size: 22px !important; margin-bottom: 5px !important; }
.spot-name { font-size: 10px !important; letter-spacing: 0.18em !important; }
.spot-price { font-size: 24px !important; margin: 5px 0 !important; }
.spot-chg { font-size: 11px !important; padding: 2px 6px !important; }
.spot-unit { font-size: 9px !important; }

/* ─── 13. WHATNOT BANNER ─────────────────────────────── */
.wn-banner { padding: 18px 18px !important; width: 100% !important; }
.wn-banner-inner { gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.wn-banner-eyebrow { font-size: 10px !important; letter-spacing: 0.2em !important; }
.wn-banner-title { font-size: 18px !important; }
.wn-banner-sub { font-size: 13px !important; }
.wn-watch-btn { font-size: 12px !important; padding: 0 14px !important; height: 40px !important; border-radius: 100px !important; flex-shrink: 0 !important; }

/* ─── 14. SECTIONS ───────────────────────────────────── */
.section { width: 100% !important; padding: 30px 18px !important; margin: 0 !important; }
.section-inner { max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.section-kicker { font-size: 10px !important; letter-spacing: 0.28em !important; margin-bottom: 8px !important; }
.section-title { font-size: 26px !important; margin-bottom: 8px !important; }
.section-sub { font-size: 15px !important; margin-bottom: 22px !important; }
.gold-rule { margin: 6px auto 22px !important; }

/* ─── 15. SERVICE CARDS — 2×2 ────────────────────────── */
.service-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.service-card { padding: 22px 14px !important; border-radius: 16px !important; }
.service-icon { font-size: 28px !important; margin-bottom: 10px !important; }
.service-card h3 { font-size: 12px !important; margin-bottom: 6px !important; }
.service-card p { font-size: 12px !important; line-height: 1.5 !important; }

/* ─── 16. STAT COUNTERS — 2×2 ────────────────────────── */
.stats-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.stat-box { padding: 22px 12px !important; border-radius: 16px !important; }
.stat-num { font-size: 32px !important; margin-bottom: 6px !important; }
.stat-label { font-size: 10px !important; letter-spacing: 0.15em !important; }

/* ─── 17. CAROUSEL ───────────────────────────────────── */
.carousel-track { gap: 12px !important; padding-bottom: 8px !important; }
.carousel-card { width: 240px !important; border-radius: 16px !important; }
.carousel-card-img { height: 148px !important; }
.carousel-card-body { padding: 14px 14px 10px !important; }
.carousel-card-title { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; }
.carousel-card-sub { font-size: 13px !important; }
.carousel-card-tag { font-size: 10px !important; }
.carousel-card-footer { padding: 0 14px 14px !important; }

/* ─── 18. COUPON FORMS ───────────────────────────────── */
.coupon-section { padding: 30px 18px !important; }
.coupon-section::before { display: none !important; }
.coupon-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; max-width: 100% !important; margin: 0 !important; }
.coupon-card { padding: 24px 18px !important; border-radius: 20px !important; }
.coupon-card::before { display: none !important; }
.coupon-header { margin-bottom: 20px !important; }
.coupon-badge { font-size: 24px !important; padding: 8px 20px !important; }
.coupon-title { font-size: 20px !important; }
.coupon-sub { font-size: 14px !important; }
.form-group { margin-bottom: 14px !important; }
.form-group label { font-size: 11px !important; }
.form-group input, .form-group textarea {
  height: 52px !important;
  font-size: 16px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1.5px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;
}
.form-group textarea { height: auto !important; min-height: 100px !important; padding: 14px 16px !important; }
.btn-submit { height: 52px !important; font-size: 14px !important; border-radius: 100px !important; }
.form-disclaimer { font-size: 11px !important; }
.form-msg { font-size: 14px !important; border-radius: 10px !important; }

/* ─── 19. STEPS ──────────────────────────────────────── */
.steps-grid { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.steps-grid::before { display: none !important; }
.step-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  text-align: left !important;
  padding: 18px 16px !important;
  border-radius: 16px !important;
}
.step-num-wrap { flex-shrink: 0 !important; width: 44px !important; height: 44px !important; font-size: 17px !important; margin: 0 !important; }
.step-icon { display: none !important; }
.step-box h3 { font-size: 14px !important; margin-bottom: 4px !important; }
.step-box p { font-size: 14px !important; }

/* ─── 20. TESTIMONIALS ───────────────────────────────── */
.testi-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
.testi-box { padding: 20px 18px !important; border-radius: 16px !important; }
.testi-q { font-size: 44px !important; }
.testi-stars { font-size: 14px !important; }
.testi-box blockquote { font-size: 15px !important; line-height: 1.7 !important; }
.testi-author { font-size: 12px !important; }
.testi-loc { font-size: 12px !important; }

/* ─── 21. CTA SECTION ────────────────────────────────── */
.cta-section { padding: 36px 18px !important; }
.cta-section h2 { font-size: 26px !important; }
.cta-section p { font-size: 15px !important; margin-bottom: 24px !important; }
.cta-btn-group { display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: stretch !important; }
.cta-btn-group a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 54px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-radius: 100px !important;
  text-decoration: none !important;
}
.cta-btn-group .btn-grad {
  background: linear-gradient(135deg, #F5B800 0%, #FF8C00 60%, #FF5500 100%) !important;
  color: #fff !important; border: none !important;
}
.cta-btn-group .btn-ghost {
  background: rgba(255,255,255,0.05) !important;
  color: rgba(255,255,255,0.80) !important;
  border: 1.5px solid rgba(255,255,255,0.15) !important;
}
/* Presale Shop button in CTA section — gold outline */
.cta-btn-group .btn-shop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 54px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-radius: 100px !important;
  text-decoration: none !important;
  background: transparent !important;
  color: #F5B800 !important;
  border: 1.5px solid #F5B800 !important;
}

/* ─── 22. PAGE HEROES ────────────────────────────────── */
.page-hero { padding: 28px 18px 24px !important; width: 100% !important; }
.page-hero-inner { max-width: 100% !important; }
.page-eyebrow { font-size: 10px !important; }
.page-title { font-size: 28px !important; font-weight: 700 !important; }
.page-sub { font-size: 15px !important; }

/* ─── 23. GALLERY ────────────────────────────────────── */
.gallery-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.gallery-item.wide { grid-column: span 2 !important; }
.gallery-item-label { font-size: 12px !important; }

/* ─── 24. CONTENT CARDS ──────────────────────────────── */
.stat-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin-bottom: 20px !important; }
.stat-box-light { padding: 16px 8px !important; border-radius: 14px !important; }
.stat-box-light .stat-num-lg { font-size: 22px !important; }
.stat-box-light .stat-lbl { font-size: 9px !important; }
.prose-card { padding: 18px !important; margin-bottom: 10px !important; border-radius: 16px !important; }
.prose-card h3 { font-size: 17px !important; margin-bottom: 8px !important; }
.prose-card p { font-size: 15px !important; line-height: 1.7 !important; }
.edu-card { padding: 18px !important; margin-bottom: 10px !important; border-radius: 16px !important; }
.edu-card h3 { font-size: 16px !important; margin-bottom: 8px !important; }
.edu-card p { font-size: 15px !important; line-height: 1.7 !important; }
.edu-card ul li { font-size: 15px !important; line-height: 1.8 !important; }
.show-card { display: grid !important; grid-template-columns: 1fr !important; padding: 22px 18px !important; margin-bottom: 12px !important; border-radius: 18px !important; }
.show-card-text h3 { font-size: 20px !important; margin-bottom: 8px !important; }
.show-card-text p { font-size: 15px !important; line-height: 1.65 !important; }

/* ─── 25. CONTACT ────────────────────────────────────── */
.contact-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 20px !important; }
.contact-card { padding: 18px 12px !important; border-radius: 14px !important; }
.contact-icon { font-size: 24px !important; margin-bottom: 6px !important; }
.contact-card h3 { font-size: 12px !important; }
.contact-card p, .contact-card a { font-size: 13px !important; }
.contact-form-card { padding: 22px 18px !important; border-radius: 20px !important; }

/* ─── 26. BADGE PILLS ────────────────────────────────── */
.badge { font-size: 10px !important; padding: 3px 9px !important; }

/* ─── 27. MARQUEE ────────────────────────────────────── */
.marquee-section { height: 42px !important; }
.marquee-item { font-size: 11px !important; padding: 0 16px !important; }

/* ─── 28. FOOTER ─────────────────────────────────────── */
footer {
  width: 100% !important;
  padding: 28px 18px 0 !important;
  padding-bottom: calc(66px + env(safe-area-inset-bottom, 0) + 10px) !important;
  background: #050505 !important;
}
footer::before { margin-bottom: 28px !important; margin-top: -28px !important; }
.footer-inner { max-width: 100% !important; margin: 0 !important; }
.footer-top { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; padding-bottom: 20px !important; }
.footer-logo img { width: 140px !important; }
.footer-tagline { font-size: 13px !important; }
.footer-wn-block { padding: 14px !important; border-radius: 14px !important; }
.footer-wn-label { font-size: 10px !important; }
.footer-wn-link { font-size: 14px !important; }
.footer-nav-cols { flex-wrap: wrap !important; gap: 20px !important; }
.footer-nav-col h4 { font-size: 10px !important; margin-bottom: 8px !important; }
.footer-nav-col a { font-size: 14px !important; padding: 4px 0 !important; }
.footer-contact-block { text-align: left !important; }
.footer-contact-block .footer-phone { font-size: 20px !important; }
.footer-contact-block p { font-size: 13px !important; }
.footer-social { justify-content: flex-start !important; flex-wrap: wrap !important; }
.social-btn { font-size: 13px !important; padding: 7px 14px !important; }
.footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; padding: 14px 0 !important; }
.footer-copy { font-size: 11px !important; }