/* SBS Mobile Menu Styles */
.sbs-mobile-menu{position:relative;z-index:1000}
.sbs-burger{display:inline-flex;flex-direction:column;gap:6px;width:42px;height:42px;align-items:center;justify-content:center;border:0;background:var(--sbs-color-burger-bg, #111111);color:#fff;border-radius:8px;cursor:pointer}
.sbs-burger span{display:block;width:22px;height:2px;background:var(--sbs-color-burger-lines, #ffffff);border-radius:1px}

.sbs-overlay{position:fixed;inset:0;background:var(--sbs-color-overlay, rgba(0,0,0,.5));backdrop-filter:saturate(120%) blur(2px);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:9999}
.sbs-overlay.is-open{opacity:1;pointer-events:auto}

.sbs-drawer{position:fixed;top:0;left:0;height:100vh;width:86vw;max-width:420px;background:var(--sbs-color-drawer-bg, #ffffff);box-shadow:6px 0 24px rgba(0,0,0,.16);transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:10000}
.sbs-drawer.is-open{transform:translateX(0)}
.sbs-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px;border-bottom:1px solid #eee}
.sbs-drawer-title{font-size:18px;font-weight:600;color:var(--sbs-color-text, #111111) !important}
.sbs-logo img{display:block;height:auto}
.sbs-close{border:0;background:transparent !important;color:var(--sbs-color-text, #111111) !important;font-size:28px;line-height:1;cursor:pointer;padding:4px;box-shadow:none !important}

.sbs-nav{overflow:auto;padding:8px 0;height:100%}
.sbs-menu{list-style:none;margin:0;padding:0}
.sbs-menu-item{border-bottom:1px solid #f1f1f1}
.sbs-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;opacity:0;transform:translateX(-8px)}
.sbs-link{color:var(--sbs-color-text, #111111) !important;text-decoration:none;font-size:16px;flex:1;display:flex;align-items:center;gap:10px}
.sbs-link:link,.sbs-link:visited{color:var(--sbs-color-text, #111111) !important}
.sbs-link:hover,.sbs-link:focus{color:var(--sbs-color-text, #111111) !important;text-decoration:none}

/* Thumbnails inside links */
.sbs-thumb{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f2f2f2;flex:0 0 auto}
.sbs-thumb img{display:block;width:100%;height:100%;object-fit:cover}

.sbs-subtoggle{border:1px solid rgba(0,0,0,.12);background:var(--sbs-color-primary, #f5f5f7) !important;color:var(--sbs-color-text, #111111) !important;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;box-shadow:none !important;outline:none}
.sbs-subtoggle:hover,.sbs-subtoggle:focus,.sbs-subtoggle:active{background:var(--sbs-color-primary, #f5f5f7) !important;color:var(--sbs-color-text, #111111) !important;box-shadow:none !important}
.sbs-subtoggle[aria-expanded=true]{transform:rotate(45deg)}
.sbs-icon-plus{position:relative;width:12px;height:12px;display:inline-block}
.sbs-icon-plus:before,.sbs-icon-plus:after{content:"";position:absolute;background:var(--sbs-color-text, #111111)}
.sbs-icon-plus:before{left:5px;top:0;width:2px;height:12px}
.sbs-icon-plus:after{top:5px;left:0;width:12px;height:2px}

.sbs-submenu{list-style:none;margin:0;padding:0 0 8px 0;display:none}
.sbs-submenu.is-open{display:block}
.sbs-submenu .sbs-item-row{padding:12px 16px 12px 28px}
.sbs-submenu .sbs-submenu .sbs-item-row{padding-left:40px}

/* Drawer open animation */
.sbs-drawer.is-open .sbs-item-row{animation:sbs-fade-slide .25s ease forwards}
.sbs-drawer.is-open .sbs-menu > li:nth-child(1) .sbs-item-row{animation-delay:.02s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(2) .sbs-item-row{animation-delay:.04s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(3) .sbs-item-row{animation-delay:.06s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(4) .sbs-item-row{animation-delay:.08s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(5) .sbs-item-row{animation-delay:.10s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(6) .sbs-item-row{animation-delay:.12s}
.sbs-drawer.is-open .sbs-menu > li:nth-child(7) .sbs-item-row{animation-delay:.14s}

@keyframes sbs-fade-slide{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)}}

@media(min-width:1025px){
	.sbs-burger{display:none}
}