/* ===== fix.css ===== */


/* ══════════════════════════════════════════════
   STYLE FINAL — padding minimal, police max
   ══════════════════════════════════════════════ */

/* Force hauteur de ligne et supprime tout espace inutile */
.prod-table tbody tr { height: auto !important; }
.prod-table tbody td {
  border-bottom: 1px solid rgba(48,255,82,.06) !important;
  vertical-align: middle !important;
  padding: 4px 6px !important;
  box-sizing: border-box !important;
}

/* Noms produits */
.prod-name,
td[style*="letter-spacing:.09em"],
td[style*="text-transform:uppercase;color:#e8f5e8"] {
  font-size: 1.75rem !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  padding: 4px 8px 4px 6px !important;
}

/* Prix */
.price,
td[style*="font-weight:900"] {
  font-size: 1.75rem !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  line-height: 1 !important;
  padding: 4px 6px !important;
  color: #30ff52 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Intensité */
.taux-col { padding: 4px 6px !important; }
.int-col { padding: 4px 6px !important; }
.taux-badge {
  font-size: .85rem !important;
  background: transparent !important;
  border: 1px solid rgba(48,255,82,.4) !important;
  border-radius: 20px !important;
  color: rgba(48,255,82,.9) !important;
  padding: 2px 8px !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

/* Tablette */
@media(max-width:900px) and (min-width:481px){
  .prod-name,
  td[style*="letter-spacing:.09em"],
  td[style*="text-transform:uppercase;color:#e8f5e8"] { font-size:1.4rem !important; }
  .price,
  td[style*="font-weight:900"] { font-size:1.4rem !important; }
}

/* Mobile */
@media(max-width:480px){
  .prod-name,
  td[style*="letter-spacing:.09em"],
  td[style*="text-transform:uppercase;color:#e8f5e8"] { font-size:1.05rem !important; }
  .price,
  td[style*="font-weight:900"] { font-size:1.05rem !important; }
  .taux-badge { font-size:.65rem !important; padding:2px 5px !important; }
}

/* ── Logos produits — luminosité accrue ── */
td.prod-name img,
td[style*="prod-name"] img {
  filter: brightness(1.4) contrast(1.1) !important;
}

/* ===== final-clean.css ===== */

/* ============================================================
   MR BAMBOO — NETTOYAGE FINAL SANS RECRÉATION
   ============================================================ */

/* HEADER : un seul logo, aucune inscription doublon */
.site-header.final-clean-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:none!important;
  min-height:88px!important;
  height:88px!important;
  padding:5px 14px!important;
  background:#060d08!important;
  border-bottom:1px solid rgba(48,255,82,.20)!important;
  overflow:hidden!important;
}
.site-header.final-clean-header .brand-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:76px!important;
  height:76px!important;
  margin:0!important;
}
.site-header.final-clean-header .brand-logo{
  width:74px!important;
  height:74px!important;
  max-width:74px!important;
  max-height:74px!important;
  object-fit:contain!important;
  display:block!important;
}

/* NAVIGATION : uniquement le nom, clair, illuminé, sans encadré ni doublon */
.category-nav.final-text-nav{
  position:sticky!important;
  top:88px!important;
  z-index:95!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  width:100%!important;
  min-height:70px!important;
  background:linear-gradient(180deg,#0c1d10 0%,#07110a 100%)!important;
  border-bottom:2px solid rgba(48,255,82,.38)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.42)!important;
}
.category-nav.final-text-nav a{
  min-width:0!important;
  height:70px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border-right:1px solid rgba(48,255,82,.06)!important;
  background:transparent!important;
}
.category-nav.final-text-nav a:hover,
.category-nav.final-text-nav a.active{
  background:rgba(48,255,82,.055)!important;
}
.category-nav.final-text-nav .category-logo-box,
.category-nav.final-text-nav .category-logo,
.category-nav.final-text-nav .cat-icon{
  display:none!important;
}
.category-nav.final-text-nav .category-text,
.category-nav.final-text-nav .cat-label,
.category-nav.final-text-nav .contact-label{
  display:block!important;
  margin:0!important;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:1.03rem!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  color:#eaffea!important;
  text-transform:uppercase!important;
  text-shadow:
    0 0 5px rgba(48,255,82,.50),
    0 0 14px rgba(48,255,82,.28)!important;
  white-space:nowrap!important;
}

