/*
===============================================================================
 custom-child-gts-cleaned.css
 Site: Grossiste Tee-Shirts (GTS) – Thème enfant
 Purpose: Fichier consolidé et commenté (doublons supprimés, media queries fermées)
 Notes:
   - Rendu visuel conservé à l’identique
   - Ajout règle globale max-width:1600px + centrage
   - Sections structurées : HEADER / TYPO / BOUTONS / PRODUITS / FOOTER / MISC
 Last update: 2025-10-21 02:40:43
===============================================================================
*/

/* ========================================================================== */
/* === CATEGORY DESCRIPTION WIDTH ONLY (cards/grille NON limitées) ========= */
/* Texte d'intro plus court ; grille produits conserve la pleine largeur     */
/* ========================================================================== */
body.page-category #category-description{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
/* Catégories en 1600px max ; Accueil (Home) reste pleine largeur           */
/* ========================================================================== */
body.page-category .block-category-inner,
body.page-category #category-description,
body.page-category .page-content,
.livraison-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

/* Reset explicite pour la Home (pleine largeur) */
body#index .container,
body#index #content-wrapper {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
/* Limite la largeur de lecture sans casser le responsive (mobile OK)        */
/* ========================================================================== */


/* ========================================================================== */
/* === HEADER ==============================================================  */
/* ========================================================================== */
#header a:hover { color: #14b822; text-decoration: none; }
#header .header-nav .blockcart a:hover { color: #14b822; }

/* Navigation top */
#header .top-menu a[data-depth="0"]:hover, a:hover { color: #14b822; }

#header .header-nav .user-info .account {
    margin-left: .625rem;
    margin-top: 17px;
}

