/**
 * Satkit - Homepage CSS (adapted for Amazon theme)
 * All selectors use #satkit-home for specificity over Amazon theme
 * Classes match the home.twig template exactly
 */

/* ══════════════════════════════════════════════
   VARIABLES & BASE
══════════════════════════════════════════════ */
/*
 * DESIGN TOKENS — mapped from Amazon theme CSS variables
 * Ensures visual consistency between Amazon theme and Satkit homepage
 *
 * Amazon theme defines: --amazon-primary, --amazon-accent, --amazon-font, etc.
 * Satkit homepage uses: --sk-* aliases that reference Amazon vars with fallbacks.
 *
 * COLOR PALETTE:
 *   Navy blue:    #1E3A5F (hero, trust, banners, headings)
 *   Orange:       #F97316 (CTAs, accent, links, badges, profiles bar)
 *   Orange dark:  #EA6A0A (hover states)
 *   Orange light: #FFF7ED (hover backgrounds)
 *   Gray bg:      #F5F5F5 (section backgrounds, from Amazon --amazon-bg-secondary)
 *   Border:       #DDD (from Amazon --amazon-border)
 *   Text dark:    #1a2332 (from Amazon --amazon-text)
 *   Text mid:     #565959 (from Amazon --amazon-text-secondary)
 *   Green:        #16A34A (stock indicator)
 *
 * TYPOGRAPHY:
 *   Font family:  Arial, sans-serif (from Amazon --amazon-font)
 *   Base size:    14px (from Amazon --amazon-font-size)
 *
 * SPACING:
 *   Container:    1500px max-width, 15px padding (from Amazon --amazon-container-*)
 *   Border radius: 8px default, 4px small, 12px large (from Amazon --amazon-radius-*)
 */
#satkit-home {
  --sk-orange: #F97316;
  --sk-orange-d: #EA6A0A;
  --sk-orange-l: #FFF7ED;
  --sk-blue: #0F2352;
  --sk-blue-m: #2563EB;
  --sk-gray: var(--amazon-bg-secondary, #F5F5F5);
  --sk-border: var(--amazon-border, #DDD);
  --sk-text: var(--amazon-text, #1a2332);
  --sk-text2: var(--amazon-text-secondary, #565959);
  --sk-text3: #9A9A9A;
  --sk-white: #FFFFFF;
  --sk-green: #16A34A;
  --sk-ff: var(--amazon-font, Arial, sans-serif);
  --sk-radius: var(--amazon-radius, 8px);
  --sk-radius-sm: var(--amazon-radius-sm, 4px);
  --sk-radius-lg: var(--amazon-radius-lg, 12px);
  font-family: var(--sk-ff) !important;
  font-size: var(--amazon-font-size, 14px);
  color: var(--sk-text);
}

#satkit-home * { box-sizing: border-box; }
#satkit-home a { text-decoration: none; color: inherit; }

/* Container matches Amazon theme header width exactly */
#satkit-home .sk-container {
  max-width: var(--amazon-container-max, 1500px);
  margin: 0 auto;
  padding: 0 var(--amazon-container-padding, 15px);
}
#satkit-home .sk-hero__inner {
  display: flex;
  gap: 32px;
  align-items: center;
}

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
#satkit-home .sk-hero {
  background: var(--sk-blue);
  padding: 40px 24px 36px;
  border-radius: var(--sk-radius-lg);
  margin-bottom: 0;
}
#satkit-home .sk-hero__content { flex: 1; max-width: 580px; }
#satkit-home .sk-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(249,115,22,.18);
  border: 1px solid rgba(249,115,22,.35);
  color: #FED7AA;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: .8px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
#satkit-home .sk-hero__title {
  font-family: var(--sk-ff) !important;
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  line-height: 1.05;
  letter-spacing: -.5px;
  margin: 0 0 14px;
}
#satkit-home .sk-hero__title em { color: var(--sk-orange); font-style: normal; }
#satkit-home .sk-hero__sub {
  color: rgba(255,255,255,.7);
  font-size: 15px;
  margin: 0 0 22px;
  line-height: 1.65;
}

