/**
 * CGC Luxury — About / Policy / Track Order — rebuilt from scratch
 * Images + animations. GPU-only transforms, IntersectionObserver reveals,
 * parallax heroes, number counters, clip-path image reveals.
 */

/* === Hide default page.html title on luxury pages === */
.cgc-page-about .wp-block-group.alignfull:has(.wp-block-post-title),
.cgc-page-policy .wp-block-group.alignfull:has(.wp-block-post-title),
.cgc-page-track .wp-block-group.alignfull:has(.wp-block-post-title) {
  display: none !important;
}
.cgc-page-about .main-page,
.cgc-page-policy .main-page,
.cgc-page-track .main-page {
  padding: 0 !important;
  max-width: none !important;
}
.cgc-page-about .main-page .page-content,
.cgc-page-policy .main-page .page-content,
.cgc-page-track .main-page .page-content {
  max-width: none !important;
  width: 100% !important;
}

/* Fallback if :has not supported — hide the entire padded title wrapper, not just the title, to remove large blank space below header (fixes mobile large gap) */
@supports not selector(:has(*)) {
  body.cgc-page-about .wp-block-group.alignfull:nth-of-type(1),
  body.cgc-page-policy .wp-block-group.alignfull:nth-of-type(1),
  body.cgc-page-track .wp-block-group.alignfull:nth-of-type(1) {
    display: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
}
body.cgc-page-about .wp-block-post-title,
body.cgc-page-policy .wp-block-post-title,
body.cgc-page-track .wp-block-post-title {
  display: none !important;
}
/* Extra fallback for browsers without :has but with old structure — also kill first group padding */
body.cgc-page-policy .wp-block-group.alignfull[style*="padding-top"] { 
  /* js will also hide, but css fallback ensures no 40px gap */
}
.cgc-page-policy .cgc-policy-hero,
.cgc-page-about .cgc-about-hero,
.cgc-page-track .cgc-track-hero {
  margin-top: 0 !important;
}

/* ============================================================
   SHARED TOKENS / RESET
   ============================================================ */
.cgc-about, .cgc-policy, .cgc-track {
  --page-max: 1180px;
  --page-pad: 24px;
  --gold: var(--cgc-gold, #D4B26F);
  --gold-hover: var(--cgc-gold-hover, #BCA063);
  --obs: var(--cgc-obsidian, #1C1C1C);
  --alab: var(--cgc-alabaster, #FAF9F6);
  --bd: var(--cgc-border, #E8E6E0);
  --serif: var(--font-serif, 'Cormorant Garamond', Georgia, serif);
  --sans: var(--font-sans, 'Plus Jakarta Sans', system-ui, sans-serif);
  background: var(--alab);
  color: var(--obs);
  overflow-x: clip;
}
.cgc-about *, .cgc-policy *, .cgc-track * { box-sizing: border-box; }
.cgc-eyebrow {
  display: inline-block;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gold);
}
.cgc-gold-line {
  width: 56px; height: 1px; background: var(--gold); margin: 18px 0 0;
}
.cgc-gold-line--center { margin-left: auto; margin-right: auto; }

/* ============================================================
   SHARED ANIM PRIMITIVES
   ============================================================ */
.cgc-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
.cgc-reveal.is-visible { opacity: 1; transform: none; }
.cgc-img-reveal {
  position: relative; overflow: hidden;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(.22,1,.36,1);
}
.cgc-img-reveal.is-visible { clip-path: inset(0 0 0 0); }
.cgc-img-reveal img { transform: scale(1.08); transition: transform 1.2s cubic-bezier(.22,1,.36,1); }
.cgc-img-reveal.is-visible img { transform: scale(1); }
.cgc-fade-up { animation: cgc-fade-up .6s cubic-bezier(.22,1,.36,1) both; }
@keyframes cgc-fade-up { from { opacity:0; transform: translateY(16px); } }
@keyframes cgc-float { 0%,100%{ transform: translateY(0)} 50%{ transform: translateY(-8px)} }
@keyframes cgc-shimmer {
  0%,55%{ transform: translateX(-380%) skewX(-18deg) }
  100%{ transform: translateX(480%) skewX(-18deg) }
}
@keyframes cgc-line-draw { from{ transform: scaleX(0) } to{ transform: scaleX(1)} }
@keyframes cgc-bounce { 0%,100%{ transform: translateY(0)} 50%{ transform: translateY(6px)} }
@media (prefers-reduced-motion: reduce) {
  .cgc-reveal, .cgc-img-reveal, .cgc-fade-up { transition:none !important; animation:none !important; clip-path:none !important; opacity:1 !important; transform:none !important; }
  .cgc-img-reveal img { transform:none !important; }
}

/* ============================================================
   ABOUT — HERO  (92vh, parallax, overlay)
   ============================================================ */
.cgc-about-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: #0e0e0e;
}
.cgc-about-hero__bg {
  position: absolute; inset: -6% 0 0 0;
  background-size: cover;
  background-position: center 35%;
  will-change: transform;
  transform: translateY(0);
  filter: saturate(1.05) brightness(0.72);
}
.cgc-about-hero__overlay {
  position: absolute; inset: 0;
  background:
    radial-gradient(820px 520px at 50% 38%, rgba(212,178,111,0.16), transparent 68%),
    linear-gradient(180deg, rgba(12,12,12,0.18) 0%, rgba(12,12,12,0.55) 78%, rgba(12,12,12,0.72) 100%);
}
.cgc-about-hero__content {
  position: relative; z-index: 2;
  max-width: 880px; width: 100%;
  padding: 56px 24px 72px;
  color: #fff;
}
.cgc-about-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--gold);
  font-family: var(--sans); font-size: 11px; font-weight: 700;
  letter-spacing: 0.28em; text-transform: uppercase;
  opacity: 0; transform: translateY(8px); animation: cgc-fade-up 700ms 120ms both;
}
.cgc-about-hero__eyebrow::before,
.cgc-about-hero__eyebrow::after {
  content: ""; width: 22px; height: 1px; background: rgba(212,178,111,0.7);
}
.cgc-about-hero__title {
  margin: 16px 0 0;
  font-family: var(--serif);
  font-weight: 300;
  line-height: .95;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 6px 28px rgba(0,0,0,.45);
}
.cgc-about-hero__title span { display: block; font-size: clamp(1.9rem, 5.2vw, 3.9rem); opacity: 0; transform: translateY(16px); animation: cgc-fade-up 780ms both; }
.cgc-about-hero__title span:nth-child(1){ animation-delay: 220ms; }
.cgc-about-hero__title em { display:block; font-style: italic; font-weight: 300; font-size: clamp(2rem,5.6vw,4.2rem); letter-spacing:.04em; text-transform:none; color: var(--gold); opacity:0; transform: translateY(16px); animation: cgc-fade-up 780ms 320ms both; }
.cgc-about-hero__title span:nth-child(3){ animation-delay: 420ms; }
.cgc-about-hero__lead {
  max-width: 620px; margin: 22px auto 0;
  font-family: var(--sans); font-size: 15px; line-height: 1.75; color: rgba(255,255,255,.86);
  opacity:0; transform: translateY(12px); animation: cgc-fade-up 680ms 520ms both;
}
.cgc-about-hero__actions {
  display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 28px;
  opacity:0; transform: translateY(12px); animation: cgc-fade-up 680ms 620ms both;
}
.cgc-about-hero__btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 13px 26px;
  font-family: var(--sans); font-size: 12px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; text-decoration: none;
  border: 1px solid var(--gold); color: #fff; background: var(--gold);
  transition: background .3s ease, color .3s ease, transform .3s ease, border-color .3s ease;
  position: relative; overflow: hidden;
}
.cgc-about-hero__btn::after {
  content:""; position:absolute; inset:0; width:55%;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.42), transparent);
  transform: translateX(-380%) skewX(-18deg); animation: cgc-shimmer 2.8s ease-in-out infinite;
}
.cgc-about-hero__btn:hover { background: #fff; color: var(--obs); border-color: #fff; transform: translateY(-2px); }
.cgc-about-hero__btn--ghost { background: transparent; border-color: rgba(255,255,255,.72); color:#fff; }
.cgc-about-hero__btn--ghost::after { display:none; }
.cgc-about-hero__btn--ghost:hover { background:#fff; color: var(--obs); }
.cgc-about-hero__scroll {
  margin: 34px auto 0; width: 26px; height: 40px; border:1px solid rgba(255,255,255,.45); border-radius: 999px;
  display:grid; place-items:center; opacity:0; animation: cgc-fade-up 600ms 820ms both;
}
.cgc-about-hero__scroll span {
  width:4px; height:10px; background:#fff; border-radius: 999px; display:block; animation: cgc-bounce 1.6s ease-in-out infinite;
}

/* ============================================================
   ABOUT — STATS BAR
   ============================================================ */
.cgc-about-stats {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1px;
  background: var(--bd); border-top:1px solid var(--bd); border-bottom:1px solid var(--bd);
}
.cgc-about-stats__item {
  background: #fff; text-align:center; padding: 28px 16px 24px; position:relative;
}
.cgc-about-stats__item::before { content:""; position:absolute; top:0; left:24%; right:24%; height:2px; background: var(--gold); transform: scaleX(0); transition: transform .8s cubic-bezier(.22,1,.36,1); }
.cgc-about-stats__item.is-visible::before { transform: scaleX(1); }
.cgc-about-stats__num {
  font-family: var(--serif); font-weight:300; font-size: clamp(28px,3.4vw,42px); line-height:1; color: var(--obs);
}
.cgc-about-stats__num small { font-size:.55em; color: var(--gold); margin-left:2px; }
.cgc-about-stats__label {
  margin-top:8px; font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#83838a;
}
@media (max-width: 900px){ .cgc-about-stats{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 520px){ .cgc-about-stats{ grid-template-columns: 1fr 1fr;} .cgc-about-stats__item{ padding:20px 12px} }

/* ============================================================
   ABOUT — SPLIT SECTIONS
   ============================================================ */
.cgc-about-split {
  display:grid; grid-template-columns: 1.05fr .95fr; gap: 44px; align-items:center;
  max-width: var(--page-max); margin: 0 auto; padding: 74px var(--page-pad);
}
.cgc-about-split--reverse { grid-template-columns: .95fr 1.05fr; }
.cgc-about-split--reverse .cgc-about-split__media { order: 2; }
.cgc-about-split--reverse .cgc-about-split__text { order: 1; }
.cgc-about-split__media { position:relative; }
.cgc-about-split__frame {
  position:relative; aspect-ratio: 4/3; overflow:hidden; background:#ecebe6; border-radius: 6px;
}
.cgc-about-split__frame img { width:100%; height:100%; object-fit:cover; display:block; }
.cgc-about-split__badge {
  position:absolute; bottom:14px; left:14px;
  background: rgba(255,255,255,.92); backdrop-filter: blur(6px);
  border:1px solid rgba(0,0,0,.06); border-radius: 999px;
  padding: 8px 12px; display:flex; align-items:center; gap:8px;
  font-family: var(--sans); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color: var(--obs);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}
.cgc-about-split__badge i { width:28px; height:28px; border-radius:50%; background: var(--obs); color:#fff; display:grid; place-items:center; font-size:13px; }
.cgc-about-split__kicker { margin:0 0 8px; }
.cgc-about-split__title {
  margin:0; font-family:var(--serif); font-weight:300; font-size: clamp(26px,3.2vw,38px); line-height:1.08; letter-spacing:.06em; text-transform:uppercase; color: var(--obs);
}
.cgc-about-split__desc { margin:16px 0 0; font-family:var(--sans); font-size:15px; line-height:1.8; color:#39393e; }
.cgc-about-split__list {
  margin:18px 0 0; padding:0; list-style:none; display:grid; gap:10px;
}
.cgc-about-split__list li {
  display:flex; gap:12px; align-items:flex-start;
  font-family:var(--sans); font-size:14px; line-height:1.6; color:#2b2b2e;
}
.cgc-about-split__list li::before {
  content:"\2713"; flex:0 0 22px; height:22px; border-radius:50%; background: var(--gold); color:#fff; display:grid; place-items:center; font-size:11px; margin-top:1px;
}
.cgc-about-split__cta { margin-top: 20px; display:flex; gap:10px; flex-wrap:wrap; }
.cgc-btn-dark {
  display:inline-flex; padding:11px 18px; background: var(--obs); color:#fff; border:1px solid var(--obs);
  font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:.25s;
}
.cgc-btn-dark:hover { background:#fff; color: var(--obs); }
.cgc-btn-ghost {
  display:inline-flex; padding:11px 18px; background: transparent; color: var(--obs); border:1px solid var(--bd);
  font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:.25s;
}
.cgc-btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

@media (max-width: 960px){
  .cgc-about-split, .cgc-about-split--reverse { grid-template-columns: 1fr; padding: 36px var(--page-pad); gap:22px; }
  .cgc-about-split--reverse .cgc-about-split__media, .cgc-about-split--reverse .cgc-about-split__text { order: initial; }
}

/* ============================================================
   ABOUT — VALUES
   ============================================================ */
.cgc-about-values { max-width: var(--page-max); margin: 0 auto; padding: 14px var(--page-pad) 68px; }
.cgc-about-values__head { text-align:center; max-width:640px; margin: 0 auto 28px; }
.cgc-about-values__head h2 { margin:8px 0 0; font-family:var(--serif); font-weight:300; font-size: clamp(26px,3vw,36px); letter-spacing:.06em; text-transform:uppercase; }
.cgc-about-values__head p { margin:10px 0 0; font-size:14px; line-height:1.7; color:#5a5a60; }
.cgc-about-values__grid { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.cgc-about-values__card {
  background:#fff; border:1px solid var(--bd); border-radius:10px; padding:22px 18px; text-align:center;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.cgc-about-values__card:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(28,28,28,.08); border-color: rgba(212,178,111,.45); }
.cgc-about-values__icon {
  width:52px; height:52px; border-radius:50%; margin:0 auto 14px;
  background: radial-gradient(120px 80px at 30% 20%, #fff, #faf9f6 60%, #f3ede0);
  border:1px solid var(--bd); display:grid; place-items:center; color: var(--gold); font-size:20px;
}
.cgc-about-values__card h3 { margin:0; font-family:var(--serif); font-size:15px; letter-spacing:.08em; text-transform:uppercase; }
.cgc-about-values__card p { margin:8px 0 0; font-size:13px; line-height:1.7; color:#60606a; }
@media (max-width: 1020px){ .cgc-about-values__grid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .cgc-about-values__grid{ grid-template-columns: 1fr;} }

/* ============================================================
   ABOUT — TIMELINE
   ============================================================ */
.cgc-about-timeline { max-width: 760px; margin: 0 auto; padding: 0 var(--page-pad) 66px; }
.cgc-about-timeline__head { text-align:center; margin-bottom: 22px; }
.cgc-about-timeline__head h2 { margin:8px 0 0; font-family:var(--serif); font-weight:300; font-size: clamp(26px,3vw,36px); letter-spacing:.06em; text-transform:uppercase; }
.cgc-about-timeline__line { position:relative; padding-left:28px; border-left:1px solid var(--bd); display:grid; gap:22px; }
.cgc-about-timeline__item { position:relative; background:#fff; border:1px solid var(--bd); border-radius:10px; padding:18px 16px 16px 18px; }
.cgc-about-timeline__item::before {
  content:""; position:absolute; left:-29px; top:18px; width:13px; height:13px; border-radius:50%; background: var(--gold); border:3px solid #fff; box-shadow: 0 0 0 2px var(--gold);
}
.cgc-about-timeline__year { font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color: var(--gold); }
.cgc-about-timeline__item h3 { margin:4px 0 6px; font-family:var(--serif); font-size:18px; letter-spacing:.04em; text-transform:uppercase; }
.cgc-about-timeline__item p { margin:0; font-size:13px; line-height:1.7; color:#5a5a60; }

/* ============================================================
   ABOUT — CATEGORY SHOWCASE
   ============================================================ */
.cgc-about-cats { padding: 10px 0 66px; background: linear-gradient(180deg, #fff 0%, #faf9f6 100%); border-top:1px solid var(--bd); border-bottom:1px solid var(--bd); }
.cgc-about-cats__inner { max-width: var(--page-max); margin:0 auto; padding: 0 var(--page-pad); }
.cgc-about-cats__head { text-align:center; margin-bottom: 22px; }
.cgc-about-cats__head h2 { margin:8px 0 0; font-family:var(--serif); font-weight:300; font-size: clamp(24px,3vw,34px); letter-spacing:.06em; text-transform:uppercase; }
.cgc-about-cats__grid { display:grid; grid-template-columns: repeat(5,1fr); gap:14px; }
.cgc-about-cat {
  background:#fff; border:1px solid var(--bd); border-radius:10px; overflow:hidden; text-decoration:none; color:inherit;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.cgc-about-cat:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(28,28,28,.08); border-color: rgba(212,178,111,.45); }
.cgc-about-cat__img { aspect-ratio: 1; overflow:hidden; background:#f7f5ef; }
.cgc-about-cat__img img { width:100%; height:100%; object-fit:cover; transition: transform .7s cubic-bezier(.22,1,.36,1); display:block; }
.cgc-about-cat:hover img { transform: scale(1.06); }
.cgc-about-cat__body { padding:14px 12px 16px; text-align:center; }
.cgc-about-cat__body strong { display:block; font-family:var(--serif); font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
.cgc-about-cat__body span { display:block; margin-top:6px; font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color: var(--gold); }
@media (max-width: 900px){ .cgc-about-cats__grid{ grid-template-columns: repeat(3,1fr);} }
@media (max-width: 620px){ .cgc-about-cats__grid{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 420px){ .cgc-about-cats__grid{ grid-template-columns: 1fr;} }

/* ============================================================
   ABOUT — QUOTE / FOUNDER
   ============================================================ */
.cgc-about-quote {
  max-width: 860px; margin: 0 auto; padding: 54px var(--page-pad);
  text-align:center; position:relative;
}
.cgc-about-quote::before {
  content:"“"; position:absolute; left:50%; top:10px; transform: translateX(-50%);
  font-family:var(--serif); font-size: 92px; line-height:1; color: var(--gold); opacity:.18;
}
.cgc-about-quote blockquote {
  margin: 10px 0 0; font-family:var(--serif); font-size: clamp(20px,2.8vw,28px); line-height:1.45; font-weight:300; font-style: italic; color: var(--obs);
}
.cgc-about-quote figcaption { margin-top:16px; font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#7a7a82; }
.cgc-about-quote figcaption span { color: var(--gold); }

/* ============================================================
   ABOUT — CTA BAND
   ============================================================ */
.cgc-about-cta {
  background: var(--obs); color:#fff; text-align:center; padding: 46px 24px; position:relative; overflow:hidden;
}
.cgc-about-cta::before {
  content:""; position:absolute; inset:-20px; background: radial-gradient(700px 260px at 50% 0%, rgba(212,178,111,.22), transparent 70%); pointer-events:none;
}
.cgc-about-cta h2 { position:relative; margin:0; font-family:var(--serif); font-weight:300; font-size: clamp(24px,3vw,36px); letter-spacing:.06em; text-transform:uppercase; color:#fff; }
.cgc-about-cta p { position:relative; margin:10px auto 0; max-width:560px; font-size:14px; line-height:1.7; color: rgba(255,255,255,.78); }
.cgc-about-cta__actions { position:relative; margin-top:18px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cgc-about-cta__btn {
  display:inline-flex; padding:12px 20px; border:1px solid var(--gold); background: var(--gold); color: var(--obs);
  font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; text-decoration:none; transition:.25s;
}
.cgc-about-cta__btn:hover { background:#fff; border-color:#fff; }
.cgc-about-cta__btn--ghost { background: transparent; color:#fff; border-color: rgba(255,255,255,.55); }
.cgc-about-cta__btn--ghost:hover { background:#fff; color: var(--obs); }

/* ============================================================
   POLICY — HERO (compact) — finetuned with layered luxury
   ============================================================ */
.cgc-policy-hero {
  position:relative; text-align:center; padding: 48px 24px 32px;
  background:
    radial-gradient(900px 460px at 50% -10%, rgba(212,178,111,0.13), transparent 70%),
    radial-gradient(600px 300px at 85% 0%, rgba(212,178,111,0.06), transparent 60%),
    linear-gradient(180deg, #fff 0%, #faf9f6 100%);
  border-bottom:1px solid var(--bd); overflow:hidden;
}
.cgc-policy-hero::before {
  content:""; position:absolute; inset:-20% -10% -10% -10%;
  background: radial-gradient(720px 360px at 50% 12%, rgba(212,178,111,0.07), transparent 70%);
  opacity:0; animation: cgc-policy-glow 1200ms 300ms both;
  pointer-events:none;
}
@keyframes cgc-policy-glow { from{opacity:0; transform: translateY(8px)} to{opacity:1; transform:none} }
.cgc-policy-hero__glyph {
  position:absolute; inset:0; display:grid; place-items:center; opacity:0; pointer-events:none; transform: scale(.92) rotate(-2deg);
  animation: cgc-policy-glyph-in 1000ms 120ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes cgc-policy-glyph-in { from{opacity:0; transform: scale(.88) rotate(-4deg) translateY(10px)} to{opacity:1; transform: scale(1) rotate(0deg)} }
.cgc-policy-hero__glyph span { width:min(460px,68vw); height:min(460px,68vw); color: var(--gold); opacity:.11; display:block; will-change: transform; animation: cgc-glyph-drift 5.5s ease-in-out 800ms infinite, cgc-glyph-pulse 3.2s ease-in-out 400ms infinite; }
.cgc-policy-hero__glyph span svg { width:100%; height:100%; filter: drop-shadow(0 14px 28px rgba(212,178,111,0.20)); }
/* GIF support — animated replacement for static SVG (per user request) */
.cgc-policy-hero__glyph img,
.cgc-policy-hero__glyph .cgc-policy-gif {
  width: min(340px, 62vw);
  height: min(340px, 62vw);
  object-fit: contain;
  display: block;
  opacity: .92;
  filter: drop-shadow(0 14px 28px rgba(212,178,111,0.18));
  will-change: transform;
  animation: cgc-glyph-drift 5.5s ease-in-out 800ms infinite;
  border-radius: 12px;
}
@keyframes cgc-glyph-pulse { 0%,100%{ opacity:.11; transform: scale(1)} 50%{ opacity:.16; transform: scale(1.03)} }
.cgc-policy-hero__inner { position:relative; z-index:1; max-width: 720px; margin:0 auto; }
.cgc-policy-hero__eyebrow { opacity:0; transform: translateY(10px); animation: cgc-fade-up 680ms 180ms both; font-size:10px; letter-spacing:.26em; }
.cgc-policy-hero__title {
  margin:10px 0 0; font-family:var(--serif); font-weight:300; font-size: clamp(26px,3.2vw,34px); line-height:.96; letter-spacing:.06em; text-transform:uppercase; color: var(--obs);
  opacity:0; transform: translateY(16px); animation: cgc-fade-up 820ms 260ms both;
}
.cgc-policy-hero__line { height:1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); width:88px; margin:14px auto 0; transform: scaleX(0); transform-origin: center; animation: cgc-line-draw 700ms 520ms forwards; position:relative; overflow:visible; }
.cgc-policy-hero__line::after {
  content:""; position:absolute; inset:0; background: var(--gold); filter: blur(6px); opacity:.32; transform: scaleX(0); animation: cgc-line-draw 700ms 520ms forwards;
}
.cgc-policy-hero__lead {
  max-width:600px; margin:12px auto 0; font-family:var(--sans); font-size:13px; line-height:1.75; color:#5a5a60;
  opacity:0; transform: translateY(12px); animation: cgc-fade-up 680ms 420ms both;
}
.cgc-policy-hero__meta {
  display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:14px; opacity:0; animation: cgc-fade-up 680ms 560ms both;
}

/* ============================================================
   POLICY — LAYOUT (TOC + BODY)
   ============================================================ */
.cgc-policy-wrap { max-width: var(--page-max); margin:0 auto; padding: 26px var(--page-pad) 56px; display:grid; grid-template-columns: 260px 1fr; gap:30px; }
.cgc-policy-toc { position:sticky; top:92px; align-self:start; background:#fff; border:1px solid var(--bd); border-radius:10px; padding:16px 14px; }
.cgc-policy-toc__title { font-family:var(--sans); font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#8a8a90; margin:0 0 10px; }
.cgc-policy-toc__list { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.cgc-policy-toc__list a {
  display:flex; gap:10px; align-items:center; padding:9px 10px; border-radius:8px;
  text-decoration:none; font-family:var(--sans); font-size:13px; font-weight:600; line-height:1.4; color:#404046;
  border:1px solid transparent; transition:.2s;
}
.cgc-policy-toc__list a i { width:26px; height:26px; border-radius:50%; background:#faf9f6; border:1px solid var(--bd); display:grid; place-items:center; font-size:12px; color: var(--gold); flex:0 0 26px; }
.cgc-policy-toc__list a:hover { background:#faf9f6; border-color: var(--bd); color: var(--obs); }
.cgc-policy-toc__list a.is-active { background: var(--obs); color:#fff; border-color: var(--obs); }
.cgc-policy-toc__list a.is-active i { background:#fff; color: var(--obs); border-color:#fff; }
.cgc-policy-toc__note {
  margin-top:12px; padding:10px 12px; background:#faf9f6; border:1px solid var(--bd); border-radius:8px;
  font-size:11px; line-height:1.6; color:#6a6a72;
}
.cgc-policy-toc__note strong { color: var(--obs); }
@media (max-width: 980px){
  .cgc-policy-wrap{ grid-template-columns: 1fr; }
  .cgc-policy-toc{ position: relative; top:auto; display:grid; gap:10px; }
  .cgc-policy-toc__list{ grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }
}
@media (max-width: 560px){
  .cgc-policy-toc__list{ grid-template-columns: 1fr; }
}

/* ============================================================
   POLICY — CARDS
   ============================================================ */
.cgc-policy-body { display:grid; gap:16px; }
.cgc-policy-card {
  background:#fff; border:1px solid var(--bd); border-radius:10px; padding:22px 18px 18px 18px; position:relative; overflow:hidden;
  transition: box-shadow .35s ease, border-color .35s ease, transform .35s ease;
}
.cgc-policy-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background: var(--gold); opacity:.95; }
.cgc-policy-card:hover { box-shadow: 0 12px 30px rgba(28,28,28,.07); border-color: rgba(212,178,111,.32); transform: translateY(-2px); }
.cgc-policy-card__head { display:flex; gap:12px; align-items:flex-start; }
.cgc-policy-card__icon {
  width:42px; height:42px; border-radius:50%; flex:0 0 42px;
  background: radial-gradient(120px 80px at 30% 20%, #fff, #faf9f6 60%, #f3ece0);
  border:1px solid var(--bd); display:grid; place-items:center; color: var(--gold); font-size:18px;
}
.cgc-policy-card__kicker { font-family:var(--sans); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color: var(--gold); margin:0; }
.cgc-policy-card__title { margin:2px 0 0; font-family:var(--serif); font-size:18px; letter-spacing:.04em; text-transform:uppercase; color: var(--obs); }
.cgc-policy-card__body { margin:12px 0 0; font-family:var(--sans); font-size:14px; line-height:1.8; color:#3e3e44; }
.cgc-policy-card__body p { margin:0 0 10px; }
.cgc-policy-card__body p:last-child { margin-bottom:0; }
.cgc-policy-card__list { margin:10px 0 0; padding-left:18px; display:grid; gap:8px; }
.cgc-policy-card__list li { font-size:14px; line-height:1.65; color:#3e3e44; }
.cgc-policy-card__list li strong { color: var(--obs); }

/* Highlight callout */
.cgc-policy-highlight {
  background: linear-gradient(135deg, #fff8e6 0%, #fff 58%);
  border:1px solid rgba(212,178,111,.42); border-radius:10px; padding:16px 18px; display:flex; gap:14px; align-items:flex-start;
}
.cgc-policy-highlight i { width:38px; height:38px; border-radius:50%; background: var(--gold); color:#fff; display:grid; place-items:center; font-size:16px; flex:0 0 38px; }
.cgc-policy-highlight__body { font-size:13px; line-height:1.7; color:#3e3e44; }
.cgc-policy-highlight__body strong { color: var(--obs); }

/* Mini table for policy */
.cgc-policy-table { width:100%; border-collapse:collapse; margin-top:12px; font-size:13px; overflow:hidden; border-radius:8px; border:1px solid var(--bd); }
.cgc-policy-table th { background:#faf9f6; text-align:left; padding:10px 12px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6a6a72; border-bottom:1px solid var(--bd); }
.cgc-policy-table td { padding:10px 12px; border-bottom:1px solid #f0ede8; color:#3e3e44; }
.cgc-policy-table tr:last-child td { border-bottom:none; }

/* Policy contact CTA */
.cgc-policy-contact {
  background:#fff; border:1px solid var(--bd); border-radius:10px; padding:18px; display:grid; grid-template-columns: 88px 1fr; gap:16px; align-items:center;
}
.cgc-policy-contact__img { width:88px; height:88px; border-radius:10px; overflow:hidden; background:#f5f1e8; border:1px solid var(--bd); }
.cgc-policy-contact__img img { width:100%; height:100%; object-fit:cover; display:block; }
.cgc-policy-contact__body h4 { margin:0; font-family:var(--serif); font-size:16px; letter-spacing:.06em; text-transform:uppercase; }
.cgc-policy-contact__body p { margin:6px 0 0; font-size:13px; line-height:1.7; color:#5a5a60; }
.cgc-policy-contact__actions { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
.cgc-policy-contact__actions a {
  display:inline-flex; align-items:center; gap:6px; padding:9px 12px; border-radius:999px;
  font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; text-decoration:none;
  border:1px solid var(--obs); background: var(--obs); color:#fff; transition:.22s;
}
.cgc-policy-contact__actions a:hover { background:#fff; color: var(--obs); }
.cgc-policy-contact__actions a:nth-child(2){ background:#fff; color: var(--obs); }
.cgc-policy-contact__actions a:nth-child(2):hover{ background: var(--obs); color:#fff; }
@media (max-width: 560px){ .cgc-policy-contact{ grid-template-columns: 1fr; } }

/* ============================================================
   TRACK ORDER — HERO + FORM LUXURY
   ============================================================ */
.cgc-track-hero {
  position:relative; overflow:hidden;
  background: linear-gradient(180deg, #fff 0%, #faf9f6 100%);
  border-bottom:1px solid var(--bd);
  padding: 56px 24px 34px;
}
.cgc-track-hero__inner { max-width: var(--page-max); margin:0 auto; display:grid; grid-template-columns: 1.05fr .9fr; gap:36px; align-items:center; }
.cgc-track-hero__copy { }
.cgc-track-hero__eyebrow { margin:0 0 8px; }
.cgc-track-hero__title { margin:0; font-family:var(--serif); font-weight:300; font-size: clamp(30px,4.4vw,46px); line-height:.96; letter-spacing:.06em; text-transform:uppercase; }
.cgc-track-hero__title em { display:block; font-style:italic; font-weight:300; text-transform:none; letter-spacing:.02em; color: var(--gold); }
.cgc-track-hero__lead { margin:12px 0 0; max-width:540px; font-family:var(--sans); font-size:14px; line-height:1.75; color:#5a5a60; }
.cgc-track-hero__chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.cgc-track-hero__chips span {
  display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border-radius:999px; background:#fff; border:1px solid var(--bd);
  font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6a6a72;
}
.cgc-track-hero__chips span i { width:26px; height:26px; border-radius:50%; background: var(--gold); color:#fff; display:grid; place-items:center; font-size:12px; }
.cgc-track-hero__visual { position:relative; }
.cgc-track-hero__card {
  background:#fff; border:1px solid var(--bd); border-radius:14px; padding:14px; box-shadow: 0 18px 40px rgba(28,28,28,.08); position:relative; overflow:hidden;
}
.cgc-track-hero__card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient(90deg, var(--gold), #f3d89a, var(--gold)); }
.cgc-track-hero__parcel {
  display:grid; grid-template-columns: 86px 1fr; gap:14px; align-items:center; padding:8px 6px 12px; border-bottom:1px dashed var(--bd);
}
.cgc-track-hero__parcel img { width:86px; height:86px; border-radius:10px; object-fit:cover; border:1px solid var(--bd); display:block; }
.cgc-track-hero__parcel h4 { margin:0; font-family:var(--serif); font-size:16px; letter-spacing:.04em; text-transform:uppercase; }
.cgc-track-hero__parcel p { margin:4px 0 0; font-size:12px; line-height:1.6; color:#6a6a72; }
.cgc-track-hero__steps { display:grid; gap:10px; padding:12px 6px 6px; }
.cgc-track-step { display:grid; grid-template-columns: 28px 1fr auto; gap:10px; align-items:center; }
.cgc-track-step__dot { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:13px; border:1px solid var(--bd); background:#faf9f6; color:#9a9aa0; }
.cgc-track-step--active .cgc-track-step__dot { background: var(--gold); color:#fff; border-color: var(--gold); box-shadow: 0 6px 14px rgba(212,178,111,.32); }
.cgc-track-step__label { font-family:var(--sans); font-size:13px; font-weight:600; color:#404046; }
.cgc-track-step__time { font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8a8a90; }
.cgc-track-step--active .cgc-track-step__label { color: var(--obs); }
@media (max-width: 980px){ .cgc-track-hero__inner{ grid-template-columns:1fr; } }

/* Track form section */
.cgc-track-section { max-width: 760px; margin:0 auto; padding: 28px 24px 56px; }
.cgc-track-form-wrap {
  background:#fff; border:1px solid var(--bd); border-radius:14px; padding:22px 20px 20px; box-shadow: 0 14px 34px rgba(28,28,28,.06); position:relative; overflow:hidden;
}
.cgc-track-form-wrap::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background: linear-gradient(90deg, var(--gold), #f3d89a, var(--gold)); }
.cgc-track-form-wrap h3 { margin:0 0 6px; font-family:var(--serif); font-weight:300; font-size:22px; letter-spacing:.06em; text-transform:uppercase; }
.cgc-track-form-wrap p.lead { margin:0 0 16px; font-size:13px; line-height:1.7; color:#6a6a72; }
.cgc-track-input-row { display:grid; grid-template-columns: 1fr auto; gap:10px; align-items:end; }
.cgc-track-input { position:relative; }
.cgc-track-input label { position:absolute; left:12px; top:-8px; background:#fff; padding:0 6px; font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color: var(--gold); }
.cgc-track-input input {
  width:100%; padding:14px 14px; border:1px solid var(--bd); border-radius:10px; background:#fff; font-family:var(--sans); font-size:15px; color: var(--obs); transition: border-color .2s ease, box-shadow .2s ease;
}
.cgc-track-input input:focus { outline:none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(212,178,111,.18); }
.cgc-track-input input::placeholder { color:#b0b0b8; }
.cgc-track-submit {
  padding:14px 18px; border-radius:10px; border:1px solid var(--obs); background: var(--obs); color:#fff;
  font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:.22s; position:relative; overflow:hidden; white-space:nowrap;
}
.cgc-track-submit::after {
  content:""; position:absolute; inset:0; width:55%; background: linear-gradient(105deg, transparent, rgba(255,255,255,.42), transparent);
  transform: translateX(-380%) skewX(-18deg); animation: cgc-shimmer 2.8s ease-in-out infinite;
}
.cgc-track-submit:hover { background: var(--gold); border-color: var(--gold); color:#fff; }
.cgc-track-hint { margin:8px 0 0; font-size:11px; line-height:1.6; color:#8a8a90; }
.cgc-track-hint code { background:#faf9f6; border:1px solid var(--bd); padding:2px 6px; border-radius:4px; font-size:11px; }
.cgc-track-alt { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.cgc-track-alt a { font-family:var(--sans); font-size:12px; font-weight:700; color: var(--obs); text-decoration: underline; text-underline-offset:3px; }
.cgc-track-alt a:hover { color: var(--gold); }
@media (max-width: 560px){ .cgc-track-input-row{ grid-template-columns:1fr; } .cgc-track-submit{ width:100%; } }

/* Override shortcode inline styles for luxury — target all possible ancestors (body.cgc-page-track, section.cgc-track-order, legacy .cgc-track) */
.cgc-track .cgc-tracking-form-container,
.cgc-page-track .cgc-tracking-form-container,
.cgc-track-order .cgc-tracking-form-container,
.cgc-tracking-form-container { max-width:560px !important; margin:0 auto !important; width:100% !important; box-sizing:border-box !important; display:block !important; }
.cgc-track .cgc-tracking-form,
.cgc-page-track .cgc-tracking-form,
.cgc-track-order .cgc-tracking-form { background:#fff !important; border:1px solid var(--bd) !important; border-radius:14px !important; box-shadow: 0 14px 34px rgba(28,28,28,.06) !important; padding:22px 20px !important; box-sizing:border-box !important; width:100% !important; }
.cgc-track .cgc-tracking-form label,
.cgc-page-track .cgc-tracking-form label,
.cgc-track-order .cgc-tracking-form label { font-family:var(--sans) !important; letter-spacing:.06em !important; text-transform:uppercase !important; font-size:11px !important; color: var(--gold) !important; }
.cgc-track .cgc-tracking-form input[type="text"],
.cgc-page-track .cgc-tracking-form input[type="text"],
.cgc-track-order .cgc-tracking-form input[type="text"] { border:1px solid var(--bd) !important; border-radius:10px !important; padding:13px 14px !important; background:#fff !important; box-sizing:border-box !important; width:100% !important; }
.cgc-track .cgc-tracking-form input[type="text"]:focus,
.cgc-page-track .cgc-tracking-form input[type="text"]:focus,
.cgc-track-order .cgc-tracking-form input[type="text"]:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px rgba(212,178,111,.18) !important; }
.cgc-track .cgc-track-submit, .cgc-track .cgc-tracking-form button,
.cgc-page-track .cgc-track-submit, .cgc-page-track .cgc-tracking-form button,
.cgc-track-order .cgc-track-submit, .cgc-track-order .cgc-tracking-form button { background: var(--obs) !important; border:1px solid var(--obs) !important; border-radius:10px !important; }
.cgc-track .cgc-tracking-form button:hover,
.cgc-page-track .cgc-tracking-form button:hover,
.cgc-track-order .cgc-tracking-form button:hover { background: var(--gold) !important; border-color: var(--gold) !important; }
.cgc-track .cgc-tracking-result,
.cgc-page-track .cgc-tracking-result,
.cgc-track-order .cgc-tracking-result { border:1px solid var(--bd) !important; border-radius:14px !important; box-shadow: 0 18px 40px rgba(28,28,28,.08) !important; padding:24px !important; max-width:560px !important; margin:18px auto 0 !important; width:100% !important; box-sizing:border-box !important; overflow:hidden !important; display:block !important; }
.cgc-track .cgc-classic-summary,
.cgc-page-track .cgc-classic-summary,
.cgc-track-order .cgc-classic-summary { border-radius:10px !important; overflow:hidden !important; box-sizing:border-box !important; width:100% !important; }
.cgc-track .cgc-tracking-result h3,
.cgc-page-track .cgc-tracking-result h3,
.cgc-track-order .cgc-tracking-result h3 { word-break:break-word !important; overflow-wrap:anywhere !important; }
.cgc-track .cgc-tracking-result p,
.cgc-page-track .cgc-tracking-result p,
.cgc-track-order .cgc-tracking-result p { overflow-wrap:anywhere !important; word-break:break-word !important; }
/* Ensure tracking number badge and flex rows wrap cleanly */
.cgc-track .cgc-tracking-result p[style*="display:flex"],
.cgc-page-track .cgc-tracking-result p[style*="display:flex"],
.cgc-track-order .cgc-tracking-result p[style*="display:flex"] { flex-wrap:wrap !important; gap:8px !important; }
.cgc-track .cgc-tracking-result span[style*="word-break:break-all"],
.cgc-page-track .cgc-tracking-result span[style*="word-break:break-all"],
.cgc-track-order .cgc-tracking-result span[style*="word-break:break-all"] { max-width:100% !important; line-break:anywhere !important; }
/* Classic summary inner grid and table wrapper responsive base */
.cgc-track .cgc-classic-summary > div[style*="grid-template-columns"],
.cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns"],
.cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns"] { gap:0 !important; }
.cgc-track .cgc-tracking-result div[style*="overflow:auto"],
.cgc-page-track .cgc-tracking-result div[style*="overflow:auto"],
.cgc-track-order .cgc-tracking-result div[style*="overflow:auto"] { -webkit-overflow-scrolling:touch !important; }
.cgc-track .cgc-classic-grid,
.cgc-page-track .cgc-classic-grid,
.cgc-track-order .cgc-classic-grid { gap:0 !important; display:grid !important; grid-template-columns:1fr 1fr !important; }
.cgc-track .cgc-tracking-table-wrap,
.cgc-page-track .cgc-tracking-table-wrap,
.cgc-track-order .cgc-tracking-table-wrap { -webkit-overflow-scrolling:touch !important; overflow-x:auto !important; display:block !important; width:100% !important; box-sizing:border-box !important; }
.cgc-track .cgc-tracking-meta-row,
.cgc-page-track .cgc-tracking-meta-row,
.cgc-track-order .cgc-tracking-meta-row { flex-wrap:wrap !important; gap:8px !important; }
.cgc-track .cgc-tracking-number,
.cgc-page-track .cgc-tracking-number,
.cgc-track-order .cgc-tracking-number { max-width:100% !important; line-break:anywhere !important; overflow-wrap:anywhere !important; }
.cgc-track .cgc-tracking-status-badge,
.cgc-page-track .cgc-tracking-status-badge,
.cgc-track-order .cgc-tracking-status-badge { word-break:break-word !important; overflow-wrap:anywhere !important; }

/* Track help grid */
.cgc-track-help { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-top:18px; }
.cgc-track-help__card { background:#fff; border:1px solid var(--bd); border-radius:10px; padding:14px 14px; text-align:center; }
.cgc-track-help__card i { width:42px; height:42px; border-radius:50%; background:#faf9f6; border:1px solid var(--bd); display:grid; place-items:center; margin:0 auto 10px; color: var(--gold); font-size:18px; }
.cgc-track-help__card h4 { margin:0; font-family:var(--serif); font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.cgc-track-help__card p { margin:6px 0 0; font-size:12px; line-height:1.65; color:#6a6a72; }
.cgc-track-help__card a { display:inline-block; margin-top:8px; font-family:var(--sans); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color: var(--gold); text-decoration:none; }
.cgc-track-help__card a:hover { text-decoration: underline; }
@media (max-width: 860px){ .cgc-track-help{ grid-template-columns:1fr; } }

/* Generic utility for pages */
.cgc-center { text-align:center; }
.cgc-muted { color:#6a6a72; }

/* Make policy hero glyph animate subtly */
@keyframes cgc-glyph-drift { 0%{ transform: translateY(0)} 50%{ transform: translateY(-6px)} 100%{ transform: translateY(0)} }
.cgc-policy-hero__glyph.is-visible span { animation: cgc-glyph-drift 5s ease-in-out infinite; }
.cgc-track-hero__card { animation: cgc-float 4.8s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){ .cgc-track-hero__card{ animation:none} }

/* ============================================================
   TABLET & MOBILE ALIGNMENT FIXES — 2026-08
   ============================================================ */
@media (max-width: 1024px) {
  .cgc-policy-wrap { gap: 22px; padding: 20px var(--page-pad) 40px; }
  .cgc-track-hero__inner { gap: 24px; }
  .cgc-about-split { gap: 28px; padding: 48px var(--page-pad); }
  .cgc-about-hero__title span { font-size: clamp(1.7rem, 4.8vw, 3.2rem); }
  .cgc-about-hero__title em { font-size: clamp(1.8rem, 5vw, 3.4rem); }
}
@media (max-width: 768px) {
  .cgc-about, .cgc-policy, .cgc-track { --page-pad: 16px; }
  .cgc-about-hero { min-height: 76vh; min-height: 76dvh; }
  .cgc-about-hero__content { padding: 42px 16px 48px; }
  .cgc-about-hero__eyebrow { font-size: 10px; letter-spacing: 0.22em; gap: 8px; }
  .cgc-about-hero__eyebrow::before, .cgc-about-hero__eyebrow::after { width: 16px; }
  .cgc-about-hero__title span { font-size: clamp(1.6rem, 8vw, 2.4rem); line-height: 1; }
  .cgc-about-hero__title em { font-size: clamp(1.65rem, 8.2vw, 2.5rem); }
  .cgc-about-hero__lead { font-size: 14px; line-height: 1.65; max-width: 92%; }
  .cgc-about-hero__actions { flex-direction: column; align-items: stretch; max-width: 320px; margin-left:auto; margin-right:auto; }
  .cgc-about-hero__btn { width: 100%; justify-content: center; }
  .cgc-about-stats { grid-template-columns: repeat(2,1fr) !important; }
  .cgc-about-stats__item { padding: 18px 10px; }
  .cgc-about-stats__num { font-size: clamp(26px, 6vw, 32px); }
  .cgc-about-split, .cgc-about-split--reverse { grid-template-columns: 1fr !important; gap: 18px; padding: 28px 16px; }
  .cgc-about-split__badge { left: 8px; bottom: 8px; padding: 6px 10px; font-size: 10px; }
  .cgc-about-split__title { font-size: clamp(22px, 6vw, 28px); }
  .cgc-about-split__desc { font-size: 14px; }
  .cgc-about-split__list li { font-size: 13px; }
  .cgc-about-values { padding: 8px 16px 36px; }
  .cgc-about-values__grid { grid-template-columns: repeat(2,1fr) !important; gap: 10px; }
  .cgc-about-values__card { padding: 16px 12px; }
  .cgc-about-timeline { padding: 0 16px 36px; }
  .cgc-about-timeline__line { padding-left: 18px; gap: 16px; }
  .cgc-about-timeline__item::before { left: -24px; width: 11px; height: 11px; }
  .cgc-about-cats { padding: 8px 0 28px; }
  .cgc-about-cats__inner { padding: 0 16px; }
  .cgc-about-cats__grid { grid-template-columns: repeat(2,1fr) !important; gap: 10px; }
  .cgc-about-quote { padding: 36px 16px; }
  .cgc-about-quote blockquote { font-size: clamp(18px, 5vw, 22px); }
  .cgc-about-cta { padding: 32px 16px; }
  .cgc-about-cta h2 { font-size: clamp(22px, 6vw, 26px); }
  /* Policy — finetuned mobile hero — compact & visible */
  .cgc-policy-hero { padding: 32px 16px 24px; min-height: auto; background: linear-gradient(180deg, #fff 0%, #faf9f6 100%); }
  .cgc-policy-hero::before { opacity:.05; }
  .cgc-policy-hero__inner { padding: 0 8px; position:relative; z-index:2; }
  .cgc-policy-hero__eyebrow { font-size: 9px; letter-spacing:.22em; margin-bottom: 6px; }
  .cgc-policy-hero__title { font-size: clamp(24px, 7vw, 30px); line-height:1.08; margin: 8px 0 0; }
  .cgc-policy-hero__lead { font-size: 13px; line-height:1.65; max-width: 94%; margin: 10px auto 0; color:#5a5a60; }
  .cgc-policy-hero__meta { gap: 6px; margin-top: 12px; justify-content:center; }
  .cgc-policy-hero__meta span { padding: 6px 9px; font-size: 9px; background:#fff; border:1px solid var(--bd); }
  .cgc-policy-hero__glyph { opacity: 1; top: 6px; }
  .cgc-policy-hero__glyph span { width: min(220px, 52vw) !important; height: min(220px, 52vw) !important; opacity:.13 !important; animation: cgc-glyph-drift 4.5s ease-in-out infinite, cgc-glyph-pulse 3s ease-in-out infinite !important; }
  .cgc-policy-hero__glyph img,
  .cgc-policy-hero__glyph .cgc-policy-gif { width: min(220px, 52vw) !important; height: min(220px, 52vw) !important; opacity: .92 !important; }
  .cgc-policy-hero__line { width: 56px; margin: 12px auto 0; height:1px; background: var(--gold); }
  .cgc-policy-wrap { grid-template-columns: 1fr !important; padding: 16px 16px 32px; gap: 16px; }
  .cgc-policy-toc { position: static !important; top: auto !important; padding: 12px; }
  .cgc-policy-toc__list { grid-template-columns: 1fr 1fr; gap: 6px; }
  .cgc-policy-card { padding: 16px 14px; }
  .cgc-policy-card__title { font-size: 16px; }
  .cgc-policy-card__body { font-size: 13px; }
  .cgc-policy-table { font-size: 12px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .cgc-policy-contact { grid-template-columns: 72px 1fr !important; padding: 14px; gap: 12px; }
  .cgc-policy-contact__img { width: 72px; height: 72px; }
  .cgc-policy-highlight { padding: 12px 14px; gap: 10px; }
  /* Track */
  .cgc-track-hero { padding: 28px 16px 18px; }
  .cgc-track-hero__inner { grid-template-columns: 1fr !important; gap: 18px; }
  .cgc-track-hero__title { font-size: clamp(26px, 7.5vw, 34px); }
  .cgc-track-hero__chips { gap: 6px; }
  .cgc-track-hero__chips span { padding: 6px 10px; font-size: 10px; }
  .cgc-track-hero__parcel { grid-template-columns: 72px 1fr; gap: 10px; }
  .cgc-track-hero__parcel img { width: 72px; height: 72px; }
  .cgc-track-section { padding: 16px 16px 32px; }
  .cgc-track-form-wrap { padding: 16px 14px; }
  .cgc-track-form-wrap h3 { font-size: 18px; }
  .cgc-track-help { grid-template-columns: 1fr !important; gap: 10px; }
  /* Tracking form + result — tablet (all ancestors) */
  .cgc-track .cgc-tracking-form-container,
  .cgc-page-track .cgc-tracking-form-container,
  .cgc-track-order .cgc-tracking-form-container { max-width:100% !important; margin:0 auto !important; padding:0 !important; }
  .cgc-track .cgc-tracking-form,
  .cgc-page-track .cgc-tracking-form,
  .cgc-track-order .cgc-tracking-form { padding:18px 16px !important; }
  .cgc-track .cgc-tracking-result,
  .cgc-page-track .cgc-tracking-result,
  .cgc-track-order .cgc-tracking-result { max-width:100% !important; margin:16px auto 0 !important; padding:18px 16px !important; }
  .cgc-track .cgc-tracking-result h3,
  .cgc-page-track .cgc-tracking-result h3,
  .cgc-track-order .cgc-tracking-result h3 { font-size:17px !important; }
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"],
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"],
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div,
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div,
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div { border-right:none !important; border-bottom:1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child,
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child,
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child { border-bottom:none !important; }
  .cgc-track .cgc-classic-grid,
  .cgc-page-track .cgc-classic-grid,
  .cgc-track-order .cgc-classic-grid { grid-template-columns:1fr !important; }
  .cgc-track .cgc-classic-grid__cell,
  .cgc-page-track .cgc-classic-grid__cell,
  .cgc-track-order .cgc-classic-grid__cell { border-right:none !important; border-bottom:1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-grid__cell:last-child,
  .cgc-page-track .cgc-classic-grid__cell:last-child,
  .cgc-track-order .cgc-classic-grid__cell:last-child { border-bottom:none !important; }
  .cgc-track .cgc-tracking-result div[style*="overflow:auto"],
  .cgc-page-track .cgc-tracking-result div[style*="overflow:auto"],
  .cgc-track-order .cgc-tracking-result div[style*="overflow:auto"] { margin:0 -16px !important; border-left:none !important; border-right:none !important; border-radius:0 !important; }
  .cgc-track .cgc-tracking-table-wrap,
  .cgc-page-track .cgc-tracking-table-wrap,
  .cgc-track-order .cgc-tracking-table-wrap { margin:0 -16px !important; border-left:none !important; border-right:none !important; border-radius:0 !important; }
  .cgc-track .cgc-tracking-result table,
  .cgc-page-track .cgc-tracking-result table,
  .cgc-track-order .cgc-tracking-result table { min-width:520px !important; font-size:12px !important; }
  .cgc-track .cgc-tracking-table,
  .cgc-page-track .cgc-tracking-table,
  .cgc-track-order .cgc-tracking-table { min-width:520px !important; font-size:12px !important; }
  .cgc-track .cgc-tracking-result p[style*="display:flex"],
  .cgc-page-track .cgc-tracking-result p[style*="display:flex"],
  .cgc-track-order .cgc-tracking-result p[style*="display:flex"] { gap:6px !important; }
  .cgc-track .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"],
  .cgc-page-track .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"],
  .cgc-track-order .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"] { margin-left:0 !important; width:100% !important; display:flex !important; justify-content:center !important; text-align:center !important; }
  .cgc-track .cgc-tracking-meta-row,
  .cgc-page-track .cgc-tracking-meta-row,
  .cgc-track-order .cgc-tracking-meta-row { gap:6px !important; }
  .cgc-track .cgc-tracking-status-badge,
  .cgc-page-track .cgc-tracking-status-badge,
  .cgc-track-order .cgc-tracking-status-badge { margin-left:0 !important; width:100% !important; display:flex !important; justify-content:center !important; text-align:center !important; }
}
@media (max-width: 480px) {
  .cgc-about-hero { min-height: 68vh; }
  .cgc-about-stats { grid-template-columns: 1fr 1fr !important; }
  .cgc-about-values__grid { grid-template-columns: 1fr !important; }
  .cgc-about-cats__grid { grid-template-columns: 1fr 1fr !important; }
  .cgc-policy-toc__list { grid-template-columns: 1fr !important; }
  .cgc-policy-contact { grid-template-columns: 1fr !important; text-align: center; }
  .cgc-policy-contact__img { margin: 0 auto; }
  .cgc-track-hero__parcel { grid-template-columns: 1fr; text-align: center; }
  .cgc-track-hero__parcel img { margin: 0 auto; }
  .cgc-track-step { grid-template-columns: 28px 1fr; }
  .cgc-track-step__time { display: none; }
  /* Tracking result — mobile (all ancestors) */
  .cgc-track .cgc-tracking-form, .cgc-page-track .cgc-tracking-form, .cgc-track-order .cgc-tracking-form { padding:16px 14px !important; }
  .cgc-track .cgc-tracking-result, .cgc-page-track .cgc-tracking-result, .cgc-track-order .cgc-tracking-result { padding:14px 12px !important; margin-top:14px !important; }
  .cgc-track .cgc-tracking-result h3, .cgc-page-track .cgc-tracking-result h3, .cgc-track-order .cgc-tracking-result h3 { font-size:16px !important; }
  .cgc-track .cgc-tracking-result table, .cgc-page-track .cgc-tracking-result table, .cgc-track-order .cgc-tracking-result table { min-width:460px !important; font-size:11px !important; }
  .cgc-track .cgc-tracking-table, .cgc-page-track .cgc-tracking-table, .cgc-track-order .cgc-tracking-table { min-width:460px !important; font-size:11px !important; }
  .cgc-track .cgc-tracking-result div[style*="overflow:auto"], .cgc-page-track .cgc-tracking-result div[style*="overflow:auto"], .cgc-track-order .cgc-tracking-result div[style*="overflow:auto"] { margin:0 -12px !important; }
  .cgc-track .cgc-tracking-table-wrap, .cgc-page-track .cgc-tracking-table-wrap, .cgc-track-order .cgc-tracking-table-wrap { margin:0 -12px !important; }
  .cgc-track .cgc-classic-grid, .cgc-page-track .cgc-classic-grid, .cgc-track-order .cgc-classic-grid { grid-template-columns:1fr !important; }
  .cgc-track .cgc-classic-grid__cell, .cgc-page-track .cgc-classic-grid__cell, .cgc-track-order .cgc-classic-grid__cell { border-right:none !important; border-bottom:1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-grid__cell:last-child, .cgc-page-track .cgc-classic-grid__cell:last-child, .cgc-track-order .cgc-classic-grid__cell:last-child { border-bottom:none !important; }
}
/* Prevent horizontal scroll on narrow viewports */
@media (max-width: 768px) {
  .cgc-about, .cgc-policy, .cgc-track { overflow-x: hidden; }
  .cgc-about img, .cgc-policy img, .cgc-track img { max-width: 100%; height: auto; }
  .cgc-about-stats__item::before { left: 18%; right: 18%; }
}

/* ============================================================
   HOMEPAGE HERO SLIDER — fade, autoplay, dots, arrows, progress
   ============================================================ */
.cgc-hero--slider { position: relative; height: 90vh; min-height: 560px; overflow: hidden; display: block; padding: 0; }
.cgc-hero--slider .cgc-hero__viewport { position: absolute; inset: 0; overflow: hidden; }
.cgc-hero--slider .cgc-hero__track { position: absolute; inset: 0; }
.cgc-hero--slider .cgc-hero__slide {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 700ms cubic-bezier(.22,1,.36,1), visibility 700ms;
}
.cgc-hero--slider .cgc-hero__slide.is-active {
  opacity: 1; visibility: visible; pointer-events: auto; z-index: 2;
}
.cgc-hero--slider .cgc-hero__slide .cgc-hero__bg { animation: none; transform: scale(1.08); transition: transform 7s cubic-bezier(.22,1,.36,1); }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__bg { transform: scale(1); }
.cgc-hero--slider .cgc-hero__container { opacity: 0; transform: translateY(16px); transition: opacity 600ms 200ms ease, transform 600ms 200ms cubic-bezier(.22,1,.36,1); }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__container { opacity: 1; transform: none; }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__tagline { animation: cgc-fade-up 600ms 240ms both; }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__title { animation: cgc-fade-up 640ms 340ms both; }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__offer { animation: cgc-fade-up 600ms 440ms both; }
.cgc-hero--slider .cgc-hero__slide.is-active .cgc-hero__btn { animation: cgc-fade-up 600ms 540ms both; }
.cgc-hero__arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.55); background: rgba(18,18,18,.28);
  color: #fff; display: grid; place-items: center; cursor: pointer;
  z-index: 5; backdrop-filter: blur(6px);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.cgc-hero__arrow:hover { background: var(--cgc-gold, #D4B26F); border-color: var(--cgc-gold, #D4B26F); transform: translateY(-50%) scale(1.06); }
.cgc-hero__arrow--prev { left: 18px; }
.cgc-hero__arrow--next { right: 18px; }
.cgc-hero__dots {
  position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%);
  display: flex; gap: 8px; z-index: 5; align-items: center;
}
.cgc-hero__dot {
  width: 36px; height: 3px; border-radius: 999px; border: none; background: rgba(255,255,255,.42);
  cursor: pointer; padding: 0; transition: background .3s ease, width .3s ease, opacity .3s ease;
}
.cgc-hero__dot.is-active { background: var(--cgc-gold, #D4B26F); width: 42px; }
.cgc-hero__progress {
  position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,.22); z-index: 5; overflow: hidden;
}
.cgc-hero__progress span {
  display: block; height: 100%; width: 100%; background: var(--cgc-gold, #D4B26F);
  transform: scaleX(0); transform-origin: left; transition: none;
}
.cgc-hero--slider.is-playing .cgc-hero__progress span { animation: cgc-hero-progress 5000ms linear forwards; }
@keyframes cgc-hero-progress { from{ transform: scaleX(0)} to{ transform: scaleX(1)} }
@media (max-width: 768px) {
  .cgc-hero--slider { height: 72vh; min-height: 480px; min-height: 68dvh; }
  .cgc-hero__arrow { display: none !important; }
  .cgc-hero__dots { bottom: 14px; }
  .cgc-hero__dot { width: 28px; }
  .cgc-hero__dot.is-active { width: 34px; }
  .cgc-hero--slider .cgc-hero__title { font-size: clamp(26px, 6.5vw, 36px) !important; }
  .cgc-hero--slider .cgc-hero__container { padding: 0 16px; max-width: 92%; }
  .cgc-hero--slider .cgc-hero__bg { filter: brightness(0.58) saturate(1.02); }
  .cgc-hero--slider .cgc-hero__offer { font-size: clamp(15px, 4vw, 20px); margin-bottom: 22px; }
}
@media (max-width: 480px) {
  .cgc-hero--slider { height: 64vh; min-height: 440px; }
}
@media (prefers-reduced-motion: reduce) {
  .cgc-hero--slider .cgc-hero__slide, .cgc-hero--slider .cgc-hero__slide .cgc-hero__bg, .cgc-hero--slider .cgc-hero__container { transition: none !important; animation: none !important; transform: none !important; opacity: 1 !important; }
  .cgc-hero--slider .cgc-hero__slide:not(.is-active) { display: none !important; }
  .cgc-hero__progress { display: none; }
}


.cgc-about-team { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:640px; margin:0 auto; }
@media (max-width: 480px){ .cgc-about-team{ grid-template-columns:1fr !important; } }

/* Contact details structured (policy pages) */
.cgc-contact-details { display: grid; gap: 0; margin-top: 12px; border: 1px solid var(--bd); border-radius: 8px; overflow: hidden; background: #faf9f6; }
.cgc-contact-details__row { display: grid; grid-template-columns: 200px 1fr; gap: 12px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #ecebe6; background: #fff; }
.cgc-contact-details__row:last-child { border-bottom: none; }
.cgc-contact-details__row:nth-child(even) { background: #fdfcf9; }
.cgc-contact-details__label { font-family: var(--sans); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8a8a90; }
.cgc-contact-details__value { font-family: var(--sans); font-size: 13px; line-height: 1.5; color: var(--obs); word-break: break-word; }
.cgc-contact-details__value a { color: var(--obs); text-decoration: none; border-bottom: 1px solid rgba(212,178,111,.32); transition: color .2s, border-color .2s; }
.cgc-contact-details__value a:hover { color: var(--gold); border-color: var(--gold); }
@media (max-width: 640px){
  .cgc-contact-details__row { grid-template-columns: 1fr; gap: 4px; padding: 10px 12px; }
  .cgc-contact-details__label { font-size: 10px; }
  .cgc-contact-details__value { font-size: 13px; }
}

/* ============================================================
   TAMIL LANGUAGE — TYPOGRAPHY & RESPONSIVE ALIGNMENT FIXES
   Ensures long Tamil words wrap correctly, maintains layout
   parity with English on mobile/tablet, and uses Tamil-friendly fonts.
   ============================================================ */
/* Tamil font fallback — Cormorant/Jakarta don't support Tamil glyphs */
html:lang(ta) .cgc-policy-hero__title,
html:lang(ta) .cgc-policy-card__title,
html:lang(ta) .cgc-policy-card__kicker,
html:lang(ta) .cgc-policy-toc__title,
html:lang(ta) h1, html:lang(ta) h2, html:lang(ta) h3 {
  font-family: 'Noto Sans Tamil', 'Latha', 'Nirmala UI', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
html:lang(ta) .cgc-policy-hero__lead,
html:lang(ta) .cgc-policy-card__body,
html:lang(ta) .cgc-policy-card__body p,
html:lang(ta) .cgc-policy-card__list li,
html:lang(ta) .cgc-policy-toc__list a,
html:lang(ta) .cgc-policy-toc__note,
html:lang(ta) .cgc-policy-highlight__body,
html:lang(ta) .cgc-contact-details__value,
html:lang(ta) .cgc-contact-details__label {
  font-family: 'Noto Sans Tamil', 'Latha', 'Nirmala UI', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  line-height: 1.95 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto;
}
/* Tamil hero title needs tighter clamp due to longer strings */
html:lang(ta) .cgc-policy-hero__title {
  font-size: clamp(22px, 3vw, 32px) !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html:lang(ta) .cgc-policy-hero__lead {
  font-size: 13.5px !important;
  line-height: 1.85 !important;
}
html:lang(ta) .cgc-policy-card__title {
  font-size: 17px !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}
/* Tamil TOC — longer labels need full wrap and not fixed min-width */
html:lang(ta) .cgc-policy-toc__list a {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  padding: 8px 10px !important;
  min-width: 0;
  overflow-wrap: anywhere !important;
}
/* Tables: ensure Tamil headers wrap and don't force overflow */
html:lang(ta) .cgc-policy-table th,
html:lang(ta) .cgc-policy-table td {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto;
  min-width: 0;
}
html:lang(ta) .cgc-policy-table {
  table-layout: fixed;
  width: 100%;
}
/* Mobile/tablet Tamil adjustments — prevent horizontal scroll */
@media (max-width: 1024px) {
  html:lang(ta) .cgc-policy-wrap { gap: 20px; }
  html:lang(ta) .cgc-policy-toc__list { grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); }
}
@media (max-width: 768px) {
  html:lang(ta) .cgc-policy-hero__title { font-size: clamp(20px, 6.2vw, 26px) !important; }
  html:lang(ta) .cgc-policy-hero__lead { font-size: 12.8px !important; max-width: 100% !important; }
  html:lang(ta) .cgc-policy-toc__list { grid-template-columns: 1fr 1fr !important; gap: 6px !important; }
  html:lang(ta) .cgc-policy-toc__list a { font-size: 11.5px !important; }
  html:lang(ta) .cgc-policy-card { padding: 15px 13px !important; }
  html:lang(ta) .cgc-policy-card__body { font-size: 13px !important; }
  html:lang(ta) .cgc-policy-table { font-size: 11.5px !important; display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; white-space: normal; }
  html:lang(ta) .cgc-policy-table thead, html:lang(ta) .cgc-policy-table tbody, html:lang(ta) .cgc-policy-table tr { display: table; width: 100%; table-layout: fixed; }
  html:lang(ta) .cgc-contact-details__row { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
  html:lang(ta) .cgc-policy-hero { padding: 22px 14px 16px !important; }
  html:lang(ta) .cgc-policy-hero__title { font-size: clamp(18px, 7vw, 22px) !important; line-height: 1.3 !important; }
  html:lang(ta) .cgc-policy-toc { padding: 10px !important; }
  html:lang(ta) .cgc-policy-toc__list { grid-template-columns: 1fr !important; }
  html:lang(ta) .cgc-policy-card__title { font-size: 15.5px !important; }
  html:lang(ta) .cgc-policy-card__body { font-size: 12.5px !important; line-height: 1.9 !important; }
  html:lang(ta) .cgc-policy-table th, html:lang(ta) .cgc-policy-table td { padding: 8px 8px !important; font-size: 11px !important; }
  html:lang(ta) .cgc-policy-highlight { flex-direction: column; gap: 8px; }
  html:lang(ta) .cgc-policy-hero__meta { flex-direction: column; align-items: center; gap: 6px; }
  html:lang(ta) .cgc-policy-hero__meta span { width: 100%; justify-content: center; }
}
/* Prevent Tamil long words from breaking layout on very narrow screens */
@media (max-width: 375px) {
  html:lang(ta) .cgc-policy-hero__title,
  html:lang(ta) .cgc-policy-card__title,
  html:lang(ta) .cgc-policy-card__kicker { overflow-wrap: anywhere !important; word-break: break-word !important; }
  html:lang(ta) .cgc-policy { overflow-x: hidden; }
}



/* ============================================================
   TAMIL TRACK HERO — ALIGNMENT FIXES (first section)
   Fixes misaligned eyebrow/title/lead/chips on Tamil track page
   for mobile/tablet. Mirrors English layout but handles Tamil
   longer words, 3-line title (em block), and chip wrapping.
   ============================================================ */
html:lang(ta) .cgc-track-hero__eyebrow,
html:lang(ta) .cgc-track-hero__title,
html:lang(ta) .cgc-track-hero__lead,
html:lang(ta) .cgc-track-hero__chips span,
html:lang(ta) .cgc-track-hero__parcel h4,
html:lang(ta) .cgc-track-hero__parcel p,
html:lang(ta) .cgc-track-step__label,
html:lang(ta) .cgc-track-form-wrap h3,
html:lang(ta) .cgc-track-form-wrap p.lead,
html:lang(ta) .cgc-track-help__card h4,
html:lang(ta) .cgc-track-help__card p {
  font-family: 'Noto Sans Tamil', 'Latha', 'Nirmala UI', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html:lang(ta) .cgc-track-hero__eyebrow {
  letter-spacing: 0.12em !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}
html:lang(ta) .cgc-track-hero__title {
  font-family: 'Noto Sans Tamil', 'Latha', 'Nirmala UI', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: clamp(26px, 3.8vw, 34px) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1.28 !important;
  overflow-wrap: anywhere !important;
}
html:lang(ta) .cgc-track-hero__title em {
  display: inline !important;
  font-style: italic !important;
  letter-spacing: 0.01em !important;
}
html:lang(ta) .cgc-track-hero__lead {
  font-size: 13.5px !important;
  line-height: 1.85 !important;
  max-width: 560px !important;
}
html:lang(ta) .cgc-track-hero__chips {
  gap: 7px !important;
}
html:lang(ta) .cgc-track-hero__chips span {
  font-size: 10px !important;
  line-height: 1.45 !important;
  padding: 7px 11px !important;
  letter-spacing: 0.06em !important;
}
html:lang(ta) .cgc-track-hero__parcel h4 {
  font-size: 15px !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
}
html:lang(ta) .cgc-track-step__label {
  line-height: 1.5 !important;
  font-size: 12.5px !important;
}
/* Tablet — 1024 */
@media (max-width: 1024px) {
  html:lang(ta) .cgc-track-hero__inner { gap: 22px !important; }
  html:lang(ta) .cgc-track-hero__title { font-size: clamp(24px, 3.6vw, 30px) !important; }
}
/* Tablet — 980 (grid collapses to 1fr, same as policy) */
@media (max-width: 980px) {
  html:lang(ta) .cgc-track-hero__inner { grid-template-columns: 1fr !important; gap: 20px !important; }
  html:lang(ta) .cgc-track-hero__copy { text-align: center !important; }
  html:lang(ta) .cgc-track-hero__lead { margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
  html:lang(ta) .cgc-track-hero__chips { justify-content: center !important; }
  html:lang(ta) .cgc-track-hero__visual { max-width: 560px; margin: 0 auto; width: 100%; }
}
/* Mobile — 768 */
@media (max-width: 768px) {
  html:lang(ta) .cgc-track-hero { padding: 26px 16px 20px !important; }
  html:lang(ta) .cgc-track-hero__inner { gap: 16px !important; }
  html:lang(ta) .cgc-track-hero__copy { text-align: center !important; }
  html:lang(ta) .cgc-track-hero__eyebrow { justify-content: center !important; font-size: 9.5px !important; letter-spacing: 0.14em !important; }
  html:lang(ta) .cgc-track-hero__title { font-size: clamp(22px, 6.8vw, 28px) !important; line-height: 1.3 !important; text-align: center !important; }
  html:lang(ta) .cgc-track-hero__title em { display: inline !important; }
  html:lang(ta) .cgc-track-hero__lead { font-size: 12.8px !important; line-height: 1.75 !important; text-align: center !important; max-width: 92% !important; margin: 10px auto 0 !important; }
  html:lang(ta) .cgc-track-hero__chips { gap: 6px !important; justify-content: center !important; }
  html:lang(ta) .cgc-track-hero__chips span { font-size: 9.5px !important; padding: 6px 10px !important; }
  html:lang(ta) .cgc-track-hero__parcel { grid-template-columns: 72px 1fr !important; gap: 10px !important; text-align: left !important; }
  html:lang(ta) .cgc-track-hero__parcel h4 { font-size: 14px !important; }
  html:lang(ta) .cgc-track-hero__parcel p { font-size: 11.5px !important; }
  html:lang(ta) .cgc-track-form-wrap { padding: 16px 14px !important; }
  html:lang(ta) .cgc-track-help__card h4 { font-size: 12.5px !important; }
  html:lang(ta) .cgc-track-help__card p { font-size: 11.5px !important; line-height: 1.7 !important; }
}
/* Small mobile — 480 */
@media (max-width: 480px) {
  html:lang(ta) .cgc-track-hero { padding: 22px 14px 16px !important; }
  html:lang(ta) .cgc-track-hero__title { font-size: clamp(20px, 7.2vw, 24px) !important; }
  html:lang(ta) .cgc-track-hero__chips { flex-direction: column !important; align-items: stretch !important; }
  html:lang(ta) .cgc-track-hero__chips span { width: 100% !important; justify-content: center !important; }
  html:lang(ta) .cgc-track-hero__parcel { grid-template-columns: 1fr !important; text-align: center !important; }
  html:lang(ta) .cgc-track-hero__parcel img { margin: 0 auto !important; }
  html:lang(ta) .cgc-track-step { grid-template-columns: 28px 1fr !important; }
  html:lang(ta) .cgc-track-step__time { display: none !important; }
  html:lang(ta) .cgc-track-section { padding: 14px 14px 28px !important; }
}
/* Very narrow — 375 */
@media (max-width: 375px) {
  html:lang(ta) .cgc-track-hero__title,
  html:lang(ta) .cgc-track-hero__eyebrow,
  html:lang(ta) .cgc-track-help__card h4 { overflow-wrap: anywhere !important; word-break: break-word !important; }
  html:lang(ta) .cgc-track { overflow-x: hidden !important; }
}

/* ============================================================
   TRACKING RESULT — ALIGNMENT FIX 2026-08 (Desktop/Tablet/Mobile)
   Verified: ensures result window is centered, no overflow,
   consistent across 1280px / 768px / 375px. Overrides legacy
   inline styles + previous negative-margin hacks.
   ============================================================ */
/* Base: ensure border-box everywhere for track pages */
.cgc-track, .cgc-track * , .cgc-track-section, .cgc-track-section * { box-sizing: border-box; }

/* Section: centered max-width, responsive padding, prevent overflow */
.cgc-track-section {
  max-width: 760px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 28px 24px 56px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Form wrap: luxury card, centered, consistent max-width */
.cgc-track-form-wrap {
  max-width: 620px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 22px 20px 20px !important;
  overflow: visible !important;
}

/* Container: shortcode wrapper — centered, limits to 560 */
.cgc-track .cgc-tracking-form-container,
.cgc-page-track .cgc-tracking-form-container,
.cgc-track-order .cgc-tracking-form-container,
.cgc-tracking-form-container {
  max-width: 560px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: visible !important;
}

/* Form: fills container, consistent padding, no overflow */
.cgc-track .cgc-tracking-form,
.cgc-page-track .cgc-tracking-form,
.cgc-track-order .cgc-tracking-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  padding: 22px 20px !important;
  background: #FAF9F6 !important;
  border: 1px solid var(--bd, #E8E6E0) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 18px rgba(28,28,28,0.04) !important;
  display: block !important;
  overflow: hidden !important;
}
.cgc-track .cgc-tracking-form label,
.cgc-page-track .cgc-tracking-form label,
.cgc-track-order .cgc-tracking-form label {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.cgc-track .cgc-tracking-form input[type="text"],
.cgc-page-track .cgc-tracking-form input[type="text"],
.cgc-track-order .cgc-tracking-form input[type="text"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}
.cgc-track .cgc-tracking-form button,
.cgc-page-track .cgc-tracking-form button,
.cgc-track-order .cgc-tracking-form button,
.cgc-track .cgc-track-submit,
.cgc-page-track .cgc-track-submit,
.cgc-track-order .cgc-track-submit {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
}

/* Result window: centered via container, fills container, no auto-margin conflict */
.cgc-track .cgc-tracking-result,
.cgc-page-track .cgc-tracking-result,
.cgc-track-order .cgc-tracking-result {
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 0 0 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--bd, #E8E6E0) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.05) !important;
  text-align: left !important;
}
.cgc-track .cgc-tracking-result h3,
.cgc-page-track .cgc-tracking-result h3,
.cgc-track-order .cgc-tracking-result h3 {
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}
.cgc-track .cgc-tracking-result p,
.cgc-page-track .cgc-tracking-result p,
.cgc-track-order .cgc-tracking-result p {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

/* Meta row: flex wrap, gap, ensure badge handles correctly */
.cgc-track .cgc-tracking-meta-row,
.cgc-page-track .cgc-tracking-meta-row,
.cgc-track-order .cgc-tracking-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 14px !important;
}
.cgc-track .cgc-tracking-number,
.cgc-page-track .cgc-tracking-number,
.cgc-track-order .cgc-tracking-number {
  display: inline-block !important;
  max-width: 100% !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  line-break: anywhere !important;
  box-sizing: border-box !important;
  flex: 0 1 auto !important;
}
.cgc-track .cgc-tracking-status-badge,
.cgc-page-track .cgc-tracking-status-badge,
.cgc-track-order .cgc-tracking-status-badge {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

/* Classic summary: header + 2x2 grid */
.cgc-track .cgc-classic-summary,
.cgc-page-track .cgc-classic-summary,
.cgc-track-order .cgc-classic-summary {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 16px 0 18px !important;
  border: 1px solid var(--bd, #E8E6E0) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: block !important;
}
.cgc-track .cgc-classic-summary > div[style*="background:#B71C1C"],
.cgc-page-track .cgc-classic-summary > div[style*="background:#B71C1C"],
.cgc-track-order .cgc-classic-summary > div[style*="background:#B71C1C"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.cgc-track .cgc-classic-grid,
.cgc-page-track .cgc-classic-grid,
.cgc-track-order .cgc-classic-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
.cgc-track .cgc-classic-grid__cell,
.cgc-page-track .cgc-classic-grid__cell,
.cgc-track-order .cgc-classic-grid__cell {
  box-sizing: border-box !important;
  width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Table wrapper: contained, horizontal scroll only inside, no negative margins */
.cgc-track .cgc-tracking-table-wrap,
.cgc-page-track .cgc-tracking-table-wrap,
.cgc-track-order .cgc-tracking-table-wrap,
.cgc-track .cgc-tracking-result div[style*="overflow:auto"],
.cgc-page-track .cgc-tracking-result div[style*="overflow:auto"],
.cgc-track-order .cgc-tracking-result div[style*="overflow:auto"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid var(--bd, #E8E6E0) !important;
  border-radius: 8px !important;
}
.cgc-track .cgc-tracking-table,
.cgc-page-track .cgc-tracking-table,
.cgc-track-order .cgc-tracking-table,
.cgc-track .cgc-tracking-result table,
.cgc-page-track .cgc-tracking-result table,
.cgc-track-order .cgc-tracking-result table {
  width: 100% !important;
  min-width: 520px !important;
  border-collapse: collapse !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
}

/* Prevent page-level horizontal scroll */
.cgc-track, .cgc-page-track, .cgc-track-order { overflow-x: clip !important; }
.cgc-track img, .cgc-page-track img, .cgc-track-order img { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; }

/* Desktop fine-tune: keep generous spacing */
@media (min-width: 1025px) {
  .cgc-track-section { padding: 28px 24px 56px !important; }
  .cgc-track-form-wrap { padding: 22px 20px 20px !important; max-width: 620px !important; }
  .cgc-track .cgc-tracking-form { padding: 22px 20px !important; }
  .cgc-track .cgc-tracking-result { padding: 24px !important; }
}

/* Tablet: 769px - 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .cgc-track-section { padding: 24px 20px 40px !important; max-width: 760px !important; }
  .cgc-track-form-wrap { padding: 20px 18px !important; max-width: 600px !important; }
  .cgc-track .cgc-tracking-form { padding: 20px 18px !important; }
  .cgc-track .cgc-tracking-result { padding: 20px 16px !important; margin: 16px 0 0 0 !important; }
  .cgc-track .cgc-tracking-result h3 { font-size: 17px !important; }
  .cgc-track .cgc-classic-grid { grid-template-columns: 1fr 1fr !important; }
  .cgc-track .cgc-tracking-table,
  .cgc-track .cgc-tracking-result table { min-width: 520px !important; font-size: 12px !important; }
  /* Stack grid to 1fr only when width constrained */
  .cgc-track .cgc-classic-grid__cell:nth-child(odd) { border-right: 1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-grid__cell:nth-child(even) { border-right: none !important; }
  .cgc-track .cgc-classic-grid__cell:nth-child(1),
  .cgc-track .cgc-classic-grid__cell:nth-child(2) { border-bottom: 1px solid #E8E6E0 !important; }
}

/* Tablet portrait + large mobile: 561px - 768px */
@media (max-width: 768px) {
  .cgc-track-section { padding: 20px 16px 32px !important; max-width: 100% !important; }
  .cgc-track-form-wrap { padding: 18px 16px !important; max-width: 100% !important; margin: 0 auto !important; }
  .cgc-track .cgc-tracking-form-container,
  .cgc-page-track .cgc-tracking-form-container,
  .cgc-track-order .cgc-tracking-form-container { max-width: 560px !important; width: 100% !important; margin: 0 auto !important; }
  .cgc-track .cgc-tracking-form { padding: 18px 16px !important; }
  .cgc-track .cgc-tracking-result { padding: 18px 16px !important; margin: 16px 0 0 0 !important; }
  .cgc-track .cgc-tracking-result h3 { font-size: 17px !important; }
  /* Collapse classic grid to single column */
  .cgc-track .cgc-classic-grid,
  .cgc-page-track .cgc-classic-grid,
  .cgc-track-order .cgc-classic-grid { grid-template-columns: 1fr !important; }
  .cgc-track .cgc-classic-grid__cell,
  .cgc-page-track .cgc-classic-grid__cell,
  .cgc-track-order .cgc-classic-grid__cell { border-right: none !important; border-bottom: 1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-grid__cell:last-child,
  .cgc-page-track .cgc-classic-grid__cell:last-child,
  .cgc-track-order .cgc-classic-grid__cell:last-child { border-bottom: none !important; }
  /* Legacy inline grid override: force 1fr */
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"],
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"],
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div,
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div,
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div { border-right: none !important; border-bottom: 1px solid #E8E6E0 !important; }
  .cgc-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child,
  .cgc-page-track .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child,
  .cgc-track-order .cgc-classic-summary > div[style*="grid-template-columns:1fr 1fr"] > div:last-child { border-bottom: none !important; }
  /* Meta row: keep flex but ensure wrapping clean */
  .cgc-track .cgc-tracking-meta-row { gap: 8px !important; }
  /* Table: allow scroll inside, keep min-width but not cause page overflow */
  .cgc-track .cgc-tracking-table-wrap,
  .cgc-page-track .cgc-tracking-table-wrap,
  .cgc-track-order .cgc-tracking-table-wrap,
  .cgc-track .cgc-tracking-result div[style*="overflow:auto"],
  .cgc-page-track .cgc-tracking-result div[style*="overflow:auto"],
  .cgc-track-order .cgc-tracking-result div[style*="overflow:auto"] {
    margin: 0 !important;
    border-left: 1px solid var(--bd, #E8E6E0) !important;
    border-right: 1px solid var(--bd, #E8E6E0) !important;
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .cgc-track .cgc-tracking-table,
  .cgc-page-track .cgc-tracking-table,
  .cgc-track-order .cgc-tracking-table,
  .cgc-track .cgc-tracking-result table,
  .cgc-page-track .cgc-tracking-result table,
  .cgc-track-order .cgc-tracking-result table { min-width: 500px !important; font-size: 12px !important; }
}

/* Mobile: <=560px */
@media (max-width: 560px) {
  .cgc-track-section { padding: 16px 12px 28px !important; }
  .cgc-track-form-wrap { padding: 16px 12px !important; border-radius: 10px !important; }
  .cgc-track .cgc-tracking-form { padding: 16px 12px !important; border-radius: 10px !important; }
  .cgc-track .cgc-tracking-result { padding: 16px 12px !important; margin: 14px 0 0 0 !important; border-radius: 10px !important; }
  .cgc-track .cgc-tracking-result h3 { font-size: 16px !important; }
  .cgc-track .cgc-tracking-meta-row { gap: 6px !important; flex-wrap: wrap !important; }
  .cgc-track .cgc-tracking-number { font-size: 1.05em !important; padding: 4px 8px !important; }
  /* On very narrow, badge goes full-width centered */
  .cgc-track .cgc-tracking-status-badge,
  .cgc-page-track .cgc-tracking-status-badge,
  .cgc-track-order .cgc-tracking-status-badge {
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .cgc-track .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"],
  .cgc-page-track .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"],
  .cgc-track-order .cgc-tracking-result p[style*="display:flex"] span[style*="margin-left:auto"] {
    margin-left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .cgc-track .cgc-tracking-table,
  .cgc-page-track .cgc-tracking-table,
  .cgc-track-order .cgc-tracking-table,
  .cgc-track .cgc-tracking-result table,
  .cgc-page-track .cgc-tracking-result table,
  .cgc-track-order .cgc-tracking-result table { min-width: 460px !important; font-size: 11px !important; }
  .cgc-track .cgc-tracking-table th,
  .cgc-track .cgc-tracking-table td,
  .cgc-track .cgc-tracking-result table th,
  .cgc-track .cgc-tracking-result table td { padding: 8px 10px !important; }
}

/* Extra small: <=375px */
@media (max-width: 375px) {
  .cgc-track-section { padding: 12px 10px 24px !important; }
  .cgc-track-form-wrap { padding: 14px 10px !important; }
  .cgc-track .cgc-tracking-form { padding: 14px 10px !important; }
  .cgc-track .cgc-tracking-result { padding: 14px 10px !important; }
  .cgc-track .cgc-tracking-result h3 { font-size: 15px !important; }
  .cgc-track .cgc-tracking-number { font-size: 1em !important; }
  .cgc-track .cgc-classic-summary > div[style*="background:#B71C1C"] { padding: 8px 10px !important; gap: 6px !important; }
  .cgc-track .cgc-classic-grid__cell { padding: 8px 10px !important; font-size: 12px !important; }
}

/* Ensure error message also centered and not overflowing */
.cgc-track .cgc-tracking-error,
.cgc-page-track .cgc-tracking-error,
.cgc-track-order .cgc-tracking-error {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 16px 0 0 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: center !important;
}

/* Tamil overrides: ensure same alignment (inherit base, just fix font) */
html:lang(ta) .cgc-tracking-form-container,
html:lang(ta) .cgc-tracking-form,
html:lang(ta) .cgc-tracking-result {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html:lang(ta) .cgc-classic-summary,
html:lang(ta) .cgc-tracking-table-wrap { overflow-wrap: anywhere !important; word-break: break-word !important; }

/* ============================================================
   FIX 2026-09-04 - Mobile/Tablet/Desktop Alignment Verification
   Ensures contents are shown in their respective alignment
   for all three view formats. Desktop: original grid left/Center as designed.
   Tablet: 768-1024 - adapted grids, centered heroes.
   Mobile: <=768 - fully centered, single column, no overflow.
   ============================================================ */
/* Desktop (default) - Keep design intent */
.cgc-policy-wrap { text-align: left; }
.cgc-policy-toc { text-align: left; }
.cgc-track-hero__copy { text-align: left; }
.cgc-about-split__text { text-align: left; }

/* Tablet: 769px - 1024px - Balanced, avoid overflow, keep readability */
@media (min-width: 769px) and (max-width: 1024px) {
  .cgc-about, .cgc-policy, .cgc-track { --page-pad: 20px; }
  .cgc-policy-wrap { gap: 22px !important; padding: 20px var(--page-pad) 40px !important; }
  .cgc-track-hero__inner { gap: 24px !important; }
  .cgc-about-split { gap: 28px !important; padding: 48px var(--page-pad) !important; }
  .cgc-policy-card, .cgc-track-form-wrap, .cgc-about-values__card { text-align: left; }
}
/* Tablet Portrait - 861-980 collapses to single column but keeps centered hero */
@media (max-width: 1024px) and (min-width: 861px) {
  .cgc-policy-hero, .cgc-track-hero, .cgc-about-hero__content { text-align: center !important; }
  .cgc-policy-hero__inner, .cgc-track-hero__copy { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
}

/* Mobile: <=768px - Fully centered, single column, verified no horizontal scroll */
@media (max-width: 768px) {
  .cgc-policy-hero, .cgc-track-hero, .cgc-about-hero { text-align: center !important; }
  .cgc-policy-hero__inner, .cgc-track-hero__copy, .cgc-track-hero__lead, .cgc-policy-hero__lead, .cgc-about-hero__content { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
  .cgc-policy-wrap, .cgc-track-section, .cgc-about-split { text-align: left; }
  /* Ensure cards are full width and centered */
  .cgc-policy-card, .cgc-track-form-wrap, .cgc-about-values__card, .cgc-track-help__card { margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; }
  /* Prevent overflow from long words */
  .cgc-policy-card__title, .cgc-policy-card__body, .cgc-track-hero__title, .cgc-about-split__title { overflow-wrap: anywhere !important; word-break: break-word !important; }
  /* Footer already centered via V7, but ensure inner also */
  .cgc-footer--v3 .cgc-footer__main { justify-items: center !important; text-align: center !important; }
}
/* Small Mobile: <=480px - Extra tightening, keep center */
@media (max-width: 480px) {
  .cgc-policy-hero, .cgc-track-hero { padding-left: 14px !important; padding-right: 14px !important; }
  .cgc-policy-wrap, .cgc-track-section { padding-left: 14px !important; padding-right: 14px !important; }
  .cgc-policy-card__head { flex-direction: row; align-items: center; }
  .cgc-policy-card__icon { flex-shrink: 0; }
}
/* Desktop fine-tune: ensure no unwanted center on large screens */
@media (min-width: 1025px) {
  .cgc-policy-hero__inner, .cgc-track-hero__inner { text-align: center; }
  /* But keep body left: */
  .cgc-policy-body, .cgc-track-section { text-align: left; }
}