/* ========================================================================== */
/* === TYPO / TITRES / TEXTES ============================================== */
/* ========================================================================== */
h1 { color: #000; background-color: #ddffe0; }
h2.description {
  text-align: center;
  padding: 0 20px 0 20px;
  font-size: 17px;
}
.home-titre-categories { line-height: 55px; }
.redLine { color: #43a768; }

/* Pastille icône verte générique */
.icon-green { font-size: 1em; color: #0f9f5a; margin-left: 4px; }

/* ========================================================================== */
/* === BOUTONS ============================================================= */
/* Regroupement des définitions .btn-* pour éviter la dispersion             */
/* ========================================================================== */
.btn-primary { background-color: #4cbb6c; }
.btn-primary:hover { background-color: #ddffe0; color: #000; }
.btn-primary.focus, .btn-primary:focus { background-color: #000; }
.btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #ddffe0; }

.btn-success { border-radius: 25px; margin-top: -35px; }

/* Fusion des définitions doublonnées de .btn-danger */
.btn-danger {
  border-radius: 25px;
  color: #fff;
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}

/* Effet bouton "shine" (style flash moderne) */
.btn-shine {
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  font-size: 17px;
  color: #fff;
  background: #e91e63;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  overflow: hidden;
  transition: background 0.3s ease;
}
.btn-shine::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
}
.btn-shine:hover::before { animation: shine 1s forwards; }
@keyframes shine { 100% { left: 125%; } }

/* ========================================================================== */
/* === PRIX / PRODUIT ====================================================== */
/* ========================================================================== */
.product-prices .tax-shipping-delivery-label { display: none !important; }
.priceProd {
  font-size: 3rem;
  color: #7cbb00;
  font-weight: 500;
  font-family: "Gadget", Arial, Manrope, sans-serif;
  text-shadow:
    1px 1px 0 #5f9600,
    2px 2px 0 #5f9600,
    3px 3px 0 #4f7d00,
    4px 4px 5px rgba(0, 0, 0, 0.4);
}
.product-price { color: #14b822; }
.reference_produit { font-size: 16px; margin-left: -4px; }

.row.product-container.js-product-container { margin-bottom: 20px; }
.product-cover { border: none; }
#product-modal .modal-content .modal-body .product-cover-modal,
.product-cover img { border: none; }

.product-flags li.product-flag { background: #4cbb6c; }
.product-images>li.thumb-container .thumb:hover { border: #ddffe0 3px solid; }
.product-images>li.thumb-container .thumb.selected { border: #4FA338 3px solid; }

/* Douane / fabrication (labels) */
.douane { float: right; }
.fabrication { float: left; }

/* ========================================================================== */
/* === CAROUSEL ============================================================ */
/* ========================================================================== */
.carousel .carousel-control .icon-prev { left: 0rem; }

/* ========================================================================== */
/* === CHECKOUT ============================================================ */
/* ========================================================================== */
.checkout .btn-primary { width: 100%; white-space: normal; }
#final-order { background: #f1f1f1 !important; }
.card-block.checkout .btn-primary { font-size: 18px; }

/* ========================================================================== */
/* === NEWSLETTER / FORM =================================================== */
/* ========================================================================== */
input.btn-primary[name="submitNewsletter"] { background: #b7b7b7; }
input.btn-primary[name="submitNewsletter"]:hover { background: #e3e3e3; }
.block_newsletter form input[type=email]:focus {
  border: 3px red solid;
}
.form-control:focus { outline: none; border-color: #4CAF50; }

/* ========================================================================== */
/* === BREADCRUMB / LISTES / IMAGES ======================================= */
/* ========================================================================== */
img.partenaire { margin-top: 10px; }
.page-content.page-cms { padding: 0; }

/* ========================================================================== */
/* === BADGES / WIDGETS / CARTES ========================================== */
/* ========================================================================== */
.myPdflink4 { background: #f1efef; border: #cccccc 1px solid; }
#theBest { padding: 17px 15px 0px 5px; }
#opartAjaxPopupId_37_75_34_null_1 { color: black; }
.photo2 { font-size: 12px; }
.widget.LPE-photo.container { border: 1px solid #d5d5d5; margin-top: -15px; }
.d-block { display: block !important; padding-bottom: 5px; font-size: 14px; color: #777; }

/* ========================================================================== */
/* === ALERTES ============================================================== */
/* ========================================================================== */
.alert-info { background-color: #d6ffd8; border-color: #a9f4ac; color: #000; }

/* ========================================================================== */
/* === STOCK =============================================================== */
/* ========================================================================== */
.stockInLine, .stockInLineMedia { color: #1f833c; }

/* ========================================================================== */
/* === UNIVERS / MEDIA THUMBNAIL ========================================== */
/* ========================================================================== */
.univers { margin-top: 8px; }
.mediaThumbnail.LPE-univer-titre\.container {
  box-shadow: 1px 1px 12px #555;
  padding: 20px 13px 10px 0;
}

/* ========================================================================== */
/* === FOOTER PLEINE LARGEUR, CONTENU CENTRÉ =============================== */
/* (Version unifiée : on conserve le bloc #footer et ses éléments)           */
/* ========================================================================== */
.footer-container { padding-top: 0.5rem !important; }
#footer { padding-top: 0.5rem !important; position: relative; }  /* requis pour ::before */

/* Fond bord à bord */
#footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);    /* étire le fond jusqu'aux bords fenêtre */
  background: #f9f9f9;
}

/* Conteneur maître interne du footer */
#footer .site-footer {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Zones internes du footer – centrées et lisibles */
#footer .footer-intro,
#footer .footer-grid,
#footer .footer-legal,
#footer .footer-copy {
  max-width: none;
  margin: 0 auto;
}

/* Badges */
#footer .footer-badges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  width: 100%;
  margin: 0 auto 20px;
  padding: 20px;
}
#footer .footer-badges .badge {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
#footer .footer-badges i { font-size: 26px; color: #339966; margin-bottom: 8px; }
#footer .footer-badges .title { font-weight: 600; }
#footer .footer-badges .text { color: #666; font-size: 13px; }

/* Intro */
#footer .footer-intro {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 20px;
  padding: 0 15px;
  color: #555;
}

/* Grid liens */
#footer .footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 25px;
  margin: 0 auto;
  padding: 0 20px 30px;
}
#footer .footer-grid h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #339966;
}
#footer .footer-grid ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-grid ul li { margin: 6px 0; }
#footer .footer-grid a { color: #666; text-decoration: none; }
#footer .footer-grid a:hover { color: #339966; }

/* Liens sociaux */
.footer-grid .social-links { list-style: none; padding: 0; margin: 0; }
.footer-grid .social-links li { margin: 6px 0; }
.footer-grid .social-links a {
  color: #555;
  text-decoration: none;
  font-size: 15px;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}
.footer-grid .social-links a i { margin-right: 8px; font-size: 18px; }
.footer-grid .social-links a:hover { color: #0073e6; }

/* Légal */
#footer .footer-legal {
  text-align: center;
  padding: 15px;
  border-top: 1px solid #e5e5e5;
  font-size: 13px;
  color: #666;
}
#footer .footer-legal a { color: #666; margin: 0 5px; }
#footer .footer-legal a:hover { color: #339966; }

/* Copy */
#footer .footer-copy {
  background: #e7e7e7;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  color: #555;
}

/* Pastille claire */
.footer-intro.pill{
  max-width:1100px;
  margin: 6px auto 14px;
  padding:10px 14px;
  background:#fafafa;
  border:1px solid #ededed;
  border-radius:12px;
}
.footer-intro.pill p{ margin:0; color:#5c5c5c; font-size:14.5px; }
.footer-intro.pill strong{ color:#2c7d57; }

/* (optionnel) éviter un scroll horizontal parasite sur certains navigateurs */
html, body { overflow-x: clip; }

/* ========================================================================== */
/* === “NOS TROIS BOUTIQUES” (cards) ====================================== */
/* ========================================================================== */
.shops-3 { padding: 10px 0 20px; text-align: center; }
.shops-3__head h1 { font-size: 26px; margin-bottom: 6px; text-transform: uppercase; color: #333; }
.shops-3__intro { font-size: 15px; color: #666; margin-bottom: 18px; }
.shops-3__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.shop-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  transition: transform .1s ease;
}
.shop-card:hover { transform: translateY(-2px); }
.shop-card__media img { max-height: 120px; object-fit: contain; margin: 0 auto 10px; display: block; }
.shop-card__title { font-size: 18px; margin: 8px 0; color: #339966; font-weight: 700; }
.shop-card__desc { font-size: 14px; color: #555; margin-bottom: 10px; }
.shop-card__bullets { text-align: left; margin: 0 0 12px; padding-left: 20px; font-size: 14px; }
.shop-card__btn {
  display: inline-block;
  background: #339966;
  color: #fff;
  padding: 8px 14px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}
.shop-card__btn:hover { background: #26794e; }

/* ========================================================================== */
/* === SOUS-CATEGORIES (pills) ============================================= */
/* ========================================================================== */
#subcategories .subcategories-list{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
  margin:10px 0 0; padding:0; list-style:none;
}
#subcategories .subcategories-list > li{
  width:auto !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; float:none !important;
  flex:0 0 auto !important; background:transparent !important;
}
#subcategories .subcategories-list > li > a{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:999px;
  border:1px solid #bfe6cd; background:linear-gradient(180deg,#eaf9f0,#dff4e7);
  color:#0d3a23; text-decoration:none; line-height:1.2;
  box-shadow:0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.06);
  transition:transform .12s, box-shadow .12s, background .12s, border-color .12s;
}
#subcategories .subcategories-list > li > a:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#f6fdf9,#e8f7f0);
  border-color:#acdcbc;
}

/* ========================================================================== */
/* === LIVRAISON (page CMS) =============================================== */
/* ========================================================================== */
.livraison-titre {
  text-align: center;
  background: #e8f5e9;
  padding: 12px;
  border-radius: 6px;
  font-size: 1.5em;
  margin-bottom: 25px;
}
.livraison-soustitre {
  margin-top: 25px;
  background: #f1f8e9;
  padding: 10px;
  font-size: 1.2em;
  text-align: center;
}
.livraison-table { width: 100%; border-collapse: collapse; margin: 15px 0; }
.livraison-table th, .livraison-table td {
  border: 1px solid #ccc; padding: 10px; text-align: center;
}
.livraison-table th { background: #f0f0f0; }
.multi-entrepots { color: #777; margin-top: -10px; }
.note-google { margin-top: 25px; padding: 15px; background: #fff3e0; border-left: 4px solid #ff9800; }

/* ========================================================================== */
/* === MANUFACTURER PAGES (mise en forme cartes & blocs) =================== */
/* ========================================================================== */
body#manufacturer .manufacturer-wrapper,
body#manufacturer .manufacturer-extra,
body#manufacturer .manufacturer-faq {
  max-width:1600px !important;
  margin:40px auto !important;
  padding:0 20px !important;
}
body#manufacturer .manufacturer-card,
body#manufacturer .manufacturer-media-card,
body#manufacturer .manufacturer-faq-card {
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
  transition:transform .2s ease !important;
}
body#manufacturer .manufacturer-card:hover,
body#manufacturer .manufacturer-media-card:hover,
body#manufacturer .manufacturer-faq-card:hover {
  transform:translateY(-4px) !important;
}

/* Bloc 1 : médias (3 images) */
body#manufacturer .manufacturer-media {
  display:grid !important;
  grid-template-columns:1fr !important;   /* mobile */
  gap:20px !important;
}
@media (min-width:900px){
  body#manufacturer .manufacturer-media { grid-template-columns:repeat(3,1fr) !important; }
}
body#manufacturer .manufacturer-media-card { overflow:hidden !important; }
body#manufacturer .manufacturer-media-img {
  display:block !important;
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
}

/* Bloc 2 : cartes info */
body#manufacturer .manufacturer-cards {
  display:grid !important;
  grid-template-columns:1fr !important;   /* mobile */
  gap:25px !important;
  margin-top:30px !important;
}
@media (min-width:768px){
  body#manufacturer .manufacturer-cards { grid-template-columns:repeat(2,1fr) !important; }
}
@media (min-width:1100px){
  body#manufacturer .manufacturer-cards { grid-template-columns:repeat(4,1fr) !important; }
}
body#manufacturer .manufacturer-card { padding:20px !important; text-align:center !important; }
body#manufacturer .manufacturer-card h2 { font-size:1.15rem !important; margin:8px 0 10px !important; color:#222 !important; }
body#manufacturer .manufacturer-card p  { font-size:.95rem !important; line-height:1.6 !important; color:#444 !important; margin:0 !important; text-align:justify !important; }
body#manufacturer .manufacturer-icon { display:block !important; font-size:28px !important; margin-bottom:6px !important; }
body#manufacturer .manufacturer-badge{
  display:inline-block !important; font-weight:700 !important; font-size:.85rem !important;
  letter-spacing:.06em !important; padding:2px 8px !important; border-radius:999px !important;
  background:#f2f4f7 !important; color:#222 !important; margin-bottom:8px !important; line-height:1 !important;
}

/* Bloc 3 : texte éditorial */
body#manufacturer .manufacturer-extra h2 {
  font-size:1.35rem !important; margin:0 0 18px !important; color:#111 !important; text-align:center !important;
}
body#manufacturer .manufacturer-extra p  {
  font-size:1rem !important; line-height:1.7 !important; color:#333 !important; margin:0 0 14px !important; text-align:justify !important;
}

/* Bloc 4 : FAQ */
body#manufacturer .manufacturer-faq h2 {
  font-size:1.45rem !important; margin:0 0 22px !important; text-align:center !important;
}
body#manufacturer .manufacturer-faq-grid {
  display:grid !important;
  grid-template-columns:1fr !important;   /* 1 colonne mobile */
  gap:24px !important;
}
@media (min-width:900px){
  body#manufacturer .manufacturer-faq-grid { grid-template-columns:1fr 1fr !important; } /* 2 colonnes desktop */
}
body#manufacturer .manufacturer-faq-card { padding:20px !important; }
body#manufacturer .manufacturer-faq-col  { display:flex !important; flex-direction:column !important; gap:18px !important; }
body#manufacturer .manufacturer-faq-item h3 { font-size:1.05rem !important; margin:0 0 6px !important; color:#333 !important; font-weight:700 !important; }
body#manufacturer .manufacturer-faq-item p  { margin:0 !important; font-size:.95rem !important; line-height:1.6 !important; color:#555 !important; }

/* Affichage conditionnel (par boutique) – laissé tel quel si utilisé ailleurs */
.manufacturer-wrapper.is-gtf,
.manufacturer-wrapper.is-tns,
.manufacturer-wrapper.is-gts { display:none !important; }
body.shop-gtf .manufacturer-wrapper.is-gtf { display:block !important; }
body.shop-tns .manufacturer-wrapper.is-tns { display:block !important; }
body.shop-gts .manufacturer-wrapper.is-gts { display:block !important; }

/* ========================================================================== */
/* === WHATSAPP / ESPACEMENT BANDEAU AVIS ================================= */
/* ========================================================================== */
#ps-reviews-bandeau::after { content: ""; display: block; height: 50px; }
@media (max-width: 767px) {
  .whatsapp.whatsapp_1 .whatsapp-badge.bottom-right { bottom: 30px !important; }
}

/* ========================================================================== */
/* === GTS : Liens "Voir aussi" (vert foncé) =============================== */
/* ========================================================================== */
.page-category nav.cs a.cs__a,
.page-category nav.cs .cs__link{
  color:#0e7a3a !important;
  border-color:#bfe7cf;
}
.page-category nav.cs a.cs__a:visited{ color:#0e7a3a !important; }
.page-category nav.cs a.cs__a:hover,
.page-category nav.cs .cs__link:hover{
  color:#0b5f31 !important;
  text-decoration: underline;
}


/* --- Safety reset: retire toute limitation de largeur sur le conteneur de catégorie --- */
body.page-category .block-category-inner,
body.page-category .page-content{
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}
#shippingDelayText {
    background: #ddffe0;
    padding: 14px;
}
/* === Contexte global de superposition === */

/* La vidéo doit toujours rester au fond */
.vb-hero-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* === HEADER === */
#header, .header, .header-wrapper {
  position: relative !important;
  z-index: 9000 !important; /* le header passe au-dessus de la vidéo */
  background: #fff;
}

/* === PANIER === */
.blockcart, .blockcart-dropdown, .cart-preview, .cart-dropdown {
  position: relative !important;
  z-index: 9500 !important; /* au-dessus du header */
}

/* === COMPTE CLIENT === */
.block-user, .block-user-dropdown, .header-account, .header-account-dropdown {
  position: relative !important;
  z-index: 9600 !important; /* au-dessus du panier */
}

/* === DROPDOWN GÉNÉRAUX === */
.blockcart-dropdown, .block-user-dropdown {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  overflow: hidden;
}
/* ===== Style modale "Produit ajouté au panier" ===== */

/* Conteneur global de la fenêtre (boîte blanche) */
#blockcart-modal,
#blockcart-modal.modal,
#blockcart-modal.modal.show {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  max-width: 900px !important;
  width: 90% !important;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.28) !important;
  z-index: 10000 !important;
  border-radius: 4px !important;
  padding: 0 !important;
}

