/* My Candy Shop : couche de modernisation site + menu, non destructive.
   Chargée en dernier par header.tpl : aucun sélecteur ne nécessite !important pour les grilles normales. */
html{overflow-x:hidden}
body{max-width:100%;min-width:0;background:#fff;color:#4b4154;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
#page.container_9{width:min(calc(100% - 28px),1260px);max-width:1260px;margin:0 auto;padding:0 14px 20px;box-sizing:border-box;border:0;background:#fff}
#page *,#page *:before,#page *:after{box-sizing:border-box}
#page #header.grid_9,#page #columns.grid_9,#page #footer.grid_9{display:block;float:none;width:100%;max-width:100%;margin:0;left:auto;right:auto}
#page #columns{clear:both;min-width:0;padding:0;display:flex;align-items:flex-start;gap:23px;position:relative;z-index:1}
#page #left_column.column{flex:0 0 224px;width:224px;max-width:224px;min-width:0;float:none;right:auto;left:auto;position:relative;margin:0}
#page #center_column{flex:1 1 0;min-width:0;max-width:100%;width:auto;float:none;left:auto;right:auto;margin:0;padding:0;position:relative}
#page #center_column img,#page #left_column img{max-width:100%;height:auto}
#page #center_column table{max-width:100%}
#page #columns .block{max-width:100%}
#page .breadcrumb{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5}
/* Pages de tunnel et compte sans colonne secondaire encombrante */
body#order #page #left_column,body#order-opc #page #left_column,body#authentication #page #left_column,body#my-account #page #left_column,body#identity #page #left_column,body#addresses #page #left_column,body#address #page #left_column,body#history #page #left_column,body#order-confirmation #page #left_column{display:none}
/* Accueil intégralement large, autres modules conservés pour repli */
body#index #page #left_column{display:none}
body#index #page #center_column{width:100%;max-width:100%;flex:1 1 100%}
body#index #page #columns{display:block}
#mcs-home-hook{width:100%;max-width:100%;clear:both}
#mcs-home-hook .mcs-legacy-home{display:none}
/* Header : le logo, les modules de compte/recherche et le menu d'origine restent fonctionnels */
#page #header{min-height:175px;position:relative;z-index:1000;border-bottom:1px solid #eee8f3;margin-bottom:16px;padding:0}
#header #header_logo{position:absolute;top:15px;left:14px;float:none;z-index:12;width:235px;height:auto}
#header #header_logo img.logo{display:block;max-width:100%;width:auto;height:auto;max-height:91px}
#header .separator_top{display:none}
#header #header_right{display:block;position:static;float:none;width:100%;max-width:100%;height:175px;min-height:0;margin:0}
#header #search_block_top{position:absolute;top:29px;left:auto;right:240px;width:clamp(200px,31vw,355px);z-index:7;margin:0}
#header #search_block_top form{padding:0}
#header #search_block_top p{display:flex;align-items:stretch;margin:0;padding:0}
#header #search_block_top input#search_query_top{float:none;min-width:0;flex:1;width:100%;height:37px;margin:0;padding:0 12px;border:1px solid #e7e1ed;border-radius:9px 0 0 9px;background:#faf9fc;font:13px Arial,Helvetica,sans-serif;color:#403047}
#header #search_block_top input.button{flex:none;float:none;height:37px;min-width:78px;border:0;border-radius:0 9px 9px 0;background:#6540b9;color:#fff;font:700 12px Arial,sans-serif;padding:0 10px}
#header #header_user{position:absolute;top:23px;right:14px;width:210px;margin:0;float:none;z-index:7;min-height:0;font-size:12px;text-align:right}
#header #header_user ul{float:right;max-width:100%}
#header #header_user #shopping_cart a{min-width:0;width:auto;display:block;height:auto;min-height:37px;padding:11px 11px 10px 34px;border-radius:9px;color:#503277;background:#f4effb;font:700 12px Arial,sans-serif}
#header #header_user #header_user_info{float:right;clear:both;margin:5px 0 0;font-size:12px}
#header #header_user #header_user_info a{border:0;font:12px Arial,sans-serif}
/* L'ancien Superfish peint toutes les balises en rouge : neutralisation ciblée. */
#header .sf-menu *{background-color:transparent}
/* Ne pas modifier les classes utilisées par Superfish ; changer seulement l'habillage */
#header .sf-contener{position:absolute;z-index:20;top:115px;left:0;right:0;clear:both;width:100%;margin:0}
#header .sf-menu{display:flex;flex-wrap:wrap;width:100%;max-width:100%;float:none;gap:1px;margin:0;padding:0 10px;min-height:44px;border-radius:10px;background:#5e3baa;list-style:none;box-shadow:0 4px 10px #47367a0c}
#header .sf-menu>li{flex:0 0 auto;max-width:100%;float:none;border:0;position:relative;background:transparent}
#header .sf-menu>li>a,#header .sf-menu>li>a:visited{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;text-shadow:none;display:block;line-height:43px;height:auto;padding:0 clamp(9px,1.4vw,18px);font-size:12px;text-decoration:none;background:none;margin:0}
#header .sf-menu>li>a:hover,#header .sf-menu>li.sfHover>a{background:#7e58c4;color:#fff}
#header .sf-menu>li:hover>ul,#header .sf-menu>li.sfHover>ul{top:43px;left:0}
#header .sf-menu li.sf-search{margin-left:auto;min-width:145px}
#header .sf-menu li.sf-search input{box-sizing:border-box;max-width:190px;border-radius:6px;padding:5px 9px;height:29px;line-height:1.2;margin:7px 0;background:#fff;color:#453451}
#header .sf-menu li ul{background:#fff;box-shadow:0 12px 25px #33224a2d;min-width:210px;border-radius:0 0 9px 9px;z-index:100}
#header .sf-menu ul li{float:none;background:#fff;border:0}
#header .sf-menu ul li a,#header .sf-menu ul li a:visited{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#524266;text-shadow:none;padding:11px 15px;line-height:1.4;height:auto;white-space:normal;min-width:160px}
#header .sf-menu ul li a:hover,#header .sf-menu ul li.sfHover>a{background:#f3eefb;color:#5e38aa}
#header .sf-menu .mcs-sub-toggle{display:none}
#header #mcs-menu-toggle{display:none}
#header .sf-right{display:none}
/* Product cards and category without changing cart / JS selectors */
#page #product_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:100%;width:100%;margin:16px 0 22px;padding:0;list-style:none}
#page #product_list>li{width:100%;max-width:100%;min-width:0;float:none;margin:0;padding:15px;border:1px solid #eee9f1;border-radius:13px;background:#fff;box-sizing:border-box;overflow:hidden}
#page #product_list>li img{max-width:100%;height:auto;object-fit:contain}
#page #product_list>li .center_block,#page #product_list>li .right_block,#page #product_list>li .left_block{box-sizing:border-box;float:none;width:100%;max-width:100%;position:static;margin:0}
#page #product_list>li .product_desc{max-width:100%;width:auto;float:none}
#page #product_list>li .product_img_link{max-width:100%;float:none;display:block;margin:0 auto}
#page #product_list>li h3{font-size:14px;line-height:1.5;margin:8px 0;padding:0;font-weight:bold}
#page #product_list>li .price{color:#6838aa}
#page #product_list>li .button,#page #product_list>li .exclusive{max-width:100%;white-space:normal}
#page #product_list>li p{max-width:100%}
/* Footer actuel : mêmes hooks et colonnes, présentation réécrite et discrète */
#page #footer{clear:both;position:relative;float:none;border-top:1px solid #ede8f1;margin-top:40px;padding:30px 16px;color:#766c7f;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.6}
#page #footer h4,#page #footer h4 a{font-family:Arial,Helvetica,sans-serif;color:#433250;font-size:14px;font-weight:800!important;line-height:1.5}
#page #footer li a{color:#6c6275;line-height:1.8}
#page #footer li a:hover{color:#6e43b9}
#page #footer .blockcategories_footer,#page #footer #block_various_links_footer,#page #footer #block_contact_infos,#page #footer .myaccount,#page #footer #social_block{margin:0 2% 20px 0!important;max-width:100%;min-width:135px;float:left;position:relative}
#page #footer #presentation{clear:both;position:relative;width:100%;max-width:100%;margin:10px 0 0;padding:20px 0 0;border-top:1px solid #eee8f1;color:#847989;font-size:11px;text-align:left;line-height:1.6}
#page #footer #presentation h2{font-family:Arial,Helvetica,sans-serif;color:#786f80;font-size:12px;font-weight:700;line-height:1.5;margin-bottom:6px}
#page #footer #presentation p{font-size:11px;line-height:1.6;margin:0 0 7px;padding:0}
#page_bottom{max-width:100%;width:100%;height:auto;min-height:20px}
/* Éléments hérités limités à leur conteneur */
#page #center_column .bx-wrapper,#page #center_column .bx-window,#page #center_column #homeslider{max-width:100%}
#page #center_column #atsuperblock_video video{max-width:100%;height:auto}
@media(min-width:901px) and (max-width:1150px){#header .sf-menu>li>a,#header .sf-menu>li>a:visited{font-size:11px;padding:0 9px}#page #product_list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  #page.container_9{width:100%;padding:0 13px 18px}
  #page #header{min-height:150px;margin-bottom:12px}
  #header #header_logo{left:3px;top:11px;width:176px}
  #header #header_logo img.logo{max-height:63px}
  #header #header_right{height:151px}
  #header #header_user{right:65px;top:14px;max-width:140px;width:auto}
  #header #header_user #shopping_cart a{font-size:11px;min-height:33px;padding:9px 9px 8px 29px}
  #header #header_user #header_user_info{font-size:11px;margin:6px 0 0}
  #header #header_user #header_user_info a{font-size:11px}
  #header #search_block_top{top:91px;left:0;right:0;width:100%;max-width:100%}
  #header #search_block_top input#search_query_top{height:38px}
  #header #search_block_top input.button{height:38px}
  #header .sf-contener{position:absolute;top:14px;left:auto;right:0;width:auto;z-index:220;margin:0;clear:none}
  #header #mcs-menu-toggle{display:flex;align-items:center;gap:7px;justify-content:center;border:1px solid #e5ddef;border-radius:9px;background:#f7f3fb;color:#51308e;font:bold 12px Arial,sans-serif;padding:9px 10px;height:37px;cursor:pointer}
  #header #mcs-menu-toggle span:first-child{font-size:19px;line-height:16px}
  #header .sf-menu{display:none;position:absolute;top:45px;right:0;left:auto;margin:0;padding:8px;min-height:0;width:min(calc(100vw - 26px),375px);max-width:calc(100vw - 26px);max-height:min(77vh,570px);overflow-y:auto;overflow-x:hidden;border-radius:12px;background:#fff;border:1px solid #e8e2ef;box-shadow:0 18px 50px #2f164a3b;flex-direction:column;flex-wrap:nowrap;gap:0}
  #header .sf-contener.mcs-menu-open>.sf-menu{display:flex}
  #header .sf-menu>li{width:100%;float:none;border-bottom:1px solid #f2edf6;min-height:0;background:#fff}
  #header .sf-menu>li:last-child{border:0}
  #header .sf-menu>li>a,#header .sf-menu>li>a:visited{font:700 14px/1.5 Arial,sans-serif;color:#453352;text-shadow:none;white-space:normal;display:block;height:auto;min-height:44px;padding:12px 46px 12px 13px;margin:0;background:transparent}
  #header .sf-menu>li>a:hover,#header .sf-menu>li.sfHover>a{color:#5635a0;background:#f7f4fb}
  #header .sf-menu li .mcs-sub-toggle{display:block;position:absolute;right:7px;top:5px;z-index:4;width:38px;height:37px;border:1px solid #eae4f1;border-radius:8px;background:#faf8fd;color:#563a8e;font:700 19px Arial;cursor:pointer}
  #header .sf-menu li ul,#header .sf-menu li:hover ul,#header .sf-menu li.sfHover ul{display:none!important;position:static!important;top:auto!important;left:auto!important;width:100%!important;max-width:100%;min-width:0;background:#f9f6fc;border:0;border-radius:8px;box-shadow:none;margin:0 0 7px;padding:0 8px}
  #header .sf-menu li.mcs-sub-open>ul{display:block!important}
  #header .sf-menu ul li,#header .sf-menu ul li:hover{position:relative;min-height:0;float:none;background:transparent!important}
  #header .sf-menu ul li a,#header .sf-menu ul li a:visited{white-space:normal;color:#5d4d67;display:block;width:100%;min-height:36px;font:13px/1.4 Arial,sans-serif;padding:10px 35px 10px 9px}
  #header .sf-menu ul li li a{padding-left:20px}
  #header .sf-menu li.sf-search{margin:0;width:100%;min-height:52px}
  #header .sf-menu li.sf-search form{padding:8px 6px}
  #header .sf-menu li.sf-search input{max-width:100%;width:100%;margin:0}
  #page #columns{display:block;max-width:100%;padding:0}
  #page #left_column.column,#page #center_column{float:none;clear:both;width:100%;max-width:100%;flex:auto;position:relative;left:auto;right:auto;margin:0}
  #page #left_column.column{margin-bottom:16px}
  #page #product_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  #page #product_list>li{padding:11px}
  #page #footer{padding:22px 3px;margin-top:25px}
  #page #footer .blockcategories_footer,#page #footer #block_various_links_footer,#page #footer #block_contact_infos,#page #footer .myaccount,#page #footer #social_block{min-width:0;width:47%;margin:0 3% 17px 0!important}
  #page table,#page .table_block{max-width:100%}
  #page #cart_summary{display:block;overflow-x:auto}
  #page #center_column input[type=text],#page #center_column input[type=email],#page #center_column input[type=password],#page #center_column select,#page #center_column textarea{max-width:100%}
}
@media(max-width:510px){
  #page.container_9{padding:0 10px 12px}
  #header #header_logo{width:143px;top:13px}
  #header #header_user{right:57px}
  #header #header_user #shopping_cart a{font-size:0;min-width:33px;width:33px;padding:8px 4px;background-position:8px center}
  #header #header_user #shopping_cart a span{font-size:11px}
  #header #header_user #header_user_info{display:none}
  #header #mcs-menu-toggle{height:35px;font-size:11px;padding:7px 9px}
  #page #product_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #page #product_list>li{padding:9px}
  #page #product_list>li h3{font-size:12px}
  #page #footer .blockcategories_footer,#page #footer #block_various_links_footer,#page #footer #block_contact_infos,#page #footer .myaccount,#page #footer #social_block{width:100%;margin:0 0 12px!important;float:none}
  #page #center_column .sortPagiBar,#page #center_column .content_sortPagiBar{max-width:100%;height:auto;min-height:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* MCS Palette bleue v1.1 — surcharge graphique sans modification de structure.
   Bleu profond -> bleu lumineux ; menu et actions. */
:root{
  --mcs-blue-dark:#0754B5;
  --mcs-blue-light:#1397DC;
  --mcs-blue-hover-dark:#063D93;
  --mcs-blue-hover-light:#0875C4;
  --mcs-blue-ink:#104B93;
  --mcs-blue-soft:#EAF4FF;
  --mcs-blue-gradient:linear-gradient(108deg,#0754B5 0%,#096FCD 52%,#1397DC 100%);
  --mcs-blue-gradient-hover:linear-gradient(108deg,#063D93 0%,#075DB3 52%,#0875C4 100%);
}
/* Navigation principale — le bleu ne change ni les tailles ni les sous-menus. */
#header .sf-menu{background:var(--mcs-blue-gradient);box-shadow:0 6px 18px rgba(7,83,181,.14)}
#header .sf-menu>li>a:hover,#header .sf-menu>li.sfHover>a,#header .sf-menu>li>a:focus-visible{background:rgba(255,255,255,.18);color:#fff}
#header .sf-menu ul li a:hover,#header .sf-menu ul li.sfHover>a{background:#EAF4FF;color:#0754B5}
#header #search_block_top input.button,#header #header_user #shopping_cart a{background:var(--mcs-blue-gradient);color:#fff;border-color:#0754B5;box-shadow:0 2px 8px rgba(6,81,174,.15)}
#header #search_block_top input.button:hover,#header #search_block_top input.button:focus,#header #header_user #shopping_cart a:hover,#header #header_user #shopping_cart a:focus{background:var(--mcs-blue-gradient-hover);color:#fff}
#header #header_user #header_user_info a:hover,#page #footer li a:hover{color:var(--mcs-blue-ink)}
#page #product_list>li .price{color:var(--mcs-blue-ink)}
/* Boutons interactifs PrestaShop : catégories, produit, panier et paiement.
   Les éléments désactivés sont volontairement exclus. */
#page a.button_mini,#page a.button_small,#page a.button,#page a.button_large,
#page a.exclusive_mini,#page a.exclusive_small,#page a.exclusive,#page a.exclusive_large,
#page input.button_mini:not(:disabled),#page input.button_small:not(:disabled),
#page input.button:not(:disabled),#page input.button_large:not(:disabled),
#page input.exclusive_mini:not(:disabled),#page input.exclusive_small:not(:disabled),
#page input.exclusive:not(:disabled),#page input.exclusive_large:not(:disabled),
#page button.button,#page button.exclusive,#page .ajax_add_to_cart_button,
#page span.exclusivelist{
  background:var(--mcs-blue-gradient);background-image:var(--mcs-blue-gradient);
  border-color:#0754B5;color:#fff;text-shadow:none;
  box-shadow:0 3px 10px rgba(7,83,181,.15);
  transition:filter .2s ease,box-shadow .2s ease;
}
#page a.button_mini:hover,#page a.button_small:hover,#page a.button:hover,#page a.button_large:hover,
#page a.exclusive_mini:hover,#page a.exclusive_small:hover,#page a.exclusive:hover,#page a.exclusive_large:hover,
#page input.button_mini:not(:disabled):hover,#page input.button_small:not(:disabled):hover,
#page input.button:not(:disabled):hover,#page input.button_large:not(:disabled):hover,
#page input.exclusive_mini:not(:disabled):hover,#page input.exclusive_small:not(:disabled):hover,
#page input.exclusive:not(:disabled):hover,#page input.exclusive_large:not(:disabled):hover,
#page button.button:hover,#page button.exclusive:hover,#page .ajax_add_to_cart_button:hover,
#page span.exclusivelist:hover{
  background:var(--mcs-blue-gradient-hover);background-image:var(--mcs-blue-gradient-hover);
  color:#fff;box-shadow:0 5px 12px rgba(7,83,181,.22);
}
#page a.button_mini:focus-visible,#page a.button_small:focus-visible,#page a.button:focus-visible,
#page a.button_large:focus-visible,#page a.exclusive:focus-visible,#page a.exclusive_large:focus-visible,
#page input.button:focus-visible,#page button.button:focus-visible{outline:3px solid #75C7FF;outline-offset:2px}
@media(max-width:900px){
  /* Menu responsive : gâchette bleue, panneau blanc pour une meilleure lisibilité. */
  #header #mcs-menu-toggle{background:var(--mcs-blue-gradient);border-color:#0754B5;color:#fff;box-shadow:0 2px 8px rgba(7,83,181,.16)}
  #header #mcs-menu-toggle:hover,#header #mcs-menu-toggle:focus-visible{background:var(--mcs-blue-gradient-hover);color:#fff}
  #header .sf-menu{background:#fff;border-color:#D5E8FA;box-shadow:0 18px 50px rgba(5,49,110,.20)}
  #header .sf-menu>li{border-bottom-color:#E6F1FB}
  #header .sf-menu>li>a,#header .sf-menu>li>a:visited{color:#173B69}
  #header .sf-menu>li>a:hover,#header .sf-menu>li.sfHover>a,#header .sf-menu>li>a:focus-visible{background:#EAF4FF;color:#0754B5}
  #header .sf-menu li .mcs-sub-toggle{background:#EAF4FF;color:#0754B5;border-color:#CDE3F8}
  #header .sf-menu li .mcs-sub-toggle:hover,#header .sf-menu li .mcs-sub-toggle:focus-visible{background:#DCEEFF}
  #header .sf-menu li ul,#header .sf-menu li:hover ul,#header .sf-menu li.sfHover ul{background:#F3F8FE}
}

/* v1.1.2 : réserver une zone distincte au bouton du menu mobile et au panier */
@media (max-width: 900px) {
  #header #header_user { right: 95px; }
}

/* L'ancien Superfish force height:30px. En mobile, laisser le panneau
   prendre la hauteur de ses liens (avec limite et defilement si necessaire). */
@media (max-width: 900px) {
  #header .sf-contener > .sf-menu {
    height: auto;
  }
}

/* MCS - v1.1.3 : loupe blanche du bouton de recherche (desktop/mobile).
   Le bouton PrestaShop d'origine est un input type=submit sans texte.
   L'ancien pictogramme etait une image de fond masquee par le degrade bleu.
   Deux backgrounds : SVG loupe au premier plan, degrade au second.
   Aucun changement du formulaire ni de la recherche AJAX. */
body #page #header #search_block_top form#searchbox input.button {
  background-color: #0754B5;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.25%22%2F%3E%3Cpath%20d%3D%22m15.25%2015.25%205%205%22%2F%3E%3C%2Fsvg%3E"),
                    linear-gradient(108deg, #0754B5 0%, #096FCD 52%, #1397DC 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 21px 21px, 100% 100%;
  cursor: pointer;
}
body #page #header #search_block_top form#searchbox input.button:hover,
body #page #header #search_block_top form#searchbox input.button:focus-visible {
  background-color: #063D93;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.25%22%2F%3E%3Cpath%20d%3D%22m15.25%2015.25%205%205%22%2F%3E%3C%2Fsvg%3E"),
                    linear-gradient(108deg, #063D93 0%, #075DB3 52%, #0875C4 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 21px 21px, 100% 100%;
}
/* My Candy Shop B2B — Logo du header plus visible (v2.1 : +20% par rapport a v2.0)
 * Ajouter APRES les regles existantes de :
 * themes/my-americanbox/css/mcs-site-responsive.css
 * Compatible avec le bloc compte / panier autonome v1.8-v1.9.
 * Conserve le ratio original du logo et la disposition du header.
 */

/* Ordinateurs : occuper davantage la place libre a gauche de la recherche. */
@media (min-width: 1131px) {
  #page #header #header_logo {
    width: clamp(318px, 28.8vw, 378px) !important;
    max-width: 378px !important;
    top: 11px;
  }
  #page #header #header_logo img.logo {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 118px !important;
    object-fit: contain;
    object-position: left center;
  }
}

/* Ordinateurs compacts : ne pas empieter sur le champ de recherche. */
@media (min-width: 901px) and (max-width: 1130px) {
  #page #header #header_logo {
    width: clamp(264px, 26.4vw, 300px) !important;
    max-width: 300px !important;
    top: 14px;
  }
  #page #header #header_logo img.logo {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 108px !important;
    object-fit: contain;
    object-position: left center;
  }
}

/* Tablettes : garder le logo sur la premiere ligne, au-dessus de la recherche. */
@media (min-width: 601px) and (max-width: 900px) {
  #page #header #header_logo {
    width: clamp(230px, 32.4vw, 274px) !important;
    max-width: 274px !important;
  }
  #page #header #header_logo img.logo {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 82px !important;
    object-fit: contain;
    object-position: left center;
  }
}

/* Mobiles : +20% quand l’espace le permet ; la limite de securite
   conservee empeche de chevaucher compte et panier sur les ecrans etroits. */
@media (max-width: 600px) {
  #page #header #header_logo {
    width: clamp(199px, 52.8vw, 228px) !important;
    max-width: calc(100% - 125px) !important;
  }
  #page #header #header_logo img.logo {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 74px !important;
    object-fit: contain;
    object-position: left center;
  }
}