:root{ --bgbmn-accent:#4c1dcb; --bgbmn-bg:#160418; --bgbmn-home-icon:#fff; --bgbmn-bar-h:70px; --bgbmn-desktop-bg:#fff; --bgbmn-desktop-outer-bg:#fff; --bgbmn-desktop-text:#17112f; --bgbmn-cta-bg:#4c1dcb; --bgbmn-cta-text:#fff; --bgbmn-desktop-max:1420px; } .bgbmn-root, .bgbmn-desktop-root{display:none} /* A footer fallback is server-relocated whenever possible. Keep it invisible in exceptional non-buffered previews until JavaScript moves it to . */ #bgbmn-desktop-root[data-render-source="footer-fallback"]{visibility:hidden!important} .bgbmn-root *, .bgbmn-root *::before, .bgbmn-root *::after, .bgbmn-desktop-root *, .bgbmn-desktop-root *::before, .bgbmn-desktop-root *::after{box-sizing:border-box} .bgbmn-native-disabled{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } .bgbmn-header-collapsed{ visibility:hidden!important; opacity:0!important; pointer-events:none!important; overflow:hidden!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding-top:0!important; padding-bottom:0!important; border-width:0!important; } /* Universal fallback for theme shells injected after PHP output filtering. */ body.bgbmn-server-header-takeover > header:not(#bgbmn-desktop-root), body.bgbmn-server-header-takeover #masthead, body.bgbmn-server-header-takeover #site-header, body.bgbmn-server-header-takeover #main-header, body.bgbmn-server-header-takeover #main_header, body.bgbmn-server-header-takeover [role="banner"]:not(#bgbmn-desktop-root), body.bgbmn-server-header-takeover .site-header:not(.bgbmn-desktop-root), body.bgbmn-server-header-takeover .main-header:not(.bgbmn-desktop-root), body.bgbmn-server-header-takeover .elementor-location-header, body.bgbmn-server-header-takeover [data-elementor-type="header"]{ display:none!important; } /* Desktop */ #bgbmn-desktop-root{ width:100%; color:var(--bgbmn-desktop-text); font-family:inherit; line-height:1.5; z-index:99990; } #bgbmn-desktop-root.bgbmn-is-sticky{ position:sticky; top:0; transition:opacity .18s ease,transform .18s ease,visibility .18s ease; } #bgbmn-desktop-root.bgbmn-is-sticky.bgbmn-sticky-paused{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)} .admin-bar #bgbmn-desktop-root.bgbmn-is-sticky{top:32px} #bgbmn-desktop-root a{ color:inherit; text-decoration:none; } #bgbmn-desktop-root .bgbmn-announcement{ background:linear-gradient(90deg,#24105f,var(--bgbmn-accent),#24105f); color:#fff; font-size:13px; } #bgbmn-desktop-root .bgbmn-announcement-inner{ width:min(var(--bgbmn-desktop-max),calc(100% - 40px)); min-height:34px; margin:auto; display:flex; align-items:center; justify-content:center; gap:12px; text-align:center; } #bgbmn-desktop-root .bgbmn-announcement a{ color:#fff; font-weight:750; border-bottom:1px solid rgba(255,255,255,.7); } #bgbmn-desktop-root .bgbmn-desktop-shell{ position:relative; background:var(--bgbmn-desktop-bg); border-bottom:1px solid rgba(62,34,135,.12); box-shadow:0 7px 24px rgba(30,16,68,.06); } #bgbmn-desktop-root .bgbmn-desktop-inner{ width:min(var(--bgbmn-desktop-max),calc(100% - 40px)); min-height:92px; margin:auto; padding:10px 0; display:grid; grid-template-columns:minmax(100px,var(--bgbmn-logo-area,190px)) minmax(0,1fr) auto; gap:22px; align-items:center; position:relative; z-index:2; } #bgbmn-desktop-root[dir="ltr"] .bgbmn-desktop-inner{ grid-template-columns:minmax(100px,var(--bgbmn-logo-area,190px)) minmax(0,1fr) auto; } #bgbmn-desktop-root .bgbmn-desktop-logo{ width:100%; min-width:0; min-height:60px; display:flex; align-items:center; justify-content:flex-start; gap:var(--bgbmn-logo-gap,8px); overflow:hidden; } #bgbmn-desktop-root .bgbmn-desktop-logo-img{ display:block; width:min(var(--bgbmn-logo-image-w,178px),100%); max-width:100%; height:var(--bgbmn-logo-image-h,68px); flex:0 1 auto; object-fit:contain; } #bgbmn-desktop-root .bgbmn-logo-fit-cover .bgbmn-desktop-logo-img{object-fit:cover} #bgbmn-desktop-root .bgbmn-logo-align-start{justify-content:flex-start;text-align:start} #bgbmn-desktop-root .bgbmn-logo-align-center{justify-content:center;text-align:center} #bgbmn-desktop-root .bgbmn-logo-align-end{justify-content:flex-end;text-align:end} #bgbmn-desktop-root .bgbmn-logo-copy{ min-width:0; color:var(--bgbmn-logo-text-color,var(--bgbmn-accent)); display:flex; flex-direction:column; justify-content:center; line-height:1.35; } #bgbmn-desktop-root .bgbmn-logo-copy strong{ max-width:100%; overflow:hidden; text-overflow:ellipsis; color:inherit; font-size:var(--bgbmn-logo-text-size,22px); font-weight:var(--bgbmn-logo-text-weight,800); white-space:nowrap; } #bgbmn-desktop-root .bgbmn-logo-copy small{ max-width:100%; overflow:hidden; text-overflow:ellipsis; color:color-mix(in srgb,var(--bgbmn-logo-text-color,var(--bgbmn-accent)) 68%,var(--bgbmn-desktop-text)); font-size:var(--bgbmn-logo-subtext-size,11px); font-weight:550; white-space:nowrap; } #bgbmn-desktop-root .bgbmn-desktop-nav{min-width:0;max-width:100%;overflow:hidden} #bgbmn-desktop-root .bgbmn-desktop-menu-list, #bgbmn-desktop-root .bgbmn-desktop-menu-list ul{ list-style:none; margin:0; padding:0; } #bgbmn-desktop-root .bgbmn-desktop-menu-list{ display:flex; align-items:center; justify-content:center; gap:2px; min-width:0; max-width:100%; overflow:hidden; } #bgbmn-desktop-root .bgbmn-desktop-menu-list li{position:relative} #bgbmn-desktop-root .bgbmn-desktop-menu-list>li{min-width:0;flex:0 1 auto} #bgbmn-desktop-root .bgbmn-desktop-menu-list > li > a{ min-height:46px; padding:0 9px; display:flex; align-items:center; border-radius:12px; font-size:14px; font-weight:650; white-space:nowrap; transition:color .18s ease,background .18s ease,transform .18s ease; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:hover > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:focus-within > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-item > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-ancestor > a{ color:var(--bgbmn-accent); background:rgba(76,29,203,.07); } #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-item > a::after, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-ancestor > a::after{ content:""; position:absolute; inset-inline:12px; bottom:2px; height:2px; border-radius:99px; background:var(--bgbmn-accent); } #bgbmn-desktop-root .bgbmn-submenu-toggle{ width:22px; height:30px; padding:0; border:0; background:transparent; color:currentColor; position:absolute; inset-inline-end:2px; top:8px; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; } #bgbmn-desktop-root .menu-item-has-children > a{padding-inline-end:29px!important} #bgbmn-desktop-root .bgbmn-submenu-toggle span{ width:7px; height:7px; border-inline-end:1.8px solid currentColor; border-bottom:1.8px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; } #bgbmn-desktop-root .is-submenu-open > .bgbmn-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)} #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu{ min-width:220px; position:absolute; top:calc(100% + 8px); inset-inline-start:0; padding:9px; border:1px solid rgba(76,29,203,.13); border-radius:15px; background:#fff; box-shadow:0 18px 45px rgba(31,17,72,.16); opacity:0; visibility:hidden; transform:translateY(8px); pointer-events:none; transition:opacity .18s ease,transform .18s ease,visibility .18s ease; z-index:50; } #bgbmn-desktop-root .bgbmn-desktop-menu-list li:hover > .sub-menu, #bgbmn-desktop-root .bgbmn-desktop-menu-list li:focus-within > .sub-menu, #bgbmn-desktop-root .bgbmn-desktop-menu-list li.is-submenu-open > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu .sub-menu{ top:-9px; inset-inline-start:calc(100% + 9px); } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a{ min-height:42px; padding:8px 11px; padding-inline-end:32px; display:flex; align-items:center; border-radius:10px; color:#211746; font-size:13.5px; font-weight:600; white-space:nowrap; transition:background .16s ease,color .16s ease; } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a:hover, #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a:focus{ color:var(--bgbmn-accent); background:rgba(76,29,203,.07); } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu .bgbmn-submenu-toggle{top:6px} #bgbmn-desktop-root .bgbmn-desktop-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; white-space:nowrap; } #bgbmn-desktop-root .bgbmn-desktop-cart, #bgbmn-desktop-root .bgbmn-action-support{display:none} #bgbmn-desktop-root .bgbmn-desktop-account{ min-height:46px; padding:0 11px; display:flex; align-items:center; justify-content:center; gap:7px; border-radius:12px; background:rgba(76,29,203,.055); color:var(--bgbmn-accent); font-size:13px; font-weight:700; } #bgbmn-desktop-root .bgbmn-desktop-account svg, #bgbmn-desktop-root .bgbmn-desktop-cta svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } #bgbmn-desktop-root .bgbmn-desktop-cta{ min-height:48px; padding:0 18px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:9px; color:var(--bgbmn-cta-text)!important; background:var(--bgbmn-cta-bg); box-shadow:0 9px 22px color-mix(in srgb,var(--bgbmn-cta-bg) 32%,transparent); font-size:14px; font-weight:800; transition:transform .18s ease,box-shadow .18s ease; } #bgbmn-desktop-root .bgbmn-desktop-cta:hover, #bgbmn-desktop-root .bgbmn-desktop-cta:focus{ transform:translateY(-2px); box-shadow:0 13px 28px color-mix(in srgb,var(--bgbmn-cta-bg) 38%,transparent); } #bgbmn-desktop-root .bgbmn-shape{display:none} /* Modern desktop: inspired by the supplied soft shapes, glows and dotted details. */ #bgbmn-desktop-root.bgbmn-theme-modern{ padding:12px 18px; background:#f3f5fc; } #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-announcement{ width:min(var(--bgbmn-desktop-max),calc(100% - 24px)); margin:0 auto 8px; border-radius:13px; box-shadow:0 8px 24px rgba(76,29,203,.14); } #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-desktop-shell{ width:min(var(--bgbmn-desktop-max),100%); margin:auto; border:1px solid rgba(76,29,203,.13); border-radius:22px; background: radial-gradient(circle at 10% 20%,rgba(198,178,255,.18),transparent 25%), radial-gradient(circle at 88% 80%,rgba(105,70,222,.09),transparent 24%), var(--bgbmn-desktop-bg); box-shadow:0 16px 42px rgba(40,24,91,.10),inset 0 1px 0 rgba(255,255,255,.9); } #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-desktop-inner{width:calc(100% - 42px)} #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-desktop-account{ border:1px solid rgba(76,29,203,.11); background:rgba(255,255,255,.74); box-shadow:0 8px 20px rgba(48,27,103,.07); } #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-desktop-cta{border-radius:16px} #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-shape{display:block;position:absolute;pointer-events:none} #bgbmn-desktop-root .bgbmn-shape-dots{ width:68px; height:42px; inset-inline-start:21px; bottom:13px; opacity:.55; background-image:radial-gradient(circle,rgba(76,29,203,.25) 2px,transparent 2.5px); background-size:12px 12px; } #bgbmn-desktop-root .bgbmn-shape-lines{ width:90px; height:58px; inset-inline-end:0; top:0; border-top:1px solid rgba(76,29,203,.17); border-inline-end:1px solid rgba(76,29,203,.17); border-radius:0 22px 0 80px; } /* Action menu: service-focused desktop composition. */ #bgbmn-desktop-root.bgbmn-theme-action{ padding:18px 22px 22px; border-top:6px solid #272137; background: linear-gradient(90deg,rgba(76,29,203,.045),transparent 24%,transparent 76%,rgba(76,29,203,.035)), #f5f6fb; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-announcement{ width:min(var(--bgbmn-desktop-max),calc(100% - 30px)); margin:0 auto 9px; border-radius:13px; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-shell{ width:min(var(--bgbmn-desktop-max),100%); margin:auto; border:1px solid rgba(49,27,112,.075); border-radius:20px; background:rgba(255,255,255,.98); box-shadow:0 14px 38px rgba(36,23,76,.11),0 2px 8px rgba(36,23,76,.05); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-inner{ width:calc(100% - 34px); min-height:96px; grid-template-columns:minmax(150px,clamp(170px,var(--bgbmn-logo-area,190px),210px)) minmax(0,1fr) auto; gap:16px; padding-block:8px; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-logo{ min-height:70px; padding-inline:8px 22px; border-inline-end:1px solid #e8e7f0; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-logo-img{max-width:100%} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-nav{padding-inline:2px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list{gap:1px;justify-content:flex-start} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{ min-width:0; min-height:48px; padding-inline:9px; border-radius:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:750; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li:hover > a, #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li:focus-within > a{ background:transparent; color:var(--bgbmn-accent); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > .current-menu-item > a, #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > .current-menu-ancestor > a{ background:transparent; color:var(--bgbmn-accent); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > .current-menu-item > a::after, #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > .current-menu-ancestor > a::after{ height:3px; bottom:0; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-actions{ min-height:72px; gap:7px; padding-inline-start:8px; position:relative; isolation:isolate; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-actions::before{ content:""; position:absolute; inset-inline-end:20%; width:55%; height:54px; top:9px; border-radius:17px; background:linear-gradient(90deg,rgba(76,29,203,.18),rgba(76,29,203,.035)); z-index:-1; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cta{ order:1; min-width:142px; min-height:54px; padding-inline:17px; border-radius:15px; background:linear-gradient(135deg,color-mix(in srgb,var(--bgbmn-cta-bg) 86%,#21106e),var(--bgbmn-cta-bg)); box-shadow:0 10px 24px color-mix(in srgb,var(--bgbmn-cta-bg) 28%,transparent); font-size:13px; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cta svg{width:16px;height:16px;transform:rotate(90deg)} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-account{ order:2; width:50px; height:54px; min-height:54px; padding:0; border:0; border-radius:15px; background:#f8f8fc; color:var(--bgbmn-accent); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-account span{display:none} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cart{ order:3; width:50px; height:54px; flex:0 0 50px; border-radius:15px; background:#f8f8fc; color:#7a7489; display:flex; align-items:center; justify-content:center; position:relative; transition:background .18s ease,color .18s ease,transform .18s ease; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cart:hover, #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cart:focus{ color:var(--bgbmn-accent); background:#f0edff; transform:translateY(-2px); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cart svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-cart-count{ min-width:20px; height:20px; padding:0 5px; border:3px solid #fff; border-radius:99px; background:var(--bgbmn-accent); color:#fff; display:flex; align-items:center; justify-content:center; position:absolute; inset-inline-end:-4px; top:-5px; font-size:9px; font-weight:850; line-height:1; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-cart-count.is-empty{ min-width:13px; width:13px; height:13px; padding:0; border-width:3px; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support{ order:4; width:154px; height:70px; padding:22px 12px 8px; border:1px solid #ece9f5; border-radius:17px; background:#fff; color:#17112f; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; box-shadow:0 8px 20px rgba(38,24,82,.07); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-icon{ width:40px; height:40px; border:1px solid rgba(76,29,203,.10); border-radius:50%; background:#f0edff; color:var(--bgbmn-accent); display:flex; align-items:center; justify-content:center; position:absolute; top:-18px; inset-inline-start:calc(50% - 20px); box-shadow:0 6px 16px rgba(76,29,203,.13); } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-icon svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-copy{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; line-height:1.45; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-copy strong{font-size:12px;font-weight:850;white-space:nowrap} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-copy small{color:#6f687e;font-size:10px;font-weight:650} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-shape{display:none} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-has-action-shapes .bgbmn-shape{ display:block; position:absolute; pointer-events:none; z-index:1; overflow:hidden; } #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-has-action-shapes .bgbmn-shape-dots, #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-has-action-shapes .bgbmn-shape-lines{ border:0; box-shadow:none; opacity:1; transform:none; } #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-has-action-shapes .bgbmn-desktop-shell::before, #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-has-action-shapes .bgbmn-desktop-shell::after{ content:""; position:absolute; pointer-events:none; z-index:0; box-sizing:border-box; } /* Soft dots and contained arcs. */ #bgbmn-desktop-root.bgbmn-shape-style-soft .bgbmn-shape-dots{ width:82px; height:52px; inset-inline-start:18px; bottom:12px; opacity:.58; background-image:radial-gradient(circle,rgba(76,29,203,.30) 2px,transparent 2.6px); background-size:12px 12px; -webkit-mask-image:linear-gradient(120deg,#000,transparent 88%); mask-image:linear-gradient(120deg,#000,transparent 88%); } #bgbmn-desktop-root.bgbmn-shape-style-soft .bgbmn-shape-lines{ width:104px; height:66px; inset-inline-end:0; top:0; border-top:1px solid rgba(76,29,203,.18); border-inline-end:1px solid rgba(76,29,203,.18); border-radius:0 21px 0 100%; } #bgbmn-desktop-root.bgbmn-shape-style-soft .bgbmn-desktop-shell::before{ width:190px; height:76px; inset-inline-start:19%; bottom:0; border:1px solid rgba(76,29,203,.09); border-bottom:0; border-radius:50% 50% 0 0; } #bgbmn-desktop-root.bgbmn-shape-style-soft .bgbmn-desktop-shell::after{ width:142px; height:58px; inset-inline-end:24%; top:8px; border-radius:50%; background:radial-gradient(ellipse,rgba(128,88,255,.11),transparent 70%); } /* Layered glass waves. */ #bgbmn-desktop-root.bgbmn-shape-style-waves .bgbmn-shape-dots{ width:170px; height:54px; inset-inline-start:16px; bottom:8px; border-top:1px solid rgba(76,29,203,.16); border-radius:50% 50% 0 0; background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 13px,rgba(76,29,203,.07) 14px 15px); } #bgbmn-desktop-root.bgbmn-shape-style-waves .bgbmn-shape-lines{ width:160px; height:58px; inset-inline-end:18px; top:10px; border-radius:18px; background:repeating-linear-gradient(165deg,transparent 0 12px,rgba(76,29,203,.09) 13px 14px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent); mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent); } #bgbmn-desktop-root.bgbmn-shape-style-waves .bgbmn-desktop-shell::before{ width:250px; height:54px; inset-inline-start:36%; bottom:3px; border-top:1px solid rgba(76,29,203,.08); border-radius:50%; } #bgbmn-desktop-root.bgbmn-shape-style-waves .bgbmn-desktop-shell::after{ width:110px; height:34px; inset-inline-end:34%; top:5px; border-bottom:1px solid rgba(76,29,203,.10); border-radius:50%; } /* Orbits and floating nodes. */ #bgbmn-desktop-root.bgbmn-shape-style-orbit .bgbmn-shape-dots{ width:74px; height:74px; inset-inline-start:20px; top:12px; border:1px solid rgba(76,29,203,.13); border-radius:50%; background: radial-gradient(circle at 72% 18%,var(--bgbmn-accent) 0 3px,transparent 4px), radial-gradient(circle at 12% 70%,rgba(76,29,203,.38) 0 2px,transparent 3px); } #bgbmn-desktop-root.bgbmn-shape-style-orbit .bgbmn-shape-lines{ width:112px; height:54px; inset-inline-end:18px; bottom:12px; border:1px solid rgba(76,29,203,.11); border-radius:50%; background:radial-gradient(circle at 82% 50%,rgba(76,29,203,.22) 0 4px,transparent 5px); } #bgbmn-desktop-root.bgbmn-shape-style-orbit .bgbmn-desktop-shell::before{ width:150px; height:74px; inset-inline-start:35%; top:12px; border:1px solid rgba(76,29,203,.07); border-radius:50%; } #bgbmn-desktop-root.bgbmn-shape-style-orbit .bgbmn-desktop-shell::after{ width:9px; height:9px; inset-inline-end:31%; bottom:18px; border-radius:50%; background:rgba(76,29,203,.28); } /* Minimal geometric facets. */ #bgbmn-desktop-root.bgbmn-shape-style-facets .bgbmn-shape-dots{ width:76px; height:64px; inset-inline-start:18px; bottom:12px; background: linear-gradient(135deg,rgba(76,29,203,.13),transparent 68%), linear-gradient(45deg,transparent 38%,rgba(76,29,203,.08) 39% 41%,transparent 42%); clip-path:polygon(0 25%,62% 0,100% 52%,54% 100%,8% 82%); } #bgbmn-desktop-root.bgbmn-shape-style-facets .bgbmn-shape-lines{ width:64px; height:64px; inset-inline-end:25px; top:14px; border:1px solid rgba(76,29,203,.12); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); } #bgbmn-desktop-root.bgbmn-shape-style-facets .bgbmn-desktop-shell::before{ width:92px; height:52px; inset-inline-start:34%; top:10px; background:linear-gradient(140deg,rgba(76,29,203,.055),transparent 70%); clip-path:polygon(0 0,100% 15%,72% 100%,12% 76%); } #bgbmn-desktop-root.bgbmn-shape-style-facets .bgbmn-desktop-shell::after{ width:58px; height:46px; inset-inline-end:37%; bottom:8px; border:1px solid rgba(76,29,203,.07); clip-path:polygon(50% 0,100% 100%,0 100%); } /* Clean architectural corners. */ #bgbmn-desktop-root.bgbmn-shape-style-corners .bgbmn-shape-dots{ width:72px; height:42px; inset-inline-start:18px; bottom:12px; border-inline-start:2px solid rgba(76,29,203,.14); border-bottom:2px solid rgba(76,29,203,.14); border-radius:0 0 0 18px; } #bgbmn-desktop-root.bgbmn-shape-style-corners .bgbmn-shape-lines{ width:72px; height:42px; inset-inline-end:18px; top:12px; border-inline-end:2px solid rgba(76,29,203,.14); border-top:2px solid rgba(76,29,203,.14); border-radius:0 18px 0 0; } #bgbmn-desktop-root.bgbmn-shape-style-corners .bgbmn-desktop-shell::before{ width:38px; height:38px; inset-inline-start:29%; top:16px; border-inline-start:1px solid rgba(76,29,203,.09); border-top:1px solid rgba(76,29,203,.09); } #bgbmn-desktop-root.bgbmn-shape-style-corners .bgbmn-desktop-shell::after{ width:38px; height:38px; inset-inline-end:30%; bottom:14px; border-inline-end:1px solid rgba(76,29,203,.09); border-bottom:1px solid rgba(76,29,203,.09); } /* Independent dark color layer for desktop layouts. */ #bgbmn-desktop-root.bgbmn-scheme-dark{ color:#f8f6ff; background:#110e19; } #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-shell{ border-color:rgba(255,255,255,.08); background: radial-gradient(circle at 12% 15%,rgba(110,66,221,.12),transparent 27%), radial-gradient(circle at 88% 80%,rgba(85,45,180,.10),transparent 28%), #1d1928; box-shadow:0 15px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035); } #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list > li > a{color:#f3effc} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list > li:hover > a, #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list > li:focus-within > a{background:rgba(255,255,255,.055);color:#b99cff} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list .sub-menu{ border-color:rgba(255,255,255,.09); background:#241f31; box-shadow:0 20px 48px rgba(0,0,0,.38); } #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list .sub-menu a{color:#eee9fa} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list .sub-menu a:hover, #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-menu-list .sub-menu a:focus{background:rgba(255,255,255,.055);color:#b99cff} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-logo{border-color:rgba(255,255,255,.10)} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-account, #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-cart{background:#2a2438;color:#cdbdff} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-action-support{border-color:rgba(255,255,255,.08);background:#282233;color:#f8f6ff} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-action-support-copy small{color:#b8afc7} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-action-support-icon{border-color:rgba(185,156,255,.18);background:#34294c;color:#c4a9ff} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-scheme-dark{ border-top-color:#08070c; background: linear-gradient(90deg,rgba(114,72,220,.07),transparent 22%,transparent 78%,rgba(114,72,220,.07)), #110e19; } #bgbmn-desktop-root.bgbmn-theme-modern.bgbmn-scheme-dark{background:#110e19} #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-cart-count{border-color:#1d1928} /* Mobile and tablet */ body.bgbmn-has-bottom-nav{padding-bottom:calc(var(--bgbmn-bar-h) + env(safe-area-inset-bottom,0px))!important} body.bgbmn-open{overflow:hidden!important;touch-action:none} #bgbmn-root{ position:fixed!important; inset:0 auto auto 0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:visible!important; z-index:2147483000!important; pointer-events:none!important; --bgbmn-mobile-text:#fff; --bgbmn-mobile-muted:#cdbfd3; --bgbmn-mobile-border:rgba(255,255,255,.11); font-family:inherit; } #bgbmn-root.bgbmn-theme-modern, #bgbmn-root.bgbmn-theme-action{ --bgbmn-bg:#fbfaff; --bgbmn-mobile-text:#17112f; --bgbmn-mobile-muted:#62577e; --bgbmn-mobile-border:rgba(76,29,203,.13); } #bgbmn-root .bgbmn-bar, #bgbmn-root .bgbmn-drawer{pointer-events:auto!important} #bgbmn-root .bgbmn-bar{ position:fixed!important; inset:auto 0 0 0!important; width:auto!important; max-width:100%!important; height:calc(var(--bgbmn-bar-h) + env(safe-area-inset-bottom,0px))!important; padding:2px max(10px,env(safe-area-inset-right,0px)) calc(2px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:center!important; border:0!important; border-top:1px solid var(--bgbmn-mobile-border)!important; background:var(--bgbmn-bg)!important; box-shadow:0 -8px 30px rgba(0,0,0,.25)!important; z-index:2147483646!important; } #bgbmn-root.bgbmn-theme-modern .bgbmn-bar, #bgbmn-root.bgbmn-theme-action .bgbmn-bar{ left:max(10px,env(safe-area-inset-left,0px))!important; right:max(10px,env(safe-area-inset-right,0px))!important; bottom:max(8px,env(safe-area-inset-bottom,0px))!important; width:auto!important; height:68px!important; padding:3px 9px!important; border:1px solid rgba(76,29,203,.12)!important; border-radius:22px!important; background:rgba(251,250,255,.91)!important; -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); box-shadow:0 16px 42px rgba(32,18,72,.18),inset 0 1px 0 #fff!important; } #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn, #bgbmn-root .bgbmn-bar > .bgbmn-account, #bgbmn-root .bgbmn-bar > .bgbmn-home{ width:auto!important; min-width:0!important; max-width:100%!important; height:58px!important; margin:0!important; padding:0 6px!important; border:0!important; border-radius:13px!important; background:transparent!important; box-shadow:none!important; color:var(--bgbmn-mobile-muted)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; position:relative!important; text-decoration:none!important; font:inherit!important; cursor:pointer!important; overflow:visible!important; -webkit-appearance:none!important; appearance:none!important; touch-action:manipulation; } #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn:hover, #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn:focus-visible, #bgbmn-root .bgbmn-bar > .bgbmn-account:hover, #bgbmn-root .bgbmn-bar > .bgbmn-account:focus-visible{color:var(--bgbmn-mobile-text)!important} #bgbmn-root.bgbmn-theme-modern .bgbmn-bar > .bgbmn-menu-btn:hover, #bgbmn-root.bgbmn-theme-modern .bgbmn-bar > .bgbmn-menu-btn:focus-visible, #bgbmn-root.bgbmn-theme-modern .bgbmn-bar > .bgbmn-account:hover, #bgbmn-root.bgbmn-theme-modern .bgbmn-bar > .bgbmn-account:focus-visible, #bgbmn-root.bgbmn-theme-action .bgbmn-bar > .bgbmn-menu-btn:hover, #bgbmn-root.bgbmn-theme-action .bgbmn-bar > .bgbmn-menu-btn:focus-visible, #bgbmn-root.bgbmn-theme-action .bgbmn-bar > .bgbmn-account:hover, #bgbmn-root.bgbmn-theme-action .bgbmn-bar > .bgbmn-account:focus-visible{background:rgba(76,29,203,.06)!important;color:var(--bgbmn-accent)!important} #bgbmn-root .bgbmn-icon{ width:27px!important; height:27px!important; display:flex!important; align-items:center!important; justify-content:center!important; } #bgbmn-root .bgbmn-icon svg{ width:24px!important; height:24px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #bgbmn-root .bgbmn-label{ max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; color:inherit!important; font-size:11px!important; font-weight:500!important; line-height:12px!important; white-space:nowrap!important; } #bgbmn-root .bgbmn-hamburger{ width:25px!important; height:20px!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; } #bgbmn-root .bgbmn-hamburger i{ display:block!important; width:25px!important; height:2.4px!important; background:currentColor!important; border-radius:99px!important; } #bgbmn-root .bgbmn-hamburger i:nth-child(2){width:17px!important;margin-inline-start:auto!important} #bgbmn-root .bgbmn-home-circle{ width:56px!important; height:56px!important; flex:0 0 56px!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; background:var(--bgbmn-home-button,linear-gradient(145deg,#7d3cff,var(--bgbmn-accent)))!important; border:0!important; outline:0!important; box-shadow: 0 12px 28px rgba(76,29,203,.28), 0 4px 11px rgba(47,24,110,.16), inset 0 1px 0 rgba(255,255,255,.30), inset 0 -2px 6px rgba(36,15,84,.10)!important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important; } #bgbmn-root.bgbmn-theme-modern .bgbmn-home-circle, #bgbmn-root.bgbmn-theme-action .bgbmn-home-circle{ border:0!important; box-shadow: 0 13px 30px rgba(76,29,203,.25), 0 5px 13px rgba(47,24,110,.13), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -2px 6px rgba(36,15,84,.09)!important; } #bgbmn-root .bgbmn-bar > .bgbmn-home:focus{outline:0!important} #bgbmn-root .bgbmn-bar > .bgbmn-home:hover .bgbmn-home-circle, #bgbmn-root .bgbmn-bar > .bgbmn-home:focus-visible .bgbmn-home-circle{ transform:translateY(-1px)!important; box-shadow: 0 15px 34px rgba(76,29,203,.30), 0 5px 14px rgba(47,24,110,.15), 0 0 20px rgba(125,60,255,.13), inset 0 1px 0 rgba(255,255,255,.36), inset 0 -2px 6px rgba(36,15,84,.08)!important; } #bgbmn-root .bgbmn-bar > .bgbmn-home:active .bgbmn-home-circle{ transform:translateY(0) scale(.96)!important; box-shadow: 0 8px 19px rgba(76,29,203,.23), 0 3px 8px rgba(47,24,110,.12), inset 0 1px 0 rgba(255,255,255,.25)!important; } /* Optional raised / spherical Home button. Keeps the flat style as the default. */ #bgbmn-root.bgbmn-home-style-raised .bgbmn-home-circle{ position:relative!important; overflow:hidden!important; background:var(--bgbmn-home-base,var(--bgbmn-accent))!important; background: radial-gradient(circle at 31% 24%,rgba(255,255,255,.64) 0 5%,rgba(255,255,255,.30) 12%,rgba(255,255,255,0) 34%), linear-gradient(145deg, color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 62%,#fff) 0%, color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 88%,#fff) 26%, var(--bgbmn-home-base,var(--bgbmn-accent)) 58%, color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 76%,#000) 100%)!important; box-shadow: 0 17px 28px color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 36%,transparent), 0 7px 13px rgba(34,18,78,.20), inset 0 3px 5px rgba(255,255,255,.42), inset 3px 2px 7px rgba(255,255,255,.20), inset 0 -7px 11px rgba(24,10,58,.24), inset -3px -2px 8px rgba(24,10,58,.13)!important; filter:saturate(1.04)!important; } #bgbmn-root.bgbmn-home-style-raised .bgbmn-home-circle::before{ content:""; position:absolute; z-index:1; inset:4px 6px auto 9px; height:20px; border-radius:50%; background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,0)); filter:blur(.2px); pointer-events:none; } #bgbmn-root.bgbmn-home-style-raised .bgbmn-home-circle::after{ content:""; position:absolute; z-index:1; inset:auto 8px 5px 8px; height:15px; border-radius:50%; background:radial-gradient(ellipse at 50% 100%,rgba(18,7,45,.20),rgba(18,7,45,0) 70%); pointer-events:none; } #bgbmn-root.bgbmn-home-style-raised .bgbmn-bar > .bgbmn-home:hover .bgbmn-home-circle, #bgbmn-root.bgbmn-home-style-raised .bgbmn-bar > .bgbmn-home:focus-visible .bgbmn-home-circle{ transform:translateY(-2px) scale(1.015)!important; box-shadow: 0 20px 34px color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 40%,transparent), 0 8px 15px rgba(34,18,78,.20), inset 0 3px 6px rgba(255,255,255,.46), inset 0 -7px 12px rgba(24,10,58,.22)!important; } #bgbmn-root.bgbmn-home-style-raised .bgbmn-bar > .bgbmn-home:active .bgbmn-home-circle{ transform:translateY(0) scale(.95)!important; box-shadow: 0 9px 17px color-mix(in srgb,var(--bgbmn-home-base,var(--bgbmn-accent)) 28%,transparent), inset 0 2px 4px rgba(255,255,255,.30), inset 0 -4px 9px rgba(24,10,58,.22)!important; } #bgbmn-root.bgbmn-home-style-raised .bgbmn-home-circle svg{ position:relative!important; z-index:2!important; filter:drop-shadow(0 1px 1px rgba(20,8,50,.18)); } #bgbmn-root .bgbmn-home-circle svg{ width:24px!important; height:24px!important; fill:none!important; stroke:var(--bgbmn-home-icon,#fff)!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #bgbmn-root .bgbmn-overlay{ position:fixed!important; inset:0!important; width:auto!important; height:auto!important; background:rgba(0,0,0,.58); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; z-index:2147483644!important; } #bgbmn-root.bgbmn-theme-modern .bgbmn-overlay, #bgbmn-root.bgbmn-theme-action .bgbmn-overlay{ background:rgba(20,12,43,.38); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } #bgbmn-root .bgbmn-drawer{ position:fixed!important; left:max(12px,env(safe-area-inset-left,0px))!important; right:max(12px,env(safe-area-inset-right,0px))!important; bottom:var(--bgbmn-drawer-bottom,calc(var(--bgbmn-bar-h) + 8px + env(safe-area-inset-bottom,0px)))!important; width:auto!important; max-width:720px!important; max-height:min(72vh,620px)!important; max-height:min(72dvh,620px)!important; margin-inline:auto!important; border:1px solid rgba(142,68,173,.42); border-radius:21px; background:var(--bgbmn-bg); box-shadow:0 20px 55px rgba(0,0,0,.46); transform:translate3d(0,24px,0) scale(.985); transform-origin:bottom center; opacity:0; visibility:hidden; pointer-events:none!important; transition:transform .24s ease,opacity .24s ease,visibility .24s ease; z-index:2147483645!important; overflow:hidden!important; color:var(--bgbmn-mobile-text); } #bgbmn-root.bgbmn-theme-modern .bgbmn-drawer, #bgbmn-root.bgbmn-theme-action .bgbmn-drawer{ bottom:var(--bgbmn-drawer-bottom,calc(78px + env(safe-area-inset-bottom,0px)))!important; border-color:rgba(76,29,203,.16); background: radial-gradient(circle at 12% 10%,rgba(196,174,255,.24),transparent 28%), radial-gradient(circle at 90% 86%,rgba(105,70,222,.11),transparent 28%), #fbfaff; box-shadow:0 24px 60px rgba(31,18,72,.25),inset 0 1px 0 #fff; } #bgbmn-root.bgbmn-theme-modern .bgbmn-drawer::before, #bgbmn-root.bgbmn-theme-action .bgbmn-drawer::before{ content:""; position:absolute; width:72px; height:54px; inset-inline-start:18px; bottom:18px; opacity:.46; background-image:radial-gradient(circle,rgba(76,29,203,.28) 2px,transparent 2.5px); background-size:12px 12px; pointer-events:none; } #bgbmn-root .bgbmn-drawer-head{ min-height:56px; padding:9px 14px; border-bottom:1px solid var(--bgbmn-mobile-border); display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; } #bgbmn-root .bgbmn-drawer-head strong{color:var(--bgbmn-mobile-text);font-size:16px} #bgbmn-root .bgbmn-close{ width:38px; height:38px; padding:0; border:0; border-radius:11px; background:rgba(255,255,255,.08); color:var(--bgbmn-mobile-text); position:relative; cursor:pointer; } #bgbmn-root.bgbmn-theme-modern .bgbmn-close, #bgbmn-root.bgbmn-theme-action .bgbmn-close{background:rgba(76,29,203,.07)} #bgbmn-root .bgbmn-close span::before, #bgbmn-root .bgbmn-close span::after{ content:""; position:absolute; top:18px; left:9px; width:20px; height:2px; border-radius:99px; background:currentColor; } #bgbmn-root .bgbmn-close span::before{transform:rotate(45deg)} #bgbmn-root .bgbmn-close span::after{transform:rotate(-45deg)} #bgbmn-root .bgbmn-drawer-scroll{ max-height:calc(min(72vh,620px) - 56px); max-height:calc(min(72dvh,620px) - 56px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; -webkit-overflow-scrolling:touch; position:relative; z-index:1; } #bgbmn-root .bgbmn-menu{padding:7px 12px 16px} #bgbmn-root .bgbmn-menu-list, #bgbmn-root .bgbmn-menu-list ul{ list-style:none!important; margin:0!important; padding:0!important; max-width:100%!important; } #bgbmn-root .bgbmn-menu-list li{ position:relative; max-width:100%!important; border-bottom:1px solid var(--bgbmn-mobile-border); } #bgbmn-root .bgbmn-menu-list li:last-child{border-bottom:0} #bgbmn-root .bgbmn-menu-list a{ min-height:48px; padding:10px; padding-inline-end:52px; display:flex; align-items:center; max-width:100%!important; overflow-wrap:anywhere; border-radius:11px; color:var(--bgbmn-mobile-text)!important; font-size:14px; font-weight:600; line-height:1.7; text-decoration:none!important; } #bgbmn-root .bgbmn-menu-list a:hover, #bgbmn-root .bgbmn-menu-list a:focus-visible{background:rgba(255,255,255,.08)} #bgbmn-root.bgbmn-theme-modern .bgbmn-menu-list a:hover, #bgbmn-root.bgbmn-theme-modern .bgbmn-menu-list a:focus-visible, #bgbmn-root.bgbmn-theme-action .bgbmn-menu-list a:hover, #bgbmn-root.bgbmn-theme-action .bgbmn-menu-list a:focus-visible{background:rgba(76,29,203,.065);color:var(--bgbmn-accent)!important} #bgbmn-root .bgbmn-submenu-toggle{ width:42px; height:42px; padding:0; border:0; border-radius:11px; background:rgba(255,255,255,.07); color:var(--bgbmn-mobile-text); display:flex; align-items:center; justify-content:center; position:absolute; top:3px; inset-inline-end:2px; cursor:pointer; z-index:2; } #bgbmn-root.bgbmn-theme-modern .bgbmn-submenu-toggle, #bgbmn-root.bgbmn-theme-action .bgbmn-submenu-toggle{background:rgba(76,29,203,.065);color:var(--bgbmn-accent)} #bgbmn-root .bgbmn-submenu-toggle span{ width:9px; height:9px; border-inline-end:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; } #bgbmn-root .is-submenu-open > .bgbmn-submenu-toggle span{transform:rotate(225deg) translate(-1px,-1px)} #bgbmn-root .bgbmn-menu-list .sub-menu{ display:none; margin:0 8px 8px!important; padding-inline-start:10px!important; border-inline-start:2px solid rgba(176,52,238,.25); background:rgba(0,0,0,.08); border-radius:10px; } #bgbmn-root.bgbmn-theme-modern .bgbmn-menu-list .sub-menu, #bgbmn-root.bgbmn-theme-action .bgbmn-menu-list .sub-menu{background:rgba(76,29,203,.035);border-inline-start-color:rgba(76,29,203,.22)} #bgbmn-root .bgbmn-menu-list li.is-submenu-open > .sub-menu{display:block} #bgbmn-root .bgbmn-menu-list .sub-menu a{font-size:13px;font-weight:550} #bgbmn-root .bgbmn-clock-box{ width:max-content; max-width:calc(100% - 24px); min-width:84px; margin:10px auto 18px; padding:8px 14px; border:1px solid var(--bgbmn-mobile-border); border-radius:12px; background:rgba(255,255,255,.07); color:var(--bgbmn-mobile-text); text-align:center; font-variant-numeric:tabular-nums; } #bgbmn-root.bgbmn-theme-modern .bgbmn-clock-box, #bgbmn-root.bgbmn-theme-action .bgbmn-clock-box{background:rgba(255,255,255,.65)} #bgbmn-root .bgbmn-clock-box{box-shadow:none!important;filter:none!important} /* Prevent menu, logo and action controls from overlapping on narrower desktops. */ #bgbmn-desktop-root.bgbmn-is-compact .bgbmn-desktop-inner{gap:12px} #bgbmn-desktop-root.bgbmn-is-compact .bgbmn-desktop-menu-list>li>a{padding-inline:8px;font-size:13px} #bgbmn-desktop-root.bgbmn-is-compact .bgbmn-desktop-actions{gap:6px} #bgbmn-desktop-root.bgbmn-is-compact .bgbmn-desktop-cta{padding-inline:13px} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-compact .bgbmn-action-support{width:118px} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-compact .bgbmn-desktop-menu-list>li>a{padding-inline:6px;font-size:12.5px} #bgbmn-desktop-root.bgbmn-is-tight .bgbmn-action-support{display:none!important} #bgbmn-desktop-root.bgbmn-is-tight .bgbmn-desktop-account span{display:none} #bgbmn-desktop-root.bgbmn-is-tight .bgbmn-desktop-inner{grid-template-columns:minmax(100px,var(--bgbmn-logo-area,190px)) minmax(0,1fr) auto!important;gap:8px} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-tight .bgbmn-desktop-inner{grid-template-columns:minmax(120px,170px) minmax(0,1fr) auto!important} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-tight .bgbmn-desktop-menu-list>li>a{padding-inline:5px;font-size:12px} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-critical .bgbmn-desktop-cta{display:none!important} #bgbmn-desktop-root.bgbmn-theme-action.bgbmn-is-critical .bgbmn-desktop-actions::before{inset-inline-end:0;width:100%} #bgbmn-root .bgbmn-scroll-hint{ position:absolute; inset:auto 0 0; min-height:52px; padding:21px 14px 8px; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--bgbmn-mobile-text); background:linear-gradient(to bottom,transparent 0%,var(--bgbmn-bg) 45%); font-size:12px; font-weight:700; opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; pointer-events:none; z-index:5; } #bgbmn-root.bgbmn-theme-modern .bgbmn-scroll-hint, #bgbmn-root.bgbmn-theme-action .bgbmn-scroll-hint{background:linear-gradient(to bottom,transparent 0%,#fbfaff 45%);color:var(--bgbmn-accent)} #bgbmn-root .bgbmn-scroll-hint.is-visible{opacity:1;visibility:visible;transform:translateY(0)} #bgbmn-root .bgbmn-scroll-hint span{ width:8px; height:8px; border-inline-end:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); animation:bgbmn-hint 1.15s ease-in-out infinite; } @keyframes bgbmn-hint{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.45}50%{transform:rotate(45deg) translate(3px,3px);opacity:1}} body.bgbmn-open #bgbmn-root .bgbmn-overlay{opacity:1;visibility:visible;pointer-events:auto} body.bgbmn-open #bgbmn-root .bgbmn-drawer{transform:translate3d(0,0,0) scale(1);opacity:1;visibility:visible;pointer-events:auto!important} #bgbmn-root button:focus-visible, #bgbmn-root a:focus-visible, #bgbmn-desktop-root button:focus-visible, #bgbmn-desktop-root a:focus-visible{ outline:2px solid color-mix(in srgb,var(--bgbmn-accent) 70%,#fff)!important; outline-offset:2px; } @media(max-width:1180px){ #bgbmn-desktop-root .bgbmn-desktop-inner{grid-template-columns:minmax(105px,150px) minmax(0,1fr) auto;gap:10px} #bgbmn-desktop-root .bgbmn-desktop-menu-list > li > a{padding-inline:8px;font-size:13px} #bgbmn-desktop-root .bgbmn-desktop-account span{display:none} #bgbmn-desktop-root .bgbmn-desktop-cta{padding-inline:13px;font-size:13px} } @media(max-width:1500px){ #bgbmn-desktop-root.bgbmn-theme-action{padding-inline:15px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-inner{ width:calc(100% - 28px); grid-template-columns:minmax(125px,170px) minmax(0,1fr) auto; gap:13px; } #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-logo{padding-inline-end:15px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{padding-inline:8px;font-size:13px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cta{padding-inline:16px;font-size:13px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support{width:128px} } @media(max-width:1320px){ #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-inner{grid-template-columns:125px minmax(0,1fr) auto;gap:8px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-logo-img{max-width:120px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{padding-inline:6px;font-size:12px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cta{padding-inline:12px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support{width:112px} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support-copy small{display:none} } @media(max-width:1220px){ #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-action-support{display:none} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-actions::before{inset-inline-end:0;width:72%} } @media(max-width:1100px){ #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-cart{display:none} #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{font-size:11.5px;padding-inline:5px} } /* Keep the scheme layer last so it also overrides the modern/action glass rules. */ #bgbmn-root.bgbmn-scheme-light{ --bgbmn-bg:#fbfaff; --bgbmn-mobile-text:#17112f; --bgbmn-mobile-muted:#62577e; --bgbmn-mobile-border:rgba(76,29,203,.13); } #bgbmn-root.bgbmn-scheme-dark{ --bgbmn-bg:#15101f; --bgbmn-mobile-text:#f8f6ff; --bgbmn-mobile-muted:#c8bedb; --bgbmn-mobile-border:rgba(255,255,255,.11); } #bgbmn-root.bgbmn-scheme-dark .bgbmn-bar{ background:rgba(21,16,31,.96)!important; border-color:rgba(255,255,255,.10)!important; box-shadow:0 -10px 34px rgba(0,0,0,.38)!important; } #bgbmn-root.bgbmn-scheme-dark .bgbmn-drawer{ border-color:rgba(163,126,255,.23); background: radial-gradient(circle at 12% 10%,rgba(111,67,220,.18),transparent 28%), radial-gradient(circle at 90% 86%,rgba(105,70,222,.10),transparent 28%), #15101f; } #bgbmn-root.bgbmn-scheme-dark .bgbmn-home-circle{border:0!important} #bgbmn-root.bgbmn-scheme-dark .bgbmn-scroll-hint{background:linear-gradient(to bottom,transparent 0%,#15101f 45%);color:#d8caff} #bgbmn-root.bgbmn-scheme-dark .bgbmn-menu-list .sub-menu{background:rgba(255,255,255,.035)} @media(max-width:782px){ .admin-bar #bgbmn-desktop-root.bgbmn-is-sticky{top:46px} } @media(prefers-reduced-motion:reduce){ #bgbmn-root *, #bgbmn-desktop-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important} } @supports not (color:color-mix(in srgb,#000,#fff)){ #bgbmn-desktop-root .bgbmn-desktop-cta{box-shadow:0 9px 22px rgba(76,29,203,.28)} #bgbmn-root button:focus-visible, #bgbmn-root a:focus-visible, #bgbmn-desktop-root button:focus-visible, #bgbmn-desktop-root a:focus-visible{outline-color:var(--bgbmn-accent)!important} } /* === 2.4.0 user-controlled states, mobile touch polish and shape opacity === */ #bgbmn-desktop-root{ --bgbmn-default-menu-hover-bg:rgba(76,29,203,.07); --bgbmn-default-menu-active-bg:rgba(76,29,203,.07); --bgbmn-default-submenu-bg:#fff; --bgbmn-default-submenu-text:#211746; --bgbmn-default-submenu-hover-bg:rgba(76,29,203,.07); } #bgbmn-desktop-root.bgbmn-theme-action{ --bgbmn-default-menu-hover-bg:transparent; --bgbmn-default-menu-active-bg:transparent; } #bgbmn-desktop-root.bgbmn-scheme-dark{ --bgbmn-default-menu-hover-bg:rgba(255,255,255,.055); --bgbmn-default-menu-active-bg:rgba(255,255,255,.055); --bgbmn-default-submenu-bg:#262130; --bgbmn-default-submenu-text:#f8f6ff; --bgbmn-default-submenu-hover-bg:rgba(255,255,255,.055); } #bgbmn-root{ --bgbmn-default-mobile-hover-bg:rgba(76,29,203,.065); --bgbmn-default-mobile-press-bg:rgba(76,29,203,.12); } #bgbmn-root.bgbmn-scheme-dark{ --bgbmn-default-mobile-hover-bg:rgba(255,255,255,.08); --bgbmn-default-mobile-press-bg:rgba(255,255,255,.13); } #bgbmn-root{ --bgbmn-default-mobile-active-bg:rgba(76,29,203,.105); } #bgbmn-root.bgbmn-scheme-dark{ --bgbmn-default-mobile-active-bg:rgba(255,255,255,.12); } #bgbmn-root a, #bgbmn-root button{ -webkit-tap-highlight-color:transparent!important; } #bgbmn-root a:focus:not(:focus-visible), #bgbmn-root button:focus:not(:focus-visible){ outline:none!important; box-shadow:none!important; } /* Desktop menu typography and state colors. User-selected values intentionally win over theme presets. */ #bgbmn-desktop-root .bgbmn-desktop-menu-list > li > a{ position:relative; color:var(--bgbmn-desktop-menu-text,var(--bgbmn-desktop-text))!important; background:var(--bgbmn-desktop-menu-bg,transparent)!important; border-radius:var(--bgbmn-desktop-menu-radius,12px)!important; font-size:var(--bgbmn-desktop-menu-font-size,14px)!important; font-weight:var(--bgbmn-desktop-menu-font-weight,650)!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:hover > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:focus-within > a{ color:var(--bgbmn-desktop-menu-hover-text,var(--bgbmn-accent))!important; background:var(--bgbmn-desktop-menu-hover-bg,var(--bgbmn-default-menu-hover-bg))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-item > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-ancestor > a, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-parent > a{ color:var(--bgbmn-desktop-menu-active-text,var(--bgbmn-accent))!important; background:var(--bgbmn-desktop-menu-active-bg,var(--bgbmn-default-menu-active-bg))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > li > a::after{ content:""; position:absolute; inset-inline:12px; bottom:2px; height:var(--bgbmn-underline-height,2px)!important; border-radius:99px; background:var(--bgbmn-underline-color,var(--bgbmn-accent))!important; opacity:0; transform:scaleX(0); transform-origin:center; transition:transform .18s ease,opacity .18s ease; pointer-events:none; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:hover > a::after, #bgbmn-desktop-root .bgbmn-desktop-menu-list > li:focus-within > a::after{ opacity:var(--bgbmn-underline-hover-scale,0)!important; transform:scaleX(var(--bgbmn-underline-hover-scale,0))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-item > a::after, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-ancestor > a::after, #bgbmn-desktop-root .bgbmn-desktop-menu-list > .current-menu-parent > a::after{ opacity:var(--bgbmn-underline-current-scale,1)!important; transform:scaleX(var(--bgbmn-underline-current-scale,1))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu{ background:var(--bgbmn-submenu-bg,var(--bgbmn-default-submenu-bg))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a{ color:var(--bgbmn-submenu-text,var(--bgbmn-default-submenu-text))!important; } #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a:hover, #bgbmn-desktop-root .bgbmn-desktop-menu-list .sub-menu a:focus-visible{ color:var(--bgbmn-submenu-hover-text,var(--bgbmn-accent))!important; background:var(--bgbmn-submenu-hover-bg,var(--bgbmn-default-submenu-hover-bg))!important; } /* Preserve each shape's own design opacity, then multiply it by the dashboard slider. */ #bgbmn-desktop-root .bgbmn-shape, #bgbmn-desktop-root.bgbmn-has-action-shapes .bgbmn-desktop-shell::before, #bgbmn-desktop-root.bgbmn-has-action-shapes .bgbmn-desktop-shell::after{ filter:opacity(var(--bgbmn-shape-opacity,1)); } /* Mobile/tablet item states. */ #bgbmn-root .bgbmn-menu-list a{ color:var(--bgbmn-mobile-item-text,var(--bgbmn-mobile-text))!important; background:var(--bgbmn-mobile-item-bg,transparent)!important; border-radius:var(--bgbmn-mobile-item-radius,11px)!important; font-size:var(--bgbmn-mobile-item-font-size,14px)!important; font-weight:var(--bgbmn-mobile-item-font-weight,600)!important; } #bgbmn-root .bgbmn-menu-list a:hover, #bgbmn-root .bgbmn-menu-list a:focus-visible{ color:var(--bgbmn-mobile-item-hover-text,var(--bgbmn-accent))!important; background:var(--bgbmn-mobile-item-hover-bg,var(--bgbmn-default-mobile-hover-bg))!important; } #bgbmn-root .bgbmn-menu-list a:focus:not(:focus-visible){ color:var(--bgbmn-mobile-item-text,var(--bgbmn-mobile-text))!important; background:var(--bgbmn-mobile-item-bg,transparent)!important; } /* Current page state from WordPress menu classes. */ #bgbmn-root .bgbmn-menu-list .current-menu-item > a, #bgbmn-root .bgbmn-menu-list .current-menu-parent > a, #bgbmn-root .bgbmn-menu-list .current-menu-ancestor > a, #bgbmn-root .bgbmn-menu-list .current_page_item > a, #bgbmn-root .bgbmn-menu-list .current_page_parent > a, #bgbmn-root .bgbmn-menu-list .current_page_ancestor > a{ color:var(--bgbmn-mobile-item-active-text,var(--bgbmn-accent))!important; background:var(--bgbmn-mobile-item-active-bg,var(--bgbmn-default-mobile-active-bg))!important; } #bgbmn-root .bgbmn-menu-list a:active, #bgbmn-root .bgbmn-submenu-toggle:active, #bgbmn-root .bgbmn-close:active, #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn:active, #bgbmn-root .bgbmn-bar > .bgbmn-account:active, #bgbmn-root .bgbmn-bar > .bgbmn-home:active{ background:var(--bgbmn-mobile-item-press-bg,var(--bgbmn-default-mobile-press-bg))!important; } #bgbmn-root .bgbmn-bar{ background:var(--bgbmn-mobile-bar-bg,var(--bgbmn-bg))!important; } /* Keep desktop font controls responsive at narrower desktop widths. */ @media(max-width:1180px){ #bgbmn-desktop-root .bgbmn-desktop-menu-list > li > a{ font-size:min(var(--bgbmn-desktop-menu-font-size,14px),13px)!important; } } @media(max-width:1320px){ #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{ font-size:min(var(--bgbmn-desktop-menu-font-size,14px),12px)!important; } } @media(max-width:1100px){ #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-menu-list > li > a{ font-size:min(var(--bgbmn-desktop-menu-font-size,14px),11.5px)!important; } } /* Configurable normal/hover states for mobile bottom-bar side buttons. */ #bgbmn-root{ --bgbmn-default-mobile-bar-hover-text:var(--bgbmn-mobile-text); --bgbmn-default-mobile-bar-hover-bg:transparent; } #bgbmn-root.bgbmn-theme-modern, #bgbmn-root.bgbmn-theme-action{ --bgbmn-default-mobile-bar-hover-text:var(--bgbmn-accent); --bgbmn-default-mobile-bar-hover-bg:rgba(76,29,203,.06); } #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn, #bgbmn-root .bgbmn-bar > .bgbmn-account{ color:var(--bgbmn-mobile-bar-item-text,var(--bgbmn-mobile-muted))!important; background:var(--bgbmn-mobile-bar-item-bg,transparent)!important; } #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn:hover, #bgbmn-root .bgbmn-bar > .bgbmn-menu-btn:focus-visible, #bgbmn-root .bgbmn-bar > .bgbmn-account:hover, #bgbmn-root .bgbmn-bar > .bgbmn-account:focus-visible{ color:var(--bgbmn-mobile-bar-item-hover-text,var(--bgbmn-default-mobile-bar-hover-text))!important; background:var(--bgbmn-mobile-bar-item-hover-bg,var(--bgbmn-default-mobile-bar-hover-bg))!important; } /* Background-color setting must win in every mobile theme/scheme while preserving old defaults when empty. */ #bgbmn-root{--bgbmn-default-mobile-bar-bg:var(--bgbmn-bg)} #bgbmn-root.bgbmn-theme-modern, #bgbmn-root.bgbmn-theme-action{--bgbmn-default-mobile-bar-bg:rgba(251,250,255,.91)} #bgbmn-root.bgbmn-scheme-dark{--bgbmn-default-mobile-bar-bg:rgba(21,16,31,.96)} #bgbmn-root .bgbmn-bar, #bgbmn-root.bgbmn-theme-modern .bgbmn-bar, #bgbmn-root.bgbmn-theme-action .bgbmn-bar, #bgbmn-root.bgbmn-scheme-light .bgbmn-bar, #bgbmn-root.bgbmn-scheme-dark .bgbmn-bar{ background:var(--bgbmn-mobile-bar-bg,var(--bgbmn-default-mobile-bar-bg))!important; } /* === 2.5.1 surface transparency + resilient WooCommerce/template placement === */ #bgbmn-desktop-root{ background:var(--bgbmn-desktop-outer-bg-rgba,var(--bgbmn-desktop-outer-bg))!important; } #bgbmn-desktop-root .bgbmn-desktop-shell{ background:var(--bgbmn-desktop-bg-rgba,var(--bgbmn-desktop-bg))!important; -webkit-backdrop-filter:none; backdrop-filter:none; } #bgbmn-desktop-root.bgbmn-has-desktop-transparency .bgbmn-desktop-shell{ -webkit-backdrop-filter:blur(16px) saturate(135%); backdrop-filter:blur(16px) saturate(135%); } #bgbmn-desktop-root.bgbmn-theme-modern, #bgbmn-desktop-root.bgbmn-theme-action{ background:var(--bgbmn-desktop-outer-bg-rgba,var(--bgbmn-desktop-outer-bg))!important; } #bgbmn-desktop-root.bgbmn-theme-modern .bgbmn-desktop-shell, #bgbmn-desktop-root.bgbmn-theme-action .bgbmn-desktop-shell, #bgbmn-desktop-root.bgbmn-scheme-dark .bgbmn-desktop-shell{ background: radial-gradient(circle at 10% 20%,rgba(198,178,255,.16),transparent 25%), radial-gradient(circle at 88% 80%,rgba(105,70,222,.08),transparent 24%), var(--bgbmn-desktop-bg-rgba,var(--bgbmn-desktop-bg))!important; } #bgbmn-root .bgbmn-bar{ background:var(--bgbmn-mobile-bar-bg-rgba,var(--bgbmn-mobile-bar-bg,var(--bgbmn-bg)))!important; } #bgbmn-root.bgbmn-theme-modern .bgbmn-bar, #bgbmn-root.bgbmn-theme-action .bgbmn-bar, #bgbmn-root.bgbmn-scheme-dark .bgbmn-bar{ background:var(--bgbmn-mobile-bar-bg-rgba,var(--bgbmn-bg))!important; } #bgbmn-root .bgbmn-bar{ -webkit-backdrop-filter:none; backdrop-filter:none; } #bgbmn-root.bgbmn-has-mobile-bar-transparency .bgbmn-bar{ -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); } #bgbmn-root .bgbmn-drawer{ background:var(--bgbmn-mobile-drawer-bg-rgba,var(--bgbmn-bg))!important; -webkit-backdrop-filter:none; backdrop-filter:none; } #bgbmn-root.bgbmn-has-mobile-drawer-transparency .bgbmn-drawer{ -webkit-backdrop-filter:blur(18px) saturate(135%); backdrop-filter:blur(18px) saturate(135%); } #bgbmn-root.bgbmn-theme-modern .bgbmn-drawer, #bgbmn-root.bgbmn-theme-action .bgbmn-drawer, #bgbmn-root.bgbmn-scheme-dark .bgbmn-drawer{ background: radial-gradient(circle at 12% 10%,rgba(196,174,255,.20),transparent 28%), radial-gradient(circle at 90% 86%,rgba(105,70,222,.10),transparent 28%), var(--bgbmn-mobile-drawer-bg-rgba,var(--bgbmn-bg))!important; } /* === 2.6.0 shared design system across desktop, tablet and mobile === */ #bgbmn-desktop-root.bgbmn-design-synced .bgbmn-desktop-shell, #bgbmn-root.bgbmn-design-synced .bgbmn-drawer, #bgbmn-root.bgbmn-design-synced .bgbmn-bar{ border-color:var(--bgbmn-global-border,rgba(76,29,203,.16))!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-drawer-head, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list > li{ border-color:var(--bgbmn-global-border,rgba(76,29,203,.16))!important; } #bgbmn-root.bgbmn-has-action-shapes .bgbmn-drawer::before{ content:""; display:block; position:absolute; inset-inline-start:18px; bottom:18px; opacity:.46; pointer-events:none; filter:opacity(var(--bgbmn-shape-opacity,1)); } #bgbmn-root:not(.bgbmn-has-action-shapes) .bgbmn-drawer::before{display:none!important} #bgbmn-root.bgbmn-shape-style-soft .bgbmn-drawer::before{ width:72px;height:54px;border:0;border-radius:0; background-image:radial-gradient(circle,color-mix(in srgb,var(--bgbmn-accent) 48%,transparent) 2px,transparent 2.5px); background-size:12px 12px; } #bgbmn-root.bgbmn-shape-style-waves .bgbmn-drawer::before{ width:150px;height:58px;border:0;border-top:1px solid color-mix(in srgb,var(--bgbmn-accent) 34%,transparent);border-radius:50% 50% 0 0; background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 12px,color-mix(in srgb,var(--bgbmn-accent) 22%,transparent) 13px 14px); } #bgbmn-root.bgbmn-shape-style-orbit .bgbmn-drawer::before{ width:64px;height:64px;border:1px solid color-mix(in srgb,var(--bgbmn-accent) 38%,transparent);border-radius:50%; background:radial-gradient(circle at 72% 18%,var(--bgbmn-accent) 0 3px,transparent 4px); } #bgbmn-root.bgbmn-shape-style-facets .bgbmn-drawer::before{ width:82px;height:66px;border:0;border-radius:0;clip-path:polygon(0 25%,62% 0,100% 52%,54% 100%,8% 82%); background:linear-gradient(135deg,color-mix(in srgb,var(--bgbmn-accent) 42%,transparent),transparent 70%); } #bgbmn-root.bgbmn-shape-style-corners .bgbmn-drawer::before{ width:58px;height:58px;border:0;border-inline-start:1px solid color-mix(in srgb,var(--bgbmn-accent) 44%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bgbmn-accent) 44%,transparent);border-radius:0 0 0 18px;background:none; } #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list a{ color:var(--bgbmn-mobile-item-text,var(--bgbmn-mobile-text))!important; background:var(--bgbmn-mobile-item-bg,transparent)!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list a:hover, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list a:focus-visible{ color:var(--bgbmn-mobile-item-hover-text,var(--bgbmn-accent))!important; background:var(--bgbmn-mobile-item-hover-bg,color-mix(in srgb,var(--bgbmn-accent) 10%,transparent))!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current-menu-item > a, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current-menu-parent > a, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current-menu-ancestor > a, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current_page_item > a, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current_page_parent > a, #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list .current_page_ancestor > a{ color:var(--bgbmn-mobile-item-active-text,var(--bgbmn-accent))!important; background:var(--bgbmn-mobile-item-active-bg,var(--bgbmn-default-mobile-active-bg))!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-menu-list a:active{ background:var(--bgbmn-mobile-item-press-bg,var(--bgbmn-default-mobile-press-bg))!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-menu-btn, #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-account{ color:var(--bgbmn-mobile-bar-item-text,var(--bgbmn-mobile-muted))!important; background:var(--bgbmn-mobile-bar-item-bg,transparent)!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-menu-btn:hover, #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-account:hover{ color:var(--bgbmn-mobile-bar-item-hover-text,var(--bgbmn-accent))!important; background:var(--bgbmn-mobile-bar-item-hover-bg,color-mix(in srgb,var(--bgbmn-accent) 10%,transparent))!important; } #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-menu-btn:active, #bgbmn-root.bgbmn-design-synced .bgbmn-bar > .bgbmn-account:active{ background:var(--bgbmn-mobile-item-press-bg,var(--bgbmn-default-mobile-press-bg))!important; } #bgbmn-desktop-root:not(.bgbmn-has-action-shapes) .bgbmn-shape, #bgbmn-desktop-root:not(.bgbmn-has-action-shapes) .bgbmn-desktop-shell::before, #bgbmn-desktop-root:not(.bgbmn-has-action-shapes) .bgbmn-desktop-shell::after{ display:none!important; content:none!important; } /* Reference-matched Home preset: purple button with a clean white ring. */ #bgbmn-root.bgbmn-home-style-light-border .bgbmn-home{ z-index:3!important; transform:translateY(-2px)!important; } #bgbmn-root.bgbmn-home-style-light-border .bgbmn-home-circle{ position:relative!important; overflow:hidden!important; width:68px!important; height:68px!important; flex:0 0 68px!important; border:4px solid #fff!important; background: radial-gradient(circle at 31% 22%,rgba(255,255,255,.24) 0,rgba(255,255,255,.08) 18%,transparent 37%), linear-gradient(145deg,#8a49f6 0%,#7d32ef 34%,#7c2be6 58%,#7c23da 100%)!important; box-shadow: 0 0 0 1px rgba(255,255,255,.72), 0 9px 20px rgba(76,29,203,.23), 0 3px 8px rgba(47,24,110,.14)!important; } #bgbmn-root.bgbmn-home-style-light-border .bgbmn-home-circle::before{ content:""; position:absolute; z-index:1; inset:5px 8px auto; height:18px; border-radius:50%; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)); filter:blur(1px); pointer-events:none; } #bgbmn-root.bgbmn-home-style-light-border .bgbmn-home-circle svg{ position:relative!important; z-index:2!important; } /* === 3.3.0 semantic palette finishing layer === */ #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-announcement{ background:linear-gradient(90deg,var(--bgbmn-accent-strong),color-mix(in srgb,var(--bgbmn-accent-strong) 76%,var(--bgbmn-accent)),var(--bgbmn-accent-strong))!important; color:var(--bgbmn-on-strong)!important; } #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-announcement a{color:inherit!important} #bgbmn-desktop-root.bgbmn-has-palette.bgbmn-theme-modern .bgbmn-desktop-shell, #bgbmn-desktop-root.bgbmn-has-palette.bgbmn-theme-action .bgbmn-desktop-shell, #bgbmn-desktop-root.bgbmn-has-palette.bgbmn-scheme-dark .bgbmn-desktop-shell{ background: radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--bgbmn-accent) 16%,transparent),transparent 25%), radial-gradient(circle at 88% 80%,color-mix(in srgb,var(--bgbmn-accent-strong) 10%,transparent),transparent 24%), var(--bgbmn-desktop-bg-rgba,var(--bgbmn-palette-surface))!important; } #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-desktop-logo, #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-desktop-cart, #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-action-support{ border-color:var(--bgbmn-global-border)!important; } #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-desktop-cart, #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-action-support{ background:var(--bgbmn-palette-elevated)!important; color:var(--bgbmn-desktop-text)!important; } #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-action-support-copy small{color:var(--bgbmn-mobile-muted)!important} #bgbmn-desktop-root.bgbmn-has-palette .bgbmn-action-support-icon{ border-color:var(--bgbmn-global-border)!important; background:var(--bgbmn-palette-hover-bg)!important; color:var(--bgbmn-accent)!important; } #bgbmn-root.bgbmn-has-palette.bgbmn-theme-modern .bgbmn-drawer, #bgbmn-root.bgbmn-has-palette.bgbmn-theme-action .bgbmn-drawer, #bgbmn-root.bgbmn-has-palette.bgbmn-scheme-dark .bgbmn-drawer{ background: radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--bgbmn-accent) 20%,transparent),transparent 28%), radial-gradient(circle at 90% 86%,color-mix(in srgb,var(--bgbmn-accent-strong) 12%,transparent),transparent 28%), var(--bgbmn-mobile-drawer-bg-rgba,var(--bgbmn-palette-surface))!important; } #bgbmn-root.bgbmn-has-palette .bgbmn-close, #bgbmn-root.bgbmn-has-palette .bgbmn-clock-box, #bgbmn-root.bgbmn-has-palette .bgbmn-submenu-toggle{ border-color:var(--bgbmn-global-border)!important; background:var(--bgbmn-palette-elevated)!important; color:var(--bgbmn-mobile-text)!important; } #bgbmn-root.bgbmn-has-palette .bgbmn-menu-list .sub-menu{ border-inline-start-color:var(--bgbmn-global-border)!important; background:color-mix(in srgb,var(--bgbmn-palette-elevated) 72%,transparent)!important; } #bgbmn-root.bgbmn-has-palette .bgbmn-scroll-hint{ background:linear-gradient(to bottom,transparent 0%,var(--bgbmn-palette-surface) 45%)!important; color:var(--bgbmn-mobile-muted)!important; } #bgbmn-root.bgbmn-has-palette.bgbmn-home-style-light-border .bgbmn-home-circle{ border-color:var(--bgbmn-palette-surface)!important; background: radial-gradient(circle at 31% 22%,rgba(255,255,255,.24) 0,rgba(255,255,255,.08) 18%,transparent 37%), linear-gradient(145deg,color-mix(in srgb,var(--bgbmn-home-base) 70%,#fff),var(--bgbmn-home-base) 58%,color-mix(in srgb,var(--bgbmn-home-base) 82%,#000))!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--bgbmn-palette-surface) 72%,transparent), 0 9px 20px color-mix(in srgb,var(--bgbmn-accent) 28%,transparent), 0 3px 8px rgba(0,0,0,.14)!important; }