/* ==========================================================================
   PATHYASHI HEALTH — GLOBAL 3D GLASS THEME
   Single source of truth for:
     • Top info bar
     • Floating glass header
     • 3D glass cards, buttons, orbs
     • Mobile fit across all breakpoints
   Loaded LAST in <head> so it overrides earlier stylesheets.
   ========================================================================== */

/* ==========================================================================
   1 · TOKENS
   ========================================================================== */
:root{
  --g-ink:       #0f2a1e;
  --g-ink-2:     #2b4033;
  --g-muted:     #6b7d70;
  --g-line:      #e0ddd0;
  --g-line-lo:   #ebe7dc;
  --g-cream:     #faf7f0;
  --g-cream-2:   #f5f1e6;
  --g-paper:     #fffefa;
  --g-green-900: #0a3d2a;
  --g-green-800: #104d34;
  --g-green-700: #1a5e40;
  --g-green-600: #2d7a52;
  --g-green-500: #4a9165;
  --g-green-200: #b8d4bf;
  --g-green-100: #e6efe3;
  --g-green-50:  #f1f6ee;
  --g-gold-500:  #c9a25a;
  --g-gold-300:  #e0c990;
  --g-gold-100:  #f5ead2;
  --g-shadow-sm: 0 2px 8px -4px rgba(10,61,42,.15), 0 1px 2px rgba(10,61,42,.06);
  --g-shadow-md: 0 18px 40px -22px rgba(10,61,42,.28), 0 4px 12px -4px rgba(10,61,42,.10);
  --g-shadow-lg: 0 40px 90px -40px rgba(10,61,42,.42), 0 10px 30px -14px rgba(10,61,42,.18);
  --g-serif:     "Fraunces","Iowan Old Style",Palatino,Georgia,serif;
  --g-sans:      "Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --g-shell:     1380px;
}

/* ==========================================================================
   2 · GLOBAL RESET & BODY
   ========================================================================== */
html{
  overflow-x:hidden !important;
  max-width:100% !important;
}
body,
body.ph-home{
  background:var(--g-cream);
  color:var(--g-ink);
  font-family:var(--g-sans);
  overflow-x:hidden !important;
  max-width:100% !important;
  width:100% !important;
  position:relative;
}
body *{ max-width:100% !important; }

/* ==========================================================================
   3 · TOP INFO BAR
   ========================================================================== */
