/* FINAL 2026-05-07: requested compact header/footer, 5 mobile category icons, global shell for older pages */
*{box-sizing:border-box}a,a:link,a:visited,a:hover,a:focus,a:active,a *,a:link *,a:visited *,a:hover *,a:focus *,a:active *{text-decoration:none!important}
html,body{height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important}
body{position:static!important}

/* Home page: use real document scroll, not locked scroll-area */
.te-app-body{height:auto!important;min-height:100vh!important;overflow-y:auto!important;background:#fff!important}
.te-fixed-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important}
.te-scroll-area{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;min-height:100vh!important;-webkit-overflow-scrolling:auto!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important}
.te-fixed-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}
.te-fixed-footer::-webkit-scrollbar{display:none!important}
.te-fixed-footer a{flex:0 0 70px!important;min-width:70px!important;max-width:70px!important;height:100%!important;text-decoration:none!important}
.te-fixed-footer svg{width:22px!important;height:22px!important;flex:0 0 22px!important}.te-fixed-footer a span{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important}
.te-category-strip{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.te-category-strip::-webkit-scrollbar{display:none!important}.te-cat-icon{flex:0 0 112px!important;min-width:112px!important;max-width:112px!important;width:112px!important}.te-cat-icon span{overflow:hidden!important}.te-cat-icon span img{width:86%!important;height:86%!important;object-fit:contain!important;display:block!important}.te-cat-icon span .te-cat-fallback{display:none!important}.te-cat-icon span.show-fallback .te-cat-fallback{display:block!important}

/* Product/cart compact shell */
.te-page{height:auto!important;min-height:100vh!important;overflow:visible!important;position:static!important;background:#fff!important}
.te-page-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important}
.te-page-scroll{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important}
.te-page-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}
.te-page-footer::-webkit-scrollbar{display:none!important}.te-page-footer a{flex:0 0 70px!important;min-width:70px!important;max-width:70px!important;height:100%!important;text-decoration:none!important}.te-page-footer svg{width:22px!important;height:22px!important;flex:0 0 22px!important}.te-page-footer span{font-size:9px!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pd-gallery-scroll{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;scroll-snap-type:x mandatory!important}.pd-gallery-dots{display:flex!important}

@media(min-width:901px){
  .te-fixed-footer,.te-page-footer,.te-global-footer{justify-content:center!important}
  .te-fixed-footer a,.te-page-footer a,.te-global-footer a{flex-basis:86px!important;min-width:86px!important;max-width:86px!important}
}

@media(max-width:560px){
  :root{--header-h:98px!important;--footer-h:43px!important;--te-page-header:48px!important;--te-page-footer:44px!important}
  .te-fixed-header{height:var(--header-h)!important;padding:5px 12px 7px!important;border-radius:0 0 14px 14px!important}.te-brand-row{height:38px!important;gap:6px!important}.te-icon-btn{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important}.te-icon-btn svg{width:20px!important;height:20px!important}.te-logo-wrap img{width:38px!important;height:38px!important;flex-basis:38px!important}.te-logo-text b{font-size:12px!important;letter-spacing:2px!important}.te-logo-text em{font-size:7.5px!important;display:block!important}.te-badge{width:15px!important;height:15px!important;font-size:8px!important}.te-search{height:35px!important;margin-top:5px!important;border-radius:15px!important;padding:0 8px!important}.te-search-ico{width:20px!important;height:20px!important;flex-basis:20px!important}.te-search input{font-size:12px!important;padding:0 7px!important}.te-scan{width:24px!important;height:24px!important}.te-scan svg{width:18px!important;height:18px!important}.te-scroll-area{padding-top:calc(var(--header-h) + 7px)!important;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px) + 12px)!important;padding-left:10px!important;padding-right:10px!important}
  .te-category-strip{gap:5px!important;padding:0 2px 8px!important}.te-cat-icon{flex-basis:66px!important;min-width:66px!important;max-width:66px!important;width:66px!important}.te-cat-icon span{width:42px!important;height:42px!important;margin-bottom:4px!important}.te-cat-icon span img{padding:3px!important}.te-cat-icon svg{width:21px!important;height:21px!important}.te-cat-icon b{font-size:8.2px!important;line-height:1.05!important;text-transform:uppercase!important}
  .te-fixed-footer{height:calc(var(--footer-h) + env(safe-area-inset-bottom,0px))!important;padding:0 4px env(safe-area-inset-bottom,0px)!important}.te-fixed-footer a{flex-basis:54px!important;min-width:54px!important;max-width:54px!important;gap:1px!important}.te-fixed-footer svg{width:17px!important;height:17px!important;flex-basis:17px!important}.te-fixed-footer a span{font-size:7.6px!important;font-weight:700!important}
  .te-hero-card{height:auto!important;min-height:148px!important}.te-hero-copy h1{font-size:20px!important;line-height:1.02!important}.te-hero-copy p{font-size:11px!important;line-height:1.2!important}.te-hero-copy a{font-size:10px!important;padding:8px 12px!important}.te-hero-products img{max-height:84px!important}
  .te-page-header{height:var(--te-page-header)!important;padding:4px 10px!important;gap:6px!important}.te-head-menu,.te-head-icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important}.te-head-menu svg,.te-head-icon svg{width:20px!important;height:20px!important}.te-head-brand{gap:6px!important}.te-head-brand img{width:36px!important;height:36px!important;flex-basis:36px!important}.te-head-brand-text b{font-size:11.5px!important;letter-spacing:1.8px!important}.te-head-brand-text em{display:none!important}.te-page-scroll{padding-top:calc(var(--te-page-header) + 8px)!important;padding-bottom:calc(var(--te-page-footer) + env(safe-area-inset-bottom,0px) + 12px)!important;padding-left:10px!important;padding-right:10px!important}.te-page-footer{height:calc(var(--te-page-footer) + env(safe-area-inset-bottom,0px))!important;padding:0 4px env(safe-area-inset-bottom,0px)!important}.te-page-footer a{flex-basis:54px!important;min-width:54px!important;max-width:54px!important;gap:1px!important}.te-page-footer svg{width:17px!important;height:17px!important;flex-basis:17px!important}.te-page-footer span{font-size:7.6px!important;font-weight:700!important}
  .pd-shot{height:180px!important}.pd-title{font-size:14px!important}.pd-price{font-size:20px!important}.pd-benefit{font-size:9px!important;padding:5px 6px!important}.pd-section h2{font-size:13px!important}.pd-spec-row{font-size:10px!important;min-height:31px!important}.pd-actions{grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.pd-action-btn{height:34px!important;font-size:9.5px!important;border-radius:8px!important;gap:4px!important}.pd-action-btn svg{width:14px!important;height:14px!important}.pd-wish-btn{font-size:0!important}.pd-wish-btn:after{content:'Wishlist';font-size:9.5px!important}
  .cart-item{grid-template-columns:48px minmax(0,1fr)!important;padding:7px 8px!important}.cart-img{width:48px!important;height:48px!important}.cart-name{font-size:10px!important}.cart-sub,.cart-stock{font-size:8px!important}.cart-titlebar h1{font-size:15px!important}.cart-total-card{padding:8px 10px!important}.checkout-btn{height:34px!important;font-size:10px!important}
}

