/**
 * ==============================================================================
 * KONSOLCUM.COM - FLAGSHIP MODERN DESIGN SYSTEM & MASTER THEME (V6.0)
 * ==============================================================================
 * Sektör Standardı: PlayStation Store, Apple Store ve Razer Tier Tasarım Sistemi
 * Ultra-Clean Minimalist Layout, Luxury Typography (Inter), Balanced Brand Accents
 * Desktop & Mobile 100% Unified Responsive Experience
 * ==============================================================================
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* --------------------------------------------------------------------------
 * 1. DESIGN TOKENS (:root)
 * -------------------------------------------------------------------------- */
:root {
  /* Brand Palette */
  --kc-primary: #fe6811;
  --kc-primary-hover: #e05300;
  --kc-primary-active: #c2410c;
  --kc-primary-light: rgba(254, 104, 17, 0.08);
  --kc-primary-glow: 0 4px 14px rgba(254, 104, 17, 0.28);
  --kc-primary-subtle: rgba(254, 104, 17, 0.04);

  /* Surface & Canvas */
  --kc-bg-body: #f8fafc;
  --kc-bg-surface: #ffffff;
  --kc-bg-muted: #f1f5f9;
  --kc-bg-card: #ffffff;
  --kc-bg-dark: #0f172a;
  --kc-bg-darker: #0b0f17;

  /* Typography Colors */
  --kc-text-main: #0f172a;
  --kc-text-body: #334155;
  --kc-text-muted: #64748b;
  --kc-text-subtle: #94a3b8;
  --kc-text-inverse: #ffffff;

  /* Borders & Dividers */
  --kc-border: #e2e8f0;
  --kc-border-subtle: #f1f5f9;
  --kc-border-focus: #fe6811;

  /* Status Colors */
  --kc-success: #10b981;
  --kc-success-light: #ecfdf5;
  --kc-success-border: #a7f3d0;
  --kc-danger: #ef4444;
  --kc-danger-light: #fef2f2;
  --kc-danger-border: #fecaca;
  --kc-warning: #f59e0b;
  --kc-warning-light: #fffbeb;
  --kc-info: #0284c7;
  --kc-info-light: #f0f9ff;
  --kc-info-border: #bae6fd;

  /* Radii */
  --kc-radius-xs: 4px;
  --kc-radius-sm: 6px;
  --kc-radius-md: 10px;
  --kc-radius-lg: 14px;
  --kc-radius-xl: 20px;
  --kc-radius-pill: 9999px;

  /* Shadows */
  --kc-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --kc-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --kc-shadow-card: 0 2px 8px -1px rgba(15, 23, 42, 0.05);
  --kc-shadow-hover: 0 12px 28px -4px rgba(15, 23, 42, 0.09);
  --kc-shadow-dropdown: 0 12px 32px -4px rgba(15, 23, 42, 0.12);
  --kc-shadow-dock: 0 -4px 20px rgba(15, 23, 42, 0.06);

  /* Typography Font */
  --kc-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --------------------------------------------------------------------------
 * 2. GLOBAL RESET & BASE RULES
 * -------------------------------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  background-color: var(--kc-bg-body) !important;
  color: var(--kc-text-body) !important;
  font-family: var(--kc-font) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#sitePage {
  background-color: var(--kc-bg-body) !important;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--kc-font) !important;
  color: var(--kc-text-main) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  margin-top: 0;
}

