/* ==========================================================================
   KONSOLCUM.COM MODERN LIGHT THEME (V1.0)
   Clean Light Mode (#f8f9fa / #ffffff) + Bold Luxury Slate (#0f172a)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

:root {
  --bg-dark: #f8f9fa;
  --bg-darker: #f1f5f9;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --text-white: #0f172a;
  --text-dark: #1e293b;
  --text-muted: #64748b;
  --accent-yellow: #0f172a;
  --accent-yellow-hover: #1e293b;
  --accent-blue: #2563eb;
  --accent-red: #dc2626;
  --accent-green: #16a34a;
  --border-dark: #e2e8f0;
  --border-light: #f1f5f9;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
}

/* Base & Global Typography */
body {
  background-color: var(--bg-dark) !important;
  color: var(--text-white) !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  color: var(--text-white);
}

a {
  color: var(--text-white);
  transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
  color: var(--accent-yellow) !important;
  text-decoration: none !important;
}

/* ---------------------------------------------------- */
/* İKİNCİ EL PROMO TOP BAR - KAHRAMAN KONSOL GAMER TEMA */
/* ---------------------------------------------------- */
.ikinciel-promo-bar {
  background: linear-gradient(90deg, #0d0d0d 0%, #171610 25%, #24220c 50%, #171610 75%, #0d0d0d 100%) !important;
  border-bottom: 2px solid #F3D825 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(15, 23, 42, 0.15) !important;
  color: #ffffff !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: hidden !important;
  text-align: center !important;
  width: 100% !important;
}

.ikinciel-promo-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.15), transparent);
  animation: promoShimmer 5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes promoShimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

.ikinciel-promo-inner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 8px 20px !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 auto !important;
  text-align: center !important;
  float: none !important;
}