.g-topbar{
  background:linear-gradient(90deg,#0a3d2a 0%,#104d34 50%,#0a3d2a 100%);
  color:#eaf3ea;
  font-size:12px;
  letter-spacing:.02em;
  position:relative;
  z-index:2;
}
.g-topbar__in{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:9px 0;
  flex-wrap:wrap;
  width:min(var(--g-shell),calc(100% - 40px));
  margin-inline:auto;
}
.g-topbar__left,
.g-topbar__right{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.g-topbar__item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-weight:500;
}
.g-topbar__item svg{ width:13px; height:13px; color:#9dd47f; flex-shrink:0; }
.g-topbar__sep{ width:1px; height:12px; background:rgba(255,255,255,.18); }
.g-topbar__pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:3px 10px 3px 8px;
  background:rgba(157,212,127,.16);
  border:1px solid rgba(157,212,127,.28);
  border-radius:999px;
  font-weight:600;
  white-space:nowrap;
}
.g-topbar__pill svg{ width:12px; height:12px; color:#9dd47f; }
.g-topbar__cta{ color:#e0c990; }
.g-topbar__cta strong{ color:#fff; }

/* ==========================================================================
   4 · FLOATING GLASS HEADER
   ========================================================================== */
.ph-header,
.g-header{
  position:sticky;
  top:0;
  z-index:100 !important;
  padding:14px 0 8px;
  background:transparent !important;
  border-bottom:0 !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  pointer-events:none;
}

.ph-header .ph-head-in,
.g-header__inner{
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:20px;
  width:min(var(--g-shell),calc(100% - 40px));
  margin-inline:auto;
  padding:10px 22px 10px 16px;
  background:linear-gradient(135deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.7) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(180%);
  backdrop-filter:blur(26px) saturate(180%);
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -1px 0 rgba(10,61,42,.04) inset,
    0 20px 44px -26px rgba(10,61,42,.35),
    0 6px 18px -8px rgba(10,61,42,.12);
  min-height:auto !important;
  position:relative;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.ph-header .ph-head-in::after,
.g-header__inner::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.4), transparent 40%);
  pointer-events:none;
}

/* ---------- Brand + 3D orb ---------- */
.ph-brand,
.g-brand{
  display:inline-flex !important;
  align-items:center;
  gap:12px;
  flex-shrink:1 !important;
  position:relative;
  z-index:1;
  min-width:0 !important;
  overflow:hidden !important;
}
.ph-brand img,
.g-orb{
  width:52px !important;
  height:52px !important;
  border-radius:50% !important;
  object-fit:contain !important;
  flex-shrink:0;
  position:relative;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #e8f0e0 30%, #b8d4bf 62%, #7da082 100%) !important;
  box-shadow:
    inset 0 2px 6px rgba(255,255,255,.9),
    inset 0 -8px 16px rgba(10,61,42,.18),
    0 12px 24px -10px rgba(10,61,42,.35),
    0 2px 6px -2px rgba(10,61,42,.2) !important;
  padding:6px !important;
  display:grid !important;
  place-items:center;
}
.g-orb::before{
  content:"";
  position:absolute;
  top:6px; left:10px;
  width:22px; height:14px;
  background:radial-gradient(ellipse, rgba(255,255,255,.9), transparent 70%);
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}
.ph-brand span,
.g-brand__text{ line-height:1.1; min-width:0; }
.ph-brand strong,
.g-brand__text strong{
  display:block !important;
  font-family:var(--g-serif) !important;
  font-size:19px !important;
  font-weight:600 !important;
  letter-spacing:-.02em;
  color:var(--g-ink) !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ph-brand small,
.g-brand__text small{
  display:block !important;
  font-size:10.5px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--g-muted) !important;
  margin-top:2px;
  white-space:nowrap;
}

/* ---------- Desktop nav ---------- */
.ph-nav,
.g-nav{
  display:none;
  align-items:center;
  gap:2px;
  margin-left:auto;
  margin-right:6px;
  flex-shrink:1;
  min-width:0;
}
.ph-nav a,
.g-nav a{
  padding:9px 13px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:500;
  color:var(--g-ink-2) !important;
  transition:background .15s, color .15s;
  position:relative;
  z-index:1;
  white-space:nowrap;
  border-bottom:0 !important;
  background:transparent;
  text-decoration:none;
}
.ph-nav a:hover,
.g-nav a:hover{
  background:var(--g-green-100) !important;
  color:var(--g-green-800) !important;
  border-bottom-color:transparent !important;
}
@media (min-width:1080px){
  .ph-nav,
  .g-nav{ display:flex; }
}

/* ---------- Tools ---------- */
.ph-tools,
.g-tools{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  position:relative;
  z-index:1;
  flex-shrink:0 !important;
}
@media (min-width:1080px){
  .ph-tools,
  .g-tools{ margin-left:0; }
}

.ph-tool,
.g-tool{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  height:44px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font-size:13.5px !important;
  font-weight:600;
  color:var(--g-ink) !important;
  background:rgba(255,255,255,.65) !important;
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 6px 14px -8px rgba(10,61,42,.2);
  transition:transform .15s, background .15s, box-shadow .15s;
  white-space:nowrap;
  text-decoration:none;
}
.ph-tool:hover,
.g-tool:hover{
  transform:translateY(-1px);
  background:#fff !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 10px 20px -10px rgba(10,61,42,.25);
  text-decoration:none;
}
.ph-tool svg,
.g-tool svg{ width:18px; height:18px; flex-shrink:0; }

.g-tool--icon{
  padding:0 !important;
  width:44px;
  justify-content:center;
}

.ph-cart,
.g-tool--cart{ position:relative; }

.ph-count,
.g-tool__badge{
  position:absolute !important;
  top:-4px !important;
  right:-2px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#e85a3a,#c73f22) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  display:grid !important;
  place-items:center;
  box-shadow:0 4px 10px -4px rgba(200,63,34,.6), 0 0 0 2px rgba(255,255,255,.9) !important;
  line-height:1 !important;
  margin:0 !important;
}

.ph-account,
.g-tool--account{
  background:linear-gradient(135deg, var(--g-green-800), var(--g-green-600)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.25) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.3) inset,
    0 -1px 0 rgba(0,0,0,.2) inset,
    0 10px 22px -10px rgba(10,61,42,.5) !important;
}
.ph-account:hover,
.g-tool--account:hover{
  background:linear-gradient(135deg, var(--g-green-700), var(--g-green-600)) !important;
  color:#fff !important;
}

/* ---------- Burger ---------- */
.ph-burger,
.g-burger{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.65) !important;
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 6px 14px -8px rgba(10,61,42,.2) !important;
  cursor:pointer;
  padding:0 !important;
  transition:background .15s;
  font-size:0 !important;
  color:transparent !important;
  flex-shrink:0;
}
.ph-burger:hover,
.g-burger:hover{ background:#fff !important; }
.g-burger__bar{
  display:block;
  width:18px;
  height:2px;
  background:var(--g-ink);
  border-radius:2px;
  transition:transform .22s ease, opacity .18s ease;
}
.g-burger[aria-expanded="true"] .g-burger__bar:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
.g-burger[aria-expanded="true"] .g-burger__bar:nth-child(2){ opacity:0; }
.g-burger[aria-expanded="true"] .g-burger__bar:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}
@media (min-width:1080px){
  .ph-burger,
  .g-burger{ display:none !important; }
}

