/** Shopify CDN: Minification failed

Line 333:0 Unexpected "<"
Line 379:0 Unexpected "<"
Line 402:0 Unexpected "<"
Line 1097:8 Unexpected "1"
Line 2774:0 Expected "}" to go with "{"

**/
/********************************************
 GLOBAL BUTTONS (Buy Smart / Signature)
*********************************************/
.button,
.button--primary,
.button--solid {
    font-weight: 700 !important;
    font-size: 19px !important;
}

/********************************************
 HEADER MAIN TITLE – "CRAVING EMERGENCY !"
*********************************************/

/* Style général */
.header__heading-link,
.header__heading-link span,
.header__heading {
    font-weight: 700 !important;
    color: #000000 !important; /* texte noir */
}

/* Desktop */
@media (min-width: 750px) {
    .header__heading-link,
    .header__heading-link span,
    .header__heading {
        font-size: 37px !important;
    }
}

/* Mobile */
@media (max-width: 749px) {
    .header__heading-link,
    .header__heading-link span,
    .header__heading {
        font-size: 26px !important;
    }
}

/* Positionnement parfait du mot "Menu" */
.hero__cta .button span:last-child {
    display: block;
    text-align: center;
    width: 100%;
    color: #ffffff !important; /* Menu en blanc */
    margin-top: -8px; /* Ajuste selon besoin */
}


/********************************************
 MOBILE MENU (Home / High-Protein Flavors / Order Now / Contact)
*********************************************/
.menu-drawer__navigation a {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding: 18px 0 !important;
}

.menu-drawer__inner-scroll {
    padding-top: 25px !important;
}


/********************************************
 COLLECTION TITLE – Replace "Creamy" → "Signature Flavors"
*********************************************/
.collection__title,
.collection__title span {
    font-size: 28px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}
/************************************************************
=== PRODUCT PAGE CUSTOMIZATION — NO GUILT ===
************************************************************/
/*****************************************
   PRODUCT PAGE – PREMIUM DARK MODE
******************************************/

/* Background dégradé premium */
body.template-product {
  background: linear-gradient(#000000 0%, #111111 50%, #202020 100%) !important;
}

/* TITRES PRODUIT */
.template-product .product__title,
.template-product h1,
.template-product .product__title h1 {
  color: #ffffff !important;  /* blanc pur */
}

/* Sous-titre (NO GUILT) */
.template-product .product__vendor {
  color: #dddddd !important;
}

/* Prix */
.template-product .price-item {
  color: #ffffff !important;
}

/* Description produit */
.template-product .product__description,
.template-product .product__description * {
  color: #dcdcdc !important;  /* gris clair premium */
}

/* LIENS (ex: Shipping calculated...) */
.template-product a {
  color: #bbbbbb !important;
  text-decoration: underline;
}

/*****************************************
   QUANTITY SELECTOR
******************************************/
.quantity__input,
.quantity {
  background: #f2f2f2 !important;
  color: #000000 !important;
  border: 1px solid #444 !important;
}

.quantity__button {
  color: #000 !important;
}

/*****************************************
   BUTTONS – ADD TO CART / BUY NOW
******************************************/

/* Add to Cart = transparent + jaune + texte jaune */
.product-form__submit {
  background: transparent !important;
  border: 2px solid #FFD43B !important;
  color: #FFD43B !important;
  border-radius: 40px !important;
  font-weight: 600 !important;
}

/* Buy It Now = fond jaune + texte noir */
.shopify-payment-button__button--unbranded {
  background: #FFD43B !important;
  color: #000000 !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
}/* ===========================================================
   FIX GLOBAL PRODUIT — FOND NOIR + TEXTE LISIBLE
   =========================================================== */

/* 1 — Forcer TOUT le template produit en noir */
body.template-product,
.template-product,
.template-product .page-width,
.product__info-wrapper,
.product__info-container,
.product,
#MainContent {
    background: #000000 !important;
}

/* 2 — Image produit = jamais assombrie */
.product__media,
.product__media-wrapper,
.product__media-container,
.product__media img {
    background: transparent !important;
}

/* 3 — TITRE PRODUIT (H1) */
.product__title,
.product__title h1,
.template-product h1,
.product__title .product__title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 4 — Sous-titre (NO GUILT) */
.product__text,
.product__vendor {
    color: #cccccc !important;
}

/* 5 — Prix */
.price-item,
.product__price,
.price {
    color: #ffffff !important;
}

/* 6 — Texte description */
.product__description,
.product__description p,
.product__description span {
    color: #dddddd !important;
}

/* 7 — Lien “Shipping calculated…” */
.product__text a,
.product__text a:visited {
    color: #bbbbbb !important;
}

/* 8 — Sélecteur de quantité */
.quantity,
.quantity__input {
    background: #111 !important;
    border: 1px solid #777 !important;
    color: #fff !important;
}
.quantity__button {
    background: #222 !important;
    border: 1px solid #777 !important;
    color: #fff !important;
}

/* 9 — Bouton Add to Cart */
.product-form__submit {
    background: transparent !important;
    border: 2px solid #FFD43B !important;
    color: #FFD43B !important;
    font-weight: 600 !important;
    border-radius: 40px !important;
}

/* 10 — Bouton BUY IT NOW */
.shopify-payment-button__button--unbranded {
    background: #FFD43B !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border-radius: 40px !important;
}/* ===========================
   FIX — PRODUCT PAGE IMPROVEMENTS
   =========================== */

/* 1️⃣ GROS "NO GUILT" au-dessus du titre produit */
.product__title-wrapper .product__vendor,
.product__text .product__vendor {
    color: #ffffff !important;
    font-size: 2.2rem !important;   /* Desktop */
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .product__title-wrapper .product__vendor,
    .product__text .product__vendor {
        font-size: 1.6rem !important;  /* Mobile */
    }
}

