body{font-family:Inter,sans-serif;background-color:#eaf0fa}.landing-container{max-width:430px;margin:auto;background-color:#0f172a;overflow:hidden;min-height:100vh}.landing-image-section{padding:20px;background-color:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px;position:relative}.landing-slider{position:relative;width:100%;overflow:hidden}.landing-slides{display:flex;transition:transform .5s ease-in-out}.landing-slides img{width:100%;border-radius:20px}.landing-dots{text-align:center;margin:0 auto 25px}.landing-dot{display:inline-block;width:8px;height:8px;margin:0 4px;background-color:#cbd5e1;border-radius:50%;cursor:pointer}.landing-dot.active{background-color:#334155}.landing-content{background-color:#0f172a;padding:30px 20px;color:#fff;text-align:center;border-top-left-radius:40px;border-top-right-radius:40px;position:relative}h2{font-size:20px;margin-bottom:10px}p{font-size:14px;color:#cbd5e1;margin-bottom:20px}.landing-btn{margin-top:20px;background-color:#fff;color:#0f172a;padding:12px;width:100%;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.landing-btn:hover{background-color:#e2e8f0}.list-container{max-width:430px;margin:auto;background:#fff;min-height:85vh;height:85vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-top:20px}.list-header-text h1{font-size:24px;color:#1a1a1a;line-height:1.4}.list-header-icons{display:flex;justify-content:space-between;align-items:center;gap:20px}.list-search-icon{width:40px;height:40px;background:#f4f4f4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.list-contact-icon{width:40px;height:40px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.list-categories-wrapper{margin-bottom:10px;overflow-x:auto;padding:10px 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;min-height:150px;height:150px}.list-categories-wrapper::-webkit-scrollbar{display:none}.list-categories-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.list-categories{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.list-categories .button-list-categories{flex:0 0 auto;padding:16px;border-radius:20px;border:2px solid #cecece;color:#333;font-weight:700;white-space:nowrap}.list-categories .active{background:#1a1a1a;color:#fff}.button-list-categories img{width:100px;height:100px;display:block}.list-popular{padding:0 20px;margin-top:10px;margin-bottom:10px}.list-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.list-section-header h2{font-size:18px}.list-section-header a{font-size:14px;color:#666;text-decoration:none}.list-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;overflow-y:hidden;transition:max-height .3s ease}.list-toggle-scroll{font-size:14px;color:#666;text-decoration:underline;cursor:pointer}.list-cards::-webkit-scrollbar{width:5px}.list-cards::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.list-cards::-webkit-scrollbar-track{background:transparent}.list-card{background:#f9f9f9;padding:10px;border-radius:16px;position:relative;text-align:center}.list-card img{width:140px;height:140px;object-fit:contain}.list-card h3{margin:.5rem 0;font-size:16px}.list-card p{font-size:.85rem;color:#555}.list-price{font-size:14px;color:#f16b4a;font-weight:700}.list-add-btn{position:absolute;bottom:10px;right:10px;background:#ff6e42;border:none;color:#fff;border-radius:50%;width:28px;height:28px;font-size:1.2rem;padding-bottom:1px}.rounded-bottom{height:50px;margin-top:-5px;background-color:#1a1a2e}.list-promo{max-width:430px;width:100%}.list-main{overflow-y:auto;overflow-x:hidden;padding:0;max-height:50vh;min-height:35vh}.notif-container{z-index:100;position:absolute;width:100%;height:100%;background-color:#000c;text-align:center;align-content:end;padding:20px}.notif-text{font-size:16px}.enable-notif{background-color:#f16b4a;border:none;font-size:16px;font-weight:700;height:50px;width:120px;border-radius:10px;margin:10px}.later-notif{border:none;font-size:16px;font-weight:700;height:50px;width:120px;border-radius:10px;margin:10px}.load-spinner-container{margin:0 auto;text-align:center}.load-spinner-container img{width:32px;height:32px}.list-series-dropdown{width:100%}.unread-count{font-size:12px;background-color:red;padding:5px;width:25px;height:25px;text-align:center;border-radius:50%;position:relative;margin-top:-25px}.container{max-width:430px;margin:auto;background:#fff;min-height:85vh;display:flex;flex-direction:column}.orders{padding:20px;overflow-y:auto;overflow-x:hidden;max-height:70vh}.order-card{background:#f6f6f6;border-radius:16px;display:flex;align-items:center;padding:12px;margin-bottom:15px;gap:12px}.order-card img{width:60px;height:60px}.order-info{flex:1}.order-info h2{font-size:18px;margin-bottom:4px}.order-info p{font-size:12px;color:#888}.price{color:#f2672e;font-weight:600}.status{padding:6px 10px;border-radius:12px;font-size:18px;font-weight:600}.status.delivered{background:#e0e0e0;color:#555}.status.pending{background:#ffe8a1;color:#a67c00}.status.processing{background:#cfe3ff;color:#2a6edb}.status.logout{background:#eccac8;color:#962e29}.menu-top{padding:15px 0 0;margin:15px 20px 0;background-color:#000;border-radius:30px;color:#fff}.menu-top h2{margin-left:20px}.user-card{background-color:#f1f1f1;padding:20px;border-radius:30px;text-align:center;color:#000}.user-container{width:90px;height:90px;margin:0 auto;border:3px solid #cecece;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-photo{width:60px;height:60px;margin:0 auto}.user-name{margin:0 auto;padding:10px 0}.logout-cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:100}.logout-warning{padding:20px;margin:50vh auto;width:200px;text-align:center;background:#fff;border-radius:10px}*{box-sizing:border-box;margin:0;padding:0}.login-body{font-family:Inter,sans-serif;background:linear-gradient(to bottom,#f1f5f9,#cbd5e1);display:flex;justify-content:center;align-items:center;height:100vh}.login-container{width:350px;background-color:#fff;border-radius:30px;padding:30px 25px;box-shadow:0 10px 20px #0000000d}.login-back-arrow{font-size:24px;margin-bottom:20px;cursor:pointer}h2.login-heading{font-size:24px;margin-bottom:8px;font-weight:600}p.login-para{font-size:14px;color:#64748b;margin-bottom:25px}.login-input-group{position:relative;margin-bottom:15px}.login-input-group input{width:100%;padding:14px 50px 14px 45px;border:none;border-radius:20px;background-color:#f1f5f9;font-size:14px;color:#0f172a}.login-input-group .icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.login-input-group .eye{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:20px;color:#64748b}.login-options label{display:flex;align-items:center;gap:6px}.login-options input[type=checkbox]{accent-color:#0f172a}.login-options a{color:#f97316;text-decoration:none}.login-btn{width:100%;padding:14px;border:none;border-radius:25px;background-color:#0f172a;color:#fff;font-weight:600;font-size:16px;cursor:pointer;margin-bottom:20px}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.login-logo{max-width:280px}.error-message{color:red;text-align:center}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:#eaf0fa}.promo-container{max-width:430px;margin:auto;background:#fff;min-height:85vh;height:85vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:20px}.header-text h1{font-size:24px;color:#1a1a1a;line-height:1.4}.search-icon{width:40px;height:40px;background:#f4f4f4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.categories-wrapper{margin-bottom:10px;overflow-x:auto;padding:10px 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch}.categories-wrapper::-webkit-scrollbar{display:none}.categories-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.categories{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.categories button{flex:0 0 auto;padding:8px 16px;border-radius:20px;border:none;background:#f2f2f2;color:#333;font-weight:700;white-space:nowrap}.categories .active{background:#1a1a1a;color:#fff}.popular{padding:0 20px;margin-top:10px;margin-bottom:10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2{font-size:18px}.section-header a{font-size:14px;color:#666;text-decoration:none}.promo-list{padding:20px;overflow-y:auto;overflow-x:hidden}.promo-order-card{background:#f6f6f6;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;align-items:center;padding:12px;margin-bottom:15px;gap:12px}.promo-order-card img{width:60px;height:60px}.promo-order-info{flex:1}.promo-order-info h2{font-size:18px;margin-bottom:4px}.promo-order-info p{font-size:14px;color:#888}.promo-price{color:#f2672e;font-weight:600}.promo-status{padding:5px 0 10px;font-size:14px;font-weight:600}.promo-status .delivered{background:#e0e0e0;color:#555}.promo-status .pending{background:#ffe8a1;color:#a67c00}.promo-status .processing{background:#cfe3ff;color:#2a6edb}.promo-card{background:#f6f6f6;border-radius:16px}.promo-image{width:100%;border-top-left-radius:16px;border-top-right-radius:16px}.main{overflow-y:auto;overflow-x:hidden;padding:0;max-height:70vh}a{text-decoration:none;color:inherit}[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}[data-rmiz-modal-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion: reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}.products-app{display:flex;flex-direction:column;min-height:85vh;height:85vh;max-width:430px;margin:auto;background-color:#0b1f38;overflow-y:auto;overflow-x:hidden}.products-content{flex:1;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;padding:1rem;display:flex;flex-direction:column}.products-categories-wrapper{margin-bottom:10px;overflow-x:auto;padding:10px 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;height:50px;min-height:50px}.products-categories-wrapper::-webkit-scrollbar{display:none}.products-categories-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.products-categories{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.products-categories button{flex:0 0 auto;padding:8px 16px;border-radius:20px;border:none;background:#f2f2f2;color:#333;font-weight:700;white-space:nowrap}.products-categories .products-active{background:#1a1a1a;color:#fff}.products-header{position:relative;display:flex;align-items:center;padding:1.2rem 1rem .8rem;color:#fff;background-color:transparent;margin-top:1.2rem;margin-bottom:1.2rem}.products-header h1{position:absolute;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:600;margin:0}.products-back-button{font-size:1.2rem;background:none;border:1px solid #fff;color:#fff;cursor:pointer;z-index:1;padding:.5rem .6rem;border-radius:50%;margin-left:10px}.products-search-bar-wrapper{padding:0 1rem;margin-top:.5rem;margin-bottom:2rem}.products-search-bar{display:flex;gap:.5rem;background:#fff;border-radius:25px;padding:.5rem .75rem;box-shadow:0 2px 8px #0000000d}.products-search-bar input{flex:1;border:none;outline:none;font-size:1rem}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.products-card{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 1px 5px #0000001a;text-align:center}.products-card img{width:100%;border-radius:10px}.products-card h2{font-size:1rem;margin:.5rem 0 .25rem}.products-card p{color:#888;margin:0;font-size:.85rem}.products-price-add{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.products-price-add span{color:#f66;font-weight:700}.products-add-btn{background:#ff6f61;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer}.products-search-bar{background:#fff;border-radius:30px;display:flex;align-items:center;padding:1rem 1.5rem;margin-bottom:1.5rem;max-width:90%;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000000d}.products-search-bar input{border:none;outline:none;flex:1;margin:0 .5rem;font-size:.95rem;color:#333}.products-material-icons{font-size:20px;color:#888}.products-filter-icon{cursor:pointer}.products-color-graphite{width:20px;height:20px;background-color:#41424c;position:relative;top:0;right:0}.products-filter-button{padding:10px 20px;background:#ccc;border:none;height:36px;margin:-8px -12px;border-bottom-right-radius:30px;border-top-right-radius:30px}.products-black-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:900}.products-error-message{z-index:1000;background-color:#eccac8;padding:20px;display:flex;gap:1rem;justify-content:space-around}.products-error-message img{flex:1;width:36px;height:36px}.products-error-message div{flex:10;color:#962e29}.products-error-message button{background-color:#eccac8;border:none;position:absolute;font-size:26px;top:10px;right:10px}.store-location-comp{margin:10px auto!important;color:#00f!important;font-size:15px!important}.filter-panel{background:#fff;border-radius:20px 20px 0 0;padding:15px;font-family:Inter,sans-serif;color:#0f172a}.filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #000}.filter-title h1{font-size:1.25rem;font-weight:600;margin:0}.refresh-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#334155}.price-section{margin-bottom:24px}.price-section h2{font-size:1.05rem;font-weight:600;margin-bottom:12px}.price-section input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#e2e8f0;border-radius:2px;outline:none;margin-bottom:8px}.price-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#0f172a;cursor:pointer}.price-section input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#0f172a;cursor:pointer}.price-values{display:flex;justify-content:space-between;font-size:15px;color:#475569}.categories-section,.recent-section{margin-bottom:24px}.categories-section h2,.recent-section h2{font-size:1.05rem;font-weight:600;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:6px 14px;border-radius:20px;background:#f1f5f9;border:none;font-size:16px;color:#0f172a;cursor:pointer;transition:background .2s ease,color .2s ease}.chip.active{background:#0f172a;color:#fff}.apply-btn{width:100%;padding:14px;background:#0f172a;color:#fff;border-radius:25px;border:none;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px}.filter-overlay{position:fixed;left:0;bottom:-100%;width:100%;height:90%;background:#fff;box-shadow:-2px 0 8px #0003;transition:right .3s ease;z-index:1000;overflow-y:auto;padding:16px;border-top-left-radius:20px;border-top-right-radius:20px}.filter-overlay.open{bottom:0}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:20px}.page-button{font-size:18px;padding:5px 15px;background:#f3f3f3;border:none}.active-button{background-color:#00f;color:#fff}.footer-container{max-width:430px;margin:auto;background:#1a1a2e;min-height:10vh;display:flex;flex-direction:column;justify-content:end;padding-bottom:70px}footer{position:fixed;bottom:0;width:100%;max-width:430px;background:#1a1a2e;color:#fff;display:flex;justify-content:space-around;height:65px}.nav-icon{display:flex;flex-direction:column;align-items:center;font-size:20px;opacity:.6}.nav-icon span{margin-top:2px;font-size:16px}.center-icon{font-size:30px;margin-top:-20px;color:#1a1a2e;background:#fff;padding:10px;border-radius:50%}.nav-icon.active{opacity:1}.rounded-bottom{height:50px;margin-top:-5px;background-color:#1a1a2e;border-bottom:1px solid #1a1a2e}.rounded-bottom .bottom-radius{height:40px;background:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.brand-back-button{font-size:1.2rem;background:none;border:1px solid #fff;color:#fff;cursor:pointer;z-index:1;padding:.5rem .6rem;border-radius:50%;margin-left:10px}.no-item-object{display:grid;grid-column:auto;justify-content:center;align-items:center;text-align:center;padding-top:10px;color:#cecece}.no-item-object img{width:140px;height:140px;margin:10px auto}.brand-app{display:flex;flex-direction:column;min-height:100vh;height:85vh;max-width:430px;margin:auto;background-color:#0b1f38;overflow-y:auto;overflow-x:hidden}.brand-content{flex:1;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;padding:1rem;display:flex;flex-direction:column}.brand-categories-wrapper{margin-bottom:10px;overflow-x:auto;padding:10px 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;height:50px;min-height:50px}.brand-categories-wrapper::-webkit-scrollbar{display:none}.brand-categories-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.brand-categories{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.brand-categories button{flex:0 0 auto;padding:8px 16px;border-radius:20px;border:none;background:#f2f2f2;color:#333;font-weight:700;white-space:nowrap}.brand-categories .brand-active{background:#1a1a1a;color:#fff}.brand-header{position:relative;display:flex;align-items:center;padding:1.2rem 1rem .8rem;color:#fff;background-color:transparent;margin-top:1.2rem;margin-bottom:1.2rem}.brand-header h1{position:absolute;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:600;margin:0}.brand-back-button{font-size:1.2rem;background:none;border:1px solid #fff;color:#fff;cursor:pointer;z-index:1;padding:.5rem .6rem;border-radius:50%;margin-left:10px;width:50px;height:50px}.brand-search-bar-wrapper{padding:0 1rem;margin-top:.5rem;margin-bottom:2rem}.brand-search-bar{display:flex;gap:.5rem;background:#fff;border-radius:25px;padding:.5rem .75rem;box-shadow:0 2px 8px #0000000d}.brand-search-bar input{flex:1;border:none;outline:none;font-size:1rem}.brand-filter-button{background:#eee;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2rem;cursor:pointer}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.brand-card{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 1px 5px #0000001a;text-align:center}.brand-card img{width:100%;border-radius:10px}.brand-card h2{font-size:1rem;margin:.5rem 0 .25rem}.brand-card p{color:#888;margin:0;font-size:.85rem}.brand-price-add{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.brand-price-add span{color:#f66;font-weight:700}.brand-add-btn{background:#ff6f61;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer}.brand-search-bar{background:#fff;border-radius:30px;display:flex;align-items:center;padding:1rem 1.5rem;margin-bottom:1.5rem;max-width:90%;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000000d}.brand-search-bar input{border:none;outline:none;flex:1;margin:0 .5rem;font-size:.95rem;color:#333}.brand-material-icons{font-size:20px;color:#888}.brand-filter-icon{cursor:pointer}.serie-app{display:flex;flex-direction:column;min-height:100vh;height:85vh;max-width:430px;margin:auto;background-color:#0b1f38;overflow-y:auto;overflow-x:hidden}.serie-content{flex:1;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;padding:1rem;display:flex;flex-direction:column}.serie-categories-wrapper{margin-bottom:10px;overflow-x:auto;padding:10px 20px;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;height:50px;min-height:50px}.serie-categories-wrapper::-webkit-scrollbar{display:none}.serie-categories-wrapper.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.serie-categories{display:flex;gap:10px;flex-wrap:nowrap;width:max-content}.serie-categories button{flex:0 0 auto;padding:8px 16px;border-radius:20px;border:none;background:#f2f2f2;color:#333;font-weight:700;white-space:nowrap}.serie-categories .serie-active{background:#1a1a1a;color:#fff}.serie-header{position:relative;display:flex;align-items:center;padding:1.2rem 1rem .8rem;color:#fff;background-color:transparent;margin-top:1.2rem;margin-bottom:1.2rem}.serie-header h1{position:absolute;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:600;margin:0}.serie-back-button{font-size:1.2rem;background:none;border:1px solid #fff;color:#fff;cursor:pointer;z-index:1;padding:.5rem .6rem;border-radius:50%;margin-left:10px}.serie-search-bar-wrapper{padding:0 1rem;margin-top:.5rem;margin-bottom:2rem}.serie-search-bar{display:flex;gap:.5rem;background:#fff;border-radius:25px;padding:.5rem .75rem;box-shadow:0 2px 8px #0000000d}.serie-search-bar input{flex:1;border:none;outline:none;font-size:1rem}.serie-filter-button{background:#eee;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2rem;cursor:pointer}.serie-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.serie-card{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 1px 5px #0000001a;text-align:center}.serie-card img{width:100%;border-radius:10px}.serie-card h2{font-size:1rem;margin:.5rem 0 .25rem}.serie-card p{color:#888;margin:0;font-size:.85rem}.serie-price-add{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.serie-price-add span{color:#f66;font-weight:700}.serie-add-btn{background:#ff6f61;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer}.serie-search-bar{background:#fff;border-radius:30px;display:flex;align-items:center;padding:1rem 1.5rem;margin-bottom:1.5rem;max-width:90%;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000000d}.serie-search-bar input{border:none;outline:none;flex:1;margin:0 .5rem;font-size:.95rem;color:#333}.serie-material-icons{font-size:20px;color:#888}.serie-filter-icon{cursor:pointer}.detail-page{max-width:430px;margin:auto;background:#fff;border-radius:30px 30px 0 0;overflow:hidden;position:relative;min-height:100vh;display:flex;flex-direction:column}.detail-back-btn{position:absolute;top:20px;left:20px;background:#fff;border:none;border-radius:50%;font-size:1.2rem;z-index:10;cursor:pointer;box-shadow:0 2px 5px #0000001a;width:50px;height:50px}.detail-product-image{display:flex;justify-content:center;padding:4rem 1rem 2rem;background:linear-gradient(to bottom,#f4f8ff,#f1f1f1);border-bottom-left-radius:50% 15%;border-bottom-right-radius:50% 15%}.detail-product-image img{width:180px;height:auto}.detail-content{padding:1.2rem 1.2rem 5rem;flex:1}.detail-product-header{display:flex;justify-content:space-between;align-items:center}.detail-product-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.detail-stock{color:gray;margin:.3rem 0 1rem}.detail-quantity{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:#1a1a1a}.detail-qty-btn{width:30px;height:30px;border-radius:50%;border:none;background:#1f2c3b;color:#fff;font-size:1rem;cursor:pointer}.detail-section{margin-top:1.5rem}.detail-section h3{margin-bottom:.5rem;font-size:1rem;color:#1a1a1a}.detail-section h3.detail-price{margin-bottom:.5rem;font-size:1.2rem;color:#f66}.detail-description{color:#777;font-size:.9rem}.detail-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#0b1f38;width:100%;max-width:430px;border-top-left-radius:20px;border-top-right-radius:20px;padding:1rem}.detail-btn{background:#25d366;color:#fff;font-weight:700;border:none;border-radius:30px;padding:.6rem 1.5rem;font-size:1.2rem;cursor:pointer;margin:0 auto;width:100%}html,body{height:100%;margin:0;padding:0;background:#f0f3f9;font-family:Inter,sans-serif}.profil-app{display:flex;flex-direction:column;min-height:100vh;height:85vh;max-width:430px;margin:auto;background-color:#0b1f38;overflow-y:auto;overflow-x:hidden}.profil-content{flex:1;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;padding:1rem;display:flex;text-align:center;flex-direction:column}.profil-header{position:relative;display:flex;align-items:center;padding:1.2rem 1rem .8rem;color:#fff;background-color:transparent;margin-top:1.2rem;margin-bottom:1.2rem}.profil-header h1{position:absolute;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:600;margin:0}.profil-back-button{font-size:1.2rem;background:none;border:1px solid #fff;color:#fff;cursor:pointer;z-index:1;border-radius:50%;margin-left:10px;width:50px;height:50px}.profil-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profil-list{padding:20px;overflow-y:auto;overflow-x:hidden}.profil-card{background:#fff;border-radius:15px;padding:1rem;box-shadow:0 1px 5px #0000001a;text-align:center}.profil-card img{width:100%;border-radius:10px}.profil-card h2{font-size:1rem;margin:.5rem 0 .25rem}.profil-card p{color:#888;margin:0;font-size:.85rem}.profil-price-add{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.profil-price-add span{color:#f66;font-weight:700}.profil-add-btn{background:#ff6f61;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer}.profil-disabled-input{background:#fafafa;border-radius:30px;display:flex;align-items:center;padding:1rem 1.5rem;margin-top:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000000d}.profil-disabled-input input{border:none;outline:none;flex:1;margin:0 .5rem;font-size:.95rem;color:#333}.profil-material-icons{font-size:20px;color:#888}.profil-input-icon{cursor:pointer}.transaction-content{flex:1;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;display:flex;flex-direction:column}.transaction-list{padding:20px;overflow-y:auto;overflow-x:hidden}.transaction-card{background:#f6f6f6;border-radius:16px}.transaction-order-card{background:#f6f6f6;border-radius:16px;display:flex;align-items:center;padding:12px;margin-bottom:15px;gap:12px}.transaction-order-card img{width:60px;height:60px}.transaction-order-info{flex:1}.transaction-order-info h2{font-size:18px;margin-bottom:4px}.transaction-order-info p{font-size:14px;color:#888}.transaction-detail{border-top:1px solid #ccc;font-size:14px;text-align:right;display:grid;padding-top:10px;grid-template-columns:180px auto;margin-bottom:15px}.transaction-price{color:#f2672e;font-weight:600;text-align:right;display:grid;grid-template-columns:180px auto}.transaction-status{padding:5px 0 10px;font-size:14px;font-weight:600}.black-timeline{margin-top:20px}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#0b1f38;top:0;bottom:0;left:50%;margin-left:-3px}.tmln-container{padding:10px 40px;position:relative;background-color:inherit;width:50%}.tmln-container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#0b1f38;border:4px solid #0b1f38;top:15px;border-radius:50%;z-index:1}.tmln-left{left:0}.tmln-right{left:50%}.tmln-left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid #0b1f38;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #0b1f38}.tmln-right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid #0b1f38;border-width:10px 10px 10px 0;border-color:transparent #0b1f38 transparent transparent}.tmln-right:after{left:-16px}.tmln-content{padding:10px;background-color:#f1f1f1;position:relative;border-radius:6px;border:1px solid #000}.tlmn-desc{margin:10px;font-size:15px;color:#000}@media screen and (max-width: 600px){.timeline:after{left:31px}.tmln-container{width:100%;padding-left:70px;padding-right:25px}.tmln-container:before{left:60px;border:medium solid #0b1f38;border-width:10px 10px 10px 0;border-color:transparent #0b1f38 transparent transparent}.tmln-left:after,.tmln-right:after{left:15px}.tmln-right{left:0%}}.total-poin{margin-bottom:15px;text-align:center}.total-poin h1{margin-top:15px}.transaction-poin-card{background:#f6f6f6;border-radius:16px;align-items:center;padding:12px;margin-bottom:15px}.transaction-poin-card.new-bg{background:#e7f3ff!important}.transaction-poin-info{display:flex;gap:12px}.transaction-poin-info h2{font-size:18px}.poin-ref{margin:10px 0}.poin-left{width:60px;height:60px;text-align:center;padding:20px 0;background-color:#fff;border-radius:50%;box-shadow:5px 5px #f1f1f1;margin-right:10px}.notif-title{font-weight:700;margin-bottom:5px}.notif-body{margin:10px 0}.notif-url{color:#ff4500;font-weight:700}.notif-time{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;font-style:italic}.poinplus{color:#3cb371}.poinminus{color:red}.poin-name{font-size:18px!important;font-weight:700;padding-bottom:10px}.mark-all-button{width:100%;margin:10px 0;background-color:#f1f1f1;border:none;padding:20px 0;font-weight:800;font-size:15px;border-radius:16px}.faktur{border-radius:20px 20px 0 0;padding:20px;font-size:18px}.faktur-section{background:#f2f2f2;padding:15px;border-radius:20px;margin-bottom:15px}.faktur-section p{margin:6px 0;font-size:16px;color:#000;line-height:1.6}.faktur-section strong{display:inline-block;width:100px;color:#040}.faktur-highlight{color:#ff4500;font-weight:700}.faktur-item{margin:20px 10px}.faktur-item .faktur-p-clear{clear:both}.faktur-item p{margin:4px 0;color:#000;font-size:16px}.faktur-item p.faktur-item-diskon{text-align:right}.faktur-total{text-align:right;font-size:18px;font-weight:700;color:#ff4500;margin:10px}.faktur-subtotal,.faktur-diskon{text-align:right;font-size:16px;margin:5px 10px;color:#000}.faktur-note{font-size:13px;margin-top:25px}.faktur-note p{color:#000}.faktur-warning{margin-top:15px;padding:10px;text-align:center;font-weight:700;color:#006400;border-top:1px solid #ccc}.faktur-text-right{float:right;width:100px;margin-left:100px;text-align:right}