a {
  color: var(--kc-text-main);
  text-decoration: none !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

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

/* Prevent banner pseudo symbol interference */
.mainSlider a::before, .mainSlider a::after,
.slider a::before, .slider a::after,
.slick-slide a::before, .slick-slide a::after,
.main-slider-container a::before, .main-slider-container a::after {
  content: none !important;
  display: none !important;
}

/* --------------------------------------------------------------------------
 * 3. MINIMALIST CORPORATE TOPBAR (.top_header)
 * -------------------------------------------------------------------------- */
.top_header {
  background-color: #f8fafc !important;
  border-bottom: 1px solid var(--kc-border) !important;
  padding: 8px 0 !important;
  font-size: 12.5px !important;
}

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

.top-phone-list, .top-links-list {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 20px !important;
}

.top-phone-list li, .top-links-list li {
  display: inline-flex !important;
  align-items: center !important;
}

.top-phone-list li a, .top-links-list li a {
  color: var(--kc-text-muted) !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12.5px !important;
}

.top-phone-list li a:hover, .top-links-list li a:hover {
  color: var(--kc-primary) !important;
}

.top-phone-list li a i {
  color: var(--kc-primary) !important;
  font-size: 13px !important;
}

.top-store-loc {
  color: var(--kc-text-muted) !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding-left: 12px !important;
  border-left: 1px solid var(--kc-border) !important;
}

.top-store-loc i {
  color: var(--kc-primary) !important;
}

.top-tradein-link {
  color: var(--kc-primary) !important;
  font-weight: 600 !important;
}

.top-tradein-link i {
  color: var(--kc-primary) !important;
}

/* --------------------------------------------------------------------------
 * 4. PURE WHITE MASTER HEADER (.header-area)
 * -------------------------------------------------------------------------- */
.header-area {
  background: #ffffff !important;
  border-bottom: 1px solid var(--kc-border) !important;
  padding: 16px 0 !important;
  box-shadow: var(--kc-shadow-xs) !important;
  position: relative !important;
  z-index: 100 !important;
}

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

.logo-wrapper {
  flex-shrink: 0 !important;
}

.logo-wrapper img {
  max-height: 48px !important;
  width: auto !important;
  display: block !important;
  transition: opacity 0.2s ease !important;
}

.logo-wrapper:hover img {
  opacity: 0.95;
}

/* Modern Pill Search Bar */
.search-wrapper {
  flex: 1 !important;
  max-width: 600px !important;
  position: relative !important;
}

.search-wrapper form {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--kc-radius-pill) !important;
  transition: all 0.2s ease !important;
}

.search-wrapper form:focus-within {
  background: #ffffff !important;
  border-color: var(--kc-primary) !important;
  box-shadow: 0 0 0 3px rgba(254, 104, 17, 0.15) !important;
}

.search-wrapper input#detailSearchKey,
.search-wrapper input[type="text"] {
  width: 100% !important;
  height: 44px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 50px 0 20px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--kc-text-main) !important;
  outline: none !important;
  font-family: var(--kc-font) !important;
}

.search-wrapper input#detailSearchKey::placeholder {
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
}

.search-wrapper button[type="submit"] {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 14px !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.search-wrapper button[type="submit"]:hover {
  background: var(--kc-primary-hover) !important;
  transform: translateY(-50%) scale(1.04) !important;
}

/* User & Cart Actions */
.user-cart-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.user-action, .cart-action {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  border-radius: var(--kc-radius-md) !important;
  border: 1px solid var(--kc-border) !important;
  background: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.user-action:hover, .cart-action:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

.user-action i {
  font-size: 18px !important;
  color: var(--kc-text-body) !important;
}

.user-action:hover i {
  color: var(--kc-primary) !important;
}

.cart-action {
  background: #ffffff !important;
  border-color: var(--kc-border) !important;
}

.cart-action:hover {
  border-color: var(--kc-primary) !important;
}

.cart-icon-container {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.cart-icon-container i {
  font-size: 19px !important;
  color: var(--kc-primary) !important;
}

.desktop-cart-badge, .m-cart-badge, .toplamUrun {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: var(--kc-radius-pill) !important;
  padding: 1px 6px !important;
  min-width: 18px !important;
  text-align: center !important;
  display: inline-block !important;
}

.desktop-cart-badge {
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
}

.action-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.25 !important;
}

.action-text .sub-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--kc-text-muted) !important;
}

.action-text .main-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--kc-text-main) !important;
}

/* --------------------------------------------------------------------------
 * 5. CLEAN NAVIGATION MENU (.header-middle)
 * -------------------------------------------------------------------------- */
.header-middle {
  background: #ffffff !important;
  border-bottom: 1px solid var(--kc-border) !important;
}

.main-menu nav > ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 4px !important;
}

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

.main-menu nav > ul > li > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 13px 16px !important;
  color: var(--kc-text-main) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  border-radius: var(--kc-radius-sm) !important;
  letter-spacing: -0.01em !important;
  transition: color 0.18s ease, background 0.18s ease !important;
}

/* Remove awkward pseudo-icons from menu items for clean corporate aesthetic */
.main-menu nav > ul > li > a::before {
  content: none !important;
  display: none !important;
}

.main-menu nav > ul > li:hover > a,
.main-menu nav > ul > li.active > a {
  color: var(--kc-primary) !important;
  background: var(--kc-primary-light) !important;
}

