#logo-nav{max-width:150px !important;max-height:100px !important}.logo{display:inline-block}.logo .default-logo{display:inline-block}.logo .mobile-logo{display:none}.logo .sticky-logo{display:none}.logo .sticky-mobile-logo{display:none}.is-sticky .logo .default-logo{display:none;margin-top:50px}.is-sticky .logo .sticky-logo{display:inline-block}.navbar-container{display:flex;margin-bottom:10px;min-height:75px}#navbar-brand{max-width:150px;white-space:nowrap}#navbar-brand img{max-width:120px !important}.default-logo,.mobile-logo{margin:0;font-size:24px;display:inline-block;transition:font-size 0.2s ease}#header-23 .toolbar-dropdown{display:none;position:absolute;top:100%;left:0;width:200px;margin-top:-7px !important;padding:10px 0 !important;border:1px solid #e1e7ec;border-radius:5px;line-height:1.5;z-index:999999999}#header-23 .toolbar-dropdown > li{display:block;position:relative}#header-23 .toolbar-dropdown > li > a{display:block;padding:5px 20px !important;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;font-weight:500;text-align:left;text-decoration:none;font-size:16px}#header-23 .toolbar-dropdown > li.sub-menu-user{display:table;width:100%;padding:4px 17px 6px}#header-23 .toolbar-dropdown > li.sub-menu-user .user-ava,#header-23 .toolbar-dropdown > li.sub-menu-user .user-info{display:table-cell;vertical-align:middle}#header-23 .toolbar-dropdown > li.sub-menu-user .user-ava{width:44px}#header-23 .toolbar-dropdown > li.sub-menu-user .user-ava > img{display:block;width:44px;height:44px;padding:3px;border:1px solid #e1e7ec;border-radius:50%}#header-23 .toolbar-dropdown > li.sub-menu-user .user-info{padding-left:8px}#header-23 .toolbar-dropdown > li.sub-menu-user .user-info > .user-name{margin-bottom:2px}#header-23 .toolbar-dropdown > li.sub-menu-separator{margin-top:5px;margin-bottom:3px;border-top:1px solid #e1e7ec}#header-23 .toolbar-dropdown{margin-top:7px !important;text-align:left}#header-23 .sub-menu-user{display:table;width:100%;padding:4px 17px 6px}#header-23 .sub-menu-user .user-ava,#header-23 .sub-menu-user .user-info{display:table-cell;vertical-align:middle}#header-23 .sub-menu-user .user-ava{width:44px}#header-23 .sub-menu-user .user-ava > img{display:block;width:44px;padding:3px;border:1px solid #e1e7ec;border-radius:50%}#header-23 .sub-menu-user .user-info{padding-left:8px}#header-23 .sub-menu-user .user-info > .user-name{margin-bottom:2px}#header-23{font-size:initial;display:flex;align-items:center;justify-content:center}#header-23 .my-navbar{display:flex;align-items:center;justify-content:center;padding:0;margin:0;height:100%;box-sizing:border-box}#header-23 .my-navbar .navbar-brand{padding:0;margin-left:0 !important;line-height:normal;float:none}#header-23 .my-navbar .navbar-brand a{display:inline-block}#header-23 .my-navbar .navbar-brand #logo-nav{margin:8px 0;max-width:150px !important;max-height:100px !important;width:100%;-o-object-fit:contain;object-fit:contain}#header-23 .my-navbar .navbar-btns{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end}#header-23 .my-navbar .navbar-btns > *{margin:0 10px;margin-left:0}#header-23 .my-navbar .form-search{width:40px;height:40px}#header-23 .my-navbar .form-search .navbar-form{padding:0;margin:0;position:relative}#header-23 .my-navbar .form-search .input-group-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;border:none;max-width:500px;position:absolute;right:0}#header-23 .my-navbar .form-search .input-group-cont input{height:40px;border-radius:40px 0 0 40px;width:0;padding:0;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;border-width:0;box-shadow:none;min-width:0;z-index:99;font-size:16px}#header-23 .my-navbar .form-search .input-group-cont input:focus,#header-23 .my-navbar .form-search .input-group-cont:hover input{width:100%;padding:5px 10px;border-width:1px;min-width:240px}#header-23 .my-navbar .form-search .input-group-btn{width:auto}#header-23 .my-navbar .form-search .btn{height:40px;width:40px;border-radius:40px;text-align:center;padding:0}#header-23 .my-navbar .form-search .input-group-cont input:focus + .input-group-btn .btn,#header-23 .my-navbar .form-search .input-group-cont:hover .input-group-btn .btn{border-radius:0 40px 40px 0;border-left:none}#header-23 .my-navbar .form-search .search-results{position:absolute;top:100%;left:0;width:100%;max-height:90vh;z-index:999}#header-23 .navbar-btns .account > a,#header-23 .navbar-btns .cart > a{border:1px solid #f2f2f2;display:inline-block;width:40px;height:40px;position:relative;border-radius:3px;text-align:center;border-radius:40px;line-height:50px}#header-23 .my-navbar .form-search .btn i,#header-23 .navbar-btns .account > a .icon,#header-23 .navbar-btns .cart > a .icon{font-size:18px}#header-23 .navbar-btns .account > a .icon,#header-23 .navbar-btns .cart > a .icon{line-height:40px}#header-23 .navbar-btns .cart a:hover{color:#aaa !important}#header-23 .navbar-btns .cart .subtotal{position:absolute;top:-3px;right:-3px;height:18px;min-width:18px;font-size:16px;line-height:18px;color:#fff;text-align:center;border-radius:50%;font-weight:bold;background-color:#f00}#header-23 .sub-menu-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}#header-23 .sub-menu-user .user-info{margin-left:10px}#header-23 .navbar-btns .account{position:relative}#header-23 .navbar-btns .account > a:hover{color:#aaa !important}#header-23 .navbar-btns .account .toolbar-dropdown{margin-top:30px;visibility:hidden;position:absolute;left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;display:grid;min-width:200px;padding:20px;margin-left:10%;margin-left:-30px}#header-23 .navbar-btns .account .toolbar-dropdown:hover,#header-23 .navbar-btns .account:hover .toolbar-dropdown{display:block;visibility:visible;opacity:1;transform:translateX(0)}#header-23 .navbar-btns .account .toolbar-dropdown > li a{display:inline-block;font-size:16px;padding:10px 10px;display:flex;align-items:center;justify-content:space-between;transition:background-color 0.3s ease}#header-23 .navbar-btns .account .toolbar-dropdown > li a:hover{display:inline-block;font-size:16px}#header-23 .navbar-btns .account .toolbar-dropdown .sub-menu-user,#header-23 .navbar-btns .account .toolbar-dropdown > li a{padding:5px 10px;width:100%}#header-23 .navbar-btns .account .toolbar-dropdown > li.divider,#header-23 .navbar-btns .account .toolbar-dropdown li.sub-menu-separator{padding:0;height:1px}#header-23 #navbar{position:relative;padding:0}#header-23 #navbar .navbar-nav{float:none}#header-23 #navbar .navbar-nav::-webkit-scrollbar{height:10px}#header-23 #navbar .navbar-nav::-webkit-scrollbar-thumb{border-radius:100px;display:none}#header-23 #navbar .navbar-nav:hover::-webkit-scrollbar-thumb{display:block}#header-23 #navbar .navbar-nav .sub-menu::-webkit-scrollbar{width:10px}#header-23 #navbar .navbar-nav .sub-menu::-webkit-scrollbar-thumb{border-radius:100px}@media screen and (max-width:980px){#header-23 .navbar-btns{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#header-23 .navbar-menu-cont{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}@media screen and (max-width:980px){#header-23 .my-navbar .navbar-btns .form-search{-webkit-box-ordinal-group:3;-ms-flex-order:3;order:2}#header-23 .my-navbar .form-search .input-group-cont:hover{z-index:55;right:-95px}#header-23 #navbar .navbar-nav{max-width:600px;margin:0 auto 0;display:block}}#header-23 .my-navbar .navbar-btns .navbar-toggle{border:1px solid #f2f2f2;border-radius:40px;padding:10px 6.5px 10px 10px}#header-23 .my-navbar .navbar{position:relative;z-index:1000}@media (min-width:980px){.navbar-nav{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;max-height:100px}.nav-item{flex:1 1 150px;margin:5px}.menu-item a{display:block;padding:10px;text-align:center;text-decoration:none}.nav{list-style:none;padding:0;margin:0;display:flex}.navbar-collapse .menu-item{position:relative}.sub-menu{display:none;visibility:hidden}.sub-menu.active{display:block;visibility:visible}#grayout{display:none;position:absolute;top:14%;left:0;width:100%;height:calc(100vh - 50px);background-color:rgba(0,0,0,0.5);z-index:1}#header-23{z-index:1000}#header-23 .menu-item:hover ~ .overlay{display:block}#header-23 .sub-menu{margin-top:25px;visibility:hidden;position:absolute;left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;display:grid;min-width:200px;padding:10px;margin-left:10%}#header-23 .menu-item:hover > .sub-menu{visibility:visible;opacity:1;transform:translateX(0)}#header-23 .sub-menu .sub-menu{margin-top:5px;visibility:hidden;position:absolute;left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;display:grid;min-width:200px;padding:10px;margin-left:110%}#header-23 .sub-menu .menu-item:hover > .sub-menu{visibility:visible;opacity:1;transform:translateX(0)}#header-23 .sub-menu .menu-item{padding:0;display:flex}#header-23 .sub-menu .menu-item > a{font-size:14px;display:flex;align-items:center;justify-content:space-between;height:50px;transition:background-color 0.3s ease;text-decoration:none;white-space:nowrap;max-width:200px;position:relative}#header-23 .sub-menu .menu-item > a > span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px}#header-23 .sub-menu .menu-item > a.tooltip:hover::after{content:attr(data-fulltext);position:absolute;top:-50px;left:0;background:#fff;border:1px solid #ccc;padding:5px;white-space:normal;z-index:1000000000;box-shadow:0 2px 8px rgba(0,0,0,0.2);display:block;max-width:200px;word-wrap:break-word}#header-23 .sub-menu .menu-item > a:hover{background-color:#f0f0f0;border-radius:5px}#header-23 .sub-menu{align-items:start}#header-23 .sub-menu .sub-menu .sub-menu{margin-left:110%}.arrow-sub-menu{width:5px;height:5px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(-45deg);margin-left:8px}.arrow{width:5px;height:5px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(45deg);margin-left:10px}.menu-item:hover .arrow{transform:rotate(225deg)}}.hamburger-toggle{display:none}@media (min-width:980px){.navbar-nav{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;max-height:100px}.nav-item{flex:1 1 150px;margin:5px}.menu-item a{display:block;padding:10px;text-align:center;text-decoration:none}.sub-menu{display:none;visibility:hidden}.sub-menu.active{display:block;visibility:visible}#grayout{display:none;position:absolute;top:14%;left:0;width:100%;height:calc(100vh - 50px);background-color:rgba(0,0,0,0.5);z-index:1}#header-23{z-index:1000;min-height:75px;height:0 !important;display:flex;align-items:center;justify-content:space-between;height:100%}#header-23 .menu-item:hover ~ .overlay{display:block}#header-23 .sub-menu{margin-top:20px;visibility:hidden;position:absolute;left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;display:grid;min-width:200px;padding:10px;margin-left:10%}#header-23 .menu-item:hover > .sub-menu{visibility:visible;opacity:1;transform:translateX(0);transition-delay:0s}#header-23 .sub-menu .sub-menu{margin-top:5px;visibility:hidden;position:absolute;left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;display:grid;min-width:200px;padding:10px;margin-left:110%}#header-23 .sub-menu .menu-item:hover > .sub-menu{visibility:visible;opacity:1;transform:translateX(0)}#header-23 .sub-menu .menu-item{padding:0;display:flex}#header-23 .sub-menu .menu-item > a{font-size:14px;display:flex;align-items:center;justify-content:space-between;height:50px;transition:background-color 0.3s ease;text-decoration:none;white-space:nowrap;max-width:200px}#header-23 .sub-menu .menu-item > a > span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px}#header-23 .sub-menu .menu-item > a:hover{background-color:#f0f0f0;border-radius:5px}#header-23 .sub-menu{align-items:start}#header-23 .sub-menu .sub-menu .sub-menu{margin-left:110%}.arrow-sub-menu{width:5px;height:5px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(-45deg);margin-left:8px}.arrow{width:5px;height:5px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(45deg);margin-left:10px}.menu-item:hover .arrow{transform:rotate(225deg)}}#header-23-mobile{display:none}.destkop-navbar{display:block}.menu__header{display:none}.mobile-navbar{display:none}.hamburger-toggle .icon-bar{transition:none;border-radius:50%;border:1px solid black}.menu__footer{display:none}.login{display:none}.x-toggle{display:none}.navbar-toggle{position:relative;float:right;padding:9px 0;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent}.m-toggle{display:none}@media only screen and (max-width:491px){#header-23 #navbar{position:fixed}.navbar-toggle{display:block !important}#navbar-brand{padding:0;margin:0;line-height:normal;float:none}#header-23{z-index:1000;min-height:75px;height:0 !important}.m-toggle{display:block}.hamburger-toggle{display:block}.x-toggle{display:block}.mobile-navbar{display:flex;flex-direction:row;margin-top:-2%}.form-search{display:none}.menu__header{display:block}.menu__footer{display:block}.login{display:block}.navbar-menu-cont{position:relative}#header-23 .sub-menu .menu-item > a{overflow:visible;width:100%;padding:0 10px;max-width:none;height:auto}#header-23 .sub-menu .menu-item > a > span{overflow:visible;width:auto;max-width:none}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:20px;cursor:pointer}.hamburger-line{width:100%;height:3px;background-color:black}.mobile-navbar{width:100%;padding:0;box-sizing:border-box;height:min-content}.mobile-navbar{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;justify-content:space-between;align-items:center}.navbar-brand-cont{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative}#header-23 .logo{display:flex;justify-content:center;align-items:center;margin-left:100%}#navbar-brand{padding:0;margin:0;line-height:normal;float:none !important;margin-left:-180%}.navbar-brand #logo-nav{margin:8px 0;max-width:150px !important;max-height:100px !important;width:100%;-o-object-fit:contain;object-fit:contain}#navbar{width:100%;position:fixed;display:flex;flex-direction:column}#header-23 #navbar{top:-400%;height:70vh}.navbar-collapse{width:100%;height:100%;background:rgb(255,255,255);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -9px 50px -30px black;position:fixed;top:0;left:0;z-index:1001;transform:translateY(100%);box-sizing:border-box;display:none;flex-direction:column;visibility:hidden;opacity:0;height:0;transition:visibility 0s 0.3s,opacity 0.3s linear,height 0.3s ease;overflow-y:auto}.navbar-collapse.show{display:block;visibility:visible;opacity:1;height:auto;transition:visibility 0s,opacity 0.3s linear,height 0.3s ease}.mobile-navbar{position:relative;display:flex;flex-direction:row}.navbar-menu-cont{position:relative}.navbar-collapse[hidden]{transform:translateY(100%);display:none}.navbar-collapse[hidden]{display:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:none}.overlay.show{display:block}.menu__header{display:flex;padding:30px 30px;align-items:center;justify-content:space-between;background-color:white;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:80px;margin:0;border-bottom:1px solid rgb(221,218,218)}.menu__header button{width:25px;height:25px;background:var(--neutral-dark);border-radius:50%;cursor:pointer;margin-left:0;position:relative;order:1}.menu__header .x-toggle{order:2}.navbar .nav li > .mega-menu-container,.navbar .nav li > ul.sub-menu{display:none;visibility:hidden;opacity:0;position:absolute;z-index:-1}.navbar-nav{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:hidden;height:350px}.menu__footer{display:block;padding:10px;margin-top:90%}.menu__header .login{width:100px;max-width:300px;height:50px;border-radius:10px;cursor:pointer;margin:0 auto;display:block;margin-left:0;background-color:black;color:white}.menu__header .login span{color:white;text-decoration:none}#header-23 .menu-item{margin-bottom:10px;text-align:left;margin-left:7%;margin-right:7%;padding:15px 20px;font-size:14px;border-bottom:1px solid rgb(235,232,232)}.menu-item .a:hover{display:none}.menu-item.hidden{display:none}.arrow-mobile{width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(45deg);margin-left:10px;vertical-align:middle}.menu-item:has(.sub-menu) .arrow-mobile{display:inline-block}.navbar-menu-cont{overflow:hidden}.nav.links{transition:transform 0.3s ease;transform:translateX(0);list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;padding-bottom:20px}.account{display:none}.nav.links .menu-item{position:relative}.sub-menu,.sub-menu .sub-menu{display:none;position:absolute;width:100%;left:100%;transition:transform 0.3s ease}.nav.links{transition:transform 0.3s ease;position:absolute;width:100%}.nav.links{transition:transform 0.3s ease}.back-button{display:inline-flex;align-items:center;color:black;border:none;padding:10px 15px;cursor:pointer;background:transparent;z-index:1000000;justify-content:space-between;display:none;margin-right:75%}.arrow-right{width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(135deg);margin-left:10px;margin-right:10px}.arrow-mobile{display:inline-flex;align-items:center;margin-left:auto;width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform 0.3s ease,color 0.3s ease;background-color:transparent;flex-shrink:0;margin-left:100%;margin-top:-10%}.navbar-btns{align-items:center;justify-content:space-between;margin-left:0;overflow:visible}.navbar-btns > *{margin:0 5px}.button-container{padding:20px;text-align:center;background-color:rgb(255,255,255);box-shadow:0 -1px 5px rgba(0,0,0,0.1)}#navbar-brand{display:flex;-webkit-box-ordinal-group:3;-ms-flex-order:1;order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start}.account .toolbar-dropdown{visibility:hidden;position:absolute;top:calc(100% + 10px);left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:20px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;display:grid;min-width:200px;padding:10px;margin-left:10%}.navbar-btns .account:focus-within .toolbar-dropdown,.navbar-btns .account.active .toolbar-dropdown{visibility:visible;opacity:1;transform:translateX(0)}.navbar-btns .account .toolbar-dropdown{display:none;z-index:100000000000000000}.navbar-btns .account.active .toolbar-dropdown{display:block}#header-23 .my-navbar .navbar-btns{-webkit-box-ordinal-group:2;-ms-flex-order:2;order:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end}#header-23 .my-navbar{margin-top:0 !important;display:flex;align-items:center;justify-content:space-between;height:100%}#header-23{display:block !important}}@media (min-width:491px) and (max-width:980px){#header-23 #navbar{position:fixed}.navbar-toggle{display:block !important}#header-23 #navbar .navbar-nav{display:flex !important;flex-direction:column !important}#header-23{z-index:1000;min-height:75px;height:0 !important}.m-toggle{display:block}.hamburger-toggle{display:block}.x-toggle{display:block}.mobile-navbar{display:flex;flex-direction:row;margin-top:-2%}.form-search{display:none}.menu__header{display:block}.menu__footer{display:block}.login{display:block}.navbar-menu-cont{position:relative}#header-23 .sub-menu .menu-item > a{overflow:visible;width:100%;padding:0 10px;max-width:none;height:auto}#header-23 .sub-menu .menu-item > a > span{overflow:visible;width:auto;max-width:none}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:20px;cursor:pointer}.hamburger-line{width:100%;height:3px;background-color:black}.mobile-navbar{width:100%;padding:0;box-sizing:border-box;height:min-content}.mobile-navbar{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;justify-content:space-between;align-items:center}.navbar-brand-cont{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative}#header-23 .logo{display:flex;justify-content:center;align-items:center;margin-left:100%}#navbar-brand{padding:0;margin:0;line-height:normal;float:none;margin-left:-100%}.navbar-brand #logo-nav{margin:8px 0;max-width:150px !important;max-height:100px !important;width:100%;-o-object-fit:contain;object-fit:contain}#navbar{width:100%;position:fixed;display:flex;flex-direction:column}#header-23 #navbar{top:-1100%;height:1200px !important}.navbar-collapse{width:100%;height:100%;background:rgb(255,255,255);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -9px 50px -30px black;position:fixed;top:0;left:0;z-index:1001;transform:translateY(100%);box-sizing:border-box;display:none;flex-direction:column;visibility:hidden;opacity:0;height:0;transition:visibility 0s 0.3s,opacity 0.3s linear,height 0.3s ease;overflow-y:auto}.navbar-collapse.show{display:block;visibility:visible;opacity:1;height:auto;transition:visibility 0s,opacity 0.3s linear,height 0.3s ease}.mobile-navbar{position:relative;display:flex;flex-direction:row}.navbar-menu-cont{position:relative}.navbar-collapse[hidden]{transform:translateY(100%);display:none}.navbar-collapse[hidden]{display:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:none}.overlay.show{display:block}.menu__header{display:flex;padding:30px 30px;align-items:center;justify-content:space-between;background-color:white;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:80px;margin:0;border-bottom:1px solid rgb(221,218,218)}.menu__header button{width:25px;height:25px;background:var(--neutral-dark);border-radius:50%;cursor:pointer;margin-left:0;position:relative;order:1}.menu__header .x-toggle{order:2}.navbar .nav li > .mega-menu-container,.navbar .nav li > ul.sub-menu{display:none;visibility:hidden;opacity:0;position:absolute;z-index:-1}.navbar-nav{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:hidden;height:350px}.menu__footer{display:block;padding:10px;margin-top:90%}.menu__header .login{width:100px;max-width:300px;height:50px;border-radius:10px;cursor:pointer;margin:0 auto;display:block;margin-left:0;background-color:black;color:white}.menu__header .login span{color:white;text-decoration:none}#header-23 .menu-item{margin-bottom:10px;text-align:left;margin-left:7%;margin-right:7%;padding:15px 20px;font-size:14px;border-bottom:1px solid rgb(235,232,232)}.menu-item .a:hover{display:none}.menu-item.hidden{display:none}.arrow-mobile{width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(45deg);margin-left:10px;vertical-align:middle}.menu-item:has(.sub-menu) .arrow-mobile{display:inline-block}.navbar-menu-cont{overflow:hidden}.nav.links{transition:transform 0.3s ease;transform:translateX(0);list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;padding-bottom:20px}.account{display:none}.nav.links .menu-item{position:relative}.sub-menu,.sub-menu .sub-menu{display:none;position:absolute;width:100%;left:100%;transition:transform 0.3s ease}.nav.links{transition:transform 0.3s ease;position:absolute;width:100%}.nav.links{transition:transform 0.3s ease}.back-button{display:inline-flex;align-items:center;color:black;border:none;padding:10px 15px;cursor:pointer;background:transparent;z-index:1000000;justify-content:space-between;display:none;margin-right:75%}.arrow-right{width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform 0.3s ease,color 0.3s ease;transform:rotate(135deg);margin-left:10px;margin-right:10px}.arrow-mobile{display:inline-flex;align-items:center;margin-left:auto;width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform 0.3s ease,color 0.3s ease;background-color:transparent;flex-shrink:0;margin-left:100%;margin-top:-10%}.navbar-btns{align-items:center;justify-content:space-between;margin-left:0;overflow:visible}.navbar-btns > *{margin:0 5px}.button-container{padding:20px;text-align:center;background-color:rgb(255,255,255);box-shadow:0 -1px 5px rgba(0,0,0,0.1)}#navbar-brand{display:flex;-webkit-box-ordinal-group:3;-ms-flex-order:1;order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start}.account .toolbar-dropdown{visibility:hidden;position:absolute;top:calc(100% + 10px);left:0;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1;border-radius:20px;opacity:0;transform:translateX(-50px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;display:grid;min-width:200px;padding:10px;margin-left:10%}.navbar-btns .account:focus-within .toolbar-dropdown,.navbar-btns .account.active .toolbar-dropdown{visibility:visible;opacity:1;transform:translateX(0)}.navbar-btns .account .toolbar-dropdown{display:none;z-index:100000000000000000}.navbar-btns .account.active .toolbar-dropdown{display:block}#header-23 .my-navbar .navbar-btns{-webkit-box-ordinal-group:2;-ms-flex-order:2;order:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end}#header-23 .my-navbar{margin-top:0 !important;display:flex;align-items:center;justify-content:space-between;height:100%}}@media (max-width:580px){#header-23 .my-navbar .navbar-btns{-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end}#header-23 .my-navbar{margin-top:20px !important}}@media (max-width:390px){#header-23 .my-navbar .navbar-btns{-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end}#header-23 .my-navbar{margin-top:0 !important}}@media (max-width:980px){.navbar .nav li > .mega-menu-container,.navbar .nav li > ul.sub-menu{display:none !important;position:static !important;visibility:hidden !important;margin:0 !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;opacity:0 !important;z-index:auto !important}}

