/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique navbar-brand).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#navbar-brand{
  --navbar-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #d63a2f));
  --navbar-on: var(--btn-primary-light-color, #ffffff);
  --navbar-muted: color-mix(in srgb, currentColor 66%, transparent);
  --navbar-line: color-mix(in srgb, currentColor 16%, transparent);
  --navbar-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#navbar-brand.dark, .dark #navbar-brand{
  --navbar-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #d63a2f));
  --navbar-on: var(--btn-primary-dark-color, #ffffff);
}
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique navbar).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#navbar{
  --navbar-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #d63a2f));
  --navbar-on: var(--btn-primary-light-color, #ffffff);
  --navbar-muted: color-mix(in srgb, currentColor 66%, transparent);
  --navbar-line: color-mix(in srgb, currentColor 16%, transparent);
  --navbar-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#navbar.dark, .dark #navbar{
  --navbar-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #d63a2f));
  --navbar-on: var(--btn-primary-dark-color, #ffffff);
}
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique logo-nav).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#logo-nav{
  --logo-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #d63a2f));
  --logo-on: var(--btn-primary-light-color, #ffffff);
  --logo-muted: color-mix(in srgb, currentColor 66%, transparent);
  --logo-line: color-mix(in srgb, currentColor 16%, transparent);
  --logo-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#logo-nav.dark, .dark #logo-nav{
  --logo-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #d63a2f));
  --logo-on: var(--btn-primary-dark-color, #ffffff);
}
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique header-23-mobile).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#header-23-mobile{
  --header-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #d63a2f));
  --header-on: var(--btn-primary-light-color, #ffffff);
  --header-muted: color-mix(in srgb, currentColor 66%, transparent);
  --header-line: color-mix(in srgb, currentColor 16%, transparent);
  --header-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#header-23-mobile.dark, .dark #header-23-mobile{
  --header-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #d63a2f));
  --header-on: var(--btn-primary-dark-color, #ffffff);
}
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique header-23).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#header-23{
  --header-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #d63a2f));
  --header-on: var(--btn-primary-light-color, #ffffff);
  --header-muted: color-mix(in srgb, currentColor 66%, transparent);
  --header-line: color-mix(in srgb, currentColor 16%, transparent);
  --header-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#header-23.dark, .dark #header-23{
  --header-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #d63a2f));
  --header-on: var(--btn-primary-dark-color, #ffffff);
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:initial !important}#header-23 .x-toggle{padding:2px;transition:all 0.5s ease-in-out;font-size:25px}#header-23 .x-toggle:hover{transform:scale(1.02);transition:all 0.5s ease-in-out}#header-23.text-right{direction:rtl;#navbar .navbar-nav{display:flex}.my-navbar .form-search .input-group-cont{right:auto;left:0}.my-navbar .form-search .input-group-cont input{border-radius:0 40px 40px 40px}.sub-menu .menu-item>a{flex-direction:row-reverse}.arrow-sub-menu{transform:rotate(130deg)}}.btn{border-radius:40px !important}.container{width:100% !important;margin-right:auto !important;margin-left:auto !important;padding-right:8rem !important;padding-left:8rem !important;width:100% !important}@media (max-width:767px){.container{padding-right:25px !important;padding-left:25px !important}}@media (min-width:992px){nav.nav-start-hide-bg:not(.show-menu) .nav-bg{opacity:0 !important}}#navbar.nav-bg{opacity:1 !important}@media (min-width:1025px){.container{padding-left:4rem !important;padding-right:4rem !important}#header-23 .navbar-collapse{position:relative;z-index:0;border:none;box-shadow:none;background:transparent}}@media (min-width:1200px){.container{padding-right:8rem !important;padding-left:8rem !important}}@media (min-width:1441px){.container{padding-right:10rem !important;padding-left:10rem !important}}@media (min-width:2441px){.container{padding-right:10rem;padding-left:10rem;max-width:80%}}@media (min-width:3441px){.container{padding-right:10rem;padding-left:10rem;max-width:70%}}.navbar-brand-cont{padding-left:0 !important}.navbar-btns{padding-right:0 !important}.navbar-menu-cont{display:flex;justify-content:center;align-items:center}#header-23 .my-navbar .navbar-brand #logo-nav,#logo-nav{max-width:150px !important;max-height:100px !important}#header-23 .my-navbar .navbar-brand a,.is-sticky .logo .sticky-logo,.logo,.logo .default-logo{display:inline-block}#header-23-mobile,.hamburger-toggle,.login,.logo .mobile-logo,.logo .sticky-logo,.logo .sticky-mobile-logo,.m-toggle,.menu__footer,.menu__header,.mobile-navbar,.x-toggle{display:none}.is-sticky .logo .default-logo{display:none;margin-top:50px}.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;max-height:100px !important}.default-logo,.mobile-logo{margin:0 0 0 0;font-size:24px;display:inline-block;transition:font-size .2s}#header-23 .toolbar-dropdown{display:none;position:absolute;top:100%;left:0;width:200px;padding:10px 0 !important;border:1px solid #e1e7ec;border-radius:5px;line-height:1.5;z-index:999999999;margin-top:7px !important;text-align:right}#header-23 .toolbar-dropdown>li{display:block;position:relative}#header-23 .toolbar-dropdown>li>a{display:block;padding:5px 20px !important;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;font-weight:500;text-align:left;text-decoration:none;font-size:14px}#header-23.text-right .toolbar-dropdown>li>a{text-align:right}#header-23 .sub-menu-user,#header-23 .toolbar-dropdown>li.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,#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 .sub-menu-user .user-ava,#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 .sub-menu-user .user-info,#header-23 .toolbar-dropdown>li.sub-menu-user .user-info{padding-left:8px}#header-23 .sub-menu-user .user-info>.user-name,#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}#header-23 .sub-menu-user .user-ava>img{display:block;width:44px;padding:3px;border:1px solid #e1e7ec;border-radius:50%}#header-23{font-size:initial;display:flex;align-items:center;justify-content:center;min-height:70px}#header-23 .my-navbar{display:flex;align-items:center;justify-content:center;padding:0;margin:0}#header-23 .my-navbar .navbar-brand{padding:0;margin-left:0 !important;line-height:normal;float:none}#header-23 .my-navbar .navbar-brand #logo-nav{margin:8px 0;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;justify-content:flex-end}#header-23 .my-navbar .navbar-btns>*{margin:0 10px 0 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:.3s linear;-o-transition:.3s linear;transition:.3s linear;border-width:0;box-shadow:none;min-width:0;z-index:99;font-size:14px}#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 #6d6d6d7a;display:flex;width:40px;height:40px;position:relative;border-radius:40px;text-align:center;line-height:50px;align-items:center;justify-content:center}#header-23.dark .navbar-btns .account>a,#header-23.dark .navbar-btns .cart>a{border:1px solid #f2f2f2cb}#header-23.dark .navbar-btns .account .toolbar-dropdown,#header-23.light .navbar-btns .account .toolbar-dropdown{margin-top:30px;visibility:hidden;position:absolute;left:0;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity .3s,transform .9s,visibility .3s;display:grid;min-width:200px;padding:20px;margin-left:-30px}#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 .subtotal{position:absolute;top:-3px;right:-3px;height:18px;min-width:18px;font-size:14px;line-height:20px;color:#fff;text-align:center;border-radius:50%;font-weight:700;background-color:var(--header-accent)}#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 .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:14px;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}#header-23 .navbar-btns .account .toolbar-dropdown>li a:hover{display:inline-block;font-size:14px}#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.sub-menu-separator,#header-23 .navbar-btns .account .toolbar-dropdown>li.divider{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 (min-width:1025px){#header-23 .sub-menu{margin-top:25px;visibility:hidden;position:absolute;left:0;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1;border-radius:10px;opacity:0;transform:translateX(-50px);transition:opacity .7s,transform .7s,visibility .7s;display:grid;min-width:200px;padding:10px;margin-left:10%	} #header-23.text-right .sub-menu{left:auto;right:0}.arrow,.arrow-sub-menu{width:5px;height:5px;display:inline-block;padding:3px;transition:transform .3s,color .3s	}	#header-23 .menu-item a{display:block;padding:10px;text-align:center;text-decoration:none	}	#header-23 .menu-item:hover>.sub-menu,#header-23 .sub-menu .menu-item:hover>.sub-menu{visibility:visible;opacity:1;transform:translateX(0)	}	#header-23.text-right .menu-item:hover>.sub-menu,#header-23.text-right .menu-item:hover>.sub-menu{transform:translateX(-50px)}#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 .3s;text-decoration:none;white-space:nowrap;max-width:200px;position:relative;width:100%}#header-23 .sub-menu .menu-item>a>span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px	}	#header-23.light .sub-menu .menu-item>a:hover{border-radius:5px;width:100%	}	#header-23.dark .sub-menu .menu-item>a:hover{border-radius:5px;width:100%	}	#header-23 .sub-menu{align-items:start	}	#header-23 .sub-menu .sub-menu .sub-menu{margin-left:110%	}	.arrow-sub-menu{border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);margin-left:8px	}	.arrow{border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:10px}#header-23.text-right{.arrow{margin-left:0;margin-right:10px}}	.menu-item:hover .arrow{transform:rotate(225deg)	}}#header-23 .my-navbar .navbar-btns .navbar-toggle{min-width:40px;min-height:40px;position:relative;border-radius:40px;text-align:center;line-height:50px;align-items:center;justify-content:center}#header-23 .my-navbar .navbar{position:relative;z-index:1000}.destkop-navbar{display:block}#header-23.light .hamburger-toggle .icon-bar{transition:none;border-radius:50%;border:1px solid #000}#header-23.dark .hamburger-toggle .icon-bar{transition:none;border-radius:50%}#header-23.light .icon-color{stroke:#000}#header-23.dark .icon-color{stroke:#fff}.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}@media screen and (max-width:1025px){.arrow-mobile{align-items:center	}	#header-23.light .navbar-nav span,.navbar-nav span{line-height:1.5;width:95%	}	.menu__header .x-toggle{order:2;margin-left:-30px}#header-23.text-right{.menu__header .x-toggle{margin-left:0;margin-right:-30px}}	#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	}	.arrow-mobile,.arrow-right{transition:transform .3s,color .3s	}	#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:100%;height:50%;margin:20px auto 0;display:block	}	#header-23 .navbar-nav .menu-item{text-align:left;width:100%;margin-left:3%;margin-right:3%;padding:0 5px;font-size:24px;font-weight:700;line-height:1.5	} #header-23.text-right .navbar-nav .menu-item{text-align:right}#header-23 .sub-menu-mobile .menu-item{font-size:20px !important;font-weight:100 !important	}	.menu-item>a{display:flex !important;justify-content:space-between !important;align-items:center !important;text-decoration:none !important;width:100% !important	}	.menu-item>span{flex-grow:1;margin-right:8px	}	.arrow-mobile{display:inline-block;align-items:center;width:12px;height:12px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(-45deg);background-color:transparent	}	#header-23.dark .menu__header,#header-23.light .menu__header{display:flex;padding:30px;width:100%;height:80px;margin:0;border-bottom:1px solid #dddada;max-height:20px	}	.menu-item .a:hover,.menu-item.hidden{display:none	}	.menu-item:has(.sub-menu) .arrow-mobile{display:inline-block	}	#header-23.light .menu__header{align-items:center;justify-content:space-between}#header-23.dark .menu__header{align-items:center;justify-content:space-between}.menu__header button{border-radius:50%;cursor:pointer;position:relative;order:1;margin-left:-5%	}	.back-button{margin-bottom:4%	}	.menu__header .login{border-radius:5px;cursor:pointer;padding:10px 20px	}	.arrow-right{width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:rotate(135deg);margin-left:10px;margin-right:10px;margin-bottom:2px	}}@media only screen and (max-width:767px){#header-23.dark .navbar-collapse,#header-23.light .navbar-collapse{border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 -9px 50px -30px #000;z-index:1001;box-sizing:border-box;opacity:0;height:0;transition:transform .5s,opacity .5s linear,visibility .5s;overflow:auto;transform:translateY(100%);top:0;left:0;visibility:hidden	}	.navbar-menu-cont,body.overlay-active{overflow:hidden	}	.default-logo,.mobile-logo{margin:0;display:inline-block;transition:font-size .2s;width:100%	}	#navbar-brand img{max-width:100px !important}.navbar-brand-cont{padding-left:0 !important;flex-grow:1;justify-content:start;align-items:center;position:relative	}	#header-23 .logo{display:flex;justify-content:flex-start;align-items:start;text-align:start	}	.overlay{z-index:998 !important;opacity:0;transition:opacity .3s	}	.my-navbar,nav.navbar{z-index:10000 !important	}	.navbar-collapse{z-index:999 !important	}	#header-23 #navbar{position:fixed;top:300%;height:80vh	}	.navbar-toggle{display:flex !important	}	#navbar-brand{padding:0;margin:0;line-height:normal;float:none	}	.hamburger-toggle,.login,.m-toggle,.menu__footer,.navbar-btns .account.active .toolbar-dropdown,.x-toggle{display:block	}	.mobile-navbar{display:flex;flex-direction:row;margin-top:-2%	}	.nav.links,.navbar-nav{list-style:none;margin:0	}	.account,.form-search{display:none	}	#navbar,.menu__header,.mobile-navbar{display:flex	}	.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:20px;cursor:pointer	}	.hamburger-line{width:100%;height:3px}.mobile-navbar{padding:0;box-sizing:border-box;height:min-content;width:100%;align-items:center;justify-content:space-between;justify-content:space-between;align-items:center	}	#header-23.light .navbar-collapse,#navbar{flex-direction:column;position:fixed;width: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	}	#header-23.light .navbar-collapse{display:none	}	#header-23.dark .navbar-collapse.show,#header-23.light .navbar-collapse.show{display:block;visibility:visible;opacity:1;height:auto;transform:translateY(0)	}	#header-23.dark .navbar-collapse{width:100%;position:fixed;display:none;flex-direction:column	}	.mobile-navbar{flex-direction:row	}	.navbar-collapse[hidden]{transform:translateY(100%);display:none	}	.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none	}	.overlay.show{opacity:1;display:block	}	.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{padding:0;flex-grow:1;overflow-y:hidden;height:350px	}	.nav.links{transform:translateX(0);padding:0 0 20px;flex:1;overflow-y:auto;transition:transform .3s;position:absolute;width:100%	}	.sub-menu,.sub-menu .sub-menu{display:none;position:absolute;width:100%;left:100%;transition:transform .3s	}	.back-button{align-items:center;border:none;padding:10px 15px;cursor:pointer;background:0 0;z-index:1000000;justify-content:space-between;display:none}	.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;box-shadow:0 -1px 5px rgba(0,0,0,.1)	}	.account .toolbar-dropdown{visibility:hidden;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1;border-radius:20px;opacity:0;transform:translateX(-50px);transition:opacity .3s,transform .3s,visibility .3s;display:grid;min-width:200px;padding:10px;margin-left:10%	}	.navbar-btns .account.active .toolbar-dropdown,.navbar-btns .account:focus-within .toolbar-dropdown{visibility:visible;opacity:1;transform:translateX(0)	}	.navbar-btns .account .toolbar-dropdown{display:none;z-index:100000000000000000	}	#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.dark .back-button,#header-23.light .back-button{border:none;padding:10px 15px;cursor:pointer;background:0 0;z-index:1000000;display:none;margin-right:75%	}	#header-23 .my-navbar{display:flex !important;align-items:center !important;justify-content:space-between !important	}	#header-23.light .back-button{align-items:center;justify-content:space-between	}	#header-23.dark .back-button{align-items:center;justify-content:space-between	}}@media (min-width:767px) and (max-width:1025px){#header-23.dark .navbar-collapse,#header-23.light .navbar-collapse{border-radius:30px;box-shadow:0 -9px 50px -30px #000;position:fixed;z-index:1001;transform:translateX(100%);box-sizing:border-box;overflow:auto;visibility:hidden;transition:transform .9s,opacity .9s linear,visibility .9s;opacity:0;top:0;left:0	}	.navbar-menu-cont,body.overlay-active{overflow:hidden	}	#header-23,.mobile-navbar,.nav.links .menu-item,.navbar-menu-cont{position:relative	}	#header-23{z-index:1000;min-height:75px}#header-23 #navbar{position:fixed;top:120%;bottom:0;right:100%;left:37%;height:85vh !important;max-width:unset	} #header-23.text-right{#navbar{left:100%;right:37%}} .navbar-toggle{display:flex !important	}	#header-23 #navbar .navbar-nav{display:flex !important;flex-direction:column !important;height:75%;overflow-x:hidden	}	.hamburger-toggle,.login,.m-toggle,.menu__footer,.menu__header,.navbar-btns .account.active .toolbar-dropdown,.x-toggle{display:block	}	.mobile-navbar{display:flex;flex-direction:row;margin-top:-2%	}	.account,.form-search{display:none	}	.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:20px;cursor:pointer	}	.hamburger-line{width:100%;height:3px}#header-23.light .navbar-collapse{width:100%;flex-direction:column	}	#header-23.dark .navbar-collapse.show,#header-23.light .navbar-collapse.show{opacity:1;width:60%;visibility:visible;transform:translateX(0);transition:transform .9s,opacity .9s linear,visibility .9s	}	#header-23.dark .navbar-collapse{width:100%;flex-direction:column	}	.mobile-navbar{display:flex;flex-direction:row	}	.navbar-collapse[hidden]{transform:translateY(100%);display:none	}	.overlay{z-index:998 !important;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none	}	.overlay.show{opacity:1;display:block	}	#header-23.light .menu__header{display:flex;padding:30px;align-items:center;justify-content:space-between;width:100%;height:80px;margin:0;border-bottom:1px solid #dddada}#header-23.dark .menu__header{display:flex;padding:30px;align-items:center;justify-content:space-between;width:100%;height:80px;margin:0;border-bottom:1px solid #dddada}.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 span{text-decoration:none	}	.nav.links{transform:translateX(0);list-style:none;padding:0 0 20px;margin:0;flex:1;overflow-y:auto;transition:transform .3s;position:absolute;width:100%	}	#header-23 .back-button,#header-23 .back-button{align-items:center;border:none;padding:10px 15px;cursor:pointer;background:0 0;z-index:1000000;margin-right:75%;display:none	}	.sub-menu,.sub-menu .sub-menu{display:none;position:absolute;width:100%;left:100%;transition:transform .3s	}	#header-23.light .back-button{justify-content:space-between	}	#header-23.dark .back-button{justify-content:space-between	}	.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;box-shadow:0 -1px 5px rgba(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;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1;border-radius:20px;opacity:0;transform:translateX(-50px);transition:opacity .3s,transform .3s,visibility .3s;display:grid;min-width:200px;padding:10px;margin-left:10%	}	.navbar-btns .account.active .toolbar-dropdown,.navbar-btns .account:focus-within .toolbar-dropdown{visibility:visible;opacity:1;transform:translateX(0)	}	.navbar-btns .account .toolbar-dropdown{display:none;z-index:100000000000000000	}	#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}}@media (min-width:992px) and (max-width:1025px){#header-23 #navbar .navbar-nav{text-align:right	}	#header-23 #navbar{overflow:hidden !important	}}@media (max-width:580px){#header-23 #navbar{top:380%;height:90vh !important}}@media (max-width:390px){#header-23 #navbar{top:300% !important;height:90vh !important	}}@media (max-width:363px){#navbar-brand img{max-width:100px !important;max-height:70px !important	}}@media (max-width:1025px){#header-23.text-right{#navbar .navbar-nav{display:flex;flex-direction:column}.back-button{flex-direction:row-reverse;margin-left:75%;margin-right:0}}	.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	}}@media only screen and (max-width:767px){#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}.navbar-brand-cont{padding-left:0;padding-right:0}}nav{--border-color:#e9ecef;--shadow:0 4px 6px rgba(0,0,0,0.1);--radius:12px}nav .search-container{max-width:800px;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}nav .search-results.show{padding:0;position:absolute !important;top:100% !important;left:0;right:0;border-width:1px;border-style:solid;border-radius:8px;min-width:250px !important;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-height:300px !important;overflow-y:auto !important;z-index:1000 !important;display:block !important;visibility:visible !important;opacity:1 !important}nav .search-results::-webkit-scrollbar{display:none}nav .product-card{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);transition:all 0.3s ease;cursor:pointer;gap:20px;text-decoration:none;color:inherit}nav .product-card:hover{transform:translateX(8px)}nav .product-card:last-child{border-bottom:none}nav .rank-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;flex-shrink:0}nav .product-content{flex:1}nav .product-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:10px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav .product-card{animation:fadeInUp 0.5s ease forwards}nav .product-card:nth-child(1){animation-delay:0.1s}nav .product-card:nth-child(2){animation-delay:0.2s}nav .product-card:nth-child(3){animation-delay:0.3s}nav .product-card:nth-child(4){animation-delay:0.4s}nav .product-card:nth-child(5){animation-delay:0.5s}@media (max-width:768px){nav .product-card{padding:16px;flex-direction:column;align-items:flex-start}nav .rank-badge{margin-right:0;margin-bottom:12px;width:40px;height:40px;font-size:1rem}}

/* 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(0,0,0,0.05), 0 18px 40px rgba(0,0,0,0.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; }
}

/* ===== FIX 2026-07-29-uxpass — passe qualité UI/UX (Apple HIG · Material · WCAG) ===== */

/* 1. iOS ZOOME la page si un champ fait moins de 16px. Le 14px vient de Bootstrap
      (.form-control) et de body, hérités du CSS partagé : on le neutralise ici, et
      seulement en mobile — le 14px du bureau est un choix de design. */
@media (max-width:1025px){
  [id="header-23"] input[type=text], [id="header-23"] input[type=search], [id="header-23"] input:not([type]), [id="header-23"] input[type=email], [id^="header-23--"] input[type=text], [id^="header-23--"] input[type=search], [id^="header-23--"] input:not([type]), [id^="header-23--"] input[type=email] { font-size:16px !important; }
}

/* 2. Cibles tactiles 44×44 (Apple HIG). Recouvrement centré : l'icône garde EXACTEMENT sa
      taille dessinée, seule la zone cliquable grandit — rien ne change visuellement.
      Mesuré avant : de 18×18 (fermeture du tiroir) à 42×42. */
@media (max-width:1025px){
  [id="header-23"] .dvt-bar-search, [id="header-23"] .navbar-toggle, [id="header-23"] .hamburger-toggle, [id="header-23"] .menu-bar, [id="header-23"] .x-toggle, [id="header-23"] .cart, [id^="header-23--"] .dvt-bar-search, [id^="header-23--"] .navbar-toggle, [id^="header-23--"] .hamburger-toggle, [id^="header-23--"] .menu-bar, [id^="header-23--"] .x-toggle, [id^="header-23--"] .cart { position:relative; }
  [id="header-23"] .dvt-bar-search::after, [id="header-23"] .navbar-toggle::after, [id="header-23"] .hamburger-toggle::after, [id="header-23"] .menu-bar::after, [id="header-23"] .x-toggle::after, [id="header-23"] .cart::after, [id^="header-23--"] .dvt-bar-search::after, [id^="header-23--"] .navbar-toggle::after, [id^="header-23--"] .hamburger-toggle::after, [id^="header-23--"] .menu-bar::after, [id^="header-23--"] .x-toggle::after, [id^="header-23--"] .cart::after {
    content:""; position:absolute; top:50%; left:50%;
    width:max(44px,100%); height:max(44px,100%);
    transform:translate(-50%,-50%);
    background:transparent; border:0; pointer-events:auto;
  }
}

/* 3. Anneau de focus au clavier — WCAG 2.4.7 (aucun anneau visible sur 62 navs sur 64).
      `:focus-visible` et PAS `:focus` : invisible à la souris, présent au clavier.
      `currentColor` suit tout seul la couleur de marque et le thème sombre. */
#header-23 a:focus-visible, #header-23 button:focus-visible, #header-23 input:focus-visible, #header-23 [tabindex]:focus-visible, [id^="header-23--"] a:focus-visible, [id^="header-23--"] button:focus-visible, [id^="header-23--"] input:focus-visible, [id^="header-23--"] [tabindex]:focus-visible {
  outline:2px solid currentColor !important;
  outline-offset:2px !important;
  border-radius:3px;
}

/* 4. Le curseur doit dire « cliquable » (73 éléments ne le disaient pas). */
[id="header-23"] a, [id="header-23"] button, [id="header-23"] .cart, [id="header-23"] .x-toggle, [id="header-23"] .navbar-toggle, [id="header-23"] [onclick], [id^="header-23--"] a, [id^="header-23--"] button, [id^="header-23--"] .cart, [id^="header-23--"] .x-toggle, [id^="header-23--"] .navbar-toggle, [id^="header-23--"] [onclick] { cursor:pointer; }