/* JOAS · Fiche produit et fiche kit : styles des maquettes (page Produit), en classes générées.
 * Chargé avant base.css, comme home.css et shop.css. Généré depuis Produit.dc.html. */
/* crumb */
.jp-crumb-1{padding:20px 48px 0 !important;background:var(--jo-white) !important}
.jp-crumb-2{max-width:1244px !important;margin:0 auto !important}
.jp-crumb-3{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}
.jp-crumb-4{text-decoration:underline !important;text-underline-offset:3px !important}
.jp-crumb-5{font-weight:700 !important}
/* hero */
.jp-hero-1{padding:28px 48px 56px !important;background:var(--jo-white) !important}
.jp-hero-2{max-width:1244px !important;margin:0 auto !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:56px !important;align-items:start !important}
.jp-hero-3{position:relative !important}
.jp-hero-4{display:block !important;width:100% !important;aspect-ratio:4/5 !important;object-fit:cover !important;border-radius:6px !important}
.jp-hero-5{list-style:none !important;margin:12px 0 0 !important;padding:0 !important;display:flex !important;gap:10px !important}
.jp-hero-6{display:block !important;width:76px !important;height:76px !important;padding:0 !important;border:0 !important;border-radius:5px !important;overflow:hidden !important;background:transparent !important;cursor:pointer !important;outline-offset:2px !important}
.jp-hero-7{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important}
.jp-hero-8{display:flex !important;flex-direction:column !important;gap:18px !important}
.jp-hero-9{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:38px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-teal) !important}
.jp-hero-10{display:flex !important;align-items:baseline !important;gap:16px !important;flex-wrap:wrap !important}
.jp-hero-11{font-weight:700 !important;font-size:28px !important;color:var(--jo-coral-text) !important}
.jp-hero-12{font-size:14px !important;font-weight:600 !important;color:var(--jo-ink-soft) !important;text-decoration:underline !important;text-underline-offset:3px !important}
.jp-hero-13{margin:0 !important;font-size:17px !important;line-height:1.6 !important;font-weight:600 !important;color:var(--jo-green) !important}
.jp-hero-14{display:flex !important;flex-direction:column !important;gap:12px !important;margin-top:6px !important}
.jp-hero-15{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:12px !important}
.jp-hero-16{margin: 0 !important;font-family: "Quicksand" !important;font-weight: 700 !important;font-size: 21px !important;line-height: 1.2 !important;text-transform: uppercase !important;color: var(--jo-green) !important}
.jp-hero-17{font-size:13px !important;font-weight:700 !important;color:var(--jo-coral-text) !important}
.jp-hero-18{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
.jp-hero-19{position: relative !important;display: flex !important;align-items: center !important;gap: 12px !important;min-height: 88px !important;padding: 8px !important;text-align: left !important;font: inherit !important;color: var(--jo-green) !important;background: var(--jo-cream) !important;border-radius: 6px !important;cursor: pointer !important;border-style: none !important}
.jp-hero-20{flex:none !important;width:68px !important;height:68px !important;border-radius:4px !important;object-fit:cover !important}
.jp-hero-21{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important}
.jp-hero-22{font-size:15px !important;font-weight:700 !important;line-height:1.25 !important}
.jp-hero-23{font-size:13px !important;font-weight:600 !important;color:var(--jo-ink-soft) !important}
.jp-hero-24{position: absolute !important;top: 8px !important;right: 8px !important;width: 22px !important;height: 22px !important;border-radius: 50% !important;align-items: center !important;justify-content: center !important;background-color: var(--jo-coral) !important}
.jp-hero-25{margin:6px 0 0 !important;font-size:15px !important;line-height:1.55 !important;font-weight:600 !important;color:var(--jo-green) !important;padding:14px 16px !important;background:var(--jo-cream) !important;border-radius:6px !important}
.jp-hero-26{display:flex !important;align-items:center !important;gap:8px !important;font-size:15px !important;font-weight:700 !important;color:#2F6B45 !important}
/* Choix des variations (taille, poids…) */
.jo-f-var{display:flex;flex-direction:column;gap:14px;margin:4px 0 8px}
.jo-f-vgroup{display:flex;flex-direction:column;gap:8px}
.jo-f-vlabel{font-size:14px;font-weight:700;color:#014551}
.jo-f-vopts{display:flex;flex-wrap:wrap;gap:10px}
.jo-f-vopt{min-height:44px;padding:8px 20px;border:1.5px solid rgba(1,69,81,.28);border-radius:999px;background:#fff;color:#014551;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.jo-f-vopt:hover:not(:disabled){border-color:#014551}
.jo-f-vopt[aria-checked="true"]{border-color:#014551;background:#014551;color:#fff}
.jo-f-vopt:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.jo-f-vopt:focus-visible{outline:3px solid #CF5F58;outline-offset:2px}
.jp-hero-27{width:10px !important;height:10px !important;border-radius:50% !important;background:#3E8A5A !important}
.jp-hero-28{display:flex !important;align-items:center !important;gap:16px !important;flex-wrap:wrap !important}
.jp-hero-29{display:inline-flex !important;align-items:center !important;gap:6px !important}
.jp-hero-30{width:44px !important;height:44px !important;border:1.5px solid var(--jo-green) !important;border-radius:50% !important;background:transparent !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important}
.jp-hero-31{min-width:34px !important;text-align:center !important;font-size:20px !important;font-weight:700 !important}
.jp-hero-32{width: 44px !important;height: 44px !important;border: 1.5px solid var(--jo-green) !important;border-radius: 50% !important;background: transparent !important;display: flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;color: var(--jo-white) !important}
.jp-hero-33{flex:1 1 260px !important;display:inline-flex !important;align-items:center !important;gap:14px !important;min-height:58px !important;padding:8px 28px 8px 8px !important;background-color:var(--jo-green) !important;border:1.5px solid var(--jo-green) !important;border-radius:4px !important;font:inherit !important;font-size:18px !important;font-weight:700 !important;color:var(--jo-white) !important;cursor:pointer !important;text-align:left !important}
.jp-hero-34{flex:none !important;width:44px !important;height:44px !important;border-radius:50% !important;background:var(--jo-white) !important;display:flex !important;align-items:center !important;justify-content:center !important}
.jp-hero-35{margin:-6px 0 0 !important;font-size:15px !important;font-weight:700 !important;color:var(--jo-coral-text) !important}
.jp-hero-36{list-style:none !important;margin:6px 0 0 !important;padding:18px 0 0 !important;border-top:1px solid var(--jo-sand) !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;font-size:13px !important;font-weight:700 !important;line-height:1.35 !important;color:var(--jo-green) !important}
.jp-hero-37{display:flex !important;flex-direction:column !important;gap:2px !important}
.jp-hero-38{color:var(--jo-teal) !important}
/* tabs */
.jp-tabs-1{padding:8px 48px 80px !important;background:var(--jo-white) !important}
.jp-tabs-2{max-width:1244px !important;margin:0 auto !important}
.jp-tabs-3{display:flex !important;gap:8px !important;border-bottom:1px solid var(--jo-sand) !important;padding-bottom:0 !important;flex-wrap:wrap !important}
.jp-tabs-4{min-height:44px !important;padding:0 20px !important;border:0 !important;border-radius:5px 5px 0 0 !important;font:inherit !important;font-size:15px !important;font-weight:700 !important;color:var(--jo-green) !important;background:transparent !important;cursor:pointer !important}
/* bar */
.jp-bar-1{font-weight:700 !important;font-size:20px !important;color:var(--jo-coral-text) !important}
.jp-bar-2{flex:1 !important;max-width:260px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:52px !important;padding:0 20px !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}