.ikinciel-promo-icon {
  font-size: 16px !important;
  animation: promoIconBounce 2.2s ease-in-out infinite !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  background: rgba(15, 23, 42, 0.15) !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  border-radius: 6px !important;
  padding: 4px 7px !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

@keyframes promoIconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

.ikinciel-promo-text {
  font-size: 13.5px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  float: none !important;
  margin: 0 !important;
  flex: none !important;
  letter-spacing: 0.2px !important;
}

.ikinciel-promo-text strong {
  font-weight: 800 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.ikinciel-promo-text strong span,
.ikinciel-promo-highlight {
  color: #F3D825 !important;
  text-shadow: 0 0 12px rgba(15, 23, 42, 0.15) !important;
}

.ikinciel-promo-sub {
  opacity: 0.85 !important;
  color: #cccccc !important;
  margin-left: 2px !important;
  font-size: 12.5px !important;
}

.ikinciel-promo-btn {
  background: linear-gradient(135deg, #F3D825 0%, #d4bc19 100%) !important;
  color: #121212 !important;
  text-decoration: none !important;
  padding: 5px 16px !important;
  border-radius: 6px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.25s ease-in-out !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  float: none !important;
  margin: 0 0 0 6px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.15) !important;
}

.ikinciel-promo-btn:hover {
  background: linear-gradient(135deg, #ffe338 0%, #e5cb19 100%) !important;
  color: #000000 !important;
  transform: translateY(-1px) scale(1.04) !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.15) !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .ikinciel-promo-inner {
    padding: 6px 10px !important;
    gap: 8px !important;
  }
  .ikinciel-promo-text {
    font-size: 11.5px !important;
    gap: 4px !important;
  }
  .ikinciel-promo-sub {
    display: none !important;
  }
  .ikinciel-promo-btn {
    font-size: 11px !important;
    padding: 4px 10px !important;
    margin-left: 2px !important;
  }
  .ikinciel-promo-icon {
    font-size: 13px !important;
    padding: 2px 5px !important;
  }
}

/* ---------------------------------------------------- */
/* TOP BAR & HEADER                                     */
/* ---------------------------------------------------- */
.top_header {
  background-color: var(--bg-dark) !important;
  border-bottom: 1px solid var(--border-dark) !important;
  padding: 8px 0 !important;
  font-size: 13px !important;
}

/* Disable Bootstrap 3 float clearing pseudo-elements from acting as flex items */
.top_header .container::before,
.top_header .container::after,
.header-area .container::before,
.header-area .container::after,
.header-middle .container::before,
.header-middle .container::after {
  display: none !important;
  content: none !important;
}

.top_header .container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.top_header .phone-wrap,
.top_header .links-wrap {
  margin: 0 !important;
}

.top_header .phone-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.top_header .phone-wrap ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
}

.top_header .phone-wrap ul li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.top_header .phone-wrap ul li:after {
  content: "" !important;
  display: none !important;
}

.top_header .phone-wrap ul li a {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #aaaaaa !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.top_header .phone-wrap ul li a:hover {
  color: var(--accent-yellow) !important;
}

.top_header .links-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

.top_header .links-wrap ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.top_header .links-wrap ul li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.top_header .links-wrap ul li:after {
  content: "|" !important;
  color: #333333 !important;
  margin: 0 12px !important;
  font-size: 11px !important;
  display: inline-block !important;
}

.top_header .links-wrap ul li:last-child:after {
  content: "" !important;
  margin: 0 !important;
  display: none !important;
}

.top_header .links-wrap ul li a {
  padding: 0 !important;
  margin: 0 !important;
  color: #aaaaaa !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

.top_header .links-wrap ul li a:hover {
  color: var(--accent-yellow) !important;
}

/* ---------------------------------------------------- */
/* TOP HEADER & MAIN HEADER (RESPONSIVE DESKTOP/MOBILE) */
/* ---------------------------------------------------- */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.top_header {
  background: #f8f9fa !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 8px 0 !important;
}

.top_header .container {
  width: 100% !important;
  max-width: 1200px !important;
  padding: 0 20px !important;
}

.top-header-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top_header .phone-wrap {
  margin: 0 !important;
  padding: 0 10px !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
}

.top_header .links-wrap {
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 10px !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}

.top-phone-list {
  display: flex !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.top-phone-list li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: inline-flex !important;
}

.top-phone-list li a {
  color: #999999 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top-phone-list li a i {
  color: var(--accent-yellow) !important;
}

.top-links-list {
  display: flex !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.top-links-list li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.top-links-list li a {
  color: #aaaaaa !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: 0.3px !important;
}

.top-links-list li a:hover {
  color: var(--accent-yellow) !important;
}

.header-area {
  background-color: var(--bg-dark) !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--border-dark) !important;
}

.header-main-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  width: 100% !important;
}

.header-brand-row {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  flex: 0 0 240px !important;
}

.logo-wrapper {
  display: flex !important;
  align-items: center !important;
}

.logo-wrapper a {
  display: inline-block !important;
}

.logo-wrapper img {
  max-height: 55px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.search-wrapper {
  flex: 1 !important;
  max-width: 700px !important;
}

.search-wrapper form {
  display: flex !important;
  height: 44px !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.search-wrapper input[type="text"], #detailSearchKey {
  flex: 1 !important;
  border: none !important;
  background-color: #ffffff !important;
  color: #121212 !important;
  font-size: 14px !important;
  padding: 0 16px !important;
  outline: none !important;
}

.search-wrapper input::placeholder, #detailSearchKey::placeholder {
  color: #888888 !important;
  font-size: 13px !important;
}

.search-wrapper button {
  width: 55px !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border: none !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.search-wrapper button:hover {
  background-color: var(--accent-yellow-hover) !important;
}

@media (min-width: 992px) {
  .user-cart-wrapper {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
  }

  .user-action, .cart-action {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: transform 0.2s ease !important;
  }

  .user-action:hover, .cart-action:hover {
    transform: translateY(-2px) !important;
  }

  .user-action i, .cart-action i {
    font-size: 26px !important;
    color: var(--accent-yellow) !important;
  }

  .action-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .action-text .sub-label {
    font-size: 11px !important;
    color: #888888 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
  }

  .action-text .main-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
  }

  .cart-icon-container {
    position: relative !important;
  }

  .desktop-cart-badge {
    position: absolute !important;
    top: -6px !important;
    right: -8px !important;
    background: var(--accent-yellow) !important;
    color: #121212 !important;
    font-weight: 800 !important;
    font-size: 10px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

/* ---------------------------------------------------- */
/* MOBILE HEADER & DRAWER STYLES                        */
/* ---------------------------------------------------- */
@media (max-width: 991px) {
  .top_header {
    display: none !important;
  }
  
  .header-area {
    padding: 10px 0 !important;
  }
  
  .header-main-flex {
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  .header-brand-row {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .header-brand-row .mobile-toggle-btn {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    z-index: 10 !important;
  }

  .header-brand-row .mobile-toggle-btn a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    color: var(--accent-yellow) !important;
    font-size: 20px !important;
    text-decoration: none !important;
  }
  
  .header-brand-row .logo-wrapper {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    max-width: calc(100% - 190px) !important;
    height: 38px !important;
    pointer-events: auto !important;
  }
  
  .header-brand-row .logo-wrapper a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }

  .header-brand-row .logo-wrapper img {
    max-height: 36px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  
  .header-brand-row .mobile-quick-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 10 !important;
  }
  
  .header-brand-row .mobile-quick-actions .m-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    position: relative !important;
    text-decoration: none !important;
  }
  
  .header-brand-row .mobile-quick-actions .m-action-btn i {
    color: var(--accent-yellow) !important;
  }
  
  .header-brand-row .mobile-quick-actions .m-cart-badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    background: var(--accent-yellow) !important;
    color: #121212 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 17px !important;
    height: 17px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 3px !important;
    line-height: 1 !important;
  }
  
  .search-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .search-wrapper form {
    height: 40px !important;
  }
  
  .search-wrapper input[type="text"], #detailSearchKey {
    font-size: 13px !important;
    padding: 0 12px !important;
  }
  
  .search-wrapper button {
    width: 45px !important;
    font-size: 16px !important;
  }
  
  .user-cart-wrapper,
  .header-main-flex .user-cart-wrapper {
    display: none !important;
  }
  
  /* Sticky Bottom Mobile Bar */
  .menufix {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 56px !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06) !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .menufix a {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #888888 !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    gap: 3px !important;
    position: relative !important;
    height: 100% !important;
  }
  
  .menufix a i {
    font-size: 18px !important;
    color: #aaaaaa !important;
    line-height: 1 !important;
  }
  
  .menufix a:hover i,
  .menufix a.active i,
  .menufix a.home i {
    color: var(--accent-yellow) !important;
  }
  
  .menufix a:hover span,
  .menufix a.active span {
    color: #ffffff !important;
  }
  
  .menufix .cart_total {
    position: absolute !important;
    top: 4px !important;
    left: 55% !important;
    background: var(--accent-yellow) !important;
    color: #121212 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    min-width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  
  .header-middle,
  .main-menu.gamer-menu,
  .main-menu {
    display: none !important;
  }

  body {
    padding-bottom: 60px !important;
  }
}

/* MMENU Dark Gamer Styles */
.mm-menu {
  background: #ffffff !important;
  color: #ffffff !important;
}

.mm-navbar {
  background: #f8f9fa !important;
  border-bottom: 2px solid var(--accent-yellow) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.mm-navbar .mm-title {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
}

.mm-navbar .mm-btn:before {
  border-color: var(--accent-yellow) !important;
}

.mm-listview > li {
  border-bottom: 1px solid #242424 !important;
}

.mm-listview > li > a,
.mm-listview > li > span {
  color: #dddddd !important;
  font-size: 14px !important;
  padding: 12px 18px !important;
}

.mm-listview > li > a:hover {
  color: var(--accent-yellow) !important;
  background: #ffffff !important;
}

.mm-btn_next:after {
  border-color: #777777 !important;
}

/* ---------------------------------------------------- */
/* MAIN NAVIGATION / MEGA MENU (DESKTOP ONLY)           */
/* ---------------------------------------------------- */
@media (min-width: 992px) {
  .header-middle {
    background-color: var(--bg-dark) !important;
    border-top: 1px solid var(--border-dark) !important;
    border-bottom: 3px solid var(--accent-yellow) !important;
    position: relative !important;
    z-index: 999 !important;
    width: 100% !important;
    clear: both !important;
    display: block !important;
    height: auto !important;
  }

  .header-middle .container {
    display: block !important;
  }

  .main-menu.gamer-menu {
    display: block !important;
    width: 100% !important;
  }
}

.main-menu.gamer-menu nav > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.main-menu.gamer-menu nav > ul > li {
  position: relative !important;
  border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.main-menu.gamer-menu nav > ul > li > a,
.main-menu.gamer-menu > nav > ul > li > a,
.main-menu.gamer-menu ul li a,
.main-menu nav > ul > li > a {
  display: block !important;
  padding: 14px 18px !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
}

.main-menu.gamer-menu nav > ul > li:hover > a,
.main-menu.gamer-menu ul li:hover > a,
.main-menu nav > ul > li:hover > a {
  background-color: #f1f5f9 !important;
  color: #2563eb !important;
}

/* Dropdowns & Submenus - Open directly below main menu */
.main-menu nav > ul > li ul,
.main-menu ul li .sub-menu,
.main-menu ul li .mega-menu,
.main-menu nav > ul > li .sub-menu,
.sub-menu,
.mega-menu {
  top: 100% !important;
  background-color: #ffffff !important;
  border: 1px solid var(--border-dark) !important;
  border-top: 3px solid var(--accent-yellow) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
  margin-top: 0 !important;
}

.sub-menu li {
  background: transparent !important;
}

.sub-menu li:hover {
  background: #222222 !important;
}

.main-menu nav > ul > li .sub-menu > li > a,
.main-menu nav > ul > li ul li a {
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  line-height: normal !important;
}

.main-menu nav > ul > li .sub-menu > li:hover > a,
.main-menu nav > ul > li ul li a:hover {
  background-color: #f1f5f9 !important;
  color: #2563eb !important;
  padding-left: 22px !important;
}

/* ---------------------------------------------------- */
/* SECTION HEADINGS (ÖNE ÇIKANLAR, ÇOK SATANLAR ETC.)   */
/* ---------------------------------------------------- */
.area-heading {
  margin: 25px 0 15px 0 !important;
  border-bottom: 2px solid var(--border-dark) !important;
  padding-bottom: 10px !important;
  position: relative !important;
}

.area-heading h3 {
  font-family: var(--font-heading) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #0f172a !important;
  margin: 0 !important;
  display: inline-block !important;
  position: relative !important;
  padding-left: 15px !important;
  border-left: 4px solid var(--accent-yellow) !important;
}

.tab-button.area-heading {
  border-bottom: 2px solid var(--border-dark) !important;
  background: transparent !important;
}

.tab-button.area-heading li.active a {
  background-color: transparent !important;
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  border-left: 4px solid var(--accent-yellow) !important;
  padding-left: 15px !important;
}

/* ---------------------------------------------------- */
/* HOMEPAGE MAIN SHOWCASE SLIDER (MODERN GAMER STYLE)   */
/* ---------------------------------------------------- */
.slider-area-wrapper,
.slider {
  position: relative !important;
  margin-bottom: 20px !important;
}

.mainSlider,
.slider .mainSlider {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid var(--border-dark) !important;
}

.mainSlider .slick-slide img,
.mainSlider img {
  width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: var(--radius-md) !important;
}

@media (max-width: 768px) {
  .mainSlider .slick-slide img,
  .mainSlider img {
    height: 220px !important;
  }
}

/* Slick Slider Custom Arrows */
.mainSlider .slick-prev:before,
.mainSlider .slick-next:before {
  display: none !important;
  content: "" !important;
}

.mainSlider .slick-prev,
.mainSlider .slick-next {
  position: absolute !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(18, 18, 18, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  z-index: 10 !important;
  backdrop-filter: blur(6px) !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mainSlider .slick-prev {
  left: 20px !important;
}

.mainSlider .slick-next {
  right: 20px !important;
}

.mainSlider .slick-prev::after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 2.5px solid #ffffff !important;
  border-bottom: 2.5px solid #ffffff !important;
  transform: rotate(45deg) translate(1px, -1px) !important;
  display: block !important;
}

.mainSlider .slick-next::after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 2.5px solid #ffffff !important;
  border-top: 2.5px solid #ffffff !important;
  transform: rotate(45deg) translate(-1px, 1px) !important;
  display: block !important;
}

.mainSlider .slick-prev:hover,
.mainSlider .slick-next:hover {
  background: var(--accent-yellow) !important;
  border-color: var(--accent-yellow) !important;
  transform: translate(0, -50%) scale(1.12) !important;
}

.mainSlider .slick-prev:hover::after,
.mainSlider .slick-next:hover::after {
  border-color: #121212 !important;
}

/* ---------------------------------------------------- */
/* OWL CAROUSEL NAVIGATION CONTROLS (UNIFIED & MODERN)  */
/* ---------------------------------------------------- */
.product-area,
.tab-wrapper,
.cat-carousel-area,
.UrunSliderWrap,
.single-product-area .page-inner-content {
  position: relative !important;
}

.owl-theme .owl-controls {
  position: static !important;
  margin: 0 !important;
}

.owl-theme .owl-controls .owl-buttons {
  position: static !important;
}

.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next,
.single-product-area .owl-theme .owl-controls .owl-buttons div,
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-prev,
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-next,
.UrunSliderWrap .owl-controls .owl-buttons div,
.UrunSliderWrap .owl-controls .owl-buttons .owl-prev,
.UrunSliderWrap .owl-controls .owl-buttons .owl-next {
  position: absolute !important;
  top: -55px !important;
  bottom: auto !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  color: #aaaaaa !important;
  font-size: 16px !important;
  line-height: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  z-index: 10 !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-prev,
.UrunSliderWrap .owl-controls .owl-buttons .owl-prev {
  right: 50px !important;
  left: auto !important;
}

.owl-theme .owl-controls .owl-buttons .owl-next,
.single-product-area .owl-theme .owl-controls .owl-buttons .owl-next,
.UrunSliderWrap .owl-controls .owl-buttons .owl-next {
  right: 5px !important;
  left: auto !important;
}

.owl-theme .owl-controls .owl-buttons div:hover,
.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.owl-theme .owl-controls .owl-buttons .owl-next:hover,
.single-product-area .owl-theme .owl-controls .owl-buttons div:hover,
.UrunSliderWrap .owl-controls .owl-buttons div:hover {
  background: var(--accent-yellow) !important;
  color: #121212 !important;
  border-color: var(--accent-yellow) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

/* ---------------------------------------------------- */
/* HOMEPAGE, CATEGORY & SIMILAR PRODUCT CARDS (DARK)    */
/* ---------------------------------------------------- */
.product-carousel .owl-stage,
.product-carousel .owl-stage-outer {
  display: flex !important;
}

.product-carousel .owl-item {
  display: flex !important;
  height: auto !important;
}

.product-carousel .col-sm-12,
.onecikan {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 5px !important;
}

.single-product, 
.urunitem .single-product, 
.product-box,
.shop-page .single-product,
.urunkat .single-product,
.shop-area .single-product,
.onecikan .single-product,
.sin-product-page .single-product,
.UrunSliderWrap .single-product {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
  padding: 12px !important;
  margin: 10px 0 25px 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  min-height: 440px !important;
  height: calc(100% - 35px) !important;
  width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.single-product:hover, 
.urunitem .single-product:hover,
.shop-page .single-product:hover,
.sin-product-page .single-product:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(15, 23, 42, 0.15) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06), 0 0 15px rgba(15, 23, 42, 0.15) !important;
}

/* Product Image Canvas (High-contrast clean white container for console/game packaging) */
.single-product .product-image, 
.urunitem .product-image,
.urunimg,
.urunimg_onecikan {
  position: relative !important;
  width: 100% !important;
  height: 280px !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 320px !important;
  padding: 6px !important;
  background: #ffffff !important;
  border-radius: var(--radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}

.single-product .product-image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.single-product .product-image .show-img,
.single-product .product-image .hide-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.single-product .product-image .hide-img {
  display: none !important;
}

.single-product:hover .product-image .hide-img {
  display: flex !important;
}



.single-product .product-image img {
  max-height: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  position: static !important;
  margin: auto !important;
  object-fit: contain !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  transform: none !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.single-product:hover .product-image img {
  transform: scale(1.05) !important;
}

/* Product Info Container */
.single-product .prod-info {
  padding: 4px 2px 2px 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 !important;
}

/* Product Title */
.single-product .pro-name, 
.single-product .pro-name a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  height: 42px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin-bottom: 12px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.single-product .pro-name a:hover {
  color: var(--accent-yellow) !important;
  text-decoration: none !important;
}

/* Price Box */
.single-product .price-box {
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #262626 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}

.single-product .price-box .price span,
.single-product .price-box .price {
  color: var(--accent-yellow) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
}

.single-product .price-box .old-price span,
.single-product .price-box .old-price {
  color: #777777 !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

/* Floating Action Buttons (Quick View / Favorite) */
.single-product .quick-view, 
.single-product .quick-fav {
  background-color: rgba(24, 24, 24, 0.85) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  position: absolute !important;
  z-index: 5 !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
}

.single-product .quick-fav {
  top: 12px !important;
  right: 12px !important;
}

.single-product .quick-view {
  top: 54px !important;
  right: 12px !important;
}

.single-product .quick-view:hover, 
.single-product .quick-fav:hover {
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border-color: var(--accent-yellow) !important;
  transform: scale(1.12) !important;
}

/* ---------------------------------------------------- */
/* PRODUCT BADGES (UNIFIED MODERN DESIGN SYSTEM)        */
/* ---------------------------------------------------- */
.sale-on,
.indirim-badge,
.disqount,
.tukendim,
.stokyok,
.out-of-stock,
.yeni-urun {
  background-image: none !important;
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  font-family: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  padding: 5px 11px !important;
  border-radius: 6px !important;
  z-index: 6 !important;
  box-sizing: border-box !important;
}

/* Single Product Card Badges */
.single-product .sale-on,
.single-product .indirim-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.15) !important;
}

.single-product .tukendim,
.single-product .stokyok {
  position: absolute !important;
  top: 246px !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color: rgba(22, 22, 22, 0.92) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 20px !important;
  padding: 5px 16px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  z-index: 6 !important;
  white-space: nowrap !important;
  backdrop-filter: blur(4px) !important;
}

.single-product:has(.tukendim) .product-image img,
.single-product:has(.stokyok) .product-image img {
  opacity: 0.6 !important;
}

/* If Out of Stock (TÜKENDİ), hide Discount badge completely */
.single-product:has(.tukendim) .sale-on,
.single-product:has(.tukendim) .indirim-badge,
.single-product:has(.tukendim) .disqount,
.single-product:has(.stokyok) .sale-on,
.single-product:has(.stokyok) .indirim-badge,
.single-product:has(.stokyok) .disqount,
.single-product .sale-on:has(~ .tukendim),
.single-product .sale-on:has(~ .stokyok) {
  display: none !important;
}

/* Product Detail Page Badges */
section.sin-product-page .price-box .disqount,
section.sin-product-page .price-box .piyasa-indirim {
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.15) !important;
  display: inline-flex !important;
  align-items: center !important;
}

section.sin-product-page .tukendim {
  background-color: #333333 !important;
  color: #f0f0f0 !important;
  border: 1px solid #555555 !important;
  border-radius: 20px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  padding: 6px 16px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
  position: static !important;
  display: inline-block !important;
  margin-bottom: 12px !important;
}

/* ---------------------------------------------------- */
/* CATEGORY PAGE, SIDEBAR & FILTER BAR                  */
/* ---------------------------------------------------- */
.shop-page, .shop-area {
  background-color: var(--bg-dark) !important;
  padding: 15px 0 !important;
}

/* Category Page 4-column Grid (4 Products Per Row on Desktop) */
@media (min-width: 992px) {
  .shop-page .urunitem,
  .shop-area .urunitem,
  .urunkat .urunitem {
    width: 25% !important;
    float: left !important;
    padding: 0 6px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-page .urunitem,
  .shop-area .urunitem,
  .urunkat .urunitem {
    width: 33.333% !important;
    float: left !important;
    padding: 0 5px !important;
  }
}

@media (max-width: 767px) {
  section.sin-product-page .cart-plus-minus-button,
  .cart-plus-minus-button {
    width: 72px !important;
    height: 48px !important;
    margin: 0 10px 0 0 !important;
    float: left !important;
  }

  section.sin-product-page .actions,
  .actions {
    float: left !important;
    width: calc(100% - 82px) !important;
    max-width: none !important;
    height: 48px !important;
    margin: 0 !important;
  }

  section.sin-product-page .actions .pro-add-to-cart a,
  .actions .pro-add-to-cart a {
    width: 100% !important;
    height: 48px !important;
  }
  .shop-page .urunitem,
  .shop-area .urunitem,
  .urunkat .urunitem {
    width: 50% !important;
    float: left !important;
    padding: 0 4px !important;
  }
}

.urunkat h1.page-header,
h1.page-header,
.page-header {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding: 0 0 12px 15px !important;
  border-left: 4px solid #0f172a !important;
  margin: 10px 0 25px 0 !important;
}

/* Category Content Container Reset (Fix: Do not wrap entire product list in an awkward box) */
.urunkat .page-inner-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Category Top Filter Bar Container (Ücretsiz Kargo, Hemen Kargo, İndirimde & Sıralama) */
/* ==================================================== */
/* PRODUCT SORT & FILTER BAR (DESKTOP & MOBILE RESPONSIVE) */
/* ==================================================== */
.urunkat form#urunsirala,
form#urunsirala {
  background: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin: 10px 0 20px 0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

table.urunsirala {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

.clear-space,
.item-order-line {
  display: none !important;
}

/* Category Filter Chips Bar */
.cat-filter-bar,
.urunkat .cat-filter-bar,
div.cat-filter-bar,
td.formlinefix,
.urunkat td.formlinefix {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  position: static !important;
  box-sizing: border-box !important;
}

/* Filter Chip Pill */
.cat-filter-box {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 38px !important;
  float: none !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  user-select: none !important;
  box-sizing: border-box !important;
}

.cat-filter-box:hover {
  background: #282828 !important;
  border-color: var(--accent-yellow) !important;
  transform: translateY(-1px) !important;
}

.cat-filter-box input[type="checkbox"] {
  visibility: visible !important;
  display: inline-block !important;
  position: static !important;
  accent-color: var(--accent-yellow) !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

.cat-filter-box label,
.urunkat .urunsirala .cat-filter-box label {
  position: static !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #dddddd !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transition: color 0.2s ease !important;
}

.cat-filter-box label::before,
.cat-filter-box label::after,
.cat-filter-box::before,
.cat-filter-box::after {
  display: none !important;
  content: none !important;
}

.cat-filter-box:has(input:checked) {
  background: rgba(15, 23, 42, 0.15) !important;
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

.cat-filter-box:has(input:checked) label {
  color: var(--accent-yellow) !important;
}

/* Category Sort & Limit Dropdowns (Base Styling) */
.urunsirala select,
#orderBy,
#cat-limit {
  background-color: #ffffff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  height: 40px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  display: block !important;
  visibility: visible !important;
  text-align: left !important;
  margin: 0 !important;
}

.urunsirala select:hover,
.urunsirala select:focus,
#orderBy:hover,
#orderBy:focus,
#cat-limit:hover,
#cat-limit:focus {
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.15) !important;
}

.urunsirala select option,
#orderBy option,
#cat-limit option {
  background-color: #ffffff !important;
  color: #ffffff !important;
  padding: 8px 10px !important;
}

/* Desktop View (>= 992px) */
@media (min-width: 992px) {
  table.urunsirala tbody,
  table.urunsirala tr {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
  }
  table.urunsirala td {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
  }
  table.urunsirala td.formlinefix {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
  }
  table.urunsirala td:not(.formlinefix) {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .cat-filter-bar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  .cat-filter-box {
    width: auto !important;
    padding: 8px 16px !important;
  }
  #orderBy {
    min-width: 160px !important;
  }
  #cat-limit {
    min-width: 65px !important;
  }
}

/* Mobile & Tablet (< 992px) */
@media (max-width: 991px) {
  .urunkat form#urunsirala,
  form#urunsirala {
    padding: 10px 12px !important;
    margin: 8px 0 16px 0 !important;
    border-radius: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  table.urunsirala,
  table.urunsirala tbody {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  table.urunsirala tr {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Full-width 3-chip filter row (Row 1) */
  table.urunsirala tr > td.formlinefix,
  .urunkat table.urunsirala td.formlinefix {
    width: 100% !important;
    flex: 1 1 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 0 2px 0 !important;
    text-align: left !important;
  }

  .cat-filter-bar,
  .urunkat .cat-filter-bar,
  div.cat-filter-bar {
    background: transparent !important;
    background-color: transparent !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cat-filter-box {
    width: 100% !important;
    padding: 8px 4px !important;
    min-height: 36px !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  .cat-filter-box label {
    font-size: 11px !important;
    letter-spacing: -0.3px !important;
  }

  /* Row 2: Sort (75%) and Limit (25%) - Left flush aligned with Row 1 */
  table.urunsirala tr > td:nth-child(2),
  .urunkat table.urunsirala tr > td:nth-child(2) {
    flex: 3 1 0 !important;
    width: auto !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  table.urunsirala tr > td:nth-child(3),
  .urunkat table.urunsirala tr > td:nth-child(3) {
    flex: 1 1 0 !important;
    width: auto !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #orderBy {
    width: 100% !important;
    height: 40px !important;
    font-size: 12.5px !important;
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #cat-limit {
    width: 100% !important;
    height: 40px !important;
    font-size: 12.5px !important;
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}


/* ==================================================== */
/* PAGINATION & SAYFALAMA (DARK GAMER THEME V2)         */
/* ==================================================== */
#twbsPagination,
.pagination,
.sayfalama {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 35px auto 40px auto !important;
  padding: 8px 14px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06) !important;
  list-style: none !important;
  clear: both !important;
}

center > #twbsPagination {
  display: inline-flex !important;
}

#twbsPagination > li,
.pagination > li,
.sayfalama li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#twbsPagination > li > a,
#twbsPagination > li > span,
.pagination > li > a,
.pagination > li > span,
.sayfalama a,
.sayfalama span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  background-color: #222222 !important;
  color: #cccccc !important;
  border: none !important;
  border-radius: 19px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  float: none !important;
  line-height: 1 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

#twbsPagination > li:first-child > a,
#twbsPagination > li:first-child > span,
#twbsPagination > li:last-child > a,
#twbsPagination > li:last-child > span {
  border-radius: 19px !important;
  margin-left: 0 !important;
}

#twbsPagination > li > a:hover,
#twbsPagination > li > span:hover,
#twbsPagination > li > a:focus,
#twbsPagination > li > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.sayfalama a:hover {
  background-color: #f8fafc !important;
  color: var(--accent-yellow) !important;
  border-color: var(--accent-yellow) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
  text-decoration: none !important;
}

/* Active Page */
#twbsPagination > .active > a,
#twbsPagination > .active > span,
#twbsPagination > .active > a:hover,
#twbsPagination > .active > span:hover,
#twbsPagination > .active > a:focus,
#twbsPagination > .active > span:focus,
#twbsPagination > li.active > a,
#twbsPagination > li.active > span,
.pagination > .active > a,
.pagination > .active > span,
.sayfalama .active,
.sayfalama a.aktif {
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border-color: var(--accent-yellow) !important;
  font-weight: 900 !important;
  cursor: default !important;
  transform: scale(1.06) !important;
  box-shadow: 0 0 16px rgba(15, 23, 42, 0.15) !important;
  text-decoration: none !important;
}

/* Disabled Prev/Next */
#twbsPagination > .disabled > span,
#twbsPagination > .disabled > span:hover,
#twbsPagination > .disabled > span:focus,
#twbsPagination > .disabled > a,
#twbsPagination > .disabled > a:hover,
#twbsPagination > .disabled > a:focus,
.pagination > .disabled > a,
.pagination > .disabled > span {
  background-color: #ffffff !important;
  color: #555555 !important;
  border-color: #262626 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 768px) {
  #twbsPagination,
  .pagination,
  .sayfalama {
    gap: 4px !important;
    padding: 6px 10px !important;
    margin: 25px auto 30px auto !important;
    flex-wrap: wrap !important;
  }

  #twbsPagination > li > a,
  #twbsPagination > li > span,
  .pagination > li > a,
  .pagination > li > span,
  .sayfalama a,
  .sayfalama span {
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
}





/* ==================================================== */


  
/* ==================================================== */

/* ==========================================================================
   Meilisearch Instant Autocomplete & Gamer Dropdown UI + Legacy Suppression
   ========================================================================== */

/* 1. Eliminate legacy ShopPHP / jQuery search containers */
#search-container,
.ac_results,
.pw-autocomplete-dropdown,
.pw-autocomplete-suggestions,
.pw-autocomplete-is-visible,
#shopphp-big-search-modal,
.searchpop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* 2. Search Wrapper Context */
.search-wrapper {
  position: relative !important;
  z-index: 1050 !important;
}

/* 3. Meilisearch Main Dropdown Container */
.meili-search-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  z-index: 999999 !important;
  max-height: 520px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Dropdown Scrollbar */
.meili-search-dropdown::-webkit-scrollbar {
  width: 6px;
}
.meili-search-dropdown::-webkit-scrollbar-track {
  background: #f8fafc;
}
.meili-search-dropdown::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 3px;
}
.meili-search-dropdown::-webkit-scrollbar-thumb:hover {
  background: #0f172a;
}

/* 4. Chips / Categories & Brands Header Section */
.meili-header-section {
  padding: 10px 14px 8px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #242424 !important;
}

.meili-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #888888 !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.meili-section-title i {
  color: #ffcc00 !important;
}

.meili-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.meili-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  background: #ffffff !important;
  color: #e0e0e0 !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.meili-chip:hover {
  background: #282828 !important;
  color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  text-decoration: none !important;
}
.meili-chip i {
  font-size: 11px !important;
  color: #888888 !important;
}
.meili-chip:hover i {
  color: #ffcc00 !important;
}

/* 5. Products Section */
.meili-products-header {
  padding: 9px 14px 6px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #888888 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}
.meili-products-header i {
  color: #ffcc00 !important;
}

.meili-items {
  display: flex !important;
  flex-direction: column !important;
}

.meili-item {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: background 0.15s ease !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}
.meili-item:last-child {
  border-bottom: none !important;
}
.meili-item:hover,
.meili-item.active {
  background: #222222 !important;
  text-decoration: none !important;
}

/* Thumbnail */
.meili-thumb-wrap {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  flex-shrink: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  padding: 2px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.meili-thumb {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.meili-discount-badge {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #e53935 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  padding: 1px 0 !important;
  line-height: 1 !important;
}

/* Product Info */
.meili-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.meili-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.meili-hl {
  background: rgba(255, 204, 0, 0.25) !important;
  color: #ffcc00 !important;
  font-weight: 800 !important;
  padding: 0 2px !important;
  border-radius: 2px !important;
}

.meili-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 11px !important;
}
.meili-cat {
  color: #888888 !important;
  font-size: 11px !important;
}
.meili-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
}
.meili-badge.in-stock {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
}
.meili-badge.free-ship {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #60a5fa !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
.meili-badge.fast-ship {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* Price Wrap */
.meili-price-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.meili-old-price {
  font-size: 11px !important;
  color: #777777 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}
.meili-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffcc00 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* 6. Footer & Empty States */
.meili-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  background: #ffffff !important;
  color: #ffcc00 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-top: 1px solid #e2e8f0 !important;
  transition: background 0.15s ease !important;
}
.meili-footer:hover,
.meili-footer.active {
  background: #0f172a !important;
  color: #121212 !important;
  text-decoration: none !important;
}
.meili-footer strong {
  text-decoration: underline !important;
}

.meili-empty {
  padding: 24px 16px !important;
  text-align: center !important;
  color: #999999 !important;
  font-size: 13px !important;
}
.meili-empty i {
  font-size: 20px !important;
  color: #666666 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* 7. Mobile Adjustments */
@media (max-width: 991px) {
  .meili-search-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: 65vh !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
  }
  .meili-item {
    padding: 8px 10px !important;
    gap: 10px !important;
  }
  .meili-thumb-wrap {
    width: 42px !important;
    height: 42px !important;
  }
  .meili-title {
    font-size: 12px !important;
  }
  .meili-price {
    font-size: 13px !important;
  }
}


/* ==========================================================================
   Meilisearch Instant Autocomplete & Gamer Dropdown UI + Legacy Suppression
   ========================================================================== */

/* 1. Eliminate legacy ShopPHP / jQuery search containers */
#search-container,
.ac_results,
.pw-autocomplete-dropdown,
.pw-autocomplete-suggestions,
.pw-autocomplete-is-visible,
#shopphp-big-search-modal,
.searchpop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* 2. Search Wrapper Context */
.search-wrapper {
  position: relative !important;
  z-index: 1050 !important;
}

/* 3. Meilisearch Main Dropdown Container */
.meili-search-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  z-index: 999999 !important;
  max-height: 520px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Dropdown Scrollbar */
.meili-search-dropdown::-webkit-scrollbar {
  width: 6px;
}
.meili-search-dropdown::-webkit-scrollbar-track {
  background: #f8fafc;
}
.meili-search-dropdown::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 3px;
}
.meili-search-dropdown::-webkit-scrollbar-thumb:hover {
  background: #0f172a;
}

/* 4. Chips / Categories & Brands Header Section */
.meili-header-section {
  padding: 10px 14px 8px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #242424 !important;
  box-sizing: border-box !important;
}

.meili-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #888888 !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.meili-section-title i {
  color: #ffcc00 !important;
}

.meili-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.meili-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  background: #ffffff !important;
  color: #e0e0e0 !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
.meili-chip:hover {
  background: #282828 !important;
  color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  text-decoration: none !important;
}
.meili-chip i {
  font-size: 11px !important;
  color: #888888 !important;
}
.meili-chip:hover i {
  color: #ffcc00 !important;
}

/* 5. Products Section */
.meili-products-header {
  padding: 9px 14px 6px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #888888 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}
.meili-products-header i {
  color: #ffcc00 !important;
}

.meili-items {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.meili-item {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: background 0.15s ease !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.meili-item:last-child {
  border-bottom: none !important;
}
.meili-item:hover,
.meili-item.active {
  background: #222222 !important;
  text-decoration: none !important;
}

/* Thumbnail */
.meili-thumb-wrap {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  flex-shrink: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  padding: 2px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.meili-thumb {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.meili-discount-badge {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: #e53935 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  padding: 1px 0 !important;
  line-height: 1 !important;
}

/* Product Info */
.meili-info {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  box-sizing: border-box !important;
}
.meili-title {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  box-sizing: border-box !important;
}
.meili-hl {
  background: rgba(255, 204, 0, 0.25) !important;
  color: #ffcc00 !important;
  font-weight: 800 !important;
  padding: 0 2px !important;
  border-radius: 2px !important;
}

.meili-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 11px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.meili-cat {
  color: #888888 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 130px !important;
}
.meili-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
}
.meili-badge.in-stock {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
}
.meili-badge.free-ship {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #60a5fa !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
.meili-badge.fast-ship {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* Price Wrap */
.meili-price-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  padding-left: 8px !important;
  box-sizing: border-box !important;
}
.meili-old-price {
  font-size: 11px !important;
  color: #777777 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}
.meili-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffcc00 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* 6. Footer & Empty States */
.meili-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  background: #ffffff !important;
  color: #ffcc00 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-top: 1px solid #e2e8f0 !important;
  transition: background 0.15s ease !important;
  box-sizing: border-box !important;
}
.meili-footer:hover,
.meili-footer.active {
  background: #0f172a !important;
  color: #121212 !important;
  text-decoration: none !important;
}
.meili-footer strong {
  text-decoration: underline !important;
}

.meili-empty {
  padding: 24px 16px !important;
  text-align: center !important;
  color: #999999 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}
.meili-empty i {
  font-size: 20px !important;
  color: #666666 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* 7. Mobile Adjustments */
@media (max-width: 991px) {
  .meili-search-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: 65vh !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06) !important;
  }
  .meili-item {
    padding: 8px 10px !important;
    gap: 10px !important;
  }
  .meili-thumb-wrap {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }
  .meili-title {
    font-size: 12px !important;
  }
  .meili-price {
    font-size: 13px !important;
  }
  .meili-cat {
    max-width: 90px !important;
  }
}


/* ==========================================================================
   Meilisearch Instant Autocomplete & Gamer Dropdown UI + Legacy Suppression
   ========================================================================== */

/* 1. Eliminate legacy ShopPHP / jQuery search containers */
#search-container,
.ac_results,
.pw-autocomplete-dropdown,
.pw-autocomplete-suggestions,
.pw-autocomplete-is-visible,
#shopphp-big-search-modal,
.searchpop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* 2. Global Reset for Meilisearch Dropdown Elements (Overrides style.css * { margin: 0 auto; }) */
.meili-search-dropdown,
.meili-search-dropdown *,
.meili-search-dropdown *::before,
.meili-search-dropdown *::after {
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* 3. Search Wrapper Context */
.search-wrapper {
  position: relative !important;
  z-index: 1050 !important;
}

/* 4. Meilisearch Main Dropdown Container */
.meili-search-dropdown {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.07) !important;
  z-index: 999999 !important;
  max-height: 540px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Dropdown Scrollbar */
.meili-search-dropdown::-webkit-scrollbar {
  width: 6px;
}
.meili-search-dropdown::-webkit-scrollbar-track {
  background: #f8f9fa;
}
.meili-search-dropdown::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 3px;
}
.meili-search-dropdown::-webkit-scrollbar-thumb:hover {
  background: #0f172a;
}

/* 5. Chips / Categories & Brands Header Section */
.meili-header-section {
  padding: 10px 14px 10px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #242424 !important;
  width: 100% !important;
  display: block !important;
}

.meili-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #8e8e8e !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1 !important;
}
.meili-section-title i {
  color: #ffcc00 !important;
  font-size: 12px !important;
}

.meili-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
}

.meili-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 11px !important;
  background: #222222 !important;
  color: #dddddd !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}
.meili-chip:hover {
  background: #2a2a2a !important;
  color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}
.meili-chip i {
  font-size: 11px !important;
  color: #888888 !important;
}
.meili-chip:hover i {
  color: #ffcc00 !important;
}

/* 6. Products Section */
.meili-products-header {
  padding: 10px 14px 8px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #8e8e8e !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #151515 !important;
  line-height: 1 !important;
}
.meili-products-header i {
  color: #ffcc00 !important;
  font-size: 12px !important;
}

.meili-items {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
}

.meili-item {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: background 0.15s ease !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.meili-item:last-child {
  border-bottom: none !important;
}
.meili-item:hover,
.meili-item.active {
  background: #ffffff !important;
  text-decoration: none !important;
}

/* Thumbnail */
.meili-thumb-wrap {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  padding: 2px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.meili-thumb {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.meili-discount-badge {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  background: #e53935 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  padding: 2px 4px !important;
  line-height: 1 !important;
  border-bottom-right-radius: 5px !important;
}

/* Product Info */
.meili-info {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.meili-title {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f5f5f5 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
.meili-hl {
  background: rgba(255, 204, 0, 0.25) !important;
  color: #ffcc00 !important;
  font-weight: 800 !important;
  padding: 0 2px !important;
  border-radius: 2px !important;
}

.meili-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 11px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.meili-cat {
  color: #888888 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 130px !important;
  display: inline-block !important;
}
.meili-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.meili-badge.in-stock {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
}
.meili-badge.free-ship {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #60a5fa !important;
  border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
.meili-badge.fast-ship {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* Price Wrap */
.meili-price-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  padding-left: 10px !important;
}
.meili-old-price {
  font-size: 11px !important;
  color: #777777 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
  display: block !important;
}
.meili-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffcc00 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: block !important;
}

/* 7. Footer & Empty States */
.meili-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  color: #ffcc00 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-top: 1px solid #e2e8f0 !important;
  transition: all 0.15s ease !important;
  width: 100% !important;
}
.meili-footer span {
  display: inline-flex !important;
  align-items: center !important;
}
.meili-footer i {
  font-size: 13px !important;
  transition: transform 0.15s ease !important;
  display: inline-block !important;
}
.meili-footer:hover,
.meili-footer.active {
  background: #0f172a !important;
  color: #121212 !important;
  text-decoration: none !important;
}
.meili-footer:hover i,
.meili-footer.active i {
  transform: translateX(4px) !important;
}
.meili-footer strong {
  text-decoration: underline !important;
}

.meili-empty {
  padding: 28px 16px !important;
  text-align: center !important;
  color: #999999 !important;
  font-size: 13px !important;
  width: 100% !important;
}
.meili-empty i {
  font-size: 24px !important;
  color: #ffcc00 !important;
  display: block !important;
  margin-bottom: 10px !important;
  opacity: 0.8 !important;
}

/* 8. Mobile Viewport Refinements */
@media (max-width: 991px) {
  .meili-search-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: 68vh !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
  }
  .meili-header-section {
    padding: 8px 10px !important;
  }
  .meili-chip {
    padding: 4px 9px !important;
    font-size: 11px !important;
  }
  .meili-item {
    padding: 8px 10px !important;
    gap: 10px !important;
  }
  .meili-thumb-wrap {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 6px !important;
  }
  .meili-title {
    font-size: 12px !important;
  }
  .meili-cat {
    max-width: 85px !important;
  }
  .meili-badge {
    font-size: 9.5px !important;
    padding: 1px 5px !important;
  }
  .meili-price {
    font-size: 13px !important;
  }
  .meili-footer {
    padding: 10px 12px !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 767px) {
  .single-product .tukendim,
  .single-product .stokyok {
    top: 144px !important;
    bottom: auto !important;
    padding: 3px 10px !important;
    font-size: 9.5px !important;
  }
  .single-product, 
  .urunitem .single-product, 
  .product-box,
  .shop-page .single-product,
  .urunkat .single-product,
  .shop-area .single-product,
  .onecikan .single-product,
  .sin-product-page .single-product,
  .UrunSliderWrap .single-product {
    padding: 8px !important;
    min-height: 310px !important;
    margin: 6px 0 15px 0 !important;
  }
  .single-product .product-image, 
  .urunitem .product-image,
  .urunimg,
  .urunimg_onecikan {
    height: 175px !important;
    max-height: 190px !important;
    padding: 4px !important;
    margin-bottom: 8px !important;
  }
  .single-product .pro-name, 
  .single-product .pro-name a {
    font-size: 12px !important;
    height: 34px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }
  .single-product .price-box {
    padding-top: 8px !important;
  }
  .single-product .price-box .price span,
  .single-product .price-box .price {
    font-size: 15px !important;
  }
}

/* ==================================================== */
/* SHOP SIDEBAR: ACCORDION & DARK GAMER THEME           */
/* ==================================================== */
.shop-sidebar {
  margin-bottom: 25px !important;
  width: 100% !important;
}

.shop-sidebar .shop-catagories {
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Accordion Header Card */
.shop-sidebar .area-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 13px 16px !important;
  margin: 0 !important;
  border: none !important;
  background: #ffffff !important;
  cursor: pointer !important;
  user-select: none !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease !important;
  position: relative !important;
}

.shop-sidebar .area-heading:hover {
  background: #ffffff !important;
}

.shop-sidebar .area-heading.is-active {
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Header Text with Integrated Glowing Yellow Indicator Pill */
.shop-sidebar .area-heading h3,
.shop-sidebar .shop-catagories .area-heading h3,
.shop-sidebar div.area-heading > h3 {
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  flex: 1 !important;
  text-align: left !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: static !important;
}

.shop-sidebar .area-heading h3::before,
.shop-sidebar .shop-catagories .area-heading h3::before,
.shop-sidebar div.area-heading > h3::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 16px !important;
  background: var(--accent-yellow) !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.15) !important;
}

.shop-sidebar .area-heading h3::after,
.shop-sidebar .shop-catagories .area-heading h3::after,
.shop-sidebar div.area-heading > h3::after,
.shop-sidebar .area-heading::before,
.shop-sidebar .area-heading::after {
  content: none !important;
  display: none !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Right-aligned Down Chevron Arrow (Strictly Right Edge) */
.shop-sidebar .area-heading i.downicon,
.shop-sidebar .area-heading i.fa,
.shop-sidebar div.area-heading > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  font-family: FontAwesome !important;
  font-size: 15px !important;
  color: var(--accent-yellow) !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  text-align: right !important;
}

.shop-sidebar .area-heading.is-active i.downicon,
.shop-sidebar .area-heading.is-active i.fa {
  transform: rotate(180deg) !important;
}

/* Accordion Content Container */
.shop-sidebar .catagory-list {
  padding: 14px 16px !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
  width: 100% !important;
  text-align: left !important;
}

.shop-sidebar .catagory-list * {
  box-sizing: border-box !important;
}

/* Subcategory list styling */
.shop-sidebar .subcat_block .catagory-list ul.katlist_sol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  text-align: left !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li:last-child {
  border-bottom: none !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li a {
  color: #dddddd !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: block !important;
  padding: 9px 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border-radius: 4px !important;
  text-align: left !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li a:hover,
.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li.active a {
  color: var(--accent-yellow) !important;
  background: rgba(243, 216, 37, 0.08) !important;
  padding-left: 12px !important;
}

/* ==================================================== */
/* FILTER CONTAINER & INNER STYLING (DARK GAMER THEME)  */
/* ==================================================== */
#filterContainer {
  background: transparent !important;
  color: #ffffff !important;
  padding: 2px 0 !important;
  width: 100% !important;
  text-align: left !important;
}

#filterContainer .filtre_content {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Filter Group Headlines */
#filterContainer h5.headline,
#filterContainer .headline {
  color: var(--accent-yellow) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.15) !important;
  border-left: none !important;
  display: block !important;
  text-align: left !important;
  position: static !important;
}

#filterContainer h5.headline::before,
#filterContainer h5.headline::after {
  display: none !important;
  content: none !important;
}

/* Filter Item Wrappers */
#filterContainer .filtre_wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  text-align: left !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

#filterContainer .filtre_wrap input[type="checkbox"],
#filterContainer input.filterCheck {
  accent-color: var(--accent-yellow) !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 10px 0 0 !important;
  cursor: pointer !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

#filterContainer label.filterCheck,
#filterContainer label {
  color: #dddddd !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  margin: 0 !important;
  vertical-align: middle !important;
  transition: color 0.2s ease !important;
  user-select: none !important;
  display: inline-flex !important;
  align-items: center !important;
  text-align: left !important;
}

#filterContainer label.filterCheck:hover {
  color: var(--accent-yellow) !important;
}

#filterContainer input.filterCheck:checked + label {
  color: #ffffff !important;
  font-weight: 700 !important;
}

#filterContainer .filter-clear {
  display: block !important;
  height: 0 !important;
  clear: both !important;
  margin: 0 !important;
}

/* Filter Actions / Apply Button */
#filterContainer .filter-actions {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e2e8f0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  text-align: left !important;
}

#filterContainer .check-box-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

#filterContainer .check-box-list li {
  display: flex !important;
  align-items: center !important;
  font-size: 12.5px !important;
  color: #aaaaaa !important;
  text-align: left !important;
  margin: 0 0 4px 0 !important;
}

#filterContainer .filter-apply-btn,
#filterContainer button.filter-apply-btn,
#filterContainer .sf-button {
  background: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
  display: block !important;
  text-align: center !important;
  margin-top: 4px !important;
}

#filterContainer .filter-apply-btn:hover {
  background: #0f172a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15) !important;
}

/* Desktop default: Open */
@media (min-width: 992px) {
  .shop-sidebar .catagory-list {
    display: block !important;
  }
}

/* Mobile & Tablet (< 992px): Default CLOSED/COLLAPSED */
@media (max-width: 991px) {
  .shop-sidebar .catagory-list {
    display: none !important;
  }
  .shop-sidebar .catagory-list.is-open {
    display: block !important;
  }
}

/* ==================================================== */
/* FOOTER (DARK GAMER THEME)                            */
/* ==================================================== */
.footer-area {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #a0a0a0 !important;
  padding: 50px 0 35px 0 !important;
  border-top: 3px solid var(--accent-yellow) !important;
  margin-top: 60px !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.footer-area .container {
  position: relative !important;
}

.footer-top {
  overflow: hidden !important;
  border-bottom: 0 !important;
}

/* Headings */
.footer-top-heading {
  color: #ffffff !important;
  font-family: var(--font-heading) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(15, 23, 42, 0.15) !important;
  display: inline-block !important;
  position: relative !important;
}

.footer-top-heading::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -2px !important;
  width: 30px !important;
  height: 2px !important;
  background: var(--accent-yellow) !important;
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.15) !important;
}

