/* GLAM BY MARA v45 · Surgical mobile/tablet repair. Desktop look remains unchanged. */
@media(max-width:1240px){
 html{overflow-x:clip}
 body{min-width:0!important;max-width:100%;overflow-x:clip}
 body .gm32-ambient{max-width:100vw!important;pointer-events:none!important}
 #siteNav.open{z-index:31000!important;gap:0!important;padding:12px!important;box-shadow:0 18px 46px rgba(35,19,27,.21)!important;border-radius:0 0 17px 17px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 98px)!important}
 #siteNav.open>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 16px!important;margin:0!important;border-radius:10px;text-decoration:none!important}
 #siteNav.open>a[aria-current="page"]{background:rgba(186,119,148,.10);color:#a05e77!important}
 #siteNav.open .gbm-test-nav-link{margin:10px 0 0!important;min-height:46px!important;justify-content:center!important}
 #siteNav #gbm-theme-toggle{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:46px!important;min-width:0!important;max-width:none!important;min-height:46px!important;margin:10px 0 3px!important;border-radius:10px!important;padding:9px 16px!important;gap:9px!important;font-size:13px!important;overflow:visible!important;box-shadow:none!important;border:1px solid #ccadb8!important;background:#f4e9ed!important;color:#573a4c!important}
 #siteNav #gbm-theme-toggle .gbm-theme-label{display:inline!important;font:700 12px/1.3 Manrope,Arial,sans-serif!important}
 #siteNav #gbm-theme-toggle .gbm-theme-icon{display:inline!important;font-size:18px!important}
 html.gbm-night #siteNav #gbm-theme-toggle{background:#493440!important;color:#fff5f6!important;border-color:#886376!important}
 #menu{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;min-height:44px;padding:0!important;border-radius:9px;position:relative;z-index:31001;cursor:pointer}
 #menu[aria-expanded="true"]{background:rgba(185,120,151,.11)}
 #gbm-replay{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:1!important;margin:15px auto 22px!important;max-width:calc(100% - 36px)!important;min-height:42px;display:flex!important;justify-content:center;align-items:center;box-shadow:none!important;border-radius:9px!important;background:rgba(244,233,232,.7)!important;white-space:normal!important}
 html.gbm-night #gbm-replay{background:rgba(80,55,72,.72)!important}
 .marquee{overflow:hidden!important}
 .marquee-track{max-width:none!important}
 .container,.nav{max-width:100%!important}
 #page-home .gbm-hero-side-note{display:none!important}
}
@media(max-width:700px){
 html{scroll-padding-top:76px}
 .container{width:calc(100% - 36px)!important;max-width:none!important;margin-inline:auto!important}
 .topbar{padding:8px 13px!important;font-size:9px!important;letter-spacing:.08em!important;line-height:1.45!important;text-align:center!important;min-height:34px;display:flex;align-items:center;justify-content:center}
 header{position:sticky!important;top:0!important;z-index:30000!important}
 header .nav{width:calc(100% - 32px)!important;height:64px!important;min-height:64px!important;gap:8px!important}
 .brand{gap:6px!important;min-width:0!important;flex:1 1 auto!important;flex-shrink:1!important;overflow:hidden!important}
 .brandmark{font-size:32px!important;line-height:1!important}
 .brand b{font-size:clamp(16px,4.8vw,20px)!important;white-space:nowrap!important;letter-spacing:-.02em!important}
 .brand small{font-size:6.5px!important;letter-spacing:1.8px!important;margin-top:1px!important}
 .navright{margin-left:auto!important;gap:5px!important;flex:0 0 auto!important;flex-shrink:0!important}
 .navright #account{display:none!important}
 .navright #login{display:none!important}
 .lang{min-height:42px!important;min-width:58px!important;max-width:70px!important;padding:7px 10px!important;font-size:12px!important;border-radius:9px!important}
 #menu{width:44px!important;min-width:44px!important;max-width:44px!important;flex-shrink:0!important;height:44px!important;font-size:23px!important}
 #siteNav.open{top:100%!important;left:-4px!important;right:-4px!important;max-height:calc(100dvh - 104px)!important}
 .gbm-page-masthead{padding:35px 0 30px!important;overflow:hidden}
 .gbm-masthead-layout{gap:0!important;display:block!important}
 .gbm-masthead-text h1{font-size:clamp(30px,8.3vw,42px)!important;line-height:1.13!important;letter-spacing:-.03em!important;margin:12px 0!important;overflow-wrap:anywhere}
 html[lang="hy"] .gbm-masthead-text h1{font-size:clamp(27px,7vw,37px)!important;line-height:1.24!important}
 .gbm-masthead-text p{font-size:14px!important;line-height:1.65!important;max-width:100%!important}
 .gbm-masthead-eyebrow{font-size:10px!important;letter-spacing:.13em!important}
 .gbm-page>*{max-width:100%!important}
 .gbm-page,.gbm-page section{min-width:0!important}
 /* Replace the absolute hero background with a real video card in the flow. */
 #page-home .hero{min-height:0!important;overflow:hidden!important}
 #page-home .hero .herogrid{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:23px!important;min-height:0!important;padding:33px 0 34px!important;position:relative!important}
 #page-home .hero .hero-copy{order:1!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;flex:none!important}
 #page-home .hero-copy .eyebrow{font-size:9px!important;letter-spacing:.14em!important;line-height:1.4!important;max-width:100%!important}
 #page-home .hero-copy h1{font-size:clamp(35px,9.4vw,48px)!important;line-height:1.12!important;margin:18px 0 14px!important;overflow-wrap:break-word!important}
 html[lang="hy"] #page-home .hero-copy h1{font-size:clamp(30px,8vw,43px)!important;line-height:1.22!important}
 #page-home .hero-copy .lead{font-size:14px!important;line-height:1.7!important;max-width:100%!important}
 #page-home .hero-copy .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important;margin:20px 0 21px!important;max-width:100%!important}
 #page-home .hero-copy .actions>.pill{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;width:100%!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;font-size:12px!important;padding:10px 9px!important;overflow-wrap:anywhere}
 #page-home .hero-copy .hero-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;max-width:100%!important;margin:0!important;padding:16px 0 0!important;border-top:1px solid rgba(154,113,130,.17)!important}
 #page-home .hero-features .feature{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0!important;min-width:0!important}
 #page-home .hero-features .feature i{font-size:19px!important;flex:0 0 20px!important}
 #page-home .hero-features .feature span{font-size:11px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
 #page-home .hero .herogrid .gbm-hero-film{position:relative!important;order:2!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:16px!important;margin:0!important;overflow:hidden!important;box-shadow:0 16px 35px rgba(48,27,39,.16),0 0 0 1px rgba(132,90,107,.22)!important;background:#553948 url('/media/wow_poster_mobile.webp') center center /cover no-repeat!important;isolation:isolate}
 #page-home .herogrid .gbm-hero-film video{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important}
 #page-home .herogrid .gbm-hero-film::before{background:linear-gradient(0deg,rgba(15,11,18,.22),transparent 48%)!important}
 #page-home .herogrid .gbm-hero-film::after{box-shadow:none!important;background:none!important}
 #page-home .herogrid .gbm-hero-film .gbm-hero-film-toggle{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;inset:12px auto auto 12px!important;width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(37,20,30,.65)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;z-index:6!important;cursor:pointer!important}
 #page-home .hero .gbm-hero-hq-label{display:none!important}
 /* Touch-oriented readable cards and comfortable section rhythm. */
 .gbm-home-links{padding:37px 0 43px!important}
 .gbm-home-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
 .gbm-home-link{min-height:142px!important;padding:16px 12px!important;border-radius:14px!important;overflow:hidden!important}
 .gbm-hl-copy b{font-size:16px!important;line-height:1.27!important;overflow-wrap:anywhere}
 .gbm-hl-copy small{font-size:11px!important;line-height:1.4!important;overflow-wrap:anywhere}
 .gbm-film-home,.gbm-film-looks{padding:44px 0 48px!important}
 .gbm-film-home-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 .gbm-film-copy{padding:0!important}
 .gbm-film-copy h2,.gbm-film-looks-heading h2{font-size:clamp(31px,8.2vw,42px)!important;line-height:1.15!important;margin:14px 0!important}
 .gbm-film-copy p,.gbm-film-looks-heading p{font-size:14px!important;line-height:1.7!important}
 .gbm-film-video-frame{max-width:100%!important}
 .gbm-film-detail{gap:8px 12px!important;font-size:10px!important;margin-bottom:15px!important}
 .gbm-film-looks-heading{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-bottom:20px!important}
 .gbm-film-bottomlabel{font-size:7px!important;letter-spacing:.055em!important}
 .section-title{font-size:clamp(29px,8vw,42px)!important;line-height:1.15!important;overflow-wrap:anywhere}
 .section-desc{font-size:14px!important;line-height:1.7!important}
 .gbm-page-courses #courses,.gbm-page .benefits,.gbm-page .bento-wrap{padding-block:38px!important}
 .courses{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .courses>*{min-width:0!important;max-width:100%!important}
 .courses>* h3,.courses>* h4{font-size:19px!important;line-height:1.3!important}
 .courses>* p{font-size:13px!important;line-height:1.6!important}
 .courses>* button,.courses>* a{min-height:44px}
 .benefit-grid,.reviews,.bento-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 .benefit,.review,.bento-card{padding:19px!important;border-radius:15px!important;min-height:0!important;overflow-wrap:anywhere}
 .atelier-grid,.transformation-grid,.result-grid,.gbm-kit-grid,.gbm-contact-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;max-width:100%!important}
 .atelier-card,.transformation-copy,.gbm-kit-card{padding:21px!important;border-radius:17px!important;max-width:100%!important;min-width:0!important}
 .atelier-title,.transformation-title,.results-title{font-size:clamp(32px,8.8vw,43px)!important;line-height:1.1!important;overflow-wrap:anywhere}
 .atelier-visual{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:0!important}
 .tool-column{grid-template-columns:minmax(0,1fr)!important}
 .atelier-points{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 .comparison-card{min-height:0!important;aspect-ratio:4/5!important;border-radius:16px!important}
 .result-card{min-height:280px!important;border-radius:16px!important}
 .gbm-kit-card img,.result-card img{max-width:100%}
 .gbm-contact-grid .gbm-contact-card{grid-column:auto!important;min-height:0!important;padding:22px!important;border-radius:17px!important;max-width:100%!important;overflow-wrap:anywhere}
 .gbm-contact-card h2{font-size:clamp(23px,6vw,31px)!important;overflow-wrap:anywhere}
 .gbm-route-bottom{padding:32px 0!important}
 .gbm-route-bottom .container{gap:12px!important}
 /* Quiz remains independently scrollable and touch-friendly. */
 #gbm-test-dialog{position:fixed!important;inset:0!important;max-width:100vw!important;max-height:100dvh!important;overscroll-behavior:contain!important}
 #gbm-test-panel{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;border-radius:0!important;margin:0!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch}
 .gbm-test-overlay button,.gbm-test-overlay select,.gbm-test-overlay input{min-height:42px}
 .gbm-test-topic,.gbm-test-topic-card{max-width:100%!important}
 #gbm-test-dialog .gbm-test-content{max-width:100%!important}
 footer .container,footer .footergrid{max-width:100%!important}
 footer .footergrid{grid-template-columns:minmax(0,1fr)!important;gap:17px!important}
 footer{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:359px){
 .brandmark{font-size:29px!important}
 .brand b{font-size:15px!important}
 .brand small{font-size:6px!important;letter-spacing:1.4px!important}
 .navright{gap:2px!important}
 .lang{min-width:54px!important;padding:5px 7px!important}
 #page-home .hero-copy h1{font-size:35px!important}
 #page-home .hero-copy .actions{grid-template-columns:minmax(0,1fr)!important}
 #page-home .hero-copy .actions>.pill{min-height:44px!important}
 .gbm-hl-copy b{font-size:15px!important}
 .gbm-home-link{padding:14px 10px!important}
}
@media(max-width:700px) and (orientation:landscape) and (max-height:500px){
 header{position:relative!important}
 #page-home .hero .herogrid{padding-block:20px!important}
 #siteNav.open{max-height:calc(100dvh - 66px)!important}
}
@media(prefers-reduced-motion:reduce){
 #page-home .hero .herogrid .gbm-hero-film video{animation:none!important}
}