/* ==========================================================================
   5 · MOBILE MENU PANEL
   ========================================================================== */
.ph-mobile-nav{
  pointer-events:auto;
  position:fixed !important;
  top:130px !important;
  left:20px !important;
  right:20px !important;
  z-index:99;
  padding:18px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.88)) !important;
  -webkit-backdrop-filter:blur(30px) saturate(180%);
  backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.85) !important;
  border-radius:24px !important;
  box-shadow:0 30px 60px -20px rgba(10,61,42,.4), 0 8px 20px -8px rgba(10,61,42,.15) !important;
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:calc(100vh - 160px);
  overflow-y:auto;
}
.ph-mobile-nav[hidden]{ display:none !important; }
.ph-mobile-nav a{
  padding:14px 16px !important;
  border-radius:14px !important;
  font-size:15px !important;
  font-weight:500;
  color:var(--g-ink) !important;
  transition:background .12s, color .12s;
  border:0 !important;
  text-decoration:none;
}
.ph-mobile-nav a:hover{ background:var(--g-green-100) !important; color:var(--g-green-800) !important; }
.ph-mobile-nav__divider{ height:1px; background:var(--g-line-lo); margin:8px 4px; }
.ph-mobile-nav__cta{
  background:linear-gradient(135deg, var(--g-green-800), var(--g-green-600)) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center;
  gap:10px;
  font-weight:600 !important;
}
body.nav-open{ overflow:hidden; }

/* ==========================================================================
   6 · 3D UPGRADES FOR SHARED CONTENT
   ========================================================================== */

/* ---------- Section titles ---------- */
.vis-title h2,
.ph-title h2{
  font-family:var(--g-serif) !important;
  font-weight:500 !important;
  letter-spacing:-.035em;
  color:var(--g-ink) !important;
}

/* ---------- Raised 3D cards ---------- */
.vis-card{
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%) !important;
  border:1px solid rgba(10,61,42,.08) !important;
  border-radius:18px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.04) inset,
    0 12px 26px -18px rgba(10,61,42,.22) !important;
  transition:transform .2s, box-shadow .2s !important;
}
.vis-card:hover{
  transform:translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.05) inset,
    0 24px 44px -22px rgba(10,61,42,.35) !important;
}
.vis-card__icon{
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #e8f0e0 40%, #cfe0ca 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.9),
    inset 0 -3px 8px rgba(10,61,42,.1),
    0 6px 12px -4px rgba(10,61,42,.2) !important;
}

