/** Shopify CDN: Minification failed

Line 63:0 Unexpected "<"

**/
/* Paris Mall — ce que le thème ajoute au design system : liens d'évitement, message passager,
   options de variantes, vignettes, pagination. Tokens seulement, aucune couleur en dur. */

.pm-skip { position: absolute; left: -9999px; top: 0; z-index: 100; padding: 12px 18px; border-radius: 0 0 var(--radius-m) 0; background: var(--pm-night); color: var(--on-night); font: 600 14px/20px var(--font-sans); }
.pm-skip:focus { left: 0; }

body { margin: 0; background-color: var(--surface); color: var(--ink); font-family: var(--font-sans); }
main { display: block; }

/* message passager (ajout au panier, erreur) */
.pm-toast { position: fixed; z-index: 95; left: 50%; bottom: 24px; transform: translate(-50%, 16px); opacity: 0; pointer-events: none; max-width: calc(100vw - 32px); padding: 10px 18px; border-radius: var(--radius-full); background: var(--pm-night); color: var(--on-night); font: 500 14px/20px var(--font-sans); transition: opacity .2s ease, transform .2s ease; }
.pm-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 767px) { .pm-toast { bottom: calc(var(--tabbar-h, 72px) + 24px); } }
@media (prefers-reduced-motion: reduce) { .pm-toast { transition: none; } }

/* options de variante (taille, coloris) */
.pm-options { margin: var(--space-5) 0 0; padding: 0; border: 0; }
.pm-options__legend { padding: 0 0 var(--space-2); font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ink-muted); }
.pm-options__list { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.pm-option { position: relative; }
.pm-option input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pm-option__label { display: inline-flex; align-items: center; height: 42px; padding: 0 16px; border: 1px solid var(--line); border-radius: var(--radius-full); font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ink-2); background-color: var(--surface); }
.pm-option input:checked + .pm-option__label { border-color: var(--u-deep, var(--pm-blue)); color: var(--ink); box-shadow: inset 0 0 0 1px var(--u-deep, var(--pm-blue)); }
.pm-option input:focus-visible + .pm-option__label { outline: 2px solid var(--pm-blue); outline-offset: 2px; }

/* vignettes de la fiche */
.pm-pd__thumbs { display: flex; gap: var(--space-3); margin: var(--space-4) 0 0; padding: 0; list-style: none; }
.pm-pd__thumb { width: 80px; height: 80px; padding: 6px; border: 1px solid var(--line); border-radius: var(--radius-m); background-color: var(--surface); cursor: pointer; }
.pm-pd__thumb.is-active { border-color: var(--u-deep, var(--pm-blue)); }
.pm-pd__thumb img { width: 100%; height: 100%; object-fit: contain; }

/* prix unitaire, description */
.pm-pd__unit { margin: var(--space-1) 0 0; font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.pm-pd__desc { margin: var(--space-4) 0 0; font-size: 15px; line-height: 23px; color: var(--ink-2); }
.pm-pd__desc p { margin: 0 0 var(--space-3); }
.pm-prose { font-size: 16px; line-height: 25px; color: var(--ink-2); }
.pm-prose h2 { margin: var(--space-8) 0 var(--space-3); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.pm-prose a { color: var(--pm-blue-deep); }

/* barre de liste et tri */
.pm-select { height: 44px; padding: 0 var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-full); background-color: var(--surface); font-family: var(--font-sans); font-size: 14px; color: var(--ink); }

/* pagination */
.pm-loadmore { display: grid; justify-items: center; gap: var(--space-3); margin-top: var(--space-10); }
.pm-loadmore__count { margin: 0; font-size: 13px; line-height: 18px; color: var(--ink-muted); }

/* favori actif */
.pm-js-fav.is-on { color: var(--promo); }
.pm-js-fav.is-on svg { fill: currentColor; }

/* message de l'infolettre */
.pm-footer__note { margin: var(--space-2) 0 0; font-size: 13px; line-height: 18px; color: var(--on-night); }

/* choix achat unique / abonnement : l'état coché vient du HTML, pas du JavaScript */
.pm-subopt__opt:has(input:checked) { border-color: var(--u-deep, var(--pm-blue)); box-shadow: inset 0 0 0 1px var(--u-deep, var(--pm-blue)); }
.pm-subopt__opt:has(input:checked) .pm-subopt__radio { border-color: var(--u-deep, var(--pm-blue)); background-color: var(--u-deep, var(--pm-blue)); }
.pm-ucard .pm-ucard__p--solo { left: 4%; width: 92%; bottom: -3%; z-index: 3; --depth: 1; }
<div class="subscriptions_app_embed_block"></div>



<div class="subscriptions_app_embed_block"></div>

