.search-flex{align-items:stretch;width:100%;display:flex}.custom-dropdown{min-width:180px;display:flex;position:relative}.dropdown-title{cursor:pointer;background:#f5f5f5;justify-content:space-between;align-items:center;display:flex}.dropdown-title,.search-input{border:1px solid #ddd;border-right:none;height:100%;padding:12px 15px}.search-input{border-left:none;outline:none;flex:1}.btn-search{cursor:pointer;background:#f4b400;border:1px solid #ddd;border-left:none;align-items:center;height:100%;padding:0 18px;display:flex}.dropdown-menu{z-index:10;background:#fff;border:1px solid #ddd;width:100%;display:none;position:absolute;top:100%;left:0}.mobile-category-dropdown{margin-bottom:8px;position:relative}.mobile-dropdown-title{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f5f5;border-radius:25px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex}.mobile-dropdown-title .arrow{color:#888;font-size:12px}.mobile-dropdown-menu{z-index:999;background:#fff;border:1px solid #eee;border-radius:12px;max-height:220px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mobile-dropdown-menu li a{color:#333;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.mobile-dropdown-menu li a:hover{color:#edb142;background:#f5f5f5}.mobile-search-inner{background:#f5f5f5;border-radius:25px;align-items:center;gap:8px;padding:8px 14px;display:flex}.mobile-search-icon{color:#999;flex-shrink:0;font-size:14px}.mobile-search-btn{color:#000;border-radius:20px;padding:5px 14px;font-size:13px}.mobile-category-dropdown .mobile-dropdown-menu{display:none}.mobile-category-dropdown:active .mobile-dropdown-menu,.mobile-category-dropdown:focus-within .mobile-dropdown-menu{display:block}.mobile-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.menu-btn{cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000026}.menu-btn:hover{transform:scale(1.05)}.overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;width:100%;left:0}.overlay,.sidebar{height:100%;position:fixed;top:0}.sidebar{z-index:1000;background:#fff;width:70%;padding:25px;transition:right .3s;right:-70%;box-shadow:-4px 0 10px #0000001a}.sidebar.open{right:0}.sidebar ul{margin-top:40px;padding:0;list-style:none}.sidebar li{margin:20px 0}.sidebar a{color:#333;font-size:18px;font-weight:500;text-decoration:none;transition:color .2s}.sidebar a:hover{color:#007bff}.close-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:transform .2s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 6px #00000026}.close-btn:hover{transform:rotate(90deg)}.mobile-navbar{display:none}@media (width<=565px){.mobile-navbar{display:block}.logo-desktop{display:none}}@media (width>=566px){.logo-desktop{display:block}}.mobile-cat-menu{border:.5px solid var(--color-border);background:#fff;border-radius:12px;overflow:hidden}.cat-toggle-btn{cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;font-weight:500;list-style:none;display:flex}.cat-details[open] .chevron{transition:transform .25s}.cat-list{border-top:.5px solid var(--color-border);padding:8px 0}.cat-list li a{color:inherit;border-bottom:.5px solid var(--color-border);padding:11px 16px;font-size:14px}.cat-list li:last-child a{border-bottom:none}.mobile-search-bar{background:#263c97;padding:10px 16px}.mobile-search-wrapper{background:#fff;border:2px solid #edb142;border-radius:25px;align-items:center;display:flex}@media (width>=769px){.mobile-search-input{text-align:center}}@media (width<=768px){.mobile-search-wrapper{overflow:visible}}.cat-details{flex-shrink:0;position:relative}.cat-summary{color:#333;cursor:pointer;white-space:nowrap;border-right:1px solid #e0e0e0;align-items:center;gap:6px;padding:9px 12px 9px 14px;font-size:13px;font-weight:500;list-style:none;display:flex}.cat-summary::-webkit-details-marker{display:none}.chevron{transition:transform .25s}.cat-details[open] .chevron{transform:rotate(180deg)}.cat-list{z-index:999;clip-path:inset(0 round 12px);background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:200px;max-height:350px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 6px 16px #0000001f;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.cat-list::-webkit-scrollbar{width:5px}.cat-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.cat-list li a{color:#333;white-space:nowrap;text-overflow:ellipsis;padding:10px 16px;font-size:13px;text-decoration:none;display:block;overflow:hidden}.cat-list li a:hover{color:#edb142;background:#f5f5f5}.mobile-search-input{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 10px;font-size:14px}.mobile-search-input::placeholder{color:#aaa}.mobile-search-btn{cursor:pointer;color:#222;background:#edb142;border:none;border-radius:0 23px 23px 0;flex-shrink:0;align-items:center;padding:20px 16px;display:flex}.menu a{text-transform:uppercase}.mon-element{display:block}.cat__menu-wrapper{position:relative}.cat-toggle{position:static}.cat-toggle-btn,.cat-toggle-btn-1{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:10px;width:83%;padding:14px 20px;list-style:none;display:flex}.cat-toggle-btn::-webkit-details-marker{display:none}.cat__menu{z-index:9999;background:#fff;border:1px solid #e0e0e0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;min-width:240px;max-height:400px;position:absolute;top:100%;left:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001f}.cat__menu::-webkit-scrollbar{width:6px}.cat__menu::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:10px}.cat__menu::-webkit-scrollbar-thumb:hover{background-color:#edb142}.cat__menu ul{margin:0;padding:6px 0;list-style:none}.cat__menu ul li a{color:#333;padding:10px 18px;font-size:14px;text-decoration:none;display:block}.cat__menu ul li a:hover{color:#edb142;background:#fff8ec}summary{width:max-content;display:inline-flex}@media (width<=566px){.mon-element{display:none!important}}