/* EN-TÊTES DE PAGE : retrait de tous les encarts/images sous le menu */
.page-hero{
  padding-top:24px!important;
  padding-bottom:12px!important;
  min-height:0!important;
}
.page-hero .page-category-logo,
.page-hero .hero-img,
.page-hero > div:first-child:has(img){
  display:none!important;
}
.page-hero .page-title{
  margin:0!important;
  font-size:clamp(2rem,4vw,3.2rem)!important;
}
.page-hero .page-sub{
  margin-top:7px!important;
}

/* PRODUITS : logos alignés et marques partenaires à droite */
.prod-name .brand-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.prod-name .main-product-logo{
  display:block!important;
  width:100%!important;
  height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
}
.prod-name .partner-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:112px!important;
  height:46px!important;
  object-fit:contain!important;
  margin:0!important;
}

/* RÉSINES : remplir presque toute la hauteur et toute la largeur utile */
body.page-resines .prod-table{
  table-layout:fixed!important;
}
body.page-resines .prod-table col:nth-child(1){width:5%!important}
body.page-resines .prod-table col:nth-child(2){width:50%!important}
body.page-resines .prod-table col:nth-child(3){width:12%!important}
body.page-resines .prod-table col:nth-child(4),
body.page-resines .prod-table col:nth-child(5),
body.page-resines .prod-table col:nth-child(6){width:11%!important}

body.page-resines .prod-table tbody td{
  height:94px!important;
  min-height:94px!important;
}
body.page-resines .prod-name{
  padding:1px 2px!important;
}
body.page-resines .main-product-logo{
  width:100%!important;
  height:90px!important;
  object-fit:fill!important;
  object-position:center!important;
}

/* FLEURS ET INFUSÉS : dimensions régulières sans toucher aux logos */
body.page-fleurs .prod-table tbody td,
body.page-infuses .prod-table tbody td{
  height:88px!important;
}
body.page-fleurs .main-product-logo,
body.page-infuses .main-product-logo{
  height:72px!important;
}

/* Garde les promotions du propriétaire */
.promo-box,.promo-grid,[class*="promo"]{
  display:revert!important;
  visibility:visible!important;
  opacity:1!important;
}

/* MOBILE */
@media(max-width:760px){
  .site-header.final-clean-header{
    min-height:72px!important;
    height:72px!important;
  }
  .site-header.final-clean-header .brand-link,
  .site-header.final-clean-header .brand-logo{
    width:62px!important;
    height:62px!important;
    max-width:62px!important;
    max-height:62px!important;
  }
  .category-nav.final-text-nav{
    top:72px!important;
    display:flex!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    min-height:62px!important;
  }
  .category-nav.final-text-nav a{
    flex:0 0 158px!important;
    height:62px!important;
  }
  .category-nav.final-text-nav .category-text,
  .category-nav.final-text-nav .cat-label,
  .category-nav.final-text-nav .contact-label{
    font-size:.86rem!important;
    letter-spacing:.13em!important;
  }
  .page-hero{
    padding-top:18px!important;
  }
  body.page-resines .prod-table,
  body.page-fleurs .prod-table,
  body.page-infuses .prod-table{
    min-width:780px!important;
  }
}

/* ===== modele-infuses.css ===== */

/* ============================================================
   MR BAMBOO — GRILLE UNIQUE BASÉE SUR LA PAGE INFUSÉS
   ============================================================ */

:root{
  --table-row-height:88px;
  --product-logo-height:72px;
}

/* Aucun encart parasite à gauche des titres de section */
.section-header{
  gap:0!important;
}
.section-header .section-icon{
  display:none!important;
}
.section-header > div:last-child{
  width:100%!important;
}

/* En-tête de page : titre + description uniquement */
.page-hero{
  padding:28px 0 22px!important;
  margin-bottom:34px!important;
}
.page-hero img,
.page-hero > div:has(img){
  display:none!important;
}

