.commande{width:100%;padding-block:var(--space-10) var(--space-16);background-color:var(--color-bg)}.commande__header{text-align:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);flex-direction:column;display:flex}.commande__eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--color-orange);font-weight:600}.commande__title{font-family:var(--font-display);color:var(--color-brown-dark);letter-spacing:var(--ls-tight);font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:600}.commande__subtitle{font-size:var(--fs-sm);color:var(--color-muted);line-height:var(--lh-relaxed);max-width:520px}.commande__empty{padding-block:var(--space-10)}.commande__layout{gap:var(--space-8);grid-template-columns:1fr 360px;align-items:flex-start;display:grid}.commande__form{gap:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);flex-direction:column;display:flex}.commande__section-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--color-brown-dark);margin-bottom:var(--space-1);font-weight:600}.commande__fields{gap:var(--space-4);flex-direction:column;display:flex}.commande__textarea-wrap{gap:var(--space-2);flex-direction:column;display:flex}.commande__textarea-label{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-brown-dark);font-weight:600}.commande__textarea{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.75rem .9rem}.commande__textarea:focus{border-color:var(--color-orange);outline:none;box-shadow:0 0 0 3px #e58a2b2e}.commande__info{font-size:var(--fs-xs);color:var(--color-muted);line-height:var(--lh-relaxed);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-orange);border-radius:var(--radius-sm);background-color:#e58a2b0f}.commande__btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:48px;font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:.85rem 1.25rem;font-weight:600;display:inline-flex}.commande__btn--primary{background-color:var(--color-brown);color:var(--color-surface);width:100%}.commande__btn--primary:hover{background-color:var(--color-brown-dark);color:var(--color-surface);transform:translateY(-1px)}.commande__btn--whatsapp{background-color:var(--color-success);color:var(--color-surface);width:100%}.commande__btn--whatsapp:hover{color:var(--color-surface);background-color:#335a41;transform:translateY(-1px)}.commande__aside{top:calc(var(--header-height) + var(--space-4));position:sticky}.commande__summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.commande__summary-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--color-brown-dark);font-weight:600}.commande__items{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.commande__item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-sm);display:flex}.commande__item-name{color:var(--color-text);flex-direction:column;display:flex}.commande__item-qty{font-size:var(--fs-xs);color:var(--color-muted);margin-top:2px}.commande__item-price{color:var(--color-brown-dark);white-space:nowrap;font-weight:600}.commande__back{font-size:var(--fs-xs);color:var(--color-muted);text-align:center;transition:color var(--dur-fast) var(--ease-out)}.commande__back:hover{color:var(--color-brown)}@media (max-width:1023px){.commande__layout{grid-template-columns:1fr}.commande__aside{position:static}}@media (max-width:640px){.commande{padding-block:var(--space-6) var(--space-10)}.commande__header{margin-bottom:var(--space-6)}.commande__form,.commande__summary-card{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.commande__btn,.commande__textarea,.commande__back{transition:none!important}.commande__btn:hover{transform:none}}