/** Shopify CDN: Minification failed

Line 439:0 Unexpected "}"

**/
/* ================================
CUSTOM FREESON MODIFICATIONS
Do not delete on update
================================ */

/* Hide "More payment options" */
.shopify-payment-button__more-options{
  display:none !important;
}

/* Hide payment icons only */
.payment-icons{
  display:none !important;
}

/* Hide payment badges from Hextom app */
[class*="htusb-payment-badges"]{
  display:none !important;
}
/* Cache le message Hextom dans le cart drawer */
.htusb-ui-cart-boost,
.htusb-ui-cart-text,
.htusb-ui-cart-text__msg {
  display: none !important;
}

/* More spacing between product blocks only on product page */

.template-product .product-block{
  margin-bottom: 28px;
}
/* Hide shipping policy text on product page */
.template-product .product__policies{
  display:none !important;
}
/* Align product and collection layout with header width */

@media screen and (min-width: 769px) {

  .template-product .page-width,
  .template-collection .page-width {
    max-width: 80%;
  }

}
.vinyl-tracklist{
  font-family: var(--typeBasePrimary);
  line-height: 1.7;
}

.vinyl-tracklist p strong{
  display:block;
  margin-top:18px;
  margin-bottom:6px;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.8;
}

.vinyl-tracklist ol{
  list-style:none;
  padding-left:0;
  margin:0 0 18px 0;
  border-top:1px solid rgba(255,255,255,0.1);
}

.vinyl-tracklist li{
  display:flex;
  gap:12px;
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}

.vinyl-tracklist li::before{
  content:counter(item);
  counter-increment:item;
  width:18px;
  opacity:.6;
}

.vinyl-tracklist ol{
  counter-reset:item;
}

.site-nav__link[href*="soldes"],
.site-nav__link[href*="sale"] {
  color: #890202 !important;
}
/* Menu mobile Soldes / Sales en rouge */
.mobile-nav__item a[href*="soldes"],
.mobile-nav__item a[href*="sales"]{
  color:#E15858 !important;
  font-weight:600;
}

/* Déplacer badge sale Motion en haut gauche */
.grid-product__tag.grid-product__tag--sale {
  left: 0px !important;
  right: auto !important;
}

/* Text with icons mobile horizontal layout */
@media screen and (max-width: 768px) {

  .text-with-icons__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .text-with-icons__block {
    width: 100%;
  }

}
@media screen and (max-width: 768px) {
  .text-with-icons .icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 769px) {
  .text-with-icons .icon {
    width: 60px;
    height: 60px;
  }
}
@media screen and (min-width: 769px) {

  .text-with-icons__block-title h3 {
    font-size: 16px;
  }

  .text-with-icons__block-text {
    font-size: 13px;
  }

}
@media screen and (max-width: 768px) {

  .text-with-icons__block-title h3 {
    font-size: 14px;
  }

  .text-with-icons__block-text {
    font-size: 13px;
  }

}
.text-with-icons {
  padding-top: 10px;
}

/* Remove extra spacing for this specific section */
#shopify-section-template--21586104647895__text-with-icons {
  padding-top: 0 !important;
}
/* X / icône fermeture de la recherche prédictive en blanc */
#SiteHeader .site-header__search-container.is-active predictive-search form button svg,
#SiteHeader .site-header__search-container.is-active predictive-search form button svg path {
  stroke: #fff !important;
  fill: #fff !important;
  color: #fff !important;
}
/* =========================
   Recherche prédictive
   Bloc résultats
   ========================= */

/* Conteneur principal */
.predictive-search,
.predictive-search-results,
.predictive-search__results,
.predictive-search__result-groups {
  background: #E8E8E1 !important;
  color: #1C1D1D !important;
  border: none !important;
  box-shadow: none !important;
}

/* Tous les textes dans la fenêtre */
.predictive-search *,
.predictive-search-results *,
.predictive-search__results * {
  color: #1C1D1D !important;
}

