/*! TG-SPACING-V1 — LIVE for shops 50/72 (D68). Was staged behind tg_stage; promoted 2026-11-06.
   Own design tokens inspired by measured samsung.com/in/ rhythm (Nov 6 2026).
   Does NOT copy Samsung CSS/assets. White page bg. Red/black/white brand kept.
   SKIP: cart/checkout/product forms, ⋮ menu (.ma-mb/.ma-dr/#mad), icon SVG paths. */

html.tg-spacing-v1 {
  --tg-sp-1: 8px;
  --tg-sp-2: 12px;
  --tg-sp-3: 16px;
  --tg-sp-4: 24px;
  --tg-sp-5: 26px;
  --tg-sp-6: 32px;
  --tg-sp-7: 40px;
  --tg-sp-8: 48px;
  --tg-sp-9: 56px;
  --tg-sp-10: 64px;

  --tg-page-pad-x: 26px;       /* Samsung mobile content inset ≈26 */
  --tg-section-y: 40px;        /* heading mb≈30 + air */
  --tg-card-radius: 20px;      /* CTA family ≈20–22 measured */
  --tg-card-gap: 12px;
  --tg-title-size: 26px;       /* section h2 measured mobile */
  --tg-title-lh: 1.33;
  --tg-hero-title: 35px;       /* hero ≈34.7 */
  --tg-hero-lh: 1.2;
  --tg-body-size: 15px;
  --tg-body-lh: 1.45;
  --tg-maxw: 1400px;
}
@media (min-width: 768px) {
  html.tg-spacing-v1 {
    --tg-page-pad-x: 48px;
    --tg-section-y: 56px;
    --tg-card-radius: 24px;
    --tg-card-gap: 16px;
    --tg-title-size: 38px;
    --tg-hero-title: 48px;
  }
}
@media (min-width: 1200px) {
  html.tg-spacing-v1 {
    --tg-page-pad-x: 57px;     /* Samsung desktop text inset ≈57 */
    --tg-hero-title: 57px;
    --tg-section-y: 64px;
  }
}

html.tg-spacing-v1,
html.tg-spacing-v1 body {
  background: #fff !important;
}

/* ========== HEADER — pad only; never ⋮ drawer ========== */
html.tg-spacing-v1 .ma > .ma-ann,
html.tg-spacing-v1 .ma .ma-r,
html.tg-spacing-v1 .ma .ma-wl,
html.tg-spacing-v1 .ma .ma-what {
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  box-sizing: border-box;
}
html.tg-spacing-v1 .ma .ma-wl { gap: var(--tg-sp-2) !important; }
/* Explicitly leave ⋮ alone */
html.tg-spacing-v1 .ma .ma-mb,
html.tg-spacing-v1 .ma .ma-dr,
html.tg-spacing-v1 #mad { /* no spacing overrides */ }

/* ========== /en/ HOMEPAGE (.tg5) ========== */
html.tg-spacing-v1 body#index .tg5 .home {
  max-width: var(--tg-maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  padding-top: var(--tg-sp-2) !important;
  padding-bottom: var(--tg-sp-2) !important;
  gap: var(--tg-sp-3) !important;
  box-sizing: border-box;
}
html.tg-spacing-v1 body#index .tg5 .sec,
html.tg-spacing-v1 body#index .tg5 .trs,
html.tg-spacing-v1 body#index .tg5 .ctab,
html.tg-spacing-v1 body#index .tg5 .y25b,
html.tg-spacing-v1 body#index .tg5 .row2,
html.tg-spacing-v1 body#index .tg5 .tbs {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: var(--tg-sp-3) !important;
  border-radius: var(--tg-card-radius) !important;
  box-sizing: border-box;
}
html.tg-spacing-v1 body#index .tg5 .sec {
  padding-top: var(--tg-sp-4) !important;
  padding-bottom: var(--tg-sp-4) !important;
  margin-bottom: var(--tg-section-y) !important;
}
html.tg-spacing-v1 body#index .tg5 .sh h2,
html.tg-spacing-v1 body#index .tg5 .cyo h2,
html.tg-spacing-v1 body#index .tg5 .corp-t h2,
html.tg-spacing-v1 body#index .tg5 .calc-h h2,
html.tg-spacing-v1 body#index .tg5 h2 {
  font-size: var(--tg-title-size) !important;
  line-height: var(--tg-title-lh) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  margin: 0 0 var(--tg-sp-4) !important;
  color: #111;
}
html.tg-spacing-v1 body#index .tg5 .sl-t .sl-h {
  font-size: var(--tg-hero-title) !important;
  line-height: var(--tg-hero-lh) !important;
}
html.tg-spacing-v1 body#index .tg5 .sl-t {
  padding-left: var(--tg-sp-4) !important;
  padding-right: var(--tg-sp-4) !important;
}
html.tg-spacing-v1 body#index .tg5 .grid,
html.tg-spacing-v1 body#index .tg5 .pgx-g,
html.tg-spacing-v1 body#index .tg5 .brands {
  gap: var(--tg-card-gap) !important;
}
html.tg-spacing-v1 body#index .tg5 .pc,
html.tg-spacing-v1 body#index .tg5 .tile,
html.tg-spacing-v1 body#index .tg5 .pgx-t,
html.tg-spacing-v1 body#index .tg5 .card {
  border-radius: var(--tg-card-radius) !important;
}
html.tg-spacing-v1 body#index .tg5 .sh { margin-bottom: var(--tg-sp-4) !important; }
html.tg-spacing-v1 body#index .tg5 p,
html.tg-spacing-v1 body#index .tg5 .sub {
  font-size: var(--tg-body-size) !important;
  line-height: var(--tg-body-lh) !important;
}

