/** Shopify CDN: Minification failed

Line 18:10 Unexpected "{"
Line 18:19 Expected ":"
Line 24:10 Unexpected "{"
Line 24:19 Expected ":"
Line 39:10 Unexpected "{"
Line 39:19 Expected ":"
Line 44:10 Unexpected "{"
Line 44:19 Expected ":"
Line 49:10 Unexpected "{"
Line 49:19 Expected ":"
... and 10 more hidden warnings

**/
.shopify-section:has(.shop-the-look){position:relative}.shop-the-look{overflow:visible}@media screen and (min-width:990px){.shop-the-look{padding:0}}.shop-the-look .shop-product{align-items:center;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;gap:2rem;opacity:0;padding:1rem 5rem 1rem 2rem;position:absolute;text-decoration:none;top:100%;transform:translateY(0);transition:all .3s ease-in-out;visibility:hidden;width:-moz-max-content;width:max-content;z-index:9}.shop-the-look .shop-product__brand{font-weight:500}.shop-the-look .shop-product .price{color:inherit}.shop-the-look .shop-product.shop-product-top{bottom:100%;top:auto;transform:translateY(0)}.shop-the-look picture,.shop-the-look svg{height:100%;width:100%}.shop-the-look picture img,.shop-the-look svg{height:100%;-o-object-fit:cover;object-fit:cover}.shop-the-look__heading{padding:4rem 2rem;position:absolute;width:-moz-fit-content;width:fit-content;z-index:1}@media screen and (max-width:989.98px){.shop-the-look__heading{padding:2rem}}.shop-the-look__heading>*{font-feature-settings:"ss01" on,"ss09" on,"ss12" on,"ss15" on;margin:0}.shop-the-look__product{align-items:center;background:#fff;border-radius:50%;color:#1c1c1c;display:flex;height:3.3rem;justify-content:center;min-height:auto;padding:0;position:absolute;width:3.3rem;z-index:1}.shop-the-look__product:hover{cursor:pointer;z-index:2}.shop-the-look__product:hover svg:not(.icon-shop){transform:rotate(45deg)}.shop-the-look__product:hover .shop-product{opacity:1;transform:translateY(1.5rem);visibility:visible}.shop-the-look__product:hover .shop-product.shop-product-top{transform:translateY(-1.5rem)}.shop-the-look__product svg:not(.icon-shop){height:1.5rem;position:relative;transition:all .3s ease-in-out;width:1.5rem;z-index:1}.shop-the-look__image{position:relative;width:100%}
/* Centre le hotspot sur ses coordonnées */
.section-{{ section.id }}-padding .shop-the-look__product{
  position:absolute;
  transform:translate(-50%,-50%);
}

/* Rond (taille réduite) */
.section-{{ section.id }}-padding .shop-the-look__dot{
  position:relative;
  width:34px;   /* ajuste ici (ex: 30px si tu veux encore plus petit) */
  height:34px;
  border-radius:9999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  transform-origin:center;
  transition:transform .2s ease, box-shadow .2s ease;
}

/* Hover propre et centré */
.section-{{ section.id }}-padding .shop-the-look__product:hover .shop-the-look__dot{
  transform:scale(1.06);
}

/* 🔒 On masque le SVG pour supprimer le "deuxième rond" */
.section-{{ section.id }}-padding .shop-the-look__dot svg{
  display:none !important;
}

/* ➕ On dessine le + en CSS (deux traits) */
.section-{{ section.id }}-padding .shop-the-look__dot::before,
.section-{{ section.id }}-padding .shop-the-look__dot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:52%;          /* longueur des branches du + */
  height:2px;         /* épaisseur */
  background:#111;    /* couleur du + */
  transform:translate(-50%,-50%);
  border-radius:2px;
  pointer-events:none;
}
.section-{{ section.id }}-padding .shop-the-look__dot::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

/* Visibilité mobile/desktop avec le toggle par bloc */
@media (max-width: 990px){
  .section-{{ section.id }}-padding .shop-the-look__product{display:block;}
}
@media (min-width: 991px){
  .section-{{ section.id }}-padding .shop-the-look__product{display:none !important;}
  .section-{{ section.id }}-padding .shop-the-look__product--desktop{display:block !important;}
}