/* Le header de la modale ("Produit ajouté au panier avec succès") */
#blockcart-modal .modal-header,
#blockcart-modal .modal-title {
  background: #f8f8f8 !important;
  border-bottom: 1px solid #ddd !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  padding: 12px 16px !important;
}

/* Le contenu principal (image produit + récap panier) */
#blockcart-modal .modal-body {
  padding: 20px 24px !important;
  background: #fff !important;
}

/* Le pied (les boutons CONTINUER / COMMANDER) si c'est un footer séparé */
#blockcart-modal .modal-footer {
  border-top: 1px solid #ddd !important;
  background: #fff !important;
  padding: 16px 24px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

/* Boutons d'action */
#blockcart-modal .btn,
#blockcart-modal .btn.btn-primary,
#blockcart-modal .btn.btn-secondary {
  min-height: 40px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
}

/* Le fond gris derrière la modale (backdrop) */
.modal-backdrop,
.modal-backdrop.show {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.4) !important;
  z-index: 9999 !important;
}
.product-miniature .thumbnail-top {
    overflow: unset;
    overflow-y: hidden;
    box-shadow: 2px 2px 10px #555;
}
/* --- GTS : barre du H1 plein écran, indépendamment du max-width --- */

/* On s'assure que rien ne coupe le pseudo-élément */
body.page-category #js-product-list-header,
body.page-category #js-product-list-header .block-category,
body.page-category #js-product-list-header .block-category-inner,
body.page-category #category-description {
  overflow: visible !important;
}