/* ========== V3 BANNERS / CATEGORY CARDS ========== */
html.tg-spacing-v1 .tg-v3-banner,
html.tg-spacing-v1 .tg-v3-cats,
html.tg-spacing-v1 .tg-trust,
html.tg-spacing-v1 .tg-in-logos {
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  max-width: var(--tg-maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
html.tg-spacing-v1 .tg-v3-banner { margin-bottom: var(--tg-sp-4) !important; }
html.tg-spacing-v1 .tg-v3-cats { margin-bottom: var(--tg-section-y) !important; }
html.tg-spacing-v1 .tg-v3-banner .tg-v3-track {
  border-radius: var(--tg-card-radius) !important;
}
html.tg-spacing-v1 .tg-v3-cats h2 {
  font-size: var(--tg-title-size) !important;
  line-height: var(--tg-title-lh) !important;
  font-weight: 700 !important;
  margin: 0 0 var(--tg-sp-2) !important;
}
html.tg-spacing-v1 .tg-v3-cats .tg-v3-sub {
  font-size: var(--tg-body-size) !important;
  margin: 0 0 var(--tg-sp-4) !important;
}
html.tg-spacing-v1 .tg-v3-grid { gap: var(--tg-card-gap) !important; }
html.tg-spacing-v1 .tg-v3-grid a {
  border-radius: var(--tg-card-radius) !important;
  overflow: hidden;
}
html.tg-spacing-v1 .tg-trust { margin-top: var(--tg-sp-3) !important; margin-bottom: var(--tg-sp-5) !important; }
html.tg-spacing-v1 .tg-trust ul { gap: var(--tg-card-gap) !important; }
html.tg-spacing-v1 .tg-trust li { border-radius: 16px !important; }

/* ========== /in/ Elementor homepage ========== */
html.tg-spacing-v1 body#index .elementor-section.elementor-top-section > .elementor-container {
  max-width: var(--tg-maxw) !important;
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  box-sizing: border-box;
}

/* Avoid double pad: Elementor wraps .tg5 on /en/ — pad only .home, not the container */
html.tg-spacing-v1 body#index .elementor-section.elementor-top-section > .elementor-container:has(.tg5) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* v3/trust live inside .home — don't add a second inset */
html.tg-spacing-v1 .tg5 .home .tg-v3-banner,
html.tg-spacing-v1 .tg5 .home .tg-v3-cats,
html.tg-spacing-v1 .tg5 .home .tg-trust,
html.tg-spacing-v1 .tg5 .home .tg-in-logos {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

html.tg-spacing-v1 body#index .elementor-heading-title {
  letter-spacing: -0.01em;
}
html.tg-spacing-v1 body#index .elementor-section.elementor-top-section {
  margin-bottom: var(--tg-sp-3);
}
html.tg-spacing-v1 body#index .elementor-widget-image img,
html.tg-spacing-v1 body#index .elementor-image img {
  border-radius: var(--tg-card-radius);
}

/* ========== FOOTER (/en/ .fm + /in/ elementor) ========== */
html.tg-spacing-v1 footer.fm,
html.tg-spacing-v1 .fm {
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  box-sizing: border-box;
  background: #fff !important;
}
html.tg-spacing-v1 .fm .fm-cols,
html.tg-spacing-v1 .fm .fm-top,
html.tg-spacing-v1 .fm .fm-bar,
html.tg-spacing-v1 .fm .fm-in {
  max-width: var(--tg-maxw);
  margin-left: auto;
  margin-right: auto;
}
html.tg-spacing-v1 .fm details.fm-c { margin-bottom: var(--tg-sp-2) !important; }
html.tg-spacing-v1 .fm summary {
  font-size: 15px !important;
  font-weight: 700 !important;
  padding-top: var(--tg-sp-3) !important;
  padding-bottom: var(--tg-sp-3) !important;
}
html.tg-spacing-v1 .fm details.fm-c > ul {
  gap: var(--tg-sp-2) var(--tg-sp-3) !important;
}
html.tg-spacing-v1 #footer .elementor-section > .elementor-container,
html.tg-spacing-v1 footer.footer .elementor-section > .elementor-container,
html.tg-spacing-v1 #footer.footer {
  background: #fff !important;
}
html.tg-spacing-v1 #footer .elementor-section > .elementor-container,
html.tg-spacing-v1 footer.footer .elementor-section > .elementor-container {
  padding-left: var(--tg-page-pad-x) !important;
  padding-right: var(--tg-page-pad-x) !important;
  box-sizing: border-box;
}