/* Liens résultats */
.predictive-search a,
.predictive-search-results a,
.predictive-search__results a {
  color: #1C1D1D !important;
}

/* Séparateurs éventuels */
.predictive-search hr,
.predictive-search-results hr,
.predictive-search__results hr,
.predictive-search .border-bottom,
.predictive-search-results .border-bottom {
  border-color: rgba(28, 29, 29, 0.18) !important;
}

/* Items : image + texte mieux alignés */
.predictive-search li,
.predictive-search-results li,
.predictive-search__results li,
.predictive-search .predictive-search__list-item,
.predictive-search-results .predictive-search__list-item,
.predictive-search .predictive-search__result,
.predictive-search-results .predictive-search__result {
  align-items: flex-start !important;
  gap: 14px !important;
}

/* ===== Images plus grosses ===== */

/* Wrappers image les plus fréquents */
.predictive-search .image-wrap,
.predictive-search-results .image-wrap,
.predictive-search .grid__image,
.predictive-search-results .grid__image,
.predictive-search .predictive-search__image,
.predictive-search-results .predictive-search__image,
.predictive-search .predictive-search-image,
.predictive-search-results .predictive-search-image,
.predictive-search .product-image,
.predictive-search-results .product-image {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 82px !important;
  flex: 0 0 82px !important;
  overflow: hidden !important;
}

/* Images elles-mêmes */
.predictive-search img,
.predictive-search-results img,
.predictive-search .grid__image img,
.predictive-search-results .grid__image img,
.predictive-search .image-wrap img,
.predictive-search-results .image-wrap img {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 82px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Texte résultat : laisse plus de place au titre */
.predictive-search .predictive-search__item-content,
.predictive-search-results .predictive-search__item-content,
.predictive-search .predictive-search__result-content,
.predictive-search-results .predictive-search__result-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Fond au survol */
.predictive-search a:hover,
.predictive-search-results a:hover {
  background: rgba(28, 29, 29, 0.06) !important;
}

/* Titres produits en gras dans la recherche prédictive */
.predictive-search .predictive-search__item-heading,
.predictive-search-results .predictive-search__item-heading,
.predictive-search .predictive-search__result-heading,
.predictive-search-results .predictive-search__result-heading,
.predictive-search .product-title,
.predictive-search-results .product-title,
.predictive-search .grid-product__title,
.predictive-search-results .grid-product__title,
.predictive-search .h4,
.predictive-search-results .h4 {
  font-weight: 700 !important;
  color: #1C1D1D !important;
}
/* Titre produit seulement dans les résultats de recherche */
.predictive-search .results-products__info,
.predictive-search .results-products__info *,
.predictive-search-results .results-products__info,
.predictive-search-results .results-products__info * {
  font-weight: 700 !important;
  color: #1C1D1D !important;
  line-height: 1.25 !important;
}
/* Bloc info produit predictive search */
.predictive-search .results-products__info,
.predictive-search-results .results-products__info {
  min-width: 0;
}

/* Titre produit */
.predictive-search .results-products__title,
.predictive-search-results .results-products__title {
  display: block;
  font-weight: 700 !important;
  color: #1C1D1D !important;
  line-height: 1.28 !important;
  margin-bottom: 4px;
}

/* Vendor */
.predictive-search .results-products__vendor,
.predictive-search-results .results-products__vendor {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #1C1D1D !important;
  opacity: 0.75;
  margin-bottom: 3px;
}

/* Zone prix */
.predictive-search .results-products__price-wrap,
.predictive-search-results .results-products__price-wrap {
  display: block;
  margin-top: 2px;
}

/* Prix courant */
.predictive-search .results-products__price,
.predictive-search-results .results-products__price {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  color: #1C1D1D !important;
}

/* Prix original barré */
.predictive-search .results-products__price-original,
.predictive-search-results .results-products__price-original {
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: line-through;
  opacity: 0.7;
  color: #1C1D1D !important;
}

/* Savings */
.predictive-search .results-products__price-savings,
.predictive-search-results .results-products__price-savings {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.2;
  color: #1C1D1D !important;
  opacity: 0.8;
}
/* Seulement le X de fermeture en blanc */
predictive-search .icon-close .cls-1,
.btn--close-search .icon-close .cls-1 {
  stroke: #fff !important;
}

/* Garde la loupe noire */
predictive-search .icon-search .cls-1,
.btn--close-search .icon-search .cls-1 {
  stroke: #000 !important;
}
/* Cache le header "Rechercher" sur la page search */
.template-search .section-header,
.template-search .section-header__title {
  display: none !important;
}
/* Text with icons : 2 colonnes aussi sur mobile */
@media screen and (max-width: 768px) {
  .text-with-icons__blocks.has-2-per-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
  }

  .text-with-icons__blocks.has-2-per-row .text-with-icons__block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .text-with-icons__blocks.has-2-per-row .text-with-icons__block-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 10px !important;
  }

  .text-with-icons__blocks.has-2-per-row .text-with-icons__block-icon svg,
  .text-with-icons__blocks.has-2-per-row .text-with-icons__block-icon img {
    margin: 0 auto !important;
  }
}
/* Image principale produit : enlève l'effet de petite bande blanche */
.product__main-photos .image-wrap,
.product__main-photos .media,
.product__main-photos .product__photo,
.product-main-slide .image-wrap,
.product-main-slide .media {
  background: transparent !important;
  overflow: hidden !important;
}

