.checkout-page,.track-page{min-height:100vh;background:#f8f4f8}.checkout-header{border-bottom:1px solid var(--border);background:#fff}.checkout-header .container{display:grid;min-height:76px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.checkout-header .container>span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.checkout-header .container>a:last-child{justify-self:end;color:var(--purple);font-size:12px;font-weight:700}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:34px;padding-block:50px 80px}.checkout-title{margin-bottom:28px}.checkout-title h1,.track-intro h1{margin-bottom:12px;font-size:clamp(2.6rem,6vw,4.7rem)}.checkout-title>p:last-child,.track-intro>p{color:var(--muted)}.checkout-form{min-width:0}.form-card{margin-bottom:16px;padding:25px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,23,23,.035)}.step-title{display:flex;gap:13px;margin-bottom:22px}.step-title>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font-size:12px}.step-title h2{font:400 24px Georgia,serif}.step-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:11px;font-weight:700}.form-grid label span{color:var(--muted);font-weight:400}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:47px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:#fdfbfd;color:var(--text);outline:0}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#b99bbe;box-shadow:0 0 0 3px rgba(207,108,156,.1)}.form-grid label small,.payment-error,.proof-error{min-height:14px;color:#a94442;font-size:9px}.payment-options{display:grid;gap:8px}.payment-options>label{display:grid;min-height:66px;grid-template-columns:22px 1fr 20px;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.payment-options>label:has(input:checked){border-color:var(--purple);background:#faf5fb;box-shadow:0 0 0 2px rgba(91,36,110,.08)}.payment-options input{accent-color:var(--purple)}.payment-options b,.payment-options small{display:block}.payment-options b{font-size:13px}.payment-options small{color:var(--muted);font-size:10px}.payment-options i{color:var(--pink);font-style:normal;font-size:24px}.payment-proof{margin-top:14px;padding:16px;border-radius:13px;background:var(--surface)}.payment-proof>div:first-child b,.payment-proof>div:first-child span{display:block}.payment-proof>div:first-child b{font-size:12px}.payment-proof>div:first-child span{margin-top:3px;color:var(--muted);font-size:10px}.upload-box{display:flex;min-height:125px;align-items:center;justify-content:center;flex-direction:column;margin-top:13px;border:1px dashed #bda5c1;border-radius:12px;background:#fff;cursor:pointer}.upload-box>span{font-size:25px;color:var(--purple)}.upload-box b{font-size:11px}.upload-box small{color:var(--muted);font-size:9px}.proof-preview{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:11px;margin-top:12px;padding:8px;border-radius:10px;background:#fff}.proof-preview img{width:65px;height:65px;object-fit:cover;border-radius:8px}.proof-preview b{display:block;font-size:11px}.proof-preview button{padding:0;border:0;background:transparent;color:#a94442;font-size:9px;cursor:pointer}.cod-note{display:flex;align-items:center;gap:11px;margin-top:13px;padding:13px;border-radius:12px;background:#edf7f0}.cod-note>span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#3f7d58;color:#fff}.cod-note p{margin:0}.cod-note b,.cod-note small{display:block}.cod-note b{font-size:12px}.cod-note small{color:var(--muted);font-size:9px}.place-order{width:100%;min-height:54px}.secure-note{text-align:center;color:var(--muted);font-size:10px}.order-summary{position:sticky;top:24px;align-self:start;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff}.order-summary>h2{margin-bottom:20px;font-size:29px}.checkout-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.checkout-item img{width:58px;height:65px;object-fit:cover;border-radius:9px}.checkout-item b,.checkout-item small{display:block}.checkout-item div b{font-size:11px}.checkout-item small{color:var(--muted);font-size:9px}.checkout-item>strong{font-size:11px}.summary-lines{padding-top:14px}.summary-lines p{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:11px}.summary-lines b{color:var(--text)}.summary-lines .summary-total{margin-top:15px;padding-top:15px;border-top:1px solid var(--border);font-size:17px}.summary-empty{color:var(--muted);font-size:12px}.summary-empty a{color:var(--purple);font-weight:700}.checkout-footer{margin-top:auto;padding-block:20px;background:#24172a;color:#bfaebe;font-size:10px}.checkout-footer .container{display:flex;justify-content:space-between}.checkout-footer a{color:#e4b9cf;font-weight:700}.track-shell{max-width:900px;padding-block:75px}.track-intro{max-width:710px;margin-inline:auto;text-align:center}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin-top:28px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fff}.track-form label{text-align:left;color:var(--muted);font-size:9px;font-weight:700}.track-form input{display:block;width:100%;height:40px;border:0;outline:0;font-size:13px}.track-error{min-height:20px;margin-top:10px;color:#a94442!important;font-size:11px}.tracking-result{margin-top:35px;padding:28px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:20px;border-bottom:1px solid var(--border)}.order-meta small,.order-meta b{display:block}.order-meta small{color:var(--muted);font-size:8px;letter-spacing:.08em}.order-meta b{margin-top:4px;font-size:13px}.status-head{display:flex;justify-content:space-between;margin:22px 0}.status-head span{color:var(--muted);font-size:11px}.status-head b{color:#3f7d58;font-size:12px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 28px;padding:0;list-style:none}.timeline li{position:relative;text-align:center}.timeline li:not(:last-child)::after{content:"";position:absolute;top:17px;left:55%;width:90%;height:2px;background:var(--border)}.timeline li.done::after{background:#3f7d58}.timeline li>span{position:relative;z-index:1;display:grid;width:35px;height:35px;place-items:center;margin:0 auto 9px;border:2px solid var(--border);border-radius:50%;background:#fff;color:var(--muted);font-size:10px}.timeline li.done>span{border-color:#3f7d58;background:#3f7d58;color:#fff}.timeline b,.timeline small{display:block}.timeline b{font-size:10px}.timeline small{margin-top:3px;color:var(--muted);font-size:8px}.track-page{display:flex;min-height:100vh;flex-direction:column}
@media(max-width:760px){.checkout-header .container{min-height:64px;grid-template-columns:1fr auto}.checkout-header .container>span{display:none}.checkout-header .container>a:last-child{font-size:9px}.checkout-layout{grid-template-columns:1fr;gap:16px;padding-block:28px 50px}.checkout-title{margin-bottom:18px}.checkout-title h1,.track-intro h1{font-size:2.8rem}.form-card{padding:17px;border-radius:14px}.step-title h2{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.order-summary{position:static;grid-row:1}.order-summary>h2{font-size:24px}.checkout-footer .container{flex-direction:column;gap:4px}.track-shell{padding-block:40px}.track-form{grid-template-columns:1fr;padding:13px}.tracking-result{padding:18px}.order-meta{grid-template-columns:1fr 1fr}.order-meta>div:last-child{grid-column:1/-1}.timeline{grid-template-columns:1fr;gap:0}.timeline li{display:grid;min-height:70px;grid-template-columns:40px 1fr;text-align:left}.timeline li>span{margin:0}.timeline li:not(:last-child)::after{top:35px;bottom:-1px;left:17px;width:2px;height:auto}.timeline b{font-size:11px}.timeline small{font-size:9px}}
.form-grid input[aria-invalid="true"],.form-grid select[aria-invalid="true"],.form-grid textarea[aria-invalid="true"]{border-color:#b85b65;background:#fff9fa;box-shadow:0 0 0 3px rgba(184,91,101,.08)}
.checkout-errors{margin:0 0 13px;padding:14px 16px;border:1px solid #e5b7bd;border-radius:12px;background:#fff4f5;color:#843f49;font-size:10px}.checkout-errors b{display:block;margin-bottom:7px;font-size:12px}.checkout-errors ul{display:grid;gap:4px;margin:0;padding-left:18px}
.track-form-single{grid-template-columns:1fr auto}.tracking-results{display:grid;gap:18px}.tracking-results .tracking-result{margin-top:0}
@media(max-width:760px){.track-form-single{grid-template-columns:1fr}.tracking-results{gap:12px}}
.tracking-notice{margin:-8px 0 18px;padding:11px 13px;border-radius:10px;background:#fff5df;color:#7a5a18;font-size:10px}.tracking-notice.cancelled{background:#fff0f1;color:#91414b}
.cod-note[hidden]{display:none!important}.proof-preview small{display:block;margin:3px 0 6px;color:var(--muted);font-size:9px;line-height:1.5}