/* Même largeur, mêmes mesures et mêmes alignements partout */
.prod-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.prod-table col:nth-child(1){width:5%!important}
.prod-table col:nth-child(2){width:43%!important}
.prod-table col:nth-child(3){width:16%!important}
.prod-table col:nth-child(4),
.prod-table col:nth-child(5),
.prod-table col:nth-child(6){width:12%!important}

.prod-table thead th{
  padding:13px 8px!important;
  font-size:.92rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  line-height:1!important;
}
.prod-table thead th.th-l{
  padding-left:14px!important;
}

.prod-table tbody td{
  height:var(--table-row-height)!important;
  min-height:var(--table-row-height)!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  vertical-align:middle!important;
}
.prod-name{
  padding-left:6px!important;
  padding-right:6px!important;
  overflow:hidden!important;
}

.main-product-logo,
.prod-name > img{
  display:block!important;
  width:100%!important;
  height:var(--product-logo-height)!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Logos partenaires à droite du produit */
.brand-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 110px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
.partner-brand-logo{
  display:block!important;
  width:100%!important;
  max-width:110px!important;
  height:46px!important;
  object-fit:contain!important;
}

/* Infusés : logos un peu plus allongés */
body.page-infuses .prod-table col:nth-child(2){
  width:45%!important;
}
body.page-infuses .prod-table col:nth-child(3){
  width:14%!important;
}
body.page-infuses .main-product-logo,
body.page-infuses .prod-name > img{
  height:76px!important;
  width:106%!important;
  max-width:none!important;
}

/* Fleurs : copie des mesures Infusés */
body.page-fleurs .prod-table tbody td{
  height:var(--table-row-height)!important;
}
body.page-fleurs .main-product-logo,
body.page-fleurs .prod-name > img{
  height:72px!important;
}

/* Résines : même grille, mais logo rempli au maximum sans bandes blanches */
body.page-resines .prod-table tbody td{
  height:var(--table-row-height)!important;
}
body.page-resines .prod-name{
  padding:1px 3px!important;
}
body.page-resines .main-product-logo,
body.page-resines .prod-name > img{
  width:100%!important;
  height:84px!important;
  object-fit:fill!important;
  object-position:center!important;
}

/* Typographies prix et infos au même niveau que les autres écritures */
.price{
  font-size:1.45rem!important;
  font-weight:800!important;
}
.taux-col,
.int-col{
  font-size:1rem!important;
}
.taux-col span,
.int-col span{
  font-size:.95rem!important;
}

/* Conserve les promotions du propriétaire */
.promo-box,.promo-grid,[class*="promo"]{
  display:revert!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Mobile : même comportement sur les trois pages */
@media(max-width:760px){
  .prod-table{
    min-width:780px!important;
  }
  .prod-table thead th{
    font-size:.82rem!important;
    letter-spacing:.10em!important;
  }
  .price{
    font-size:1.3rem!important;
  }
}

/* ===== mobile-correctif.css ===== */

/* ============================================================
   MR BAMBOO — CORRECTION MOBILE + SUPPRESSION ENCARTS PARASITES
   ============================================================ */

/* La page ne doit jamais devenir plus large que l'écran */
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
*{
  box-sizing:border-box!important;
}
.main{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

/* Supprime définitivement les petits encarts ajoutés à gauche des titres */
.section-header,
.section-header::before,
.section-header::after,
.section-header > div,
.section-header > div::before,
.section-header > div::after,
.section-title,
.section-title::before,
.section-title::after{
  background-image:none!important;
}
.section-header{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  padding-left:0!important;
  margin-left:0!important;
  gap:0!important;
}
.section-header .section-icon,
.section-header img,
.section-header svg,
.section-header picture{
  display:none!important;
}
.section-header > div{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  margin-left:0!important;
}
.section-title,
.section-subtitle{
  padding-left:0!important;
  margin-left:0!important;
}

/* Header réellement responsive */
.site-header.final-clean-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  height:auto!important;
  min-height:72px!important;
  padding:5px 10px!important;
  overflow:hidden!important;
}
.site-header.final-clean-header .brand-link{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  flex:0 0 62px!important;
}
.site-header.final-clean-header .brand-logo{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
}

/* Menu mobile : reste à la largeur de l'écran et défile seul */
.category-nav.final-text-nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.category-nav.final-text-nav::-webkit-scrollbar{
  display:none!important;
}
.category-nav.final-text-nav a{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:118px!important;
  max-width:none!important;
  height:58px!important;
  padding:0 14px!important;
}
.category-nav.final-text-nav .category-text{
  font-size:.78rem!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}

/* Les tableaux défilent dans leur section sans élargir toute la page */
.section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.prod-table{
  width:100%!important;
  max-width:none!important;
}

/* Sur mobile uniquement, le tableau garde sa lisibilité et défile horizontalement */
@media(max-width:760px){
  .main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .page-hero{
    width:100%!important;
    max-width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .page-title{
    font-size:2rem!important;
  }
  .page-sub{
    font-size:.66rem!important;
    letter-spacing:.16em!important;
  }
  .page-badge{
    width:auto!important;
    max-width:100%!important;
    font-size:.62rem!important;
    letter-spacing:.10em!important;
    padding:10px 14px!important;
  }
  .prod-table{
    min-width:760px!important;
  }
}

@media(min-width:761px){
  .site-header.final-clean-header{
    min-height:88px!important;
  }
  .site-header.final-clean-header .brand-link,
  .site-header.final-clean-header .brand-logo{
    width:74px!important;
    height:74px!important;
    max-width:74px!important;
    max-height:74px!important;
    flex-basis:74px!important;
  }
  .category-nav.final-text-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  .category-nav.final-text-nav a{
    min-width:0!important;
    width:auto!important;
    height:70px!important;
  }
  .category-nav.final-text-nav .category-text{
    font-size:1rem!important;
    letter-spacing:.16em!important;
  }
}

/* ===== happy-pousse-fix.css ===== */

/* Happy Pousse : logo propre, sans cadre vert ni fond ajouté */
img.partner-brand-logo[src*="baniere-happy-pousse"],
img[alt="Happy Pousse"]{
  display:block!important;
  width:auto!important;
  max-width:128px!important;
  height:46px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.brand-row:has(img[alt="Happy Pousse"]){
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* ===== jauges-intensite.css ===== */

/* Jauges d'intensité — page Infusés */
.intensity-gauge{
  width:132px;
  margin:0 auto;
  text-align:left;
}
.intensity-gauge__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.intensity-gauge__label{
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.045em;
  white-space:nowrap;
}
.intensity-gauge__score{
  font-size:.66rem;
  font-weight:800;
  line-height:1;
  color:rgba(236,255,236,.78);
  white-space:nowrap;
}
.intensity-gauge__bars{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
}
.intensity-gauge__bar{
  display:block;
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.10);
}
.intensity-gauge--green .intensity-gauge__label{color:#7ee787}
.intensity-gauge--green .intensity-gauge__bar.is-active{
  background:#35c759;
  border-color:#7ee787;
}
.intensity-gauge--yellow .intensity-gauge__label{color:#f6d94a}
.intensity-gauge--yellow .intensity-gauge__bar.is-active{
  background:#e6b800;
  border-color:#f6d94a;
}
.intensity-gauge--orange .intensity-gauge__label{color:#ff9f43}
.intensity-gauge--orange .intensity-gauge__bar.is-active{
  background:#ff7a1a;
  border-color:#ffb36b;
}
.intensity-gauge--purple .intensity-gauge__label{color:#d59cff}
.intensity-gauge--purple .intensity-gauge__bar.is-active{
  background:#9b4dff;
  border-color:#d59cff;
  box-shadow:0 0 10px rgba(155,77,255,.22);
}
@media(max-width:760px){
  .intensity-gauge{
    width:118px;
  }
  .intensity-gauge__label{
    font-size:.66rem;
  }
  .intensity-gauge__score{
    font-size:.60rem;
  }
  .intensity-gauge__bar{
    height:8px;
  }
}

/* ===== livraison-finale.css ===== */

/* ============================================================
   MR BAMBOO — LIVRAISON FINALE
   Cohérence visuelle, lisibilité, promotions et responsive
   ============================================================ */

/* Drapeaux modernisés et mieux proportionnés */
.prod-flag{
  width:58px!important;
  min-width:58px!important;
  text-align:center!important;
  padding:6px 8px!important;
}
.prod-flag svg{
  display:block!important;
  width:38px!important;
  height:27px!important;
  margin:0 auto!important;
  border-radius:5px!important;
  overflow:hidden!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.20),
    0 4px 10px rgba(0,0,0,.38)!important;
  background:#fff!important;
}

/* Tous les logos produits utilisent le même cadre */
.prod-table tbody td{
  height:92px!important;
  min-height:92px!important;
  vertical-align:middle!important;
}
.prod-name{
  padding:3px 6px!important;
}
.prod-name .main-product-logo,
.prod-name > img:first-of-type{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:82px!important;
  min-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
}

/* Les résines remplissent mieux la cellule, sans lignes blanches parasites */
body.page-resines .prod-name{
  padding:2px 4px!important;
  background:transparent!important;
  border-left:0!important;
  border-right:0!important;
}
body.page-resines .prod-name .main-product-logo,
body.page-resines .prod-name > img:first-of-type{
  height:86px!important;
  min-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.page-resines .prod-table tbody tr{
  background:transparent!important;
}
body.page-resines .prod-table tbody td{
  border-color:rgba(48,255,82,.13)!important;
}

/* Logos infusés légèrement plus allongés, sans déformation */
body.page-infuses .prod-name .main-product-logo,
body.page-infuses .prod-name > img:first-of-type{
  width:106%!important;
  max-width:none!important;
  height:82px!important;
}

/* Logos partenaires à droite, tailles fixes */
.brand-row{
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:12px!important;
}
.partner-brand-logo{
  width:100%!important;
  max-width:112px!important;
  height:48px!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Ligne des quantités aussi lisible que les autres informations */
.prod-table thead th{
  font-size:.96rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  line-height:1.05!important;
  padding:14px 8px!important;
}
.prod-table thead .th-l{
  padding-left:14px!important;
}
.price{
  font-size:1.45rem!important;
  font-weight:850!important;
}

/* Promotions stock : visibles avant leur liste de produits */
.stock-promo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
  gap:12px;
  margin:0 0 16px;
}
.stock-promo{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:12px 15px;
  border:1px solid rgba(48,255,82,.38);
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(48,255,82,.09),rgba(255,255,255,.025));
  box-shadow:0 8px 24px rgba(0,0,0,.23);
}
.stock-promo__badge{
  padding:7px 8px;
  border-radius:7px;
  background:#30ff52;
  color:#041006;
  font-size:.63rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.09em;
  white-space:nowrap;
}
.stock-promo__content{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 10px;
}
.stock-promo__name{
  color:#fff;
  font-size:1.08rem;
  line-height:1.05;
  letter-spacing:.025em;
}
.stock-promo__deal{
  color:#30ff52;
  font-size:1.26rem;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
.stock-promo__note{
  width:100%;
  color:rgba(232,255,235,.70);
  font-size:.72rem;
  line-height:1.2;
}

/* Focus clavier */
a:focus-visible,
button:focus-visible{
  outline:2px solid #30ff52!important;
  outline-offset:3px!important;
}

/* Mobile */
@media(max-width:760px){
  .prod-flag{
    width:52px!important;
    min-width:52px!important;
    padding:5px 7px!important;
  }
  .prod-flag svg{
    width:34px!important;
    height:24px!important;
  }
  .prod-table tbody td{
    height:86px!important;
    min-height:86px!important;
  }
  .prod-name .main-product-logo,
  .prod-name > img:first-of-type{
    height:76px!important;
    min-height:76px!important;
  }
  .prod-table thead th{
    font-size:.86rem!important;
    letter-spacing:.09em!important;
  }
  .stock-promo-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  .stock-promo{
    min-height:68px;
    padding:10px 12px;
  }
}