:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--container-max-width: 900px;--container-side-padding: 8px;--container-breakpoint: 1200px;--page-background: #f5f5f5}html,body{height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}body{margin:0;display:flex;align-items:flex-start;min-width:320px;min-height:100vh;background-color:var(--page-background)}#root{min-height:100dvh;width:100%;background-color:var(--page-background);margin:0;padding:0;text-align:left}:root{--primary-pink: #f82896;--secondary-pink: #c41d7f;--light-pink: #fee4f1;--accent-pink: #ff4bab;--text-primary: #000;--text-secondary: #333;--text-muted: #666;--text-light: #999;--background-white: #fff;--background-light: #f5f5f5;--background-gray: #f3f3f3;--border-light: #eee;--border-default: #ddd;--border-secondary: #ccc;--shadow-light: 0 2px 6px rgba(0,0,0,.1);--shadow-medium: 0 4px 12px rgba(0,0,0,.15);--shadow-pink: 0 4px 12px rgba(248,40,150,.3);--shadow-cart: 0 8px 20px rgba(0,0,0,.08);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-white{background-color:var(--background-white)}.bg-light{background-color:var(--background-light)}.bg-gray{background-color:var(--background-gray)}.shadow-light{box-shadow:var(--shadow-light)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-pink{box-shadow:var(--shadow-pink)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:50%}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.hidden{display:none!important}.block{display:block}.transition-all{transition:all var(--transition-normal)}.cursor-pointer{cursor:pointer}.animate-fade-in{animation:fadeIn .42s cubic-bezier(.2,.9,.2,1) both}.animate-pop-in{animation:popIn .25s cubic-bezier(.2,.9,.2,1) both}.animate-slide-in{animation:slideIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-container{width:100%;min-height:100vh;background-color:var(--background-light);display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background-color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;box-shadow:var(--shadow-light)}@media (min-width: 768px){.app-header{height:72px}}.header-logo{height:40px;width:auto;max-width:220px;-o-object-fit:contain;object-fit:contain}.header-search-container{flex:1;max-width:500px;margin:0 16px;position:relative}.search-input{width:100%;padding:10px 16px 10px 42px;border:2px solid #e5e5e5;border-radius:25px;outline:none;font-size:16px;background-color:#fff;color:#000;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px #f828961a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.header-actions{display:flex;align-items:center;gap:8px}.header-icon-btn{width:44px;height:44px;border:none;border-radius:50%;background-color:#f828961a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.header-icon-btn:hover{background-color:#f8289633;transform:scale(1.08)}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--primary-pink);color:#fff;font-size:11px;border-radius:50%;height:18px;width:18px;display:flex;align-items:center;justify-content:center;font-weight:600}.announcement-banner{position:fixed;top:64px;left:0;right:0;background:linear-gradient(90deg,var(--primary-pink),var(--accent-pink));color:#fff;text-align:center;padding:8px 12px;font-weight:700;font-size:13px;z-index:99}@media (min-width: 768px){.announcement-banner{top:72px}}.btn{padding:12px 16px;border-radius:12px;font-weight:600;transition:all var(--transition-normal);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary{background:linear-gradient(90deg,var(--primary-pink),var(--accent-pink));color:#fff;box-shadow:var(--shadow-pink)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--primary-pink);border:2px solid var(--primary-pink)}.btn-secondary:hover{background:var(--light-pink)}.card{background:#fff;border-radius:12px;box-shadow:var(--shadow-light);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium)}.card-product{background:#fff;border-radius:12px;box-shadow:var(--shadow-light);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-normal);flex:0 0 160px}.card-product:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-pink);border-radius:50%;animation:spin 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:8px}.modal-title{margin:0;font-size:24px;font-weight:700;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:0 24px 24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:16px;transition:all var(--transition-normal);background:#fff;color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 0 3px #f828961a}.form-error{font-size:12px;color:#f5222d;margin-top:4px}@media (max-width: 767px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}}@media (min-width: 768px){.desktop-hidden{display:none!important}.desktop-block{display:block!important}.desktop-flex{display:flex!important}}html,body{height:100%;overflow-y:auto;margin:0;padding:0}#root{min-height:100dvh;width:100%;background-color:var(--page-background)}@media screen and (max-height:500px){body{overflow-y:auto!important}}.landing-container{width:100%;min-height:100dvh;padding:0 var(--container-side-padding);box-sizing:border-box;background-color:#f5f5f5;max-width:var(--container-max-width);margin:0 auto;position:relative}@media screen and (max-width: 768px){.landing-container{max-width:none;margin:0}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;background-color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;box-shadow:0 2px 8px #0000001a}.landing-announcement{position:fixed;top:64px;left:0;right:0;background:linear-gradient(90deg,#f82896,#ff7ab3);color:#fff;text-align:center;padding:8px 12px;font-weight:700;font-size:13px;z-index:99}@media screen and (min-width: 769px){.landing-announcement{top:72px}}.landing-substicky{position:fixed;top:96px;left:0;right:0;z-index:125;background:#fff;border-bottom:1px solid rgba(0,0,0,.04);box-shadow:0 1px 6px #0000000a}.landing-substicky-inner{max-width:var(--container-max-width);margin:0 auto;padding:8px 16px;display:flex;gap:8px;align-items:center}.substicky-btn{background:transparent;border:1px solid rgba(0,0,0,.08);padding:8px 12px;border-radius:8px;font-weight:700;color:#333;cursor:pointer}.substicky-btn:hover{background:#f8f8f8}.substicky-btn.active{background:#52c41a;color:#fff;border-color:#0000000f;transform:scale(1.02)}.substicky-btn.brand-active{border:1.5px solid rgba(248,40,150,.18);background:linear-gradient(180deg,#fff6fb,#fff6fb);color:#b42b6a;box-shadow:0 6px 18px #f828960f}.substicky-btn.pink{background:linear-gradient(90deg,#f82896,#ff5aa8);color:#fff;border:none;box-shadow:0 6px 18px #f8289624;font-weight:800}.brand-item.selected{background:#fff0f6;color:#c41d7f;font-weight:800}.landing-announcement-link{color:#fff;text-decoration:underline;font-weight:inherit;margin-left:6px}.landing-announcement-link:hover{color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.15)}.landing-header.mobile{height:64px;padding:0 8px}.landing-header-logo{max-height:40px;height:auto;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block;margin:0}.landing-header-logo.mobile{max-height:44px;height:auto;width:auto;max-width:100%}.landing-header .landing-header-logo-wrapper{display:flex;align-items:center;justify-content:flex-start;overflow:visible;padding-left:6px}@media (min-width: 769px){.landing-header .landing-header-logo-wrapper{padding-left:12px}.landing-header-logo{max-width:220px}}.landing-header-search-container{flex:1;display:flex;justify-content:center;padding:0;position:relative;margin-left:0}.landing-header-search-wrapper{position:relative;width:100%;max-width:500px}.landing-header.search-expanded .landing-header-logo,.landing-header.search-expanded .landing-header-actions{opacity:0;pointer-events:none;transform:none;will-change:opacity}.landing-header.search-expanded .landing-header-search-container{padding:0 8px}.landing-header.search-expanded .landing-header-search-wrapper{max-width:none;width:100%}.landing-header.search-expanded{position:fixed;left:0;right:0;top:0;z-index:110}.landing-header.search-expanded .landing-header-search-wrapper{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;box-sizing:border-box;z-index:120;background:#fff;box-shadow:0 2px 10px #00000014}@media screen and (max-width: 768px){.landing-header.search-expanded{padding:0;left:0;right:0;width:100vw}.landing-header.search-expanded .landing-header-search-wrapper{padding:0;left:0;right:0;width:100%;max-width:none;margin:0}.landing-header.search-expanded .landing-header-search-input{border-radius:25px;padding-left:12px;padding-right:12px;width:100vw;box-sizing:border-box;margin:0}}.landing-header.search-expanded .landing-header-search-container{justify-content:center;padding:0}.landing-header.search-expanded .landing-header-search-input{width:100%;max-width:none;padding-left:42px}.landing-header.search-expanded .landing-header-search-input{width:100%;padding-left:42px;transition:width .18s ease,box-shadow .18s ease}.landing-header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}.hidden-when-search{display:none!important}@media (max-width: 768px){.landing-header{display:flex;align-items:center;gap:8px}.landing-header .landing-header-logo-wrapper{transition:width .22s ease-out,opacity .18s ease-out;width:110px;flex:0 0 110px;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-header .landing-header-barcode-btn{transition:width .22s ease-out,opacity .18s ease-out;width:44px;flex:0 0 44px}.landing-header .landing-header-search-container{transition:flex-basis .22s ease-out,margin .18s ease-out;flex:1 1 auto;display:flex;align-items:center}.landing-header.search-expanded .landing-header-logo-wrapper,.landing-header.search-expanded .landing-header-barcode-btn{width:0;opacity:0;transform:none;will-change:width,opacity;pointer-events:none}.landing-header.search-expanded .landing-header-search-container{flex:1 1 100%;margin-left:6px;margin-right:6px}}.landing-search-clear-btn{width:28px;height:28px;border-radius:999px;background:#e6e6e6;border:none;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:8px;top:50%;transform:translateY(-50%);padding:0;cursor:pointer;z-index:3}.landing-search-clear-btn:active{transform:translateY(-50%) scale(.98)}.landing-search-clear-x{color:#666;font-size:18px;line-height:1;font-weight:700}.landing-header-search-input.mobile{padding-left:44px}.landing-header-search-input{width:100%;padding:10px 16px 10px 42px;border:2px solid #e5e5e5;border-radius:25px;outline:none;font-size:16px;background-color:#fff;color:#000;transition:all .3s ease;box-sizing:border-box}.landing-header-search-input.mobile{font-size:14px;padding:8px 12px 8px 38px}.landing-header-search-input:focus{border-color:#f82896;box-shadow:0 0 0 3px #f828961a}.landing-header-search-input.search-autofill-glow{animation:searchGlow 1.4s ease-in-out;box-shadow:0 6px 24px #f828962e,0 0 0 3px #f828960f;border-color:#f82896}@keyframes searchGlow{0%{box-shadow:0 6px 24px #f828962e,0 0 0 6px #f8289600}30%{box-shadow:0 8px 28px #f8289642,0 0 0 6px #f828961f}60%{box-shadow:0 8px 28px #f8289633,0 0 0 3px #f8289614}to{box-shadow:0 6px 24px #f828962e,0 0 #f8289600}}.landing-header-search-input::-moz-placeholder{color:#999}.landing-header-search-input::placeholder{color:#999}.landing-header-actions{display:flex;align-items:center;gap:8px}.landing-header-icon-btn{width:44px;height:44px;border:none;border-radius:50%;background-color:#f828961a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.landing-header-icon-btn:hover{background-color:#f8289633;transform:scale(1.08)}.landing-header .landing-header-actions .landing-header-icon-btn{min-width:44px;min-height:44px;padding:0}.landing-header .landing-header-icon-btn svg,.landing-header .landing-header-icon-btn img{width:20px;height:20px;display:block}.landing-header .landing-header-icon-btn{position:relative}.landing-header .landing-header-icon-btn .account-check{position:absolute;top:-4px;right:-4px;background:#2ecc71;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f}.landing-header .landing-header-icon-btn .account-check svg{width:8px;height:8px}.landing-header .ant-badge{position:relative}.landing-header .ant-badge .ant-scroll-number,.landing-header .ant-badge .ant-badge-count{top:-4px!important;right:-4px!important;min-width:14px!important;height:14px!important;padding:0 4px!important;font-size:11px!important;line-height:14px!important;transform:none!important}.landing-header-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001a;padding:16px;display:flex;flex-wrap:wrap;gap:8px;z-index:101;max-height:200px;overflow-y:auto}.landing-header-suggestion-item{padding:6px 12px;border-radius:20px;background-color:#f8f9fa;color:#f82896;font-weight:600;cursor:pointer;font-size:14px;border:1px solid rgba(248,40,150,.2);transition:all .2s ease;white-space:nowrap}.landing-header-suggestion-item:hover{background:#f82896;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f828964d}.cart-dropdown-inner{background:#fff;border-radius:10px;box-shadow:0 10px 28px #0000001a;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.cart-dropdown-header{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px}.cart-dropdown-list{max-height:280px;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.cart-dropdown-item{background:transparent;padding:8px;border-radius:8px;display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:space-between}.cart-dropdown-footer{padding:10px;border-top:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between;gap:8px}.qty-btn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;font-weight:700}.remove-link{background:transparent;border:none;color:#c41d7f;cursor:pointer;font-weight:700;font-size:12px}.cart-thumb{width:40px;height:40px;flex:0 0 40px}.cart-item-title{font-size:13px;font-weight:700;line-height:1.05}.cart-item-price{font-size:12px;color:#666}.qty-btn.small{width:20px;height:20px;font-size:13px;padding:0}.qty-btn.small+div{margin:0 2px}.cart-dropdown .qty-btn[aria-label="Hapus item"]{background:#ff4d4f;color:#fff;border-color:#ff4d4f33}.cart-dropdown .qty-btn[aria-label="Hapus item"]:hover{filter:brightness(.95);transform:translateY(-1px)}.cart-dropdown .qty-btn[aria-label="Hapus item"]:focus{outline:2px solid rgba(255,77,79,.14)}.cart-dropdown-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.product-thumb.placeholder,.cart-dropdown-item img.placeholder{filter:grayscale(100%) contrast(90%) brightness(95%);opacity:.92;background:linear-gradient(180deg,#f6f6f6,#efefef);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:6px;mix-blend-mode:multiply}.thumbnail-square{background:linear-gradient(180deg,#fff,#fbfbfb);box-shadow:inset 0 0 0 1px #00000005}.product-thumb.placeholder,.cart-dropdown-item img.placeholder{mix-blend-mode:multiply;background-blend-mode:multiply}.thumbnail-square{box-sizing:border-box;aspect-ratio:1 / 1;width:56px;height:56px;min-width:56px;min-height:56px;border-radius:8px;overflow:hidden;background:#fff;flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center}.price-table-card .ant-table-tbody td .thumbnail-square,.price-table-card .ant-table-tbody td .thumbnail-square img{width:56px;height:56px}.price-table-card .ant-table-tbody td .thumbnail-square img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;display:block}.price-table-card .ant-table-tbody td .thumbnail-square{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;flex:0 0 56px!important}.price-table-card .ant-table-tbody td .thumbnail-square img{width:100%!important;height:100%!important}@media screen and (max-width: 520px){.thumbnail-square{width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px}.price-table-card .ant-table-tbody td .thumbnail-square,.price-table-card .ant-table-tbody td .thumbnail-square img{width:48px;height:48px}.price-table-card .ant-table-tbody td .thumbnail-square img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}}.brand-directory-overlay{position:fixed;inset:152px 0 0;background:#fafafafa;z-index:115;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:16px 8px 32px}.brand-directory-inner{width:100%;max-width:var(--container-max-width);background:linear-gradient(180deg,#fff,#fbfbfb);border-radius:12px;box-shadow:0 12px 40px #00000014;padding:12px;box-sizing:border-box}.brand-directory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.brand-directory-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.brand-directory-inner{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden}.brand-directory-header{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,#fffffff2,#fbfbfbf2);padding-bottom:8px}.brand-directory-grid{flex:1 1 auto;overflow-x:auto;overflow-y:auto;padding-bottom:8px}.brand-directory-header>div{display:flex;align-items:center;gap:8px}.brand-directory-header .substicky-btn{white-space:nowrap}.brand-letter-column ul{list-style:none;margin:0;padding:0}.brand-letter-column{min-width:140px;max-width:180px;background:linear-gradient(180deg,#ffffffe6,#fafafae6);border-radius:8px;padding:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,.04)}.brand-directory-grid>.brand-letter-column:nth-child(odd){background:linear-gradient(180deg,#fff5f9,#fff0f6)}.brand-directory-grid>.brand-letter-column:nth-child(2n){background:linear-gradient(180deg,#fff,#fbfbfb)}.brand-letter-column,.brand-item{transition:background .18s ease,transform .16s ease}.brand-letter-title{font-weight:800;font-size:14px;color:#333;background:#fff;display:inline-block;padding:6px 8px;border-radius:16px;box-shadow:0 2px 6px #0000000a;margin-bottom:8px}.brand-item{background:transparent;border:none;padding:8px 6px;text-align:left;width:100%;cursor:pointer;border-radius:6px;color:#222;font-weight:600}.brand-item:hover{background:#fff2f7;transform:translate(4px)}.brand-empty{color:#00000040;font-style:italic;padding:8px 0}.brand-item.applied{background:#fff4f8;color:#c41d7f;font-weight:800;padding:8px 6px;border-radius:6px;border:1px solid rgba(196,29,127,.12)}.brand-item.temp{background:linear-gradient(180deg,#fff6fb,#fff0f6);color:#c41d7f;font-weight:800;border:1px solid rgba(196,29,127,.08)}.brand-directory-grid::-webkit-scrollbar{height:9px}.brand-directory-grid::-webkit-scrollbar-thumb{background:#00000014;border-radius:6px}.brand-directory-grid{scrollbar-color:rgba(0,0,0,.08) transparent}@media screen and (max-width: 768px){.brand-directory-overlay{top:140px;padding:10px 6px 30px}.brand-letter-column{min-width:120px;max-width:160px;padding:8px}.brand-item{padding:10px 6px;font-size:14px}.brand-directory-inner{max-height:calc(100vh - 100px)}.brand-directory-header{padding-bottom:6px}.brand-directory-header>div{gap:6px}.brand-directory-header .substicky-btn{padding:6px 10px;font-size:13px}}.price-table-card{width:100%;background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 24px #0000000f;box-sizing:border-box;margin-top:12px}.search-suggestions-card{width:100%;background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 24px #0000000f;box-sizing:border-box}.search-suggestions-inner{max-width:var(--container-max-width);margin:0 auto}.search-suggestions-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.search-suggestion-btn{background:#fff7fb;border:1px solid rgba(248,40,150,.08);color:#c41d7f;padding:8px 10px;border-radius:999px;cursor:pointer;font-weight:700}.search-suggestion-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f828960f}.price-table-card .ant-table{background:transparent}.price-table-card .ant-table-container{border-radius:10px;overflow:hidden}.price-table-card .ant-table-thead>tr>th{background:linear-gradient(180deg,#fff,#fff6fb);color:#8a1b5a;font-weight:700;border-bottom:2px solid rgba(0,0,0,.04);padding:12px 16px}.price-table-card .ant-table-tbody>tr>td{padding:12px 16px;vertical-align:middle}.price-table-card .ant-table-tbody>tr:hover>td{background:#fff7fb}.price-table-card .ant-table-tbody>tr.table-row-even>td{background:#f8289605}.price-table-card .ant-table-pagination{padding:12px 0 0}@media screen and (max-width: 900px){.price-table-card .ant-table-thead>tr>th,.price-table-card .ant-table-tbody>tr>td{padding:10px 12px}}.search-results-title{font-size:20px;line-height:1.15}@media screen and (min-width: 1100px){.search-results-title{font-size:24px}}@media screen and (max-width: 520px){.search-results-title{font-size:18px}}@media screen and (max-width: 520px){.landing-main.mobile{padding-left:0;padding-right:0}.price-table-card{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding:6px 8px;border-radius:8px;box-shadow:0 6px 18px #0000000a}.price-table-card .ant-table-container{width:100%;overflow-x:auto}.price-table-card .ant-table-thead>tr>th,.price-table-card .ant-table-tbody>tr>td{padding-left:10px;padding-right:10px}}.landing-main{padding-top:116px;width:100%;min-height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.landing-main.mobile{padding-top:94px}.landing-hero-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:10px}.landing-hero-slider,.landing-promo-section{max-width:var(--container-max-width);margin-left:auto;margin-right:auto}.landing-promo-products{width:100%;background:#fff9e6;padding:18px 0;box-sizing:border-box;margin:12px 0}.landing-promo-products>.landing-brands-title{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0 var(--container-side-padding);box-sizing:border-box}.promo-products-inner{max-width:var(--container-max-width);margin-left:auto;margin-right:auto}.promo-products-scroll{display:flex;gap:12px;overflow-x:auto;padding:12px 4px;-webkit-overflow-scrolling:touch}.promo-list-cta-card{background:linear-gradient(180deg,#ff2f9f,#f82896);color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0}.promo-list-cta-card span{display:block;padding:8px 12px;font-weight:900;font-size:14px;color:#fff;text-align:center}.landing-categories-section{width:100%;background:#e6f7ff;padding:18px var(--container-side-padding);box-sizing:border-box;margin:5px 0}.landing-categories-section>.landing-brands-title{color:#0b3b4a;max-width:var(--container-max-width);padding:0 var(--container-side-padding);box-sizing:border-box;margin:0 auto 12px}.landing-categories-inner{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;box-sizing:border-box}.categories-grid{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:14px;width:100%;padding-bottom:8px;scrollbar-width:none}.categories-grid::-webkit-scrollbar{display:none}.category-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:6px;flex:0 0 auto}.category-circle{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 12px #0000000f}.category-label{font-size:13px;color:#0b3b4a;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 480px){.category-circle{width:56px;height:56px;font-size:22px}.category-label{max-width:72px;font-size:12px}}.landing-promo-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-promo-text{display:flex;flex-direction:column;gap:6px}.landing-promo-heading{color:#fff;font-weight:800;font-size:18px}.landing-promo-sub{color:#fff;opacity:.95;font-size:14px;max-width:720px}.landing-klaim-button{background-color:#fff;color:#f82896;border:none;padding:12px 20px;border-radius:12px;font-weight:800;cursor:pointer;min-width:140px;box-shadow:0 6px 20px #f828962e;position:relative;overflow:hidden}.landing-klaim-button:hover{transform:translateY(-2px)}.landing-after-brands-actions{display:flex;gap:12px;max-width:var(--container-max-width);margin:8px auto 40px;padding:0 var(--container-side-padding);box-sizing:border-box;justify-content:center}.landing-promo-section{position:relative;width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:18px var(--container-side-padding);box-sizing:border-box;background:#eb2f96;border-radius:0;box-shadow:none}.landing-promo-title{font-size:18px;font-weight:800;color:#fff;margin:0}.landing-promo-buttons{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;max-width:420px}.landing-promo-section>.landing-promo-title,.landing-promo-section>.landing-promo-buttons{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.landing-brands-section{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:12px var(--container-side-padding) 10px var(--container-side-padding);box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.landing-brands-split{display:flex;gap:16px;align-items:stretch;width:100%}.brands-left{flex:0 0 220px;max-width:150px;background-image:url(/RakTamsis.JPG);background-size:cover;background-position:center;border-radius:12px;overflow:hidden;display:flex;align-items:center}.brands-left{position:relative}.brands-left-content{position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#00000073);color:#fff;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:150px}.brands-left-title{margin:0 0 12px;font-size:20px;font-weight:800}.brands-cta-button{background:#fff;color:#f82896;border:none;padding:8px 12px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #f828961f;font-size:14px;display:inline-block}.brands-cta-button:hover{transform:translateY(-2px)}.brands-right{flex:1 1 auto;display:flex;align-items:center}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;width:100%}.brand-favorit .brands-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:96px;-moz-column-gap:12px;column-gap:12px;row-gap:18px;justify-items:center}.brand-favorit .brands-grid .landing-brand-item{width:100%;max-width:none;min-height:88px;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}@media screen and (max-width: 480px){.brand-favorit .brands-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:76px;row-gap:12px}}.brands-grid .landing-brand-item{min-height:80px;display:flex;align-items:center;justify-content:center;width:100%;max-width:150px;margin-left:auto;margin-right:auto;justify-self:center;box-sizing:border-box;padding:10px}@media screen and (max-width: 360px){.landing-brands-split{flex-direction:column}.brands-left{flex:0 0 auto;width:100%;min-height:140px;max-width:none}.brands-right{width:100%}.brands-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.brands-grid{grid-template-columns:repeat(2,1fr)}}.landing-brands-title{font-size:18px;font-weight:800;color:#333;margin:0}.landing-brands-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;align-items:center}.landing-brand-item{padding:10px;border-radius:4px;border:0px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;color:#333;font-weight:700;display:flex;align-items:center;justify-content:center;height:55px;font-size:clamp(11px,2.2vw,13px);text-align:center;white-space:normal;box-sizing:border-box;transition:all .18s ease;overflow:hidden;max-width:140px}.landing-brand-item .inspirasi-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 28px;padding:0 8px}.landing-brand-item .inspirasi-divider .inspirasi-line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,#0000000f,#0000001f);max-width:9999px}.landing-brand-item .inspirasi-divider .inspirasi-text{white-space:nowrap;padding:6px 12px;font-size:14px;color:#444;background:#fff;border-radius:999px;box-shadow:0 1px #00000005 inset;font-weight:600}@media (max-width: 600px){.landing-brand-item .inspirasi-divider{margin:14px 0 18px;gap:8px}.landing-brand-item .inspirasi-divider .inspirasi-text{font-size:13px;padding:5px 10px}}.landing-brand-item:hover{background:#f8f8f8;transform:translateY(-4px);box-shadow:0 6px 18px #0000000f}.landing-brand-item img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;display:block;margin:0 auto}.store-card-enhanced{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.store-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.store-card-image{position:relative;overflow:hidden}.store-badge{position:absolute;top:16px;right:16px;background:#f82896e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.store-action-btn{transition:all .2s ease;font-family:inherit;outline:none}.store-action-btn:active{transform:scale(.98)}@media (max-width: 768px){.store-card-enhanced{margin-bottom:16px}.store-action-btn{min-width:100px;padding:10px 12px!important;font-size:14px}}.landing-brand-item .brand-label{display:block;text-align:center;font-size:clamp(11px,2.2vw,13px);color:#333;padding:4px 2px 0}.landing-hero-slider{width:100%;max-width:var(--container-max-width);padding:0 16px(--container-side-padding);box-sizing:border-box;position:relative;overflow:hidden;border-radius:14px}.landing-hero-slider-wrapper{display:flex;width:200%;transition:transform .3s cubic-bezier(.4,0,.2,1);touch-action:pan-y;will-change:transform}.landing-hero-slide{position:relative;width:50%;height:300px;border-radius:14px;overflow:hidden;background-color:#f3f3f3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-hero-slide.mobile{height:250px}.landing-hero-slide-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px}.landing-hero-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;background-color:#000;display:block}.landing-hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00000073,#00000026);z-index:1}.landing-hero-slide-content{position:absolute;left:24px;bottom:24px;color:#fff;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.6);text-align:left;width:calc(100% - 48px);max-width:900px}.landing-hero-slide-logo{width:140px;height:auto;display:block;margin-bottom:10px;margin-left:0!important;margin-right:0!important;filter:brightness(0) invert(1) saturate(100%)}@media screen and (max-width: 768px){.landing-hero-slide-logo{width:110px;margin-bottom:8px}}.landing-hero-slide-content{position:absolute;left:24px;bottom:24px;color:#fff;z-index:2;text-align:left;width:calc(100% - 48px);max-width:900px}.landing-hero-slide-title{font-size:44px;font-weight:900;color:#fff;line-height:1.02;letter-spacing:-.02em;text-shadow:0 6px 20px rgba(0,0,0,.55)}.landing-hero-slide-title.mobile{font-size:28px}.landing-hero-slide-cta{margin-top:12px}.landing-hero-slide-button{padding:10px 18px;border-radius:12px;border:none;background:#f82896;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.landing-hero-slide-button:hover{background:#c41d7f;transform:translateY(-1px)}.landing-hero-slide-2{background-color:#efefef}.landing-user-badge{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:99;width:auto;min-width:200px}.landing-user-badge.mobile{top:85px;min-width:180px}.landing-user-badge-content{background:#fee4f1;border-radius:20px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#f82896;box-shadow:0 2px 4px #f828961a;animation:fadeIn .3s ease-out;white-space:nowrap}.landing-user-badge-content.fading{transition:opacity .3s ease,transform .35s ease;opacity:0;transform:translateY(-8px)}.landing-user-badge-greeting{font-size:12px;color:#666;margin-bottom:2px}.landing-user-badge-name{font-weight:600;color:#f82896;font-size:14px;margin:0}.landing-action-buttons{display:flex;gap:8px;width:100%;max-width:400px;margin-top:2px}.landing-action-buttons.hidden{display:none}.landing-action-button{flex:1;height:70px;padding:8px;border:none;border-radius:20px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;font-family:Nunito,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em}.landing-action-button.primary{background:linear-gradient(90deg,#f82896 21%,#ff4bab 24%,#f82896 27% 100%);background-size:200% auto;color:#fff;font-weight:900;box-shadow:0 4px 12px #f828964d;animation:shine 5s linear infinite}.landing-action-button.primary span{background:linear-gradient(90deg,#fff 40%,#ffe1ee 45%,#fff 50% 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 5s linear infinite;display:inline-block}.landing-action-button.secondary{background:#fff;color:#333;font-weight:600;box-shadow:0 2px 6px #0000001a}.landing-action-button:hover{transform:translateY(-2px)}.landing-action-button.primary:hover{box-shadow:0 6px 20px #f8289666}.landing-action-button.secondary:hover{box-shadow:0 4px 12px #00000026}.landing-store-location{margin-top:20px;text-align:center;font-size:14px;line-height:1.5}.landing-store-info{color:#333}.landing-store-link{color:#f82896;text-decoration:underline}.landing-store-link:hover{color:#c41d7f}.landing-version{position:fixed;bottom:24px;left:0;width:100%;text-align:center;color:#888;font-size:12px;padding:10px 16px;box-sizing:border-box;z-index:90}.landing-version.mobile{bottom:16px}.landing-login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.landing-login-popup{background:#fff;padding:20px;border-radius:12px;width:100%;max-width:350px;position:relative;animation:popIn .3s ease-out}.landing-login-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:18px;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.landing-login-title{text-align:left;margin-bottom:4px;font-size:20px;font-weight:600;color:#333}.landing-login-subtitle{font-size:12px;color:#666;margin-bottom:12px;display:flex;align-items:center;gap:4px}.landing-login-form{display:flex;flex-direction:column}.landing-login-input{width:100%;padding:8px 12px;margin-bottom:4px;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#000;font-size:16px;outline:none;box-sizing:border-box}.landing-login-input:focus{border-color:#f82896}.landing-login-error{color:red;font-size:12px;margin-bottom:8px}.landing-login-submit{width:150px;padding:8px 12px;border-radius:6px;background-color:#f82896;color:#fff;border:none;cursor:pointer;display:block;margin:10px auto 0;font-size:14px;font-weight:600;transition:all .2s ease}.landing-login-submit:hover{background-color:#c41d7f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{background-position:200% center}to{background-position:-200% center}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 768px){.landing-header{height:64px;padding:0 12px}.landing-header-actions{display:none}.landing-header-logo{height:32px;margin-right:0}.landing-header-search-container{padding:0 4px;flex:1;display:flex;justify-content:center}.landing-header-search-wrapper{max-width:none;width:100%}.landing-header-search-input{font-size:14px;padding:8px 12px 8px 38px;width:100%;box-sizing:border-box}.landing-main{padding-top:64px;min-height:auto;justify-content:flex-start}.landing-substicky{top:94px}.landing-substicky-inner{padding:6px 12px;gap:6px}.substicky-btn{padding:6px 10px;border-radius:6px;font-size:13px}.landing-hero-slide{height:320px}.landing-hero-slide-title{font-size:20px}.landing-user-badge{top:85px;min-width:180px}.landing-announcement{font-size:12px;padding:6px 10px}.landing-action-buttons{gap:12px}.landing-action-button{padding:14px 20px;font-size:16px}.landing-brands-list{grid-template-columns:repeat(3,1fr);gap:10px}}.landing-footer{width:100%;background:#f2f4f6;color:#111;padding:28px var(--container-side-padding);box-sizing:border-box;margin-top:28px;border-top:1px solid rgba(0,0,0,.06)}.landing-footer-inner{max-width:var(--container-max-width);margin:0 auto;display:flex;gap:24px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding-top:6px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:none;z-index:1400;box-shadow:0 -6px 20px #0000000f;align-items:center;justify-content:space-between;padding:6px 8px}.mobile-bottom-nav .nav-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#333;font-size:11px;flex:1 1 0;padding:6px 8px}.mobile-bottom-nav .nav-btn svg{font-size:20px}.mobile-bottom-nav .nav-btn .search-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(90deg,#f82896,#ff5aa8);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 6px 18px #f828962e;transform:translateY(-6px);transition:all .3s ease}.member-active-badge{position:absolute;top:-2px;right:8px;background:#22c55e;color:#fff;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:1600;box-shadow:0 1px 4px #0000001f}.mobile-bottom-nav .nav-btn{position:relative}.mobile-bottom-nav .nav-btn-scanner{transform:scale(1.25)}.mobile-bottom-nav .nav-btn .scanner-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,#f82896,#ff5aa8);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 8px 28px #f8289666;transform:translateY(-10px);transition:all .3s ease;animation:pulsePink 2s infinite}@keyframes pulsePink{0%{box-shadow:0 8px 28px #f8289666}50%{box-shadow:0 8px 32px #f8289699,0 0 0 8px #f828961a}to{box-shadow:0 8px 28px #f8289666}}.mobile-bottom-nav .nav-btn span{font-size:11px;margin-top:2px}@media screen and (max-width: 768px){.mobile-bottom-nav{display:flex}}.store-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000000f;max-width:900px;margin:12px auto}.store-card-header img{display:block;width:100%}.landing-header-barcode-btn{width:44px;height:44px;border:1px solid rgba(196,29,127,.08);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#ffe6f2;color:#c41d7f;box-shadow:0 4px 12px #f8289614}.landing-header-barcode-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f828961f}.landing-header>.landing-header-barcode-btn{order:2}.landing-header>.landing-header-actions{order:3}.scanner-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1600}.scanner-modal{width:min(560px,96vw);height:min(480px,60vh);background:#000;border-radius:12px;overflow:hidden;position:relative}.scanner-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.7) 35%,transparent 35%,transparent 65%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.7) 100%);z-index:5;pointer-events:none}.scanner-modal:after{content:"Posisikan barcode di dalam area putih";position:absolute;bottom:80px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:10;pointer-events:none;background:#0009;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scanner-topbar{position:absolute;top:12px;right:12px;z-index:15}.scanner-topbar .substicky-btn{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:500;padding:8px 16px;border-radius:20px;font-size:13px;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.scanner-topbar .substicky-btn:hover{background:#000c;transform:scale(1.02)}.scanner-guide{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-guide-strip{width:80%;max-width:320px;height:120px;position:relative;border:2px solid rgba(255,255,255,.8);border-radius:8px;background:transparent}.scanner-guide-corners{position:absolute;inset:-8px}.guide-corner{position:absolute;width:28px;height:28px;border:4px solid #f82896;background:transparent;filter:drop-shadow(0 0 4px rgba(248,40,150,.6));animation:cornerPulse 3s ease-in-out infinite}@keyframes cornerPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.cart-popup-overlay{position:fixed;inset:0;background:#00000080;z-index:1400;animation:fadeIn .3s ease}.cart-popup-container{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;z-index:1500;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 -4px 20px #0000001a}.cart-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid rgba(0,0,0,.1)}.cart-popup-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.cart-popup-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.cart-popup-empty{padding:40px 20px;text-align:center}.cart-popup-empty p{color:#666;margin-bottom:20px}.cart-empty-button{background:#f82896;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.cart-popup-controls{padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.1)}.cart-select-btn{background:none;border:1px solid #f82896;color:#f82896;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer}.cart-popup-items{flex:1;overflow-y:auto;padding:0 20px;max-height:400px}.cart-popup-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05)}.cart-item-checkbox input{width:18px;height:18px;accent-color:#f82896}.cart-item-image{width:60px;height:60px;flex-shrink:0}.cart-item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f5f5f5}.cart-item-details{flex:1;min-width:0}.cart-item-brand{font-size:12px;color:#666;font-weight:600}.cart-item-name{font-size:14px;color:#333;font-weight:500;margin:2px 0}.cart-item-price .price-old{text-decoration:line-through;color:#999;font-size:12px;margin-right:8px}.cart-item-price .price-new{color:#f82896;font-weight:600;font-size:14px}.cart-item-quantity{display:flex;align-items:center;gap:8px}.qty-btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600}.qty-display{min-width:24px;text-align:center;font-weight:600}.cart-popup-footer{padding:20px;border-top:1px solid rgba(0,0,0,.1);background:#fafafa}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cart-total span:first-child{font-weight:700;font-size:16px;color:#333}.cart-selected-count{font-size:12px;color:#666}.cart-checkout-btn{width:100%;background:#f82896;color:#fff;border:none;padding:16px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}.cart-checkout-btn:disabled{background:#ccc;cursor:not-allowed}.cart-badge{position:absolute;top:-2px;right:8px;background:#f82896;color:#fff;border-radius:12px;padding:2px 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.guide-corner-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:6px}.guide-corner-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:6px}.guide-corner-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:6px}.guide-corner-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:6px}.scanning-line{position:absolute;top:50%;left:-4px;right:-4px;height:2px;background:linear-gradient(90deg,transparent,#f82896,transparent);animation:scanPulse 2s ease-in-out infinite}@keyframes scanPulse{0%,to{opacity:.3;transform:translateY(-50%) scaleX(.8)}50%{opacity:1;transform:translateY(-50%) scaleX(1.1)}}.landing-footer-column{flex:1 1 220px;min-width:180px;color:#000000d9}.landing-footer-column:first-child{padding-right:28px}.landing-footer-column h4{margin:0 0 8px;font-size:15px;color:#0b1720;font-weight:800;letter-spacing:-.01em}.landing-footer-column p{margin:0;color:#000000bf;font-size:13px;line-height:1.5}.landing-footer-tag{font-weight:700}.footer-social a{color:#c41d7f;text-decoration:none;font-weight:700}@media screen and (min-width: 900px){.landing-footer-column{padding:0 12px}.landing-footer-column+.landing-footer-column{border-left:1px solid rgba(0,0,0,.06)}}.landing-footer-logo{width:64px;height:auto;display:block;margin-bottom:8px;filter:none}.landing-footer-logo{margin-left:0!important;margin-right:auto!important}.landing-footer-column{text-align:left}.landing-footer-location{margin-top:8px;font-weight:700;color:#000000e6}@media screen and (max-width: 640px){.landing-footer-inner{gap:12px}.landing-footer-column{flex:1 1 100%}.landing-footer{padding:20px 12px}}.landing-promo-products{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}.landing-preview-products{width:100%;background:#fff9f9;padding:18px var(--container-side-padding);box-sizing:border-box;margin:12px 0}.landing-preview-products>.landing-brands-title{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:0 var(--container-side-padding);box-sizing:border-box}.landing-preview-products .promo-products-inner{max-width:var(--container-max-width);margin-left:auto;margin-right:auto}.landing-preview-products .promo-products-scroll{display:flex;gap:12px;overflow-x:auto;padding:12px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landing-preview-products .promo-products-scroll::-webkit-scrollbar{display:none}.landing-preview-products .product-card{flex:0 0 160px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000000f;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.landing-preview-products .product-image{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden}.landing-preview-products .product-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.landing-preview-products .product-info{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.landing-preview-products .product-brand{font-size:11px;color:#666;font-weight:700}.landing-preview-products .product-name{font-size:13px;font-weight:800;color:#222}.landing-preview-products .price-old{text-decoration:line-through;color:#00000059;font-size:11px}.landing-preview-products .price-new{color:var(--byu-pink);font-weight:900;font-size:13px}:root{--byu-pink: #f82896}.product-card{flex:0 0 160px;background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000000f;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.product-image{width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;background-color:#fff;display:block;transition:transform .2s ease}.product-card:hover .product-image img{transform:scale(1.02)}.discount-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:4px 8px;border-radius:12px;font-weight:700;font-size:11px;line-height:1;box-shadow:0 2px 8px #ff6b6b4d;z-index:2}.product-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.product-brand{font-size:11px;color:#666;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.product-name{font-size:13px;font-weight:800;color:#222;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-prices{display:flex;flex-direction:column;gap:2px;margin-top:0}.product-info:has(.price-old) .product-prices{margin-top:auto}.price-old{text-decoration:line-through;color:#00000073;font-size:11px;line-height:1.2}.price-new{color:var(--byu-pink);font-weight:900;font-size:13px;line-height:1.2}.product-prices .price-new:only-child{color:var(--byu-pink);font-weight:700}.product-card .product-prices .price-new{color:var(--byu-pink)!important}.promo-products-inner,.landing-preview-products-inner,.landing-footer-inner,.random-products-inner{max-width:var(--container-max-width, 1200px);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.promo-products-scroll,.landing-preview-products-scroll{display:flex;gap:12px;overflow-x:auto;padding:12px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.promo-products-scroll::-webkit-scrollbar,.landing-preview-products-scroll::-webkit-scrollbar{display:none}.promo-products-scroll.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-x:visible;overflow-y:visible}@media screen and (max-width: 480px){.product-card{flex:0 0 140px}.product-info{padding:8px 10px;gap:4px}.product-name{font-size:12px}.product-brand{font-size:10px}.price-new{font-size:12px}.discount-badge{font-size:10px;padding:3px 6px;top:6px;left:6px}}@media screen and (max-width: 768px) and (min-width: 481px){.product-card{flex:0 0 150px}}@media screen and (min-width: 1200px){.product-card{flex:0 0 180px}.product-info{padding:12px 14px}.product-name{font-size:14px}.product-brand{font-size:12px}.price-new{font-size:14px}}.landing-preview-products{padding:20px 0;margin:8px 0}.landing-preview-products[aria-label="Produk Promo"]{background:#fffbeb}.landing-preview-products[aria-label="Brand Highlight"]{background:#f8f9ff}.landing-preview-products[aria-label="Produk Lainnya"]{background:#fff}.landing-brands-title{font-size:18px;font-weight:800;color:#333;margin:0 0 12px;text-align:left}.thumbnail-square{width:56px;height:56px;min-width:56px;min-height:56px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfbfb);box-shadow:inset 0 0 0 1px #00000005;flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.product-thumb{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;display:block}.product-thumb.placeholder{filter:grayscale(100%) contrast(90%) brightness(95%);opacity:.92;background:linear-gradient(180deg,#f6f6f6,#efefef);padding:6px;mix-blend-mode:multiply;background-blend-mode:multiply}@media screen and (max-width: 520px){.thumbnail-square{width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px}}.product-card.loading{pointer-events:none;opacity:.7}.product-card.loading .product-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-card:focus{outline:2px solid #f82896;outline-offset:2px}.product-card:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.product-card{border:1px solid #000}.product-brand{color:#000}.price-old{color:#666}}@media (prefers-reduced-motion: reduce){.product-card,.product-image img,.discount-badge{transition:none}.product-card:hover,.product-card:hover .product-image img{transform:none}.loading-shimmer{animation:none}}.pricelist-page{width:100%;background:#f5f5f5}.pricelist-main{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.price-table-card{overflow:visible}.cart-dropdown{pointer-events:auto}.cart-dropdown-inner{display:flex;flex-direction:column}.cart-dropdown-list{max-height:320px}.cart-dropdown-item{align-items:center;justify-content:space-between}.pricelist-container{padding:16px}.pricelist-container{padding-left:20px;padding-right:20px}@media (min-width: 640px){.pricelist-container{padding-left:20px;padding-right:20px}}@media (min-width: 1100px){.pricelist-container{padding-left:32px;padding-right:32px}}.pricelist-substicky{width:100%;display:flex;justify-content:center;position:sticky;top:94px;z-index:95;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #0000000a}.pricelist-substicky-inner{max-width:1200px;width:100%;padding:10px 16px;display:flex;gap:8px;align-items:center;box-sizing:border-box}.pricelist-substicky-btn{padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;font-weight:600}.pricelist-substicky-btn.brand-active,.pricelist-substicky-btn.active{border-color:#f828965c;box-shadow:0 8px 18px #f8289614}.pricelist-substicky-btn.brand-active:focus,.pricelist-substicky-btn.active:focus{outline:3px solid rgba(248,40,150,.08)}@media (max-width: 640px){.pricelist-substicky-inner{padding:8px 12px}.pricelist-substicky-btn{padding:8px 10px;font-size:14px}}@media screen and (min-width: 769px){.pricelist-substicky{top:105px}}.pricelist-page .brand-directory-overlay{top:162px}@media screen and (max-width: 768px){.pricelist-page .brand-directory-overlay{top:148px}}.pricelist-sticky-bottom{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:1200;background:linear-gradient(180deg,#fff,#fffafc);padding:10px 14px;border-radius:14px;box-shadow:0 12px 30px #0f0f0f1f;display:flex;gap:12px;align-items:center;max-width:calc(100% - 32px);width:720px;border:1px solid rgba(0,0,0,.04)}.pricelist-sticky-bottom.hidden{transform:translate(-50%) translateY(120%);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s ease-in-out}.pricelist-sticky-bottom{transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s ease-in-out}.pricelist-sticky-bottom .sticky-left{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.sticky-count{font-weight:700;color:#111;min-width:56px;font-size:14px;margin-right:3px}.sticky-brands{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;padding-right:6px;margin-left:0}.sticky-right{display:flex;align-items:center;gap:10px}.sticky-total{font-weight:800;color:#111;min-width:120px;text-align:right}.sticky-go{background-color:#e91e63!important;border-color:#e91e63!important;color:#fff!important}@media (max-width: 768px){.pricelist-sticky-bottom{left:50%;transform:translate(-50%);width:calc(100% - 24px);bottom:12px;padding:10px}.pricelist-sticky-bottom .sticky-left{flex-direction:column;align-items:flex-start;gap:4px}.sticky-count{font-size:14px}.sticky-brands{max-width:100%;width:100%;display:block;padding-right:0}}.cart-checkout-header{position:sticky;top:132px;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(180deg,#fffffffa,#fafafafa);padding:12px 16px;border-radius:12px;box-shadow:0 6px 20px #0c0c0c0f;border:1px solid rgba(0,0,0,.04);margin-bottom:12px}.thumbnail-square{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;display:inline-flex;overflow:hidden;border-radius:8px;background:#f3f3f3;flex:0 0 48px;align-items:center;justify-content:center}.thumbnail-square img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.thumbnail-square img.placeholder{-o-object-fit:contain;object-fit:contain;padding:6px;filter:grayscale(1) opacity(.85) brightness(.95);background:transparent}.cart-progress-sticky{position:fixed;left:0;right:0;top:72px;z-index:95;display:flex;justify-content:center;background:#fff;box-shadow:0 2px 6px #0000000a;border-bottom:1px solid rgba(0,0,0,.04)}.order-proof-sticky{background:linear-gradient(90deg,#2ecc71,#27ae60);color:#fff;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;padding:6px;height:40px;box-shadow:0 4px 10px #0000000f;font-size:13px;z-index:1060}.order-proof-sticky.bottom{position:fixed;left:0;right:0;bottom:64px}.cart-progress-sticky .cart-progress-inner{width:100%;max-width:var(--container-max-width);padding:8px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px}.cart-progress-text{font-weight:800;color:#333;font-size:14px}.cart-progress-fraction{opacity:.9;color:#c41d7f;margin-left:6px}.cart-progress-track{height:6px;background:#0000000f;border-radius:6px;overflow:hidden}.cart-progress-fill{height:100%;background:linear-gradient(90deg,#f82896,#ff5aa8);width:0%;transition:width .4s ease;position:relative;overflow:hidden}.cart-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);transform:translate(-100%);pointer-events:none;mix-blend-mode:screen;animation:progress-shine 2.2s linear infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.cart-progress-sticky{top:64px}.cart-checkout-header{top:120px}}.cart-bottom-sticky{position:fixed;left:0;right:0;bottom:0;z-index:120;background:linear-gradient(180deg,#fffffffa,#fafafafa);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -6px 18px #0000000f;padding:12px 8px}.cart-bottom-inner{width:100%;max-width:var(--container-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;box-sizing:border-box}.cart-bottom-left{font-weight:700;color:#111}.btn-checkout{background:linear-gradient(90deg,#f82896,#ff5aa8);border:none}@media (max-width: 520px){.cart-bottom-inner{padding:8px 12px}.btn-checkout{width:140px}}.cart-progress-sticky[role=button]{cursor:pointer}.cart-progress-sticky:focus{outline:none;box-shadow:0 0 0 4px #f828960f}.cart-progress-chevron{transition:transform .24s ease}.cart-progress-chevron.open{transform:rotate(180deg)}[role=button][aria-disabled=true],.shipping-header-action[aria-disabled=true]{opacity:.62;color:#777;cursor:not-allowed;pointer-events:auto}.cart-banner.collapsed{max-height:64px;overflow:hidden;transition:max-height .32s ease,padding .32s ease}.cart-banner.expanded{max-height:400px;transition:max-height .32s ease,padding .32s ease}.steps-open .cart-banner.expanded{position:fixed;left:0;right:0;top:120px;z-index:96;max-width:var(--container-max-width);margin:0 auto;border-radius:0 0 10px 10px;box-shadow:0 8px 30px #0000000f;padding-left:16px;padding-right:16px}.steps-open .cart-progress-sticky{top:72px}.steps-open .cart-checkout-header{top:252px}.checkout-left{display:flex;flex-direction:column}.checkout-title{font-size:18px;font-weight:700;color:#111}.checkout-sub{font-size:12px;color:#666}.checkout-right{display:flex;align-items:center;gap:12px}.checkout-total{font-weight:700;color:#111}.checkout-cta{background-color:#e91e63!important;border-color:#e91e63!important;color:#fff!important;box-shadow:0 6px 18px #e91e631f}.checkout-cta:disabled,.checkout-cta[disabled]{background:linear-gradient(90deg,#f82896,#ff5aa8)!important;border:none!important;color:#fff!important;box-shadow:0 6px 18px #e91e6314!important;opacity:1!important;cursor:not-allowed!important;filter:none!important}.checkout-cta.shake{animation:checkout-shake .64s cubic-bezier(.36,.07,.19,.97)}@keyframes checkout-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.checkout-cta:hover,.checkout-cta:focus{background:linear-gradient(90deg,#f82896,#ff5aa8)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 18px #e91e631f!important}.highlight-pulse{box-shadow:0 0 #f828961f;animation:highlight-pulse 1.2s ease-in-out}@keyframes highlight-pulse{0%{box-shadow:0 0 #f8289624}40%{box-shadow:0 6px 18px 6px #f828960f}to{box-shadow:0 0 #f8289600}}.checkout-prompt{position:fixed;left:50%;transform:translate(-50%) translateY(0);top:88px;z-index:1600;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fffffffa,#fffafaf5);color:#111;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 12px 30px #1018281f,0 2px 6px #0000000f;border:1px solid rgba(248,40,150,.08);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);min-width:240px;max-width:88%;padding:10px 16px 10px 12px;animation:prompt-pop .32s cubic-bezier(.2,.9,.3,1)}.checkout-prompt:before{content:"";width:36px;height:36px;border-radius:9px;flex:0 0 36px;background:linear-gradient(90deg,#f82896,#ff5aa8);box-shadow:0 6px 18px #f828961f inset,0 6px 18px #f8289614;display:inline-block}.checkout-prompt .prompt-text{display:inline-block;line-height:1.1;color:#222;font-weight:700}@keyframes prompt-pop{0%{transform:translate(-50%) translateY(-6px) scale(.98);opacity:0}60%{transform:translate(-50%) translateY(2px) scale(1.02);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.checkout-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#060a0f70;z-index:2000;padding:20px}.checkout-modal{width:100%;max-width:520px;background:linear-gradient(180deg,#fff,#fffaf8);border-radius:14px;padding:22px;box-shadow:0 24px 60px #1018282e;border:1px solid rgba(248,40,150,.06);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;animation:modal-pop .28s cubic-bezier(.2,.9,.3,1)}.checkout-modal .logo-wrap{width:160px;height:64px;display:flex;align-items:center;justify-content:center}.checkout-modal .title{font-size:20px;font-weight:800;color:#c41d7f}.checkout-modal .desc{color:#444;font-size:14px;line-height:1.3}.checkout-loader{display:flex;align-items:center;justify-content:center;margin:6px 0 2px}.loader-svg{width:56px;height:56px;transform-origin:center;animation:loader-rotate 1s linear infinite}.loader-bg{stroke-width:4}.loader-fg{stroke-dasharray:120;stroke-dashoffset:80;transform-origin:center;animation:loader-dash 1.2s ease-in-out infinite}@keyframes loader-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-dash{0%{stroke-dashoffset:120}50%{stroke-dashoffset:40;transform:rotate(45deg)}to{stroke-dashoffset:120;transform:rotate(360deg)}}.loader-count{position:absolute;font-weight:800;color:#c41d7f;font-size:18px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;pointer-events:none}.checkout-modal .actions{display:flex;gap:10px;margin-top:6px}.checkout-modal .btn{padding:10px 14px;border-radius:10px;font-weight:700}.checkout-modal .btn.secondary{background:transparent;border:1px solid rgba(0,0,0,.06);color:#333}.checkout-modal .btn.primary{background:linear-gradient(90deg,#f82896,#ff5aa8);color:#fff;border:none}@keyframes modal-pop{0%{transform:translateY(12px) scale(.98);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.blink{animation:field-blink 1.8s ease-in-out}@keyframes field-blink{0%{background:#f8289600}25%{background:#f828960f}50%{background:#f8289600}75%{background:#f828960f}to{background:#f8289600}}.landing-main>div[style]{padding:20px!important;border-radius:16px!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:6px 8px!important;font-size:14px!important;color:#111!important;line-height:1.3!important}.ant-table .ant-table-cell,.ant-table-thead .ant-table-cell,.ant-table-tbody .ant-table-cell{font-size:14px!important;line-height:1.3!important;color:#111!important;padding:12px 8px!important}.ant-table-thead>tr>th{font-size:inherit!important;font-weight:700!important}@media (max-width: 768px){.cart-checkout-header{top:56px;padding:10px 12px;border-radius:10px}.checkout-title{font-size:16px}.checkout-total{font-size:14px}.checkout-cta{padding:6px 10px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{font-size:inherit!important}.ant-table .ant-table-cell,.ant-table-tbody .ant-table-cell{font-size:inherit!important;line-height:1.4!important}.ant-table .ant-table-cell>div>div{margin-bottom:3px}}.cart-bleed{max-width:1200px;padding-left:0!important;padding-right:0!important}.cart-inner{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:12px 16px!important}.cart-inner h2,.cart-inner p,.cart-inner label,.cart-inner strong{color:#111}.cart-inner>.ant-btn{z-index:900}@media (max-width: 768px){.cart-inner{padding:12px!important}}.cart-banner{background:linear-gradient(90deg,#fff0f6,#fff);border:1px solid rgba(233,30,99,.06);padding:10px 12px 40px;border-radius:8px;margin-bottom:10px}.cart-content{overflow:visible!important;max-height:none!important;height:auto!important}.cart-page{width:100%;background-color:#f5f5f5}.cart-page-main{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.cart-banner-inner{display:flex;flex-direction:column;gap:6px;align-items:flex-start;position:relative}.cart-banner-title{font-weight:800;color:#c41d7f;font-size:15px}.cart-banner-sub{color:#666;font-size:12px}.cart-banner-badge{position:absolute;right:10px;bottom:10px;background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;color:#c41d7f;border:1px solid rgba(196,29,127,.06)}.cart-steps{display:flex;gap:8px;align-items:center;width:100%;margin-top:6px}.cart-step{display:flex;align-items:center;gap:6px;color:#c41d7f;font-weight:700;font-size:12px;flex:1;min-width:0}.cart-step .step-dot{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#f82896,#ff5aa8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:0 0 auto}.cart-step+.cart-step:before{content:"";display:block;flex:1 1 auto;height:3px;background:linear-gradient(90deg,#f82896,#ff5aa8);margin:0 10px;border-radius:2px}.cart-step.active,.cart-step.complete{color:#c41d7f}.cart-step.active .step-dot,.cart-step.complete .step-dot{background:linear-gradient(90deg,#f82896,#ff5aa8);color:#fff}.cart-step:not(.active):not(.complete) .step-dot{background:linear-gradient(90deg,#f8289624,#ff5a8824);color:#c41d7f;box-shadow:none;border:1px solid rgba(248,40,150,.12)}@media (max-width: 520px){.cart-steps{flex-direction:column;align-items:stretch;gap:8px}.cart-step+.cart-step:before{display:none}.cart-step{justify-content:flex-start}.cart-step .step-dot{width:22px;height:22px}}@media (max-width: 520px){.cart-banner{padding-bottom:16px}.cart-banner-badge{position:static;align-self:flex-end;margin-top:6px}}@media (max-width: 520px){.cart-bleed,.cart-inner{padding-left:2px!important;padding-right:2px!important}.address-modal{margin:0 6px}}.shipping-address-box{background:#fff;border:1px solid rgba(0,0,0,.06);padding:10px 12px;border-radius:8px;margin:12px 0 14px;width:100%;box-sizing:border-box}.shipping-address-box-title{font-weight:800;color:#333;font-size:13px;margin-bottom:6px}.shipping-address-box-content{color:#111;font-size:14px;line-height:1.3}.selected-address-card{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(248,40,150,.08);padding:10px;border-radius:8px}.selected-address-icon{flex:0 0 28px;display:flex;align-items:center;justify-content:center}.selected-address-body{flex:1;min-width:0}.selected-address-title{font-weight:800;color:#c41d7f;font-size:14px;margin-bottom:4px}.selected-address-text{color:#333;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;font-weight:400}@media (max-width: 520px){.selected-address-card{padding:8px}.selected-address-icon{flex:0 0 24px}.selected-address-title,.selected-address-text{font-size:13px}}.shipping-header-row{display:flex;align-items:center;justify-content:space-between}.shipping-header-title{font-weight:800;color:#111}.shipping-header-action{color:#666;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700}.shipping-header-action:focus{outline:none;box-shadow:0 0 0 4px #0000000a;border-radius:6px}.address-modal-title{margin:0 0 8px}.address-modal-body>div{margin-bottom:6px}.selected-shipping-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(0,0,0,.06);padding:10px 12px;border-radius:8px;margin-top:8px}.selected-shipping-method,.selected-shipping-price{font-weight:400;color:#111;font-size:14px}.selected-shipping-method-name{font-weight:700}.selected-shipping-estimate{font-size:13px;color:#666;font-weight:400;margin-top:4px}@media (max-width: 520px){.selected-shipping-card{padding:8px}.selected-shipping-price{font-size:14px}}.add-address-link{margin-top:8px;color:#f82896;font-weight:800;cursor:pointer;font-size:13px}.add-address-link:focus{outline:none;box-shadow:0 0 0 4px #f828960f}.cart-inner,.shipping-panel,.shipping-address-box,.address-modal,.address-modal-body,.address-modal-overlay,.address-modal .address-modal-body,.ant-table .ant-table-cell{font-size:14px!important;color:#111!important;line-height:1.4!important;font-weight:400!important}.shipping-address-box-title,.address-modal-title,.shipping-panel>div:first-child,.checkout-title,.cart-banner-title{font-size:15px!important;font-weight:800!important;color:#111!important}.shipping-address-box-title{display:inline-flex;align-items:center;gap:6px;margin-bottom:0}.shipping-address-box-content,.cart-product-name,.address-label,.address-input,.address-textarea,.pick-address-link,.add-address-link,.ant-table .ant-table-cell{font-size:14px!important;color:#222!important}.address-label{font-weight:700!important;font-size:13px!important;color:#333!important}.address-input,.address-textarea,.shipping-panel select,.shipping-panel input[type=text]{font-size:14px!important;color:#111!important}.address-modal-actions .address-btn,.address-btn,.pick-address-link,.add-address-link{font-size:14px!important}.address-btn{font-weight:700!important}.address-btn.cancel{color:#333!important;border-color:#0000000f!important}.address-btn.save{color:#fff!important}.address-btn.ubah{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:none!important}.address-btn.ubah:active{transform:translateY(1px)}.address-edit-btn{background:transparent;border:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;padding:0}.address-edit-btn svg{display:block}.address-edit-btn:hover{background:#00000008}.address-btn.hapus{background:transparent;color:#d9306a!important;border:1px solid rgba(217,48,106,.06);box-shadow:none;padding:8px 10px;border-radius:8px;font-weight:700!important}.address-btn.hapus:hover{background:#d9306a0a}.checkout-total{font-size:16px!important;font-weight:800!important;color:#111!important}.checkout-cta{font-size:14px!important;font-weight:700!important}.cart-banner-sub,.checkout-sub,.shipping-address-box-content span,.address-modal small{font-size:13px!important;color:#666!important}@media (max-width: 520px){.cart-inner,.shipping-panel,.address-modal{font-size:13px!important}.checkout-total{font-size:15px!important}}.qty-btn{border:1px solid rgba(0,0,0,.06);background:#fff;width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;line-height:1;padding:0}.qty-btn:active{transform:translateY(1px)}.qty-display{min-width:24px;text-align:center;font-weight:700;font-size:13px;margin:0 2px}.shipping-panel{background:#fff;border:1px solid rgba(0,0,0,.04);padding:14px;border-radius:12px;margin-top:12px;width:100%;box-sizing:border-box;box-shadow:0 6px 18px #0c0c0c0a}.shipping-panel>div{margin-bottom:10px}.shipping-panel[aria-label="Metode Pembayaran"]>div{margin-bottom:0!important}.shipping-panel strong{display:block;font-weight:700;margin-bottom:6px;color:#333}.shipping-panel select,.shipping-panel input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.06);font-size:14px;color:#111;background:#fff;box-sizing:border-box;transition:box-shadow .16s ease,border-color .16s ease}.shipping-panel select:focus,.shipping-panel input[type=text]:focus{outline:none;box-shadow:0 8px 24px #f828960f;border-color:#f8289652}@media (max-width: 768px){.shipping-panel select,.shipping-panel input[type=text]{padding:9px 10px;font-size:14px}}.cart-bleed{width:100%;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}.cart-inner{margin:0!important;padding-left:0!important;padding-right:0!important;max-width:100%;overflow:hidden}.ant-table{width:100%!important;table-layout:fixed}.ant-table .ant-table-cell{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important}@media (max-width: 768px){.cart-bleed{padding-left:10px!important;padding-right:10px!important}.cart-inner{padding:10px 0!important}.cart-bottom-inner{padding:8px 12px}.cart-bottom-sticky{padding:10px 8px}.thumbnail-square{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px}}.cart-product-name{color:#111;font-size:13px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.address-modal-overlay{position:fixed;inset:0;background:#0000006b;display:flex;align-items:center;justify-content:center;z-index:1400;padding:22px}.address-modal{width:100%;max-width:720px;background:#fff;color:#111;border-radius:12px;box-shadow:0 10px 30px #1018281f;padding:16px;font-family:inherit}.address-modal-title{margin:0 0 8px;font-size:18px;font-weight:700}.address-modal-body{display:grid;gap:8px}.address-label{font-size:13px;font-weight:600;color:#333}.address-input,.address-textarea{width:100%;padding:9px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#111;outline:none;font-size:14px}.address-input:focus,.address-textarea:focus{border-color:#f82896e6;box-shadow:0 4px 12px #f828960f}.address-textarea{resize:vertical;min-height:70px}.address-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.address-btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.address-btn.cancel{background:transparent;border:1px solid rgba(15,23,42,.06);color:#333}.address-btn.save{background:#f82896;color:#fff}@media (max-width: 420px){.address-modal{max-width:calc(100% - 12px);padding:12px;border-radius:10px}.address-modal-title{font-size:16px}}.pac-container{z-index:99999!important}gmp-place-autocomplete,gmp-basic-place-autocomplete,gmp-place-details,gmp-place-search{color-scheme:light!important;background-color:#fff!important;color:#111!important;--gmp-mat-color-surface: #ffffff !important;--gmp-mat-color-on-surface: #111111 !important}.pick-address-link,.add-address-link{color:#f82896!important;font-weight:800!important}.cart-info-box{background:#f3f3f3;border-radius:10px;padding:12px 14px;margin-top:12px;color:#333;max-width:840px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 10px #0c0c0c08;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.cart-info-inner{width:100%;display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 769px){.cart-info-inner{flex-direction:row;gap:28px;justify-content:center;align-items:center}}.member-container{width:100%;min-height:100vh;background-color:var(--background-light, #f5f5f5);font-family:Nunito,sans-serif}.member-header{background:linear-gradient(135deg,#f82896,#ff4bab,#f82896);color:#fff;padding:24px 16px;text-align:center;position:relative}.member-back-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:18px;transition:all .2s ease}.member-back-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.member-header-title{font-size:24px;font-weight:700;margin:0}.member-header-subtitle{font-size:14px;margin-top:4px;opacity:.9}.member-profile{background:#fff;margin:-20px 16px 20px;padding:24px;border-radius:16px;box-shadow:var(--shadow-light, 0 2px 6px rgba(0,0,0,.1));position:relative;z-index:1}.member-profile-greeting{font-size:18px;font-weight:600;color:var(--text-primary, #000);margin-bottom:8px}.member-profile-name{color:var(--primary-pink, #f82896);font-weight:700}.member-profile-phone{font-size:14px;color:var(--text-secondary, #333);margin-bottom:16px}.member-profile-points{background:linear-gradient(135deg,#fee4f1,#fce8f3);padding:16px;border-radius:12px;border:1px solid rgba(248,40,150,.1);text-align:center}.member-points-label{font-size:14px;color:var(--text-secondary, #333);margin-bottom:4px}.member-points-value{font-size:28px;font-weight:800;color:var(--primary-pink, #f82896);margin:0;text-shadow:0 2px 4px rgba(248,40,150,.1)}.member-actions{display:flex;gap:12px;padding:0 16px;margin-bottom:24px}.member-action-button{flex:1;padding:16px 12px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Nunito,sans-serif}.member-action-button.primary{background:var(--primary-pink, #f82896);color:#fff;box-shadow:var(--shadow-pink, 0 4px 12px rgba(248,40,150,.3))}.member-action-button.secondary{background:#fff;color:var(--primary-pink, #f82896);border:2px solid var(--primary-pink, #f82896)}.member-action-button:hover{transform:translateY(-2px)}.member-action-button.primary:hover{background:var(--secondary-pink, #c41d7f);box-shadow:0 6px 20px #f8289666}.member-action-button.secondary:hover{background:var(--light-pink, #fee4f1)}.member-transactions{padding:0 16px}.member-transactions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.member-transactions-title{font-size:18px;font-weight:600;color:var(--text-primary, #000);margin:0}.member-transactions-count{background:var(--primary-pink, #f82896);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.member-transactions-list{display:flex;flex-direction:column;gap:12px}.member-transaction-card{background:#fff;border-radius:12px;padding:16px;box-shadow:var(--shadow-light, 0 2px 6px rgba(0,0,0,.1));border-left:4px solid var(--primary-pink, #f82896);transition:all .2s ease;position:relative;overflow:hidden}.member-transaction-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium, 0 4px 12px rgba(0,0,0,.15))}.member-transaction-card.new{animation:txFadeIn .42s cubic-bezier(.2,.9,.2,1) both}.member-transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.member-transaction-id{font-size:14px;font-weight:600;color:var(--text-primary, #000)}.member-transaction-amount{font-size:16px;font-weight:700;color:var(--primary-pink, #f82896)}.member-transaction-details{font-size:12px;color:var(--text-muted, #666);line-height:1.4}.member-transaction-time{font-size:12px;color:var(--text-light, #999);margin-top:4px}.member-status-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.member-status-badge.completed{background:#d4edda;color:#155724}.member-status-badge.pending{background:#fff3cd;color:#856404}.member-status-badge.cancelled{background:#f8d7da;color:#721c24}.member-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-muted, #666)}.member-loading-spinner{width:24px;height:24px;border:2px solid var(--border-light, #eee);border-top:2px solid var(--primary-pink, #f82896);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.member-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted, #666)}.member-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.member-empty-state-title{font-size:16px;font-weight:600;margin-bottom:8px}.member-empty-state-text{font-size:14px;line-height:1.4}@media screen and (max-width: 768px){.member-header{padding:20px 16px}.member-header-title{font-size:20px}.member-profile{margin:-16px 12px 16px;padding:20px}.member-actions{padding:0 12px;margin-bottom:20px}.member-action-button{padding:14px 10px;font-size:13px}.member-transactions{padding:0 12px}.member-transaction-card{padding:14px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes txFadeIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.member-text-center{text-align:center}.member-text-primary{color:var(--primary-pink, #f82896)}.member-text-muted{color:var(--text-muted, #666)}.member-font-bold{font-weight:700}.member-mb-2{margin-bottom:8px}.member-mb-4{margin-bottom:16px}.member-mt-4{margin-top:16px}.member-sticky-header{position:fixed;left:0;right:0;top:0;max-width:420px;margin:0 auto;transform:translateY(-8px) scale(.995);opacity:0;pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#fffffffa;border-radius:12px;box-shadow:0 6px 20px #00000014;border:1px solid rgba(0,0,0,.04);z-index:1200;transition:all .22s cubic-bezier(.2,.9,.2,1)}.member-sticky-header.show{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.member-sticky-left{display:flex;flex-direction:column}.member-sticky-name{font-size:14px;font-weight:700;color:#262626}.member-sticky-right{display:flex;align-items:center;gap:8px;cursor:pointer}.member-sticky-points{background:linear-gradient(135deg,#fff0f6,#ffadd2);color:#c41d7f;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid rgba(196,29,127,.08)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}