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