/* Submenu / Dropdown */
.main-menu nav > ul > li ul.sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #ffffff !important;
  border-radius: var(--kc-radius-md) !important;
  border: 1px solid var(--kc-border) !important;
  box-shadow: var(--kc-shadow-dropdown) !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
  z-index: 9999 !important;
  list-style: none !important;
  margin: 0 !important;
}

.main-menu nav > ul > li ul.sub-menu li a {
  color: var(--kc-text-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  display: block !important;
  transition: all 0.15s ease !important;
}

.main-menu nav > ul > li ul.sub-menu li a:hover {
  background: #f8fafc !important;
  color: var(--kc-primary) !important;
  padding-left: 22px !important;
}

/* --------------------------------------------------------------------------
 * 6. HERO SLIDER FRAME
 * -------------------------------------------------------------------------- */
.slider-area-wrapper {
  padding: 16px 0 20px 0 !important;
}

.slider-area-wrapper .slider {
  border-radius: var(--kc-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--kc-shadow-card) !important;
  border: 1px solid var(--kc-border) !important;
  background: #ffffff !important;
}

.slider-area-wrapper .mainSlider img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--kc-radius-lg) !important;
}

/* --------------------------------------------------------------------------
 * 7. REFINED TRUST FEATURES STRIP (.trust-features-strip)
 * -------------------------------------------------------------------------- */
.trust-features-strip {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 14px 20px !important;
  margin: 18px 0 26px 0 !important;
  box-shadow: var(--kc-shadow-xs) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.trust-features-strip .trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 200px !important;
}

.trust-features-strip .trust-item i {
  font-size: 22px !important;
  color: var(--kc-primary) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #fff7ed !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.trust-features-strip .trust-text {
  display: flex !important;
  flex-direction: column !important;
}

.trust-features-strip .trust-text strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--kc-text-main) !important;
  line-height: 1.3 !important;
}

.trust-features-strip .trust-text span {
  font-size: 11.5px !important;
  color: var(--kc-text-muted) !important;
  line-height: 1.3 !important;
}

/* --------------------------------------------------------------------------
 * 8. MODERN SECTION HEADERS (.kc-section-header)
 * -------------------------------------------------------------------------- */
.kc-section-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1.5px solid var(--kc-border) !important;
  position: relative !important;
}

.kc-section-header::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1.5px !important;
  width: 48px !important;
  height: 2px !important;
  background: var(--kc-primary) !important;
  border-radius: var(--kc-radius-pill) !important;
}

.kc-section-title-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.kc-section-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--kc-text-main) !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