.single-footer {
  padding: 0 15px !important;
  margin-bottom: 25px !important;
}

.border-right {
  border-right: 1px solid #e2e8f0 !important;
}

/* Links and text */
.footer-list {
  color: #9e9e9e !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.footer-list span {
  color: #a0a0a0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  display: block !important;
  margin-bottom: 15px !important;
}

.footer-list ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-list ul li {
  margin-bottom: 8px !important;
}

.footer-list ul li a {
  color: #bbbbbb !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

.footer-list ul li a:hover {
  color: var(--accent-yellow) !important;
  transform: translateX(4px) !important;
}

/* Social icons */
.footer-social ul li a {
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #cccccc !important;
}

.footer-social ul li a i {
  font-size: 16px !important;
  color: var(--accent-yellow) !important;
  width: 22px !important;
  text-align: center !important;
  transition: transform 0.2s ease !important;
}

.footer-social ul li a:hover i {
  transform: scale(1.2) !important;
}

/* E-Newsletter (Ebülten) */
.ebulten,
div.ebulten {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-top: 15px !important;
}

.ebulten form {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  max-width: 480px !important;
}

.ebulten input.b-box {
  flex: 1 !important;
  height: 44px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-right: none !important;
  border-radius: 6px 0 0 6px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  padding: 0 16px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.ebulten input.b-box:focus {
  border-color: var(--accent-yellow) !important;
}

.ebulten input.b-box::placeholder {
  color: #777777 !important;
}

.ebulten input.b-btn,
.ebulten input[type="submit"] {
  height: 44px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 0 24px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.15) !important;
}

.ebulten input.b-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
}

/* Footer Bottom (Copyright) */
.footer-bottom {
  background: #0a0b0e !important;
  border-top: 1px solid #1c1d24 !important;
  padding: 20px 0 25px 0 !important;
  color: #777777 !important;
  font-size: 12.5px !important;
  text-align: center !important;
}

.footer-bottom p {
  color: #777777 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
}

.footer-copyright {
  color: #888888 !important;
  font-size: 12.5px !important;
}

