/* Mobile shell and workspace integration. Desktop editor behaviour is preserved. */
@media (max-width:1024px) {
 body{--buni-gutter:clamp(12px,3vw,24px)}
 .site-header{height:auto;min-height:72px;gap:12px;padding-top:12px;padding-bottom:12px;position:relative;z-index:100}
 .site-header>div,.site-header nav{min-width:0}.site-header nav{gap:8px;flex-shrink:0}
 .site-header .custom-logo-link img{max-width:min(36vw,180px);max-height:44px}
 .site-header .theme-switch{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px}
 .site-header .mobile-toggle{display:inline-flex}.site-header .header-cta{display:none}
 .site-header .nav-menu{display:none;position:absolute;inset:auto var(--buni-gutter) auto;top:100%;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:0;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0002;z-index:101}
 .site-header .nav-menu.is-open{display:flex}.site-header .nav-menu a{display:block;padding:13px 12px;min-height:44px;overflow-wrap:anywhere}
 .buni-wide,.buni-wide>*{min-width:0}.buni-wide img:not(.bh-slide-media img){max-width:100%}
 .buni-wide .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:30px;padding-bottom:36px}.hero h1{font-size:clamp(36px,7vw,64px);letter-spacing:-2px}
 .buni-wide .products,.buni-wide .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.buni-wide .plans>.plan:last-child{grid-column:1/-1}
 .buni-wide .steps{gap:20px}.site-footer{gap:20px;flex-wrap:wrap}.buni-wide .actions{flex-wrap:wrap}.buni-wide .strip{gap:16px;flex-wrap:wrap}
 .buni-wide .bhm-account,.buni-wide .bhm-dashboard{min-width:0;max-width:100%}.buni-wide .bhm-auth-shell{grid-template-columns:minmax(0,1fr)}.buni-wide .bhm-auth-story{display:none}.buni-wide .bhm-auth-content{min-width:0;padding:clamp(18px,4vw,32px)}
 .buni-wide input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),.buni-wide textarea,.buni-wide select{font-size:16px}

}
@media(max-width:600px){

 .site-header .logo{font-size:23px}.site-header .mark{width:28px;height:28px;margin-right:5px}
 .buni-wide .products,.buni-wide .plans,.buni-wide .steps{grid-template-columns:minmax(0,1fr)}.buni-wide .plans>.plan:last-child{grid-column:auto}
 .buni-wide .pricing{padding:32px 16px}.buni-wide .plan{padding:24px 20px}.buni-wide .cta{padding:28px 20px;display:block}.buni-wide .cta .btn{margin-top:20px}
 .buni-wide h2{font-size:32px;letter-spacing:-1px}.buni-wide .section-head{display:block}.site-footer{flex-direction:column;align-items:flex-start;padding:24px var(--buni-gutter)}.footer-links{justify-content:flex-start;gap:14px}
 .buni-wide .bhm-studios,.buni-wide .bhm-credit-card{grid-template-columns:minmax(0,1fr)}.buni-wide .bhm-profile{padding:18px}.buni-wide .bhm-profile-meta{gap:12px}
 .buni-workspace-page .bhs-workspace-nav{gap:8px}.buni-workspace-page .bhs-workspace-title{font-size:22px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1024px){
 .site-header{min-height:56px;padding-top:6px;padding-bottom:6px}.site-header .custom-logo-link img{max-height:36px}
 .buni-workspace-page #main-content>.content-wrap{margin-top:6px;margin-bottom:12px}
 .buni-wide .bh-slide-media{height:clamp(160px,55svh,280px)}
}