/* ---------- 3D buttons ---------- */
.vis-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 26px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:transform .15s, box-shadow .15s !important;
}
.vis-btn--primary{
  color:#fff !important;
  background:linear-gradient(180deg, #1e6b48 0%, #0d4830 100%) !important;
  border:1px solid transparent;
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 -2px 0 rgba(0,0,0,.15) inset,
    0 14px 30px -12px rgba(10,61,42,.55),
    0 4px 12px -6px rgba(10,61,42,.3) !important;
}
.vis-btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.3) inset,
    0 -2px 0 rgba(0,0,0,.18) inset,
    0 22px 44px -14px rgba(10,61,42,.65),
    0 6px 16px -8px rgba(10,61,42,.35) !important;
}
.vis-btn--ghost{
  color:var(--g-green-800) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,246,238,.85)) !important;
  border:1px solid rgba(10,61,42,.12) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -1px 0 rgba(10,61,42,.06) inset,
    0 10px 24px -12px rgba(10,61,42,.28),
    0 2px 6px -2px rgba(10,61,42,.12) !important;
}
.vis-btn--ghost:hover{
  transform:translateY(-2px);
  background:#fff !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 18px 36px -14px rgba(10,61,42,.35),
    0 4px 10px -4px rgba(10,61,42,.15) !important;
}

/* ---------- Hero art panel ---------- */
.vis-hero__art{
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.9) 0%, rgba(241,246,238,.7) 45%, rgba(207,224,199,.7) 100%) !important;
  border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -20px 40px -30px rgba(10,61,42,.15) inset,
    0 30px 70px -32px rgba(10,61,42,.4),
    0 10px 24px -14px rgba(10,61,42,.18) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

/* ---------- Timeline ---------- */
.vis-timeline__dot{
  background:linear-gradient(135deg, #1e6b48 0%, #0d4830 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.3) inset,
    0 8px 16px -6px rgba(10,61,42,.5),
    0 0 0 4px var(--g-cream) !important;
}

/* ---------- Stats ---------- */
.vis-stat{
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%) !important;
  border:1px solid rgba(10,61,42,.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.04) inset,
    0 12px 26px -18px rgba(10,61,42,.22) !important;
}
.vis-stat__num{
  color:var(--g-green-800) !important;
}

/* ---------- Orbs ---------- */
.vis-dosha__art,
.vis-contact-card__icon,
.vis-person__avatar{
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #e8f0e0 40%, #cfe0ca 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.9),
    inset 0 -3px 8px rgba(10,61,42,.1),
    0 8px 18px -6px rgba(10,61,42,.22) !important;
}

/* ---------- Contact / person / dosha cards ---------- */
.vis-contact-card,
.vis-person,
.vis-dosha{
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%) !important;
  border:1px solid rgba(10,61,42,.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.04) inset,
    0 12px 26px -18px rgba(10,61,42,.22) !important;
  transition:transform .2s, box-shadow .2s;
}
.vis-contact-card:hover,
.vis-person:hover,
.vis-dosha:hover{
  transform:translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.05) inset,
    0 24px 44px -22px rgba(10,61,42,.35) !important;
}

/* ---------- Panels ---------- */
.vis-block,
.vis-info{
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%) !important;
  border:1px solid rgba(10,61,42,.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.03) inset,
    0 10px 24px -18px rgba(10,61,42,.18) !important;
}
.vis-info__icon{
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #e8f0e0 40%, #cfe0ca 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.9),
    inset 0 -3px 8px rgba(10,61,42,.1),
    0 6px 12px -4px rgba(10,61,42,.2) !important;
}

/* ---------- CTA banner ---------- */
.vis-cta{
  box-shadow:
    0 1px 0 rgba(255,255,255,.14) inset,
    0 30px 60px -28px rgba(10,61,42,.55) !important;
}

