/* Khalaj Corporate Desktop Header - v1.0.62.79 */
.kcdh-header,
.kcdh-header * {
    box-sizing: border-box;
}

.kcdh-header {
    --kcdh-primary: #005CDD;
    --kcdh-accent: #00AD0E;
    --kcdh-border: #E5E7EB;
    --kcdh-text: #111827;
    --kcdh-muted: #6B7280;
    --kcdh-soft: #F9FAFB;
    --kcdh-white: #FFFFFF;
    --kcdh-radius: 2px;
    width: 100%;
    position: relative;
    z-index: 999;
    color: var(--kcdh-text) !important;
    background: transparent;
    font-size: 14px;
    line-height: 1.6;
}

.kcdh-header.kcdh-lang-fa,
.kcdh-header.kcdh-lang-ar {
    font-family: "Peyda", "PeydaWeb", "IRANSansX", "IRANSans", Tahoma, Arial, sans-serif;
    font-weight: 400;
    text-align: right;
}

.kcdh-header.kcdh-lang-en {
    font-family: "Inter Light", "Inter", Arial, sans-serif;
    font-weight: 300;
    text-align: left;
}

.kcdh-header a,
.kcdh-header button,
.kcdh-header input {
    font-family: inherit !important;
}

.kcdh-header a {
    color: inherit !important;
    text-decoration: none !important;
}

.kcdh-header svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.kcdh-container {
    width: min(1140px, calc(100vw - 32px));
    margin-inline: auto;
}

/* Top full-width bar */
.kcdh-topbar {
    width: 100%;
    background: #F8FAFC;
    border-bottom: 1px solid var(--kcdh-border);
}

.kcdh-topbar-inner {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-block: 0;
}

.kcdh-top-menu {
    flex: 1 1 auto;
    min-width: 0;
}

.kcdh-top-menu-list,
.kcdh-main-menu,
.kcdh-lang-fallback {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.kcdh-top-menu-list {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: nowrap;
    overflow: hidden;
}

.kcdh-top-menu-list li,
.kcdh-main-menu li,
.kcdh-lang-fallback li {
    margin: 0 !important;
    padding: 0 !important;
}

.kcdh-top-menu-list a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--kcdh-text) !important;
    font-size: 13px;
    white-space: nowrap;
    transition: color 140ms ease;
}

.kcdh-top-menu-list a:hover,
.kcdh-top-menu-list a:focus-visible {
    color: var(--kcdh-primary) !important;
}

.kcdh-top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.kcdh-language-switcher {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid var(--kcdh-border);
    background: var(--kcdh-white);
    border-radius: var(--kcdh-radius);
    color: var(--kcdh-text) !important;
    font-size: 12px;
}

.kcdh-language-switcher .wpml-ls,
.kcdh-language-switcher .wpml-ls ul,
.kcdh-language-switcher .wpml-ls li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.kcdh-language-switcher .wpml-ls ul,
.kcdh-lang-fallback {
    display: flex !important;
    align-items: center;
    gap: 6px;
}

.kcdh-language-switcher .wpml-ls a,
.kcdh-lang-fallback a,
.kcdh-lang-empty {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 5px !important;
    border: 0 !important;
    color: var(--kcdh-text) !important;
    background: transparent !important;
    font-size: 12px;
    line-height: 1;
}

.kcdh-language-switcher .wpml-ls-current-language > a,
.kcdh-lang-fallback .is-active a {
    color: var(--kcdh-primary) !important;
    font-weight: 500;
}

.kcdh-social-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.kcdh-social-link,
.kcdh-social-placeholder span {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-primary) !important;
    background: var(--kcdh-white);
    border: 1px solid var(--kcdh-border);
    border-radius: var(--kcdh-radius);
    transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

.kcdh-social-link svg {
    width: 14px;
    height: 14px;
}

.kcdh-social-link:hover,
.kcdh-social-link:focus-visible {
    color: var(--kcdh-accent) !important;
    border-color: rgba(0, 173, 14, .35);
    background: #F0FDF4;
}

/* Main 1140px header */
.kcdh-mainbar {
    width: 100%;
    background: var(--kcdh-white);
    border-bottom: 0 !important;
}

.kcdh-mainbar-inner {
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--kcdh-white);
    padding: 0 !important;
}

.kcdh-logo-wrap {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--kcdh-white);
}

.kcdh-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 58px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

[dir="rtl"] .kcdh-logo {
    justify-content: flex-end;
}

.kcdh-logo img {
    display: block;
    max-width: 126px;
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 !important;
}

.kcdh-logo-text {
    font-size: 22px;
    font-weight: 700;
    color: var(--kcdh-primary) !important;
}

.kcdh-main-nav {
    min-width: 0;
    flex: 1 1 auto;
    align-self: center;
    display: flex;
    align-items: center;
    height: 44px;
}

.kcdh-main-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    min-width: 0;
}

.kcdh-main-item {
    position: static;
    display: flex;
    align-items: center;
    height: 44px;
}

.kcdh-main-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 9px;
    color: var(--kcdh-text) !important;
    background: transparent;
    border-radius: var(--kcdh-radius);
    font-size: 14px;
    font-weight: inherit;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease;
}

.kcdh-main-link::after {
    content: "";
    position: absolute;
    inset-inline: 9px;
    bottom: 4px;
    height: 2px;
    background: var(--kcdh-primary);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 120ms ease;
}

.kcdh-main-link:hover,
.kcdh-main-link:focus-visible,
.kcdh-main-item:hover > .kcdh-main-link,
.kcdh-main-item:focus-within > .kcdh-main-link {
    color: var(--kcdh-primary) !important;
    background: #F8FAFC;
}

.kcdh-main-link:hover::after,
.kcdh-main-item:hover > .kcdh-main-link::after,
.kcdh-main-item:focus-within > .kcdh-main-link::after {
    transform: scaleX(1);
}

.kcdh-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-muted) !important;
    transition: transform 120ms ease, color 120ms ease;
}

.kcdh-chevron svg {
    width: 13px;
    height: 13px;
}

[dir="rtl"] .kcdh-chevron svg,
[dir="rtl"] .kcdh-nested-toggle svg,
[dir="rtl"] .kcdh-mega-back svg {
    transform: rotate(180deg);
}

.kcdh-main-item:hover .kcdh-chevron,
.kcdh-main-item:focus-within .kcdh-chevron {
    color: var(--kcdh-primary) !important;
}

.kcdh-search-wrap {
    flex: 0 0 300px;
    min-width: 280px;
}

.kcdh-product-search {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    background: #F9FAFB;
    border: 1px solid var(--kcdh-border);
    border-radius: var(--kcdh-radius);
    overflow: hidden;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.kcdh-product-search:focus-within {
    border-color: rgba(0, 92, 221, .45);
    background: var(--kcdh-white);
}

.kcdh-search-icon {
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-muted) !important;
}

.kcdh-search-icon svg {
    width: 21px;
    height: 21px;
}

.kcdh-product-search input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--kcdh-text) !important;
    font: inherit;
    padding: 0 2px;
}

.kcdh-product-search input[type="search"]::placeholder {
    color: #9CA3AF;
}

.kcdh-product-search button {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 0 !important;
    outline: 0;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-white) !important;
    background: var(--kcdh-accent) !important;
    cursor: pointer;
    transition: background-color 120ms ease, transform 120ms ease;
}

.kcdh-product-search button:hover,
.kcdh-product-search button:focus-visible {
    color: var(--kcdh-white) !important;
    background: #00980C !important;
    transform: translateY(-1px);
}

.kcdh-product-search button svg {
    width: 18px;
    height: 18px;
}

[dir="rtl"] .kcdh-product-search button svg {
    transform: rotate(180deg);
}

.kcdh-auth-wrap {
    flex: 0 0 auto;
}

.kcdh-auth-button {
    min-width: 112px;
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-white) !important;
    background: var(--kcdh-primary) !important;
    border: 1px solid var(--kcdh-primary) !important;
    border-radius: var(--kcdh-radius);
    font-size: 14px;
    white-space: nowrap;
    transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.kcdh-auth-button:hover,
.kcdh-auth-button:focus-visible {
    background: #004FC0 !important;
    border-color: #004FC0 !important;
    transform: translateY(-1px);
}

.kcdh-auth-logged-in {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kcdh-online-status {
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #166534 !important;
    background: #F0FDF4;
    border: 1px solid rgba(0, 173, 14, .25);
    border-radius: var(--kcdh-radius);
    font-size: 12.5px;
    white-space: nowrap;
}

.kcdh-online-dot {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--kcdh-accent);
}

.kcdh-online-dot::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid var(--kcdh-accent);
    border-radius: 50%;
    animation: kcdhPulse 1.35s ease-out infinite;
}

@keyframes kcdhPulse {
    0% { transform: scale(.55); opacity: .85; }
    100% { transform: scale(1.45); opacity: 0; }
}

/* Mega menu */
.kcdh-mega {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 110ms ease, transform 110ms ease, visibility 0s linear 110ms;
    z-index: 1005;
}

