/* =========================================================
   MARGES CARTE PRODUIT - GRILLES ACCESSOIRES & MONTRES ROLEX
   Revue Rolex Geneve du 31/08/2026 + comparaison au retailer de
   reference (dubail.fr/fr/rolex/accessoires-rolex) : sur le site
   de reference, le padding s'applique a TOUTE la carte produit
   (image + texte ensemble, cf. leur <li> avec padding uniforme),
   pas seulement au bloc texte. Sur nos grilles, chaque carte =
   1 image (.lc-block, sans padding) + plusieurs blocs texte
   (titre / matiere / prix, chacun en .lc-block avec un padding
   Bootstrap ps-N/pe-N - on a vu ps-1/pe-1 ET ps-2/pe-2 selon les
   pages), le tout dans un wrapper commun .w-100.d-flex.flex-column.
   On reproduit le meme resultat en mettant le padding sur CE
   wrapper commun (image + texte inseres ensemble, alignes), et
   en neutralisant le padding Bootstrap de TOUS ses blocs-enfants
   .lc-block (peu importe le ps-N/pe-N exact) pour eviter un
   cumul et un desalignement avec le bord de l'image.

   Grilles couvertes (meme structure, sections reutilisees sur
   TOUTES les pages du meme type - pas besoin de lister chaque
   page individuellement) :
   - #accessoires-section-1        -> grille "Accessoires Rolex"
   - #load-more-accessories        -> son bouton "Charger plus"
   - #watches-section-1            -> grille "Montres Rolex"
     (meme id reutilise sur toutes les pages collection-rolex/*,
      verifie sur land-dweller, day-date, datejust)
   - #load-more-watches            -> son bouton "Charger plus"

   AJUSTEMENT du 01/09/2026 : padding-bottom ramene de 50px a
   25px sur la grille accessoires (retour Abder). Meme valeur
   appliquee d'emblee sur la grille montres pour coherence.
   Left/right restent a 50px partout.

   IMPORTANT - trouve en debuggant le rendu live sur la grille
   accessoires : une ancienne version de cette regle (ciblant
   .lc-block.ps-1.pe-1 precisement, sans neutraliser le
   padding-bottom) a fini recompilee dans css-output/bundle.css
   par le compilateur Sass de Picostrap, ce qui cumulait un 2e
   padding-bottom sur chaque ligne de texte en plus de celui du
   wrapper. On neutralise ce risque en visant TOUT enfant
   .lc-block direct du wrapper (plus robuste que de lister
   chaque variante ps-N/pe-N), avec !important.

   DESKTOP uniquement (>=992px, meme convention que
   .rolex-map-location-wrapper dans sass/_custom.scss).
   Tablette/mobile : on ne touche a rien, le padding Bootstrap
   des blocs texte et la regle .px-mobile (sass/_custom.scss)
   restent tels quels, comme demande.
   HBJO-WEB - Abder Kinane
   ========================================================= */

@media (min-width: 992px) {
    #accessoires-section-1 .w-100.d-flex.flex-column,
    #load-more-accessories .w-100.d-flex.flex-column,
    #watches-section-1 .w-100.d-flex.flex-column,
    #load-more-watches .w-100.d-flex.flex-column {
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-bottom: 25px !important;
    }

    /* Cible TOUT bloc .lc-block enfant direct du wrapper (image comprise,
       sans effet sur elle puisqu'elle n'a deja aucun padding) plutot que
       de lister chaque variante ps-N/pe-N Bootstrap - plus robuste. */
    #accessoires-section-1 .w-100.d-flex.flex-column > .lc-block,
    #load-more-accessories .w-100.d-flex.flex-column > .lc-block,
    #watches-section-1 .w-100.d-flex.flex-column > .lc-block,
    #load-more-watches .w-100.d-flex.flex-column > .lc-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }
}