/* Le H1 porte la barre via ::before (full-bleed) */
body.page-category #category-description h1 {
  position: relative !important;
  z-index: 1 !important;
  background: none !important;   /* on supprime tout fond direct */
  display: block !important;
  width: 100% !important;
  white-space: normal !important;           /* le H1 prend toute la ligne */
}

/* full-bleed basé sur le viewport : on “sort” du conteneur centré 1600px */
body.page-category #category-description h1::before {
  content: "" !important;
  position: absolute !important;
  top: -6px;                       /* épaisseur verticale : ajuste si besoin */
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 98vw;                     /* 98% du viewport => petite marge G/D */
  background: #e3f9e8 !important;  /* vert */
  border-radius: 8px !important;
  z-index: -1 !important;
}

/* Effet typewriter sans curseur : le nowrap reste seulement sur le span animé */
body.page-category #category-description h1.ehtc-enabled .ehtc-text {
  white-space: nowrap !important;
}
@supports (width: 98svw) {
  body.page-category #category-description h1::before {
    width: 98svw; /* “small viewport width” = plus précis sur mobile */
  }
}
.container, .container-fluid {
    margin-bottom: 5px;
}
.product-miniature .product-thumbnail{position:relative}
.product-miniature .ticons-on-image{
  position:absolute; top:.5rem; right:.5rem; z-index:3; display:flex; gap:.25rem; pointer-events:none;
}
.product-miniature .ticons-on-image img{max-width:56px; height:auto}
/* (optionnel) ne garder que le 1er sticker s’il y en a plusieurs */
.product-miniature .ticons-on-image > *:not(:first-child){display:none}

/* Le conteneur des cartes produits */
.js-product{
  position: relative;
}

/* Le conteneur image du produit sert de référence */
.thumbnail-container{
  position: relative;
}

/* Badge de Noël sur les cartes produits */
.js-product.has-xmas-badge .thumbnail-container::after{
  content: "";
  position: absolute;
  top: -10px;           /* fait légèrement dépasser en haut */
  right: -20px;         /* fait légèrement dépasser à droite */
  width: 52px;          /* ajuste selon la taille de ton PNG */
  height: 52px;
  background: url("/img/cloches-noel.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  z-index: 5;
}
/* Cartes catégories sur la home */
#isotopeCategories .isotopeCat{
  position: relative;
}

/* Badge de Noël en haut à droite des images de catégories */
#isotopeCategories .isotopeCat::after{
  content: "";
  position: absolute;
  top: -18px;              /* fait dépasser légèrement en haut */
  right: 20px;            /* fait dépasser légèrement à droite */
  width: 52px;            /* ajuste selon ton PNG */
  height: 52px;
  background: url("/img/cloches-noel.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  z-index: 5;
}

/* Optionnel : un peu plus petit sur mobile */
@media (max-width: 768px){
  #isotopeCategories .isotopeCat::after{
    top: -18px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}