/* GFC 22/10/2026 — « E-liquides alternatifs » (copie du style « Produits compatibles », préfixe gfc-alt-).
   Placement : seul -> en bas au centre de la photo (fiche) / en bas à droite (tuile) ;
   avec le bouton 360° ou Compatibles -> empilé juste au-dessus, sans chevauchement. */
#image-block.gfc-alt-cont { position: relative; }
button.gfc-alt-btn {
    position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 14;
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 10px;
    border: 1px solid #d9d4cd; border-radius: 18px; background: rgba(255,255,255,.94); color: #1d1d1d;
    font: 700 13px/1 Lato, Arial, sans-serif; white-space: nowrap; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.14);
}
button.gfc-alt-btn:hover, button.gfc-alt-btn:focus-visible { border-color: #EA8914; color: #EA8914; outline: none; }
button.gfc-alt-btn svg { flex: none; }
/* fiche : avec le bouton 360° et/ou Compatibles (en bas, centrés), le nôtre passe juste au-dessus */
#image-block.gfc-alt-pile button.gfc-alt-btn,
#image-block.gfc-compat-cont.gfc-alt-cont button.gfc-alt-btn { bottom: 50px; }
@media (max-width: 480px) {
    button.gfc-alt-btn { padding: 6px 10px 6px 8px; font-size: 12px; }
}

html.gfc-alt-ouvert { overflow: hidden; }
.gfc-alt-pop {
    position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center;
    padding: 16px; background: rgba(0,0,0,.62);
}
.gfc-alt-pop-boite {
    position: relative; display: flex; flex-direction: column; width: min(94vw, 860px); max-height: min(88vh, 760px);
    background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.35);
    font-family: Lato, Arial, sans-serif;
}
.gfc-alt-pop-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px 12px 20px; border-bottom: 1px solid #eee; }
.gfc-alt-pop-titre { margin: 0; padding: 0; font: 700 18px/1.2 Lato, Arial, sans-serif; color: #1d1d1d; text-transform: none; border: 0; background: none; }
.gfc-alt-pop-fermer {
    flex: none; width: 36px; height: 36px; border: 1px solid #d9d4cd; border-radius: 50%; background: #fff;
    color: #1d1d1d; font: 400 24px/1 Arial, sans-serif; cursor: pointer; padding: 0;
}
.gfc-alt-pop-fermer:hover, .gfc-alt-pop-fermer:focus-visible { border-color: #EA8914; color: #EA8914; outline: none; }
/* 23/10/2026 (Raph) : 1 ou 2 produits -> centrés (flex au lieu de la grille auto-fill alignée à gauche) */
.gfc-alt-grille {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 14px;
    padding: 16px 20px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.gfc-alt-grille > .gfc-alt-carte { flex: 0 1 190px; min-width: 0; box-sizing: border-box; }
.gfc-alt-carte { display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid #ebe7e1; border-radius: 10px; background: #fff; }
.gfc-alt-img { display: block; aspect-ratio: 1 / 1; background: #fff; }
.gfc-alt-img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.gfc-alt-nom { color: #1d1d1d; font-weight: 700; font-size: 13px; line-height: 1.3; text-decoration: none; flex: 1; }
.gfc-alt-nom:hover { color: #EA8914; text-decoration: none; }
.gfc-alt-prix { color: #EA8914; font-weight: 700; font-size: 16px; }
.gfc-alt-actions { display: flex; }
/* 23/10/2026 : choix de la déclinaison (taux de nicotine…) avant « Ajouter au panier » */
.gfc-alt-pop select.gfc-alt-decli {
    width: 100%; height: 34px; margin: 0; padding: 0 8px; border: 1px solid #d9d4cd; border-radius: 8px;
    background: #fff; color: #1d1d1d; font: 400 13px/1.2 Lato, Arial, sans-serif; cursor: pointer;
}
.gfc-alt-pop select.gfc-alt-decli:focus { border-color: #EA8914; outline: none; }
.gfc-alt-ajout, .gfc-alt-voir {
    flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 6px 10px;
    border-radius: 18px; font: 700 13px/1.1 Lato, Arial, sans-serif; text-align: center; cursor: pointer; text-decoration: none;
}
.gfc-alt-ajout { border: 1px solid #EA8914; background: #EA8914; color: #fff; }
.gfc-alt-ajout:hover { background: #d27a0f; border-color: #d27a0f; }
.gfc-alt-ajout.gfc-alt-ok { background: #3c9b46; border-color: #3c9b46; }
.gfc-alt-voir { border: 1px solid #d9d4cd; background: #fff; color: #1d1d1d; }
.gfc-alt-voir:hover { border-color: #EA8914; color: #EA8914; text-decoration: none; }
@media (max-width: 480px) {
    .gfc-alt-pop { padding: 8px; }
    .gfc-alt-pop-boite { width: 100%; max-height: 92vh; }
    .gfc-alt-grille { gap: 10px; padding: 12px; }
    .gfc-alt-grille > .gfc-alt-carte { flex: 0 1 calc(50% - 5px); }
    .gfc-alt-pop-titre { font-size: 16px; }
    .gfc-alt-ajout, .gfc-alt-voir { font-size: 12px; padding: 6px 8px; }
}
/* le thème colore les boutons au focus : garder la croix blanche */
.gfc-alt-pop .gfc-alt-pop-fermer:hover, .gfc-alt-pop .gfc-alt-pop-fermer:focus { background: #fff; box-shadow: none; }
.gfc-alt-pop .gfc-alt-pop-fermer:focus:not(:focus-visible) { border-color: #d9d4cd; color: #1d1d1d; }

/* ---- 22/10 soir : bouton sur les TUILES des listes (en bas à droite de la photo, le cœur et le code-barres sont à gauche) ---- */
.product_img_container.gfc-alt-tcont { position: relative; }
button.gfc-alt-tbtn {
    position: absolute; right: 8px; bottom: 8px; z-index: 14;
    display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 5px 9px 5px 7px;
    border: 1px solid #d9d4cd; border-radius: 16px; background: rgba(255,255,255,.95); color: #1d1d1d;
    font: 700 11px/1 Lato, Arial, sans-serif; white-space: nowrap; text-transform: none; cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,.14);
}
button.gfc-alt-tbtn svg { flex: none; width: 14px; height: 14px; }
button.gfc-alt-tbtn:hover, button.gfc-alt-tbtn:focus-visible { border-color: #EA8914; color: #EA8914; background: #fff; outline: none; }
button.gfc-alt-tbtn.gfc-alt-charge { opacity: .65; cursor: progress; }
/* tuile qui a aussi le bouton Compatibles (classe posée par son module) : on empile le nôtre au-dessus */
.product_img_container.gfc-compat-tcont.gfc-alt-tcont button.gfc-alt-tbtn,
.product_img_container.gfc-alt-tpile button.gfc-alt-tbtn { bottom: 38px; }
@media (max-width: 767px) {
    button.gfc-alt-tbtn { right: 6px; bottom: 6px; padding: 6px; border-radius: 50%; }
    button.gfc-alt-tbtn span { display: none; }
    .product_img_container.gfc-compat-tcont.gfc-alt-tcont button.gfc-alt-tbtn,
    .product_img_container.gfc-alt-tpile button.gfc-alt-tbtn { bottom: 40px; }
}
.gfc-alt-pop-titres { min-width: 0; }
.gfc-alt-pop-sous { margin-top: 3px; color: #6b6b6b; font: 400 13px/1.3 Lato, Arial, sans-serif; }
.gfc-alt-vide { margin: 0; padding: 22px 20px 26px; color: #444; font: 400 14px/1.4 Lato, Arial, sans-serif; }
.gfc-alt-pop .gfc-alt-pop-titres, .gfc-alt-pop .gfc-alt-pop-titre { text-align: left; }
/* 23/10/2026 : « · Saveur similaire » dans le titre de la fenêtre */
.gfc-alt-pop .gfc-alt-pop-saveur { color: #EA8914; font-weight: 700; white-space: nowrap; }