/* Hero search */
#satkit-home .sk-hero__search {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,.3);
  margin-bottom: 16px;
}
#satkit-home .sk-hero__search input {
  flex: 1;
  border: none !important;
  padding: 14px 18px;
  font-size: 14px;
  font-family: var(--sk-ff) !important;
  outline: none;
  color: var(--sk-text);
  background: #fff !important;
  box-shadow: none !important;
  min-width: 0;
}
#satkit-home .sk-hero__search button {
  background: var(--sk-orange);
  border: none;
  color: #fff;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--sk-ff) !important;
  white-space: nowrap;
  transition: background .15s;
}
#satkit-home .sk-hero__search button:hover { background: var(--sk-orange-d); }

/* Hero trust pills */
#satkit-home .sk-hero__trust {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#satkit-home .sk-hero__trust span {
  color: rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 600;
}
#satkit-home .sk-hero__trust span::before {
  content: '•';
  color: var(--sk-orange);
  margin-right: 6px;
}

/* Hero sidebar */
#satkit-home .sk-hero__sidebar {
  width: 300px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#satkit-home .sk-hero__card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: var(--sk-radius);
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all .15s;
}
#satkit-home .sk-hero__card::after {
  content: '→';
  color: rgba(255,255,255,.4);
  font-size: 16px;
  margin-left: auto;
}
#satkit-home .sk-hero__card:hover {
  border-color: var(--sk-orange);
  background: rgba(249,115,22,.14);
}
#satkit-home .sk-hero__card:hover::after { color: var(--sk-orange); }
#satkit-home .sk-hero__card--orange {
  border-color: var(--sk-orange);
  background: rgba(249,115,22,.14);
}
#satkit-home .sk-hero__card-icon {
  flex-shrink: 0;
}
#satkit-home .sk-hero__card-icon .fa {
  font-size: 20px;
  color: var(--sk-orange);
}
#satkit-home .sk-hero__card div { flex: 1; min-width: 0; }
#satkit-home .sk-hero__card strong { display: block; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 2px; }
#satkit-home .sk-hero__card span { color: rgba(255,255,255,.55); font-size: 11px; display: block; }

/* ══════════════════════════════════════════════
   PROFILES BAR
══════════════════════════════════════════════ */
#satkit-home .sk-profiles {
  background: var(--sk-orange);
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: var(--sk-radius-lg);
  margin-top: 10px;
  margin-bottom: 10px;
}
#satkit-home .sk-profiles::-webkit-scrollbar { display: none; }
#satkit-home .sk-profiles__item {
  flex: 1;
  min-width: 160px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-right: 1px solid rgba(255,255,255,.2);
  transition: background .15s;
  white-space: nowrap;
}
#satkit-home .sk-profiles__item:last-child { border-right: none; }
#satkit-home .sk-profiles__item:hover { background: rgba(0,0,0,.1); }
#satkit-home .sk-profiles__icon { font-size: 22px; flex-shrink: 0; }
#satkit-home .sk-profiles__icon .fa { font-size: 22px; }
#satkit-home .sk-profiles__label { font-size: 12px; font-weight: 700; display: block; }
#satkit-home .sk-profiles__desc { font-size: 10px; opacity: .78; display: block; }

/* ══════════════════════════════════════════════
   SECTION HEADER
══════════════════════════════════════════════ */
#satkit-home .sk-section {
  padding: 28px 0;
}
#satkit-home .sk-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
#satkit-home .sk-section__tag {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--sk-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
#satkit-home .sk-section__tag::before {
  content: '';
  width: 18px;
  height: 2px;
  background: var(--sk-orange);
}
#satkit-home .sk-section__title {
  font-family: var(--sk-ff) !important;
  font-size: 24px;
  font-weight: 800;
  color: var(--sk-blue);
  margin: 0;
}
#satkit-home .sk-section__link {
  font-size: 12px;
  color: var(--sk-orange);
  font-weight: 700;
  margin-left: auto;
}
#satkit-home .sk-section__link:hover { text-decoration: underline; }

/* ══════════════════════════════════════════════
   CATEGORIES GRID
══════════════════════════════════════════════ */
#satkit-home .sk-categories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
#satkit-home .sk-categories__card {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius-lg);
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  transition: all .2s;
}
#satkit-home .sk-categories__card:hover {
  border-color: var(--sk-orange);
  box-shadow: 0 4px 16px rgba(249,115,22,.12);
  transform: translateY(-3px);
}
#satkit-home .sk-categories__card img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
#satkit-home .sk-categories__card strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--sk-blue);
}

