.search-modal-partial .modal-search-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
}
.search-modal-partial .modal-search-section::-webkit-scrollbar {
  width: 5px;
}
.search-modal-partial .modal-search-section::-webkit-scrollbar-track {
  background: #fff;
}
.search-modal-partial .modal-search-section::-webkit-scrollbar-thumb {
  background: #000;
}
.search-modal-partial .modal-search-section h4, .search-modal-partial .modal-search-section .font-h4 {
  margin: 6px 48px 30px 48px;
  font-size: 41px;
  text-align: center;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form {
  position: relative;
  width: 330px;
  margin: auto;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form .ais-SearchBox-input {
  width: 290px;
  padding: 0px 20px;
  font-size: 16px;
  line-height: 19px;
  border-radius: 30px;
  border-width: 2px;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form .ais-SearchBox-input::placeholder {
  color: black;
  opacity: 1;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form .ais-SearchBox-input:focus::placeholder {
  color: #767575;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form button {
  position: absolute;
  right: 13px;
  top: 4px;
  padding: 7px;
  background: none;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form button svg {
  width: 17px;
  height: 17px;
  fill: white;
  stroke-width: 2px;
  stroke: black;
}
.search-modal-partial .modal-search-section .ais-SearchBox-form label {
  display: none;
}
.search-modal-partial .modal-search-section .popular-container {
  padding-top: 50px;
  width: 330px;
  margin: auto;
}
.search-modal-partial .modal-search-section .popular-container strong {
  padding-bottom: 20px;
  display: inline-block;
}
.search-modal-partial .modal-search-section .popular-container .ais-Hits-item:nth-child(4),
.search-modal-partial .modal-search-section .popular-container .ais-Hits-item:nth-child(5) {
  display: none;
}
.search-modal-partial .modal-search-section .popular-container article {
  padding-bottom: 15px;
  padding-top: 0;
  position: relative;
}
.search-modal-partial .modal-search-section .popular-container article:hover img, .search-modal-partial .modal-search-section .popular-container article:hover svg {
  border: 1px solid transparent;
  transform: scale(1.15);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.search-modal-partial .modal-search-section .popular-container article img {
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.search-modal-partial .modal-search-section .popular-container article .container {
  display: flex;
  align-items: center;
}
.search-modal-partial .modal-search-section .popular-container article .container .left-area .media {
  width: 85px;
  height: 85px;
}
.search-modal-partial .modal-search-section .popular-container article .container .left-area .media-placeholder {
  padding: 10px;
}
.search-modal-partial .modal-search-section .popular-container article .container .right-area {
  margin-left: 23px;
  display: flex;
  flex-direction: column;
}
.search-modal-partial .modal-search-section .popular-container article .container .right-area .bundle {
  font-size: 13px;
  line-height: 13px;
  color: #767575;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 3px;
}
.search-modal-partial .modal-search-section .popular-container article .container .right-area .field--name-title {
  font-size: 19px;
  line-height: 23px;
  font-weight: 600;
}
.search-modal-partial .modal-search-section .popular-container a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.search-modal-partial .modal-search-section .popular-container a:after {
  content: none;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions {
  width: 330px;
  margin-top: 15px;
  border: 2px solid black;
  border-radius: 30px;
  padding: 16px 20px;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions:has(.ais-Hits--empty), .search-modal-partial .modal-search-section #global-nav-hits-propositions.noresults {
  border: none;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions .ais-Hits--empty {
  font-weight: 600;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions .ais-Hits-item {
  margin-bottom: 17px;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions .ais-Hits-item:last-of-type {
  margin-bottom: 0;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article {
  position: relative;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article .container {
  display: flex;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article .container .right-area {
  display: flex;
  flex-direction: column;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article .container .right-area .bundle {
  font-size: 13px;
  line-height: 13px;
  color: #767575;
  text-transform: uppercase;
  font-weight: bold;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article .container .right-area .field--name-title {
  font-size: 19px;
  line-height: 23px;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article .left-area {
  display: none;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.search-modal-partial .modal-search-section #global-nav-hits-propositions article a:after {
  content: none;
}
.search-modal-partial .modal-search-section .btn-see-results {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}

#search-page-container {
  padding-top: 70px;
  /**
   Zone with result count and mobile buttons
  */
}
#search-page-container .search-filters-page--container {
  justify-content: start;
  display: flex;
  margin: 0 var(--margin-grid);
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters.active {
    height: 100vh;
    overflow: hidden;
  }
}
#search-page-container .results {
  margin: 0 var(--margin-grid);
  padding-top: 40px;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .results {
    padding-top: 10px;
  }
}
#search-page-container .results #stats {
  padding-bottom: 30px;
}
#search-page-container .results #stats label {
  font-weight: 600;
}
#search-page-container .results #search-page-hits li {
  margin: 0 0 20px;
}
#search-page-container .results #search-page-hits article {
  padding-top: 0;
}
#search-page-container .results #search-page-hits a {
  width: 100%;
}
#search-page-container .results #search-page-hits a:after {
  content: none;
}
#search-page-container .results #search-page-hits a:hover img {
  border: 1px solid transparent;
  transform: scale(1.15);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#search-page-container .results #search-page-hits a img {
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#search-page-container .results .result-container {
  display: flex;
}
#search-page-container .results .result-container .left-area .media {
  width: 175px;
  height: 175px;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .results .result-container .left-area .media {
    width: 85px;
    height: 85px;
  }
  #search-page-container .results .result-container .left-area .media.media-placeholder {
    padding: 10px;
  }
}
#search-page-container .results .result-container .right-area {
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
}
#search-page-container .results .result-container .right-area .bundle {
  font-size: 13px;
  line-height: 13px;
  color: #767575;
  text-transform: uppercase;
  font-weight: bold;
}
#search-page-container .results .result-container .right-area .field--name-title {
  font-size: 23px;
  line-height: 24px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .results .result-container .right-area .desc {
    display: none;
  }
}
#search-page-container .results #pagination {
  justify-content: center;
}
#search-page-container .search-page-filters {
  background-color: white;
  border: 1px solid #767575;
  border-radius: 38px;
  font-size: 16px;
  line-height: 19px;
  transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  margin-left: 15px;
  position: absolute;
  left: calc(var(--margin-grid) + 330px);
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters {
    left: auto;
    right: 124px;
  }
}
#search-page-container .search-page-filters .remove-active {
  animation: slideDown 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}
