/* JOAS · Tunnel de commande : styles des maquettes (page Commande), en classes générées.
 * Chargé avant base.css. Généré depuis Commande.dc.html. */
.jk-1{min-height:100% !important;display:flex !important;flex-direction:column !important}
.jk-2{position:sticky !important;top:0 !important;z-index:50 !important;height:88px !important;padding:0 48px !important;display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:16px !important;background:var(--jo-cream) !important;border-bottom:1px solid var(--jo-sand) !important}
.jk-3{display:inline-flex !important;align-items:center !important;gap:8px !important;justify-self:start !important;min-height:44px !important;font-size:15px !important;font-weight:700 !important;color:var(--jo-green) !important}
.jk-4{flex:none !important}
.jk-5{display:block !important}
.jk-6{display:block !important;height:56px !important;width:auto !important}
.jk-7{display:inline-flex !important;align-items:center !important;gap:8px !important;justify-self:end !important;font-size:14px !important;font-weight:700 !important;color:var(--jo-green) !important}
.jk-8{max-width:1340px !important;width:100% !important;margin:0 auto !important;padding:40px 48px 96px !important}
.jk-9{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:42px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-coral) !important}
.jk-10{font-family:var(--font-body) !important;font-size:17px !important;font-weight:700 !important;color:var(--jo-green) !important;text-transform:none !important}
.jk-11{display:flex !important;flex-direction:column !important;gap:10px !important;padding:18px 20px !important;background:var(--jo-cream) !important;border-radius:10px !important}
.jk-12{margin:0 !important;font-size:15px !important;line-height:1.45 !important;color:var(--jo-green) !important}
.jk-13{position:relative !important;padding-bottom:30px !important}
.jk-14{position:absolute !important;top:0 !important;left:66.6% !important;width:3px !important;height:10px !important;margin-left:-1px !important;background:var(--jo-cream) !important}
.jk-15{position:absolute !important;top:16px !important;right:33.4% !important;margin-right:-1px !important;padding-right:8px !important;font-size:12px !important;font-weight:700 !important;color:var(--jo-green) !important;white-space:nowrap !important;text-align:right !important}
.jk-16{position:absolute !important;top:16px !important;right:0 !important;font-size:12px !important;font-weight:700 !important;color:var(--jo-green) !important;white-space:nowrap !important;text-align:right !important}
.jk-17{list-style:none !important;margin:0 !important;padding:0 !important}
.jk-18{width:100% !important;aspect-ratio:1 / 1 !important;height:auto !important;object-fit:cover !important;border-radius:8px !important;grid-row:span 2 !important}
.jk-19{min-width:0 !important}
.jk-20{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:18px !important;line-height:1.2 !important;text-transform:uppercase !important;color:var(--jo-green) !important}
.jk-21{margin-top:4px !important;font-size:14px !important;font-weight:600 !important;color:var(--jo-ink-soft) !important}
.jk-22{font-weight:700 !important;font-size:17px !important;color:var(--jo-coral-text) !important;white-space:nowrap !important}
.jk-23{grid-column:2 / 4 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}
.jk-24{display:inline-flex !important;align-items:center !important;border:0 !important;border-radius:8px !important;background:var(--jo-white) !important}
.jk-25{min-width:30px !important;text-align:center !important;font-size:15px !important;font-weight:700 !important}
.jk-26{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}
.jk-27{align-self:flex-start !important}
.jk-28{display:flex !important;flex-direction:column !important;gap:8px !important}
.jk-29{background-color: var(--jo-white) !important}
.jk-30{display:flex !important;flex-direction:column !important;gap:12px !important}
.jk-31{font-size:13px !important;font-weight:600 !important;color:var(--jo-ink-soft) !important;text-align:right !important}
.jk-32{text-decoration:none !important}
.jk-33{margin:0 !important;font-size:13px !important;line-height:1.5 !important;color:var(--jo-ink-soft) !important;text-align:center !important}
.jk-34{display:flex !important;flex-direction:column !important;align-items:center !important;gap:20px !important;padding:72px 0 !important;text-align:center !important}
.jk-35{margin:0 !important;font-family:var(--font-display) !important;font-weight:400 !important;font-size:36px !important;line-height:1.1 !important;text-transform:uppercase !important;color:var(--jo-coral) !important}
.jk-36{margin:0 !important;font-size:17px !important;line-height:1.5 !important;color:var(--jo-green) !important}
.jk-37{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px 24px !important}
.jk-38{min-height:52px !important;font-size:16px !important}
.jk-39{margin:0 !important;font-size:16px !important;line-height:1.5 !important;color:var(--jo-green) !important}
.jk-40{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 24px !important}
.jk-41{border-style: none !important}
.jk-42{display:flex !important;flex-direction:column !important;gap:16px !important}
.jk-43{max-width:220px !important}
.jk-44{display:flex !important;flex-direction:column !important;gap:20px !important}
.jk-45{margin:0 !important;font-size:14px !important;line-height:1.5 !important;color:var(--jo-ink-soft) !important}
.jk-46{height: auto !important;min-height: 96px !important;padding: 12px 14px !important;resize: vertical !important;line-height: 1.5 !important}
.jk-47{margin:0 !important}
.jk-48{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;flex-wrap:wrap !important}
.jk-49{font-size:15px !important;font-weight:700 !important;line-height:1.3 !important}
.jk-50{font-size:13px !important;font-weight:600 !important;color:var(--jo-ink-soft) !important;margin-top:2px !important}
.jk-51{font-size:15px !important;font-weight:700 !important;white-space:nowrap !important}
.jk-52{text-decoration:underline !important;text-underline-offset:3px !important}
.jk-53{margin:0 !important;text-align:center !important;font-size:13px !important;color:var(--jo-ink-soft) !important;font-weight:600 !important}
.jk-54{align-self:center !important;font-size:13px !important}
.jk-55{display:flex !important}
.jk-56{max-width:760px !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;gap:28px !important}
.jk-57{display:flex !important;flex-direction:column !important;align-items:center !important;gap:18px !important;text-align:center !important}
.jk-58{width:72px !important;height:72px !important;border-radius:50% !important;background:var(--jo-green) !important;display:flex !important;align-items:center !important;justify-content:center !important}
.jk-59{margin:0 !important;font-size:17px !important;line-height:1.6 !important;color:var(--jo-green) !important;font-weight:600 !important}
.jk-60{border-bottom:0 !important;padding-bottom:0 !important}
.jk-61{background:var(--jo-cream) !important;border-color:var(--jo-cream) !important}
.jk-62{margin:0 !important;font-size:16px !important;line-height:1.6 !important;color:var(--jo-green) !important}
.jk-63{display:flex !important;flex-direction:column !important;gap:18px !important}
.jk-64{display:flex !important;justify-content:center !important;gap:24px !important;flex-wrap:wrap !important}
.jk-65{background:transparent !important;color:var(--jo-green) !important;border:1.5px solid var(--jo-green) !important}
.jk-66{background:var(--jo-green) !important;color:var(--jo-white) !important;margin-top:auto !important}