/* FIX 2026-07-24-dvt-hide */
@media (min-width:1026px){
  #header-23 .dvt-bar-search,
  #header-23 .dvt-mobile-search,
  #header-23 .dvt-panel-account,
  #header-23 .dvt-panel-cta{ display:none !important; }
}

/* FIX 2026-07-28-searchsurface — le champ de recherche expansible s'ouvrait en SURIMPRESSION, fond
   transparent, par-dessus les liens du menu (rapport client 28/07 : « la barre de
   recherche est confondue avec les liens du menu »). Il devient une SURFACE opaque
   élevée. Voir NAV-SPEC.md §5.4. */
@media (min-width:1026px){
  #header-23 .form-search .input-group-cont{ z-index:1201; }
  #header-23 .form-search .input-group-cont:hover,
  #header-23 .form-search .input-group-cont:focus-within{
    background:var(--panel,#fff);
    border:1px solid rgba(15,23,42,.10);
    border-radius:40px;
    box-shadow:0 4px 8px rgba(15,23,42,.05), 0 18px 40px rgba(15,23,42,.14);
  }
  #header-23 .form-search .input-group-cont:hover input,
  #header-23 .form-search .input-group-cont:focus-within input{
    background:transparent; border-color:transparent; box-shadow:none;
  }
}