/* ---------- Legal headings ---------- */
.vis-legal h2,
.vis-legal h3{
  font-family:var(--g-serif) !important;
}

/* ==========================================================================
   7 · PRODUCT PAGE 3D
   ========================================================================== */
.detail-image{
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.9) 0%, rgba(241,246,238,.7) 45%, rgba(207,224,199,.7) 100%) !important;
  border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 30px 70px -32px rgba(10,61,42,.4),
    0 10px 24px -14px rgba(10,61,42,.18) !important;
}
.info-panel{
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%) !important;
  border:1px solid rgba(10,61,42,.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 -2px 0 rgba(10,61,42,.03) inset,
    0 10px 24px -18px rgba(10,61,42,.18) !important;
  border-radius:18px !important;
}
.prod-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:52px;
  padding:0 26px !important;
  border-radius:999px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:transform .15s, box-shadow .15s !important;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
}
.prod-btn--primary{
  color:#fff !important;
  background:linear-gradient(180deg, #1e6b48 0%, #0d4830 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 -2px 0 rgba(0,0,0,.15) inset,
    0 14px 30px -12px rgba(10,61,42,.55) !important;
}
.prod-btn--primary:hover{ transform:translateY(-2px); }
.prod-btn--gold{
  color:#241a04 !important;
  background:linear-gradient(180deg, #d4b16a 0%, #b08a3f 100%) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.4) inset,
    0 -2px 0 rgba(0,0,0,.15) inset,
    0 14px 30px -12px rgba(201,162,90,.55) !important;
}
.prod-btn--gold:hover{ transform:translateY(-2px); }
.prod-btn--ghost{
  color:var(--g-green-800) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,246,238,.85)) !important;
  border:1px solid rgba(10,61,42,.12) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 10px 24px -12px rgba(10,61,42,.28) !important;
}
.prod-btn--ghost:hover{ transform:translateY(-2px); background:#fff !important; }

/* ==========================================================================
   8 · WHATSAPP FLOAT
   ========================================================================== */
.wa-float{
  box-shadow:
    0 1px 0 rgba(255,255,255,.4) inset,
    0 14px 30px -8px rgba(37,211,102,.55),
    0 4px 10px rgba(0,0,0,.08) !important;
}

/* ==========================================================================
   9 · HERO Z-INDEX SAFETY
   ========================================================================== */
.vis-hero,
.ph-hero,
.g-hero{
  position:relative;
  z-index:1;
  overflow:hidden !important;
  max-width:100vw !important;
}

/* ==========================================================================
   10 · PREVENT WIDE CHILDREN
   ========================================================================== */
.g-stage svg,
.vis-hero__art svg,
.ph-hero-art svg,
.g-stage__orbit,
.g-stage__halo,
.g-float{
  max-width:100% !important;
  pointer-events:none;
}

/* ==========================================================================
   11 · RESPONSIVE — ≤900px (phones + small tablets + desktop-mode phones)
   ========================================================================== */
@media (max-width:900px){

  /* Hide desktop nav & search */
  .ph-nav,
  .g-nav{ display:none !important; }
  .g-tool--icon{ display:none !important; }

  /* Show burger */
  .ph-burger,
  .g-burger{ display:inline-flex !important; }

  /* Brand: truncate text */
  .ph-brand,
  .g-brand{ gap:8px !important; }
  .ph-brand strong,
  .g-brand__text strong{
    font-size:16px !important;
    max-width:16ch;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ph-brand small,
  .g-brand__text small{ display:none !important; }
  .ph-brand img,
  .g-orb{
    width:44px !important;
    height:44px !important;
  }

  /* Tools compact */
  .ph-tools,
  .g-tools{ gap:6px !important; }
  .ph-tool,
  .g-tool{
    height:42px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
    gap:6px !important;
  }
  .ph-tool svg,
  .g-tool svg{ width:16px !important; height:16px !important; }

  /* Account: icon only */
  .ph-account span:not(.ph-count),
  .g-tool--account span:not(.g-tool__badge){ display:none !important; }
  .ph-account,
  .g-tool--account{
    padding:0 !important;
    width:42px !important;
    min-width:42px !important;
    justify-content:center !important;
  }

  .ph-burger,
  .g-burger{
    width:42px !important;
    height:42px !important;
    flex-shrink:0;
  }

  /* Top bar stacks */
  .g-topbar__in{
    flex-direction:column !important;
    gap:6px !important;
    padding:10px 0 !important;
    align-items:center !important;
  }
  .g-topbar__left,
  .g-topbar__right{
    gap:12px !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
  }
  .g-topbar__sep{ display:none !important; }
  .g-topbar{ font-size:11px !important; }
  .g-topbar__pill{
    font-size:11px !important;
    padding:4px 10px 4px 8px !important;
    white-space:normal !important;
    text-align:center;
  }
  .g-topbar__item{ white-space:normal !important; text-align:center; }

  /* Hero */
  .g-hero__grid,
  .vis-hero__grid{ max-width:100% !important; }
  .g-stage{
    max-width:100% !important;
    overflow:hidden !important;
  }
  .g-hero h1,
  .vis-hero h1{
    font-size:clamp(34px,9vw,52px) !important;
    max-width:100% !important;
    word-break:break-word;
  }

  /* Buttons */
  .g-ctas .g-btn,
  .vis-btn{
    min-height:50px !important;
    padding:0 20px !important;
    font-size:12px !important;
  }

  /* Trust badges 2-up */
  .g-trust{
    grid-template-columns:repeat(2,1fr) !important;
    max-width:100% !important;
  }

  /* Glass panel */
  .g-glass-panel{
    right:4px !important;
    bottom:4px !important;
    padding:10px 12px !important;
    min-width:140px !important;
    max-width:calc(100% - 8px) !important;
  }
  .g-glass-panel__num{ font-size:20px !important; }
  .g-glass-panel__text{ font-size:11px !important; }

  /* Sections tighter */
  .g-section,
  .vis-section{ padding:clamp(1.75rem,4vw,2.5rem) 0 !important; }

  /* Header pill padding */
  .ph-header,
  .g-header{ padding:8px 0 6px !important; }
  .ph-header .ph-head-in,
  .g-header__inner{
    padding:6px 8px 6px 6px !important;
    gap:6px !important;
    border-radius:999px !important;
  }
}

/* ==========================================================================
   12 · RESPONSIVE — ≤480px (small phones)
   ========================================================================== */
@media (max-width:480px){

  /* Cart icon only */
  .ph-cart span:not(.ph-count),
  .g-tool--cart span:not(.g-tool__badge){ display:none !important; }
  .ph-cart,
  .g-tool--cart{
    padding:0 !important;
    width:42px !important;
    min-width:42px !important;
    justify-content:center !important;
  }

  /* Brand text hidden — orb only */
  .ph-brand strong,
  .g-brand__text strong{ display:none !important; }
  .ph-brand img,
  .g-orb{
    width:38px !important;
    height:38px !important;
  }

  /* Header even tighter */
  .ph-header .ph-head-in,
  .g-header__inner{
    padding:5px 6px 5px 5px !important;
    gap:5px !important;
  }
  .ph-tools,
  .g-tools{ gap:5px !important; }

  .ph-burger,
  .g-burger,
  .ph-tool,
  .g-tool{
    height:40px !important;
    width:40px !important;
    min-width:40px !important;
  }
  .ph-tool:not(.g-tool--cart),
  .g-tool:not(.g-tool--cart){
    width:40px !important;
  }
}

/* ==========================================================================
   13 · REDUCED MOTION
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .vis-card,
  .vis-contact-card,
  .vis-person,
  .vis-dosha,
  .g-tool,
  .vis-btn,
  .prod-btn{
    transition:none !important;
  }
  .vis-card:hover,
  .vis-contact-card:hover,
  .vis-person:hover,
  .vis-dosha:hover{ transform:none; }
}