/* ══════════════════════════════════════════════
   TRUST STRIP
══════════════════════════════════════════════ */
#satkit-home .sk-trust {
  background: var(--sk-blue);
  padding: 20px 24px;
  display: flex;
  justify-content: space-around;
  border-radius: var(--sk-radius-lg);
  margin: 8px 0;
}
#satkit-home .sk-trust__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #fff;
  text-align: center;
  flex: 1;
}
#satkit-home .sk-trust__icon {
  margin-bottom: 6px;
}
#satkit-home .sk-trust__icon .fa {
  font-size: 24px;
  color: var(--sk-orange);
}
#satkit-home .sk-trust__item strong { font-size: 12px; font-weight: 700; }
#satkit-home .sk-trust__item span { font-size: 10px; opacity: .6; }

/* ══════════════════════════════════════════════
   BANNERS (2 columns)
══════════════════════════════════════════════ */
#satkit-home .sk-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 8px 0;
}
#satkit-home .sk-banners__card {
  border-radius: var(--sk-radius-lg);
  padding: 28px 24px;
  display: block;
  transition: all .2s;
  min-height: 140px;
}
#satkit-home .sk-banners__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}
#satkit-home .sk-banners__card--blue { background: var(--sk-blue) !important; }
#satkit-home .sk-banners__card--orange { background: linear-gradient(135deg, #7C2D12, #C2410C) !important; }
#satkit-home .sk-banners__card strong { display: block; font-family: var(--sk-ff) !important; font-size: 20px; font-weight: 800; color: #fff !important; margin-bottom: 6px; }
#satkit-home .sk-banners__card p { font-size: 12px; color: rgba(255,255,255,.7) !important; margin: 0 0 14px; line-height: 1.5; }
#satkit-home .sk-banners__cta {
  display: inline-block;
  background: rgba(255,255,255,.95) !important;
  color: var(--sk-blue) !important;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: var(--sk-radius-sm);
  transition: all .15s;
}
#satkit-home .sk-banners__cta:hover { background: #fff !important; transform: translateY(-1px); }
#satkit-home .sk-banners__card--orange .sk-banners__cta { color: #9A3412 !important; }

/* ══════════════════════════════════════════════
   WHY SATKIT
══════════════════════════════════════════════ */
#satkit-home .sk-why {
  background: var(--sk-gray);
  border-radius: var(--sk-radius-lg);
  padding: 36px 32px;
  display: flex;
  gap: 36px;
  align-items: center;
  margin: 16px 0;
}
#satkit-home .sk-why__badge {
  width: 90px;
  height: 90px;
  border: 3px solid var(--sk-orange);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#satkit-home .sk-why__number { font-family: var(--sk-ff) !important; font-size: 32px; font-weight: 800; color: var(--sk-orange); line-height: 1; }
#satkit-home .sk-why__label { font-size: 9px; color: var(--sk-text3); letter-spacing: .8px; text-transform: uppercase; }
#satkit-home .sk-why__content { flex: 1; }
#satkit-home .sk-why__title { font-family: var(--sk-ff) !important; font-size: 24px; font-weight: 800; color: var(--sk-blue); margin: 0 0 10px; }
#satkit-home .sk-why__text { font-size: 13px; color: var(--sk-text2); line-height: 1.7; margin: 0 0 18px; }
#satkit-home .sk-why__stats {
  display: flex;
  gap: 28px;
}
#satkit-home .sk-why__stat { text-align: center; }
#satkit-home .sk-why__stat strong { display: block; font-family: var(--sk-ff) !important; font-size: 24px; font-weight: 800; color: var(--sk-orange); }
#satkit-home .sk-why__stat span { font-size: 10px; color: var(--sk-text3); text-transform: uppercase; letter-spacing: .5px; }

/* ══════════════════════════════════════════════
   GUIDES
══════════════════════════════════════════════ */
#satkit-home .sk-guides {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
#satkit-home .sk-guides__card {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius-lg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all .2s;
}
#satkit-home .sk-guides__card:hover {
  border-color: var(--sk-blue-m);
  box-shadow: 0 4px 14px rgba(37,99,235,.08);
  transform: translateY(-3px);
}
#satkit-home .sk-guides__tag {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px;
  padding: 3px 10px; border-radius: 4px; display: inline-block; width: fit-content;
}
#satkit-home .sk-guides__tag--orange { background: #FFF7ED; color: #9A3412; }
#satkit-home .sk-guides__tag--blue { background: #EFF6FF; color: #1E40AF; }
#satkit-home .sk-guides__tag--green { background: #F0FDF4; color: #166534; }
#satkit-home .sk-guides__card strong { font-size: 14px; font-weight: 700; color: var(--sk-blue); line-height: 1.3; }
#satkit-home .sk-guides__card p { font-size: 12px; color: var(--sk-text2); line-height: 1.6; margin: 0; flex: 1; }
#satkit-home .sk-guides__link { font-size: 12px; color: var(--sk-orange); font-weight: 700; }

