.algolia-search-bar--mobile {
  margin-top: 10px;
}
  
  .aa-DetachedContainer--modal{
    border-radius: 30px;
    padding: 10px;
    max-width: 1010px;
  }

  .aa-ItemManufacturerLogo{
    width: 30px;
  }
  
  /* Panel section */
  .aa-PanelSections {
    column-gap: var(--aa-spacing);
    display: flex;
  }
  
  .aa-PanelSection {
    display: flex;
    flex-direction: column;
  }
  
  .aa-PanelSection--left {
    width: 30%;
  }
  
  .aa-PanelSection--right {
    width: 70%;
  }
  
  /* Item */
  .aa-ItemPicture {
    border-radius: 3px;
    overflow: hidden;
  }
  
  .aa-ItemPicture img {
    max-width: 110px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.2s ease-out;
  }
  
  .aa-ItemPicture--loaded img {
    opacity: 1;
  }
  
  /* Products */
  /* --- Common */
  .aa-Source[data-autocomplete-source-id='products'] .aa-List {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-Item {
    padding: var(--aa-spacing-half);
    border: 1px solid #ecedf0;
    border-radius: 4px;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemLink {
    justify-content: stretch;
    height: 100%;
  }
  
  /* --- Content */
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent mark {
    color: rgb(var(--aa-primary-color-rgb));
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBody {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--aa-spacing-half);
  }
  
  /* --- Brand */
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand {
    font-size: 0.7em;
    text-transform: uppercase;
    color: rgb(var(--aa-muted-color-rgb));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand mark {
    font-weight: normal;
  }
  
  /* --- Title */
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitleWrapper {
    height: calc(var(--aa-spacing) * 2.5);
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitle {
    font-size: 12px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 16px;
    font-weight: 600;
    white-space: normal;
    color: #0c193a;
  }
  
  /* --- Price */
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPrice {
    display: flex;
    column-gap: var(--aa-spacing-half);
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceCurrent {
    font-weight: bold;
    color: #e65021;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceDiscounted {
    font-size: 0.9em;
    text-decoration: line-through;
    color: rgb(var(--aa-muted-color-rgb));
  }
  
  /* --- Rating */
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentRating ul {
    display: flex;
    list-style: none;
    padding: 0;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentRating {
    display: flex;
    align-items: center;
    column-gap: calc(var(--aa-spacing-half) / 2);
    margin-top: var(--aa-spacing-half);
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-StarIcon {
    width: 1.3em;
    height: 1.3em;
    color: #fdbc72;
  }
  
  .aa-Source[data-autocomplete-source-id='products'] .aa-StarIcon--muted {
    color: #d6d6e6;
  }
  
  .aa-Source[data-autocomplete-source-id='products']
    .aa-ItemContentRatingReviews {
    font-size: 0.7em;
    color: #908eae;
  }

  .aa-Item[aria-selected=true]{
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .08);
    background-color: #FFF;
  }
  
  /* Styles pour le mode Detached sur mobile */
/* Media queries */
@media screen and (max-width: 680px) {
  /* Panel section */
  .aa-PanelSections {
    flex-direction: column;
    row-gap: var(--aa-spacing);
  }

  .aa-PanelSection--left,
  .aa-PanelSection--right {
    width: 100%;
  }

  /* Products */
  .aa-Source[data-autocomplete-source-id='products'] .aa-List {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aa-spacing-half);
  }

  .aa-Source[data-autocomplete-source-id='products'] .aa-Item {
    width: calc(50% - var(--aa-spacing-half) / 2);
  }
}