.kc-section-subtitle {
  font-size: 12.5px !important;
  color: var(--kc-text-muted) !important;
  font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
 * 9. MASTER PRODUCT CARD (.single-product)
 * -------------------------------------------------------------------------- */
.single-product {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-shadow: var(--kc-shadow-card) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
  overflow: visible !important;
}

.single-product:hover {
  transform: translateY(-4px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: var(--kc-shadow-hover) !important;
}

/* Image Frame & Containers */
.single-product .product-image,
.urunitem .product-image,
.urunimg,
.urunimg_onecikan,
.single-bestseller .product-image,
.product-image {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 240px !important;
  padding: 10px !important;
  padding-bottom: 10px !important;
  margin: 0 0 12px 0 !important;
  background: #ffffff !important;
  border-radius: var(--kc-radius-md) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.single-product .product-image a,
.urunitem .product-image a,
.urunimg a,
.single-bestseller .product-image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* Show / Hide Image Handlers (Strictly prevents image disappearing or collapsing) */
.single-product .show-img,
.single-product:hover .show-img,
.single-product .product-image .show-img,
.single-product:hover .product-image .show-img,
.urunitem .show-img,
.urunitem:hover .show-img,
.urunimg .show-img,
.urunimg:hover .show-img,
.product-image .show-img,
.product-image:hover .show-img,
.show-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.single-product .hide-img,
.single-product:hover .hide-img,
.single-product .product-image .hide-img,
.single-product:hover .product-image .hide-img,
.urunitem .hide-img,
.urunitem:hover .hide-img,
.urunimg .hide-img,
.urunimg:hover .hide-img,
.product-image .hide-img,
.product-image:hover .hide-img,
.hide-img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* Product Image Tag (Properly centered, object-fit contain, no distortion) */
.single-product .product-image img,
.single-product .show-img img,
.urunitem .product-image img,
.urunimg img,
.urunimg_onecikan img,
.single-bestseller .product-image img,
.show-img img {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin: auto !important;
  max-width: 90% !important;
  max-height: 90% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

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

/* Floating Badges */
.single-product .smart-badges-container {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  pointer-events: none !important;
}

.sbadge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 7px !important;
  border-radius: var(--kc-radius-xs) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.2 !important;
}

.sbadge-warranty {
  background: var(--kc-success-light) !important;
  color: var(--kc-success) !important;
  border: 1px solid var(--kc-success-border) !important;
}

.sbadge-warranty-2el {
  background: var(--kc-warning-light) !important;
  color: #b45309 !important;
  border: 1px solid #fde68a !important;
}

.sbadge-2el {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}

.sbadge-cargo {
  background: var(--kc-info-light) !important;
  color: var(--kc-info) !important;
  border: 1px solid var(--kc-info-border) !important;
}

/* Discount Badge */
.single-product .sale-on,
.single-product .indirim-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
  background: var(--kc-danger) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 7px !important;
  border-radius: var(--kc-radius-xs) !important;
}

/* Quick Action Buttons (Favorite / Quick View) */
.single-product .quick-fav,
.single-product .quick-view {
  position: absolute !important;
  z-index: 6 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
  color: var(--kc-text-muted) !important;
  font-size: 13px !important;
  opacity: 0 !important;
  transition: all 0.2s ease !important;
}

.single-product:hover .quick-fav,
.single-product:hover .quick-view {
  opacity: 1 !important;
}

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

.single-product .sale-on ~ span .quick-fav,
.single-product .indirim-badge ~ span .quick-fav {
  top: 40px !important;
}

.single-product .quick-view {
  top: 45px !important;
  right: 8px !important;
}

.single-product .sale-on ~ span .quick-view,
.single-product .indirim-badge ~ span .quick-view {
  top: 76px !important;
}

.single-product .quick-fav:hover {
  background: var(--kc-danger) !important;
  border-color: var(--kc-danger) !important;
  color: #ffffff !important;
}

.single-product .quick-view:hover {
  background: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
  color: #ffffff !important;
}

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

.single-product .prod-info .pro-name,
.single-product .pro-name a {
  color: var(--kc-text-main) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 38px !important;
  margin-bottom: 6px !important;
  letter-spacing: -0.01em !important;
}

.single-product:hover .pro-name a {
  color: var(--kc-primary) !important;
}

/* Price Box */
.single-product .price-box {
  margin-top: auto !important;
  padding-top: 8px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.single-product .price-box .price span {
  color: var(--kc-text-main) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.single-product .price-box .old-price span {
  color: var(--kc-text-subtle) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Hide legacy rating */
.single-product .rating,
.single-product .product-card-rating,
.product-card-rating {
  display: none !important;
}

/* --------------------------------------------------------------------------
 * 10. OWL CAROUSEL MASTER ENGINE & BUTTONS
 * -------------------------------------------------------------------------- */
.product-carousel,
.UrunSliderWrap,
.tab-carosel-start {
  position: relative !important;
  width: 100% !important;
  clear: both !important;
}

.owl-carousel .owl-wrapper-outer,
.product-carousel .owl-wrapper-outer,
.tab-carosel-start .owl-wrapper-outer {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  padding: 6px 2px 14px 2px !important;
  margin: -6px -2px -14px -2px !important;
}

.owl-carousel .owl-item,
.product-carousel .owl-item,
.tab-carosel-start .owl-item {
  box-sizing: border-box !important;
  padding: 0 7px !important;
}

.owl-carousel .owl-item .onecikan,
.product-carousel .owl-item .onecikan,
.owl-carousel .owl-item .col-sm-12,
.product-carousel .owl-item .col-sm-12,
.owl-carousel .owl-item .col-md-12,
.product-carousel .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,
.tab-carosel-start .owl-item .single-product {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* Elegant Floating Carousel Arrow Controls */
.owl-theme .owl-controls .owl-buttons div,
.product-carousel .owl-controls .owl-buttons div,
.tab-carosel-start .owl-controls .owl-buttons div {
  position: absolute !important;
  top: 48% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  color: var(--kc-text-main) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
  opacity: 0.9 !important;
  transition: all 0.2s ease !important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.product-carousel .owl-controls .owl-buttons .owl-prev,
.tab-carosel-start .owl-controls .owl-buttons .owl-prev {
  left: -12px !important;
}

.owl-theme .owl-controls .owl-buttons .owl-next,
.product-carousel .owl-controls .owl-buttons .owl-next,
.tab-carosel-start .owl-controls .owl-buttons .owl-next {
  right: -12px !important;
}

.owl-theme .owl-controls .owl-buttons div:hover,
.product-carousel .owl-controls .owl-buttons div:hover,
.tab-carosel-start .owl-controls .owl-buttons div:hover {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  border-color: var(--kc-primary) !important;
  transform: translateY(-50%) scale(1.08) !important;
  opacity: 1 !important;
  box-shadow: var(--kc-primary-glow) !important;
}

/* --------------------------------------------------------------------------
 * 11. LUXURY TRADE-IN BANNER (.kc-tradein-banner)
 * -------------------------------------------------------------------------- */
.kc-tradein-banner {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 24px 30px !important;
  margin: 30px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: var(--kc-shadow-card) !important;
}

.kc-tradein-content {
  max-width: 680px !important;
}

.kc-tradein-tag {
  color: #ff944d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
}

.kc-tradein-content h3 {
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.02em !important;
}

.kc-tradein-content p {
  color: #94a3b8 !important;
  font-size: 13px !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.kc-tradein-btn {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  padding: 11px 24px !important;
  border-radius: var(--kc-radius-pill) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(254, 104, 17, 0.35) !important;
}

.kc-tradein-btn:hover {
  background: var(--kc-primary-hover) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(254, 104, 17, 0.45) !important;
}

/* --------------------------------------------------------------------------
 * 12. BREADCRUMB COMPONENT
 * -------------------------------------------------------------------------- */
.breadcrumb-area {
  padding: 14px 0 6px 0 !important;
}

.bread-crumb {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-md) !important;
  padding: 10px 18px !important;
  box-shadow: var(--kc-shadow-xs) !important;
}

.bread-crumb ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 6px !important;
  font-size: 12.5px !important;
}

.bread-crumb ul li, .bread-crumb ul li a {
  color: var(--kc-text-muted) !important;
  font-weight: 500 !important;
}

.bread-crumb ul li a:hover {
  color: var(--kc-primary) !important;
}

.bread-crumb ul li::after {
  content: '/' !important;
  margin-left: 6px !important;
  color: #cbd5e1 !important;
}

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

.bread-crumb ul li:last-child,
.bread-crumb ul li:last-child a {
  color: var(--kc-text-main) !important;
  font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
 * 13. CATEGORY LISTING & SIDEBAR FILTER (.shop-area)
 * -------------------------------------------------------------------------- */
.shop-area {
  padding: 10px 0 40px 0 !important;
}

.shop-sidebar {
  background: transparent !important;
}

.shop-catagories {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--kc-shadow-xs) !important;
}

.shop-catagories .area-heading {
  border-bottom: 1.5px solid var(--kc-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.shop-catagories .area-heading h3 {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--kc-text-main) !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

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

.katlist_sol li {
  margin-bottom: 4px !important;
}

.katlist_sol li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 7px 10px !important;
  border-radius: var(--kc-radius-sm) !important;
  font-size: 13px !important;
  color: var(--kc-text-body) !important;
  font-weight: 500 !important;
}

.katlist_sol li a:hover {
  background: #f8fafc !important;
  color: var(--kc-primary) !important;
}

/* Filter Bar in Category */
.page-inner-content {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-md) !important;
  padding: 12px 18px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--kc-shadow-xs) !important;
}

.page-header {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: var(--kc-text-main) !important;
  margin: 10px 0 16px 0 !important;
  letter-spacing: -0.02em !important;
  border: none !important;
  padding: 0 !important;
}

.cat-filter-bar {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.cat-filter-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.cat-filter-box label {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--kc-text-body) !important;
  cursor: pointer !important;
}

select#orderBy, select#cat-limit {
  height: 38px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--kc-radius-sm) !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background-color: #ffffff !important;
  color: var(--kc-text-main) !important;
  outline: none !important;
}

select#orderBy:focus, select#cat-limit:focus {
  border-color: var(--kc-primary) !important;
}

hr.item-order-line {
  display: none !important;
}

/* Category Grid Item Fixes */
.shop-product.urunkat,
.shop-product {
  display: flex !important;
  flex-wrap: wrap !important;
}

.urunitem {
  margin-bottom: 20px !important;
  display: flex !important;
}

.urunitem .single-product {
  width: 100% !important;
  height: 100% !important;
}

/* --------------------------------------------------------------------------
 * 14. PRODUCT DETAIL PAGE (.sin-product-page)
 * -------------------------------------------------------------------------- */
.sin-product-page {
  padding: 14px 0 40px 0 !important;
}

.sin-product-page .product-info {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 24px !important;
  box-shadow: var(--kc-shadow-xs) !important;
}

.sin-product-page h1.title {
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: var(--kc-text-main) !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.02em !important;
}

.sin-product-page .price-box {
  background: #f8fafc !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-md) !important;
  padding: 16px 20px !important;
  margin: 18px 0 !important;
}

.sin-product-page .price-box .price span {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: var(--kc-text-main) !important;
  letter-spacing: -0.02em !important;
}

.sin-product-page .button-cart,
.sin-product-page input[value="Sepete Ekle"],
.sin-product-page button.button-cart {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: var(--kc-radius-md) !important;
  height: 50px !important;
  padding: 0 32px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(254, 104, 17, 0.35) !important;
}

.sin-product-page .button-cart:hover,
.sin-product-page input[value="Sepete Ekle"]:hover,
.sin-product-page button.button-cart:hover {
  background: var(--kc-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(254, 104, 17, 0.45) !important;
}

/* --------------------------------------------------------------------------
 * 15. SLIDE-IN CART DRAWER (#drawer-1)
 * -------------------------------------------------------------------------- */
#drawer-1.drawer {
  z-index: 999999 !important;
}

#drawer-1 .drawer__body {
  background: #ffffff !important;
  color: var(--kc-text-main) !important;
  font-family: var(--kc-font) !important;
}

#drawer-1 .hizli-sepet-footer {
  background: #f8fafc !important;
  border-top: 1px solid var(--kc-border) !important;
  padding: 16px !important;
}