.kcdh-main-item:hover > .kcdh-mega,
.kcdh-main-item:focus-within > .kcdh-mega {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.kcdh-mega-hover-bridge {
    position: absolute;
    inset-inline: 0;
    top: -12px;
    height: 14px;
    background: transparent;
}

.kcdh-mega-inner {
    width: 100%;
    min-height: 286px;
    background: var(--kcdh-white);
    border: 1px solid var(--kcdh-border);
    border-top: 2px solid var(--kcdh-primary);
    border-radius: var(--kcdh-radius);
    box-shadow: 0 18px 42px rgba(17, 24, 39, .10);
    overflow: hidden;
    color: var(--kcdh-text) !important;
}

.kcdh-mega-top {
    min-height: 52px;
    padding: 9px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #F8FAFC;
    border-bottom: 1px solid var(--kcdh-border);
}

.kcdh-mega-top strong {
    display: block;
    color: var(--kcdh-text) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.kcdh-mega-top span {
    display: block;
    color: var(--kcdh-muted) !important;
    font-size: 12px;
    margin-top: 2px;
}

.kcdh-mega-root-link {
    min-height: 30px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kcdh-primary) !important;
    background: var(--kcdh-white);
    border: 1px solid rgba(0, 92, 221, .20);
    border-radius: var(--kcdh-radius);
    font-size: 12px;
    white-space: nowrap;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.kcdh-mega-root-link:hover,
.kcdh-mega-root-link:focus-visible {
    border-color: rgba(0, 92, 221, .45);
    background: #EFF6FF;
}

.kcdh-mega-body {
    position: relative;
    min-height: 232px;
    background: var(--kcdh-white);
    overflow: hidden;
}

.kcdh-mega-screen {
    display: none;
    min-height: 232px;
    background: var(--kcdh-white);
    color: var(--kcdh-text) !important;
}

.kcdh-mega-screen.is-active {
    display: block;
    animation: kcdhPanelIn 110ms ease both;
}

@keyframes kcdhPanelIn {
    from { opacity: .2; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
}

.kcdh-mega-primary-list {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-content: start;
    background: var(--kcdh-white);
}

.kcdh-mega-primary-action {
    width: 100%;
    min-height: 58px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    text-align: start;
    color: var(--kcdh-text) !important;
    background: #F9FAFB !important;
    border: 1px solid var(--kcdh-border) !important;
    border-radius: var(--kcdh-radius);
    cursor: pointer;
    font: inherit;
    transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.kcdh-mega-primary-action:hover,
.kcdh-mega-primary-action:focus-visible {
    color: var(--kcdh-primary) !important;
    background: #EFF6FF !important;
    border-color: rgba(0, 92, 221, .30) !important;
}

.kcdh-primary-title {
    font-size: 13.5px;
    font-weight: 500;
    color: inherit !important;
}

.kcdh-primary-meta {
    font-size: 11.5px;
    color: var(--kcdh-muted) !important;
}

.kcdh-mega-subpanel {
    padding: 14px 16px 16px;
}

.kcdh-subpanel-head {
    min-height: 38px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--kcdh-border);
}

[dir="ltr"] .kcdh-subpanel-head {
    grid-template-columns: auto 1fr auto;
}

.kcdh-mega-back {
    min-height: 30px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--kcdh-primary) !important;
    background: #EFF6FF !important;
    border: 1px solid rgba(0, 92, 221, .22) !important;
    border-radius: var(--kcdh-radius);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

.kcdh-mega-back svg {
    width: 13px;
    height: 13px;
}

.kcdh-subpanel-head strong {
    color: var(--kcdh-text) !important;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.kcdh-subpanel-head a {
    color: var(--kcdh-primary) !important;
    font-size: 12px;
    white-space: nowrap;
}

.kcdh-submenu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.kcdh-submenu-card {
    min-width: 0;
    background: #F9FAFB;
    border: 1px solid var(--kcdh-border);
    border-radius: var(--kcdh-radius);
    overflow: hidden;
    color: var(--kcdh-text) !important;
}

.kcdh-submenu-card-link {
    min-height: 42px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    color: var(--kcdh-text) !important;
    font-size: 13px;
    transition: color 120ms ease, background-color 120ms ease;
}

.kcdh-submenu-card-link:hover,
.kcdh-submenu-card-link:focus-visible {
    color: var(--kcdh-primary) !important;
    background: #EFF6FF;
}

.kcdh-nested-toggle {
    width: 100%;
    min-height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 0 !important;
    border-top: 1px solid var(--kcdh-border) !important;
    background: var(--kcdh-white) !important;
    color: var(--kcdh-muted) !important;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

.kcdh-nested-toggle svg {
    width: 13px;
    height: 13px;
    transition: transform 120ms ease;
}

.kcdh-nested-toggle[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

[dir="rtl"] .kcdh-nested-toggle[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.kcdh-nested-list {
    padding: 6px 10px 9px;
    display: grid;
    gap: 5px;
    background: var(--kcdh-white);
    border-top: 1px solid var(--kcdh-border);
}

.kcdh-nested-list[hidden] {
    display: none !important;
}

.kcdh-nested-list a {
    position: relative;
    display: block;
    color: var(--kcdh-muted) !important;
    font-size: 12px;
    padding-inline-start: 11px;
    transition: color 120ms ease;
}

.kcdh-nested-list a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: .78em;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--kcdh-accent);
}

.kcdh-nested-list a:hover,
.kcdh-nested-list a:focus-visible {
    color: var(--kcdh-primary) !important;
}

/* v1.0.2 alignment refinements */
.kcdh-topbar-inner > * { align-self: center; }
.kcdh-mainbar-inner > * { align-self: center; }
.kcdh-auth-button,
.kcdh-online-status,
.kcdh-product-search { height: 42px; }
.kcdh-main-menu,
.kcdh-main-item,
.kcdh-main-nav { display: flex; align-items: center; }
.kcdh-header[dir="rtl"] .kcdh-mainbar-inner { direction: rtl; }
.kcdh-header[dir="ltr"] .kcdh-mainbar-inner { direction: ltr; }
.kcdh-logo-wrap:first-child { margin-inline-start: 0 !important; }

@media (max-width: 1140px) {
    .kcdh-container {
        width: calc(100vw - 24px);
    }
    .kcdh-logo-wrap {
        flex-basis: auto;
        width: auto;
        min-width: 0;
    }
    .kcdh-search-wrap {
        flex-basis: 260px;
        min-width: 240px;
    }
    .kcdh-mainbar-inner {
        gap: 10px;
    }
    .kcdh-main-link {
        padding-inline: 7px;
    }
}

@media (max-width: 1024px) {
    .kcdh-header {
        display: none !important;
    }
}


/* v1.0.3 requested refinements */
.kcdh-topbar-inner {
    min-height: 50px;
    padding-top: 2px;
    padding-bottom: 5px;
}

.kcdh-top-menu-list a {
    min-height: 50px;
}

.kcdh-mainbar-inner {
    min-height: 86px;
}

.kcdh-main-nav,
.kcdh-main-menu,
.kcdh-main-item {
    height: 86px !important;
}

.kcdh-main-link {
    min-height: 42px;
}

.kcdh-auth-logged-in,
.kcdh-auth-logged-out {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kcdh-status-badge {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--kcdh-radius);
    font-size: 12.5px;
    line-height: 1;
    white-space: nowrap;
}

.kcdh-online-status {
    color: #166534 !important;
    background: #F0FDF4 !important;
    border: 1px solid rgba(0, 173, 14, .28) !important;
}

.kcdh-offline-status {
    color: #B91C1C !important;
    background: #FEF2F2 !important;
    border: 1px solid rgba(220, 38, 38, .28) !important;
}

.kcdh-status-dot {
    position: relative;
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
}

.kcdh-online-dot {
    background: var(--kcdh-accent) !important;
}

.kcdh-offline-dot {
    background: #DC2626 !important;
}

.kcdh-offline-dot::after,
.kcdh-online-dot::after {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    animation: kcdhPulse 1.35s ease-out infinite;
}

.kcdh-online-dot::after {
    border: 1px solid var(--kcdh-accent);
}

.kcdh-offline-dot::after {
    border: 1px solid #DC2626;
}

.kcdh-auth-button,
.kcdh-auth-button:visited,
.kcdh-auth-button:hover,
.kcdh-auth-button:focus,
.kcdh-auth-button * {
    color: #FFFFFF !important;
}

.kcdh-mega {
    top: calc(100% - 1px);
}

.kcdh-mega-hover-bridge {
    top: -30px !important;
    height: 34px !important;
}

.kcdh-mega-inner {
    min-height: 326px;
}

.kcdh-mega-top {
    min-height: 68px;
    padding: 13px 18px;
    align-items: center;
}

.kcdh-mega-top > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kcdh-mega-body,
.kcdh-mega-screen {
    min-height: 258px;
}

.kcdh-mega-primary-list {
    min-height: 258px;
    align-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* v1.0.4 compact mega panel + archive performance refinements */
.kcdh-header {
    isolation: isolate;
}

/* Keep the dropdown closer to the second-row header and prevent hover drop. */
.kcdh-mega {
    top: calc(100% - 12px) !important;
    transform: none !important;
    transition: opacity 70ms linear, visibility 0s linear 70ms !important;
    will-change: opacity;
}

.kcdh-main-item:hover > .kcdh-mega,
.kcdh-main-item:focus-within > .kcdh-mega,
.kcdh-main-item.is-kcdh-open > .kcdh-mega {
    transform: none !important;
    transition-delay: 0s !important;
}

.kcdh-mega-hover-bridge {
    top: -28px !important;
    height: 30px !important;
}

.kcdh-mega-inner {
    min-height: 286px !important;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .08) !important;
    contain: layout paint style;
}

.kcdh-mega-top {
    min-height: 52px !important;
    padding: 9px 16px !important;
}

.kcdh-mega-body,
.kcdh-mega-screen {
    min-height: 222px !important;
}

.kcdh-mega-primary-list {
    min-height: 222px !important;
    align-content: start !important;
    padding: 14px 16px !important;
}

.kcdh-mega-primary-action {
    min-height: 46px !important;
    padding: 7px 10px !important;
}

.kcdh-primary-title {
    font-size: 13px !important;
}

.kcdh-primary-meta {
    font-size: 11px !important;
}

/* Submenu page: smaller cards + blue square icon for each section. */
.kcdh-mega-subpanel {
    padding: 12px 14px 14px !important;
}

.kcdh-subpanel-head {
    min-height: 34px !important;
    margin-bottom: 9px !important;
    padding-bottom: 8px !important;
}

.kcdh-submenu-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: start !important;
}

.kcdh-submenu-card {
    background: #FFFFFF !important;
    border-color: var(--kcdh-border) !important;
    box-shadow: none !important;
}

.kcdh-submenu-card-link {
    min-height: 36px !important;
    padding: 6px 8px !important;
    gap: 8px !important;
    font-size: 12.7px !important;
    line-height: 1.35 !important;
}

.kcdh-card-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    background: var(--kcdh-primary);
    border: 1px solid rgba(0, 92, 221, .14);
    border-radius: var(--kcdh-radius);
}

.kcdh-card-icon svg {
    width: 13px !important;
    height: 13px !important;
}

.kcdh-card-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcdh-nested-toggle {
    min-height: 28px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
}

.kcdh-nested-list {
    padding: 5px 9px 7px !important;
    gap: 4px !important;
}

.kcdh-nested-list a {
    font-size: 11.5px !important;
}

.kcdh-mega-screen.is-active {
    animation: none !important;
}

/* Product archives are heavier; keep header interactions strictly light there. */
body.post-type-archive-product .kcdh-mega,
body.tax-product_cat .kcdh-mega,
body.tax-product_tag .kcdh-mega,
body.woocommerce-shop .kcdh-mega,
body.woocommerce .kcdh-mega {
    transition: none !important;
    will-change: auto !important;
}

body.post-type-archive-product .kcdh-mega-inner,
body.tax-product_cat .kcdh-mega-inner,
body.tax-product_tag .kcdh-mega-inner,
body.woocommerce-shop .kcdh-mega-inner,
body.woocommerce .kcdh-mega-inner {
    box-shadow: 0 8px 18px rgba(17, 24, 39, .06) !important;
}

@media (max-width: 1140px) {
    .kcdh-submenu-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* v1.0.5 reliable mega interaction + light page dim overlay */
.kcdh-page-dim {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(15, 23, 42, .16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 90ms linear, visibility 0s linear 90ms;
}

.kcdh-page-dim.is-active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.kcdh-header {
    z-index: 1002 !important;
}

.kcdh-mainbar-inner {
    z-index: 1003;
}

.kcdh-mega {
    z-index: 1006 !important;
    top: calc(100% - 8px) !important;
    transform: none !important;
    transition: opacity 60ms linear, visibility 0s linear 60ms !important;
    will-change: auto !important;
}

.kcdh-main-item:hover > .kcdh-mega,
.kcdh-main-item:focus-within > .kcdh-mega,
.kcdh-main-item.is-kcdh-open > .kcdh-mega {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition-delay: 0s !important;
}

.kcdh-mega-hover-bridge {
    top: -24px !important;
    height: 28px !important;
    inset-inline: 0 !important;
}

.kcdh-mega-inner {
    position: relative;
    z-index: 1007;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .08) !important;
}

.kcdh-mega-screen {
    display: none !important;
}

.kcdh-mega-screen.is-active {
    display: block !important;
    animation: none !important;
}

.kcdh-mega.is-subpanel-open .kcdh-mega-primary-list {
    align-content: start !important;
}

.kcdh-mega-primary-action,
.kcdh-mega-back,
.kcdh-nested-toggle {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.kcdh-mega-primary-action .kcdh-primary-title,
.kcdh-mega-primary-action .kcdh-primary-meta {
    pointer-events: none;
}

body.post-type-archive-product .kcdh-page-dim,
body.tax-product_cat .kcdh-page-dim,
body.tax-product_tag .kcdh-page-dim,
body.woocommerce-shop .kcdh-page-dim,
body.woocommerce .kcdh-page-dim {
    background: rgba(15, 23, 42, .12);
    transition: none !important;
}

body.post-type-archive-product .kcdh-mega,
body.tax-product_cat .kcdh-mega,
body.tax-product_tag .kcdh-mega,
body.woocommerce-shop .kcdh-mega,
body.woocommerce .kcdh-mega {
    transition: none !important;
}


/* v1.0.6 glass overlay outside header + compact submenu cards */
.kcdh-page-dim {
    top: var(--kcdh-overlay-top, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: var(--kcdh-overlay-top, 0px) 0 0 0 !important;
    z-index: 998 !important;
    background: rgba(255, 255, 255, .24) !important;
    -webkit-backdrop-filter: blur(2px) saturate(108%);
    backdrop-filter: blur(2px) saturate(108%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 80ms linear, visibility 0s linear 80ms !important;
}

.kcdh-page-dim.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

.kcdh-header,
.kcdh-header .kcdh-topbar,
.kcdh-header .kcdh-mainbar,
.kcdh-header .kcdh-mega,
.kcdh-header .kcdh-mega-inner {
    position: relative;
    z-index: 1002 !important;
}

.kcdh-header .kcdh-mega {
    z-index: 1008 !important;
}

.kcdh-submenu-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.kcdh-submenu-card {
    min-height: 0 !important;
    background: #FFFFFF !important;
}

.kcdh-submenu-card-link {
    min-height: 32px !important;
    padding: 5px 8px !important;
    gap: 7px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

.kcdh-card-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    display: inline-block !important;
    background: var(--kcdh-primary) !important;
    border: 1px solid rgba(0, 92, 221, .18) !important;
    border-radius: var(--kcdh-radius) !important;
}

.kcdh-card-icon svg {
    display: none !important;
}

.kcdh-card-title {
    font-size: 12.5px !important;
}

.kcdh-nested-toggle {
    min-height: 26px !important;
    padding: 0 8px !important;
    font-size: 11.3px !important;
}

.kcdh-nested-list {
    padding: 4px 8px 6px !important;
}

.kcdh-mega-subpanel {
    padding: 10px 12px 12px !important;
}

.kcdh-subpanel-head {
    min-height: 32px !important;
    margin-bottom: 7px !important;
}

body.post-type-archive-product .kcdh-page-dim,
body.tax-product_cat .kcdh-page-dim,
body.tax-product_tag .kcdh-page-dim,
body.woocommerce-shop .kcdh-page-dim,
body.woocommerce .kcdh-page-dim {
    background: rgba(255, 255, 255, .20) !important;
    -webkit-backdrop-filter: blur(1.5px) saturate(105%);
    backdrop-filter: blur(1.5px) saturate(105%);
    transition: opacity 70ms linear, visibility 0s linear 70ms !important;
}

@media (min-width: 1141px) {
    .kcdh-submenu-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}


/* v1.0.7 critical layout recovery: keep mega absolute, keep header above glass overlay */
.kcdh-header {
    position: relative !important;
    z-index: 10020 !important;
    isolation: isolate !important;
}

.kcdh-header .kcdh-topbar,
.kcdh-header .kcdh-mainbar {
    position: relative !important;
    z-index: 10021 !important;
    background: #FFFFFF;
}

.kcdh-header .kcdh-mainbar-inner {
    position: relative !important;
    z-index: 10022 !important;
}

/* Do NOT let the glass overlay CSS change the dropdown from absolute to relative. */
.kcdh-header .kcdh-mega {
    position: absolute !important;
    top: calc(100% - 8px) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    z-index: 10030 !important;
    transform: none !important;
}

.kcdh-header .kcdh-mega-inner {
    position: relative !important;
    z-index: 10031 !important;
    background: #FFFFFF !important;
}

.kcdh-header .kcdh-mega,
.kcdh-header .kcdh-mega * {
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Glass layer starts below the full rendered header, never on top of the header/menu. */
.kcdh-page-dim {
    position: fixed !important;
    top: var(--kcdh-overlay-top, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: var(--kcdh-overlay-top, 0px) 0 0 0 !important;
    z-index: 1000 !important;
    background: rgba(255, 255, 255, .18) !important;
    -webkit-backdrop-filter: blur(1.4px) saturate(106%) !important;
    backdrop-filter: blur(1.4px) saturate(106%) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 70ms linear, visibility 0s linear 70ms !important;
}

.kcdh-page-dim.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

/* Restore stable one-row header alignment after the previous glass-layer change. */
.kcdh-mainbar-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.kcdh-logo-wrap,
.kcdh-main-nav,
.kcdh-search-wrap,
.kcdh-auth-wrap {
    align-self: center !important;
}

.kcdh-main-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.kcdh-main-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: visible !important;
}

.kcdh-search-wrap {
    flex: 0 0 330px !important;
    min-width: 300px !important;
}

.kcdh-auth-wrap {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* More compact submenu page/cards. */
.kcdh-submenu-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
}

.kcdh-submenu-card-link {
    min-height: 30px !important;
    padding: 4px 7px !important;
    gap: 6px !important;
    font-size: 12.2px !important;
    line-height: 1.25 !important;
}

.kcdh-card-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    display: inline-block !important;
    background: var(--kcdh-primary) !important;
    border: 0 !important;
    border-radius: var(--kcdh-radius) !important;
}

.kcdh-card-icon svg {
    display: none !important;
}

.kcdh-card-title {
    font-size: 12.2px !important;
    line-height: 1.25 !important;
}

.kcdh-mega-subpanel {
    padding: 9px 10px 10px !important;
}

.kcdh-subpanel-head {
    min-height: 30px !important;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
}

.kcdh-nested-toggle {
    min-height: 24px !important;
    padding: 0 7px !important;
    font-size: 11.2px !important;
}

.kcdh-nested-list {
    padding: 4px 7px 6px !important;
    gap: 3px !important;
}

.kcdh-nested-list a {
    font-size: 11.2px !important;
}

/* Keep archive pages fast: no heavy animations. */
body.post-type-archive-product .kcdh-page-dim,
body.tax-product_cat .kcdh-page-dim,
body.tax-product_tag .kcdh-page-dim,
body.woocommerce-shop .kcdh-page-dim,
body.woocommerce .kcdh-page-dim {
    -webkit-backdrop-filter: blur(1px) saturate(104%) !important;
    backdrop-filter: blur(1px) saturate(104%) !important;
    transition: none !important;
}

body.post-type-archive-product .kcdh-mega,
body.tax-product_cat .kcdh-mega,
body.tax-product_tag .kcdh-mega,
body.woocommerce-shop .kcdh-mega,
body.woocommerce .kcdh-mega {
    transition: none !important;
}

@media (max-width: 1140px) {
    .kcdh-search-wrap {
        flex-basis: 280px !important;
        min-width: 260px !important;
    }
    .kcdh-submenu-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}


/* v1.0.8: keep glass effect strictly below the open mega dropdown */
.kcdh-header {
    z-index: 200000 !important;
}

.kcdh-header .kcdh-mega {
    z-index: 200020 !important;
}

.kcdh-header .kcdh-mega,
.kcdh-header .kcdh-mega-inner,
.kcdh-header .kcdh-mega-screen,
.kcdh-header .kcdh-mega-screen * {
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.kcdh-page-dim {
    z-index: 1000 !important;
    top: var(--kcdh-overlay-top, 0px) !important;
    inset: var(--kcdh-overlay-top, 0px) 0 0 0 !important;
}


/* v1.0.9: equal compact menu/submenu items + cleaner arrow-only actions */
.kcdh-main-link {
    font-weight: 400 !important;
}

.kcdh-header.kcdh-lang-en .kcdh-main-link {
    font-weight: 400 !important;
}

/* Move the content inside the dropdown a little lower without moving the whole panel away from the hover area. */
.kcdh-mega-primary-list {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

.kcdh-mega-subpanel {
    padding-top: 18px !important;
}

/* Same visual size for first-level mega items and submenu cards. */
.kcdh-mega-primary-list,
.kcdh-submenu-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.kcdh-mega-primary-action,
.kcdh-submenu-card-link {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    border-radius: var(--kcdh-radius) !important;
}

.kcdh-mega-primary-action {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 7px !important;
    text-align: start !important;
}

.kcdh-primary-title,
.kcdh-card-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: inherit !important;
}

.kcdh-primary-meta {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: var(--kcdh-primary) !important;
    background: #EFF6FF !important;
    border: 1px solid rgba(0, 92, 221, .20) !important;
    border-radius: var(--kcdh-radius) !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.kcdh-primary-meta svg {
    width: 11px !important;
    height: 11px !important;
}

/* Keep RTL arrows visually correct. */
[dir="rtl"] .kcdh-primary-meta svg,
[dir="rtl"] .kcdh-nested-toggle svg {
    transform: rotate(180deg) !important;
}

.kcdh-mega-primary-action:hover .kcdh-primary-meta,
.kcdh-mega-primary-action:focus-visible .kcdh-primary-meta {
    background: var(--kcdh-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--kcdh-primary) !important;
}

.kcdh-submenu-card {
    min-height: 42px !important;
}

.kcdh-submenu-card-link {
    gap: 7px !important;
}

.kcdh-card-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    border-radius: var(--kcdh-radius) !important;
    background: var(--kcdh-primary) !important;
}

/* Arrow-only nested open button; no text, compact width, same total row size. */
.kcdh-card-has-children {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    align-items: stretch !important;
    min-height: 42px !important;
}

.kcdh-card-has-children .kcdh-submenu-card-link {
    min-width: 0 !important;
    border-inline-end: 1px solid var(--kcdh-border) !important;
}

.kcdh-nested-toggle {
    width: 34px !important;
    min-width: 34px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    align-self: stretch !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-top: 0 !important;
    border-inline-start: 0 !important;
    background: #EFF6FF !important;
    color: var(--kcdh-primary) !important;
    font-size: 0 !important;
}

.kcdh-nested-toggle span {
    display: none !important;
}

.kcdh-nested-toggle svg {
    width: 12px !important;
    height: 12px !important;
}

.kcdh-nested-toggle:hover,
.kcdh-nested-toggle:focus-visible {
    background: var(--kcdh-primary) !important;
    color: #FFFFFF !important;
}

.kcdh-card-has-children .kcdh-nested-list {
    grid-column: 1 / -1 !important;
}

.kcdh-nested-list a {
    font-size: 12px !important;
    min-height: 24px !important;
}

@media (max-width: 1140px) {
    .kcdh-mega-primary-list,
    .kcdh-submenu-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* v1.0.10: requested vertical spacing refinements for mega panel */
.kcdh-header .kcdh-mega-hover-bridge {
    top: -48px !important;
    height: 58px !important;
}

.kcdh-header .kcdh-mega-inner {
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-radius: 2px !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    overflow: hidden !important;
}

.kcdh-header .kcdh-mega-top {
    margin-top: 0 !important;
    margin-inline: 12px !important;
    border: 1px solid var(--kcdh-border) !important;
    border-radius: 2px !important;
}

.kcdh-header .kcdh-mega-body {
    padding-top: 6px !important;
}

.kcdh-header .kcdh-mega-primary-list {
    padding-top: 26px !important;
}

.kcdh-header .kcdh-mega-subpanel {
    padding-top: 24px !important;
}

.kcdh-header .kcdh-submenu-card {
    margin-top: 7px !important;
}


/* v1.0.11 ULTRA FAST MODE: remove lag from hover/open interactions */
.kcdh-header,
.kcdh-header * {
    scroll-behavior: auto !important;
}

.kcdh-header .kcdh-mega,
.kcdh-header .kcdh-mega-inner,
.kcdh-header .kcdh-mega-screen,
.kcdh-header .kcdh-mega-primary-action,
.kcdh-header .kcdh-submenu-card,
.kcdh-header .kcdh-submenu-card-link,
.kcdh-header .kcdh-main-link,
.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-product-search,
.kcdh-header .kcdh-product-search button {
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
}

/* Open only with current hover or fast JS class, immediately. */
.kcdh-header .kcdh-mega {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
}

.kcdh-header .kcdh-main-item:hover > .kcdh-mega,
.kcdh-header .kcdh-main-item:focus-within > .kcdh-mega,
.kcdh-header .kcdh-main-item.is-kcdh-open > .kcdh-mega {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
}

/* Bigger invisible bridge so moving from menu to dropdown never closes it. */
.kcdh-header .kcdh-mega-hover-bridge {
    top: -42px !important;
    height: 46px !important;
    inset-inline: 0 !important;
    pointer-events: auto !important;
}

/* Backdrop-filter is the main cause of lag on product archive pages. Keep a glass-like light wash without real blur. */
.kcdh-page-dim,
body.post-type-archive-product .kcdh-page-dim,
body.tax-product_cat .kcdh-page-dim,
body.tax-product_tag .kcdh-page-dim,
body.woocommerce-shop .kcdh-page-dim,
body.woocommerce .kcdh-page-dim {
    background: rgba(248, 250, 252, .64) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: none !important;
}

.kcdh-page-dim.is-active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make hover feedback instant and cheap. */
.kcdh-main-link:hover,
.kcdh-main-item:hover > .kcdh-main-link,
.kcdh-main-item.is-kcdh-open > .kcdh-main-link,
.kcdh-mega-primary-action:hover,
.kcdh-mega-primary-action:focus-visible,
.kcdh-submenu-card-link:hover,
.kcdh-submenu-card-link:focus-visible {
    background: #EFF6FF !important;
    color: var(--kcdh-primary) !important;
}

.kcdh-main-link:hover::after,
.kcdh-main-item:hover > .kcdh-main-link::after,
.kcdh-main-item.is-kcdh-open > .kcdh-main-link::after {
    transform: scaleX(1) !important;
    transition: none !important;
}

/* Stable GPU-cheap layout. */
.kcdh-mega-inner {
    contain: layout paint !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, .06) !important;
}

.kcdh-mega-screen.is-active {
    display: block !important;
    animation: none !important;
}

/* v1.0.12 HOVER BLOCK FIX + ZERO LAG MODE
   The previous invisible hover bridge was covering the second-level menu row.
   This made the mouse feel frozen when moving from one main item to another.
*/
.kcdh-header .kcdh-mega-hover-bridge {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Keep dropdown open through the JS class; no layout-heavy hover tricks. */
.kcdh-header .kcdh-main-item.is-kcdh-open > .kcdh-mega,
.kcdh-header .kcdh-main-item:hover > .kcdh-mega,
.kcdh-header .kcdh-main-item:focus-within > .kcdh-mega {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
}

/* Keep the mega panel below the header, never over the main menu items. */
.kcdh-header .kcdh-mega {
    top: calc(100% - 1px) !important;
    z-index: 200020 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
}

/* Make all hover states instant. */
.kcdh-header .kcdh-main-link,
.kcdh-header .kcdh-main-link::after,
.kcdh-header .kcdh-chevron,
.kcdh-header .kcdh-mega-primary-action,
.kcdh-header .kcdh-submenu-card-link,
.kcdh-header .kcdh-nested-toggle,
.kcdh-header .kcdh-product-search,
.kcdh-header .kcdh-product-search button,
.kcdh-header .kcdh-auth-button,
.kcdh-page-dim {
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
}

/* The page wash must never capture the mouse and must never use real blur. */
.kcdh-page-dim,
.kcdh-page-dim.is-active,
body.post-type-archive-product .kcdh-page-dim,
body.tax-product_cat .kcdh-page-dim,
body.tax-product_tag .kcdh-page-dim,
body.woocommerce-shop .kcdh-page-dim,
body.woocommerce .kcdh-page-dim {
    pointer-events: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(248, 250, 252, .58) !important;
}

/* Do not let content containment make inner interactions feel stuck. */
.kcdh-header .kcdh-mega-inner {
    contain: none !important;
}

/* Lightweight main-menu feedback. */
.kcdh-header .kcdh-main-item.is-kcdh-open > .kcdh-main-link,
.kcdh-header .kcdh-main-item:hover > .kcdh-main-link {
    background: #EFF6FF !important;
    color: var(--kcdh-primary) !important;
}


/* v1.0.14: submenu title cleanup, slight header-box spacing, lightweight soft open */
.kcdh-header .kcdh-subpanel-head {
    grid-template-columns: auto 1fr !important;
}

.kcdh-header .kcdh-subpanel-head > a {
    display: none !important;
}

.kcdh-header .kcdh-mega-top {
    margin-top: 10px !important;
}

/* Smooth but cheap: only opacity/transform, no height/blur/layout animation. */
.kcdh-header .kcdh-mega {
    transform: translateY(4px) !important;
    transition: opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms !important;
}

.kcdh-header .kcdh-main-item.is-kcdh-open > .kcdh-mega,
.kcdh-header .kcdh-main-item:hover > .kcdh-mega,
.kcdh-header .kcdh-main-item:focus-within > .kcdh-mega {
    transform: translateY(0) !important;
    transition-delay: 0s !important;
}

.kcdh-header .kcdh-mega-screen.is-active {
    animation: kcdhScreenSoftIn 140ms ease both !important;
}

@keyframes kcdhScreenSoftIn {
    from { opacity: .55; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.kcdh-header .kcdh-mega-primary-action,
.kcdh-header .kcdh-submenu-card-link,
.kcdh-header .kcdh-nested-toggle,
.kcdh-header .kcdh-main-link {
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease !important;
}

body.post-type-archive-product .kcdh-header .kcdh-mega,
body.tax-product_cat .kcdh-header .kcdh-mega,
body.tax-product_tag .kcdh-header .kcdh-mega,
body.woocommerce-shop .kcdh-header .kcdh-mega,
body.woocommerce .kcdh-header .kcdh-mega {
    transition: opacity 90ms ease, transform 90ms ease, visibility 0s linear 90ms !important;
}

body.post-type-archive-product .kcdh-header .kcdh-mega-screen.is-active,
body.tax-product_cat .kcdh-header .kcdh-mega-screen.is-active,
body.tax-product_tag .kcdh-header .kcdh-mega-screen.is-active,
body.woocommerce-shop .kcdh-header .kcdh-mega-screen.is-active,
body.woocommerce .kcdh-header .kcdh-mega-screen.is-active {
    animation-duration: 90ms !important;
}

/* v1.0.15: adjust category title top spacing to 1%, add subpanel view-all button */
.kcdh-header .kcdh-mega-top {
    margin-top: 1% !important;
}

.kcdh-header .kcdh-subpanel-head {
    grid-template-columns: auto 1fr auto !important;
}

.kcdh-header .kcdh-subpanel-head > a.kcdh-subpanel-view-all,
.kcdh-header .kcdh-subpanel-view-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    color: #FFFFFF !important;
    background: var(--kcdh-primary) !important;
    border: 1px solid var(--kcdh-primary) !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.kcdh-header .kcdh-subpanel-view-all:hover,
.kcdh-header .kcdh-subpanel-view-all:focus-visible {
    background: #004FC0 !important;
    border-color: #004FC0 !important;
    color: #FFFFFF !important;
}

.kcdh-header[dir="rtl"] .kcdh-subpanel-head strong {
    text-align: center !important;
}

.kcdh-header[dir="ltr"] .kcdh-subpanel-head strong {
    text-align: center !important;
}

/* v1.0.16: reduce top spacing for first-level submenu buttons and submenu-page cards */
.kcdh-header .kcdh-mega-primary-list {
    padding-top: 14px !important;
}

.kcdh-header .kcdh-mega-subpanel {
    padding-top: 14px !important;
}

.kcdh-header .kcdh-mega-body {
    padding-top: 3px !important;
}

.kcdh-header .kcdh-submenu-card {
    margin-top: 3px !important;
}

.kcdh-header .kcdh-submenu-grid {
    padding-top: 4px !important;
}


/* v1.0.17: align third-level/subpanel View All button with top View All button */
.kcdh-header .kcdh-mega-root-link,
.kcdh-header .kcdh-subpanel-head > a.kcdh-subpanel-view-all,
.kcdh-header .kcdh-subpanel-view-all {
    min-width: 82px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-subpanel-head {
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;
}

.kcdh-header .kcdh-subpanel-head > .kcdh-subpanel-view-all {
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-subpanel-head > .kcdh-subpanel-view-all {
    justify-self: start !important;
}

.kcdh-header .kcdh-mega-back {
    height: 30px !important;
    min-height: 30px !important;
    box-sizing: border-box !important;
    align-self: center !important;
}

/* v1.0.18: move the subpanel View All button 2px inward to align with the top View All button */
.kcdh-header[dir="rtl"] .kcdh-subpanel-head > .kcdh-subpanel-view-all {
    transform: translateX(2px) !important;
}

.kcdh-header[dir="ltr"] .kcdh-subpanel-head > .kcdh-subpanel-view-all {
    transform: translateX(-2px) !important;
}


/* v1.0.19: force auth button text white in every language and improve status badge spacing/animation */
.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited,
.kcdh-header .kcdh-auth-button:hover,
.kcdh-header .kcdh-auth-button:focus,
.kcdh-header .kcdh-auth-button:focus-visible,
.kcdh-header .kcdh-auth-button:active,
.kcdh-header.kcdh-lang-fa .kcdh-auth-button,
.kcdh-header.kcdh-lang-ar .kcdh-auth-button,
.kcdh-header.kcdh-lang-en .kcdh-auth-button,
.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button * {
    color: #FFFFFF !important;
    text-decoration: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status {
    gap: 11px !important;
    padding-inline: 17px !important;
    animation: kcdhStatusBadgeSoft 1.8s ease-in-out infinite !important;
}

.kcdh-header .kcdh-status-badge .kcdh-status-dot,
.kcdh-header .kcdh-status-dot {
    margin: 0 !important;
    flex: 0 0 8px !important;
}

.kcdh-header[dir="rtl"] .kcdh-status-badge .kcdh-status-dot {
    margin-left: 2px !important;
}

.kcdh-header[dir="ltr"] .kcdh-status-badge .kcdh-status-dot {
    margin-right: 2px !important;
}

.kcdh-header .kcdh-status-badge > span:last-child {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

@keyframes kcdhStatusBadgeSoft {
    0%, 100% { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    50% { box-shadow: 0 0 0 2px rgba(0, 92, 221, .045); }
}

.kcdh-header .kcdh-online-dot::after,
.kcdh-header .kcdh-offline-dot::after {
    animation-duration: 1.2s !important;
}

@media (prefers-reduced-motion: reduce) {
    .kcdh-header .kcdh-status-badge,
    .kcdh-header .kcdh-online-dot::after,
    .kcdh-header .kcdh-offline-dot::after {
        animation: none !important;
    }
}
/* v1.0.20: slightly stronger English main navigation weight */
.kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item > .kcdh-main-link {
    font-weight: 400 !important;
}


/* v1.0.25: English second-row menu items must be regular 400 */
.kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link,
.kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link > span,
.kcdh-header.kcdh-lang-en li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link,
.kcdh-header.kcdh-lang-en li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link > span {
    font-weight: 400 !important;
}


/* v1.0.25: root-level hard enforcement for English second-row main menu weight 400 */
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item.kcdh-has-mega,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item.kcdh-has-mega > .kcdh-main-link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item.kcdh-has-mega > .kcdh-main-link > span:not(.kcdh-chevron),
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item-en400 > .kcdh-main-link-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item-en400 > .kcdh-main-link-en400 > .kcdh-main-text-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-link-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-text-en400 {
    font-family: "Inter Light", "Inter", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-synthesis-weight: auto !important;
}

html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > .kcdh-main-item.kcdh-has-mega > .kcdh-main-link .kcdh-chevron,
html body .kcdh-header.kcdh-lang-en .kcdh-main-link-en400 .kcdh-chevron {
    font-weight: 400 !important;
}


/* v1.0.25: hard final weight 400 for English second-row main menu item class. */
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link:link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link:visited,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link:hover,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link:focus,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link > span.kcdh-main-text,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item.kcdh-has-mega > a.kcdh-main-link > span.kcdh-main-text-en400 {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}


/* v1.0.25 final override: English main items 400 only */
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:visited,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:hover,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:focus,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span.kcdh-main-text,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span:not(.kcdh-chevron),
html body .kcdh-header.kcdh-lang-en .kcdh-main-item-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-link-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-text-en400 {
    font-family: "Inter Light", "Inter", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}


/* v1.0.26: final language-specific root main menu weights */
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:link,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:visited,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:hover,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:focus,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span.kcdh-main-text,
html body .kcdh-header.kcdh-lang-fa .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span:not(.kcdh-chevron),
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:link,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:visited,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:hover,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:focus,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span.kcdh-main-text,
html body .kcdh-header.kcdh-lang-ar .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span:not(.kcdh-chevron) {
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:link,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:visited,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:hover,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link:focus,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span.kcdh-main-text,
html body .kcdh-header.kcdh-lang-en .kcdh-main-menu > li.kcdh-main-item > a.kcdh-main-link > span:not(.kcdh-chevron),
html body .kcdh-header.kcdh-lang-en .kcdh-main-item-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-link-en400,
html body .kcdh-header.kcdh-lang-en .kcdh-main-text-en400 {
    font-family: "Inter Light", "Inter", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}


/* v1.0.27 topbar support box replaces social icons */
.kcdh-top-actions {
    gap: 12px;
}

.kcdh-support-box {
    position: relative;
    min-height: 34px;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--kcdh-text) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border: 1px solid var(--kcdh-border);
    border-radius: var(--kcdh-radius);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
    white-space: nowrap;
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

.kcdh-support-box:hover,
.kcdh-support-box:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 92, 221, .28);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    background: linear-gradient(180deg, #FFFFFF 0%, #F3F8FF 100%);
}

.kcdh-support-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    border-radius: var(--kcdh-radius);
    background: linear-gradient(135deg, var(--kcdh-primary) 0%, #004FC0 100%);
}

.kcdh-support-fa .kcdh-support-icon {
    background: linear-gradient(135deg, #00AD0E 0%, #059669 100%);
}

.kcdh-support-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.kcdh-support-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px;
    min-width: 0;
}

.kcdh-support-content strong {
    color: var(--kcdh-text) !important;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.2;
}

.kcdh-support-content small {
    color: var(--kcdh-muted) !important;
    font-size: 11px;
    line-height: 1.2;
}

.kcdh-support-meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 7px;
    color: var(--kcdh-primary) !important;
    background: #EFF6FF;
    border: 1px solid rgba(0, 92, 221, .14);
    border-radius: var(--kcdh-radius);
    font-size: 10.5px;
    line-height: 1;
}

.kcdh-support-fa .kcdh-support-meta {
    color: #0F766E !important;
    background: #ECFDF5;
    border-color: rgba(0, 173, 14, .16);
}

.kcdh-header[dir="rtl"] .kcdh-support-content {
    align-items: flex-start;
    text-align: right;
}

.kcdh-header[dir="ltr"] .kcdh-topbar-inner {
    flex-direction: row;
}

.kcdh-header[dir="ltr"] .kcdh-top-actions {
    justify-content: flex-start;
}

@media (max-width: 1140px) {
    .kcdh-support-content small {
        display: none;
    }
    .kcdh-support-box {
        padding-inline: 10px;
    }
}


/* v1.0.28 support box color refinements: Eitaa orange, WhatsApp green, no outer background/border */
.kcdh-support-box,
.kcdh-support-box:hover,
.kcdh-support-box:focus-visible {
    min-height: 50px !important;
    padding: 0 0 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

.kcdh-header[dir="rtl"] .kcdh-support-box {
    padding-inline: 0 !important;
}

.kcdh-support-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: var(--kcdh-radius) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* WhatsApp colors for English and Arabic */
.kcdh-support-en .kcdh-support-icon,
.kcdh-support-ar .kcdh-support-icon {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
}

.kcdh-support-en .kcdh-support-meta,
.kcdh-support-ar .kcdh-support-meta {
    color: #128C7E !important;
    background: #ECFDF5 !important;
    border-color: rgba(37, 211, 102, .18) !important;
}

/* Eitaa colors for Persian */
.kcdh-support-fa .kcdh-support-icon {
    background: linear-gradient(135deg, #FF8A00 0%, #F97316 100%) !important;
}

.kcdh-support-fa .kcdh-support-meta {
    color: #EA580C !important;
    background: #FFF7ED !important;
    border-color: rgba(249, 115, 22, .20) !important;
}

.kcdh-support-content strong {
    color: var(--kcdh-text) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
}

.kcdh-support-content small {
    color: var(--kcdh-muted) !important;
    font-size: 11px !important;
}

.kcdh-support-box:hover .kcdh-support-content strong,
.kcdh-support-box:focus-visible .kcdh-support-content strong {
    color: var(--kcdh-primary) !important;
}

.kcdh-support-fa:hover .kcdh-support-content strong,
.kcdh-support-fa:focus-visible .kcdh-support-content strong {
    color: #EA580C !important;
}

.kcdh-top-actions {
    align-items: center !important;
}


/* v1.0.45 use bundled exact support logos provided by user */
.kcdh-support-icon {
    overflow: hidden;
    background: transparent !important;
}

.kcdh-support-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* v1.0.45 compact English signed-in/signed-out status text */
.kcdh-header.kcdh-lang-en .kcdh-status-badge {
    padding-inline: 12px !important;
}


/* v1.0.45 compact transparent product search */
.kcdh-search-wrap {
    flex: 0 0 250px !important;
    min-width: 230px !important;
}

.kcdh-product-search {
    height: 42px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.kcdh-product-search:focus-within {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.kcdh-search-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    color: var(--kcdh-accent) !important;
}

.kcdh-search-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

.kcdh-product-search input[type="search"] {
    height: 42px !important;
    padding-inline: 6px !important;
    background: transparent !important;
}

.kcdh-product-search button {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: var(--kcdh-radius) !important;
}

@media (max-width: 1140px) {
    .kcdh-search-wrap {
        flex-basis: 220px !important;
        min-width: 200px !important;
    }
}


/* v1.0.45 tighter product search + green underline under submit button */
.kcdh-search-wrap {
    flex: 0 0 210px !important;
    min-width: 200px !important;
}

.kcdh-product-search {
    position: relative !important;
    gap: 2px !important;
}

.kcdh-search-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
}

.kcdh-search-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-product-search input[type="search"] {
    padding-inline: 4px !important;
    font-size: 13px !important;
}

.kcdh-product-search button {
    position: relative !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
}

.kcdh-product-search button::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    right: 5px !important;
    bottom: -5px !important;
    height: 2px !important;
    background: var(--kcdh-accent) !important;
    border-radius: 2px !important;
}

.kcdh-product-search button svg {
    width: 17px !important;
    height: 17px !important;
}

@media (max-width: 1140px) {
    .kcdh-search-wrap {
        flex-basis: 190px !important;
        min-width: 180px !important;
    }
}


/* v1.0.45 full green underline under the whole search area */
.kcdh-product-search {
    position: relative !important;
}

.kcdh-product-search::after {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    bottom: -5px !important;
    height: 2px !important;
    background: var(--kcdh-accent) !important;
    border-radius: 2px !important;
    pointer-events: none !important;
}

.kcdh-product-search button::after {
    content: none !important;
    display: none !important;
}


/* v1.0.45 2px radius for Eitaa and WhatsApp icons */
.kcdh-support-icon,
.kcdh-support-icon img {
    border-radius: 2px !important;
}


/* v1.0.45 search button alignment + thinner underline + language switcher alignment */
.kcdh-product-search {
    height: 42px !important;
    align-items: center !important;
}

.kcdh-product-search button {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-self: center !important;
    border-radius: var(--kcdh-radius) !important;
}

.kcdh-product-search button svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-product-search::after {
    height: 1px !important;
    bottom: -4px !important;
}

/* Keep language switcher visually aligned with the support/social icon area */
.kcdh-top-actions {
    align-items: center !important;
}

.kcdh-language-switcher {
    height: 32px !important;
    min-height: 32px !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.kcdh-language-switcher .wpml-ls,
.kcdh-language-switcher .wpml-ls ul,
.kcdh-language-switcher .wpml-ls li,
.kcdh-language-switcher .wpml-ls a,
.kcdh-lang-fallback,
.kcdh-lang-fallback li,
.kcdh-lang-fallback a {
    display: inline-flex !important;
    align-items: center !important;
}

.kcdh-support-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
}

.kcdh-support-box {
    align-items: center !important;
}


/* v1.0.45 equal spacing between header buttons + light gray search underline */
.kcdh-mainbar-inner {
    gap: 10px !important;
}

.kcdh-search-wrap,
.kcdh-auth-wrap {
    margin-inline: 0 !important;
}

.kcdh-auth-logged-in {
    gap: 10px !important;
}

.kcdh-product-search {
    gap: 2px !important;
}

.kcdh-product-search button {
    margin-inline: 0 !important;
}

.kcdh-auth-button,
.kcdh-status-badge,
.kcdh-online-status,
.kcdh-offline-status,
.kcdh-product-search button {
    height: 42px !important;
    min-height: 42px !important;
}

.kcdh-product-search::after {
    height: 1px !important;
    background: #E5E7EB !important;
    bottom: -4px !important;
}

.kcdh-top-actions {
    gap: 10px !important;
}


/* v1.0.45 rebuilt from stable v1.0.38
   Only topbar support/language refinements. Mega menu and submenu layout untouched. */
.kcdh-topbar .kcdh-support-no-icon {
    gap: 8px !important;
}

.kcdh-topbar .kcdh-support-no-icon .kcdh-support-icon {
    display: none !important;
}

.kcdh-topbar .kcdh-support-no-icon .kcdh-support-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kcdh-topbar .kcdh-language-switcher {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-inline: 0 !important;
}


/* v1.0.60 categorized product search */
.kcdh-product-search-categorized {
    gap: 6px !important;
}

.kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 32px !important;
    width: 32px !important;
    color: var(--kcdh-accent) !important;
}

.kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: currentColor !important;
}

.kcdh-product-search-categorized .kcdh-search-category {
    flex: 0 0 112px !important;
    max-width: 112px !important;
    height: 36px !important;
    border: 0 !important;
    border-inline-end: 1px solid #E5E7EB !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4B5563 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding-inline: 5px 7px !important;
    cursor: pointer !important;
}

.kcdh-product-search-categorized .kcdh-search-category:required:invalid {
    color: #9CA3AF !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category {
    color: #B91C1C !important;
    border-inline-end-color: rgba(239, 68, 68, .35) !important;
}

.kcdh-product-search-categorized input[type="search"] {
    min-width: 76px !important;
}

.kcdh-product-search-categorized button {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
}

@media (max-width: 1140px) {
    .kcdh-product-search-categorized .kcdh-search-category {
        flex-basis: 98px !important;
        max-width: 98px !important;
        font-size: 11.5px !important;
    }
}


/* v1.0.61 header categorized search spacing fix */
.kcdh-search-wrap {
    flex: 0 0 360px !important;
    min-width: 340px !important;
}

.kcdh-product-search-categorized {
    gap: 0 !important;
    padding: 0 !important;
}

.kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
}

.kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.kcdh-product-search-categorized .kcdh-search-category {
    flex: 0 0 118px !important;
    max-width: 118px !important;
    height: 40px !important;
    padding-inline: 8px 9px !important;
}

.kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 118px !important;
    height: 40px !important;
    padding-inline: 8px !important;
}

.kcdh-product-search-categorized button {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    margin: 0 !important;
}

.kcdh-product-search-categorized button svg {
    width: 19px !important;
    height: 19px !important;
}

@media (max-width: 1180px) {
    .kcdh-search-wrap {
        flex-basis: 330px !important;
        min-width: 315px !important;
    }

    .kcdh-product-search-categorized .kcdh-search-category {
        flex-basis: 106px !important;
        max-width: 106px !important;
        font-size: 11.5px !important;
    }

    .kcdh-product-search-categorized input[type="search"] {
        min-width: 96px !important;
    }
}


/* v1.0.62 support box removed; categorized search moved to top-left */
.kcdh-topbar .kcdh-support-box,
.kcdh-topbar .kcdh-support-no-icon,
.kcdh-topbar .kcdh-support-fa,
.kcdh-topbar .kcdh-support-en,
.kcdh-topbar .kcdh-support-ar {
    display: none !important;
}

.kcdh-top-actions {
    flex: 0 0 auto !important;
    gap: 12px !important;
}

.kcdh-top-search {
    flex: 0 0 430px !important;
    width: 430px !important;
    max-width: 430px !important;
    min-width: 390px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

.kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    gap: 0 !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 38px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 24px !important;
    height: 24px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category {
    flex: 0 0 126px !important;
    max-width: 126px !important;
    height: 38px !important;
    font-size: 12px !important;
    padding-inline: 8px 9px !important;
}

.kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 150px !important;
    height: 38px !important;
    padding-inline: 8px !important;
}

.kcdh-top-search .kcdh-product-search-categorized button {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 40px !important;
    margin: 0 !important;
}

.kcdh-top-search .kcdh-product-search-categorized button svg {
    width: 19px !important;
    height: 19px !important;
}

/* The old lower search slot is removed from PHP; this keeps layout clean if cache serves older HTML briefly. */
.kcdh-mainbar .kcdh-search-wrap {
    display: none !important;
}

@media (max-width: 1180px) {
    .kcdh-top-search {
        flex-basis: 390px !important;
        width: 390px !important;
        max-width: 390px !important;
        min-width: 350px !important;
    }

    .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category {
        flex-basis: 112px !important;
        max-width: 112px !important;
        font-size: 11.5px !important;
    }

    .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        min-width: 120px !important;
    }
}


/* v1.0.62.2 stable single-line parent category select */
.kcdh-product-search-categorized {
    overflow: hidden !important;
}

.kcdh-product-search-categorized .kcdh-search-category {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 38px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-inline-end: 1px solid #E5E7EB !important;
    box-shadow: none !important;
    outline: 0 !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: auto !important;
}

.kcdh-product-search-categorized .kcdh-search-category option {
    color: #111827 !important;
    background: #FFFFFF !important;
    font-size: 13px !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category {
    border-inline-end-color: rgba(239, 68, 68, .45) !important;
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
}

.kcdh-product-search-categorized .kcdh-cat-notice {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    inset-inline-start: 0 !important;
    z-index: 99999 !important;
    max-width: 260px !important;
    padding: 6px 9px !important;
    border-radius: 2px !important;
    background: #FEF2F2 !important;
    border: 1px solid #FECACA !important;
    color: #B91C1C !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, .08) !important;
}

.kcdh-top-search,
.kcdh-top-search .kcdh-product-search-categorized {
    position: relative !important;
}



/* v1.0.62.9 portal category dropdown - fixes under-header layer and extra line */
.kcdh-product-search::after,
.kcdh-product-search-categorized::after,
.kcdh-product-search-categorized::before {
    content: none !important;
    display: none !important;
}

.kcdh-product-search-categorized .kcdh-search-category {
    display: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized {
    overflow: hidden !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-product-search-categorized .kcdh-search-category-custom {
    position: relative !important;
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 38px !important;
    min-height: 38px !important;
    display: block !important;
    border-inline-end: 1px solid #E5E7EB !important;
    background: #FFFFFF !important;
    z-index: 6 !important;
    align-self: stretch !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-product-search-categorized .kcdh-search-category-trigger {
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #FFFFFF !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    padding-inline-end: 22px !important;
    text-align: start !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
}

.kcdh-product-search-categorized .kcdh-search-category-trigger:hover,
.kcdh-product-search-categorized .kcdh-search-category-trigger:focus,
.kcdh-product-search-categorized .kcdh-search-category-trigger:focus-visible {
    background: #FFFFFF !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    transform: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-product-search-categorized .kcdh-search-category-current {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    line-height: 38px !important;
}

.kcdh-product-search-categorized .kcdh-search-category-arrow {
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 8px !important;
    width: 6px !important;
    height: 6px !important;
    border-inline-end: 1.5px solid #6B7280 !important;
    border-bottom: 1.5px solid #6B7280 !important;
    transform: translateY(-65%) rotate(45deg) !important;
    pointer-events: none !important;
}

/* This menu is moved to body by JS, so it is not trapped inside the header layer */
.kcdh-search-category-menu.kcdh-category-menu-portal {
    box-sizing: border-box !important;
    position: fixed !important;
    width: 220px !important;
    max-height: 290px !important;
    overflow-y: auto !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 2px !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .14) !important;
    padding: 5px !important;
    z-index: 2147483000 !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 32px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: start !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    padding: 7px 9px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    cursor: pointer !important;
    transform: none !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option:hover,
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option:focus,
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option.is-active {
    background: #EEF6FF !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    transform: none !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option.is-placeholder {
    color: #6B7280 !important;
    -webkit-text-fill-color: #6B7280 !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category-custom {
    border-inline-end-color: rgba(239, 68, 68, .45) !important;
}

.kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-top-search .kcdh-product-search-categorized button[type="submit"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1180px) {
    .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
    .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 112px !important;
        width: 112px !important;
        max-width: 112px !important;
        min-width: 112px !important;
    }
}


/* v1.0.62.10 active selected category visibility */
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option.is-active {
    background: #EAF3FF !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}


/* v1.0.62.11 search visual refinement: no outer box, underline only, smaller text field, text button */
.kcdh-top-search .kcdh-product-search-categorized,
.kcdh-product-search-categorized {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-bottom: 1px solid #E5E7EB !important;
    overflow: visible !important;
}

.kcdh-top-search .kcdh-product-search-categorized:focus-within,
.kcdh-product-search-categorized:focus-within {
    border: 0 !important;
    border-bottom: 1px solid #C7D7EE !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
}

.kcdh-product-search::after,
.kcdh-product-search-categorized::after,
.kcdh-product-search-categorized::before {
    content: none !important;
    display: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 21px !important;
    height: 21px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-product-search-categorized input[type="search"] {
    flex: 0 1 120px !important;
    width: 120px !important;
    min-width: 92px !important;
    max-width: 145px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
    padding-inline: 6px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    height: 38px !important;
    min-height: 38px !important;
    border: 0 !important;
    border-radius: 2px !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 10px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #00AD0E !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transform: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span,
.kcdh-product-search-categorized .kcdh-search-submit-text span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible,
.kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #00980C !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text svg,
.kcdh-product-search-categorized .kcdh-search-submit-text svg {
    display: none !important;
}


/* v1.0.62.12 search alignment, bigger input, lighter button, 13px search font */
.kcdh-header[dir="rtl"] .kcdh-top-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    justify-content: flex-end !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.kcdh-top-search {
    flex: 0 0 470px !important;
    width: 470px !important;
    max-width: 470px !important;
    min-width: 430px !important;
}

.kcdh-top-search .kcdh-product-search-categorized,
.kcdh-product-search-categorized {
    font-size: 13px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current,
.kcdh-product-search-categorized .kcdh-search-category-current,
.kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-product-search-categorized input[type="search"],
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.kcdh-product-search-categorized .kcdh-search-submit-text,
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span,
.kcdh-product-search-categorized .kcdh-search-submit-text span {
    font-size: 13px !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal,
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option {
    font-size: 13px !important;
}

.kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 178px !important;
    width: 178px !important;
    min-width: 150px !important;
    max-width: 210px !important;
    padding-inline: 8px !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span,
.kcdh-product-search-categorized .kcdh-search-submit-text span {
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

@media (max-width: 1180px) {
    .kcdh-top-search {
        flex-basis: 440px !important;
        width: 440px !important;
        max-width: 440px !important;
        min-width: 390px !important;
    }

    .kcdh-top-search .kcdh-product-search-categorized input[type="search"],
    .kcdh-product-search-categorized input[type="search"] {
        min-width: 130px !important;
        width: 155px !important;
        max-width: 180px !important;
    }
}


/* v1.0.62.13 align search button to the left/container start */
.kcdh-topbar-inner {
    position: relative !important;
}

.kcdh-top-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    gap: 0 !important;
}

.kcdh-top-search {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

.kcdh-top-search .kcdh-product-search-categorized {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

/* In RTL layout, the submit button is the left edge of the search. Remove its outer gap. */
.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

/* Keep the whole top search flush with the left side of the header container. */
.kcdh-header[dir="rtl"] .kcdh-topbar-inner,
html[dir="rtl"] .kcdh-topbar-inner,
body.rtl .kcdh-topbar-inner,
.rtl .kcdh-topbar-inner {
    justify-content: space-between !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-actions,
html[dir="rtl"] .kcdh-top-actions,
body.rtl .kcdh-top-actions,
.rtl .kcdh-top-actions {
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

/* Remove any leftover left spacing created by old support/search slots. */
.kcdh-topbar .kcdh-top-actions > *:first-child {
    margin-inline-start: 0 !important;
}

.kcdh-topbar .kcdh-top-actions > *:last-child {
    margin-inline-end: 0 !important;
}


/* v1.0.62.14 fill the empty gap before the search button */
.kcdh-top-search .kcdh-product-search-categorized,
.kcdh-product-search-categorized {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    gap: 0 !important;
    justify-content: stretch !important;
}

.kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
}

.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

/* In RTL, submit button must sit exactly on the visual left edge of the search bar */
.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    margin-left: 0 !important;
    margin-inline-end: 0 !important;
}

/* remove the visible empty underline piece before the button */
.kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    align-self: stretch !important;
}


/* v1.0.62.15 clean required category notice */
.kcdh-top-search,
.kcdh-top-search .kcdh-product-search-categorized,
.kcdh-product-search-categorized {
    overflow: visible !important;
}

.kcdh-top-search .kcdh-product-search-categorized,
.kcdh-product-search-categorized {
    position: relative !important;
}

.kcdh-product-search-categorized .kcdh-cat-notice {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    inset-inline-start: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    background: #FFF7F7 !important;
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: 3px !important;
    box-shadow: 0 10px 24px rgba(185, 28, 28, .10) !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: start !important;
    white-space: normal !important;
    z-index: 2147482000 !important;
    pointer-events: none !important;
}

.kcdh-product-search-categorized.is-category-missing {
    border-bottom-color: #FCA5A5 !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category-custom {
    border-inline-end-color: #FCA5A5 !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category-trigger {
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
}


/* v1.0.62.16 required category notice portal - always above lower menu */
.kcdh-cat-notice.kcdh-cat-notice-portal {
    position: fixed !important;
    box-sizing: border-box !important;
    display: block !important;
    background: #FFF7F7 !important;
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
    border: 1px solid #FCA5A5 !important;
    border-radius: 3px !important;
    box-shadow: 0 12px 28px rgba(185, 28, 28, .13) !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-align: start !important;
    white-space: normal !important;
    z-index: 2147483000 !important;
    pointer-events: none !important;
}

.kcdh-product-search-categorized.is-category-missing {
    border-bottom-color: #FCA5A5 !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category-custom {
    border-inline-end-color: #FCA5A5 !important;
}

.kcdh-product-search-categorized.is-category-missing .kcdh-search-category-trigger {
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
}

/* If older inline notice is created by cached JS, keep it hidden so only portal notice appears */
.kcdh-product-search-categorized > .kcdh-cat-notice:not(.kcdh-cat-notice-portal) {
    display: none !important;
    visibility: hidden !important;
}


/* v1.0.62.18 remove language switcher, add soft blue dots to first/top menu, align search lower */
.kcdh-language-switcher,
.kcdh-wpml-native,
.kcdh-lang-fallback,
.kcdh-lang-empty {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kcdh-top-actions {
    gap: 0 !important;
}

/* Soft blue circle before items of the first/top menu */
.kcdh-top-menu-list > li > a {
    position: relative !important;
    gap: 7px !important;
}

.kcdh-top-menu-list > li > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 999px !important;
    background: rgba(0, 92, 221, .16) !important;
    border: 1px solid rgba(0, 92, 221, .28) !important;
    box-sizing: border-box !important;
    margin-inline-end: 2px !important;
    transform: translateY(.5px) !important;
}

.kcdh-top-menu-list > li > a:hover::before,
.kcdh-top-menu-list > li > a:focus-visible::before {
    background: rgba(0, 92, 221, .28) !important;
    border-color: rgba(0, 92, 221, .44) !important;
}

/* Bring the whole search menu slightly lower for visual center alignment */
.kcdh-top-search {
    transform: translateY(2px) !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal,
.kcdh-cat-notice.kcdh-cat-notice-portal {
    transform: none !important;
}


/* v1.0.62.19 WPML language selector beside auth area - safe visual layer only */
.kcdh-header .kcdh-auth-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1002 !important;
    white-space: nowrap !important;
}

.kcdh-header .kcdh-auth-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    font-family: inherit !important;
    color: var(--kcdh-text) !important;
    z-index: 10050 !important;
}

.kcdh-header .kcdh-auth-language,
.kcdh-header .kcdh-auth-language * {
    box-sizing: border-box !important;
}

.kcdh-header .kcdh-lang-toggle {
    width: 112px !important;
    min-width: 112px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(0, 92, 221, .22) !important;
    border-radius: var(--kcdh-radius) !important;
    background: #FFFFFF !important;
    color: var(--kcdh-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    list-style: none !important;
    cursor: pointer !important;
    user-select: none !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .025) !important;
    -webkit-text-fill-color: var(--kcdh-primary) !important;
}

.kcdh-header .kcdh-lang-toggle::-webkit-details-marker,
.kcdh-header .kcdh-lang-toggle::marker {
    display: none !important;
    content: "" !important;
}

.kcdh-header .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-lang-toggle:focus-visible {
    border-color: rgba(0, 92, 221, .42) !important;
    background: rgba(0, 92, 221, .045) !important;
    color: var(--kcdh-primary) !important;
    outline: none !important;
    -webkit-text-fill-color: var(--kcdh-primary) !important;
}

.kcdh-header .kcdh-lang-toggle-icon,
.kcdh-header .kcdh-lang-toggle-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    color: var(--kcdh-primary) !important;
    flex: 0 0 17px !important;
}

.kcdh-header .kcdh-lang-toggle-icon svg,
.kcdh-header .kcdh-lang-toggle-chevron svg {
    width: 17px !important;
    height: 17px !important;
    color: currentColor !important;
    fill: currentColor !important;
}

.kcdh-header .kcdh-lang-toggle-chevron {
    width: 14px !important;
    height: 14px !important;
    flex-basis: 14px !important;
    opacity: .72 !important;
    transform: rotate(90deg) !important;
}

.kcdh-header .kcdh-auth-language[open] .kcdh-lang-toggle-chevron {
    transform: rotate(-90deg) !important;
}

.kcdh-header .kcdh-lang-toggle-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    color: var(--kcdh-primary) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
    -webkit-text-fill-color: var(--kcdh-primary) !important;
}

.kcdh-header .kcdh-lang-panel {
    position: absolute !important;
    inset-block-start: calc(100% + 9px) !important;
    inset-inline-end: 0 !important;
    width: 176px !important;
    min-width: 176px !important;
    padding: 7px !important;
    border: 1px solid rgba(229, 231, 235, .96) !important;
    border-radius: 7px !important;
    background: #FFFFFF !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .13) !important;
    z-index: 10060 !important;
    color: var(--kcdh-text) !important;
    direction: inherit !important;
}

.kcdh-header .kcdh-lang-panel::before {
    content: "" !important;
    position: absolute !important;
    inset-block-start: -6px !important;
    inset-inline-end: 24px !important;
    width: 10px !important;
    height: 10px !important;
    background: #FFFFFF !important;
    border-inline-start: 1px solid rgba(229, 231, 235, .96) !important;
    border-block-start: 1px solid rgba(229, 231, 235, .96) !important;
    transform: rotate(45deg) !important;
}

.kcdh-header .kcdh-lang-panel-head {
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 9px 5px !important;
    margin: 0 0 5px !important;
    border-bottom: 1px solid rgba(229, 231, 235, .78) !important;
    color: #6B7280 !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.kcdh-header .kcdh-lang-option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #111827 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    -webkit-text-fill-color: #111827 !important;
}

.kcdh-header .kcdh-lang-option + .kcdh-lang-option {
    margin-top: 3px !important;
}

.kcdh-header .kcdh-lang-option:hover,
.kcdh-header .kcdh-lang-option:focus-visible {
    background: rgba(0, 92, 221, .055) !important;
    border-color: rgba(0, 92, 221, .12) !important;
    color: var(--kcdh-primary) !important;
    outline: none !important;
    -webkit-text-fill-color: var(--kcdh-primary) !important;
}

.kcdh-header .kcdh-lang-option.is-active {
    background: rgba(0, 173, 14, .07) !important;
    border-color: rgba(0, 173, 14, .18) !important;
    color: #047A0A !important;
    -webkit-text-fill-color: #047A0A !important;
}

.kcdh-header .kcdh-lang-option-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 22px !important;
    min-width: 30px !important;
    border-radius: 999px !important;
    background: rgba(0, 92, 221, .075) !important;
    color: var(--kcdh-primary) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
    -webkit-text-fill-color: var(--kcdh-primary) !important;
}

.kcdh-header .kcdh-lang-option.is-active .kcdh-lang-option-code {
    background: rgba(0, 173, 14, .12) !important;
    color: #047A0A !important;
    -webkit-text-fill-color: #047A0A !important;
}

.kcdh-header .kcdh-lang-option-name {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.kcdh-header.kcdh-lang-en .kcdh-lang-panel {
    direction: ltr !important;
    text-align: left !important;
}

.kcdh-header.kcdh-lang-fa .kcdh-lang-panel,
.kcdh-header.kcdh-lang-ar .kcdh-lang-panel {
    direction: rtl !important;
    text-align: right !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-lang-toggle {
        width: 96px !important;
        min-width: 96px !important;
        padding-inline: 10px !important;
        gap: 6px !important;
    }

    .kcdh-header .kcdh-lang-panel {
        width: 164px !important;
        min-width: 164px !important;
    }
}


/* v1.0.62.20: place WPML language switcher before user status and refine border/radius */
.kcdh-header .kcdh-auth-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-auth-language {
    order: 1 !important;
}

.kcdh-header .kcdh-auth-logged-in,
.kcdh-header .kcdh-auth-logged-out {
    order: 2 !important;
}

.kcdh-header .kcdh-lang-toggle {
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-lang-toggle:focus-visible {
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-lang-panel {
    border: 0 !important;
    border-radius: 2px !important;
}

.kcdh-header .kcdh-lang-panel::before {
    border: 0 !important;
    border-radius: 2px !important;
}

.kcdh-header .kcdh-lang-panel-head {
    border-radius: 2px !important;
}

.kcdh-header .kcdh-lang-option,
.kcdh-header .kcdh-lang-option:hover,
.kcdh-header .kcdh-lang-option:focus-visible,
.kcdh-header .kcdh-lang-option.is-active {
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 2px !important;
}

.kcdh-header .kcdh-lang-option-code,
.kcdh-header .kcdh-lang-option.is-active .kcdh-lang-option-code {
    border-radius: 2px !important;
}


/* v1.0.62.22 borderless topbar search: minimal, aligned, no outer frame */
.kcdh-header .kcdh-topbar-inner {
    gap: 12px !important;
}

.kcdh-header .kcdh-top-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    min-height: 38px !important;
}

.kcdh-header .kcdh-top-search {
    flex: 0 0 470px !important;
    width: 470px !important;
    max-width: 470px !important;
    min-width: 430px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(2px) !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized:focus-within {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #005CDD !important;
    background: rgba(0, 92, 221, .075) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    opacity: .95 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding-inline: 10px 24px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    background: rgba(15, 23, 42, .045) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 12.8px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transition: background-color 140ms ease, color 140ms ease !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:focus-visible {
    background: rgba(0, 92, 221, .075) !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12.8px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-arrow {
    inset-inline-end: 9px !important;
    width: 7px !important;
    height: 7px !important;
    border-inline-end: 1.5px solid #64748B !important;
    border-bottom: 1.5px solid #64748B !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    background: rgba(15, 23, 42, .028) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    transition: background-color 140ms ease !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"]:focus {
    background: rgba(0, 92, 221, .045) !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"]::placeholder {
    color: #94A3B8 !important;
    -webkit-text-fill-color: #94A3B8 !important;
    opacity: 1 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 30px !important;
    min-height: 30px !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #00AD0E !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12.8px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color 140ms ease !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12.8px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #00980C !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    transform: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:active {
    transform: none !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-product-search-categorized.is-category-missing {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-product-search-categorized.is-category-missing .kcdh-search-category-custom {
    border: 0 !important;
}

.kcdh-header .kcdh-product-search-categorized.is-category-missing .kcdh-search-category-trigger {
    background: rgba(239, 68, 68, .075) !important;
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal {
    width: 238px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14) !important;
    padding: 6px !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option {
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 2px !important;
    padding: 8px 10px !important;
    font-size: 12.9px !important;
    font-weight: 500 !important;
}

.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option:hover,
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option:focus,
.kcdh-search-category-menu.kcdh-category-menu-portal .kcdh-search-category-option.is-active {
    background: rgba(0, 92, 221, .075) !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    border: 0 !important;
    outline: 0 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 440px !important;
        width: 440px !important;
        max-width: 440px !important;
        min-width: 390px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
        gap: 6px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 118px !important;
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
    }
}


/* v1.0.62.23: longer top search boxes, WPML inside search before submit, blue submit button */
.kcdh-header .kcdh-auth-wrap {
    gap: 0 !important;
}

.kcdh-header .kcdh-auth-wrap > .kcdh-auth-language {
    display: none !important;
}

.kcdh-header .kcdh-topbar-inner {
    gap: 14px !important;
}

.kcdh-header .kcdh-top-menu {
    min-width: 0 !important;
}

.kcdh-header .kcdh-top-actions {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search {
    flex: 0 0 600px !important;
    width: 600px !important;
    max-width: 600px !important;
    min-width: 540px !important;
    height: 40px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    height: 40px !important;
    min-height: 40px !important;
    gap: 8px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 32px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 12px 26px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 210px !important;
    min-width: 210px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 10px !important;
    line-height: 32px !important;
}

.kcdh-header .kcdh-top-search .kcdh-auth-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 20 !important;
    overflow: visible !important;
    z-index: 10050 !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-toggle {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 9px !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(15, 23, 42, .045) !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-top-search .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-top-search .kcdh-lang-toggle:focus-visible {
    background: rgba(0, 92, 221, .075) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-toggle-icon {
    display: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-toggle-text {
    min-width: 25px !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-toggle-chevron {
    width: 12px !important;
    height: 12px !important;
    flex-basis: 12px !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-toggle-chevron svg {
    width: 12px !important;
    height: 12px !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-panel {
    inset-block-start: calc(100% + 7px) !important;
    inset-inline-end: 0 !important;
    width: 170px !important;
    min-width: 170px !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14) !important;
}

.kcdh-header .kcdh-top-search .kcdh-lang-panel::before {
    border: 0 !important;
    border-radius: 2px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    order: 30 !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    background: #005CDD !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #004FC0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 540px !important;
        width: 540px !important;
        max-width: 540px !important;
        min-width: 500px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
        gap: 7px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 136px !important;
        width: 136px !important;
        min-width: 136px !important;
        max-width: 136px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        min-width: 175px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-auth-language {
        flex-basis: 66px !important;
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-lang-toggle {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        padding-inline: 7px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex-basis: 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
    }
}


/* v1.0.62.24: move WPML language button out of search form and keep it as a separate topbar action */
.kcdh-header .kcdh-top-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
    min-width: 0 !important;
}

.kcdh-header .kcdh-top-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
    overflow: visible !important;
    z-index: 10050 !important;
}

.kcdh-header .kcdh-top-search {
    order: 2 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-auth-language {
    display: none !important;
}

.kcdh-header .kcdh-top-language .kcdh-auth-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10050 !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-toggle {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 9px !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(15, 23, 42, .045) !important;
    box-shadow: none !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-top-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-top-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-top-language .kcdh-lang-toggle:focus-visible {
    background: rgba(0, 92, 221, .075) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-toggle-icon {
    display: none !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-toggle-text {
    min-width: 25px !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-toggle-chevron {
    width: 12px !important;
    height: 12px !important;
    flex-basis: 12px !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-toggle-chevron svg {
    width: 12px !important;
    height: 12px !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-panel {
    inset-block-start: calc(100% + 7px) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    width: 170px !important;
    min-width: 170px !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14) !important;
}

.kcdh-header .kcdh-top-language .kcdh-lang-panel::before {
    border: 0 !important;
    border-radius: 2px !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-actions,
html[dir="rtl"] .kcdh-top-actions,
body.rtl .kcdh-top-actions,
.rtl .kcdh-top-actions {
    gap: 8px !important;
    overflow: visible !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-language .kcdh-lang-panel,
html[dir="rtl"] .kcdh-top-language .kcdh-lang-panel,
body.rtl .kcdh-top-language .kcdh-lang-panel,
.rtl .kcdh-top-language .kcdh-lang-panel {
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-language .kcdh-auth-language {
        flex-basis: 66px !important;
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
    }

    .kcdh-header .kcdh-top-language .kcdh-lang-toggle {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        padding-inline: 7px !important;
    }
}

/* v1.0.62.25: remove top language switcher and place WPML language button in main menu row after logo */
.kcdh-header .kcdh-top-language,
.kcdh-header .kcdh-topbar .kcdh-auth-language {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kcdh-header .kcdh-mainbar-inner {
    gap: 10px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-main-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 2px !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10055 !important;
    order: 2 !important;
}

.kcdh-header .kcdh-main-language:empty {
    display: none !important;
}

.kcdh-header .kcdh-logo-wrap {
    order: 1 !important;
}

.kcdh-header .kcdh-main-nav {
    order: 3 !important;
}

.kcdh-header .kcdh-auth-wrap {
    order: 4 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10056 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(0, 92, 221, .065) !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus-visible {
    background: rgba(0, 92, 221, .105) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-icon {
    display: none !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
    min-width: 25px !important;
    font-size: 12.8px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    opacity: .75 !important;
    color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
    width: 12px !important;
    height: 12px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel {
    position: absolute !important;
    inset-block-start: calc(100% + 6px) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;
    width: 176px !important;
    min-width: 176px !important;
    padding: 7px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .14) !important;
    z-index: 10070 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel::before {
    content: "" !important;
    position: absolute !important;
    inset-block-start: -5px !important;
    inset-inline-start: 23px !important;
    inset-inline-end: auto !important;
    width: 10px !important;
    height: 10px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 2px !important;
    transform: rotate(45deg) !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel-head,
.kcdh-header .kcdh-main-language .kcdh-lang-option,
.kcdh-header .kcdh-main-language .kcdh-lang-option-code {
    border-radius: 2px !important;
}

.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
body.rtl .kcdh-main-language .kcdh-lang-panel,
.rtl .kcdh-main-language .kcdh-lang-panel {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
body.rtl .kcdh-main-language .kcdh-lang-panel::before,
.rtl .kcdh-main-language .kcdh-lang-panel::before {
    inset-inline-start: auto !important;
    inset-inline-end: 23px !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-mainbar-inner {
        gap: 8px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        padding-inline: 8px !important;
        gap: 5px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-panel {
        width: 164px !important;
        min-width: 164px !important;
    }
}


/* v1.0.62.26: make main menu language switcher cleaner, larger and lighter */
.kcdh-header .kcdh-main-language {
    height: 44px !important;
    min-height: 44px !important;
    margin-inline: 4px 6px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    font-size: 13.4px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
    min-width: 30px !important;
    font-size: 13.4px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    letter-spacing: .015em !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    opacity: .72 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
    width: 13px !important;
    height: 13px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel-head {
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option,
.kcdh-header .kcdh-main-language .kcdh-lang-option-name,
.kcdh-header .kcdh-main-language .kcdh-lang-option-code {
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-main-language {
        margin-inline: 3px 5px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle {
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 10px !important;
        gap: 6px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
        min-width: 27px !important;
        font-size: 13px !important;
    }
}


/* v1.0.62.28: fine tune main menu WPML language switcher alignment, size and dropdown anchor */
.kcdh-header .kcdh-mainbar-inner {
    gap: 6px !important;
}

.kcdh-header .kcdh-main-language {
    height: 44px !important;
    min-height: 44px !important;
    margin-inline: -1px -1px !important;
    padding: 0 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language {
    position: relative !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle {
    width: auto !important;
    min-width: 62px !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 5px !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
    min-width: auto !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    opacity: .86 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
body.rtl .kcdh-main-language .kcdh-lang-panel,
.rtl .kcdh-main-language .kcdh-lang-panel {
    position: absolute !important;
    inset-block-start: calc(100% + 6px) !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 176px !important;
    min-width: 176px !important;
    border-radius: 2px !important;
    z-index: 10070 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel::before,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
body.rtl .kcdh-main-language .kcdh-lang-panel::before,
.rtl .kcdh-main-language .kcdh-lang-panel::before {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) rotate(45deg) !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel-head,
.kcdh-header .kcdh-main-language .kcdh-lang-option,
.kcdh-header .kcdh-main-language .kcdh-lang-option-name,
.kcdh-header .kcdh-main-language .kcdh-lang-option-code {
    font-size: 15px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-mainbar-inner {
        gap: 5px !important;
    }

    .kcdh-header .kcdh-main-language {
        margin-inline: -1px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle {
        min-width: 58px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 4px !important;
        gap: 4px !important;
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron,
    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
        width: 16px !important;
        height: 16px !important;
        flex-basis: 16px !important;
    }
}


/* v1.0.62.28: dropdown language typography and anti-crop padding */
.kcdh-header .kcdh-main-language .kcdh-lang-panel {
    padding: 8px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel-head {
    min-height: 30px !important;
    padding: 2px 9px 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option {
    min-height: 38px !important;
    padding: 7px 9px 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
    align-items: center !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option-name {
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
    padding-block: 1px 2px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option-code {
    height: 24px !important;
    min-height: 24px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.2 !important;
    padding-block: 2px 3px !important;
}


/* v1.0.62.29: slightly increase language button distance from logo */
.kcdh-header .kcdh-main-language {
    margin-inline-start: 3px !important;
    margin-inline-end: -1px !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-main-language {
        margin-inline-start: 2px !important;
        margin-inline-end: -1px !important;
    }
}


/* v1.0.62.30: compact but taller top search, aligned with lower menu button height */
.kcdh-header .kcdh-topbar-inner {
    gap: 12px !important;
}

.kcdh-header .kcdh-top-actions {
    min-height: 42px !important;
    gap: 0 !important;
    align-items: center !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search {
    flex: 0 0 560px !important;
    width: 560px !important;
    max-width: 560px !important;
    min-width: 520px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    overflow: visible !important;
    transform: translateY(1px) !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(0, 92, 221, .07) !important;
    color: #005CDD !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 148px !important;
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding-inline: 11px 27px !important;
    margin: 0 !important;
    gap: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(15, 23, 42, .045) !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-arrow {
    inset-inline-end: 10px !important;
    width: 8px !important;
    height: 8px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 0 1 180px !important;
    width: 180px !important;
    min-width: 170px !important;
    max-width: 210px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: rgba(15, 23, 42, .032) !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    font-size: 13.2px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"]:focus {
    background: rgba(0, 92, 221, .045) !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #005CDD !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #004FC0 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 530px !important;
        width: 530px !important;
        max-width: 530px !important;
        min-width: 500px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
        gap: 6px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 140px !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        flex-basis: 170px !important;
        width: 170px !important;
        min-width: 160px !important;
        max-width: 190px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex-basis: 84px !important;
        width: 84px !important;
        min-width: 84px !important;
        max-width: 84px !important;
    }
}


/* v1.0.62.31: exact vertical centering for top search and align search button with lower account button height */
.kcdh-header .kcdh-topbar {
    overflow: visible !important;
}

.kcdh-header .kcdh-topbar-inner {
    min-height: 50px !important;
    height: 50px !important;
    padding-block: 0 !important;
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-menu,
.kcdh-header .kcdh-top-menu-list {
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    height: 50px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
}

.kcdh-header .kcdh-top-menu-list > li,
.kcdh-header .kcdh-top-menu-list > li > a {
    display: inline-flex !important;
    align-items: center !important;
}

.kcdh-header .kcdh-top-actions {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: center !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    transform: none !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin-block: 0 !important;
    align-self: center !important;
    box-sizing: border-box !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex-basis: 152px !important;
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    line-height: 1 !important;
    padding-block: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex-basis: 176px !important;
    width: 176px !important;
    min-width: 166px !important;
    max-width: 200px !important;
    padding-block: 0 !important;
    line-height: 42px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex-basis: 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    padding-block: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Keep the outside edge of the top search flush with the account/status button column below. */
.kcdh-header .kcdh-top-actions,
.kcdh-header[dir="rtl"] .kcdh-top-actions,
html[dir="rtl"] .kcdh-top-actions,
body.rtl .kcdh-top-actions,
.rtl .kcdh-top-actions {
    margin-inline-end: 0 !important;
    padding-inline-end: 0 !important;
}

.kcdh-header .kcdh-auth-wrap {
    margin-inline-end: 0 !important;
    padding-inline-end: 0 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-topbar-inner,
    .kcdh-header .kcdh-top-menu,
    .kcdh-header .kcdh-top-menu-list {
        min-height: 50px !important;
        height: 50px !important;
    }

    .kcdh-header .kcdh-top-search {
        flex-basis: 535px !important;
        width: 535px !important;
        max-width: 535px !important;
        min-width: 500px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 142px !important;
        width: 142px !important;
        min-width: 142px !important;
        max-width: 142px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        flex-basis: 164px !important;
        width: 164px !important;
        min-width: 154px !important;
        max-width: 184px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex-basis: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }
}

/* v1.0.62.32: minimal connected top search - compact professional unified control */
.kcdh-header .kcdh-topbar {
    overflow: visible !important;
}

.kcdh-header .kcdh-topbar-inner {
    min-height: 48px !important;
    height: 48px !important;
    padding-block: 0 !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-actions {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    align-items: center !important;
    align-self: center !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 468px !important;
    width: 468px !important;
    min-width: 448px !important;
    max-width: 468px !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    transform: none !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F4F7FB !important;
    color: #64748B !important;
    border-radius: 0 !important;
    border-start-start-radius: 2px !important;
    border-end-start-radius: 2px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg path,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg circle,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg line {
    stroke: currentColor !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 142px !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 0 10px !important;
    background: #F4F7FB !important;
    color: #1F2937 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    -webkit-text-fill-color: #1F2937 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger:focus-visible {
    background: #EEF3FA !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
    max-width: 104px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-arrow {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    opacity: .75 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 156px !important;
    width: 156px !important;
    min-width: 145px !important;
    max-width: 176px !important;
    padding: 0 12px !important;
    background: #F4F7FB !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"]::placeholder {
    color: #94A3B8 !important;
    -webkit-text-fill-color: #94A3B8 !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"]:focus {
    background: #EEF3FA !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    background: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-radius: 0 !important;
    border-start-end-radius: 2px !important;
    border-end-end-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #004FC0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-product-search-categorized.is-category-missing .kcdh-search-category-custom,
.kcdh-header .kcdh-product-search-categorized.is-category-missing .kcdh-search-category-trigger {
    background: #FFF1F2 !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 438px !important;
        width: 438px !important;
        min-width: 420px !important;
        max-width: 438px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 132px !important;
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        flex-basis: 140px !important;
        width: 140px !important;
        min-width: 132px !important;
        max-width: 150px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex-basis: 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        padding-inline: 12px !important;
    }
}


/* v1.0.62.33: softer pill search - shorter product input, wider top control */
.kcdh-header .kcdh-top-search {
    flex: 0 0 508px !important;
    width: 508px !important;
    min-width: 488px !important;
    max-width: 508px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 50px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Keep the whole search as one soft connected pill. */
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    background: #F4F7FB !important;
    border-radius: 50px 0 0 50px !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    border-radius: 0 50px 50px 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 164px !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    padding-inline: 12px !important;
    background: #F4F7FB !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
    max-width: 124px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 0 0 126px !important;
    width: 126px !important;
    min-width: 118px !important;
    max-width: 138px !important;
    padding-inline: 10px !important;
    background: #F4F7FB !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 90px !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding-inline: 15px !important;
    border-radius: 0 50px 50px 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    border-radius: 50px 0 0 50px !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 478px !important;
        width: 478px !important;
        min-width: 452px !important;
        max-width: 478px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 152px !important;
        width: 152px !important;
        min-width: 152px !important;
        max-width: 152px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
        max-width: 112px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        flex-basis: 116px !important;
        width: 116px !important;
        min-width: 108px !important;
        max-width: 126px !important;
    }
}

/* v1.0.62.34: increase first/top bar height while keeping search vertically centered */
.kcdh-header .kcdh-topbar {
    min-height: 58px !important;
}

.kcdh-header .kcdh-topbar-inner {
    min-height: 58px !important;
    height: 58px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.kcdh-header .kcdh-top-menu,
.kcdh-header .kcdh-top-menu-list,
.kcdh-header .kcdh-top-actions,
.kcdh-header .kcdh-top-search,
.kcdh-header .kcdh-product-search-categorized {
    align-self: center !important;
}

.kcdh-header .kcdh-top-menu-list {
    align-items: center !important;
}

.kcdh-header .kcdh-top-menu-list a {
    min-height: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.kcdh-header .kcdh-top-actions {
    min-height: 38px !important;
    height: 38px !important;
    align-items: center !important;
}

.kcdh-header .kcdh-top-search {
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* v1.0.62.36: based on clean v1.0.62.34 - stretch top search controls horizontally only */
.kcdh-header .kcdh-topbar-inner {
    gap: 14px !important;
}

.kcdh-header .kcdh-top-actions {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search {
    flex: 0 0 586px !important;
    width: 586px !important;
    min-width: 560px !important;
    max-width: 586px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 50px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"],
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    background: #F4F7FB !important;
    border-radius: 50px 0 0 50px !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    border-radius: 0 50px 50px 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-trigger {
    width: 100% !important;
    padding-inline: 18px !important;
    background: #F4F7FB !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
    max-width: 162px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 185px !important;
    width: auto !important;
    min-width: 165px !important;
    max-width: none !important;
    padding-inline: 16px !important;
    background: #F4F7FB !important;
    border-radius: 0 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 136px !important;
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    padding-inline: 22px !important;
    background: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-radius: 0 50px 50px 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    border-radius: 50px 0 0 50px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-weight: 600 !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus,
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #004FC0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search {
        flex-basis: 540px !important;
        width: 540px !important;
        min-width: 510px !important;
        max-width: 540px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
        flex-basis: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 188px !important;
        width: 188px !important;
        min-width: 188px !important;
        max-width: 188px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-category-current {
        max-width: 146px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized input[type="search"] {
        min-width: 150px !important;
        padding-inline: 14px !important;
    }

    .kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex-basis: 122px !important;
        width: 122px !important;
        min-width: 122px !important;
        max-width: 122px !important;
        padding-inline: 18px !important;
    }
}


/* v1.0.62.38: auth/account/user status font weight fixed to 500 */
.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited,
.kcdh-header .kcdh-auth-button:hover,
.kcdh-header .kcdh-auth-button:focus,
.kcdh-header .kcdh-auth-button:focus-visible,
.kcdh-header .kcdh-auth-button:active,
.kcdh-header.kcdh-lang-fa .kcdh-auth-button,
.kcdh-header.kcdh-lang-en .kcdh-auth-button,
.kcdh-header.kcdh-lang-ar .kcdh-auth-button,
.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button * {
    font-weight: 500 !important;
}

.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status,
.kcdh-header .kcdh-status-badge span,
.kcdh-header .kcdh-online-status span,
.kcdh-header .kcdh-offline-status span,
.kcdh-header.kcdh-lang-fa .kcdh-status-badge,
.kcdh-header.kcdh-lang-en .kcdh-status-badge,
.kcdh-header.kcdh-lang-ar .kcdh-status-badge {
    font-weight: 700 !important;
}


/* v1.0.62.38: force auth/account/status weight 500 */
.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited,
.kcdh-header .kcdh-auth-button:hover,
.kcdh-header .kcdh-auth-button:focus,
.kcdh-header .kcdh-auth-button:focus-visible,
.kcdh-header .kcdh-auth-button:active,
.kcdh-header.kcdh-lang-fa .kcdh-auth-button,
.kcdh-header.kcdh-lang-en .kcdh-auth-button,
.kcdh-header.kcdh-lang-ar .kcdh-auth-button,
.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button *,
.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status,
.kcdh-header .kcdh-status-badge span,
.kcdh-header .kcdh-online-status span,
.kcdh-header .kcdh-offline-status span,
.kcdh-header.kcdh-lang-fa .kcdh-status-badge,
.kcdh-header.kcdh-lang-en .kcdh-status-badge,
.kcdh-header.kcdh-lang-ar .kcdh-status-badge {
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
}

/* v1.0.62.39: search border radius changed from pill 50px to compact 3px */
.kcdh-header .kcdh-top-search .kcdh-product-search-categorized {
    border-radius: 3px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    border-radius: 3px 0 0 3px !important;
}

.kcdh-header .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    border-radius: 0 3px 3px 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-icon {
    border-radius: 0 3px 3px 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-top-search .kcdh-product-search-categorized .kcdh-search-submit-text {
    border-radius: 3px 0 0 3px !important;
}


/* v1.0.62.40: move WPML language switcher before logo and make it a full-height mainbar frame */
.kcdh-header .kcdh-mainbar-inner {
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-main-language {
    order: 0 !important;
    align-self: stretch !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: auto !important;
    min-height: 74px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 7px !important;
    background: rgba(0, 92, 221, .045) !important;
    border-inline-end: 1px solid rgba(15, 23, 42, .07) !important;
    border-inline-start: 0 !important;
    border-block: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    z-index: 10055 !important;
}

.kcdh-header .kcdh-logo-wrap {
    order: 1 !important;
    align-self: center !important;
    margin-inline-start: 0 !important;
}

.kcdh-header .kcdh-main-nav {
    order: 3 !important;
    align-self: stretch !important;
}

.kcdh-header .kcdh-auth-wrap {
    order: 4 !important;
    align-self: center !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 4px !important;
    gap: 4px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus-visible {
    background: rgba(0, 92, 221, .075) !important;
    background-color: rgba(0, 92, 221, .075) !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
body.rtl .kcdh-main-language .kcdh-lang-panel,
.rtl .kcdh-main-language .kcdh-lang-panel {
    position: absolute !important;
    inset-block-start: calc(100% + 8px) !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 176px !important;
    min-width: 176px !important;
    border-radius: 3px !important;
    z-index: 10070 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel::before,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
body.rtl .kcdh-main-language .kcdh-lang-panel::before,
.rtl .kcdh-main-language .kcdh-lang-panel::before {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) rotate(45deg) !important;
}

.kcdh-header[dir="rtl"] .kcdh-main-language,
html[dir="rtl"] .kcdh-main-language,
body.rtl .kcdh-main-language,
.rtl .kcdh-main-language {
    margin: 0 0 0 10px !important;
    border-inline-start: 1px solid rgba(15, 23, 42, .07) !important;
    border-inline-end: 0 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-main-language {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        margin-inline-end: 8px !important;
        padding-inline: 5px !important;
    }

    .kcdh-header[dir="rtl"] .kcdh-main-language,
    html[dir="rtl"] .kcdh-main-language,
    body.rtl .kcdh-main-language,
    .rtl .kcdh-main-language {
        margin-inline-start: 8px !important;
        margin-inline-end: 0 !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle {
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 3px !important;
        gap: 3px !important;
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron,
    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }
}


/* v1.0.62.41: professional minimal language switcher before logo - no full-height frame */
.kcdh-header .kcdh-mainbar-inner {
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-main-language {
    order: 0 !important;
    align-self: center !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 2px 0 0 !important;
    padding: 0 10px 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-inline-end: 1px solid rgba(15, 23, 42, .085) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 10055 !important;
}

.kcdh-header .kcdh-main-language:empty {
    display: none !important;
}

.kcdh-header .kcdh-logo-wrap {
    order: 1 !important;
    align-self: center !important;
    margin-inline-start: 0 !important;
}

.kcdh-header .kcdh-main-nav {
    order: 3 !important;
    align-self: center !important;
}

.kcdh-header .kcdh-auth-wrap {
    order: 4 !important;
    align-self: center !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10056 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle {
    width: auto !important;
    min-width: 58px !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-main-language .kcdh-auth-language[open] .kcdh-lang-toggle,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:hover,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle:focus-visible {
    background: rgba(0, 92, 221, .065) !important;
    background-color: rgba(0, 92, 221, .065) !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-icon {
    display: none !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
    min-width: 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron,
.kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    display: block !important;
    opacity: .82 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel,
body.rtl .kcdh-main-language .kcdh-lang-panel,
.rtl .kcdh-main-language .kcdh-lang-panel {
    position: absolute !important;
    inset-block-start: calc(100% + 7px) !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 176px !important;
    min-width: 176px !important;
    padding: 8px !important;
    border-radius: 3px !important;
    border: 0 !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .14) !important;
    z-index: 10070 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel::before,
.kcdh-header[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
html[dir="rtl"] .kcdh-main-language .kcdh-lang-panel::before,
body.rtl .kcdh-main-language .kcdh-lang-panel::before,
.rtl .kcdh-main-language .kcdh-lang-panel::before {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) rotate(45deg) !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-panel-head {
    min-height: 30px !important;
    padding: 2px 9px 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option {
    min-height: 38px !important;
    padding: 7px 9px 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
}

.kcdh-header .kcdh-main-language .kcdh-lang-option-name,
.kcdh-header .kcdh-main-language .kcdh-lang-option-code {
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1.35 !important;
}

.kcdh-header[dir="rtl"] .kcdh-main-language,
html[dir="rtl"] .kcdh-main-language,
body.rtl .kcdh-main-language,
.rtl .kcdh-main-language {
    margin: 0 0 0 2px !important;
    padding: 0 0 0 10px !important;
    border-inline-start: 0 !important;
    border-inline-end: 1px solid rgba(15, 23, 42, .085) !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-mainbar-inner {
        gap: 8px !important;
    }

    .kcdh-header .kcdh-main-language {
        height: 42px !important;
        min-height: 42px !important;
        padding-inline-end: 8px !important;
        margin-inline-end: 1px !important;
    }

    .kcdh-header[dir="rtl"] .kcdh-main-language,
    html[dir="rtl"] .kcdh-main-language,
    body.rtl .kcdh-main-language,
    .rtl .kcdh-main-language {
        padding-inline-start: 8px !important;
        padding-inline-end: 0 !important;
        margin-inline-start: 1px !important;
        margin-inline-end: 0 !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle {
        min-width: 54px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding-inline: 5px !important;
        gap: 4px !important;
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-text {
        font-size: 14px !important;
    }

    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron,
    .kcdh-header .kcdh-main-language .kcdh-lang-toggle-chevron svg {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }
}


/* v1.0.62.42: professional auth/account/status controls */
.kcdh-header .kcdh-auth-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
}

.kcdh-header .kcdh-auth-logged-in,
.kcdh-header .kcdh-auth-logged-out {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-online-status {
    background: rgba(0, 173, 14, .09) !important;
    color: #12801A !important;
    -webkit-text-fill-color: #12801A !important;
}

.kcdh-header .kcdh-offline-status {
    background: rgba(0, 92, 221, .07) !important;
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

.kcdh-header .kcdh-status-badge span,
.kcdh-header .kcdh-online-status span,
.kcdh-header .kcdh-offline-status span {
    font-size: 13px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-status-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    flex: 0 0 7px !important;
    margin: 0 !important;
    box-shadow: 0 0 0 3px currentColor !important;
    opacity: .22 !important;
}

.kcdh-header .kcdh-online-dot {
    color: #00AD0E !important;
    background: #00AD0E !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 3px rgba(0, 173, 14, .14) !important;
}

.kcdh-header .kcdh-offline-dot {
    color: #94A3B8 !important;
    background: #94A3B8 !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .18) !important;
}

.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: rgba(0, 92, 221, .09) !important;
    background-color: rgba(0, 92, 221, .09) !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    box-shadow: none !important;
    outline: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

.kcdh-header .kcdh-auth-button::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    border-radius: 50% !important;
    background: rgba(0, 92, 221, .14) !important;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, .55) !important;
}

.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button::before {
    border-radius: 3px !important;
    background:
        linear-gradient(currentColor, currentColor) center/10px 2px no-repeat,
        linear-gradient(45deg, transparent 46%, currentColor 47% 56%, transparent 57%) 10px center/7px 7px no-repeat,
        rgba(0, 92, 221, .12) !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-auth-button:hover,
.kcdh-header .kcdh-auth-button:focus,
.kcdh-header .kcdh-auth-button:focus-visible,
.kcdh-header .kcdh-auth-button:active {
    background: #005CDD !important;
    background-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: translateY(-1px) !important;
}

.kcdh-header .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-button:active::before {
    background: rgba(255, 255, 255, .2) !important;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, .38) !important;
}

.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:active::before {
    background:
        linear-gradient(#FFFFFF, #FFFFFF) center/10px 2px no-repeat,
        linear-gradient(45deg, transparent 46%, #FFFFFF 47% 56%, transparent 57%) 10px center/7px 7px no-repeat,
        rgba(255, 255, 255, .18) !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button * {
    font-size: inherit !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-auth-logged-in,
    .kcdh-header .kcdh-auth-logged-out {
        gap: 6px !important;
    }

    .kcdh-header .kcdh-status-badge,
    .kcdh-header .kcdh-online-status,
    .kcdh-header .kcdh-offline-status {
        height: 32px !important;
        min-height: 32px !important;
        padding-inline: 9px !important;
        font-size: 12.5px !important;
    }

    .kcdh-header .kcdh-auth-button,
    .kcdh-header .kcdh-auth-button:link,
    .kcdh-header .kcdh-auth-button:visited {
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 12px !important;
        gap: 7px !important;
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-auth-button::before {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        flex-basis: 16px !important;
    }
}

/* v1.0.62.43: larger auth/status controls + stable admin/user icon */
.kcdh-header .kcdh-auth-logged-in,
.kcdh-header .kcdh-auth-logged-out {
    gap: 10px !important;
}

.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited {
    height: 42px !important;
    min-height: 42px !important;
    min-width: 126px !important;
    padding: 0 18px !important;
    gap: 9px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-auth-button::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    display: inline-block !important;
    border-radius: 0 !important;
    background: currentColor !important;
    background-color: currentColor !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-3.34 0-10 1.68-10 5v2h20v-2c0-3.32-6.66-5-10-5Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-3.34 0-10 1.68-10 5v2h20v-2c0-3.32-6.66-5-10-5Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.kcdh-header .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-button:active::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:active::before {
    background: currentColor !important;
    background-color: currentColor !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button * {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    gap: 8px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-status-badge span,
.kcdh-header .kcdh-online-status span,
.kcdh-header .kcdh-offline-status span {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-auth-logged-in,
    .kcdh-header .kcdh-auth-logged-out {
        gap: 8px !important;
    }

    .kcdh-header .kcdh-auth-button,
    .kcdh-header .kcdh-auth-button:link,
    .kcdh-header .kcdh-auth-button:visited {
        height: 40px !important;
        min-height: 40px !important;
        min-width: 112px !important;
        padding-inline: 15px !important;
        gap: 8px !important;
        font-size: 13.5px !important;
        border-radius: 3px !important;
    }

    .kcdh-header .kcdh-auth-button span,
    .kcdh-header .kcdh-auth-button * {
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-auth-button::before,
    .kcdh-header .kcdh-auth-logged-out .kcdh-auth-button::before {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        flex-basis: 17px !important;
    }

    .kcdh-header .kcdh-status-badge,
    .kcdh-header .kcdh-online-status,
    .kcdh-header .kcdh-offline-status {
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 12px !important;
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-status-badge span,
    .kcdh-header .kcdh-online-status span,
    .kcdh-header .kcdh-offline-status span {
        font-size: 13.5px !important;
    }
}


/* v1.0.62.44: unified professional auth/status control */
.kcdh-header .kcdh-auth-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
}

.kcdh-header .kcdh-auth-logged-in,
.kcdh-header .kcdh-auth-logged-out {
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 286px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #F3F7FF !important;
    background-color: #F3F7FF !important;
    box-shadow: inset 0 0 0 1px rgba(0, 92, 221, .08) !important;
    white-space: nowrap !important;
}

.kcdh-header .kcdh-status-badge,
.kcdh-header .kcdh-online-status,
.kcdh-header .kcdh-offline-status {
    height: 44px !important;
    min-height: 44px !important;
    min-width: 128px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
    position: relative !important;
    flex: 0 0 auto !important;
}

.kcdh-header .kcdh-status-badge::after,
.kcdh-header .kcdh-online-status::after,
.kcdh-header .kcdh-offline-status::after {
    content: "" !important;
    position: absolute !important;
    top: 10px !important;
    bottom: 10px !important;
    inline-end: 0 !important;
    width: 1px !important;
    background: rgba(0, 92, 221, .12) !important;
    pointer-events: none !important;
}

.kcdh-header .kcdh-online-status {
    color: #12801A !important;
    -webkit-text-fill-color: #12801A !important;
}

.kcdh-header .kcdh-offline-status {
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

.kcdh-header .kcdh-status-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    flex: 0 0 8px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.kcdh-header .kcdh-online-dot {
    background: #00AD0E !important;
    color: #00AD0E !important;
    box-shadow: 0 0 0 4px rgba(0, 173, 14, .14) !important;
}

.kcdh-header .kcdh-offline-dot {
    background: #94A3B8 !important;
    color: #94A3B8 !important;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, .16) !important;
}

.kcdh-header .kcdh-status-badge span,
.kcdh-header .kcdh-online-status span,
.kcdh-header .kcdh-offline-status span {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-auth-button,
.kcdh-header .kcdh-auth-button:link,
.kcdh-header .kcdh-auth-button:visited {
    height: 44px !important;
    min-height: 44px !important;
    min-width: 154px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    flex: 1 1 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #005CDD !important;
    background-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
    transition: background-color .18s ease, color .18s ease !important;
}

.kcdh-header .kcdh-auth-button::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    display: inline-block !important;
    border-radius: 0 !important;
    background: currentColor !important;
    background-color: currentColor !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-3.34 0-10 1.68-10 5v2h20v-2c0-3.32-6.66-5-10-5Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-3.34 0-10 1.68-10 5v2h20v-2c0-3.32-6.66-5-10-5Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.kcdh-header .kcdh-auth-button:hover,
.kcdh-header .kcdh-auth-button:focus,
.kcdh-header .kcdh-auth-button:focus-visible,
.kcdh-header .kcdh-auth-button:active {
    background: #004FC0 !important;
    background-color: #004FC0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.kcdh-header .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-button:active::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:hover::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:focus-visible::before,
.kcdh-header .kcdh-auth-logged-out .kcdh-auth-button:active::before {
    background: currentColor !important;
    background-color: currentColor !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-auth-button span,
.kcdh-header .kcdh-auth-button * {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    line-height: 1 !important;
}

.kcdh-header.kcdh-lang-fa .kcdh-auth-logged-in,
.kcdh-header.kcdh-lang-fa .kcdh-auth-logged-out,
.kcdh-header.kcdh-lang-ar .kcdh-auth-logged-in,
.kcdh-header.kcdh-lang-ar .kcdh-auth-logged-out {
    direction: rtl !important;
}

.kcdh-header.kcdh-lang-en .kcdh-auth-logged-in,
.kcdh-header.kcdh-lang-en .kcdh-auth-logged-out {
    direction: ltr !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-auth-logged-in,
    .kcdh-header .kcdh-auth-logged-out {
        min-width: 254px !important;
        height: 42px !important;
        min-height: 42px !important;
    }

    .kcdh-header .kcdh-status-badge,
    .kcdh-header .kcdh-online-status,
    .kcdh-header .kcdh-offline-status {
        height: 42px !important;
        min-height: 42px !important;
        min-width: 112px !important;
        padding-inline: 13px !important;
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-status-badge span,
    .kcdh-header .kcdh-online-status span,
    .kcdh-header .kcdh-offline-status span {
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-auth-button,
    .kcdh-header .kcdh-auth-button:link,
    .kcdh-header .kcdh-auth-button:visited {
        height: 42px !important;
        min-height: 42px !important;
        min-width: 136px !important;
        padding-inline: 15px !important;
        font-size: 13.5px !important;
    }

    .kcdh-header .kcdh-auth-button span,
    .kcdh-header .kcdh-auth-button * {
        font-size: 13.5px !important;
    }
}

/* v1.0.62.79: option 3 popup product search - keep header search icon in current aligned slot */
.kcdh-header .kcdh-topbar,
.kcdh-header .kcdh-topbar-inner,
.kcdh-header .kcdh-top-actions,
.kcdh-header .kcdh-top-search.kcdh-search-popup-shell {
    overflow: visible !important;
}

.kcdh-header .kcdh-top-search.kcdh-search-popup-shell {
    position: relative !important;
    flex: 0 0 586px !important;
    width: 586px !important;
    min-width: 560px !important;
    max-width: 586px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 10080 !important;
}

.kcdh-header .kcdh-search-popup-toggle {
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 3px !important;
    background: #005CDD !important;
    background-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.kcdh-header .kcdh-search-popup-toggle:hover,
.kcdh-header .kcdh-search-popup-toggle:focus,
.kcdh-header .kcdh-search-popup-toggle:focus-visible,
.kcdh-header .kcdh-search-popup-shell.is-open .kcdh-search-popup-toggle {
    background: #004FC0 !important;
    background-color: #004FC0 !important;
    border-color: rgba(255, 255, 255, .30) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-search-popup-toggle:active {
    transform: translateY(1px) !important;
}

.kcdh-header .kcdh-search-popup-toggle-icon,
.kcdh-header .kcdh-search-popup-toggle-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    color: currentColor !important;
    fill: currentColor !important;
}

.kcdh-header .kcdh-search-popup-panel[hidden] {
    display: none !important;
}

.kcdh-header .kcdh-search-popup-panel {
    position: absolute !important;
    top: calc(100% + 13px) !important;
    inset-inline-end: 0 !important;
    width: min(720px, calc(100vw - 48px)) !important;
    min-height: 154px !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 22px 22px 20px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, .98) !important;
    color: #0F172A !important;
    -webkit-text-fill-color: initial !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18) !important;
    z-index: 2147482500 !important;
    direction: inherit !important;
}

.kcdh-header .kcdh-search-popup-caret {
    position: absolute !important;
    top: -7px !important;
    inset-inline-end: 17px !important;
    width: 14px !important;
    height: 14px !important;
    background: #FFFFFF !important;
    border-inline-start: 1px solid rgba(226, 232, 240, .95) !important;
    border-block-start: 1px solid rgba(226, 232, 240, .95) !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
}

.kcdh-header .kcdh-search-popup-close {
    position: absolute !important;
    top: 14px !important;
    inset-inline-start: 14px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-search-popup-close:hover,
.kcdh-header .kcdh-search-popup-close:focus-visible {
    background: #F1F5F9 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-header .kcdh-search-popup-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 0 40px 18px !important;
    text-align: center !important;
}

.kcdh-header .kcdh-search-popup-title {
    display: block !important;
    margin: 0 !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.kcdh-header .kcdh-search-popup-subtitle {
    display: block !important;
    margin: 0 !important;
    color: #64748B !important;
    -webkit-text-fill-color: #64748B !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

.kcdh-header .kcdh-search-popup-body {
    width: 100% !important;
    display: block !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #D9E2EF !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon,
.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-custom,
.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-trigger,
.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"],
.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F8FAFC !important;
    color: #64748B !important;
    -webkit-text-fill-color: #64748B !important;
    border-radius: 3px 0 0 3px !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-custom {
    flex: 0 0 215px !important;
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
    border-inline-end: 1px solid #E2E8F0 !important;
    background: #F8FAFC !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-trigger {
    width: 100% !important;
    padding-inline: 12px !important;
    background: transparent !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 210px !important;
    max-width: none !important;
    padding-inline: 14px !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"]::placeholder {
    color: #94A3B8 !important;
    -webkit-text-fill-color: #94A3B8 !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text {
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 18px !important;
    background: #005CDD !important;
    background-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-radius: 0 3px 3px 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text:hover,
.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text:focus-visible {
    background: #004FC0 !important;
    background-color: #004FC0 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text span {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.kcdh-header[dir="rtl"] .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon,
html[dir="rtl"] .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon,
body.rtl .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon,
.rtl .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon {
    border-radius: 0 3px 3px 0 !important;
}

.kcdh-header[dir="rtl"] .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text,
html[dir="rtl"] .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text,
body.rtl .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text,
.rtl .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text {
    border-radius: 3px 0 0 3px !important;
}

@media (max-width: 1180px) {
    .kcdh-header .kcdh-top-search.kcdh-search-popup-shell {
        flex-basis: 430px !important;
        width: 430px !important;
        min-width: 390px !important;
        max-width: 430px !important;
    }

    .kcdh-header .kcdh-search-popup-panel {
        width: min(650px, calc(100vw - 36px)) !important;
        padding: 20px 18px 18px !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex-basis: 190px !important;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"] {
        min-width: 160px !important;
    }
}

@media (max-width: 860px) {
    .kcdh-header .kcdh-search-popup-panel {
        inset-inline-end: 0 !important;
        width: min(560px, calc(100vw - 24px)) !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex-wrap: wrap !important;
        overflow: hidden !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon,
    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-custom,
    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"],
    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-icon {
        flex: 0 0 44px !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-category-custom {
        flex: 1 1 calc(100% - 44px) !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        border-inline-end: 0 !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized input[type="search"] {
        flex: 1 1 calc(100% - 104px) !important;
        min-width: 0 !important;
        border-top: 1px solid #E2E8F0 !important;
    }

    .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized .kcdh-search-submit-text {
        flex: 0 0 104px !important;
        border-top: 1px solid rgba(255,255,255,.18) !important;
    }
}


/* v1.0.62.79: safe popup stacking fix - keep absolute positioning, show above second header */
.kcdh-header {
    isolation: isolate !important;
}

.kcdh-header .kcdh-topbar {
    position: relative !important;
    z-index: 12050 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-topbar-inner,
.kcdh-header .kcdh-top-actions,
.kcdh-header .kcdh-top-search.kcdh-search-popup-shell {
    position: relative !important;
    z-index: 12060 !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-mainbar {
    position: relative !important;
    z-index: 12010 !important;
}

.kcdh-header .kcdh-search-popup-panel {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    z-index: 12100 !important;
}

.kcdh-header .kcdh-search-popup-caret {
    top: -7px !important;
    inset-inline-end: 17px !important;
    inset-inline-start: auto !important;
    left: auto !important;
    right: auto !important;
}

.kcdh-header .kcdh-search-popup-shell.is-open {
    z-index: 12110 !important;
}

@media (max-width: 860px) {
    .kcdh-header .kcdh-search-popup-panel {
        inset-inline-end: 0 !important;
        inset-inline-start: auto !important;
    }
}


/* v1.0.62.79: let JS place the popup caret exactly under the search button */
.kcdh-header .kcdh-search-popup-caret {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 18px !important;
    right: auto !important;
}


/* v1.0.62.79: when popup search opens, reuse the exact same site overlay wash as the main menu */
body.kcdh-search-popup-active .kcdh-page-dim {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel {
    z-index: 12100 !important;
}


/* v1.0.62.79: overlay top is driven by the rendered custom header height */
:root {
    --kcdh-overlay-top: 0px;
}


/* v1.0.62.79: keep the full popup search container above the white page overlay */
body.kcdh-search-popup-active .kcdh-page-dim {
    z-index: 990 !important;
}

body.kcdh-search-popup-active .kcdh-header,
body.kcdh-search-popup-active .kcdh-header .kcdh-topbar,
body.kcdh-search-popup-active .kcdh-header .kcdh-topbar-inner,
body.kcdh-search-popup-active .kcdh-header .kcdh-top-actions,
body.kcdh-search-popup-active .kcdh-header .kcdh-top-search.kcdh-search-popup-shell {
    position: relative !important;
    z-index: 13000 !important;
    isolation: isolate !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-shell.is-open {
    z-index: 13100 !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel *,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-caret {
    opacity: 1 !important;
    filter: none !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel {
    z-index: 13200 !important;
    background: #FFFFFF !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel .kcdh-product-search-categorized * {
    position: relative !important;
    z-index: 1 !important;
}


/* v1.0.62.79: search overlay must start below the whole popup container, never through it */
body.kcdh-search-popup-active .kcdh-page-dim {
    top: var(--kcdh-search-overlay-top, var(--kcdh-overlay-top, 0px)) !important;
    inset: var(--kcdh-search-overlay-top, var(--kcdh-overlay-top, 0px)) 0 0 0 !important;
    z-index: 990 !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel {
    position: absolute !important;
    z-index: 13200 !important;
    isolation: isolate !important;
    background: #FFFFFF !important;
    opacity: 1 !important;
    filter: none !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: #FFFFFF !important;
    border-radius: 3px !important;
    pointer-events: none !important;
}


/* v1.0.62.79: search overlay is independent from page-dim; it never covers the custom header or popup */
body.kcdh-search-popup-active .kcdh-page-dim,
body.kcdh-search-popup-active .kcdh-page-dim.is-active {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

body.kcdh-search-popup-active::after {
    content: "" !important;
    position: fixed !important;
    top: var(--kcdh-search-overlay-top, var(--kcdh-overlay-top, 0px)) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 900 !important;
    background: rgba(248, 250, 252, .64) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
}

body.kcdh-search-popup-active .kcdh-header {
    position: relative !important;
    z-index: 2000 !important;
    isolation: isolate !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-topbar,
body.kcdh-search-popup-active .kcdh-header .kcdh-topbar-inner,
body.kcdh-search-popup-active .kcdh-header .kcdh-top-actions,
body.kcdh-search-popup-active .kcdh-header .kcdh-top-search.kcdh-search-popup-shell,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-shell.is-open {
    position: relative !important;
    z-index: 2100 !important;
    isolation: isolate !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel {
    z-index: 2200 !important;
    background: #FFFFFF !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-panel *,
body.kcdh-search-popup-active .kcdh-header .kcdh-search-popup-caret {
    opacity: 1 !important;
    filter: none !important;
}


/* v1.0.62.79: final portal popup styling, independent from header/page overlay stacking */
body.kcdh-search-popup-active .kcdh-page-dim,
body.kcdh-search-popup-active .kcdh-page-dim.is-active {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.kcdh-search-popup-active::after {
    content: "" !important;
    position: fixed !important;
    top: var(--kcdh-search-overlay-top, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    background: rgba(248, 250, 252, .64) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
}

.kcdh-search-portal-root {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482000 !important;
    pointer-events: none !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel {
    pointer-events: auto !important;
    z-index: 2147483000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #FFFFFF !important;
    transform: none !important;
    isolation: isolate !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel[hidden] {
    display: none !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel,
.kcdh-search-portal-root .kcdh-search-popup-panel *,
.kcdh-search-portal-root .kcdh-search-popup-caret {
    opacity: 1 !important;
    filter: none !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: #FFFFFF !important;
    border-radius: 3px !important;
    pointer-events: none !important;
}

body.kcdh-search-popup-active .kcdh-header {
    position: relative !important;
    z-index: 2000 !important;
}


/* v1.0.62.79: accurate popup positioning and reliable outside/close clicks */
.kcdh-search-portal-root {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482000 !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: isolate !important;
    pointer-events: none !important;
}

body.kcdh-search-popup-active .kcdh-search-portal-root {
    pointer-events: auto !important;
}

body.kcdh-search-popup-active .kcdh-search-portal-root::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel {
    pointer-events: auto !important;
    z-index: 2147483000 !important;
}

.kcdh-search-portal-root .kcdh-search-popup-close {
    position: absolute !important;
    z-index: 2147483002 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.kcdh-search-portal-root .kcdh-search-popup-caret {
    z-index: 2147483001 !important;
}


/* v1.0.62.79: final close/click behavior and exact arrows */
.kcdh-search-portal-root .kcdh-search-popup-panel[hidden],
.kcdh-search-portal-root .kcdh-search-popup-panel[data-kcdh-search-opened="0"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel[data-kcdh-search-opened="1"] {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.kcdh-search-portal-root .kcdh-search-popup-panel .kcdh-search-popup-caret {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: var(--kcdh-popup-caret-left, 18px) !important;
    right: auto !important;
    top: -7px !important;
    z-index: 2147483003 !important;
}

.kcdh-search-portal-root .kcdh-search-popup-close,
.kcdh-search-portal-root [data-kcdh-search-close] {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 2147483004 !important;
}

.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-trigger {
    display: flex !important;
    align-items: center !important;
}

.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-arrow {
    top: 50% !important;
    margin-top: -1px !important;
    transform: translateY(-50%) rotate(45deg) !important;
    inset-inline-end: 10px !important;
}


/* v1.0.62.79: replace old arrow spans with fresh pseudo-elements, so old RTL/LTR rules cannot override them */

/* Hide the old top popup caret completely. It was being overridden by older inline/RTL rules. */
.kcdh-search-portal-root .kcdh-search-popup-panel > .kcdh-search-popup-caret,
body .kcdh-search-portal-root .kcdh-search-popup-panel > .kcdh-search-popup-caret {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Draw a brand-new top caret from the panel itself, positioned by JS using the real search button center. */
.kcdh-search-portal-root .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root .kcdh-search-popup-panel::after {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    left: var(--kcdh-popup-caret-x, 24px) !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border-inline-start: 1px solid rgba(226, 232, 240, .95) !important;
    border-block-start: 1px solid rgba(226, 232, 240, .95) !important;
    transform: rotate(45deg) !important;
    transform-origin: center center !important;
    pointer-events: none !important;
    z-index: 2147483006 !important;
}

/* Hide the old category arrow span. */
.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-arrow,
body .kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-arrow {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Draw a fresh category arrow exactly centered against the category label. */
.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-trigger,
body .kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-trigger {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: normal !important;
    padding-inline-end: 30px !important;
}

.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-current,
body .kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-current {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    line-height: 1 !important;
}

.kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-trigger::after,
body .kcdh-search-portal-root .kcdh-product-search-categorized .kcdh-search-category-trigger::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 12px !important;
    width: 7px !important;
    height: 7px !important;
    margin: 0 !important;
    border-inline-end: 1.5px solid #6B7280 !important;
    border-bottom: 1.5px solid #6B7280 !important;
    transform: translateY(-50%) rotate(45deg) !important;
    transform-origin: center center !important;
    pointer-events: none !important;
    z-index: 5 !important;
}


/* v1.0.62.79: hard-lock the top popup caret under the search icon button */
.kcdh-search-portal-root .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root .kcdh-search-popup-panel::after,
.kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel::after,
.kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel::after {
    left: 16px !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: -7px !important;
}


/* v1.0.62.79: remove the top popup search caret completely */
.kcdh-search-portal-root .kcdh-search-popup-panel > .kcdh-search-popup-caret,
body .kcdh-search-portal-root .kcdh-search-popup-panel > .kcdh-search-popup-caret,
.kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel > .kcdh-search-popup-caret,
.kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel > .kcdh-search-popup-caret,
body .kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel > .kcdh-search-popup-caret,
body .kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel > .kcdh-search-popup-caret {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Disable only the popup panel top caret pseudo-element.
   The category dropdown arrow remains active because it is on .kcdh-search-category-trigger::after. */
.kcdh-search-portal-root .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root .kcdh-search-popup-panel::after,
.kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel::after,
.kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root[dir="rtl"] .kcdh-search-popup-panel::after,
body .kcdh-search-portal-root[dir="ltr"] .kcdh-search-popup-panel::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}


/* v1.0.62.79: localized user status font per language */
html body .kcdh-header.kcdh-lang-en .kcdh-status-badge,
html body .kcdh-header.kcdh-lang-en .kcdh-status-badge .kcdh-status-label,
html body .kcdh-header.kcdh-lang-en .kcdh-auth-button {
    font-family: "Inter Tight", "Inter Light", "Inter", Arial, sans-serif !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    direction: ltr !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-status-badge,
html body .kcdh-header.kcdh-lang-fa .kcdh-status-badge .kcdh-status-label,
html body .kcdh-header.kcdh-lang-fa .kcdh-auth-button,
html body .kcdh-header.kcdh-lang-ar .kcdh-status-badge,
html body .kcdh-header.kcdh-lang-ar .kcdh-status-badge .kcdh-status-label,
html body .kcdh-header.kcdh-lang-ar .kcdh-auth-button {
    font-family: "IRANSansX", "IRANSans", "Peyda", "PeydaWeb", Tahoma, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    direction: rtl !important;
}

html body .kcdh-header .kcdh-status-badge .kcdh-status-label {
    line-height: 1 !important;
    white-space: nowrap !important;
}


/* v1.0.62.79: support icon button and popup */
.kcdh-header .kcdh-top-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
}

.kcdh-header .kcdh-top-support.kcdh-support-popup-shell {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10082 !important;
}

.kcdh-header .kcdh-support-popup-toggle {
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(0, 92, 221, .16) !important;
    border-radius: 3px !important;
    background: #F4F7FB !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease !important;
}

.kcdh-header .kcdh-support-popup-toggle:hover,
.kcdh-header .kcdh-support-popup-toggle:focus,
.kcdh-header .kcdh-support-popup-toggle:focus-visible,
.kcdh-header .kcdh-support-popup-shell.is-open .kcdh-support-popup-toggle {
    background: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #005CDD !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    color: currentColor !important;
    fill: currentColor !important;
}

.kcdh-header .kcdh-support-popup-panel[hidden] {
    display: none !important;
}

.kcdh-header .kcdh-support-popup-panel,
.kcdh-support-portal-root .kcdh-support-popup-panel {
    width: min(430px, calc(100vw - 32px)) !important;
    min-height: 150px !important;
    box-sizing: border-box !important;
    padding: 20px 20px 18px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18) !important;
    direction: inherit !important;
}

.kcdh-support-popup-close {
    position: absolute !important;
    top: 12px !important;
    inset-inline-start: 12px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.kcdh-support-popup-close:hover,
.kcdh-support-popup-close:focus-visible {
    background: #F1F5F9 !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-support-popup-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 34px 17px !important;
    text-align: center !important;
}

.kcdh-support-popup-title {
    display: block !important;
    margin: 0 !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.kcdh-support-popup-subtitle {
    display: block !important;
    margin: 0 !important;
    color: #64748B !important;
    -webkit-text-fill-color: #64748B !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

.kcdh-support-popup-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.kcdh-support-section {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.kcdh-support-section-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    line-height: 1.5 !important;
}

.kcdh-support-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
}

.kcdh-support-option,
.kcdh-support-ticket {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 11px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 3px !important;
    background: #F8FAFC !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.kcdh-support-option:hover,
.kcdh-support-option:focus-visible,
.kcdh-support-ticket-active:hover,
.kcdh-support-ticket-active:focus-visible {
    background: #EFF6FF !important;
    border-color: rgba(0, 92, 221, .24) !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-support-option-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    background: #EAF2FF !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
}

.kcdh-support-option-icon svg {
    width: 17px !important;
    height: 17px !important;
}

.kcdh-support-option-text,
.kcdh-support-ticket-message {
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

.kcdh-support-ticket-locked {
    background: #FFF7ED !important;
    border-color: #FED7AA !important;
    color: #9A3412 !important;
    -webkit-text-fill-color: #9A3412 !important;
}

.kcdh-support-ticket-locked .kcdh-support-option-icon {
    background: #FFEDD5 !important;
    color: #EA580C !important;
    -webkit-text-fill-color: #EA580C !important;
}

.kcdh-support-login-link {
    margin-inline-start: auto !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    background: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.kcdh-support-empty {
    padding: 10px 11px !important;
    border-radius: 3px !important;
    background: #F8FAFC !important;
    color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.kcdh-support-portal-root {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482000 !important;
    pointer-events: none !important;
    background: transparent !important;
    overflow: visible !important;
    isolation: isolate !important;
}

body.kcdh-support-popup-active .kcdh-support-portal-root {
    pointer-events: auto !important;
}

body.kcdh-support-popup-active .kcdh-support-portal-root::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
}

.kcdh-support-portal-root .kcdh-support-popup-panel {
    pointer-events: auto !important;
    position: fixed !important;
    z-index: 2147483000 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    isolation: isolate !important;
}

.kcdh-support-portal-root .kcdh-support-popup-panel[hidden] {
    display: none !important;
}

body.kcdh-support-popup-active::before {
    content: "" !important;
    position: fixed !important;
    top: var(--kcdh-support-overlay-top, var(--kcdh-overlay-top, 0px)) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    background: rgba(248, 250, 252, .64) !important;
    pointer-events: none !important;
}

body.kcdh-support-popup-active .kcdh-page-dim,
body.kcdh-support-popup-active .kcdh-page-dim.is-active {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* v1.0.62.79: support button matches search button; support popup polished */
.kcdh-header .kcdh-top-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
}

/* Make search and support buttons sit right next to each other. */
.kcdh-header .kcdh-top-search.kcdh-search-popup-shell,
.kcdh-header .kcdh-top-support.kcdh-support-popup-shell {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* Support button exactly like search button. */
.kcdh-header .kcdh-support-popup-toggle {
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 3px !important;
    background: #005CDD !important;
    background-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.kcdh-header .kcdh-support-popup-toggle:hover,
.kcdh-header .kcdh-support-popup-toggle:focus,
.kcdh-header .kcdh-support-popup-toggle:focus-visible,
.kcdh-header .kcdh-support-popup-shell.is-open .kcdh-support-popup-toggle {
    background: #004FC0 !important;
    background-color: #004FC0 !important;
    border-color: rgba(255, 255, 255, .30) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
}

.kcdh-header .kcdh-support-popup-toggle:active {
    transform: translateY(1px) !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    color: currentColor !important;
    fill: currentColor !important;
}

/* More professional support panel. */
.kcdh-support-portal-root .kcdh-support-popup-panel {
    width: min(470px, calc(100vw - 32px)) !important;
    padding: 18px !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .18) !important;
}

.kcdh-support-portal-root .kcdh-support-popup-head {
    margin: 0 34px 16px !important;
    padding: 2px 4px 14px !important;
    border-bottom: 1px solid #EEF2F7 !important;
    text-align: center !important;
}

.kcdh-support-portal-root .kcdh-support-popup-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
}

.kcdh-support-portal-root .kcdh-support-popup-subtitle {
    max-width: 360px !important;
    margin-inline: auto !important;
    color: #64748B !important;
    -webkit-text-fill-color: #64748B !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}

.kcdh-support-portal-root .kcdh-support-popup-body {
    gap: 13px !important;
}

.kcdh-support-portal-root .kcdh-support-section {
    padding: 12px !important;
    border: 1px solid #EEF2F7 !important;
    border-radius: 3px !important;
    background: #FBFCFE !important;
}

.kcdh-support-portal-root .kcdh-support-section-title {
    margin-bottom: 8px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid #EEF2F7 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
}

.kcdh-support-portal-root .kcdh-support-options {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 8px !important;
}

/* Social network options without icons, clean and aligned. */
.kcdh-support-portal-root .kcdh-support-option {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(0, 92, 221, .15) !important;
    border-radius: 3px !important;
    background: #F8FAFF !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    text-align: center !important;
}

.kcdh-support-portal-root .kcdh-support-option:hover,
.kcdh-support-portal-root .kcdh-support-option:focus-visible {
    background: #005CDD !important;
    border-color: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.kcdh-support-portal-root .kcdh-support-option .kcdh-support-option-icon {
    display: none !important;
}

.kcdh-support-portal-root .kcdh-support-option-text {
    display: block !important;
    width: 100% !important;
    font-size: 13.2px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

/* Ticket area stays distinct and professional. */
.kcdh-support-portal-root .kcdh-support-ticket {
    min-height: 48px !important;
    padding: 10px 12px !important;
    border-radius: 3px !important;
}

.kcdh-support-portal-root .kcdh-support-ticket-active {
    background: #F0FDF4 !important;
    border-color: rgba(0, 173, 14, .24) !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
}

.kcdh-support-portal-root .kcdh-support-ticket-active:hover,
.kcdh-support-portal-root .kcdh-support-ticket-active:focus-visible {
    background: #EAFBEF !important;
    border-color: rgba(0, 173, 14, .34) !important;
    color: #0F6B27 !important;
    -webkit-text-fill-color: #0F6B27 !important;
}

.kcdh-support-portal-root .kcdh-support-ticket-locked {
    background: #FFF7ED !important;
    border-color: #FED7AA !important;
}

.kcdh-support-portal-root .kcdh-support-login-link {
    background: #005CDD !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

html body .kcdh-header.kcdh-lang-en .kcdh-support-popup-panel,
html body .kcdh-header.kcdh-lang-en .kcdh-support-popup-panel * {
    font-family: "Inter Tight", "Inter Light", "Inter", Arial, sans-serif !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-popup-panel,
html body .kcdh-header.kcdh-lang-fa .kcdh-support-popup-panel *,
html body .kcdh-header.kcdh-lang-ar .kcdh-support-popup-panel,
html body .kcdh-header.kcdh-lang-ar .kcdh-support-popup-panel * {
    font-family: "IRANSansX", "IRANSans", "Peyda", "PeydaWeb", Tahoma, Arial, sans-serif !important;
}


/* v1.0.62.79: premium support network cards with real logos and a more corporate support icon */
.kcdh-header .kcdh-support-popup-toggle,
.kcdh-header .kcdh-search-popup-toggle {
    border-radius: 3px !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg {
    width: 19px !important;
    height: 19px !important;
}

.kcdh-support-portal-root .kcdh-support-popup-panel {
    width: min(500px, calc(100vw - 32px)) !important;
    padding: 18px !important;
    border: 1px solid rgba(226, 232, 240, .98) !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
    box-shadow: 0 24px 58px rgba(15, 23, 42, .18) !important;
}

.kcdh-support-portal-root .kcdh-support-popup-head {
    margin: 0 34px 16px !important;
    padding: 0 4px 15px !important;
    border-bottom: 1px solid #EDF2F7 !important;
}

.kcdh-support-portal-root .kcdh-support-popup-title {
    letter-spacing: 0 !important;
}

.kcdh-support-portal-root .kcdh-support-popup-subtitle {
    max-width: 390px !important;
}

.kcdh-support-portal-root .kcdh-support-section {
    padding: 13px !important;
    border: 1px solid #EDF2F7 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #FCFDFF 0%, #F8FBFF 100%) !important;
}

.kcdh-support-portal-root .kcdh-support-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
}

.kcdh-support-portal-root .kcdh-support-option {
    min-height: 64px !important;
    display: grid !important;
    grid-template-columns: 110px 1fr !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(0, 92, 221, .14) !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    text-align: start !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.75) inset !important;
}

.kcdh-support-portal-root .kcdh-support-option:hover,
.kcdh-support-portal-root .kcdh-support-option:focus-visible {
    background: #F8FBFF !important;
    border-color: rgba(0, 92, 221, .28) !important;
    color: #005CDD !important;
    -webkit-text-fill-color: #005CDD !important;
    transform: none !important;
}

.kcdh-support-portal-root .kcdh-support-option-logo {
    width: 100% !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #E9EEF5 !important;
    border-radius: 3px !important;
    background: #FFFFFF !important;
}

.kcdh-support-portal-root .kcdh-support-option-logo img {
    display: block !important;
    max-width: 100% !important;
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
}

.kcdh-support-portal-root .kcdh-support-option .kcdh-support-option-icon {
    display: none !important;
}

.kcdh-support-portal-root .kcdh-support-option-text {
    display: block !important;
    width: 100% !important;
    font-size: 13.4px !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
    text-align: start !important;
}

.kcdh-support-portal-root .kcdh-support-ticket {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.kcdh-support-portal-root .kcdh-support-ticket .kcdh-support-option-icon {
    display: inline-flex !important;
}

@media (max-width: 520px) {
    .kcdh-support-portal-root .kcdh-support-option {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        text-align: center !important;
    }

    .kcdh-support-portal-root .kcdh-support-option-text {
        text-align: center !important;
    }
}


/* v1.0.62.79: lightweight inline phone-volume support icon, no FontAwesome loading */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon svg path {
    fill: currentColor !important;
}


/* v1.0.62.79: solid but refined support phone icon */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg {
    width: 17.5px !important;
    height: 17.5px !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon svg path {
    fill: currentColor !important;
    stroke: none !important;
}


/* v1.0.62.79: use the exact uploaded support question-mark icon as a lightweight internal asset */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg,
.kcdh-header .kcdh-support-popup-toggle-icon img {
    width: 17.5px !important;
    height: 17.5px !important;
    display: block !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    width: 17.5px !important;
    height: 17.5px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    background: transparent !important;
}


/* v1.0.62.79: smaller and slightly bolder uploaded support question icon */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    width: 13px !important;
    height: 13px !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    transform: scale(1.04) !important;
    transform-origin: center center !important;
}


/* v1.0.62.79: visibly bolder 13px support question icon */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    width: 13px !important;
    height: 13px !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    object-fit: contain !important;
    filter:
        brightness(0) invert(1)
        drop-shadow(.35px 0 0 #FFFFFF)
        drop-shadow(-.35px 0 0 #FFFFFF)
        drop-shadow(0 .35px 0 #FFFFFF)
        drop-shadow(0 -.35px 0 #FFFFFF) !important;
    transform: none !important;
    transform-origin: center center !important;
}


/* v1.0.62.79: regular FontAwesome-like question icon, lightweight inline SVG */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg.kcdh-inline-support-question-svg {
    width: 13px !important;
    height: 13px !important;
    display: block !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon svg.kcdh-inline-support-question-svg {
    color: #FFFFFF !important;
    fill: none !important;
    filter: none !important;
    transform: none !important;
}

.kcdh-header .kcdh-support-popup-toggle-icon svg.kcdh-inline-support-question-svg path {
    fill: none !important;
    stroke: currentColor !important;
}

/* Disable previous image-specific bold effects if older CSS remains cached/loaded. */
.kcdh-header .kcdh-support-popup-toggle-icon img.kcdh-inline-support-question {
    display: none !important;
    filter: none !important;
    transform: none !important;
}


/* v1.0.62.79: support question icon size set to 22px */
.kcdh-header .kcdh-support-popup-toggle-icon,
.kcdh-header .kcdh-support-popup-toggle-icon svg.kcdh-inline-support-question-svg {
    width: 22px !important;
    height: 22px !important;
}


/* v1.0.62.79: Persian support options side by side with shorter labels */
html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-options,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option {
    min-height: 86px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 10px 8px !important;
    text-align: center !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option-logo,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo {
    width: 100% !important;
    max-width: 118px !important;
    height: 38px !important;
    padding: 3px 7px !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option-logo img,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo img,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo img {
    max-height: 30px !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option-text,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-text,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-text {
    width: 100% !important;
    font-size: 13.2px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media (max-width: 520px) {
    html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-options,
    html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options,
    body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.0.62.79: Persian messenger section title and logo-only support cards */
html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option {
    min-height: 64px !important;
    gap: 0 !important;
    padding: 10px 8px !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option-text,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-text,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-text {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .kcdh-header.kcdh-lang-fa .kcdh-support-portal-root .kcdh-support-option-logo,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-option-logo {
    max-width: 128px !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 auto !important;
}


/* v1.0.62.79: restore Persian ticket text; hide only direct messenger labels */
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options .kcdh-support-option .kcdh-support-option-text,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-options .kcdh-support-option .kcdh-support-option-text {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-option-text,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-option-text,
html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-ticket-message,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-ticket-message {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-size: 13.4px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    text-align: start !important;
}

html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 52px !important;
    text-align: start !important;
}

html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-option-icon,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-option-icon {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-login-link,
body .kcdh-support-portal-root.kcdh-lang-fa .kcdh-support-ticket .kcdh-support-login-link {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    height: 30px !important;
    white-space: nowrap !important;
}