/* The existing Hummingbird quick-view keeps ownership of combinations, price
   and stock. This is only its compact Sézane-style catalogue presentation. */
@media (min-width: 768px) {
  .product-miniature__top .product-miniature__quickview-button {
    align-items: center;
    background: rgba(255,255,255,.96);
    border: 0;
    border-radius: 50%;
    bottom: 12px;
    box-shadow: none;
    color: #171717;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    opacity: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 12px;
    text-indent: -9999px;
    transform: translateY(5px);
    transition: opacity .2s ease, transform .2s ease, background .2s ease;
    width: 36px;
    z-index: 4;
  }
  .product-miniature__top .product-miniature__quickview-button .material-icons {
    font-size: 0;
    position: absolute;
    text-indent: 0;
  }
  .product-miniature__top .product-miniature__quickview-button .material-icons::before {
    background: transparent;
    border: 1.4px solid currentColor;
    border-radius: 1px;
    box-sizing: border-box;
    content: '';
    height: 12px;
    left: 1px;
    position: absolute;
    top: 5px;
    width: 14px;
  }
  .product-miniature__top .product-miniature__quickview-button .material-icons::after {
    border: 1.4px solid currentColor;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    content: '';
    height: 6px;
    left: 4.5px;
    position: absolute;
    top: 1px;
    width: 7px;
  }
  .product-miniature__top .product-miniature__quickview-button::after {
    background: #171717;
    color: #fff;
    content: 'ΔΙΑΘΕΣΙΜΑ ΜΕΓΕΘΗ';
    font-family: var(--jojo-sans, Arial, sans-serif);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .1em;
    opacity: 0;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -38px;
    transform: translateY(3px);
    transition: opacity .16s ease, transform .16s ease;
    white-space: nowrap;
  }
  .product-miniature:hover .product-miniature__quickview-button,
  .product-miniature:focus-within .product-miniature__quickview-button { opacity: 1; transform: translateY(0); }
  .product-miniature__quickview-button:hover { background: #171717; color: #fff; }
  .product-miniature__quickview-button:hover::after { opacity: 1; transform: translateY(0); }
  .product-miniature__quickview-touch { display: none !important; }
}
@media (max-width: 767.98px) {
  .product-miniature__quickview-button { display: none !important; }
  .product-miniature__top .product-miniature__quickview-touch {
    align-items: center;
    background: rgba(255,255,255,.94);
    border: 0;
    border-radius: 0;
    bottom: 8px;
    color: #171717;
    display: inline-flex !important;
    height: 31px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 8px;
    width: 31px;
    z-index: 6;
  }
  .product-miniature__top .product-miniature__quickview-touch .material-icons {
    font-size: 0;
  }
  .product-miniature__top .product-miniature__quickview-touch .material-icons::before {
    background: transparent;
    border: 1.3px solid currentColor;
    border-radius: 1px;
    box-sizing: border-box;
    content: '';
    height: 12px;
    left: 1px;
    position: absolute;
    top: 5px;
    width: 14px;
  }
  .product-miniature__top .product-miniature__quickview-touch .material-icons::after {
    border: 1.3px solid currentColor;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    content: '';
    height: 6px;
    left: 4.5px;
    position: absolute;
    top: 1px;
    width: 7px;
  }
}

@media (min-width: 768px) {
  .jojo-card-sizes { align-items: center; background: rgba(255,255,255,.96); bottom: 0; display: flex; gap: 9px; left: 0; min-height: 38px; opacity: 0; padding: 7px 10px; pointer-events: none; position: absolute; right: 0; transform: translateY(5px); transition: opacity .2s ease, transform .2s ease; z-index: 3; }
  .product-miniature:hover .jojo-card-sizes { opacity: 1; transform: translateY(0); }
  .jojo-card-sizes__label { color: #5f5c57; font-family: var(--jojo-sans,Arial,sans-serif); font-size: 8px; font-weight: 600; letter-spacing: .09em; white-space: nowrap; }
  .jojo-card-sizes__values { display: flex; flex-wrap: wrap; gap: 5px 7px; }
  .jojo-card-sizes__values i { color: #171717; font-family: var(--jojo-sans,Arial,sans-serif); font-size: 10px; font-style: normal; line-height: 1; }
}