/* V15: one reusable drawer on home, shop, articles, projects, accounts and checkout. */
.tg-mobile-drawer{display:none}
@media(max-width:1100px){
    body.tg-mobile-menu-open{overflow:hidden!important;touch-action:none}
    body.tg-home-page .header .menu.tg-site-menu{display:none!important}
    body.tg-inner-layout .tg-inner-header .tg-inner-nav{display:none!important}
    body.tg-home-page .header .menu-toggle{display:grid!important;place-items:center}
    .tg-mobile-drawer{box-sizing:border-box;position:fixed!important;inset:0!important;
        display:flex!important;flex-direction:column;width:100%;height:100dvh;z-index:99999;
        background:#061735;color:#fff;overflow-y:auto;overscroll-behavior:contain;
        padding:calc(16px + env(safe-area-inset-top,0px)) 19px calc(25px + env(safe-area-inset-bottom,0px));
        opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);
        transition:opacity .2s ease,transform .2s ease,visibility .2s}
    .tg-mobile-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
    .tg-mobile-drawer__heading{display:flex;justify-content:space-between;align-items:center;
        padding:0 2px 14px;margin-bottom:12px;border-bottom:1px solid #ffffff2b;
        flex:none;font-size:15px;font-weight:800}
    .tg-mobile-drawer__close{width:37px;height:37px;display:grid;place-items:center;
        border:1px solid #ffffff58;border-radius:11px;background:#ffffff12;color:white;cursor:pointer}
    .tg-mobile-drawer__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;
        align-items:stretch!important;width:100%;gap:0;flex:0 0 auto}
    .tg-mobile-drawer__menu .tg-nav-item{display:block;width:100%;border-bottom:1px solid #ffffff19}
    .tg-mobile-drawer__menu .tg-nav-row{display:flex;align-items:center;justify-content:space-between}
    .tg-mobile-drawer__menu .tg-nav-row>a{flex:1;display:flex;align-items:center;
        color:#fff!important;padding:15px 6px;white-space:normal;font-size:13px;font-weight:650;line-height:1.9}
    .tg-mobile-drawer__menu .tg-submenu-toggle{display:grid;place-items:center;min-width:39px;min-height:39px;color:#fff;border:0;background:transparent;font-size:19px}
    .tg-mobile-drawer__menu .tg-submenu{position:static!important;display:none;width:100%!important;max-width:none!important;
        min-width:0!important;margin:0 10px 9px 0;padding:4px 9px;list-style:none;background:#ffffff09;
        border:1px solid #ffffff19;border-radius:12px;box-shadow:none!important}
    .tg-mobile-drawer__menu .tg-has-children.tg-expanded>.tg-submenu{display:block}
    .tg-mobile-drawer__menu .tg-submenu .tg-nav-row>a{color:#fff!important;padding:10px 6px;font-size:12px}
    .tg-mobile-drawer__cta{display:flex;align-items:center;justify-content:center;flex:none;
        margin-top:19px;padding:11px 19px;background:var(--tg-red,var(--red,#e21f2f));
        border-radius:11px;color:white!important;font-size:12px;font-weight:800;text-decoration:none}
    /* Same geometry as cart/account utility buttons on both headers. */
    body.tg-home-page .header-actions :is(.menu-toggle,.tg-utility-link),
    body.tg-inner-layout .tg-inner-actions :is(.tg-inner-toggle,.tg-utility-link){
        width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;
        padding:0!important;border-radius:11px!important;box-sizing:border-box!important;
        display:grid!important;place-items:center!important;color:#fff!important;
        border:1px solid #ffffff58!important;background:#ffffff12!important}
    /* Both headers now render exactly the same Blade component and the same SVG icon. */
    body.tg-home-page .header .tg-mobile-trigger,
    body.tg-inner-layout .tg-inner-header .tg-mobile-trigger{
        display:grid!important;place-items:center!important;gap:0!important;
        color:#fff!important;line-height:1!important;font-size:0!important;
    }
    .tg-mobile-trigger svg{display:block;width:20px;height:20px;flex:none;stroke:currentColor}
}
@media(min-width:1101px){.tg-mobile-drawer{display:none!important}}
@media(prefers-reduced-motion:reduce){.tg-mobile-drawer{transition:none}}