/* ---------- Checkout page (compact) ---------- */
.checkout-section{max-width:1020px;padding:26px 28px}
.checkout-section h2{font-size:24px;margin-bottom:4px}
.checkout-section>p{margin-bottom:16px!important}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:18px;align-items:start}
.checkout-main{display:flex;flex-direction:column;gap:14px}
.co-card{background:#fff;border:1px solid #e3dbcf;border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px rgba(36,56,46,.05)}
.co-card-head{margin-bottom:12px}
.co-card-head h3,.co-summary-card h3{font-family:Georgia,serif;color:var(--forest);font-size:16px}
.co-card-head small{display:block;color:#777d77;font-size:11px;margin-top:2px}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-grid-3{grid-template-columns:1fr 1.3fr 1fr}
.checkout-layout .form-field{gap:5px;min-width:0}
.checkout-layout .form-field label{font-size:9.5px}
.checkout-layout .form-field input,.checkout-layout .form-field textarea{padding:9px 11px;font-size:12.5px;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s;min-width:0}
.checkout-layout .form-field textarea{min-height:62px}
.checkout-layout .form-field input[readonly]{background:#f6f3ec;color:#6b716c}
.checkout-layout .form-field input:focus,.checkout-layout .form-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,154,90,.18)}
.pay-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pay-option{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid #d9d1c5;border-radius:11px;cursor:pointer;background:#fff;transition:.15s}
.pay-option:hover{border-color:var(--sage-dark)}
.pay-option.active{border-color:var(--forest);background:#f3f6f2;box-shadow:0 0 0 3px rgba(36,56,46,.08)}
.pay-option input{position:absolute;opacity:0;pointer-events:none}
.pay-icon{flex:none;width:32px;height:32px;border-radius:9px;background:#f1ece3;color:var(--forest);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:15px}
.pay-option.active .pay-icon{background:var(--forest);color:#fff}
.pay-text{display:flex;flex-direction:column;gap:2px}
.pay-text strong{font-size:12.5px;color:var(--forest)}
.pay-text small{font-size:10.5px;color:#777d77;line-height:1.3}
.card-fields{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd2c2}
.card-fields[hidden]{display:none}
.card-note{margin-top:9px;font-size:10.5px;color:#777d77}
.checkout-summary{position:sticky;top:16px}
.co-summary-card{padding:16px 18px}
.co-summary-card h3{margin-bottom:10px}
.co-items{max-height:240px;overflow-y:auto;margin-bottom:10px;border-bottom:1px solid #eee6da}
.co-item{display:flex;gap:10px;align-items:center;padding:8px 0}
.co-item+.co-item{border-top:1px solid #f3eee5}
.co-item-img{position:relative;flex:none;width:46px;height:46px;border-radius:9px;background:#f4f0e8;display:flex;align-items:center;justify-content:center;font-size:8px;color:#8a8f89}
.co-item-img img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.co-item-qty{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--forest);color:#fff;font-style:normal;font-size:10px;font-weight:bold;display:flex;align-items:center;justify-content:center}
.co-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.co-item-info strong{font-size:12px;color:var(--forest)}
.co-item-info small{font-size:10.5px;color:#777d77}
.co-item-total{font-size:12px;font-weight:bold;color:var(--forest);white-space:nowrap}
.co-summary-card .summary-row{font-size:12.5px;margin:6px 0}
.co-summary-card .summary-total{font-size:16px;padding-top:10px}
.co-place-btn{width:100%;margin-top:12px;padding:11px;border:0;border-radius:10px;background:var(--forest);color:#fff;font-size:13px;font-weight:bold;cursor:pointer;transition:background .15s}
.co-place-btn:hover{background:var(--sage-dark)}
.co-place-btn:disabled{opacity:.6;cursor:wait}
.co-back-link{display:block;width:100%;text-align:center;margin-top:10px;padding:4px;border:0;background:none;font:inherit;font-size:12px;color:var(--sage-dark);cursor:pointer}
.co-back-link:hover{text-decoration:underline}
.checkout-layout .field-error{border-color:#b94a4a!important}
@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}
@media(max-width:620px){.pay-options,.co-grid,.co-grid-3{grid-template-columns:1fr}.checkout-section{padding:20px 14px}}

/* ---------- My Orders (details) ---------- */
.order-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0;font-size:12px;color:#5d655f}
.order-meta b{color:var(--forest)}
.order-lines{margin:10px 0;border-top:1px solid #eee6da}
.order-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f3eee5;font-size:12px}
.order-line small{display:block;color:#777d77;font-size:11px;margin-top:2px}
.status-pending{background:#fff3d6;color:#8a6a12}.status-processing{background:#dfeaf6;color:#2c5a8a}.status-shipped{background:#e7e0f5;color:#5a3f93}.status-delivered{background:#dcefdc;color:#2f6a37}.status-cancelled{background:#f0d6d6;color:#8a3434}