#drawer-1 .hizli-sepet-footer a.sepet-git-btn,
#drawer-1 .hizli-sepet-footer a.siparis-tamamla-btn {
  border-radius: var(--kc-radius-md) !important;
  font-weight: 700 !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

#drawer-1 .hizli-sepet-footer a.siparis-tamamla-btn {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(254, 104, 17, 0.3) !important;
}

#drawer-1 .hizli-sepet-footer a.siparis-tamamla-btn:hover {
  background: var(--kc-primary-hover) !important;
}

/* --------------------------------------------------------------------------
 * 16. CHECKOUT & BASKET CONTRAST GUARANTEES
 * -------------------------------------------------------------------------- */
.cart-table th {
  background-color: #f8fafc !important;
  color: var(--kc-text-main) !important;
  font-weight: 700 !important;
}

.cart-table td {
  color: var(--kc-text-body) !important;
}

.satinal-body {
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-lg) !important;
  padding: 24px !important;
}

/* --------------------------------------------------------------------------
 * 17. REFINED DARK FOOTER (.footer-area & .footer-bottom)
 * -------------------------------------------------------------------------- */
.footer-area {
  background: var(--kc-bg-dark) !important;
  color: #94a3b8 !important;
  padding: 45px 0 30px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer-top-heading {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

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

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

.footer-list ul li a {
  color: #94a3b8 !important;
  font-size: 13px !important;
  transition: color 0.18s ease !important;
}

.footer-list ul li a:hover {
  color: var(--kc-primary) !important;
  padding-left: 3px !important;
}

/* Ebulten Form */
.ebulten {
  margin-top: 12px !important;
  background: transparent !important;
  padding: 0 !important;
}

.ebulten form {
  display: flex !important;
  gap: 8px !important;
}

.ebulten input.b-box {
  flex: 1 !important;
  height: 42px !important;
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  border-radius: var(--kc-radius-sm) !important;
  color: #ffffff !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  outline: none !important;
}

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

.ebulten input.b-btn {
  height: 42px !important;
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--kc-radius-sm) !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.ebulten input.b-btn:hover {
  background: var(--kc-primary-hover) !important;
}

/* Footer Bottom & Payment Badges */
.footer-bottom {
  background: var(--kc-bg-darker) !important;
  padding: 20px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  text-align: center !important;
}

.footer-payment-badges {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.pay-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border: 1px solid #334155 !important;
  border-radius: var(--kc-radius-xs) !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.pay-badge i {
  font-size: 14px !important;
  color: var(--kc-primary) !important;
}

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

.footer-copyright a {
  color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
 * 18. SCROLL TO TOP BUTTON
 * -------------------------------------------------------------------------- */
#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--kc-bg-dark) !important;
  color: #ffffff !important;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

#scrollToTopBtn:hover {
  background-color: var(--kc-primary) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
 * 19. MOBILE OPTIMIZATIONS & FLOATING BOTTOM DOCK
 * -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .header-main-flex {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .header-brand-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .search-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mobile-toggle-btn a {
    font-size: 22px !important;
    color: var(--kc-text-main) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: var(--kc-radius-sm) !important;
    background: #f8fafc !important;
    border: 1px solid var(--kc-border) !important;
  }

  .mobile-quick-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .m-action-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: var(--kc-radius-sm) !important;
    background: #f8fafc !important;
    border: 1px solid var(--kc-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--kc-text-main) !important;
    font-size: 16px !important;
    position: relative !important;
  }

  .m-cart-btn {
    color: var(--kc-primary) !important;
  }

  .m-cart-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
  }

  /* 2-Column Mobile Grid for Products */
  .col-xs-6.urunitem,
  .shop-product .col-xs-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .single-product {
    padding: 10px !important;
    border-radius: var(--kc-radius-md) !important;
  }

  .single-product .product-image,
  .urunitem .product-image,
  .urunimg,
  .urunimg_onecikan,
  .single-bestseller .product-image {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 165px !important;
    padding: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
  }

  .single-product .product-image img,
  .single-product .show-img img,
  .urunitem .product-image img,
  .urunimg img {
    max-width: 92% !important;
    max-height: 92% !important;
  }

  .single-product .prod-info .pro-name,
  .single-product .pro-name a {
    font-size: 12px !important;
    height: 34px !important;
  }

  .single-product .price-box .price span {
    font-size: 14.5px !important;
  }

  .single-product .price-box .old-price span {
    font-size: 11px !important;
  }

  .single-product .quick-fav,
  .single-product .quick-view {
    opacity: 1 !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 11px !important;
  }

  .trust-features-strip {
    padding: 12px !important;
    gap: 12px !important;
  }

  .trust-features-strip .trust-item {
    flex: 1 1 100% !important;
  }

  #scrollToTopBtn {
    bottom: 75px !important;
    right: 16px !important;
  }
}

/* Floating Mobile Dock Bar */
.kc-mobile-bottom-bar {
  display: none;
}

@media (max-width: 991px) {
  body {
    padding-bottom: 64px !important;
  }

  .kc-mobile-bottom-bar {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid var(--kc-border) !important;
    box-shadow: var(--kc-shadow-dock) !important;
    z-index: 99999 !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  .kc-bottom-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    height: 100% !important;
    color: var(--kc-text-muted) !important;
    text-decoration: none !important;
    gap: 3px !important;
    transition: color 0.18s ease !important;
  }

  .kc-bottom-item.active,
  .kc-bottom-item:hover {
    color: var(--kc-primary) !important;
  }

  .kc-bottom-icon {
    font-size: 18px !important;
    position: relative !important;
    line-height: 1 !important;
  }

  .kc-bottom-badge {
    position: absolute !important;
    top: -6px !important;
    right: -10px !important;
    background: var(--kc-primary) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    border-radius: var(--kc-radius-pill) !important;
    padding: 1px 5px !important;
    min-width: 16px !important;
    text-align: center !important;
  }

  .kc-bottom-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  html.sp-drawer-open .kc-mobile-bottom-bar {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* --------------------------------------------------------------------------
 * 20. PAGINATION, FORMS & BASKET PERFECTION
 * -------------------------------------------------------------------------- */
#twbsPagination,
.pagination,
.sayfalama {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 30px auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid var(--kc-border) !important;
  border-radius: var(--kc-radius-pill) !important;
  box-shadow: var(--kc-shadow-xs) !important;
  list-style: none !important;
}

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

#twbsPagination > li > a,
.pagination > li > a,
.sayfalama li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--kc-text-body) !important;
  background: transparent !important;
  border: none !important;
}

#twbsPagination > li.active > a,
.pagination > li.active > a,
.sayfalama li.active a {
  background: var(--kc-primary) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

#twbsPagination > li > a:hover,
.pagination > li > a:hover,
.sayfalama li a:hover {
  background: var(--kc-primary-light) !important;
  color: var(--kc-primary) !important;
}

.basket-wrap {
  text-align: center !important;
  padding: 40px 20px !important;
}

.basket-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--kc-text-main) !important;
}