body.menu-open { position: fixed; overflow-y: scroll; }  :where(.brxe-nav-menu) .bricks-nav-menu>li{ margin: 0 0 0 60px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle { width: 27px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle span { background-color: currentcolor; display: block; height: 3px; border-radius: 1.5px; position: absolute; right: 0; transition: var(--bricks-transition); } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top { min-width: 12px; top: 0; width: 27px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center { min-width: 12px; top: 8px; width: 27px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom { min-width: 12px; top: 16px; width: 27px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span { min-width: 12px; width: 27px; }  @media (max-width: 478px) { #brxe-tmttle { margin-left: auto; } #cart-toggle { margin-left: 0 !important; } #cart-drawer { height: calc(var(--vh, 1vh) * 100 - 10%) !important; } #brxe-gmaxcg .cart .single_add_to_cart_button { margin-top: 8px; } #brxe-odksen, #brxe-opeodz { padding-left: 15px; padding-right: 15px; } .woocommerce-order-details { } .woocommerce-table__line-item.order_item { padding: 20px 20px; } } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout { display: none; } @media (min-width: 768px) { #cart-drawer { min-height: 100vh; } .cart-content { height: calc(100vh - 96px); } .cart-content, .wishlist-content { margin-left: -20px; } .toggle-container { margin: 0 40px 0 auto;  width: 140px; height: 42px; } .toggle-label { height: 42px; } .icon { height: 34px; } .ts-cart-scrollable { height: calc(100% - 74px); } .woocommerce-account .woocommerce:not(#brx-content) { flex-direction: column; } .ts-navs-content { padding-left: 60px; padding-right: 60px; } .ts-navs-content ul li { width: calc(25% - 15px); } } .main-header{ position: fixed; top: 0; width: 100%; transition: transform 0.3s ease, background 0.3s ease; z-index:999; } body:not(.page-id-9377,.page-id-11972,.page-id-14505,.page-id-58491,.page-id-60636) .main-header{ background: #ffffff; border-bottom: 1px solid #d0d0d0!important; } body.page-id-9377 .main-header,body.page-id-11972 .main-header,body.page-id-14505 .main-header,body.page-id-58491 .main-header,body.page-id-60636 .main-header{ background: transparent;} .main-header.scrolled-home{ transform: translateY(-38px); } .main-header.scrolled { position: fixed; background: #ffffff!important; border-bottom: 1px solid #d0d0d0!important; transform: translateY(-38px); } body.page-id-9377 .main-header:not(.scrolled) .bricks-nav-menu,body.page-id-11972 .main-header:not(.scrolled) .bricks-nav-menu,body.page-id-14505 .main-header:not(.scrolled) .bricks-nav-menu,body.page-id-58491 .main-header:not(.scrolled) .bricks-nav-menu,body.page-id-60636 .main-header:not(.scrolled) .bricks-nav-menu{ color:#fff; } body.page-id-9377 .logo-dark,body.page-id-11972 .logo-dark,body.page-id-14505 .logo-dark,body.page-id-58491 .logo-dark,body.page-id-60636 .logo-dark{ display: none; } body.page-id-9377 .main-header.scrolled .logo-light,body.page-id-11972 .main-header.scrolled .logo-light,body.page-id-14505 .main-header.scrolled .logo-light,body.page-id-58491 .main-header.scrolled .logo-light,body.page-id-60636 .main-header.scrolled .logo-light{ display: none; } body:not(.page-id-9377,.page-id-11972,.page-id-14505,.page-id-58491,.page-id-60636) .main-header .logo-light { display: none; } body:not(.page-id-9377,.page-id-11972,.page-id-14505,.page-id-58491,.page-id-60636) .main-header .logo-dark { display: block!important; } body.page-id-9377 .main-header:not(.scrolled) #brxe-jxmscw .bricks-mobile-menu-toggle,body.page-id-11972 .main-header:not(.scrolled) #brxe-jxmscw .bricks-mobile-menu-toggle,body.page-id-14505 .main-header:not(.scrolled) #brxe-jxmscw .bricks-mobile-menu-toggle,body.page-id-58491 .main-header:not(.scrolled) #brxe-jxmscw .bricks-mobile-menu-toggle,body.page-id-60636 .main-header:not(.scrolled) #brxe-jxmscw .bricks-mobile-menu-toggle{ color:#fff; } .main-header.scrolled .logo-dark { display: block!important; } body.page-id-9377 .main-header:not(.scrolled) .tsmenu-icon,body.page-id-11972 .main-header:not(.scrolled) .tsmenu-icon,body.page-id-14505 .main-header:not(.scrolled) .tsmenu-icon,body.page-id-58491 .main-header:not(.scrolled) .tsmenu-icon,body.page-id-60636 .main-header:not(.scrolled) .tsmenu-icon{ filter: brightness(0) invert(1); } body.page-id-9377 .main-header:not(.scrolled) #cart-toggle,body.page-id-9377 .main-header:not(.scrolled) #brxe-xkqnfi,body.page-id-11972 .main-header:not(.scrolled) #cart-toggle,body.page-id-11972 .main-header:not(.scrolled) #brxe-xkqnfi,body.page-id-14505 .main-header:not(.scrolled) #cart-toggle,body.page-id-14505 .main-header:not(.scrolled) #brxe-xkqnfi,body.page-id-58491 .main-header:not(.scrolled) #cart-toggle,body.page-id-60636 .main-header:not(.scrolled) #cart-toggle,body.page-id-58491 .main-header:not(.scrolled) #brxe-xkqnfi,body.page-id-60636 .main-header:not(.scrolled) #brxe-xkqnfi{ background-image:url('https://bryasound.com/wp-content/uploads/2026/03/Brya-Bag-1.svg'); } body.page-id-9377 .main-header:not(.scrolled) #brxe-xaccwo rect,body.page-id-11972 .main-header:not(.scrolled) #brxe-xaccwo rect,body.page-id-14505 .main-header:not(.scrolled) #brxe-xaccwo rect,body.page-id-58491 .main-header:not(.scrolled) #brxe-xaccwo rect,body.page-id-60636 .main-header:not(.scrolled) #brxe-xaccwo rect{ fill: #fff; } body.page-id-9377 .main-header:not(.scrolled) #brxe-xkqnfi:hover,body.page-id-11972 .main-header:not(.scrolled) #brxe-xkqnfi:hover,body.page-id-14505 .main-header:not(.scrolled) #brxe-xkqnfi:hover,body.page-id-58491 .main-header:not(.scrolled) #brxe-xkqnfi:hover,body.page-id-60636 .main-header:not(.scrolled) #brxe-xkqnfi:hover{ background-image: url('https://bryasound.com/wp-content/uploads/2026/04/brya_bag_white.svg')!important; } body.page-id-9377 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu,body.page-id-9377 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu,body.page-id-11972 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu,body.page-id-11972 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu,body.page-id-14505 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu,body.page-id-14505 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu,body.page-id-58491 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu,body.page-id-60636 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu,body.page-id-58491 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu,body.page-id-60636 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu { border-radius: 10px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); background: transparent; } body.page-id-9377 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu > li > a,body.page-id-9377 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu > li > a,body.page-id-11972 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu > li > a,body.page-id-11972 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu > li > a,body.page-id-14505 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu > li > a,body.page-id-14505 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu > li > a,body.page-id-58491 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu > li > a,body.page-id-60636 .main-header:not(.scrolled) #brxe-ibmoxz .bricks-nav-menu .sub-menu > li > a,body.page-id-58491 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu > li > a,body.page-id-60636 .main-header:not(.scrolled) #brxe-xyoubu .bricks-nav-menu .sub-menu > li > a{ color: #fff; } #cart-toggle:hover,#brxe-xkqnfi:hover{ background-image:url('https://bryasound.com/wp-content/uploads/2026/03/cart_inverted.svg')!important; } span.cart-total-count { position: absolute; top: 3px; right: 7px; width: 16px; height: 16px; color: #fff; font-family: "Brya Sans"; font-size: 12px; font-weight: 700; line-height: normal; background-color: #2282F0; border-radius: 50%; transform: translate(50%, -50%); display: flex; align-items: center; justify-content: center; padding: 0; } .ts-meta { display: flex; flex-direction: column; gap: 4px; } .ts-attribute.pro-1-2,.ts-attribute.pro-3 { color: #707170; } .ts-color-dot { width: 20px!important; height: 20px!important; border-radius: 50%; display: inline-block; } .azure-blue .ts-color-dot { background: linear-gradient(270deg, var(--brya-blue-l) 0%, var(--brya-blue) 100%)!important; } .laser-purple .ts-color-dot { background: linear-gradient(270deg, var(--brya-purple-l) 0%, var(--brya-purple-d) 100%)!important; } .chili-red .ts-color-dot { background: linear-gradient(270deg, var(--brya-red-l) 0%, var(--brya-red-d) 100%)!important; } .jade-green .ts-color-dot { background: linear-gradient(270deg, var(--brya-green-l) 0%, var(--brya-green-d) 100%)!important; } .smoke-grey .ts-color-dot { background: linear-gradient(270deg, var(--brya-gray-l) 0%, var(--brya-gray-d) 100%)!important; } .frost-black .ts-color-dot { background: linear-gradient(270deg, var(--brya-black-l) 0%, var(--brya-black) 100%)!important; } .ts-attribute { display: flex!important; align-items: center; gap: 8px; }