#search-page-container .search-page-filters .txt {
  padding: 16px 23px 16px 20px;
  z-index: 3;
  position: relative;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters .txt {
    padding: 5px 12px;
    font-size: 13px;
  }
  #search-page-container .search-page-filters .txt svg {
    width: 13px;
    height: 13px;
    margin-top: 2px;
  }
}
@media (hover: hover) {
  #search-page-container .search-page-filters:not(.active):hover {
    box-shadow: inset 0 0 0 1px #000000;
    transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 1px solid black;
  }
}
#search-page-container .search-page-filters:not(.active):focus, #search-page-container .search-page-filters:not(.active):focus-visible, #search-page-container .search-page-filters:not(.active):focus-within {
  box-shadow: inset 0 0 0 1px #000000;
  transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border: 1px solid black;
}
#search-page-container .search-page-filters .icon {
  margin-right: 14px;
}
#search-page-container .search-page-filters svg {
  width: 20px;
  height: 13px;
}
#search-page-container .search-page-filters.active {
  cursor: initial;
  overflow: hidden;
  z-index: 1;
  border-radius: 20px;
  border: 2px solid #000000;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters.active {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: top, bottom, left, right;
    transition-duration: 0s;
    margin: 0;
    z-index: 106;
    position: fixed;
  }
}
#search-page-container .search-page-filters.active .btn-apply #apply-filters {
  transform: translateY(0px);
  opacity: 1;
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters.active .txt {
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    padding: 40px 18px;
  }
  #search-page-container .search-page-filters.active .txt .icon {
    display: none;
  }
}
#search-page-container .search-page-filters.active .filters {
  max-height: 320px;
  max-width: 400px;
  padding: 0px 15px 15px;
  transition-delay: 0s;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .search-page-filters.active .filters {
    min-height: 100%;
    top: -118px;
    position: relative;
    padding-top: 118px;
  }
}
#search-page-container .search-page-filters.active .filters .close {
  opacity: 1;
  pointer-events: auto;
  z-index: 3;
  cursor: pointer;
}
#search-page-container .search-page-filters.active .filters .ais-RefinementList-item,
#search-page-container .search-page-filters.active .filters .ais-ClearRefinements-button {
  transform: translateY(0px);
  opacity: 1;
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 5px;
}
#search-page-container .buttons {
  position: absolute;
  right: 25px;
}
@media only screen and (min-width: 768px) {
  #search-page-container .buttons {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .buttons .ais-Stats label {
    font-size: 13px;
  }
}
#search-page-container .buttons .search-reset {
  margin-left: 20px;
  margin-right: auto;
}
#search-page-container .buttons .btn-reset {
  background: none;
  display: none;
  transform: translateY(2px);
}
#search-page-container .buttons .btn-reset:disabled {
  display: none;
}
#search-page-container .buttons .btn-reset svg {
  height: 14px;
  margin: 0 8px 0 0;
  width: 14px;
}
@media only screen and (min-width: 600px) {
  #search-page-container .buttons .btn-reset {
    display: flex;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  #search-page-container .buttons .btn-reset {
    font-size: 13px;
  }
}
#search-page-container .buttons .btn {
  height: 30px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 5px 12px;
  margin: 0;
  font-size: 13px;
}
#search-page-container .buttons .btn svg {
  fill: white;
  stroke-width: 2px;
  stroke: black;
  width: 13px;
  height: 13px;
  margin-left: 0;
}
#search-page-container .filters {
  max-height: 0;
  max-width: 0;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .filters {
    transition-delay: 0s;
  }
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .filters .btn-apply {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) {
  #search-page-container .filters .btn-apply {
    display: none;
  }
}
#search-page-container .filters .btn-apply #apply-filters {
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), margin 0s ease 0.2s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-image: linear-gradient(45deg, #767575 50%, #000000 50%);
  background-size: 250% 100%;
  background-position: right bottom;
  transition: background-position 0.5s ease;
  background-color: #000000;
  color: #ffffff;
}
@media (hover: hover) {
  #search-page-container .filters .btn-apply #apply-filters:hover {
    background-position: left top;
  }
}
#search-page-container .filters .btn-apply #apply-filters:focus, #search-page-container .filters .btn-apply #apply-filters:focus-visible, #search-page-container .filters .btn-apply #apply-filters:focus-within {
  background-position: left top;
}
#search-page-container .filters .close {
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0;
  pointer-events: none;
}
#search-page-container .filters .ais-RefinementList-item,
#search-page-container .filters .ais-ClearRefinements-button {
  transform: translateY(50px);
  opacity: 0;
  display: inline-flex;
  align-items: center;
  background-color: white;
  color: #000000;
  border-color: #767575;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 35px;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 35px;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .filters .ais-RefinementList-item,
