root{--olex-primary #D76136;--olex-secondary #E8744F;--icon-navy #1a2332;--glass-button-gradient linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.75) 100%);--spring cubic-bezier(0.34,1.56,0.64,1);--border-outer-dark rgba(0,0,0,0.08);--smooth cubic-bezier(0.4,0,0.2,1);--glass-blur-medium saturate(180%) blur(30px);--glass-nav-bg rgba(255,255,255,0.50);--glass-drawer-bg rgba(255,255,255,0.75);--border-inner-light rgba(255,255,255,0.85);--border-glow rgba(255,255,255,0.6)}body,.mobile-drawer,.drawer-menu,.category-name,.subcategory-name,.legal-link{font-family -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}@media (max-width 768px){main{padding-bottom 40px!important}footer{position relative;z-index 9997;padding-bottom 90px!important;background #fff}.olex-mobile-bottom-menu,.olex-mobile-menu{position fixed;bottom 0;z-index 9998;background transparent}}.olex-mobile-bottom-menu,.olex-mobile-menu{display none;position fixed;bottom 0;left 0;right 0;z-index 9998;pointer-events none;padding 0 12px 16px;transition transform .3s var(--smooth),opacity .3s var(--smooth)}.olex-mobile-bottom-menu.hidden,.olex-mobile-menu.hidden{transform translateY(120%)!important;opacity 0!important;pointer-events none!important}.mobile-nav-bar,.olex-mobile-menu__nav{display flex;align-items center;justify-content space-around;gap 8px;height 80px;padding 12px 16px;pointer-events auto;position relative;background linear-gradient(135deg,var(--glass-nav-bg) 0%,rgba(255,255,255,0.40) 100%);backdrop-filter var(--glass-blur-medium);-webkit-backdrop-filter var(--glass-blur-medium);border-radius 28px;box-shadow 0 8px 32px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.08),0 0 0 1px var(--border-outer-dark),inset 0 0 0 1px var(--border-inner-light);transition all .3s var(--smooth);overflow visible}.nav-item,.olex-mobile-menu__item{position relative;flex 1;width 64px;height 64px;min-width 64px;min-height 64px;max-width 64px;max-height 64px;display flex;align-items center;justify-content center;border none;background none!important;border-radius 50%;cursor pointer;transition all .2s var(--smooth);overflow visible;z-index 10;-webkit-tap-highlight-color transparent;user-select none}.nav-item active,.olex-mobile-menu__item active{transform scale(0.95)}.nav-icon,.olex-mobile-menu__icon{position relative;width 52px;height 52px;display flex;align-items center;justify-content center;border-radius 50%;transition all .2s var(--smooth);z-index 2}.nav-icon img,.nav-icon img.nav-svg,.olex-mobile-menu__icon img,.olex-mobile-menu__svg{width 32px;height 32px;transition all .2s var(--smooth);pointer-events none;filter none}.mobile-drawer-overlay,.olex-mobile-drawer__overlay{position fixed;top 0;left 0;width 100vw;height 100vh;background rgba(0,0,0,0.5);z-index 999998!important;opacity 0;visibility hidden;pointer-events none;transition opacity .15s,visibility .15s}.mobile-drawer-overlay.active,.olex-mobile-drawer__overlay.active{opacity 1;visibility visible;pointer-events auto}.mobile-drawer,.olex-mobile-drawer{position fixed;top 0;left 0;width 100%;max-width 380px;height 100vh;background var(--glass-drawer-bg);backdrop-filter saturate(180%) blur(35px);-webkit-backdrop-filter saturate(180%) blur(35px);box-shadow 4px 0 40px rgba(0,0,0,0.15),2px 0 20px rgba(0,0,0,0.08),1px 0 0 var(--border-outer-dark);z-index 999999!important;transform translateX(-100%);transition transform .25s cubic-bezier(0.4,0,0.2,1);display flex;flex-direction column;overflow-y auto;overflow-x hidden;-webkit-overflow-scrolling touch;pointer-events auto;will-change transform}.mobile-drawer.active,.olex-mobile-drawer.active{transform translateX(0);visibility visible}.mobile-drawer not(.active),.olex-mobile-drawer not(.active){visibility hidden}.drawer-header,.olex-mobile-drawer__header{display flex;align-items center;justify-content space-between;padding 24px;background rgba(255,255,255,0.3);backdrop-filter blur(15px);-webkit-backdrop-filter blur(15px);box-shadow 0 1px 0 var(--border-outer-dark);flex-shrink 0}.drawer-logo img,.olex-mobile-drawer__logo img{height 42px;width auto}.close-drawer,.olex-mobile-drawer__close{position relative;width 44px;height 44px;display flex;align-items center;justify-content center;background rgba(255,255,255,0.95);backdrop-filter blur(10px);-webkit-backdrop-filter blur(10px);border-radius 12px;cursor pointer;transition all .3s var(--spring);box-shadow 0 4px 12px rgba(0,0,0,0.08),0 0 0 1px var(--border-outer-dark);overflow visible}.close-drawer svg,.olex-mobile-drawer__close svg{width 24px!important;height 24px!important;min-width 24px!important;min-height 24px!important;max-width 24px!important;max-height 24px!important;stroke var(--icon-navy);stroke-width 2.5;stroke-linecap round;stroke-linejoin round;position relative;z-index 2;display block!important}.close-drawer active,.olex-mobile-drawer__close active{transform rotate(90deg) scale(0.95);box-shadow 0 2px 6px rgba(0,0,0,0.12)}.drawer-body,.olex-mobile-drawer__body{flex 1;padding 16px 0}.drawer-menu,.olex-mobile-drawer__menu{padding 0 24px}.menu-category,.olex-mobile-drawer__category{margin-bottom 8px}.category-link,.olex-mobile-drawer__category-link{display flex;align-items center;justify-content space-between;padding 12px 16px;position relative;background var(--glass-button-gradient);border-radius 14px;box-shadow 0 2px 8px rgba(0,0,0,0.04),0 1px 3px rgba(0,0,0,0.03),inset 0 1px 1px rgba(255,255,255,0.98);text-decoration none;color var(--icon-navy);margin-bottom 4px;cursor pointer;transition all .3s var(--spring);overflow visible}.category-link active,.olex-mobile-drawer__category-link active{transform translateX(4px) scale(0.98);box-shadow 0 1px 4px rgba(0,0,0,0.06),0 0.5px 2px rgba(0,0,0,0.04)}.category-content,.olex-mobile-drawer__category-content{display flex;align-items center;gap 12px;flex 1;position relative;z-index 2}.category-name,.olex-mobile-drawer__category-name{font-weight 600;font-size 15px;color var(--icon-navy)}.category-count,.olex-mobile-drawer__category-count{background linear-gradient(135deg,var(--olex-primary),var(--olex-secondary));color white;padding 5px 9px;border-radius 10px;font-size 12px;font-weight 600;min-width 26px;text-align center;box-shadow 0 4px 12px rgba(215,97,54,0.3),inset 0 1px 0 rgba(255,255,255,0.4)}.expand-toggle,.olex-mobile-drawer__expand{padding 6px;border-radius 8px;transition all .15s;position relative;z-index 2}.expand-icon,.olex-mobile-drawer__expand-icon{transition transform .15s;color var(--olex-primary)}.menu-category.expanded .expand-icon,.olex-mobile-drawer__category.expanded .olex-mobile-drawer__expand-icon{transform rotate(90deg)}.subcategory-menu,.olex-mobile-drawer__submenu{max-height 0;overflow hidden;transition max-height .3s var(--smooth),padding .3s var(--smooth);background rgba(255,255,255,0.25);border-radius 12px;margin-top 4px}.menu-category.expanded .subcategory-menu,.olex-mobile-drawer__category.expanded .olex-mobile-drawer__submenu{max-height 800px;padding 10px}.search-modal-overlay,.olex-mobile-search{position fixed;top 0;left 0;width 100vw;height 100vh;background rgba(0,0,0,0.5);z-index 9999;display flex;align-items center;justify-content center;opacity 0;visibility hidden;pointer-events none;transition opacity .15s,visibility .15s;padding 20px}.search-modal-overlay.active,.olex-mobile-search.active{opacity 1;visibility visible;pointer-events auto}.navigation-loading-overlay{position fixed;top 0;left 0;width 100vw;height 100vh;background rgba(0,0,0,0.6);backdrop-filter blur(8px);-webkit-backdrop-filter blur(8px);z-index 99999;display flex;flex-direction column;align-items center;justify-content center;gap 16px;opacity 0;visibility hidden;pointer-events none;transition opacity .15s var(--smooth),visibility .15s var(--smooth),transform .15s var(--smooth);transform translateY(20px)}.navigation-loading-overlay.active{opacity 1;visibility visible;pointer-events auto;transform translateY(0)}.loading-spinner{width 48px;height 48px;border 4px solid rgba(255,255,255,0.2);border-top-color white;border-radius 50%;animation spin .8s linear infinite}@keyframes spin{to{transform rotate(360deg)}}.loading-product-name{color white;font-size 16px;font-weight 600;text-align center;max-width 280px;padding 0 20px;opacity 0;animation fadeInUp .3s forwards .1s}@keyframes fadeInUp{from{opacity 0;transform translateY(10px)}to{opacity 1;transform translateY(0)}}body.mobile-menu-active,body.drawer-open{overflow hidden}body.search-active,body.search-open{overflow hidden}@media (max-width 768px){.olex-mobile-bottom-menu,.olex-mobile-menu{display block}body.mobile-menu-active{overflow hidden}}@media (min-width 769px){.olex-mobile-bottom-menu,.olex-mobile-menu,.mobile-drawer,.olex-mobile-drawer,.mobile-drawer-overlay,.olex-mobile-drawer__overlay{display none}}