.bella-public-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;padding:12px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.header-content{position:relative}.bella-public-menu{position:fixed;inset:0 auto 0 0;margin:0;width:340px;max-width:90vw;height:100dvh;max-height:100dvh;border:0;padding:24px 20px;background:#340100;color:white;overflow-y:auto;z-index:9999}.bella-public-menu::backdrop{background:#16000080;backdrop-filter:blur(5px)}.bella-public-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.bella-public-top img{filter:brightness(0) invert(1);object-fit:contain;width:200px;height:65px}.bella-public-top button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer;padding:12px}.bella-public-menu a{display:block;color:white;text-decoration:none;padding:12px 15px;border-radius:5px;line-height:1.4}.bella-public-menu a:hover,.bella-public-menu a:focus-visible{background:#edc4cc;color:#340100}.bella-public-sub{padding-left:16px;border-left:1px solid #ffffff30;margin-left:15px}.bella-public-society{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff30}.bella-public-login{background:#edc4cc!important;color:#340100!important}.bella-public-member{padding:12px 15px 20px}.bella-public-member a{padding:8px 0;color:#edc4cc}.bella-public-society p{font-size:11px;letter-spacing:2px;padding:0 15px}.bella-public-menu{font-family:Arial,sans-serif;font-size:14px}.bella-public-details summary{padding:12px 15px;cursor:pointer;line-height:1.4;list-style-position:inside}.bella-public-society{margin:0 0 20px;padding:0 0 20px;border-top:0;border-bottom:1px solid #ffffff30}.header__social{margin-left:50px}.bella-public-toggle{z-index:2}
.bella-public-menu{width:370px;padding:22px 20px}.bella-public-top{margin-bottom:14px}.bella-menu-photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:115px;overflow:hidden;border-radius:8px;margin-bottom:20px}.bella-menu-photo-strip img{width:100%;height:115px;object-fit:cover;object-position:center 34%;filter:none}.bella-public-menu .bella-menu-image-link,.bella-public-details summary{display:flex;align-items:center;gap:14px;padding:8px 10px;min-height:64px;border-radius:6px;font-size:13px;letter-spacing:.3px}.bella-menu-thumbnail{width:48px;height:48px;flex:0 0 48px;border-radius:5px;object-fit:cover;object-position:center 30%;filter:none}.bella-public-details summary{list-style:none}.bella-public-details summary::-webkit-details-marker{display:none}.bella-menu-chevron{margin-left:auto;font-size:19px}.bella-public-details[open] .bella-menu-chevron{transform:rotate(180deg)}.bella-public-details summary:hover{background:#ffffff0d}.bella-public-sub{margin:6px 0 10px 34px}.bella-public-society{margin-bottom:12px;padding-bottom:14px}
@media(max-width:1023px){#header .header-content{display:grid!important;grid-template-columns:40px 40px minmax(0,1fr) 40px 40px;align-items:center;gap:0;min-height:88px}#header .header-content .header__social{display:none!important}#header .header-content .user-links{display:contents!important}#header .bella-public-toggle,#header #account-link,#header #SearchToggle,#header #CartButton{position:static!important;transform:none!important;float:none!important;margin:0!important;padding:10px 6px!important;width:40px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;grid-row:1}#header .bella-public-toggle{grid-column:1}#header #account-link{grid-column:2}#header #SearchToggle{grid-column:4}#header #CartButton{grid-column:5}#header #logo{grid-column:3;grid-row:1;position:static!important;transform:none!important;width:100%!important;min-width:0;margin:0!important;padding:0 6px!important}#header #logo a{display:block!important;width:100%!important}#header #logo a img{width:100%!important;max-width:250px!important;height:auto!important;max-height:76px!important;object-fit:contain;margin:auto!important}#header .header-content .user-links .oi{font-size:22px}#header .header__content>.wrap{padding-left:12px;padding-right:12px}}

.bella-public-member a:has(svg){display:flex;align-items:center;gap:14px}.bella-public-member a svg{width:20px;height:20px;flex-shrink:0}