/* ══════════════════════════════════════════════
   BRANDS (chips)
══════════════════════════════════════════════ */
#satkit-home .sk-brands {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#satkit-home .sk-brands__chip {
  background: var(--sk-white);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius);
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--sk-blue);
  transition: all .15s;
}
#satkit-home .sk-brands__chip:hover {
  border-color: var(--sk-orange);
  color: var(--sk-orange);
  background: var(--sk-orange-l);
}

/* ══════════════════════════════════════════════
   NEWSLETTER
══════════════════════════════════════════════ */
#satkit-home .sk-newsletter {
  background: var(--sk-gray);
  border-radius: var(--sk-radius-lg);
  padding: 28px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 16px 0 0;
}
#satkit-home .sk-newsletter__content strong { display: block; font-size: 16px; font-weight: 700; color: var(--sk-blue); margin-bottom: 4px; }
#satkit-home .sk-newsletter__content p { font-size: 13px; color: var(--sk-text2); margin: 0; }
#satkit-home .sk-newsletter__form {
  display: flex;
  gap: 0;
  flex-shrink: 0;
}
#satkit-home .sk-newsletter__form input {
  border: 1px solid var(--sk-border) !important;
  border-right: none !important;
  padding: 12px 16px;
  font-size: 14px;
  border-radius: 8px 0 0 8px;
  outline: none;
  width: 260px;
  font-family: var(--sk-ff) !important;
  background: #fff !important;
  box-shadow: none !important;
}
#satkit-home .sk-newsletter__form button {
  background: var(--sk-orange);
  border: none;
  color: #fff;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  font-family: var(--sk-ff) !important;
  transition: background .15s;
}
#satkit-home .sk-newsletter__form button:hover { background: var(--sk-orange-d); }

/* ══════════════════════════════════════════════
   AMAZON PRODUCT CARD OVERRIDES
   Fix buttons expanding beyond card boundaries
══════════════════════════════════════════════ */
#satkit-home .amazon-product-card {
  border: 1px solid var(--sk-border) !important;
  border-radius: var(--sk-radius) !important;
  overflow: hidden !important;
}
#satkit-home .amazon-product-card-footer {
  padding: 0 12px 12px !important;
}
#satkit-home .btn-amazon-buy,
#satkit-home .btn-amazon-full {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: var(--sk-radius-sm) !important;
  font-size: 12px !important;
  height: 34px !important;
}
#satkit-home .amazon-carousel-inner {
  gap: 12px;
}
#satkit-home .amazon-carousel-item {
  overflow: hidden;
}

/* (trust icon styles defined above in TRUST STRIP section) */

/* ══════════════════════════════════════════════
   RESPONSIVE — TABLET (≤1024px)
══════════════════════════════════════════════ */
@media (max-width: 1024px) {
  #satkit-home .sk-categories { grid-template-columns: repeat(2, 1fr); }
  #satkit-home .sk-guides { grid-template-columns: repeat(2, 1fr); }
}

