/* Grownivo 1.2 — final customer-facing compatibility layer.
   Loaded AFTER legacy visual plugins so it can restyle them without altering logic. */

:root{
  --gn-primary:#146EF5;
  --gn-primary-dark:#0B5BD3;
  --gn-accent:#FF5C7A;
  --gn-ink:#0D1117;
  --gn-muted:#667085;
  --gn-line:#E4E7EC;
  --gn-surface:#F7F9FC;
  --gn-warm:#FFF6D8;
  --gn-warm-line:#F2D27A;
}

/* Header: brand left / menu right on mobile. */
html body .gn-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #E7ECF2!important;box-shadow:0 4px 18px rgba(16,24,40,.04)!important}
html body .gn-header-inner{max-width:1180px!important;justify-content:space-between!important}
html body .gn-logo{margin:0!important;color:var(--gn-ink)!important;gap:9px!important}
html body .gn-logo-mark{background:linear-gradient(135deg,var(--gn-primary) 0%,#2C8CFF 56%,var(--gn-accent) 100%)!important;box-shadow:0 8px 22px rgba(20,110,245,.18)!important;border-radius:10px!important}
html body .gn-menu-button{margin-left:auto!important;border-color:#D9DEE7!important;background:#fff!important;border-radius:12px!important}
html body .gn-menu-button span{background:#101828!important}

/* Mobile menu: close control stays at the top/right. */
html body .gn-menu-panel{left:auto!important;right:14px!important;top:14px!important;width:min(360px,calc(100% - 28px))!important;padding:16px!important;border:1px solid #DCE5F0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(16,24,40,.20)!important}
html body .gn-menu-close{position:absolute!important;right:14px!important;top:14px!important;width:auto!important;min-width:92px!important;height:42px!important;margin:0!important;padding:0 10px 0 13px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:12px!important;background:#EAF3FF!important;color:var(--gn-primary-dark)!important;font-size:13px!important}
html body .gn-menu-close b{font-size:20px!important;line-height:1!important}
html body .gn-menu-panel>a,html body .gn-menu-panel>button:not(.gn-menu-close){border-color:#EEF1F5!important;color:#1D2939!important;padding:15px 12px!important;font-size:16px!important}
html body .gn-menu-panel>a:first-of-type{margin-top:52px!important}

/* SMM hero — compact, deliberately two-line, no oversized headline. */
html body .gn-smm-hero{display:block!important;max-width:980px!important;margin:0 auto!important;padding:68px 22px 22px!important;text-align:left!important}
html body .gn-smm-hero>div:first-child{max-width:790px!important}
html body .gn-smm-hero h1.gn-two-line-heading{font-size:clamp(48px,6.2vw,76px)!important;line-height:.94!important;letter-spacing:-.055em!important;margin:12px 0 18px!important}
html body .gn-smm-hero h1.gn-two-line-heading span{display:block!important}
html body .gn-smm-hero p{font-size:17px!important;line-height:1.65!important;max-width:650px!important;color:var(--gn-muted)!important;margin-bottom:22px!important}
html body .gn-smm-hero .gn-eyebrow{color:var(--gn-primary)!important}
html body .gn-hero-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
html body .gn-primary-button{background:var(--gn-ink)!important;color:#fff!important;border-radius:14px!important;min-height:54px!important;box-shadow:0 10px 24px rgba(13,17,23,.12)!important}
html body .gn-secondary-button{min-height:54px!important;padding:0 21px!important;border:1px solid #D9E0E8!important;border-radius:14px!important;background:#fff!important;color:#111827!important;font-weight:850!important;box-shadow:0 8px 20px rgba(16,24,40,.05)!important}

/* Order form sits directly after the hero. */
html body .gn-order-section{padding:18px 16px 58px!important;max-width:980px!important}
html body .gn-order-section .sng-order,
html body.sng-professional-active .gn-order-section .sng-order{max-width:820px!important;margin:0 auto!important;padding:24px!important;border:1px solid #E2E8F0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 50px rgba(16,24,40,.07)!important}
html body .gn-order-card-head{padding:1px 0 19px!important;border-bottom:1px solid #EEF1F5!important;margin-bottom:18px!important}
html body .gn-order-card-kicker{display:block!important;color:var(--gn-primary)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin-bottom:7px!important}
html body .gn-order-card-head h2{display:block!important;margin:0 0 7px!important;font-size:clamp(27px,4.5vw,37px)!important;line-height:1.03!important;letter-spacing:-.04em!important;color:var(--gn-ink)!important}
html body .gn-order-card-head p{margin:0!important;max-width:620px!important;color:var(--gn-muted)!important;font-size:13.5px!important;line-height:1.55!important}

/* Remove old three top cards / rating strip injected by previous visual layers. */
html body .gn-order-section .sng-rating,
html body.sng-professional-active .gn-order-section .sng-rating{display:none!important}

/* Clean selectors, normal sizing, new brand states. */
html body .gn-order-section .sng-order>label:not(.sng-check),
html body.sng-professional-active .gn-order-section .sng-order label:not(.sng-check){margin:18px 0 8px!important;color:#344054!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.07em!important}
html body .gn-order-section .sng-platforms,
html body .gn-order-section .sng-services,
html body .gn-order-section .sng-qtys,
html body.sng-professional-active .gn-order-section .sng-platforms,
html body.sng-professional-active .gn-order-section .sng-services,
html body.sng-professional-active .gn-order-section .sng-qtys{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-height:0!important}
html body .gn-order-section .sng-opt,
html body.sng-professional-active .gn-order-section .sng-platforms .sng-opt,
html body.sng-professional-active .gn-order-section .sng-services .sng-opt,
html body.sng-professional-active .gn-order-section .sng-qtys .sng-opt{min-height:52px!important;padding:9px 10px!important;border:1px solid #DDE3EA!important;border-radius:13px!important;background:#fff!important;color:#1D2939!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;opacity:1!important;visibility:visible!important;transform:none!important}
html body .gn-order-section .sng-opt.is-active,
html body.sng-professional-active .gn-order-section .sng-opt.is-active{border-color:var(--gn-primary)!important;color:var(--gn-primary-dark)!important;background:#F1F7FF!important;box-shadow:0 0 0 2px rgba(20,110,245,.09)!important}
html body .gn-order-section .sng-opt svg,
html body.sng-professional-active .gn-order-section .sng-opt svg{width:18px!important;height:18px!important;color:currentColor!important}
html body .gn-order-section [data-sng-link],
html body.sng-professional-active .gn-order-section [data-sng-link]{height:56px!important;min-height:56px!important;border:1px solid #D9E0E8!important;border-radius:13px!important;background:#fff!important;color:#101828!important;padding:0 14px!important;font-size:14px!important;box-shadow:none!important}
html body .gn-order-section [data-sng-link]:focus{border-color:var(--gn-primary)!important;box-shadow:0 0 0 3px rgba(20,110,245,.10)!important}
html body .gn-order-section .sng-selected{margin:13px 0!important;padding:12px 14px!important;background:#F3F6FA!important;border:1px solid #EDF0F4!important;border-radius:13px!important;color:#344054!important;font-size:12.5px!important}

/* Requested yellow acknowledgement section + linked support. */
html body .gn-order-section .sng-check,
html body.sng-professional-active .gn-order-section .sng-check{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:15px 0!important;padding:14px!important;border:1px solid var(--gn-warm-line)!important;border-radius:14px!important;background:var(--gn-warm)!important;color:#5D4A13!important;font-size:12.5px!important;line-height:1.55!important}
html body .gn-order-section .sng-check input{width:17px!important;height:17px!important;min-width:17px!important;margin:2px 0 0!important;accent-color:var(--gn-primary)!important}
html body .gn-order-section .sng-check a,
html body .gn-order-section .gn-policy-link{color:#075FC8!important;font-weight:900!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}

/* FINAL add-to-cart override. Old Professional UI/Cart SVG plugin can keep running,
   but its giant arrow cannot alter Grownivo's button anymore. */
html body .gn-order-section .sng-order .sng-add,
html body.sng-professional-active .gn-order-section .sng-order .sng-add,
html body.sng-professional-active .gn-order-section .sng-order .sng-add.sng-add--simple,
html body.sng-professional-active .gn-order-section .sng-order .sng-add.sng-add--trusted{width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:14px 0 0!important;padding:0 18px!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:9px!important;overflow:hidden!important;border:0!important;border-radius:14px!important;background:linear-gradient(118deg,#0B5BD3 0%,#146EF5 72%,#2C8CFF 100%)!important;color:#fff!important;box-shadow:0 12px 26px rgba(20,110,245,.20)!important;font-size:16px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;transform:none!important}
html body .gn-order-section .sng-order .sng-add svg,
html body .gn-order-section .sng-order .sng-add .sng-add-simple__arrow,
html body .gn-order-section .sng-order .sng-add .sng-add-trust__arrow,
html body .gn-order-section .sng-order .sng-add .sng-add-trust__icon{display:none!important;width:0!important;height:0!important;min-width:0!important;flex:0 0 0!important;overflow:hidden!important}
html body .gn-order-section .sng-order .sng-add .sng-add-simple__arrow::before{display:none!important;content:none!important;width:0!important;height:0!important}
html body .gn-order-section .sng-order .sng-add .sng-add-simple__label{display:inline-flex!important;align-items:center!important;justify-content:center!important;font:inherit!important;color:inherit!important}
html body .gn-order-section .sng-order .sng-add::after{content:'→'!important;display:inline-block!important;font-size:20px!important;font-weight:600!important;line-height:1!important;margin-left:2px!important}
html body .gn-order-section .sng-min-line{margin:11px auto 0!important;max-width:530px!important;text-align:center!important;color:#667085!important;font-size:11.5px!important;line-height:1.45!important}

/* Growth graphic moved below the order form. */
html body .gn-growth-picture{max-width:900px!important;padding-top:10px!important;display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:18px!important;align-items:stretch!important}
html body .gn-growth-copy{padding:28px 12px 28px 0!important;align-self:center!important}
html body .gn-growth-copy h2{font-size:clamp(34px,5vw,52px)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:10px 0 13px!important}
html body .gn-growth-copy p{color:var(--gn-muted)!important;line-height:1.65!important;margin:0!important}
html body .gn-growth-picture .gn-social-stack{min-height:390px!important;border-radius:20px!important;background:linear-gradient(145deg,#0D1117,#172033)!important}
html body .gn-growth-picture .gn-social-stat{border-radius:13px!important;background:rgba(255,255,255,.07)!important}
html body .gn-growth-picture .gn-social-chart i{background:linear-gradient(180deg,var(--gn-accent),var(--gn-primary))!important}

/* Floating support: new icon, cobalt instead of purple. */
html body .gn-contact{right:18px!important;bottom:18px!important}
html body .gn-contact-fab{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:16px!important;background:linear-gradient(145deg,#0B5BD3,#146EF5)!important;color:#fff!important;box-shadow:0 14px 30px rgba(20,110,245,.24)!important}
html body .gn-contact-fab svg{width:24px!important;height:24px!important;display:block!important}
html body .gn-contact-panel{width:246px!important;border-color:#DCE5F0!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(16,24,40,.16)!important}
html body .gn-contact-panel strong{color:#101828!important}
html body .gn-contact-panel a{background:#EEF6FF!important;color:#075FC8!important;border-radius:11px!important;font-weight:900!important}

/* AJAX cart branding. */
html body .gn-cart-panel{background:#fff!important;color:#101828!important}
html body .gn-cart-panel .gn-eyebrow{color:var(--gn-primary)!important}
html body .gn-cart-help{border-color:#D8E8FF!important;background:#F2F7FF!important}
html body .gn-cart-item{border-color:#E1E7EF!important;border-radius:14px!important}
html body .gn-cart-item-main a{color:#075FC8!important;font-weight:750!important}
html body .gn-checkout-button{background:linear-gradient(118deg,#0B5BD3,#146EF5)!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(20,110,245,.18)!important}
html body .gn-continue-button{color:#075FC8!important}

/* Checkout: neutral cards + blue active/payment accents. No old purple brand. */
html body .gn-checkout-header{justify-content:flex-start!important;padding:0 max(18px,calc((100vw - 820px)/2))!important;border-color:#E5EAF0!important}
html body .gn-checkout-main{max-width:820px!important}
html body .gn-checkout-intro .gn-eyebrow{color:var(--gn-primary)!important}
html body .gn-checkout-intro h1{color:var(--gn-ink)!important}
html body .gn-checkout-shell{border-color:#E1E7EF!important;border-radius:20px!important;box-shadow:0 18px 52px rgba(16,24,40,.06)!important}
html body .gn-checkout-shell .input-text{border-color:#D9E0E8!important;border-radius:13px!important;background:#fff!important;color:#101828!important}
html body .gn-checkout-shell .input-text:focus{border-color:var(--gn-primary)!important;box-shadow:0 0 0 3px rgba(20,110,245,.10)!important}
html body .gn-checkout-shell #payment ul.payment_methods>li{border-color:#E0E6ED!important;border-radius:14px!important;background:#fff!important}
html body .gn-checkout-shell #payment ul.payment_methods>li:has(input:checked),
html body .gn-checkout-shell #payment ul.payment_methods>li.sng-pay-selected,
html body .gn-checkout-shell #payment ul.payment_methods>li.sng-v9-selected-payment{border-color:var(--gn-primary)!important;background:#F4F8FF!important;box-shadow:0 0 0 2px rgba(20,110,245,.08)!important}
html body .gn-checkout-shell .payment_box{background:#F6F8FB!important;color:#475467!important;border-radius:12px!important}
html body .gn-whop-info{background:#EEF6FF!important;border-color:#D3E6FF!important;color:#344054!important}
html body .gn-checkout-shell #place_order{background:linear-gradient(118deg,#0B5BD3,#146EF5)!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(20,110,245,.18)!important}

@media(max-width:900px){
  html body .gn-header-inner{justify-content:space-between!important}
  html body .gn-header .gn-logo{margin:0!important}
  html body .gn-menu-button{order:2!important}
  html body .gn-growth-picture{grid-template-columns:1fr!important}
  html body .gn-growth-copy{padding:8px 4px 0!important;text-align:center!important}
}
@media(max-width:620px){
  html body .gn-smm-hero{padding:46px 18px 14px!important}
  html body .gn-smm-hero h1.gn-two-line-heading{font-size:43px!important;line-height:.95!important;letter-spacing:-.05em!important}
  html body .gn-smm-hero p{font-size:15.5px!important}
  html body .gn-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  html body .gn-hero-actions .gn-primary-button,html body .gn-hero-actions .gn-secondary-button{width:100%!important;min-height:52px!important;padding:0 12px!important;font-size:14px!important}
  html body .gn-order-section{padding:12px 12px 46px!important}
  html body .gn-order-section .sng-order,html body.sng-professional-active .gn-order-section .sng-order{padding:18px 14px!important;border-radius:18px!important}
  html body .gn-order-card-head h2{font-size:29px!important}
  html body .gn-order-section .sng-platforms,html body .gn-order-section .sng-services,html body .gn-order-section .sng-qtys,html body.sng-professional-active .gn-order-section .sng-platforms,html body.sng-professional-active .gn-order-section .sng-services,html body.sng-professional-active .gn-order-section .sng-qtys{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .gn-order-section .sng-opt,html body.sng-professional-active .gn-order-section .sng-platforms .sng-opt,html body.sng-professional-active .gn-order-section .sng-services .sng-opt,html body.sng-professional-active .gn-order-section .sng-qtys .sng-opt{min-height:49px!important;font-size:12px!important;padding:8px!important}
  html body .gn-order-section .sng-check,html body.sng-professional-active .gn-order-section .sng-check{padding:13px!important;font-size:12px!important}
  html body .gn-growth-picture{padding:6px 14px 62px!important}
  html body .gn-growth-picture .gn-social-stack{min-height:340px!important;border-radius:18px!important}
  html body .gn-contact{right:13px!important;bottom:13px!important}
  html body .gn-contact-fab{width:52px!important;height:52px!important;border-radius:15px!important}
}


/* ================================================================
   GROWNIVO 1.3 — MOBILE TYPOGRAPHY / GROWTH PREVIEW / REVIEWS
   ================================================================ */

/* Exactly two hero rows. Each row scales to the available width instead of
   wrapping into 3–4 lines on smaller phones. */
html body .gn-smm-hero h1.gn-two-line-heading{
  font-size:clamp(42px,5.2vw,62px)!important;
  line-height:.96!important;
  max-width:900px!important;
}
html body .gn-smm-hero h1.gn-two-line-heading span{
  display:block!important;
  white-space:nowrap!important;
}

/* Stronger medium blue order-card header. */
html body .gn-order-card-head{
  margin:-4px -4px 20px!important;
  padding:20px 20px 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(118deg,#0B5BD3 0%,#146EF5 72%,#2C8CFF 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(20,110,245,.18)!important;
}
html body .gn-order-card-kicker{
  color:rgba(255,255,255,.78)!important;
  margin-bottom:7px!important;
}
html body .gn-order-card-head h2{
  color:#fff!important;
  font-size:clamp(30px,4vw,38px)!important;
  margin:0 0 7px!important;
}
html body .gn-order-card-head p{
  color:rgba(255,255,255,.86)!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}

/* Professional service/product preview — directly related to the packages sold. */
html body .gn-growth-picture{
  max-width:960px!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:24px!important;
  align-items:center!important;
}
html body .gn-growth-showcase{
  background:#fff!important;
  border:1px solid #DCE4ED!important;
  border-radius:20px!important;
  padding:18px!important;
  box-shadow:0 24px 60px rgba(16,24,40,.09)!important;
}
html body .gn-growth-window-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #EEF1F5!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:750!important;
}
html body .gn-growth-window-top>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#101828!important;
}
html body .gn-mini-logo{
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#146EF5,#2C8CFF 58%,#FF5C7A)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}
html body .gn-growth-platforms{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  margin:14px 0!important;
}
html body .gn-growth-platforms>span{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 7px!important;
  border:1px solid #E4E7EC!important;
  border-radius:11px!important;
  background:#FAFBFC!important;
  color:#344054!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
html body .gn-growth-platforms i{
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
  border-radius:6px!important;font-style:normal!important;font-size:9px!important;color:#fff!important;font-weight:950!important;
}
html body .gn-growth-platforms .is-instagram{background:linear-gradient(135deg,#FF7A00,#E1306C,#833AB4)!important}
html body .gn-growth-platforms .is-tiktok{background:#101828!important}
html body .gn-growth-platforms .is-youtube{background:#FF0033!important}
html body .gn-growth-platforms .is-facebook{background:#1877F2!important}

html body .gn-growth-selected{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding:15px!important;
  border:1px solid #D7E7FF!important;
  border-radius:14px!important;
  background:#F3F8FF!important;
}
html body .gn-growth-selected small,
html body .gn-growth-package-grid small{
  display:block!important;
  color:#667085!important;
  font-size:9.5px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
html body .gn-growth-selected strong{display:block!important;color:#101828!important;font-size:15px!important;margin:4px 0!important}
html body .gn-growth-selected span{color:#667085!important;font-size:10.5px!important}
html body .gn-growth-selected-qty{text-align:right!important;flex:none!important}
html body .gn-growth-selected-qty strong{color:#075FC8!important;font-size:23px!important}

html body .gn-growth-package-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
html body .gn-growth-package-grid>div{
  padding:13px!important;
  border:1px solid #E4E7EC!important;
  border-radius:13px!important;
  background:#fff!important;
}
html body .gn-growth-package-grid strong{display:block!important;color:#101828!important;font-size:21px!important;margin:5px 0 2px!important}
html body .gn-growth-package-grid span{color:#667085!important;font-size:10px!important}

html body .gn-growth-flow-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:13px!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  background:#101828!important;
  color:#98A2B3!important;
  font-size:10px!important;
  font-weight:850!important;
}
html body .gn-growth-flow-line span.is-done{color:#fff!important}
html body .gn-growth-flow-line i{height:1px!important;flex:1!important;background:#344054!important}

/* Reviews: adjustable speed/padding; cards can have a screenshot/image on top. */
html body .gn-reviews-section{
  padding-top:var(--gn-review-pad-top,72px)!important;
  padding-bottom:var(--gn-review-pad-bottom,72px)!important;
}
html body .gn-review-track{
  animation:gnReviewMoveV13 var(--gn-review-speed,24s) linear infinite!important;
  gap:14px!important;
}
@keyframes gnReviewMoveV13{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
html body .gn-review-card{
  width:330px!important;
  min-height:230px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #E1E7EF!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(16,24,40,.05)!important;
}
html body .gn-review-media{
  width:100%!important;
  height:185px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#F6F8FB!important;
  border-bottom:1px solid #EEF1F5!important;
}
html body .gn-review-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
html body .gn-review-body{
  min-height:225px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:20px!important;
}
html body .gn-review-body .gn-stars{color:#00B67A!important}
html body .gn-review-body>p{flex:1!important;margin:15px 0 20px!important;color:#475467!important;font-size:15px!important;line-height:1.6!important}
html body .gn-review-body footer{display:flex!important;flex-direction:column!important;gap:3px!important}
html body .gn-review-body footer strong{color:#101828!important}
html body .gn-review-body footer span{color:#98A2B3!important;font-size:11.5px!important}

/* Bottom CTA button must always remain visible against the dark section. */
html body .gn-smm-cta .gn-bottom-order-button,
html body .gn-smm-cta .gn-primary-button{
  display:inline-flex!important;
  min-width:190px!important;
  min-height:54px!important;
  background:#146EF5!important;
  color:#fff!important;
  border:1px solid #3D8BFF!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(20,110,245,.28)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* The cart no longer contains the old help strip. Keep any plugin-injected legacy
   version hidden if one still appears. */
html body .gn-cart-panel .gn-cart-help{display:none!important}

@media(max-width:900px){
  html body .gn-growth-picture{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  html body .gn-smm-hero{
    padding:42px 18px 16px!important;
  }
  html body .gn-smm-hero h1.gn-two-line-heading{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(24px,7.75vw,36px)!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
    margin:11px 0 17px!important;
  }
  html body .gn-smm-hero h1.gn-two-line-heading span{
    display:block!important;
    width:100%!important;
    white-space:nowrap!important;
  }
  html body .gn-order-card-head{
    margin:-2px -2px 18px!important;
    padding:18px 17px 17px!important;
    border-radius:14px!important;
  }
  html body .gn-order-card-head h2{
    font-size:30px!important;
  }
  html body .gn-growth-copy{
    text-align:left!important;
    padding:0 3px 4px!important;
  }
  html body .gn-growth-copy h2{
    font-size:36px!important;
  }
  html body .gn-growth-showcase{
    padding:14px!important;
    border-radius:17px!important;
  }
  html body .gn-growth-platforms{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .gn-review-card{
    width:min(310px,82vw)!important;
  }
  html body .gn-review-media{
    height:175px!important;
  }
}


/* ================================================================
   GROWNIVO 1.3.1 — HORIZONTAL OVERFLOW / MOBILE SCROLLER FIX
   ================================================================ */

/* Keep the document locked to the viewport. This is a safety net for any
   late-loading visual plugin while the component-specific fixes below keep
   the actual content inside the viewport. */
html{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-x:clip!important;
}
html body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-x:clip!important;
}

/* Header, hero, order form and growth sections can never become wider than
   the current viewport because of plugin-added widths/min-widths. */
html body .gn-site,
html body .gn-header,
html body .gn-header-inner,
html body .gn-smm-hero,
html body .gn-order-section,
html body .gn-growth-picture,
html body .gn-reviews-section,
html body .gn-faq-section,
html body .gn-smm-cta{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* The previous version correctly forced two lines, but nowrap + a large mobile
   font could make line one wider than a narrow phone. Keep exactly two rows
   while sizing each row so it fits the available content width. */
@media(max-width:620px){
  html body .gn-smm-hero h1.gn-two-line-heading{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(25px,6.45vw,33px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    overflow:visible!important;
  }
  html body .gn-smm-hero h1.gn-two-line-heading span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
  }

  html body .gn-smm-hero,
  html body .gn-order-section,
  html body .gn-growth-picture{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  html body .gn-order-section .sng-order,
  html body.sng-professional-active .gn-order-section .sng-order,
  html body .gn-growth-showcase,
  html body .gn-growth-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  html body .gn-hero-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  html body .gn-hero-actions>*{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Prevent marquees/drawers from contributing to the page's scroll width. */
html body .gn-review-marquee,
html body .gn-cart-drawer,
html body .gn-menu-backdrop{
  max-width:100vw!important;
  overflow-x:hidden!important;
}


/* ================================================================
   GROWNIVO 1.3.2 — RESTORE ORIGINAL ORDER FIELD HEADINGS
   ================================================================ */

/*
 * Restore the previous compact label treatment for:
 * PLATFORM / SERVICE / QUANTITY / PROFILE / POST / VIDEO LINK.
 *
 * This is presentation only. The order fields, data attributes and backend
 * processing are untouched.
 */
html body .gn-order-section .sng-order > label:not(.sng-check),
html body.sng-professional-active .gn-order-section .sng-order > label:not(.sng-check),
html body .gn-order-section .sng-order label:not(.sng-check),
html body.sng-professional-active .gn-order-section .sng-order label:not(.sng-check){
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:22px 0 8px!important;
  padding:0!important;
  color:#344054!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  font-style:normal!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}

/* Keep the first field heading comfortably spaced below the blue order header. */
html body .gn-order-section .gn-order-card-head + label:not(.sng-check),
html body.sng-professional-active .gn-order-section .gn-order-card-head + label:not(.sng-check){
  margin-top:22px!important;
}

@media(max-width:620px){
  html body .gn-order-section .sng-order > label:not(.sng-check),
  html body.sng-professional-active .gn-order-section .sng-order > label:not(.sng-check),
  html body .gn-order-section .sng-order label:not(.sng-check),
  html body.sng-professional-active .gn-order-section .sng-order label:not(.sng-check){
    margin:20px 0 8px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
  }
}


/* ================================================================
   GROWNIVO 1.4 — TRUSTPILOT CENTER / TYPOGRAPHY / FOOTER
   ================================================================ */

/* Trustpilot hero card from the separate Trustpilot plugin:
   center it with equal left/right space inside the hero. */
html body .gn-smm-hero .snx-tp-hero-card,
html body .gn-smm-hero .snx-tp-hero-card--grownivo{
  width:fit-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:16px!important;
  padding-top:var(--gn-tp-pad-y,9px)!important;
  padding-bottom:var(--gn-tp-pad-y,9px)!important;
  padding-left:12px!important;
  padding-right:12px!important;
  box-sizing:border-box!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}
html body .gn-smm-hero .snx-tp-hero-card *,
html body .gn-smm-hero .snx-tp-hero-card--grownivo *{
  box-sizing:border-box!important;
}
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-hero-label,
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-rating-number,
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-wordmark strong,
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-count-text,
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-verified,
html body .gn-smm-hero .snx-tp-hero-card .snx-tp-hero-link{
  font-size:var(--gn-tp-font,12px)!important;
}

/* User-adjustable hero and large section heading sizes. */
html body .gn-smm-hero h1.gn-two-line-heading{
  font-size:var(--gn-hero-font-desktop,56px)!important;
}
html body .gn-reviews-section .gn-section-head h2,
html body .gn-faq-section .gn-section-head h2,
html body .gn-why .gn-section-head h2{
  font-size:var(--gn-section-heading,54px)!important;
}

/* Reviews can begin immediately after an uploaded screenshot when requested. */
html body .gn-review-body{
  padding-top:var(--gn-review-card-pad-top,20px)!important;
}

/* More informative yellow order acknowledgement, while preserving the same
   required checkbox/data attribute. */
html body .gn-order-section .sng-check strong{
  color:#4B3906!important;
  font-weight:900!important;
}

/* Expanded professional footer. */
html body .gn-footer--expanded{
  margin-top:0!important;
  background:#FFFFFF!important;
  border-top:1px solid #E3E8EF!important;
}
html body .gn-footer-main{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:56px 24px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(130px,.65fr))!important;
  gap:38px!important;
  align-items:start!important;
}
html body .gn-footer-brand p{
  max-width:430px!important;
  margin:16px 0 17px!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.7!important;
}
html body .gn-footer-assurance{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html body .gn-footer-assurance span{
  padding:7px 9px!important;
  border:1px solid #E2E8F0!important;
  border-radius:9px!important;
  background:#F8FAFC!important;
  color:#475467!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
html body .gn-footer-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:9px!important;
}
html body .gn-footer-column>strong{
  margin-bottom:5px!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:900!important;
}
html body .gn-footer-column a,
html body .gn-footer-column button{
  margin:0!important;
  padding:2px 0!important;
  border:0!important;
  background:none!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  text-align:left!important;
}
html body .gn-footer-column a:hover,
html body .gn-footer-column button:hover{
  color:#075FC8!important;
}
html body .gn-footer-payments{
  width:min(1132px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:22px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  border-top:1px solid #EEF1F5!important;
  border-bottom:1px solid #EEF1F5!important;
}
html body .gn-footer-payments-title{
  display:block!important;
  margin-bottom:9px!important;
  color:#344054!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body .gn-payment-cards{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html body .gn-payment-cards span{
  min-height:33px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  border:1px solid #DDE4EC!important;
  border-radius:8px!important;
  background:#FFFFFF!important;
  color:#101828!important;
  box-shadow:0 3px 10px rgba(16,24,40,.04)!important;
  font-size:11px!important;
  font-weight:850!important;
}
html body .gn-footer-payments>p{
  max-width:360px!important;
  margin:0!important;
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  text-align:right!important;
}
html body .gn-footer--expanded .gn-footer-bottom{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:22px 24px 32px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#98A2B3!important;
  font-size:11.5px!important;
}

/* Hide the old compact footer layout if old CSS still targets it. */
html body .gn-footer--expanded > .gn-footer-inner{
  display:none!important;
}

@media(max-width:900px){
  html body .gn-footer-main{
    grid-template-columns:1.4fr 1fr 1fr!important;
  }
  html body .gn-footer-brand{
    grid-column:1/-1!important;
  }
}
@media(max-width:620px){
  html body .gn-smm-hero h1.gn-two-line-heading{
    font-size:var(--gn-hero-font-mobile,31px)!important;
  }
  html body .gn-smm-hero .snx-tp-hero-card,
  html body .gn-smm-hero .snx-tp-hero-card--grownivo{
    width:fit-content!important;
    max-width:calc(100% - 4px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  html body .gn-reviews-section .gn-section-head h2,
  html body .gn-faq-section .gn-section-head h2,
  html body .gn-why .gn-section-head h2{
    font-size:min(var(--gn-section-heading,54px),42px)!important;
  }
  html body .gn-footer-main{
    padding:44px 18px 26px!important;
    grid-template-columns:1fr 1fr!important;
    gap:30px 22px!important;
  }
  html body .gn-footer-brand{
    grid-column:1/-1!important;
  }
  html body .gn-footer-payments{
    width:calc(100% - 36px)!important;
    padding:20px 0!important;
    display:block!important;
  }
  html body .gn-footer-payments>p{
    max-width:none!important;
    margin-top:13px!important;
    text-align:left!important;
  }
  html body .gn-payment-cards{
    gap:6px!important;
  }
  html body .gn-payment-cards span{
    font-size:10.5px!important;
    min-height:31px!important;
  }
  html body .gn-footer--expanded .gn-footer-bottom{
    padding:20px 18px 28px!important;
    flex-direction:column!important;
    gap:6px!important;
  }
}


/* ================================================================
   GROWNIVO 1.4.1 — ALIGNMENT / HEADER / MINIMUM / PAYMENT MARKS
   ================================================================ */

/* Header should exist only at the top of the document. It must NOT follow
   the customer while they scroll down the page. */
html body .gn-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

/* Trustpilot summary sits above the hero heading but aligns to the same LEFT
   edge as the hero copy instead of floating in the middle. */
html body .gn-smm-hero .snx-tp-hero-card,
html body .gn-smm-hero .snx-tp-hero-card--grownivo{
  margin-left:0!important;
  margin-right:auto!important;
  align-self:flex-start!important;
}

/* Order form outer side spacing is now controlled from Theme Studio. */
html body .gn-order-section{
  padding-left:var(--gn-order-side-pad,16px)!important;
  padding-right:var(--gn-order-side-pad,16px)!important;
}
html body .gn-order-section .sng-order,
html body.sng-professional-active .gn-order-section .sng-order{
  width:100%!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Minimum-order message: easier to see/read. */
html body .gn-order-section .sng-min-line,
html body.sng-professional-active .gn-order-section .sng-min-line{
  margin-top:14px!important;
  color:#475467!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:850!important;
  letter-spacing:0!important;
  max-width:620px!important;
}

/* Closing CTA: explicitly centered and never wider than its available area.
   This removes the old mobile right-shift created by width + side margins. */
html body .gn-smm-cta{
  width:calc(100% - 32px)!important;
  max-width:960px!important;
  margin:0 auto 70px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  text-align:center!important;
}
html body .gn-smm-cta .gn-eyebrow,
html body .gn-smm-cta h2,
html body .gn-smm-cta p{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html body .gn-smm-cta .gn-bottom-order-button{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Real visual payment marks instead of plain word chips. */
html body .gn-payment-cards{
  align-items:center!important;
}
html body .gn-payment-logo{
  width:68px!important;
  height:40px!important;
  min-width:68px!important;
  min-height:40px!important;
  padding:5px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #DDE4EC!important;
  border-radius:9px!important;
  background:#FFFFFF!important;
  color:#101828!important;
  box-shadow:0 4px 13px rgba(16,24,40,.055)!important;
}
html body .gn-payment-logo svg{
  width:100%!important;
  height:100%!important;
  max-width:56px!important;
  max-height:27px!important;
  display:block!important;
}
html body .gn-payment-logo--mastercard svg{
  max-width:50px!important;
}
html body .gn-payment-logo--apple svg,
html body .gn-payment-logo--google svg{
  max-width:60px!important;
}

/* The old generic payment-chip span rules must not resize these new marks. */
html body .gn-payment-cards span.gn-payment-logo{
  font-size:0!important;
  line-height:0!important;
}

/* If a browser/plugin adds a sticky transform to the header on scroll, neutralize it. */
html body.admin-bar .gn-header{
  top:auto!important;
}

@media(max-width:620px){
  html body .gn-order-section{
    padding-left:var(--gn-order-side-pad,16px)!important;
    padding-right:var(--gn-order-side-pad,16px)!important;
  }

  html body .gn-smm-hero .snx-tp-hero-card,
  html body .gn-smm-hero .snx-tp-hero-card--grownivo{
    margin-left:0!important;
    margin-right:auto!important;
  }

  html body .gn-smm-cta{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto 60px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }

  html body .gn-payment-logo{
    width:60px!important;
    height:37px!important;
    min-width:60px!important;
    min-height:37px!important;
    padding:5px 7px!important;
  }
}


/* ================================================================
   GROWNIVO 1.5.2 — GROUPED CART / SELECTION PAGE BASE
   ================================================================ */

html body .gn-cart-item--grouped{
  padding:15px!important;
  display:block!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(16,24,40,.035)!important;
}
html body .gn-cart-group-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
html body .gn-cart-group-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
html body .gn-cart-group-copy>strong{
  color:#101828!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
html body .gn-cart-group-copy>a{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#075fc8!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
html body .gn-cart-group-total{
  flex:none!important;
  text-align:right!important;
}
html body .gn-cart-group-total small{
  display:block!important;
  color:#98a2b3!important;
  font-size:9.5px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
html body .gn-cart-group-total b{
  display:block!important;
  margin-top:3px!important;
  color:#101828!important;
  font-size:15px!important;
  font-weight:950!important;
}
html body .gn-cart-group-meta{
  margin-top:11px!important;
  padding:9px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:10px!important;
  background:#f3f8ff!important;
  color:#475467!important;
}
html body .gn-cart-group-meta span{
  font-size:10.5px!important;
  font-weight:800!important;
}
html body .gn-cart-group-meta strong{
  color:#075fc8!important;
  font-size:15px!important;
  font-weight:950!important;
}
html body .gn-cart-package-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:10px!important;
}
html body .gn-cart-package-chip{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 6px 0 10px!important;
  border:1px solid #dce4ed!important;
  border-radius:10px!important;
  background:#f8fafc!important;
}
html body .gn-cart-package-chip>span{
  color:#101828!important;
  font-size:10.5px!important;
  font-weight:900!important;
}
html body .gn-cart-package-chip>small{
  color:#667085!important;
  font-size:9.5px!important;
  font-weight:750!important;
}
html body .gn-cart-package-chip>button{
  width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff0f3!important;
  color:#e43a5a!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}

/* Do not let generic page wrappers affect the Smart Routing application page. */
html body.page-template-default .sngsr-selection-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}


/* ================================================================
   GROWNIVO 1.5.3 — CLEAN FLOW-ISOLATED CHECKOUT
   ================================================================ */

/* Homepage only: show the dedicated centered logo header created by front-page.php.
   No desktop navigation, hamburger button, backdrop or menu panel is rendered there. */
body.home .gn-site.gn-home > .gn-home-header{display:block!important}
body.home .gn-site.gn-home > .gn-home-header .gn-header-inner{justify-content:center!important}
body.home .gn-site.gn-home > .gn-home-header .gn-logo{margin-left:auto!important;margin-right:auto!important}
body.home .gn-menu-backdrop,
body.home .gn-menu-panel{display:none!important}

html body .gn-checkout-page{min-height:100vh!important;background:#f6f8fb!important}
html body .gn-checkout-main{width:min(820px,100%)!important;max-width:820px!important;margin:0 auto!important;padding:28px 14px 58px!important}
html body .gn-checkout-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .gn-checkout-shell>.woocommerce,
html body .gn-checkout-shell .woocommerce{background:transparent!important}
html body .gn-checkout-shell form.checkout,
html body .gn-checkout-shell form.woocommerce-checkout{width:100%!important;max-width:760px!important;margin:0 auto!important;padding:0!important;display:block!important}
html body .gn-checkout-shell #customer_details{width:100%!important;margin:0 0 14px!important;padding:20px!important;border:1px solid #dfe6ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(16,24,40,.05)!important}
html body .gn-checkout-shell #order_review{width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .gn-checkout-shell #payment{width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body .gn-checkout-shell #payment ul.payment_methods{width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .gn-checkout-shell #payment ul.payment_methods>li{margin:0 0 10px!important;border:1px solid #dfe6ee!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}
html body .gn-checkout-shell #place_order{min-height:58px!important;margin-top:12px!important;background:linear-gradient(118deg,#0b5bd3,#146ef5)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(20,110,245,.18)!important;font-size:16px!important;font-weight:900!important}

html body.woocommerce-checkout .gn-checkout-shell .woocommerce{position:static!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;clear:both!important}
html body.woocommerce-checkout .gn-checkout-shell form.checkout,
html body.woocommerce-checkout .gn-checkout-shell form.woocommerce-checkout{grid-template-columns:1fr!important;gap:14px!important;justify-content:stretch!important}
html body.woocommerce-checkout .gn-checkout-shell #customer_details,
html body.woocommerce-checkout .gn-checkout-shell #order_review{grid-column:auto!important;grid-row:auto!important}

html body.woocommerce-checkout .mk-whop-inline-shell{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.woocommerce-checkout .mk-whop-embed-host{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.woocommerce-checkout .mk-whop-policy-note{margin:0 0 12px!important;padding:14px 15px!important;border:1px solid #d8e8ff!important;border-radius:14px!important;background:#f3f8ff!important;color:#475467!important;box-shadow:none!important;font-size:12.5px!important;line-height:1.55!important}

html body .gn-checkout-page--ai .gn-nav-cart,
html body .gn-checkout-page--ai [data-sng-cart-open]{display:none!important}

html body .gn-routing-host-main{width:100%!important;min-height:calc(100vh - 82px)!important}

@media(max-width:620px){
  html body .gn-checkout-main{padding:18px 10px 44px!important}
  html body .gn-checkout-shell #customer_details{padding:16px!important;border-radius:16px!important}
}