.inv-wrap{justify-content:center;padding:16px;display:flex}.inv-card{background:#fff;border:1px solid #eee;border-radius:14px;width:min(920px,100%);padding:16px}.inv-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inv-sub{color:#6b7280;margin-top:4px}.btn-send{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;padding:10px 12px}.btn-send:disabled{opacity:.6;cursor:not-allowed}.inv-steps{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.step{opacity:.6;border:1px solid #eee;border-radius:12px;gap:10px;padding:10px;display:flex}.step.active{opacity:1;border-color:#111827}.dot{border:2px solid #111827;border-radius:999px;width:12px;height:12px;margin-top:3px}.step .t{font-weight:700}.step .d{color:#6b7280;font-size:12px}.inv-section{border-top:1px solid #f2f2f2;margin-top:16px;padding-top:10px}.grid2{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.grid2 .full{grid-column:1/-1}.grid2 small{color:#6b7280}.table{border:1px solid #eee;border-radius:12px;overflow:hidden}.tr{border-top:1px solid #f3f4f6;grid-template-columns:1.6fr .4fr .6fr .7fr;gap:10px;padding:10px;display:grid}.th{background:#f9fafb;border-top:none;font-weight:700}.tr small{color:#6b7280}.inv-total{flex-direction:column;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.inv-total>div{justify-content:space-between;width:320px;display:flex}.inv-total .grand{border-top:1px solid #eee;padding-top:10px;font-size:16px}.tp-topbar{color:#6d7588;background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;font-size:12px;line-height:1.4;display:flex}@media (max-width:360px){.tp-topbar{gap:8px;padding:6px 10px;font-size:11px}}@media (min-width:361px) and (max-width:640px){.tp-topbar{gap:10px;padding:6px 12px;font-size:12px}}@media (min-width:641px) and (max-width:1023px){.tp-topbar{gap:14px;padding:8px 20px;font-size:13px}}@media (min-width:1024px) and (max-width:1279px){.tp-topbar{gap:16px;padding:6px 24px;font-size:12px}}@media (min-width:1280px){.tp-topbar{gap:20px;padding:6px 32px;font-size:12px}}.tp-cart{color:#31353b;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;text-decoration:none;transition:background .2s;display:flex}.tp-cart:hover{background:#f3f4f5}.tp-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.tp-title{margin:24px 0 12px;font-size:16px;font-weight:700}.tp-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:640px){.tp-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tp-grid{grid-template-columns:repeat(5,1fr)}}.tp-product{color:inherit;background:#fff;border:1px solid #f1f1f1;border-radius:12px;text-decoration:none;transition:box-shadow .2s;overflow:hidden}.tp-product:hover{box-shadow:0 6px 16px #00000014}.tp-product img{aspect-ratio:1;object-fit:cover;width:100%}.tp-product-info{padding:10px}.tp-name{height:34px;font-size:13px;line-height:1.3;overflow:hidden}.tp-price{color:#1a73e8;margin-top:6px;font-weight:700}.tp-stock{color:#777;font-size:12px}.tp-category-page{padding:16px;display:block}.tp-filter{border-bottom:1px solid #eee;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.tp-filter::-webkit-scrollbar{display:none}.tp-filter h4{display:none}.tp-filter-item{white-space:nowrap;cursor:pointer;font-size:13px}@media (min-width:1024px){.tp-category-page{grid-template-columns:240px 1fr;gap:24px;display:grid}.tp-filter{border-right:1px solid #eee;padding-right:16px;display:block}.tp-filter h4{margin-bottom:12px;font-size:14px;font-weight:700;display:block}.tp-filter-item{margin:8px 0;display:block}}.tp-product-area{min-height:400px}.pd-page{grid-template-columns:420px 1fr;gap:32px;max-width:1200px;margin:auto;padding:24px;display:grid}@media (max-width:900px){.pd-page{grid-template-columns:1fr}}.pd-gallery{align-self:flex-start}.pd-main-img{object-fit:contain;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;width:100%;height:420px}.pd-thumb-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pd-thumb{object-fit:cover;cursor:pointer;opacity:.7;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:64px;height:64px;transition:all .2s}.pd-thumb:hover{opacity:1}.pd-thumb.active{opacity:1;border-color:#1a73e8}.pd-info{flex-direction:column;gap:12px;display:flex}.pd-name{font-size:22px;font-weight:800}.pd-meta{color:#6b7280;font-size:13px}.pd-price{color:#1a73e8;font-size:26px;font-weight:900}.pd-section h4{margin-bottom:6px}.pd-variants{flex-wrap:wrap;gap:8px;display:flex}.pd-variant{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-weight:700}.pd-variant.active{color:#1a73e8;background:#fff;border-color:#1a73e8}.pd-qty{align-items:center;gap:12px;display:flex}.pd-qty button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:32px;height:32px}.pd-stock{color:#6b7280;font-size:12px}.pd-cart-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;margin-top:12px;padding:12px;font-size:15px;font-weight:900}.pd-desc,.pd-reviews{grid-column:1/-1;margin-top:32px}.pd-review{border-bottom:1px solid #e5e7eb;padding:12px 0}.pd-empty{color:#6b7280}.pd-meta .pd-stars span{color:#facc15!important}.pd-meta .pd-stars span.empty{color:#e5e7eb!important}.pd-review-stars .pd-stars span{color:#facc15!important}.pd-review-stars .pd-stars span.empty{color:#e5e7eb!important}@media (min-width:901px){.pd-page{grid-template-columns:420px 1fr 300px;align-items:start;gap:32px;display:grid}.pd-buybox-wrap{position:relative}.pd-buybox{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:300px;padding:16px;position:sticky;top:96px}}.pd-buy-price{color:#1a73e8;font-size:24px;font-weight:900}.pd-buy-meta{color:#6b7280;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.pd-buy-stock{margin:10px 0;font-size:13px}.pd-buy-actions{flex-direction:column;gap:8px;display:flex}.pd-buy-now{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;padding:12px;font-weight:900}.pd-buy-cart{color:#1a73e8;cursor:pointer;background:#fff;border:2px solid #1a73e8;border-radius:10px;padding:12px;font-weight:900}@media (min-width:901px){.pd-page{grid-template-columns:420px 1fr 300px;align-items:start;display:grid}.pd-page>*{overflow:visible}}.pd-mobile-buy{display:none}@media (max-width:900px){.pd-buybox{display:none}.pd-mobile-buy{z-index:9999;background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.pd-mobile-price{color:#1a73e8;flex:1;font-size:16px;font-weight:900}.pd-mobile-buy-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;padding:10px 16px;font-weight:900}body{padding-bottom:80px}}.pd-voucher{gap:8px;margin-top:-6px;display:flex}.pd-voucher-badge{color:#dc2626;background:#fee2e2;border-radius:6px;padding:4px 6px;font-size:12px;font-weight:800}.pd-voucher-text{font-size:12px}.pd-detail-box{border:1px solid #e5e7eb;border-radius:12px;padding:12px;font-size:13px}.pd-detail-box ul{padding-left:16px}.pd-store{border:1px solid #e5e7eb;border-radius:12px;padding:12px}.pd-store-name{font-weight:900}.pd-store-meta{color:#6b7280;font-size:12px}.pd-shipping{font-size:13px;line-height:1.6}.pd-review-photos{gap:6px;margin-top:6px;display:flex}.pd-review-photos img{object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;width:64px;height:64px}.pd-stars span{color:#facc15}.pd-stars span.empty{color:#e5e7eb}.pd-desc-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.pd-desc-grid{grid-template-columns:1fr}}.pd-desc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.pd-desc-card h4{margin-bottom:8px;font-size:15px;font-weight:900}.pd-desc-card p,.pd-desc-card li{color:#374151;font-size:13px;line-height:1.6}.pd-desc-card ul{padding-left:16px}.pd-buy-row{justify-content:space-between;align-items:center;margin:10px 0;font-size:13px;display:flex}.pd-buy-qty{align-items:center;gap:8px;display:flex}.pd-buy-qty button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:28px;height:28px;font-weight:900}.pd-buy-select{border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;font-size:13px}.pd-buy-subtotal{border-top:1px dashed #e5e7eb;justify-content:space-between;align-items:center;margin:14px 0;padding-top:12px;font-size:14px;display:flex}.pd-buy-subtotal strong{color:#1a73e8;font-size:18px}@media (max-width:900px){.pd-mobile-actions{align-items:center;gap:10px;display:flex}.pd-mobile-cart-btn{color:#1a73e8;cursor:pointer;background:#fff;border:2px solid #1a73e8;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.pd-mobile-cart-btn:disabled{opacity:.6;cursor:not-allowed}}:root{--nb-bg:#ffffffeb;--nb-text:#111827;--nb-muted:#6b7280;--nb-border:#1118271a;--nb-border-2:#11182724;--nb-primary:#1a73e8;--nb-primary-hover:#1662c4;--nb-danger:#dc2626;--nb-radius:14px;--nb-radius-sm:12px;--nb-shadow:0 16px 44px #0000001a;--nb-shadow2:0 10px 24px #1118271a;--nb-focus:0 0 0 3px #1a73e838;--nb-chip:#1a73e81a}.tp-navbar{z-index:999;background:var(--nb-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--nb-border);width:100%;padding:calc(env(safe-area-inset-top) + 10px)16px 10px;grid-template-columns:auto 1fr auto;grid-template-areas:"logo search actions";align-items:center;gap:12px;display:grid;position:sticky;top:0}.tp-logo{flex-shrink:0;grid-area:logo;align-items:center;gap:10px;text-decoration:none;display:flex}.tp-logo img{width:auto;height:34px;transition:transform .16s,filter .16s;display:block}.tp-logo:hover img{filter:saturate(1.05);transform:translateY(-1px)scale(1.02)}.tp-search-wrap{grid-area:search;width:100%;min-width:0;position:relative}.tp-search{border-radius:var(--nb-radius-sm);border:1px solid var(--nb-border-2);width:100%;height:42px;color:var(--nb-text);background:#fff;outline:none;padding:0 14px 0 40px;font-size:14px;transition:box-shadow .15s,border-color .15s,transform .12s}.tp-search-wrap:before{content:"";background:var(--nb-muted);opacity:.75;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 2a8 8 0 1 0 5.29 14l4.7 4.7 1.41-1.41-4.7-4.7A8 8 0 0 0 10 2Zm0 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 2a8 8 0 1 0 5.29 14l4.7 4.7 1.41-1.41-4.7-4.7A8 8 0 0 0 10 2Zm0 2a6 6 0 1 1 0 12a6 6 0 0 1 0-12Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.tp-search::placeholder{color:#9ca3af}.tp-search:focus{border-color:var(--nb-primary);box-shadow:var(--nb-focus)}.tp-actions{flex-shrink:0;grid-area:actions;align-items:center;gap:10px;display:flex}.tp-btn{border-radius:var(--nb-radius-sm);white-space:nowrap;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:14px;font-weight:900;text-decoration:none;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s;display:inline-flex}.tp-btn:active{transform:translateY(1px)}.tp-btn-outline{color:var(--nb-primary);background:#fff;border:1px solid #1a73e873}.tp-btn-outline:hover{background:#1a73e814;box-shadow:0 10px 18px #1118271a}.tp-btn-primary{background:var(--nb-primary);color:#fff;border:1px solid #0000;box-shadow:0 12px 22px #1a73e82e}.tp-btn-primary:hover{background:var(--nb-primary-hover);box-shadow:0 14px 26px #1a73e838}.tp-icon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.tp-icon-btn:hover{background:#1a73e814;transform:translateY(-1px);box-shadow:0 10px 18px #1118271a}.tp-icon-btn:active{transform:translateY(0);box-shadow:0 6px 12px #11182714}.tp-icon-btn img{width:26px;height:26px;transition:transform .12s,filter .12s;display:block}.tp-icon-btn:hover img{filter:saturate(1.05);transform:scale(1.06)}.tp-profile-wrap .tp-icon-btn img{object-fit:cover;border-radius:999px;width:30px;height:30px;box-shadow:0 8px 16px #0000001a}.tp-badge{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:950;line-height:1;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 10px 18px #ef444438}.tp-search-dd{border:1px solid var(--nb-border);box-shadow:var(--nb-shadow);z-index:3000;background:#fff;border-radius:14px;max-height:340px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.tp-search-dd-row{padding:10px 12px;font-size:13px}.tp-search-dd-muted{color:var(--nb-muted)}.tp-search-dd-item{cursor:pointer;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.tp-search-dd-item:hover{background:#f3f4f6}.tp-search-dd-item.active{background:#eef2ff}.tp-search-dd-img{object-fit:cover;border:1px solid var(--nb-border);border-radius:12px;flex-shrink:0;width:42px;height:42px}.tp-search-dd-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tp-search-dd-name{color:var(--nb-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.tp-search-dd-sub{color:var(--nb-muted);align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.tp-sug-rating{color:var(--nb-text);background:#fef9c3;border:1px solid #11182714;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-weight:950;line-height:1;display:inline-flex}.tp-sug-star{font-size:12px;line-height:1}.tp-sug-ravg{font-variant-numeric:tabular-nums}.tp-sug-rcnt{opacity:.85}.tp-sug-rating--empty{display:none}.tp-sug-sold{white-space:nowrap}.tp-search-dd-right{flex:none;align-items:center;margin-left:10px;display:flex}.tp-search-dd-price{color:var(--nb-primary);white-space:nowrap;text-align:right;font-size:13px;font-weight:950}.tp-profile-wrap{position:relative}.tp-profile-dd2{border:1px solid var(--nb-border);width:330px;box-shadow:var(--nb-shadow);z-index:4000;background:#fff;border-radius:16px;padding:12px;animation:.14s ease-out both nbPop;position:absolute;top:calc(100% + 10px);right:0}@keyframes nbPop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tp-profile-dd2-head{align-items:center;gap:10px;display:flex}.tp-profile-dd2-ava{border:1px solid var(--nb-border);object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.tp-profile-dd2-headinfo{flex-direction:column;min-width:0;line-height:1.15;display:flex}.tp-profile-dd2-hi{color:var(--nb-muted);font-size:12px;font-weight:800}.tp-profile-dd2-name{color:var(--nb-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.tp-profile-dd2-sep{background:var(--nb-border);height:1px;margin:10px 0}.tp-profile-dd2-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tp-profile-dd2-item{color:var(--nb-text);background:#fff;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:flex}.tp-profile-dd2-item:before{content:"";background:var(--nb-primary);opacity:.9;width:16px;height:16px;-webkit-mask:var(--dd-ico,none)center/contain no-repeat;-webkit-mask:var(--dd-ico,none)center/contain no-repeat;mask:var(--dd-ico,none)center/contain no-repeat}.tp-profile-dd2-item[href=\/profile]{--dd-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4a4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2-8 4.5V21h16v-2.5C20 16 16.42 14 12 14Z'/%3E%3C/svg%3E")}.tp-profile-dd2-item[href=\/orders]{--dd-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10l1 2h3v2H3V6h3l1-2Zm2 6h6v10H9V10Zm-2 0h2v10H7V10Zm10 0h-2v10h2V10Z'/%3E%3C/svg%3E")}.tp-profile-dd2-item[href=\/wishlist]{--dd-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5A5.5 5.5 0 0 1 7.5 3c1.74 0 3.41.81 4.5 2.09A6 6 0 0 1 20.5 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35Z'/%3E%3C/svg%3E")}.tp-profile-dd2-item[href=\/reviews]{--dd-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 6h-2v9H7l-4 4V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2ZM8 9h8v2H8V9Zm0-3h10v2H8V6Z'/%3E%3C/svg%3E")}.tp-profile-dd2-item:hover{background:#1a73e814;border-color:#1a73e82e}.tp-profile-dd2-item:active{transform:translateY(1px)}.tp-profile-dd2-logout{cursor:pointer;width:100%;color:var(--nb-danger);background:#fff;border:none;border-radius:14px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;font-weight:950;transition:background .15s,transform 50ms;display:flex}.tp-profile-dd2-logout:hover{background:#dc262614}.tp-profile-dd2-logout:active{transform:translateY(1px)}.tp-profile-dd2-logout-ic{font-weight:950}@media (max-width:640px){.tp-search-dd{max-height:280px}.tp-profile-dd2{width:min(92vw,360px)}.tp-navbar{padding:calc(env(safe-area-inset-top) + 10px)12px 10px;grid-template-columns:1fr auto;grid-template-areas:"logo actions""search search";row-gap:10px}.tp-logo img{height:32px}.tp-search{height:40px;padding-left:38px;font-size:13px}.tp-actions{gap:8px}.tp-btn{height:36px;padding:0 10px;font-size:12px}.tp-icon-btn{width:40px;height:40px}.tp-icon-btn img{width:24px;height:24px}.tp-profile-wrap .tp-icon-btn img{width:28px;height:28px}.tp-search-dd-price{font-size:12px}.tp-search-dd-sub{gap:8px}}@media (max-width:360px){.tp-logo img{height:30px}.tp-btn{padding:0 8px;font-size:11px}.tp-search{font-size:12px}.tp-sug-rating{padding:3px 7px;font-size:11px}}@media (min-width:1600px){.tp-navbar{padding-left:64px;padding-right:64px}}:root{--ft-bg:#fff;--ft-title:#111827;--ft-text:#6b7280;--ft-border:#e5e7eb;--ft-link:#6b7280;--ft-link-hover:#1a73e8;--ft-max:1200px;--ft-radius:14px;--ft-radius-sm:10px;--ft-shadow:0 8px 24px #1118270f;--ft-shadow-sm:0 4px 14px #1118270f;--ft-focus:0 0 0 3px #1a73e82e;--ft-gap:clamp(14px,2vw,22px);--ft-colgap:clamp(14px,3vw,56px);--ft-pad:clamp(16px,3vw,40px);--ft-pad-x:clamp(14px,3vw,28px);--ft-font-sm:clamp(12px,.95vw,13px);--ft-font:clamp(12.5px,1vw,13.5px);--ft-title-sm:clamp(13px,1.05vw,14px)}.tp-footer{background:var(--ft-bg);border-top:1px solid var(--ft-border);margin-top:48px}.tp-footer-container{width:100%;max-width:var(--ft-max);padding:var(--ft-pad)var(--ft-pad-x);margin:0 auto}.tp-footer-top{width:100%}.tp-footer-grid{gap:var(--ft-gap);grid-template-columns:1fr;justify-content:stretch;align-items:start;width:100%;display:grid}.tp-footer-brand{min-width:0}.tp-footer-logo{letter-spacing:-.6px;color:var(--ft-title);font-size:clamp(16px,1.4vw,18px);font-weight:700;line-height:1.1}.tp-footer-desc{font-size:var(--ft-font);color:var(--ft-text);max-width:56ch;margin:10px 0 0;line-height:1.6}.tp-footer-col{border:1px solid var(--ft-border);border-radius:var(--ft-radius);min-width:0;box-shadow:var(--ft-shadow-sm);background:#fff;padding:14px}.tp-footer-col h4{font-size:var(--ft-title-sm);color:var(--ft-title);margin:0;font-weight:700;line-height:1.2}.tp-footer-links{flex-direction:column;gap:8px;margin-top:10px;display:flex}.tp-footer-linkbtn{border-radius:var(--ft-radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--ft-link);font-size:var(--ft-font);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:10px;line-height:1.4;transition:background .15s,color .15s,transform .15s;display:inline-flex}.tp-footer-linkbtn:after{content:"›";opacity:.6;font-size:18px;line-height:1;transform:translateY(-.5px)}.tp-footer-linkbtn:hover{color:var(--ft-link-hover);background:#1a73e812;transform:translate(1px)}.tp-footer-linkbtn:focus-visible{box-shadow:var(--ft-focus);color:var(--ft-link-hover);background:#1a73e817;outline:none}.tp-footer-grid a{color:var(--ft-link);font-size:var(--ft-font);border-radius:var(--ft-radius-sm);overflow-wrap:anywhere;word-break:break-word;align-items:center;gap:10px;padding:10px;line-height:1.4;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.tp-footer-grid a:hover{color:var(--ft-link-hover);background:#1a73e812;transform:translate(1px)}.tp-footer-grid a:focus-visible{box-shadow:var(--ft-focus);color:var(--ft-link-hover);background:#1a73e817;outline:none}.tp-footer-detail{border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow);background:#fff;padding:clamp(14px,2vw,18px)}.tp-footer-detail-head{border-bottom:1px solid var(--ft-border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.tp-footer-back{border:1px solid var(--ft-border);color:var(--ft-title);cursor:pointer;font-size:var(--ft-font-sm);background:#fff;border-radius:999px;padding:9px 12px;line-height:1;transition:background .15s,transform .15s,border-color .15s}.tp-footer-back:hover{background:#1118270a;transform:translateY(-1px)}.tp-footer-back:focus-visible{box-shadow:var(--ft-focus);border-color:#1a73e859;outline:none}.tp-footer-detail-title{color:var(--ft-title);margin:0;font-size:clamp(14px,1.2vw,16px);font-weight:600}.tp-footer-detail-body{color:var(--ft-text);font-size:var(--ft-font);padding-top:12px;line-height:1.7}.tp-footer-detail-body p{margin:0 0 10px}.tp-footer-detail-body ul,.tp-footer-detail-body ol{margin:8px 0 0 18px;padding:0}.tp-footer-detail-body li{margin:6px 0}.tp-footer-bottom{border-top:1px solid var(--ft-border);text-align:center;width:100%;color:var(--ft-text);font-size:var(--ft-font-sm);padding-top:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom));margin-top:22px}@media (max-width:360px){.tp-footer-col{padding:12px}.tp-footer-linkbtn,.tp-footer-grid a{padding:10px 8px}}@media (min-width:640px){.tp-footer-grid{gap:var(--ft-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.tp-footer-brand{grid-column:1/-1}}@media (min-width:900px){.tp-footer-grid{column-gap:var(--ft-colgap);row-gap:var(--ft-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.tp-footer-brand{grid-column:1/-1}}@media (min-width:1024px){.tp-footer-grid{column-gap:var(--ft-colgap);grid-template-columns:1.35fr repeat(4,minmax(0,1fr));row-gap:0}.tp-footer-brand{grid-column:auto;padding-right:10px}.tp-footer-col{box-shadow:none;border:0;padding:0}.tp-footer-links{margin-top:12px}.tp-footer-linkbtn,.tp-footer-grid a{border-radius:8px;padding:6px 0}.tp-footer-linkbtn:hover,.tp-footer-grid a:hover{background:0 0;transform:translate(2px)}.tp-footer-linkbtn:focus-visible,.tp-footer-grid a:focus-visible{box-shadow:none;text-underline-offset:3px;outline:none;text-decoration:underline}.tp-footer-linkbtn:after{content:""}}@media (prefers-reduced-motion:reduce){.tp-footer-linkbtn,.tp-footer-grid a,.tp-footer-back{transition:none}}@media (max-width:576px){.tp-footer-top{display:none!important}.tp-footer-container{padding-top:12px;padding-bottom:12px}.tp-footer-bottom{padding-top:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:0;margin-top:0}}.tp-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (max-width:480px){.tp-container{padding-left:12px;padding-right:12px}}@media (min-width:768px){.tp-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.tp-container{padding-left:24px;padding-right:24px}}@media (min-width:1600px){.tp-container{max-width:1440px}}.tp-banner-wrapper{border-radius:12px;width:100%;overflow:hidden}.tp-banner-row{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;padding-top:12px;display:flex;overflow-x:auto}.tp-banner-row::-webkit-scrollbar{display:none}.tp-banner-row img{object-fit:cover;cursor:pointer;scroll-snap-align:start;border-radius:12px;flex:0 0 100%;width:100%;height:180px}@media (min-width:390px){.tp-banner-row img{height:200px}}@media (min-width:768px){.tp-banner-row img{height:280px}}@media (min-width:1024px){.tp-banner-row img{height:320px}}@media (min-width:1280px){.tp-banner-row img{height:360px}}@media (min-width:1600px){.tp-banner-row img{height:420px}}.tp-category-wrapper{margin:20px 0;position:relative}.tp-category-row{scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:18px;padding:8px 44px;display:flex;overflow-x:auto}.tp-category-row::-webkit-scrollbar{display:none}.tp-category-item{text-align:center;color:#31353b;cursor:pointer;flex:none;width:88px;font-size:12px;transition:transform .16s}.tp-category-item:hover{transform:translateY(-2px)}.tp-category-item:active{transform:scale(.96)}.tp-category-item span{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;line-height:1.3;display:block;overflow:hidden}.tp-category-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.tp-category-item:hover .tp-category-icon{transform:scale(1.08);box-shadow:0 6px 14px #0000001f}.tp-category-item:active .tp-category-icon{transform:scale(1.1);box-shadow:0 6px 14px #0000001f}.tp-category-icon img{object-fit:contain;width:40px;height:40px;transition:transform .18s}.tp-cat-arrow{cursor:pointer;z-index:10;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;transition:transform .16s,box-shadow .16s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.tp-cat-arrow:hover{transform:translateY(-50%)scale(1.08);box-shadow:0 6px 16px #00000029}.tp-cat-arrow:active{transform:translateY(-50%)scale(.95)}.tp-cat-arrow.left{left:6px}.tp-cat-arrow.right{right:6px}@media (max-width:767px){.tp-category-row{padding:8px 44px}}.wa-float{z-index:9999;color:#fff;background:#25d366;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 25px #00000040}.wa-float:hover{filter:brightness(1.05);transform:translateY(-2px)}.wa-float:active{transform:translateY(0)}.wa-float svg{width:28px;height:28px}.wa-tip{z-index:9999;color:#fff;opacity:0;pointer-events:none;background:#111827;border-radius:10px;padding:8px 10px;font-size:12px;transition:all .2s;position:fixed;bottom:28px;right:86px;transform:translateY(4px)}.wa-wrap:hover .wa-tip{opacity:1;transform:translateY(0)}.sr-page{background:#fff;min-height:100svh;padding:22px 16px 40px}@media (min-width:768px){.sr-page{padding:26px 22px 48px}}@media (min-width:1024px){.sr-page{padding:28px 26px 56px}}.sr-container{max-width:1200px;margin:0 auto}.sr-head{gap:6px;margin-bottom:16px;display:grid}.sr-title{color:#111827;letter-spacing:-.3px;font-size:clamp(22px,2.6vw,32px);font-weight:1000}.sr-q{font-weight:1000}.sr-sub{color:#6b7280;font-size:14px;font-weight:800}.sr-error{color:#b91c1c;background:#fff5f5;border:1px solid #b91c1c40;border-radius:14px;margin:10px 0 16px;padding:12px 14px;font-weight:900}.sr-empty{color:#6b7280;padding:14px 0 4px;font-weight:900}.sr-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}@media (max-width:1200px){.sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:360px){.sr-grid{grid-template-columns:1fr}}.sr-more{justify-content:center;padding:22px 0 10px;display:flex}.sr-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:1000;transition:transform 60ms,opacity .15s}.sr-btn:active{transform:translateY(1px)}.sr-btn:disabled{opacity:.65;cursor:not-allowed}.cart-page{background:#fff;max-width:1200px;margin:auto;padding:24px}.cart-title{margin-bottom:16px}.cart-layout{grid-template-columns:1fr 360px;gap:24px;display:grid}.cart-left,.cart-right{background:#fff;border-radius:12px;padding:16px}.cart-select-all,.cart-store{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:12px 0;display:flex}.store-name{font-weight:600}.text-link{color:#1a73e8;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:6px 8px}.text-link:active{background:#1a73e814}.cart-item{border-bottom:1px solid #eee;grid-template-columns:24px 80px 1fr 140px;align-items:start;gap:12px;padding:16px 0;display:grid}.item-img{object-fit:cover;border-radius:8px;width:72px;height:72px}.item-name{margin-bottom:8px;font-size:14px;line-height:1.25}.item-price strong{font-size:16px}.price-old{color:#999;font-size:12px;text-decoration:line-through;display:block}.qty{box-sizing:border-box;background:#fff;border:1px solid #d6d6d6;border-radius:999px;justify-content:space-between;align-items:center;min-width:110px;height:36px;padding:0 6px;display:flex}.qty button{color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:600;transition:background .15s,transform .1s;display:flex}.qty button:hover{background:#e8e8e8}.qty button:active{background:#e8e8e8;transform:scale(.92)}.qty span{text-align:center;color:#31353b;min-width:28px;font-size:14px;font-weight:600}.cart-right h4{margin-bottom:16px}.summary-row{justify-content:space-between;margin-bottom:16px;display:flex}.promo-box{border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.btn-buy{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a73e8;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}.btn-buy:active{transform:scale(.99)}@media (min-width:1201px){.cart-layout{grid-template-columns:1fr 380px}}@media (max-width:1024px){.cart-page{padding:20px}.cart-layout{grid-template-columns:1fr 320px;gap:16px}.cart-item{grid-template-columns:24px 72px 1fr 130px;gap:10px}.item-img{width:68px;height:68px}}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-page{width:100%;max-width:100%;padding:16px}.cart-left,.cart-right{padding:14px}.cart-item{grid-template-columns:24px 72px 1fr 120px}}@media (max-width:640px){.cart-page{width:100%;max-width:100%;padding:12px}.cart-title{margin-bottom:12px}.cart-left,.cart-right{border-radius:12px;padding:12px}.cart-select-all,.cart-store{padding:10px 0}.cart-item{grid-template-columns:24px 72px 1fr;grid-template-areas:"check img info"".right right";gap:10px 12px;padding:14px 0}.cart-item>:first-child{grid-area:check}.cart-item>:nth-child(2){grid-area:img}.cart-item>:nth-child(3){grid-area:info}.cart-item>:nth-child(4){grid-area:right;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:6px;display:flex}.item-img{width:72px;height:72px}.item-name{margin-bottom:6px;font-size:13px}.item-price strong{font-size:15px}.qty{width:120px;min-width:120px;height:34px}.qty button{width:26px;height:26px;font-size:16px}.text-link{font-size:13px}.btn-buy{border-radius:10px;padding:12px;font-size:15px}}@media (max-width:420px){.cart-page{padding:10px}.cart-left,.cart-right{border-radius:10px;padding:12px}.cart-item{grid-template-columns:24px 64px 1fr}.item-img{width:64px;height:64px}.qty{width:112px;min-width:112px;height:32px}.qty button{width:24px;height:24px;font-size:15px}.qty span{font-size:13px}.btn-buy{font-size:14px}}:root{--bg:#fff;--card:#fff;--text:#111827;--muted:#6b7280;--label:#374151;--border:#e5e7eb;--border-2:#d1d5db;--primary:#1a73e8;--primary-hover:#1662c4;--danger:#dc2626;--radius:14px;--radius-sm:10px;--shadow:0 10px 35px #1118271a;--focus:0 0 0 3px #1a73e838}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--text);margin:0;font-family:Roboto,Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.auth-wrapper{background:var(--bg);grid-template-columns:1fr;align-content:center;justify-items:center;gap:14px;min-height:100svh;padding:18px;display:grid}.auth-left{place-items:center;width:100%;display:grid}.auth-left img{width:min(220px,70vw);height:auto;display:block}.auth-logo{width:min(220px,70vw);max-width:220px;height:auto;display:block}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:22px}.auth-card h2{letter-spacing:-.2px;color:var(--text);margin:0 0 14px;font-size:20px;font-weight:800}.auth-card p{color:var(--label);margin:0 0 14px;font-size:14px;line-height:1.5}.auth-info{color:var(--label);margin:0 0 12px;font-size:13px}.auth-card form{gap:10px;display:grid}.auth-card label{color:var(--label);margin-top:4px;font-size:13px;font-weight:600}.auth-card input,.auth-card textarea{border-radius:var(--radius-sm);border:1px solid var(--border-2);width:100%;color:var(--text);background:#fff;outline:none;padding:12px;font-size:14px;transition:box-shadow .15s,border-color .15s,transform 50ms}.auth-card textarea{resize:vertical;min-height:92px}.auth-card input::placeholder,.auth-card textarea::placeholder{color:#9ca3af}.auth-card input:focus,.auth-card textarea:focus{border-color:var(--primary);box-shadow:var(--focus)}.auth-card input:disabled,.auth-card textarea:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:var(--danger);margin:2px 0 0;font-size:13px;line-height:1.4}.btn-primary{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;width:100%;margin-top:6px;padding:12px 14px;font-size:14px;font-weight:700;transition:transform 50ms,background .15s,opacity .15s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-outline{border-radius:var(--radius-sm);border:1px solid var(--border-2);width:100%;color:var(--text);cursor:pointer;background:#fff;padding:10px 14px;font-size:14px;font-weight:600}.btn-outline:hover{border-color:#cbd5e1}.auth-forgot{justify-content:flex-end;margin-top:-4px;display:flex}.auth-forgot a{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.auth-forgot a:hover{text-decoration:underline}.divider{text-align:center;color:var(--muted);margin:14px 0 6px;font-size:12px;position:relative}.divider:before,.divider:after{content:"";background:var(--border);width:32%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.auth-footer{text-align:center;color:var(--label);margin-top:14px;font-size:13px}.auth-footer a{color:var(--primary);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (min-width:900px){.auth-wrapper{grid-template-columns:1.05fr .95fr;place-items:center stretch;gap:28px;max-width:1100px;margin:0 auto;padding:28px}.auth-left img,.auth-logo{width:min(300px,100%);max-width:300px}.auth-card{justify-self:center;max-width:460px;padding:24px}}@media (max-width:360px){.auth-wrapper{gap:12px;padding:14px}.auth-left img,.auth-logo{width:min(200px,78vw)}.auth-card{padding:18px}.auth-card h2{font-size:18px}}*{box-sizing:border-box}:root{--pf-bg:#f6f8fc;--pf-card:#fff;--pf-text:#111827;--pf-muted:#6b7280;--pf-primary:#2563eb;--pf-primary2:#1a73e8;--pf-danger:#ef4444;--pf-border:#1118271a;--pf-border2:#11182724;--pf-radius:16px;--pf-radius2:14px;--pf-shadow:0 10px 24px #1118271a;--pf-shadow2:0 6px 16px #11182714;--pf-ring:0 0 0 3px #2563eb2e}.profile-container{flex-direction:column;gap:16px;max-width:1200px;margin:16px auto;padding:0 12px;display:flex}.profile-sidebar{background:var(--pf-card);border-radius:var(--pf-radius);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow2);padding:16px}.profile-user{align-items:center;gap:12px;display:flex}.profile-user img{object-fit:cover;border:2px solid #2563eb1f;border-radius:50%;width:44px;height:44px;box-shadow:0 6px 14px #00000014}.profile-user strong{color:var(--pf-text);font-size:14px;font-weight:800}.profile-user .link{align-items:center;gap:8px;display:inline-flex}.profile-user .link:before{content:"";background:var(--pf-primary);opacity:.85;width:16px;height:16px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.24.2 2.45.57 3.57a1 1 0 0 1-.24 1.02l-2.21 2.2Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.24.2 2.45.57 3.57a1 1 0 0 1-.24 1.02l-2.21 2.2Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.profile-menu{border-top:1px solid var(--pf-border);margin-top:16px;padding-top:12px}.menu-section{margin-bottom:16px}.menu-section h4{color:var(--pf-muted);letter-spacing:.2px;margin-bottom:8px;font-size:12.5px;font-weight:900}.menu-section ul{margin:0;padding:0;list-style:none}.menu-section li{margin-bottom:6px}.menu-section a,.menu-section button,.sidebar-btn{text-align:left;color:#31353b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;transition:transform .12s,background .12s,color .12s,border-color .12s;display:flex}.sidebar-btn:before{content:"";width:18px;height:18px;-webkit-mask:var(--pf-ico,none)center/contain no-repeat;-webkit-mask:var(--pf-ico,none)center/contain no-repeat;mask:var(--pf-ico,none)center/contain no-repeat;opacity:.9;background:#111827b3;display:inline-block}.sidebar-btn.orders{--pf-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h10l1 2h3v2H3V6h3l1-2Zm2 6h6v10H9V10Zm-2 0h2v10H7V10Zm10 0h-2v10h2V10Z'/%3E%3C/svg%3E")}.sidebar-btn.account{--pf-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4a4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2-8 4.5V21h16v-2.5C20 16 16.42 14 12 14Z'/%3E%3C/svg%3E")}.menu-section a:hover,.menu-section button:hover,.sidebar-btn:hover{color:var(--pf-primary2);background:#2563eb0f;border-color:#2563eb2e}.sidebar-btn:hover:before{background:var(--pf-primary2)}.sidebar-btn:active{transform:scale(.99)}.sidebar-btn:focus-visible{box-shadow:var(--pf-ring);border-color:#2563eb59;outline:none}.profile-content{background:var(--pf-card);border-radius:var(--pf-radius);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow2);padding:16px}.profile-tabs{border-bottom:1px solid var(--pf-border);scrollbar-width:none;gap:18px;margin-bottom:18px;padding-bottom:2px;display:flex;position:relative;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{color:#6d7588;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 0;font-size:14px;font-weight:800;transition:color .12s;position:relative}.profile-tabs button:before{content:"";vertical-align:-3px;opacity:.85;width:16px;height:16px;-webkit-mask:var(--tab-ico,none)center/contain no-repeat;-webkit-mask:var(--tab-ico,none)center/contain no-repeat;mask:var(--tab-ico,none)center/contain no-repeat;background:currentColor;margin-right:8px;display:inline-block}.profile-tabs button[data-tab=biodata]{--tab-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4a4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2-8 4.5V21h16v-2.5C20 16 16.42 14 12 14Z'/%3E%3C/svg%3E")}.profile-tabs button[data-tab=alamat]{--tab-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9A2.5 2.5 0 0 1 12 11.5Z'/%3E%3C/svg%3E")}.profile-tabs button[data-tab=notifikasi]{--tab-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2.5 2.5 0 0 0 2.45-2H9.55A2.5 2.5 0 0 0 12 22Zm6-6V11a6 6 0 1 0-12 0v5L4 18v1h16v-1l-2-2Z'/%3E%3C/svg%3E")}.profile-tabs button.active{color:var(--pf-primary2);font-weight:900}.profile-tabs button.active:after{content:"";background:var(--pf-primary2);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.profile-tabs button:focus-visible{box-shadow:var(--pf-ring);border-radius:10px;outline:none;margin-left:-10px;margin-right:-10px;padding:10px}.card{border-radius:var(--pf-radius);border:1px solid var(--pf-border);box-shadow:var(--pf-shadow2);background:#fff;margin-bottom:16px;padding:16px;animation:.18s ease-out both pfFadeUp}@keyframes pfFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card h2{color:var(--pf-text);letter-spacing:-.2px;margin:0 0 16px;font-size:18px}.biodata-wrap{flex-direction:column;gap:18px;display:flex}.avatar-box{border:1px solid var(--pf-border);border-radius:var(--pf-radius);text-align:center;background:linear-gradient(#2563eb0f,#fff0);padding:16px}.avatar-box img{object-fit:cover;border:3px solid #2563eb24;border-radius:50%;width:96px;height:96px;margin-bottom:10px;transition:transform .18s;box-shadow:0 12px 26px #0000001f}.avatar-box img:hover{transform:scale(1.03)}.avatar-box small{color:#6d7588;margin-top:10px;font-size:12px;display:block}.row{border-bottom:1px dashed #11182724;grid-template-columns:1fr;gap:6px;padding:12px 0;font-size:14px;display:grid}.row:last-child{border-bottom:none}.row span{color:#6d7588;font-size:12px;font-weight:800}.row div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row strong{color:var(--pf-text)}.row input,.row select{border:1px solid #11182724;border-radius:12px;outline:none;min-width:220px;padding:10px 12px;font-size:14px;transition:box-shadow .12s,border-color .12s}.row input:focus,.row select:focus{box-shadow:var(--pf-ring);border-color:#2563eb61}.btn{background:var(--pf-primary2);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:12px 16px;font-weight:900;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 12px 22px #1a73e82e}.btn:hover{box-shadow:0 14px 26px #1a73e838}.btn:active{transform:scale(.99)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb2e,0 14px 26px #1a73e838}.btn-outline{color:var(--pf-primary2);cursor:pointer;background:#fff;border:1px solid #2563eb61;border-radius:12px;padding:10px 12px;font-weight:900;transition:transform .12s,box-shadow .12s,border-color .12s}.btn-outline:hover{border-color:#2563eb8c;box-shadow:0 10px 18px #0000001a}.link{color:var(--pf-primary2);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:900;display:inline-flex}.link:after{content:"";opacity:.85;background:currentColor;width:14px;height:14px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.badge{color:var(--pf-primary2);background:#2563eb1a;border:1px solid #2563eb29;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:950}.address-header{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.address-search{border:1px solid #11182724;border-radius:12px;outline:none;flex:1;min-width:220px;padding:11px 12px;font-size:14px;transition:box-shadow .12s,border-color .12s}.address-search:focus{box-shadow:var(--pf-ring);border-color:#2563eb61}.btn-green{background:var(--pf-primary2);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:11px 14px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 12px 22px #1a73e82e}.btn-green:hover{box-shadow:0 14px 26px #1a73e838}.btn-green:active{transform:scale(.99)}.btn-green.full{width:100%}.address-filter{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pill{cursor:pointer;background:#fff;border:1px solid #11182724;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;transition:transform .12s,border-color .12s,background .12s,color .12s}.pill:hover{transform:translateY(-1px)}.pill.active{color:var(--pf-primary2);background:#2563eb1a;border-color:#2563eb66}.address-card{border-radius:var(--pf-radius);background:#fff;border:1px solid #1118271f;margin-bottom:12px;padding:16px;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative}@media (hover:hover) and (pointer:fine){.address-card:hover{box-shadow:var(--pf-shadow);border-color:#2563eb38;transform:translateY(-2px)}}.address-card.primary{border-color:#2563eb8c;box-shadow:0 10px 22px #2563eb1a}.address-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.address-top strong{color:var(--pf-text);align-items:center;gap:8px;font-size:14px;font-weight:950;display:flex}.check{color:var(--pf-primary2);font-size:16px}.address-name{color:var(--pf-text);margin:8px 0 4px;font-weight:950}.address-text{color:#6d7588;font-size:13px;line-height:1.4}.address-status{color:var(--pf-primary2);margin-top:8px;font-size:12px;font-weight:900}.address-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.modal-backdrop{z-index:999;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.12s ease-out both pfFade;display:flex;position:fixed;inset:0}@keyframes pfFade{0%{opacity:0}to{opacity:1}}.modal{border-radius:var(--pf-radius);background:#fff;border:1px solid #fff9;width:100%;max-width:460px;max-height:90vh;animation:.14s ease-out both pfPop;overflow-y:auto;box-shadow:0 18px 50px #00000040}@keyframes pfPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header h3{color:var(--pf-text);margin:0;font-size:16px;font-weight:950}.modal-header button{cursor:pointer;background:#1118270f;border:1px solid #1118271a;border-radius:10px;width:34px;height:34px;font-size:18px;transition:transform .12s}.modal-body{padding:16px}.modal-body h4{color:var(--pf-text);margin-bottom:12px;font-size:14px;font-weight:950}.modal-body input,.modal-body textarea{border:1px solid #11182724;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:11px 12px;font-size:14px;transition:box-shadow .12s,border-color .12s}.modal-body input:focus,.modal-body textarea:focus{box-shadow:var(--pf-ring);border-color:#2563eb61}.modal-body textarea{resize:vertical;min-height:90px}.map-dummy{color:#6d7588;background:#f3f4f5;border:1px dashed #1118272e;border-radius:12px;justify-content:center;align-items:center;height:180px;margin-bottom:16px;display:flex}.checkbox{color:var(--pf-text);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:900;display:flex}.step{justify-content:center;gap:8px;padding:12px;display:flex}.step div{color:#6d7588;background:#fff;border:2px solid #11182724;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex}.step div.done{color:var(--pf-primary2);border-color:#2563eb8c}@media (max-width:480px){.address-header{flex-direction:column}.modal{max-width:100%}.row input,.row select{width:100%;min-width:0}}@media (min-width:768px){.profile-content{padding:24px}.row{grid-template-columns:180px 1fr}.btn{width:auto}}@media (min-width:1024px){.profile-container{flex-direction:row;align-items:flex-start}.profile-sidebar{flex-shrink:0;width:280px;position:sticky;top:14px}.profile-content{flex:1}.biodata-wrap{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}}.payment-page{background:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.payment-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:28px;box-shadow:0 10px 30px #00000014}.success-icon{color:#1a73e8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:26px;display:flex}.payment-card h2{margin:8px 0;font-size:20px}.invoice{color:#2563eb;margin-bottom:12px;font-size:14px}.total-box{border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:16px}.total-box small{color:#6b7280;font-size:12px}.total-box h1{color:#111827;margin-top:6px;font-size:26px}.info{color:#1a73e8;background:#eff6ff;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.btn-pay-now{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;width:100%;padding:14px;font-weight:700;transition:background .2s}.btn-pay-now:hover{background:#1d4ed8}.back-home{color:#6b7280;cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:14px}@media (max-width:480px){.payment-card{padding:20px}.total-box h1{font-size:22px}}.payment-card,.payment-card *{box-sizing:border-box}.payment-card button{appearance:none;font:inherit}.payment-card button:not(.btn-pay-now):not(.btn-secondary){background:0 0;border:none}.payment-header{text-align:left}.payment-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;display:flex}.payment-head-left h2{text-align:left;margin:0}.subline{color:#2563eb;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.subline.muted{color:#6b7280}.mini{color:#2563eb;display:inline-flex}.status-pill{color:#1a73e8;white-space:nowrap;background:#f1f5ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;margin-top:2px;padding:7px 10px;font-size:12px;display:inline-flex}.status-pill .dot{background:#1a73e8;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #1a73e826}.stepper{background:#fbfcff;border:1px solid #eef2f7;border-radius:12px;align-items:center;gap:10px;margin:12px 0 10px;padding:12px;display:flex}.stepper-item{align-items:center;gap:10px;min-width:0;display:flex}.stepper-circle{color:#1a73e8;background:#eff6ff;border:1px solid #c7d2fe;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stepper-circle.ghost{color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb}.stepper-text{text-align:left;min-width:0;line-height:1.1}.stepper-title{color:#111827;white-space:nowrap;font-size:13px;font-weight:800}.stepper-sub{color:#6b7280;white-space:nowrap;margin-top:4px;font-size:12px}.stepper-bar{background:#e5e7eb;border-radius:99px;flex:auto;min-width:26px;height:6px;overflow:hidden}.stepper-bar-fill{background:#1a73e8;border-radius:99px;width:60%;height:100%}.stepper-bar-fill.ghost{background:0 0;width:0%}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.chip{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.info-compact{text-align:left;margin-top:12px}.info-row{align-items:flex-start;gap:10px;display:flex}.info-icon{color:#1a73e8;background:#1a73e81a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.info-text{color:#1a73e8;font-size:13px}.info-hint{color:#2563eb;opacity:.9;margin-top:6px;font-size:12px}.payment-card .btn-pay-now{letter-spacing:.2px;cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;display:inline-flex;box-shadow:0 10px 18px #1a73e840;color:#fff!important;background:linear-gradient(#1a73e8 0%,#155bd6 100%)!important;border:0!important;border-radius:12px!important;padding:14px 16px!important;font-weight:800!important}.payment-card .btn-pay-now:hover{transform:translateY(-1px);background:linear-gradient(#1d4ed8 0%,#124bbf 100%)!important}.payment-card .btn-pay-now:active{transform:translateY(0);box-shadow:0 8px 14px #1a73e838}.payment-card .btn-pay-now:disabled{opacity:.75;cursor:not-allowed;transform:none}.btn-content,.btn-loading{justify-content:center;align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.secondary-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.btn-secondary{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:800;display:inline-flex}.btn-secondary:hover,.btn-secondary.ghost{background:#f9fafb}.btn-secondary.ghost:hover{background:#f3f4f6}@media (max-width:480px){.payment-head{flex-direction:column;align-items:flex-start}.status-pill{margin-top:8px}.stepper{flex-direction:column;align-items:stretch}.stepper-bar{width:100%;min-width:0}.secondary-actions{grid-template-columns:1fr}}:root{--bg:#f7f9fc;--card:#fff;--text:#111827;--muted:#6b7280;--muted-2:#9ca3af;--border:#e5e7eb;--border-soft:#eef2f7;--primary:#2563eb;--primary-hover:#1e40af;--dark:#111827;--danger:#b91c1c;--warn-bg:#fffbeb;--warn-bd:#f59e0b40;--warn-tx:#92400e;--shadow:0 10px 28px #11182714;--shadow-modal:0 20px 60px #00000038;--radius:14px;--radius-lg:18px;--container:1200px}.orders-page{background:var(--bg);min-height:100svh;padding:22px 16px 44px}@media (min-width:768px){.orders-page{padding:28px 24px 56px}}@media (min-width:1024px){.orders-page{padding:32px 28px 64px}}.orders-page>*{max-width:var(--container);margin-left:auto;margin-right:auto}.orders-header{gap:6px;display:grid}.orders-header h2{color:var(--text);letter-spacing:-.2px;margin:0;font-size:20px;font-weight:900}.orders-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}@media (min-width:768px){.orders-header h2{font-size:22px}.orders-header p{font-size:14px}}.order-tabs{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:10px;margin:16px 0 18px;padding-bottom:6px;display:flex;overflow-x:auto}.order-tabs::-webkit-scrollbar{display:none}.order-tabs button{border:1px solid var(--border);cursor:pointer;color:var(--text);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:900;transition:background .15s,border-color .15s,transform 50ms}.order-tabs button:hover{background:#f3f4f6}.order-tabs button:active{transform:translateY(1px)}.order-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.order-tabs button:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}@media (min-width:768px){.order-tabs{margin:18px 0 22px}.order-tabs button{padding:8px 16px;font-size:14px}}.orders-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:700px){.orders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width:1100px){.orders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}.empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:26px 10px;font-weight:900}.order-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;min-width:0;padding:14px;transition:transform 80ms,box-shadow .18s,border-color .18s;display:flex}.order-card:hover{border-color:#2563eb38;transform:translateY(-1px);box-shadow:0 14px 34px #1118271a}@media (min-width:768px){.order-card{gap:14px;padding:16px}}.order-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-date{white-space:nowrap;color:var(--muted);font-size:11px;font-weight:900}.badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:1000;line-height:1;display:inline-flex}.badge.UNPAID{color:#f97316;background:#fff7ed;border-color:#f9731640}.badge.VERIFICATION,.badge.AWAITING_VERIFICATION{background:var(--warn-bg);color:var(--warn-tx);border-color:var(--warn-bd)}.badge.PAID{color:#15803d;background:#dcfce7;border-color:#15803d38}.badge.PROCESSING{color:#0369a1;background:#e0f2fe;border-color:#0369a138}.badge.SHIPPED{color:#6d28d9;background:#ede9fe;border-color:#6d28d938}.badge.COMPLETED,.badge.DELIVERED{color:#15803d;background:#dcfce7;border-color:#15803d38}.badge.FAILED{color:#b91c1c;background:#fee2e2;border-color:#b91c1c38}.order-body{align-items:center;gap:12px;min-width:0;display:flex}.product-img{object-fit:cover;border:1px solid var(--border);background:#f3f4f6;border-radius:12px;flex-shrink:0;width:64px;height:64px}.order-info{flex:1;min-width:0}.invoice{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:900;overflow:hidden}.product-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;font-weight:1000;display:-webkit-box;overflow:hidden}.ship-mini{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:900;line-height:1.35}.order-bottom{grid-template-columns:1fr;gap:10px;margin-top:2px;display:grid}.order-bottom>div:first-child{gap:6px;display:grid}.order-bottom small{color:var(--muted);margin:0;font-size:12px;font-weight:900;display:block}.order-bottom strong{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:18px;font-weight:1100;line-height:1.1;display:block;overflow:hidden}.btn-pay,.btn-track{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;width:100%;padding:12px 16px;font-size:13px;font-weight:1000;transition:transform 50ms,background .15s,box-shadow .15s}.btn-pay:active,.btn-track:active{transform:translateY(1px)}.btn-pay:focus-visible,.btn-track:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}.btn-pay{background:var(--primary);color:#fff;box-shadow:0 10px 16px #2563eb2e}.btn-pay:hover{background:var(--primary-hover)}.btn-track{background:var(--dark);color:#fff}.btn-track:hover{background:#0b1220}.btn-pay[disabled]{cursor:not-allowed;box-shadow:none;white-space:normal;text-align:center;padding:12px 14px;line-height:1.25;transform:none;opacity:1!important;background:var(--warn-bg)!important;color:var(--warn-tx)!important;border:1px solid var(--warn-bd)!important}.trk-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#11182759;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.trk-modal{border-radius:var(--radius-lg);border:1px solid var(--border);width:min(760px,96vw);max-height:min(86vh,720px);box-shadow:var(--shadow-modal);background:#fff;flex-direction:column;display:flex;overflow:hidden}.trk-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 14px 10px;display:flex}.trk-title{color:var(--text);font-size:16px;font-weight:1000}.trk-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:900}.trk-x{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 10px;font-size:18px}.trk-x:hover{background:#f3f4f6}.trk-body{gap:12px;padding:14px;display:grid;overflow:auto}.trk-box{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:12px}.trk-boxTitle{color:var(--text);margin:0 0 10px;font-size:13px;font-weight:1000}.trk-map{border:0;border-radius:12px;width:100%;height:260px}@media (max-width:480px){.trk-map{height:220px}}.trk-center{text-align:center;color:#374151;padding:26px 14px;font-weight:900}.trk-error{color:var(--danger)}.trk-timeline{gap:10px;display:grid}.trk-item{grid-template-columns:16px 1fr;align-items:flex-start;gap:10px;display:grid}.trk-dot{background:var(--dark);border-radius:999px;width:10px;height:10px;margin-top:6px}.trk-itTop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.trk-time{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:900}.trk-desc{color:#374151;margin-top:4px;font-size:12px;font-weight:800;line-height:1.4}.btn-invoice{cursor:pointer;background:#fff;border:1px solid #111827;border-radius:10px;padding:8px 10px}.btn-send-invoice{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:10px;padding:8px 10px}.btn-send-invoice:disabled{opacity:.6;cursor:not-allowed}html,body,#root{height:100%}.notif-page{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:14px;display:flex}.notif-main{flex-direction:column;flex:1;display:flex}.notif-header{align-items:center;gap:10px;display:flex}.notif-back{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:38px;height:38px}.notif-title .h1{font-size:18px;font-weight:700}.notif-title .sub{color:#6b7280;margin-top:2px;font-size:12px}.notif-action{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;height:38px;margin-left:auto;padding:0 12px;font-weight:600}.notif-action:disabled{opacity:.6;cursor:not-allowed}.notif-tabs{gap:8px;margin-top:14px;display:flex}.pill{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.pill.active{border-color:#2563eb}.pill-badge{color:#fff;background:#ef4444;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.notif-loading{color:#6b7280;padding:20px 4px}.notif-empty{text-align:center;color:#6b7280;margin:auto 0;padding:40px 10px}.notif-empty .ic{margin-bottom:10px;font-size:34px}.notif-empty .t{color:#111827;font-weight:700}.notif-empty .d{margin-top:6px;font-size:13px}.notif-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.notif-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:12px;padding:12px;display:flex}.notif-item.unread{background:#f8fbff;border-color:#93c5fd}.notif-ic{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.notif-body{flex:1;min-width:0}.notif-row{justify-content:space-between;gap:10px;display:flex}.notif-ttl{color:#111827;font-size:14px;font-weight:800}.notif-time{color:#6b7280;white-space:nowrap;font-size:12px}.notif-msg{color:#374151;margin-top:6px;font-size:13px;line-height:1.45}.notif-actions{align-items:center;gap:14px;margin-top:10px;display:flex}.link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.link.danger{color:#ef4444}.link:disabled{opacity:.6;cursor:not-allowed}.readmark{color:#10b981;font-size:12px;font-weight:700}.notif-paging{justify-content:center;align-items:center;gap:12px;margin-top:auto;display:flex}.btn-outline{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.tp-bell{position:relative}.tp-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.checkout-page{color:#31353b;background:#fff;min-height:100vh;padding:24px}.checkout-wrapper{grid-template-columns:1fr 360px;align-items:start;gap:24px;max-width:1200px;margin:0 auto;display:grid}.checkout-title-card{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:16px;padding:16px}.checkout-title{margin:0;font-size:18px;font-weight:700}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.address-card{margin-bottom:16px}.address-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.btn-outline{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #d6d6d6;border-radius:10px;padding:8px 10px;font-weight:600}.btn-outline:hover{background:#f5f5f5}.btn-outline:active{transform:scale(.99)}.badge{color:#fff;background:#111827;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.address-content strong{font-weight:600;display:block}.address-content p{color:#374151;margin:6px 0;font-weight:500}.address-content small{color:#6b7280;font-weight:500}.store-card .store-name{margin-bottom:12px;font-weight:600;display:block}.product-row{border-bottom:1px solid #eee;grid-template-columns:56px 1fr auto;gap:12px;padding:14px 0;display:grid}.product-row:last-child{border-bottom:none}.product-row img{object-fit:cover;border:1px solid #eee;border-radius:8px;width:56px;height:56px}.product-info h4{margin:0;font-size:14px;font-weight:600;line-height:1.25}.product-info span,.product-info small{color:#6b7280;margin-top:4px;font-size:12px;font-weight:500;display:block}.shipping-box{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.shipping-box strong{margin-bottom:8px;font-weight:600;display:block}.shipping-box select{background:#fff;border:1px solid #d6d6d6;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-weight:600}.shipping-box select:focus{border-color:#b9d3ff;box-shadow:0 0 0 3px #1a73e81f}.shipping-error{color:#ef4444;margin-top:8px;font-size:12px;font-weight:600;display:block}.note{resize:vertical;border:1px solid #d6d6d6;border-radius:10px;outline:none;width:100%;min-height:90px;margin-top:12px;padding:10px 12px;font-weight:500}.note:focus{border-color:#b9d3ff;box-shadow:0 0 0 3px #1a73e81f}.checkout-summary .summary-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.summary-card h3{margin:0 0 16px;font-weight:600}.summary-card .row{color:#374151;justify-content:space-between;margin-bottom:16px;font-weight:500;display:flex}.summary-card .total{border-top:1px solid #eee;justify-content:space-between;gap:10px;margin-top:8px;padding-top:12px;font-weight:700;display:flex}.btn-pay{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a73e8;border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:700}.btn-pay:active{transform:scale(.99)}.btn-pay:disabled{opacity:.7;cursor:not-allowed}.address-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#11182759;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.address-modal{background:#fff;border:1px solid #eee;border-radius:12px;width:min(560px,92vw);overflow:hidden}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.modal-header h3{margin:0;font-size:14px;font-weight:600}.modal-header button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a73e8;border:none;border-radius:10px;width:34px;height:34px;font-weight:700}.modal-header button:active{transform:scale(.98)}.address-list{max-height:420px;padding:10px;overflow:auto}.address-item{cursor:pointer;border:1px solid #eee;border-radius:12px;margin-bottom:10px;padding:12px;transition:border-color .15s,box-shadow .15s;position:relative}.address-item:hover{border-color:#d7e6ff}.address-item.active{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.address-item p{color:#374151;margin:6px 0;font-weight:500}.address-item small{color:#6b7280;font-weight:500}.primary-badge{color:#fff;background:#16a34a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}@media (min-width:1201px){.checkout-wrapper{grid-template-columns:1fr 380px}}@media (max-width:1024px){.checkout-page{padding:20px}.checkout-wrapper{grid-template-columns:1fr 320px;gap:16px}}@media (max-width:900px){.checkout-wrapper{grid-template-columns:1fr}.checkout-page{width:100%;max-width:100%;padding:16px}.card,.checkout-title-card,.checkout-summary .summary-card{padding:14px}}@media (max-width:640px){.checkout-page{padding:12px}.card,.checkout-title-card,.checkout-summary .summary-card{border-radius:12px;padding:12px}.product-row{grid-template-columns:56px 1fr;grid-template-areas:"img info"".price";gap:10px 12px}.product-row img{grid-area:img}.product-row>:last-child{grid-area:price;justify-self:end}.btn-pay{border-radius:10px;padding:12px;font-size:15px}}@media (max-width:420px){.checkout-page{padding:10px}.btn-pay{font-size:14px}}.rv-page{max-width:1100px;margin:24px auto;padding:0 16px}.rv-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.rv-title{margin:0 0 6px;font-size:28px;font-weight:900}.rv-head-actions{flex-wrap:wrap;gap:10px;display:flex}.rv-section{margin-top:18px}.rv-subtitle{color:#111827;margin:10px 0;font-size:16px;font-weight:900}.rv-card{background:#fff;border:1px solid #1118271a;border-radius:14px;padding:14px;box-shadow:0 10px 22px #1118270f}.rv-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;display:grid}.rv-item{background:#fff;border:1px solid #1118271a;border-radius:14px;padding:14px;transition:transform .14s,box-shadow .14s,border-color .14s}@media (hover:hover) and (pointer:fine){.rv-item:hover{border-color:#1a73e840;transform:translateY(-2px);box-shadow:0 14px 28px #1118271a}}.rv-item-head{align-items:center;gap:12px;display:flex}.rv-item-img{object-fit:cover;background:#fff;border:1px solid #1118271a;border-radius:12px;width:58px;height:58px}.rv-item-name{color:#111827;margin-bottom:4px;font-weight:900}.rv-item-meta{align-items:center;gap:10px;font-size:13px;display:flex}.rv-stars{letter-spacing:1px;color:#111827;background:#fef9c3;border:1px solid #11182714;border-radius:999px;padding:4px 8px;font-weight:900}.rv-muted{color:#6b7280;font-weight:700}.rv-item-comment{color:#111827;margin-top:10px;font-size:14px;line-height:1.4}.rv-reply{background:#fafafa;border:1px dashed #11182724;border-radius:12px;margin-top:10px;padding:10px}.rv-reply-title{margin-bottom:6px;font-size:13px;font-weight:900}.rv-reply-body{color:#111827;font-size:13px}.rv-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.rv-btn{cursor:pointer;background:#fff;border:1px solid #1118271f;border-radius:12px;padding:10px 12px;font-weight:900;transition:transform 80ms,box-shadow .14s,background .14s}.rv-btn:active{transform:translateY(1px)}.rv-btn-primary{color:#fff;background:#111;border:1px solid #0000}.rv-btn-ghost{color:#111827;background:0 0;border:1px solid #1118271f}.rv-empty{text-align:left}.rv-empty-title{color:#111827;font-size:15px;font-weight:950}.rv-empty-sub{color:#6b7280;margin-top:6px;font-size:13px;font-weight:700}@media (max-width:480px){.rv-title{font-size:22px}.rv-grid{grid-template-columns:1fr}}