/* ══════════════════════════════════════════════
   RESPONSIVE — MOBILE (≤768px)
   Matches the Satkit mobile mockup design
══════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Hero: compact vertical layout */
  #satkit-home .sk-hero { padding: 20px 16px; border-radius: var(--sk-radius); }
  #satkit-home .sk-hero__inner { flex-direction: column; gap: 12px; }
  #satkit-home .sk-hero__content { max-width: 100%; }
  #satkit-home .sk-hero__title { font-size: 24px; margin-bottom: 8px; }
  #satkit-home .sk-hero__sub { font-size: 12px; margin-bottom: 12px; }
  #satkit-home .sk-hero__search { margin-bottom: 10px; }

  /* Trust pills: vertical compact list */
  #satkit-home .sk-hero__trust {
    flex-direction: column;
    gap: 4px;
  }
  #satkit-home .sk-hero__trust span { font-size: 11px; }

  /* Hero sidebar → vertical stack (same format as desktop) */
  #satkit-home .sk-hero__sidebar {
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }
  #satkit-home .sk-hero__card {
    padding: 12px 14px;
    border-radius: var(--sk-radius);
  }
  #satkit-home .sk-hero__card strong { font-size: 13px; }
  #satkit-home .sk-hero__card span { font-size: 10px; }

  /* Profiles: 3 per row grid (2 rows: 3+2) */
  #satkit-home .sk-profiles {
    display: flex;
    flex-wrap: wrap;
    overflow-x: visible;
    border-radius: var(--sk-radius);
    margin-top: 8px;
    padding: 6px;
    gap: 4px;
  }
  #satkit-home .sk-profiles__item {
    flex: 0 0 calc(33.33% - 4px);
    min-width: 0;
    padding: 8px 6px;
    border-right: none;
    border-radius: var(--sk-radius-sm);
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 2px;
  }
  #satkit-home .sk-profiles__icon { font-size: 18px; }
  #satkit-home .sk-profiles__label { font-size: 10px; white-space: normal; }
  #satkit-home .sk-profiles__desc { display: none; }

  /* Container padding */
  #satkit-home .sk-container { padding: 0 12px; }

  /* Categories: 2×3 grid with bigger cards (mockup style) */
  #satkit-home .sk-categories { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  #satkit-home .sk-categories__card { padding: 16px 12px; }
  #satkit-home .sk-categories__card img { width: 60px; height: 60px; }
  #satkit-home .sk-categories__card strong { font-size: 13px; }

  /* Trust: 2×2 grid (mockup style) */
  #satkit-home .sk-trust {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 16px;
    border-radius: var(--sk-radius);
  }
  #satkit-home .sk-trust__item { flex: none; }
  #satkit-home .sk-trust__icon { font-size: 20px; }

  /* Products: horizontal scroll (swipe on mobile) */
  #satkit-home .amazon-carousel-inner {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #satkit-home .amazon-carousel-inner::-webkit-scrollbar { display: none; }
  #satkit-home .amazon-carousel-item {
    min-width: 160px !important;
    max-width: 180px !important;
    flex-shrink: 0 !important;
    scroll-snap-align: start;
  }
  /* Hide carousel nav arrows on mobile (swipe instead) */
  #satkit-home .amazon-carousel-nav { display: none !important; }

  /* Banners: stacked vertically */
  #satkit-home .sk-banners { grid-template-columns: 1fr; gap: 10px; }
  #satkit-home .sk-banners__card { min-height: auto; padding: 20px 18px; }

  /* Why Satkit: centered */
  #satkit-home .sk-why {
    flex-direction: column;
    text-align: center;
    padding: 24px 16px;
    border-radius: var(--sk-radius);
  }
  #satkit-home .sk-why__stats { justify-content: center; gap: 20px; }
  #satkit-home .sk-why__badge { width: 70px; height: 70px; }
  #satkit-home .sk-why__number { font-size: 26px; }
  #satkit-home .sk-why__title { font-size: 20px; }
  #satkit-home .sk-why__text { font-size: 12px; }

  /* Guides: single column, compact vertical cards */
  #satkit-home .sk-guides { grid-template-columns: 1fr; gap: 8px; }
  #satkit-home .sk-guides__card { flex-direction: column; padding: 14px 16px; gap: 4px; }
  #satkit-home .sk-guides__card p { font-size: 12px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

  /* Brands: wrap */
  #satkit-home .sk-brands { flex-wrap: wrap; }
  #satkit-home .sk-brands__chip { padding: 6px 12px; font-size: 12px; }

  /* Section headers */
  #satkit-home .sk-section { padding: 20px 0; }
  #satkit-home .sk-section__title { font-size: 20px; }

  /* Ensure space for mobile tab bar (from Amazon footer) */
  #satkit-home { padding-bottom: 0; }
}

/* ══════════════════════════════════════════════
   RESPONSIVE — SMALL MOBILE (≤480px)
══════════════════════════════════════════════ */
@media (max-width: 480px) {
  #satkit-home .sk-hero__trust { flex-direction: column; gap: 4px; }
  #satkit-home .sk-hero__title { font-size: 22px; }
  #satkit-home .sk-trust { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  #satkit-home .sk-why__stats { flex-wrap: wrap; gap: 16px; }
  #satkit-home .sk-why__stat { flex: 0 0 calc(50% - 8px); }
}