/* Navigation mobile KNICS. Les règles desktop restent dans knics-header.css. */
#knics-mobile-menu:not([open]) { display:none; }
@media (max-width:991px) {
 #header .header-nav, #header .header-banner { display:none!important; }
 #mobile-header.knics-mobile-header { display:block; height:calc(116px + env(safe-area-inset-top,0px)); background:#090909; padding:0!important; margin:0!important; }
 #mobile-header #_mobile_iqitmegamenu-mobile { display:none!important; }
 #knics-mobile-bar { position:fixed; inset:0 0 auto; z-index:1020; width:100%; padding-top:env(safe-area-inset-top,0px); background:#090909; color:#fff; }
 #knics-mobile-bar *, #knics-mobile-menu * { box-sizing:border-box; }
 #knics-mobile-bar .knics-mh__row { display:flex; align-items:center; gap:6px; height:60px; padding:0 12px; }
 .knics-mobile-header .knics-mh__icon, #knics-mobile-menu .knics-mh__icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; min-width:0; height:44px; margin:0; padding:7px; border:0; border-radius:0; background:transparent; color:#fff!important; line-height:1; cursor:pointer; position:relative; text-decoration:none; }
 .knics-mobile-header .knics-mh__icon svg, #knics-mobile-menu .knics-mh__icon svg { display:block; width:24px; height:24px; flex:none; }
 .knics-mobile-header .knics-mh__home, #knics-mobile-menu .knics-mh__home { display:flex; align-items:center; flex:none; width:108px; margin-right:auto; line-height:0; text-decoration:none; }
 .knics-mobile-header .knics-mh__logo, #knics-mobile-menu .knics-mh__logo { display:block; width:100%; height:auto; fill:#04c950; }
 #knics-mobile-bar .knics-mh__search-row { display:flex; align-items:flex-start; height:56px; padding:0 12px 12px; overflow:hidden; opacity:1; visibility:visible; transform:translateY(0); transition:height .28s cubic-bezier(.22,1,.36,1),padding-bottom .28s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .28s ease,visibility 0s; }
 #knics-mobile-bar .knics-mh__search-row .knics-mh__search { width:100%; flex:0 0 100%; height:44px; }
 .knics-mobile-header .knics-mh__search, #knics-mobile-menu .knics-mh__search { display:flex; align-items:center; min-width:0; min-height:0; height:44px; margin:0; padding:0 14px; gap:10px; border:1px solid #3b3b3b; border-radius:999px; background:#202020; color:#bbb; overflow:hidden; }
 .knics-mobile-header .knics-mh__search input[type=search], #knics-mobile-menu .knics-mh__search input[type=search] { flex:1; min-width:0; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; outline:none; background:transparent; color:#fff; font:400 16px/1.3 Arial,Helvetica,sans-serif; }
 .knics-mobile-header .knics-mh__search input::placeholder, #knics-mobile-menu .knics-mh__search input::placeholder { color:#bfbfbf; opacity:1; }
 .knics-mobile-header .knics-mh__search button, #knics-mobile-menu .knics-mh__search button { display:flex; align-items:center; justify-content:center; flex:0 0 20px; width:20px; height:40px; margin:0; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; }
 .knics-mobile-header .knics-mh__search svg, #knics-mobile-menu .knics-mh__search svg { width:20px; height:20px; }
 .knics-mobile-header .knics-mh__search:focus-within, #knics-mobile-menu .knics-mh__search:focus-within { border-color:#04c950; }
 #knics-mobile-bar .knics-mh__search-toggle { display:inline-flex; flex-basis:0; width:0; padding-left:0; padding-right:0; margin-left:-6px; overflow:hidden; opacity:0; visibility:hidden; transform:scale(.75); pointer-events:none; transition:flex-basis .28s cubic-bezier(.22,1,.36,1),width .28s ease,padding .28s ease,margin-left .28s ease,opacity .2s ease,transform .28s ease,visibility 0s .28s; }
 #knics-mobile-bar.is-compact .knics-mh__search-toggle { flex-basis:38px; width:38px; padding-left:7px; padding-right:7px; margin-left:0; opacity:1; visibility:visible; transform:scale(1); pointer-events:auto; transition-delay:0s; }
 #knics-mobile-bar.is-compact:not(.search-is-open) .knics-mh__search-row { height:0; padding-bottom:0; opacity:0; transform:translateY(-8px); visibility:hidden; pointer-events:none; transition:height .28s cubic-bezier(.22,1,.36,1),padding-bottom .28s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .28s ease,visibility 0s .28s; }
 .knics-mobile-header .knics-mh__badge, #knics-mobile-menu .knics-mh__badge { position:absolute; top:0; right:0; display:flex; justify-content:center; align-items:center; min-width:18px; height:18px; padding:0 4px; border:0; border-radius:99px; background:#04c950; color:#090909; font:700 12px/1 Arial,Helvetica,sans-serif; }
 .knics-mobile-header .knics-mh__badge[hidden], #knics-mobile-menu .knics-mh__badge[hidden] { display:none!important; }
 #knics-mobile-bar #mobile-cart-products-count { top:1px; right:0; }
 #knics-mobile-bar .col-mobile-btn-cart, #knics-mobile-bar #mobile-cart-wrapper { display:flex; align-items:center; height:44px; margin:0; padding:0; line-height:0; }
 #knics-mobile-bar #mobile-cart-toogle { display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:44px!important; min-height:44px!important; padding:7px!important; margin:0!important; top:0!important; line-height:1!important; transform:none!important; }
 #knics-mobile-bar #mobile-cart-toogle > svg { position:static; display:block; width:24px; height:24px; margin:0; transform:none; }
 #knics-mobile-menu { position:fixed; inset:0; width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; margin:0; padding:calc(16px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px)); border:0; border-radius:0; background:#090909; color:#fff; overflow:hidden; overscroll-behavior:contain; font-family:Arial,Helvetica,sans-serif; }
 #knics-mobile-menu[open] { display:flex; flex-direction:column; animation:knics-menu-enter .32s cubic-bezier(.22,1,.36,1) both; }
 #knics-mobile-menu[open]::backdrop { animation:knics-menu-backdrop .25s ease both; }
 @keyframes knics-menu-enter { from { opacity:0; transform:translateX(-24px); } to { opacity:1; transform:translateX(0); } }
 @keyframes knics-menu-backdrop { from { opacity:0; } to { opacity:1; } }
 #knics-mobile-menu::backdrop { background:rgba(0,0,0,.5); }
 #knics-mobile-menu .knics-mm__header { display:flex; align-items:center; justify-content:space-between; flex:none; min-height:44px; margin-bottom:20px; }
 #knics-mobile-menu .knics-mm__header .knics-mh__home { width:110px; }
 #knics-mobile-menu .knics-mm__header .knics-mh__icon { margin-right:-7px; }
 #knics-mobile-menu .knics-mm__body { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#3b3b3b #090909; }
 #knics-mobile-menu .knics-mh__search { height:46px; margin-bottom:16px; }
 #knics-mobile-menu .knics-mm__nav { margin:0; padding:0; }
 #knics-mobile-menu .knics-mm__nav-link, #knics-mobile-menu summary { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:57px; margin:0; padding:16px 0; border:0; border-bottom:1px solid #242424; background:none; color:#fff; font-family:"Arial Black",Arial,Helvetica,sans-serif!important; font-size:clamp(19px,5.6vw,24px); font-weight:900; letter-spacing:-.055em; line-height:1.2; text-transform:uppercase; text-decoration:none; cursor:pointer; }
 #knics-mobile-menu summary { color:#04c950; list-style:none; }
 #knics-mobile-menu summary::-webkit-details-marker { display:none; }
 #knics-mobile-menu summary svg { width:18px; height:18px; margin-left:12px; flex:none; transition:transform .18s ease; }
 #knics-mobile-menu details[open] summary svg { transform:rotate(180deg); }
 #knics-mobile-menu .knics-mm__models { display:flex; flex-wrap:wrap; gap:8px; padding:16px 0 18px; border-bottom:1px solid #242424; }
 #knics-mobile-menu .knics-mm__models a { display:inline-flex; align-items:center; min-height:36px; padding:9px 12px; border:1px solid #3b3b3b; border-radius:99px; color:#fff; font:700 13px/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.04em; text-decoration:none; }
 #knics-mobile-menu .knics-mm__footer { flex:none; padding-top:22px; }
 #knics-mobile-menu .knics-mm__shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 #knics-mobile-menu .knics-mm__shortcut { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:72px; border-radius:13px; background:#141414; color:#fff; font:700 13px/1.2 Arial,Helvetica,sans-serif; text-decoration:none; }
 #knics-mobile-menu .knics-mm__shortcut svg { display:block; width:22px; height:22px; }
 #knics-mobile-menu .knics-mm__shortcut-icon { position:relative; }
 #knics-mobile-menu .knics-mm__shortcut-icon .knics-mh__badge { top:-6px; right:-8px; min-width:16px; height:16px; font-size:11px; }
 #knics-mobile-menu .knics-mm__sell { display:flex; align-items:center; justify-content:center; min-height:52px; margin-top:14px; border-radius:999px; background:#04c950; color:#090909; font:700 18px/1.2 Arial,Helvetica,sans-serif; text-decoration:none; }
 #knics-mobile-menu a:focus-visible, #knics-mobile-menu button:focus-visible, #knics-mobile-menu summary:focus-visible, #knics-mobile-bar a:focus-visible, #knics-mobile-bar button:focus-visible { outline:2px solid #04c950; outline-offset:3px; }
 @media(max-height:550px) {
  #knics-mobile-menu { padding-top:8px; padding-bottom:10px; }
  #knics-mobile-menu .knics-mm__header { margin-bottom:8px; }
  #knics-mobile-menu .knics-mm__footer { padding-top:10px; }
  #knics-mobile-menu .knics-mm__shortcut { min-height:52px; gap:4px; }
  #knics-mobile-menu .knics-mm__sell { min-height:42px; margin-top:8px; }
 }
 @media(prefers-reduced-motion:reduce) {
  #knics-mobile-bar .knics-mh__search-row, #knics-mobile-bar .knics-mh__search-toggle, #knics-mobile-menu summary svg { transition:none!important; }
  #knics-mobile-menu[open], #knics-mobile-menu[open]::backdrop { animation:none!important; }
 }
}