/* Global shell for old pages: service, checkout, orders, profile, wishlist etc. */
body.te-has-global-shell{padding-top:var(--te-global-header,58px)!important;padding-bottom:calc(var(--te-global-footer,50px) + env(safe-area-inset-bottom,0px))!important;background:#fff!important}
body.te-has-global-shell .sidebar-container,body.te-has-global-shell #sbOverlay,body.te-has-global-shell .shop-header,body.te-has-global-shell .header{display:none!important}
body.te-has-global-shell .page-wrapper{display:block!important;min-height:0!important}.te-global-header{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--te-global-header,58px);background:linear-gradient(135deg,#02163a,#052964);display:flex;align-items:center;gap:8px;padding:5px 14px;color:#fff;box-shadow:0 8px 20px rgba(2,18,53,.18)}.te-global-logo{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.te-global-logo img{width:39px;height:39px;object-fit:contain}.te-global-logo b{font-size:13px;letter-spacing:2px;white-space:nowrap}.te-global-logo b span{color:#168cff}.te-global-icon{width:32px;height:32px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.te-global-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.3}.te-global-footer{position:fixed;left:0;right:0;bottom:0;z-index:9999;height:calc(var(--te-global-footer,50px) + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#02163a,#052964);display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding:0 5px env(safe-area-inset-bottom,0px)}.te-global-footer::-webkit-scrollbar{display:none}.te-global-footer a{flex:0 0 58px;min-width:58px;max-width:58px;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:100%;text-decoration:none}.te-global-footer a.active{color:#168cff}.te-global-footer svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2}.te-global-footer span{font-size:8px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:901px){body.te-has-global-shell{padding-top:64px!important;padding-bottom:64px!important}.te-global-header{height:64px;padding:8px 42px}.te-global-logo img{width:44px;height:44px}.te-global-logo b{font-size:16px}.te-global-footer{height:64px;justify-content:center}.te-global-footer a{flex-basis:86px;min-width:86px;max-width:86px}.te-global-footer svg{width:22px;height:22px}.te-global-footer span{font-size:10px}}


/* === 2026-05-07 REAL GLOBAL FIX: same compact header/footer, scroll, no floating green button === */
:root{--te-blue:#168cff;--te-navy:#02163a;--te-navy2:#052964}
html,body{height:auto!important;min-height:100%!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:auto!important;touch-action:auto!important;scroll-behavior:auto!important}
body{padding:0;margin:0;background:#fff!important}
a,a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none!important}
.te-app-body,.te-page,.page-wrapper,.main{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;position:relative!important}
.te-scroll-area,.te-page-scroll{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important;overflow-x:hidden!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;touch-action:auto!important;overscroll-behavior-y:auto!important}
.te-fixed-header,.te-page-header,.te-global-header{position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:99999!important;background:linear-gradient(135deg,#02163a,#052964)!important;color:#fff!important}
.te-fixed-footer,.te-page-footer,.te-global-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99999!important;background:linear-gradient(135deg,#02163a,#052964)!important;color:#fff!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important}
.te-fixed-footer::-webkit-scrollbar,.te-page-footer::-webkit-scrollbar,.te-global-footer::-webkit-scrollbar{display:none!important}
.te-fixed-footer a,.te-page-footer a,.te-global-footer a{text-decoration:none!important;flex:0 0 64px!important;min-width:64px!important;max-width:64px!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:#fff!important;line-height:1!important;text-align:center!important}
.te-fixed-footer a.active,.te-page-footer a.active,.te-global-footer a.active{color:#168cff!important}
.te-fixed-footer svg,.te-page-footer svg,.te-global-footer svg{width:19px!important;height:19px!important;flex:0 0 19px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.te-fixed-footer span,.te-page-footer span,.te-global-footer span{font-size:8px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;text-decoration:none!important}
@media(min-width:901px){
  .te-fixed-footer,.te-page-footer,.te-global-footer{justify-content:center!important;height:58px!important;padding:0 8px!important}
  .te-fixed-footer a,.te-page-footer a,.te-global-footer a{flex-basis:78px!important;min-width:78px!important;max-width:78px!important}
  .te-fixed-footer svg,.te-page-footer svg,.te-global-footer svg{width:21px!important;height:21px!important;flex-basis:21px!important}.te-fixed-footer span,.te-page-footer span,.te-global-footer span{font-size:9px!important}
  .te-scroll-area{padding-top:126px!important;padding-bottom:72px!important}.te-page-scroll{padding-top:64px!important;padding-bottom:72px!important}
  body.te-has-global-shell{padding-top:58px!important;padding-bottom:58px!important}.te-global-header{height:58px!important;padding:6px 40px!important}.te-global-footer{height:58px!important}.te-global-logo img{width:38px!important;height:38px!important}.te-global-logo b{font-size:15px!important;letter-spacing:2px!important}.te-global-icon{width:34px!important;height:34px!important}.te-global-icon svg{width:22px!important;height:22px!important}
}
@media(max-width:560px){
  :root{--header-h:88px!important;--footer-h:39px!important;--te-page-header:42px!important;--te-page-footer:39px!important;--te-global-header:42px!important;--te-global-footer:39px!important}
  .te-fixed-header{height:var(--header-h)!important;padding:4px 10px 6px!important;border-radius:0 0 14px 14px!important}.te-brand-row{height:34px!important;gap:5px!important}.te-icon-btn{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important}.te-icon-btn svg{width:19px!important;height:19px!important}.te-logo-wrap img{width:34px!important;height:34px!important;flex-basis:34px!important}.te-logo-text b{font-size:11px!important;letter-spacing:1.8px!important}.te-logo-text em{font-size:7px!important;display:block!important}.te-badge{width:14px!important;height:14px!important;font-size:7px!important;border-width:1px!important}.te-search{height:31px!important;margin-top:4px!important;border-radius:14px!important;padding:0 8px!important}.te-search-ico{width:18px!important;height:18px!important;flex-basis:18px!important}.te-search input{font-size:11px!important;padding:0 6px!important}.te-scan{width:22px!important;height:22px!important}.te-scan svg{width:17px!important;height:17px!important}.te-scroll-area{padding-top:calc(var(--header-h) + 7px)!important;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px) + 10px)!important;padding-left:10px!important;padding-right:10px!important}
  .te-category-strip{display:flex!important;overflow-x:auto!important;gap:4px!important;padding:0 2px 7px!important;scrollbar-width:none!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important}.te-category-strip::-webkit-scrollbar{display:none!important}.te-cat-icon{flex:0 0 calc((100vw - 20px)/5)!important;min-width:calc((100vw - 20px)/5)!important;max-width:calc((100vw - 20px)/5)!important;width:calc((100vw - 20px)/5)!important}.te-cat-icon span{width:38px!important;height:38px!important;margin-bottom:3px!important}.te-cat-icon span img{width:86%!important;height:86%!important;object-fit:contain!important}.te-cat-icon b{font-size:7.2px!important;line-height:1.05!important;white-space:normal!important;text-align:center!important;text-decoration:none!important}
  .te-fixed-footer,.te-page-footer,.te-global-footer{height:calc(var(--footer-h) + env(safe-area-inset-bottom,0px))!important;padding:0 4px env(safe-area-inset-bottom,0px)!important;justify-content:flex-start!important}.te-fixed-footer a,.te-page-footer a,.te-global-footer a{flex-basis:52px!important;min-width:52px!important;max-width:52px!important;gap:1px!important}.te-fixed-footer svg,.te-page-footer svg,.te-global-footer svg{width:16px!important;height:16px!important;flex-basis:16px!important}.te-fixed-footer span,.te-page-footer span,.te-global-footer span{font-size:7px!important;font-weight:700!important}
  .te-page-header{height:var(--te-page-header)!important;padding:4px 9px!important;gap:5px!important}.te-head-menu,.te-head-icon{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important}.te-head-menu svg,.te-head-icon svg{width:18px!important;height:18px!important}.te-head-brand{gap:6px!important}.te-head-brand img{width:32px!important;height:32px!important;flex-basis:32px!important}.te-head-brand-text b{font-size:10.5px!important;letter-spacing:1.6px!important}.te-head-brand-text em{display:none!important}.te-page-scroll{padding-top:calc(var(--te-page-header) + 8px)!important;padding-bottom:calc(var(--te-page-footer) + env(safe-area-inset-bottom,0px) + 10px)!important;padding-left:9px!important;padding-right:9px!important}
  body.te-has-global-shell{padding-top:42px!important;padding-bottom:calc(39px + env(safe-area-inset-bottom,0px))!important}.te-global-header{height:42px!important;padding:4px 10px!important;gap:6px!important}.te-global-logo img{width:32px!important;height:32px!important}.te-global-logo b{font-size:10.5px!important;letter-spacing:1.6px!important}.te-global-icon{width:27px!important;height:27px!important}.te-global-icon svg{width:18px!important;height:18px!important}.te-global-footer{height:calc(39px + env(safe-area-inset-bottom,0px))!important;padding:0 4px env(safe-area-inset-bottom,0px)!important}
}
/* remove unwanted green/turquoise floating button that covers footer */
.wa-float,.scroll-top,.scrolltop,.back-to-top,.to-top,.floating-action,.floating-btn,.float-btn,.app-float,.fixed-whatsapp,#scrollTop,#scrollTopBtn,#backToTop,.backTop{display:none!important;visibility:hidden!important;pointer-events:none!important}
body>a[href*="wa.me"][style*="position"],body>button[style*="position"],body>div[style*="position: fixed"]:not(.te-overlay):not(.te-overlay2):not(.te-global-header):not(.te-global-footer):not(.te-fixed-header):not(.te-fixed-footer):not(.te-page-header):not(.te-page-footer){display:none!important}

/* FINAL CUSTOMER SCREEN FIX 2026-05-07: same header/footer, compact cart, English text, no floating overlap */
:root{--te-global-header-h:54px;--te-global-footer-h:44px;--te-page-header:54px!important;--te-page-footer:44px!important;}
html,body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100%!important;overscroll-behavior-y:auto!important;touch-action:auto!important;}
a,a:link,a:visited,a:hover,a:focus,a:active,a *,a:hover *{text-decoration:none!important;}
body{padding-bottom:0!important;}

/* same compact header for product/cart pages */
.te-page-header{height:var(--te-page-header)!important;padding:5px 18px!important;background:linear-gradient(135deg,#02163a,#062b66)!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 8px 20px rgba(2,18,53,.18)!important;}
.te-head-menu,.te-head-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;}
.te-head-menu svg,.te-head-icon svg{width:22px!important;height:22px!important;}
.te-head-brand{justify-content:flex-start!important;flex:1 1 auto!important;gap:8px!important;min-width:0!important;}
.te-head-brand img{width:40px!important;height:40px!important;flex:0 0 40px!important;object-fit:contain!important;background:transparent!important;}
.te-head-brand-text b{font-size:14px!important;letter-spacing:2.4px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;}
.te-head-brand-text b span{color:#1486ff!important;}
.te-head-brand-text em{display:block!important;font-size:9px!important;line-height:1.1!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.te-head-actions{gap:6px!important;}
.te-page-scroll{padding-top:calc(var(--te-page-header) + 14px)!important;padding-bottom:calc(var(--te-page-footer) + env(safe-area-inset-bottom,0px) + 16px)!important;overflow:visible!important;height:auto!important;min-height:100vh!important;position:relative!important;}
.te-page-footer{height:calc(var(--te-page-footer) + env(safe-area-inset-bottom,0px))!important;padding:0 6px env(safe-area-inset-bottom,0px)!important;justify-content:center!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;}
.te-page-footer a{flex:0 0 74px!important;min-width:74px!important;max-width:74px!important;gap:1px!important;height:100%!important;}
.te-page-footer svg{width:18px!important;height:18px!important;flex:0 0 18px!important;}
.te-page-footer span{font-size:8px!important;font-weight:800!important;}

/* global shell injected on old pages */
body.te-has-global-shell{padding-top:var(--te-global-header-h)!important;padding-bottom:calc(var(--te-global-footer-h) + env(safe-area-inset-bottom,0px))!important;background:#fff!important;}
body.te-has-global-shell .sidebar-container,
body.te-has-global-shell #sideEngine,
body.te-has-global-shell #sbOverlay,
body.te-has-global-shell .header,
body.te-has-global-shell .shop-header,
body.te-has-global-shell footer.te-footer,
body.te-has-global-shell .te-footer{display:none!important;}
body.te-has-global-shell .page-wrapper,
body.te-has-global-shell .main,
body.te-has-global-shell .main-content{display:block!important;width:100%!important;min-height:auto!important;margin:0!important;padding:0!important;}
body.te-has-global-shell .wrap,
body.te-has-global-shell .order-wrapper,
body.te-has-global-shell .auth-wrapper{max-width:1180px!important;margin:0 auto!important;padding:20px 18px 80px!important;}
body.te-has-global-shell .auth-wrapper{display:flex!important;justify-content:center!important;align-items:flex-start!important;}
.te-global-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--te-global-header-h)!important;z-index:99999!important;background:linear-gradient(135deg,#02163a,#062b66)!important;display:flex!important;align-items:center!important;gap:10px!important;padding:5px 18px!important;color:#fff!important;box-shadow:0 8px 20px rgba(2,18,53,.18)!important;}
.te-global-logo{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important;color:#fff!important;text-decoration:none!important;}
.te-global-logo img{width:40px!important;height:40px!important;object-fit:contain!important;background:transparent!important;flex:0 0 40px!important;}
.te-global-logo b{font-size:14px!important;letter-spacing:2.4px!important;line-height:1!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.te-global-logo b span{color:#1486ff!important;}
.te-global-icon{width:34px!important;height:34px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:rgba(255,255,255,.08)!important;flex:0 0 34px!important;}
.te-global-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.te-global-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--te-global-footer-h) + env(safe-area-inset-bottom,0px))!important;z-index:99999!important;background:linear-gradient(135deg,#02163a,#062b66)!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 6px env(safe-area-inset-bottom,0px)!important;scrollbar-width:none!important;box-shadow:0 -8px 20px rgba(2,18,53,.18)!important;}
.te-global-footer::-webkit-scrollbar{display:none!important;}
.te-global-footer a{flex:0 0 74px!important;min-width:74px!important;max-width:74px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:1px!important;color:#fff!important;text-decoration:none!important;}
.te-global-footer a.active{color:#1486ff!important;}
.te-global-footer svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.te-global-footer span{font-size:8px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;}

/* compact cart page */
.cart-wrap{max-width:980px!important;}
.cart-titlebar{padding:10px 14px!important;border-radius:14px 14px 0 0!important;}
.cart-titlebar h1{font-size:20px!important;}
.cart-titlebar span{font-size:12px!important;}
.cart-titlebar a{font-size:14px!important;}
.cart-item{grid-template-columns:74px minmax(0,1fr) auto!important;gap:12px!important;padding:10px 12px!important;}
.cart-img{width:70px!important;height:70px!important;padding:6px!important;}
.cart-name{font-size:13px!important;line-height:1.25!important;}
.cart-sub,.cart-stock{font-size:10px!important;margin-top:4px!important;}
.cart-right{grid-template-columns:105px 100px 28px!important;gap:8px!important;}
.cart-price{font-size:14px!important;}
.cart-qty{width:96px!important;height:30px!important;}
.cart-qty button{width:30px!important;height:30px!important;font-size:16px!important;}
.cart-qty input{width:36px!important;height:30px!important;font-size:13px!important;}
.trash-btn svg{width:18px!important;height:18px!important;}
.cart-total-card{padding:10px 12px!important;margin-top:10px!important;}
.cart-sum-line{font-size:13px!important;padding:5px 0!important;}
.cart-sum-line.total{font-size:17px!important;padding-top:10px!important;}
.cart-sum-line.total strong{font-size:21px!important;}
.cart-trust{padding:10px 0!important;font-size:12px!important;}
.checkout-btn{height:42px!important;font-size:14px!important;border-radius:11px!important;}
.cart-empty{max-width:520px!important;margin:24px auto!important;padding:22px!important;border-radius:16px!important;}
.cart-empty svg{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;stroke:#0b79ff!important;}
.cart-empty h1{font-size:22px!important;margin:10px 0 6px!important;}
.cart-empty p{font-size:13px!important;color:#65758f!important;margin:0!important;}

/* cleaner wishlist/order/profile/login old pages */
body.te-has-global-shell .grid{gap:14px!important;}
body.te-has-global-shell .card{border-radius:16px!important;box-shadow:0 10px 24px rgba(8,25,69,.04)!important;}
body.te-has-global-shell .order-lux-card{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;}
body.te-has-global-shell .profile-container,
body.te-has-global-shell .profile-wrap{margin-top:0!important;}
body.te-has-global-shell .auth-grid-container{max-width:1000px!important;gap:18px!important;}
body.te-has-global-shell .auth-card{border-radius:20px!important;box-shadow:0 14px 30px rgba(8,25,69,.06)!important;}

/* remove floating green/scroll buttons that cover footer */
.wa-float,.scroll-top,.scrollToTop,#scrollTop,#scrollToTop,.back-to-top,.floating-whatsapp,.whatsapp-float,.go-top,.top-btn{display:none!important;}
@media(max-width:560px){
  :root{--te-global-header-h:48px;--te-global-footer-h:42px;--te-page-header:48px!important;--te-page-footer:42px!important;}
  .te-page-header,.te-global-header{padding:4px 10px!important;gap:7px!important;}
  .te-head-menu,.te-head-icon,.te-global-icon{width:30px!important;height:30px!important;flex-basis:30px!important;background:transparent!important;}
  .te-head-menu svg,.te-head-icon svg,.te-global-icon svg{width:22px!important;height:22px!important;}
  .te-head-brand img,.te-global-logo img{width:35px!important;height:35px!important;flex-basis:35px!important;}
  .te-head-brand-text b,.te-global-logo b{font-size:11.5px!important;letter-spacing:1.7px!important;}
  .te-head-brand-text em{font-size:7px!important;display:block!important;}
  .te-page-footer,.te-global-footer{justify-content:flex-start!important;padding:0 4px env(safe-area-inset-bottom,0px)!important;}
  .te-page-footer a,.te-global-footer a{flex-basis:52px!important;min-width:52px!important;max-width:52px!important;}
  .te-page-footer svg,.te-global-footer svg{width:17px!important;height:17px!important;}
  .te-page-footer span,.te-global-footer span{font-size:7px!important;}
  .cart-item{grid-template-columns:50px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px!important;}
  .cart-img{width:48px!important;height:48px!important;}
  .cart-right{grid-column:2!important;grid-template-columns:1fr auto 24px!important;gap:6px!important;}
  .cart-name{font-size:10px!important;}.cart-sub,.cart-stock{font-size:8px!important;}
  .cart-price{font-size:11px!important;text-align:left!important;}.cart-qty{width:76px!important;height:24px!important;}.cart-qty button{width:24px!important;height:24px!important;font-size:14px!important}.cart-qty input{width:28px!important;height:24px!important;font-size:11px!important}
  .cart-titlebar{padding:8px 10px!important}.cart-titlebar h1{font-size:15px!important}.cart-titlebar a{font-size:11px!important}.cart-total-card{padding:8px 10px!important}.cart-sum-line{font-size:11px!important}.cart-sum-line.total{font-size:14px!important}.cart-sum-line.total strong{font-size:17px!important}.cart-trust{font-size:9px!important;gap:10px!important}.checkout-btn{height:34px!important;font-size:10.5px!important}.cart-empty{margin:14px auto!important;padding:18px!important}.cart-empty svg{width:48px!important;height:48px!important}.cart-empty h1{font-size:17px!important}.cart-empty p{font-size:11px!important}
  body.te-has-global-shell .wrap,body.te-has-global-shell .order-wrapper,body.te-has-global-shell .auth-wrapper{padding:12px 10px 70px!important;}
  body.te-has-global-shell .grid{grid-template-columns:1fr!important;}
}


/* PLC SERVICE BANNER FINAL FIX 20260508 */
.te-hero-card.te-plc-banner-card,.home-index .te-hero-card.te-plc-banner-card{height:auto!important;min-height:0!important;padding:0!important;margin-top:16px!important;margin-bottom:18px!important;overflow:hidden!important;border-radius:18px!important;background:#001b3f!important;box-shadow:0 12px 28px rgba(0,27,63,.18)!important;}
.te-hero-card.te-plc-banner-card:before{display:none!important;content:none!important;}
.te-plc-banner-link{display:block!important;width:100%!important;line-height:0!important;text-decoration:none!important;}
.te-plc-service-banner{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;border:0!important;margin:0!important;}
.te-hero-card.te-plc-banner-card .te-hero-copy,.te-hero-card.te-plc-banner-card .te-hero-products,.te-hero-card.te-plc-banner-card .te-dots{display:none!important;}
@media (min-width:900px){.te-category-strip{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:18px!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding:0 0 12px!important;scrollbar-width:thin!important}.te-cat-icon{flex:0 0 96px!important;width:96px!important;min-width:96px!important;max-width:96px!important}.te-cat-icon span{width:60px!important;height:60px!important}.te-cat-icon b{font-size:13px!important;line-height:1.12!important;display:block!important;min-height:30px!important}.te-hero-card.te-plc-banner-card{max-width:1200px!important}}
@media (max-width:560px){.te-hero-card.te-plc-banner-card{border-radius:14px!important;margin-top:10px!important;margin-bottom:12px!important}.te-plc-service-banner{width:100%!important;height:auto!important;object-fit:contain!important}.te-cat-icon{flex:0 0 20%!important;width:20%!important;min-width:20%!important;max-width:20%!important}.te-category-strip{gap:0!important}}


/* FINAL 2026-05-09: Home title + category row single-line smooth scroll */
@media (min-width: 900px){
  body.home-index .te-category-strip,
  .te-category-strip{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:18px !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 4px 12px !important;
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    white-space:nowrap !important;
    scrollbar-width:thin !important;
  }
  body.home-index .te-category-strip .te-cat-icon,
  .te-category-strip .te-cat-icon{
    flex:0 0 96px !important;
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    display:block !important;
    white-space:normal !important;
  }
  body.home-index .te-category-strip .te-cat-icon span,
  .te-category-strip .te-cat-icon span{
    width:62px !important;
    height:62px !important;
    margin:0 auto 7px !important;
  }
  body.home-index .te-category-strip .te-cat-icon b,
  .te-category-strip .te-cat-icon b{
    display:block !important;
    font-size:13px !important;
    line-height:1.1 !important;
    min-height:30px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
}
@media (max-width: 899px){
  body.home-index .te-category-strip,
  .te-category-strip{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:4px !important;
    padding:0 2px 8px !important;
    grid-template-columns:none !important;
    scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:none !important;
  }
  body.home-index .te-category-strip::-webkit-scrollbar,
  .te-category-strip::-webkit-scrollbar{display:none !important;}
  body.home-index .te-category-strip .te-cat-icon,
  .te-category-strip .te-cat-icon{
    flex:0 0 calc((100vw - 22px)/5) !important;
    width:calc((100vw - 22px)/5) !important;
    min-width:calc((100vw - 22px)/5) !important;
    max-width:calc((100vw - 22px)/5) !important;
  }
  body.home-index .te-category-strip .te-cat-icon span,
  .te-category-strip .te-cat-icon span{
    width:48px !important;
    height:48px !important;
    margin:0 auto 5px !important;
  }
  body.home-index .te-category-strip .te-cat-icon b,
  .te-category-strip .te-cat-icon b{
    font-size:10px !important;
    line-height:1.05 !important;
    text-align:center !important;
    text-decoration:none !important;
  }
}


/* 2026-05-09 FINAL CART MOBILE NO-CUT FIX */
html, body { max-width:100% !important; overflow-x:hidden !important; }
* { box-sizing:border-box !important; }
.te-page, .te-page-scroll, main, .cart-wrap, .cart-list, .cart-total-card, .cart-empty {
  max-width:100% !important;
  overflow-x:hidden !important;
}
@media (max-width: 700px){
  .cart-wrap{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:visible !important;
  }
  .cart-titlebar,.cart-list,.cart-total-card,.cart-empty{
    width:100% !important;
    max-width:100% !important;
  }
  .cart-item{
    display:grid !important;
    grid-template-columns:62px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:8px 10px !important;
    align-items:start !important;
    padding:12px 10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .cart-img{
    grid-column:1 !important;
    grid-row:1 !important;
    width:58px !important;
    height:58px !important;
    padding:5px !important;
  }
  .cart-item > div:not(.cart-right){
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .cart-name{
    display:block !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    font-size:14px !important;
    line-height:1.22 !important;
  }
  .cart-sub,.cart-stock{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:12px !important;
  }
  .cart-right{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:42px 96px minmax(0,1fr) !important;
    grid-template-areas:"trash qty price" !important;
    gap:8px !important;
    align-items:center !important;
    margin-top:4px !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .cart-price{
    grid-area:price !important;
    justify-self:end !important;
    text-align:right !important;
    max-width:100% !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
  }
  .cart-qty-form{
    grid-area:qty !important;
    justify-self:start !important;
    min-width:0 !important;
    width:96px !important;
    max-width:96px !important;
  }
  .cart-qty{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:30px !important;
    display:flex !important;
    overflow:hidden !important;
    border-radius:7px !important;
  }
  .cart-qty button{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    font-size:16px !important;
    padding:0 !important;
  }
  .cart-qty input{
    width:36px !important;
    min-width:36px !important;
    height:30px !important;
    font-size:13px !important;
    padding:0 !important;
  }
  .cart-right form:last-child{
    grid-area:trash !important;
    justify-self:center !important;
    width:34px !important;
    max-width:34px !important;
  }
  .trash-btn{
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }
  .trash-btn svg{
    width:19px !important;
    height:19px !important;
  }
  .cart-total-card{
    padding:16px 14px !important;
  }
  .cart-sum-line{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    width:100% !important;
  }
  .cart-sum-line strong{
    white-space:nowrap !important;
    text-align:right !important;
    max-width:100% !important;
  }
  .cart-trust{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:center !important;
    gap:12px !important;
    overflow:hidden !important;
    font-size:12px !important;
  }
  .checkout-btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}
@media (max-width: 390px){
  .cart-right{
    grid-template-columns:38px 88px minmax(0,1fr) !important;
    gap:6px !important;
  }
  .cart-qty-form,.cart-qty{width:88px !important;min-width:88px !important;max-width:88px !important;}
  .cart-qty button{width:27px !important;min-width:27px !important;}
  .cart-qty input{width:34px !important;min-width:34px !important;}
  .cart-price{font-size:15px !important;}
}