.main-products.product-grid .product-thumb .name a{height:50px;}

.post-comments{display:none;}

.layout-16 .site-wrapper > .container, .layout-16 .site-wrapper>h1.page-title>span{max-width:1300px!important;}
.module-info_blocks-346 .info-block::before, .module-info_blocks-346 .info-block-img,{width:58px;}
.module-banners-334 .swiper-button-prev, .module-testimonials-256 .swiper-button-prev{right:10px!important;}

.block-header img{width:100px;}

.desktop-main-menu-wrapper .main-menu .mega-menu .mega-menu-content{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

.desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown > a::after{margin-left:-13px;}

.module-button-337 .btn, .module-button-337 .btn:visited{top:-120px;}

.module-products-227 .product-grid .product-thumb .product-labels{top:5px;}

.nav-tabs>li:not(:last-child){margin-right:5px!important;}
.product-info .product-details .stepper .form-control{padding-right:40px!important;}


.desktop-header-active .header-search .search-button{border-radius:50px; padding:10px!important; height:40px; margin-right:10px; }





.module-products-227 .product-grid .product-thumb .stats, .product-thumb .stats{clip-path:polygon(9% 0,90% 3%,100% 94%,0 100%); width:160px; }
.nav-tabs>li:not(:last-child){margin-right:20px!important;}

.route-product-product:not(.popup) .product-info .product-details .price-group{align-items:center!important}

@media only screen 
and (max-width : 468px) {
.mobile-header-active .mobile-1 .mobile-bar-group > div{width:50px;}
.fa-map-pin{display:none!important;}
footer .grid-row-1 .grid-col-3{margin: 0 0px 0 20px;}
}

.whatsapp__btn,
.whatsapp__btn:hover{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #25D366;
    font-size: 32px;
    right: 30px;
    bottom: 20px;
text-decoration:none;
    animation-name: shadow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    z-index: 99;
}
.whatsapp__btn i::before{
content: '\f232' !important;
font-family: icomoon !important;
font-style:normal;
text-decoration:none;
color:#ffffff;
}
.whatsapp__btn span{
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: crimson;
    color: #ffffff;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 99px;
}
@keyframes shadow {
    from {box-shadow: 0px 0px 0px 0px rgba(9,184,62,0.6);}
    to {box-shadow: 0px 0px 0px 20px rgba(9,184,62,0);}
}

/* Journal 3 Secondary Menu (Header Hesabim) Dropdown Styling */
.secondary-menu .dropdown {
  position: relative !important;
}
.secondary-menu .j-dropdown {
  background: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #eeeeee !important;
  padding: 8px 0 !important;
  min-width: 190px !important;
  z-index: 1000 !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
}
.secondary-menu .j-dropdown::before {
  right: 25px !important;
  left: auto !important;
}
.secondary-menu .j-dropdown .j-menu > li {
  width: 100% !important;
}
.secondary-menu .j-dropdown .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
  color: #333333 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border: none !important;
  transition: all 0.2s ease !important;
}
.secondary-menu .j-dropdown .j-menu > li > a:hover {
  background-color: #fff4ed !important;
  color: #F24405 !important;
}
.secondary-menu .j-dropdown .j-menu > li > a i {
  margin-right: 10px !important;
  font-size: 16px !important;
  color: #F24405 !important;
  display: inline-block !important;
}
.secondary-menu .dropdown > a::after {
  content: "" !important;
  display: none !important;
}