#search-page-container .filters .ais-ClearRefinements-button {
    transition: none;
  }
}
@media (hover: hover) {
  #search-page-container .filters .ais-RefinementList-item:hover,
#search-page-container .filters .ais-ClearRefinements-button:hover {
    box-shadow: inset 0 0 0 1px #000000;
    border-color: #000000;
  }
}
#search-page-container .filters .ais-RefinementList-item:focus, #search-page-container .filters .ais-RefinementList-item:focus-visible, #search-page-container .filters .ais-RefinementList-item:focus-within,
#search-page-container .filters .ais-ClearRefinements-button:focus,
#search-page-container .filters .ais-ClearRefinements-button:focus-visible,
#search-page-container .filters .ais-ClearRefinements-button:focus-within {
  box-shadow: inset 0 0 0 1px #000000;
  border-color: #000000;
}
#search-page-container .filters .ais-RefinementList-item:focus,
#search-page-container .filters .ais-ClearRefinements-button:focus {
  box-shadow: inset 0 0 0 1px #000000;
}
#search-page-container .filters .ais-RefinementList-item:focus:not(:focus-visible),
#search-page-container .filters .ais-ClearRefinements-button:focus:not(:focus-visible) {
  outline: none;
  outline-offset: 0;
}
#search-page-container .filters .ais-RefinementList-item.btn-primary-filled,
#search-page-container .filters .ais-ClearRefinements-button.btn-primary-filled {
  color: #ffffff;
}
#search-page-container .filters .ais-RefinementList-item svg,
#search-page-container .filters .ais-ClearRefinements-button svg {
  position: relative;
  top: 4px;
  margin-right: 8px;
  height: 18px;
  width: 18px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
#search-page-container .filters .ais-RefinementList-item--disabled,
#search-page-container .filters .ais-ClearRefinements-button--disabled {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-image: linear-gradient(45deg, #767575 50%, #000000 50%);
  background-size: 250% 100%;
  background-position: right bottom;
  transition: background-position 0.5s ease;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  align-items: center;
  width: fit-content;
}
@media (hover: hover) {
  #search-page-container .filters .ais-RefinementList-item--disabled:hover,
#search-page-container .filters .ais-ClearRefinements-button--disabled:hover {
    background-position: left top;
  }
}
#search-page-container .filters .ais-RefinementList-item--disabled:focus, #search-page-container .filters .ais-RefinementList-item--disabled:focus-visible, #search-page-container .filters .ais-RefinementList-item--disabled:focus-within,
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus,
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus-visible,
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus-within {
  background-position: left top;
}
#search-page-container .filters .ais-RefinementList-item--disabled svg,
#search-page-container .filters .ais-ClearRefinements-button--disabled svg {
  height: 17px;
  width: 17px;
  fill: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}
