@charset "UTF-8";@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("ttf")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("ttf")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:url(/static/media/Poppins-Italic.e373f6163127e2d469af.ttf) format("ttf")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,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}#root,body,html{height:100%;margin:0}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}body{font-family:Poppins,sans-serif}:root{--main-width:1200px}[data-theme=light]{--color-primary:#283e24;--color-secondary:#7d9274;--color-success:#16a34a;--color-error:#dc2626;--color-tertiary:#fff;--color-link:#2563eb;--color-neutral:#6b7280;--color-header:#7d9274;--color-sidebar:#283e24;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-background:#f9fafb;--color-tab:#f3f4f6;--color-table-background:#fff;--color-border:#e5e7eb;--color-hover-primary:#1f2e1b;--color-hover-secondary:#6a7d62;--color-hover-error:#b91c1c;--color-hover-tertiary:#f9fafb;--color-text-white1:#fff;--color-text-text-primary:#111827;--color-table-row-new-border:#22c55e;--color-table-row-new-badge:#22c55e;--color-table-row-new-background:#f0fdf4;--color-table-row-process-border:#f97316;--color-table-row-process-badge:#f97316;--color-table-row-process-background:#fff7ed;--color-table-row-updated-border:#3b82f6;--color-table-row-updated-badge:#3b82f6;--color-table-row-updated-background:#eff6ff;--color-table-row-alert-border:#c10007;--color-table-row-alert-badge:#c10007;--color-table-row-alert-background:#fef2f2;--color-icon-default:#6b7280;--color-icon-hover:#111827;--color-icon-active:#111827;--color-icon-success:#16a34a;--color-icon-warning:#f59e0b;--color-icon-error:#dc2626;--color-icon-white1:#fff;--color-status-new:#6b7280;--color-status-new-bg:#f3f4f6;--color-status-warning:#f59e0b;--color-status-warning-bg:#fef3c7;--color-status-pending:#2563eb;--color-status-pending-bg:#dbeafe;--color-status-process:#7c3aed;--color-status-process-bg:#ede9fe;--color-status-cancel:#eb2528;--color-status-cancel-bg:#fedbdc;--color-status-success:#16a34a;--color-status-success-bg:#dcfce7;--color-status-topay:#a3004c;--color-status-topay-bg:#fce7f3;--color-timeline-subheader:#717182;--color-timeline-background:#e5e7eb;--color-timeline-time:#6a7282;--color-timeline-handler-bg:#c7d1c5;--color-timeline-handler:#283e24;--color-timeline-duration-bg:#fef8e6;--color-timeline-duration:#b58600;--color-oranges:#ea580c;--color-soft-green:#e8f7ee;--color-soft-blue:#e9f0ff;--color-soft-red:#ffe8e8;--font-families-primary:Inter,sans-serif;--font-families-secondary:system-ui,sans-serif;--font-size-page-title:24px;--font-size-section-title:16px;--font-size-table-title:13px;--font-size-body:13px;--font-size-body-small:12px;--font-size-body-ex-sm:11px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--spacing-scale-1:8px;--spacing-scale-2:16px;--spacing-scale-3:24px;--spacing-scale-4:32px;--spacing-scale-5:40px;--spacing-scale-6:48px;--spacing-scale-7:56px;--spacing-page-padding:24px;--spacing-section-spacing:24px;--spacing-form-item-vertical-spacing:16px;--layout-header-height:64px;--layout-sidebar-width:72px;--layout-max-width:1440px;--layout-min-width:1220px;--icon-size-table-action:16px;--icon-size-inline-text:16px;--icon-size-button:20px;--icon-size-section:24px;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--z-layer-dropdown:1000;--z-layer-modal:2000;--z-layer-toast:3000;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #00000026;--border-radius-0:4px;--border-radius-1:12px;--border-radius-2:20px}[data-theme=dark]{--color-primary:#283e24;--color-secondary:#7d9274;--color-success:#16a34a;--color-error:#dc2626;--color-tertiary:#fff;--color-link:#2563eb;--color-neutral:#6b7280;--color-header:#7d9274;--color-sidebar:#283e24;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-background:#f9fafb;--color-tab:#f3f4f6;--color-table-background:#fff;--color-border:#e5e7eb;--color-hover-primary:#1f2e1b;--color-hover-secondary:#6a7d62;--color-hover-error:#b91c1c;--color-hover-tertiary:#f9fafb;--color-text-white1:#fff;--color-text-text-primary:#111827;--color-icon-default:#6b7280;--color-icon-hover:#111827;--color-icon-active:#111827;--color-icon-success:#16a34a;--color-icon-warning:#f59e0b;--color-icon-error:#dc2626;--color-icon-white1:#fff;--font-families-primary:Inter,sans-serif;--font-families-secondary:system-ui,sans-serif;--font-size-page-title:24px;--font-size-section-title:16px;--font-size-table-title:13px;--font-size-body:13px;--font-size-body-small:12px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--spacing-scale-1:8px;--spacing-scale-2:16px;--spacing-scale-3:24px;--spacing-scale-4:32px;--spacing-scale-5:40px;--spacing-scale-6:48px;--spacing-scale-7:56px;--spacing-page-padding:24px;--spacing-section-spacing:24px;--spacing-form-item-vertical-spacing:16px;--layout-header-height:64px;--layout-sidebar-width:72px;--layout-max-width:1440px;--layout-min-width:1220px;--icon-size-table-action:16px;--icon-size-inline-text:16px;--icon-size-button:20px;--icon-size-section:24px;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--z-layer-dropdown:1000;--z-layer-modal:2000;--z-layer-toast:3000;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #00000026;--border-radius-0:4px;--border-radius-1:12px;--border-radius-2:20px}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-primary:#283e24;--color-secondary:#7d9274;--color-success:#16a34a;--color-error:#dc2626;--color-tertiary:#fff;--color-link:#2563eb;--color-neutral:#6b7280;--color-header:#7d9274;--color-sidebar:#283e24;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-background:#f9fafb;--color-tab:#f3f4f6;--color-table-background:#fff;--color-border:#e5e7eb;--color-hover-primary:#1f2e1b;--color-hover-secondary:#6a7d62;--color-hover-error:#b91c1c;--color-hover-tertiary:#f9fafb;--color-text-white1:#fff;--color-text-text-primary:#111827;--color-icon-default:#6b7280;--color-icon-hover:#111827;--color-icon-active:#111827;--color-icon-success:#16a34a;--color-icon-warning:#f59e0b;--color-icon-error:#dc2626;--color-icon-white1:#fff}}.productlist{background-color:#f5f5f7;margin:0;min-height:100vh;padding:0;width:100%}.productlist-content{margin-left:12px;margin-top:15px}.filter-bar{flex-wrap:wrap;gap:10px;grid-column:1/-1}.filter-bar,.filter-tag{align-items:center;display:flex}.filter-tag{background:#ededed;border-radius:20px;box-shadow:none;color:#000;font-size:14px;font-weight:500;gap:5px;justify-content:space-between;padding:8px 10px 8px 20px;width:128px}.filter-tag-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tag-close{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;width:25px}.filter-tag-close:hover{background:#444}.clear-all-btn{align-items:center;background:#0000;border:1px solid #999;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:10px;width:158px}.clear-all-btn:hover{background:#e0e0e0;border:1px solid #bbb}.product-na-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;width:100%}.product-na{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:420px;position:relative;transition:box-shadow .3s ease;width:19%}.product-na:hover{box-shadow:0 4px 12px #00000026}.product-na-internal a{color:#000;text-decoration:none}.features-bar{align-items:center;display:flex;justify-content:space-between}.compare-checkbox-label,.wishlist-btn{height:28px;min-height:28px;opacity:0;pointer-events:none;transition:opacity .2s}.wishlist-btn{border:none;height:25px;justify-content:center;left:14px;width:25px}.compare-checkbox-label,.wishlist-btn{align-items:center;background:#0000;display:flex;position:absolute;top:10px}.compare-checkbox-label{cursor:pointer;font-size:12px;right:14px;-webkit-user-select:none;user-select:none}.compare-checkbox-label.compare-active,.product-na:hover .compare-checkbox-label,.product-na:hover .wishlist-btn{opacity:1;pointer-events:auto}.product-na:hover .frametag,.product-na:hover .frametag2{pointer-events:none}.compare-checkbox{accent-color:#000}.compare-checkbox-text{color:#1a1a1a;font-size:10px;font-weight:600;letter-spacing:.5px}.compare-checkbox-label.compare-disabled{cursor:not-allowed;display:none;pointer-events:none}.frametag{top:15px}.frametag,.frametag2{background-color:#798777;border-radius:0 5px 5px 0;color:#fff;font-size:13px;left:0;opacity:1;padding:2px 20px;position:absolute;width:auto}.frametag2{top:50px}.product-na:hover .frametag,.product-na:hover .frametag2{opacity:0}.product-image-wrapper{height:180px;margin:40px auto 30px;position:relative;text-align:center}.product-image-wrapper img{height:auto;margin-top:8px;max-height:auto;max-width:180px;object-fit:contain;width:auto}.product-info{display:flex;flex:1 1;flex-direction:column;margin-bottom:15px;padding:0 20px}.productname{font-size:14x;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description,.productcategory{font-size:13px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productcategory{color:#aeadac}.price{color:#000;font-size:16px;font-weight:700}.discounted-price{color:#218f0c}.discount-percent{background-color:#000;border-radius:15px;color:#fff;font-size:10px;font-weight:700;justify-content:center;padding:4px 10px}.prediscount{color:#aeadac;font-size:12px;margin-bottom:10px;text-decoration:line-through}.frame-discount-text{color:#000;font-size:14px;font-weight:700;left:9px;position:absolute;z-index:3}.promo-add-tag,.promo-tag,.promo-tag-container{align-items:center;display:flex;gap:5px}.promo-add-tag,.promo-tag{background-color:#fff;border:2px solid #a8aea0;border-radius:8px;color:#304329;cursor:pointer;font-size:12px;padding:2px 10px;width:auto}.promo-tag-text{display:block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-tag img,.promo-tag svg{display:inline-block;vertical-align:middle}.promo-add-tag{cursor:pointer;display:inline-block;padding:2px 5px;position:relative}.promo-tooltip{background:#fff;border:1px solid #ddd;bottom:30px;box-shadow:0 2px 8px #0000001f;display:none;left:-125px;min-width:120px;padding:8px 12px;position:absolute;transform:translateY(0);white-space:nowrap;z-index:1}.promo-add-tag:hover .promo-tooltip{display:block}.promo-tooltip .promo-tag{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.promo-tooltip .promo-tag:last-child{margin-bottom:0}.video-icon{bottom:0;position:absolute;right:8px}.compare-footer{background-color:#f5f5f7;bottom:0;left:0;position:fixed;width:100%;z-index:999}.compare-footer-line{background-color:#cecece;height:1px;position:relative;width:100%;z-index:1}.compare-footer-main{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;padding:15px 0;width:var(--main-width)}.compare-footer-center{align-items:center;display:flex;gap:40px;justify-content:center;width:70%}.compare-footer-right{display:flex;flex-direction:column;gap:10px}.compare-title{font-size:18px;font-weight:700}.compare-item-container{display:flex;justify-content:center;width:33%}.compare-item{display:flex}.remove-btn{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:20px;line-height:20px;width:20px}.compare-item-info,.remove-btn{display:flex;justify-content:center}.compare-item-info{flex-direction:column}.compare-item-code,.compare-item-name{font-size:14px}.compare-num{align-items:center;background-color:#dedee6;border-radius:50%;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.compare-footer-right a{text-decoration:none}.compare-btn{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:10px 15px;width:150px}.compare-btn:hover{background-color:#798777;border:2px solid #798777}.cancel-compare-btn{align-items:center;background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:10px 15px;width:150px}.cancel-compare-btn:hover{background-color:#283e24;color:#fff}.modal-close{background:#ffffffd9;font-size:22px;height:44px;right:48px;top:32px;transition:background .2s;width:44px;z-index:10000}.modal-image{background:#fff;border-radius:8px;max-width:90vw}.productlist-content>.pagination-modern,.productlist-content>div>.pagination-modern{box-sizing:border-box;grid-column:1/-1;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:50px;padding-right:50px;width:100%}.outofstock-info{display:flex;flex-direction:column;height:80px;justify-content:flex-end;width:100%}.add-to-wishlist-container{display:flex;justify-content:center}.add-to-wishlist{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:5px;width:210px;z-index:5}.add-to-wishlist:hover{background-color:#283e24;color:#fff}.productlist-outofstock-overlay{background-color:#0000001a}.discontinued-overlay,.productlist-outofstock-overlay{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:900;height:180px;justify-content:center;left:5%;position:absolute;top:8px;width:90%;z-index:2}.discontinued-overlay{background-color:#0000004d}.eta-date{bottom:0;color:#000;font-size:13px;font-weight:500;left:15px;position:absolute;z-index:3}.layout{background-color:#f5f5f7}.layout-title-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:15px;position:relative}.layout-title-container>span{font-size:1.2rem;font-weight:500}.layout-line{background-color:#cecece;bottom:-5px;display:block;height:1px;left:0;margin-top:5px;position:absolute;width:100%}.layout-content{margin-left:auto;margin-right:auto;width:var(--main-width)}.nav-container{display:flex}.nav{margin-bottom:50px;width:15.8%}.main{width:84.2%}.custom-dropdown-container.product-dropdown{width:160px}.custom-dropdown-selected.product-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:8px 15px}.custom-dropdown-menu.product-dropdown{font-size:13px}.layout-dropdown{cursor:pointer;display:inline-block;font-size:14px;min-width:160px;position:relative}.layout-dropdown-selected{align-items:center;display:flex;gap:15px;justify-content:flex-end}.layout-dropdown-list{background:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:140%;z-index:10;z-index:1001}.layout-dropdown-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .2s ease}.layout-dropdown-option:hover{background-color:#f5f5f5}.layout-dropdown-label{display:inline-block;margin-left:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:131px}.breadcrums{margin:0;padding:0}.breadcrums-content{padding-top:20px}.breadcrums-margin{margin-left:auto;margin-right:auto;width:var(--main-width)}.type1{background-color:#eee9dd;padding-bottom:50px}.type2{background-color:#f5f5f7}.breadcrums-top,.lv1{display:flex}.lv1{font-size:13px}.lv1 a{text-decoration:none}.lv1 a,.lv2{color:#b2b2b2;font-size:13px}.lv2{display:flex}.lv2-enditem,.lv2-sp span{color:#000}.lv2-title{font-size:32px;font-weight:700}.lv2-description,.lv2-title{align-items:center;color:#283e24;display:flex;justify-content:center;margin-top:10px;width:100%}.lv2-description{font-size:14px;text-align:center;white-space:pre-line}.lv3{color:#000;display:flex;font-size:13px}.categorynav{background-color:#f5f5f7;margin:0;padding:0 10px 0 0;width:100%}.categorynav-dropdown{list-style:none;margin:0;padding:0}.categoryitem-container{border-bottom:1px solid #cecece;font-size:13px;padding:10px 0 5px 10px}.categoryitem{align-items:center;background-color:#f5f5f7;cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px}img.rotate{transform:rotate(180deg);transition:transform .3s ease}.product-dropdown-wrapper{max-height:500px;opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.product-dropdown-wrapper.closing{max-height:0;opacity:0}.product-dropdown-wrapper.opening{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.searchbar2-container{border-radius:5px;padding-left:10px;width:170px}.searchbar2{align-items:center;background-color:#fff;border-radius:20px;display:flex;padding-left:10px}.searchbar2 input{background-color:#fff;border:none;border-bottom-right-radius:20px;border-top-right-radius:20px;font-size:12px;outline:none;padding:10px 42px 10px 10px;width:90%}.searchbar2 input::placeholder{color:#aeadac}.subcategorylist{list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0 0 0 10px}.subcategoryitem{align-items:center;color:#999;display:flex;font-size:14px;gap:5px;padding:10px 0 5px 10px}.subcategoryitem input{accent-color:#218f0c}.brandnav{background-color:#f5f5f7;margin:0;padding:0 10px 0 0;width:100%}.brandnav-dropdown{list-style:none;margin:0;padding:0}.branditem-container{border-bottom:1px solid #cecece;font-size:13px;padding:10px 0 5px 10px}.branditem{align-items:center;background-color:#f5f5f7;cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px}.brand-dropdown-wrapper{max-height:500px;opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.brand-dropdown-wrapper.closing{max-height:0;opacity:0}.brand-dropdown-wrapper.opening{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.subbrandlist{list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0 0 0 10px}.subbranditem{align-items:center;color:#999;display:flex;font-size:14px;gap:5px;padding:10px 0 5px 10px}.subbranditem input{accent-color:#218f0c}.attributenav{background-color:#f5f5f7;margin:0;padding:0 10px 0 0;width:100%}.attributenav-dropdown{list-style:none;margin:0;padding:0}.attributeitem-container{border-bottom:1px solid #cecece;font-size:13px;padding:10px 0 5px 20px}.attributeitem{align-items:center;background-color:#f5f5f7;cursor:pointer;display:flex;gap:25px;justify-content:space-between;padding:5px 10px}.attributeitem strong{color:#999}.attribute-dropdown-wrapper{max-height:500px;opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.attribute-dropdown-wrapper.closing{max-height:0;opacity:0}.attribute-dropdown-wrapper.opening{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.subattributelist{list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0 0 0 10px}.subattributeitem{align-items:center;color:#999;display:flex;font-size:14px;gap:5px;padding:10px 0 5px 10px}.subattributeitem input{accent-color:#218f0c}.multipurpose{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.multipurpose-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.mp-close-button{display:flex;justify-content:flex-end}.mp-close-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.multipurpose-title{font-size:20px;font-weight:700;margin-top:20px}.multipurpose-main{font-size:14px;margin-top:30px;padding:0 25px}.multipurpose-main strong{color:#d40e0e}.multipurpose-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:50px}.multipurpose-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.multipurpose-no button:hover,.multipurpose-yes button{background-color:#283e24;color:#fff}.multipurpose-yes button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.multipurpose-yes button:hover{background-color:#798777;border:2px solid #798777}.navbar{background-color:#0b5ed7;margin:0;padding:0}.navbar-fixed{box-shadow:0 2px 8px #00000014;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.navbar-container{margin-left:auto;margin-right:auto;width:var(--main-width)}.navbar1{padding-top:15px}.navbar1,.navbar1 ul{align-items:center;display:flex}.navbar1 ul{gap:25px;list-style-type:none;margin:0;padding:0}.navbar1 a{align-items:center;color:#000;display:flex;font-size:13px;gap:5px;justify-content:center;text-decoration:none}.home-container{display:flex;width:35%}.searchbar-container{width:30%}.searchbar{align-items:center;background-color:#fff;border-radius:20px;display:flex;padding-left:20px;width:100%}.searchbar input{border:none;font-size:12px;outline:none;padding:12px 0}.searchbar input.with-remove{width:80%}.searchbar input.no-remove{width:90%}.searchbar-remove{border-right:1px solid #798777;color:#798777;cursor:pointer;font-size:13px;font-weight:700}.searchbar button,.searchbar-remove{align-items:center;display:flex;justify-content:center;width:10%}.searchbar button{background:none;border:none}.profile-container{width:35%}.profile-container ul{justify-content:right;width:100%}.loginprofile{align-items:center;color:#000;cursor:pointer;display:flex;font-size:13px;gap:10px;justify-content:center;position:relative;text-decoration:none}.loginprofile-info{align-items:flex-end;display:flex;flex-direction:column}.loginprofile-comp-container,.loginprofile-subuser-container{align-items:center;display:flex;gap:10px;height:30px}.loginprofile img{transition:transform .2s cubic-bezier(.4,0,.2,1)}.loginprofile img.rotate{transform:rotate(180deg)}.truncate-name{display:inline-block;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar2{font-size:13px;gap:20px;padding-bottom:10px;padding-top:10px}.navbar2,.navbar2 ul{align-items:center;display:flex}.navbar2 ul{gap:40px;list-style-type:none;margin:0;padding:0}.dropdownlist{cursor:pointer;gap:10px}.dropdownlist,.navbar2 a{align-items:center;display:flex;justify-content:center}.navbar2 a{color:#000;font-size:13px;gap:5px;text-decoration:none}.category-li,.more-li,.support-li{position:relative}.navbar-unread{align-items:center;background-color:#d40e0e;border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:10px;height:15px;justify-content:center;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .2s;width:15px}.navbar-unread.show{opacity:1}.simple-dropdown{background:#fff;box-shadow:0 4px 6px #0000001a;min-width:200px;opacity:0;pointer-events:none;position:absolute;top:20px;transition:opacity .2s;z-index:1001}.simple-dropdown.show{opacity:1;pointer-events:auto}.simple-dropdown ul{display:flex;flex-direction:column;gap:0;list-style:none}.simple-dropdown a{width:100%}.simple-dropdown li{border-bottom:1px solid #ededed;cursor:pointer;padding:15px 0;width:100%}.simple-dropdown li>div{margin-left:20px}.simple-dropdown li:hover{background:#f5f5f7}.faq-li{cursor:not-allowed;opacity:.5;position:relative}.faq-tooltip{background:#000;border-radius:4px;color:#fff;display:none;font-size:12px;left:40%;margin-left:8px;padding:2px 8px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.simple-dropdown .faq-li:hover .faq-tooltip{display:block}.navbar-unreadtag{background-color:#d40e0e;border-radius:50%;height:10px;opacity:0;transition:opacity .2s;width:10px}.navbar-unreadtag.show{opacity:1}.navbar-link-active{text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:8px}.profiledropdown{margin:0;padding:0}.profiledropdown-content{background-color:#fff;box-shadow:0 4px 6px #0000001a;height:auto;min-width:300px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:60px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:1001}.profiledropdown-content.show{opacity:1;pointer-events:auto;transform:translateY(0)}.viewprofile-container{align-items:center;background-color:#000;box-sizing:border-box;color:#fff;display:flex;font-size:12px;gap:10px;height:90px;padding:15px;width:100%}.emptyspace{height:25px}.greetuser{line-height:1.2}.viewprofile{margin-left:90px}.viewprofile a{color:#cecece;font-size:12px}.loyalty{align-items:center;color:#fff;display:flex;font-size:12px;gap:10px;left:75px;position:absolute;top:60px}.loyalty-container{background-color:#000;height:40px}.loyalty a{color:#fff;font-size:12px}.overdue-container{align-items:center;background-color:#fbe7e7;border-radius:10px;font-size:14px;padding:15px;position:absolute;right:17px;top:90px;width:80%}.overdue,.overdue-container{display:flex;justify-content:space-between}.overdue{color:#d40e0e;width:120px}.profiledropdown-RM{width:20%}.paynow a{color:#1877f2;font-size:12px;text-decoration:underline}.fillspace{margin-top:25px}.pd-arrowup{top:0;transform:rotate(180deg)}.pd-arrowdown,.pd-arrowup{display:flex;justify-content:center;position:-webkit-sticky;position:sticky;z-index:1002}.pd-arrowdown{bottom:0}.profileoption{font-size:14px;max-height:400px;overflow-y:auto;padding:0 15px;position:relative}.pd-contra-container,.pd-credit-container,.pd-debit-container,.pd-document-container,.pd-notification-container,.pd-order-container,.pd-paylater-container,.pd-paymenthistory-container,.pd-repair-container,.pd-switchuser-container{align-items:center;border-bottom:1px solid #cecece;display:flex;font-size:13px;justify-content:space-between;padding:15px 10px}.pd-switchuser-container{padding:0 10px 15px}.logout,.pd-credit,.pd-debit,.pd-document,.pd-notification,.pd-order,.pd-paylater,.pd-paymenthistory,.pd-repair,.pd-switchuser{width:150px}.logout-container{align-items:center;display:flex;gap:110px;padding:15px 10px 0}.logout-container strong{color:#d40e0e}.rightsign{color:#b2b2b2;font-size:20px}.unread-tag{background-color:#d40e0e;border-radius:50%;box-sizing:border-box;color:#fff;height:20px;margin-left:10px;padding:0 8px;width:auto}.switchuser-modal-overlay,.unread-tag{align-items:center;display:flex;justify-content:center}.switchuser-modal-overlay{background-color:#0009;inset:0;position:fixed;z-index:9999}.switchuser-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.switchuser-title{font-size:20px;font-weight:700;margin-top:20px}.switchuser-body{font-size:14px;margin-top:30px;padding:0 25px}.switchuser-select{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.switch-error{color:#d9534f;font-size:13px;margin-top:8px}.switch-actions{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:50px}.switch-cancel{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.switch-cancel:hover,.switch-confirm{background-color:#283e24;color:#fff}.switch-confirm{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.switch-confirm:hover{background-color:#798777;border:2px solid #798777}.switch-confirm[disabled]{cursor:not-allowed;opacity:.6}.profiledropdown-content{z-index:9999}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.custom-dropdown-selected.switchuser-dropdown{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;font-size:13px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.logoutnotif{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.logoutnotif-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.lnclose-button{display:flex;justify-content:flex-end}.lnclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.logoutnotif-title{font-size:16px;margin-top:20px;text-align:center}.logoutnotif-main{font-size:14px;margin-top:30px;padding:0 25px}.logoutnotif-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:50px}.no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.no button:hover,.yes button{background-color:#283e24;color:#fff}.yes button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.yes button:hover{background-color:#798777;border:2px solid #798777}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-selected{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.custom-dropdown-selected.disabled{color:#999;cursor:not-allowed;opacity:.8;pointer-events:none}.custom-dropdown-arrowdown{align-items:center;display:flex}.custom-dropdown-arrow img{transition:transform .2s cubic-bezier(.4,0,.2,1)}.custom-dropdown-arrow img.rotate{transform:rotate(180deg)}.custom-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:5px;border-top:none;bottom:auto;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;min-width:220px;overflow-y:auto;padding:10px 0 14px;position:absolute;right:0;top:100%;z-index:10;z-index:1001}.custom-dropdown-menu.open-upward{bottom:100%;top:auto}.custom-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .2s ease}.custom-dropdown-item:hover{background-color:#f5f5f5}.custom-dropdown-overlay{background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.searchbar-container-customdropdown{padding:0 16px 10px}.searchbar-customdropdown{align-items:center;background-color:#ededed;border:1px solid #cecece;border-radius:20px;display:flex;position:relative}.search-icon{left:10px;position:absolute}.searchbar-customdropdown input{background-color:#ededed;border:none;border-radius:20px;font-size:12px;margin:0;outline:none;padding:10px 30px;width:100%}.searchbar-customdropdown input::placeholder{color:#aeadac}.contactus{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.contactus-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.cuclose-button{display:flex;justify-content:flex-end}.cuclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.contactus-title{font-size:16px}.contactus-main,.contactus-title{margin-top:20px;text-align:center}.contactus-main{font-size:14px;padding:0 25px}.contactus-icon{display:flex;gap:80px;justify-content:center;margin:40px 0}.contactus-icon div{position:relative}.phone-tooltip{bottom:-220%}.email-tooltip,.phone-tooltip,.whatsapp-tooltip{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;color:#000;display:none;font-size:12px;left:30%;margin-left:8px;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.email-tooltip,.whatsapp-tooltip{bottom:-80%}.email-tooltip:after,.phone-tooltip:after,.whatsapp-tooltip:after{border:5px solid #0000;border-bottom:7px solid #fff;border-top:none;bottom:100%;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;transform:translateX(-50%)}.contactus-icon div:hover .email-tooltip,.contactus-icon div:hover .phone-tooltip,.contactus-icon div:hover .whatsapp-tooltip{display:block}.newrequest{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.newrequest-content{background-color:#f5f5f7;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:700px}.newrequest-title{display:flex;font-size:20px}.nrclose-button{display:flex;justify-content:flex-end}.nrclose-button button{background-color:#f5f5f7;border:none;cursor:pointer;font-size:25px}.newrequest-line{background-color:#cecece;display:flex;height:1px;justify-self:center;margin-top:10px;width:100%}.newrequest-main{font-size:14px;margin-top:20px;padding:0 25px}.warning-detail{background-color:#f8e7e7;border-radius:30px;color:#c8463d;margin-top:30px;padding:5px 20px}.entercustadd,.entercustmobile,.entercustname,.entercustremark,.enteritemcode,.selectbranchcode,.selectstocktype{align-items:center;display:flex;gap:20px;margin:30px 0}.entercustadd-title,.entercustmobile-title,.entercustname-title,.entercustremark-title,.enteritemcode-title,.selectbranchcode-title,.selectstocktype-title{width:200px}.enteritemcode-title{align-self:flex-end;display:flex;margin-bottom:8px}.enteritemcode-input-container{display:flex;gap:20px;position:relative;width:100%}.enteritemcode-checkbox-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;width:100%}.enteritemcode-checkbox{align-items:center;display:flex;justify-content:flex-end;width:300px}.enteritemcode-checkbox input[type=checkbox]{accent-color:#000;height:18px;width:18px}.enteritemcode-input{background-color:#fff;border:none;border-radius:10px}.enteritemcode-input,.enteritemcode-input-error{box-sizing:border-box;padding:10px 20px;width:100%}.enteritemcode-input-error{background:#fff6f6;border:1.5px solid #e74c3c;border-radius:10px}.entercustadd-input,.entercustmobile input,.entercustname input,.entercustremark-input{background-color:#fff;border:none;border-radius:10px;box-sizing:border-box;padding:10px 20px;width:100%}.entercustadd-input,.entercustremark-input{font-family:Poppins;resize:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}.newrequest-main input::placeholder,.newrequest-main textarea::placeholder{color:#cecece}.submit-button-container{display:flex;justify-content:center;margin:50px 0}.submit-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:350px}.submit-button:hover{background-color:#798777;border:2px solid #798777}.item-suggestions{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Poppins,sans-serif;margin-top:5px;max-height:150px;overflow-y:auto;position:absolute;top:80px;width:380px;z-index:1}.item-suggestion{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:10px 15px;transition:background .2s}.item-suggestion:hover{background-color:#cecece;color:#fff}.item-suggestion:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.item-suggestion:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.item-code{font-weight:600;margin-bottom:3px}.item-code,.item-name{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name{font-size:.9em;opacity:.8}.item-suggestions::-webkit-scrollbar{width:4px}.item-suggestions::-webkit-scrollbar-track{background:#f1f1f1}.item-suggestions::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.item-suggestions::-webkit-scrollbar-thumb:hover{background:#555}.custom-dropdown-selected.newrequest-dropdown{background-color:#fff;border:none;border-radius:10px;box-sizing:border-box;font-size:13px;padding:8px 20px}.custom-dropdown-selected.newrequest-dropdown-error{background:#fff6f6;border:1.5px solid #e74c3c;border-radius:10px;box-sizing:border-box;font-size:13px;padding:8px 20px}.custom-dropdown-menu.newrequest-dropdown{font-size:13px}.requestnotif{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.requestnotif-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.reqclose-button{display:flex;justify-content:flex-end}.reqclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.requestnotif-title{font-size:16px;margin-top:20px;text-align:center}.requestnotif-main{font-size:14px;margin-top:30px;padding:0 25px;text-align:center}.requestnotif-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.req-ok button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:po;font-size:14px;padding:15px;width:200px}.req-ok button:hover{background-color:#798777;border:2px solid #798777}.explorebrand{background-color:#f5f5f7;margin:0;padding:0}.explorebrand-content{margin-left:auto;margin-right:auto;width:var(--main-width)}.explorebrand-main{display:flex;justify-content:center;position:relative}.searchbar-explorebrand-container{display:flex;justify-content:flex;position:absolute;top:-15px}.searchbar-explorebrand{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;padding:0 15px;width:400px}.searchbar-explorebrand input{border:none;font-size:12px;outline:none;padding:12px;width:340px}.searchbar-explorebrand-remove{align-items:center;border-right:1px solid #798777;color:#798777;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;width:40px}.explorebrand-sub{margin-top:80px}.explorebrand-item-container{display:flex;flex-wrap:wrap;gap:2%;padding-bottom:80px;width:100%}.explorebrand-item-container a{color:inherit;text-decoration:none}.explorebrand-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;width:15%}.explorebrand-item-img{background-color:#fff;border-radius:10px;display:flex;justify-content:center;width:100%}.exploreproduct{background-color:#f5f5f7;margin:0;padding:0}.exploreproduct-content{margin-left:auto;margin-right:auto;width:var(--main-width)}.exploreproduct-main{display:flex;justify-content:center;position:relative}.searchbar-exploreproduct-container{display:flex;justify-content:flex;position:absolute;top:-15px}.searchbar-exploreproduct{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;padding:0 15px;width:400px}.searchbar-exploreproduct input{border:none;font-size:12px;outline:none;padding:12px;width:340px}.searchbar-exploreproduct-remove{align-items:center;border-right:1px solid #798777;color:#798777;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;width:40px}.exploreproduct-sub{display:flex;margin-top:60px;padding-bottom:50px;width:100%}.exploreproduct-title-container{background-color:#f5f5f7;overflow-y:auto;width:20%}.exploreproduct-title-container ul{background-color:#f5f5f7;display:flex;flex-direction:column;font-size:14px;gap:5px;margin:0;padding:0}.exploreproduct-title-container li{align-items:center;cursor:pointer;display:flex;gap:12px;padding:5px 0;width:100%}.exploreproduct-emptyspace{width:5%}.exploreproduct-title{width:65%}.exploreproduct-nextsign{color:#999;font-size:32px;width:30%}.exploreproduct-inactive{color:#999}.exploreproduct-active{background-color:#f5f5f7;color:#000}.exploreproduct-active .exploreproduct-nextsign{color:#000}.exploreproduct-allitem{background-color:#f5f5f7;height:auto;overflow-y:auto;padding:20px 20px 20px 40px;width:80%}.exploreproduct-subtitle{font-size:16px;padding-bottom:20px}.exploreproduct-item-container{display:flex;flex-wrap:wrap;gap:35px}.exploreproduct-item-container a{color:inherit;height:100%;text-decoration:none}.exploreproduct-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;width:-webkit-fit-content;width:fit-content}.exploreproduct-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:8pt;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:normal;width:100px}.footer{background-color:#fff;color:#5e6282;margin:0;padding:0}.footer-container{margin-left:auto;margin-right:auto;padding-top:20px;width:var(--main-width)}.footer1{align-items:center;display:flex;padding-bottom:10px;padding-top:15px}.subcaption-container{width:50%}.subcaption{font-size:13px}.subcaption span{color:#283e24;display:inline-block;font-size:20px;font-weight:700;padding-bottom:10px}.subscribe-container{display:flex;justify-content:flex-end;width:50%}.subscribe{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:18px;padding-right:0;width:65%}.subscribe input{background-color:#ededed;border:none;font-size:14px;outline:none;padding:12px;width:250px}.subscribe input::placeholder{color:#b2b2b2}.subscribe button{background-color:#798777;border:none;border-radius:30px;color:#fff;font-size:14px;padding:12px;width:120px}.footer-line{background-color:#cecece;display:flex;height:1px;justify-self:center;margin-top:20px;width:110%}.footer2{display:flex;padding-top:20px}.footerinfo1-container{width:30%}.footercaption{font-size:13px;padding-bottom:20px;padding-top:10px}.address-container,.phoneno-container{display:flex}.address,.phoneno{font-size:13px;padding-bottom:20px;padding-left:10px}.footerinfo2-container,.footerinfo3-container{width:20%}.footer2 ul{list-style-type:none;margin:0;padding-top:20px}.footer2 li{font-size:13px;padding-bottom:8px}.footer2 a{color:inherit;padding-bottom:20px;text-decoration:none}.footer strong{color:#283e24}.footerinfo4-container{display:flex;justify-content:flex-end;margin-right:50px;width:30%}.footer-social-part{background-image:url(/static/media/Social.7473ca2cb5e95d826062.svg);background-repeat:no-repeat;background-size:140px 50px;display:inline-block;height:50px;width:50px}.footer-social-left{background-position:0}.footer-social-middle{background-position:50%}.footer-social-right{background-position:100%}.download{font-size:13px;padding-top:5px}.downloadicons{display:flex;gap:10px;padding-top:10px}.payment{font-size:13px}.paymenticons{gap:20px;padding-top:10px}.footer3,.paymenticons{align-items:center;display:flex}.footer3{font-size:13px;justify-content:center;padding-bottom:20px;padding-top:20px}.sidefeature{margin:0;padding:0}.sidefeature-content{align-items:center;background-color:#f5f5f7;border-radius:10px 0 0 10px;bottom:10%;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:5px 10px;position:fixed;right:0;text-align:center;width:50px;z-index:99}.chatbot,.gototop{cursor:pointer}.toparrow{font-size:30px}.chat-modal-overlay{align-items:flex-end;animation:fadeInBg .25s;background:#0000001a;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2000}@keyframes fadeInBg{0%{background:#0000}to{background:#0000001a}}.chat-modal-custom-large{animation:chatModalIn .35s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;font-family:inherit;height:600px;margin:0 40px 40px 0;opacity:0;padding:0;transform:translateY(40px);width:480px}@keyframes chatModalIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chat-modal-custom-large.closing{animation:chatModalOut .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes chatModalOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.typing-dots{display:inline-block;height:18px;vertical-align:middle}.typing-dot{animation:typingBounce 1.2s infinite;background:#bbb;border-radius:50%;display:inline-block;height:6px;margin:0 2px;opacity:.6;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.chat-header-custom{align-items:center;background:#1abc9c;border-bottom:none;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px}.chat-brand{align-items:center;display:flex;gap:10px}.chat-brand-avatar{background:#fff;border:2px solid #fff;border-radius:50%;height:36px;object-fit:cover;width:36px}.chat-brand-title{font-size:18px;font-weight:700;letter-spacing:.5px}.chat-close{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;margin-left:10px}.chat-body{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;max-height:440px;min-height:220px;overflow-y:auto;padding:24px 20px 0}.chat-msg-row{align-items:flex-end;animation:bubbleIn .28s cubic-bezier(.4,0,.2,1);display:flex;margin-bottom:10px}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-msg-row.bot{flex-direction:row;justify-content:flex-start}.chat-msg-row.user{flex-direction:row;justify-content:flex-end}.chat-avatar{background:#eee;border-radius:50%;height:32px;margin-right:8px;object-fit:cover;width:32px}.chat-msg{border-radius:16px;box-shadow:0 1px 2px #0000000a;font-size:15px;max-width:70%;padding:10px 16px;word-break:break-word}.chat-msg.bot{margin-left:0}.chat-msg.user{background:#e6f4ff;border-bottom-right-radius:6px;color:#222;margin-right:0}.chat-msg.bot{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:6px;color:#222}.chat-questions-custom{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.chat-question-btn-custom{background:#fff;border:1.5px solid #1abc9c;border-radius:20px;color:#1abc9c;cursor:pointer;font-size:15px;font-weight:500;padding:7px 18px;transition:background .15s,color .15s}.chat-question-btn-custom:hover{background:#1abc9c;color:#fff}.chat-input-row-custom{align-items:center;background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #eee;display:flex;gap:8px;padding:12px 16px}.chat-input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:15px;padding:10px 14px}.chat-send-btn{align-items:center;background:#1abc9c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:38px;justify-content:center;transition:background .15s;width:38px}.chat-send-btn:hover{background:#159c86}.chat-upload-btn{align-items:center;display:flex;font-size:20px;justify-content:center}.chat-questions-fixed{background:#fff;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-question-btn-fixed{background:#fff;border:1px solid #1abc9c;border-radius:16px;color:#1abc9c;cursor:pointer;font-size:12px;font-weight:500;height:28px;line-height:20px;margin-bottom:0;padding:3px 10px;transition:background .15s,color .15s}.chat-question-btn-fixed:hover{background:#1abc9c;color:#fff}.home{background-color:#f5f5f7;margin:0;padding:0}.content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.contentbar{gap:30px;margin-bottom:10px}.contentbar,.contentbar-title{align-items:center;display:flex}.contentbar-title{font-size:32px;gap:5px}.contentbar-title-container{width:60%}.cdtimer-container{display:flex;justify-content:flex-end;width:25%}.cdtimer{gap:10px}.cdtimer,.time{align-items:center;display:flex}.time{background-color:#eee9dd;border-radius:5px;justify-content:center;padding:2px 5px;width:auto}.viewmore-container{display:flex;justify-content:flex-end;width:15%}.viewmore{align-items:center;background-color:#eee9dd;border-radius:20px;color:#000;display:flex;font-size:14px;gap:10px;padding:8px 15px;text-decoration:none;width:105px}.contentbar11{background-color:#283e24;height:400px;position:relative;width:100%}.contentbar11-title{color:#bdd2b6;font-size:16px;left:10%;line-height:3;position:absolute;top:25%;z-index:2}.contentbar11 span{color:#fff;font-size:40px}.contentbar11-icon{bottom:20%;display:flex;gap:20px;left:10%;position:absolute;z-index:2}.memo-modal{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.memo-modal-content{align-items:center;animation:popup-in .25s cubic-bezier(.4,2,.6,1) both;background:#0000;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;padding:0}@keyframes popup-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.memo-modal-img{border-radius:20px;display:block;max-height:90vh;max-width:95vw}.memo-modal-close{align-items:center;background:#0a400f;border:none;border-radius:50%;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:absolute;right:-50px;top:-25px;transition:color .2s,background .2s;width:44px;z-index:10001}.memo-modal-content{position:relative}.memo-modal-close:hover{background:#f8f8f8;color:#e53935}.memo-modal-dontshow{background:none;border:none;border-radius:0;bottom:18px;box-shadow:none;color:#0a400f;cursor:pointer;font-size:1rem;opacity:.85;padding:0;position:absolute;right:18px}.memo-modal-dontshow:hover{color:#145c1a;opacity:1}.slideshow{margin-bottom:20px;position:relative}.fade{animation-duration:1.5s;animation-name:fade}@keyframes fade{0%{opacity:.4}to{opacity:1}}.image-wrapper{border-radius:25px;display:inline-block;height:400px;overflow:hidden;position:relative;text-align:center;width:100%}.image-wrapper img{display:block;height:100%;object-fit:fill;width:100%}.dots-overlay{display:flex;gap:10px;left:50%;position:absolute;top:370px;transform:translateX(-50%)}.dot{background-color:#999;border:1px solid #cecece;border-radius:50%;cursor:pointer;display:inline-block;height:10px;transition:background-color .3s;width:10px}.dot.active{background-color:#fff;border:1px solid #cecece;border-radius:30px;width:20px}.dot:hover{background-color:#717171}.next,.prev{align-items:center;background-color:#fff;border:1px solid #cecece;border-radius:50%;color:#000;cursor:pointer;display:flex;font-weight:700;height:48px;justify-content:center;margin:0 20px;opacity:0;position:absolute;top:50%;transition:.6s ease;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;width:48px}.next{right:0}.next:hover,.prev:hover,.slideshow:hover .next,.slideshow:hover .prev{opacity:1}.homebar-container{margin-bottom:28px;width:100%}.homebar-container.background{background-color:#fff;padding:20px 0}.homebar{align-items:center;display:flex;position:relative}.homebar .next,.homebar .prev{margin:-20px;z-index:2}.homebar:hover .next,.homebar:hover .prev{opacity:1}.product-slider{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.product-slider img{display:block}.homebar2-container{align-items:center;display:flex;gap:12px}.imageframe{border-radius:15px;box-shadow:0 2px 12px #00000014;height:400px;overflow:hidden;transition:box-shadow .2s,transform .2s;width:390px}.imageframe img{display:block;height:100%;object-fit:fill;width:100%}.homebar2{width:66%}.product-card{-ms-overflow-style:none;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 12px #00000014;color:#000;flex:0 0 15.67%;min-height:400px;scroll-snap-align:start;scrollbar-width:none;transition:box-shadow .2s,transform .2s;width:15.67%}.imageframe:hover,.product-card2:hover,.product-card:hover{box-shadow:0 6px 24px #00000029;transform:translateY(-4px) scale(1.03);z-index:1}.product-card-internal{padding:0 20px}.img-padding{align-items:center;background-size:cover;display:flex;height:180px;justify-content:center;margin:22px auto;position:relative;text-align:center}.img-padding img{height:auto;max-height:180px;max-width:auto;object-fit:contain;width:auto}.product-slider::-webkit-scrollbar{display:none}.product-card-name{font-size:14x;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-category,.product-card-descrip{font-size:13px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-category{color:#aeadac}.product-card-offer{align-items:center;display:flex;gap:5px}.product-card-price{color:#218f0c;font-size:16px;font-weight:700}.product-card-discountrate{align-items:center;background-color:#000;border-radius:20px;color:#fff;display:flex;font-size:11px;height:20px;justify-content:center;width:40px}.product-card-prediscount{color:#aeadac;font-size:12px;margin-bottom:10px;text-decoration:line-through}.product-card2{-ms-overflow-style:none;background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 12px #00000014;color:#000;flex:0 0 24%;min-height:400px;scroll-snap-align:start;scrollbar-width:none;transition:box-shadow .2s,transform .2s;width:24%}.product-card2-internal{padding:0 20px}.img-padding2{align-items:center;background-size:cover;display:flex;height:180px;justify-content:center;margin:22px auto;position:relative;text-align:center}.img-padding2 img{height:auto;max-height:180px;max-width:auto;object-fit:contain;width:auto}.homebrand{padding-bottom:80px}.homebrand-title{font-size:32px;justify-content:center;margin-bottom:20px}.brand-box,.homebrand-title{align-items:center;display:flex}.brand-box{background-color:#fff;border:1px solid #ddd;border-radius:15px;flex:1 1;height:80px;padding:20px 16px;scroll-snap-align:start}.brand-box:hover{box-shadow:0 6px 24px #00000029;transform:translateY(-4px) scale(1.03)}.promo-tooltip-home{background:#fff;border:1px solid #ddd;bottom:30px;box-shadow:0 2px 8px #0000001f;display:none;left:-125px;min-width:120px;padding:8px 12px;position:absolute;transform:translateY(0);white-space:nowrap;z-index:1}.promo-add-tag:hover .promo-tooltip-home{display:block}.promo-tooltip-home .promo-tag{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.promo-tooltip-home .promo-tag:last-child{margin-bottom:0}.event{background-color:#f5f5f7;margin:0;padding:0}.event-content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.event-banner{border-radius:25px;height:400px;margin-bottom:10px;overflow:hidden;width:100%}.event-product-list{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 50px;width:100%}.event-product-card{background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 12px #00000014;color:#000;min-height:400px;scroll-snap-align:start;width:187px}@media (min-width:1706px){.event-product-card{width:186px}}@media (min-width:1920px){.event-product-card{width:186px}}@media (min-width:2048px){.event-product-card{width:186px}}@media (min-width:2292px){.event-product-card{width:186px}}@media (min-width:3072px){.event-product-card{width:185px}}@media (min-width:4653px){.event-product-card{width:184px}}@media (min-width:6144px){.event-product-card{width:182px}}.event-product-list img{display:block;margin:0 auto}.promo-tooltip-event{background:#fff;border:1px solid #ddd;bottom:30px;box-shadow:0 2px 8px #0000001f;display:none;left:-85px;min-width:120px;padding:8px 12px;position:absolute;transform:translateY(0);white-space:nowrap;z-index:1}.promo-add-tag:hover .promo-tooltip-event{display:block}.promo-tooltip-event .promo-tag{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.promo-tooltip-event .promo-tag:last-child{margin-bottom:0}.login{background-color:#f5f5f7;display:flex;height:800px;margin:0 auto;padding:0}.login-content{display:flex;margin:120px auto;width:100%;width:var(--main-width)}.contentleft{flex-direction:column;justify-content:center;padding:100px 0;position:relative;width:50%}.contentleft,.or{align-items:center;display:flex}.or{background-color:#f5f5f7;height:50px;position:absolute;right:-2%;top:50%}.contentright-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:50%}.contentright-bg{background-color:#f5f5f7;height:600px;position:absolute;width:500px;z-index:0}.contentright{z-index:1}.qrcode-title{font-size:20px}.qrcode{display:flex;justify-content:center}.qrcode-description{font-size:13px;line-height:2;text-align:center}.authen-title{font-size:20px;margin-bottom:80px;text-align:center}.authen-input-container,.login-input-container{align-items:center;display:flex;flex-direction:column;width:350px}.authen-input,.login-input{font-size:13px;width:100%}.input-container{display:flex;margin:10px 0;position:relative}.authen-input input,.login-input input{background-color:#fff;border:none;border-radius:10px;font-size:13px;outline:none;padding:15px;width:100%}.authen-input input::placeholder,.login-input input::placeholder{color:#cecece}.password-icon{position:absolute;right:10px;top:15px}.authen-input button,.login-input button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;margin-top:30px;padding:12px;width:100%}.authen-input button:hover,.login-input button:hover{background-color:#798777;border:2px solid #798777}.authen-description a{text-decoration:none}.back-button{margin-bottom:20px;text-align:left;width:100%}.back-button button{align-items:center;background-color:#f5f5f7;border:none;cursor:pointer;display:flex;font-size:13px;gap:5px;justify-content:center}.login-title{font-size:20px;margin-bottom:10px;margin-left:10px;text-align:left;width:100%}.forgetpass-button{margin-top:10px;text-align:right;width:100%}.forgetpass-button a{color:#000;font-size:13px;text-decoration:none}.login-message{color:#d40e0e}.loginnotif{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loginnotif-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.close-button{display:flex;justify-content:flex-end}.close-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.loginnotif-title{margin-top:20px}.loginnotif-main{font-size:14px;margin-top:30px;padding:0 25px}.loginnotif-main strong{color:#d40e0e}.loginnotif-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:50px}.paylater button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.paylater button:hover,.paynow button{background-color:#283e24;color:#fff}.paynow button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.paynow button:hover{background-color:#798777;border:2px solid #798777}.forgetpass{background-color:#f5f5f7;height:70vh;margin:0;padding:0}.forgetpass-content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.fpback-button{align-items:center;cursor:pointer;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.forgetpass-title{font-size:20px;margin-bottom:60px}.forgetpass-input-container{align-items:center;display:flex;flex-direction:column}.forgetpass-input{font-size:13px;width:350px}.forgetpass-input input{background-color:#fff;border:none;border-radius:5px;font-size:13px;margin-top:10px;padding:12px 0 12px 12px;width:100%}.forgetpass-input input::placeholder{color:#cecece}.forgetpass-input button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;margin-top:60px;padding:12px;width:103%}.forgetpass-input button:hover{background-color:#798777;border:2px solid #798777}.forgetpass2{background-color:#f5f5f7;height:70vh;margin:0;padding:0}.forgetpass2-content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.forgetpass2-main{align-items:center;display:flex;flex-direction:column;margin-top:100px;text-align:center}.forgetpass2-gif{align-items:center;background-color:#eee9dd;border-radius:20px;display:flex;height:200px;justify-content:center;width:600px}.forgetpass2-text{margin-top:40px;width:600px}.resetpassword{background-color:#f5f5f7;height:70vh;margin:0;padding:0}.resetpassword-content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.rpback-button{align-items:center;cursor:pointer;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.resetpassword-input-container{align-items:center;display:flex;flex-direction:column}.resetpassword-input{font-size:14px;width:350px}.resetpassword-title{font-size:20px;margin-bottom:60px}.resetpassword-input input{background-color:#fff;border:none;border-radius:5px;font-size:13px;margin-top:10px;padding:12px 0 12px 12px;width:100%}.resetpassword-input span{color:#e53935}.resetpassword-input input::placeholder{color:#cecece}.resetpassword-input button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;margin-top:60px;padding:12px;width:103%}.resetpassword-input button:hover{background-color:#798777;border:2px solid #798777}.register{background-color:#f5f5f7;margin:0;padding:0}.register-content{display:flex;margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.regback-button{align-items:center;color:inherit;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.register-title{font-size:20px;margin-bottom:20px}.registerprogress{background-color:#fff;border-radius:10px;padding:50px 50px 80px 45px;position:relative}.no1,.no2,.no3,.no4{align-items:center;background-color:#798777;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;left:30px;position:absolute;top:45px;width:30px}.no2{top:125px}.no2,.no3{background-color:#ededed;color:#aeadac}.no3{top:205px}.no4{background-color:#ededed;color:#aeadac;top:285px}.reg-compinfo{border-left:2px solid #798777;font-size:14px;padding-bottom:30px;padding-left:30px}.reg-addinfo,.reg-payinfo{padding-bottom:30px}.accountinfo,.reg-addinfo,.reg-payinfo{border-left:2px solid #ededed;color:#aeadac;font-size:14px;padding-left:30px;padding-top:30px}.form-part1{display:flex;margin-top:120px;width:850px}.formleft-part1,.formright-part1{font-size:12px;width:50%}.compinfo{font-size:14px;padding:0 50px}.compfixedline,.compname,.einvoiceemail,.gstno,.loginemail,.regisno,.tinno,.uploadssm{min-height:80px;padding:30px 50px 0}.compshortname{min-height:80px;padding:50px 50px 0}.quesmark-tooltip-container{cursor:help;display:inline-block;position:relative}.quesmark{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;height:15px;justify-content:center;width:15px}.quesmark-tooltip-text{background-color:#fff;border-radius:4px;bottom:130%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;left:60%;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;width:240px;z-index:1}.quesmark-tooltip-text:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.quesmark-tooltip-container:focus-within .quesmark-tooltip-text,.quesmark-tooltip-container:hover .quesmark-tooltip-text{opacity:1}.reg-input-container{align-items:center;background-color:#fff;border-radius:10px;display:flex;margin-top:5px;width:380px}.form-part1 input{background-color:#fff;border:none;border-radius:10px 0 0 10px;font-size:12px;outline:none;padding:15px 42px 15px 15px;width:260px}.form-part1 input::placeholder{color:#aeadac}.form-part1 input:hover{background-color:#ededed}.reg-charcount{border-left:1px solid #cecece;padding:10px 15px 10px 5px;text-align:right;width:50px}.uploadssm-container{background-color:#e7f1ff;border-color:#bdd5f9;border-radius:10px;border-style:dashed;margin-top:5px;padding:10px 42px 10px 10px;width:100%}.uploadssm strong{color:#1877f2}.plussign,.plussign-container{align-items:center;display:flex}.plussign{background-color:#1877f2;border-radius:50%;color:#fff;height:20px;justify-content:center;margin-left:5px;margin-right:10px;width:20px}.form-line{background-color:#cecece;height:1px;margin-left:50px;margin-top:30px;width:100%}.pic{display:flex;font-size:14px}.picbranchcode{padding:80px 50px 0}.reg-next button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:300px}.reg-next button:hover{background-color:#798777;border:2px solid #798777}.reg-next-container{display:flex;justify-content:center;margin-bottom:150px;margin-top:50px}.error-text{color:#e74c3c;display:block;font-weight:500;height:16px;margin-top:5px}.register2{background-color:#f5f5f7;margin:0;padding:0}.register2-content{display:flex;margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.reg2back-button{align-items:center;color:inherit;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.register2-title{font-size:20px;margin-bottom:20px}.register2progress{background-color:#fff;border-radius:10px;padding:50px 50px 80px 45px;position:relative}.reg2-no1,.reg2-no2,.reg2-no3,.reg2-no4{align-items:center;background-color:#798777;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;left:30px;position:absolute;top:45px;width:30px}.reg2-no2{top:125px}.reg2-no3{top:205px}.reg2-no3,.reg2-no4{background-color:#ededed;color:#aeadac}.reg2-no4{top:285px}.reg2-addinfo,.reg2-compinfo{border-left:2px solid #798777;color:#000;font-size:14px;padding-bottom:30px;padding-left:30px}.reg2-addinfo{padding-top:30px}.reg2-payinfo{padding-bottom:30px}.reg2-accountinfo,.reg2-payinfo{border-left:2px solid #ededed;color:#aeadac;font-size:14px;padding-left:30px;padding-top:30px}.form-part2{display:flex;margin-top:120px;width:850px}.formleft-part2,.formright-part2{font-size:12px;width:50%}.form-part2-container{padding-top:90px}.deliveradd{font-size:14px;padding:0 50px}.city,.hqmobileno,.hqpicmobileno,.hqpicname,.offday,.postcode,.state,.streetaddress{padding:30px 50px 0}.hqfixedline{padding:50px 50px 0}.formleft-part2 input,.formright-part2 input{background-color:#fff;border:none;border-radius:10px 0 0 10px;font-size:12px;outline:none;padding:15px 42px 15px 15px;width:260px}.form-part2 input::placeholder{color:#aeadac}.form-part2 input:hover{background-color:#ededed}.reg2-prev button{background-color:#f5f5f7;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:150px}.reg2-next button,.reg2-prev button:hover{background-color:#283e24;color:#fff}.reg2-next button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:300px}.reg2-next button:hover{background-color:#798777;border:2px solid #798777}.reg2-button-container{align-items:center;display:flex;justify-content:space-between;margin:50px 0 150px 50px}.custom-dropdown-container.register2-dropdown,.custom-dropdown-container.register2-dropdown-error{width:382px}.custom-dropdown-selected.register2-dropdown{background-color:#fff;border:none;border-radius:10px;font-size:12px;margin-top:5px;outline:none;padding:13px 15px}.custom-dropdown-selected.register2-dropdown-error{background:#fff6f6;border:1.5px solid #e74c3c;border-radius:10px;font-size:12px;margin-top:5px;outline:none;padding:13px 15px}.custom-dropdown-menu.register2-dropdown{font-size:12px}.register3{background-color:#f5f5f7;margin:0;padding:0}.register3-content{display:flex;margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.reg3back-button{align-items:center;color:inherit;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.register3-title{font-size:20px;margin-bottom:20px}.register3progress{background-color:#fff;border-radius:10px;padding:50px 50px 80px 45px;position:relative}.reg3-no1,.reg3-no2,.reg3-no3,.reg3-no4{align-items:center;background-color:#798777;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;left:30px;position:absolute;top:45px;width:30px}.reg3-no2{top:125px}.reg3-no3{top:205px}.reg3-no4{background-color:#ededed;color:#aeadac;top:285px}.reg3-compinfo{border-left:2px solid #798777;color:#000;font-size:14px;padding-bottom:30px;padding-left:30px}.reg3-addinfo,.reg3-payinfo{border-left:2px solid #798777;color:#000;padding-bottom:30px}.reg3-accountinfo,.reg3-addinfo,.reg3-payinfo{font-size:14px;padding-left:30px;padding-top:30px}.reg3-accountinfo{border-left:2px solid #ededed;color:#aeadac}.form-part3{display:flex;margin-top:120px;width:850px}.form-part3.addnew{margin-top:50px}.formleft-part3,.formright-part3{font-size:12px;width:50%}.paymentinfo{font-size:14px;padding:0 50px;position:relative}.trashcan{position:absolute;right:-450px;top:0}.accno,.accstatus,.bankname,.defaultswitch{padding:30px 50px 0}.accname{padding:50px 50px 0}.formleft-part3 input,.formright-part3 input{background-color:#fff;border:none;border-radius:10px 0 0 10px;font-size:12px;outline:none;padding:15px 42px 15px 15px;width:260px}.form-part3 input::placeholder{color:#aeadac}.form-part3 input:hover{background-color:#ededed}.reg3-switch{display:inline-block;height:26px;margin:15px 0;position:relative;width:53px}.reg3-switch input{height:0;opacity:0;width:0}.reg3-slider{background-color:#cecece;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.reg3-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}.reg3-switch input:checked+.reg3-slider{background-color:#218f0c}.reg3-switch input:focus+.reg3-slider{box-shadow:0 0 1px #218f0c}.reg3-switch input:checked+.reg3-slider:before{transform:translateX(26px)}.disabled-reg3-switch .reg3-slider{background-color:#cecece;cursor:not-allowed}.addnewpayment-button{align-items:center;background-color:#f5f5f7;border:none;cursor:pointer;display:flex;font-size:12px;margin-left:40px;margin-top:30px;outline:none}.reg3-prev button{background-color:#f5f5f7;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:150px}.reg3-next button,.reg3-prev button:hover{background-color:#283e24;color:#fff}.reg3-next button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:300px}.reg3-next button:hover{background-color:#798777;border:2px solid #798777}.reg3-button-container{align-items:center;display:flex;justify-content:space-between;margin:100px 0 150px 50px}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#fff;border-radius:6px;bottom:130%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;left:60%;padding:8px 12px;white-space:nowrap;z-index:1}.tooltip,.tooltip:after{position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;top:100%}.error-text{color:#dc3545;font-family:Poppins,sans-serif;font-size:11px;margin-top:3px}.custom-dropdown-container.register3-dropdown,.custom-dropdown-container.register3-dropdown-error{width:382px}.custom-dropdown-selected.register3-dropdown{background-color:#fff;border:none;border-radius:10px;font-size:12px;margin-top:5px;outline:none;padding:13px 15px}.custom-dropdown-selected.register3-dropdown-error{background:#fff6f6;border:1.5px solid #e74c3c;border-radius:10px;font-size:12px;margin-top:5px;outline:none;padding:13px 15px}.custom-dropdown-menu.register3-dropdown{font-size:12px}.register4{background-color:#f5f5f7;margin:0;padding:0}.register4-content{display:flex;margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.reg4back-button{align-items:center;color:inherit;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.register4-title{font-size:20px;margin-bottom:20px}.register4progress{background-color:#fff;border-radius:10px;padding:50px 50px 80px 45px;position:relative}.reg4-no1,.reg4-no2,.reg4-no3,.reg4-no4{align-items:center;background-color:#283e24;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;left:30px;position:absolute;top:45px;width:30px}.reg4-no2{top:125px}.reg4-no3{top:205px}.reg4-no4{top:285px}.reg4-compinfo{border-left:2px solid #283e24;color:#000;font-size:14px;padding-bottom:30px;padding-left:30px}.reg4-addinfo,.reg4-payinfo{padding-bottom:30px}.reg4-accountinfo,.reg4-addinfo,.reg4-payinfo{border-left:2px solid #283e24;color:#000;font-size:14px;padding-left:30px;padding-top:30px}.form-part4{display:flex;margin-top:120px;width:850px}.formleft-part4,.formright-part4{font-size:12px;width:50%}.form-part4-container{padding-top:90px}.accinfo{font-size:14px;padding:0 50px}.compid,.confirmpass,.pass{padding:30px 50px 0;position:relative}.reg-password-icon{bottom:10px;position:absolute;right:75px}.passauthen-container{padding:50px 0 0 50px}.reg4-username{padding:80px 50px 0}.formleft-part4 input,.formright-part4 input{background-color:#fff;border:none;border-radius:10px 0 0 10px;font-size:12px;outline:none;padding:15px 42px 15px 15px;width:260px}.compid input{background-color:#ededed}.form-part4 input::placeholder{color:#aeadac}.form-part4 input:hover{background-color:#ededed}.reg4-prev button{background-color:#f5f5f7;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:150px}.reg4-create button,.reg4-prev button:hover{background-color:#283e24;color:#fff}.reg4-create button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:300px}.reg4-create button:hover{background-color:#798777;border:2px solid #798777}.reg4-button-container{align-items:center;display:flex;justify-content:space-between;margin:100px 0 150px 50px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.success-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-content{padding:40px 30px;text-align:center}.success-icon{margin-bottom:20px}.checkmark{background-color:#28a745;border-radius:50%;color:#fff;display:inline-block;font-size:30px;font-weight:700;height:60px;line-height:60px;width:60px}.success-modal h2{color:#28a745;font-size:24px;font-weight:600;margin-bottom:20px}.success-modal p{color:#6c757d;font-size:14px;line-height:1.6;margin-bottom:15px}.modal-confirm-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 40px;transition:background-color .3s ease}.modal-confirm-btn:hover{background-color:#0056b3}.regvalidation{background-color:#f5f5f7;height:70vh;margin:0;padding:0}.regvalidation-content{margin-left:auto;margin-right:auto;padding-top:32px;width:var(--main-width)}.rvback-button{align-items:center;cursor:pointer;display:flex;gap:5px;margin-bottom:20px;margin-top:30px;text-decoration:none}.regvalidation-border,.regvalidation-main{align-items:center;display:flex;flex-direction:column}.regvalidation-border{border:1px solid #cecece;box-shadow:0 10px 25px #0000001a;font-size:14px;padding:30px 20px}.regvalidation-title{font-size:20px;margin-bottom:20px}.regvalidation-description{color:#999;font-size:13px;margin-top:10px}.regvalidation-main button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;margin-top:60px;padding:12px;width:300px}.regvalidation-main button:hover{background-color:#798777;border:2px solid #798777}.regvalidation-icon-container,.spinner-container{margin:20px 0}.spinner{animation:spin 1s linear infinite;border:6px solid #0000;border-radius:50%;border-top-color:#000;height:48px;margin-bottom:16px;width:48px}.fail-cross,.success-tick{align-items:center;background-color:#a2b29f;border-radius:50%;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.mywishlist{background-color:#f5f5f7;margin:0;min-height:800px;padding:0}.mywishlist-content{font-size:14px;margin-left:auto;margin-right:auto;padding-bottom:50px;width:var(--main-width)}.mywishlist-tab-container{align-items:center;display:flex;justify-content:space-between}.document-out-of-stock{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:900;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.document-out-of-stock.discontinued-bg{background-color:#0000004d}.document-out-of-stock.outofstock-bg{background-color:#0000001a}.mywishlist-tabs{color:#999;display:flex;gap:10px;margin-top:20px;position:relative;z-index:2}.buyagain-tab,.favourite-tab,.wishlist-tab{cursor:pointer;display:flex;justify-content:center;margin-right:20px;padding-left:30px;padding-right:30px;position:relative}.searchbar-mywishlist{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-mywishlist input{background-color:#ededed;border:none;font-size:12px;outline:none;padding:12px 15px 12px 12px;width:320px}.mywishlist-line{background-color:#cecece;height:1px;margin-bottom:30px;margin-top:15px;position:relative;width:100%;z-index:1}.mywishlist-item{background-color:#fff;border-radius:20px;display:flex;font-size:16px;margin:20px 0;padding:20px 30px}.mywishlist-left{display:flex;justify-content:center;position:relative;width:15%}.wishlist-image-container{height:100px;position:relative;width:100px}.wishlistitem-image{height:100%;width:100%}.mywishlist-center{width:45%}.mywishlist-right{align-items:flex-end;display:flex;flex-direction:column;width:45%}.mywishlist-price-container{display:flex;gap:10px;line-height:3}.mywishlist-oriprice{color:#999;text-decoration:line-through}.mywishlist-restock-container{align-items:center;display:flex;gap:30px}.mywishlist-restock{color:#1877f2;font-size:14px}.mywishlist-delete{color:#aeadac;margin-bottom:20px}.mywishlist-delete:hover{color:#1877f2}.addcart-button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:150px}.addcart-button:hover{background-color:#283e24;color:#fff}.deleteitem{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.deleteitem-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.itemclose-button{display:flex;justify-content:flex-end}.itemclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.deleteitem-title{font-size:16px;margin-top:20px;text-align:center}.deleteitem-main{align-items:center;display:flex;flex-direction:column;margin-top:30px;text-align:center}.deleteitem-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.item-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.item-no button:hover,.item-yes button{background-color:#283e24;color:#fff}.item-yes button{border:2px solid #283e24;border-radius:30px;cursor:po;font-size:14px;padding:15px;width:200px}.item-yes button:hover{background-color:#798777;border:2px solid #798777}.myshopcart{background-color:#f5f5f7;margin:0;min-height:800px;padding:0}.myshopcart-content{display:flex;font-size:14px;gap:40px;margin-left:auto;margin-right:auto;margin-top:20px;padding-bottom:50px;width:var(--main-width)}.myshopcart-left{width:70%}.myshopcart-right{align-self:flex-start;height:-webkit-fit-content;height:fit-content;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:100px;width:30%}.myshopcart-title{font-size:16px}.myshopcart-main{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.myshopcart-tab{cursor:pointer;display:flex;justify-content:center;margin-right:20px;padding-left:30px;padding-right:30px;position:relative}.myshopcart-line{background-color:#ededed;height:2px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.myshopcart-sub{align-items:center;margin:15px 0}.msc-selectall-container,.myshopcart-sub{display:flex;justify-content:space-between}.msc-selectall-container{padding:10px 20px}.msc-selectall{align-items:center;display:flex;gap:10px}.cartitem-checkbox input[type=checkbox],.msc-selectall input[type=checkbox]{accent-color:#000;height:18px;width:18px}.searchbar9{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar9 input{background-color:#ededed;border:none;font-size:12px;outline:none;padding:12px 15px 12px 12px;width:300px}.cartitem-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:25px 0 0}.cartitem-inner{display:flex;padding:0 20px}.cartitem-checkbox{align-items:center;display:flex;margin-right:15px}.cart-image-container{height:120px;margin-right:20px;position:relative;width:120px}.cartitem-image{height:100%;width:100%}.cartitem-details{display:flex;flex:1 1;flex-direction:column;gap:10px}.cartitem-top-row{display:flex;justify-content:space-between}.cartitem-name{font-size:14px;font-weight:600;line-height:2}.cartitem-actions{display:flex;gap:15px}.delete-icon,.edit-icon{color:#aeadac;cursor:pointer}.delete-icon:hover,.edit-icon:hover{filter:brightness(0) saturate(100%) invert(36%) sepia(94%) saturate(1877%) hue-rotate(196deg) brightness(97%) contrast(101%)}.current-price{font-weight:600}.cartitem-bot-row,.cartitem-center-row{align-items:center;display:flex;justify-content:space-between}.normalprice{font-size:14px;font-weight:700}.deductedprice{color:#999;font-size:14px;text-decoration:line-through}.add-to-wishlist-button{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:180px}.add-to-wishlist-button:hover{background-color:#283e24;color:#fff}.cartitem-qty{align-items:center;border:1px solid #cecece;border-radius:30px;display:flex;font-size:20px;height:40px;justify-content:space-between;margin:10px 0;padding:0 5px;width:130px}.cartitem-qty-value{background:#0000;border:none;flex:1 1;font-size:16px;font-weight:700;outline:none;padding:0;text-align:center;width:40px}.cartitem-total-container{align-items:flex-end;display:flex;font-size:14px;height:40px}.cartitem-total{display:flex;justify-content:space-between;width:170px}.cartitem-RM{text-align:right;width:45%}.out-of-stock-overlay{align-items:center;background-color:#0000001a;color:#fff;display:flex;font-size:14px;font-weight:900;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.out-of-stock-item{background-color:#ededf1;color:#999}.msc-checkout{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;line-height:2;padding:30px 20px 40px}.msc-discount-container,.msc-shipfee-container,.msc-subtotal-container,.msc-total-container,.msc-totalitem-container{display:flex;justify-content:space-between;padding:0 8px}.msc-totalitem-container{background-color:#ededed;border-radius:10px;margin-bottom:10px}.msc-total-container{margin-bottom:10px}.msc-subtitle{text-align:left;width:35%}.msc-colon{color:#999;text-align:center;width:5%}.msc-value-container{display:flex;justify-content:flex-end;text-align:right;width:60%}.msc-value,.msc-value strong{display:flex;justify-content:space-between;width:150px}.msc-value div{text-align:right}.msc-RM{width:40%}.msc-discount-container>.msc-value-container{color:#d40e0e}.msc-total-container>.msc-value-container{font-size:16px}.msc-reminder{color:#999;font-size:12px;padding:0 8px}.tocheckout-button-container{display:flex;justify-content:center;margin-top:50px}.tocheckout-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:320px}.tocheckout-button:hover{background-color:#798777;border:2px solid #798777}.tocheckout-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.empty-cart-message{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#666}.empty-cart-message,.loading-container{font-size:14px;padding:50px;text-align:center}.error-container{background-color:#fff4f4;border:1px solid #ffd6d6;border-radius:10px;color:#d40e0e;margin-bottom:20px;padding:30px;text-align:center}.tocheckout-button-tooltip{display:inline-block;display:flex;justify-content:center;position:relative;width:100%}.tocheckout-button-tooltip .tooltip-text{background-color:#fff;border-radius:4px;bottom:115%;box-shadow:0 2px 8px #0003;color:#000;left:49%;margin-left:-100px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tocheckout-button-tooltip .tooltip-text:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tocheckout-button-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.cart-branch-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px 15px 60px}.cart-branch-left,.cart-branch-right{display:flex}.cart-branch-location{align-items:center;display:flex;flex-shrink:0;gap:8px}.cart-branch-quantity{border-right:1px solid #cecece;display:flex;flex-shrink:0;padding:0 10px}.cart-branch-total{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-left:auto;min-width:110px;padding-left:10px}.cart-branch-RM{flex:0 0 auto;text-align:left}.cart-branch-amount{flex:1 1 auto;margin-left:8px;text-align:right}.branch-toggle-container{position:relative}.branch-toggle{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;border-top:3px solid #f5f5f7;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-top:10px;padding:10px 32px}.branch-toggle img{color:#000;margin-left:8px}.currpromo-dropdown{background-color:#eee9dd;border:2px solid #cecece;border-radius:10px;cursor:pointer;margin:10px 15px;padding:0 15px;position:relative}.currpromo-dropdown-title{align-items:center;display:flex;font-size:14px;gap:20px;justify-content:space-between;padding:10px 0}.currpromo-menu{background-color:#fff;border-radius:5px;box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;left:0;position:absolute;width:100%;z-index:2}.currpromo-branch{background-color:#ededed;border-radius:10px;display:flex;margin:10px 15px;padding:10px}.currpromo-left{width:15%}.currpromo-center{display:flex;flex-direction:column;gap:10px;width:65%}.currpromo-right{align-items:center;display:flex;justify-content:flex-end;width:20%}.promoitem-name{font-size:14px}.promoitem-price,.promoitem-qty{font-size:13px}.cart-branch-row .cart-branch-location{margin-right:12px}.cart-branch-tag{align-items:center;color:#999;display:flex;font-size:12px;gap:12px}.overlay-close-btn{background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:32px;position:absolute;right:8px;top:8px;width:32px}.cartitem-overlay-bg{background:#00000059;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:1100}.no-scroll{height:100vh;overflow:hidden!important}.badge-container{align-items:flex-start;display:flex;flex-direction:column}.package-badge,.quotation-badge{background-color:#4a7c59;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;padding:2px 10px}.shoppingcartbranch{left:0;position:absolute;top:100%;z-index:1}.shoppingcartbranch-content{background:#fff;border-radius:5px;box-shadow:0 10px 25px #0000001a;color:#000;padding:10px 30px;width:740px}.shoppingcartbranch-content-container{max-height:200px;overflow-y:auto}.scbclose-button{display:flex;justify-content:flex-end}.scbclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.shoppingcartbranch-title{font-size:16px;text-align:center}.scb-totalqty-container{background-color:#f5f5f7;border-radius:10px;display:flex;justify-content:space-between;margin:20px 10px;padding:5px 15px}.scb-productqty-title{display:flex;font-weight:700;justify-content:flex-end;margin-right:70px}.scb-branch-header{align-items:center;display:flex;font-weight:700;gap:20px;justify-content:space-between;margin:8px 10px;position:relative}.scb-subtitle-col1{width:40%}.scb-subtitle-remaincol{display:flex;font-size:14px;justify-content:center;text-align:center;width:20%}.scb-edit-icon{cursor:pointer;position:absolute;right:0;top:0}.scb-branchname-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 15px}.scb-branchname{font-size:14px;width:40%}.scb-productqty-container{display:flex;justify-content:center;width:20%}.scb-productqty{align-items:center;border:1px solid #cecece;border-radius:30px;display:flex;font-size:20px;height:40px;justify-content:center;margin:15px 0;padding:0 10px;width:100px}.scb-productqty-value{background:#0000;border:none;flex:1 1;font-size:16px;font-weight:500;min-width:40px;outline:none;text-align:center}.scb-productqty-value:focus{background-color:#00000008;border-radius:4px}.shoppingcartbranch-line{background-color:#cecece;height:1px;margin-bottom:10px;margin-top:10px;position:relative;width:100%;z-index:1}.scb-total-container{display:flex;font-size:16px;justify-content:space-between;line-height:2;margin:0 15px}.scb-total-value{font-weight:700}.addtocartsuccess{inset:0;position:fixed;z-index:9999}.addtocartsuccess,.addtocartsuccess-content{align-items:center;display:flex;justify-content:center}.addtocartsuccess-content{background:#0009;border-radius:12px;flex-direction:column;padding:40px 10px;width:400px}.atcsuccess-tick{align-items:center;background-color:#a2b29f;border-radius:50%;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.atcsuccess-text{color:#fff;margin-top:20px;text-align:center}.checkout{background-color:#f5f5f7;margin:0;min-height:800px;padding:0}.checkout-content{font-size:14px;margin-left:auto;margin-right:auto;padding-bottom:50px;padding-top:20px;width:var(--main-width)}.po-date-picker-container{align-items:center;background-color:#ededed;border-radius:4px;display:flex;justify-content:space-between;padding:9px 10px;position:relative;width:100%}.po-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-size:13px;outline:none;width:100%}.checkout-title-container{align-items:center;display:flex;gap:10px;margin-bottom:20px}.checkout-title{font-size:16px}.staff-container{display:flex;justify-content:space-between;padding:0 8px;width:270px}.staff-info{background-color:#fff;border-radius:10px;padding:10px 20px}.staff-subtitle{text-align:left;width:30%}.staff-colon{color:#999;text-align:center;width:20%}.staff-value-container{display:flex;justify-content:flex-start;text-align:right;width:50%}.checkout-container{display:flex;gap:40px}.checkout-left{width:68%}.checkout-right{align-self:flex-start;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px;width:32%}.checkout-branch-dropdown select{background-color:#ededed;border:none;border-radius:5px;margin-bottom:20px;min-width:200px;padding:10px}.checkout-customer-container{background-color:#fff;border-radius:10px;margin-top:20px;padding:15px}.checkout-customer-po,.checkout-remark,.checkout-shipping-type{align-items:center;display:flex}.checkout-remark,.checkout-shipping-type{margin-top:10px}.customer-po-label,.remark-label,.shipping-type-label{flex:0 0 170px;font-weight:500;margin-right:10px}.customer-po-input-container,.remark-input-container,.shipping-type-select-container{align-items:center;display:flex;flex:1 1}.customer-po-colon,.remark-colon,.shipping-type-colon{margin:0 10px}.customer-po-input,.remark-input{background-color:#ededed;flex:1 1;font-size:14px}.customer-po-input,.remark-input,.shipping-type-select{border:none;border-radius:4px;outline:none;padding:8px 12px}.shipping-type-select{background-color:#ededf1;min-width:220px}.shipping-type-select option{background:#ededf1;font-size:14px;padding:8px 12px}.checkout-combine-do{margin-top:20px}.combine-do-header{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.combine-do-label{font-size:14px}.checkout-info{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;line-height:2;padding:30px 20px 40px}.co-cashdiscount-container,.co-discount-container,.co-shipfee-container,.co-subtotal-container,.co-total-container{display:flex;justify-content:space-between;padding:0 8px}.co-total-container{margin-bottom:10px}.co-subtitle{text-align:left;width:49%}.co-colon{color:#999;text-align:center;width:1%}.co-value-container{display:flex;justify-content:flex-end;text-align:right;width:50%}.co-value,.co-value strong{display:flex;justify-content:space-between;width:150px}.co-value div{text-align:right}.co-RM{width:40%}.co-cashdiscount-container>.co-value-container,.co-discount-container>.co-value-container{color:#d40e0e}.co-shipfee-container{position:relative}.shipfee-tooltip-outside{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 12px #0000001f;color:#333;display:none;font-size:14px;left:auto;line-height:1.6;max-width:400px;min-width:320px;padding:14px 18px;position:absolute;right:0;top:120%;white-space:normal;z-index:100}.co-total-container>.co-value{font-size:16px}.co-reminder{color:#999;font-size:12px;padding:0 8px}.co-paymentmethod{margin-top:30px;padding:10px}.co-option-box{border:2px solid #cecece;border-radius:5px}.co-optionwithdesc-container{margin-bottom:10px}.co-option,.co-optionwithdesc{align-items:center;display:flex;gap:10px;padding:10px}.co-optionwithdesc-descrip{color:#999;font-size:12px;padding:0 10px}.co-optionwithdesc-descrip strong{color:#999;font-size:14px}.co-option-line{background-color:#cecece;height:1px;width:100%}.co-paymentmethod-container input[type=checkbox]{accent-color:#000;height:18px;width:18px}.checkout-button-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px}.checkout-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:300px}.checkout-button:hover{background-color:#798777;border:2px solid #798777}.checkout-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.branch-custom-dropdown-selected.branch-dropdown-red{background-color:#fbe7e7;color:#d40e0e}.branch-custom-dropdown{font-size:13px;margin:20px 0;position:relative;width:100%}.branch-custom-dropdown-selected{align-items:center;background-color:#fff;border:none;border-radius:20px;box-shadow:0 1px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.branch-custom-dropdown-menu{background:#fff;border-radius:5px;box-shadow:0 2px 12px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:105%;z-index:1}.branch-custom-dropdown-item{padding:15px}.branch-custom-dropdown-item:hover{background-color:#f5f5f5}.branch-custom-dropdown-header{align-items:center;background-color:#f5f5f7;border-radius:15px;display:flex;font-weight:700;gap:50px;margin:8px 10px 0;padding:5px 0}.branch-custom-dropdown-option{align-items:center;cursor:pointer;display:flex;gap:50px;margin:0 10px}.branch-custom-dropdown-item.is-disabled,.branch-custom-dropdown-item[aria-disabled=true]{pointer-events:none}.branch-custom-dropdown-value{display:flex;justify-content:space-between;width:120px}.branch-custom-dropdown-RM{width:20%}.custom-dropdown-selected.checkout-dropdown{background-color:#ededf1;border:none;border-radius:4px;font-size:13px;outline:none;padding:8px 12px}.custom-dropdown-menu.checkout-dropdown{font-size:13px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.loading{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-size:16px;inset:0;justify-content:center;min-height:100vh;position:fixed;z-index:99999}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #0000;border-radius:50%;border-top-color:#000;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{text-align:center}.ordersuccess{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ordersuccess-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.orderclose-button{display:flex;justify-content:flex-end}.orderclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.ordersuccess-title{margin-top:20px}.ordersuccess-main{font-size:14px;margin-top:30px;padding:0 25px}.ordersuccess-main strong{color:#d40e0e}.ordersuccess-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:50px}.backhome button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.backhome button:hover,.vieworder button{background-color:#283e24;color:#fff}.vieworder button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.vieworder button:hover{background-color:#798777;border:2px solid #798777}.einvoice-modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.einvoice-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.evclose-button{display:flex;justify-content:flex-end}.evclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.einvoice-modal-container{font-size:14px;max-height:80vh;overflow-y:auto}.einvoice-modal-header{font-size:16px;margin-bottom:8px}.einvoice-modal-desc{color:#666;margin-bottom:18px}.einvoice-modal-form{display:flex;flex-direction:column;gap:14px}.einvoice-form-group{display:flex;flex-direction:column;margin-bottom:12px;position:relative}.einvoice-form-group label{color:#333;font-weight:600;margin-bottom:4px}.einvoice-required{color:#e53935;font-size:16px;margin-left:2px}.einvoice-form-group input,.einvoice-form-group select{background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 10px;transition:border .2s}.einvoice-form-group input.einvoice-error,.einvoice-form-group select.einvoice-error{background:#fff6f6;border:1.5px solid #e53935}.einvoice-error-msg{color:#e53935;margin-left:2px;margin-top:2px}.einvoice-modal-footer{display:flex;flex-direction:column;gap:10px}.einvoice-modal-note{color:#e53935}.einvoice-modal-actions{display:flex;gap:16px;justify-content:center;margin-top:20px}.einvoice-btn-cancel,.einvoice-btn-confirm{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:200px}.einvoice-btn-confirm:hover{background-color:#798777;border:2px solid #798777}.einvoice-btn-cancel{background:#fff;border:2px solid #283e24;color:#283e24}.einvoice-btn-cancel:hover{background-color:#283e24;color:#fff}.einvoice-btn-confirm{background:#283e24;color:#fff}.einvoice-btn-confirm:disabled{background:#a5d6a7;cursor:not-allowed}.einvoice-id-search-btn{background-color:#283e24;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px;width:100%}.custom-dropdown-selected.einvoicemodal-dropdown{background-color:#fff;border:1px solid #999;border-radius:5px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.custom-dropdown-selected.einvoicemodal-dropdown-error{background:#fff6f6;border:1.5px solid #e53935;border-radius:5px;box-sizing:border-box;font-size:13px;padding:8px 10px;width:100%}.custom-dropdown-menu.einvoicemodal-dropdown{font-size:13px}.checkoutbranch{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.checkoutbranch-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:800px}.checkoutbranch-content-container{max-height:80vh;overflow-y:auto}.cbclose-button{display:flex;justify-content:flex-end}.cbclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.checkoutbranch-title{font-size:16px;text-align:center}.branchadd-container{align-items:center;display:flex;gap:10px;padding:10px 20px}.branchadd-container,.checkout-item{border:1px solid #cecece;border-radius:10px;margin:20px 0}.checkout-item{padding:0 0 10px}.checkoutitem-header{align-items:center;background-color:#f5f5f7;border-radius:15px;display:flex;font-weight:700;gap:40px;margin:8px 10px;padding:5px 0}.checkoutitem-info{color:#999;display:flex;gap:40px;margin:8px 10px}.cb-RM{width:40%}.checkoutitem-totals-wrapper{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.checkoutitem-shippingfee,.checkoutitem-totals{color:#999;display:flex;justify-content:flex-end;margin-right:20px;width:300px}.checkoutbranch-line{background-color:#cecece;height:1px;margin-bottom:10px;margin-top:10px;position:relative;width:100%;z-index:1}.cbitem-subtitle{text-align:left;width:55%}.cbitem-colon{color:#999;text-align:center;width:5%}.cbitem-value{text-align:right;width:45%}.tooltipportal{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;min-width:240px;padding:8px 10px;pointer-events:none;transition:opacity .2s}.tooltipportal:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.productdetail{background-color:#f5f5f7;margin:0;min-height:800px;padding:0}.productdetail-content{font-size:14px;margin-left:auto;margin-right:auto;margin-top:20px;padding-bottom:200px;width:var(--main-width)}.productdetail-main{display:flex;gap:10px;margin-top:20px}.productdetail-left{width:45%}.productdetail-right{width:55%}.productimage-container{background-color:#fff;height:400px;position:relative;width:500px}.image-nav-button,.productimage-container{align-items:center;display:flex;justify-content:center}.image-nav-button{background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.image-nav-button:hover{background:#fff;box-shadow:0 2px 8px #00000026}.image-nav-prev{left:10px}.image-nav-next{right:10px}.video-container{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:100%}.main-product-video{background-color:#000;height:100%;object-fit:contain;width:100%}.image-magnifier-container{background-color:#fff;cursor:crosshair;height:400px;overflow:hidden;position:relative;width:500px}.magnifier-lens{background-color:#ffffff4d;border:2px solid #000;border-radius:50%;height:150px;opacity:.5;pointer-events:none;position:absolute;width:150px;z-index:15}.magnifier-result{background-size:1200px 1200px;height:400px;right:-520px;top:0;width:500px}.magnifier-result,.promo-magnifier-result{background-color:#fff;background-repeat:no-repeat;border:1px solid #cecece;box-shadow:0 0 20px #0000001a;position:absolute;z-index:20}.promo-magnifier-result{background-size:400px 400px;height:200px;left:100px;top:-50px;width:200px}.image-magnifier-container .main-product-image{display:block;height:100%;object-fit:contain;width:100%}@media (max-width:1400px){.magnifier-result{display:none}.image-magnifier-container{cursor:pointer}}.product-outofstock-overlay{background-color:#0000001a}.product-discontinued-overlay,.product-outofstock-overlay{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:900;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.product-discontinued-overlay{background-color:#0000004d}.main-product-image{background-color:#fff;cursor:pointer;height:100%;object-fit:contain;position:relative;transition:opacity .3s ease;width:100%}.productimage-thumb-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin-top:10px;position:relative;width:500px}.video-play-overlay{background-color:#000000b3;border-radius:50%;color:#fff;font-size:12px;left:50%;pointer-events:none;transform:translate(-50%,-50%)}.thumb-scroll-btn,.video-play-overlay{align-items:center;display:flex;height:30px;justify-content:center;position:absolute;top:50%;width:30px}.thumb-scroll-btn{background:#ffffffe6;border:1px solid #cecece;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;transform:translateY(-50%);transition:all .3s ease;z-index:5}.thumb-scroll-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026}.thumb-scroll-left{left:0}.thumb-scroll-right{right:0}.productimage-thumb-container{-ms-overflow-style:none;display:flex;gap:10px;max-width:100%;overflow-x:auto;padding:5px;scroll-behavior:smooth;scrollbar-width:none;width:auto}.productimage-thumb-container::-webkit-scrollbar{display:none}.productimage-thumb{background-color:#fff;border:1px solid #cecece;cursor:pointer;flex-shrink:0;height:80px;object-fit:contain;opacity:.6;transition:all .2s ease;width:90px}.productimage-thumb:hover{opacity:.8}.productimage-thumb.active{border:2px solid #000;opacity:1}.video-thumb-wrapper{cursor:pointer;flex-shrink:0;height:80px;opacity:.6;position:relative;transition:all .2s ease;width:90px}.video-thumb-wrapper:hover{opacity:.8}.video-thumb-wrapper.active{opacity:1}.video-thumb-wrapper.active .productimage-thumb{border:2px solid #000;opacity:1}.image-modal{animation:fadeIn .3s ease-in-out;background:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.image-modal,.modal-close{align-items:center;cursor:pointer;display:flex;justify-content:center}.modal-close{background:#fffc;border:none;border-radius:50%;font-size:20px;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.modal-close:hover{background:#fff}.modal-nav-next,.modal-nav-prev{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.modal-nav-next:hover,.modal-nav-prev:hover{background:#fff}.modal-nav-prev{left:20px}.modal-nav-next{right:20px}.modal-image{background-color:#fff;max-height:90vh;max-width:90%;object-fit:contain}.modal-image-counter{background:#00000080;border-radius:20px;bottom:20px;color:#fff;font-size:16px;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%)}.promotion-tag-title{font-size:18px;font-weight:700}.promotion-tag-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;padding:10px 0}.promotion-tag{align-items:center;background-color:#fff;border:2px solid #a8aea0;border-radius:8px;color:#304329;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:4px 10px;width:auto}.promotion-tag.selected{background-color:#ede8dd;border:2px solid #283e24;font-weight:700}.tick-box{background:#0000;border-radius:8px;box-sizing:border-box;color:#fff;height:auto;position:relative;width:auto}.tick-box:after{background:#283e24;border-top-right-radius:8px;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);content:"";height:16px;position:absolute;right:1px;top:1px;width:16px}.tick-box .tick{height:8px;pointer-events:none;position:absolute;right:2px;top:2px;width:8px;z-index:1}.tick-box .tick svg{display:block;height:100%;width:100%}.quantity-offer-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 4px 16px #00000014;left:0;min-width:130px;position:absolute;top:120%;z-index:1}.quantity-offer-dropdown-item{color:#000;cursor:pointer;font-size:12px;padding:8px 15px}.quantity-offer-dropdown-item.selected,.quantity-offer-dropdown-item:hover{background:#ede8dd;color:#283e24}.productdetailcode,.productdetailname{font-size:24px;width:500px}.producthistory-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.producthistory{align-items:center;background-color:#ededed;border-radius:5px;color:#999;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:5px 10px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.producthistory.active{background-color:#fbf1e7;color:#d7720d}.producthistory:hover{background-color:#e0e0e0}.product-highlights{font-size:14px;line-height:1.6;margin:10px 0}.highlights-inline{align-items:center;color:#666;display:flex;flex-wrap:wrap;gap:8px}.highlights-inline strong{color:#333;margin-right:5px}.highlight-separator{color:#999;font-size:16px;margin:0 5px}.highlight-text{color:#666;white-space:nowrap}.productinfo{justify-content:space-between;min-height:60px}.productinfo,.productinfo-left,.productprice-container{align-items:center;display:flex}.productprice-container{font-size:18px;gap:10px}.productprice{color:#000;font-weight:700}.green{color:#218f0c}.productprice.line-through{color:#999;font-size:16px;font-weight:400;text-decoration:line-through}.productdetail-line{background-color:#cecece;height:1px;margin-bottom:25px;margin-top:25px;width:100%}.productqty-container{display:flex;flex-direction:column}.pd-qty-tooltip-wrapper{align-items:flex-start;display:flex;margin-top:18px;position:relative}.pd-qty-tooltip-icon{align-items:center;background-color:#4a7c59;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;-webkit-user-select:none;user-select:none;width:18px}.pd-qty-tooltip-box{background:#333;border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:12px;line-height:1.7;opacity:0;padding:8px 12px;pointer-events:none;transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:999}.pd-qty-tooltip-box,.pd-qty-tooltip-box:before{left:50%;position:absolute;transform:translateX(-50%)}.pd-qty-tooltip-box:before{border:6px solid #0000;border-top-color:#333;content:"";top:100%}.pd-qty-tooltip-wrapper:hover .pd-qty-tooltip-box{opacity:1;visibility:visible}.productqty{align-items:center;border:1px solid #cecece;border-radius:30px;display:flex;font-size:20px;height:40px;justify-content:space-between;margin:10px 0;padding:0 5px;width:130px}.minus-qty-btn,.plus-qty-btn{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.minus-qty-btn{color:#cecece}.minus-qty-btn:hover:not(:disabled){color:#999}.plus-qty-btn:hover:not(:disabled){color:#333}.minus-qty-btn:disabled,.plus-qty-btn:disabled{cursor:not-allowed;opacity:.5}.productqty-value{background:#0000;border:none;flex:1 1;font-size:16px;font-weight:700;outline:none;padding:0;text-align:center;width:40px}.quantity-error{color:#d40e0e;font-size:12px}.currpromotion-title{margin:25px 0 5px}.currpromotion-container{align-items:center;background-color:#eee9dd;border:2px solid #cecece;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:0 15px}.currpromotion{align-items:center;display:flex;gap:20px;padding:10px 0}.currpromotion-branch{background-color:#ededf1;border-radius:10px;display:flex;margin:10px 0;padding:10px}.currpromotion-left{align-items:center;display:flex;width:15%}.currpromotion-center{display:flex;flex-direction:column;gap:10px;width:55%}.currpromotion-right{align-items:center;display:flex;justify-content:flex-end;width:30%}.currpromotion-price,.currpromotion-qty{font-size:13px}.subtotal-container{display:flex;gap:10px}.subtotal-container strong{display:flex;justify-content:space-between;width:110px}.pd-subtotal-value{text-align:right;width:70%}.addtocart-container{align-items:center;display:flex;gap:10px;margin-bottom:20px;margin-top:50px}.add-to-wishlist-btn{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:210px;z-index:5}.add-to-wishlist-btn:hover{background-color:#f5f5f7}.addtocart-button{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:12px 15px;transition:all .3s ease;width:250px}.addtocart-button:hover:not(:disabled){background-color:#283e24;color:#fff}.addtocart-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.heart,.magazine-link,.sharenetwork{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.heart:hover,.magazine-link:hover,.sharenetwork:hover{background-color:#f5f5f5;border-color:#999;transform:scale(1.1)}.heart.wishlist-active{animation:heartbeat .6s ease-in-out;transform:scale(1.1)}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.share-popup{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;min-width:200px;padding:16px 20px 12px;position:absolute;right:-10px;top:60px;z-index:20}.share-popup-arrow{height:10px;overflow:hidden;position:absolute;right:24px;top:-10px;width:20px}.share-popup-arrow:after{border-color:#0000 #0000 #fff;border-style:solid;border-width:0 10px 10px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.share-popup-title{font-size:15px;font-weight:500;margin-bottom:10px}.share-popup-icons{display:flex;gap:18px}.share-icon{align-items:center;background:#eee;border-radius:50%;color:#222;cursor:pointer;display:flex;font-size:22px;height:38px;justify-content:center;transition:background .2s;width:38px}.share-icon.facebook{background:#1877f2;color:#fff}.share-icon.twitter{background:#000;color:#fff}.share-icon.whatsapp{background:#25d366;color:#fff}.share-icon.copy{background:#eee;color:#222}.share-icon.webshare{background:#f5f5f5;color:#222}.share-icon:hover{opacity:.8}.buynow-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:50px;padding:12px 15px;transition:all .3s ease;width:350px}.buynow-button:hover:not(:disabled){background-color:#798777;border:2px solid #798777}.buynow-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.spec-title-container{display:flex;justify-content:space-between}.features-title,.packing-title,.spec-title,.whats-title,.youmayalsolike-title{font-size:20px;font-weight:700;margin-bottom:20px}.viewmoredetail{color:#1877f2;cursor:pointer;text-decoration:none;transition:all .3s ease}.viewmoredetail:hover{color:#0056b3;text-decoration:underline}.features-list-container,.spec-list-container,.whats-list-container{display:flex;gap:50px}.features-list,.spec-list,.whats-list{line-height:2;list-style:disc;padding-left:20px;width:30%}.packing-container{padding-bottom:15px;width:100%}.packing-img{display:flex;justify-content:flex-start;margin-bottom:10px}.packing-table-container{margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.packing-table-container::-webkit-scrollbar{height:8px}.packing-table-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.packing-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.packing-table-container::-webkit-scrollbar-thumb:hover{background:#999}.packing-table{min-width:400px;width:100%}.packing-firstrow{display:flex;margin-bottom:20px;min-width:-webkit-fit-content;min-width:fit-content}.packing-firstrow>div,.packing-firstrow>strong{flex-shrink:0;width:120px}.packing-firstrow>strong{text-align:center}.packing-row{display:flex;min-width:-webkit-fit-content;min-width:fit-content}.packing-row>strong{flex-shrink:0;text-align:left;width:120px}.packing-row>div{flex-shrink:0;text-align:center;width:120px}.packing-line,.packing-line2{background-color:#cecece;height:1px;margin-bottom:15px;margin-top:15px}.packing-line2{width:60%}.product-na.youmayalsolike{width:15.8%}.productdtl-footer{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;opacity:0;pointer-events:none;position:fixed;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.productdtl-footer.footer-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.productdtl-footer-line{background-color:#cecece;height:1px;width:100%}.productdtl-footer-main{align-items:center;display:flex;font-size:14px;gap:50px;justify-content:space-between;line-height:2;margin-left:140px;margin-right:140px;padding:15px 0}.footer-button-container,.footer-price-container{display:flex;font-size:16px;gap:10px}.footer-addtocart-btn,.footer-buynow-btn{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:12px;font-weight:700;padding:12px 15px;transition:all .3s ease;width:150px}.footer-addtocart-btn:hover:not(:disabled),.footer-buynow-btn{background-color:#283e24;color:#fff}.footer-buynow-btn{border:none}.footer-buynow-btn:hover:not(:disabled){background-color:#798777;border:2px solid #798777}.footer-addtocart-btn:disabled,.footer-buynow-btn:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.discount-badge{background-color:#000;border-radius:15px;color:#fff;font-size:10px;font-weight:700;justify-content:center;padding:4px 10px;z-index:5}.promotion-dropdown-container{position:relative;width:100%}.currpromotion-arrowdown img{display:flex;transition:transform .2s cubic-bezier(.4,0,.2,1)}.currpromotion-arrowdown img.rotate{transform:rotate(180deg)}.promotion-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.promotion-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:background-color .2s ease}.promotion-dropdown-item:last-child{border-bottom:none}.promotion-dropdown-item:hover{background-color:#f5f5f5}.promotion-dropdown-item-content{align-items:center;display:flex;gap:8px}.promotion-dropdown-item-label{color:#333;font-size:14px}.promotion-dropdown-tick{flex-shrink:0}.arrow-rotate{transform:rotate(90deg)}.load-more-btn{background:#0000;border:1px solid #999;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:10px;width:150px}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.purchasehistory{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.purchasehistory-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.purchasehistory-content-container{max-height:80vh;overflow-y:auto}.phclose-button{display:flex;justify-content:flex-end}.phclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.purchasehistory-title{font-size:16px;text-align:center}.purchasehistory-main{font-size:14px;margin-bottom:30px}.branchselect-container{margin:0 0 20px 10px}.purchaselist-firstrow,.purchaselist-row{display:flex;padding:0 25px}.purchaselist-firstrow{font-weight:700;margin-bottom:20px}.purchaselist-firstrow>.firstcolumn,.purchaselist-row>.firstcolumn{text-align:left;width:35%}.purchaselist-firstrow>.secondcolumn,.purchaselist-row>.secondcolumn{display:flex;justify-content:flex-end;width:15%}.purchaselist-firstrow>.thirdcolumn,.purchaselist-row>.thirdcolumn{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;text-align:right;width:40%}.purchaselist-firstrow>.lastcolumn,.purchaselist-row>.lastcolumn{align-items:center;display:flex;font-size:20px;justify-content:right;width:10%}.pre-discount-price{color:#999;display:flex;font-size:14px;justify-content:space-between;width:120px}.ph-RM{width:20%}.post-discount-container{align-items:center;display:flex;gap:10px;margin-top:8px}.post-discount-price{color:#218f0c;display:flex;font-size:16px;font-weight:700;justify-content:space-between;width:120px}.promodtl-btn{background-color:#798777;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:8px;margin-top:2px;outline:none;padding:3px 10px}.purchaselist-line{background-color:#cecece;height:1px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.ph-promo-tag-container{align-items:center;display:flex;gap:5px;margin-top:8px}.ph-promo-add-tag,.ph-promo-tag{align-items:center;background-color:#fff;border:2px solid #a8aea0;border-radius:8px;color:#304329;cursor:pointer;display:flex;font-size:12px;gap:5px;height:15px;padding:2px 10px;width:auto}.ph-promo-tag-text{display:block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-promo-tooltip{background:#fff;border:1px solid #ddd;bottom:0;box-shadow:0 2px 8px #0000001f;display:none;left:40px;min-width:120px;padding:8px 12px;position:absolute;transform:translateY(0);white-space:nowrap;z-index:1}.ph-promo-add-tag:hover .ph-promo-tooltip{display:block}.ph-promo-tooltip .ph-promo-tag{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.ph-promo-tooltip .ph-promo-tag:last-child{margin-bottom:0}.ph-discount-percent{align-items:center;background-color:#000;border-radius:15px;color:#fff;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;padding:2px 10px;width:auto}.custom-dropdown-container.purchasehistory-dropdown{width:120px}.custom-dropdown-selected.purchasehistory-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:8px 15px}.custom-dropdown-menu.purchasehistory-dropdown{font-size:13px}.promodtl{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.promodtl-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px 40px;width:500px}.pdclose-button{display:flex;justify-content:flex-end}.pdclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.promodtl-title{font-size:16px;font-weight:700;margin-bottom:30px;margin-top:10px;text-align:center}.promodtl-firstrow,.promodtl-row{align-items:center;display:flex;font-size:14px;padding:0 10px}.promodtl-firstrow{font-weight:700;margin:10px 0}.promodtl-row{background-color:#f5f5f7;border-radius:10px;margin-bottom:15px;padding:10px}.promodtl-firstrow>.firstcolumn,.promodtl-row>.firstcolumn{align-items:center;display:flex;gap:10px;text-align:left;width:30%}.promodtl-firstrow>.remaincolumn,.promodtl-row>.remaincolumn{text-align:right;width:30%}.promodtl-firstrow>.lastcolumn,.promodtl-row>.lastcolumn{font-size:20px;text-align:right;width:10%}.addtocart{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.addtocart-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:700px}.atcclose-button{display:flex;justify-content:flex-end}.atcclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.addtocart-title{font-size:16px;text-align:center}.addtocart-main{max-height:500px;overflow-y:auto}.atc-totalqty-container{background-color:#f5f5f7;border-radius:10px;display:flex;justify-content:space-between;margin:20px 0;padding:5px 25px}.atc-productqty-title{display:flex;font-weight:700;justify-content:flex-end;margin-right:70px}.atc-branch-header{align-items:center;background-color:#f5f5f7;border-radius:15px;display:flex;font-weight:700;gap:20px;justify-content:space-between;margin:8px 0;padding:5px 0}.subtitle-col1{padding:0 25px;width:40%}.subtitle-remaincol{display:flex;font-size:14px;justify-content:center;padding:0 10px;text-align:center;width:20%}.atc-branches{max-height:280px;overflow-y:auto}.atc-branchname-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.atc-branchname{min-width:0;padding:0 25px;width:40%}.atc-branchname-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atc-productqty-container,.empty-container{width:20%}.atc-productqty{border:1px solid #cecece;border-radius:30px;font-size:20px;height:40px;margin:15px 0;padding:0 10px;width:100px}.atc-productqty,.minus-btn,.plus-btn{align-items:center;display:flex;justify-content:center}.minus-btn,.plus-btn{background-color:initial;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:24px;height:30px;width:30px}.minus-btn{color:#cecece}.minus-btn:hover:not(:disabled){color:#999}.plus-btn:hover:not(:disabled){color:#333}.minus-btn:disabled,.plus-btn:disabled{cursor:not-allowed;opacity:.5}.atc-productqty-value{background:#0000;border:none;flex:1 1;font-size:16px;font-weight:500;min-width:40px;outline:none;text-align:center}.atc-productqty-value:focus{background-color:#00000008;border-radius:4px}.addtocart-line{background-color:#cecece;height:1px;margin-bottom:10px;margin-top:10px;position:relative;width:100%;z-index:1}.atc-discount-container,.atc-subtotal-container,.atc-total-container{display:flex;justify-content:space-between;line-height:2;margin:0 15px}.atc-discount-value,.atc-subtotal-value,.atc-total-value{display:flex;justify-content:space-between;width:120px}.atc-RM{width:20%}.atc-discount-value{color:#d40e0e}.atc-addtocart-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px;margin-top:40px}.atc-addtocart-btn{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:12px 15px;width:100%}.atc-addtocart-btn:hover:not(:disabled){background-color:#798777;border:2px solid #798777}.atc-addtocart-btn:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.atc-branchname span{font-style:italic;opacity:.7}.atc-branchname-container:hover{background-color:#00000005}.salesman-func{background-color:#f5f5f7;border-radius:10px;margin:10px;padding:15px}.discount-type-container{align-items:center;display:flex;font-size:14px;margin-bottom:10px}.discount-type-container input[type=checkbox]{accent-color:#000}.discount-type{border:none;border-radius:5px;cursor:pointer;font-size:13px;margin-right:20px;outline:none;padding:10px}.atc-form-row-container{background:#fff;border-radius:5px;padding:10px}.atc-form-row{align-items:center;background:#fff;display:flex;font-size:14px;gap:8px}.atc-form-title{width:100px}.atc-input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:4px 8px;width:80px}.atc-input-price{background:#f5f5f5;width:80px}.atc-apply-btn{background:#b7c7b0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-left:auto;padding:6px 18px}.atc-dropdown{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden}.atc-dropdown.disabled{opacity:.5;pointer-events:none}.atc-dropdown.error{border:1px solid red}.atc-dropdown-trigger{align-items:center;background:#f5f5f5;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px;transition:background .2s ease;width:100%}.atc-dropdown-trigger.grey{background:#b2b2b2;color:#000}.atc-dropdown-trigger:hover{background:#ececec}.atc-dropdown-chevron{color:#666;flex-shrink:0;height:16px;width:16px}.atc-dropdown-body{padding:0 16px}.atc-next-btn{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;display:grid;font-size:14px;justify-self:center;padding:12px 15px;width:200px}.atc-next-btn:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.atc-back-btn{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;display:grid;font-size:14px;justify-self:center;padding:12px 15px;width:200px}.promotionpackage{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.promotionpackage-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.ppclose-button{display:flex;justify-content:flex-end}.ppclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.promotionpackage-title{font-size:16px;margin-top:10px;text-align:center}.promotionpackage-main{font-size:14px;height:200px;margin-top:40px;max-height:240px;overflow-y:auto;padding-right:8px}.promotionpackage-select{align-items:center;border:1px solid #000;border-radius:10px;display:flex;gap:10px;margin:10px 0;min-height:28px;padding:10px}.promotionpackage-text{align-items:center;display:flex;justify-content:space-between;width:100%}.recommend-tag{background-color:#798777;border-radius:30px;color:#fff;font-size:12px;padding:5px 10px}.promotionpackage-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:20px;padding:0 40px}.pp-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.pp-cancel button:hover,.pp-confirm button{background-color:#283e24;color:#fff}.pp-confirm button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.pp-confirm button:hover{background-color:#798777;border:2px solid #798777}.promotionpackage-select.selected{background:#f6fff2;border:2px solid #283e24}.promotionpackage-select.disabled{cursor:not-allowed;opacity:.5}.confirm-button{background-color:initial;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:12px 15px;transition:all .3s ease;width:140px}.confirm-button.active{background-color:#283e24;color:#fff}.packagedetail-list{line-height:2;width:30%}.packagedetail-bullet{list-style:disc;padding-left:20px}.preorder{background-color:#f5f5f7;margin:0;padding:0}.preorder-content{padding-left:50px;padding-top:32px;width:920px}.sortby3{font-size:13px;position:absolute;right:130px;top:350px}.preorder-content,.sortby3{align-items:center;display:flex}.preorder-content{gap:20px;margin-bottom:70px}.preorder-content img{display:block;margin:0 auto}.product-po{background-color:#fff;border-radius:10px;box-shadow:0 0 1px #0000004d;padding:15px 15px 15px 0;width:33%}.tagpreorder{background-color:#a9d2eb;border-radius:0 5px 5px 0;color:#225f78;display:inline-block;font-size:13px;padding:2px 10px 2px 15px}.product-po-container{padding-left:15px}.compareproduct{background-color:#f5f5f7;margin:0;padding:0}.compareproduct-content{font-size:14px}.compareproduct-main-container{background:#ededf0;position:-webkit-sticky;position:sticky;top:0;z-index:999}.compareproduct-main-margin{margin-left:auto;margin-right:auto;padding:20px 0;width:var(--main-width)}.compareproduct-title-container{align-items:center;display:flex;gap:10px}.compareproduct-title{font-size:16px}.compareproduct-main{display:flex}.compareproduct-checkbox{justify-content:center;padding:0 0 0 20px}.compareproduct-checkbox,.compareproduct-maincol{align-items:center;display:flex;gap:10px;width:25%}.compareproduct-maincol{flex-direction:column}.cp-remove-btn-container{margin-right:150px}.cp-remove-btn{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:13px;height:20px;justify-content:center;line-height:20px;width:20px}.compareproduct-code,.cp-remove-btn{align-items:center;display:flex;font-weight:700}.compareproduct-code{gap:10px}.compareproduct-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:12px;min-height:32px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;word-break:break-all}.buynow-btn{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:10px 15px;width:120px}.buynow-btn:hover{background-color:#798777;border:2px solid #798777}.compareproduct-list{margin-left:auto;margin-right:auto;overflow-y:auto;padding-bottom:100px;width:var(--main-width)}.compareproduct-row{display:flex;padding:10px 0}.compareproduct-row:nth-child(odd){background-color:#ededed}.compareproduct-row:nth-child(2n){background-color:#f5f5f7}.compareproduct-subtitle{font-weight:700;padding:0 0 0 20px;width:25%}.compareproduct-col{align-items:center;display:flex;flex-direction:column;justify-content:center;width:25%}.compareproduct-title-container2{align-items:center;display:flex;gap:10px;margin-top:40px}.brandservicecenter{background-color:#f5f5f7;margin:0;padding:0}.brandservicecenter-content{margin-left:auto;margin-right:auto;width:var(--main-width)}.brandservicecenter-main{display:flex;justify-content:center;position:relative}.searchbar-brandserv-container{display:flex;justify-content:flex;position:absolute;top:-15px}.searchbar-brandserv{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;padding:0 15px;width:400px}.searchbar-brandserv input{border:none;font-size:12px;outline:none;padding:12px;width:340px}.searchbar-brandserv-remove{align-items:center;border-right:1px solid #798777;color:#798777;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;width:40px}.brandservicecenter-sub{margin-top:80px}.brandserv-item-container{display:flex;flex-wrap:wrap;gap:2%;padding-bottom:80px;width:100%}.brandserv-item{align-items:center;background-color:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;width:15%}.servcenterinfo{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.servcenterinfo-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;padding:10px 30px;width:620px}.sciclose-button{display:flex;justify-content:flex-end}.sciclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.servcenterinfo-content-inner{max-height:70vh;overflow-y:auto}.servcenterinfo-title{font-size:16px;margin-top:10px}.servcenterinfo-main{margin-bottom:20px}.servcenterinfo-item{background-color:#e0ecdc;border-radius:10px;display:flex;flex-direction:column;font-size:13px;margin:10px 0;padding:20px}.servcenterinfo-add,.servcenterinfo-compname{gap:10px;margin-bottom:20px}.servcenterinfo-compname{font-size:14px}.servcenterinfo-add{display:flex}.sci-time-container,.servcenterinfo-phoneno,.servcenterinfo-time{align-items:center;display:flex;gap:10px}.servcenterinfo-time{margin-right:30px}.custom-dropdown-container.servicecenterinfo-dropdown{width:200px}.custom-dropdown-selected.servicecenterinfo-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:10px 15px}.custom-dropdown-menu.servicecenterinfo-dropdown{font-size:13px}.searchbar-servcenterinfo{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-servcenterinfo input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.servcenterinfo-groupitem-container{display:flex;flex-wrap:wrap;gap:10px}.servcenterinfo-groupitem{align-items:center;background-color:#e0ecdc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:100px;justify-content:center;margin:10px 0;padding:20px;text-align:center;width:100px}.servcenterinfo-breadcrumb{align-items:center;display:flex;font-size:13px;gap:5px;padding:10px 0}.servcenterinfo-breadcrumb-home{color:#798777;cursor:pointer;text-decoration:underline}.servcenterinfo-breadcrumb-home:hover{color:#4a5c48}.servcenterinfo-breadcrumb-separator{color:#aaa}.servcenterinfo-breadcrumb-current{color:#333;font-weight:500}.refundreturnpolicy{background-color:#f5f5f7;margin:0;padding:0}.refundreturnpolicy-content{margin-left:auto;margin-right:auto;padding-bottom:200px;padding-top:50px;width:var(--main-width)}.rrp-subtitle{font-size:20px;font-weight:700;margin-bottom:20px;margin-top:50px}.rrp-descrip,.rrp-list{line-height:2}.rrp-list{list-style-type:square;margin-bottom:40px;margin-top:0;padding-left:20px}.aboutus{display:flex;height:450px;position:relative;width:100%}.aboutus img{display:block;object-fit:cover;z-index:0}.aboutus img,.dark-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.dark-overlay{background-color:#0006;z-index:1}.aboutus-margin{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;width:var(--main-width)}.aboutus-title{color:#fff;font-size:14px;line-height:1.6;z-index:2}.aboutus strong{color:#fff;font-size:40px}.aboutus-description{color:#fff;font-size:16px;line-height:1.8;z-index:2}.faq{background-color:#f5f5f7;margin:0;padding:0}.faq-content{margin-left:auto;margin-right:auto;padding-bottom:100px;width:var(--main-width)}.faq-main{background-color:#eee9dd;display:flex;justify-content:center;position:relative}.searchbar-faq-container{display:flex;justify-content:flex;position:absolute;top:-15px}.searchbar-faq{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;padding:0 15px;width:400px}.searchbar-faq input{border:none;font-size:12px;outline:none;padding:12px;width:340px}.searchbar-faq-remove{align-items:center;border-right:1px solid #798777;color:#798777;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:center;width:40px}.faq-sub{margin-top:80px}.faq-item{display:flex;margin-bottom:40px}.faq-left{font-size:28px;width:25%}.faq-subtitle{padding:5px 0;position:relative;width:60%}.faq-subtitle:after{border-bottom:5px solid #bdd2b6;content:"";display:block;margin-top:5px;width:60%}.faq-right{display:flex;flex-direction:column;gap:15px;width:75%}.faq-right-container{background-color:#fff;border-radius:15px;padding:25px}.faq-ques{display:flex;justify-content:space-between}.arrowdown-container{align-items:center;background-color:#eee9dd;border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.faq-ans{max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}.faq-ans.show{max-height:1000px;opacity:1;padding:15px 0}.privacypolicy{background-color:#f5f5f7;margin:0;padding:0}.privacypolicy-content{margin-left:auto;margin-right:auto;padding-bottom:150px;padding-top:50px;width:var(--main-width)}.pp-subtitle{font-size:20px;font-weight:700;margin-bottom:20px}.pp-descrip{line-height:2;margin-bottom:50px}.pp-list{line-height:2;list-style-type:square;margin-top:0;padding-left:20px}.termsconditions{background-color:#f5f5f7;margin:0;padding:0}.termsconditions-content{margin-left:auto;margin-right:auto;padding-bottom:150px;padding-top:50px;width:var(--main-width)}.tc-subtitle{font-size:20px;font-weight:700;margin-bottom:20px}.tc-descrip{line-height:2;margin-bottom:50px}.tc-list{line-height:2;list-style-type:square;margin-top:0;padding-left:20px}.myloyalty{margin:0;padding:0}.myloyalty-content{font-size:14px;margin-top:50px;width:100%}.myloyalty-title{font-size:16px}.myloyalty-main{align-items:center;background-color:#eee9dd;border-radius:10px;display:flex;flex-direction:column;margin-top:30px;padding:40px 80px}.myloyalty-main a{color:#000;text-decoration:none}.loyalty-exp{align-items:center;display:flex;font-size:20px;gap:15px;justify-content:center;margin-bottom:20px}.loyalty-progress{display:flex;justify-content:space-between;margin-top:30px;width:100%}.loyalty-slider.no-thumb{margin-top:60px;width:790px}.loyalty-slider.no-thumb::-webkit-slider-runnable-track{background:linear-gradient(to right,#7f8c7c 0,#7f8c7c calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%),#cecece calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%),#cecece 100%);border-radius:3px;height:6px}.loyalty-slider.no-thumb::-moz-range-track{background:linear-gradient(to right,#7f8c7c 0,#7f8c7c calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%),#e2ddd2 calc((var(--value) - var(--min))/(var(--max) - var(--min))*100%),#e2ddd2 100%)}.loyalty-slider.no-thumb::-ms-fill-lower{background:#7f8c7c;border-radius:3px}.loyalty-slider.no-thumb::-ms-fill-upper{background:#cecece;border-radius:3px}.loyalty-slider.no-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0000;border:none;height:0;width:0}.loyalty-slider.no-thumb::-moz-range-thumb{background:#0000;border:none;height:0;width:0}.loyalty-slider.no-thumb::-ms-thumb{background:#0000;border:none;height:0;width:0}.loyalty-slider.no-thumb:focus{border:none;outline:none}.myloyalty-sub{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.credithistory,.currentbenefit{cursor:pointer;display:flex;justify-content:center;margin-right:20px;padding-left:30px;padding-right:30px;position:relative}.myloyalty-line{background-color:#cecece;height:1px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.crhistory-item,.currbenefit-item{background-color:#fff;border-radius:10px;line-height:2;margin:20px 0;padding:15px 30px}.incentive-container,.tier-container{display:flex;justify-content:space-between}.crhistory-incentive,.currbenefit-name{font-size:16px}.crhistory-date,.crhistory-tier,.currbenefit-descrip{color:#999}.crhistory-amount strong{color:#218f0c;font-size:16px}.profilelayout{background-color:#f5f5f7;margin:0;padding:0}.profilelayout-content{display:flex;height:auto;margin-left:auto;margin-right:auto;min-height:800px;padding-bottom:50px;width:var(--main-width)}.profilelayout-nav{width:25%}.profilelayout-main{width:75%}.profilenav{background-color:#f5f5f7;margin:0 50px 0 0;padding:0;width:100%}.myprofile-container{align-items:center;color:#000;display:flex;font-size:12px;gap:10px;padding-top:50px}.truncate-name-long{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email{color:#999}.myprofloyalty{align-items:center;color:#fff;display:flex;font-size:12px;gap:10px;padding-left:60px}.myprofloyalty a,.myprofoverdue{color:#000;text-decoration:none}.myprofoverdue-container{align-items:center;background-color:#fbe7e7;border-radius:10px;color:#d40e0e;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;padding:15px;width:220px}.myprofoverdue-cancelled-value,.myprofoverdue-value{display:flex;justify-content:space-between;width:120px}.profnav-RM{width:20%}.profilenav-dropdown{margin-top:20px}.profilenav-dropdown ul{list-style:none;margin:0;padding:0}.profilenav-dropdown li{padding:10px 0 5px 5px}.profilenav-dropdown>ul>li{font-size:13px}.profnavitem{background-color:#f5f5f7;cursor:pointer;gap:25px;padding:5px 10px}.profnavitem a{text-decoration:none}.profnavitem strong{color:#999}.profilenav .subprofnavlist{padding:10px 15px}.subprofnavitem{color:#aeadac;font-size:14px;text-decoration:none}.active-option,.active-title strong{color:#000}.membertier{margin:0;padding:0}.membertier-content{font-size:14px;margin-top:50px;width:100%}.membertier-title-container{align-items:center;display:flex;gap:10px}.membertier-title{font-size:16px}.membertier-main{color:#999;display:flex;gap:10px;margin-top:40px;position:relative;z-index:2}.gold,.normal,.platinum,.silver{cursor:pointer;display:flex;justify-content:center;margin-right:20px;padding-left:30px;padding-right:30px;position:relative}.membertier-line{background-color:#cecece;height:1px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.membertier-item{background-color:#fff;border-radius:10px;line-height:2;margin:20px 0;padding:15px 30px}.membertier-name{font-size:16px}.membertier-descrip{color:#999}.mycredit{margin:0;padding:0}.mycredit-content{font-size:14px;margin-top:50px;width:100%}.mycredit-title{font-size:16px}.mycredit-main{align-items:center;background-color:#eee9dd;border-radius:10px;display:flex;flex-direction:column;font-size:14px;gap:5px;margin-top:30px;padding:20px}.totalcredit{color:#999;font-size:13px}.totalcredit-amount{display:flex;font-size:16px;justify-content:space-between;width:120px}.mycredit-RM{width:20%}.mycredit-sub{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.cr-alltab,.cr-appliedtab,.cr-unappliedtab{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.mycredit-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.searchbar-mycredit-container{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.searchbar-mycredit{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-mycredit input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.mycredit-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px}.mcitem-leftcenter-container{display:flex;flex-direction:column;width:82%}.mcitem-center,.mcitem-left{width:50%}.mcitem-left{margin-right:40px}.mcitem-right{align-items:flex-end;display:flex;flex-direction:column;width:16%}.mycredit-nextsign{color:#cecece;font-size:32px;width:2%}.mcitem-center span,.mcitem-left span{color:#999}.mcitem-tag-main{display:flex;padding-bottom:20px;padding-top:10px}.mcitem-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:5px;width:110px}.mcitem-tag.Knocked{background-color:#e8f6ed;color:#30ad5e}.mcitem-tag.Unknock{background-color:#ededed;color:#5d5d5d}.mcitem-balamt,.mcitem-cnamt,.mcitem-cndate,.mcitem-cnno{display:flex;justify-content:space-between}.mcitem-subtitle{text-align:left;width:45%}.mcitem-colon{color:#999;text-align:center;width:5%}.mcitem-value{text-align:right;width:45%}.mcitem-value-amt{display:flex;justify-content:space-between;width:55%}.mcitem-RM{text-align:right;width:40%}.active-tab{color:#000;font-weight:700}.active-tab:after{background:#000;border-radius:1px;content:"";display:block;height:3px;left:0;position:absolute;top:35px;width:100%;z-index:3}.pagination-container{margin-top:30px;padding:10px}.creditdetail{margin:0;padding:0}.creditdetail-content{font-size:14px;margin-top:50px;width:100%}.creditdetail-title-container{align-items:center;display:flex;gap:10px}.creditdetail-title{font-size:16px}.creditdetail-main{align-items:center;background-color:#fff;border-radius:10px;display:flex;font-size:16px;justify-content:space-between;margin-top:30px;padding:20px 30px}.cd-id{margin-bottom:5px}.cd-date{color:#999;font-size:13px}.cd-amount{display:flex;justify-content:space-between;width:120px}.cd-RM{width:20%}.detail{font-size:16px;margin:20px 0}.creditdetail-item{background-color:#fff;border-radius:10px;padding:0 0 10px;width:100%}.cd-branchadd-container{align-items:center;border-bottom:1px solid #cecece;display:flex;font-size:12px;gap:10px;padding:10px 20px}.creditdetail-info{align-items:center;display:flex;gap:20px;padding:10px 25px}.creditdetail-left{align-items:center;display:flex;width:15%}.creditdetail-center{width:35%}.creditdetail-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;width:50%}.creditdetail-code{font-size:16px;font-weight:700}.creditdetail-name{font-size:13px}.creditdetail-price{display:flex;justify-content:space-between;width:120px}.creditdetail-price,.creditdetail-reason{color:#999;margin-top:10px}.creditdetail-reason span{color:#d40e0e}.creditdetail-total{display:flex;justify-content:space-between;margin-top:30px;width:170px}.cditem-RM{width:45%}.creditdetail-sub{background-color:#fff;border-radius:10px;margin-top:20px;width:100%}.cd-from-container,.cd-reportphoto-container{display:flex;justify-content:space-between;padding:15px 30px}.cd-from-container{border-bottom:1px solid #cecece}.cd-from,.cd-reportphoto{color:#999}.viewinv{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.viewinv-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:600px}.viclose-button{display:flex;justify-content:flex-end}.viclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.viewinv-title{font-size:16px;margin-top:20px}.viewinv-main{font-size:14px;line-height:2;margin:20px 0}.viewinv-block{background-color:#f5f5f7;border-radius:10px;padding:20px}.viewinv-deduct-container,.viewinv-invdate-container,.viewinv-invno-container{display:flex;justify-content:space-between}.viewinv-deduct,.viewinv-invdate,.viewinv-invno{display:flex;width:600px}.vi-subtitle{text-align:left;width:35%}.vi-colon{text-align:center;width:5%}.viewinv-deduct-value{display:flex;justify-content:space-between;width:150px}.viewinv-invdate-value,.viewinv-invno-value{text-align:right;width:150px}.vi-RM{width:20%}.myaccount{margin:0;padding:0}.myaccount-content{font-size:14px;margin-top:50px;width:100%}.myaccount-title{font-size:16px}.myaccount-main{margin-right:50px}.profilepic{align-items:center;display:flex;flex-direction:column;gap:10px}.profilepic a{color:#1877f2;text-decoration:underline}.accountinfo-title{font-size:16px;margin-left:40px;margin-top:20px}.myaccount-sub{background-color:#fff;border-radius:10px;margin-left:40px;margin-top:20px}.myaccount-sub span{color:#999;font-size:12px}.accountinfo-email,.accountinfo-username{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding:20px 25px}.myaccount-line{background-color:#cecece;height:1px;position:relative;width:100%;z-index:1}.edit button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:10px;width:130px}.edit button:hover{background:#283e24;color:#fff}.myacc-changepass{color:#1877f2;cursor:pointer;font-weight:600;margin-left:65px;margin-top:20px}.myacc-changepass:hover{color:#0056b3}.changeprofpic-btn{background:none;border:none;color:#1877f2;cursor:pointer;font-size:1em;font-weight:600;padding:0;text-decoration:underline}.changeprofpic-btn:hover{color:#0056b3}.editusername{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.editusername-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.euclose-button{display:flex;justify-content:flex-end}.euclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.editusername-title{font-size:16px;margin-top:20px;text-align:center}.editusername-main{font-size:14px;line-height:2;margin-top:30px;padding:0 40px}.editusername-input-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex}.editusername-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;outline:none;padding:12px;width:100%}.editusername-charcount{border-left:1px solid #cecece;padding:10px 15px 10px 5px;text-align:right;width:50px}.editusername-sub{gap:30px;margin-bottom:30px;margin-top:40px;padding:0 40px}.changepass,.editusername-sub{display:flex;justify-content:center}.changepass{align-items:center;background-color:#0009;inset:0;position:fixed;z-index:9999}.changepass-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:750px}.cpclose-button{display:flex;justify-content:flex-end}.cpclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.changepass-title{font-size:16px;margin-top:20px;text-align:center}.changepass-main{display:flex;font-size:14px;gap:20px;margin-top:30px;padding:0 20px}.changepass-main-left{width:50%}.changepass-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;margin-bottom:20px;margin-top:5px;padding:12px;width:100%}.changepass-main input::placeholder{color:#b2b2b2;padding:5px}.confirmnewpass,.currentpass,.newpass{position:relative}.changepass-password-icon{position:absolute;right:15px;top:37px}.passauthen{font-size:12px}.passauthen ul{list-style:none;padding-left:0}.passauthen li{align-items:center;color:#999;display:flex;margin-bottom:4px}.passauthen li:before{color:#000;content:"○";font-size:30px;line-height:1;margin-right:12px;transition:color .2s}.passauthen li.valid:before{color:#218f0c;content:"●"}.changepass-sub{display:flex;gap:30px;justify-content:center;margin-bottom:20px;margin-top:30px;padding:0 40px}.cpcancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.change button,.cpcancel button:hover{background-color:#283e24;color:#fff}.change button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.change button:hover{background-color:#798777;border:2px solid #798777}.input-error{background:#fff6f6;border:1.5px solid #e74c3c!important}.error-msg{color:#e74c3c;display:flex;justify-content:center;margin-top:8px}.companyinfo{margin:0;padding:0}.companyinfo-content{font-size:14px;margin-top:50px;width:100%}.companyinfo-title{font-size:16px;margin-top:50px}.companyinfo-main{background-color:#fff;border-radius:10px;margin-right:100px;margin-top:20px}.companyinfo-main span{color:#999;font-size:12px}.companyinfo-busgroup,.companyinfo-category,.companyinfo-channel,.companyinfo-compname,.companyinfo-compregname,.companyinfo-compregno,.companyinfo-email,.companyinfo-gstno,.companyinfo-ssm{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding:20px 25px}.companyinfo-line{background-color:#cecece;height:1px;position:relative;width:100%;z-index:1}.editphoneno{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.editphoneno-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.epclose-button{display:flex;justify-content:flex-end}.epclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.editphoneno-title{font-size:16px;margin-top:20px;text-align:center}.editphoneno-main{font-size:14px;line-height:2;margin-top:30px;padding:0 40px}.editphoneno-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;outline:none;padding:12px;width:100%}.editphoneno-charcount{border-left:1px solid #cecece;padding:10px 15px 10px 5px;text-align:right;width:50px}.editphoneno-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px;padding:0 40px}.edit-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.edit-cancel button:hover,.edit-save button{background-color:#283e24;color:#fff}.edit-save button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.edit-save button:hover{background-color:#798777;border:2px solid #798777}.editphoneno-input-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex;margin-bottom:20px;margin-top:5px}.ep-countrycode{border-right:1px solid #cecece;font-size:13px;padding:10px}.branchmanage{margin:0;padding:0}.branchmanage-content{font-size:14px;margin-top:50px;width:100%}.branchmanage-title{font-size:16px;margin-top:50px}.branchmanage-main{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.searchbar-branchmng{align-items:center;background-color:#ededed;border-radius:20px;display:flex;margin-bottom:10px;padding-left:20px;width:400px}.searchbar-branchmng input{background-color:#ededed;border:none;font-size:12px;outline:none;padding:12px 15px 12px 12px;width:320px}.addnew button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;padding:12px;width:130px}.addnew button:hover{background-color:#798777;border:2px solid #798777}.branchmanage-item{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:20px 30px}.bmitem-left{width:70%}.bmitem-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:30%}.branch-name{font-size:16px}.branch-add,.branch-availday{margin-top:10px}.branch-availday strong{color:#218f0c}.branch-contact{align-items:center;display:flex}.contact-name{border-right:1px solid #cecece;padding-right:30px}.contact-name,.contact-no{align-items:center;display:flex;gap:15px;margin-top:10px}.contact-no{padding-left:30px}.bm-edit{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:10px;width:130px}.bm-edit:hover{background:#283e24;color:#fff}.branch-status-label{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:10px;width:80px}.branch-status-label.active{background:#dff6df;color:#1ca21c}.branch-status-label.inactive{background:#ffeaea;color:#d32f2f}.branch-status-label.pending{background:#f9f4e9;color:#ba8d22}.addbranch{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.addbranch-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:800px}.abclose-button{display:flex;justify-content:flex-end}.abclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.addbranch-title{font-size:16px;margin-top:20px;text-align:center}.addbranch-main{display:flex;font-size:14px;gap:40px;margin-top:40px;padding:0 20px}.addbranch-left,.addbranch-right{width:50%}.addbranch-input-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex;margin-bottom:20px;margin-top:5px}.addbranch-input-container input:disabled,.addbranch-input-container.ab-disabled{background-color:#cecece}.ab-address input,.addbranch-left input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;outline:none;padding:12px;width:100%}.addbranch-charcount{border-left:1px solid #999;padding:10px 15px 10px 5px;text-align:right;width:50px}.ab-address input,.ab-picname input{margin-bottom:20px;margin-top:5px}.abmobileno-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex;margin-top:5px;padding:5px 42px 5px 5px;width:320px}.ab-mobileno input{background-color:#ededf1;border:none;outline:none;padding-left:10px}.ab-countrycode{border-right:1px solid #cecece;font-size:13px;padding:5px 10px 5px 5px}.addbranch-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:20px;padding:0 40px}.ab-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.ab-cancel button:hover,.ab-create button{background-color:#283e24;color:#fff}.ab-create button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.ab-create button:hover{background-color:#798777;border:2px solid #798777}.custom-dropdown-selected.addbranch-dropdown{border:none;border-radius:10px}.custom-dropdown-selected.addbranch-dropdown,.custom-dropdown-selected.addbranch-dropdown-error{background-color:#ededf1;box-sizing:border-box;font-size:13px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.custom-dropdown-selected.addbranch-dropdown-error{border:1px solid red;border-radius:10px}.custom-dropdown-menu.addbranch-dropdown{font-size:13px}.usermanage{margin:0;padding:0}.usermanage-content{font-size:14px;margin-top:50px;width:100%}.usermanage-title{font-size:16px;margin-top:50px}.usermanage-tab{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.usermanage-line{background-color:#cecece;height:1px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.usermanage-main{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.searchbar-usermng{align-items:center;background-color:#ededed;border-radius:20px;display:flex;margin-bottom:10px;padding-left:20px;width:400px}.searchbar-usermng input{background-color:#ededed;border:none;font-size:12px;outline:none;padding:12px 15px 12px 12px;width:320px}.um-addnew button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;padding:12px;width:130px}.um-addnew button:hover{background-color:#798777;border:2px solid #798777}.usermanage-item{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:20px 30px}.umitem-left{width:70%}.umitem-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px;width:30%}.user-name{font-size:16px}.user-access,.user-branch{margin-top:10px}.user-access span,.user-branch span{color:#999}.um-edit{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:10px;width:130px}.um-edit:hover{background:#283e24;color:#fff}.um-delete{background-color:#d9534f;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:10px;width:130px}.um-delete:hover{color:#000}.adduser{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.adduser-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.adduser-content-container{max-height:80vh;overflow-y:auto}.adduser-title{font-size:16px;margin-top:20px;text-align:center}.adduser-main{font-size:14px;margin-top:20px;padding:0 20px}.adduser-input-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex;margin-bottom:20px;margin-top:5px}.adduser-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;outline:none;padding:12px;width:100%}.adduser-charcount{border-left:1px solid #cecece;padding:10px 15px 10px 5px;text-align:right;width:50px}.au-confpass,.au-pass{position:relative}.au-confpass input,.au-pass input{margin-bottom:20px;margin-top:5px}.adduser-password-icon{position:absolute;right:15px;top:37px}.adduser-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:20px;padding:0 40px}.au-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.au-cancel button:hover,.au-create button{background-color:#283e24;color:#fff}.au-create button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.au-create button:hover{background-color:#798777;border:2px solid #798777}.access-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.access-header strong{font-size:15px;font-weight:700}.select-all-container{align-items:center;display:flex;gap:6px}.select-all-container input[type=checkbox]{accent-color:#000;cursor:pointer;margin:0;width:auto}.select-all-container label{color:#555;cursor:pointer;font-size:13px}.custom-dropdown-selected.adduser-dropdown{border:none;border-radius:10px}.custom-dropdown-selected.adduser-dropdown,.custom-dropdown-selected.adduser-dropdown-error{background-color:#ededf1;box-sizing:border-box;font-size:13px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.custom-dropdown-selected.adduser-dropdown-error{border:1px solid red;border-radius:10px}.custom-dropdown-menu.adduser-dropdown{font-size:13px}.edituser{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.edituser-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;min-height:500px;padding:10px 30px;width:500px}.edituser-content-container{max-height:80vh;overflow-y:auto}.auclose-button{display:flex;justify-content:flex-end}.auclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.edituser-title{font-size:16px;margin-top:20px;text-align:center}.edituser-main{font-size:14px;margin-top:20px;padding:0 20px}.edituser-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;margin-bottom:20px;margin-top:5px;padding:12px;width:100%}.edituser-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:170px;padding:0 40px}.eu-pass{color:#1877f2;cursor:pointer;margin-bottom:30px;margin-top:10px;text-decoration:underline}.eu-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.eu-cancel button:hover,.eu-save button{background-color:#283e24;color:#fff}.eu-save button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.eu-save button:hover{background-color:#798777;border:2px solid #798777}.custom-dropdown-selected.edituser-dropdown{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;font-size:13px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.custom-dropdown-menu.edituser-dropdown{font-size:13px}.resetpass{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.resetpass-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:500px}.rpclose-button{display:flex;justify-content:flex-end}.rpclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.resetpass-title{font-size:16px;margin-top:20px;text-align:center}.resetpass-main{margin-top:30px;padding:0 40px}.resetpass-confirm,.resetpass-new{font-size:14px;line-height:2;position:relative}.resetpass-confirm input,.resetpass-new input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;padding:12px;width:100%}.resetpass-password-icon{position:absolute;right:15px;top:41px}.resetpass-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:20px;padding:0 40px}.reset-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.reset-cancel button:hover,.reset-confirm button{background-color:#283e24;color:#fff}.reset-confirm button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.reset-confirm button:hover{background-color:#798777;border:2px solid #798777}.deleteuser{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.deleteuser-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.duclose-button{display:flex;justify-content:flex-end}.duclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.deleteuser-title{font-size:16px;margin-top:20px;text-align:center}.deleteuser-main{align-items:center;display:flex;flex-direction:column;margin-top:30px}.deleteuser-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.du-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.du-no button:hover{background-color:#283e24;color:#fff}.du-yes button{background-color:#d9534f;border:2px solid #d9534f;border-radius:30px;color:#fff;cursor:po;font-size:14px;padding:15px;width:200px}.du-yes button:hover{color:#000}.paymentmanage{margin:0;padding:0}.paymentmanage-content{font-size:14px;margin-top:50px;width:100%}.paymentmanage-title{font-size:16px;margin-top:50px}.paymentmanage-main{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.searchbar-paymentmng{align-items:center;background-color:#ededed;border-radius:20px;display:flex;margin-bottom:10px;padding-left:20px;width:400px}.searchbar-paymentmng input{background-color:#ededed;border:none;font-size:12px;outline:none;padding:12px 15px 12px 12px;width:320px}.pm-addnew button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;padding:12px;width:130px}.pm-addnew button:hover{background-color:#798777;border:2px solid #798777}.paymentmanage-item{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;margin-top:20px;padding:20px 30px}.pmitem-left{width:70%}.pmitem-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:30%}.pmitem-container{align-items:center;display:flex;gap:20px}.payment-bank{align-items:center;display:flex}.payment-bank,.payment-owner{color:#222;font-size:16px;font-weight:700}.pmitem-container .payment-bank:after{color:#cecece;content:"|";font-size:20px;font-weight:400;margin-left:20px}.default-tag{align-items:center;background:#e8f2fe;border-radius:16px;color:#4c96f5;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:0;width:80px}.payment-account{color:#888;font-size:13px;margin-top:8px}.payment-accountno{color:#222;font-size:14px;font-weight:700;margin-left:4px}.pm-edit{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:10px;width:130px}.pm-edit:hover{background:#283e24;color:#fff}.pm-edit-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.pm-status-label{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:5px;width:80px}.pm-status-label.active{background:#dff6df;color:#1ca21c}.pm-status-label.inactive{background:#ffeaea;color:#d32f2f}.addpayment{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.addpayment-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:800px}.apclose-button{display:flex;justify-content:flex-end}.apclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.addpayment-title{font-size:16px;margin-top:20px;text-align:center}.addpayment-main{display:flex;font-size:14px;gap:40px;margin-top:40px;padding:0 20px}.addpayment-left,.addpayment-right{width:50%}.addpayment-main input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;margin-bottom:20px;margin-top:5px;padding:12px;width:100%}.switch{display:inline-block;height:26px;margin:20px 0;position:relative;width:53px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cecece;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}.switch input:checked+.slider{background-color:#218f0c}.switch input:focus+.slider{box-shadow:0 0 1px #218f0c}.switch input:checked+.slider:before{transform:translateX(26px)}.disabled-switch .slider{background-color:#cecece;cursor:not-allowed}.loading-switch .slider{animation:pulse 1.5s infinite;background-color:#f1c40f}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.addpayment-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:20px;padding:0 40px}.ap-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.ap-cancel button:hover,.ap-create button{background-color:#283e24;color:#fff}.ap-create button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.ap-create button:hover{background-color:#798777;border:2px solid #798777}.custom-dropdown-selected.addpayment-dropdown{border:none;border-radius:10px}.custom-dropdown-selected.addpayment-dropdown,.custom-dropdown-selected.addpayment-dropdown-error{background-color:#ededf1;box-sizing:border-box;font-size:13px;margin-bottom:20px;margin-top:5px;padding:10px;width:100%}.custom-dropdown-selected.addpayment-dropdown-error{border:1px solid red;border-radius:10px}.custom-dropdown-menu.addpayment-dropdown{font-size:13px}.allorder{margin:0;padding:0}.allorder-content{font-size:14px;margin-top:50px;width:100%}.myorder-title{font-size:16px}.allorder-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.allorder-sub{align-items:center;display:flex;gap:20px;padding:10px 0}.searchbar-allorder{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-allorder input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.ao-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;flex:1 1;justify-content:space-between;padding:9px 10px;position:relative}.ao-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:200px}.allorder-calendar{left:0;position:absolute;top:40px;z-index:3}.ao-quesmark-tooltip-container{align-items:center;cursor:help;display:flex;margin-left:10px;position:relative}.aoitem-received-info{align-items:center;color:#555;display:flex;font-size:12px;height:100%;margin-bottom:5px;padding-left:10px}.aoitem-received-info-highlight{padding-left:5px;padding-right:5px}.ao-quesmark-tooltip-text{background-color:#fff;border-radius:4px;bottom:95%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;left:50%;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;width:300px;z-index:10}.ao-quesmark-tooltip-text:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.ao-quesmark-tooltip-container:focus-within .ao-quesmark-tooltip-text,.ao-quesmark-tooltip-container:hover .ao-quesmark-tooltip-text{opacity:1}.allorder-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px;text-decoration:none}.aoitem-tag-main{display:flex;padding-bottom:20px;padding-top:10px}.ao-orderclose{align-items:center;border-radius:10px;display:flex;gap:20px;margin:0 20px}.ao-orderclose-caption{color:#d40e0e}.ao-orderclose-cdtimer{align-items:center;display:flex;gap:10px}.ao-orderclose-time{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:center;padding:2px 5px;width:auto}.aoitem-leftcenter-container{display:flex;flex-direction:column;width:82%}.aoitem-center,.aoitem-left{display:flex;flex-direction:column;justify-content:center;width:50%}.aoitem-left{margin-right:40px}.aoitem-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:center;width:16%}.ao-nextsign{color:#cecece;font-size:32px;width:2%}.allorder-item span{color:#999}.aoitem-date,.aoitem-delivery,.aoitem-orderno,.aoitem-payment,.aoitem-total{display:flex;justify-content:space-between}.aoitem-subtitle{text-align:left;width:35%}.aoitem-colon{color:#999;text-align:center;width:5%}.aoitem-value{text-align:right;width:60%}.aoitem-value-total{display:flex;justify-content:space-between;width:60%}.aoitem-RM{text-align:right;width:40%}.aoitem-value-delivery{display:flex;justify-content:flex-end;width:60%}.aoitem-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:2px;width:120px}.aoitem-tag.processing{background-color:#fbf1e7;color:#db8228}.aoitem-tag.readytoship{background-color:#fae9f4;color:#c51c8f}.aoitem-tag.new,.aoitem-tag.topay,.aoitem-tag.topay-failed,.aoitem-tag.topay-processing{background-color:#ededed;color:#5d5d5d}.aoitem-tag.shipping{background-color:#e8f7f9;color:#16aac1}.aoitem-tag.received{background-color:#e8f6ed;color:#30ad5e}.aoitem-tag.cancelled{background-color:#fbe7e7;color:#d40e0e}.aoitem-button{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;margin-top:0;min-width:80px;padding:0 20px;width:120px}.aoitem-button:hover{background-color:#798777;border:2px solid #798777}.aoitem-button-toreceive{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;margin-top:0;min-width:80px;padding:0 20px;width:120px}.aoitem-button-toreceive:hover{background-color:#798777;border:2px solid #798777}.pagination-modern{background:#fff;border-radius:24px;box-shadow:0 2px 8px #0000000f;gap:4px;margin:24px 0 16px;padding:8px 18px}.pagination-btn,.pagination-modern{align-items:center;display:flex;justify-content:center}.pagination-btn{background:none;border:none;color:#888;cursor:pointer;font-size:15px;font-weight:500;gap:2px;margin:0 1px;transition:background .15s,color .15s}.pagination-btn,.pagination-current{border-radius:50%;height:28px;min-width:28px}.pagination-current{background:#0a400f!important;box-shadow:0 1px 4px #00000014;color:#fff!important;font-weight:700}.pagination-btn:first-child,.pagination-btn:last-child{color:#222;font-weight:700}.pagination-btn:disabled{background:none;color:#bbb;cursor:not-allowed}.pagination-ellipsis{align-items:center;color:#bbb;display:flex;font-size:15px;padding:0 3px;-webkit-user-select:none;user-select:none}.allorder-item input[type=checkbox],.selectall input[type=checkbox]{accent-color:#000;height:18px;width:18px}.orders-footer{background-color:#fff;bottom:0;left:0;position:fixed;width:100%}.orders-footer-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.orders-footer-content{display:flex;font-size:14px;margin-left:auto;margin-right:auto;width:var(--main-width)}.selected-section{margin:10px 0;padding:10px 10px 10px 0;width:30%}.payment-section,.selected-section{border-right:2px solid #ededed;line-height:2}.payment-section{margin:10px 20px;padding:10px 0;width:15%}.footer-actions{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding-left:10px;width:55%}.orders-footer-selected{font-size:16px;position:relative}.orders-footer-payment-container{display:flex;gap:20px}.orders-footer-payment{align-items:center;display:flex;gap:5px}.orders-footer-payment input[type=radio]{accent-color:#218f0c}.orders-footer-total strong{display:flex;font-size:16px;justify-content:space-between;width:180px}.orders-footer-RM{width:20%}.cancel-order-btn{background-color:#fceaea;border:2px solid #fceaea;border-radius:30px;color:#e45757;cursor:pointer;font-size:14px;font-weight:600;padding:15px 30px;width:170px}.cancel-order-btn:hover{background-color:#e45757;border:2px solid #e45757;color:#fceaea}.pay-now-btn{background-color:#283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:15px 30px;width:170px}.pay-now-btn:not(:disabled):hover{background-color:#798777;border:2px solid #798777}.pay-now-btn:disabled{cursor:not-allowed}.custom-dropdown-container.allorder-dropdown{width:140px}.custom-dropdown-selected.allorder-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:10px 15px}.custom-dropdown-menu.allorder-dropdown{font-size:13px}.myordernav{margin:0;padding:0}.lowertab,.uppertab{color:#999;display:flex;margin-top:30px;position:relative;z-index:2}.alltab,.cancelledtab,.cash,.newordertab,.processingtab,.refundreturntab,.term,.topaytab,.toreceivetab,.toshiptab{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.newordertab,.topaytab,.toreceivetab{margin:0 0 0 20px}.myordernav-line{background-color:#cecece;height:1px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.unread{align-items:center;box-sizing:border-box;color:#d40e0e;display:flex;height:20px;justify-content:center;opacity:0;transition:opacity .2s;width:auto}.unread.show{opacity:1}.receivednotif{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.receivednotif-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;text-align:center;width:500px}.rnclose-button{display:flex;justify-content:flex-end}.rnclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.receivednotif-title{font-size:16px;margin-top:20px;text-align:center}.receivednotif-main{font-size:14px;margin-top:30px;padding:0 25px}.receivednotif-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.rn-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.rn-no button:hover,.rn-yes button{background-color:#283e24;color:#fff}.rn-yes button{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:14px;padding:15px;width:200px}.rn-yes button:hover{background-color:#798777;border:2px solid #798777}.cancelorder{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cancelorder-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.coclose-button{display:flex;justify-content:flex-end}.coclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.cancelorder-title{font-size:16px;margin-top:20px;text-align:center}.cancelorder-main{display:flex;justify-content:center;margin-top:30px}.cancelorder-reason{padding:30px 30px 0}.cancelorder-input-container{align-items:center;background-color:#ededf1;border-radius:10px;display:flex;margin-bottom:20px;margin-top:5px}.cancelorder-input-container input{background-color:#ededf1;border:none;border-radius:10px;box-sizing:border-box;outline:none;padding:12px;width:100%}.cancelorder-input-container input:disabled{background-color:#cecece}.cancelorder-charcount{border-left:1px solid #999;padding:10px 15px 10px 5px;text-align:right;width:50px}.cancelorder-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.co-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.co-no button:hover,.co-yes button{background-color:#283e24;color:#fff}.co-yes button{border:2px solid #283e24;border-radius:30px;cursor:po;font-size:14px;padding:15px;width:200px}.co-yes button:hover{background-color:#798777;border:2px solid #798777}.cancelnotif{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cancelnotif-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.cancelnotif-main{margin-top:20px}.cancelnotif-main,.cancelnotif-sub{display:flex;justify-content:center}.cancelnotif-sub{gap:30px;margin-bottom:30px;margin-top:40px}.cn-ok button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:po;font-size:14px;padding:15px;width:200px}.cn-ok button:hover{background-color:#798777;border:2px solid #798777}.paymentmethod{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.paymentmethod-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.pmclose-button{display:flex;justify-content:flex-end}.pmclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.paymentmethod-title{font-size:16px;margin-top:20px;text-align:center}.paymentby{margin:30px 20px}.paymentmethod-main input[type=checkbox]{accent-color:#000;height:18px;width:18px}.pmoption1,.pmoption2{border:1px solid #cecece;border-radius:10px;margin:10px 20px}.pmoption1,.pmoption2-caption{align-items:center;display:flex;gap:10px;padding:10px}.pmoption2-caption{border-bottom:1px solid #cecece}.pmoption2-remind{color:#999;font-size:12px;padding:10px 20px}.paymentmethod-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.pm-cancel button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.pm-cancel button:hover,.pm-ok button{background-color:#283e24;color:#fff}.pm-ok button{border:2px solid #283e24;border-radius:30px;cursor:po;font-size:14px;padding:15px;width:200px}.pm-ok button:hover{background-color:#798777;border:2px solid #798777}.refundreturn{margin:0;padding:0}.refundreturn-content{font-size:14px;margin-top:50px;width:100%}.rr-title-container{align-items:center;display:flex;justify-content:space-between}.myrefund-title{font-size:16px}.refundreturn-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.searchbar-refundrtn{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-refundrtn input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.rr-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;flex:1 1;justify-content:space-between;padding:9px 10px;position:relative}.rr-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:200px}.refundreturn-calendar{left:0;position:absolute;top:40px;z-index:3}.refundreturn-sub{align-items:center;display:flex;gap:20px;padding:10px 0}.refundreturn-tab{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.refundreturn-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px;text-decoration:none}.refundreturn-tag-main{display:flex;padding-bottom:20px;padding-top:10px}.refundreturn-leftcenter-container{display:flex;flex-direction:column;width:82%}.refundreturn-left{margin-right:40px;width:50%}.refundreturn-center{width:50%}.refundreturn-right{align-items:center;display:flex;flex-direction:column;gap:10px;width:16%}.refundreturnitem-branch,.refundreturnitem-code{display:flex;justify-content:space-between}.rr-nextsign{color:#cecece;font-size:32px;width:2%}.refundreturn-item span{color:#999}.refundreturn-status{display:flex}.refundreturn-status-tag{align-items:center;background-color:#d1f0d3;border-radius:16px;color:#0d9e16;display:flex;font-size:13px;font-weight:500;justify-content:center;width:60px}.refundreturn-remind{color:#343330;font-style:italic}.refundreturn-orderno,.refundreturn-status{display:flex;justify-content:space-between}.refundreturn-subtitle{text-align:left;width:35%}.refundreturn-colon{color:#999;text-align:center;width:5%}.refundreturn-value{text-align:right;width:60%}.refundreturn-tag-container{display:flex;justify-content:flex-end;width:60%}.refundreturn-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:0;text-decoration:none;width:130px}.refundreturn-tag.processing{background-color:#fbf1e7;color:#d7720d}.refundreturn-tag.cancelled{background-color:#fceaea;color:#dc2626}.refundreturn-tag.Done,.refundreturn-tag.done{background-color:#e8f6ed;color:#4ab872}.refundreturn-btn{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:130px}.refundreturn-btn:hover{background-color:#798777;border:2px solid #798777}.uploadcheque{margin:0;padding:0}.uploadcheque-content{font-size:14px;margin-top:50px;width:850px}.ulcheque-title-container{align-items:center;display:flex;gap:10px}.ulcheque-title{font-size:16px}.reject-reason-box{background:#fbe7e7;border-radius:16px;display:flex;flex-direction:column;gap:6px;justify-content:space-between;margin-top:12px;padding:12px 20px}.reject-reason-title{color:#d40e0e;font-size:16px}.reject-reason-content{color:#d40e0e;font-size:15px}.totalpayment-container{background-color:#ededed;border-radius:10px;display:flex;font-size:16px;justify-content:center;margin:20px 0;padding:20px}.totalpayment{display:flex;font-weight:700;justify-content:space-between;width:350px}.totalpayment-RM{width:70%}.invoice-details-section{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin:20px 0;padding:20px 30px}.invoice-details-title{color:#333;font-size:14px;margin-bottom:25px}.invoice-list-container{max-height:200px;overflow-y:auto;padding-right:10px}.invoice-list-header{font-weight:700}.invoice-item,.invoice-list-header{align-items:center;display:flex;justify-content:space-between}.invoice-item{color:#333;font-size:14px;padding:10px 0}.invoice-first-column{align-items:center;display:flex;width:20%}.creditnote-btn{background-color:#798777;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:8px;margin-left:5px;outline:none;padding:3px 10px}.invoice-amount-column,.invoice-cn-column,.invoice-last-column,.invoice-outstanding-column{display:flex;justify-content:flex-end;width:20%}.ulcheque-RM{width:20%}.bank-container,.cheque-container{display:flex;gap:20px}.cheque-paymentbank,.cheque-unitybank,.chequeno{margin-bottom:20px;width:50%}.chequedate{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;line-height:2;margin:20px 0;padding:20px 30px}.chequeno input{background-color:#fff;border:none;border-radius:10px;box-sizing:border-box;margin-top:5px;padding:12px;width:100%}.chequedate input{border:none;outline:none}.chequedate input::placeholder,.chequeno input::placeholder{color:#999}.ulcheque-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;justify-content:space-between;padding:9px 10px;position:relative;width:300px}.ulcheque-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-size:13px;outline:none;width:220px}.calendar{left:0;position:absolute;top:40px;z-index:3}.uploadreceipt-container{align-items:center;background-color:#e7f1ff;border-color:#bdd5f9;border-radius:10px;border-style:dashed;cursor:pointer;display:flex;max-height:30px;padding:5px 0}.uploadreceipt-container strong{color:#1877f2}.ur-plussign{align-items:center;background-color:#1877f2;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;margin-left:15px;margin-right:15px;width:20px}.upload-button-container{display:flex;justify-content:center;margin-bottom:100px;margin-top:50px}.upload-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;padding:15px;width:350px}.upload-button:hover{background-color:#798777;border:2px solid #798777}.upload-receipt-section,.uploaded-files-list{margin-top:10px}.uploaded-file-item{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;margin-bottom:8px;padding:10px}.uploaded-file-item:hover{background-color:#f0f0f0}.file-icon{align-items:center;background-color:#e9e9e9;border-radius:4px;color:#666;display:flex;font-size:12px;height:40px;justify-content:center;margin-right:15px;text-transform:uppercase;width:40px}.file-details{flex:1 1}.file-name{color:#333;font-size:14px;margin-bottom:2px}.file-info{color:#666;font-size:12px;margin-bottom:5px}.file-progress-bar{background-color:#e0e0e0;border-radius:2px;height:4px;overflow:hidden;width:100%}.file-progress-fill{background-color:#2196f3;height:100%;transition:width .3s ease}.upload-status{color:#2196f3;font-size:12px;margin-top:5px}.remove-file-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:10px;width:24px}.remove-file-btn:hover{color:#f44336}.upload-count{color:#666;font-size:12px;margin-top:5px;text-align:right}.file-preview-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.file-preview-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:80%}.file-preview-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px 20px}.file-preview-title{color:#333;font-size:16px;font-weight:500;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.file-preview-close:hover{color:#333}.file-preview-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:auto;padding:20px;text-align:center}.file-preview-image{max-height:70vh;max-width:100%;object-fit:contain}.file-preview-pdf{height:70vh;width:100%}.file-preview-unsupported{align-items:center;display:flex;flex-direction:column;gap:15px;padding:30px}.file-preview-icon{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;font-size:48px;height:100px;justify-content:center;text-transform:uppercase;width:100px}.file-preview-message{color:#666;font-size:16px}.file-preview-download{background-color:#2196f3;border-radius:4px;color:#fff;display:inline-block;font-size:14px;margin-top:10px;padding:10px 20px;text-decoration:none}.bank-detail,.payment-detail{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;line-height:2;margin:20px 0;padding:20px 30px}.payment-detail{line-height:3.5}.bankdetail-info,.bankdetail-title,.payment-info,.payment-title{align-items:center;display:flex}.bankdetail-title,.payment-title{font-weight:700}.ulcheque-subtitle{text-align:left;width:18%}.ulcheque-colon{color:#999;text-align:center;width:8%}.payment-value{display:flex;justify-content:space-between;min-width:120px}.corporatebank,.personalbank{align-items:center;display:flex;gap:10px}.custom-dropdown-selected.uploadcheque-dropdown{background-color:#ededed;border:none;border-radius:20px;box-sizing:border-box;margin-top:5px;padding:10px 12px}.custom-dropdown-selected.uploadcheque-dropdown-disabled{background-color:#ededed;border:none;border-radius:10px;box-sizing:border-box;color:#bdbdbd;cursor:not-allowed;margin-top:5px;opacity:.7;padding:10px 12px;pointer-events:none}.custom-dropdown-menu.uploadcheque-dropdown{font-size:13px}.creditnote{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.creditnote-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px 50px;width:500px}.creditnote-content-container{max-height:80vh;overflow-y:auto}.creditnote-title{font-size:16px;margin-top:10px;text-align:center}.creditnote-item{background-color:#f5f5f7;border-radius:10px;font-size:14px;line-height:2;margin-top:20px;min-height:100px;padding:10px}.creditnote-no{font-size:16px}.creditnote-amt-container,.creditnote-inv-container{display:flex}.creditnote-subtitle{width:20%}.creditnote-colon{width:5%}.creditnote-value{display:flex;justify-content:space-between;width:120px}.creditnote-RM{width:20%}.orderdetail{margin:0;padding:0}.orderdetail-content{font-size:14px;margin-top:50px;width:100%}.orderdetail-title-container{align-items:center;display:flex;gap:10px}.orderdetail-title{font-size:16px}.orderdetail-main{margin-top:30px}.orderclose{align-items:center;background-color:#f4e8e8;border-radius:10px;display:flex;gap:20px;margin-bottom:15px;padding:15px 30px}.orderclose-caption{color:#d40e0e}.orderclose-cdtimer{align-items:center;display:flex;gap:10px}.orderclose-time{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:center;padding:2px 5px;width:auto}.orderinfo{background-color:#fff;border-radius:10px;line-height:2;padding:20px 25px}.orderinfo span{color:#999}.orderno-container{align-items:center;display:flex;justify-content:space-between}.orderqty-container{display:flex;gap:10px}.orderqty{border-right:1px solid #cecece;padding-right:10px}.orderstatus{background-color:#fff;border-radius:10px;color:#999;line-height:2;padding:20px 25px}.orderstatus strong{font-size:18px}.orderstatus strong.readytoship{color:#c51c8f}.orderstatus strong.processing{color:#db8228}.orderstatus strong.shipping{color:#16aac1}.orderstatus strong.received{color:#30ad5e}.cclorderstatus{background-color:#fff;border-radius:10px;line-height:2}.cclorderstatus-top{color:#999}.cclorderstatus-container strong{color:#d40e0e;font-size:18px}.cclorderstatus-container{padding:20px 25px 0}.cclorderstatus-bot{color:#999;padding:20px 25px}.cancelledby-container,.cancelreason-container{display:flex;justify-content:space-between}.itemdetail,.orderdetail-subtitle,.ordersummary,.paymentdetail{font-size:16px;margin:20px 0}.od-RM{width:20%}.orderdetail-item{background-color:#fff;border-radius:10px;margin-bottom:15px}.oditem-add{background-color:#fff;border-bottom:1px solid #cecece;font-size:12px;padding:10px 20px}.oditem-add,.oditem-info{align-items:center;display:flex;gap:10px}.oditem-info{padding:10px 25px}.oditem-left{display:flex;justify-content:center;width:10%}.oditem-right{width:90%}.oditem-name-container,.oditem-price-container{display:flex;justify-content:space-between}.oditem-name{margin-bottom:10px;width:300px}.oditem-price{color:#999;display:flex;justify-content:space-between;width:120px}.oditem-total-container{display:flex;gap:10px}.oditem-total{border-right:1px solid #cecece;color:#999;padding-right:10px}.orderdetail-sub,.orderdetail-sub3,.orderdetail-sub4{background-color:#fff;border-radius:10px;line-height:2.2;margin-top:20px;padding:20px 25px}.orderdetail-sub2,.orderdetail-sub4{margin-top:20px}.canceldate-container,.cancelprice-container,.od-orderno-container,.orderdiscount-container,.orderpaidon-container,.orderplaced-container,.ordershipfee-container,.ordersubtotal-container,.ordertotal-container{display:flex;justify-content:space-between}.orderdiscount,.ordershipfee,.ordersubtotal,.ordertotal{display:flex;font-weight:700;width:300px}.canceldate,.cancelprice,.orderamount,.orderpaidby{display:flex;font-weight:700;width:400px}.od-orderno,.orderpaidon,.orderplaced{display:flex;font-weight:700;width:250px}.od-subtitle{text-align:left;width:35%}.od-colon{text-align:center;width:5%}.orderdiscount-value,.ordershipfee-value,.ordersubtotal-value,.ordertotal-value{display:flex;justify-content:space-between;width:160px}.ordertotal-value{font-size:16px}.odsub-RM{text-align:right;width:40%}.orderdiscount-value{color:#d40e0e}.orderdetail-sub2{background-color:#fff;border-radius:10px;line-height:2.2}.orderpaidby-container{display:flex;justify-content:space-between;padding:20px 25px 0}.orderamount-container{border-bottom:1px solid #cecece;padding:0 25px 10px}.orderamount-container,.orderamount-value{display:flex;justify-content:space-between}.orderamount-value{width:120px}.ordertrans{display:flex;justify-content:flex-end;padding:5px 25px}.ordertrans strong{color:#1877f2}.od-downloadreceipt{align-items:center;background-color:#f5f5f7;border:none;color:#1877f2;display:flex;font-size:14px;gap:10px;margin:15px}.cancelprice-value{display:flex;justify-content:space-between;width:120px}.orderdetail-footer{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.odfooter-line{background-color:#cecece;height:1px;position:relative;width:100%;z-index:1}.odfooter-main{align-items:center;display:flex;font-size:16px;line-height:1.8;margin-left:auto;margin-right:auto;padding:20px 0;width:var(--main-width)}.odfooter-method,.odfooter-total{width:20%}.odfooter-method span{color:#1877f2}.odfooter-buttons{display:flex;gap:20px;justify-content:flex-end;width:60%}.odfooter-cancelorder{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:10px;padding:15px 30px;width:170px}.odfooter-cancelorder:hover,.odfooter-paynow{background-color:#283e24;color:#fff}.odfooter-paynow{border:2px solid #283e24;border-radius:30px;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:10px;padding:15px 30px;width:170px}.odfooter-paynow:hover{background-color:#798777;border:2px solid #798777}.branch-custom-dropdown-default{cursor:pointer;display:flex;justify-content:space-between;margin:0 30px}.orderdetailbranch{left:0;position:absolute;top:100%;z-index:1}.orderdetailbranch-content{background:#fff;border-radius:5px;box-shadow:0 10px 25px #0000001a;color:#000;padding:10px 30px;width:840px}.orderdetailbranch-content-container{max-height:200px;overflow-y:auto}.odbclose-button{display:flex;justify-content:flex-end}.odbclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.orderdetailbranch-title{font-size:16px;text-align:center}.odb-totalqty-container{background-color:#f5f5f7;border-radius:10px;display:flex;justify-content:space-between;margin:20px 10px;padding:5px 15px}.odb-productqty-title{display:flex;font-weight:700;justify-content:flex-end;margin-right:70px}.odb-branch-header{align-items:center;display:flex;font-weight:700;gap:20px;justify-content:space-between;margin:8px 10px}.odb-subtitle-col1{width:40%}.odb-subtitle-remaincol{display:flex;font-size:14px;justify-content:center;text-align:center;width:20%}.odb-branchname-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 15px}.odb-branchname{font-size:14px;width:40%}.odb-productqty-container{display:flex;justify-content:center;width:20%}.odb-productqty{align-items:center;border:1px solid #cecece;border-radius:30px;display:flex;font-size:20px;height:40px;justify-content:center;margin:15px 0;padding:0 10px;width:100px}.odb-productqty-value{background:#0000;border:none;flex:1 1;font-size:16px;font-weight:500;min-width:40px;outline:none;text-align:center}.odb-productqty-value:focus{background-color:#00000008;border-radius:4px}.orderdetailbranch-line{background-color:#cecece;height:1px;margin-bottom:10px;margin-top:10px;position:relative;width:100%;z-index:1}.odb-total-container{display:flex;font-size:16px;justify-content:space-between;line-height:2;margin:0 15px}.odb-total-value{font-weight:700}.viewtrans{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.viewtrans-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:10px 30px;width:600px}.vtclose-button{display:flex;justify-content:flex-end}.vtclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.viewtrans-title{font-size:16px;margin-top:20px}.viewtrans-main{font-size:14px;line-height:3;margin-bottom:50px;margin-top:30px}.paymentamount-container,.unitybank-container,.uploadon-container,.vt-chequeattach-container,.vt-chequedate-container,.vt-chequeno-container{display:flex;justify-content:space-between}.refundorderdtl{margin:0;padding:0}.refundorderdtl-content{font-size:14px;margin-top:50px;width:100%}.refundorderdtl-title-container{align-items:center;display:flex;gap:10px}.refundorderdtl-title{font-size:16px}.refundorderdtl-main{background-color:#fff;border-radius:10px;line-height:2;margin-bottom:20px;margin-top:30px}.rfdorderstatus-top{border-bottom:1px solid #cecece;color:#999}.rfdorderstatus-container{padding:20px 25px}.rfdorderstatus-container strong{font-size:18px}.rfdorderstatus-bot{padding:20px 25px}.rod-progress{display:flex;justify-content:space-between}.progresstracker{margin:20px 40px 20px 20px}.refundorderdtl-sub,.refundorderdtl-sub2{background-color:#fff;border-radius:10px;line-height:2.2;padding:20px 25px}.refundorderdtl-sub2{margin-top:20px}.refundamount-container,.refundmethod-container,.refundtime-container,.requesttime-container,.rod-orderno-container,.rod-refundreason-container{display:flex;justify-content:space-between}.rod-refundreason-container{margin-top:10px}.refundamount,.refundmethod,.refundtime,.rod-refundreason{display:flex;font-weight:700;width:300px}.requesttime,.rod-orderno{display:flex;font-weight:700;width:250px}.refundmethod-value:hover,.rod-refundreason-value:hover{color:#1877f2}.refundamount-value{display:flex;justify-content:space-between;width:120px}.rod-subtitle{text-align:left;width:45%}.rod-colon{text-align:center;width:5%}.rod-RM{width:20%}.refundreturnproduct{font-size:16px;margin:20px 0}.refundorderdtl-item{background-color:#fff;border-radius:10px;margin-bottom:15px}.roditem-add{border-bottom:1px solid #cecece;font-size:12px;padding:10px 20px}.roditem-add,.roditem-info{align-items:center;display:flex;gap:10px}.roditem-info{padding:10px 25px}.roditem-left{display:flex;justify-content:center;width:12%}.roditem-right{width:88%}.roditem-name-container,.roditem-price-container{display:flex;justify-content:space-between}.roditem-code{font-size:16px;font-weight:700}.roditem-name{margin-bottom:10px}.roditem-price{color:#999;display:flex;justify-content:space-between;width:120px}.roditem-total-container{display:flex;gap:10px}.roditem-total{border-right:1px solid #cecece;color:#999;padding-right:10px}.roditem-amount{display:flex;justify-content:space-between;width:150px}.roditem-rm{width:45%}.refundorderdtl-sub2 a{text-decoration:none}.rod-trackprogress{color:#1877f2;display:flex;justify-content:flex-end}.progress-tracker{align-items:center;display:flex;width:100%}.progress-thumb{align-items:center;background:#cecece;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:15px;justify-content:center;transition:background .3s;width:15px;z-index:1}.progress-thumb.active{background:#798777}.progress-line{background:#cecece;flex:1 1;height:4px;margin:0;transition:background .3s}.progress-line.active{background:#798777}.refundreason{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.refundreason-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;font-size:14px;padding:10px 30px;width:600px}.refundclose-button{display:flex;justify-content:flex-end}.refundclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.refundreason-title{font-size:16px;margin-top:20px}.refundreason-main{line-height:3;margin-bottom:30px;margin-top:30px}.reasonproof-container,.rfdreason-container{display:flex;justify-content:space-between}.image-preview-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-preview-content{margin:auto;max-height:90%;max-width:90%;position:relative}.image-preview-close{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;position:absolute;right:-40px;top:-40px}.image-preview-img{box-shadow:0 5px 15px #0000004d;display:block;margin:0 auto;max-height:90vh;max-width:100%;object-fit:contain}.refundtransdtl{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.refundtransdtl-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;font-size:14px;padding:10px 30px;width:600px}.rtclose-button{display:flex;justify-content:flex-end}.rtclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.refundtransdtl-title{font-size:16px;margin-top:20px}.refundtransdtl-main{line-height:3;margin-bottom:30px;margin-top:30px}.refundaccname-container,.refundaccno-container,.refundbank-container{display:flex;justify-content:space-between}.bankslip-container{display:flex;flex-direction:column}.trackprogress{margin:0;padding:0}.trackprogress-content{font-size:14px;margin-top:50px;width:100%}.trackprogress-title-container{align-items:center;display:flex;gap:10px}.trackprogress-title{font-size:16px}.trackprogress-main{background-color:#fff;border-radius:20px;margin-top:30px;padding:30px}.refundstep-content{color:#999;display:flex;flex-direction:column;justify-content:flex-start;margin-left:30px;width:100%}.refundstep-content.textactive .refundstep-date,.refundstep-content.textactive strong{color:#000}.refundstep-content.textactive .refundstep-descrip{color:#343330}.refundstep-container{align-items:center;display:flex;justify-content:space-between;width:100%}.refundstep-container strong{color:#999;font-size:18px;line-height:1;vertical-align:top}.refundstep-descrip{width:100%}.allrepair{margin:0;padding:0}.allrepair-content{font-size:14px;margin-top:50px;width:100%}.myrepair-title{font-size:16px}.allrepair-line{background-color:#ededed;height:2px;margin-bottom:15px;position:relative;width:100%;z-index:1}.searchbar-allrpr{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:310px}.searchbar-allrpr input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:250px}.ar-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;flex:1 1;justify-content:space-between;padding:9px 10px;position:relative}.ar-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:170px}.allrepair-calendar{left:0;position:absolute;top:40px;z-index:3}.tab-scroll-wrapper{align-items:center;display:flex;gap:8px;height:auto;margin-top:30px}.tab-scroll-btn{background-color:#f5f5f7;border:none;border-radius:50%;cursor:pointer;font-size:18px;padding-bottom:17px;width:32px}.tab-scroll-btn:active{background:#eee}.tab-scroll{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;overflow-x:auto;overflow-y:hidden;padding-bottom:17px;scrollbar-width:none;white-space:nowrap}.tab-scroll::-webkit-scrollbar{display:none}.tab{color:#999;display:flex;position:relative;z-index:2}.rp-alltab,.rp-cancelledtab,.rp-collectedtab,.rp-newtab,.rp-receivedtab,.rp-refundtab,.rp-repairingtab,.rp-shippingtab{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.rp-alltab,.rp-collectedtab,.rp-newtab,.rp-repairingtab,.rp-shippingtab{margin:0 0 0 20px}.allrepair-main{align-items:center;display:flex;gap:15px;padding:10px 0}.newrequest-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;padding:12px;position:relative;width:130px}.newrequest-button:hover{background-color:#798777;border:2px solid #798777}.allrepair-sub a{color:#000;text-decoration:none}.allrepair-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px}.aritem-tag-main{display:flex;padding-bottom:20px;padding-top:10px}.aritem-leftcenter-container{display:flex;flex-direction:column;width:82%}.aritem-center,.aritem-left{width:50%}.aritem-left{margin-right:40px}.aritem-right{align-items:flex-end;display:flex;flex-direction:column;width:16%}.ar-nextsign{color:#cecece;font-size:32px;width:2%}.aritem-center span,.aritem-left span{color:#999}.aritem-date,.aritem-delivery,.aritem-id,.aritem-name{display:flex;justify-content:space-between}.aritem-subtitle{text-align:left;width:35%}.aritem-colon{color:#999;text-align:center;width:5%}.aritem-value{text-align:right;width:60%}.aritem-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:5px;width:110px}.aritem-tag.new{background-color:#ededed;color:#5d5d5d}.aritem-tag.collected{background-color:#f4ecfb;color:#a45edd}.aritem-tag.repairing{background-color:#fbf1e7;color:#db8228}.aritem-tag.shipping{background-color:#e8f7f9;color:#16aac1}.aritem-tag.received{background-color:#e8f6ed;color:#30ad5e}.aritem-tag.refund{background-color:#ededed;color:#5d5d5d}.aritem-tag.cancelled{background-color:#fbe7e7;color:#d40e0e}.aritem-process{color:#343330;font-style:italic}.tab-count{align-items:center;border-radius:50%;box-sizing:border-box;color:#d40e0e;display:flex;height:20px;justify-content:center;width:auto}.custom-dropdown-container.allrepair-dropdown{width:140px}.custom-dropdown-selected.allrepair-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:10px 15px}.custom-dropdown-menu.allrepair-dropdown{font-size:13px}.repairdetail{margin:0;padding:0}.repairdetail-content{font-size:14px;margin-top:50px;width:100%}.repairdetail-title-container{align-items:center;display:flex;gap:10px;margin-bottom:20px}.repairdetail-title{font-size:16px}.repairdetail-info,.status-container{background-color:#fff;border-radius:10px;line-height:2;margin-top:20px;padding:20px 25px}.status-container{margin-top:30px}.ccl-status-container a,.status-container a{text-decoration:none}.requestdate-container,.requestid-container,.statusname-container{display:flex;justify-content:space-between}.status-name strong{font-size:18px}.status-name strong.new,.status-name strong.refund{color:#5d5d5d}.status-name strong.collected{color:#a45edd}.status-name strong.repairing{color:#db8228}.status-name strong.shipping{color:#16aac1}.status-name strong.received{color:#30ad5e}.remark-container,.repairreason-container,.warrantyimg-container{align-items:center;display:flex;gap:20px}.repairreason-container{align-items:center}.remark,.repairreason,.warrantyimg{width:130px}.warranty-images{align-items:center;display:flex}.tracking strong{color:#1877f2}.status-descrip{color:#999}.ccl-status-container{background-color:#fff;border-radius:10px;line-height:2;padding:20px 0}.ccl-statusname-container{display:flex;justify-content:space-between;padding:0 25px}.ccl-status-name{color:#d40e0e;font-size:18px}.ccl-statusdes-container{border-bottom:1px solid #cecece;margin-bottom:15px;padding-bottom:15px}.ccl-status-descrip{color:#999;padding:0 25px}.ccl-cancelby-container,.ccl-reason-container{display:flex;justify-content:space-between;padding:0 25px}.repairdetail-subtitle,.repairitem,.requestdetail{font-size:16px;margin:20px 0}.repairdetail-item{background-color:#fff;border-radius:10px}.rditem-add{border-bottom:1px solid #cecece;font-size:12px;gap:10px;padding:10px 20px}.rditem-add,.rditem-info{align-items:center;display:flex}.rditem-info{gap:20px;padding:10px 25px}.rditem-left{display:flex;justify-content:center;width:15%}.rditem-right{width:90%}.rditem-code-container{margin-bottom:10px}.rditem-code{font-size:16px;font-weight:700}.rditem-custremark,.rditem-name{font-size:13px}.rditem-price{color:#999}.rditem-total-container{display:flex;gap:10px}.rditem-total{border-right:1px solid #cecece;color:#999;padding-right:10px}.cancelrequest{align-items:center;background-color:#d9534f;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:35px;justify-content:center;transition:background .2s;width:120px}.cancelrequest:hover{color:#000}.cancelrequest strong{color:#d40e0e}.image-preview-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-preview-container{background-color:#fff;border-radius:8px;max-height:90%;max-width:90%;padding:20px;position:relative}.preview-close-btn{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.preview-image-wrapper{align-items:center;display:flex;height:calc(100% - 40px);justify-content:center}.preview-image{max-height:80vh;max-width:100%;object-fit:contain}.preview-controls{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.preview-nav-btn{background:none;border:none;cursor:pointer;font-size:24px;padding:0 15px}.preview-counter{color:#333;font-size:14px}.simple-reason-tags{display:flex;flex-wrap:wrap;gap:10px}.simple-tag{background-color:#f0f0f0;border-radius:16px;color:#333;font-size:14px;padding:6px 12px}.request-container{background-color:#fff;border:none;border-radius:20px;box-shadow:0 1px 4px #0000001a;display:flex;font-size:13px;margin:20px 0;padding:10px 15px}.request-value{display:flex;justify-content:space-between;margin:0 30px;width:100%}.cancelrepair{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cancelrepair-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.crclose-button{display:flex;justify-content:flex-end}.crclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.cancelrepair-title{font-size:16px;margin-top:20px;text-align:center}.cancelrepair-main{display:flex;justify-content:center;margin-top:30px}.cancelrepair-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.cr-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.cr-no button:hover,.cr-yes button{background-color:#283e24;color:#fff}.cr-yes button{border:2px solid #283e24;border-radius:30px;cursor:po;font-size:14px;padding:15px;width:200px}.cr-yes button:hover{background-color:#798777;border:2px solid #798777}.trackingdetail{margin:0;padding:0}.trackingdetail-content{font-size:14px;margin-top:50px;width:100%}.trackingdetail-title-container{align-items:center;display:flex;gap:10px}.trackingdetail-title{font-size:16px}.trackingdetail-main{background-color:#fff;border-radius:20px;margin-top:30px;padding:30px}.step-content{color:#999;display:flex;flex-direction:column;justify-content:flex-start;margin-left:30px;width:100%}.step-content.textactive .step-date,.step-content.textactive strong{color:#000}.step-content.textactive .step-descrip{color:#343330}.step-container{align-items:center;display:flex;justify-content:space-between;width:100%}.step-container strong{color:#999;font-size:18px;line-height:1;vertical-align:top}.step-descrip{width:100%}.vertical-progress-tracker{align-items:flex-start;display:flex;flex-direction:column;min-height:100px;position:relative}.vpt-step{align-items:flex-start;display:flex;width:100%}.vpt-track{flex-direction:column}.vpt-circle,.vpt-track{align-items:center;display:flex}.vpt-circle{background:#cecece;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:15px;justify-content:center;transition:background .3s;width:15px;z-index:1}.vpt-circle.active{background:#798777}.vpt-line{background:#cecece;height:120px;transition:background .3s;width:2px}.unitypaylater{margin:0;padding:0}.unitypaylater-content{font-size:14px;margin-top:50px;width:100%}.unitypaylater-title{font-size:16px}.unitypaylater-main{background-color:#fff;border-radius:10px;display:flex;font-size:13px;justify-content:space-between;margin-top:30px;padding:25px 30px}.uplmain-left{line-height:2;width:45%}.uplmain-left,.uplmain-right{display:flex;flex-direction:column}.uplmain-right{align-items:center;justify-content:center;width:50%}.totaldue,.totaloutstanding,.totaloverdue,.totalpaid,.totalupcoming{display:flex;justify-content:space-between}.totaloverdue{color:#d40e0e}.upl-subtitle{text-align:left;width:180px}.upl-colon{color:#999;text-align:center;width:10px}.upl-value{display:flex;justify-content:space-between;width:160px}.rightdisplay-invoice,.rightdisplay-outstanding,.rightdisplay-upcoming{background-color:#ededed;color:#5d5d5d}.rightdisplay-invoice,.rightdisplay-outstanding,.rightdisplay-overdue,.rightdisplay-upcoming{border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 15px;width:390px}.rightdisplay-overdue{background-color:#fbe7e7;color:#d40e0e}.rightdisplay-due{background-color:#fbf1e7;color:#db8228}.rightdisplay-due,.rightdisplay-paid{border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 15px;width:390px}.rightdisplay-paid{background-color:#e8f6ed;color:#30ad5e}.rightdisplay-overdue strong{color:#d40e0e}.rightdisplay-due strong{color:#db8228}.rightdisplay-paid strong{color:#30ad5e}.overdue-remind{color:#aeadac}.unitypaylater-sub{color:#999;display:flex;margin-top:30px;position:relative;z-index:2}.unitypaylater-line{background-color:#ededed;height:2px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.all,.billed,.duebill,.outstanding,.overduebill,.upcomingbill{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.duebill,.overduebill{margin:0 0 0 20px}.mybill-filter{justify-content:space-between;margin:20px 0}.mybill-filter,.upl-filter{align-items:center;display:flex}.upl-filter{gap:20px;margin:10px 20px}.searchbar-unitypl{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:350px}.searchbar-unitypl input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:270px}.mybill-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px;text-decoration:none}.mybill-item span{color:#999}.mybill-leftcenter-container{display:flex;flex-direction:column;width:82%}.mybill-center,.mybill-left{line-height:2;width:50%}.mybill-left{margin-right:40px}.mybill-right{align-items:center;display:flex;justify-content:flex-end;line-height:2;width:16%}.mybill-outstanding{align-items:center;width:300px}.mybill-amt,.mybill-amt-warn,.mybill-id,.mybill-invdate,.mybill-invterms,.mybill-outstanding{display:flex;justify-content:space-between}.mybill-duedate,.mytrans-paydate,.mytrans-payment{color:#999}.mybill-amt-warn strong{color:#d40e0e}.mybill-subtitle{text-align:left;width:50%}.mybill-colon{color:#999;text-align:center;width:5%}.mybill-value{text-align:right;width:45%}.mybill-value-amt{display:flex;justify-content:space-between;width:45%}.mybill-RM{text-align:right;width:40%}.mybill-tag-main{display:flex;justify-content:space-between;padding-bottom:20px;padding-top:10px}.mybill-tag-overdue{background-color:#fbe7e7;color:#d40e0e;margin-bottom:5px}.mybill-tag-due,.mybill-tag-overdue{align-items:center;border-radius:20px;display:flex;height:32px;justify-content:center;padding:0 10px;width:90px}.mybill-tag-due{background-color:#fbf1e7;color:#db8228;margin-bottom:2px}.mybill-tag-upcoming{background-color:#ededed;color:#5d5d5d;margin-bottom:2px}.mybill-tag-paid,.mybill-tag-upcoming{align-items:center;border-radius:20px;display:flex;height:32px;justify-content:center;padding:0 10px;width:90px}.mybill-tag-paid{background-color:#e8f6ed;color:#30ad5e;margin-bottom:5px}.mybill-tag-processing{align-items:center;background-color:#fbf1e7;border-radius:20px;color:#db8228;display:flex;height:32px;justify-content:center;margin-bottom:5px;padding:0 10px;width:90px}.mytrans-left{line-height:2;width:62%}.mytrans-center{align-items:flex-end;display:flex;width:15%}.mytrans-right{justify-content:flex-end;line-height:2;width:23%}.mytrans-right,.mytrans-status{align-items:center;display:flex}.mytrans-status{gap:20px}.mytrans-paydate-container{align-items:flex-end;display:flex;flex-direction:column}.mytrans-price strong{font-size:18px}.shoppingcart{bottom:12%;position:fixed;right:8%;z-index:1000}.shoppingcart-unread{align-items:center;background-color:#d40e0e;border:3px solid #fff;border-radius:50%;color:#fff;display:inline-block;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:6px;top:0;transition:opacity .2s;width:20px}.shoppingcart-unread.show{opacity:1}.selectfooter{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.selectfooter-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.selectfooter-main{display:flex;margin-left:auto;margin-right:auto;width:var(--main-width)}.selectfooter-left{border-right:2px solid #ededed;line-height:2;margin:10px 0;padding:10px 10px 10px 0;width:60%}.selectfooter-right{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding-left:40px;width:40%}.selectedcount{position:relative}.clearall-btn{bottom:20px;color:#aeadac;cursor:pointer;font-size:13px;position:absolute;right:10px;text-decoration:underline}.selectedid{color:#aeadac;font-size:12px}.selectedamount{font-size:14px}.selectedamount strong{display:flex;font-size:16px;justify-content:space-between;width:180px}.upl-RM{width:20%}.addcart{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;font-weight:600;padding:15px;width:200px}.addcart:hover{background-color:#798777;border:2px solid #798777}.cart-message{color:#4caf50;font-size:.9rem;margin-top:5px}.addcart:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-container{align-items:center;display:flex;margin-right:10px}.in-cart-indicator{background-color:#4caf501a;border-radius:4px;color:#4caf50;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 6px;white-space:nowrap}.mybillitem-container input[type=checkbox],.upl-filter input[type=checkbox]{accent-color:#000;height:18px;width:18px}.checkbox-tooltip-wrapper{display:inline-block;position:relative}.checkbox-tooltip{background-color:#fff;border-radius:6px;bottom:110%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;left:32%;margin-left:-90px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:180px;z-index:2}.checkbox-tooltip:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.checkbox-tooltip-wrapper:hover .checkbox-tooltip{opacity:1;visibility:visible}.invoicedetail{margin:0;padding:0}.invoicedetail-content{font-size:14px;margin-top:50px;width:100%}.invoicedtl-title-container{align-items:center;display:flex;gap:10px}.invoicedetail-title{font-size:16px}.invoicedetail-main{background-color:#fff;border-radius:10px;margin-top:30px;padding-top:10px}.invoicedtl-topbar{border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:10px 30px}.invoicedtl-tag-overdue{background-color:#fbe7e7;color:#d40e0e;width:90px}.invoicedtl-tag-due,.invoicedtl-tag-overdue{align-items:center;border-radius:16px;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px}.invoicedtl-tag-due{background-color:#fbf1e7;color:#db8228;width:60px}.invoicedtl-tag-upcoming{background-color:#ededed;color:#5d5d5d;width:100px}.invoicedtl-tag-paid,.invoicedtl-tag-upcoming{align-items:center;border-radius:16px;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px}.invoicedtl-tag-paid{background-color:#e8f6ed;color:#30ad5e;width:70px}.invoicedtl-tag-processing{align-items:center;background-color:#f9f4e9;border-radius:16px;color:#ba8d22;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px;width:100px}.invoicedtl-id{font-size:16px;margin-bottom:8px}.invoicedtl-duedate{color:#999;font-size:13px;margin-bottom:8px}.invoicedtl-outstanding{text-align:right}.invoicedtl-outstanding-value{color:#dc2626;display:flex;font-size:16px;justify-content:space-between;width:120px}.invoicedtl-RM{width:20%}.invoicedtl-botbar{display:flex;padding:10px 30px 20px}.invoicedtl-termsdate{margin-left:250px}.invoicedtl-totalamount{margin-left:150px;text-align:right}.invoicedtl-totalamount-value{display:flex;justify-content:space-between;width:120px}.invoicedtl-detail,.invoicedtl-trans{margin:20px}.invoicedetail-item{background-color:#fff;border-radius:10px;margin-bottom:15px}.iditem-info{align-items:center;display:flex;gap:10px;padding:10px 25px}.iditem-left{display:flex;justify-content:center;width:12%}.iditem-right{width:88%}.iditem-code-container,.iditem-price-container{display:flex;justify-content:space-between}.iditem-code{font-size:16px;font-weight:700}.iditem-name{margin-bottom:10px}.iditem-price{color:#999;display:flex;justify-content:space-between;width:120px}.iditem-total-container{display:flex;gap:10px}.iditem-total{display:flex;justify-content:space-between;width:170px}.iditem-RM{width:45%}.invoicedetail-sub,.invoicedetail-sub2{align-items:center;background-color:#fff;border-radius:10px;display:flex;line-height:2;padding:10px 30px}.invoicedetail-sub,.invoicedetail-sub2{justify-content:space-between}.invoicedetail-sub2{display:flex;margin-bottom:15px}.invoicesub2-right{display:flex}.invoicesub-totalitem,.invoicesub2-date,.invoicesub2-paid{color:#999}.invoicesub2-date-container{align-items:flex-end;display:flex;flex-direction:column;margin-right:10px}.invoicesub2-price{display:flex;justify-content:space-between;width:120px}.inv-selectfooter{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.inv-selectfooter-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.inv-selectfooter-main{align-items:center;display:flex;gap:50px;justify-content:flex-end;line-height:2;margin-left:auto;margin-right:auto;padding:15px 0;width:var(--main-width)}.inv-selected-amount-value{display:flex;justify-content:space-between;width:120px}.inv-pay-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;padding:15px;width:150px}.inv-pay-button:hover{background-color:#798777;border:2px solid #798777}.mydebit{margin:0;padding:0}.mydebit-content{font-size:14px;margin-top:50px;width:100%}.mydebit-title{font-size:16px}.mydebit-main{background-color:#fff;border-radius:10px;display:flex;font-size:13px;justify-content:space-between;margin-top:30px;padding:25px 30px}.mdmain-left{line-height:2;width:45%}.mdmain-left,.mdmain-right{display:flex;flex-direction:column}.mdmain-right{align-items:center;justify-content:center;width:50%}.md-totaldue,.md-totaloutstanding,.md-totaloverdue,.md-totalpaid,.md-totalupcoming{display:flex;justify-content:space-between}.md-totaloverdue{color:#d40e0e}.md-subtitle{text-align:left;width:180px}.md-colon{color:#999;text-align:center;width:10px}.md-value{display:flex;justify-content:space-between;width:160px}.md-rightdisplay-invoice,.md-rightdisplay-outstanding,.md-rightdisplay-upcoming{background-color:#ededed;color:#5d5d5d}.md-rightdisplay-invoice,.md-rightdisplay-outstanding,.md-rightdisplay-overdue,.md-rightdisplay-upcoming{border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 15px;width:390px}.md-rightdisplay-overdue{background-color:#fbe7e7;color:#d40e0e}.md-rightdisplay-due{background-color:#fbf1e7;color:#db8228}.md-rightdisplay-due,.md-rightdisplay-paid{border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;padding:12px 15px;width:390px}.md-rightdisplay-paid{background-color:#e8f6ed;color:#30ad5e}.md-rightdisplay-overdue strong{color:#d40e0e}.md-rightdisplay-due strong{color:#db8228}.md-rightdisplay-paid strong{color:#30ad5e}.md-overdue-remind{color:#aeadac}.mydebit-sub{color:#999;display:flex;margin-top:30px;position:relative;z-index:2}.mydebit-line{background-color:#ededed;height:2px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.md-all,.md-billed,.md-duebill,.md-outstanding,.md-overduebill,.md-upcomingbill{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.md-duebill,.md-overduebill{margin:0 0 0 20px}.mydebit-filter{justify-content:space-between;margin:20px 0}.md-filter,.mydebit-filter{align-items:center;display:flex}.md-filter{gap:20px;margin:10px 20px}.searchbar-mydebit{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:350px}.searchbar-mydebit input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:270px}.mydebit-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px;text-decoration:none}.mydebit-item span{color:#999}.mydebit-leftcenter-container{display:flex;flex-direction:column;width:82%}.mydebit-center,.mydebit-left{line-height:2;width:50%}.mydebit-left{margin-right:40px}.mydebit-right{align-items:center;display:flex;justify-content:flex-end;line-height:2;width:16%}.nextsign{color:#cecece;font-size:32px;width:2%}.mydebit-outstanding{align-items:center;width:300px}.mydebit-amt,.mydebit-amt-warn,.mydebit-id,.mydebit-invdate,.mydebit-invterms,.mydebit-outstanding{display:flex;justify-content:space-between}.mydebit-duedate,.mytrans-paydate,.mytrans-payment{color:#999}.mydebit-amt-warn strong{color:#d40e0e}.mydebit-subtitle{text-align:left;width:50%}.mydebit-colon{color:#999;text-align:center;width:5%}.mydebit-value{text-align:right;width:45%}.mydebit-value-amt{display:flex;justify-content:space-between;width:45%}.mydebit-RM{text-align:right;width:40%}.mydebit-tag-main{display:flex;justify-content:space-between;padding-bottom:20px;padding-top:10px}.mydebit-tag-overdue{background-color:#fbe7e7;color:#d40e0e;margin-bottom:5px}.mydebit-tag-due,.mydebit-tag-overdue{align-items:center;border-radius:20px;display:flex;height:32px;justify-content:center;padding:0 10px;width:90px}.mydebit-tag-due{background-color:#fbf1e7;color:#db8228;margin-bottom:2px}.mydebit-tag-upcoming{background-color:#ededed;color:#5d5d5d;margin-bottom:2px}.mydebit-tag-paid,.mydebit-tag-upcoming{align-items:center;border-radius:20px;display:flex;height:32px;justify-content:center;padding:0 10px;width:90px}.mydebit-tag-paid{background-color:#e8f6ed;color:#30ad5e;margin-bottom:5px}.mydebit-tag-processing{align-items:center;background-color:#fbf1e7;border-radius:20px;color:#db8228;display:flex;height:32px;justify-content:center;margin-bottom:5px;padding:0 10px;width:90px}.md-shoppingcart{bottom:12%;position:fixed;right:8%;z-index:1000}.md-shoppingcart-unread{align-items:center;background-color:#d40e0e;border:3px solid #fff;border-radius:50%;color:#fff;display:inline-block;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:6px;top:0;transition:opacity .2s;width:20px}.md-shoppingcart-unread.show{opacity:1}.md-selectfooter{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.md-selectfooter-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.md-selectfooter-main{display:flex;margin-left:auto;margin-right:auto;width:var(--main-width)}.md-selectfooter-left{border-right:2px solid #ededed;line-height:2;margin:10px 0;padding:10px 10px 10px 0;width:60%}.md-selectfooter-right{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding-left:40px;width:40%}.md-selectedcount{position:relative}.md-clearall-btn{bottom:20px;color:#aeadac;cursor:pointer;font-size:13px;position:absolute;right:10px;text-decoration:underline}.md-selectedid{color:#aeadac;font-size:12px}.md-selectedamount{font-size:14px}.md-selectedamount strong{display:flex;font-size:16px;justify-content:space-between;width:180px}.md-RM{width:20%}.md-cart-message{color:#4caf50;font-size:.9rem;margin-top:5px}.md-addcart{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;font-weight:600;padding:15px;width:200px}.md-addcart:hover{background-color:#798777;border:2px solid #798777}.md-addcart:disabled{background-color:#ccc;cursor:not-allowed}.md-filter input[type=checkbox],.mydebititem-container input[type=checkbox]{accent-color:#000;height:18px;width:18px}.md-checkbox-tooltip-wrapper{display:inline-block;position:relative}.md-checkbox-tooltip{background-color:#fff;border-radius:6px;bottom:110%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;left:32%;margin-left:-90px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:180px;z-index:2}.md-checkbox-tooltip:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.md-checkbox-tooltip-wrapper:hover .checkbox-tooltip{opacity:1;visibility:visible}.debitdetail{margin:0;padding:0}.debitdetail-content{font-size:14px;margin-top:50px;width:100%}.debitdtl-title-container{align-items:center;display:flex;gap:10px}.debitdetail-title{font-size:16px}.debitdetail-main{background-color:#fff;border-radius:10px;margin-top:30px;padding-top:10px}.debitdtl-topbar{border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:10px 30px}.debitdtl-tag-overdue{background-color:#fbe7e7;color:#d40e0e;width:90px}.debitdtl-tag-due,.debitdtl-tag-overdue{align-items:center;border-radius:16px;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px}.debitdtl-tag-due{background-color:#fbf1e7;color:#db8228;width:60px}.debitdtl-tag-upcoming{background-color:#ededed;color:#5d5d5d;width:100px}.debitdtl-tag-paid,.debitdtl-tag-upcoming{align-items:center;border-radius:16px;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px}.debitdtl-tag-paid{background-color:#e8f6ed;color:#30ad5e;width:70px}.debitdtl-tag-processing{align-items:center;background-color:#f9f4e9;border-radius:16px;color:#ba8d22;display:flex;font-size:13px;justify-content:center;margin-left:30px;padding:2px;width:100px}.debitdtl-id{font-size:16px;margin-bottom:8px}.debitdtl-duedate{color:#999;font-size:13px;margin-bottom:8px}.debitdtl-outstanding{text-align:right}.debitdtl-outstanding-value{color:#dc2626;display:flex;font-size:16px;justify-content:space-between;width:120px}.debitdtl-RM{width:20%}.debitdtl-botbar{display:flex;padding:10px 30px 20px}.debitdtl-termsdate{margin-left:250px}.debitdtl-totalamount{margin-left:150px;text-align:right}.debitdtl-totalamount-value{display:flex;justify-content:space-between;width:120px}.debitdtl-detail,.debitdtl-trans{margin:20px}.debitdetail-item{background-color:#fff;border-radius:10px;margin-bottom:15px}.dditem-info{align-items:center;display:flex;gap:10px;padding:10px 25px}.dditem-left{display:flex;justify-content:center;width:12%}.dditem-right{width:88%}.dditem-code-container,.dditem-price-container{display:flex;justify-content:space-between}.dditem-code{font-size:16px;font-weight:700}.dditem-name{margin-bottom:10px}.dditem-actualprice-container,.dditem-nettprice-container{color:#999;display:flex;justify-content:space-between}.dditem-actualprice,.dditem-nettprice{display:flex;width:120px}.debitdtl-subtitle{text-align:left;width:80%}.debitdtl-colon{color:#999;text-align:center;width:5%}.dditem-price,.debitdtl-value{display:flex;justify-content:space-between;width:120px}.dditem-price{color:#999}.dditem-total-container{display:flex;gap:10px}.dditem-total{display:flex;justify-content:space-between;width:170px}.dditem-RM{width:45%}.debitdetail-sub,.debitdetail-sub2{align-items:center;background-color:#fff;border-radius:10px;display:flex;line-height:2;padding:10px 30px}.debitdetail-sub,.debitdetail-sub2{justify-content:space-between}.debitdetail-sub2{display:flex;margin-bottom:15px}.debitsub2-right{display:flex}.debitsub-totalitem,.debitsub2-date,.debitsub2-paid{color:#999}.debitsub2-date-container{align-items:flex-end;display:flex;flex-direction:column;margin-right:10px}.debitsub2-price{display:flex;justify-content:space-between;width:120px}.reportphoto-container{align-items:center;display:flex;gap:20px}.reportphoto{width:130px}.report-photos{align-items:center;display:flex}.debit-selectfooter{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.debit-selectfooter-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.debit-selectfooter-main{align-items:center;display:flex;gap:50px;justify-content:flex-end;line-height:2;margin-left:auto;margin-right:auto;padding:15px 0;width:var(--main-width)}.debit-selected-amount-value{display:flex;justify-content:space-between;width:120px}.debit-pay-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;padding:15px;width:150px}.debit-pay-button:hover{background-color:#798777;border:2px solid #798777}.mycontra{margin:0;padding:0}.mycontra-content{font-size:14px;margin-top:50px;width:100%}.mycontra-title-container{align-items:center;display:flex;justify-content:space-between}.mycontra-title{font-size:16px}.mycontra-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.mycontra-sub{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:10px 0}.searchbar-mycontra{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-mycontra input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.mycontra-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;justify-content:space-between;padding:9px 10px;position:relative;width:300px}.mycontra-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:200px}.mycontra-calendar{left:0;position:absolute;top:40px;z-index:3}.mycontra-tab{color:#999;gap:10px;margin-top:30px;z-index:2}.mycontra-tab,.rrtab{display:flex;position:relative}.rrtab{cursor:pointer;justify-content:center;margin:0 20px;padding:0 5px}.mycontra-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px;text-decoration:none}.mycontra-tag-main{display:flex;padding-bottom:20px;padding-top:10px}.mycontra-leftcenter-container{display:flex;flex-direction:column;width:82%}.mycontra-left{margin-right:40px;width:50%}.mycontra-center{width:50%}.mycontra-right{align-items:center;display:flex;flex-direction:column;gap:10px;width:16%}.mycontraitem-branch,.mycontraitem-code{display:flex;justify-content:space-between}.mycontra-nextsign{color:#cecece;font-size:32px;width:2%}.mycontra-item span{color:#999}.mycontra-status{display:flex}.mycontra-status-tag{align-items:center;background-color:#d1f0d3;border-radius:16px;color:#0d9e16;display:flex;font-size:13px;font-weight:500;justify-content:center;width:60px}.mycontra-remind{color:#343330;font-style:italic}.mycontra-orderno,.mycontra-status{display:flex;justify-content:space-between}.mycontra-subtitle{text-align:left;width:35%}.mycontra-colon{color:#999;text-align:center;width:5%}.mycontra-value{text-align:right;width:60%}.mycontra-value-price{display:flex;justify-content:space-between;width:60%}.mycontra-RM{text-align:right;width:40%}.mycontra-tag-container{display:flex;justify-content:flex-end;width:60%}.mycontra-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;margin-bottom:0;text-decoration:none;width:130px}.mycontra-tag.processing{background-color:#fbf1e7;color:#d7720d}.mycontra-tag.cancelled{background-color:#fceaea;color:#dc2626}.mycontra-tag.Done,.mycontra-tag.done{background-color:#e8f6ed;color:#4ab872}.mycontra-btn{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:130px}.mycontra-btn:hover{background-color:#798777;border:2px solid #798777}.rritem-remind{color:#000;margin-top:100px}.status-tag{align-items:center;background-color:#e9f4e7;border-radius:16px;color:#218f0c;display:flex;font-size:13px;justify-content:center;padding:2px;width:70px}.contradtl{margin:0;padding:0}.contradtl-content{font-size:14px;margin-top:50px;width:100%}.contradtl-title-container{align-items:center;display:flex;gap:10px}.contradtl-title{font-size:16px}.contradtl-main{background-color:#fff;border-radius:10px;line-height:2;margin-bottom:20px;margin-top:30px}.contrastatus-top{border-bottom:1px solid f5f5f7;border-top:1px solid #f5f5f7;color:#999}.contrastatus-container{margin:10px 30px}.contrastatus-container strong{font-size:18px}.contra-container{background-color:#fff;border:none;border-radius:20px;box-shadow:0 1px 4px #0000001a;display:flex;font-size:13px;margin:20px 0;padding:10px 15px}.contra-value{display:flex;justify-content:space-between;margin:0 30px;width:100%}.contrastatus-bot{padding:20px 25px}.contradtl-sub,.contradtl-sub2{background-color:#fff;border-radius:10px;line-height:2.2;padding:20px 25px}.contradtl-sub2{margin-top:20px}.contraamount-container,.contratime-container{display:flex;justify-content:space-between}.contradtl-sub2 a{text-decoration:none}.contra{color:#000}.contra-details-section{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin:20px 0;padding:20px 30px}.contra-details-title{color:#333;font-size:14px;margin-bottom:25px}.contra-list-container{max-height:400px;overflow-y:auto;padding-right:10px}.contra-list-header{display:flex;font-weight:700;width:100%}.contra-item{align-items:center;color:#333;display:flex;font-size:14px;justify-content:space-between;padding:10px 0;width:100%}.contra-first-column,.contra-supplier-column{align-items:center;display:flex;width:20%}.contra-supplier-column{margin-left:40px}.contra-amount-column,.contra-cn-column,.contra-last-column{display:flex;justify-content:flex-end;width:20%}.contra-column-value{display:flex;justify-content:space-between;width:120px}.contradtl-RM{width:20%}.transactiondetail{margin:0;padding:0}.transactiondetail-content{font-size:14px;margin-top:50px;width:100%}.transactiondtl-title-container{align-items:center;display:flex;gap:10px}.transactiondetail-title{font-size:16px}.transactiondetail-main{background-color:#fff;border-radius:10px;margin-top:30px}.transdtl-amount-container,.transdtl-date-container,.transdtl-id-container,.transdtl-method-container,.transdtl-trans-container{border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:15px 20px}.transdtl-status-container{display:flex;justify-content:space-between;padding:15px 20px}.transdtl-amount,.transdtl-date,.transdtl-id,.transdtl-method,.transdtl-status,.transdtl-trans{color:#999}.transdtl-tag{align-items:center;background-color:#f9f4e9;border-radius:16px;display:flex;font-size:13px;justify-content:center;padding:2px;width:100px}.transdtl-tag.status-approved{background-color:#e9f4e7;color:#1a7f37}.transdtl-tag.status-cancelled{background-color:#fbe7e7;color:#d93025}.transdtl-tag.status-pending{background-color:#f9f4e9;color:#bfa100}.paymentfor{margin:20px}.transdtl-payment-container{background-color:#fff;border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:15px 20px}.transdtl-payment-container,.transdtlpayment-right{align-items:center;display:flex}.mypaymentcart{margin:0;padding:0}.mypaymentcart-content{font-size:14px;margin-top:50px;width:100%}.mpc-title-container{align-items:center;display:flex;gap:15px;margin-bottom:25px}.mpcback-button{align-items:center;display:flex;height:25px;width:25px}.mypaymentcart-title{color:#333;font-size:18px}.mypaymentcart-header{align-items:center;display:flex;margin:20px 0}.all-select-container{width:200px}.all-select-container,.invoice-card{align-items:center;display:flex;gap:15px}.invoice-card{margin-bottom:15px;z-index:1}.invoice-card.active-dropdown{z-index:10}.invoice-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;flex:1 1;overflow:visible;padding:20px 30px;position:relative;z-index:1}.invoice-container:hover{z-index:2}.invoice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.invoice-id-container{align-items:center;display:flex;gap:15px}.invoice-id{color:#1877f2;font-size:16px;font-weight:500;text-decoration:underline}.invoice-amt,.invoice-id{border-right:2px solid #cecece;padding-right:20px}.invoice-amt{width:250px}.invoice-amt,.outstanding-amt{display:flex;justify-content:space-between}.outstanding-amt{width:280px}.outstanding-amt.red strong{color:#d40e0e}.outstanding-RM{width:70%}.delete-invoice-btn,.mpc-deleteall-btn{color:#aeadac}.mpc-deleteall-btn:disabled,.mpc-deleteall-btn:disabled:hover{color:#aeadac;cursor:not-allowed;opacity:.5}.delete-invoice-btn:hover,.mpc-deleteall-btn:hover{color:#1877f2}.mypaymentcart-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.invoice-body{position:relative}.invoice-payment-row{display:flex;gap:20px;margin-bottom:15px;position:relative}.payment-column{width:30%}.credit-column{position:relative;width:30%;z-index:100}.total-column{margin-left:50px;width:20%}.credit-label,.payment-label,.total-label{color:#999;margin-bottom:8px}.total-label{text-align:right}.payment-amount-container{align-items:center;background-color:#f5f5f7;border-radius:5px;display:flex;justify-content:space-between;padding:10px;width:90%}.credit-selector{padding:2px 10px}.credit-text{color:#999}.dropdown-arrow{color:#999;font-size:25px}.currency-label{color:#999;margin-right:5px}.payment-amount{background:#0000;border:none;font-size:16px;font-weight:500;outline:none;padding:0;text-align:right;width:100%}.payment-amount:disabled{color:#333;opacity:1}.total-amount{display:flex;font-size:18px;justify-content:space-between;width:160px}.mpc-RM{width:20%}.no-balance{color:#ff4545;font-size:.8em;font-style:italic}.applied-credits-list{display:flex;flex-direction:column;gap:8px;max-height:105px;overflow-y:auto;padding-right:10px}.applied-credits-list::-webkit-scrollbar{width:4px}.applied-credits-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.applied-credits-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.applied-credits-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.applied-credit{display:flex;justify-content:space-between;min-height:27px;padding:4px 0}.applied-credits-counter{color:#777;font-size:12px;margin-top:5px;text-align:right}.applied-credits{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.applied-credits-label{color:#555;font-weight:500;margin-bottom:10px}.applied-credit-id-container{align-items:center;color:#4e8752;display:flex;gap:8px}.applied-credit-id{width:120px}.remove-credit-btn{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0}.remove-credit-btn:hover{color:#d9534f}.applied-credit-amount{display:flex;font-weight:500;justify-content:space-between;width:120px}.balance-amount-container{align-items:center;border-top:1px dashed #eee;display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.balance-label{color:#777;margin-right:10px}.balance-value{font-weight:500}.all-select-container input[type=checkbox],.invoice-card input[type=checkbox]{accent-color:#000;height:18px;width:18px}.mpc-selectfooter{background-color:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:999}.mpc-selectfooter-line{background-color:#ededed;height:2px;position:relative;width:100%;z-index:1}.mpc-selectfooter-main{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;width:var(--main-width)}.mpc-selectfooter-left{border-right:2px solid #ededed;line-height:2;margin:10px 0;padding:10px 10px 10px 0;width:60%}.mpc-selectfooter-center{border-right:2px solid #ededed;line-height:2;margin:10px 20px;padding:10px 0;width:12%}.mpc-selectfooter-right{align-items:center;display:flex;justify-content:space-between;line-height:1.6;padding-left:10px;width:28%}.mpc-selectedcount{font-size:16px;position:relative}.mpc-selectedid{color:#999;font-size:12px}.mpc-paymentmethod-container{display:flex;gap:20px}.mpc-paymentmethod{align-items:center;display:flex;gap:5px}.mpc-paymentmethod input[type=radio]{accent-color:#218f0c}.mpc-totalamount{font-size:14px}.mpc-totalamount strong{display:flex;font-size:16px;justify-content:space-between;width:160px}.pay-now-button{background-color:#283e24;border:2px solid #283e24;border-radius:30px;color:#fff;font-size:14px;font-weight:600;padding:15px;width:120px}.pay-now-button:hover{background-color:#798777;border:2px solid #798777}.pay-now-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-indicator{color:#777;display:flex;justify-content:center;padding:50px 0}.payment-message{color:#d9534f;font-size:12px;margin-top:5px}.credit-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 6px 18px #00000026;margin-top:8px;max-height:300px;overflow-y:auto;padding:0;position:absolute;z-index:9999}.credit-dropdown-header{background:#f5f5f7;border-bottom:1px solid #eee;color:#555;font-weight:500;padding:10px 15px}.no-credits-available{color:#999;font-style:italic;padding:15px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.credit-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s}.credit-option:last-child{border-bottom:none}.credit-option:hover:not(.disabled){background:#f5f5f5}.credit-option-details{display:flex;flex-direction:column;gap:5px;width:100%}.credit-note-id{color:#283e24;font-size:14px;font-weight:500}.credit-amount{color:#555;display:flex;font-size:13px;justify-content:space-between;width:100px}.credit-availability{display:block;font-size:11px;margin-top:3px}.credit-availability.full{color:#4e8752}.credit-availability.partial{color:#f93}.credit-option.disabled{background-color:#f7f7f7;cursor:not-allowed;opacity:.6}.no-balance{background-color:#fff0f0;border-radius:10px;color:#d9534f;font-size:11px;margin-left:5px;padding:2px 8px}.credit-selector{align-items:center;background-color:#f5f5f7;border:1px solid #0000;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;height:41px;justify-content:space-between;padding:10px;position:relative;transition:background-color .2s;-webkit-user-select:none;user-select:none;width:90%}.credit-text{color:#333;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#777;font-size:18px;transform:rotate(90deg);transition:transform .2s}.credit-selector[aria-expanded=true] .dropdown-arrow{transform:rotate(-90deg)}.payment-amount:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.deleteinvoice{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.deleteinvoice-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;overflow-y:auto;padding:10px 30px;width:500px}.invoiceclose-button{display:flex;justify-content:flex-end}.invoiceclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.deleteinvoice-title{font-size:16px;margin-top:20px;text-align:center}.deleteinvoice-main{align-items:center;display:flex;flex-direction:column;margin-top:30px}.deleteinvoice-sub{display:flex;gap:30px;justify-content:center;margin-bottom:30px;margin-top:40px}.invoice-no button{background-color:#fff;border:2px solid #283e24;border-radius:30px;color:#283e24;cursor:pointer;font-size:14px;padding:15px;width:200px}.invoice-no button:hover,.invoice-yes button{background-color:#283e24;color:#fff}.invoice-yes button{border:2px solid #283e24;border-radius:30px;cursor:po;font-size:14px;padding:15px;width:200px}.invoice-yes button:hover{background-color:#798777;border:2px solid #798777}.mypaymenthistory{margin:0;padding:0}.mypaymenthist-content{font-size:14px;margin-top:50px;width:100%}.mypaymenthist-title{font-size:16px}.mypaymenthist-tab{color:#999;display:flex;margin-top:30px;position:relative;z-index:2}.mph-alltab,.mph-cancelledtab,.mph-paidtab,.mph-processingtab,.mph-topaytab,.mph-unsuccessfultab{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.mypaymenthist-line{background-color:#ededed;height:2px;margin-bottom:15px;margin-top:15px;position:relative;width:100%;z-index:1}.mypaymenthist-sub{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:10px 0}.searchbar-mypayhist{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-mypayhist input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.mph-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;justify-content:space-between;padding:9px 10px;position:relative;width:300px}.mph-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:200px}.mypaymenthist-calendar{left:0;position:absolute;top:40px;z-index:3}.mypaymenthist-item,.mypaymenthist-main a{text-decoration:none}.mypaymenthist-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;color:#000;display:flex;gap:20px;line-height:2;margin-top:18px;padding:12px 20px}.mypaymenthist-item input[type=checkbox]{accent-color:#000;height:18px;width:18px}.mypaymenthist-tag-main{display:flex;gap:20px;padding-bottom:20px;padding-top:10px}.mph-orderclose{align-items:center;border-radius:10px;display:flex;gap:20px}.mph-orderclose-caption{color:#d40e0e}.mph-orderclose-cdtimer{align-items:center;display:flex;gap:10px}.mph-orderclose-time{align-items:center;background-color:#fff;border-radius:5px;display:flex;justify-content:center;padding:2px 5px;width:auto}.mypaymenthist-rejectreason{color:#999}.mypaymenthist-timeremaining{align-items:center;color:#999;display:inline-block;display:flex;font-family:monospace;font-size:14px;font-style:italic;min-width:200px;text-align:right}.mypaymenthist-leftcenter-container{display:flex;flex-direction:column;width:82%}.mypaymenthist-center,.mypaymenthist-left{line-height:2;width:50%}.mypaymenthist-left{margin-right:40px}.mypaymenthist-right{align-items:flex-end;display:flex;flex-direction:column;gap:15px;line-height:2;width:16%}.mypaymenthist-nextsign{align-items:center;color:#cecece;display:flex;font-size:32px;width:2%}.mypaymenthist-id,.mypaymenthist-paydate,.mypaymenthist-payment,.mypaymenthist-price{display:flex;justify-content:space-between}.mypaymenthist-subtitle{color:#999;text-align:left;width:35%}.mypaymenthist-colon{color:#999;text-align:center;width:5%}.mypaymenthist-value{text-align:right;width:60%}.mypaymenthist-value-price{display:flex;justify-content:space-between;width:60%}.mypaymenthist-RM{text-align:right;width:40%}.mypaymenthist-status-tag{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;width:120px}.mypaymenthist-status-tag-to_pay{background-color:#ededed;color:#5d5d5d}.mypaymenthist-status-tag-unsuccessful{background-color:#e8f2fe;color:#1877f2}.mypaymenthist-status-tag-approved{background-color:#e8f6ed;color:#30ad5e}.mypaymenthist-status-tag-processing{background-color:#fbf1e7;color:#d7720d}.mypaymenthist-status-tag-cancelled{background-color:#fceaea;color:#dc2626}.mypaymenthist-date{color:#333;font-size:14px;white-space:nowrap}.mypaymenthist-topaybtn{align-items:center;background-color:#283e24;border:2px solid #283e24;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;margin-top:0;min-width:80px;padding:0 20px;width:120px}.mypaymenthist-topaybtn:hover{background-color:#798777;border:2px solid #798777}.mypaymenthist-btn{align-items:center;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;margin-top:0;min-width:80px;padding:0 20px;width:120px}.mypaymenthist-btn.cancel-btn{background-color:#fceaea;border:2px solid #fceaea;color:#e45757}.mypaymenthist-btn.cancel-btn:hover{background-color:#e45757;border:2px solid #e45757;color:#fceaea}.mypaymenthist-btn.resubmit-btn{background-color:#283e24;border:2px solid #283e24;color:#fff}.mypaymenthist-btn.resubmit-btn:hover{background-color:#798777;border:2px solid #798777}.transdtlpayment{margin:0;padding:0}.transdtlpayment-content{font-size:14px;margin-top:50px;width:100%}.transdtlpayment-title-container{align-items:center;display:flex;gap:10px}.transdtlpayment-title{font-size:16px}.transdtlpayment-main{align-items:center;background-color:#ededed;border-radius:10px;display:flex;flex-direction:column;line-height:2;margin-top:30px;padding:15px}.tdpayment-payment-container{text-align:right}.tdpayment-paymentvalue{display:flex;font-size:16px;justify-content:space-between;width:120px}.tdpayment-paymentvalue-green strong{color:#218f0c;font-size:16px}.tdpayment-RM{width:20%}.tdpayment-status.status-approved{color:#1a7f37;font-weight:700}.tdpayment-status.status-pending{color:#bfa100;font-weight:700}.tdpayment-status.status-cancelled{color:#d93025;font-weight:700}.transaction-detail{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;line-height:2;margin:20px 0;padding:20px 30px}.transdetail-info,.transdetail-title{align-items:center;display:flex;line-height:2.2}.transdetail-title{font-weight:700}.transdetail-subtitle{text-align:left;width:20%}.transdetail-colon{color:#999;text-align:center;width:8%}.transdetail-value.inactive:hover{cursor:pointer}.transdetail-value.active:hover{color:#1877f2;cursor:pointer}.downloadreceipt,.viewtransaction{align-items:center;color:#1877f2;display:flex;gap:10px;margin:15px}.transdtlpayment-sub{background-color:#fff;border-radius:10px;margin-top:20px}.tdpayment-date-container{border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:15px 20px}.tdpayment-date{color:#999}.tdpayment-from-container{border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:15px 20px}.tdpayment-from{color:#999}.uniquenolist{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.uniquenolist-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:500px;overflow-y:auto;padding:10px 30px 50px}.cnclose-button{display:flex;justify-content:flex-end}.cnclose-button button{background-color:#fff;border:none;cursor:pointer;font-size:25px}.uniquenolist-title{font-size:16px;margin-top:10px;text-align:center}.uniquenolist-main{background-color:#f5f5f7;border-radius:10px;font-size:14px;line-height:2;margin-top:20px;min-height:100px;padding:10px}.uniquenolist-item{display:flex;justify-content:center}.mynotif{margin:0;padding:0}.mynotif-content{font-size:14px;margin-top:50px;width:100%}.mynotif-title{font-size:16px}.mynotif-maintab,.mynotif-subtab{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.mynotif-tab{cursor:pointer;display:flex;justify-content:center;margin-right:20px;padding-left:30px;padding-right:30px;position:relative}.mynotif-line{background-color:#ededed;height:2px;margin-bottom:25px;margin-top:15px;position:relative;width:100%;z-index:1}.mynotif-item{background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;line-height:2;margin:10px;padding:20px}.mynotifitem-left{align-items:center;display:flex;gap:20px}.mnitem-title{font-size:16px}.alldocument{margin:0;padding:0}.alldocument-content{font-size:14px;margin-top:50px;width:100%}.mydocument-title{font-size:16px}.alldocument-line{background-color:#ededed;height:2px;margin-bottom:15px;position:relative;width:100%;z-index:1}.alldocument-tab{color:#999;display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}.alldocutab,.debitnotetab,.dlvyordertab,.invoicetab,.ofclreceipttab,.refundtab,.repairtab,.salesordertab,.statementtab{cursor:pointer;display:flex;justify-content:center;margin:0 20px;padding:0 5px;position:relative}.alldocument-sub{align-items:center;display:flex;gap:20px;padding:10px 0}.searchbar-alldocu{align-items:center;background-color:#ededed;border-radius:20px;display:flex;padding-left:20px;width:400px}.searchbar-alldocu input{background-color:#ededed;border:none;font-family:Poppins;font-size:12px;height:40px;outline:none;padding:0 15px 0 12px;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:320px}.ad-date-picker-container{align-items:center;background-color:#ededed;border-radius:20px;display:flex;flex:1 1;justify-content:space-between;padding:9px 10px;position:relative}.ad-date-range-input{background-color:#ededed;border:none;color:#757575;cursor:pointer;font-family:Poppins;font-size:13px;outline:none;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype");width:200px}.alldocument-calendar{left:0;position:absolute;top:40px;z-index:3}.alldocument-item{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;line-height:2;margin-top:18px;padding:20px 30px}.aditem-center,.aditem-left{width:40%}.aditem-left{margin-right:40px}.aditem-right{display:flex;gap:35px;justify-content:flex-end;width:20%}.aditem-center span,.aditem-left span{color:#999}.aditem-dnno,.aditem-dono,.aditem-invno,.aditem-orderdate,.aditem-orno,.aditem-plno,.aditem-repairno,.aditem-rfno,.aditem-sono,.aditem-totalamt{display:flex;justify-content:space-between}.aditem-subtitle{text-align:left;width:55%}.aditem-colon{color:#999;text-align:center;width:5%}.aditem-value{text-align:right;width:45%}.aditem-value-totalamt{display:flex;justify-content:space-between;width:45%}.aditem-RM{text-align:right;width:40%}.generatestmt{flex-direction:column}.generatestmt,.stmt-button-container,.stmtdate-container{align-items:center;display:flex;gap:10px}.stmtdate-container{position:relative}.generatestmt input{background-color:#ededed;border:1px solid #cecece;border-radius:10px;cursor:pointer;padding:10px}.stmt-calendar{left:0;position:absolute;top:40px;z-index:3}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-text{background-color:#fff;border-radius:6px;bottom:115%;box-shadow:0 2px 8px #0003;color:#000;font-size:12px;opacity:0;padding:5px;position:absolute;right:-130%;text-align:center;transition:opacity .3s;visibility:hidden;width:100px;z-index:1}.tooltip-text:after{border:5px solid #0000;border-top-color:#fff;content:"";filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.statement-container{background-color:#f9f9f9;border-radius:8px;margin:0 auto;max-width:700px;padding:24px}.statement-row{align-items:center;display:flex;margin-bottom:20px}.statement-label{color:#333;font-weight:600;width:140px}.date-picker-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex:1 1;justify-content:space-between;padding:8px 10px;position:relative}.date-range-input{border:none;cursor:pointer;font-size:14px;outline:none;width:200px}.statement-calendar{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;overflow:hidden;position:absolute;top:100%;z-index:3}.pricing-type-options{display:flex;gap:20px}.pricing-option{align-items:center;cursor:pointer;display:flex}.pricing-option input{margin-right:8px}.statement-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.statement-button{border-radius:30px;cursor:pointer;font-size:14px;padding:15px;transition:all .2s ease;width:150px}.statement-button:disabled{cursor:not-allowed;opacity:.6}.generate{background-color:#fff;border:2px solid #283e24;color:#283e24}.download-invoice,.generate-detail,.generate:hover:not(:disabled){background-color:#283e24;color:#fff}.download-invoice,.generate-detail{border:2px solid #283e24}.download-invoice:hover:not(:disabled),.generate-detail:hover:not(:disabled){background-color:#798777;border:2px solid #798777}.statement-error{color:#d32f2f;font-size:14px;margin-top:15px}.custom-dropdown-container.alldocu-dropdown{width:140px}.custom-dropdown-selected.alldocu-dropdown{background-color:#ededed;border:none;border-radius:20px;font-size:13px;outline:none;padding:10px 15px}.custom-dropdown-menu.alldocu-dropdown{font-size:13px}.doc-preview-overlay{background-color:#000000d9;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.doc-preview-container,.doc-preview-overlay{align-items:center;display:flex;justify-content:center;padding:20px}.doc-preview-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;height:auto;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);position:relative;width:auto}.doc-preview-close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:45px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .2s ease;width:45px;z-index:10000}.doc-preview-close-btn:hover{background:#f5f5f5;transform:scale(1.05)}.doc-preview-image{border-radius:8px;display:block;height:auto;max-height:calc(100vh - 80px);max-width:calc(100vw - 80px);object-fit:contain;width:auto}.doc-preview-iframe{border:none;border-radius:8px;height:calc(100vh - 80px);max-height:800px;max-width:1200px;width:calc(100vw - 80px)}.newsletter-split-container{border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;height:600px;overflow:hidden;position:relative;width:800px}.newsletter-image-side{align-items:top;background-image:url(/static/media/newsletter.41009c39fb62c88f0d78.png);background-position:50%;background-size:cover;display:flex;justify-content:center;position:relative;width:50%}.image-overlay-text{background:#0b5ed7;border-radius:10px;box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f;color:#fff;font-size:16px;font-weight:700;padding:10px 45px 10px 85px;position:absolute;text-align:left;top:180px}.small-text{font-size:12px}.medium-text{font-size:14px}.icon-position{height:24px;left:20px;position:absolute;top:18px;width:24px}.newsletter-form-side{background-color:#fff;display:flex;flex-direction:column;opacity:1;padding:40px;position:relative;width:40%}.newletter-form-inside{align-items:center;display:flex;height:100%}.newsletter-close-x{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;font-weight:400;height:35px;position:absolute;right:18px;top:10px;width:35px}.newsletter-close-x:hover{background:#0000001d}.nl-title-blue{color:#0b5ed7;font-size:28px;font-weight:800;margin-bottom:10px;text-align:left}.nl-subtitle{color:#1a3e59;font-size:20px;font-weight:400;line-height:1.2;margin-bottom:15px;margin-top:0;text-align:left}.nl-input-wrapper{padding:10px 0}.nl-input-wrapper label{color:#1a3e59;font-weight:800;margin-right:10px;min-width:60px}.nl-input-wrapper input{border:2px solid #e5e7eb;border-radius:25px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 20px;transition:border-color .3s;width:100%}.nl-input-wrapper input::placeholder{color:#ced0d4;font-size:11px;opacity:1}.nl-input-wrapper input:focus{border-color:#0b5ed7}.nl-social-icons{display:flex;gap:15px;justify-content:center;margin:20px 0}.social-icon{background-position:50%;background-repeat:no-repeat;background-size:100%;display:flex;height:24px;padding-right:15px;transition:transform .2s ease;width:24px}.social-icon:hover{transform:scale(1.1)}.fb{-webkit-mask-image:url(/static/media/fb.4172f094907a6837b8f3.svg);mask-image:url(/static/media/fb.4172f094907a6837b8f3.svg)}.fb,.yt{background-color:#0b5ed7;background-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.yt{-webkit-mask-image:url(/static/media/yt.d9c581b245bcdba35329.svg);mask-image:url(/static/media/yt.d9c581b245bcdba35329.svg)}.ig{-webkit-mask-image:url(/static/media/insta.448198b22019bf2f0b71.svg);mask-image:url(/static/media/insta.448198b22019bf2f0b71.svg)}.ig,.tk{background-color:#0b5ed7;background-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.tk{-webkit-mask-image:url(/static/media/tiktok.45f88cd8cf81696486a6.svg);mask-image:url(/static/media/tiktok.45f88cd8cf81696486a6.svg)}.th{background-color:#0b5ed7;background-image:none;-webkit-mask-image:url(/static/media/thread.06ce4804d3f27eb86b73.svg);mask-image:url(/static/media/thread.06ce4804d3f27eb86b73.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.nl-footer{align-items:flex-end;display:flex;justify-content:center;margin-top:20px}.nl-footer1{display:flex;height:50px;position:relative;text-align:left}.mb-0{padding-bottom:0}.nl-actions{display:flex;gap:20px;width:100%}.btn-no{background:#fff;border:2px solid #ced0d4;border-radius:25px;color:#364153;padding:12px 15px;width:40%}.btn-no,.btn-subscribe{cursor:pointer;font-size:12px;font-weight:700}.btn-subscribe{background:#0b5ed7;border:none;border-radius:25px;color:#fff;padding:12px 25px;width:60%}.btn-subscribe:hover{background-color:#094bb5}.btn-subscribe:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.philips-logo-text{background-image:url(/static/media/philips.d988ac97ca37134523f7.png);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;height:80px;left:-35px;position:absolute;top:5px;width:150px}.nl-error{color:red;font-size:12px;margin-bottom:5px}.nl-success{color:green;font-weight:700}
/*# sourceMappingURL=main.48a65477.css.map*/