/* ===================================================
   MODERN ADDED TO CART NOTIFICATION POPUP
=================================================== */
.notification-wrapper {
  z-index: 999999 !important;
  pointer-events: none !important;
}
.notification-wrapper-tr {
  top: 25px !important;
  right: 25px !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  align-items: flex-end !important;
  padding: 0 !important;
}
.notification {
  pointer-events: auto !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #edf0f2 !important;
  padding: 16px 18px !important;
  width: 410px !important;
  max-width: calc(100vw - 32px) !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  animation: notifSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
@keyframes notifSlideIn {
  from {
    opacity: 0;
    transform: translateY(-16px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.notification-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 28px !important;
  height: 28px !important;
  background: #f1f3f5 !important;
  border: none !important;
  border-radius: 50% !important;
  color: #6c757d !important;
  font-size: 15px !important;
  line-height: 28px !important;
  text-align: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 10 !important;
}
.notification-close:hover {
  background: #e9ecef !important;
  color: #212529 !important;
  transform: scale(1.08) !important;
}
.notification-close::before,
.notification-close::after {
  display: none !important;
}
.notification-content {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 15px !important;
  padding-right: 28px !important;
}
.notification-content img {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #fdfdfd !important;
  border: 1px solid #edf0f2 !important;
  padding: 4px !important;
  box-sizing: border-box !important;
}
.notification-details {
  flex: 1 !important;
  min-width: 0 !important;
}
.notification-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #ecfdf5 !important;
  color: #059669 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  margin-bottom: 5px !important;
  letter-spacing: 0.3px !important;
}
.notification-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1a202c !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}
.notification-text {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.notification-buttons {
  display: flex !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  width: 100% !important;
}
.notification-buttons a {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
}
.notification-buttons .notification-view-cart {
  background: #f1f3f5 !important;
  color: #333333 !important;
  border: 1px solid #dee2e6 !important;
}
.notification-buttons .notification-view-cart:hover {
  background: #e2e6ea !important;
  color: #000000 !important;
  border-color: #ced4da !important;
}
.notification-buttons .notification-checkout {
  background: #F24405 !important;
  color: #ffffff !important;
  border: 1px solid #F24405 !important;
  box-shadow: 0 4px 12px rgba(242, 68, 5, 0.25) !important;
}
.notification-buttons .notification-checkout:hover {
  background: #d93d04 !important;
  border-color: #d93d04 !important;
  box-shadow: 0 6px 16px rgba(242, 68, 5, 0.35) !important;
  transform: translateY(-1px) !important;
}


@media (max-width: 576px) {
  .notification-wrapper-tr {
    top: 15px !important;
    right: 16px !important;
    left: 16px !important;
    width: calc(100% - 32px) !important;
  }
  .notification {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ===================================================
   MODERN HEADER CART BUTTON & DROPDOWN STYLING
=================================================== */
#cart {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 10px !important;
}
#cart > a.cart-heading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  padding: 0 16px 0 16px !important;
  background: #F24405 !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  position: relative !important;
  box-shadow: 0 4px 12px rgba(242, 68, 5, 0.25) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border: none !important;
}
#cart > a.cart-heading:hover {
  background: #d93d04 !important;
  box-shadow: 0 6px 16px rgba(242, 68, 5, 0.35) !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}
#cart > a > i {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
#cart > a > i::before {
  content: "\f07a" !important;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-size: 16px !important;
  display: inline-block !important;
  color: #ffffff !important;
}
#cart .cart-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.3px !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
#cart-items {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  background: #ffffff !important;
  color: #F24405 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  border-radius: 50px !important;
  margin-left: 8px !important;
  line-height: 22px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
}
#cart-items.count-zero {
  display: none !important;
}

