.site-header{position:sticky;top:0;width:100%;max-width:1300px;margin:0 auto;z-index:10000;backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,0.05);border-radius:0 0 10px 10px;box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 6px 20px rgba(0,0,0,0.12);}
.header-top{display:flex;align-items:center;justify-content:space-between;padding: 10px 20px;height:50px;gap:8px}
html, body {padding-top: 0 !important; margin: 0;overflow-x: hidden; }
@media (max-width: 1024px) {
    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }

    body > *:not(.site-header) {
        margin-top: 50px;
    }
}
.header-logo img {
    height: 50px;
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0; 
    vertical-align: middle;
}
.header-logo,
.search-logo {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.header-logo::after,
.search-logo::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.6) 50%,
        transparent 80%
    );
    transform: skewX(-20deg);
    pointer-events: none;
    animation: logoShine 3s linear infinite;
}

@keyframes logoShine {
    0%   { left: -120%; }
    30%  { left: 140%; }
    100% { left: 140%; }
}

/* اندازه تصویر لوگوی سرچ */
.search-logo img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

.header-search {
    display: flex;
    align-items: center;
    flex: 0 0 60%;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    height: 40px;  
}
.header-search input {
    flex: 1;
    height: 100%;  
    padding: 0 1rem;
    border: none;
    font-size: 0.95rem;
    outline: none;
    transition: all 0.3s ease;
    display: block; 
    margin: 0; 
}
.header-search button {
    height: 100%; 
    padding: 0 1rem;
    border: none;
    background: #f34d60;
    color: #fff;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background 0.3s ease;
}

.header-account a,.header-cart .cart-toggle{display:flex;align-items:center;justify-content:center;height:40px;padding:0 1.2rem;border-radius:10px;background:#f9f9f9;color:#333;font-weight:500;border:0.5px solid rgba(0,0,0,0.08);text-decoration:none;transition:all 0.3s ease}
.header-account a:hover,.header-cart .cart-toggle:hover{background:#f34d60;color:#fff;transform:translateY(-2px)}
.header-account i,.header-cart i{margin-left:6px;font-size:1rem}
.header-bottom{padding: 10px 20px;}
.account-dropdown { position: relative; display: inline-block; }
.account-dropdown .account-menu { display: none; position: absolute; top: 100%; left: 0; background: #fff; border-radius: 4px; box-shadow: 0 5px 12px rgba(0,0,0,0.08); list-style: none; padding: 0; margin: 0; width: 100%; z-index: 999; }
.account-dropdown:hover .account-menu { display: block; }
.account-menu li a { display: flex; align-items: center; justify-content: flex-start; padding: 6px 12px; color: #333; font-size: 13px; text-decoration: none; transition: background 0.2s, color 0.2s; }
.account-menu li a:hover { background: #0073e6; color: #fff; border-radius: 3px; }
.custom-btn { display: flex; align-items: center; gap: 6px; background: #007aff; color: #fff; border: none; border-radius: 6px; padding: 8px 16px; font-size: 14px; cursor: pointer; transition: background 0.3s, transform 0.2s; }
.custom-btn:hover { background: #005bb5; transform: translateY(-2px); }
.header-row { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.categories-btn { background: #ff4b4b; color: #fff; padding: 10px 18px; border: none; border-radius: 6px; font-size: 14px; cursor: pointer; }
.header-extra-buttons { display: flex; gap: 10px; }
.header-categories{position:relative;display:inline-block}
.header-cart .cart-link { display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 1.2rem; border-radius: 10px; background: #f9f9f9; color: #333; font-weight: 500; border: 0.5px solid rgba(0,0,0,0.08); text-decoration: none; transition: all 0.3s ease; gap: 6px; }
.header-cart .cart-link:hover { background: #f34d60; color: #fff; transform: translateY(-2px); }
.header-cart .cart-link svg { width: 20px; height: 20px; stroke: currentColor; flex-shrink: 0; }
.header-cart .cart-divider { color: inherit; font-weight: 600; }
#k94-cart-count { font-size: 0.85rem; font-weight: 600; color: inherit; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
#k94-search-results { position: absolute; top: 100%; left: 0; right: 0; background: linear-gradient(135deg, #f0f4f8, #e6eef7); border-radius: 0; max-height: 450px; overflow-y: auto; z-index: 999; display: none; padding-bottom: 20px;   box-shadow: 0 15px 30px rgba(0,0,0,0.5), 0 30px 60px rgba(0,0,0,0.25); }
.header-contact,.nav-item-categories { display: none; }
#desktop-header { display: block; }
@media (min-width: 1024px) {
#search-placeholder {display: none !important;}}
#search-placeholder {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: flex-end;direction: rtl;pointer-events: none;color: #aaa;font-size: 16px;gap: 4px;}
@media (max-width: 1024px) {
#k94-search::placeholder {color: transparent;}
#k94-search-results { max-height: 500px;}
#k94-search {text-align: center; margin: 0 10px !important; /* فاصله 10px از چپ و راست */}
#search-placeholder {left: 50%;right: auto;  gap: 10px;transform: translate(-50%, -50%);justify-content: center;direction: rtl; font-size: 13px;font-weight: 600;text-align: right; }
.header-account,.header-cart,.header-bottom,.header-logo,#k94-search-btn {display: none !important;}
.header-contact {display: block !important;margin-left: 10px !important;}
.nav-item-categories{display: block !important;margin-right: 10px !important;}
.header-top {padding: 0 !important; gap: 10px !important; }
.header-search {flex: 1 !important; max-width: none !important;margin: 0 !important; border: none !important;  box-shadow: none !important;  border-radius: 0 !important; }
.header-search input,.header-search button {border: none !important;box-shadow:inset 2px 0 rgba(0,0,0,0.08),inset -2px 0 rgba(0,0,0,0.08);}

}
@media (max-width: 300px) {
  #k94-search {font-size: 11px !important;padding: 0 0.6rem !important;}
  #search-placeholder {font-size: 11px !important;}
.header-contact svg,.nav-item-categories svg {width: 16px !important;height: 16px !important;}
.header-top {gap: 4px !important;}}
.search-view-all a.view-all-link { color: #ffffff; text-decoration: none; font-weight: 600; }
.k94-grid-4col { display: grid; grid-template-columns: repeat(5, 1fr); gap: 60px; row-gap: 0; }
.k94-item { margin-bottom: 0; padding: 0; }
.k94-cat-title { font-size: 13px; color: #1c1c1c; position: relative; padding-right: 10px; margin-bottom: 1px; }
.k94-cat-title::before { content: ""; position: absolute; right: 0; top: 2px; width: 2px; height: 18px; background-color: red; border-radius: 2px; }
.k94-item ul { list-style: none; padding: 0; margin: 0; }
.k94-item ul li { margin: 0; padding: 0; }
.k94-item ul li a { font-size: 12px; color: #333333; text-decoration: none; }
.k94-item ul li a:hover { color: #007bff; }
.k94-cat-title a { text-decoration: none; color: #1c1c1c; }
.k94-cat-title a:hover { color: #007bff; }
.sub-cats-else { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px; row-gap: 0; }
#k94-categories-panel .main-cat { font-size: 15px; background: #edf6ff; margin: 0 auto; padding: 10px 0; cursor: pointer; text-align: center; border-radius: 4px; transition: background 0.2s; width: 100%; padding-right: 0; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#k94-categories-panel .main-cat:hover { background: #e0e0e0; }
#k94-categories-panel h4 { font-size: 15px; }
.main-cat a { color: #444444; text-decoration: none; }