/* Panier et suivi : une présentation commune, un seul défilement par fenêtre. */
.order-card{--order-green:#244c3b;--order-paper:#fffdf8;--order-cream:#f0eee2;--order-line:#d6dccf;color:var(--order-green)}
#checkoutDialog.order-card,.customer-content>.order-card{background:var(--order-paper);border:1px solid var(--order-line);border-radius:22px;padding:28px;box-shadow:0 12px 36px #173c2920}
#checkoutDialog .order-title,.customer-content .order-title{font:500 clamp(28px,5vw,36px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:6px 0 16px;color:var(--order-green)}
.order-card .eyebrow{font:750 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:#8c472f;margin:0 0 4px}
.order-card .eyebrow svg{width:24px;height:24px;flex:none}
.order-card .checkout-scope{font-size:17px;font-weight:700;line-height:1.5;margin:12px 0}
.order-card .order-summary{padding:18px 20px;margin:16px 0;background:var(--order-cream);border-radius:14px;max-height:none;overflow:visible;font-size:17px}
.order-card .order-summary ul{padding:0;margin:0;list-style:none}
.order-card .order-summary li{margin:0;padding:12px 0;border-bottom:1px solid #d6dccf;font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.order-card .order-summary li:first-child{padding-top:0}.order-card .order-summary li:last-child{border-bottom:0}
.order-card .order-summary .order-total{display:block;text-align:right;font:800 24px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:12px 0 0;padding-top:14px;border-top:1px solid #c4cbbb;color:var(--order-green)}
.order-card .order-reference{font-size:15px;color:#53685b;margin:12px 0}
#checkoutDialog[open]{display:block;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 24px);scroll-padding-block:20px;-webkit-overflow-scrolling:touch}
body:has(#checkoutDialog[open]){overflow:hidden}
#checkoutDialog .dialog-head{margin:0;align-items:flex-start}
#checkoutDialog .close{width:46px;height:46px;min-width:46px;min-height:46px;font-size:28px;border-radius:50%;background:#fffdf8;color:var(--order-green);border:1px solid #c4cbbb;display:grid;place-items:center;line-height:1}
#checkoutForm{display:block;min-height:0}
#checkoutForm .checkout-fields-scroll{overflow:visible;max-height:none;min-height:0;overscroll-behavior:auto}
#checkoutForm .edit-basket{width:100%;display:flex;align-items:center;justify-content:center;min-height:48px;height:auto;padding:12px 16px;border:1px solid #66826a;border-radius:12px;background:#fffdf8;color:var(--order-green);font:700 16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;white-space:normal}
#checkoutForm .checkout-guide{font-size:16px;line-height:1.6;color:#53685b;margin:16px 0 20px}
#checkoutFields{display:grid;gap:16px;padding:0;margin:0;border:0;min-width:0}
#checkoutFields>label:not(.check),#checkoutFields .form-row>label,#checkoutFields .invoice>label{font-size:17px;line-height:1.5;gap:8px}
#checkoutFields input:not([type=checkbox]),#checkoutFields select{font-size:17px;min-height:48px;border-radius:10px;padding:12px;background:#fffefa}
#checkoutFields [aria-invalid=true]{border:2px solid #9b4c2e}
#checkoutFields .check{font-size:16px;line-height:1.6;gap:12px;align-items:flex-start}
#checkoutFields input[type=checkbox]{flex:0 0 22px;min-height:22px;min-width:22px;width:22px;height:22px;margin-top:2px}
#checkoutFields .form-row{gap:16px}.order-card .small,#checkoutFields .small{font-size:15px;line-height:1.6}
#checkoutFields .checkout-piment{padding:18px;border-radius:14px;border-color:#d6dccf;background:#f0eee2;gap:12px}
#checkoutFields .checkout-piment strong,#checkoutFields .upsell-price{font-size:17px}
#checkoutFields .checkout-piment>div{min-width:0;flex:1 1 210px}
#checkoutFields .checkout-piment button{font-size:16px;min-height:48px}
#checkoutFields .checkout-options{border:1px solid #d6dccf;border-radius:14px;background:#fffdf8;padding:14px 16px;margin:0;min-width:0}
.checkout-options summary{font-size:16px;font-weight:650;line-height:1.6;cursor:pointer;padding:8px 0;min-height:44px}
.checkout-options summary span{font-weight:400;display:block;color:#53685b;font-size:15px}
.checkout-options .marketing-optin{margin-top:14px}.checkout-options .marketing-optin:last-child{margin-bottom:0}
#checkoutError{margin:16px 0 0;max-height:none;overflow:visible;font-size:16px}
#checkoutForm .dialog-actions{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #c4cbbb}
#checkoutForm .dialog-actions .primary,.order-tracking .actions>form:first-child button{background:#244c3b;color:#fffdf8;border:1px solid #244c3b;border-radius:12px;min-height:52px;font-size:17px;font-weight:750;padding:14px 18px;line-height:1.4}
.order-card .payment-note{font-size:15px;line-height:1.6;text-align:center;color:#53685b;margin:0}
.order-tracking .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-tracking .actions>form{margin:0}.order-tracking .actions>form:first-child{grid-column:1/-1}
.order-tracking .actions>form button{width:100%;height:auto;min-height:48px;white-space:normal}
.order-tracking .actions>form:not(:first-child) button{background:#fffdf8;color:#244c3b;border:1px solid #66826a}
.order-tracking .actions+.payment-note{margin-top:16px}
.order-tracking .conditions-paiement label{display:block}.order-tracking .inscription-email input[type=email]{display:block;width:100%;margin-top:8px}
.cart .basket-line-top{font-size:16px;line-height:1.5}.cart .basket-detail{font-size:15px}.cart .quantity button,.cart .cart-actions button{min-height:44px;font-size:16px}
@media(max-width:700px){
 #checkoutDialog.order-card,.customer-content>.order-card{padding:24px 18px;border-radius:20px}
 #checkoutDialog.order-card{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
 #checkoutDialog .dialog-head{gap:12px}#checkoutDialog .order-title,.customer-content .order-title{font-size:30px}
 .order-card .order-summary{padding:16px}.order-card .order-summary .order-total{font-size:23px}
 #checkoutFields .form-row{grid-template-columns:1fr;gap:16px}
 .order-tracking .actions{grid-template-columns:1fr}.order-tracking .actions>form:first-child{grid-column:1}
}

/* P33 : l'inscription est visible et les choix restent libres. */
#checkoutFields .checkout-options{background:#edf2df;border:2px solid #9aae7e;padding:22px;margin:8px 0}
.newsletter-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.newsletter-icon{font-size:30px;line-height:1.2;color:#315b42}
#checkout-news-title{font:750 22px/1.3 system-ui,sans-serif;margin:0 0 8px;color:#244c3b}
.newsletter-heading p{font-size:17px;line-height:1.6;margin:0}
#checkoutFields .checkout-options .marketing-optin{background:#fffdf8;padding:16px;border:1px solid #cbd7bc;border-radius:12px;margin:14px 0 0}
#checkoutFields .checkout-options .check{font-size:17px;line-height:1.6}
#checkoutFields .check,#checkoutFields>label:not(.check),#checkoutFields .form-row>label{font-size:18px}
#checkoutFields .small,.order-card .small,.order-card .payment-note{font-size:16px}
.order-card .order-summary,.order-card .order-summary li,.order-card .checkout-scope{font-size:18px}
#checkoutForm .dialog-actions .primary,.order-tracking .actions>form button{font-size:18px;min-height:54px}
.order-tracking .payment-verification{background:#edf2df;border:1px solid #b7ca9d;border-radius:12px;padding:16px 18px;font-size:18px;line-height:1.6}
.order-tracking .actions>form[hidden]{display:none!important}
.order-tracking .badge{font-size:17px;font-weight:750;padding:10px 16px}
@media(max-width:700px){#checkoutFields .checkout-options{padding:18px}.newsletter-heading{gap:10px}#checkout-news-title{font-size:21px}.newsletter-heading p{font-size:16px}}