/* FIX 2026-07-28-brandclamp — le logo injecté (/get-logo-menu, /get-menu-footer-column) arrive avec un
   style INLINE (width:Npx;height:auto) et sans garantie de ratio : seul !important le
   neutralise. Le PLAFOND voyage avec le clamp car un store baké peut être une
   génération de design en retard et ne pas avoir la règle du catalogue (constaté sur
   floraplus : logo footer rendu 1600x1600). Il est posé en :where() = spécificité NULLE,
   donc toute règle réelle de la section (y compris responsive) le remplace.
   Racines tolérantes au suffixe --N. Voir navigations/NAV-SPEC.md §4. */
:where([id="header-23"], [id^="header-23--"]) :where(#navbar-brand, .logo, .default-logo) :where(img){
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center;
}
:where([id="header-23"], [id^="header-23--"]) :where(#navbar-brand, .logo, .default-logo) :where(img){
  max-height:70px;
  max-width:100px;
}

/* FIX 2026-07-28-logovisible — cette section masque `.default-logo` dans certains états (`.is-sticky`, paliers
   responsive) pour lui substituer `.sticky-logo` / `.mobile-logo`. Or `$mood` est figé à 'light'
   dans getlogoMenu()/getMenuFooterColumn() : la branche vivante n'émet **que** `.default-logo`.
   Le logo du marchand disparaissait donc purement et simplement (constaté en prod sur floraplus
   et darboussier, rendus 0x0 par un display:none hérité). Les règles fautives sont en plus non
   préfixées. On rétablit la visibilité, scopée à cette section. Voir NAV-SPEC.md §4. */