/* ===================================================
   CART DROPDOWN (MINI-CART) POPUP
=================================================== */
div.cart-content,
#cart-content {
  width: 390px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18), 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #edf0f2 !important;
  overflow: hidden !important;
  padding: 0 !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 99999 !important;
}
div.cart-content::before {
  right: 35px !important;
  left: auto !important;
  border-bottom-color: #ffffff !important;
}
div.cart-content > ul {
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
}
div.cart-content .cart-products {
  max-height: 300px !important;
  overflow-y: auto !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
}
div.cart-content .cart-products table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}
div.cart-content .cart-products tbody > tr {
  background: #f8fafc !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}
div.cart-content .cart-products tbody > tr:hover {
  background: #f1f5f9 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}
div.cart-content .cart-products tbody > tr > td {
  padding: 8px 10px !important;
  vertical-align: middle !important;
  border: none !important;
  background: transparent !important;
}
div.cart-content .cart-products tbody .td-image {
  width: 50px !important;
  min-width: 50px !important;
  padding-left: 8px !important;
}
div.cart-content .cart-products tbody .td-image img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  padding: 2px !important;
}
div.cart-content .cart-products tbody .td-name {
  padding: 8px 10px !important;
}
div.cart-content .cart-products tbody .td-name a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
}
div.cart-content .cart-products tbody .td-name a:hover {
  color: #F24405 !important;
}
div.cart-content .cart-products tbody .td-qty {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  white-space: nowrap !important;
  padding: 0 8px !important;
}
div.cart-content .cart-products tbody .td-total {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #F24405 !important;
  white-space: nowrap !important;
  padding: 0 10px 0 6px !important;
}
div.cart-content .cart-products tbody .td-remove {
  padding: 0 8px 0 0 !important;
}
div.cart-content .cart-products tbody .td-remove button {
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  padding: 4px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
div.cart-content .cart-products tbody .td-remove button:hover {
  color: #ef4444 !important;
  transform: scale(1.2) !important;
}

/* Totals section in mini-cart */
div.cart-content .cart-totals {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  padding: 12px 16px !important;
}
div.cart-content .cart-totals table {
  width: 100% !important;
  margin-bottom: 12px !important;
  border: none !important;
}
div.cart-content .cart-totals td {
  padding: 3px 0 !important;
  border: none !important;
  font-size: 12.5px !important;
}
div.cart-content .cart-totals .td-total-title {
  color: #64748b !important;
  text-align: left !important;
  font-weight: 500 !important;
}
div.cart-content .cart-totals .td-total-text {
  color: #0f172a !important;
  text-align: right !important;
  font-weight: 700 !important;
}
div.cart-content .cart-totals tr:last-child .td-total-title,
div.cart-content .cart-totals tr:last-child .td-total-text {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #F24405 !important;
  padding-top: 6px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

/* Mini-cart Buttons */
div.cart-content .cart-buttons {
  display: flex !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
div.cart-content .cart-buttons a {
  flex: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 40px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
div.cart-content .cart-buttons .btn-cart {
  background: #ffffff !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}
div.cart-content .cart-buttons .btn-cart:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}
div.cart-content .cart-buttons .btn-checkout {
  background: #F24405 !important;
  color: #ffffff !important;
  border: 1px solid #F24405 !important;
  box-shadow: 0 4px 12px rgba(242, 68, 5, 0.25) !important;
}
div.cart-content .cart-buttons .btn-checkout:hover {
  background: #d93d04 !important;
  border-color: #d93d04 !important;
  box-shadow: 0 6px 16px rgba(242, 68, 5, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* Empty cart in dropdown */
div.cart-content .cart-empty {
  padding: 30px 20px !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Cart Page (/index.php?route=checkout/cart) Table Polish */
.cart-page .cart-table table {
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid #edf0f2 !important;
}
.cart-page .cart-table thead tr td {
  background: #f8fafc !important;
  font-weight: 700 !important;
  color: #334155 !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
}
.cart-page .cart-table tbody tr td {
  padding: 14px !important;
  vertical-align: middle !important;
  border-top: 1px solid #f1f5f9 !important;
}
.cart-page .cart-table .td-image img {
  border-radius: 8px !important;
  border: 1px solid #edf0f2 !important;
  padding: 4px !important;
  background: #fdfdfd !important;
}
.cart-page .cart-table .td-name a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a202c !important;
}
.cart-page .cart-table .td-name a:hover {
  color: #F24405 !important;
}
.cart-page .cart-table .td-total {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #F24405 !important;
}

/* ===================================================
   NAVBAR CATEGORY DROPDOWN MODERNIZATION
   (Ultra-clean, frameless, borderless, floating UI/UX)
=================================================== */

/* 1. Completely remove all triangles and pseudo-elements */
.desktop-main-menu-wrapper .j-dropdown::before,
.desktop-main-menu-wrapper .j-dropdown::after,
.desktop-main-menu-wrapper .main-menu .main-menu-item > .dropdown-menu::before,
.desktop-main-menu-wrapper .main-menu .main-menu-item > .dropdown-menu::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* 2. Pure borderless floating surface for ALL dropdowns (No frame, no border) */
.desktop-main-menu-wrapper .j-dropdown {
  background: #ffffff !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 55px -10px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  padding: 12px 10px !important;
  min-width: 240px !important;
  margin-top: 2px !important;
  animation: jDropdownFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes jDropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 3. Regular Dropdowns (Bakım Ürünleri, Aksesuar vb.) Item Styling */
.desktop-main-menu-wrapper .j-dropdown > .j-menu {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li {
  margin: 3px 0 !important;
  list-style: none !important;
  position: relative !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  letter-spacing: 0.2px !important;
  border: none !important;
  background: transparent !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li:hover > a,
.desktop-main-menu-wrapper .j-dropdown > .j-menu > li > a:hover {
  background: #fff7f2 !important;
  color: #F24405 !important;
  transform: translateX(4px) !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li:hover > a .links-text {
  color: #F24405 !important;
  font-weight: 600 !important;
}

/* 4. YEDEK PARÇA - Yatay Çok Kolonlu Marka Kartları (Tile Grid - Kusursuz UI/UX) */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown {
  width: 1050px !important;
  max-width: 92vw !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  padding: 22px 24px !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
  gap: 8px 14px !important;
  width: 100% !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li {
  margin: 0 !important;
}

/* Brand Tiles in Mega Grid */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  letter-spacing: 0.2px !important;
  transform: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:hover > a,
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a:hover {
  background: #ffffff !important;
  color: #F24405 !important;
  border-color: #ffd8cc !important;
  box-shadow: 0 4px 14px rgba(242, 68, 5, 0.14) !important;
  transform: translateY(-2px) !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:hover > a .links-text {
  color: #F24405 !important;
}

/* Sub-dropdowns (Flyouts for models) */
.desktop-main-menu-wrapper .j-dropdown .j-dropdown {
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  padding: 10px !important;
  min-width: 230px !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:nth-child(n+18) .dropdown-menu {
  left: auto !important;
  right: 100% !important;
}

/* Modern chevron right arrow */
.desktop-main-menu-wrapper .j-dropdown .dropdown > a::after {
  content: "\f105" !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  margin-left: auto !important;
  padding: 0 2px !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
}

.desktop-main-menu-wrapper .j-dropdown .dropdown:hover > a::after {
  color: #F24405 !important;
  transform: translateX(3px) !important;
}

/* Count Badges */
.desktop-main-menu-wrapper .j-dropdown a .count-badge {
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 1px 7px !important;
  min-width: 20px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  margin-left: auto !important;
  margin-right: 6px !important;
  border: 1px solid #e2e8f0 !important;
}

.desktop-main-menu-wrapper .j-dropdown a .count-badge.count-zero {
  display: none !important;
}

.desktop-main-menu-wrapper .j-dropdown li:hover > a .count-badge {
  background: #ffede6 !important;
  color: #F24405 !important;
  border-color: #ffd8cc !important;
}

/* ==========================================================================
   PREMIUM MODERN NAVBAR & MEGA DROPDOWN (FLAWLESS UI/UX - NO BORDERS/FRAMES)
   ========================================================================== */

/* 1. Remove all triangles/arrows above dropdowns completely */
.desktop-main-menu-wrapper .j-dropdown::before,
.desktop-main-menu-wrapper .j-dropdown::after,
.desktop-main-menu-wrapper .dropdown-menu::before,
.desktop-main-menu-wrapper .dropdown-menu::after,
.desktop-main-menu-wrapper .first-dropdown::before,
.desktop-main-menu-wrapper .first-dropdown::after,
.desktop-main-menu-wrapper .j-menu::before,
.desktop-main-menu-wrapper .j-menu::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* 2. Floating borderless surface for standard dropdowns (Bakım, Aksesuar etc.) */
.desktop-main-menu-wrapper .j-dropdown {
  background: #ffffff !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  padding: 10px 8px !important;
  min-width: 230px !important;
  margin-top: 0px !important;
  animation: jDropdownFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes jDropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Standard Dropdown items */
.desktop-main-menu-wrapper .j-dropdown > .j-menu {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li {
  margin: 2px 0 !important;
  list-style: none !important;
  position: relative !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  letter-spacing: 0.15px !important;
  border: none !important;
  background: transparent !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li:hover > a,
.desktop-main-menu-wrapper .j-dropdown > .j-menu > li > a:hover {
  background: #fff7f2 !important;
  color: #F24405 !important;
  transform: translateX(4px) !important;
}

.desktop-main-menu-wrapper .j-dropdown > .j-menu > li:hover > a .links-text {
  color: #F24405 !important;
  font-weight: 600 !important;
}

/* 3. YEDEK PARÇA - MEGA DROPDOWN (Perfect Centered Alignment & Luxury Card Grid) */
.desktop-main-menu-wrapper .main-menu-item-2 {
  position: relative !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown {
  width: 1160px !important;
  max-width: 96vw !important;
  left: -345px !important;
  right: auto !important;
  top: 100% !important;
  transform: none !important;
  padding: 22px 24px !important;
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 25px 55px -10px rgba(15, 23, 42, 0.18), 0 8px 20px -4px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  margin-top: 0px !important;
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown {
    width: 980px !important;
    left: -250px !important;
  }
}

/* 4-Column Grid for 35 Brands */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px 12px !important;
  width: 100% !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li {
  margin: 0 !important;
  position: relative !important;
}

/* Interactive Brand Tile Cards */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 12px !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  letter-spacing: 0.15px !important;
  transform: none !important;
  transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Subtle Motorcycle Brand Icon */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a .links-text::before {
  content: "\f21c" !important;
  font-family: FontAwesome !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  margin-right: 8px !important;
  display: inline-block !important;
  transition: all 0.18s ease !important;
}

/* Safe Text Handling */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a .links-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
  text-align: left !important;
}

/* Hover State on Brand Card */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:hover > a,
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li > a:hover {
  background: #ffffff !important;
  color: #F24405 !important;
  border-color: #fdba74 !important;
  box-shadow: 0 4px 12px rgba(242, 68, 5, 0.12) !important;
  transform: translateY(-2px) !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:hover > a .links-text {
  color: #F24405 !important;
}

.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:hover > a .links-text::before {
  color: #F24405 !important;
  transform: scale(1.15) !important;
}

/* Clean Right Arrow for Brand Items */
.desktop-main-menu-wrapper .j-dropdown .dropdown > a::after {
  content: "\f105" !important;
  font-family: FontAwesome !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  margin-left: 6px !important;
  padding: 0 2px !important;
  transition: all 0.18s ease !important;
  line-height: 1 !important;
}

.desktop-main-menu-wrapper .j-dropdown .dropdown:hover > a::after {
  color: #F24405 !important;
  transform: translateX(3px) !important;
}

/* Flyouts for Model Sub-menus */
.desktop-main-menu-wrapper .j-dropdown .j-dropdown {
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  padding: 8px !important;
  min-width: 210px !important;
  z-index: 9999 !important;
}

/* Sub-menu item styling */
.desktop-main-menu-wrapper .j-dropdown .j-dropdown .j-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  border-radius: 7px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  background: transparent !important;
  border: none !important;
  transition: all 0.15s ease !important;
}

.desktop-main-menu-wrapper .j-dropdown .j-dropdown .j-menu > li:hover > a {
  background: #fff7f2 !important;
  color: #F24405 !important;
  transform: translateX(3px) !important;
}

.desktop-main-menu-wrapper .j-dropdown .j-dropdown .j-menu > li:hover > a .links-text {
  color: #F24405 !important;
  font-weight: 600 !important;
}

/* Flyout Direction for 3rd and 4th Columns: Open to Left */
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:nth-child(4n-1) .dropdown-menu,
.desktop-main-menu-wrapper .main-menu-item-2 > .j-dropdown > .j-menu > li:nth-child(4n) .dropdown-menu {
  left: auto !important;
  right: 100% !important;
}

/* Product Count Badges */
.desktop-main-menu-wrapper .j-dropdown a .count-badge {
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 1px 6px !important;
  min-width: 18px !important;
  text-align: center !important;
  transition: all 0.18s ease !important;
  margin-left: auto !important;
  margin-right: 4px !important;
  border: 1px solid #e2e8f0 !important;
}

.desktop-main-menu-wrapper .j-dropdown a .count-badge.count-zero {
  display: none !important;
}

.desktop-main-menu-wrapper .j-dropdown li:hover > a .count-badge {
  background: #ffede6 !important;
  color: #F24405 !important;
  border-color: #ffd8cc !important;
}

/* ==========================================================================
   PREMIUM FOOTER BOTTOM BAR & CREDITS STYLING (FLAWLESS UI/UX)
   ========================================================================== */
.footer-bottom-bar {
  background: #0f172a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 0 !important;
  color: #94a3b8 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  position: relative !important;
  z-index: 10 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.footer-bottom-container {
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

/* Copyright Text */
.footer-copyright {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  letter-spacing: 0.2px !important;
}

.footer-copyright .copyright-symbol {
  color: #64748b !important;
  font-size: 14px !important;
}

.footer-copyright strong {
  color: #f8fafc !important;
  font-weight: 600 !important;
}

/* Credits Section */
.footer-credits {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  font-size: 12.5px !important;
}

.footer-credits .credit-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #64748b !important;
}

.footer-credits .credit-label {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* Interactive Pill Badges */
.footer-credits .credit-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  color: #e2e8f0 !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.footer-credits .credit-badge i {
  font-size: 11px !important;
  color: #F24405 !important;
  transition: transform 0.2s ease !important;
}

.footer-credits .credit-badge:hover {
  background: #F24405 !important;
  border-color: #F24405 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(242, 68, 5, 0.35) !important;
}

.footer-credits .credit-badge:hover i {
  color: #ffffff !important;
  transform: scale(1.15) !important;
}

.footer-credits .credits-separator {
  color: #334155 !important;
  font-size: 12px !important;
}

/* Responsive for Mobile Devices */
@media (max-width: 768px) {
  .footer-bottom-bar {
    padding: 20px 0 !important;
  }
  .footer-bottom-container {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 14px !important;
  }
  .footer-copyright {
    justify-content: center !important;
  }
  .footer-credits {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .footer-credits .credits-separator {
    display: none !important;
  }
}