@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;margin:0;outline:none;padding:0}body{background-color:#0a1931;color:#333}.app-global-wrapper{background-color:#050c1a;display:flex;justify-content:center;min-height:100vh;width:100vw}.mobile-shell{background-color:#0a1931;box-shadow:0 0 50px #000c;margin:0 auto;max-width:480px;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.mobile-shell,.step-view{display:flex;flex-direction:column}.step-view{flex-grow:1}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navy-hero-section{background-color:#0a1931;color:#fff;padding:30px 20px 20px}.header-navigation-top{align-items:center}.logo-brand-main{border-radius:8px;width:100px}.header-action-buttons{gap:10px}.btn-admin-secret{background:#0000;border:1px solid #ffc1074d;border-radius:50%;color:#ffc107;height:35px;justify-content:center;width:35px}.btn-admin-secret,.btn-customer-service{align-items:center;cursor:pointer;display:flex}.btn-customer-service{background:#ffc107;border:none;border-radius:20px;color:#0a1931;font-size:12px;font-weight:800;gap:6px;padding:8px 15px}.hero-typography-flex{gap:10px;margin-top:30px}.text-container h1{font-size:24px;font-weight:800}.text-container h1 span{color:#ffc107}.illustration-container img{width:110px}.content-scroller-area{flex-grow:1;margin-top:-10px;padding:0 16px;z-index:10}.card-white-rounded{background-color:#fff;border-radius:24px;box-shadow:0 10px 25px #0000001a;padding:20px}.card-heading-title{color:#0a1931;font-size:16px;font-weight:800;margin-bottom:20px}.best-tag{background:#0a1931;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:800;margin-bottom:5px;padding:3px 6px}.menu-vertical-list{display:flex;flex-direction:column;gap:15px}.menu-product-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:15px;padding:14px;position:relative}.out-of-stock{filter:grayscale(1);opacity:.5}.product-image-box{background:#ffc107;border-radius:12px;flex-shrink:0;height:110px;overflow:hidden;width:90px}.product-image-box img{height:100%;object-fit:cover;width:100%}.product-details-box{display:flex;flex:1 1;flex-direction:column}.product-header-line{align-items:flex-start;display:flex;justify-content:space-between}.product-header-line h4{color:#0a1931;font-size:15px;font-weight:800}.product-price{color:#1a365d;font-size:16px;font-weight:800}.product-description{color:#718096;font-size:11px;line-height:1.4;margin:4px 0 10px}.customization-pills-area{display:flex;gap:12px;margin-bottom:5px}.pill-category label{color:#a0aec0;display:block;font-size:9px;font-weight:800;margin-bottom:4px}.pill-options-container{display:flex;gap:4px}.pill-options-container button{background:#fff;border:1px solid #e2e8f0;border-radius:15px;color:#4a5568;cursor:pointer;font-size:9px;font-weight:700;padding:4px 8px}.pill-options-container button.active-pill{background:#1a365d;border-color:#1a365d;color:#fff}.btn-group-qty-inline{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 10px #0000000d;display:flex;gap:8px;margin-left:auto;margin-top:auto;padding:3px;width:-webkit-fit-content;width:fit-content}.btn-qty-circle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;font-weight:800;height:30px;justify-content:center;width:30px}.btn-qty-circle.minus{background:#fff;border:1px solid #e2e8f0;color:#0a1931}.btn-qty-circle.plus{background:#ffc107;color:#0a1931}.qty-indicator{color:#0a1931;font-size:14px;font-weight:800;min-width:15px;text-align:center}.bottom-dock-floating{align-items:center;background-color:#0a1931;border-radius:16px;bottom:20px;box-shadow:0 10px 30px #0000004d;display:flex;left:50%;max-width:448px;padding:8px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:1000}.dock-method-left{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:12px;padding:8px 12px 8px 8px;position:relative}.hidden-native-select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.dock-icon-circle{align-items:center;background-color:#1e2d4a;border-radius:50%;color:#ffc107;display:flex;font-size:14px;height:36px;justify-content:center;width:36px}.dock-method-text{display:flex;flex-direction:column;justify-content:center}.dock-method-text small{color:#e2e8f0;font-size:11px;font-weight:500;margin-bottom:2px}.method-value{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:800;gap:8px}.method-value i{color:#fff;font-size:10px}.dock-divider{background-color:#1e2d4a;height:35px;margin:0 8px;width:1px}.dock-btn-right{align-items:center;background-color:#ffc107;border:none;border-radius:12px;color:#0a1931;cursor:pointer;display:flex;flex-grow:1;justify-content:space-between;padding:12px 16px;transition:transform .2s ease}.dock-btn-right:active{transform:scale(.98)}.btn-text-group{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.btn-title-main{font-size:15px;font-weight:800;margin-bottom:2px}.btn-subtitle-sub{color:#333;font-size:11px;font-weight:500}.dock-btn-right>i{font-size:14px;font-weight:700}.cart-title-text{color:#fff;font-size:15px;font-weight:700}.cart-item-counter{background:#ffc107;border-radius:12px;color:#0a1931;font-size:12px;font-weight:800;margin-left:10px;padding:2px 10px}.total-calculation-text{color:#fff;margin-right:15px;text-align:right}.total-calculation-text small{display:block;font-size:10px;opacity:.7}.total-calculation-text span{font-size:18px;font-weight:800}.btn-checkout-trigger{background:#ffc107;border:none;border-radius:12px;color:#0a1931;cursor:pointer;font-size:14px;font-weight:800;padding:12px 20px}.cart-header-navy{padding:30px 20px 0}.cart-top-nav{margin-bottom:20px}.btn-clear-cart{padding:8px 12px}.cart-hero-flex{padding-bottom:20px}.cart-hero-text h2{font-size:28px}.cart-hero-text p{color:#9ca3af}.cart-hero-illustration img{width:110px}.cart-body-white{border-radius:20px 20px 0 0;margin-top:-15px;padding:20px 16px 120px;position:relative}.cart-items-scroller-box{max-height:60vh;overflow-y:auto}.cart-item-card-new{gap:12px;padding:12px}.cart-item-img-box{height:85px}.details-top h4{font-size:14px}.btn-group-qty-inline-static{gap:6px}.variant-tags span{background:#edf2f7;border-radius:6px;font-size:10px;padding:4px 8px}.item-price-gold{font-size:15px}.btn-trash-item{height:30px;width:30px}.dock-method-selector{background:#fff6}.dock-method-selector i{color:#0a1931;font-size:18px}.selector-text small{color:#0a1931;font-size:9px;font-weight:700}.selector-text select{font-size:13px}.btn-lanjut-pembayaran,.selector-text select{background:#0000;border:none;color:#0a1931;cursor:pointer;font-weight:800}.btn-lanjut-pembayaran{align-items:center;display:flex;font-size:14px;gap:5px}.stepper-indicator-track{margin-top:15px}.step-dot,.stepper-indicator-track{align-items:center;display:flex;justify-content:center}.step-dot{background:#1e293b;border:2px solid #374151;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:30px;position:relative;width:30px}.step-dot.active{background:#ffc107;border-color:#ffc107;color:#0a1931}.step-dot small{bottom:-18px;color:#94a3b8;font-size:9px;position:absolute;white-space:nowrap}.step-dot.active small{color:#fff;font-weight:700}.step-line{background:#374151;height:3px;width:60px}.step-line.active{background:#ffc107}.input-group-field{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;display:flex;margin-bottom:12px;padding:14px 16px}.icon-wrapper{color:#4a5568;font-size:16px;text-align:center;width:25px}.input-group-field input{background:#0000;border:none;color:#0a1931;font-size:14px;font-weight:600;margin-left:8px;width:100%}.input-helper-text{color:#718096;font-size:11px;margin:-6px 0 15px 5px}.delivery-method-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.btn-method-option{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;font-size:12px;font-weight:700;padding:14px 2px;transition:.2s}.btn-method-option.selected{background:#ffc107;border-color:#ffc107;color:#0a1931}.dynamic-requirements-box{border-top:1px dashed #e2e8f0;margin-top:15px;padding-top:15px}.dynamic-label-text{color:#0a1931;display:block;font-size:12px;font-weight:800;margin-bottom:8px}.dynamic-input-time{font-weight:700}.dynamic-input-time,.dynamic-textarea-address{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;color:#0a1931;padding:12px;width:100%}.dynamic-textarea-address{font-size:13px;font-weight:500;resize:none}.pay-method-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:15px}.pay-method-row.active{background:#eff6ff;border-color:#3b82f6}.radio-circle{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.pay-method-row.active .radio-circle{border-color:#3b82f6}.pay-method-row.active .inner-dot{background:#3b82f6;border-radius:50%;height:10px;width:10px}.pay-details strong{color:#0a1931;display:block;font-size:14px;margin-bottom:2px}.pay-details small{color:#718096;font-size:11px}.accordion-trigger{color:#0a1931;cursor:pointer;font-size:14px;font-weight:700}.acc-item,.accordion-trigger{display:flex;justify-content:space-between}.acc-item{color:#4a5568;font-size:13px;margin-bottom:6px}.success-bg{background-color:#0a1931;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:20px}.success-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.success-banner-center{margin-bottom:30px;text-align:center}.circle-check-anim{color:#22c55e;font-size:70px;margin-bottom:15px}.success-info-card{margin-bottom:20px;text-align:center}.cash-instruction{background:#e6fffa;border-radius:12px;color:#006d5b;font-size:13px;margin-bottom:15px;padding:15px}.qr-payment-frame-center img{border-radius:10px;height:140px;margin-bottom:10px;width:140px}.dash-line{border:none;border-top:1px dashed #e2e8f0;margin:15px 0}.order-id-display h3{color:#0a1931;font-family:monospace;font-size:24px;font-weight:800}.progress-timeline-track{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.progress-timeline-track .node{align-items:center;display:flex;flex-direction:column;position:relative}.progress-timeline-track .dot{background:#cbd5e0;border-radius:50%;height:14px;width:14px}.progress-timeline-track .node.active .dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.progress-timeline-track .node span{color:#718096;font-size:11px;font-weight:700;margin-top:6px}.progress-timeline-track .node.active span{color:#22c55e}.progress-timeline-track .line{background:#e2e8f0;flex-grow:1;height:3px;margin-bottom:18px}.progress-timeline-track .line.active{background:#22c55e}.receipt-row-item{margin-bottom:10px}.r-left strong{color:#0a1931;display:block;font-size:14px}.r-price{color:#1a365d;font-weight:800}.receipt-total-row{border-top:1px dashed #e2e8f0;padding-top:10px}.btn-finish-transaction{background:#ffc107;border:none;border-radius:14px;color:#0a1931;cursor:pointer;font-size:16px;font-weight:800;padding:15px;width:100%}.admin-screen-container{background:#050c1a;color:#fff;min-height:100vh;padding:25px;width:100%}.admin-header-nav{border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.admin-nav-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-left:10px;padding:10px 15px}.btn-csv-download{background:#3b82f6;color:#fff}.btn-sync-data{background:#4b5563;color:#fff}.btn-exit-admin{background:#ef4444;color:#fff}.admin-highlight-banner{display:flex;gap:20px;margin-bottom:25px}.omset-box-card{background:#111827;border:1px solid #1e293b;border-left:4px solid #ffc107;border-radius:12px;flex:1 1;padding:20px}.btn-status-toggle{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:20px}.btn-status-toggle.is-open{background:#10b981;color:#fff}.btn-status-toggle.is-closed{background:#ef4444;color:#fff}.admin-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr}.admin-production-col,.admin-stock-col{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:20px}.order-ticket-card{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:12px;padding:15px}.ticket-header{display:flex;justify-content:space-between;margin-bottom:10px}.ticket-status-badge{background:#d97706;border-radius:5px;font-size:11px;font-weight:700;padding:3px 8px}.stock-control-row{align-items:center;background:#1f2937;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.btn-stock-toggle{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 15px}.btn-stock-toggle.ready{background:#10b981;color:#fff}.btn-stock-toggle.empty{background:#ef4444;color:#fff}.cart-header-navy{padding:30px 20px 20px}.btn-back-arrow{align-items:center;border:1px solid #fff3;border-radius:8px;display:flex;height:35px;justify-content:center;width:35px}.logo-small-center{width:80px}.btn-clear-cart{font-size:12px;gap:5px;padding:8px 15px}.cart-hero-flex{align-items:center}.cart-hero-text h2{font-size:26px}.cart-hero-text p{color:#e2e8f0;font-size:13px}.bag-icon-large{color:#ffffff1a;font-size:55px;margin-right:10px}.cart-item-card-new{padding:16px}.cart-item-img-box{width:75px}.details-top{margin-bottom:15px}.title-variant h4{color:#0a1931;font-size:15px;font-weight:800;margin-bottom:5px}.variant-tags{gap:4px}.details-bottom{align-items:center}.catatan-field-box{cursor:pointer}.catatan-input-area label{font-size:13px}.catatan-input-area input{font-size:12px}.summary-row{font-size:13px;margin-bottom:10px}.bottom-dock-cart{align-items:center;background:#ffc107;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -5px 20px #00000026;display:flex;justify-content:space-between;left:50%;max-width:480px;padding:18px 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.dock-method-wrapper{align-items:center;background:#ffd54f;border-radius:16px;display:flex;flex-shrink:0;gap:12px;padding:10px 16px 10px 12px}.selector-icon-box{color:#0a1931;font-size:20px}.selector-text-box small{color:#4a5568;display:block;font-size:10px;font-weight:700;margin-bottom:2px}.select-inner{align-items:center;display:flex;position:relative}.select-inner select{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#0a1931;cursor:pointer;font-size:14px;font-weight:800;outline:none;padding-right:18px;position:relative;width:100%;z-index:2}.select-inner i{color:#0a1931;font-size:11px;position:absolute;right:0;z-index:1}.btn-lanjut-pembayaran-large .btn-title{font-size:15px;font-weight:800;margin-bottom:2px}.btn-lanjut-pembayaran-large .btn-subtitle{align-items:center;color:#4a5568;display:flex;font-size:11px;font-weight:500;gap:5px}.selector-icon{align-items:center;background:#ffc1071a;border-radius:8px;color:#ffc107;display:flex;font-size:16px;height:35px;justify-content:center;width:35px}.selector-text small{color:#9ca3af}.select-wrapper{color:#fff}.select-wrapper select{color:#fff;outline:none}.btn-lanjut-pembayaran-large{align-items:flex-start;background:#ffc107;border-radius:12px;padding:12px 16px}.btn-title{font-size:14px}.btn-subtitle{font-size:10px}.cart-page-wrapper{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;position:relative}.cart-header-navy{background:#0a1931;color:#fff;padding:25px 20px 30px;position:relative}.cart-top-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.btn-back-arrow{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px}.logo-small-center{border-radius:8px;width:90px}.btn-clear-cart{align-items:center;background:#ffc107;border:none;border-radius:20px;color:#0a1931;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:6px;padding:8px 14px}.cart-hero-flex{align-items:flex-end;display:flex;justify-content:space-between;position:relative;z-index:2}.cart-hero-text h2{font-size:32px;font-weight:800;margin-bottom:5px}.cart-hero-text p{color:#fff;font-size:14px}.cart-hero-text p span{color:#ffc107;font-weight:700}.cart-hero-illustration img{display:block;height:auto;margin-bottom:-15px;width:130px}.wave-divider{background:#f8f9fa;height:15px;margin-top:-5px;position:relative;z-index:1}.wave-divider:before{background-image:radial-gradient(circle at 10px 10px,#f8f9fa 10px,#0000 11px);background-size:20px 20px;content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.cart-body-white{background:#f8f9fa;flex-grow:1;padding:15px 16px 120px}.cart-item-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 10px #00000008;display:flex;gap:15px;margin-bottom:12px;padding:14px}.cart-item-img-box{background:#ffc107;border-radius:12px;flex-shrink:0;height:90px;overflow:hidden;width:80px}.cart-item-img-box img{height:100%;object-fit:cover;width:100%}.cart-item-details-right{flex-direction:column;flex-grow:1}.cart-item-details-right,.details-top{display:flex;justify-content:space-between}.details-top{align-items:flex-start;margin-bottom:12px}.details-top h4{color:#0a1931;font-size:15px;font-weight:800;max-width:60%}.btn-group-qty-inline-static{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:8px;padding:3px}.btn-group-qty-inline-static button{border:none;border-radius:50%;cursor:pointer;font-size:14px;font-weight:700;height:26px;width:26px}.btn-group-qty-inline-static button.minus{background:#fff;border:1px solid #ccc;color:#0a1931}.btn-group-qty-inline-static button.plus{background:#ffc107;color:#0a1931}.details-bottom{align-items:flex-end;display:flex;justify-content:space-between}.variant-tags{display:flex;flex-direction:column;gap:5px}.variant-tags span{align-items:center;color:#4a5568;display:flex;font-size:11px;gap:6px}.price-and-trash{align-items:center;display:flex;gap:12px}.item-price-gold{color:#0a1931;font-size:16px;font-weight:800}.btn-trash-item{align-items:center;background:#0000;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.catatan-field-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;margin-top:15px;padding:16px}.catatan-icon{color:#3b82f6;font-size:20px}.catatan-input-area{flex-grow:1}.catatan-input-area label{color:#0a1931;display:block;font-size:12px;font-weight:800;margin-bottom:4px}.catatan-input-area input{background:#0000;border:none;color:#718096;font-size:13px;width:100%}.catatan-arrow{color:#9ca3af}.cart-summary-box{background:#0a1931;border-radius:16px;color:#fff;margin-top:20px;padding:20px}.summary-row{color:#cbd5e1;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.summary-row.discount{color:#ffc107}.summary-line{border:none;border-top:1px dashed #374151;margin:15px 0}.summary-row.total-akhir{color:#fff;font-size:18px;font-weight:800;margin-bottom:0}.bottom-dock-navigation-new{align-items:center;background:#ffc107;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -5px 20px #0003;display:flex;justify-content:space-between;left:50%;max-width:480px;padding:16px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.dock-method-selector{align-items:center;background:#ffffff80;border-radius:12px;display:flex;flex-shrink:0;gap:10px;padding:8px 12px}.selector-icon{color:#0a1931;font-size:18px}.selector-text small{color:#4a5568;display:block;font-size:10px;margin-bottom:2px}.select-wrapper{align-items:center;display:flex;gap:5px}.select-wrapper,.select-wrapper select{color:#0a1931;font-size:14px;font-weight:800}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer}.select-wrapper i{font-size:10px}.btn-lanjut-pembayaran-large{align-items:flex-end;background:#0000;border:none;color:#0a1931;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-left:15px;text-align:right}.btn-title{font-size:15px;font-weight:800;margin-bottom:2px}.btn-subtitle{align-items:center;color:#4a5568;display:flex;font-size:11px;gap:5px}.bottom-dock-step1{background:#0a1931;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -5px 20px #0000004d;justify-content:space-between;left:50%;max-width:480px;padding:15px 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.bottom-dock-step1,.dock1-left{align-items:center;display:flex}.dock1-left{color:#fff;font-size:15px;font-weight:700;gap:8px}.cart-badge{background:#ffc107;border-radius:12px;color:#0a1931;font-size:13px;font-weight:800;padding:2px 10px}.dock1-right{align-items:center;display:flex;gap:15px}.dock1-total{color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:right}.dock1-total small{color:#9ca3af;font-size:10px;margin-bottom:-2px}.dock1-total span{color:#fff;font-size:16px;font-weight:800}.btn-lihat-pesanan{background:#ffc107;border:none;border-radius:12px;color:#0a1931;cursor:pointer;font-size:14px;font-weight:800;padding:12px 20px}.bottom-dock-step2-floating{bottom:20px;left:50%;max-width:480px;padding:0 16px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.floating-dock-container{align-items:stretch;background:#ffc107;border-radius:16px;box-shadow:0 8px 30px #00000040;display:flex;overflow:hidden}.floating-left-navy{align-items:center;background:#0a1931;border-right:1px solid #ffffff1a;color:#fff;display:flex;flex-shrink:0;gap:12px;padding:12px 15px;position:relative;width:42%}.hidden-select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.icon-shop-circle{align-items:center;background:#253655;border-radius:50%;color:#ffc107;display:flex;flex-shrink:0;font-size:15px;height:38px;justify-content:center;width:38px}.text-tipe-pesanan{display:flex;flex-direction:column}.text-tipe-pesanan small{color:#e2e8f0;font-size:10px;margin-bottom:2px}.text-tipe-pesanan span{align-items:center;display:flex;font-size:14px;font-weight:800;gap:6px}.text-tipe-pesanan span i{color:#fff;font-size:10px}.floating-right-yellow{background:#ffc107;border:none;color:#0a1931;cursor:pointer;justify-content:space-between;padding:12px 15px;text-align:center}.floating-right-yellow,.text-lanjut{align-items:center;display:flex;flex-grow:1}.text-lanjut{flex-direction:column}.text-lanjut strong{color:#0a1931;font-size:14px;font-weight:800;margin-bottom:3px}.text-lanjut small{color:#4a5568;font-size:10px;font-weight:600}.floating-right-yellow>i{color:#0a1931;font-size:16px;font-weight:900;margin-left:5px}.floating-right-yellow:active{background:#e5ad06}.step2-header-container{background-color:#0a1931;padding:24px 20px 0;position:relative}.step2-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:35px}.btn-back-square{align-items:center;background:#0000;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:42px;justify-content:center;width:42px}.step2-logo{height:38px;object-fit:contain;width:auto}.btn-empty-cart{align-items:center;background-color:#ffc107;border:none;border-radius:25px;color:#0a1931;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;padding:10px 14px}.btn-empty-cart i{font-size:15px}.step2-hero-content{align-items:flex-end;display:flex;justify-content:space-between;position:relative;z-index:2}.step2-hero-text{padding-bottom:25px}.step2-hero-text h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.step2-hero-text p{color:#fff;font-size:14px;font-weight:500}.step2-hero-text p span{color:#ffc107;font-weight:800}.step2-hero-image img{display:block;height:auto;margin-bottom:-10px;width:160px}.step2-wave-bottom{background-color:#f8f9fa;height:16px;position:relative;z-index:1}.step2-wave-bottom:before{background-image:radial-gradient(circle at 10px 10px,#f8f9fa 10px,#0000 11px);background-size:20px 20px;content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.checkout-page-wrapper{background:#f4f6f9;min-height:100vh;position:relative}.step3-header-container{background-color:#0a1931;overflow:hidden;padding:20px 20px 0;position:relative}.step3-top-brand-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}.step3-logo{height:35px;object-fit:contain;position:relative;width:auto;z-index:2}.btn-bantuan-cs-small{align-items:center;background:#ffc107;border:none;border-radius:20px;color:#0a1931;cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:6px;padding:6px 14px;position:relative;z-index:2}.step3-title-row{margin-bottom:20px;position:relative;z-index:2}.btn-back-text-plain{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px}.stepper-custom-wrapper{justify-content:space-between;padding-bottom:25px;position:relative;width:70%}.step-item,.stepper-custom-wrapper{align-items:center;display:flex;z-index:2}.step-item{flex-direction:column;gap:8px}.step-circle{align-items:center;background:#0a1931;border:1px solid #64748b;border-radius:50%;color:#64748b;display:flex;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.step-circle.active{background:#ffc107;border-color:#ffc107;color:#0a1931}.step-circle.completed{background:#0a1931;border-color:#fff;color:#fff}.step-item span{color:#64748b;font-size:9px;text-align:center}.step-item span.completed-text{color:#fff}.step-item span.active-text{color:#ffc107;font-weight:800}.step-line{border-top:1px dashed #64748b;flex-grow:1;height:1px;margin:-18px 5px 0;z-index:1}.step-line.completed{border-top:1px solid #fff}.step3-hero-image{bottom:0;position:absolute;right:-5px;z-index:1}.step3-hero-image img{display:block;height:auto;margin-bottom:-15px;width:140px}.step3-wave-bottom{background-color:#f4f6f9;height:16px;position:relative;z-index:1}.step3-wave-bottom:before{background-image:radial-gradient(circle at 10px 10px,#f4f6f9 10px,#0000 11px);background-size:20px 20px;content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.checkout-body-white{background:#f4f6f9;padding:0 16px}.checkout-section{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000005;margin-bottom:16px;padding:20px}.section-title{color:#0a1931;font-size:15px;font-weight:800;margin-bottom:15px}.tipe-pesanan-grid-new{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.tipe-card-new{align-items:center;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px 5px;position:relative;text-align:center;transition:all .2s ease}.tipe-card-new.active{background:#fffdf5;border:2px solid #ffc107}.check-badge{align-items:center;background:#ffc107;border-radius:50%;color:#0a1931;display:flex;font-size:9px;height:16px;justify-content:center;position:absolute;right:6px;top:6px;width:16px}.icon-tipe{color:#1e3a8a;font-size:22px;margin-bottom:8px}.tipe-card-new.active .icon-tipe{color:#0a1931}.tipe-card-new strong{color:#0a1931;display:block;font-size:12px;margin-bottom:2px}.tipe-card-new small{color:#718096;font-size:9px;line-height:1.2}.info-box-blue{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;padding:12px 15px}.info-box-blue i{color:#3b82f6;font-size:16px;margin-top:2px}.info-box-blue strong{color:#1e3a8a;display:block;font-size:12px;margin-bottom:3px}.info-box-blue p{color:#1e3a8a;font-size:11px;line-height:1.4;margin:0}.info-box-delivery-warning{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:12px;margin-top:15px;padding:12px 15px}.info-box-delivery-warning i{color:#ef4444;font-size:16px;margin-top:2px}.info-box-delivery-warning strong{color:#b91c1c;display:block;font-size:12px;margin-bottom:3px}.info-box-delivery-warning p{color:#b91c1c;font-size:11px;line-height:1.4;margin:0}.form-group-modern{width:100%}.input-with-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;padding:0 15px;transition:border .2s}.input-with-icon:focus-within{border-color:#0a1931}.input-with-icon i{color:#1e3a8a;font-size:16px;width:25px}.input-with-icon input,.input-with-icon textarea{background:#0000;border:none;color:#0a1931;flex-grow:1;font-size:13px;font-weight:500;outline:none;padding:15px 0}.input-with-icon textarea{resize:none}.input-with-icon.align-top{align-items:flex-start}.helper-text{color:#9ca3af;display:block;font-size:11px;margin-left:5px;margin-top:6px}.title-with-badge{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:15px}.secure-badge{color:#4a5568;font-size:10px;gap:5px}.pay-card-new,.secure-badge{align-items:center;display:flex}.pay-card-new{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s}.pay-card-new.active{background:#f8fafc;border-color:#0a1931}.pay-card-left{gap:12px}.pay-card-left,.radio-custom{align-items:center;display:flex}.radio-custom{border:2px solid #cbd5e1;border-radius:50%;height:18px;justify-content:center;width:18px}.pay-card-new.active .radio-custom{border-color:#0a1931}.radio-dot{background:#0000;border-radius:50%;height:8px;width:8px}.pay-card-new.active .radio-dot{background:#ffc107}.icon-pay-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0a1931;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.pay-card-left strong{color:#0a1931;display:block;font-size:14px;margin-bottom:2px}.pay-card-left small{color:#718096;font-size:11px}.pay-card-right-logo{color:#0a1931;font-size:16px;font-weight:900;letter-spacing:-1px}.pay-card-right-logo.green{color:#22c55e;font-size:22px}.summary-section{padding-bottom:10px}.summary-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px}.toggle-summary{align-items:center;color:#0a1931;display:flex;font-size:12px;font-weight:700;gap:5px}.summary-items-dropdown{margin-bottom:15px}.s-item-row{color:#4a5568;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.s-item-row.discount{color:#f59e0b;font-weight:700}.s-divider{border:none;border-top:1px dashed #e2e8f0;margin:15px 0}.summary-calc-row{color:#4a5568;font-size:13px;margin-bottom:12px}.summary-calc-row,.summary-total-row{display:flex;justify-content:space-between}.summary-total-row{align-items:center;border-top:1px dashed #e2e8f0;margin-top:15px;padding-top:15px}.summary-total-row span:first-child{color:#0a1931;font-size:16px;font-weight:800}.total-amount{color:#0a1931;font-size:24px;font-weight:900}.checkout-footer-dock{background:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -10px 30px #0000000d;left:50%;max-width:480px;padding:16px 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.security-notice{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 15px}.shield-icon-large{color:#0a1931;font-size:22px}.security-text-box strong{color:#0a1931;display:block;font-size:12px;margin-bottom:2px}.security-text-box small{color:#718096;display:block;font-size:11px;line-height:1.3}.btn-lanjut-final{align-items:center;background:#ffc107;border:none;border-radius:12px;color:#0a1931;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;padding:16px;width:100%}.instruction-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000008;margin-bottom:16px;padding:20px}.instruction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.instruction-header h3{color:#0a1931;font-size:14px;font-weight:800}.method-badge-dropdown{align-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#0a1931;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:8px;padding:6px 12px}.chevron-icon{color:#64748b;font-size:10px;margin-left:5px}.qris-subtitle{color:#64748b;font-size:12px;line-height:1.5;margin-bottom:20px;text-align:left}.qris-total-box{margin-bottom:20px;text-align:center}.qris-total-box small{color:#64748b;font-size:12px;font-weight:600}.qris-total-box h1{color:#1e3a8a;font-size:32px;font-weight:900;letter-spacing:-1px;margin:5px 0 10px}.order-id-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:11px;font-weight:600;padding:4px 12px}.qris-image-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #00000005;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.qris-logo-top{align-items:center;color:#0a1931;display:flex;font-size:22px;font-weight:900;gap:5px;letter-spacing:-1px;margin-bottom:15px}.qris-image-wrapper img{height:auto;margin-bottom:15px;max-width:220px;width:100%}.nmid-text{color:#64748b;font-size:11px;font-weight:500;line-height:1.4;text-align:center}.cara-bayar-box{background:#f8fafc;border-radius:12px;padding:15px}.cara-bayar-box h4{color:#0a1931;font-size:12px;font-weight:700;margin-bottom:10px}.cara-bayar-box ol{color:#475569;font-size:11px;line-height:1.6;margin:0;padding-left:20px}.tunai-content{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:15px;padding:15px}.tunai-illustration{align-items:center;background:#22c55e;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:45px;justify-content:center;width:45px}.tunai-text-info h4{color:#166534;font-size:13px;font-weight:800;margin-bottom:4px}.tunai-text-info p{color:#166534;font-size:11px;line-height:1.4;margin:0}.summary-detail-card .summary-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px}.summary-items-full{margin-bottom:15px}.summary-item-row-full{align-items:center;display:flex;gap:12px;margin-bottom:15px}.s-img-menu{border-radius:8px;height:55px;object-fit:cover;width:45px}.s-item-mid{flex-grow:1}.s-item-mid h4{color:#0a1931;font-size:13px;font-weight:700;margin-bottom:2px}.s-item-mid small{color:#64748b;display:block;font-size:10px;margin-bottom:6px}.qty-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:10px;font-weight:700;padding:3px 6px}.s-item-right{color:#0a1931;font-size:13px;font-weight:800}.confirmation-box-new{display:flex;flex-direction:column;gap:15px;padding:20px}.tunai-notice-box-new{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:5px;padding:15px}.icon-cash-green{color:#22c55e;font-size:20px;margin-top:2px}.tunai-notice-box-new strong{color:#0a1931;display:block;font-size:12px;font-weight:800;margin-bottom:3px}.tunai-notice-box-new p{color:#475569;font-size:11px;line-height:1.4;margin:0}.confirm-action-area{align-items:center;display:flex;gap:12px;margin-bottom:5px}.check-circle-green{align-items:center;border:1px solid #22c55e;border-radius:50%;color:#22c55e;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.confirm-text strong{color:#0a1931;display:block;font-size:12px;margin-bottom:3px}.confirm-text p{color:#64748b;font-size:10px;line-height:1.3;margin:0}.btn-saya-sudah-bayar{background:#0a1931;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:14px;transition:opacity .2s;width:100%}.btn-saya-sudah-bayar:active{opacity:.8}.footer-navy-secure{align-items:center;background:#0a1931;border-radius:20px 20px 0 0;bottom:0;color:#fff;display:flex;gap:12px;left:50%;max-width:480px;padding:18px 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.footer-navy-secure i{color:#fff;font-size:22px}.footer-navy-secure strong{display:block;font-size:12px;margin-bottom:3px}.footer-navy-secure p{color:#cbd5e1;font-size:10px;margin:0}.step5-header-container{padding:20px 20px 0;position:relative}.step5-title-row{margin-bottom:20px;position:relative;z-index:2}.step5-subtitle{color:#9ca3af;display:block;font-size:12px;font-weight:500;margin-left:30px;margin-top:5px}.step5-body-content{margin-top:10px;padding:0 15px 50px}.success-white-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px 20px;position:relative;z-index:2}.success-icon-wrapper{height:100px;margin:0 auto 15px;position:relative;width:100px}.check-circle-large-green,.success-icon-wrapper{align-items:center;display:flex;justify-content:center}.check-circle-large-green{background:#22c55e;border-radius:50%;box-shadow:0 4px 10px #22c55e4d;color:#fff;font-size:26px;height:55px;width:55px;z-index:2}.c-dot{border-radius:2px;position:absolute}.c-blue{background:#3b82f6}.c-green{background:#22c55e}.c-yellow{background:#eab308}.p1{height:6px;left:10%;top:15%;transform:rotate(15deg);width:6px}.p2{height:4px;right:15%;top:30%;width:4px}.p3{bottom:15%;height:8px;left:20%;width:8px}.p3,.p4{border-radius:50%}.p4{height:5px;right:30%;top:10%;width:5px}.p5{bottom:20%;height:6px;right:10%;transform:rotate(-20deg);width:6px}.success-text-center{margin-bottom:20px;text-align:center}.success-text-center h3{color:#1e3a8a;font-size:16px;font-weight:800;margin-bottom:5px}.success-text-center h2{color:#0a1931;font-size:15px;font-weight:800;margin-bottom:6px}.success-text-center p{color:#64748b;font-size:12px;margin:0}.order-details-dashed{border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:25px;padding:15px;text-align:center}.order-details-dashed small{color:#64748b;display:block;font-size:11px;margin-bottom:4px}.order-details-dashed h3{color:#0a1931;font-size:16px;font-weight:800}.order-details-dashed p{color:#0a1931;font-size:13px;font-weight:600;margin:0}.status-timeline-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;overflow:hidden}.status-current-info{align-items:flex-start;background:#f0fdf4;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 15px}.status-current-info i{color:#166534;font-size:16px;margin-top:2px}.status-current-info strong{color:#166534;display:block;font-size:12px;font-weight:800;margin-bottom:3px}.status-current-info p{color:#15803d;font-size:11px;line-height:1.3;margin:0}.timeline-track-new{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 15px}.t-node{flex-direction:column;gap:8px;width:60px;z-index:2}.t-icon-check,.t-node{align-items:center;display:flex}.t-icon-check{background:#22c55e;border-radius:50%;color:#fff;font-size:10px;height:22px;justify-content:center;width:22px}.circle-empty{background:#fff;border:2px solid #cbd5e1;border-radius:50%;height:20px;width:20px}.ring-pulse{align-items:center;background:#fff;border:2px solid #22c55e;border-radius:50%;display:flex;height:22px;justify-content:center;padding:2px;width:22px}.ring-inner{background:#22c55e;border-radius:50%;height:100%;width:100%}.t-text{color:#0a1931;font-size:10px;font-weight:700;text-align:center}.t-text small{color:#64748b;display:block;font-size:9px;font-weight:500;margin-top:2px}.t-line{background:#e2e8f0;flex-grow:1;height:2px;margin:10px -10px 0;z-index:1}.t-line.active{background:#22c55e}.step5-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:25px}.btn-outline-home{align-items:center;background:#0000;border:1px solid #cbd5e1;border-radius:10px;color:#0a1931;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;padding:14px;transition:background .2s}.btn-outline-home:active{background:#f8fafc}.btn-yellow-orders{align-items:center;background:#ffc107;border:none;border-radius:10px;color:#0a1931;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;padding:14px;transition:opacity .2s}.btn-yellow-orders:active{opacity:.8}.btn-cancel-order{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background .2s}.btn-cancel-order:hover{background-color:#dc2626}.btn-download-qris{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0a1931;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:8px;margin-top:15px;padding:8px 16px;transition:all .2s}.btn-download-qris:active{background:#e2e8f0}.active-order-banner{background-color:#10b981;box-shadow:0 4px 15px #10b98140;color:#fff;cursor:pointer;justify-content:space-between;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.active-order-banner,.aob-left{align-items:center;display:flex}.aob-left{gap:14px}.pulse-ring{animation:pulse-white-animation 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes pulse-white-animation{0%{box-shadow:0 0 0 0 #ffffffb3}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 0 0 #fff0}}.aob-left strong{display:block;font-size:13px;font-weight:800;margin-bottom:2px}.aob-left small{font-size:11px;opacity:.85}.btn-pesan-lagi-header{align-items:center;background-color:#ffc107;border:none;border-radius:20px;color:#0a1931;cursor:pointer;display:flex;font-size:12px;font-weight:800;gap:6px;padding:8px 16px}.btn-send-wa{background-color:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background .2s}.btn-send-wa:hover{background-color:#128c7e}.header-navigation-top{align-items:top}.navy-hero-section{display:block!important;height:auto!important;min-height:auto!important;padding:2px 15px 15px}.header-navigation-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0!important}.logo-brand-main{height:100px;object-fit:contain;width:auto}.header-action-buttons{align-items:center;display:flex;gap:8px;margin-top:18px}.hero-typography-flex{align-items:center;display:flex;gap:0!important;justify-content:space-between;margin-top:-35px!important}.text-container{flex:1 1}.text-container h1{font-size:17px;line-height:1.35;margin:0!important}.illustration-container{display:flex;flex-shrink:0;justify-content:flex-end;width:220px}.illustration-container img{display:block;height:auto;object-fit:contain;width:100%}.navy-hero-section.compact-mode{border-bottom:1px solid #ffffff1a;padding-bottom:20px!important}.cheers-mini-header{height:40px;object-fit:contain;opacity:.85;width:auto}.step-view{margin-top:15px}
/*# sourceMappingURL=main.84a5170a.css.map*/