/* JOAS · Boutique et catégories : styles des maquettes (page Produits), en classes générées.
 * Chargé avant base.css, comme home.css. Généré depuis Produits.dc.html. */
/* band */
.js-band-1{padding: 40px 48px 44px !important;background-color: #F8E4CF !important}
.js-band-2{max-width: 1244px !important;margin: 0 auto !important;display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 48px !important;width: 100% !important}
.js-band-3{max-width:660px !important;display:flex !important;flex-direction:column !important;gap:16px !important}
.js-band-4{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;font-size:14px !important;font-weight:600 !important;color:var(--jo-green) !important}
.js-band-5{color: var(--jo-green) !important}
.js-band-6{text-decoration:underline !important;text-underline-offset:3px !important}
.js-band-7{font-weight:700 !important}
.js-band-8{font-weight: 700 !important;color: var(--jo-green) !important}
.js-band-9{margin: 0 !important;font-family: var(--font-display) !important;font-weight: 400 !important;font-size: 46px !important;line-height: 1.08 !important;text-transform: uppercase !important;color: var(--jo-green) !important}
.js-band-10{margin: 0 !important;font-size: 17px !important;line-height: 1.6 !important;font-weight: 600 !important;color: var(--jo-teal) !important;max-width: 620px !important}
.js-band-11{max-width: 660px !important;display: flex !important;flex-direction: column !important;gap: 16px !important;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;width: 252px !important;height: 273px !important;border-radius: 6px !important}
/* fbar */
.js-fbar-1{background-color: var(--jo-white) !important;border-top-width: 0px !important;border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;border-style: solid !important}
.js-fbar-2{border-width: 1px !important;background-color: var(--jo-coral) !important;border-style: none !important}
.js-fbar-3{color: var(--jo-white) !important}
.js-fbar-4{stroke: var(--jo-white) !important;border-color: var(--jo-white) !important}
.js-fbar-5{border-style: none !important;background-color: var(--jo-coral) !important;color: var(--jo-white) !important}
.js-fbar-6{background-color: var(--jo-coral) !important;border-style: none !important;color: var(--jo-white) !important}
/* liste */
.js-liste-1{padding: 56px 48px 24px !important;background-color: var(--jo-white) !important}
.js-liste-2{max-width:1244px !important;margin:0 auto !important}
.js-liste-3{margin-bottom:64px !important}
.js-liste-4{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:16px !important;flex-wrap:wrap !important;margin-bottom:28px !important}
.js-liste-5{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:32px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-coral) !important}
.js-liste-6{font-family:var(--font-body) !important;font-size:15px !important;color:var(--jo-ink-soft) !important;text-transform:none !important}
.js-liste-7{margin:-14px 0 28px !important;max-width:640px !important;font-size:16px !important;line-height:1.55 !important;font-weight:600 !important;color:var(--jo-green) !important}
.js-liste-8{position:static !important}
.js-liste-9{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:30px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-white) !important}
.js-liste-10{margin:0 !important;font-size:15px !important;line-height:1.55 !important;font-weight:600 !important;color:var(--jo-white) !important;max-width:380px !important}
.js-liste-11{font-weight:700 !important;font-size:20px !important;color:var(--jo-white) !important}
.js-liste-12{display:inline-flex !important;align-items:center !important;gap:14px !important;min-height:58px !important;padding:8px 28px 8px 8px !important;border:1.5px solid var(--jo-white) !important;border-radius:4px !important;font-size:18px !important;font-weight:600 !important;color:var(--jo-white) !important}
.js-liste-13{width:42px !important;height:42px !important;border-radius:50% !important;background:var(--jo-white) !important;display:flex !important;align-items:center !important;justify-content:center !important}
.js-liste-28{padding:40px 0 64px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:16px !important;text-align:center !important}
.js-liste-29{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:28px !important;text-transform:uppercase !important;color:var(--jo-coral) !important}
.js-liste-30{margin:0 !important;font-size:16px !important;line-height:1.6 !important;font-weight:600 !important;color:var(--jo-green) !important;max-width:460px !important}
.js-liste-31{display:inline-flex !important;align-items:center !important;min-height:52px !important;padding:0 28px !important;background:var(--jo-green) !important;border:0 !important;border-radius:4px !important;font:inherit !important;font-size:16px !important;font-weight:700 !important;color:var(--jo-white) !important;cursor:pointer !important}
/* avec */
.js-avec-1{padding: 80px 48px 56px !important;background-color: var(--jo-cream) !important}
.js-avec-2{max-width:1244px !important;margin:0 auto !important}
.js-avec-3{display:flex !important;flex-direction:column !important;gap:8px !important;margin-bottom:36px !important;align-items:center !important;text-align:center !important}
.js-avec-4{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:34px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-ocre-dark) !important}
.js-avec-5{margin:0 !important;font-size:16px !important;line-height:1.6 !important;font-weight:600 !important;color:var(--jo-green) !important}
/* faqc */
.js-faqc-1{padding:80px 48px !important;background:#3B605E !important}
.js-faqc-2{max-width:1244px !important;margin:0 auto !important;display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,6fr) !important;gap:64px !important;align-items:start !important}
.js-faqc-3{display:flex !important;flex-direction:column !important;gap:20px !important}
.js-faqc-4{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:34px !important;line-height:1.15 !important;text-transform:uppercase !important;color:var(--jo-white) !important}
.js-faqc-5{margin:0 !important;font-size:16px !important;line-height:1.65 !important;font-weight:600 !important;color:var(--jo-white) !important}
.js-faqc-6{display:flex !important;flex-direction:column !important;gap:8px !important}
.js-faqc-list{display:flex !important;flex-direction:column !important;gap:8px !important}
.js-faqc-7{margin:0 0 8px !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:22px !important;line-height:1.2 !important;text-transform:uppercase !important;color:var(--jo-ocre) !important}
.js-faqc-8{background:var(--jo-white) !important;border-radius:5px !important}
.js-faqc-9{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;min-height:44px !important;padding:8px 20px !important;font-size:15px !important;font-weight:700 !important;color:var(--jo-teal) !important}
.js-faqc-10{margin:0 !important;padding:0 20px 18px !important;font-size:14px !important;line-height:1.6 !important;color:var(--jo-green) !important}
