/* Native ZOneTheme desktop header. Elementor stays in place below 1440px. */
:root { --macinfo-header-slate:#435160; --macinfo-header-surface:#f9f9fd; --macinfo-header-panel:#f9f9fd; --macinfo-header-glass:rgba(249,249,253,.82); --macinfo-header-accent:#258dcc; }

/* ZOneTheme emits two desktop source trees. The last tree is the live one;
   render it exclusively above the mobile breakpoint. */
@media (min-width:768px) {
  body.cms-id-27 #header { display:block !important; }
  body.cms-id-27 #header > .desktop-header-version { display:none !important; }
  body.cms-id-27 #header > .desktop-header-version:last-of-type { display:block !important; }
}

/* Applies at every breakpoint; visibility retains the original header spacing. */
#header .blockcart.cart-preview:has(.cart-dropdown .no-items) .cart-total-value,
#header .blockcart.cart-preview:has(.cart-dropdown .no-items) .cart-products-count { visibility:hidden !important; }

@media (max-width:1439px) {
  body.macinfo-native-header-live #header > .desktop-header-version,
  body.macinfo-native-header-live #header > .mobile-header-version { display:none !important; }
}

@media (min-width:768px) {
body.macinfo-native-header-live #header-desktop { display:none !important; }
body.cms-id-27 #header { position:sticky !important; top:0; z-index:10070; height:42px; background:#f9f9fd !important; box-shadow:0 8px 24px rgba(20,45,76,.08); }
body.cms-id-27.macinfo-native-header-scrolled #header { background:var(--macinfo-header-glass) !important; -webkit-backdrop-filter:blur(12px) saturate(135%); backdrop-filter:blur(12px) saturate(135%); }
body.cms-id-27.macinfo-native-menu-open #header, body.cms-id-27.macinfo-native-search-open #header, body.cms-id-27.macinfo-native-account-open #header, body.cms-id-27.macinfo-native-cart-open #header { background:#f9f9fd !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.cms-id-27 #header .header-banner, body.cms-id-27 #header .header-nav { display:none !important; }
body.cms-id-27 #header .desktop-header-version, body.cms-id-27 #header .main-header, body.cms-id-27 #header .main-header .container, body.cms-id-27 #header .header-wrapper, body.cms-id-27 #header .header-right, body.cms-id-27 #header .header-right .display-top, body.cms-id-27 #header .header-bottom, body.cms-id-27 #header .header-main-menu, body.cms-id-27 #header .header-main-menu .container, body.cms-id-27 #header .header-main-menu-wrapper { min-height:42px !important; height:42px !important; margin:0 !important; padding:0 !important; background:transparent !important; }
body.cms-id-27 #header .desktop-header-version, body.cms-id-27 #header .header-wrapper { position:relative !important; }
body.cms-id-27 #header .main-header .container, body.cms-id-27 #header .header-main-menu .container { width:100% !important; max-width:none !important; }

/* This link is also rendered by ZoneTheme in compact desktop mode. */
@media (min-width:1025px) {
  html body.cms-id-27.macinfo-native-header-scrolled #header #_desktop_top_menu > #top-menu.top-menu > li > a.dropdown-item { background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  html body.cms-id-27.macinfo-native-menu-open #header #_desktop_top_menu > #top-menu.top-menu > li > a.dropdown-item { background-color:#f9f9fd !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}

/* Desktop: one coordinate system. The menu is centred independently of logo and controls. */
@media (min-width:1440px) {
  body.cms-id-27 #header .mobile-header-version { display:none !important; }
  body.cms-id-27 #header .macinfo-nav-toggle { display:none !important; }
  body.cms-id-27 #header .header-logo { position:absolute !important; top:0; left:calc(50% - 505px); z-index:10082; display:flex !important; align-items:center; width:24px; height:42px; transform:translateY(-3px); }
  body.cms-id-27 #header .header-logo a { display:block; width:24px; height:42px; background:url('/themes/ZOneTheme/assets/img/macinfo-compact-mark.png') center / contain no-repeat; }
  body.cms-id-27 #header .header-logo img { opacity:0; }
  body.cms-id-27 #header .header-right { width:100% !important; }
  body.cms-id-27 #header .header-right .display-top { position:relative !important; display:flex !important; align-items:center !important; justify-content:flex-end; gap:10px; padding-right:max(36px,calc((100vw - 1440px) / 2 + 36px)) !important; }
  body.cms-id-27 #header .searchbar-wrapper { display:none !important; }
  body.cms-id-27 #header .macinfo-search-control { position:relative; z-index:10083; order:2; display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 26px; width:26px; height:26px; padding:0; color:var(--macinfo-header-slate) !important; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; outline:0; transform:translateX(80px); }
  body.cms-id-27 #header .macinfo-search-control .material-icons { color:var(--macinfo-header-slate) !important; font-size:19px; line-height:1; }
  body.cms-id-27 #header .js-account-source { display:none !important; }
  body.cms-id-27 #header .macinfo-account-control { position:relative; z-index:10083; order:3; display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px; padding:0; color:var(--macinfo-header-slate) !important; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; outline:0; transform:translateX(42px); }
  body.cms-id-27 #header .macinfo-account-control .material-icons { color:var(--macinfo-header-slate) !important; font-size:19px; line-height:1; }
  body.cms-id-27 #header .header-right > .display-top > .shopping-cart-module { order:4; flex:0 0 104px; }
  body.cms-id-27 #header #_desktop_top_menu { position:absolute !important; top:0; left:50%; z-index:10081; width:820px; height:42px; background:transparent !important; transform:translateX(-50%); }
  body.cms-id-27 #header #top-menu.top-menu { display:flex !important; align-items:stretch; justify-content:space-between; width:100%; height:42px; margin:0 !important; background:transparent !important; }
  body.cms-id-27 #header #top-menu.top-menu > li { position:relative; display:flex; align-items:stretch; flex:0 0 auto; height:42px; }
  body.cms-id-27 #header #top-menu.top-menu > li:nth-child(1) { width:160px; }
  body.cms-id-27 #header #top-menu.top-menu > li:nth-child(2) { width:200px; }
  body.cms-id-27 #header #top-menu.top-menu > li:nth-child(3) { width:135px; }
  body.cms-id-27 #header #top-menu.top-menu > li:nth-child(4) { width:120px; }
  body.cms-id-27 #header #top-menu.top-menu > li:nth-child(5) { width:145px; }
  body.cms-id-27 #header #top-menu.top-menu > li > a { display:flex !important; align-items:center; justify-content:center; width:100%; padding:0 2px !important; color:var(--macinfo-header-slate) !important; background:var(--macinfo-header-surface) !important; font-size:12px !important; font-weight:500; line-height:42px !important; text-align:center; white-space:nowrap; }
  body.cms-id-27 #header #top-menu.top-menu > li > a:hover, body.cms-id-27 #header #top-menu.top-menu > li > a:focus, body.cms-id-27 #header #top-menu.top-menu > li.macinfo-menu-open > a { color:var(--macinfo-header-slate) !important; background:var(--macinfo-header-surface) !important; }
  body.cms-id-27 #header #top-menu > li > .popover.sub-menu { position:absolute !important; top:100% !important; left:0 !important; z-index:10080 !important; display:none !important; width:max-content !important; min-width:0 !important; max-width:none !important; min-height:0; max-height:calc(100vh - 58px); margin:0 !important; padding:10px !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; color:var(--macinfo-header-slate); border:1px solid #dbe5ee !important; border-radius:18px !important; background:var(--macinfo-header-panel) !important; box-shadow:0 18px 34px rgba(20,45,76,.16) !important; transform:none !important; }
  body.cms-id-27 #header #top-menu > li.macinfo-menu-open > .popover.sub-menu { display:block !important; }
  body.cms-id-27 #header #top-menu .popover.sub-menu > .top-menu { display:block !important; margin:0 !important; }
  body.cms-id-27 #header #top-menu .popover.sub-menu .top-menu li { position:relative; list-style:none; }
  body.cms-id-27 #header #top-menu .popover.sub-menu a { display:block !important; padding:7px 12px !important; color:var(--macinfo-header-slate) !important; border-radius:10px; background:transparent !important; font-size:13px !important; line-height:1.35 !important; white-space:nowrap; }
  body.cms-id-27 #header #top-menu .popover.sub-menu a:hover, body.cms-id-27 #header #top-menu .popover.sub-menu a:focus { color:var(--macinfo-header-accent) !important; background:#eaf7fc !important; }
  body.cms-id-27 #header #top-menu .popover.sub-menu .collapse { position:absolute; top:0; left:100%; z-index:10081; display:none; width:max-content; min-width:0; max-width:calc(100vw - 32px); max-height:calc(100vh - 58px); margin:0; padding:10px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; border:1px solid #dbe5ee; border-radius:0 18px 18px 18px; background:var(--macinfo-header-panel); box-shadow:0 18px 34px rgba(20,45,76,.16); }
  body.cms-id-27.macinfo-native-header-scrolled #header #top-menu.top-menu > li > a, body.cms-id-27.macinfo-native-header-scrolled #header #top-menu.top-menu > li > a:hover, body.cms-id-27.macinfo-native-header-scrolled #header #top-menu.top-menu > li > a:focus, body.cms-id-27.macinfo-native-header-scrolled #header #top-menu.top-menu > li.macinfo-menu-open > a { background:var(--macinfo-header-glass) !important; -webkit-backdrop-filter:blur(12px) saturate(135%); backdrop-filter:blur(12px) saturate(135%); }
  body.cms-id-27.macinfo-native-menu-open #header #top-menu.top-menu > li > a, body.cms-id-27.macinfo-native-menu-open #header #top-menu.top-menu > li > a:hover, body.cms-id-27.macinfo-native-menu-open #header #top-menu.top-menu > li > a:focus, body.cms-id-27.macinfo-native-menu-open #header #top-menu.top-menu > li.macinfo-menu-open > a, body.cms-id-27.macinfo-native-search-open #header #top-menu.top-menu > li > a, body.cms-id-27.macinfo-native-account-open #header #top-menu.top-menu > li > a, body.cms-id-27.macinfo-native-cart-open #header #top-menu.top-menu > li > a { background:#f9f9fd !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
  body.cms-id-27.macinfo-native-header-scrolled #header #_desktop_top_menu > #top-menu.top-menu > li > a.dropdown-item { background-color:var(--macinfo-header-glass) !important; -webkit-backdrop-filter:blur(12px) saturate(135%); backdrop-filter:blur(12px) saturate(135%); }
  body.cms-id-27.macinfo-native-menu-open #header #_desktop_top_menu > #top-menu.top-menu > li > a.dropdown-item { background-color:#f9f9fd !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
  body.cms-id-27 #header #top-menu .popover.sub-menu li.macinfo-menu-open > .collapse { display:block !important; }
  body.cms-id-27 #header #search_widget, body.cms-id-27 #header #search_widget .search-widget, body.cms-id-27 #header #search_widget form { order:2; width:26px !important; min-width:26px; height:26px; margin:0; padding:0; border:0; background:transparent; }
  body.cms-id-27 #header #search_widget input { display:none !important; }
  body.cms-id-27 #header #search_widget button, body.cms-id-27 #header .account-link > a { display:inline-flex !important; align-items:center; justify-content:center; width:26px; height:26px; padding:0; color:var(--macinfo-header-slate) !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
  body.cms-id-27 #header #search_widget button .material-icons, body.cms-id-27 #header .account-link > a .material-icons { color:var(--macinfo-header-slate) !important; font-size:19px; line-height:1; }
  body.cms-id-27 #header .account-link > a { width:38px; height:38px; }
  body.cms-id-27 #header .account-link > a span { display:none; }
  body.cms-id-27 #header .cart-link { position:relative; z-index:10083; order:4; display:inline-flex !important; align-items:center; width:104px; height:38px; gap:5px; padding:0 8px; color:var(--macinfo-header-slate) !important; border:0 !important; border-radius:12px; background:transparent !important; font-size:13px; font-weight:700; }
  body.cms-id-27 #header .cart-link .material-icons, body.cms-id-27 #header .cart-link .cart-products-count, body.cms-id-27 #header .cart-link .cart-total-value, body.cms-id-27 #header .cart-link .cart-tax-label { color:var(--macinfo-header-slate) !important; }
  body.cms-id-27 #header .cart-link .cart-design { display:inline-flex !important; align-items:center; gap:4px; }
  body.cms-id-27 #header .cart-link .cart-design .fa { order:1; }
  body.cms-id-27 #header .cart-link .cart-total-value { margin-left:4px; font-size:12px; transform:translateY(1px); white-space:nowrap; }
  body.cms-id-27 #header .cart-link .cart-tax-label { display:inline-block; margin-left:3px; font-size:8px; transform:translateY(-1px); }
  body.cms-id-27 #header .cart-link .cart-products-count { position:static !important; order:2; min-width:18px; height:16px; padding:0 2px; background:transparent !important; font-size:10px; line-height:16px; text-align:center; }
}

/* Tablet: the navigation becomes an explicit panel, so it never overlaps controls. */
@media (max-width:1439px) {
  body.cms-id-27 #header .mobile-header-version { display:none !important; }
  body.cms-id-27 #header .desktop-header-version { display:block !important; }
  body.cms-id-27 #header .header-logo { position:absolute !important; top:0; left:24px; z-index:10082; width:26px; height:42px; }
  body.cms-id-27 #header .header-logo a { display:block; width:26px; height:42px; background:url('/themes/ZOneTheme/assets/img/macinfo-compact-mark.png') center / contain no-repeat; }
  body.cms-id-27 #header .header-logo img { opacity:0; }
  body.cms-id-27 #header .header-right .display-top { display:flex !important; align-items:center !important; justify-content:flex-end; gap:8px; padding-right:24px !important; }
  body.cms-id-27 #header .searchbar-wrapper { display:none !important; }
  body.cms-id-27 #header .js-account-source { display:none !important; }
  body.cms-id-27 #header #_desktop_top_menu { display:none !important; }
  body.cms-id-27 #header .macinfo-nav-toggle, body.cms-id-27 #header .macinfo-search-control, body.cms-id-27 #header .macinfo-account-control { display:inline-flex !important; align-items:center; justify-content:center; width:30px; height:30px; padding:0; color:var(--macinfo-header-slate) !important; border:0 !important; background:transparent !important; }
  body.cms-id-27 #header .macinfo-nav-toggle .material-icons, body.cms-id-27 #header .macinfo-search-control .material-icons, body.cms-id-27 #header .macinfo-account-control .material-icons { font-size:19px; }
  body.cms-id-27 #header #search_widget input, body.cms-id-27 #header .account-link span { display:none !important; }
  body.cms-id-27 #header .cart-link { display:inline-flex !important; align-items:center; width:104px; height:38px; gap:5px; padding:0 4px; color:var(--macinfo-header-slate) !important; border:0 !important; background:transparent !important; font-size:13px; font-weight:700; }
  body.cms-id-27 #header .cart-link * { color:var(--macinfo-header-slate) !important; }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #_desktop_top_menu { position:absolute !important; top:100%; left:0; z-index:10080; display:block !important; width:min(420px,calc(100vw - 32px)); height:auto !important; max-height:calc(100vh - 58px); padding:12px !important; overflow:auto; border:1px solid #dbe5ee; border-radius:0 0 18px 0; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 34px rgba(20,45,76,.16); }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu.top-menu, body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu.top-menu li { display:block !important; width:100% !important; height:auto !important; }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu > li > a, body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu a { display:block !important; padding:10px 12px !important; color:var(--macinfo-header-slate) !important; border-radius:10px; background:transparent !important; }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu > li > a:hover, body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu a:hover { color:var(--macinfo-header-accent) !important; background:#eaf7fc !important; }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu, body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu .collapse { display:none; }
  body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu li.macinfo-menu-open > .popover.sub-menu, body.cms-id-27 #header .desktop-header-version.macinfo-compact-nav-open #top-menu li.macinfo-menu-open > .collapse { display:block !important; }
}

/* The veil follows an explicit click-open state, never :hover. */
body.cms-id-27.macinfo-native-menu-open::after, body.cms-id-27.macinfo-native-compact-nav-open::after { position:fixed; z-index:10060; inset:42px 0 0; display:block; content:''; pointer-events:none; background:rgba(245,247,250,.62); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }

/* Native cart: click-only, using the same quick-cart panel as the live header. */
body.cms-id-27 #header .header-right .display-top .shopping-cart-module, body.cms-id-27 #header .header-right .display-top .blockcart.cart-preview { height:42px !important; }
body.cms-id-27 #header .header-right .display-top .blockcart.cart-preview { position:relative !important; overflow:visible !important; }
body.cms-id-27 #header .header-right .display-top .blockcart.cart-preview .cart-link { cursor:pointer !important; }
/* The cart uses an outlined bag to match the other header line icons. */
body.cms-id-27 #header .cart-design { position:relative !important; }
body.cms-id-27 #header .cart-design > i.fa,
body.cms-id-27 #header .cart-design .macinfo-cart-bag-outline { display:none !important; }
body.cms-id-27 #header .cart-design::before { content:'' !important; display:block !important; width:15px !important; height:12px !important; box-sizing:border-box !important; border:1.75px solid #435160 !important; border-radius:1.5px 1.5px 3px 3px !important; }
body.cms-id-27 #header .cart-design::after { position:absolute !important; top:-3px !important; left:4px !important; display:block !important; width:7px !important; height:5px !important; box-sizing:border-box !important; border:1.75px solid #435160 !important; border-bottom:0 !important; border-radius:5px 5px 0 0 !important; content:'' !important; }

/* Preserve the reserved cart-total width so an empty cart never shifts header controls. */
#header .blockcart.cart-preview.macinfo-cart-is-empty .cart-total-value,
#header .blockcart.cart-preview:has(.cart-dropdown .no-items) .cart-total-value { visibility:hidden !important; }

/* Desktop bag: a taller, rounded handle keeps the outline unmistakably a bag. */
@media (min-width:1440px) {
  body.cms-id-27 #header .cart-design::before { width:12px !important; height:10px !important; transform:translateY(2px) !important; border-width:1.5px !important; border-radius:2px 2px 3px 3px !important; }
  body.cms-id-27 #header .cart-design::after { top:0 !important; left:5px !important; width:6px !important; height:4px !important; border-width:1.5px !important; border-radius:4px 4px 0 0 !important; }
}
body.cms-id-27 #header .header-right .display-top .blockcart.cart-preview .cart-dropdown { display:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .header-right .display-top .blockcart.cart-preview .cart-dropdown { position:absolute !important; top:100% !important; right:0 !important; left:auto !important; z-index:10090 !important; display:block !important; width:min(210px,calc(100vw - 24px)) !important; max-height:min(600px,calc(100vh - 78px)) !important; margin:0 !important; overflow:auto !important; visibility:visible !important; opacity:1 !important; border:1px solid #dbe5ee !important; border-radius:18px !important; background:#fffffe !important; box-shadow:0 18px 34px rgba(28,49,71,.16) !important; }
body.cms-id-27.macinfo-native-cart-open #header .header-right .display-top .blockcart.cart-preview .cart-dropdown:has(.cart-items) { width:min(330px,calc(100vw - 24px)) !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-dropdown-wrapper { overflow:hidden !important; border-radius:inherit !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-title { margin:0 !important; padding:9px 12px 6px !important; border:0 !important; color:#435160 !important; background:transparent !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:700 !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-dropdown .no-items { font-size:0 !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-dropdown .no-items::after { content:'Votre panier est vide'; color:#5d6c7a !important; font-family:Inter,sans-serif !important; font-size:11px !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-items { max-height:260px !important; margin:0 !important; padding:0 16px !important; overflow:auto !important; list-style:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-product-line { display:grid !important; grid-template-columns:48px minmax(0,1fr) 30px !important; gap:16px !important; align-items:start !important; margin:0 !important; padding:13px 2px !important; border:0 !important; border-top:1px solid #edf1f5 !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-image { display:flex !important; align-items:center !important; justify-content:center !important; width:48px !important; height:48px !important; overflow:hidden !important; border:1px solid #edf1f5 !important; border-radius:10px !important; background:#fff !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-image img { width:100% !important; height:100% !important; object-fit:contain !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-name { color:#435160 !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:650 !important; line-height:1.35 !important; text-decoration:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-infos { min-width:0 !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-price-quantity { margin-top:6px !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-cart-price, body.cms-id-27.macinfo-native-cart-open #header .product-cart-price .product-price, body.cms-id-27.macinfo-native-cart-open #header .cart-summary-line .price, body.cms-id-27.macinfo-native-cart-open #header .cart-total .price, body.cms-id-27.macinfo-native-cart-open #header .price-total { color:#435160 !important; font-size:12px !important; font-weight:700 !important; }
body.cms-id-27.macinfo-native-cart-open #header .product-quantity-touchspin { display:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .remove-from-cart { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; color:#718194 !important; border-radius:9px !important; text-decoration:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-bottom { margin:0 !important; padding:10px 16px 14px !important; border:0 !important; border-top:1px solid #edf1f5 !important; background:#fbfcfe !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-products-count, body.cms-id-27.macinfo-native-cart-open #header .cart-summary-line { color:#5d6c7a !important; font-family:Inter,sans-serif !important; font-size:12px !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-summary-line { display:flex !important; justify-content:space-between !important; gap:16px !important; padding:4px 0 !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-total { margin-top:6px !important; padding-top:8px !important; border-top:1px solid #e3eaf0 !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-action { margin-top:8px !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-action .btn { display:block !important; width:78% !important; height:32px !important; min-height:32px !important; margin:0 auto !important; padding:0 !important; border-radius:999px !important; background:#258dcc !important; color:#fff !important; font-family:Inter,sans-serif !important; font-size:11px !important; font-weight:700 !important; line-height:32px !important; }
body.cms-id-27.macinfo-native-cart-open #header .cart-action .btn i, body.cms-id-27.macinfo-native-cart-open #header .cart-action .btn svg, body.cms-id-27.macinfo-native-cart-open #header .cart-action .btn .material-icons { display:none !important; }
body.cms-id-27.macinfo-native-cart-open #header .no-items { padding:10px !important; color:#5d6c7a !important; font-family:Inter,sans-serif !important; font-size:11px !important; text-align:center !important; }

/* Account quick menu copied from the live desktop header. */
body.cms-id-27 #header .macinfo-account-control { overflow:visible !important; cursor:pointer; }
body.cms-id-27 #header .macinfo-account-trigger { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; color:var(--macinfo-header-slate) !important; border:0; background:transparent; cursor:pointer; }
body.cms-id-27 #header .macinfo-account-trigger .material-icons { color:var(--macinfo-header-slate) !important; }
body.cms-id-27 #header .macinfo-account-menu { position:absolute; top:calc(100% + 2px); right:50%; z-index:10090; display:none; width:max-content; min-width:164px; margin:0; padding:10px; list-style:none; transform:translateX(50%); border:1px solid #dbe5ee; border-radius:16px; background:#fffffe; box-shadow:0 18px 34px rgba(28,49,71,.16); text-align:left; }
body.cms-id-27.macinfo-native-account-open #header .macinfo-account-menu { display:block; }
body.cms-id-27 #header .macinfo-account-menu a { display:block; margin:2px 0; padding:7px 12px; border-radius:10px; color:#435160 !important; font-size:12px; font-weight:500; line-height:1.35; text-align:center; text-decoration:none; white-space:nowrap; background:transparent; transition:background-color 160ms ease,color 160ms ease; }
body.cms-id-27 #header .macinfo-account-menu a:hover, body.cms-id-27 #header .macinfo-account-menu a:focus { color:#258dcc !important; background:#eaf7fc; }
body.cms-id-27 #header .macinfo-account-menu__logout a { color:#b85b5b !important; }
body.cms-id-27 #header .macinfo-account-menu__logout a:hover { color:#a64747 !important; background:#fff1f1; }

@media (min-width:1440px) {
  body.cms-id-27 #header .header-right .display-top .blockcart.cart-preview .cart-link { transform:translateY(1px); }
  body.cms-id-27 #header .macinfo-account-trigger { transform:translateY(-1px); }
  body.cms-id-27 #header .macinfo-account-trigger .material-icons { display:flex !important; align-items:center; justify-content:center; width:100%; height:100%; font-size:0 !important; line-height:1; }
  body.cms-id-27 #header .macinfo-account-trigger .material-icons::before { display:block; content:'person_outline'; color:var(--macinfo-header-slate) !important; font-family:'Material Icons'; font-size:19px; line-height:1; }
  body.cms-id-27 #header .cart-link .cart-design > i.fa { font-size:14px !important; }
}

/* Search panel copied from the live compact desktop header. */
body.cms-id-27.macinfo-native-search-open::before { position:fixed; inset:42px 0 0; z-index:10060; display:block; content:''; pointer-events:none; background:rgba(245,247,250,.62); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
body.cms-id-27 .macinfo-native-search-panel { position:fixed !important; top:42px !important; left:0 !important; z-index:10061 !important; display:flex !important; flex-wrap:wrap !important; align-content:flex-start !important; align-items:flex-start !important; justify-content:flex-start !important; width:100vw !important; min-height:470px !important; height:auto !important; padding:46px max(32px,calc((100vw - 980px) / 2)) 48px !important; gap:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:#fffffe !important; box-shadow:none !important; }
body.cms-id-27 .macinfo-native-search-panel input[name="s"] { display:block !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; height:60px !important; padding:0 !important; color:#435160 !important; font-family:inherit !important; font-size:24px !important; font-weight:500 !important; line-height:1.2 !important; border:0 !important; border-radius:0 !important; outline:0 !important; background:transparent !important; }
body.cms-id-27 .macinfo-native-search-panel input[name="s"]::placeholder { color:#7b848e !important; opacity:1 !important; }
body.cms-id-27 .macinfo-native-search-panel button { order:-1 !important; flex:0 0 34px !important; width:34px !important; height:60px !important; margin-right:8px !important; padding:0 !important; color:#435160 !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
body.cms-id-27 .macinfo-native-search-panel button .material-icons { font-size:23px !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links { flex:0 0 100% !important; margin-top:34px !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links p { margin:0 0 12px !important; color:#7b848e !important; font-size:12px !important; font-weight:500 !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links ul { margin:0 !important; padding:0 !important; list-style:none !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links li { margin:0 0 8px !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links a { display:inline-flex !important; align-items:center !important; gap:9px !important; color:#435160 !important; font-size:14px !important; font-weight:600 !important; line-height:1.35 !important; text-decoration:none !important; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links a::before { content:'→'; color:#7b848e; font-size:17px; font-weight:400; }
body.cms-id-27 .macinfo-native-search-panel .macinfo-search-quick-links a:hover { color:#258dcc !important; }
}

/* Preview tablet toolbar: logo, search, account, cart, then navigation. */
@media (min-width:768px) and (max-width:1439px) {
  /* Disable Elementor's entire global header in tablet, not its individual widgets. */
  body.cms-id-27.macinfo-native-tablet-active .elementor.elementor-2170101[data-elementor-type="header"] { display:none !important; }

  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control { order:2; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { order:3; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right > .display-top > .shopping-cart-module { order:4; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle { order:5; margin-left:2px; }
}

/* Mobile preview: native replacement for Elementor's compact header. */
@media (max-width:767px) {
  /* The isolated native tree has no theme swap IDs. Its source navigation is
     rebuilt into the dedicated mobile panel, so keep the raw tree hidden. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-native-isolated-header .macinfo-native-top-menu { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .elementor.elementor-2170101[data-elementor-type="header"] { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header { position:sticky !important; top:0; z-index:10070 !important; height:45px !important; min-height:45px !important; background:#f9f9fc !important; border-bottom:1px solid rgba(220,226,235,.65) !important; box-shadow:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-header-scrolled #header { background:rgba(245,245,247,.82) !important; box-shadow:0 5px 14px rgba(15,23,42,.05) !important; -webkit-backdrop-filter:blur(10px) saturate(130%) !important; backdrop-filter:blur(10px) saturate(130%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live):not(.macinfo-native-mobile-active) #header .mobile-header-version,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-banner,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-nav,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-bottom,
  body.cms-id-27:not(.macinfo-native-header-live) #header .searchbar-wrapper,
  body.cms-id-27:not(.macinfo-native-header-live) #header .js-account-source,
  body.cms-id-27:not(.macinfo-native-header-live) #header #_desktop_top_menu { display:none !important; }
  /* ZOneTheme hides this desktop tree on a true phone viewport. It is the
     native header's source, so keep the structural wrappers available. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right { display:block !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-wrapper,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right .display-top { height:45px !important; min-height:45px !important; background:transparent !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container { transform:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-wrapper { position:relative !important; display:flex !important; align-items:center !important; width:100% !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo { position:absolute !important; top:0; left:8px; z-index:10082 !important; display:flex !important; align-items:center !important; width:112px !important; height:45px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo a { display:flex !important; align-items:center !important; width:112px !important; height:45px !important; background:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo img { display:block !important; width:109px !important; height:auto !important; max-width:none !important; object-fit:contain !important; transform:translateY(-9px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right { width:100% !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right .display-top { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:0 !important; padding:0 7px 0 120px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control { order:2; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:45px !important; margin:0 !important; padding:0 !important; color:#435160 !important; transform:translate(45px,-8px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { order:3; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:45px !important; margin:0 !important; transform:translate(41px,-10px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control .material-icons { display:flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; color:#435160 !important; font-size:16px !important; line-height:16px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:45px !important; padding:0 !important; color:#435160 !important; border:0 !important; background:transparent !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger .material-icons { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; color:transparent !important; font-size:0 !important; line-height:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger .material-icons::before { content:'person_outline' !important; color:#435160 !important; font-family:'Material Icons' !important; font-size:18px !important; line-height:18px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right > .display-top > .shopping-cart-module { order:4; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link { display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; width:92px !important; height:45px !important; gap:5px !important; padding:0 2px !important; transform:translate(30px,-8px) !important; color:#435160 !important; border:0 !important; background:transparent !important; font-size:13px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link * { color:#435160 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-total-value { display:inline-flex !important; align-items:center !important; font-size:10px !important; transform:translateY(-2px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-design { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:45px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-design > i { font-size:13px !important; transform:translateY(-1px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-products-count { min-width:16px !important; height:16px !important; font-size:10px !important; line-height:16px !important; transform:translate(1px,11px) !important; border:0 !important; background:transparent !important; box-shadow:none !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-tax-label { display:inline-block !important; margin-left:3px !important; font-size:6px !important; font-weight:700 !important; letter-spacing:.02em !important; line-height:1 !important; vertical-align:middle !important; transform:translateY(1px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle { position:relative !important; order:5; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:52px !important; min-height:52px !important; height:52px !important; margin:0 !important; padding:0 !important; color:#435160 !important; border:0 !important; background:transparent !important; transform:translate(11px,-8px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle .material-icons { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::before,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::after { position:absolute !important; left:50% !important; width:18px !important; height:1.5px !important; content:'' !important; border-radius:999px !important; background:currentColor !important; transform:translateX(-50%) !important; transition:top 160ms ease,bottom 160ms ease,transform 160ms ease !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::before { top:18px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::after { bottom:24px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle[aria-expanded="true"]::before { top:22px !important; transform:translateX(-50%) rotate(45deg) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle[aria-expanded="true"]::after { bottom:auto !important; top:22px !important; transform:translateX(-50%) rotate(-45deg) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open::after { position:fixed !important; z-index:10050 !important; inset:45px 0 0 !important; display:block !important; content:'' !important; pointer-events:none !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open #header .macinfo-account-menu,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open #header .cart-dropdown,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open .macinfo-native-search-panel { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel { position:fixed !important; top:45px !important; right:0 !important; left:0 !important; z-index:10061 !important; width:100% !important; max-width:100% !important; max-height:calc(100dvh - 45px) !important; padding:10px 12px 18px !important; overflow:auto !important; box-sizing:border-box !important; border:1px solid rgba(219,229,238,.95) !important; border-top-color:rgba(210,220,232,.95) !important; border-radius:0 0 22px 22px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel[hidden] { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel ul { margin:0 !important; padding:0 !important; list-style:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li { margin:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel a { display:flex !important; align-items:center !important; min-height:44px !important; padding:10px 14px !important; color:#435160 !important; font-size:12px !important; font-weight:650 !important; line-height:1.3 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li.has-children > a::after { display:block !important; margin-left:auto !important; content:'expand_more' !important; color:#435160 !important; font-family:'Material Icons' !important; font-size:17px !important; font-weight:400 !important; line-height:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li.has-children.is-open > a::after { content:'expand_less' !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li.is-open > a { color:#258dcc !important; background:#eaf7fc !important; border-radius:12px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level:not(.macinfo-tablet-menu-level-0) { margin:4px 0 8px 12px !important; padding:4px !important; border-left:1px solid #dbe5ee !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level:not(.macinfo-tablet-menu-level-0) a { min-height:42px !important; padding:10px 12px !important; font-size:11px !important; font-weight:560 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-search-open::before,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-account-open::before,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open::before { position:fixed !important; z-index:10050 !important; inset:45px 0 0 !important; display:block !important; content:'' !important; pointer-events:none !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel { position:fixed !important; top:45px !important; right:0 !important; left:0 !important; z-index:10061 !important; display:flex !important; flex-wrap:wrap !important; align-content:flex-start !important; align-items:center !important; width:100% !important; min-height:calc(100dvh - 45px) !important; margin:0 !important; padding:20px 18px 32px !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel button { display:inline-flex !important; flex:0 0 28px !important; align-items:center !important; justify-content:flex-start !important; width:28px !important; height:44px !important; margin:0 6px 0 0 !important; padding:0 !important; color:#435160 !important; border:0 !important; background:transparent !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel button .material-icons { font-size:20px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel input[name="s"] { display:block !important; flex:1 1 0 !important; width:auto !important; min-width:0 !important; height:44px !important; margin:0 !important; padding:0 !important; color:#435160 !important; font-size:17px !important; font-weight:500 !important; background:transparent !important; border:0 !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links { flex:0 0 100% !important; margin-top:24px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links p { margin:0 0 10px !important; color:#7b848e !important; font-size:11px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links ul { margin:0 !important; padding:0 !important; list-style:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links li { margin:0 0 7px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a { display:inline-flex !important; gap:7px !important; color:#435160 !important; font-size:13px !important; font-weight:600 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a::before { content:'→' !important; color:#7b848e !important; font-size:15px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { position:relative !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu { position:absolute !important; top:calc(100% - 3px) !important; right:50% !important; left:auto !important; z-index:10061 !important; width:max-content !important; min-width:0 !important; margin:0 !important; padding:8px !important; transform:translateX(50%) !important; border:1px solid rgba(219,229,238,.95) !important; border-radius:0 0 18px 18px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-account-open #header .macinfo-account-menu { display:block !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a { display:flex !important; align-items:center !important; justify-content:center !important; min-height:42px !important; margin:0 !important; padding:9px 12px !important; border-radius:12px !important; color:#435160 !important; font-size:11px !important; font-weight:650 !important; text-align:center !important; text-decoration:none !important; white-space:nowrap !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a:focus-visible { color:#258dcc !important; background:#eaf7fc !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .blockcart.cart-preview:hover .cart-dropdown { display:none !important; visibility:hidden !important; opacity:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .blockcart.cart-preview .cart-dropdown { position:fixed !important; top:45px !important; right:0 !important; left:0 !important; z-index:10061 !important; display:block !important; width:100% !important; max-width:none !important; max-height:calc(100dvh - 45px) !important; margin:0 !important; padding:0 !important; overflow:auto !important; visibility:visible !important; opacity:1 !important; border:1px solid rgba(219,229,238,.95) !important; border-radius:0 0 22px 22px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown-wrapper { overflow:hidden !important; border-radius:inherit !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-title { margin:0 !important; padding:15px 18px 12px !important; border:0 !important; color:#273b50 !important; background:transparent !important; font-family:Inter,sans-serif !important; font-size:15px !important; font-weight:700 !important; text-align:center !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown .no-items { padding:4px 18px 18px !important; color:#718194 !important; font-family:Inter,sans-serif !important; font-size:0 !important; text-align:center !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown .no-items::after { content:'Votre panier est vide' !important; font-size:11px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-items { max-height:min(310px,calc(100vh - 245px)) !important; margin:0 !important; padding:0 20px !important; overflow:auto !important; list-style:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line { display:grid !important; grid-template-columns:56px minmax(0,1fr) 24px !important; gap:16px !important; padding:12px 4px !important; border-top:1px solid #edf1f5 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line img { display:block !important; width:56px !important; height:56px !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:contain !important; border:1px solid #e4ebf2 !important; border-radius:12px !important; background:#fff !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .product-name,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .product-name a { color:#435160 !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:700 !important; line-height:1.4 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .product-price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .product-line-price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .quantity { color:#435160 !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .remove-from-cart,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .remove-from-cart * { color:#718194 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line .remove-from-cart { align-self:start !important; display:flex !important; align-items:flex-start !important; justify-content:center !important; margin-top:6px !important; padding-top:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom { margin:0 !important; padding:12px 18px 16px !important; border-top:1px solid #edf1f5 !important; background:#fbfcfe !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .label { color:#3d3d3d !important; font-family:Inter,sans-serif !important; font-size:12px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .value,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .value *,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .price * { color:#435160 !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .cart-total .label,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .cart-total .value,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .cart-total .price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom .cart-total .value * { color:#435160 !important; font-size:14px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn { display:flex !important; align-items:center !important; justify-content:center !important; width:calc(100% - 88px) !important; min-height:38px !important; margin:0 auto !important; padding:0 !important; border-radius:12px !important; color:#fff !important; background:#258dcc !important; font-size:12px !important; font-weight:700 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn::before,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn::after { display:none !important; content:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn i,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn .material-icons { display:none !important; }
}

/* Tablet preview base: the raw ZOneTheme desktop markup becomes one compact bar. */
@media (min-width:768px) and (max-width:1439px) {
  body.cms-id-27:not(.macinfo-native-header-live) #header { position:sticky !important; top:0; z-index:10070; height:58px !important; min-height:58px !important; background:#f9f9fc !important; border-bottom:1px solid rgba(220,226,235,.65) !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; transition:background 220ms ease,box-shadow 220ms ease,-webkit-backdrop-filter 220ms ease,backdrop-filter 220ms ease !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-header-scrolled #header { background:rgba(245,245,247,.82) !important; -webkit-backdrop-filter:blur(10px) saturate(130%) !important; backdrop-filter:blur(10px) saturate(130%) !important; box-shadow:0 6px 18px rgba(15,23,42,.05) !important; }
  /* The glass belongs to the header itself. Theme wrapper layers must stay clear. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-wrapper,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right .display-top { background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-menu-open #header,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-search-open #header,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-account-open #header,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header { background:#f9f9fc !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-banner,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-nav,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-bottom { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header,
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-wrapper,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right,
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right .display-top { height:58px !important; min-height:58px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .main-header > .container { transform:translateY(-9px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-wrapper { position:relative !important; display:flex !important; align-items:center !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo { position:absolute !important; top:5px; left:38px; z-index:10082; display:flex !important; align-items:center; width:146px !important; height:58px !important; overflow:hidden; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo a { display:block !important; width:146px !important; height:58px !important; background:url('/img/prestashop-logo-1782131180.jpg') center / 146px 42px no-repeat; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-logo img { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right { width:100% !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .header-right .display-top { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:10px !important; padding-right:4px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .searchbar-wrapper,
  body.cms-id-27:not(.macinfo-native-header-live) #header .js-account-source,
  body.cms-id-27:not(.macinfo-native-header-live) #header #_desktop_top_menu { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle { display:inline-flex !important; align-items:center; justify-content:center; width:40px !important; height:42px !important; padding:0 !important; color:var(--macinfo-header-slate) !important; border:0 !important; background:transparent !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control .material-icons,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control .material-icons,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle .material-icons { color:var(--macinfo-header-slate) !important; font-size:21px !important; line-height:1; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle { position:relative !important; width:52px !important; min-height:52px !important; height:52px !important; margin:0 !important; border-radius:12px !important; background:transparent !important; transform:translateX(-10px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle .material-icons { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::before,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::after { position:absolute !important; left:50% !important; width:18px !important; height:1.5px !important; content:'' !important; border-radius:999px !important; background:currentColor !important; transform:translateX(-50%) !important; transition:top 160ms ease,bottom 160ms ease,transform 160ms ease !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::before { top:28px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle::after { bottom:14px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle[aria-expanded="true"]::before { top:35px !important; transform:translateX(-50%) rotate(45deg) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-nav-toggle[aria-expanded="true"]::after { bottom:auto !important; top:35px !important; transform:translateX(-50%) rotate(-45deg) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:40px !important; padding:0 !important; color:#435160 !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control { margin-right:-15px !important; transform:translate(15px,9px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { transform:translateY(7px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-search-control .material-icons { color:#435160 !important; font-size:16px !important; line-height:16px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger .material-icons { display:flex !important; align-items:center; justify-content:center; width:100%; height:100%; color:transparent !important; font-size:0 !important; line-height:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-trigger .material-icons::before { content:'person_outline'; color:#435160 !important; font-family:'Material Icons' !important; font-size:18px !important; line-height:18px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link { display:inline-flex !important; align-items:center; width:92px !important; height:42px !important; justify-content:flex-start !important; gap:5px; padding:0 2px !important; transform:translate(-5px,8px) !important; color:var(--macinfo-header-slate) !important; border:0 !important; border-radius:12px !important; background:transparent !important; box-shadow:none !important; font-size:13px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link * { color:var(--macinfo-header-slate) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-total-value { font-size:12px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-products-count { min-width:16px !important; height:16px !important; line-height:16px !important; transform:translateY(-4px) !important; color:#435160 !important; background:transparent !important; box-shadow:none !important; font-size:10px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-link .cart-tax-label { display:inline-block !important; margin-left:3px !important; color:#435160 !important; font-size:7px !important; font-weight:700 !important; letter-spacing:.02em !important; line-height:1 !important; vertical-align:middle !important; }
  /* Tablet reuses the approved desktop bag without moving the toolbar. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-design::before { width:12px !important; height:10px !important; transform:translateY(2px) !important; border-width:1.5px !important; border-radius:2px 2px 3px 3px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-design::after { top:-3px !important; left:5px !important; width:6px !important; height:4px !important; border-width:1.5px !important; border-radius:4px 4px 0 0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #_desktop_top_menu { position:fixed !important; top:58px !important; left:0 !important; z-index:10080 !important; display:block !important; width:min(430px,calc(100vw - 24px)) !important; height:auto !important; max-height:calc(100vh - 74px) !important; padding:12px !important; overflow:auto !important; border:1px solid #dbe5ee !important; border-radius:0 0 18px 0 !important; background:#fffffe !important; box-shadow:0 18px 34px rgba(20,45,76,.16) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu.top-menu,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu.top-menu li { display:block !important; width:100% !important; height:auto !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open { overflow:hidden !important; touch-action:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-compact-nav-open::after { position:fixed !important; z-index:10060 !important; inset:58px 0 0 !important; display:block !important; content:'' !important; pointer-events:none !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #_desktop_top_menu { z-index:10061 !important; width:100vw !important; max-width:100vw !important; max-height:calc(100vh - 58px) !important; padding:10px 12px 18px !important; border:1px solid rgba(219,229,238,.95) !important; border-top-color:rgba(210,220,232,.95) !important; border-radius:0 0 22px 22px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #_desktop_top_menu { right:0 !important; left:0 !important; box-sizing:border-box !important; flex:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #_desktop_top_menu { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel { position:fixed !important; top:58px !important; right:auto !important; left:0 !important; z-index:10061 !important; display:block !important; width:100% !important; max-width:100% !important; max-height:calc(100dvh - 58px) !important; padding:10px 12px 18px !important; overflow-x:hidden !important; overflow-y:auto !important; box-sizing:border-box !important; border:1px solid rgba(219,229,238,.95) !important; border-top-color:rgba(210,220,232,.95) !important; border-radius:0 0 22px 22px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel[hidden] { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel ul { margin:0 !important; padding:0 !important; list-style:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li { margin:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel a { display:flex !important; align-items:center !important; min-height:46px !important; margin:3px 0 !important; padding:11px 14px !important; color:#435160 !important; border-radius:12px !important; background:transparent !important; font-size:14px !important; font-weight:650 !important; line-height:1.3 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li.has-children > a::after { display:block !important; margin-left:auto !important; content:'expand_more' !important; color:#435160 !important; font-family:'Material Icons' !important; font-size:19px !important; font-weight:400 !important; line-height:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel li.has-children.is-open > a::after { content:'expand_less' !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel a:focus { color:#258dcc !important; background:#eaf7fc !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level:not(.macinfo-tablet-menu-level-0) { margin:5px 0 9px 12px !important; padding:5px !important; border:1px solid #e1eaf1 !important; border-radius:14px !important; background:#f7fafc !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level-2 { margin-left:14px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level-3,
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level-4 { margin-left:16px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #macinfo-tablet-menu-panel .macinfo-tablet-menu-level:not(.macinfo-tablet-menu-level-0) a { min-height:42px !important; padding:10px 12px !important; font-size:13px !important; font-weight:560 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu > li > a,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu a,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .collapse a { display:flex !important; align-items:center !important; min-height:46px !important; margin:3px 0 !important; padding:11px 14px !important; color:#435160 !important; border-radius:12px !important; background:transparent !important; font-size:14px !important; font-weight:650 !important; line-height:1.3 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu a:focus { color:#258dcc !important; background:#eaf7fc !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .collapse { position:static !important; width:auto !important; max-width:none !important; max-height:none !important; margin:5px 0 9px 12px !important; padding:5px !important; overflow:visible !important; border:1px solid #e1eaf1 !important; border-radius:14px !important; background:#f7fafc !important; box-shadow:none !important; transform:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu li.macinfo-menu-open > .popover.sub-menu,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu li.macinfo-menu-open > .collapse,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu li:focus-within > .popover.sub-menu,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu li:focus-within > .collapse { display:block !important; visibility:visible !important; opacity:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu .collapse { margin-left:14px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu .collapse .collapse { margin-left:16px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .popover.sub-menu a,
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .collapse a { min-height:42px !important; padding:10px 12px !important; font-size:13px !important; font-weight:560 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .desktop-header-version.macinfo-compact-nav-open #top-menu .collapse-icons { margin-left:auto !important; color:#258dcc !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-account-open::before { position:fixed !important; z-index:10050 !important; inset:58px 0 0 !important; display:block !important; content:'' !important; pointer-events:none !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-control { position:relative !important; transform:translate(15px,8px) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu { position:absolute !important; top:calc(100% + 8px) !important; right:50% !important; left:auto !important; z-index:10061 !important; width:170px !important; max-width:calc(100vw - 24px) !important; min-width:0 !important; margin:0 !important; padding:8px !important; transform:translateX(50%) !important; border:1px solid rgba(219,229,238,.95) !important; border-radius:18px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-account-open #header .macinfo-account-menu { display:block !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a { display:flex !important; align-items:center !important; justify-content:center !important; min-height:42px !important; margin:0 !important; padding:9px 12px !important; border-radius:12px !important; color:#435160 !important; font-size:14px !important; font-weight:650 !important; line-height:1.3 !important; text-align:center !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu a:focus-visible { color:#258dcc !important; background:#eaf7fc !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-search-open::before { position:fixed !important; z-index:10060 !important; inset:58px 0 0 !important; display:block !important; content:'' !important; pointer-events:none !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel { position:fixed !important; top:58px !important; right:0 !important; left:0 !important; z-index:10061 !important; display:flex !important; flex-wrap:wrap !important; align-content:flex-start !important; align-items:center !important; width:100% !important; min-height:calc(100dvh - 58px) !important; margin:0 !important; padding:24px 22px 36px !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel button { order:initial !important; display:inline-flex !important; flex:0 0 28px !important; align-items:center !important; justify-content:flex-start !important; width:28px !important; height:44px !important; margin:0 6px 0 0 !important; padding:0 !important; color:#435160 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel button .material-icons { font-size:20px !important; font-weight:400 !important; line-height:1 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel input[name="s"] { display:block !important; flex:1 1 0 !important; width:auto !important; min-width:0 !important; height:44px !important; margin:0 !important; padding:0 !important; color:#435160 !important; font-size:17px !important; font-weight:500 !important; line-height:1.25 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links { flex:0 0 100% !important; margin-top:24px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links p { margin:0 0 10px !important; color:#7b848e !important; font-size:11px !important; font-weight:500 !important; line-height:1.3 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links li { margin:0 0 7px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a { display:inline-flex !important; align-items:center !important; gap:7px !important; color:#435160 !important; font-size:13px !important; font-weight:600 !important; line-height:1.35 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a::before { content:'→' !important; color:#7b848e !important; font-size:15px !important; font-weight:400 !important; }
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) .macinfo-native-search-panel .macinfo-search-quick-links a:focus-visible { color:#258dcc !important; }

  /* Tablet quick cart mirrors the mobile click-only drawer. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .blockcart.cart-preview:hover .cart-dropdown { display:none !important; visibility:hidden !important; opacity:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open::before { position:fixed !important; z-index:10050 !important; inset:58px 0 0 !important; display:block !important; content:'' !important; pointer-events:auto !important; background:rgba(232,239,245,.52) !important; -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .blockcart.cart-preview .cart-dropdown { position:fixed !important; top:58px !important; right:12px !important; left:auto !important; z-index:10061 !important; display:block !important; width:fit-content !important; min-width:170px !important; max-width:calc(100vw - 24px) !important; max-height:min(570px,calc(100vh - 70px)) !important; margin:0 !important; padding:0 !important; overflow:auto !important; visibility:visible !important; opacity:1 !important; border-radius:0 0 18px 18px !important; background:rgba(255,255,254,.98) !important; box-shadow:0 18px 38px rgba(28,49,71,.14) !important; -webkit-backdrop-filter:blur(14px) saturate(125%) !important; backdrop-filter:blur(14px) saturate(125%) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .blockcart.cart-preview .cart-dropdown:has(.cart-items) { width:min(360px,calc(100vw - 24px)) !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown-wrapper { overflow:hidden !important; border-radius:inherit !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-title { margin:0 !important; padding:15px 18px 12px !important; border:0 !important; color:#273b50 !important; background:transparent !important; font-family:Inter,sans-serif !important; font-size:15px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-items { max-height:min(310px,calc(100vh - 245px)) !important; margin:0 !important; padding:0 20px !important; overflow:auto !important; list-style:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-product-line { display:grid !important; grid-template-columns:50px minmax(0,1fr) 30px !important; gap:14px !important; align-items:start !important; margin:0 !important; padding:14px 4px !important; border:0 !important; border-top:1px solid #edf1f5 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-image { display:flex !important; align-items:center !important; justify-content:center !important; width:50px !important; height:50px !important; overflow:hidden !important; border:1px solid #edf1f5 !important; border-radius:10px !important; background:#fff !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-image img { width:100% !important; height:100% !important; object-fit:contain !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-infos { min-width:0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-name { color:#435160 !important; font-family:Inter,sans-serif !important; font-size:12px !important; font-weight:650 !important; line-height:1.35 !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-price-quantity { margin-top:7px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-cart-price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-cart-price .product-price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-summary-line .price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-total .price,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .price-total { color:#435160 !important; font-size:12px !important; font-weight:700 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .product-quantity-touchspin { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .remove-from-cart { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; color:#718194 !important; border-radius:9px !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-bottom { margin:0 !important; padding:12px 18px 16px !important; border:0 !important; border-top:1px solid #edf1f5 !important; background:#fbfcfe !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-products-count,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-summary-line { color:#5d6c7a !important; font-family:Inter,sans-serif !important; font-size:12px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-summary-line { display:flex !important; justify-content:space-between !important; gap:16px !important; padding:4px 0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-total { margin-top:6px !important; padding-top:8px !important; border-top:1px solid #e3eaf0 !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action { margin-top:8px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:40px !important; height:auto !important; margin:0 !important; padding:0 !important; border:1px solid #258dcc !important; border-radius:12px !important; color:#fff !important; background:#258dcc !important; font-family:Inter,sans-serif !important; font-size:13px !important; font-weight:700 !important; line-height:normal !important; text-decoration:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn .caret-right,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn .material-icons,
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-action .btn .fa { display:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown .no-items { padding:4px 18px 18px !important; color:#718194 !important; font-family:Inter,sans-serif !important; font-size:0 !important; text-align:left !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown .no-items::after { content:'Votre panier est vide' !important; font-size:11px !important; }
}

/* Must follow tablet cart rules: an empty cart stays compact at every responsive width. */
@media (max-width:1439px) {
  html body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .blockcart.cart-preview .cart-dropdown:has(.no-items) { width:240px !important; min-width:0 !important; max-width:calc(100vw - 24px) !important; }
  html body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-dropdown:has(.no-items) .no-items { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
  /* ZOneTheme keeps swapped mobile source slots outside #header on tablet. */
  body.cms-id-27:not(.macinfo-native-header-live) [id^="_mobile_"]:has(.header-logo),
  body.cms-id-27:not(.macinfo-native-header-live) [id^="_mobile_"]:has(.shopping-cart-module),
  body.cms-id-27:not(.macinfo-native-header-live):not(.macinfo-native-mobile-active) .mobile-header-version:has(.header-logo) { display:none !important; }
}

/* Phone empty-cart drawer is intentionally narrower than the tablet version. */
@media (max-width:767px) {
  html body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .blockcart.cart-preview .cart-dropdown:has(.no-items) { width:200px !important; }
  body.cms-id-27:not(.macinfo-native-header-live).macinfo-native-cart-open #header .cart-title { padding:12px 14px 9px !important; font-size:13px !important; }
}

@media (max-width:767px) {
  /* The empty quick cart is anchored to the header edge, not to a viewport offset. */
  html body.cms-id-27:not(.macinfo-native-header-live) #header .blockcart.cart-preview .cart-dropdown:has(.no-items) { position:absolute !important; top:calc(100% - 10px) !important; right:7px !important; left:auto !important; margin:0 !important; transform:none !important; }
  /* Phone uses the same approved outlined bag without changing its toolbar spacing. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-design::before { width:12px !important; height:10px !important; transform:translateY(2px) !important; border-width:1.5px !important; border-radius:2px 2px 3px 3px !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .cart-design::after { top:-2px !important; left:5px !important; width:6px !important; height:4px !important; border-width:1.5px !important; border-radius:4px 4px 0 0 !important; }
}

@media (max-width:767px) {
  /* The isolated mobile tree owns its cart icon; no pseudo-element overlay. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-native-isolated-header .cart-design::before,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-native-isolated-header .cart-design::after { display:none !important; content:none !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-native-isolated-header .macinfo-mobile-cart-icon { display:block !important; width:12px !important; height:12px !important; flex:0 0 12px !important; margin:0 !important; transform:translateY(-1px) !important; overflow:visible !important; fill:none !important; stroke:#435160 !important; stroke-width:1.5 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-native-isolated-header .macinfo-mobile-cart-icon path { fill:none !important; stroke:#435160 !important; }

  /* The utility icon is visually offset in the compact toolbar; keep its
     disclosure card anchored to that visible icon rather than its source slot. */
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu {
    right:calc(50% + 14px) !important;
  }
}

/* Keep the destructive account action visually distinct on touch and tablet. */
@media (max-width:1439px) {
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu__logout a { color:#b85b5b !important; }
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu__logout a:hover,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu__logout a:focus-visible,
  body.cms-id-27:not(.macinfo-native-header-live) #header .macinfo-account-menu__logout a:active { color:#a64747 !important; background:#fff1f1 !important; }
}