/* GFC 04/11/2026 : cartes de la barre de recherche Skrupt = MODÈLE 1 de la planche
   (quantité − 1 + à gauche, pilule orange « Ajouter » à droite, rangée d'icônes, pilules sur la photo).
   JS : 99-gfc-skrupt-modele1-20261109b.js
   Version b (09/11/2026, capture mobile de Raph : la pilule « Ajouter » recouvrait le « + ») : ligne du bas en flex-wrap (filet),
   et sous 600 px (cartes à 2 colonnes = 46vw ≈ 190 px) : − 1 + plus compacts, pilule « Ajouter » = icône panier seule. */
#skruptsearch li.gfc-m1 .gfc-alt-carte { display: flex; flex-direction: column; }

/* ligne du bas : quantité | Ajouter */
#skruptsearch li.gfc-m1 .gfc-m1-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte { display: inline-flex !important; align-items: stretch; margin: 0 !important; padding: 0 !important; width: auto !important; flex: 0 0 auto;
    border: 1px solid #cfcfcf; border-radius: 6px; background: #fff; overflow: hidden; height: 34px; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-lab { display: none !important; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-moins,
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-plus { width: 30px !important; height: 100% !important; border: 0 !important; border-radius: 0 !important; background: #fff !important;
    font-size: 16px !important; line-height: 1 !important; padding: 0 !important; color: #222 !important; box-shadow: none !important; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-val { width: 36px !important; height: 100% !important; border: 0 !important; border-left: 1px solid #e2e2e2 !important; border-right: 1px solid #e2e2e2 !important;
    border-radius: 0 !important; text-align: center; font-weight: 700; font-size: 14px; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
/* « Épuisé » à la place de la quantité : reste à gauche */
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte.gfc-alt-qte-epuise { border: 0; background: transparent; height: auto; justify-content: flex-start; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-actions { margin: 0 !important; padding: 0 !important; width: auto !important; flex: 0 1 auto; min-width: 0; display: flex; justify-content: flex-end; }
#skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout { width: auto !important; height: 36px !important; padding: 0 16px !important; border-radius: 18px !important; border: 0 !important;
    background: linear-gradient(#f3a12a, #EA8914) !important; color: #fff !important; font-weight: 700 !important; font-size: 14px !important; white-space: nowrap;
    display: inline-flex !important; align-items: center; gap: 6px; box-shadow: 0 2px 4px rgba(234, 137, 20, .35) !important; text-transform: none !important; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-actions a,
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-actions .oosn-popup { white-space: nowrap; border-radius: 18px !important; font-size: 12.5px !important; padding: 8px 12px !important; }

/* rangée d'icônes (prix dégressifs / kit média / vidéo) — mêmes carrés que les tuiles */
#skruptsearch li.gfc-m1 .gfc-m1-ics { display: flex; gap: 8px; align-items: center; min-height: 27px; margin: 6px 0 8px; }
#skruptsearch li.gfc-m1 .gfc-m1-ics.gfc-m1-vide { min-height: 0; margin: 0 0 6px; }
#skruptsearch li.gfc-m1 .gfc-m1-ics > * { flex: none; cursor: pointer; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
#skruptsearch li.gfc-m1 .gfc-m1-deg { width: 25px !important; height: 26px !important; background: rgb(31, 111, 139) !important; border-radius: 4px !important; display: inline-flex !important; align-items: center; justify-content: center; }
#skruptsearch li.gfc-m1 .gfc-m1-yt { width: 25px !important; height: 26px !important; background: #e1251b !important; border-radius: 4px !important; display: inline-flex !important; align-items: center; justify-content: center; }
#skruptsearch li.gfc-m1 .gfc-m1-kit { display: inline-flex; }
#skruptsearch li.gfc-m1 .gfc-m1-kit img { width: 21px; height: 27px; display: block; }

/* pilules sur la photo, à droite, au-dessus de la loupe */
#skruptsearch li.gfc-m1 .product_img_container { position: relative; }
#skruptsearch li.gfc-m1 .gfc-m1-pile { position: absolute; right: 8px; bottom: 46px; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; z-index: 3; pointer-events: none; }
#skruptsearch li.gfc-m1 .gfc-m1-tb { pointer-events: auto; display: inline-flex !important; align-items: center; gap: 5px; padding: 5px 9px 5px 7px !important; border: 1px solid #d9d4cd !important;
    border-radius: 16px !important; background: rgba(255, 255, 255, .95) !important; color: #1d1d1d !important; font: 700 11px/1 Lato, Arial, sans-serif !important; white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .14) !important; cursor: pointer; text-transform: none !important; }
#skruptsearch li.gfc-m1 .gfc-m1-tb svg { width: 14px; height: 14px; flex: none; }
#skruptsearch li.gfc-m1 .gfc-m1-tb:hover { border-color: #EA8914 !important; }
#skruptsearch li.gfc-m1 .gfc-m1-tb.gfc-m1-charge { opacity: .6; }

/* lecteur vidéo au-dessus du panneau de recherche plein écran */
.gfc-m1-video { position: fixed; inset: 0; z-index: 2147483600; background: rgba(0, 0, 0, .75); display: flex; align-items: center; justify-content: center; padding: 16px; }
.gfc-m1-video-box { position: relative; width: min(960px, 100%); aspect-ratio: 16 / 9; background: #000; border-radius: 8px; overflow: visible; }
.gfc-m1-video-box iframe, .gfc-m1-video-box video { width: 100%; height: 100%; border: 0; border-radius: 8px; display: block; }
.gfc-m1-video-x { position: absolute; top: -40px; right: 0; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff; color: #222; font-size: 24px; line-height: 36px; cursor: pointer; }

/* pop-ups compatibles / alternatifs ouvertes depuis le panneau : au-dessus de lui */
.gfc-alt-pop, .gfc-compat-pop { z-index: 2147483500 !important; }

/* ---- v b (09/11/2026) : rien ne doit se chevaucher sur la ligne du bas */
#skruptsearch li.gfc-m1 .gfc-m1-bas { flex-wrap: wrap; row-gap: 6px; }
#skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-actions { margin-left: auto !important; }
#skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout { max-width: 100%; }
@media (max-width: 600px) {
    #skruptsearch li.gfc-m1 .gfc-m1-bas { gap: 6px; }
    #skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte { height: 32px; }
    #skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-moins,
    #skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-plus { width: 28px !important; }
    #skruptsearch li.gfc-m1 .gfc-m1-bas .gfc-alt-qte-val { width: 34px !important; font-size: 14px; }
    /* icône panier seule (le texte « Ajouter » reste dans le title du bouton) */
    #skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout { padding: 0 12px !important; height: 34px !important; min-width: 44px; justify-content: center; }
    #skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout .gfc-m1-ajout-txt { display: none; }
    #skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout i, #skruptsearch li.gfc-m1 .gfc-m1-bas button.gfc-alt-ajout svg { margin: 0; }
}