/* GAR ACADEMY V7 — unified public pages */
:root{--gar-ink:#17212d;--gar-text:#465564;--gar-muted:#788694;--gar-mint:#49d3c5;--gar-blue:#78c7f2;--gar-purple:#a980c9;--gar-gold:#d8ad57;--gar-line:rgba(23,33,45,.09);--gar-shadow:0 18px 55px rgba(54,78,96,.09)}
html{scroll-behavior:smooth}body{color:var(--gar-text)!important;-webkit-font-smoothing:antialiased}.topbar,.site-header,header.header{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(23,33,45,.07)!important}.container{width:min(calc(100% - 32px),1240px)!important;margin-inline:auto!important}
.btn,button[class*="btn"],a[class*="btn"]{border-radius:14px!important}.glass,.card,.course,.program,.aud-card,.track,.route-card,.package-card,.catalog-shell,.owner-wrap,.business-shell{border-color:rgba(23,33,45,.075)!important;box-shadow:var(--gar-shadow)}
/* Desktop header: compact, aligned, two logical rows without collisions */
@media(min-width:1151px){.topbar .nav{height:auto!important;min-height:82px!important;display:grid!important;grid-template-columns:190px minmax(0,1fr) auto!important;grid-template-areas:"brand links actions"!important;gap:14px!important;align-items:center!important;padding:9px 0!important}.topbar .brand{grid-area:brand!important;align-self:center!important}.topbar .navlinks{grid-area:links!important;margin:0!important;display:flex!important;justify-content:center!important;align-content:center!important;align-items:center!important;gap:5px 14px!important;flex-wrap:wrap!important;line-height:1.15!important}.topbar .navlinks a{font-size:12px!important;white-space:nowrap!important;padding:4px 0!important}.topbar .nav-actions{grid-area:actions!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;align-items:center!important}.topbar .nav-actions .btn{min-height:43px!important;padding:0 14px!important;white-space:nowrap!important}.brand-logo{width:50px!important;height:50px!important}.brand span{font-size:14px!important;line-height:1.05!important}.brand small{font-size:7.5px!important;line-height:1.35!important}}
/* Consistent page widths and readable content */
main,.page,.page-wrap{max-width:1240px}.section{padding-top:44px!important;padding-bottom:44px!important}.hero{padding-top:30px!important}.section-head h1,.section-head h2,h1,h2{color:var(--gar-ink)}
@media(max-width:1150px){.topbar .navlinks{display:none!important}.topbar .nav{min-height:68px!important}.topbar .brand{min-width:0}.topbar .brand span{font-size:13px}.topbar .nav-actions .btn-primary{display:none!important}.topbar .nav-actions{margin-left:auto!important}}
@media(max-width:700px){.container{width:min(calc(100% - 20px),1240px)!important}.topbar .nav{min-height:60px!important}.brand-logo{width:42px!important;height:42px!important}.brand small{font-size:7px!important}.section{padding:30px 0!important}.hero{padding:14px 0!important}.course-grid,.popular,.audience,.tracks,.animal-paths,.package-grid{grid-template-columns:1fr!important}}


/* =========================================================
   GAR ACADEMY V10 FULL — EQUAL LEFT / RIGHT GUTTERS
   Additive only. Existing design, GMS and courses are preserved.
   ========================================================= */
:root{--container:1320px;--page-gap:24px}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.container,.wrap,.appbar-in{width:100%!important;max-width:var(--container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--page-gap)!important;padding-right:var(--page-gap)!important}
.topbar .container,.price-lock-strip .container,.hero .container,.section .container,footer .container{width:100%!important;max-width:var(--container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--page-gap)!important;padding-right:var(--page-gap)!important}
.nav,.hero-grid,.audience,.tracks,.popular,.catalog-grid,.detail-grid,.demo-grid,.package-grid,.result-grid,.review-grid,.seo-grid,.payment-grid,.corporate-form,.checkout-form,.lesson-grid,.course-shell,.course-main,.grid,.card,.hero,.lesson-block,.table-wrap{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%;height:auto}
@media(max-width:1400px){:root{--page-gap:20px}}
@media(max-width:700px){:root{--page-gap:14px}.container,.wrap,.appbar-in,.topbar .container,.price-lock-strip .container,.hero .container,.section .container,footer .container{padding-left:var(--page-gap)!important;padding-right:var(--page-gap)!important}}


/* GAR ACADEMY V11 — public mobile app shell */
.gar-public-mobile-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:78px!important}
  .topbar .nav-actions .btn-primary,.mobile-cta{display:none!important}
  .topbar .nav-actions .btn-light{display:inline-flex!important;min-height:40px!important;padding:0 11px!important;font-size:11px!important}
  .gar-public-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:8px;z-index:999;background:#fffdfb;border:1px solid rgba(23,33,45,.08);border-radius:20px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 12px 38px rgba(23,63,51,.15)}
  .gar-public-mobile-nav a{display:grid;place-items:center;gap:1px;min-width:0;padding:5px 1px;border-radius:12px;color:#6a7770;font-size:9px;font-weight:850;text-decoration:none}
  .gar-public-mobile-nav a:active{background:#eef8f4;color:#173f33}.gar-public-mobile-nav b{font-size:17px;line-height:1;color:#173f33}
}