/*
 * GATARD Product Pro 4.6.38
 * Refonte visuelle ciblée du bloc catalogue tools uniquement.
 * Aucun ciblage header/footer/hero/cartes produit.
 */

html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v4-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v403-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready{
  --gpp-tools-gold:#d8a748;
  --gpp-tools-gold-dark:#b88329;
  --gpp-tools-ink:#45382a;
  --gpp-tools-muted:#847662;
  --gpp-tools-line:rgba(184,131,41,.16);
  --gpp-tools-line-strong:rgba(184,131,41,.30);
  --gpp-tools-cream:#fffaf2;
  --gpp-tools-white:#fffefa;

  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0 0 26px!important;
  padding:16px!important;
  border:1px solid var(--gpp-tools-line)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(216,167,72,.10),transparent 34%),
    linear-gradient(180deg,rgba(255,254,250,.98),rgba(255,250,242,.94))!important;
  box-shadow:0 14px 38px rgba(96,66,22,.055)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Recherche : pleine largeur, plus premium et lisible. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-search,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:56px!important;
  padding:0 17px!important;
  margin:0!important;
  border:1px solid rgba(184,131,41,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 16px rgba(98,67,22,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  box-sizing:border-box!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-search:focus-within,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-search:focus-within{
  border-color:rgba(184,131,41,.58)!important;
  box-shadow:0 0 0 4px rgba(216,167,72,.10),0 8px 22px rgba(98,67,22,.06)!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v427-search-icon{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  margin:0!important;
  border:1px solid rgba(184,131,41,.14)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,rgba(216,167,72,.14),rgba(184,131,41,.08))!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v427-search-icon img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-search input,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-search input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--gpp-tools-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:54px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-search input::placeholder,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-search input::placeholder{
  color:#a09586!important;
  opacity:1!important;
  font-weight:500!important;
}

/* Filtres : une vraie barre homogène, favoris inclus. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-filters,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-filters{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v4-filter],
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v403-filter],
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-fav-filter{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:45px!important;
  padding:9px 10px!important;
  margin:0!important;
  border:1px solid rgba(184,131,41,.15)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.88)!important;
  color:#5b4c39!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:normal!important;
  text-align:center!important;
  box-shadow:0 3px 10px rgba(82,58,22,.025)!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease!important;
  box-sizing:border-box!important;
}
@media (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready [data-gpp-v4-filter]:not(.is-active):not(:disabled):hover,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready [data-gpp-v403-filter]:not(.is-active):not(:disabled):hover,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-fav-filter:not(.is-active):hover{
    transform:translateY(-1px)!important;
    border-color:rgba(184,131,41,.34)!important;
    background:#fffaf0!important;
    box-shadow:0 7px 16px rgba(102,69,21,.06)!important;
    color:#8e621f!important;
  }
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v4-filter].is-active,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v403-filter].is-active,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-fav-filter.is-active{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--gpp-tools-gold),var(--gpp-tools-gold-dark))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(184,131,41,.18)!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v4-filter]:disabled,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v403-filter]:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4-filters small,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v403-filters small,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-fav-filter small{
  display:inline-grid!important;
  place-items:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(184,131,41,.10)!important;
  color:#80602d!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v4-filter].is-active small,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready [data-gpp-v403-filter].is-active small,
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-fav-filter.is-active small{
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-fav-filter svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  stroke:currentColor!important;
}

/* Tri + résultats + reset : pleine largeur, zéro colonne vide. */
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-smart-row{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:13px 2px 0!important;
  border-top:1px solid rgba(184,131,41,.13)!important;
  box-sizing:border-box!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-sort{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  margin:0!important;
  color:#71614c!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-sort span{
  white-space:nowrap!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-sort select{
  min-width:174px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 34px 8px 13px!important;
  border:1px solid rgba(184,131,41,.17)!important;
  border-radius:12px!important;
  background-color:#fff!important;
  color:#4e402f!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-sort select:focus{
  outline:0!important;
  border-color:rgba(184,131,41,.52)!important;
  box-shadow:0 0 0 3px rgba(216,167,72,.10)!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-results{
  justify-self:end!important;
  margin:0!important;
  color:#8b7659!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
.gpp-v428-tools-ready .gpp-v4629-reset{
  justify-self:end!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 14px!important;
  border:1px solid rgba(184,131,41,.19)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fffaf1,#fff6e6)!important;
  color:#855e24!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-reset:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(184,131,41,.36)!important;
    background:#fff0d1!important;
  }
}

/* TABLETTE : 4 filtres / ligne, proportions confortables. */
@media (min-width:761px) and (max-width:1180px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v4-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v403-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready{
    padding:14px!important;
    gap:12px!important;
    border-radius:19px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4-filters,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v403-filters{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-smart-row{
    grid-template-columns:auto 1fr auto!important;
  }
}

/* MOBILE : filtres scrollables, aucune compression illisible. */
@media (max-width:760px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v4-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v403-catalog-tools.gpp-v417-tools.gpp-v428-tools-ready{
    gap:11px!important;
    margin:0 0 20px!important;
    padding:12px!important;
    border-radius:17px!important;
    box-shadow:0 8px 24px rgba(96,66,22,.045)!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4-search,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v403-search{
    min-height:50px!important;
    padding:0 12px!important;
    border-radius:13px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v427-search-icon{
    width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4-search input,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v403-search input{
    height:48px!important;
    line-height:48px!important;
    font-size:13px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4-filters,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v403-filters{
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    margin:0 -2px!important;
    padding:2px 2px 6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4-filters::-webkit-scrollbar,
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v403-filters::-webkit-scrollbar{display:none!important}
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready [data-gpp-v4-filter],
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready [data-gpp-v403-filter],
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-fav-filter{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:112px!important;
    min-height:40px!important;
    padding:8px 11px!important;
    border-radius:12px!important;
    scroll-snap-align:start!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-smart-row{
    grid-template-columns:1fr auto!important;
    gap:9px!important;
    padding-top:11px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-sort{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-sort select{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-results{
    justify-self:start!important;
    white-space:normal!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-reset{
    min-height:40px!important;
    padding:8px 11px!important;
  }
}

@media (max-width:430px){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-smart-row{
    grid-template-columns:1fr!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-results{
    justify-self:center!important;
    text-align:center!important;
  }
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready .gpp-v4629-reset{
    width:100%!important;
    justify-self:stretch!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body#cms.cms-id-7.gpp-online-mode #gpp-online-root.gpp-v417-clean
  .gpp-v428-tools-ready *{transition:none!important}
}