.footer-copyright a {
  color: var(--accent-yellow) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.footer-copyright a:hover {
  text-decoration: underline !important;
}

/* Mobile Responsiveness for Footer */
@media (max-width: 767px) {
  .footer-area {
    padding: 35px 0 20px 0 !important;
    margin-top: 40px !important;
  }
  .single-footer {
    padding: 0 10px !important;
    margin-bottom: 25px !important;
  }
  .footer-top-heading {
    font-size: 13.5px !important;
    margin: 0 0 14px 0 !important;
  }
  .ebulten form {
    flex-direction: row !important;
  }
  .ebulten input.b-box {
    height: 40px !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }
  .ebulten input.b-btn {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
  }
}

/* ==================================================== */
/* PRODUCT DETAIL PAGE (DARK GAMER THEME)               */
/* ==================================================== */
section.sin-product-page, 
section.single-product-area {
  background-color: transparent !important;
  padding: 20px 0 50px 0 !important;
}

section.sin-product-page > .container, 
section.single-product-area > .container {
  background-color: #ffffff !important;
  border-radius: 14px !important;
  padding: 30px !important;
  color: #ffffff !important;
  border: 1px solid #262833 !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

/* Gallery & Zoom Styles */
section.sin-product-page .single-zoom,
.single-zoom {
  width: 100% !important;
  border: 1px solid #282a36 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  text-align: center !important;
  padding: 20px !important;
  min-height: 380px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

section.sin-product-page .single-zoom a,
.single-zoom a {
  display: block !important;
  width: 100% !important;
}

section.sin-product-page .single-zoom img,
.single-zoom img {
  max-width: 100% !important;
  max-height: 380px !important;
  height: auto !important;
  width: auto !important;
  display: inline-block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

section.sin-product-page .single-zoom-thumb ul,
.single-zoom-thumb ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

section.sin-product-page .single-zoom-thumb ul li,
.single-zoom-thumb ul li,
#urunResimListContainer li {
  border: 2px solid #282a36 !important;
  border-radius: 8px !important;
  padding: 4px !important;
  margin-bottom: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 70px !important;
}

section.sin-product-page .single-zoom-thumb ul li:hover,
section.sin-product-page .single-zoom-thumb ul li.active,
#urunResimListContainer li:hover,
#urunResimListContainer li.active {
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

section.sin-product-page .single-zoom-thumb ul li img,
#urunResimListContainer li img {
  max-height: 60px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.kargobeles,
.kargobelesx,
section.sin-product-page .kargobeles {
  display: none !important;
}

/* Product Info in Details */
section.sin-product-page .prod-list-detail h2.pro-name a,
.sin-product-page .prod-list-detail h2.pro-name a {
  color: #2563eb !important;
  font-family: var(--font-heading) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

section.sin-product-page .prod-list-detail h4.prod-marka,
.sin-product-page .prod-list-detail h4.prod-marka,
.single-product-area h4.prod-marka {
  color: #0f172a !important;
  font-family: var(--font-heading) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 10px 0 6px 0 !important;
}

section.sin-product-page .prod-list-detail h4.prod-kod {
  color: #888899 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}

/* Price Box on Product Page */
section.sin-product-page .price-box {
  background: #ffffff !important;
  border: 1px solid #2c2e3b !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 14px !important;
  padding: 16px 20px !important;
  margin: 20px 0 !important;
  flex-wrap: wrap !important;
}

section.sin-product-page .price-box .disqount,
section.sin-product-page .price-box .piyasa-indirim {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15) !important;
  display: inline-block !important;
}

section.sin-product-page .price-box .old-price span,
section.sin-product-page .price-box .old-price {
  color: #777788 !important;
  font-size: 16px !important;
  text-decoration: line-through !important;
  font-weight: 600 !important;
}

section.sin-product-page .price-box .price span,
section.sin-product-page .price-box .price,
section.sin-product-page #shopPHPUrunFiyatYTL {
  color: var(--accent-yellow) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 0 16px rgba(15, 23, 42, 0.15) !important;
}

/* Cart & Add-to-cart on Product Page */
section.sin-product-page .cart_wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 25px 0 !important;
}

/* Quantity (Adet) Box & Add To Cart Button Perfect Alignment */
section.sin-product-page .cart_wrap,
.cart_wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 25px 0 !important;
  width: 100% !important;
}

.cart-plus-minus-button,
div.cart-plus-minus-button,
section.sin-product-page .cart-plus-minus-button,
.sin-product-page .cart-plus-minus-button,
.single-product-area .cart-plus-minus-button {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #383a4c !important;
  border-radius: 8px !important;
  height: 48px !important;
  width: 76px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  float: left !important;
  display: inline-block !important;
  vertical-align: middle !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box !important;
}

.cart-plus-minus-button:hover,
.cart-plus-minus-button:focus-within {
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

.cart-plus-minus-button select,
select.urunSepeteEkleAdet,
.cart-plus-minus-button select.urunSepeteEkleAdet,
section.sin-product-page select.urunSepeteEkleAdet,
section.sin-product-page .cart-plus-minus-button select {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #ffffff !important;
  border: none !important;
  height: 46px !important;
  line-height: 46px !important;
  width: 100% !important;
  text-align: center !important;
  text-align-last: center !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  outline: none !important;
  padding: 0 6px !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

.cart-plus-minus-button select option,
select.urunSepeteEkleAdet option,
section.sin-product-page select.urunSepeteEkleAdet option {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

section.sin-product-page .actions,
section.single-product-area .actions,
.sin-product-page .actions,
.actions {
  float: left !important;
  display: inline-block !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  width: calc(100% - 90px) !important;
  max-width: 320px !important;
  box-sizing: border-box !important;
}

section.sin-product-page .actions .pro-add-to-cart,
section.single-product-area .actions .pro-add-to-cart,
.sin-product-page .actions .pro-add-to-cart,
.actions .pro-add-to-cart {
  display: block !important;
  height: 48px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

section.sin-product-page .actions .pro-add-to-cart a,
section.sin-product-page .pro-add-to-cart a,
.actions .pro-add-to-cart a {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  height: 48px !important;
  line-height: 48px !important;
  width: 100% !important;
  padding: 0 24px !important;
  border-radius: 8px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

section.sin-product-page .actions .pro-add-to-cart a:hover,
section.sin-product-page .pro-add-to-cart a:hover,
.actions .pro-add-to-cart a:hover {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #000000 !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.15) !important;
}

/* Mobile Product Image Slider (Proper Owl Carousel Centering) */
/* Product Image Gallery & Mobile Slider Responsive Controls */
@media (min-width: 992px) {
  .mobileSlider,
  div.mobileSlider,
  .sin-product-page .mobileSlider,
  .mobileSliderwrap {
    display: none !important;
  }

  .single-product-area .prod-list-detail,
  .sin-product-page .prod-list-detail,
  section.sin-product-page .prod-list-detail {
    padding-left: 30px !important;
  }
}

@media (max-width: 991px) {
  .single-zoom-thumb,
  .zoomWrapper,
  .single-zoom {
    display: none !important;
  }

  .sin-product-page .row,
  .single-product-area .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .single-product-area .col-sm-12,
  .sin-product-page .col-sm-12,
  .single-product-area .col-md-5,
  .sin-product-page .col-md-5,
  .single-product-area .col-md-7,
  .sin-product-page .col-md-7 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .single-product-area .prod-list-detail,
  .sin-product-page .prod-list-detail,
  section.sin-product-page .prod-list-detail,
  .single-product-area .prod-info,
  .sin-product-page .prod-info {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  section.sin-product-page .price-box {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .mobileSlider,
  div.mobileSlider,
  .sin-product-page .mobileSlider {
    position: relative !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 auto 20px auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  .mobileSlider .mobileSliderwrap,
  .mobileSliderwrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    display: block !important;
  }

  .mobileSliderwrap .owl-wrapper-outer {
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .mobileSliderwrap .owl-item {
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobileSliderwrap .owl-item li,
  .mobileSliderwrap li {
    list-style-type: none !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px 15px !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: 340px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .mobileSliderwrap .owl-item li img,
  .mobileSliderwrap li img,
  .mobileSlider img {
    border: none !important;
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    vertical-align: middle !important;
  }

  .mobileSlider .owl-pagination {
    text-align: center !important;
    margin-top: 12px !important;
    width: 100% !important;
  }

  .mobileSlider .owl-theme .owl-controls .owl-page span {
    background: #444455 !important;
    opacity: 0.8 !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 4px !important;
    transition: all 0.2s ease !important;
  }

  .mobileSlider .owl-theme .owl-controls .owl-page.active span {
    background: var(--accent-yellow) !important;
    box-shadow: 0 0 8px rgba(15, 23, 42, 0.15) !important;
    opacity: 1 !important;
    transform: scale(1.2) !important;
  }
}


/* Product Review / Details Tabs - Pill Buttons & Responsive Alignment */
section.sin-product-page .product-review-area,
.sin-product-page .product-review-area {
  margin-top: 35px !important;
  padding-top: 25px !important;
  border-top: 1px solid #262833 !important;
  width: 100% !important;
}

ul.details_tab.tab-button,
section.sin-product-page .details_tab.tab-button,
.sin-product-page ul.details_tab {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  list-style: none !important;
  width: 100% !important;
}

ul.details_tab.tab-button li,
section.sin-product-page .details_tab li,
.sin-product-page ul.details_tab li {
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul.details_tab.tab-button li a,
section.sin-product-page .details_tab li a,
.sin-product-page ul.details_tab li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 22px !important;
  font-family: var(--font-heading) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #9999aa !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #2c2e3b !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}

ul.details_tab.tab-button li a::before,
ul.details_tab.tab-button li a::after,
section.sin-product-page .details_tab li a::before,
section.sin-product-page .details_tab li a::after {
  display: none !important;
  content: none !important;
}

ul.details_tab.tab-button li:hover a,
section.sin-product-page .details_tab li:hover a {
  color: #ffffff !important;
  background: #20212c !important;
  background-color: #20212c !important;
  border-color: #3d4052 !important;
  text-decoration: none !important;
}

ul.details_tab.tab-button li.active a,
ul.details_tab.tab-button.area-heading li.active a,
section.sin-product-page .details_tab li.active a,
.sin-product-page ul.details_tab li.active a,
.details_tab li.active a {
  color: #ffffff !important;
  background: #0f172a !important;
  background-color: #0f172a !important;
  border: 1px solid #0f172a !important;
  border-left: 1px solid #0f172a !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2) !important;
  text-decoration: none !important;
  transform: none !important;
}

/* Mobile Product Tabs - Equal 3 Column Single Row */
@media (max-width: 767px) {
  ul.details_tab.tab-button,
  section.sin-product-page .details_tab.tab-button,
  .sin-product-page ul.details_tab {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  ul.details_tab.tab-button li,
  section.sin-product-page .details_tab li,
  .sin-product-page ul.details_tab li {
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  ul.details_tab.tab-button li a,
  section.sin-product-page .details_tab li a,
  .sin-product-page ul.details_tab li a {
    width: 100% !important;
    height: 40px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 4px !important;
    border-radius: 6px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  ul.details_tab.tab-button li.active a,
ul.details_tab.tab-button.area-heading li.active a,
section.sin-product-page .details_tab li.active a,
.sin-product-page ul.details_tab li.active a,
.details_tab li.active a {
  color: #ffffff !important;
  background: #0f172a !important;
  background-color: #0f172a !important;
  border: 1px solid #0f172a !important;
  border-left: 1px solid #0f172a !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2) !important;
  text-decoration: none !important;
  transform: none !important;
}
}

section.sin-product-page .tab-content,
.sin-product-page .tab-content,
.tab-content,
.tab-top-contain {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 24px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  color: #1e293b !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Taksit (Installments) in Dark Mode - Overriding popup.cc.css */
.sp-taksit-modern {
  margin-top: 10px !important;
}

.sp-taksit-grid,
#taksitGosterim {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

#taksitGosterim > .clear-space,
#taksitGosterim > .clear,
.sp-taksit-grid > .clear-space,
.sp-taksit-grid > .clear {
  display: none !important;
}

.sp-taksit-title, 
.sp-taksit-headline h4 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.sp-taksit-modern .sp-taksit-card,
.sp-taksit-modern .genel_taksitDiv,
.sp-taksit-modern .taksit-container,
div.genel_taksitDiv,
#taksitGosterim .genel_taksitDiv {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #282a36 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
}

.sp-taksit-modern table.sp-taksit-table,
.sp-taksit-modern .genel_taksitDiv table,
div.genel_taksitDiv table {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

.sp-taksit-modern .sp-taksit-table td.taksitTopHeader,
.sp-taksit-modern .sp-taksit-table .sp-taksit-bank,
.genel_taksitDiv .taksitTopHeader {
  background: #22232e !important;
  background-color: #22232e !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  padding: 12px 16px !important;
  border-bottom: 2px solid var(--accent-yellow) !important;
  letter-spacing: 0.3px !important;
  text-align: center !important;
}

.sp-taksit-modern .sp-taksit-table .sp-taksit-head td,
.sp-taksit-modern .sp-taksit-table tr.sp-taksit-head td,
.genel_taksitDiv .taksitHeader,
.genel_taksitDiv .taksitHeaderEmpty {
  background: #13141a !important;
  background-color: #13141a !important;
  color: #888899 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #282a36 !important;
}

.sp-taksit-modern .sp-taksit-table td,
.sp-taksit-modern .genel_taksitDiv td,
div.genel_taksitDiv td,
.sp-taksit-modern .sp-taksit-table td.td1,
.sp-taksit-modern .sp-taksit-table td.td2,
.sp-taksit-modern .sp-taksit-table td.td3,
.genel_taksitDiv .td1,
.genel_taksitDiv .td2,
.genel_taksitDiv .td3 {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #cccccc !important;
  border-bottom: 1px solid #23242e !important;
  border-right: none !important;
  border-top: none !important;
  padding: 8px 12px !important;
  font-size: 12.5px !important;
}

.sp-taksit-modern .sp-taksit-table tr.pesin td,
.sp-taksit-modern .sp-taksit-table tr.pesin-fiyat td,
.genel_taksitDiv .pesin td {
  background: #1d1e27 !important;
  background-color: #1d1e27 !important;
  color: #ffffff !important;
}

.sp-taksit-modern .sp-taksit-table tr.pesin-fiyat td.td1 {
  border-left: 3px solid var(--accent-yellow) !important;
}

.sp-taksit-modern .sp-taksit-table tr:hover td {
  background: #20212b !important;
}

.sp-taksit-modern .sp-taksit-table .sp-taksit-total,
.sp-taksit-total {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
}

.sp-taksit-chip {
  background: #20212a !important;
  border: 1px solid #2e303d !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.sp-taksit-chip-price {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

.sp-taksit-modern .sp-taksit-foot {
  background: #ffffff !important;
  border: 1px solid #282a36 !important;
  border-radius: 8px !important;
  color: #888899 !important;
  font-size: 12.5px !important;
  margin-top: 15px !important;
  padding: 10px 14px !important;
}


/* Reviews / Comments */
section.sin-product-page .uyari {
  background: #20212a !important;
  color: #cccccc !important;
  border: 1px solid #2e303d !important;
  border-left: 4px solid var(--accent-yellow) !important;
  padding: 14px 20px !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
}

/* Etiketler (Tags) */
.etikets {
  margin-top: 25px !important;
  padding-top: 18px !important;
  border-top: 1px solid #262833 !important;
  clear: both !important;
}

.etikets h6 {
  color: #888899 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.etikets a.etiket {
  color: var(--accent-yellow) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.etikets a.etiket:hover {
  text-decoration: underline !important;
}

/* Mobile Product Page Adjustments */
@media (max-width: 767px) {
  section.sin-product-page > .container, 
  section.single-product-area > .container {
    padding: 20px 14px !important;
    border-radius: 10px !important;
  }
  
  section.sin-product-page .prod-list-detail h4.prod-marka,
.sin-product-page .prod-list-detail h4.prod-marka,
.single-product-area h4.prod-marka {
  color: #0f172a !important;
  font-family: var(--font-heading) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 10px 0 6px 0 !important;
}

  section.sin-product-page .price-box .price span,
  section.sin-product-page #shopPHPUrunFiyatYTL {
    font-size: 24px !important;
  }

  

  

  section.sin-product-page .tab-content {
    padding: 18px 14px !important;
  }
}


/* ==================================================== */
/* MOBILE PRODUCT DETAIL STICKY BAR (UCUZBUDUR STYLE)    */
/* ==================================================== */
@media (min-width: 992px) {
  .kk-mobile-sticky-action {
    display: none !important;
  }
}

@media (max-width: 991px) {
  /* Hide standard bottom menu and floating whatsapp on product page */
  .sin-product-page ~ .menufix,
  .sin-product-page ~ section.menufix,
  .single-product-area ~ .menufix,
  body:has(.sin-product-page) .menufix,
  body:has(.single-product-area) .menufix {
    display: none !important;
  }

  /* Floating whatsapp button hidden on product detail to avoid overlap */
  .sin-product-page ~ [class*="whatsapp"],
  .single-product-area ~ [class*="whatsapp"],
  body:has(.sin-product-page) a[href*="whatsapp.com"]:not(.kk-sticky-whatsapp-btn):not(.footer-social a) {
    display: none !important;
  }

  /* Add padding bottom so content isn't obscured by sticky bar */
  .sin-product-page,
  .single-product-area,
  .footer-bottom {
    padding-bottom: 75px !important;
  }

  .kk-mobile-sticky-action {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 68px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #282a36 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 14px !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    gap: 10px !important;
  }

  .kk-sticky-price-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 110px !important;
    max-width: 135px !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
  }

  .kk-sticky-main-price {
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    letter-spacing: -0.3px !important;
  }

  .kk-sticky-main-price span {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
  }

  .kk-sticky-havale-price {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #9999aa !important;
    white-space: nowrap !important;
    margin-top: 2px !important;
  }

  .kk-sticky-havale-price span {
    color: #00d084 !important;
    font-weight: 700 !important;
  }

  .kk-sticky-whatsapp-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    background: #25d366 !important;
    background-color: #25d366 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 24px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    flex-shrink: 0 !important;
  }

  .kk-sticky-whatsapp-btn:hover,
  .kk-sticky-whatsapp-btn:active {
    transform: scale(1.05) !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .kk-sticky-whatsapp-btn i {
    color: #ffffff !important;
    line-height: 1 !important;
    font-size: 24px !important;
  }

  .kk-sticky-cart-btn {
    flex: 1 !important;
    height: 46px !important;
    background: var(--accent-yellow) !important;
    background-color: var(--accent-yellow) !important;
    color: #111217 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
    cursor: pointer !important;
    border: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    white-space: nowrap !important;
    padding: 0 12px !important;
    outline: none !important;
  }

  .kk-sticky-cart-btn:hover,
  .kk-sticky-cart-btn:active {
    background: #e5ca1f !important;
    background-color: #e5ca1f !important;
    color: #000000 !important;
    transform: scale(1.02) !important;
    text-decoration: none !important;
  }

  .kk-sticky-cart-btn span {
    color: #111217 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 991px) {
}

/* ==================================================== */
/* GLOBAL MOBILE RESPONSIVE SIDE PADDING & BREATHING ROOM*/
/* ==================================================== */
@media (max-width: 991px) {
  /* Container side padding */
  .container,
  .shop-area .container,
  .content-area .container,
  .slider-area-wrapper .container,
  .footer-area .container,
  .footer-bottom .container,
  .breadcrumb-area .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Header container padding */
  .header-middle {
    padding: 12px 14px !important;
    box-sizing: border-box !important;
  }

  .header-middle .container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Grid rows and column spacing */
  .row {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
  .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  /* Product page card with clean side margins */
  section.sin-product-page,
  section.single-product-area {
    padding: 12px 0 80px 0 !important;
  }

  section.sin-product-page > .container,
  section.single-product-area > .container {
    padding: 16px 14px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    box-sizing: border-box !important;
  }

  /* Category page layout */
  .shop-area {
    padding: 12px 0 30px 0 !important;
  }

  .shop-sidebar,
  .mobile-cat-accordion-wrap,
  .cat-filter-bar {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Homepage slider rounded corners */
  .slider-area-wrapper .mainSlider,
  .slider-area-wrapper .single-slider {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
}

/* ==================================================== */
/* BENZER ÜRÜNLER (SIMILAR PRODUCTS) CARD STYLING      */
/* ==================================================== */
section.sin-product-page .single-product .price-box {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid #262626 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  padding: 10px 0 0 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
}

section.sin-product-page .single-product .price-box .price,
section.sin-product-page .single-product .price-box .price span {
  color: var(--accent-yellow) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
}

section.sin-product-page .single-product .price-box .old-price,
section.sin-product-page .single-product .price-box .old-price span {
  color: #777788 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

/* ==================================================== */
/* GLOBAL SINGLE IMAGE & NO HOVER FLIP RULE             */
/* ==================================================== */
.single-product .hide-img,
.product-image .hide-img,
.urunimg .hide-img,
.urunimg_onecikan .hide-img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.single-product:hover .show-img,
.product-image:hover .show-img,
.urunimg:hover .show-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.single-product:hover .hide-img,
.product-image:hover .hide-img,
.urunimg:hover .hide-img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ==================================================== */
/* DEFINITIVE HOVER & PRODUCT SLIDER LAYOUT FIXES       */
/* ==================================================== */
/* 1. Show-img must ALWAYS be visible, even on hover */
.single-product .product-image .show-img,
.single-product:hover .product-image .show-img,
.single-product .show-img,
.single-product:hover .show-img,
.product-image .show-img,
.product-image:hover .show-img,
.urunimg .show-img,
.urunimg:hover .show-img {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.single-product .product-image .hide-img,
.single-product:hover .product-image .hide-img,
.single-product .hide-img,
.single-product:hover .hide-img,
.product-image .hide-img,
.product-image:hover .hide-img,
.urunimg .hide-img,
.urunimg:hover .hide-img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.single-product .product-image img,
.single-product .show-img img,
.urunimg img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* 2. Slider Layout: prevent overlapping & ensure smooth spacing */
.owl-carousel,
.product-carousel,
.UrunSliderWrap {
  width: 100% !important;
  position: relative !important;
  clear: both !important;
}

.owl-carousel .owl-wrapper-outer,
.product-carousel .owl-wrapper-outer,
.UrunSliderWrap .owl-wrapper-outer {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

.owl-carousel .owl-item,
.product-carousel .owl-item,
.UrunSliderWrap .owl-item {
  box-sizing: border-box !important;
  padding: 0 6px !important;
}

.owl-carousel .owl-item .onecikan,
.product-carousel .owl-item .onecikan,
.UrunSliderWrap .owl-item .onecikan,
.owl-carousel .owl-item .col-sm-12,
.product-carousel .owl-item .col-sm-12,
.UrunSliderWrap .owl-item .col-sm-12,
.owl-carousel .owl-item .col-md-12,
.product-carousel .owl-item .col-md-12,
.UrunSliderWrap .owl-item .col-md-12 {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

.owl-carousel .owl-item .single-product,
.product-carousel .owl-item .single-product,
.UrunSliderWrap .owl-item .single-product {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 6px 0 16px 0 !important;
}

/* ==================================================== */
/* BREADCRUMB: MODERN DARK & MOBILE TOUCH-SWIPEABLE     */
/* ==================================================== */
.breadcrumb-area {
  padding: 10px 0 2px 0 !important;
  background: transparent !important;
  margin: 0 !important;
  width: 100% !important;
}

.bread-crumb {
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  display: block !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 15px 0 !important;
  overflow: hidden !important;
}

.bread-crumb ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  white-space: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.bread-crumb ul::-webkit-scrollbar {
  display: none !important;
}

.bread-crumb ul li,
.bread-crumb ul li.bc-home,
.bc-home {
  display: inline-flex !important;
  align-items: center !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #888888 !important;
  list-style: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.bread-crumb ul li::after,
.bread-crumb ul li.bc-home::after,
.bc-home::after {
  content: "›" !important;
  margin: 0 8px !important;
  color: #555555 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.bread-crumb ul li:last-child::after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

.bread-crumb ul li a,
.bread-crumb ul li.bc-home a,
.bc-home a,
a.BreadCrumb {
  color: #aaaaaa !important;
  text-decoration: none !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  text-transform: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.bread-crumb ul li a:hover,
.bread-crumb ul li.bc-home a:hover,
.bc-home a:hover,
a.BreadCrumb:hover {
  color: var(--accent-yellow) !important;
  background: rgba(15, 23, 42, 0.15) !important;
  text-decoration: none !important;
}

.bread-crumb ul li.bc-home a i,
.bread-crumb .fa-home {
  color: var(--accent-yellow) !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

.bread-crumb ul li:last-child,
.bread-crumb ul li:last-child a,
.bread-crumb ul li:last-child a.BreadCrumb {
  color: #ffffff !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  background: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

@media (max-width: 991px) {
  .breadcrumb-area {
    padding: 6px 0 2px 0 !important;
  }

  .bread-crumb {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
  }

  .bread-crumb ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  .bread-crumb ul li,
  .bread-crumb ul li a,
  a.BreadCrumb {
    font-size: 11.5px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .bread-crumb ul li::after,
  .bread-crumb ul li.bc-home::after {
    margin: 0 5px !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
  }
}

/* ==================================================== */
/* HIDE IN-PAGE CART & QUANTITY ON MOBILE               */
/* ==================================================== */
@media (max-width: 991px) {
  .cart_wrap,
  section.sin-product-page .cart_wrap,
  section.single-product-area .cart_wrap,
  .sin-product-page .cart_wrap,
  .cart-plus-minus-button,
  div.cart-plus-minus-button,
  .sin-product-page .cart-plus-minus-button,
  .actions,
  .sin-product-page .actions,
  .pro-add-to-cart,
  .sin-product-page .pro-add-to-cart {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}


/* ==================================================== */
@media (max-width: 991px) {
  section.sin-product-page .cart_wrap,
  section.single-product-area .cart_wrap,
  .sin-product-page .cart_wrap,
  .sin-product-page .cart-plus-minus-button,
  .sin-product-page .actions {
    display: none !important;
  }

}

/* ==================================================== */
/* MOBILE TOUCH 1-TAP INSTANT LINK NAVIGATION FIX       */
/* ==================================================== */
@media (hover: none) or (max-width: 991px) {
  /* Prevent mobile browser from treating first tap as a hover event */
  .single-product,
  .single-product:hover,
  .product-image,
  .product-image:hover,
  .single-product .product-image img,
  .single-product:hover .product-image img,
  .urunimg,
  .urunimg:hover,
  .urunimg_onecikan,
  .urunimg_onecikan:hover,
  .single-product .quick-view,
  .single-product:hover .quick-view,
  .single-product .quick-fav,
  .single-product:hover .quick-fav,
  .single-product .pro-name a,
  .single-product:hover .pro-name a {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* Ensure product link hitboxes are unobstructed and instant */
  .single-product .product-image a,
  .single-product .pro-name a {
    -webkit-tap-highlight-color: rgba(15, 23, 42, 0.15) !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }
}

/* ==================================================== */
/* INNER PAGES (HAKKIMIZDA, İLETİŞİM, SSS, ARAMA, ETC)  */
/* ==================================================== */
section.content-area,
.content-area {
  background-color: var(--bg-dark) !important;
  padding: 30px 0 60px 0 !important;
  min-height: 60vh !important;
}

.content-area .page-header,
h1.page-header,
.page-header {
  color: #0f172a !important;
  border-bottom: 2px solid #e2e8f0 !important;
  border-left: 4px solid #0f172a !important;
}

.page-inner-content {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 30px !important;
  color: #dddddd !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

@media (max-width: 767px) {
  .page-inner-content {
    padding: 16px !important;
    border-radius: 8px !important;
  }
}

/* SSS Accordion Styling */
.sss {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.sss .soru,
.sss .soru.td2,
div.soru.td2 {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid #303030 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  user-select: none !important;
}

.sss .soru:hover,
div.soru.td2:hover {
  background-color: #282828 !important;
  background: #282828 !important;
  border-color: var(--accent-yellow) !important;
  color: var(--accent-yellow) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}

.sss .soru .sss-icon {
  color: var(--accent-yellow) !important;
  font-size: 14px !important;
  width: 20px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.sss .cevap,
.sss div[id^="sss_cevap"],
div.cevap,
div[id^="sss_cevap_"] {
  background-color: #f8fafc !important;
  background: #f8fafc !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  padding: 22px 24px !important;
  color: #dddddd !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  margin-top: -12px !important;
  margin-bottom: 10px !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.sss .cevap p,
.sss .cevap span,
.sss .cevap div,
.sss .cevap li,
div[id^="sss_cevap_"] p,
div[id^="sss_cevap_"] span,
div[id^="sss_cevap_"] div,
div[id^="sss_cevap_"] li {
  color: #dddddd !important;
  background: transparent !important;
  background-color: transparent !important;
}

.sss .cevap strong,
.sss .cevap b,
div[id^="sss_cevap_"] strong,
div[id^="sss_cevap_"] b {
  color: #ffffff !important;
}

.sss .cevap a,
div[id^="sss_cevap_"] a {
  color: var(--accent-yellow) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Forms (İletişim & Detaylı Arama) */
form.generatedForm,
.generatedForm,
fieldset.sf-form-container,
fieldset,
.sf-form-container,
.sf-form-item-fullwidth,
.sf-form-item-halfwidth,
.sf-form-item-fullwidth > div,
.sf-form-item-halfwidth > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.sf-form-container {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sf-form-container ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sf-form-container li {
  margin-bottom: 20px !important;
  list-style: none !important;
  background: transparent !important;
}

.sf-text-label,
label.sf-text-label,
.sf-form-container label,
.generatedForm label {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  display: block !important;
  letter-spacing: 0.3px !important;
}

.sf-form-input,
.sf-form-select,
.sf-form-textarea,
input.sf-form-input,
select.sf-form-select,
textarea.sf-form-textarea,
textarea#gf_message,
input#gf_name,
input#gf_email,
input#gf_subject,
input#gf_phone,
input#gf_code,
.searchForm input[type="text"],
.searchForm select,
.arama input[type="text"],
.arama select {
  width: 100% !important;
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.sf-form-input:focus,
.sf-form-select:focus,
.sf-form-textarea:focus,
textarea#gf_message:focus,
input#gf_name:focus,
input#gf_email:focus,
input#gf_subject:focus,
.searchForm input[type="text"]:focus,
.searchForm select:focus,
.arama input[type="text"]:focus,
.arama select:focus {
  background-color: #282828 !important;
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 12px rgba(15, 23, 42, 0.15) !important;
}

.sf-form-select option,
select.sf-form-select option,
.searchForm select option,
.arama select option {
  background-color: #ffffff !important;
  color: #ffffff !important;
  padding: 8px !important;
}

textarea.sf-form-textarea,
textarea#gf_message {
  min-height: 140px !important;
  resize: vertical !important;
}

.sf-button,
input.sf-button,
.sf-neutral-button,
input.sf-neutral-button,
.sf-button.sf-neutral-button,
input.sf-button.sf-neutral-button,
.sf-button-large,
input[value="ara"],
input[value="Ara"],
.sf-form-submit,
input[type="submit"].sf-form-submit,
button.sf-form-submit,
input#gf_submit,
.searchForm input[type="submit"],
.arama input[type="submit"],
.searchForm button[type="submit"],
.arama button[type="submit"],
.generatedForm input[type="submit"] {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 32px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
  display: inline-block !important;
  margin-top: 10px !important;
}

.sf-button:hover,
input.sf-button:hover,
.sf-neutral-button:hover,
.sf-form-submit:hover,
input#gf_submit:hover,
.searchForm input[type="submit"]:hover,
.arama input[type="submit"]:hover,
.generatedForm input[type="submit"]:hover {
  background: #0f172a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15) !important;
}

/* Contact Info Sidebar / Boxes */
.iletisim-info,
.contact-info-block {
  background: #ffffff !important;
  border: 1px solid #303030 !important;
  border-radius: 10px !important;
  padding: 24px !important;
  color: #dddddd !important;
  margin-bottom: 25px !important;
}

.iletisim-info h3,
.iletisim-info h4 {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
}



/* ==========================================================================
   GLOBAL FORM SUBMIT & SF-BUTTON OVERRIDES
   ========================================================================== */
input[type="submit"].sf-button,
input[type="submit"].sf-neutral-button,
input[type="submit"].sf-button-large,
input[type="submit"].sf-form-submit,
input.sf-button,
input.sf-neutral-button,
button.sf-button,
.sf-button,
.sf-neutral-button,
.sf-button-large,
input#gf_submit,
input[value="ara"],
input[value="Ara"],
input[value="ARA"],
.arama input[type="submit"],
.searchForm input[type="submit"],
.generatedForm input[type="submit"] {
  background: #0f172a !important;
  background-color: #0f172a !important;
  background-image: none !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 36px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
  display: inline-block !important;
  margin-top: 10px !important;
}

input[type="submit"].sf-button:hover,
input[type="submit"].sf-neutral-button:hover,
input.sf-button:hover,
input.sf-neutral-button:hover,
button.sf-button:hover,
.sf-button:hover,
.sf-neutral-button:hover,
input#gf_submit:hover,
input[value="ara"]:hover,
input[value="Ara"]:hover,
.arama input[type="submit"]:hover,
.searchForm input[type="submit"]:hover,
.generatedForm input[type="submit"]:hover {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15) !important;
}


/* Hyper-specific button override for ShopPHP forms */
fieldset.sf-form-container input.sf-button.sf-button-large.sf-neutral-button,
fieldset.sf-form-container input.sf-button,
.sf-form-container input.sf-button,
.searchFrom .sf-form-container ul li .sf-neutral-button,
.aramaPage .searchFrom .sf-form-container ul li .sf-neutral-button,
input[type="submit"].sf-neutral-button,
input[type="submit"].sf-button,
input[value="ara"],
input[value="Ara"] {
  background: #0f172a !important;
  background-color: #0f172a !important;
  background-image: none !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 36px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
}

fieldset.sf-form-container input.sf-button.sf-button-large.sf-neutral-button:hover,
fieldset.sf-form-container input.sf-button:hover,
.sf-form-container input.sf-button:hover,
.searchFrom .sf-form-container ul li .sf-neutral-button:hover,
.aramaPage .searchFrom .sf-form-container ul li .sf-neutral-button:hover,
input[type="submit"].sf-neutral-button:hover,
input[type="submit"].sf-button:hover,
input[value="ara"]:hover,
input[value="Ara"]:hover {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15) !important;
}

/* ==========================================================================
   SEPET (SHOPPING CART) & CHECKOUT (ADRES / ÖDEME) - COMPLETE DARK GAMER THEME
   ========================================================================== */

/* Cart Main Container & Table Headers */
.sepet,
.sepet #sitePage,
.sepet-table,
.basket-table,
.sp-table {
  color: #ffffff !important;
}

.sp-table th,
.sepet-table th,
.basket-table th,
.basket-header,
.sepet table th,
.shopphp-basket th {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--accent-yellow) !important;
  border-bottom: 2px solid #e2e8f0 !important;
  border-top: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  padding: 14px 16px !important;
}

/* Cart Product Rows (.basket-item, etc.) */
.basket-item,
.basket-item.row1,
.basket-item.row2,
.sp-table tr,
.sp-table td,
.sepet table tr,
.sepet table td,
.basket-table tr,
.basket-table td,
.shopphp-basket .group,
.sp-item-row {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #ffffff !important;
}

.basket-item:hover,
.sp-table tr:hover td,
.basket-table tr:hover td,
.shopphp-basket .group:hover {
  background-color: #ffffff !important;
}

/* Cart Product Title & Code */
.basket-item a,
.basket-item .basket-title,
.sp-table a,
.sepet a.urun-adi,
.sepet a.text-heading,
.shopphp-basket a {
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.basket-item a:hover,
.sp-table a:hover,
.shopphp-basket a:hover {
  color: var(--accent-yellow) !important;
}

.basket-item .kod,
.basket-item .urun-kod,
.sepet .kod {
  color: #888888 !important;
}

/* Cart Prices */
.basket-item .fiyat,
.basket-item .birim-fiyat,
.basket-item .toplam-fiyat,
.sp-table .fiyat,
.sepet .fiyat,
.shopphp-basket .hizli-sepet-price {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Cart Quantity Controls */
.basket-item input.input.sp-short,
.basket-item input[id^="sepetadet_"],
input.sp-short,
.sp-adet-wrap,
.sp-adet-btn,
.sp-azalt,
.sp-arttir,
.sepet .adet-input,
.sp-table input.adet,
.shopphp-basket input {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.sp-adet-btn,
.sp-azalt,
.sp-arttir {
  background-color: #f8fafc !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.sp-adet-btn:hover,
.sp-azalt:hover,
.sp-arttir:hover {
  background-color: #383838 !important;
  border-color: var(--accent-yellow) !important;
  color: var(--accent-yellow) !important;
}

/* Remove Item Button */
.basket-item .kaldir,
.basket-item a.sil,
.sp-table .kaldir,
.sepet .sepet-sil,
.sepet .hizli-sepet-satir-sil {
  color: #ff5252 !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.basket-item .kaldir:hover,
.sepet .sepet-sil:hover {
  color: #ff1744 !important;
  transform: scale(1.1) !important;
}

/* Cart & Checkout Sidebar (Promo Code & Total Summary Boxes) */
ul.basket-totals,
li.total,
li.total.total-kd,
.basket-totals li,
.sepet-sidebar,
.cart-summary-box,
.coupon-wrapper,
.sepet-toplam-box,
.cart-collaterals .cart_totals,
.sepet-toplam-detay,
.shopphp-payment-body .card.mb-3,
.shopphp-payment-body .card.mb-4 {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}

ul.basket-totals li,
li.total,
li.total.total-kd {
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
}

/* Promosyon Kodu Input & Button */
input.coupon-code,
input#kuponKodu,
.coupon-wrapper input {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  outline: none !important;
}

input.coupon-code:focus,
input#kuponKodu:focus {
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

button.coupon-code-button,
button.btn-orange,
.coupon-btn,
input[value="Kupon Kullan"],
button.kupon-kullan {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 22px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}

button.coupon-code-button:hover,
button.btn-orange:hover,
.coupon-btn:hover {
  background-color: #0f172a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15) !important;
}

/* Total Price Display */
li.total.total-kd,
.sepet-toplam-fiyat,
.order-total-price {
  color: var(--accent-yellow) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* Cart Action Buttons (Bottom) */
a.grey.sepet-btn-devam,
a.sp-btn-devam,
.sepet a.btn-devam {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 26px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

a.grey.sepet-btn-devam:hover,
a.sp-btn-devam:hover {
  background-color: #f8fafc !important;
  border-color: #555555 !important;
  color: var(--accent-yellow) !important;
}

a.grey.sepet-btn-bosalt,
a.sp-btn-bosalt,
.sepet a.btn-bosalt {
  background-color: rgba(244, 67, 54, 0.1) !important;
  color: #ff5252 !important;
  border: 1px solid rgba(244, 67, 54, 0.3) !important;
  border-radius: 8px !important;
  padding: 13px 26px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

a.grey.sepet-btn-bosalt:hover,
a.sp-btn-bosalt:hover {
  background-color: rgba(244, 67, 54, 0.2) !important;
  border-color: #ff5252 !important;
}

a.sepet-btn-odeme,
a[href*="satinal"],
a.sp-btn-checkout,
.sepet a.btn-odeme,
.sepet .guvenli-odeme-btn,
.sepet .checkout-btn,
a.btn-checkout {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 36px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

a.sepet-btn-odeme:hover,
a[href*="satinal"]:hover,
a.sp-btn-checkout:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.15) !important;
}

/* Kasa Önü Fırsatları Section */
.kasaonu,
.kasaonu-items,
.mcs-card,
a.mcs-media {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

.mcs-card .mcs-btn,
.kasaonu .btn {
  background: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}


/* ==========================================================================
   CHECKOUT (ADRES & ÖDEME) - SHOPPHP PAYMENT BODY DARK GAMER THEME
   ========================================================================== */

.shopphp-payment-body {
  color: #dddddd !important;
  background: transparent !important;
}

/* Payment Step Tabs (#top-payment-tab) */
.shopphp-payment-body #top-payment-tab,
.shopphp-payment-body #top-payment-tab.tabs,
#top-payment-tab {
  display: flex !important;
  width: 100% !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  border: none !important;
}

.shopphp-payment-body #top-payment-tab .tab,
.shopphp-payment-body #top-payment-tab > div,
#top-payment-tab .tab-item {
  flex: 1 !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  color: #888888 !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

.shopphp-payment-body #top-payment-tab .tab.active,
.shopphp-payment-body #top-payment-tab > div.active,
.shopphp-payment-body #top-payment-tab .active {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1.5px solid var(--accent-yellow) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
}

.shopphp-payment-body #top-payment-tab .active .font-weight-bold,
.shopphp-payment-body #top-payment-tab .active span {
  color: var(--accent-yellow) !important;
}

/* Top Information Banner */
.shopphp-payment-body .alert,
.shopphp-payment-body .alert-warning,
.shopphp-payment-body .info-banner {
  background-color: #1f1d14 !important;
  background: #1f1d14 !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  border-radius: 10px !important;
  color: #f0e6c0 !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.shopphp-payment-body .alert i,
.shopphp-payment-body .alert .la-info-circle {
  color: var(--accent-yellow) !important;
  font-size: 20px !important;
}

.shopphp-payment-body .alert a {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Bireysel / Kurumsal Segment Buttons */
.shopphp-payment-body .btn-group,
.shopphp-payment-body .siparis-tip-secim {
  display: inline-flex !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

.shopphp-payment-body .btn-group .btn,
.shopphp-payment-body button.bireysel-btn,
.shopphp-payment-body button.kurumsal-btn {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #aaaaaa !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.shopphp-payment-body .btn-group .btn.active,
.shopphp-payment-body .btn-group .btn:hover {
  background-color: #282828 !important;
  border-color: var(--accent-yellow) !important;
  color: var(--accent-yellow) !important;
}

/* Checkout Cards & Borders */
.shopphp-payment-body .card {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  color: #dddddd !important;
}

.shopphp-payment-body .border,
.shopphp-payment-body .border-top,
.shopphp-payment-body .border-bottom,
.shopphp-payment-body .border-right {
  border-color: #e2e8f0 !important;
}

/* Form Titles & Labels */
.shopphp-payment-body h3,
.shopphp-payment-body h4,
.shopphp-payment-body h5,
.shopphp-payment-body .section-title,
.shopphp-payment-body .font-weight-bold {
  color: #ffffff !important;
}

.shopphp-payment-body h3,
.shopphp-payment-body h4 {
  border-left: 3px solid var(--accent-yellow) !important;
  padding-left: 10px !important;
  margin-bottom: 16px !important;
}

.shopphp-payment-body label,
.shopphp-payment-body .form-group label {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Form Inputs, Selects, and Textareas */
.shopphp-payment-body input[type="text"],
.shopphp-payment-body input[type="email"],
.shopphp-payment-body input[type="tel"],
.shopphp-payment-body input[type="password"],
.shopphp-payment-body input[type="number"],
.shopphp-payment-body select,
.shopphp-payment-body textarea,
.shopphp-payment-body .form-control {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
}

.shopphp-payment-body input:focus,
.shopphp-payment-body select:focus,
.shopphp-payment-body textarea:focus,
.shopphp-payment-body .form-control:focus {
  background-color: #282828 !important;
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.15) !important;
}

.shopphp-payment-body select option {
  background-color: #ffffff !important;
  color: #ffffff !important;
}

/* ==========================================================================
   ÖDEME SEÇENEKLERİ (PAYMENT METHODS) & CREDIT CARD / INSTALLMENTS
   ========================================================================== */

/* Payment Selection Cards (#shopphp-payment-types) */
.shopphp-payment-body #shopphp-payment-types .card,
.shopphp-payment-body .payment-method-card,
.shopphp-payment-body [data-payment-type],
.shopphp-payment-body .card.border.rounded {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-bottom: 14px !important;
}

.shopphp-payment-body #shopphp-payment-types .card:hover,
.shopphp-payment-body .card.border.rounded:hover {
  background-color: #ffffff !important;
  border-color: var(--accent-yellow) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15) !important;
}

.shopphp-payment-body #shopphp-payment-types .card.active,
.shopphp-payment-body #shopphp-payment-types .card.selected,
.shopphp-payment-body .card.border.rounded.active {
  background-color: #222222 !important;
  border: 2px solid var(--accent-yellow) !important;
  box-shadow: 0 0 20px rgba(15, 23, 42, 0.15) !important;
}

.shopphp-payment-body .la-credit-card,
.shopphp-payment-body .la-university,
.shopphp-payment-body .las {
  color: var(--accent-yellow) !important;
  font-size: 24px !important;
}

.shopphp-payment-body .payment-title,
.shopphp-payment-body #shopphp-payment-types span,
.shopphp-payment-body #shopphp-payment-types div {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.shopphp-payment-body .badge,
.shopphp-payment-body .badge-success,
.shopphp-payment-body span[class*="indirim"] {
  background-color: rgba(76, 175, 80, 0.2) !important;
  color: #81c784 !important;
  border: 1px solid #4caf50 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Installment Options Table (#taksit-view) */
#taksit-view,
.taksit-table,
.taksit-table table,
table#taksit-view {
  width: 100% !important;
  border-collapse: collapse !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  margin-top: 16px !important;
}

#taksit-view th,
.taksit-table th {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--accent-yellow) !important;
  padding: 13px 16px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

#taksit-view td,
.taksit-table td,
#taksit-view tr.taksit-items td {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-size: 14px !important;
}

#taksit-view tr.taksit-items:hover td {
  background-color: #ffffff !important;
}

#taksit-view tr.taksit-items.active td {
  background-color: #ffffff !important;
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
}

.radius-table {
  background-color: #282828 !important;
  border-color: #444444 !important;
}

#taksit-view tr.taksit-items.active .radius-table {
  background-color: var(--accent-yellow) !important;
  border-color: var(--accent-yellow) !important;
}

/* Bank Accounts List (Havale / EFT) */
.sp-sd-havale-hesap,
.banka-hesaplari,
.havale-hesap-item {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  color: #ffffff !important;
}

.sp-sd-havale-hesap:hover {
  border-color: var(--accent-yellow) !important;
  background-color: #ffffff !important;
}

.banka-hesap-item .banka-adi,
.sp-sd-havale-hesap .font-weight-bold {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
}

/* Contracts & Legal Accordions (Sözleşmeler ve Formlar) */
details.sp-sip-acc,
#sozlesme-accordion .card,
.sozlesme-accordion .card {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  margin-bottom: 10px !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

summary.sp-sip-acc-head,
.sozlesme-accordion .card-header,
#sozlesme-accordion button {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.2s ease !important;
}

summary.sp-sip-acc-head:hover,
.sozlesme-accordion .card-header:hover {
  background-color: #ffffff !important;
  color: var(--accent-yellow) !important;
}

details.sp-sip-acc[open] summary.sp-sip-acc-head {
  border-bottom: 1px solid #e2e8f0 !important;
  color: var(--accent-yellow) !important;
}

.sozlesme-accordion .card-body,
#sozlesme-accordion .card-body,
details.sp-sip-acc > div {
  background-color: #f8fafc !important;
  background: #f8fafc !important;
  color: #cccccc !important;
  padding: 18px !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}

/* Agreement Checkbox & Links */
.st-form-onay,
.shopphp-payment-body .sozlesme-onay,
.shopphp-payment-body .form-check {
  margin-top: 16px !important;
  color: #dddddd !important;
  font-size: 13.5px !important;
}

.st-form-onay a,
.shopphp-payment-body .sozlesme-onay a,
.shopphp-payment-body .form-check a {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Final Checkout / Complete Order Button ("Siparişi Onayla") */
.siparis-onayla-button,
#siparis-onayla-btn,
button[name="siparisTamamla"],
.shopphp-payment-body input[type="button"].siparis-onayla-button,
.shopphp-payment-body input[value="Siparişi Onayla"],
.shopphp-payment-body input[value="Gönder"],
.shopphp-payment-body input#siparis-submit-button,
.shopphp-payment-body button.siparis-onayla-button,
.shopphp-payment-body .btn-green {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  background-image: none !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 36px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: block !important;
}

.siparis-onayla-button:hover,
#siparis-onayla-btn:hover,
button[name="siparisTamamla"]:hover,
.shopphp-payment-body input[type="button"].siparis-onayla-button:hover,
.shopphp-payment-body input[value="Siparişi Onayla"]:hover,
.shopphp-payment-body input#siparis-submit-button:hover,
.shopphp-payment-body .btn-green:hover {
  background-color: #0f172a !important;
  background: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 26px rgba(15, 23, 42, 0.15) !important;
}
/* ==========================================================================
   CHECKOUT & BASKET PRECISE TARGETING FIXES
   ========================================================================== */

/* Right Sidebar Container (.basket-right ul, #basket-right-container) */
.basket-right,
#basket-right-container,
.basket-right ul,
#basket-right-container ul,
.basket-right ul li,
#basket-right-container ul li,
.basket-right .card,
.basket-right-inner {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #ffffff !important;
}

.basket-right ul {
  border: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

.basket-right ul li {
  padding: 16px 20px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #dddddd !important;
}

.basket-right ul li:last-child {
  border-bottom: none !important;
}

.basket-right ul li.total,
.basket-right ul li.total-kd {
  background-color: #ffffff !important;
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

.basket-right ul li span,
.basket-right ul li div {
  color: inherit !important;
}

/* Fix "satın alma kurallarını" and agreement links in st-form-onay */
label.st-form-onay,
.sf-form-info.st-form-onay,
.st-form-onay {
  background: transparent !important;
  background-color: transparent !important;
  color: #dddddd !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  display: block !important;
  padding: 8px 0 !important;
  cursor: pointer !important;
}

label.st-form-onay a,
.st-form-onay a,
a.viewStnSAK,
a.viewStnMS,
a.viewStnKVKK,
.sf-form-info a {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--accent-yellow) !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
  display: inline !important;
  padding: 0 !important;
  margin: 0 2px !important;
  box-shadow: none !important;
  border: none !important;
}

label.st-form-onay a:hover,
a.viewStnSAK:hover {
  color: #ffe338 !important;
  text-decoration: underline !important;
}

/* Hyper-specific "Siparişi Onayla" Button Override */
#basket-right-container input.siparis-onayla-button,
.basket-right input.siparis-onayla-button,
input.siparis-onayla-button.sf-button.sf-button-large.sf-neutral-button,
input.siparis-onayla-button.sf-neutral-button,
input.siparis-onayla-button,
.siparis-onayla-button {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  background-image: none !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 15px 32px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 12px !important;
  display: block !important;
}

#basket-right-container input.siparis-onayla-button:hover,
.basket-right input.siparis-onayla-button:hover,
input.siparis-onayla-button:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 26px rgba(15, 23, 42, 0.15) !important;
}

/* Address form section & continue button */
.basket-right a.btn-checkout,
.basket-right input.btn-checkout,
.basket-right a.sepet-btn-odeme {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 15px 32px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.15) !important;
  display: block !important;
  text-decoration: none !important;
}

.basket-right a.btn-checkout:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 26px rgba(15, 23, 42, 0.15) !important;
}
/* ==========================================================================
   CART & CHECKOUT FINAL PERFECTION OVERRIDES
   ========================================================================== */

/* Cart Item Product Title & Code in Cart Details */
.basket-item .cart-info h3 a,
.basket-item .cart-info a,
.cart-info h3 a,
.basket-item h3,
.basket-item h3 a,
.cart-detail h3 a,
.cart-detail a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
}

.basket-item .cart-info h3 a:hover,
.cart-info h3 a:hover,
.cart-detail a:hover {
  color: var(--accent-yellow) !important;
}

.basket-item .cart-info .kod,
.basket-item .cart-info span,
.basket-item .kod {
  color: #888888 !important;
  font-size: 12.5px !important;
}

/* Cart Unit Price & Total Price Column Text */
.basket-item td,
.basket-item .birim-fiyat,
.basket-item .toplam-fiyat,
.basket-item .fiyat {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
}

/* Promosyon Kodu Card in Cart & Checkout */
.basket-wrap .basket-right,
.basket-right,
.basket-right > div,
.basket-right form,
.basket-right fieldset,
.basket-right .promosyon-box,
.basket-right .coupon-box {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}

.basket-right label,
.basket-right .promosyon-title,
.basket-right strong,
.basket-right h4,
.basket-right .head {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.basket-right input.coupon-code,
.basket-right input[type="text"] {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
}

.basket-right input.coupon-code:focus {
  border-color: var(--accent-yellow) !important;
}

.basket-right button.coupon-code-button,
.basket-right .btn-orange,
.basket-right input[type="submit"],
.basket-right button[type="submit"] {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}

.basket-right button.coupon-code-button:hover,
.basket-right .btn-orange:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15) !important;
}
/* ==========================================================================
   CART & CHECKOUT HIGH-CONTRAST & TEXT COLOR PERFECTION
   All texts, numbers, prices, labels, and buttons guaranteed 100% visible
   ========================================================================== */

/* 1. SEPET (CART) - PRICES, LABELS, TOTALS, AND BUTTONS */
.sepet,
.sepet #sitePage,
.sepet-container,
.basket-wrap,
.basket-table,
.sp-table {
  color: #ffffff !important;
}

/* Product Titles & Links in Cart & Suggestion sliders */
.basket-item .cart-info h3 a,
.basket-item .cart-info a,
.cart-info h3 a,
.basket-item h3,
.basket-item h3 a,
.cart-detail h3 a,
.cart-detail a,
.basket-item a,
.max-2-lines,
a.max-2-lines,
.mcs-card a,
.kasaonu a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.basket-item .cart-info h3 a:hover,
.cart-info h3 a:hover,
a.max-2-lines:hover {
  color: var(--accent-yellow) !important;
}

/* Product Codes & Secondary labels */
.basket-item .kod,
.basket-item .urun-kod,
.basket-item .cart-info .kod,
.basket-item .cart-info span,
.sepet .kod,
.sp-checkout-step-hint,
.pay-odeme-desc,
.sp-sd-havale-lbl {
  color: #b0b0b0 !important;
  font-size: 13px !important;
}

/* ALL PRICES & NUMBERS IN CART & CHECKOUT */
.pricersmall,
.cart-total-price,
.sepet3,
.sepet3.blue,
.sepet3.green,
.sepet3.total,
.sepet3.green.total,
.sepet3.green.total.w300,
.fiyat,
.birim-fiyat,
.toplam-fiyat,
.basket-item .fiyat,
.basket-item .birim-fiyat,
.basket-item .toplam-fiyat,
.basket-item td,
.sp-table .fiyat,
.list-view-product-price,
.sepet-toplam-fiyat,
.order-total-price,
li.total.total-kd,
li.total,
.tutar,
.sepet1,
.shopphp-basket .hizli-sepet-price {
  color: var(--accent-yellow) !important;
  font-weight: 700 !important;
}

/* Quantity input box numbers */
input.input.sp-short,
input[id^="sepetadet_"],
input.sp-short,
.sepet .adet-input,
.sp-table input.adet,
.shopphp-basket input {
  color: #ffffff !important;
  background-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Continue shopping button ("Alışverişe Devam Et") */
a.grey.sepet-btn-devam,
a.sp-btn-devam,
.sepet a.btn-devam {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: 1.5px solid #3d3d3d !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

a.grey.sepet-btn-devam:hover,
a.sp-btn-devam:hover {
  background-color: #2e2e2e !important;
  border-color: var(--accent-yellow) !important;
  color: var(--accent-yellow) !important;
}

/* 2. ADRES & TESLİMAT - LABELS, HEADINGS, AND INPUTS */
.shopphp-payment-body,
.shopphp-payment-body .card,
.shopphp-payment-body td,
.shopphp-payment-body th,
.shopphp-payment-body label,
.shopphp-payment-body span,
.shopphp-payment-body div,
.shopphp-payment-body h1,
.shopphp-payment-body h2,
.shopphp-payment-body h3,
.shopphp-payment-body h4,
.shopphp-payment-body h5,
.shopphp-payment-body .font-weight-bold {
  color: #ffffff !important;
}

.shopphp-payment-body .td1,
.shopphp-payment-body td.td1,
.shopphp-payment-body label {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
}

.shopphp-payment-body .td2,
.shopphp-payment-body td.td2 {
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* 3. ÖDEME YÖNTEMLERİ & SÖZLEŞMELER - TEXTS, VALUES, ACCORDIONS */
/* Bank Transfer (Havale) texts */
.sp-sd-havale-banka {
  color: var(--accent-yellow) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.sp-sd-havale-val {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

.sp-sd-havale-hesaplar,
.sp-sd-havale-hesap {
  color: #ffffff !important;
  background-color: #ffffff !important;
}

/* Accordion Contract Titles ("421798729 No'lu Sipariş - Satın Alma Kuralları") */
.sp-sip-acc-tit,
summary.sp-sip-acc-head,
.sozlesme-accordion .card-header button,
details.sp-sip-acc summary {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

details.sp-sip-acc[open] summary,
summary.sp-sip-acc-head:hover {
  color: var(--accent-yellow) !important;
}

/* Agreement text inside accordions */
details.sp-sip-acc textarea,
.sozlesme-accordion textarea,
.shopphp-payment-body textarea {
  background-color: #f8fafc !important;
  background: #f8fafc !important;
  color: #e0e0e0 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Right sidebar total rows text */
.basket-right ul li,
#basket-right-container ul li,
.basket-right .tutar,
.basket-right .sepet1,
.basket-right span,
.basket-right div {
  color: #ffffff !important;
}

.basket-right ul li.total,
.basket-right ul li.total-kd,
.basket-right .sepet3 {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
}

/* Step tab headings (#top-payment-tab) */
.shopphp-payment-body #top-payment-tab .tab,
.shopphp-payment-body #top-payment-tab > div,
.shopphp-payment-body #top-payment-tab .font-weight-bold {
  color: #ffffff !important;
}

.shopphp-payment-body #top-payment-tab .active,
.shopphp-payment-body #top-payment-tab .active .font-weight-bold,
.shopphp-payment-body #top-payment-tab .active span {
  color: var(--accent-yellow) !important;
}
/* ==========================================================================
   ULTIMATE CONTRAST & VISIBILITY OVERRIDES FOR CART & CHECKOUT
   ========================================================================== */

/* Unit Price column in Cart Table */
.cart-price,
.cart-price *,
.cart-price .pricersmall,
.pricersmall,
.basket-item .cart-price,
.basket-item .cart-price *,
.basket-item .pricersmall,
.basket-item td.birim-fiyat,
.basket-item td.fiyat,
.basket-item td.toplam-fiyat,
.sp-table .fiyat,
.sepet .fiyat,
.sepet .birim-fiyat,
.sepet .toplam-fiyat {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* Sidebar Labels (.sepet1) - "Sepet Toplamı", "Toplam Sepet Tutarı", "Havale" */
.basket-right .sepet1,
.basket-right ul li .sepet1,
.basket-totals .sepet1,
.shopphp-sidebar .sepet1,
.sepet1,
span.sepet1 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

.basket-right .sepet2,
.basket-right ul li .sepet2,
span.sepet2 {
  color: #888888 !important;
  margin: 0 4px !important;
}

/* Sidebar Prices (.sepet3, .sepet3.blue, .sepet3.green) - ALL NUMBERS GLOW YELLOW */
.basket-right .sepet3,
.basket-right ul li .sepet3,
.basket-right .sepet3.blue,
.basket-right .sepet3.green,
.basket-right .sepet3.total,
.basket-right .sepet3.w300,
.sepet3,
.sepet3.blue,
.sepet3.green,
.sepet3.total,
.sepet3.green.total,
.sepet3.green.total.w300,
span.sepet3,
.basket-totals .sepet3,
.shopphp-sidebar .sepet3,
.tutar .sepet3,
li.tutar .sepet3,
li.total-kd .sepet3 {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 17px !important;
}

/* Sidebar "Promosyon Kodu" Box & Button */
.discount-coupon,
.discount-coupon .coupon,
.discount-coupon .coupon-title,
.coupon-title {
  color: var(--accent-yellow) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.coupon-row button.coupon-box,
button.coupon-box,
.discount-coupon button,
.basket-right button.coupon-box {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s ease !important;
}

.coupon-row button.coupon-box:hover,
button.coupon-box:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15) !important;
}

.discount-coupon input.coupon-code,
.coupon-row input.coupon-code {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-weight: 600 !important;
}
/* ==========================================================================
   ADDRESS MODAL (#adres-ekle / #adres-duzenle) & BIREYSEL-KURUMSAL BUTTONS
   ========================================================================== */

/* Fancybox Modal Dark Theme */
.fancybox-skin,
.fancybox-inner,
#adres-ekle,
#adres-duzenle,
.fancybox-wrap .fancybox-skin {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

/* Modal Headings */
#adres-ekle h2,
#adres-duzenle h2,
#adres-ekle .mb-3,
.fancybox-inner h2 {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  border-left: 3.5px solid var(--accent-yellow) !important;
  padding-left: 12px !important;
  margin-bottom: 20px !important;
}

/* Modal Form Floating Inputs & Labels */
.addres-add-form > div > div {
  position: relative !important;
  margin-bottom: 16px !important;
}

#adres-ekle input[type="text"],
#adres-ekle input[type="tel"],
#adres-ekle select,
#adres-ekle textarea,
#adres-duzenle input[type="text"],
#adres-duzenle input[type="tel"],
#adres-duzenle select,
#adres-duzenle textarea,
.addres-add-form input,
.addres-add-form select,
.addres-add-form textarea {
  background-color: #222222 !important;
  background: #222222 !important;
  color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 14px 14px 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

#adres-ekle input:focus,
#adres-ekle select:focus,
#adres-ekle textarea:focus,
.addres-add-form input:focus,
.addres-add-form select:focus,
.addres-add-form textarea:focus {
  background-color: #282828 !important;
  border-color: var(--accent-yellow) !important;
  box-shadow: 0 0 12px rgba(15, 23, 42, 0.15) !important;
}

.addres-add-form label {
  color: #999999 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#adres-ekle select option,
#adres-duzenle select option {
  background-color: #ffffff !important;
  color: #ffffff !important;
}

/* ==========================================================================
   BIREYSEL / KURUMSAL SWITCH & BUTTONS (IN MODAL & ON PAGE)
   ========================================================================== */

/* Fatura Türü Heading */
.radio-list h3,
.radio-list > h3,
#adres-ekle h3,
#adres-duzenle h3 {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

/* Radio List Container */
.radio-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 14px 0 18px !important;
}

.radio-list h3 {
  width: 100% !important;
  margin-bottom: 8px !important;
}

/* Bireysel & Kurumsal Radio Button Pills (.radio-backed) */
.radio-backed {
  position: relative !important;
  display: inline-flex !important;
  margin: 0 !important;
}

.radio-backed input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.radio-backed label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 24px !important;
  background-color: #222222 !important;
  background: #222222 !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #cccccc !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
  margin: 0 !important;
}

.radio-backed label:hover {
  background-color: #2a2a2a !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

/* Active / Checked State for Bireysel & Kurumsal */
.radio-backed input[type="radio"]:checked + label {
  background-color: var(--accent-yellow) !important;
  background: var(--accent-yellow) !important;
  border-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
  transform: translateY(-1px) !important;
}

.radio-backed input[type="radio"]:checked + label span {
  color: #121212 !important;
  font-weight: 800 !important;
}

/* Bireysel / Kurumsal On Main Page */
.bireysel-kurumsal-tabs,
.siparis-tip-secim {
  display: inline-flex !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

/* Corporate Form Fields */
.kurumsalForm {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-top: 10px !important;
}

/* "Adreslerime Ekle" Submit Button in Modal */
button.addres-button,
.addres-button,
#adres-ekle button.addres-button,
#adres-duzenle button.addres-button {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 16px !important;
  display: block !important;
}

button.addres-button:hover,
.addres-button:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.15) !important;
}

/* Modal Close Button */
.fancybox-close,
.fancybox-item.fancybox-close {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  top: -14px !important;
  right: -14px !important;
  transition: all 0.2s ease !important;
}

.fancybox-close:hover {
  background-color: #ff4444 !important;
  border-color: #ff4444 !important;
}

/* Main Page "Siparişi Onayla / Ödeme Yap" Bottom Button */
#btn-odeme,
button#btn-odeme,
.sf-button.sf-button-large.sf-neutral-button,
a.btn-odeme-yap,
input#btn-odeme {
  background: var(--accent-yellow) !important;
  background-color: var(--accent-yellow) !important;
  color: #121212 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 15px 36px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#btn-odeme:hover,
button#btn-odeme:hover {
  background-color: #0f172a !important;
  color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 26px rgba(15, 23, 42, 0.15) !important;
}
/* ==========================================================================
   MOBILE & DESKTOP BIREYSEL-KURUMSAL & ADDRESS MODAL BULLETPROOF STYLING
   ========================================================================== */

/* Remove any weird :before / :after pseudo-elements from legacy styles */
.radio-backed label::before,
.radio-backed label::after,
.addres-add-form div.radio-backed label::before,
.addres-add-form div.radio-backed label::after,
.addres-add-form > div div.radio-backed label::before,
.addres-add-form > div div.radio-backed label::after {
  display: none !important;
  content: none !important;
}

/* Modal and Form Radio Lists */
.radio-list,
.addres-add-form .radio-list,
div.radio-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 14px 0 18px !important;
  box-sizing: border-box !important;
}

.radio-list h3,
.radio-list > h3 {
  width: 100% !important;
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
}

/* Radio button containers */
.radio-backed,
.addres-add-form .radio-backed,
.addres-add-form > div div.radio-backed,
div.radio-backed {
  flex: 1 1 50% !important;
  max-width: 50% !important;
  display: block !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.radio-backed input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Radio Labels / Pill Buttons */
.radio-backed label,
.addres-add-form .radio-backed label,
.addres-add-form > div div.radio-backed label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  background-color: #222222 !important;
  background: #222222 !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #e0e0e0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  margin: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.radio-backed label:hover,
.addres-add-form .radio-backed label:hover {
  background-color: #f8fafc !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

/* Active / Checked State */
.radio-backed input[type="radio"]:checked + label,
.addres-add-form .radio-backed input[type="radio"]:checked + label,
.addres-add-form > div div.radio-backed input[type="radio"]:checked + label {
  background-color: #0f172a !important;
  background: #0f172a !important;
  border-color: #F3D825 !important;
  color: #121212 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}

.radio-backed input[type="radio"]:checked + label span,
.addres-add-form .radio-backed input[type="radio"]:checked + label span {
  color: #121212 !important;
  font-weight: 800 !important;
}

.radio-backed input[type="radio"]:not(:checked) + label span,
.addres-add-form .radio-backed input[type="radio"]:not(:checked) + label span {
  color: #e0e0e0 !important;
  font-weight: 700 !important;
}

/* Text Span Display Rules for Responsive */
@media (max-width: 768px) {
  .radio-backed label .sp-tab-full {
    display: inline !important;
  }
  .radio-backed label .sp-tab-short {
    display: none !important;
  }
  
  /* Modal responsive sizing */
  .fancybox-wrap,
  .fancybox-skin,
  .fancybox-outer,
  .fancybox-inner {
    max-width: 95vw !important;
    box-sizing: border-box !important;
  }
  
  #adres-ekle,
  #adres-duzenle {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 6px !important;
  }
}
/* ==========================================================================
   PERFECT FULL-WIDTH BIREYSEL & KURUMSAL RADIO BUTTONS & MODAL RESPONSIVE
   ========================================================================== */

/* Force radio-list and its parent container to span full 100% width */
.addres-add-form > div > div.radio-list,
.addres-add-form .radio-list,
.radio-list,
div.radio-list {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 16px 0 20px 0 !important;
  padding: 0 !important;
  clear: both !important;
  box-sizing: border-box !important;
}

.addres-add-form .radio-list h3,
.radio-list h3,
.radio-list > h3 {
  width: 100% !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: block !important;
}

/* Radio buttons (Bireysel / Kurumsal) take exactly 50% each */
.addres-add-form .radio-list .radio-backed,
.radio-list .radio-backed,
.radio-backed,
div.radio-backed {
  flex: 1 1 calc(50% - 6px) !important;
  max-width: calc(50% - 6px) !important;
  width: calc(50% - 6px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

.radio-backed input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* High-contrast dark pill labels */
.addres-add-form .radio-list .radio-backed label,
.radio-list .radio-backed label,
.radio-backed label {
  width: 100% !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: #222222 !important;
  background-color: #222222 !important;
  border: 1.5px solid #3d3d3d !important;
  border-radius: 10px !important;
  color: #cccccc !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-align: center !important;
  margin: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.addres-add-form .radio-list .radio-backed label:hover,
.radio-backed label:hover {
  background-color: #2a2a2a !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

/* ACTIVE STATE (GLOWING YELLOW) */
.addres-add-form .radio-list .radio-backed input[type="radio"]:checked + label,
.radio-list .radio-backed input[type="radio"]:checked + label,
.radio-backed input[type="radio"]:checked + label {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-color: #F3D825 !important;
  color: #121212 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15) !important;
  transform: translateY(-1px) !important;
}

.addres-add-form .radio-list .radio-backed input[type="radio"]:checked + label span,
.radio-list .radio-backed input[type="radio"]:checked + label span,
.radio-backed input[type="radio"]:checked + label span {
  color: #121212 !important;
  font-weight: 800 !important;
}

/* Ensure only one label text shows (no duplicate spans) */
.radio-backed label .sp-tab-full {
  display: inline !important;
}
.radio-backed label .sp-tab-short {
  display: none !important;
}

/* Modal mobile sizing */
@media (max-width: 768px) {
  .fancybox-wrap {
    width: 94vw !important;
    max-width: 94vw !important;
    left: 3vw !important;
    right: 3vw !important;
    margin: 0 auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: fixed !important;
  }
  
  .fancybox-skin,
  .fancybox-outer,
  .fancybox-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 10px !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
  }
  
  #adres-ekle,
  #adres-duzenle {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 4px !important;
    box-sizing: border-box !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
  }
}
/* ==========================================================================
   PERMANENT SEARCH DROPDOWN ELIMINATION (User Request)
   ========================================================================== */
.meili-search-dropdown,
#search-container,
.ac_results,
.ui-autocomplete,
.pw-autocomplete-dropdown,
.pw-autocomplete-suggestions,
.pw-autocomplete-is-visible,
#shopphp-big-search-modal,
.searchpop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  z-index: -9999 !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* ==========================================================================
   PRODUCT DETAIL PAGE HAVALE / EFT PRICE BOX
   ========================================================================== */
.kk-product-havale-row {
  width: 100% !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.12) !important;
  clear: both !important;
  display: block !important;
}

.kk-product-havale-inner {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: rgba(0, 208, 132, 0.08) !important;
  border: 1px solid rgba(0, 208, 132, 0.28) !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.kk-product-havale-inner:hover {
  background: rgba(0, 208, 132, 0.14) !important;
  border-color: rgba(0, 208, 132, 0.45) !important;
}

.kk-havale-icon {
  color: #00d084 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.kk-havale-text {
  color: #c0c4d8 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}

.kk-havale-amount {
  color: #00d084 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
}

.kk-havale-badge {
  background: #00d084 !important;
  color: #0d1e16 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  margin-left: 2px !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(0, 208, 132, 0.3) !important;
}

@media (max-width: 767px) {
  .kk-product-havale-inner {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 8px 12px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
  }
  
  .kk-havale-text {
    font-size: 12.5px !important;
  }
  
  .kk-havale-amount {
    font-size: 16px !important;
  }
}


/* ==========================================================================
   KONSOLCUM.COM LIGHT THEME ARCHITECTURE & CONTRAST PERFECTION
   ========================================================================== */

/* 1. Base & Surfaces */
body {
  background-color: #f8f9fa !important;
  color: #1e293b !important;
}

#sitePage {
  background-color: #f8f9fa !important;
}

h1, h2, h3, h4, h5, h6, .area-heading h3, .left-area-heading h3 {
  color: #0f172a !important;
  font-weight: 700 !important;
}

a {
  color: #1e293b;
}

a:hover, a:focus {
  color: #2563eb !important;
}

/* 2. Top Header & Main Header (Crisp White) */
.top_header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.top-phone-list li a, .top-links-list li a {
  color: #475569 !important;
}

.top-phone-list li a:hover, .top-links-list li a:hover {
  color: #0f172a !important;
}

.header-area {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.header-brand-row .mobile-toggle-btn a {
  color: #0f172a !important;
  font-size: 20px !important;
}

.search-wrapper input[type="text"],
#detailSearchKey {
  background-color: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  border-radius: 8px !important;
}

.search-wrapper input[type="text"]:focus,
#detailSearchKey:focus {
  background-color: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;
}

.search-wrapper button {
  color: #0f172a !important;
}

.user-action i, .cart-action i {
  color: #0f172a !important;
}

.action-text .sub-label {
  color: #64748b !important;
}

.action-text .main-label {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.desktop-cart-badge, .m-cart-badge, .cart_total {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* 3. Main Navigation Menu */
.header-middle, .main-menu {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.main-menu nav ul li a {
  color: #1e293b !important;
  font-weight: 600 !important;
}

.main-menu nav ul li a:hover,
.main-menu nav ul li.active a {
  color: #2563eb !important;
  background-color: #f8fafc !important;
}

.main-menu nav ul li ul,
.main-menu nav ul li .mega-menu {
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.main-menu nav ul li ul li a {
  color: #334155 !important;
}

.main-menu nav ul li ul li a:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

/* 4. Announcement / Promo Top Bar */
.ikinciel-promo-bar {
  background: linear-gradient(90deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
  border-bottom: 2px solid #2563eb !important;
  color: #ffffff !important;
}

.ikinciel-promo-text {
  color: #ffffff !important;
}

.ikinciel-promo-text strong {
  color: #ffffff !important;
}

.ikinciel-promo-highlight {
  color: #38bdf8 !important;
  text-shadow: none !important;
}

.ikinciel-promo-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.ikinciel-promo-btn:hover {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

/* 5. Product Cards (Crisp White Elevating Cards) */
.single-product,
.product-carousel .single-product,
.urunitem .single-product,
.onecikan .single-product {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  overflow: hidden !important;
}

.single-product:hover,
.product-carousel .single-product:hover,
.urunitem .single-product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
  border-color: #cbd5e1 !important;
}

.single-product .product-image,
.single-product .show-img {
  background-color: #ffffff !important;
}

.single-product .pro-name a {
  color: #1e293b !important;
  font-weight: 600 !important;
}

.single-product .pro-name a:hover {
  color: #2563eb !important;
}

.single-product .price-box .price span {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

.single-product .price-box .old-price span {
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

.quick-fav, .quick-view {
  background-color: #f8fafc !important;
  border: none !important;
  color: #475569 !important;
  border-radius: 50% !important;
}

.quick-fav:hover, .quick-view:hover {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

.indirim_badge, .indirim-badge {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* 6. Category Page Sidebar & Top Filter Bar */
.shop-sidebar > div,
.shop-catagories {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
}

.shop-catagories .area-heading {
  background-color: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.shop-catagories .area-heading h3 {
  color: #0f172a !important;
}

.shop-catagories .catagory-list {
  background-color: #ffffff !important;
}

.katlist_sol li a, .filter_left li a {
  color: #334155 !important;
}

.katlist_sol li a:hover, .filter_left li a:hover {
  color: #2563eb !important;
  background-color: #f8fafc !important;
}

.urunkat form#urunsirala,
form#urunsirala {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.urunkat form#urunsirala select,
form#urunsirala select {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  border-radius: 6px !important;
}

.cat-filter-box {
  background-color: #f1f5f9 !important;
  border: none !important;
  color: #334155 !important;
}

.cat-filter-box.active {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

/* 7. Pagination */
.pagination > li > a,
.pagination > li > span {
  background-color: #ffffff !important;
  border: none !important;
  color: #334155 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

.pagination > .active > a,
.pagination > .active > span {
  background-color: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
}

/* 8. Product Detail Page */
.sin-product-page .container,
.single-product-area {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  padding: 25px !important;
}

.sp-price-wrap, .detail-price {
  background-color: #f8fafc !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
}

.sp-price-wrap .price, .detail-price .price {
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 26px !important;
}

.kk-product-havale-row {
  background-color: #f1f5f9 !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
}

.kk-product-havale-row .havale-price {
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Primary Action Buttons */
#form_SepeteAt,
input[type="submit"].sf-button,
button.sf-button,
.sf-button,
.sepete-ekle-btn,
input#gf_submit,
.b-btn {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
  transition: all 0.2s ease !important;
}

#form_SepeteAt:hover,
input[type="submit"].sf-button:hover,
button.sf-button:hover,
.sf-button:hover,
.sepete-ekle-btn:hover,
input#gf_submit:hover,
.b-btn:hover {
  background: #1e293b !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.25) !important;
}

/* 9. Cart & Checkout */
.sepet, .basket-wrapper {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
}

.basket-item {
  border-bottom: 1px solid #f1f5f9 !important;
}

.basket-item .cart-info h3 a {
  color: #0f172a !important;
  font-weight: 600 !important;
}

.basket-item .cart-price, .cart-price, .pricersmall {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.basket-right, .basket-totals, .shopphp-sidebar {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.basket-right .sepet1, .sepet1, span.sepet1 {
  color: #1e293b !important;
  font-weight: 700 !important;
}

.basket-right .sepet3, .sepet3, span.sepet3 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.shopphp-payment-body #top-payment-tab .tab,
#top-payment-tab .tab-item {
  background-color: #ffffff !important;
  border: none !important;
  color: #64748b !important;
}

.shopphp-payment-body #top-payment-tab .tab.active,
#top-payment-tab .tab-item.active {
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

.shopphp-payment-body #top-payment-tab .active span,
.shopphp-payment-body #top-payment-tab .active .font-weight-bold {
  color: #ffffff !important;
}

.shopphp-payment-body #shopphp-payment-types .card,
.payment-method-card, .address-card {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
}

.shopphp-payment-body #shopphp-payment-types .card.active,
.payment-method-card.active, .address-card.selected {
  border-color: #2563eb !important;
  background-color: #eff6ff !important;
}

/* 10. Footer (Clean Light Footer) */
.footer-area {
  background-color: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #475569 !important;
}

.footer-top-heading {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
}

.footer-list-item a, .footer-list ul li a {
  color: #64748b !important;
}

.footer-list-item a:hover, .footer-list ul li a:hover {
  color: #0f172a !important;
}

.ebulten {
  background-color: #f8fafc !important;
  border: none !important;
  border-radius: 8px !important;
}

.ebulten .b-box {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
}

.footer-bottom {
  background-color: #f1f5f9 !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}

.footer-copyright a {
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* 11. Mobile Bottom Bar & Scroll to Top */
.menufix {
  background-color: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05) !important;
}

.menufix a {
  color: #475569 !important;
}

.menufix a:hover, .menufix a.active, .menufix a.home {
  color: #0f172a !important;
}

#scrollToTopBtn {
  background-color: #0f172a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#scrollToTopBtn:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

#scrollToTopBtn i {
  color: #ffffff !important;
}

/* Authoritative Light Menu Styles */
.header-middle .main-menu.gamer-menu,
.main-menu.gamer-menu {
}

.main-menu.gamer-menu nav > ul > li > a,
.main-menu.gamer-menu ul li a,
.gamer-menu a {
}

.main-menu.gamer-menu nav > ul > li:hover > a,
.main-menu.gamer-menu ul li:hover > a {
}

.main-menu.gamer-menu .sub-menu,
.main-menu.gamer-menu ul.sub-menu {
}

.main-menu.gamer-menu .sub-menu li a,
.main-menu.gamer-menu ul.sub-menu li a {
}

.main-menu.gamer-menu .sub-menu li a:hover,
.main-menu.gamer-menu ul.sub-menu li a:hover {
}

.main-menu.gamer-menu .sub-menu li a i {
}

.main-menu.gamer-menu .sub-menu li a:hover i {
}

/* Ebulten Light Styling */
.ebulten input.b-box,
div.ebulten input.b-box {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}
.ebulten input.b-box::placeholder {
  color: #94a3b8 !important;
}
.ebulten input.b-btn,
.ebulten input[type="submit"] {
  background: #0f172a !important;
  color: #ffffff !important;
}
.ebulten input.b-btn:hover,
.ebulten input[type="submit"]:hover {
  background: #1e293b !important;
  color: #ffffff !important;
}

/* ==========================================================================
   KONSOLCUM.COM ULTIMATE LIGHT MODE CONTRAST & VISIBILITY MASTER MODULE
   ========================================================================== */

/* --- 1. MAIN NAVIGATION MENU --- */
.header-middle {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.main-menu.gamer-menu,
.main-menu {
  background: #ffffff !important;
}

.main-menu.gamer-menu nav > ul,
.main-menu nav > ul {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-menu.gamer-menu nav > ul > li,
.main-menu nav > ul > li {
  position: relative !important;
}

.main-menu.gamer-menu nav > ul > li > a,
.main-menu.gamer-menu > nav > ul > li > a,
.main-menu.gamer-menu ul li a,
.main-menu nav ul li a,
.main-menu nav > ul > li > a,
.main-menu a {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.main-menu.gamer-menu nav > ul > li:hover > a,
.main-menu.gamer-menu ul li:hover > a,
.main-menu nav ul li:hover > a,
.main-menu nav > ul > li:hover > a {
  color: #2563eb !important;
  background-color: #f8fafc !important;
}

/* Dropdown Sub-menus */
.main-menu .sub-menu,
.main-menu.gamer-menu .sub-menu,
.main-menu ul li .sub-menu,
.sub-menu {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: none !important;
  border-top: 3px solid #0f172a !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 0 8px 8px !important;
}

.main-menu .sub-menu li a,
.main-menu.gamer-menu .sub-menu li a,
.sub-menu li a {
  color: #1e293b !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: all 0.2s ease !important;
}

.main-menu .sub-menu li a:hover,
.main-menu.gamer-menu .sub-menu li a:hover,
.sub-menu li a:hover {
  background-color: #f1f5f9 !important;
  color: #2563eb !important;
  padding-left: 22px !important;
}

.main-menu .sub-menu li a i {
  color: #94a3b8 !important;
}

.main-menu .sub-menu li a:hover i {
  color: #2563eb !important;
}

/* --- 2. BREADCRUMBS --- */
.bread-crumb,
.bread-crumb ul,
.breadcrumb-area {
  background: #f8fafc !important;
  border: none !important;
  border-radius: 8px !important;
}

.bread-crumb ul li,
.bread-crumb ul li a,
.bread-crumb a,
a.BreadCrumb {
  color: #475569 !important;
  font-weight: 500 !important;
}

.bread-crumb ul li a:hover,
.bread-crumb a:hover {
  color: #2563eb !important;
}

.bread-crumb ul li:last-child,
.bread-crumb ul li:last-child a,
.bread-crumb ul li:last-child span,
.bread-crumb span:last-child {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* --- 3. PRODUCT DETAIL PAGE --- */
section.sin-product-page,
.sin-product-page,
.single-product-area {
  background-color: #f8f9fa !important;
}

section.sin-product-page > .container,
.single-product-area > .container {
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 30px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

/* Brand Link */
section.sin-product-page .prod-list-detail h2.pro-name a,
.sin-product-page .prod-list-detail h2.pro-name a {
  color: #2563eb !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

/* Product Title */
section.sin-product-page .prod-list-detail h4.prod-marka,
.sin-product-page .prod-list-detail h4.prod-marka,
.prod-list-detail h4.prod-marka,
h4.prod-marka {
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 8px 0 10px 0 !important;
}

/* Product Code */
section.sin-product-page .prod-list-detail h4.prod-kod,
.sin-product-page .prod-list-detail h4.prod-kod,
h4.prod-kod {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Price Box */
section.sin-product-page .price-box,
.sin-product-page .price-box {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
}

section.sin-product-page .price-box .price span,
section.sin-product-page .price-box .price,
section.sin-product-page #shopPHPUrunFiyatYTL,
.sin-product-page .price span {
  color: #0f172a !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

section.sin-product-page .price-box .old-price span,
.sin-product-page .price-box .old-price span {
  color: #94a3b8 !important;
  font-size: 16px !important;
  text-decoration: line-through !important;
}

/* Havale / EFT Box */
.kk-product-havale-row {
  background: #f1f5f9 !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  color: #334155 !important;
}

.kk-product-havale-row .havale-price {
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Add to Cart Actions */
section.sin-product-page .actions .pro-add-to-cart a,
section.sin-product-page .pro-add-to-cart a,
.actions .pro-add-to-cart a,
.pro-add-to-cart a,
#form_SepeteAt {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
}

section.sin-product-page .actions .pro-add-to-cart a span,
section.sin-product-page .pro-add-to-cart a span,
.actions .pro-add-to-cart a span,
.pro-add-to-cart a span,
#form_SepeteAt span {
  color: #ffffff !important;
  font-weight: 800 !important;
}

section.sin-product-page .actions .pro-add-to-cart a:hover,
.actions .pro-add-to-cart a:hover,
#form_SepeteAt:hover {
  background: #1e293b !important;
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Quantity Adet Select */
.cart-plus-minus-button,
select.urunSepeteEkleAdet,
.cart-plus-minus-button select {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

/* Feature Badges (.properties) */
.prod-info .properties,
.properties {
  margin-top: 15px !important;
  padding: 12px 0 !important;
  border-top: 1px solid #f1f5f9 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.prod-info .properties span,
.properties span,
.sin-product-page .properties span {
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-right: 20px !important;
}

.prod-info .properties span i,
.properties span i {
  color: #dc2626 !important;
  font-size: 15px !important;
}

/* Product Detail Tabs */
ul.details_tab.tab-button li a,
.details_tab li a {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  color: #475569 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

ul.details_tab.tab-button li a:hover,
.details_tab li a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

ul.details_tab.tab-button li.active a,
.details_tab li.active a {
  background: #0f172a !important;
  background-color: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

/* Tab Content */
section.sin-product-page .tab-content,
.sin-product-page .tab-content,
.tab-content,
.tab-top-contain,
.tab-pane {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  color: #1e293b !important;
}

.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4,
.tab-pane h1, .tab-pane h2, .tab-pane h3, .tab-pane h4,
.tab-pane.aciklama h2 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.tab-content p, .tab-content span, .tab-content div, .tab-content li,
.tab-pane p, .tab-pane span, .tab-pane div, .tab-pane li,
.tab-pane.aciklama p, .tab-pane.aciklama div {
  color: #334155 !important;
  line-height: 1.7 !important;
}

/* Installments / Taksit Tab */
.sp-taksit-modern .sp-taksit-card,
.sp-taksit-modern .genel_taksitDiv,
div.genel_taksitDiv,
#taksitGosterim .genel_taksitDiv {
  background: #ffffff !important;
  border: none !important;
}

.sp-taksit-title,
.sp-taksit-headline h4 {
  color: #0f172a !important;
}

table.sp-taksit-table th,
.genel_taksitDiv table th {
  background: #f8fafc !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

table.sp-taksit-table td,
.genel_taksitDiv table td {
  color: #334155 !important;
  border-color: #f1f5f9 !important;
}

/* --- 4. CATEGORY LISTING & SIDEBAR FILTERS --- */
/* Page Title */
.urunkat h1.page-header,
h1.page-header,
.page-header {
  color: #0f172a !important;
  font-weight: 800 !important;
  border-bottom: 2px solid #e2e8f0 !important;
  border-left: 4px solid #0f172a !important;
}

/* Sidebar Headings */
.shop-sidebar .area-heading h3,
.shop-sidebar .shop-catagories .area-heading h3,
.shop-sidebar div.area-heading > h3 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.shop-sidebar .area-heading h3::before {
  background: #0f172a !important;
}

/* Subcategories in Left Sidebar */
.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li,
ul.katlist_sol li {
  border-bottom: 1px solid #f1f5f9 !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li a,
ul.katlist_sol li a,
.katlist_sol li a {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.shop-sidebar .subcat_block .catagory-list ul.katlist_sol li a:hover,
ul.katlist_sol li a:hover,
.katlist_sol li a:hover {
  color: #2563eb !important;
  background: #f8fafc !important;
}

/* Filter Headings & Checkboxes */
#filterContainer {
  background: transparent !important;
  color: #1e293b !important;
}

#filterContainer h5.headline {
  color: #0f172a !important;
  font-weight: 800 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

#filterContainer label.filterCheck,
#filterContainer label {
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

#filterContainer label.filterCheck:hover,
#filterContainer label:hover {
  color: #2563eb !important;
}

#filterContainer input.filterCheck:checked + label {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Filter Apply Button */
#filterContainer .filter-actions input[type="button"],
#filterContainer .filter-actions input[type="submit"],
#filterContainer .filter-actions button {
  background: #0f172a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  border: none !important;
}

#filterContainer .filter-actions input[type="button"]:hover,
#filterContainer .filter-actions button:hover {
  background: #1e293b !important;
  color: #ffffff !important;
}

/* Top Horizontal Filter Bar */
.cat-filter-box {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

.cat-filter-box label {
  color: #334155 !important;
  font-weight: 600 !important;
}

.cat-filter-box:has(input:checked),
.cat-filter-box.active {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
}

.cat-filter-box:has(input:checked) label,
.cat-filter-box.active label {
  color: #ffffff !important;
}

/* Sort Selects */
.urunsirala select,
form#urunsirala select {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

/* --- 5. MOBILE MMENU (DRAWER) HIGH CONTRAST --- */
.mm-menu {
  background: #ffffff !important;
  color: #0f172a !important;
}

.mm-menu .mm-listview > li > a,
.mm-menu .mm-listview > li > span {
  color: #0f172a !important;
  font-weight: 600 !important;
}

.mm-menu .mm-navbar .mm-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.mm-menu .mm-btn:before,
.mm-menu .mm-btn:after {
  border-color: #0f172a !important;
}

/* ==========================================================================
   REMOVE HORIZONTAL LINES UNDER HEADER AND BREADCRUMB
   ========================================================================== */

/* 1. Header Horizontal Lines Removal */
.top_header,
section.top_header {
  border-bottom: none !important;
}

.header-area,
section.header-area {
  border-bottom: none !important;
  box-shadow: none !important;
}

.header-middle,
div.header-middle,
.main-menu,
.main-menu.gamer-menu,
div.main-menu.gamer-menu {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.main-menu nav > ul,
.main-menu.gamer-menu nav > ul {
  border-top: none !important;
  border-bottom: none !important;
}

/* 2. Breadcrumb Horizontal Lines & Box Border Removal */
.breadcrumb-area,
section.breadcrumb-area {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 8px 0 4px 0 !important;
}

.bread-crumb,
div.bread-crumb,
.bread-crumb ul,
div.bread-crumb ul {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.bread-crumb::before,
.bread-crumb::after,
.breadcrumb-area::before,
.breadcrumb-area::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* 3. Section Divider Removal Under Breadcrumb */
section.sin-product-page,
.sin-product-page,
section.single-product-area,
.single-product-area,
.shop-page,
.shop-area {
  border-top: none !important;
  border-bottom: none !important;
}