#search-page-container .filters .ais-RefinementList-item a:after,
#search-page-container .filters .ais-ClearRefinements-button a:after {
  content: none;
}
#search-page-container .filters .ais-ClearRefinements-button {
  margin-top: 0;
}
#search-page-container .filters .ais-ClearRefinements-button--disabled {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-image: linear-gradient(45deg, #767575 50%, #000000 50%);
  background-size: 250% 100%;
  background-position: right bottom;
  transition: background-position 0.5s ease;
  background-color: #000000;
  color: #ffffff;
  border-color: #767575;
  border-width: 1px;
  border-style: solid;
  transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (hover: hover) {
  #search-page-container .filters .ais-ClearRefinements-button--disabled:hover {
    background-position: left top;
  }
}
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus, #search-page-container .filters .ais-ClearRefinements-button--disabled:focus-visible, #search-page-container .filters .ais-ClearRefinements-button--disabled:focus-within {
  background-position: left top;
}
@media (hover: hover) {
  #search-page-container .filters .ais-ClearRefinements-button--disabled:hover {
    box-shadow: inset 0 0 0 1px #000000;
    border-color: #000000;
  }
}
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus, #search-page-container .filters .ais-ClearRefinements-button--disabled:focus-visible, #search-page-container .filters .ais-ClearRefinements-button--disabled:focus-within {
  box-shadow: inset 0 0 0 1px #000000;
  border-color: #000000;
}
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus {
  box-shadow: inset 0 0 0 1px #000000;
}
#search-page-container .filters .ais-ClearRefinements-button--disabled:focus:not(:focus-visible) {
  outline: none;
  outline-offset: 0;
}
#search-page-container .filters .ais-ClearRefinements-button--disabled svg {
  height: 20px;
  width: 20px;
  margin-left: 7px;
  transition: margin 0.3s ease;
  margin-top: 0;
  margin-bottom: 0;
}
#search-page-container .ais-SearchBox-form {
  position: relative;
  width: 330px;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .ais-SearchBox-form {
    width: 200px;
  }
}
#search-page-container .ais-SearchBox-form .ais-SearchBox-input {
  width: 290px;
  padding: 0px 20px;
  font-size: 16px;
  line-height: 19px;
  border-radius: 30px;
}
@media only screen and (min-width: 0) and (max-width: calc(768px - 1px)) {
  #search-page-container .ais-SearchBox-form .ais-SearchBox-input {
    width: 160px;
  }
}
#search-page-container .ais-SearchBox-form .ais-SearchBox-input::placeholder {
  color: black;
  opacity: 1;
}
#search-page-container .ais-SearchBox-form button {
  position: absolute;
  right: 13px;
  top: 2px;
  padding: 7px;
  background: none;
}
#search-page-container .ais-SearchBox-form button svg {
  width: 17px;
  height: 17px;
  fill: white;
  stroke-width: 2px;
  stroke: black;
}
#search-page-container .ais-SearchBox-form .ais-SearchBox-reset {
  top: 0;
}
#search-page-container .ais-SearchBox-form .ais-SearchBox-reset svg {
  fill: black;
  width: 9px;
  height: 9px;
}
#search-page-container .ais-SearchBox-form .ais-SearchBox-submit.hide, #search-page-container .ais-SearchBox-form .ais-SearchBox-reset.hide {
  display: none;
}
#search-page-container .ais-SearchBox-form label {
  display: none;
}

.search-page-no-results {
  max-width: 650px;
  margin-bottom: 105px;
}
.search-page-no-results h4, .search-page-no-results .font-h4 {
  margin-bottom: 15px;
}
.search-page-no-results a {
  margin-bottom: 15px;
}
.search-page-no-results a:after {
  content: none;
}
.search-page-no-results a .icon {
  top: 3px;
  position: relative;
  margin-left: 0;
  transition: all 0.2s ease;
}
.search-page-no-results a:hover .icon {
  margin-left: 5px;
  transition: all 0.2s ease;
}
.search-page-no-results p {
  margin-bottom: 20px;
}