/* 2️⃣ Description du produit — plus lisible */
.product__description,
.product__description p {
    color: #ffffff !important;
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

@media (max-width: 768px) {
    .product__description,
    .product__description p {
        font-size: 1.3rem !important;
    }
}

/* 3️⃣ Suppression bande blanche autour */
.product__media-wrapper,
.product__info-wrapper,
.product__content {
    background: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Pour forcer un vrai full black */
.section,
.shopify-section {
    background: #000000 !important;
}/* === FIX VISIBILITÉ TITRES + TEXTE PRODUITS === */
.product__title .product__text {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.product__title h1,
.product__title .product__title {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

.product__description,
.product__description p {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    line-height: 1.5 !important;
}

/* === SUPPRESSION BANDE BLANCHE AUTOUR DU PRODUIT === */
.product__media-wrapper,
.product__media,
.product__media img {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* === FOND NOIR === */
main#MainContent,
.product {
    background-color: #000000 !important;
}
<style>

/* REMOVE WHITE BACKGROUND BLOCK */
.product,
.product__media,
.product__content,
.section {
    background: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* FIX VENDOR NAME (NO GUILT) */
.product__vendor {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* FIX PRODUCT TITLE */
.product__title {
    color: #ffffff !important;
}

/* FIX PRICE */
.price__regular,
.price-item {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* PRODUCT DESCRIPTION */
.product__description,
.product__description p {
    font-size: 18px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* FIX SHARE LINK */
.share-button__button {
    color: #ffffff !important;
}

</style>
<style>

/* KILL ALL WHITE BACKGROUNDS AROUND PRODUCT */
.product,
.product * ,
.product__info-wrapper,
.product__media-wrapper,
.shopify-section,
.shopify-section * ,
.section,
.section * ,
.page-width,
.page-width * ,
.color-background-1,


/* Remove padding that creates “white space” illusion */
.page-width,
.section {
    padding: 0 !important;
}

</style>


/* Fond noir pour toute la partie "main" */
main {
    background: #000 !important;
}

/* Supprimer la bande blanche du bas avant le footer */
main section:last-of-type {
    background: #000000 !important;
}

/* Fond noir pour le footer aussi */
.footer,
footer {
    background: #000 !important;
}
/* Force full black everywhere (toutes sections Shopify) */
body,
main,
section,
div[class*="color"],
div[class*="background"],
.color-background-1,
.color-background-2,
.color-background-3,
.color-accent-1,
.color-accent-2,
.shopify-section {
    background: #000 !important;
}

/* Supprimer les marges/bandes résiduelles */
.shopify-section,
body > main > div {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
/*
 .noguilt-black,
.noguilt-black * {
    background-color: #000000 !important;
} */
.button,
.shopify-payment-button__button--unbranded,
.product-form__submit {
    background-color: transparent !important;
    border: 2px solid #FFD44D !important; /* ton jaune */
    color: #FFD44D !important;
    border-radius: 50px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.button:hover,
.shopify-payment-button__button--unbranded:hover,
.product-form__submit:hover {
    background-color: #FFD44D !important;
    color: #000000 !important;
}
.shopify-payment-button__button--unbranded {
    background-color: #FFD44D !important;
    color: #000 !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.shopify-payment-button__button--unbranded:hover {
    background-color: #ffcc33 !important; /* un jaune un peu plus chaud au hover */
}

.product-form__buttons .shopify-payment-button {
    width: 100%;
}
/* === FIX PAGE D’ACCUEIL (GARDER LE FOND NORMAL) === */
.template-index body {
  background-color: #ffffff !important;
}

.template-index .header,
.template-index header,
.template-index .site-header {
  background: #ffffff !important;
}

.template-index h1,
.template-index h2,
.template-index h3,
.template-index p,
.template-index a {
  color: #000 !important;
}

/* === LE FOND NOIR NE S’APPLIQUE QUE AUX PAGES PRODUITS === */
.template-product body {
  background: #000 !important;
}
/* =======================================
   FOND NOIR EXCLUSIVEMENT SUR PAGES PRODUIT
======================================= */

/* Page produit uniquement */
.template-product {
    background-color: #000000 !important;
}

/* Conteneurs internes page produit */
.template-product .content-for-layout,
.template-product .product,
.template-product main,
.template-product .shopify-section {
    background-color: #000000 !important;
}

/* enlever les bandes haut/bas */
.template-product body,
.template-product #MainContent {
    background-color: #000000 !important;
}

/* Bouton BUY IT NOW version jaune plein */
.template-product .shopify-payment-button__button--unbranded {
    background-color: #FFD400 !important;
    color: #000000 !important;
    border-radius: 25px !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
}

/* Bouton ADD TO CART (bord jaune) */
.template-product .product-form__submit {
    border: 2px solid #FFD400 !important;
    color: #FFD400 !important;
    background: transparent !important;
    font-weight: 600 !important;
}
/* =======================================
   FOND NOIR EXCLUSIF SUR PAGE PRODUIT
======================================= */

/* Shopify ajoute automatiquement la classe suivante sur les pages produit : */
body.product {
    background-color: #000 !important;
}

/* Conteneur principal */
body.product #MainContent,
body.product .shopify-section,
body.product main {
    background-color: #000 !important;
}

/* supprimer bande blanche top/bottom */
body.product html,
body.product body {
    background-color: #000 !important;
}

/* ======= Boutons ======= */

/* Bouton BUY IT NOW (jaune plein) */
body.product .shopify-payment-button__button--unbranded {
    background-color: #FFD400 !important;
    color: #000 !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
}

/* Bouton ADD TO CART (border jaune) */
body.product .product-form__submit {
    border: 2px solid #FFD400 !important;
    background: transparent !important;
    color: #FFD400 !important;
    font-weight: 600 !important;
}
/* --- RESET : enlever le fond noir forcé partout --- */
body *,
.color-background-1,
.gradient,
.section,
.page-width {
    background: transparent !important;
}

/* --- PAGE PRODUIT : fond noir propre --- */
.template-product body {
    background: #000000 !important;
}

/* --- PAGE D'ACCUEIL : fond transparent (logo + produits visibles) --- */
.template-index body {
    background: transparent !important;
}

/* --- Empêcher un overlay noir de masquer le contenu --- */
.shopify-section,
.shopify-section * {
    background: transparent !important;
}

/* --- Bouton CRAVING EMERGENCY MENU (jaune + texte noir) --- */
.button,
.button--primary,
.craving-button,
a.button[href*="menu"],
a.button[href*="craving"] {
    background: #FFD300 !important;
    color: #000000 !important;
    border: 2px solid #FFD300 !important;
    font-weight: 700 !important;
}

/* --- Boutons des pages produits (Add to cart / Buy it now) --- */
.product-form__submit.button--primary {
    background: #FFD300 !important;
    color: #000 !important;
    border: 2px solid #FFD300 !important;
    font-weight: 700 !important;
}
/* CRAVING EMERGENCY MENU en bold */
.shopify-section .button--primary,
.shopify-section .button--secondary,
.button {
  font-weight: 700 !important;
}

/* Bouton BUY IT NOW jaune + texte noir */
.shopify-payment-button__button--unbranded {
  background-color: #FFD700 !important;  /* jaune */
  color: #000000 !important;             /* texte noir */
  border-radius: 40px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* Désactiver l’icône (spinner / loading / overlay) */
.shopify-payment-button__button--unbranded::after,
.shopify-payment-button__button--unbranded .shopify-cleanslate > * {
  display: none !important;
}
/* ==== NO GUILT – FIX QUANTITY + BUTTONS ==== */

/* Quantity selector propre */
.quantity {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.quantity__button {
  background: #000000 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  padding: 10px 16px !important;
  font-size: 18px !important;
}

.quantity__input {
  width: 50px !important;
  text-align: center !important;
  background: #000000 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
  font-size: 18px !important;
}

/* Bouton ADD TO CART : fond noir + bordure jaune + texte jaune */
.product-form__submit {
  background-color: #000000 !important;
  color: #FFD700 !important;
  border: 2px solid #FFD700 !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
}

/* Au survol, optionnel : inverse (fond jaune, texte noir) */
.product-form__submit:hover {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* Bouton BUY IT NOW : fond jaune + texte noir */
.shopify-payment-button__button--unbranded {
  background-color: #FFD700 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
}
/* === TEXTES BLEUS → BLANCS === */
.product__info-container *,
.product__info-wrapper *,
.product__title,
.product__price,
.product__text,
.product__view-details,
.product__sku,
.product__inventory,
.product__description,
.product__vendors,
.product__vendor,
.product__media-thumbnails *,
.product__media img,
.product__media-wrapper *,
.product__media,
a,
p,
span,
label {
  color: #FFFFFF !important;
}

/* === Quantity Selector propre, uniforme === */

.quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 2px solid #FFD700 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #000000 !important;
}

.quantity__button {
  background: #000000 !important;
  color: #FFD700 !important;
  border: none !important;
  font-size: 20px !important;
  padding: 10px 16px !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.quantity__input {
  background: #000000 !important;
  color: #FFD700 !important;
  border: none !important;
  width: 55px !important;
  height: 40px !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* === ADD TO CART (noir + bord jaune + texte jaune) === */
.product-form__submit {
  background-color: #000000 !important;
  color: #FFD700 !important;
  border: 2px solid #FFD700 !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
}

/* Hover */
.product-form__submit:hover {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* === BUY IT NOW (fond jaune + texte noir) === */
.shopify-payment-button__button--unbranded {
  background-color: #FFD700 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
}

.shopify-payment-button__button--unbranded:hover {
  opacity: 0.9 !important;
}
/* --- Home product cards : yellow button text in black, no white border --- */
.card__actions .button {
  background-color: #ffdd00 !important;   /* ton jaune actuel */
  color: #000000 !important;              /* texte noir */
  border: none !important;                /* enlève la bordure blanche */
  box-shadow: none !important;            /* enlève les effets */
}

.card__actions .button:hover {
  background-color: #ffcc00 !important;   /* léger hover plus foncé */
  color: #000000 !important;              /* reste noir */
  border: none !important;
}
/* === FORCE YELLOW BACKGROUND + BLACK TEXT ON HOME PAGE PRODUCT BUTTONS === */

/* Boutons Add to Cart dans les cartes produit (grille) */
.card__media + .card__content .button,
.card__content .button,
.card--media .button,
.card-information .button,
.product-grid .button,
.grid__item .button,
.button--secondary,
.card__actions button,
.card__actions .button {
    background-color: #FFD700 !important;  /* Jaune */
    color: #000000 !important;             /* Noir */
    border: none !important;               /* Supprime contour blanc */
    box-shadow: none !important;           /* Supprime halo */
}

/* État hover */
.card__media + .card__content .button:hover,
.card__content .button:hover,
.card--media .button:hover,
.card-information .button:hover,
.product-grid .button:hover,
.grid__item .button:hover,
.button--secondary:hover,
.card__actions button:hover,
.card__actions .button:hover {
    background-color: #FFC800 !important;  /* Jaune un peu plus foncé */
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}
/* --- Boutons ADD TO CART (Quick add) dans la grille produit --- */

.quick-add__submit {
    background-color: #FFD700 !important; /* Jaune */
    color: #000000 !important;            /* Texte noir */
    border: none !important;              /* Supprime la bordure blanche */
    box-shadow: none !important;          /* Supprime l’effet halo */
}

/* État hover */
.quick-add__submit:hover {
    background-color: #FFC800 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}
/* Bouton ADD TO CART dans les pages produit */
.product-form__submit {
    background-color: #FFD700 !important; /* jaune */
    color: #000000 !important; /* noir */
    border: none !important;
    box-shadow: none !important;
}

/* Bouton ADD TO CART dans les collections */
.quick-add__submit,
.product-grid .quick-add__submit {
    background-color: #FFD700 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Retirer les bordures blanches arrondies */
.button,
.button--primary,
.shopify-payment-button__button {
    border: none !important;
    box-shadow: none !important;
}
button, .button, .btn, [type="submit"] {
    color: #000 !important;
    border-color: transparent !important;
}

button *, .button *, .btn *, [type="submit"] * {
    color: #000 !important;
}

button, .button, .btn, [type="submit"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.collection-hero__title,
.collection-hero__title h1 {
    color: #ffffff !important;
}
/* ================================
   NO GUILT – CART FIX
   Rend le panier lisible sur fond noir
================================ */

/* Titre "Your cart" */
.cart__title,
h1.cart__title {
  color: #FFD300 !important; /* Jaune NoGuilt */
  font-size: 32px !important;
  font-weight: 700 !important;
}

/* Sous-titres / labels */
.cart__note__label,
.cart__tax,
.cart__shipping,
.cart__discount,
.cart__subtotal-title {
  color: #ffffff !important; /* Blanc */
}

/* Prix individuels */
.cart__price,
.cart__price small,
.cart__final-price {
  color: #FFD300 !important; /* Jaune No Guilt */
  font-weight: 600 !important;
}

/* Total estimé */
.cart__subtotal {
  color: #FFD300 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Bouton checkout */
button.cart__checkout,
button[name="checkout"],
.cart__submit {
  background-color: #FFD300 !important;
  color: black !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding: 16px !important;
  font-size: 18px !important;
}

/* Remettre les images produit visibles */
.cart-item__image,
.cart__image {
  display: block !important;
  opacity: 1 !important;
}
.cart__title,
.cart__header h1,
.cart-items h1 {
  color: #ffffff !important;
}
.quantity__input,
.quantity {
  border: 2px solid #FFD400 !important;   /* bordure propre */
  border-radius: 12px !important;
}

.quantity__button,
.quantity__input {
  border: none !important;  /* enlève les doubles traits internes */
  box-shadow: none !important;
}
.quantity__button {
  font-size: 22px !important;
  color: #FFD400 !important; /* jaune premium */
  font-weight: 700 !important;
}

/* Supprime les doubles bordures internes */
.quantity__button,
.quantity__input {
  border: none !important;
  box-shadow: none !important;
}

/* Bordure unique autour du bloc quantité */
.quantity {
  border: 2px solid #FFD400 !important;
  border-radius: 12px !important;
  padding: 0 !important;
}

/* Rendre le + et le - lisibles */
.quantity__button {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #FFD400 !important; /* jaune premium */
}

/* Le chiffre au centre */
.quantity__input {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: white !important;
  background: transparent !important;
}
/* === FIX "YOUR CART" TITLE COLOR === */
.cart_title,
.cart_title *,
.cart__title,
.cart__title * {
  color: #ffffff !important;
}
/* --- Your Cart en blanc --- */
.cart__title,
.cart__header h1 {
  color: #ffffff !important;
}

/* --- Style du bloc quantité (supprime lignes internes) --- */
.quantity_input {
  border: 2px solid #FFD400 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* --- Boutons + et - plus gros et plus visibles --- */
.quantity_button {
  font-size: 28px !important;      /* plus grand */
  font-weight: 700 !important;     /* plus épais */
  color: #FFD400 !important;       /* ton jaune premium */
  width: 36px !important;          /* augmente la zone cliquable */
  height: 36px !important;
  line-height: 36px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* --- Le numéro au centre (1, 2, 3...) --- */
.quantity_input input {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* --- Your cart en blanc --- */
.cart__title,
.cart__header-title {
  color: #ffffff !important;
}

/* --- Agrandir boutons + et - (version Dawn) --- */
.quantity__button {
  font-size: 32px !important;      /* beaucoup plus grand */
  font-weight: 800 !important;     /* très épais */
  color: #FFD400 !important;       /* jaune bien visible */
  width: 45px !important;          /* agrandit la zone cliquable */
  height: 45px !important;
  line-height: 45px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* --- Chiffre au centre (1, 2, 3...) --- */
.quantity__input {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: transparent !important;
}

/* --- Supprimer les doubles traits internes --- */
.quantity {
  border: 2px solid #FFD400 !important;
  border-radius: 12px !important;
}
/* -- YOUR CART en blanc -- */
.cart-items h1 {
  color: #ffffff !important;
}

/* -- Gros + et - -- */
.quantity-button {
  font-size: 40px !important;        /* énorme + et - */
  font-weight: 900 !important;       /* super épais */
  color: #FFD400 !important;         /* jaune premium */
  width: 50px !important;            /* plus gros bouton */
  height: 50px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* -- Chiffre au centre (1,2,3...) -- */
.quantity-input {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: transparent !important;
}
* ESSAI 1 */
.cart-items__title,
.cart-items h1,
.cart__title,
.cart-drawer__heading,
.cart-page-title {
  color: #ffffff !important;
}

/* ESSAI 2 */
#CartHeading,
#cart-heading,
.cart-title {
  color: #ffffff !important;
}

/* ESSAI 3 */
h1.cart__heading,
h1.cart__title,
.cart-header h1 {
  color: #ffffff !important;
}
/* Change la couleur du titre Your cart */
.drawer__heading {
    color: #ffffff !important;
}
/* ===========================
   IMPROVEMENTS NO GUILT CART
   =========================== */

/* 1. Style du titre "Your cart" */
.drawer__heading h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 2.2rem !important;
  letter-spacing: 0.5px !important;
}


/* 2. Agrandir + épaissir les boutons + et - */
.quantity_button {
  font-size: 26px !important;      /* augmente la taille du + et - */
  font-weight: 700 !important;     /* les rend plus épais */
  line-height: 1 !important;
  padding: 0 !important;
}

.quantity_input {
  font-size: 22px !important;      /* garde la taille du nombre bien lisible */
  font-weight: 600 !important;
}


/* 3. Augmenter espace entre les items */
.cart__items .cart-item {
  margin-bottom: 22px !important;   /* était trop collé */
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.05); /* ligne très légère pour respirer */
}


/* 4. Petites améliorations visuelles globales */
.cart-item__media img {
  border-radius: 6px !important;  /* arrondit légèrement les images */
}

.cart-item__details {
  margin-left: 10px !important;   /* donne un peu d'air */
}
/* TITRE YOUR CART */
.drawer__heading h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 2.3rem !important;
}

/* BOUTONS PLUS ET MOINS */
.quantity_button,
.quantity-button {
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* CHIFFRE AU CENTRE */
.quantity__input,
.quantity_input {
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* ESPACEMENT ITEMS */
.cart-item {
  margin-bottom: 25px !important;
}

/* STYLE IMAGES */
.cart-item__media img {
  border-radius: 10px !important;
}
/* ====== CUSTOM NoGuilt CART OVERRIDES ====== */

/* Titre "Your cart" */
.drawer__heading h2,
.cart__title {
  color: #ffffff !important;
  font-size: 2.3rem !important;
  font-weight: 700 !important;
}

/* Boutons + / - */
.quantity__button {
  background-color: #000 !important;
  border: 2px solid #FFD300 !important;
  border-radius: 8px !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #FFD300 !important;
}

/* Bouton supprimer (poubelle) */
.cart-remove-button {
  background-color: #FFD300 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

/* Quantité (chiffre au centre) */
.quantity__input {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

/* Espacement entre les items du panier */
.cart-item {
  margin-bottom: 25px !important;
}

/* Image du produit */
.cart-item__media img {
  border-radius: 15px !important;
  max-height: 150px !important;
}
/* === NO GUILT – FIX CART COLORS + QUANTITY === */

/* 1. Titres d'entête du panier ("PRODUCT", "TOTAL") en blanc */
.cart-items thead th {
  color: #ffffff !important;
}

/* 2. Prix sous le nom des produits en blanc (au lieu de bleu) */
.cart-items .cart-item__price,
.cart-items .cart-item__price span,
.cart-items .cart-item__price a {
  color: #ffffff !important;
}

/* 3. Style général du bloc quantité (cadre jaune propre) */
.cart-quantity .quantity {
  border: 3px solid #FFD300 !important;   /* jaune No Guilt */
  border-radius: 12px !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 4. Le chiffre au centre : plus gros et plus gras */
.cart-quantity .quantity__input {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  width: 40px !important;
  border: none !important;
  background: transparent !important;
}

/* 5. Force l'affichage des boutons + et – */
.cart-quantity .quantity__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* 6. Taille des icônes SVG */
.cart-quantity .quantity__button svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* 7. Couleur des traits des icônes + et – (jaune No Guilt) */
.cart-quantity .quantity__button svg path {
  stroke: #FFD300 !important;
  stroke-width: 2.5px !important;
  fill: none !important;
}

/* 8. Enlève le vilain halo autour du bouton CHECK OUT au focus */
.cart__checkout-button,
.shopify-payment-button button,
button[type="submit"] {
  outline: none !important;
  box-shadow: none !important;
}
/* DESKTOP HEADER MENU: bigger + bolder (Refresh) */
@media screen and (min-width: 990px) {
  ul.list-menu.list-menu--inline {
    font-size: 22px;
    font-weight: 800;
  }

  a.header__menu-item.list-menu__item.link.link--text.focus-inset,
  .header__inline-menu .list-menu__item {
    font-size: 22px;
    font-weight: 800;
  }
}
/* Logo NO GUILT */
.header__heading-link span {
  color: #FFD400;
  font-weight: 900;
  font-size: 28px;
}

/* Menu spacing + punch */
.header__inline-menu a {
  letter-spacing: 0.08em;
  font-weight: 800;
}

/* Header contrast */
.header {
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(4px);
}
/* NO GUILT — Premium Apple Quantity */
.quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;

  border: 2px solid #FFD300 !important;
  border-radius: 14px !important;
  overflow: hidden !important;

  background: rgba(0,0,0,0.35) !important;
  padding: 6px !important;
}

.quantity__button {
  width: 52px !important;
  height: 52px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #FFD300 !important;
  color: #000 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
  outline: none !important;
}

/* rend le + / - plus gros (icône svg du thème Refresh) */
.quantity__button .svg-wrapper svg {
  width: 22px !important;
  height: 22px !important;
}

.quantity__input {
  width: 60px !important;
  height: 52px !important;

  border: 0 !important;
  background: transparent !important;
  color: #fff !important;

  font-size: 26px !important;
  font-weight: 900 !important;
  text-align: center !important;

  box-shadow: none !important;
  outline: none !important;

  padding: 0 !important;
  margin: 0 8px !important;
}

/* enlève les focus/contours chelous */
.quantity__button:focus,
.quantity__button:focus-visible,
.quantity__input:focus,
.quantity__input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* FIX CLICK + FIX PLUS HIDDEN (override) */
.quantity{
  overflow: visible !important;         /* <-- ne coupe plus le + */
  width: max-content !important;        /* <-- le bloc s’adapte au contenu */
  padding: 6px !important;
  gap: 6px !important;                  /* <-- espace propre entre les 3 */
}

.quantity__button{
  position: relative !important;
  z-index: 5 !important;                /* <-- boutons au-dessus */
  pointer-events: auto !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;            /* <-- empêche le bouton de se faire écraser */
}

.quantity__input{
  position: relative !important;
  z-index: 1 !important;                /* <-- l’input passe en dessous */
  width: 56px !important;
  height: 46px !important;
  margin: 0 !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
}

/* assure que l’icône + / - est bien visible */
.quantity__button svg,
.quantity__button svg path,
.quantity__button svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* ===== NO GUILT – PREMIUM QUANTITY FIX ===== */

/* Input quantité (le chiffre) */
.quantity_input {
  background: #FFD300 !important;
  color: #000 !important;
  border: none !important;
  font-weight: 700 !important;
}

/* Boutons + et - */
.quantity_button {
  background: #FFD300 !important;
  color: #000 !important;
  border: none !important;
}

/* État DISABLED (le vrai problème) */
.quantity_button:disabled,
.quantity_input:disabled {
  background: #FFD300 !important;
  color: #000 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* Icônes SVG (+ / -) */
.quantity_button svg {
  fill: #000 !important;
}
/* === NO GUILT – QUANTITY PICKER CLEAN BLACK === */

.quantity {
  background: transparent !important;
}

.quantity__input {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

.quantity__button {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
}

.quantity__button svg {
  fill: #fff !important;
}

.quantity__button:disabled {
  background: #000 !important;
  opacity: 0.5;
}
/* === NO GUILT – QUANTITY INPUT FINAL FIX === */

/* Wrapper principal */
quantity-input.quantity {
  background-color: #FFD300 !important; /* jaune No Guilt */
  border-radius: 14px;
  padding: 4px;
}

/* Boutons + et - */
quantity-input .quantity__button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 10px;
}

/* Chiffre au centre */
quantity-input .quantity__input {
  background-color: transparent !important;
  color: #ffffff !important;
  font-weight: 600;
}

/* Bouton - désactivé (quand quantité = 1) */
quantity-input .quantity__button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
/* ===== NO GUILT – Quantity Selector Premium ===== */

/* Conteneur global */
quantity-input.quantity.cart-quantity {
  background: #FFD300; /* Jaune No Guilt */
  border-radius: 14px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Boutons + / - */
quantity-input .quantity__button {
  background: #000;
  border-radius: 10px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

quantity-input .quantity__button svg {
  fill: #fff;
}

/* Bouton désactivé (- à 1) */
quantity-input .quantity__button[disabled] {
  background: #444;
  opacity: 0.5;
}

/* Champ chiffre */
quantity-input .quantity__input {
  background: #FFD300 !important; /* SUPPRESSION DU GRIS */
  color: #000 !important;         /* CHIFFRE NOIR */
  font-size: 20px;                /* PLUS GROS */
  font-weight: 700;
  width: 52px;
  height: 44px;
  border: none;
  text-align: center;
  padding: 0;
}

/* Supprimer flèches input number */
.quantity__input::-webkit-inner-spin-button,
.quantity__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input {
  -moz-appearance: textfield;
}
/* =========================================================
   NO GUILT – Quantity styling
   Goal:
   - Keep "Apple/premium" style on PRODUCT PAGE quantity
   - Restore SIMPLE yellow + black text/icons in CART (drawer + cart page)
   Paste at the VERY END of custom.css
   ========================================================= */

/* ---------- 1) PRODUCT PAGE (only the product form quantity) ---------- */
.template-product .product-form__quantity quantity-input.quantity,
.template-product .product-form__quantity .quantity {
  background: #FFD300;
  border: 2px solid #FFD300;
  border-radius: 14px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Buttons on product page: black squares, white icons */
.template-product .product-form__quantity .quantity__button {
  background: #111;
  border: none;
  border-radius: 10px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* SVG icons white on product page */
.template-product .product-form__quantity .quantity__button svg,
.template-product .product-form__quantity .quantity__button path {
  fill: #fff;
}

/* Number on product page: BLACK + bigger */
.template-product .product-form__quantity .quantity__input {
  background: transparent;
  border: none;
  color: #111;               /* <- black number */
  font-weight: 800;
  font-size: 20px;           /* <- bigger number */
  width: 56px;
  text-align: center;
  box-shadow: none;
}

/* Disabled minus at 1: keep it visible but "disabled" */
.template-product .product-form__quantity .quantity__button:disabled,
.template-product .product-form__quantity .quantity__button[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}


/* ---------- 2) CART (drawer + cart page): revert to SIMPLE yellow + black ---------- */

/* Cart Drawer */
cart-drawer .quantity,
cart-drawer quantity-input.quantity {
  background: #FFD300 !important;
  border: 2px solid #FFD300 !important;
  border-radius: 14px !important;
  padding: 4px !important;
}

/* Cart Page */
.template-cart .quantity,
.template-cart quantity-input.quantity {
  background: #FFD300 !important;
  border: 2px solid #FFD300 !important;
  border-radius: 14px !important;
  padding: 4px !important;
}
/* ===============================
   CART – Quantity (CLEAN & STABLE)
   =============================== */

/* Conteneur jaune (on ne touche pas) */
.template-cart .quantity,
cart-drawer .quantity {
  background: #FFD300 !important;
  border-radius: 14px !important;
  padding: 4px !important;
}

/* Boutons + / - : NOIRS, SANS CARRÉ */
.template-cart .quantity__button,
cart-drawer .quantity__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

/* Icônes + / - en NOIR */
.template-cart .quantity__button svg,
.template-cart .quantity__button path,
cart-drawer .quantity__button svg,
cart-drawer .quantity__button path {
  fill: #111 !important;
}

/* Nombre au centre */
.template-cart .quantity__input,
cart-drawer .quantity__input {
  background: transparent !important;
  border: none !important;
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-align: center !important;
  width: 44px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* MOBILE FIX – alignement parfait */
@media (max-width: 768px) {
  .template-cart .quantity,
  cart-drawer .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* if +/− are SVG icons (most common) */
cart-drawer .quantity__button svg,
cart-drawer .quantity__button path,
.template-cart .quantity__button svg,
.template-cart .quantity__button path {
  fill: #111 !important;   /* icons in black */
}
/* =========================
   CART ONLY – quantity text/icons to black
   Works for cart drawer + cart page (Dawn/Refresh-like)
   ========================= */

/* Cart drawer */
.cart-drawer .quantity__input,
.cart-drawer .quantity__button {
  color: #000 !important;
}

/* Cart page */
.template-cart .quantity__input,
.template-cart .quantity__button,
.cart .quantity__input,
.cart .quantity__button {
  color: #000 !important;
}

/* Force SVG icons inside the cart quantity buttons (plus/minus) */
.cart-drawer .quantity__button svg,
.cart-drawer .quantity__button svg *,
.template-cart .quantity__button svg,
.template-cart .quantity__button svg *,
.cart .quantity__button svg,
.cart .quantity__button svg * {
  fill: #000 !important;
  stroke: #000 !important;
}

/* CART ONLY – force + / - icons to black */
.cart-drawer .quantity__button,
.template-cart .quantity__button,
.cart .quantity__button {
  color: #000 !important;               /* for currentColor icons */
  --color-foreground: 0, 0, 0 !important; /* for themes using CSS vars */
}

/* SVG icons */
.cart-drawer .quantity__button svg,
.cart-drawer .quantity__button svg * ,
.template-cart .quantity__button svg,
.template-cart .quantity__button svg * ,
.cart .quantity__button svg,
.cart .quantity__button svg * {
  fill: #000 !important;
  stroke: #000 !important;
}

/* CART ONLY – Fix + / - icons color WITHOUT background */
.cart-drawer .quantity__button,
.template-cart .quantity__button,
.cart .quantity__button {
  background-color: transparent !important;
}

/* If icons are pseudo-elements */
.cart-drawer .quantity__button::before,
.cart-drawer .quantity__button::after,
.template-cart .quantity__button::before,
.template-cart .quantity__button::after,
.cart .quantity__button::before,
.cart .quantity__button::after {
  background-color: #000 !important;
  color: #000 !important;
}

/* If icons use mask-image (VERY common in Shopify themes) */
.cart-drawer .quantity__button {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  color: #000 !important;
}

/* SVG fallback */
.cart-drawer .quantity__button svg {
  fill: #000 !important;
  stroke: #000 !important;
  background: transparent !important;
}
/* ======================================
   CART – FORCE + / - ICONS TO BLACK
   (SVG stroke FIX – FINAL)
   ====================================== */

/* Buttons container (no visual change) */
.template-cart .quantity__button,
cart-drawer .quantity__button {
  background: transparent !important;
  border: none !important;
}

/* FORCE SVG STROKE (this is the key) */
.template-cart .quantity__button svg,
cart-drawer .quantity__button svg {
  stroke: #111 !important;
}

/* Force paths inside SVG */
.template-cart .quantity__button svg path,
cart-drawer .quantity__button svg path {
  stroke: #111 !important;
  fill: none !important;
}

/* Quantity number (already OK but we lock it) */
.template-cart .quantity__input,
cart-drawer .quantity__input {
  color: #111 !important;
  font-weight: 700 !important;
}
/* =========================================
   CART – FORCE + / - VISIBILITY (FINAL FIX)
   ========================================= */

/* Force buttons visible */
.template-cart .quantity__button,
cart-drawer .quantity__button {
  opacity: 1 !important;
  visibility: visible !important;
}

/* If + / - are TEXT */
.template-cart .quantity__button,
cart-drawer .quantity__button {
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* If + / - are PSEUDO ELEMENTS */
.template-cart .quantity__button::before,
.template-cart .quantity__button::after,
cart-drawer .quantity__button::before,
cart-drawer .quantity__button::after {
  color: #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mobile alignment fix */
.template-cart .quantity,
cart-drawer .quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* =========================================================
   FINAL OVERRIDE – CART QUANTITY BUTTONS (NOIR + BLANC)
   Ne dépend PAS des SVG / icônes du thème
   ========================================================= */

.template-cart .quantity,
.cart-drawer .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* BOUTONS +/- */
.template-cart .quantity__button,
.cart-drawer .quantity__button {
  all: unset !important;                 /* RESET TOTAL */
  width: 44px !important;
  height: 44px !important;
  background: #000 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* CACHE TOUT CE QUE SHOPIFY MET DEDANS */
.template-cart .quantity__button *,
.cart-drawer .quantity__button * {
  display: none !important;
}

/* TEXTE + / - DESSINÉ À LA MAIN */
.template-cart .quantity__button::after,
.cart-drawer .quantity__button::after {
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: block !important;
  transform: translateY(-1px);
  content: "" !important;
}

/* MINUS */
.template-cart .quantity__button[name="minus"]::after,
.cart-drawer .quantity__button[name="minus"]::after {
  content: "–" !important;
}

/* PLUS */
.template-cart .quantity__button[name="plus"]::after,
.cart-drawer .quantity__button[name="plus"]::after {
  content: "+" !important;
}

/* INPUT CHIFFRE */
.template-cart .quantity__input,
.cart-drawer .quantity__input {
  background: #FFD300 !important;
  color: #000 !important;
  font-weight: 700 !important;
  border: none !important;
  width: 56px !important;
  height: 44px !important;
  text-align: center !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
/* === FOOTER : Instagram icon bigger === */
footer a[href*="instagram"],
footer a svg {
  width: 36px !important;
  height: 36px !important;
}

footer a svg path {
  transform: scale(1.3);
  transform-origin: center;
}

/* Mobile: encore un peu plus gros */
@media (max-width: 768px) {
  footer a[href*="instagram"],
  footer a svg {
    width: 42px !important;
    height: 42px !important;
  }
}
/* ===============================
   FOOTER – BIG INSTAGRAM ICON (x3)
   =============================== */

/* Conteneur du lien Instagram */
footer a[href*="instagram"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 96px !important;
  height: 96px !important;
}

/* SVG Instagram */
footer a[href*="instagram"] svg {
  width: 96px !important;
  height: 96px !important;
  transform: scale(3) !important;
}

/* Cas où le thème utilise mask / icon */
footer a[href*="instagram"]::before,
footer a[href*="instagram"]::after {
  font-size: 96px !important;
  width: 96px !important;
  height: 96px !important;
}

/* Forcer la couleur (au cas où) */
footer a[href*="instagram"] svg path {
  fill: #ffffff !important;
}

/* Mobile encore bien visible */
@media (max-width: 768px) {
  footer a[href*="instagram"],
  footer a[href*="instagram"] svg {
    width: 110px !important;
    height: 110px !important;
    transform: scale(3.2) !important;
  }
/* FORCE WhatsApp Floating Button */
a[href*="wa.me"],
a[href*="whatsapp"],
.whatsapp,
.whatsapp-button,
#whatsapp-button,
[class*="whatsapp"] {
  background-color: #25D366 !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
}

a[href*="wa.me"] svg,
[class*="whatsapp"] svg {
  width: 40px !important;
  height: 40px !important;
  fill: #ffffff !important;
}
/* === HARD OVERRIDE WHATSAPP FLOATING BUTTON === */

/* Force all possible WhatsApp floating containers */
iframe[src*="whatsapp"],
iframe[src*="wa.me"],
div[id*="whatsapp"],
div[class*="whatsapp"],
div[class*="WhatsApp"],
button[class*="whatsapp"],
a[class*="whatsapp"] {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  background-color: #25D366 !important;
  border-radius: 50% !important;
  transform: scale(1.3) !important;
}

/* Force icon color */
iframe[src*="whatsapp"] svg,
div[class*="whatsapp"] svg,
button[class*="whatsapp"] svg,
a[class*="whatsapp"] svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  width: 36px !important;
  height: 36px !important;
}

/* Kill grayscale / opacity */
iframe[src*="whatsapp"],
div[class*="whatsapp"],
button[class*="whatsapp"],
a[class*="whatsapp"] {
  filter: none !important;
  opacity: 1 !important;
}
/* Uniformiser la taille des icônes sociales (Instagram / TikTok / etc.) */
.footer__list-social svg,
.list-social svg {
  width: 26px !important;
  height: 26px !important;
}

/* Optionnel : alignement parfait */
.footer__list-social a,
.list-social a {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* TikTok 3x plus gros que la taille par défaut */
.list-social a[href*="tiktok"] svg,
.footer__list-social a[href*="tiktok"] svg {
  transform: scale(3);
  transform-origin: center;
}
/* ========== SOCIAL ICONS (Refresh/Dawn) — FINAL OVERRIDE ========== */

.footer__list-social,
.list-social {
  gap: 18px !important;
}

/* Taille desktop */
.footer__list-social .icon,
.list-social .icon,
.footer__list-social svg,
.list-social svg,
.footer__list-social img,
.list-social img,
.footer__list-social .icon-instagram,
.footer__list-social .icon-tiktok,
.list-social .icon-instagram,
.list-social .icon-tiktok {
  width: 56px !important;
  height: 56px !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .footer__list-social,
  .list-social {
    gap: 14px !important;
  }

  .footer__list-social .icon,
  .list-social .icon,
  .footer__list-social svg,
  .list-social svg,
  .footer__list-social img,
  .list-social img,
  .footer__list-social .icon-instagram,
  .footer__list-social .icon-tiktok,
  .list-social .icon-instagram,
  .list-social .icon-tiktok {
    width: 44px !important;
    height: 44px !important;
  }
}

/* ========== Floating WhatsApp — mobile size limit ========== */
@media screen and (max-width: 749px) {
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  a[href*="whatsapp.com/send"] {
    max-width: 72px !important;
    max-height: 72px !important;
  }
}
/* =========================================================
   NO GUILT — FIX SOCIAL ICONS + WHATSAPP (DESKTOP + MOBILE)
   - Desktop: TikTok = même taille que Instagram (≈ x3)
   - Mobile : Instagram réduit = taille TikTok
   - Mobile : WhatsApp 2x plus petit
   ========================================================= */


/* -----------------------------
   1) RESET: enlève les anciens "scale()" qui traînent
   (sinon tu te bats contre ton ancien CSS)
------------------------------ */
.footer__list-social svg,
.list-social svg,
.footer__list-social .icon,
.list-social .icon {
  transform: none !important;
}


/* -----------------------------
   2) DESKTOP: TikTok = Instagram (≈ x3)
   -> on force une taille identique pour les deux
------------------------------ */
@media (min-width: 750px) {

  /* Taille "x3" (26px * 3 ≈ 78px) */
  .footer__list-social .icon-instagram,
  .footer__list-social .icon-tiktok,
  .list-social .icon-instagram,
  .list-social .icon-tiktok,
  .footer__list-social svg.icon-instagram,
  .footer__list-social svg.icon-tiktok,
  .list-social svg.icon-instagram,
  .list-social svg.icon-tiktok {
    width: 78px !important;
    height: 78px !important;
  }

  /* Sécurité: si Shopify ne met pas icon-tiktok/icon-instagram, on attrape via le lien */
  .footer__list-social a[href*="instagram"] svg,
  .list-social a[href*="instagram"] svg,
  .footer__list-social a[href*="tiktok"] svg,
  .list-social a[href*="tiktok"] svg {
    width: 78px !important;
    height: 78px !important;
  }
}


/* -----------------------------
   3) MOBILE: Instagram réduit = taille TikTok
   -> on met les deux à une taille "propre" (pas énorme)
------------------------------ */
@media (max-width: 749px) {

  /* Taille mobile uniforme */
  .footer__list-social .icon-instagram,
  .footer__list-social .icon-tiktok,
  .list-social .icon-instagram,
  .list-social .icon-tiktok,
  .footer__list-social svg,
  .list-social svg,
  .footer__list-social .icon,
  .list-social .icon {
    width: 34px !important;
    height: 34px !important;
    transform: none !important;
  }

  /* Centre l’icône dans la zone cliquable */
  .footer__list-social a,
  .list-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* -----------------------------
   4) MOBILE: WhatsApp 2x plus petit
   -> on scale le widget (très large ciblage, mais uniquement sur mobile)
------------------------------ */
@media (max-width: 749px) {

  /* Cible très large des widgets WhatsApp (apps Shopify) */
  #whatsapp,
  #whatsapp-widget,
  #wa-widget,
  #wa-chat,
  .whatsapp,
  .whatsapp-widget,
  .whatsapp-button,
  .whatsapp-btn,
  .floating-whatsapp,
  .wa-widget,
  .wa-chat,
  .wa-chat-button,
  .wa__button,
  [id*="whatsapp"],
  [class*="whatsapp"],
  [id*="wa-"],
  [class*="wa-"] {
    transform: scale(0.5) !important;            /* 2x plus petit */
    transform-origin: bottom right !important;   /* garde l’ancrage en bas à droite */
  }
}
/* =========================================================
   PATCH #2 — TikTok same size as Instagram + Fix WhatsApp double (mobile)
   ========================================================= */

/* ---------- A) SOCIAL ICONS: FORCE ALIGNMENT + SIZE (desktop + mobile) ---------- */

/* Toujours aligner les icônes sur une même baseline */
.footer__list-social,
.list-social {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.footer__list-social li,
.list-social li,
.footer__list-social a,
.list-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 1) DESKTOP: TikTok = Instagram (même taille) */
@media (min-width: 750px) {
  .footer__list-social a[href*="instagram"] svg,
  .list-social a[href*="instagram"] svg,
  .footer__list-social a[href*="tiktok"] svg,
  .list-social a[href*="tiktok"] svg,
  .footer__list-social a[href*="instagram"] img,
  .list-social a[href*="instagram"] img,
  .footer__list-social a[href*="tiktok"] img,
  .list-social a[href*="tiktok"] img {
    width: 78px !important;
    height: 78px !important;
  }
}

/* 2) MOBILE: TikTok = Instagram (même taille), et plus de décalage */
@media (max-width: 749px) {
  .footer__list-social a[href*="instagram"] svg,
  .list-social a[href*="instagram"] svg,
  .footer__list-social a[href*="tiktok"] svg,
  .list-social a[href*="tiktok"] svg,
  .footer__list-social a[href*="instagram"] img,
  .list-social a[href*="instagram"] img,
  .footer__list-social a[href*="tiktok"] img,
  .list-social a[href*="tiktok"] img {
    width: 34px !important;
    height: 34px !important;
  }
}


/* ---------- B) WHATSAPP: REMOVE DOUBLE + MAKE IT SMALLER (MOBILE ONLY) ---------- */
/* Objectif:
   - garder 1 seul bouton
   - le rendre ~2x plus petit
   - éviter l’effet "un gros + un petit" */

@media (max-width: 749px) {

  /* Annule le vieux scale (qui créait le "double visuel") */
  #whatsapp,
  #whatsapp-widget,
  #wa-widget,
  #wa-chat,
  .whatsapp,
  .whatsapp-widget,
  .whatsapp-button,
  .whatsapp-btn,
  .floating-whatsapp,
  .wa-widget,
  .wa-chat,
  .wa-chat-button,
  .wa__button,
  [id*="whatsapp"],
  [class*="whatsapp"],
  [id*="wa-"],
  [class*="wa-"] {
    transform: none !important;
  }

  /* 1) On FORCE la taille du bouton principal (le rond vert) */
  /* (large ciblage: si l'app met width/height inline, on override) */
  [id*="whatsapp"][style*="position: fixed"],
  [class*="whatsapp"][style*="position: fixed"],
  [id*="wa"][style*="position: fixed"],
  [class*="wa"][style*="position: fixed"] {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
  }

  /* 2) L’icône à l’intérieur doit remplir le bouton */
  [id*="whatsapp"] svg,
  [class*="whatsapp"] svg,
  [id*="wa"] svg,
  [class*="wa"] svg,
  [id*="whatsapp"] img,
  [class*="whatsapp"] img,
  [id*="wa"] img,
  [class*="wa"] img {
    width: 64px !important;
    height: 64px !important;
  }

  /* 3) On masque le 2ème bouton/bubble (celui qui se superpose)
        (les apps utilisent souvent un "chat bubble" séparé) */
  .wa-chat-button,
  .wa__button,
  .whatsapp-chat,
  .whatsapp-support,
  .whatsapp-fab + .whatsapp-fab,
  [class*="chat"][class*="whatsapp"],
  [class*="support"][class*="whatsapp"] {
    display: none !important;
  }
}
/* =========================
   FIX SOCIAL ICONS + WHATSAPP
   (Refresh theme)
   Put this at VERY BOTTOM of custom.css
   ========================= */

/* ---- 1) DESKTOP: TikTok same size as Instagram (scale x3) ---- */
@media (min-width: 750px) {
  /* Force the clickable item to scale (works even if TikTok isn't an svg) */
  .list-social__item a[href*="tiktok"],
  .footer__list-social .list-social__item a[href*="tiktok"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: scale(3) !important;
    transform-origin: center !important;
  }

  /* Keep Instagram as-is (optional stabilization) */
  .list-social__item a[href*="instagram"],
  .footer__list-social .list-social__item a[href*="instagram"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ---- 2) MOBILE: Make Instagram = TikTok size (normalize both) ---- */
@media (max-width: 749px) {
  /* Normalize both icons to same visual size */
  .list-social__item a[href*="instagram"],
  .footer__list-social .list-social__item a[href*="instagram"],
  .list-social__item a[href*="tiktok"],
  .footer__list-social .list-social__item a[href*="tiktok"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: scale(1) !important; /* cancels any previous x3 on mobile */
    transform-origin: center !important;
  }

  /* If icons are svg, force same exact svg size too (harmless if not svg) */
  .list-social__item a[href*="instagram"] svg,
  .list-social__item a[href*="tiktok"] svg,
  .footer__list-social .list-social__item a[href*="instagram"] svg,
  .footer__list-social .list-social__item a[href*="tiktok"] svg {
    width: 26px !important;
    height: 26px !important;
  }
}

/* ---- 3) MOBILE: WhatsApp bubble too big + doubled -> force all WA bubbles same size ---- */
@media (max-width: 749px) {
  /* Catch most WhatsApp widgets (ids/classes usually contain wa/whatsapp/chat) */
  [id*="whatsapp"],
  [class*="whatsapp"],
  [id*="wa-"],
  [class*="wa-"],
  [class*="wa__"],
  [class*="whatsapp-chat"],
  [class*="whatsapp-button"] {
    /* only affect floating bubbles, not random text blocks */
  }

  /* Force any fixed WA floating button to a smaller uniform circle (so if there are 2, they overlap perfectly) */
  [id*="whatsapp"][style*="position: fixed"],
  [class*="whatsapp"][style*="position: fixed"],
  [id*="wa"][style*="position: fixed"],
  [class*="wa"][style*="position: fixed"],
  .wa__btn,
  .wa__button,
  .whatsapp-button,
  .whatsapp-chat,
  #whatsapp-chat,
  #wa-widget,
  #wa-chat-widget {
    width: 64px !important;   /* <- smaller than your huge one */
    height: 64px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  /* Ensure inner icon fits */
  .wa__btn svg,
  .wa__button svg,
  .whatsapp-button svg,
  .whatsapp-chat svg,
  #whatsapp-chat svg,
  #wa-widget svg,
  #wa-chat-widget svg {
    width: 34px !important;
    height: 34px !important;
  }
}
/* =========================
   FOOTER SOCIAL ICONS
   Desktop: TikTok = Instagram
   Mobile: tailles cohérentes
   ========================= */

/* Force le SVG à suivre la taille du conteneur */
.footer__list-social .list-social__link .icon,
.footer__list-social .list-social__link svg {
  width: 100% !important;
  height: 100% !important;
}

/* --- DESKTOP --- */
@media screen and (min-width: 990px) {
  /* Taille “desktop” = celle de ton Instagram actuel (ajuste si besoin) */
  .footer__list-social .list-social__link .icon {
    width: 72px !important;
    height: 72px !important;
    display: inline-block !important;
  }

  /* TikTok: on force pareil (au cas où TikTok n’hérite pas) */
  .footer__list-social a[href*="tiktok"] .icon,
  .footer__list-social a[href*="tiktok"] svg {
    width: 72px !important;
    height: 72px !important;
  }
}
/* --- MOBILE --- */
@media screen and (max-width: 989px) {
  .footer__list-social .list-social__link .icon {
    width: 44px !important;
    height: 44px !important;
    display: inline-block !important;
  }

  .footer__list-social a[href*="instagram"] .icon,
  .footer__list-social a[href*="instagram"] svg,
  .footer__list-social a[href*="tiktok"] .icon,
  .footer__list-social a[href*="tiktok"] svg {
    width: 44px !important;
    height: 44px !important;
  }
}
/* =========================
   WhatsApp floating button - Mobile fix
   (réduction taille + look propre)
   ========================= */
@media screen and (max-width: 989px) {
  /* Cible large: boutons WhatsApp flottants (apps différentes) */
  a[href*="wa.me"][style*="position: fixed"],
  a[href*="whatsapp.com"][style*="position: fixed"],
  .whatsapp_float,
  .wa__btn_popup,
  #whatsapp-chat,
  .whatsapp-chat-widget,
  .whatsapp-button,
  .wapp-button,
  .whatsapp-widget {
    width: 64px !important;
    height: 64px !important;
    border-radius: 999px !important;
    box-shadow: none !important;         /* enlève l’impression de “double cercle” */
    filter: none !important;
    transform: none !important;
  }

  /* Images/SVG internes */
  a[href*="wa.me"][style*="position: fixed"] img,
  a[href*="wa.me"][style*="position: fixed"] svg,
  a[href*="whatsapp.com"][style*="position: fixed"] img,
  a[href*="whatsapp.com"][style*="position: fixed"] svg,
  .whatsapp_float img, .whatsapp_float svg {
    width: 64px !important;
    height: 64px !important;
  }

  /* Pseudo-éléments qui créent souvent le “2e cercle” */
  a[href*="wa.me"][style*="position: fixed"]::before,
  a[href*="wa.me"][style*="position: fixed"]::after,
  a[href*="whatsapp.com"][style*="position: fixed"]::before,
  a[href*="whatsapp.com"][style*="position: fixed"]::after {
    display: none !important;
    content: none !important;
  }
}
/* DESKTOP ONLY — force TikTok = même taille visuelle qu’Instagram dans le footer */
@media screen and (min-width: 990px) {

  /* 1) même “boîte” pour toutes les icônes du footer */
  .footer .list-social__link .icon,
  .footer .list-social__link svg.icon,
  .footer__list-social .list-social__link .icon,
  .footer__list-social .list-social__link svg.icon {
    width: 52px !important;
    height: 52px !important;
  }

  /* 2) TikTok : on compense le SVG trop “vide” en le scalant */
  .footer a[href*="tiktok"] .icon,
  .footer a[href*="tiktok"] svg.icon,
  .footer__list-social a[href*="tiktok"] .icon,
  .footer__list-social a[href*="tiktok"] svg.icon,
  .footer .icon.icon-tiktok,
  .footer svg.icon-tiktok,
  .footer__list-social .icon.icon-tiktok,
  .footer__list-social svg.icon-tiktok {
    transform: scale(1.75) !important;
    transform-origin: 50% 50% !important;
  }
}
/* DESKTOP: TikTok = même taille visuelle qu’Instagram (Shopify Dawn/Refresh & variants) */
@media screen and (min-width: 990px) {

  /* 1) Normaliser la taille du conteneur d’icône (svg-wrapper OU icon) */
  .footer .list-social__link .svg-wrapper,
  .footer__list-social .list-social__link .svg-wrapper,
  .footer .list-social__link .icon,
  .footer__list-social .list-social__link .icon,
  .footer .list-social__link svg,
  .footer__list-social .list-social__link svg {
    width: 56px !important;
    height: 56px !important;
    max-width: none !important;
    max-height: none !important;
    display: inline-block !important;
  }

  /* 2) Forcer le SVG à remplir le conteneur */
  .footer .list-social__link .svg-wrapper svg,
  .footer__list-social .list-social__link .svg-wrapper svg,
  .footer .list-social__link svg,
  .footer__list-social .list-social__link svg {
    width: 100% !important;
    height: 100% !important;
  }

  /* 3) TikTok: compenser l’icône “fine” (souvent plus petite visuellement) */
  .footer a[href*="tiktok"] .svg-wrapper svg,
  .footer__list-social a[href*="tiktok"] .svg-wrapper svg,
  .footer a[href*="tiktok"] svg,
  .footer__list-social a[href*="tiktok"] svg,
  .footer .icon-tiktok,
  .footer__list-social .icon-tiktok {
    transform: scale(1.9) !important;
    transform-origin: 50% 50% !important;
  }
}
/* DESKTOP — TikTok = même taille qu’Instagram (svg / font-icon / ::before) */
@media (min-width: 990px) {

  /* 1) Même boîte pour les 2 liens */
  .footer a[href*="instagram"],
  .footer a[href*="tiktok"],
  .footer a[aria-label*="Instagram"],
  .footer a[aria-label*="TikTok"]{
    width: 64px !important;
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 2) Reset total des transformations/taille existantes (ça annule tes anciens scale) */
  .footer a[href*="instagram"] *,
  .footer a[href*="tiktok"] *,
  .footer a[aria-label*="Instagram"] *,
  .footer a[aria-label*="TikTok"] * {
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
  }

  /* 3) Cas SVG */
  .footer a[href*="instagram"] svg,
  .footer a[href*="tiktok"] svg,
  .footer a[aria-label*="Instagram"] svg,
  .footer a[aria-label*="TikTok"] svg{
    width: 64px !important;
    height: 64px !important;
    display: block !important;
  }

  /* 4) Cas FONT ICON <i> (TikTok souvent comme ça) */
  .footer a[href*="instagram"] i,
  .footer a[href*="tiktok"] i,
  .footer a[aria-label*="Instagram"] i,
  .footer a[aria-label*="TikTok"] i{
    font-size: 64px !important;
    line-height: 1 !important;
  }

  /* 5) Cas PSEUDO-ELEMENT ::before (icône injectée) */
  .footer a[href*="instagram"]::before,
  .footer a[href*="tiktok"]::before,
  .footer a[aria-label*="Instagram"]::before,
  .footer a[aria-label*="TikTok"]::before{
    font-size: 64px !important;
    width: 64px !important;
    height: 64px !important;
    line-height: 64px !important;
    background-size: 64px 64px !important;
  }

  /* 6) Si TikTok reste “visuellement” plus petit (logo plus fin), on le boost */
  .footer a[href*="tiktok"] svg,
  .footer a[aria-label*="TikTok"] svg,
  .footer a[href*="tiktok"] i,
  .footer a[aria-label*="TikTok"] i,
  .footer a[href*="tiktok"]::before,
  .footer a[aria-label*="TikTok"]::before{
    transform: scale(1.35) !important;
    transform-origin: 50% 50% !important;
  }
}
/* DESKTOP : forcer TikTok à la même taille qu’Instagram (footer social icons) */
@media screen and (min-width: 990px) {

  /* 1) Donne une taille fixe au WRAPPER (c’est lui qui “cadre” l’icône) */
  .footer__list-social .list-social__item a.link.list-social__link span.svg-wrapper {
    width: 64px !important;
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 2) Force le SVG à remplir le wrapper */
  .footer__list-social .list-social__item a.link.list-social__link span.svg-wrapper svg.icon {
    width: 64px !important;
    height: 64px !important;
    display: block !important;
    max-width: none !important;
    max-height: none !important;
  }

  /* 3) Cas spécifique TikTok : si le logo reste visuellement plus petit (traits fins), on le boost un poil */
  .footer__list-social .list-social__item a.link.list-social__link span.svg-wrapper svg.icon.icon-tiktok {
    transform: scale(1.35) !important;
    transform-origin: 50% 50% !important;
  }
}
/* DESKTOP — TikTok = même taille visuelle qu'Instagram */
@media (min-width: 750px){
  .footer__list-social a[href*="tiktok"] svg{
    width: 40px !important;
    height: 40px !important;
    display: block !important;
    overflow: visible !important;
    transform: scale(1.45) translateY(0px) !important; /* grossit le dessin TikTok dans son carré */
    transform-origin: center center !important;
  }

  /* Important : autorise le dépassement (sinon ça "coupe") */
  .footer__list-social a[href*="tiktok"] .svg-wrapper,
  .footer__list-social a[href*="tiktok"]{
    overflow: visible !important;
  }
}
/* Desktop: force TikTok = Instagram dans le footer */
.footer__list-social .list-social__link .icon {
  width: 42px !important;
  height: 42px !important;
  display: block !important;
}

/* Spécifique TikTok: l'aligne si besoin */
.footer__list-social .list-social__link .icon.icon-tiktok {
  position: relative !important;
  top: 0px !important; /* si trop haut, mets 1px ou 2px */
}/* 1) Desktop: même taille réelle pour les icônes du footer */
.footer__list-social .list-social__item a[href*="instagram"] svg,
.footer__list-social .list-social__item a[href*="tiktok"] svg {
  width: 42px !important;
  height: 42px !important;
  display: block !important;
}

/* 2) TikTok: on le “gonfle” et on le descend un peu pour matcher Instagram */
.footer__list-social .list-social__item a[href*="tiktok"] svg {
  transform: translateY(2px) scale(1.8) !important;
  transform-origin: 50% 50% !important;
}
/* ===== FORCE SAME SIZE FOR ALL SOCIAL ICONS (DESKTOP + MOBILE) ===== */

/* 1) Le wrapper fixe la taille + centre parfaitement */
.list-social__item .svg-wrapper{
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important; /* important si un scale était coupé */
}

/* 2) Le SVG prend tout le wrapper */
.list-social__item .svg-wrapper svg{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* 3) TikTok paraît souvent “plus petit” car son dessin interne est petit -> on le scale */
.list-social__item .svg-wrapper svg.icon-tiktok{
  transform: translateY(2px) scale(1.75) !important;
  transform-origin: 50% 50% !important;
}
/* ===== FORCE SAME SIZE FOR SOCIAL ICONS (DESKTOP + ALL) ===== */
.footer__list-social .list-social__link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* taille unique pour toutes les icônes */
.footer__list-social svg{
  width: 48px !important;
  height: 48px !important;
}

/* sécurité: TikTok aussi */
.footer__list-social svg.icon-tiktok{
  width: 48px !important;
  height: 48px !important;
}