/* =========================================================
   ASD Kimya - Header Arama Konumu
   Amaç: Masaüstünde arama kutusunu logo ile bildirim ikonunun arasına almak.
   ========================================================= */

@media (min-width: 992px) {
  html.desktop-header-active body:not(.is-sticky) .header-classic .mid-bar,
  html body.desktop-header-active:not(.is-sticky) .header-classic .mid-bar,
  html body .header-classic .mid-bar {
    gap: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body .header-classic .desktop-logo-wrapper {
    flex: 0 0 250px !important;
    max-width: 250px !important;
    justify-content: center !important;
  }

  html body .header-classic .asd-header-search-slot,
  html body .header-classic .desktop-search-wrapper.full-search.default-search-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 360px !important;
    max-width: 690px !important;
    height: 48px !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    order: 5 !important;
  }

  html body .header-classic .asd-header-search-slot #search,
  html body .header-classic .desktop-search-wrapper #search,
  html body .header-classic .asd-header-search-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: none !important;
    position: relative !important;
  }

  html body .header-classic .asd-header-search-box > .dropdown-menu,
  html body .header-classic .full-search #search > .dropdown-menu,
  html body .header-classic .full-search #search > .j-dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: 48px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body .header-classic .asd-header-search-box .header-search,
  html body .header-classic .desktop-search-wrapper .header-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 87, 184, .20) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(6, 43, 95, .09) !important;
  }

  html body .header-classic .asd-header-search-box .search-input,
  html body .header-classic .desktop-search-wrapper input[name="search"] {
    height: 48px !important;
    min-height: 48px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px 0 0 999px !important;
    background: #ffffff !important;
    color: #061B38 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  html body .header-classic .asd-header-search-box .search-input::placeholder {
    color: rgba(6, 27, 56, .58) !important;
    opacity: 1 !important;
  }

  html body .header-classic .asd-header-search-box .search-button,
  html body .header-classic .desktop-search-wrapper .search-button {
    flex: 0 0 52px !important;
    min-width: 52px !important;
    width: 52px !important;
    height: 48px !important;
    border-radius: 0 999px 999px 0 !important;
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .header-classic .asd-header-action-slot,
  html body .header-classic .classic-cart-wrapper {
    flex: 0 0 96px !important;
    max-width: 120px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    position: relative !important;
  }

  html body .header-classic #notification-icon.asd-header-notification-slot {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 48px !important;
    height: 48px !important;
    margin-left: 0 !important;
  }

  html body .header-classic #notification-icon.asd-header-notification-slot #bildirim {
    margin: 0 !important;
  }

  html body .header-classic #notification-icon.asd-header-notification-slot .badge {
    position: absolute !important;
    top: 0 !important;
    right: -5px !important;
    margin: 0 !important;
    z-index: 2 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html body .header-classic .desktop-logo-wrapper {
    flex-basis: 210px !important;
    max-width: 210px !important;
  }

  html body .header-classic .asd-header-search-slot,
  html body .header-classic .desktop-search-wrapper.full-search.default-search-wrapper {
    min-width: 300px !important;
    max-width: 560px !important;
  }
}

@media (max-width: 991px) {
  html body .header-classic .asd-header-search-slot {
    max-width: 100% !important;
  }
}

/* =========================================================
   ASD Kimya - Mobil Header Arama Alanı v2
   Amaç: Mobilde arama kutusunu menü/logo satırının altına,
   siyah CTA bloğundan önce yerleştirmek. Masaüstünü etkilemez.
   ========================================================= */