.product__main-photos img,
.product-main-slide img,
.product__main-photos .image-element,
.product-main-slide .image-element {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
  /* enlève l'effet trop étroit de certains wrappers de page */
  .template-page .rte,
  .template-page .section-header,
  .template-page .section-header + * {
    max-width: none !important;
  }

  /* espace sous le menu pour le titre */
  .template-page .section-header {
    padding-top: 28px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 768px) {
  .template-page .section-header {
    padding-top: 18px !important;
  }
}
.template-product {
  --urlButtonArrowBlackPng: var(--urlButtonArrowPng);
  --urlButtonArrowBlack2xPng: var(--urlButtonArrow2xPng);
}
.product-form shop-pay-wallet-button,
.product-form shopify-accelerated-checkout,
.shopify-payment-button shop-pay-wallet-button,
.shopify-payment-button shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-block-size: 30px !important;
  --gravity-button-height: 30px !important;
  --gravity-button-min-height: 30px !important;
}

/* Chaque cellule/wrapper prend juste la hauteur voulue */
.cart__checkout-wrapper .additional-checkout-buttons--vertical [data-testid="grid-cell"],
.cart__checkout-wrapper .additional-checkout-buttons--vertical .wallet-cart-button-container,
.cart__checkout-wrapper .dynamic-checkout__content [data-testid="grid-cell"],
.cart__checkout-wrapper .dynamic-checkout__content .wallet-cart-button-container {
  display: block !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

/* Hosts des wallets */
.cart__checkout-wrapper shop-pay-wallet-button,
.cart__checkout-wrapper shopify-paypal-button,
.cart__checkout-wrapper shopify-google-pay-button,
.cart__checkout-wrapper shopify-accelerated-checkout,
.cart__checkout-wrapper shop-pay-wallet-button[page-type="cart_page"] {
  display: block !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Shop Pay / GPay */
.cart__checkout-wrapper shop-pay-wallet-button,
.cart__checkout-wrapper shopify-google-pay-button,
.cart__checkout-wrapper shopify-accelerated-checkout {
  --gravity-button-height: 42px !important;
  --gravity-button-min-height: 42px !important;
  --shopify-accelerated-checkout-button-block-size: 42px !important;
}

/* PayPal */
.cart__checkout-wrapper shopify-paypal-button {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}
.additional-checkout-buttons--vertical [data-testid="grid-cell"] + [data-testid="grid-cell"],
.dynamic-checkout__content [data-testid="grid-cell"] + [data-testid="grid-cell"] {
  margin-top: -10px !important;
}
@media screen and (max-width: 767px) {
  .drawer .additional-checkout-buttons,
  .drawer .additional-checkout-buttons--vertical,
  .drawer .dynamic-checkout__content {
    display: none !important;
  }
}
/* =========================================
   FS TOPBAR - layout propre desktop/mobile
   À mettre dans custom.css
   ========================================= */

/* Base */
.section-fs-header-utility-bar .fs-topbar {
  position: relative;
  z-index: 5;
}

.section-fs-header-utility-bar .fs-topbar .page-width {
  width: 100%;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__left {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* Mobile par défaut */
.section-fs-header-utility-bar .fs-topbar .fs-topbar__center,
.section-fs-header-utility-bar .fs-topbar .fs-topbar__right {
  display: none;
}

/* Mobile : compte à gauche / réseaux à droite */
.section-fs-header-utility-bar .fs-topbar .fs-topbar__left .fs-topbar__account-link {
  order: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: auto;
  flex: 0 0 auto;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__left .fs-topbar__icon-link {
  order: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

/* Très petit mobile: cache le texte, garde juste l’icône compte */
@media screen and (max-width: 420px) {
  .section-fs-header-utility-bar .fs-topbar .fs-topbar__account-text {
    display: none;
  }
}

/* Desktop : réseaux / texte / langue */
@media screen and (min-width: 990px) {
  .section-fs-header-utility-bar .fs-topbar .fs-topbar__grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 20px;
  }

  .section-fs-header-utility-bar .fs-topbar .fs-topbar__left {
    width: auto;
    justify-self: start;
  }

  .section-fs-header-utility-bar .fs-topbar .fs-topbar__left .fs-topbar__account-link {
    display: none !important;
  }

  .section-fs-header-utility-bar .fs-topbar .fs-topbar__center {
    display: block;
    min-width: 0;
    text-align: center;
    justify-self: center;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .section-fs-header-utility-bar .fs-topbar .fs-topbar__right {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-self: end;
  }
}
/* FS topbar plus compacte */
.section-fs-header-utility-bar .fs-topbar .page-width {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__grid {
  min-height: 22px !important;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__left {
  gap: 10px !important;
}

.section-fs-header-utility-bar .fs-topbar .icon,
.section-fs-header-utility-bar .fs-topbar .fs-topbar__account-icon {
  width: 14px !important;
  height: 14px !important;
}

.section-fs-header-utility-bar .fs-topbar .fs-topbar__account-text {
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Motion 11.2 - réduire l'espace entre sections */
.index-section {
  margin: 16px 0 !important;
}

@media only screen and (min-width: 590px) {
  .index-section {
    margin: 24px 0 !important;
  }
}
/* =========================
   S Header utility bar offset
   ========================= */

:root{
  --s-utility-bar-height: 44px; /* valeur temporaire, sera écrasée par le JS plus bas */
}

/* La barre ne doit pas vivre comme une couche "fixe" au-dessus des drawers */
.s-header-utility-bar,
[class*="s-header-utility"] {
  z-index: 20 !important;
}

/* Le cart drawer + menu mobile doivent commencer SOUS la utility bar */
.cart-drawer,
.menu-drawer,
.mobile-menu,
.drawer,
details-menu-drawer,
.header__search {
  top: var(--s-utility-bar-height) !important;
  height: calc(100dvh - var(--s-utility-bar-height)) !important;
  max-height: calc(100dvh - var(--s-utility-bar-height)) !important;
}

/* Si l'intérieur du drawer a aussi une hauteur fixe */
.cart-drawer__inner,
.drawer__inner,
.menu-drawer__inner {
  height: 100% !important;
  max-height: 100% !important;
}
@media screen and (min-width: 990px) {
  #HeaderWrapper {
    position: sticky;
    top: 0;
    z-index: 40;
    transform: translateY(0);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
  }

  #HeaderWrapper.header-scroll--hidden {
    transform: translateY(-100%);
    box-shadow: none;
  }

  #HeaderWrapper.header-scroll--visible {
    transform: translateY(0);
  }

  body.has-scrolled #HeaderWrapper.header-scroll--visible {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
}
/* =========================================================
   FS bar + Motion header scroll up/down
   Fix overlay content + mobile drawer
========================================================= */

:root {
  --fs-topbar-height: 0px;
  --motion-header-height: 0px;
}

/* IMPORTANT: on ne pousse plus le body */
body {
  padding-top: 0 !important;
}

/* On pousse le vrai contenu principal */
#MainContent,
.main-content,
main[role="main"] {
  padding-top: calc(var(--fs-topbar-height) + var(--motion-header-height)) !important;
}

/* FS topbar */
.fs-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1001 !important;
  transform: translateY(0);
  transition: transform 0.28s ease;
  will-change: transform;
}

/* Motion header */
#HeaderWrapper {
  position: fixed !important;
  top: var(--fs-topbar-height) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: translateY(0);
  transition: transform 0.28s ease;
  will-change: transform;
}

/* Etats cachés */
.fs-topbar.is-hidden {
  transform: translateY(calc(-1 * var(--fs-topbar-height)));
}

#HeaderWrapper.is-hidden {
  transform: translateY(calc(-1 * (var(--fs-topbar-height) + var(--motion-header-height))));
}

/* Toujours visible tout en haut */
body.is-at-top .fs-topbar,
body.is-at-top #HeaderWrapper {
  transform: translateY(0);
}

/* Très important pour mobile: le drawer doit passer devant */
#NavDrawer,
.drawer,
.drawer--left,
.drawer--right {
  z-index: 2005 !important;
}

/* Si ton theme ajoute un overlay, lui aussi doit être au-dessus */
.drawer-closing,
.drawer-page-content::after,
.js-drawer-open .drawer-page-content::after {
  z-index: 2004 !important;
}

/* Body */
body,
input,
textarea,
select,
button,
.rte,
.product__description,
.shopify-policy__body {
  font-family: "Phosphorus Body", serif !important;
  font-weight: 400 !important;
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6,
.section-header__title,
.main-page-title,
.page-title,
.product__title,
.product-single__title,
.collection-hero__title,
.banner__heading,
.rich-text__heading,
.image-with-text__heading,
.accordion__title,
.spr-header-title {
  font-family: "Phosphorus Headings", serif !important;
  font-weight: 700 !important;
}

/* ===== MENU PRINCIPAL - NIVEAU 1 ===== */
.site-nav > li > a.site-nav__link,
.site-nav > li > .site-nav__link,
.site-nav > li > details > summary.site-nav__link,
.site-nav > li > details > a.site-nav__link,
.site-nav > .site-nav__item > a.site-nav__link,
.site-nav > .site-nav__item > .site-nav__link,
.site-nav > .site-nav__item > details > summary.site-nav__link,
.site-nav > .site-nav__item > details > a.site-nav__link,
.site-nav__link.site-nav__link--underline,
.site-nav__link.site-nav__link--has-dropdown,
.site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown {
  font-family: "Phosphorus Headings", serif !important;
  font-weight: 700 !important;
}
/* Masquer le badge "Épuisé" seulement sur les pages collection */
.template-collection .grid-product__tag--sold-out {
  display: none !important;
}
/* Quick view au-dessus du header */
.quick-product,
.quick-shop-modal,
.modal--quick-shop,
.theme-modal,
#QuickShopModal,
.product-quickview,
.mfp-wrap,
.mfp-bg {
  z-index: 99999 !important;
}

/* Essential Preorder - texte blanc */
[data-essential-preorder-element="message"] {
  --color: #ffffff !important;
  color: #ffffff !important;
}