[id="header-23"] .default-logo, [id^="header-23--"] .default-logo{
  display:inline-block !important;
}

/* FIX 2026-07-28-textalign — `front/css/style.css` contient, dans @media (max-width:992px) :
     .text-md-left, .text-md-right, body { text-align:center }
   TOUT le corps de page est donc centré sous 992px, et la nav en HÉRITE : nom de la boutique et
   items du tiroir se retrouvaient centrés sans qu'aucune règle de section ne le demande (rapport
   client 28/07 : « le titre n'est pas aligné », « les titres sont centrés alors qu'ils doivent
   être à gauche »). On coupe l'héritage à la racine de la section ; `start` et non `left` pour
   rester correct en RTL. Toute règle de la section qui centre volontairement (barre d'annonce,
   logo centré…) reste prioritaire, sa spécificité étant supérieure. Voir NAV-SPEC.md §10. */
@media (max-width:992px){
  [id="header-23"], [id^="header-23--"]{ text-align:start; }
}

/* FIX 2026-07-28-drawer — corrections du tiroir mobile (rapport client 28/07, 2e vague). Voir NAV-SPEC.md §8. */
@media (max-width:1025px){
  [id="header-23"] .navbar-collapse,
  [id^="header-23--"] .navbar-collapse{
  }
  /* nav.js ajoute la classe .nav-bg au PANNEAU (#navbar) sous 1025px : toute regle decorative
     .nav-bg de la section non scopee en enfant direct le frappe. jewelry-nav-1 y perdait son
     opacite (0.73 → tiroir translucide, « il est transparent »). Garde limitee a l'etat OUVERT,
     car de nombreuses navs animent l'ouverture via opacity 0→1. */
  [id="header-23"] .navbar-collapse.show,
  [id^="header-23--"] .navbar-collapse.show{ opacity:1 !important; }
}