@media (max-width: 991px) {
  html body .mobile-header.mobile-default.mobile-2 {
    background: #ffffff !important;
    position: relative !important;
    z-index: 20 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-bar.sticky-bar {
    min-height: 76px !important;
    padding: 4px 10px 0 !important;
    align-items: center !important;
    background: #ffffff !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .menu-trigger,
  html body .mobile-header.mobile-default.mobile-2 .mobile-logo-wrapper {
    transform: translateY(-4px) !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .menu-trigger button {
    margin-top: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-logo-wrapper #logo,
  html body .mobile-header.mobile-default.mobile-2 .mobile-logo-wrapper #logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-logo-wrapper img {
    max-height: 66px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-bar-group.mobile-search-group {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    padding: 0 12px 11px !important;
    margin: -5px 0 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper.full-search {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-header-search-box,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper #search {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: none !important;
    margin: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-trigger,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .dropdown-toggle.search-trigger {
    display: none !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-header-search-box > .dropdown-menu,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-header-search-box > .j-dropdown,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper #search > .dropdown-menu,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper #search > .j-dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .header-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 87, 184, .22) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(6, 43, 95, .10) !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper input[name="search"],
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-input {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 999px 0 0 999px !important;
    background: #ffffff !important;
    color: #061B38 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 42px !important;
    box-shadow: none !important;
    outline: none !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper input[name="search"]::placeholder,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-input::placeholder {
    color: rgba(6, 27, 56, .62) !important;
    opacity: 1 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-button {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    width: 46px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-button::before {
    color: #ffffff !important;
    font-size: 17px !important;
  }
}

@media (max-width: 380px) {
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper input[name="search"],
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-input {
    font-size: 12px !important;
    padding-left: 11px !important;
  }
}

/* =========================================================
   ASD Kimya - Mobil Header Arama Alanı v3
   Düzeltme: Kategori butonu ve sağ arama butonu input tarafından ezilmesin.
   Masaüstünü değiştirmemek için category selector desktop'ta gizli tutulur.
   ========================================================= */

@media (min-width: 992px) {
  html body .header-classic .asd-header-search-box .asd-search-categories,
  html body .header-classic .desktop-search-wrapper .asd-search-categories {
    display: none !important;
  }
}

@media (max-width: 991px) {
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .header-search {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .header-search > * {
    min-width: 0 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-categories,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    border-right: 1px solid rgba(0, 87, 184, .16) !important;
    background: #f7fbff !important;
    border-radius: 999px 0 0 999px !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    padding: 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: #061B38 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories-button::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 5px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #0057B8 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper input[name="search"],
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 0 !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-button,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-submit {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 6 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-button svg,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    fill: currentColor !important;
    pointer-events: none !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-categories > .dropdown-menu,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories > .dropdown-menu {
    position: absolute !important;
    top: 45px !important;
    left: 0 !important;
    right: auto !important;
    min-width: 230px !important;
    max-width: 82vw !important;
    max-height: 320px !important;
    overflow: auto !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(0, 87, 184, .18) !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(6, 43, 95, .18) !important;
    z-index: 9999 !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-categories > .dropdown-menu:not(.show),
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories > .dropdown-menu:not(.show) {
    display: none;
  }
}

@media (max-width: 380px) {
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-categories,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-categories-button {
    font-size: 10px !important;
    padding: 0 7px !important;
  }

  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .search-button,
  html body .mobile-header.mobile-default.mobile-2 .mobile-search-wrapper .asd-search-submit {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}


/* =========================================================
   ASD Kimya - Mobil Arama v4 Stabil Düzeltme
   Sorun: Journal mobil arama dropdown katmanı kategori ve mavi arama butonunu
   kısa süre gösterip tekrar gizleyebiliyor.
   Çözüm: Mobilde Journal'ın oynak arama grubunu gizleyip bağımsız, stabil
   bir mini arama formu kullanmak. Masaüstüne dokunmaz.
   ========================================================= */
@media (min-width: 992px) {
  html body .asd-mobile-direct-search-wrap {
    display: none !important;
  }
}

@media (max-width: 991px) {
  html body .mobile-header.mobile-default.mobile-2 .mobile-bar-group.mobile-search-group,
  html body .mobile-header .mobile-bar-group.mobile-search-group {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  html body .mobile-header .asd-mobile-direct-search-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    padding: 0 12px 11px !important;
    margin: -5px 0 0 !important;
    background: #ffffff !important;
    position: relative !important;
    z-index: 50 !important;
    box-sizing: border-box !important;
  }

  html body .mobile-header .asd-mobile-direct-search {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 540px !important;
    height: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 87, 184, .22) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(6, 43, 95, .10) !important;
    box-sizing: border-box !important;
  }

  html body .mobile-header .asd-mobile-category-trigger {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 9px !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(0, 87, 184, .16) !important;
    border-radius: 999px 0 0 999px !important;
    background: #f7fbff !important;
    color: #061B38 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body .mobile-header .asd-mobile-category-trigger::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 5px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #0057B8 !important;
  }

  html body .mobile-header .asd-mobile-search-input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #061B38 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 42px !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body .mobile-header .asd-mobile-search-input::placeholder {
    color: rgba(6, 27, 56, .62) !important;
    opacity: 1 !important;
  }

  html body .mobile-header .asd-mobile-search-submit {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  html body .mobile-header .asd-mobile-search-submit svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    fill: currentColor !important;
    pointer-events: none !important;
  }
}

@media (max-width: 380px) {
  html body .mobile-header .asd-mobile-category-trigger {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    font-size: 10px !important;
    padding: 0 7px !important;
  }

  html body .mobile-header .asd-mobile-search-input {
    font-size: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .mobile-header .asd-mobile-search-submit {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}


/* =========================================================
   ASD Kimya - Mobil Arama v5 Runtime Sabitleme
   Amaç: Journal'ın kendi mobil search alanı veya önceki patch'lerdeki
   template içi arama gizlense bile, JS ile eklenen #asd-mobile-search-runtime
   her zaman logo/menü satırının altında görünür kalsın. Masaüstüne dokunmaz.
   ========================================================= */
@media (min-width: 992px) {
  html body #asd-mobile-search-runtime {
    display: none !important;
  }
}

@media (max-width: 991px) {
  /* Önceki template içi deneysel arama alanlarını gizle; runtime alan tek kaynak olsun. */
  html body .mobile-header .asd-mobile-direct-search-wrap:not(#asd-mobile-search-runtime) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body #asd-mobile-search-runtime,
  html body .mobile-header #asd-mobile-search-runtime,
  html body .asd-mobile-runtime-search-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 50px !important;
    max-height: none !important;
    padding: 0 12px 11px !important;
    margin: -2px 0 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 540px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 87, 184, .22) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(6, 43, 95, .10) !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-category {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 94px !important;
    width: 94px !important;
    min-width: 94px !important;
    max-width: 94px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(0, 87, 184, .16) !important;
    border-radius: 999px 0 0 999px !important;
    background: #f7fbff !important;
    color: #061B38 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 42px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-category::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 4px !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #0057B8 !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #061B38 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 42px !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-input::placeholder {
    color: rgba(6, 27, 56, .62) !important;
    opacity: 1 !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-submit {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-submit svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    fill: currentColor !important;
    pointer-events: none !important;
  }
}

@media (max-width: 380px) {
  html body #asd-mobile-search-runtime .asd-mobile-runtime-category {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    font-size: 10px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-input {
    font-size: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-submit {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}


/* =========================================================
   ASD Kimya - Mobil Arama v6
   İstek: Mobil aramadaki soldaki Kategori alanı kaldırıldı.
   Sonuç: Tam genişlik input + sağ mavi arama butonu. Masaüstüne dokunmaz.
   ========================================================= */
@media (max-width: 991px) {
  html body #asd-mobile-search-runtime .asd-mobile-runtime-category,
  html body #asd-mobile-search-runtime .asd-mobile-runtime-category::after,
  html body .mobile-header .asd-mobile-category-trigger,
  html body .mobile-header .asd-mobile-category-trigger::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-search,
  html body .mobile-header .asd-mobile-direct-search {
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-input,
  html body .mobile-header .asd-mobile-search-input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding-left: 20px !important;
    padding-right: 12px !important;
    border-radius: 999px 0 0 999px !important;
    background: #ffffff !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-submit,
  html body .mobile-header .asd-mobile-search-submit {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    border-radius: 0 999px 999px 0 !important;
  }
}

@media (max-width: 380px) {
  html body #asd-mobile-search-runtime .asd-mobile-runtime-input,
  html body .mobile-header .asd-mobile-search-input {
    padding-left: 17px !important;
    font-size: 12px !important;
  }

  html body #asd-mobile-search-runtime .asd-mobile-runtime-submit,
  html body .mobile-header .asd-mobile-search-submit {
    flex-basis: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }
}


/* =========================================================
   ASD Kimya - Masaustu Acilir Kategori Menu Netlik Patch v3
   Mobil menuyu ve mobil arama alanini etkilemez. Sadece 992px+.
   Amaç: Desktop dropdown arka planini opak, okunakli ve slider/slogan uzerinde net hale getirmek.
   ========================================================= */
@media (min-width: 992px) {
  html body .desktop-header,
  html body .header-classic,
  html body .desktop-main-menu-wrapper,
  html body .desktop-main-menu-wrapper .main-menu,
  html body .desktop-main-menu-wrapper .j-menu,
  html body .header-classic .desktop-main-menu-wrapper {
    position: relative !important;
    z-index: 10050 !important;
    overflow: visible !important;
  }

  html body .desktop-main-menu-wrapper .j-menu > li,
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li {
    position: relative !important;
    overflow: visible !important;
  }

  html body .desktop-main-menu-wrapper .j-menu > li > .dropdown-menu.j-dropdown,
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-291 > .j-menu > li > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-311 > .j-menu > li > .dropdown-menu.j-dropdown {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute !important;
    top: calc(100% + 9px) !important;
    left: 0 !important;
    right: auto !important;
    width: max-content !important;
    min-width: 330px !important;
    max-width: 720px !important;
    padding: 12px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 87, 184, .22) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 50px rgba(3, 28, 62, .25), 0 4px 12px rgba(3, 28, 62, .10) !important;
    color: #061B38 !important;
    z-index: 10080 !important;
    overflow: visible !important;
    transform: translateY(8px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .desktop-main-menu-wrapper .j-menu > li:hover > .dropdown-menu.j-dropdown,
  html body .desktop-main-menu-wrapper .j-menu > li.open > .dropdown-menu.j-dropdown,
  html body .desktop-main-menu-wrapper .j-menu > li.dropdown:hover > .dropdown-menu.j-dropdown,
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li:hover > .dropdown-menu.j-dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body .desktop-main-menu-wrapper .j-menu > li > .dropdown-menu.j-dropdown::before,
  html body .main-menu.main-menu-291 > .j-menu > li > .dropdown-menu.j-dropdown::before,
  html body .main-menu.main-menu-311 > .j-menu > li > .dropdown-menu.j-dropdown::before {
    content: "" !important;
    position: absolute !important;
    top: -9px !important;
    left: 34px !important;
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(0, 87, 184, .18) !important;
    border-top: 1px solid rgba(0, 87, 184, .18) !important;
    transform: rotate(45deg) !important;
    display: block !important;
    z-index: -1 !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown > ul.j-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }

  /* Uzun gruplar: Katki Maddeleri ve Gida Hammaddeleri desktop'ta iki sutun, daha okunakli. */
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li:nth-child(3) > .dropdown-menu.j-dropdown,
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li:nth-child(4) > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-291 > .j-menu > li.main-menu-item-3 > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-291 > .j-menu > li.main-menu-item-4 > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-311 > .j-menu > li.main-menu-item-3 > .dropdown-menu.j-dropdown,
  html body .main-menu.main-menu-311 > .j-menu > li.main-menu-item-4 > .dropdown-menu.j-dropdown {
    min-width: 560px !important;
  }

  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li:nth-child(3) > .dropdown-menu.j-dropdown > ul.j-menu,
  html body .desktop-main-menu-wrapper .main-menu > .j-menu > li:nth-child(4) > .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-291 > .j-menu > li.main-menu-item-3 > .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-291 > .j-menu > li.main-menu-item-4 > .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-311 > .j-menu > li.main-menu-item-3 > .dropdown-menu.j-dropdown > ul.j-menu,
  html body .main-menu.main-menu-311 > .j-menu > li.main-menu-item-4 > .dropdown-menu.j-dropdown > ul.j-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li[class*="menu-item"],
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a.dropdown-toggle,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a.collapse-toggle,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #f7fbff !important;
    color: #061B38 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    text-decoration: none !important;
    border: 1px solid rgba(0, 87, 184, .08) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a::before,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a::before,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a::before {
    content: "›" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: rgba(0, 87, 184, .10) !important;
    color: #0057B8 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a:hover,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a:hover {
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: translateX(2px) !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover::before,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a::before,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a:hover::before,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a:hover::before {
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
  }

  /* Slider/siyah slogan blogu dropdown'un uzerine cikmasin. */
  html body .journal-slider,
  html body .journal3-slider,
  html body .master-slider,
  html body .swiper,
  html body .swiper-container,
  html body .module-master_slider,
  html body .module-fullscreen_slider,
  html body .module-blocks,
  html body .module-banners {
    z-index: 1 !important;
  }
}

/* =========================================================
   ASD Kimya - Desktop Menu Hizalama + Hover Okunurluk Fix v4
   Mobil alana dokunmaz. v3 acilir pencere tasarimini korur.
   Sorunlar:
   1) Masaustu ana kategori satiri fazla yukarida gorunuyordu.
   2) Dropdown alt kategori hover durumunda yazi yeterince belirgin degildi.
   ========================================================= */
@media (min-width: 992px) {
  /* Ana kategori satirini logo/arama bloguna gore biraz daha asagi al. */
  html body:not(.is-sticky) .header-classic .desktop-main-menu-wrapper,
  html body:not(.is-sticky) .desktop-main-menu-wrapper {
    top: 12px !important;
    margin-bottom: 12px !important;
  }

  html body:not(.is-sticky) .header-classic .desktop-main-menu-wrapper .main-menu,
  html body:not(.is-sticky) .desktop-main-menu-wrapper .main-menu,
  html body:not(.is-sticky) .header-classic .desktop-main-menu-wrapper .j-menu,
  html body:not(.is-sticky) .desktop-main-menu-wrapper .j-menu {
    align-items: center !important;
  }

  html body:not(.is-sticky) .desktop-main-menu-wrapper .main-menu > .j-menu > li > a,
  html body:not(.is-sticky) .main-menu.main-menu-291 > .j-menu > li > a,
  html body:not(.is-sticky) .main-menu.main-menu-311 > .j-menu > li > a {
    min-height: 34px !important;
    line-height: 1.25 !important;
  }

  /* Dropdown hover okunurlugu: link icindeki span/icon renklerini de zorla beyaz yap. */
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a:hover,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.open > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.active > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a:hover,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.open > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.active > a {
    background: linear-gradient(135deg, #0057B8 0%, #0B63CE 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover *,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a *,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a *,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a:hover *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.open > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.active > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a:hover *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.open > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.active > a * {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    filter: none !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover svg,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a svg,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover i,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a i,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover .icon,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a .icon,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a svg,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover::before,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a::before,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a::before,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a::before,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a::before,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a::before {
    background: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   ASD Kimya - Desktop Dropdown Hover Text Fix v5
   Sorun: bazi alt kategori satirlarinda hover/active durumda yazi mavi kalabiliyor.
   Cozum: alt kategori satiri hover/open/active iken tum metin torunlarini beyaza zorla.
   ========================================================= */
@media (min-width: 992px) {
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li > a:hover,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.active > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.open > a,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.current > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li > a:hover,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.active > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.open > a,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.current > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover span,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a span,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a span,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a span,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a span,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover strong,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a strong,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a strong,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a strong,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a strong,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover small,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a small,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a small,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a small,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a small,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover div,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a div,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a div,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a div,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a div,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li > a:hover p,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a p,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a p,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a p,
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a p,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li:hover > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.active > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.open > a *,
  html body .main-menu.main-menu-291 .dropdown-menu.j-dropdown li.current > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li:hover > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.active > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.open > a *,
  html body .main-menu.main-menu-311 .dropdown-menu.j-dropdown li.current > a * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li:hover > a [style],
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.active > a [style],
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.open > a [style],
  html body .desktop-main-menu-wrapper .dropdown-menu.j-dropdown li.current > a [style] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}