/*
 * TryyCart Global 1.10.77
 * Tight, boundary-only spacing for the two reviewed Home transitions.
 *
 * The legacy atmospheric rule uses :is(#our-services, ...), giving it a second
 * ID in specificity. Repeating the known Home root ID deliberately exceeds that
 * level so each named edge wins without negative margins or unintended matches.
 */

:root {
  --tc-home-tight-boundary-half-gap: clamp(4px, 0.45vw, 7px);
}

/* Global Access → Trending Products: keep the approved Services top edge, but
   tighten only the bottom of Services and the top of Trending Products. */
body.tryycart-global-theme #tc-page-home#tc-page-home > .tc-services-v2 {
  padding-bottom: var(--tc-home-tight-boundary-half-gap) !important;
}

body.tryycart-global-theme #tc-page-home#tc-page-home > .trending-section {
  padding-top: var(--tc-home-tight-boundary-half-gap) !important;
  padding-bottom: var(--tc-home-tight-boundary-half-gap) !important;
}

/* Explore Products → Why TryyCart: tighten the facing Why top edge. */
body.tryycart-global-theme #tc-page-home#tc-page-home > .problem-section {
  padding-top: var(--tc-home-tight-boundary-half-gap) !important;
}

/* The generic content-shell inset would otherwise be added again at both
   Trending boundaries. Horizontal padding remains untouched. */
body.tryycart-global-theme #tc-page-home > .trending-section > .shell {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 680px) {
  :root {
    --tc-home-tight-boundary-half-gap: 4px;
  }
}