#workshop-mobile-menu{display:none}body.wm-open{overflow:hidden}
@media(max-width:850px){#workshop-mobile-menu[open]{display:flex;flex-direction:column;gap:12px;position:fixed;inset:0;margin:0;padding:18px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;background:#11172e;color:#fff;z-index:100}#workshop-mobile-menu::backdrop{background:#11172e}.wm-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wm-top img{display:block;width:120px;height:auto}.wm-close{width:44px;height:44px;background:#ffffff15;border:1px solid #ffffff35;border-radius:4px;color:#fff;font-size:20px;cursor:pointer}.wm-caption{margin:0;font-size:9px;letter-spacing:2px;color:#c8ceda;flex-shrink:0}#workshop-mobile-menu .photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;flex:1;min-height:0}#workshop-mobile-menu .mobile-photo{position:relative;display:block;min-height:0;overflow:hidden;border-radius:6px;text-decoration:none;color:white}#workshop-mobile-menu .mobile-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#workshop-mobile-menu .mobile-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000c)}#workshop-mobile-menu .mobile-photo span{position:absolute;z-index:1;left:12px;bottom:12px;font-size:14px;font-weight:700;line-height:1.2}.wm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}.wm-actions a{display:flex;align-items:center;justify-content:center;padding:13px 6px;min-height:44px;background:#d92332;border-radius:4px;color:white;text-decoration:none;text-align:center;font-size:11px;font-weight:700}.wm-actions a+a{background:white;color:#11172e}#workshop-mobile-menu a:focus-visible,#workshop-mobile-menu button:focus-visible{outline:3px solid #ff8390;outline-offset:-3px}.mobile-call{z-index:25}}
@media(max-height:600px) and (max-width:850px){#workshop-mobile-menu[open]{padding:10px;gap:8px}.wm-caption{display:none}#workshop-mobile-menu .photo-grid{gap:6px}#workshop-mobile-menu .mobile-photo span{font-size:12px;left:8px;bottom:8px}}
