.checkout-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-bottom:48px;display:flex}.checkout-steps .step-item{flex-direction:column;align-items:center;gap:8px;min-width:88px;display:flex;position:relative}.checkout-steps .step-num{width:42px;height:42px;font-family:var(--font-display);background:var(--line-100);color:var(--body-400);border:2px solid var(--line-200);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.checkout-steps .step-num .icon{width:16px;height:16px}.checkout-steps .step-label{font-family:var(--font-display);color:var(--body-400);white-space:nowrap;font-size:12.5px;font-weight:600}.checkout-steps .step-item.active .step-num{background:var(--red-500);border-color:var(--red-500);color:#fff}.checkout-steps .step-item.active .step-label{color:var(--ink-900)}.checkout-steps .step-item.done .step-num{background:var(--green-500);border-color:var(--green-500);color:#fff}.checkout-steps .step-item.done .step-label{color:var(--ink-800)}.checkout-steps .step-line{background:var(--line-200);flex:1;min-width:24px;max-width:80px;height:2px;margin:20px 4px 0}.checkout-steps .step-line.done{background:var(--green-500)}@media (width<=640px){.checkout-steps .step-label{display:none}.checkout-steps .step-item{min-width:auto}.checkout-steps .step-line{max-width:26px}}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:40px;display:grid}@media (width<=960px){.checkout-layout{grid-template-columns:1fr}}.checkout-main{border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:34px}@media (width<=640px){.checkout-main{padding:22px}}.checkout-panel{display:none}.checkout-panel.active{animation:cofade .35s var(--ease-out);display:block}@keyframes cofade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-panel h3{margin-bottom:6px;font-size:20px}.checkout-panel>.step-sub{color:var(--body-500);margin-bottom:26px;font-size:13.5px}.checkout-actions{border-top:1px solid var(--line-200);justify-content:space-between;gap:14px;margin-top:30px;padding-top:26px;display:flex}.addr-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}@media (width<=640px){.addr-grid{grid-template-columns:1fr}}.addr-card{border:1.5px solid var(--line-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);padding:16px;display:block;position:relative}.addr-card.selected{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-100)}.addr-card input{accent-color:var(--red-500);position:absolute;top:16px;right:16px}.addr-card strong{font-family:var(--font-display);color:var(--ink-900);margin-bottom:4px;padding-right:26px;font-size:14px;display:block}.addr-card span{color:var(--body-500);font-size:12.5px;line-height:1.5;display:block}.delivery-option{border:1.5px solid var(--red-500);border-radius:var(--radius-md);background:var(--red-50);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;padding:22px;display:flex}.delivery-option .icon-tile{background:#fff;flex-shrink:0}.delivery-option .info strong{font-family:var(--font-display);color:var(--ink-900);margin-bottom:4px;font-size:15px;display:block}.delivery-option .info span{color:var(--body-500);font-size:13px}.delivery-option .fee{text-align:right;margin-left:auto}.delivery-option .fee strong{font-family:var(--font-display);color:var(--red-500);font-size:18px;display:block}.delivery-option .fee span{color:var(--body-400);font-size:11.5px}.delivery-note{color:var(--body-500);background:var(--bg-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.delivery-note .icon{color:var(--green-600);flex-shrink:0}.pay-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=760px){.pay-grid{grid-template-columns:1fr}}.pay-card{border:1.5px solid var(--line-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.pay-card input{width:18px;height:18px;accent-color:var(--red-500);position:absolute;top:16px;right:16px}.pay-card.selected{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-100)}.pay-card.is-disabled{opacity:.5;cursor:not-allowed}.pay-card .icon-tile{width:44px;height:44px}.pay-card .icon-tile .icon{width:20px;height:20px}.pay-card h5{font-family:var(--font-display);color:var(--ink-900);font-size:14.5px}.pay-card p{color:var(--body-500);font-size:12px}.pay-detail{border:1px solid var(--line-200);border-radius:var(--radius-md);background:var(--bg-soft);margin-bottom:22px;padding:22px;display:none}.pay-detail.active{display:block}.bank-block{border:1.5px dashed var(--line-200);border-radius:var(--radius-md);background:#fff;margin-bottom:18px;padding:18px}.bank-block .row{border-bottom:1px solid var(--line-100);justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.bank-block .row:last-child{border-bottom:none}.bank-block .row strong{font-family:var(--font-display);color:var(--ink-900)}.upload-slip{border:1.5px dashed var(--line-200);border-radius:var(--radius-sm);text-align:center;color:var(--body-400);padding:20px;font-size:13px}.upload-slip input{width:100%;margin-top:12px}.demo-tag{color:var(--gold-700);background:var(--gold-100);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.review-block{border:1px solid var(--line-200);border-radius:var(--radius-md);margin-bottom:16px;padding:20px 22px}.review-block__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.review-block__head h5{font-family:var(--font-display);color:var(--body-400);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.review-block__head a{color:var(--red-500);font-size:12.5px;font-weight:600}.review-block p{color:var(--body-600);font-size:13.5px;line-height:1.7}.review-items{flex-direction:column;gap:14px;display:flex}.review-item{align-items:center;gap:14px;display:flex}.review-item img{object-fit:contain;background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:52px;height:52px;padding:6px}.review-item .name{font-family:var(--font-display);color:var(--ink-900);font-size:13.5px;font-weight:600;display:block}.review-item .qty{color:var(--body-400);margin-top:2px;font-size:12px;display:block}.review-item .price{font-family:var(--font-display);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:700}.summary-card{border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:26px;position:sticky;top:110px}@media (width<=960px){.summary-card{position:static}}.summary-card h4{margin-bottom:18px;font-size:16px}.summary-items{flex-direction:column;gap:14px;max-height:280px;margin-bottom:18px;padding-right:4px;display:flex;overflow-y:auto}.summary-item{align-items:center;gap:12px;display:flex}.summary-item img{object-fit:contain;background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:5px}.summary-item .name{color:var(--ink-900);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;display:-webkit-box;overflow:hidden}.summary-item .qty{color:var(--body-400);margin-top:2px;font-size:11px;display:block}.summary-item .price{font-size:12.5px;font-weight:700;font-family:var(--font-display);white-space:nowrap;margin-left:auto}.summary-totals{border-top:1px solid var(--line-200);flex-direction:column;gap:10px;padding-top:16px;display:flex}.summary-totals .row{color:var(--body-600);justify-content:space-between;font-size:13.5px;display:flex}.summary-totals .row.total{font-family:var(--font-display);color:var(--ink-900);border-top:1px dashed var(--line-200);padding-top:12px;font-size:17px;font-weight:700}.summary-totals .row.total span:last-child{color:var(--red-500)}.success-hero{text-align:center;max-width:560px;margin:0 auto;padding:10px 0}.success-check{background:var(--green-100);width:96px;height:96px;color:var(--green-600);animation:copop .5s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success-check .icon{width:44px;height:44px}@keyframes copop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.success-hero h1{margin-bottom:10px;font-size:clamp(24px,3vw,32px)}.order-id-chip{background:var(--bg-soft);border-radius:var(--radius-pill);font-family:var(--font-display);color:var(--red-500);align-items:center;gap:8px;margin:12px 0 18px;padding:10px 22px;font-weight:700;display:inline-flex}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.order-timeline{touch-action:pan-x pan-y;padding:22px 10px 4px;overflow-x:auto}.timeline-track{background:var(--line-200);border-radius:2px;height:3px;margin:0 26px;position:relative}.timeline-fill{background:var(--green-500);height:100%;transition:width .6s var(--ease-out);border-radius:2px;position:absolute;top:0;left:0}.timeline-steps{justify-content:space-between;min-width:520px;margin-top:-13px;display:flex}.timeline-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.timeline-step .dot{border:2.5px solid var(--line-200);width:26px;height:26px;font-family:var(--font-display);color:var(--body-400);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.timeline-step .dot .icon{width:12px;height:12px}.timeline-step .lbl{color:var(--body-400);font-size:11.5px;font-weight:600;font-family:var(--font-display)}.timeline-step.done .dot{background:var(--green-500);border-color:var(--green-500);color:#fff}.timeline-step.done .lbl{color:var(--ink-800)}.timeline-step.current .dot{background:var(--red-500);border-color:var(--red-500);color:#fff;box-shadow:0 0 0 5px var(--red-100)}.timeline-step.current .lbl{color:var(--red-500)}.timeline-step.cancelled-step .dot{background:var(--red-500);border-color:var(--red-500);color:#fff}.timeline-step.cancelled-step .lbl{color:var(--red-500)}.order-timeline.cancelled .timeline-fill{background:var(--red-500)}.order-filter-tabs{margin-bottom:28px}.order-history{flex-direction:column;gap:16px;display:flex}.order-row{border:1px solid var(--line-200);border-radius:var(--radius-md);transition:box-shadow var(--dur-fast);overflow:hidden}.order-row:hover{box-shadow:var(--shadow-sm)}.order-row-head{cursor:pointer;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 22px;display:flex}.order-row-thumbs{flex-shrink:0;display:flex}.order-row-thumbs img{object-fit:contain;background:var(--bg-soft);border:2px solid #fff;border-radius:8px;width:44px;height:44px;margin-left:-12px;padding:5px}.order-row-thumbs img:first-child{margin-left:0}.order-row-main{flex-grow:1;min-width:170px}.order-row-main .id{font-family:var(--font-display);color:var(--ink-900);font-size:14.5px;font-weight:700}.order-row-main .meta{color:var(--body-400);margin-top:2px;font-size:12px}.order-row-pills{flex-wrap:wrap;gap:8px;display:flex}.order-row-total{font-family:var(--font-display);color:var(--ink-900);white-space:nowrap;font-size:15.5px;font-weight:700}.order-row-toggle{background:var(--line-100);width:36px;height:36px;transition:transform var(--dur-fast),background var(--dur-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-row-toggle .icon{width:15px;height:15px}.order-row.open .order-row-toggle{background:var(--ink-900);color:#fff;transform:rotate(180deg)}.order-row-detail{max-height:0;transition:max-height var(--dur-med) var(--ease-soft);background:var(--bg-soft);overflow:hidden}.order-row-detail__inner{padding:26px 22px}@media (width<=640px){.order-row-head{padding:16px}}.track-form-card{border:1px solid var(--line-200);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-sm);margin:0 auto 44px;padding:34px}.track-form-card .field-row{align-items:end}.track-result{max-width:760px;margin:0 auto}.track-not-found{text-align:center;padding:40px 20px}.account-grid{grid-template-columns:280px 1fr;align-items:start;gap:32px;max-width:1040px;margin-inline:auto;display:grid}@media (width<=860px){.account-grid{grid-template-columns:1fr}}.profile-card{border:1px solid var(--line-200);border-radius:var(--radius-lg);text-align:center;padding:28px 24px}.profile-avatar{background:var(--red-500);color:#fff;width:74px;height:74px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:25px;font-weight:700;display:flex}.profile-card h4{margin-bottom:4px;font-size:17px}.profile-card .email{color:var(--body-400);word-break:break-all;margin-bottom:8px;font-size:13px}.profile-card .since{color:var(--body-400);font-size:11.5px}.account-quick-links{flex-direction:column;gap:10px;margin-top:18px;display:flex}.quick-link-card{border:1px solid var(--line-200);border-radius:var(--radius-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);text-align:left;align-items:center;gap:14px;width:100%;padding:15px 16px;display:flex}.quick-link-card:hover{border-color:var(--red-300);box-shadow:var(--shadow-sm)}.quick-link-card strong{font-family:var(--font-display);color:var(--ink-900);font-size:13.5px;display:block}.quick-link-card span span{color:var(--body-400);font-size:11.5px}.account-section{border:1px solid var(--line-200);border-radius:var(--radius-lg);padding:28px}.account-section+.account-section{margin-top:24px}.account-section__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.account-section__head h3{font-size:17px}.addr-list-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.addr-list-grid{grid-template-columns:1fr}}.saved-addr-card{border:1px solid var(--line-200);border-radius:var(--radius-md);padding:18px}.saved-addr-card strong{font-family:var(--font-display);color:var(--ink-900);margin-bottom:6px;font-size:14px;display:block}.saved-addr-card span{color:var(--body-500);align-items:center;gap:6px;font-size:12.5px;line-height:1.6;display:flex}.quick-login-card{border:1px solid var(--line-200);border-radius:var(--radius-lg);text-align:center;max-width:440px;margin:0 auto;padding:36px}.auth-page{background:var(--bg-soft);justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--line-200);background:#fff;padding:42px 36px}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-logo img{border-radius:8px;height:46px}.auth-card h1{text-align:center;margin-bottom:6px;font-size:22px}.auth-card .sub{text-align:center;color:var(--body-500);margin-bottom:28px;font-size:13.5px}.auth-divider{color:var(--body-400);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-200);flex:1;height:1px}.auth-foot{text-align:center;color:var(--body-500);margin-top:22px;font-size:13.5px}.auth-foot a{color:var(--red-500);font-weight:600}.auth-back{box-shadow:var(--shadow-sm);background:#fff;position:fixed;top:26px;left:26px}.auth-note{background:var(--bg-soft);border-radius:var(--radius-sm);color:var(--body-500);align-items:flex-start;gap:8px;margin-bottom:22px;padding:12px 14px;font-size:12px;display:flex}.auth-note .icon{width:15px;height:15px;color:var(--gold-700);flex-shrink:0;margin-top:1px}.about-story{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}@media (width<=860px){.about-story{grid-template-columns:1fr}}.about-story img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%}.about-story .tag{color:var(--red-500)}.about-values-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=760px){.about-values-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.about-values-grid{grid-template-columns:1fr}}.value-card{border:1px solid var(--line-200);border-radius:var(--radius-md);text-align:center;transition:box-shadow var(--dur-med),transform var(--dur-med);background:#fff;padding:28px 24px}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-card .icon-tile{margin:0 auto 18px}.value-card h4{margin-bottom:8px;font-size:16px}.value-card p{font-size:13.5px}.timeline-mini{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:10px;display:flex}.timeline-mini .yr{text-align:center}.timeline-mini .yr strong{font-family:var(--font-display);color:var(--red-500);font-size:24px;display:block}.timeline-mini .yr span{color:var(--body-500);font-size:12px}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:44px;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.contact-info-list{flex-direction:column;gap:20px;margin-bottom:28px;display:flex}.contact-info-item{align-items:flex-start;gap:16px;display:flex}.contact-info-item strong{font-family:var(--font-display);color:var(--ink-900);margin-bottom:3px;font-size:14.5px;display:block}.contact-info-item span,.contact-info-item a{color:var(--body-500);font-size:13.5px}.contact-info-item a:hover{color:var(--red-500)}.map-placeholder{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--bg-soft) 25%, transparent 25.5%) 0 0/26px 26px, linear-gradient(315deg, var(--bg-soft) 25%, transparent 25.5%) 0 0/26px 26px, var(--bg);border:1px solid var(--line-200);height:260px;color:var(--body-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.map-placeholder .icon-tile{box-shadow:var(--shadow-sm);background:#fff}.map-placeholder strong{font-family:var(--font-display);color:var(--ink-900);font-size:14px}.map-placeholder span{max-width:38ch;font-size:12.5px}.wa-strip{background:var(--green-100);color:var(--green-600);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px 20px;font-size:13.5px;font-weight:600;display:flex}.wa-strip .icon{flex-shrink:0}.stat-strip{background:var(--ink-900);border-radius:var(--radius-xl);padding:56px 40px;position:relative;overflow:hidden}.stat-strip:before{content:"";background:radial-gradient(circle,#d7192147,#0000 65%);width:60%;height:180%;position:absolute;top:-40%;left:-10%}.stat-strip-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:30px;display:grid;position:relative}@media (width<=820px){.stat-strip-grid{grid-template-columns:1fr 1fr}}.stat-strip-item{text-align:center}.stat-strip-item .num{font-family:var(--font-display);color:#fff;justify-content:center;gap:2px;font-size:clamp(28px,3.4vw,42px);font-weight:800;display:flex}.stat-strip-item .lbl{color:#fff9;margin-top:8px;font-size:12.5px}.about-values-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.about-values-grid.cols-4{grid-template-columns:1fr 1fr}}@media (width<=520px){.about-values-grid.cols-4{grid-template-columns:1fr}}.cta-band{background:linear-gradient(120deg,var(--red-600),var(--red-500) 60%,var(--red-400));border-radius:var(--radius-xl);text-align:center;padding:60px 40px;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff38,#0000 55%);position:absolute;inset:0}.cta-band h2{color:#fff;z-index:2;margin-bottom:12px;font-size:clamp(24px,3.2vw,36px);position:relative}.cta-band p{color:#ffffffe6;z-index:2;max-width:52ch;margin:0 auto 26px;position:relative}.cta-band .flex{z-index:2;position:relative}@media (width<=560px){.cta-band{padding:44px 24px}}