.action{position:relative;display:flex;align-items:center}.profile{cursor:pointer;height:48px;width:48px;border-radius:50%;overflow:hidden;transition:.3s ease;border:2px solid #ddd}.profile img{width:100%;height:100%;object-fit:cover}.user-menu{position:absolute;top:70px;right:0;background:var(--color-text-white);padding:15px 20px;width:220px;box-shadow:0 5px 25px rgba(0,0,0,.15);border-radius:10px;transition:.3s ease;transform:scale(0);transform-origin:top right;opacity:0;visibility:hidden;z-index:10}.user-menu.active{transform:scale(1);opacity:1;visibility:visible;right:0}.user-menu h3{text-align:left;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 10px}.user-menu h3 span{font-size:12px;color:#777}.user-menu ul{list-style:none;padding:0;margin:0}.user-menu ul li{display:flex;align-items:center;padding:10px 0;transition:.3s;border-bottom:1px solid #f1f1f1}.user-menu ul li:last-child{border-bottom:none}.user-menu ul li img{width:20px;margin-right:10px}.user-menu ul li a{text-decoration:none;color:#333;font-size:14px;font-weight:500}.user-menu ul li:hover a{color:#007bff}@media (max-width:992px){.profile{display:none}}.main-header{background:var(--color-text-white);border-bottom:1px solid #eee;position:-webkit-sticky;position:sticky;top:0;z-index:1040;box-shadow:0 4px 12px rgba(0,0,0,.06)}.header-wrap{display:flex;align-items:center;text-align:center;gap:44px;padding:0}.hamburger{display:none;background:transparent;border:0;color:#111;width:44px;height:44px;align-items:center;justify-content:center;font-size:28px}.hamburger i{font-size:inherit}.hamburger svg{width:1em;height:1em}.logo img{display:block;height:88px;width:auto}.main-nav{flex:1 1}.menu{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;gap:15px}.header-wrap,.main-nav,.menu{min-width:0;max-width:100%}.menu a{color:#222;text-decoration:none;font-weight:600;padding:0 11px;transition:color .25s ease}.menu a:hover{color:var(--color-primary)}.menu .has-dropdown,.menu .has-dropdown>a{position:relative}.dropdown-panel{position:absolute;top:100%;left:0;background:var(--color-text-white);border:1px solid #e6e6e6;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:8px;width:max-content;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s step-end;padding:12px;z-index:1050}.category-selector .ant-select,.category-selector .ant-select *{border-color:transparent!important}.category-selector .ant-select-selector{border:none!important;box-shadow:none!important;background:var(--color-text-white);color:#222!important;margin:0 10px}.category-selector .ant-select-selection-placeholder{color:#222;font-size:16px;font-weight:600}.menu .has-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.ant-cascader-menus{max-height:400px}.ant-cascader-menu{min-width:220px;max-height:400px;overflow:auto;text-align:left}#desktopTreeWrap{position:relative;overflow:visible}#desktopTreeWrap .ant-select-dropdown{width:auto!important;min-width:max-content;max-width:none}#desktopTreeWrap .ant-select-tree-title{white-space:nowrap}.skeleton-select{display:inline-flex;align-items:center;height:40px;padding:0 12px;gap:8px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton-select:after{content:"▾";font-size:12px;line-height:1}.dropdown-header{background:#000;color:var(--color-text-white);padding:10px 14px;border-radius:6px;font-weight:700;margin-bottom:10px}.dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dropdown-list a{color:#555;text-decoration:none;display:block;padding:6px 8px;border-radius:4px;transition:color .25s ease,background-color .25s ease}.dropdown-list a:hover{background:#f5f5f5;color:#000}.header-right{display:flex;align-items:center;gap:25px}.header-right-modal{display:flex;align-items:center;gap:22px;display:none}.search-form{display:flex;align-items:center;border:1px solid #e3e3e3;border-radius:16px;overflow:hidden}.search-wrap,.search-wrap-modal{position:relative;display:flex}.search-input{width:330px}.search-input,.search-input-mobile{border:0;outline:none;padding:9px 12px;font-size:14px}.search-input-mobile{width:442px}.search-input-modal{outline:none;border:1px solid #d6d5d5;border-radius:5px;padding:9px 12px;width:260px;font-size:14px}.search-btn{background:var(--color-primary);border:0;color:var(--color-text-white);width:46px;height:40px;display:inline-flex;border-top-right-radius:15px;border-bottom-right-radius:15px;align-items:center;justify-content:center}.search-form-mobile{display:flex}.search-btn-mobile{background:var(--color-primary);border:0;color:var(--color-text-white);border-end-end-radius:10px;border-top-right-radius:10px;display:inline-flex}.modal-search,.search-btn-mobile{width:46px;height:40px;align-items:center;justify-content:center}.modal-search{background:none;border:0;color:#212529;font-size:23px;border-radius:5px;display:none}.search-btn i{font-size:18px}.search-btn{transition:background-color .25s ease}.search-suggest{position:absolute;left:0;right:0;min-width:466px;top:calc(100% + 6px);background:var(--color-text-white);border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.12);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s step-end;z-index:1100}.search-wrap:focus-within .search-suggest,.search-wrap:has(.search-input:not(:placeholder-shown)) .search-suggest{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}.suggest-list,.suggest-list-mobile{margin:0;padding:0;list-style:none;max-height:300px;overflow:auto;display:grid;grid-gap:4px;gap:4px}.suggest-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;text-align:left;border-bottom:1px solid #eee;text-decoration:none;position:relative;overflow:hidden;width:100%}.suggest-item:hover{background:#f6f8ff}.suggest-thumb{width:36px;height:36px;border-radius:6px;background:#f2f2f2;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.suggest-thumb img{width:40px;height:40px;object-fit:cover;border-radius:4px}.suggest-meta{flex:1 1;margin-left:8px}.suggest-title{display:block;font-weight:600;color:#222}.suggest-category{font-size:12px;color:#777;display:flex;gap:12px}.suggest-price{display:block;font-size:14px}.old-price{color:red;margin-right:5px;text-decoration:line-through}.new-price{color:green;font-weight:600}.discount-tag{position:absolute;top:12px;right:-20px;background:#007a3d;color:var(--color-text-white);font-size:10px;font-weight:600;padding:4px 24px;transform:rotate(40deg);transform-origin:center;box-shadow:0 2px 4px rgba(0,0,0,.15);white-space:nowrap;z-index:1;line-height:1.2;border-radius:2px}.cart{display:flex;align-items:center;gap:10px;color:#0a0a0a}.cart .count{font-weight:400;font-size:26px}.cart i{font-size:24px}.cart-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:33px}.cart-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:var(--color-text-white);font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.drawer-toggle{position:fixed;opacity:0;pointer-events:none}.drawer{position:fixed;top:0;left:0;height:100%;width:320px;background:var(--color-text-white);box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .35s ease;z-index:1070;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.drawer-logo{text-decoration:none;font-weight:800;color:var(--color-primary)}.drawer-close{width:36px;height:36px;border-radius:8px;background:#f4f4f5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.drawer-close svg{width:22px;height:22px}.drawer-nav{display:grid;padding:10px}.drawer-link{padding:10px 12px;text-decoration:none;color:#111;border-radius:8px}.drawer-link:hover{background:#f6f6f6}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s step-end;z-index:1065}.drawer-toggle:checked~.drawer-overlay{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.drawer-toggle:checked~.drawer{transform:translateX(0)}.drawer-tab{position:absolute;opacity:0;pointer-events:none}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;margin:8px 10px 0;background:#f6f6f6;border-radius:8px;position:relative}.drawer-tabs .tab{text-align:center;padding:10px 0;font-weight:700;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:2}.drawer-tabs .active-bar{position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--color-text-white);border:1px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 -2px 0 var(--color-primary);transition:transform .25s ease;z-index:1}#drawerTabCategories:checked~.drawer-tabs label[for=drawerTabCategories],#drawerTabMenu:checked~.drawer-tabs label[for=drawerTabMenu]{color:var(--color-primary)}.drawer-panels{position:relative;overflow:hidden}.panel{padding:4px 10px}.drawer-list{list-style:none;margin:0;padding:10px 0 0}.drawer-row:hover{background:#fafafa}.row-ico{color:#6b7280;display:inline-flex;align-items:center}.row-ico svg{width:18px;height:18px}#drawerTabCategories:checked~.drawer-tabs .active-bar{transform:translateX(0)}#drawerTabMenu:checked~.drawer-tabs .active-bar{transform:translateX(100%)}#drawerTabCategories:checked~.drawer-panels .panel-categories{padding-left:26px}#drawerTabCategories:checked~.drawer-panels .panel-menu,#drawerTabMenu:checked~.drawer-panels .panel-categories{display:none}#drawerTabMenu:checked~.drawer-panels .panel-menu{display:block}.panel-categories,.panel-menu{display:none}#drawerTabCategories:checked~.drawer-panels .panel-categories{display:block}.drawer-row{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;text-decoration:none;color:#111;border-bottom:1px solid #f1f1f1}.drawer-row .row-left{display:inline-flex;align-items:center;gap:10px}.row-icon svg{width:18px;height:18px;color:#6b7280;margin-right:10px}.row-text{font-weight:600}.drawer-item{border-bottom:1px solid #f1f1f1}.drawer-item summary{list-style:none;cursor:pointer}.drawer-item summary::-webkit-details-marker{display:none}.drawer-item[open] .row-ico{transform:rotate(90deg)}.drawer-item .row-ico,.drawer-item[open] .row-ico{transition:transform .2s ease}.drawer-sub{list-style:none;margin:0;padding:6px 0 10px 32px;display:grid}.drawer-sub .drawer-row{border:0;padding:8px 6px}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0!important;background:var(--color-text-white);border-top:1px solid #e6e6e6;display:none;z-index:1060}.mobile-tabbar .tab-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#222;padding:8px 6px;transition:color .25s ease,background-color .25s ease,transform .2s ease}.mobile-tabbar .tab-item i{font-size:20px}.mobile-tabbar .tab-item span{font-size:12px;margin-top:2px}.mobile-tabbar .tab-item:hover{color:#00834a;background:#f5fef9;transform:translateY(-2px)}.search-popover{position:relative;display:inline-block}.search-popover:focus{outline:none}.hf-pop-panel{position:absolute;top:calc(100% + 20px);right:0;background:var(--color-text-white);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:20px;width:min(560px,92vw);z-index:1000}.hf-pop-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:20px;cursor:pointer;color:#333}.hf-pop-title{margin:0 0 8px;font-size:18px;font-weight:600}.modal-search-wrap{position:relative}.search-suggest-modal{position:absolute;left:-12px;right:0;top:calc(100% + 6px);min-width:280px;background:var(--color-text-white);border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.12);padding:6px;transform:translateY(6px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;z-index:2}.search-suggest-modal.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}.suggest-list-modal{margin:0;padding:0;list-style:none;max-height:300px;overflow:auto;display:grid;grid-gap:4px;gap:4px}.mobile-search-modal{top:43px}.suggest-item-modal{display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:start;grid-gap:10px;gap:10px;text-decoration:none;color:#0b1320;padding:8px;border-radius:8px}.mobile-tree-select .ant-select-arrow,.mobile-tree-select .ant-select-clear,.mobile-tree-select .ant-select-selection-placeholder,.mobile-tree-select .ant-select-selection-search,.mobile-tree-select .ant-select-selector{display:none!important}#mobileCategoryPopup .ant-select-dropdown,#mobileCategoryPopup .ant-select-tree,#mobileCategoryPopup .ant-select-tree *{font-size:18px!important;line-height:2!important;color:#222!important;font-weight:600!important}.mobile-tree-select .ant-select-dropdown{position:static!important;box-shadow:none!important;border:none!important;background:transparent!important;width:100%!important;max-height:none!important;padding:0}.ant-select-selector{padding:0!important}.mobile-tree-select .ant-select-tree{color:#222;background:transparent}.mobile-tree-select .ant-select-tree-node-content-wrapper{padding:10px 12px;border-radius:8px}.mobile-tree-select .ant-select,.mobile-tree-select .ant-select *{font-size:17px;line-height:1.55;color:#222}.mobile-tree-select .ant-select-tree-node-content-wrapper:hover{background:#f5f7fa}.mobile-tree-select .ant-select-tree-node-selected{background:#eef2ff!important}.mobile-tree-select .switcher-icon{font-size:18px;transition:transform .18s ease;opacity:.8}.mobile-tree-select .ant-select-tree-switcher_open .switcher-icon{transform:rotate(180deg)}.mobile-tree-select .ant-select-tree-list-holder,.mobile-tree-select .ant-select-tree-list-holder-inner{border:none!important;box-shadow:none!important}#mobileCategoryPopup{max-height:70vh;overflow:auto}.campaign-btn{display:flex;justify-content:center;align-items:center;text-align:center}.campaign-btn,.campaign-btn a{text-decoration:none}.campaign-text{display:inline-block;white-space:nowrap;text-overflow:ellipsis;border-radius:15px}.whatsapp-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#000;font-size:12px}.whatsapp-number svg{color:#25d366;font-size:18px;line-height:1}@media (max-width:1399px){.header-wrap{gap:12px}.menu{display:flex;justify-content:center;gap:unset}.cart{gap:5px}.cart .count{font-size:18px}.search-input{width:68%}.search-form{display:flex;justify-content:right}.header-right{gap:12px}}@media (max-width:1199px){.menu{font-size:15px}}@media (max-width:1024px){.header-wrap{gap:12px}.menu{gap:unset}.cart{gap:5px}.cart .count{font-size:18px}.search-input{width:68%}.search-form{display:flex;justify-content:right}.header-right{gap:12px}}@media (max-width:992px){.main-nav,.search-form,.user-icon{display:none}}@media (max-width:993px){.header-right-modal{display:none}}@media (max-width:992px){.header-wrap{gap:12px;justify-content:space-between;padding:8px 0}.hamburger{display:inline-flex}.logo{margin:0 auto;order:2}.logo img{height:50px}.header-right{order:3}.header-right-modal{display:flex;justify-content:flex-end;order:3}.cart,.search-form{display:none}.menu{gap:18px}.mobile-tabbar{display:grid;width:100%;grid-template-columns:repeat(5,1fr)}body{padding-bottom:60px}.cart .count{display:none}.modal-search{display:inline-flex}.search-input-mobile{padding:9px 12px;width:442px;border:1px solid #222;border-bottom-left-radius:10px;border-top-left-radius:10px;font-size:14px}}@media (max-width:576px){.search-input-mobile{padding:9px 12px;width:260px;font-size:14px}.search-btn-mobile{width:36px;height:40px}}@media (max-width:320px){.search-input-mobile{padding:9px 12px;width:230px;font-size:14px}.search-btn-mobile{width:36px;height:40px}}@media (max-width:300px){.search-input-mobile{padding:9px 12px;width:180px;font-size:14px}.search-btn-mobile{width:30px;height:40px}}.main-header-two .menu{justify-content:start;gap:5px;width:-moz-fit-content;width:fit-content}.main-header-two .header-wrap{display:flex;justify-content:space-between}.main-header-two .main-nav{flex:none}.main-header-three .header-wrap{justify-content:space-between}.main-header-three .menu{justify-content:start;padding:8px 0}.main-header-three .search-input{width:45rem}.main-header-three .main-nav{background-color:var(--color-primary)}.main-header-three .menu a{color:var(--color-text-white)}.main-header-three .ant-select-selector{background-color:transparent!important}.main-header-three .ant-select .ant-select-selection-placeholder{color:var(--color-text-white)!important}.main-header-three .search-form{border-radius:0;border:1px solid var(--color-primary)}.main-header-three{border-bottom:0}.main-header-four .header-wrap{justify-content:space-between}.main-header-four .menu{justify-content:center;padding:8px 0}.main-header-four .main-nav{background-color:var(--color-primary)}.main-header-four .menu a{color:var(--color-text-white)}.main-header-four .ant-select-selector{background-color:transparent!important}.main-header-four .ant-select .ant-select-selection-placeholder{color:var(--color-text-white)!important}.main-header-four .search-form{border-radius:0;border:1px solid var(--color-primary)}.main-header-four{border-bottom:0}.topbar{color:var(--color-text-white);font-size:14px;line-height:1;padding:0}.topbar-two{background-color:var(--color-primary)}.topbar .ticker-wrapper{width:100%;overflow:hidden}.topbar .ticker{display:flex;white-space:nowrap;animation:scroll 50s linear infinite}.topbar .ticker p{display:inline-block;margin:0;padding:8px 0;color:var(--color-text-white)}@keyframes scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.topbar .container{padding-top:6px;padding-bottom:6px}.contact-list,.social-list{margin:0;padding:0;list-style:none;display:flex;align-items:center}.contact-list{gap:14px;display:flex;justify-content:flex-end}.contact-list li{display:flex;align-items:center;gap:8px}.contact-list li a{text-decoration:none}.contact-list .divider{width:1px;height:16px;background:#6b6b6b}.contact-list i{color:#d7c9a3}.contact-list span{color:#d7d7d7}.social-list{justify-content:flex-end;gap:10px}.icon-link{position:relative;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#000;text-decoration:none;border-radius:50%;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.icon-link i{font-size:13px}.icon-link:hover{background:#000;color:var(--color-text-white)}.icon-link .hover-text{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);background:#555151;color:var(--color-text-white);padding:4px 8px;font-size:12px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:9999}.icon-link:hover .hover-text{opacity:1}.topbar .icon-link{color:var(--color-text-white);border-color:var(--color-text-white)}.topbar .icon-link:hover{background:#000;color:var(--color-text-white);border-color:#000}