.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start;margin-bottom:48px}.checkout-main{display:flex;flex-direction:column;gap:24px}.checkout-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 4px 20px #0f172a05;transition:border-color .2s ease,box-shadow .2s ease}.checkout-card:focus-within{border-color:var(--green-4);box-shadow:0 8px 30px #16b82e08}.checkout-card h2{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 20px;display:flex;align-items:center;gap:10px}.checkout-card h2 .step-num{width:28px;height:28px;border-radius:50%;background:var(--green-3);color:var(--green-2);display:grid;place-items:center;font-size:14px;font-weight:800}.radio-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.radio-card{border:1.5px solid var(--line);border-radius:16px;padding:20px;cursor:pointer;position:relative;display:flex;align-items:flex-start;gap:14px;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-card:hover{border-color:var(--green-4);background:var(--soft)}.radio-card.active{border-color:var(--green);background:var(--green-3);box-shadow:0 4px 15px #16b82e14}.radio-card input[type=radio]{accent-color:var(--green);margin-top:4px;width:18px;height:18px;cursor:pointer}.radio-card-info{display:flex;flex-direction:column;gap:4px}.radio-card-title{font-weight:700;font-size:15px;color:var(--ink)}.radio-card-desc{font-size:12px;color:var(--muted);line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.form-group-full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:600;color:var(--muted)}.form-input{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-size:14px;color:var(--ink);background:#fff;outline:none;transition:all .2s ease}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-3);background:#fff}.form-select{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-size:14px;color:var(--ink);background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.form-select:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-3)}.pickup-station-box{background:var(--soft);border:1px dashed var(--line);border-radius:14px;padding:16px;margin-top:16px;display:flex;flex-direction:column;gap:12px}.pickup-station-box h4{margin:0;font-size:14px;font-weight:700;color:var(--ink)}.payment-details-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-top:24px}.card-container{perspective:1000px;width:100%;aspect-ratio:1.58/1;max-width:320px;margin:0 auto}.card-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-flipper.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 24px #0f172a26;background:linear-gradient(135deg,#113c11 0%,#1e5927 50%,#16b82e 100%);overflow:hidden}.card-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.card-face.back{background:linear-gradient(135deg,#092009 0%,#113c11 70%,#1e5927 100%);transform:rotateY(180deg);padding:0;justify-content:flex-start}.card-chip{width:44px;height:32px;background:linear-gradient(135deg,#fce07a 0%,#d4af37 100%);border-radius:6px;position:relative;overflow:hidden}.card-chip:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(0,0,0,.15);border-radius:4px}.card-brand{font-weight:800;font-style:italic;font-size:20px;text-align:right;letter-spacing:-.05em;opacity:.95}.card-number-display{font-size:20px;font-weight:500;letter-spacing:.1em;font-family:monospace;margin:20px 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.25);min-height:24px}.card-lower{display:flex;justify-content:space-between;align-items:flex-end}.card-holder-display{display:flex;flex-direction:column;gap:2px}.card-display-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.card-display-val{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-expiry-display{text-align:right}.card-magnetic-strip{width:100%;height:48px;background:#0f172a;margin-top:24px}.card-signature-bar{margin:16px 20px 0;height:38px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;color:#0f172a;font-family:monospace;font-weight:700;letter-spacing:.1em}.card-cvv-display{font-size:14px;font-weight:700;font-family:monospace}.card-back-info{margin:20px;font-size:8px;color:#fff6;line-height:1.4}.bank-transfer-box{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.bank-detail-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.bank-detail-item:last-child{border-bottom:0;padding-bottom:0}.bank-detail-lbl{font-size:13px;color:var(--muted);font-weight:500}.bank-detail-val{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.copy-btn{border:0;background:var(--green-3);color:var(--green-2);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--green-4)}.review-item-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.review-item-row:last-child{border-bottom:0;padding-bottom:0}.review-item-thumb{width:64px;height:64px;background:var(--soft);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);flex-shrink:0}.review-item-thumb img{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain}.review-item-details{flex:1}.review-item-name{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 4px}.review-item-meta{font-size:12px;color:var(--muted);display:flex;gap:10px}.review-item-price{text-align:right;font-weight:700;font-size:14px}.order-summary-sidebar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 24px)}.summary-title{font-size:18px;font-weight:850;margin:0 0 4px}.summary-totals-list{display:flex;flex-direction:column;gap:12px;border-bottom:1.5px solid var(--line);padding-bottom:16px}.summary-total-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.summary-total-row.grand-total{font-size:18px;font-weight:850;color:var(--ink);margin-top:4px}.summary-total-row.discount{color:var(--danger);font-weight:600}.promo-input-group{display:flex;gap:10px;margin:4px 0}.promo-input-group input{flex:1;height:42px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font-size:13px;outline:none;text-transform:uppercase}.promo-input-group input:focus{border-color:var(--green)}.promo-input-group button{height:42px;padding:0 16px;background:var(--ink);color:#fff;border:0;border-radius:10px;font-size:13px;font-weight:700;transition:background .2s}.promo-input-group button:hover{background:#334155}.promo-feedback{font-size:12px;font-weight:600;margin-top:-8px}.promo-feedback.success{color:var(--green-2)}.promo-feedback.error{color:var(--danger)}.security-trust-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);font-weight:600;margin-top:8px}.security-trust-badge .icon{color:var(--green-2)}.success-dialog{border:none;background:transparent;padding:0;max-width:480px;width:calc(100% - 32px);outline:none}.success-dialog::backdrop{background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.success-card{background:#fff;border-radius:24px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #0003}.success-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--green-3);color:var(--green-2);display:grid;place-items:center;font-size:40px;margin-bottom:24px;animation:popSuccess .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popSuccess{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-card h3{font-size:24px;font-weight:850;color:var(--ink);margin:0 0 10px}.success-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}.order-reference-box{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 24px;font-size:13px;color:var(--muted);margin-bottom:24px}.order-reference-box strong{color:var(--ink);font-size:15px;display:block;margin-top:4px}@media (max-width: 990px){.checkout-layout{grid-template-columns:1fr;gap:24px}.order-summary-sidebar{position:static;box-shadow:0 4px 12px #0f172a05}}@media (max-width: 580px){.radio-card-grid,.form-grid{grid-template-columns:1fr;gap:12px}.payment-details-wrap{grid-template-columns:1fr;gap:20px}.checkout-card{padding:20px}}