.panier-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.panier-title{color:var(--text);letter-spacing:-.01em;align-items:baseline;gap:12px;margin:0 0 28px;font-size:26px;font-weight:700;display:flex}.panier-count{color:var(--text-muted);font-size:15px;font-weight:400}.panier-layout{grid-template-columns:1fr 340px;align-items:flex-start;gap:24px;display:grid}.panier-items{flex-direction:column;gap:12px;display:flex}.panier-item{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:flex-start;gap:16px;padding:16px;display:flex}.panier-item-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:120px;height:90px}.panier-item-img--placeholder{background:var(--snow);justify-content:center;align-items:center;font-size:32px;display:flex}.panier-item-body{flex:1;min-width:0}.panier-item-titre{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.panier-item-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;margin:0 0 4px;font-size:13px;display:flex}.panier-item-details{color:var(--text-muted);margin:0;font-size:13px}.panier-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.panier-item-prix{color:var(--text);margin:0;font-size:17px;font-weight:700}.panier-item-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s}.panier-item-remove:hover{color:#dc2626;background:#fef2f2}.panier-summary{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px;position:sticky;top:92px}.panier-summary-title{color:var(--text);margin:0 0 16px;font-size:16px;font-weight:700}.panier-summary-lines{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.panier-summary-line{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:13px;display:flex}.panier-summary-line span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.panier-summary-subtotal{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:10px;font-size:13px;display:flex}.panier-summary-fee{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.panier-fee-rate{color:var(--primary);background:#00696a1a;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.panier-summary-total{color:var(--text);border-top:2px solid var(--text);justify-content:space-between;margin:10px 0 8px;padding-top:10px;font-size:18px;font-weight:700;display:flex}.panier-summary-note{color:var(--text-muted);margin:0 0 20px;font-size:12px;line-height:1.5}.panier-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13px}.panier-confirm-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:13px 16px;font-size:15px;font-weight:600;transition:background .15s}.panier-confirm-btn:hover:not(:disabled){background:var(--primary-hover)}.panier-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.panier-continue{text-align:center;color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .15s;display:block}.panier-continue:hover{color:var(--primary)}.panier-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.panier-empty h1{color:var(--text);margin:8px 0 0;font-size:22px;font-weight:700}.panier-empty p{color:var(--text-muted);margin:0;font-size:15px}.panier-empty-cta{background:var(--primary);color:#fff;border-radius:8px;margin-top:8px;padding:11px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.panier-empty-cta:hover{background:var(--primary-hover)}.panier-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.panier-success-icon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;font-weight:700;display:flex}.panier-success h1{color:var(--text);margin:0;font-size:22px;font-weight:700}.panier-success p{color:var(--text-muted);margin:0;font-size:14px}@media (max-width:768px){.panier-layout{grid-template-columns:1fr}.panier-summary{position:static}.panier-item-img{width:80px;height:64px}}.cart-timer{color:var(--primary);background:#00696a14;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.cart-timer strong{font-variant-numeric:tabular-nums;font-weight:800}.cart-timer--urgent{color:#dc2626;background:#dc26261a}.pay-overlay{z-index:1000;background:#0f191699;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pay-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:820px;max-height:calc(100dvh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000052}.pay-close{color:#333;cursor:pointer;z-index:2;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.pay-close:hover{background:#0000001a}.pay-grid{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}@media (max-width:720px){.pay-grid{grid-template-columns:1fr;overflow-y:auto}.pay-recap,.pay-col{overflow-y:visible}}.pay-recap{background:#f6f9f8;border-right:1px solid #e8eeec;flex-direction:column;padding:22px 20px;display:flex;overflow-y:auto}@media (max-width:720px){.pay-recap{border-bottom:1px solid #e8eeec;border-right:none}}.pay-recap-title{text-transform:uppercase;letter-spacing:.06em;color:#6b7d76;margin:0 0 16px;font-size:12px;font-weight:700}.pay-recap-items{flex-direction:column;gap:14px;margin:0 0 16px;padding:0;list-style:none;display:flex}.pay-recap-item{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pay-recap-item-main{flex-direction:column;gap:3px;min-width:0;display:flex}.pay-recap-item-title{color:#1a1a1a;font-size:14px;font-weight:650}.pay-recap-item-meta{color:#7c8a84;font-size:12px}.pay-recap-item-price{color:#1a1a1a;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.pay-recap-lines{border-top:1px solid #e8eeec;flex-direction:column;gap:8px;padding-top:14px;display:flex}.pay-recap-line{color:#55655f;justify-content:space-between;font-size:13.5px;display:flex}.pay-recap-line--promo{color:#1a6b4a;font-weight:600}.pay-recap-total{color:#1a1a1a;border-top:1px solid #e8eeec;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;font-size:20px;font-weight:800;display:flex}.pay-recap-total span:last-child{font-variant-numeric:tabular-nums}.pay-reassure{color:#6b7d76;align-items:center;gap:7px;margin:18px 0 0;font-size:12px;display:flex}.pay-reassure svg{color:#1a6b4a;flex:none}.pay-col{padding:22px 20px;overflow-y:auto}.pay-col-title{color:#1a1a1a;margin:0 0 14px;font-size:18px;font-weight:800}.pay-form,.pay-card-form{flex-direction:column;gap:14px;display:flex}.pay-submit{margin-top:2px}.pay-form-error{margin:0}.pay-divider{color:#9aa8a2;align-items:center;gap:12px;font-size:12px;display:flex}.pay-divider:before,.pay-divider:after{content:"";background:#e3e9e6;flex:1;height:1px}.pay-secure{color:#8a968f;justify-content:center;align-items:center;gap:7px;margin:2px 0 0;font-size:12px;display:flex}.pay-secure svg{flex:none}