/*
 * Davis Class – CSS Variables
 * Tema: davisclass
 * OpenCart: 3.0.4.0
 * Tüm tema değerleri buradan yönetilir.
 */

:root {
  /* ─── RENKLER ─────────────────────────────────────────── */
  /* Mevcut siteden alınan orijinal renk paleti */
  --dc-primary:        #ff755b;   /* Somon-turuncu (brand primary) */
  --dc-primary-dark:   #e85d44;   /* Koyu primary (hover) */
  --dc-primary-light:  #fff0ed;   /* Çok açık primary (arka plan) */
  --dc-secondary:      #3641c3;   /* Mavi (brand secondary) */
  --dc-secondary-dark: #2b34a8;
  --dc-accent-red:     #b42127;   /* Kırmızı vurgu */
  --dc-accent-green:   #409463;   /* Yeşil (stok / indirim) */

  /* Gri tonları */
  --dc-text:           #1c2021;   /* Ana metin */
  --dc-text-secondary: #6e7275;   /* İkincil metin */
  --dc-text-light:     #9ca3a7;   /* Placeholder vb. */
  --dc-border:         #e5e7eb;   /* Kenarlıklar */
  --dc-bg:             #ffffff;   /* Sayfa arka planı */
  --dc-bg-light:       #f7f7f7;   /* Hafif gri arka plan */
  --dc-bg-dark:        #1c2021;   /* Footer arka planı */

  /* ─── TİPOGRAFİ ──────────────────────────────────────── */
  --dc-font-display: 'Anton', system-ui, -apple-system, Arial, sans-serif;
  --dc-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --dc-font-size-base: 14px;
  --dc-font-size-sm:   12px;
  --dc-font-size-lg:   16px;
  --dc-font-size-xl:   18px;
  --dc-font-size-2xl:  22px;
  --dc-font-size-3xl:  28px;
  --dc-line-height:    1.6;

  /* ─── LAYOUT ──────────────────────────────────────────── */
  --dc-container: 1920px;
  --dc-container-sm:   100%;
  --dc-gutter:         30px;
  --dc-grid-gap:       20px;

  /* Header boyutları */
  --dc-topbar-height:    40px;
  --dc-header-height:    90px;
  --dc-mobile-header-height: 60px;
  --dc-navbar-height:    48px;

  /* ─── RADII & SHADOWS ────────────────────────────────── */
  --dc-radius:     4px;
  --dc-radius-lg:  8px;
  --dc-radius-xl:  12px;
  --dc-shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --dc-shadow:     0 2px 8px rgba(0,0,0,.12);
  --dc-shadow-lg:  0 8px 24px rgba(0,0,0,.15);
  --dc-shadow-xl:  0 16px 48px rgba(0,0,0,.18);

  /* ─── ANİMASYON ──────────────────────────────────────── */
  --dc-transition:      0.2s ease;
  --dc-transition-slow: 0.35s ease;

  /* ─── Z-INDEX ─────────────────────────────────────────── */
  --dc-z-dropdown:   9999;
  --dc-z-sticky:     200;
  --dc-z-offcanvas:  300;
  --dc-z-overlay:    290;
  --dc-z-modal:      400;
  --dc-z-toast:      500;
}




/* Tum Site Icin Gecerli Olan Modern Ince Yazitipi (Inter) Zorlamasi */
body, p, span, div, a, button, input, select, textarea {
    font-family: 'Inter', sans-serif !important;
}/*
 * Davis Class – Ana Tema CSS
 * Tema: davisclass | OpenCart 3.0.4.0
 *
 * İçindekiler:
 *  1. Reset & Base
 *  2. Container & Grid
 *  3. Tipografi
 *  4. Butonlar
 *  5. Formlar
 *  6. Breadcrumb
 *  7. Bildirimler (Alert / Toast)
 *  8. Sayfalama (Pagination)
 *  9. Top Bar
 * 10. Header
 * 11. Arama Kutusu
 * 12. Sepet Mini (Cart)
 * 13. Navbar (Ana Menü)
 * 14. Dropdown Menü
 * 15. Mobil Header
 * 16. Off-Canvas Menü
 * 17. Site İskelet
 * 18. Slider (Banner)
 * 19. Ürün Kartı
 * 20. Ürün Modülleri (Öne Çıkan / Yeni)
 * 21. Kategori Sayfası
 * 22. Ürün Detay
 * 23. Galeri
 * 24. Tabs
 * 25. Quickview Modal
 * 26. Sepet Sayfası
 * 27. Checkout
 * 28. Hesap Sayfaları
 * 29. İletişim
 * 30. Footer
 * 31. Yardımcı Sınıflar
 * 32. Responsive (media queries → responsive.css'e taşındı)
 */

/* ════════════════════════════════════════════════════════════
   1. RESET & BASE
   ════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: var(--dc-font-size-base);
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--dc-font-body);
  font-size: var(--dc-font-size-base);
  line-height: var(--dc-line-height);
  color: var(--dc-text);
  background: var(--dc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--dc-transition); }
a:hover { color: var(--dc-primary); }
ul, ol { list-style: none; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button { cursor: pointer; border: none; background: none; }
input, textarea, select {
  border: 1px solid var(--dc-border);
  padding: 8px 12px;
  color: var(--dc-text);
  background: var(--dc-bg);
  outline: none;
  transition: border-color var(--dc-transition), box-shadow var(--dc-transition);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--dc-primary);
  box-shadow: 0 0 0 3px var(--dc-primary-light);
}
table { border-collapse: collapse; width: 100%; }

/* ════════════════════════════════════════════════════════════
   2. CONTAINER & GRID
   ════════════════════════════════════════════════════════════ */
.dc-container {
  width: 100%;
  max-width: var(--dc-container);
  margin: 0 auto;
  padding: 0 var(--dc-gutter);
}

.dc-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--dc-gutter));
}

.dc-col { padding: 0 var(--dc-gutter); }

/* Ürün grid – varsayılan 4 kolon */
.dc-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--dc-grid-gap);
}

/* ════════════════════════════════════════════════════════════
   3. TİPOGRAFİ
   ════════════════════════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--dc-font-display);
  font-weight: 400;
  line-height: 1.2;
  color: var(--dc-text);
}

h1 { font-size: var(--dc-font-size-3xl); }
h2 { font-size: var(--dc-font-size-2xl); }
h3 { font-size: var(--dc-font-size-xl); }
h4 { font-size: var(--dc-font-size-lg); }

.dc-section-title {
  font-family: var(--dc-font-display);
  font-size: var(--dc-font-size-2xl);
  text-align: center;
  margin-bottom: 28px;
  position: relative;
  padding-bottom: 14px;
}

.dc-section-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--dc-primary);
  border-radius: 2px;
}

/* ════════════════════════════════════════════════════════════
   4. BUTONLAR
   ════════════════════════════════════════════════════════════ */
.dc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: var(--dc-radius);
  font-size: var(--dc-font-size-base);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: all var(--dc-transition);
  border: 1px solid transparent;
  text-decoration: none;
}

.dc-btn-primary {
  background: var(--dc-primary);
  color: #fff;
  border-color: var(--dc-primary);
}
.dc-btn-primary:hover {
  background: var(--dc-primary-dark);
  border-color: var(--dc-primary-dark);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255,117,91,.35);
}

.dc-btn-secondary {
  background: var(--dc-secondary);
  color: #fff;
  border-color: var(--dc-secondary);
}
.dc-btn-secondary:hover {
  background: var(--dc-secondary-dark);
  border-color: var(--dc-secondary-dark);
  color: #fff;
}

.dc-btn-outline {
  background: transparent;
  color: var(--dc-primary);
  border-color: var(--dc-primary);
}
.dc-btn-outline:hover {
  background: var(--dc-primary);
  color: #fff;
}

.dc-btn-dark {
  background: var(--dc-text);
  color: #fff;
}
.dc-btn-dark:hover {
  background: #333;
  color: #fff;
}

.dc-btn-sm { padding: 6px 14px; font-size: var(--dc-font-size-sm); }
.dc-btn-lg { padding: 14px 28px; font-size: var(--dc-font-size-lg); }
.dc-btn-block { width: 100%; }
.dc-btn-icon { padding: 8px; width: 36px; height: 36px; border-radius: 50%; }
.dc-btn-icon-sq { padding: 8px; width: 36px; height: 36px; border-radius: var(--dc-radius); }

/* ════════════════════════════════════════════════════════════
   5. FORMLAR
   ════════════════════════════════════════════════════════════ */
.dc-form-group { margin-bottom: 16px; }
.dc-form-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text);
}
.dc-form-control {
  display: block;
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  background: var(--dc-bg);
  color: var(--dc-text);
  transition: border-color var(--dc-transition), box-shadow var(--dc-transition);
}
.dc-form-control:focus {
  outline: none;
  border-color: var(--dc-primary);
  box-shadow: 0 0 0 3px var(--dc-primary-light);
}
.dc-form-control.error { border-color: var(--dc-accent-red); }
.dc-form-error { color: var(--dc-accent-red); font-size: var(--dc-font-size-sm); margin-top: 4px; }

select.dc-form-control {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236e7275' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

/* ════════════════════════════════════════════════════════════
   6. BREADCRUMB
   ════════════════════════════════════════════════════════════ */
.dc-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding: 12px 0;
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text-secondary);
}

.dc-breadcrumb a { color: var(--dc-text-secondary); }
.dc-breadcrumb a:hover { color: var(--dc-primary); }

.dc-breadcrumb-sep::before {
  content: '/';
  margin: 0 2px;
  color: var(--dc-border);
}

/* ════════════════════════════════════════════════════════════
   7. BİLDİRİMLER (ALERT / TOAST)
   ════════════════════════════════════════════════════════════ */
.dc-alert {
  padding: 12px 16px;
  border-radius: var(--dc-radius);
  margin-bottom: 16px;
  border-left: 4px solid;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--dc-font-size-sm);
}
.dc-alert-success { background: #f0fdf4; border-color: var(--dc-accent-green); color: #166534; }
.dc-alert-danger  { background: #fef2f2; border-color: var(--dc-accent-red); color: #991b1b; }
.dc-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
.dc-alert-info    { background: #eff6ff; border-color: var(--dc-secondary); color: #1e40af; }

/* Toast */
.dc-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: var(--dc-z-toast);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dc-toast {
  background: var(--dc-text);
  color: #fff;
  padding: 12px 18px;
  border-radius: var(--dc-radius);
  box-shadow: var(--dc-shadow-lg);
  min-width: 260px;
  max-width: 360px;
  font-size: var(--dc-font-size-sm);
  animation: dcSlideIn .25s ease;
}
.dc-toast.success { background: var(--dc-accent-green); }
.dc-toast.error   { background: var(--dc-accent-red); }

@keyframes dcSlideIn {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ════════════════════════════════════════════════════════════
   8. SAYFALAMA (PAGINATION)
   ════════════════════════════════════════════════════════════ */
.dc-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 32px 0;
  flex-wrap: wrap;
}

.dc-pagination a,
.dc-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text);
  transition: all var(--dc-transition);
}

.dc-pagination a:hover {
  border-color: var(--dc-primary);
  color: var(--dc-primary);
}

.dc-pagination .active {
  background: var(--dc-primary);
  border-color: var(--dc-primary);
  color: #fff;
}

/* ════════════════════════════════════════════════════════════
   9. TOP BAR
   ════════════════════════════════════════════════════════════ */
.dc-topbar {
  background: var(--dc-text);
  color: #fff;
  height: var(--dc-topbar-height);
  display: flex;
  align-items: center;
  font-size: var(--dc-font-size-sm);
  position: relative;
  z-index: var(--dc-z-sticky);
}

.dc-topbar .dc-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dc-topbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dc-topbar-left a {
  color: rgba(255,255,255,.8);
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color var(--dc-transition);
}
.dc-topbar-left a:hover { color: var(--dc-primary); }

.dc-topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Dil / Para Birimi dropdown */
.dc-topbar .dc-select-wrap {
  position: relative;
}
.dc-topbar .dc-select-wrap select {
  background: transparent;
  border: none;
  color: rgba(255,255,255,.8);
  font-size: var(--dc-font-size-sm);
  cursor: pointer;
  padding: 4px 24px 4px 8px;
  border-radius: var(--dc-radius);
  width: auto;
}
.dc-topbar .dc-select-wrap:hover select { color: #fff; }

/* Sosyal medya ikonları */
.dc-social-links {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dc-social-links a {
  color: rgba(255,255,255,.7);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.2);
  transition: all var(--dc-transition);
  font-size: 12px;
}
.dc-social-links a:hover {
  background: var(--dc-primary);
  border-color: var(--dc-primary);
  color: #fff;
}

/* ════════════════════════════════════════════════════════════
   10. HEADER
   ════════════════════════════════════════════════════════════ */
.dc-header {
  background: var(--dc-bg);
  border-bottom: 1px solid var(--dc-border);
  position: sticky;
  top: 0;
  z-index: var(--dc-z-sticky);
  transition: box-shadow var(--dc-transition);
}

.dc-header.scrolled {
  box-shadow: var(--dc-shadow);
}

/* Sticky durumunda topbar gizlenir, header küçülür */
/* body.dc-scrolled .dc-topbar { display: none; } removed to fix flicker */

.dc-midbar {
  height: auto;
  min-height: var(--dc-header-height);
  padding: 10px 0;
display: flex;
  align-items: center;
  position: relative;
  z-index: var(--dc-z-sticky);
}

.dc-midbar .dc-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* ─── Logo ─── */
.dc-logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.dc-logo a { display: block; }
/* dc-logo img max-height removed */
.dc-logo .dc-logo-text {
  font-family: var(--dc-font-display);
  font-size: var(--dc-font-size-2xl);
  color: var(--dc-text);
  letter-spacing: -.5px;
}

/* ─── Header Actions (Hesabım, Sepet vb.) ─── */
.dc-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-left: auto;
}

.dc-header-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  color: var(--dc-text);
  font-size: var(--dc-font-size-sm);
  border-radius: var(--dc-radius);
  transition: all var(--dc-transition);
  position: relative;
  gap: 2px;
  min-width: 52px;
}

.dc-header-action:hover {
  color: var(--dc-primary);
  background: var(--dc-bg-light);
}

.dc-header-action svg,
.dc-header-action .dc-action-icon {
  width: 22px;
  height: 22px;
}

.dc-header-action .dc-action-label {
  font-size: 11px;
  white-space: nowrap;
}

/* Sepet sayacı */
.dc-cart-badge {
  position: absolute;
  top: 4px;
  right: 6px;
  background: var(--dc-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* Hesabım dropdown */
.dc-account-dropdown {
  position: relative;
}

.dc-account-dropdown .dc-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 170px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--dc-transition);
  z-index: var(--dc-z-dropdown);
}

.dc-account-dropdown:hover .dc-dropdown-menu,
.dc-account-dropdown.open .dc-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dc-account-dropdown .dc-dropdown-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text);
  transition: background var(--dc-transition);
}

.dc-account-dropdown .dc-dropdown-menu a:hover {
  background: var(--dc-bg-light);
  color: var(--dc-primary);
}

.dc-account-dropdown .dc-dropdown-menu a:first-child { border-radius: var(--dc-radius-lg) var(--dc-radius-lg) 0 0; }
.dc-account-dropdown .dc-dropdown-menu a:last-child  { border-radius: 0 0 var(--dc-radius-lg) var(--dc-radius-lg); }

/* Mini Sepet Dropdown */
.dc-cart-dropdown { position: relative; }

.dc-cart-dropdown .dc-mini-cart {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 340px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--dc-transition);
  z-index: var(--dc-z-dropdown);
}

.dc-cart-dropdown:hover .dc-mini-cart,
.dc-cart-dropdown.open .dc-mini-cart {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dc-mini-cart-header {
  padding: 16px;
  border-bottom: 1px solid var(--dc-border);
  font-weight: 600;
  font-size: var(--dc-font-size-sm);
}

.dc-mini-cart-body {
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
}

.dc-mini-cart-item {
  display: flex;
  gap: 10px;
  padding: 8px;
  border-radius: var(--dc-radius);
  transition: background var(--dc-transition);
}
.dc-mini-cart-item:hover { background: var(--dc-bg-light); }

.dc-mini-cart-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border);
}

.dc-mini-cart-item-info { flex: 1; min-width: 0; }
.dc-mini-cart-item-name {
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dc-mini-cart-item-qty  { font-size: var(--dc-font-size-sm); color: var(--dc-text-secondary); }
.dc-mini-cart-item-price { font-size: 13px; font-weight: 700; color: var(--dc-primary); }

.dc-mini-cart-footer {
  padding: 12px 16px;
  border-top: 1px solid var(--dc-border);
}
.dc-mini-cart-total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-weight: 700;
}
.dc-mini-cart-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* ════════════════════════════════════════════════════════════
   11. ARAMA KUTUSU
   ════════════════════════════════════════════════════════════ */
.dc-search {
  flex: 1;
  min-width: 0;
  max-width: none;
  position: relative;
}

.dc-search-form {
  display: flex;
  border: 2px solid var(--dc-border);
  border-radius: 24px;
  position: relative;
  transition: border-color var(--dc-transition), box-shadow var(--dc-transition);
}

.dc-search-form:focus-within {
  border-color: var(--dc-primary);
  box-shadow: 0 0 0 3px var(--dc-primary-light);
}

.dc-search-input {
  flex: 1;
  border: none;
  padding: 10px 16px;
  font-size: var(--dc-font-size-base);
  background: transparent;
  min-width: 0;
}
.dc-search-input:focus { box-shadow: none; border: none; }

.dc-search-btn {
  background: var(--dc-primary);
  color: #fff;
  border: none;
  padding: 0 20px;
  cursor: pointer;
  transition: background var(--dc-transition);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dc-search-btn:hover { background: var(--dc-primary-dark); }
.dc-search-btn svg { width: 18px; height: 18px; }

/* Arama önerileri */
.dc-search-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 0;
  box-shadow: var(--dc-shadow-lg);
  z-index: 9999;
  overflow: hidden;
  z-index: var(--dc-z-dropdown);
  max-height: 400px;
  overflow-y: auto;
  display: none;
}
.dc-search-suggestions.open { display: block; }

.dc-search-suggestion-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  transition: background var(--dc-transition);
  text-decoration: none;
  color: var(--dc-text);
}
.dc-search-suggestion-item:hover { background: var(--dc-bg-light); }
.dc-search-suggestion-item img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--dc-radius);
}
.dc-search-suggestion-name { font-weight: 600; font-size: 13px; }
.dc-search-suggestion-price { font-size: var(--dc-font-size-sm); color: var(--dc-primary); font-weight: 700; }

/* ════════════════════════════════════════════════════════════
   12. NAVBAR (ANA MENÜ – DESKTOP)
   ════════════════════════════════════════════════════════════ */
.dc-navbar {
  background: var(--dc-text);
  height: var(--dc-navbar-height);
  position: relative;
  /* z-index kaldırıldı - arama önerileri için */
}

.dc-navbar .dc-container {
  height: 100%;
  display: flex;
  align-items: center;
}

.dc-nav-menu {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0;
}

.dc-nav-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.dc-nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 16px;
  height: 100%;
  color: rgba(255,255,255,.9);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  transition: all var(--dc-transition);
  white-space: nowrap;
}

.dc-nav-link:hover,
.dc-nav-item.active .dc-nav-link {
  color: #fff;
  background: rgba(255,255,255,.1);
}

.dc-nav-link .dc-caret {
  width: 10px;
  height: 10px;
  transition: transform var(--dc-transition);
}
.dc-nav-item:hover .dc-nav-link .dc-caret {
  transform: rotate(180deg);
}

/* ─── Dropdown ─── */
.dc-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-top: 3px solid var(--dc-primary);
  border-radius: 0 0 var(--dc-radius-lg) var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all var(--dc-transition);
  z-index: var(--dc-z-dropdown);
}

.dc-nav-item:hover .dc-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dc-dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-size: 13px;
  color: var(--dc-text);
  border-bottom: 1px solid var(--dc-bg-light);
  transition: all var(--dc-transition);
  gap: 8px;
}
.dc-dropdown a:hover {
  padding-left: 22px;
  color: var(--dc-primary);
  background: var(--dc-bg-light);
}
.dc-dropdown a:last-child { border-bottom: none; }

/* Mega dropdown */
.dc-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  width: 800px;
  max-width: 90vw;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-top: 3px solid var(--dc-primary);
  border-radius: 0 0 var(--dc-radius-lg) var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-xl);
  opacity: 0;
  visibility: hidden;
  transition: all var(--dc-transition);
  z-index: var(--dc-z-dropdown);
  padding: 24px;
}

.dc-nav-item:hover .dc-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.dc-mega-menu-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.dc-mega-col-title {
  font-family: var(--dc-font-display);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--dc-primary);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--dc-primary-light);
}

/* Site overlay (menü açıkken) */
.dc-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: var(--dc-z-overlay);
  opacity: 0;
  visibility: hidden;
  transition: all var(--dc-transition-slow);
}
.dc-overlay.open { opacity: 1; visibility: visible; }

/* ════════════════════════════════════════════════════════════
   13. MOBİL HEADER
   ════════════════════════════════════════════════════════════ */
.dc-mobile-header {
  display: none;
  align-items: center;
  height: var(--dc-mobile-header-height);
  padding: 0 var(--dc-gutter);
  background: var(--dc-bg);
  border-bottom: 1px solid var(--dc-border);
  gap: 8px;
  position: sticky;
  top: 0;
  z-index: var(--dc-z-sticky);
}

.dc-hamburger {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 8px;
  cursor: pointer;
  border-radius: var(--dc-radius);
  transition: background var(--dc-transition);
  flex-shrink: 0;
  background: none;
  border: none;
}
.dc-hamburger:hover { background: var(--dc-bg-light); }

.dc-hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--dc-text);
  border-radius: 2px;
  transition: all var(--dc-transition);
}

/* Hamburger açık animasyon */
.dc-hamburger.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.dc-hamburger.open span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.dc-hamburger.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.dc-mobile-logo {
  flex: 1;
  display: flex;
  justify-content: center;
}
.dc-mobile-logo img { max-height: 42px; }

.dc-mobile-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.dc-mobile-action {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dc-radius);
  color: var(--dc-text);
  position: relative;
  transition: background var(--dc-transition);
}
.dc-mobile-action:hover { background: var(--dc-bg-light); }
.dc-mobile-action svg { width: 20px; height: 20px; }

/* ════════════════════════════════════════════════════════════
   14. OFF-CANVAS MENÜ (MOBİL)
   ════════════════════════════════════════════════════════════ */
.dc-offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100vh;
  background: var(--dc-bg);
  z-index: var(--dc-z-offcanvas);
  transform: translateX(-100%);
  transition: transform var(--dc-transition-slow);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.dc-offcanvas.open { transform: translateX(0); }

.dc-offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--dc-border);
  background: var(--dc-bg-light);
}

.dc-offcanvas-logo img { max-height: 40px; }

.dc-offcanvas-close {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--dc-border);
  color: var(--dc-text);
  transition: all var(--dc-transition);
  font-size: 18px;
  line-height: 1;
}
.dc-offcanvas-close:hover { background: var(--dc-accent-red); color: #fff; }

.dc-offcanvas-body { flex: 1; padding: 12px 0; }

.dc-offcanvas-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  color: var(--dc-text);
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid var(--dc-bg-light);
  transition: all var(--dc-transition);
}
.dc-offcanvas-nav a:hover {
  color: var(--dc-primary);
  background: var(--dc-bg-light);
  padding-left: 28px;
}

/* Alt menü (accordion) */
.dc-offcanvas-submenu {
  display: none;
  background: var(--dc-bg-light);
  border-bottom: 1px solid var(--dc-border);
}
.dc-offcanvas-submenu.open { display: block; }
.dc-offcanvas-submenu a {
  padding: 10px 16px 10px 36px;
  font-size: 13px;
  font-weight: 400;
}

.dc-offcanvas-toggle {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--dc-bg-light);
  transition: all var(--dc-transition);
  font-size: 14px;
}
.dc-offcanvas-toggle.open {
  background: var(--dc-primary);
  color: #fff;
  transform: rotate(45deg);
}

.dc-offcanvas-footer {
  padding: 16px;
  border-top: 1px solid var(--dc-border);
}

/* ════════════════════════════════════════════════════════════
   15. SİTE İSKELET
   ════════════════════════════════════════════════════════════ */
.dc-site-wrapper {
  min-height: calc(100vh - var(--dc-topbar-height) - var(--dc-header-height) - var(--dc-navbar-height));
}

.dc-page-wrapper {
  display: flex;
  gap: 24px;
  padding: 24px 0 40px;
}

.dc-main-content { flex: 1; min-width: 0; }
.dc-sidebar { width: 240px; flex-shrink: 0; }
.dc-sidebar-left { order: -1; }

/* ════════════════════════════════════════════════════════════
   16. SLIDER (BANNER)
   ════════════════════════════════════════════════════════════ */
.dc-banner-section { position: relative; overflow: hidden; }

.dc-banner-swiper {
  width: 100%;
  aspect-ratio: 16/6;
  overflow: hidden;
}

.dc-banner-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}

.dc-banner-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dc-banner-caption {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 2;
}
.dc-banner-caption h2 {
  font-size: clamp(24px, 4vw, 56px);
  color: #fff;
  margin-bottom: 12px;
  text-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.dc-banner-caption p {
  font-size: clamp(14px, 1.5vw, 18px);
  margin-bottom: 20px;
  opacity: .9;
}

/* Swiper nav butonları */
.dc-banner-swiper .swiper-button-next,
.dc-banner-swiper .swiper-button-prev {
  color: #fff;
  background: rgba(0,0,0,.3);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transition: background var(--dc-transition);
}
.dc-banner-swiper .swiper-button-next:hover,
.dc-banner-swiper .swiper-button-prev:hover { background: var(--dc-primary); }
.dc-banner-swiper .swiper-button-next::after,
.dc-banner-swiper .swiper-button-prev::after { font-size: 14px; }

.dc-banner-swiper .swiper-pagination-bullet-active { background: var(--dc-primary); }

/* ════════════════════════════════════════════════════════════
   17. ÜRÜN KARTI
   ════════════════════════════════════════════════════════════ */
.dc-product-card {
    background: var(--dc-bg);
    border: 1px solid var(--dc-border);
    border-radius: var(--dc-radius-lg);
    overflow: hidden;
    transition: all var(--dc-transition-slow);
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 5px 5px 0 0;
}

.dc-product-card:hover {
  border-color: var(--dc-primary);
  box-shadow: var(--dc-shadow-lg);
  transform: translateY(-3px);
}

/* Görsel alanı */
.dc-product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--dc-bg-light);
}

.dc-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--dc-transition-slow);
}

.dc-product-card:hover .dc-product-image img {
  transform: scale(1.05);
}

/* Ürün etiketleri (Yeni, İndirim vb.) */
.dc-product-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 2;
}

.dc-product-badge {
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #fff;
}
.dc-badge-new     { background: var(--dc-accent-green); }
.dc-badge-sale    { background: var(--dc-accent-red); }
.dc-badge-hot     { background: var(--dc-primary); }

/* Ürün aksiyonları (hover'da görünür) */
.dc-product-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.6));
  padding: 40px 10px 10px;
  display: flex;
  gap: 6px;
  justify-content: center;
  opacity: 0;
  transform: translateY(10px);
  transition: all var(--dc-transition);
}

.dc-product-card:hover .dc-product-actions {
  opacity: 1;
  transform: translateY(0);
}

.dc-product-action-btn {
  background: rgba(255,255,255,.95);
  color: var(--dc-text);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all var(--dc-transition);
  box-shadow: var(--dc-shadow-sm);
  border: none;
  cursor: pointer;
}
.dc-product-action-btn:hover,
.dc-product-action-btn.active {
  background: var(--dc-primary);
  color: #fff;
  transform: scale(1.1);
}

/* Ürün bilgi alanı */
.dc-product-info {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dc-product-rating {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dc-stars { color: #f59e0b; font-size: 12px; letter-spacing: 1px; }
.dc-rating-count { font-size: 11px; color: var(--dc-text-light); }

.dc-product-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--dc-text);
  font-family: var(--dc-font-body);
}
.dc-product-name:hover { color: var(--dc-primary); }

.dc-product-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
}

.dc-product-price {
  font-size: 16px;
  font-weight: 700;
  color: var(--dc-primary);
}

.dc-product-price-old {
  font-size: 13px;
  color: var(--dc-text-light);
  text-decoration: line-through;
}

.dc-product-discount {
  font-size: 11px;
  background: var(--dc-accent-red);
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 700;
}

/* Sepete ekle butonu (kart altında) */
.dc-product-cart-btn {
  width: 100%;
  padding: 9px;
  background: var(--dc-text);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background var(--dc-transition);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-top: 1px solid var(--dc-border);
}
.dc-product-cart-btn:hover { background: var(--dc-primary); }

/* ════════════════════════════════════════════════════════════
   18. ÜRÜN MODÜLLERİ (Ana Sayfa Bölümleri)
   ════════════════════════════════════════════════════════════ */
.dc-module-section {
  padding: 48px 0;
}

.dc-module-section + .dc-module-section {
  padding-top: 0;
}

.dc-module-section.dc-bg-alt {
  background: var(--dc-bg-light);
}

/* Ürünler karusel (Swiper) */
.dc-products-swiper .swiper-slide {
  height: auto;
  display: flex;
}
.dc-products-swiper .dc-product-card { width: 100%; }

/* ════════════════════════════════════════════════════════════
   19. KATEGORİ SAYFASI
   ════════════════════════════════════════════════════════════ */
.dc-category-header {
  padding: 20px 0 16px;
  border-bottom: 1px solid var(--dc-border);
  margin-bottom: 20px;
}

.dc-category-header h1 {
  font-size: var(--dc-font-size-2xl);
  margin-bottom: 6px;
}

.dc-category-desc {
  color: var(--dc-text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

/* Alt kategoriler */
.dc-subcategories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.dc-subcategory-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid var(--dc-border);
  border-radius: 20px;
  font-size: 13px;
  color: var(--dc-text);
  transition: all var(--dc-transition);
  background: var(--dc-bg);
}
.dc-subcategory-link:hover,
.dc-subcategory-link.active {
  background: var(--dc-primary);
  border-color: var(--dc-primary);
  color: #fff;
}

.dc-subcategory-link img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

/* Sıralama / Görünüm toolbar */
.dc-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  padding: 12px 16px;
  background: var(--dc-bg-light);
  border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border);
}

.dc-toolbar-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dc-toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dc-toolbar-count {
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text-secondary);
}

/* Grid/Liste toggle */
.dc-view-toggle {
  display: flex;
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  overflow: hidden;
}

.dc-view-btn {
  padding: 6px 10px;
  background: var(--dc-bg);
  color: var(--dc-text-secondary);
  border: none;
  cursor: pointer;
  transition: all var(--dc-transition);
  display: flex;
  align-items: center;
}
.dc-view-btn.active,
.dc-view-btn:hover {
  background: var(--dc-primary);
  color: #fff;
}

.dc-sort-select {
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  padding: 6px 30px 6px 10px;
  font-size: 13px;
  background: var(--dc-bg);
  color: var(--dc-text);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236e7275' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  width: auto;
}

/* Liste görünümü */
.dc-product-grid.list-view {
  grid-template-columns: 1fr;
}

.dc-product-grid.list-view .dc-product-card {
  flex-direction: row;
  max-height: 160px;
}

.dc-product-grid.list-view .dc-product-image {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  aspect-ratio: auto;
}

.dc-product-grid.list-view .dc-product-actions { display: none; }

.dc-product-grid.list-view .dc-product-info {
  padding: 16px;
  justify-content: space-between;
}

.dc-product-grid.list-view .dc-product-name {
  font-size: 15px;
  -webkit-line-clamp: 1;
}

/* Filtre sidebar */
.dc-filter-section {
  margin-bottom: 20px;
}

.dc-filter-title {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 12px 0;
  border-bottom: 2px solid var(--dc-primary);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.dc-filter-options {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dc-filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  cursor: pointer;
  padding: 3px 0;
  color: var(--dc-text-secondary);
  transition: color var(--dc-transition);
}
.dc-filter-option:hover { color: var(--dc-primary); }

.dc-filter-option input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--dc-primary);
  cursor: pointer;
}

.dc-filter-count {
  margin-left: auto;
  font-size: 11px;
  background: var(--dc-bg-light);
  padding: 1px 6px;
  border-radius: 10px;
  color: var(--dc-text-light);
}

/* Fiyat aralığı */
.dc-price-range {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.dc-price-range input {
  width: 80px;
  padding: 6px 8px;
  font-size: 13px;
  text-align: center;
}

/* Infinite scroll yükleme göstergesi */
.dc-load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
  gap: 12px;
  color: var(--dc-text-secondary);
}

.dc-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid var(--dc-border);
  border-top-color: var(--dc-primary);
  border-radius: 50%;
  animation: dcSpin .7s linear infinite;
}

@keyframes dcSpin { to { transform: rotate(360deg); } }

/* ════════════════════════════════════════════════════════════
   20. ÜRÜN DETAY SAYFASI
   ════════════════════════════════════════════════════════════ */
.dc-product-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 32px 0;
}

/* Ürün Galerisi */
.dc-product-gallery { position: relative; }

.dc-gallery-main {
  position: relative;
  overflow: hidden;
  border-radius: var(--dc-radius-lg);
  border: 1px solid var(--dc-border);
  aspect-ratio: 1;
  background: var(--dc-bg-light);
  cursor: zoom-in;
}

.dc-gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .3s ease;
}

/* Fare konumunu takip eden ürün zoom'u */
.dc-gallery-main:hover img { transform: scale(1); }
.dc-gallery-main.is-hovering img { transform: scale(1.75); transform-origin: var(--dc-zoom-x, 50%) var(--dc-zoom-y, 50%); }
.dc-gallery-main.zoomed img { transform: scale(2); cursor: zoom-out; }

.dc-gallery-thumbs {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.dc-gallery-thumb {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border: 2px solid var(--dc-border);
  border-radius: var(--dc-radius);
  overflow: hidden;
  cursor: pointer;
  transition: border-color var(--dc-transition);
}

.dc-gallery-thumb.active,
.dc-gallery-thumb:hover { border-color: var(--dc-primary); }

.dc-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Ürün görseli lightbox */
body.dc-lightbox-open { overflow: hidden; }
.dc-product-lightbox[hidden] { display: none !important; }
.dc-product-lightbox { position: fixed; z-index: 30000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 36px 84px; background: rgba(18, 22, 23, .82); }
.dc-product-lightbox-image { display: block; max-width: min(760px, 100%); max-height: min(760px, calc(100vh - 72px)); width: auto; height: auto; object-fit: contain; background: #fff; }
.dc-product-lightbox-close,.dc-product-lightbox-nav { position: absolute; display: inline-flex; align-items: center; justify-content: center; border: 0; color: #fff; background: rgba(255,255,255,.12); cursor: pointer; transition: background .18s ease, transform .18s ease; }
.dc-product-lightbox-close:hover,.dc-product-lightbox-nav:hover { background: var(--dc-primary); }
.dc-product-lightbox-close { top: 22px; right: 24px; width: 42px; height: 42px; border-radius: 50%; font-size: 31px; font-weight: 300; line-height: 1; }
.dc-product-lightbox-nav { top: 50%; width: 48px; height: 58px; transform: translateY(-50%); }
.dc-product-lightbox-nav:hover { transform: translateY(-50%) scale(1.04); }
.dc-product-lightbox-nav.prev { left: 24px; }
.dc-product-lightbox-nav.next { right: 24px; }
.dc-product-lightbox-nav svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px) { .dc-product-lightbox { padding: 24px 48px; } .dc-product-lightbox-close { top: 12px; right: 12px; width: 36px; height: 36px; font-size: 27px; } .dc-product-lightbox-nav { width: 40px; height: 52px; } .dc-product-lightbox-nav.prev { left: 4px; } .dc-product-lightbox-nav.next { right: 4px; } .dc-product-lightbox-image { max-height: calc(100vh - 48px); } }

/* Ürün Detay Bilgiler */
.dc-product-detail {}

.dc-product-detail-name {
  font-size: 24px;
  margin-bottom: 12px;
  font-family: var(--dc-font-display);
  line-height: 1.2;
}

.dc-product-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  font-size: var(--dc-font-size-sm);
  color: var(--dc-text-secondary);
}

.dc-product-detail-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.dc-product-detail-price {
  font-size: 28px;
  font-weight: 700;
  color: var(--dc-primary);
}

.dc-product-detail-price-old {
  font-size: 18px;
  color: var(--dc-text-light);
  text-decoration: line-through;
}

.dc-product-detail-discount {
  background: var(--dc-accent-red);
  color: #fff;
  padding: 4px 10px;
  border-radius: var(--dc-radius);
  font-size: 13px;
  font-weight: 700;
}

/* Stok durumu */
.dc-stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: var(--dc-font-size-sm);
  font-weight: 600;
  margin-bottom: 16px;
}
.dc-stock.in-stock  { background: #f0fdf4; color: var(--dc-accent-green); }
.dc-stock.out-stock { background: #fef2f2; color: var(--dc-accent-red); }
.dc-stock::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

/* Seçenekler (Options) */
.dc-product-options { margin-bottom: 20px; }

.dc-option-group { margin-bottom: 16px; }

.dc-option-label {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.dc-option-label .dc-required { color: var(--dc-accent-red); }

/* Miktar */
.dc-qty-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.dc-qty {
  display: flex;
  align-items: center;
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  overflow: hidden;
}

.dc-qty-btn {
  width: 36px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dc-bg-light);
  color: var(--dc-text);
  font-size: 18px;
  cursor: pointer;
  border: none;
  transition: all var(--dc-transition);
}
.dc-qty-btn:hover { background: var(--dc-primary); color: #fff; }

.dc-qty-input {
  width: 54px;
  height: 40px;
  text-align: center;
  border: none;
  border-left: 1px solid var(--dc-border);
  border-right: 1px solid var(--dc-border);
  font-size: 15px;
  font-weight: 600;
  border-radius: 0;
}
.dc-qty-input:focus { box-shadow: none; }

/* Ürün aksiyonları */
.dc-product-detail-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.dc-product-detail-actions .dc-btn {
  padding: 14px 24px;
  font-size: 15px;
}

.dc-product-share {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--dc-border);
  font-size: 13px;
  color: var(--dc-text-secondary);
  flex-wrap: wrap;
}

/* ════════════════════════════════════════════════════════════
   21. TABS (Açıklama / Yorumlar / Özellikler)
   ════════════════════════════════════════════════════════════ */
.dc-tabs {
  margin-top: 40px;
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
}

.dc-tab-nav {
  display: flex;
  border-bottom: 1px solid var(--dc-border);
  background: var(--dc-bg-light);
}

.dc-tab-btn {
  padding: 14px 24px;
  font-size: 13px;
  font-weight: 600;
  color: var(--dc-text-secondary);
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 3px solid transparent;
  transition: all var(--dc-transition);
  white-space: nowrap;
}

.dc-tab-btn.active,
.dc-tab-btn:hover {
  color: var(--dc-primary);
  border-bottom-color: var(--dc-primary);
  background: var(--dc-bg);
}

.dc-tab-content { display: none; padding: 24px; }
.dc-tab-content.active { display: block; }

/* ════════════════════════════════════════════════════════════
   22. QUİCKVİEW MODAL
   ════════════════════════════════════════════════════════════ */
.dc-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: var(--dc-z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all var(--dc-transition);
}
.dc-modal-backdrop.open { opacity: 1; visibility: visible; }

.dc-modal {
  background: var(--dc-bg);
  border-radius: var(--dc-radius-xl);
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: var(--dc-shadow-xl);
  transform: scale(.95);
  transition: transform var(--dc-transition);
  position: relative;
}
.dc-modal-backdrop.open .dc-modal { transform: scale(1); }

.dc-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--dc-bg-light);
  border: 1px solid var(--dc-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  transition: all var(--dc-transition);
  z-index: 5;
}
.dc-modal-close:hover { background: var(--dc-accent-red); color: #fff; border-color: var(--dc-accent-red); }

/* ════════════════════════════════════════════════════════════
   23. SEPET SAYFASI
   ════════════════════════════════════════════════════════════ */
.dc-cart-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 24px;
  padding: 24px 0 40px;
}

.dc-cart-table { width: 100%; }
.dc-cart-table th {
  text-align: left;
  padding: 12px 16px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--dc-text-secondary);
  border-bottom: 2px solid var(--dc-border);
  font-weight: 600;
}

.dc-cart-table td {
  padding: 16px;
  border-bottom: 1px solid var(--dc-bg-light);
  vertical-align: middle;
}

.dc-cart-product {
  display: flex;
  align-items: center;
  gap: 14px;
}

.dc-cart-product img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border);
}

.dc-cart-summary {
  background: var(--dc-bg-light);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  padding: 20px;
  position: sticky;
  top: calc(var(--dc-header-height) + 16px);
}

.dc-cart-summary-title {
  font-family: var(--dc-font-display);
  font-size: var(--dc-font-size-xl);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dc-border);
}

.dc-cart-summary-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 14px;
}

.dc-cart-summary-row.total {
  border-top: 2px solid var(--dc-border);
  margin-top: 8px;
  padding-top: 12px;
  font-weight: 700;
  font-size: 16px;
  color: var(--dc-primary);
}

/* ════════════════════════════════════════════════════════════
   24. HESAP SAYFALARI
   ════════════════════════════════════════════════════════════ */
.dc-account-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 24px;
  padding: 24px 0 40px;
}

.dc-account-sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  color: var(--dc-text);
  font-size: 14px;
  border-radius: var(--dc-radius);
  transition: all var(--dc-transition);
  margin-bottom: 4px;
}
.dc-account-sidebar a:hover,
.dc-account-sidebar a.active {
  background: var(--dc-primary-light);
  color: var(--dc-primary);
  padding-left: 22px;
}

.dc-account-card {
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  padding: 24px;
}

.dc-account-card-title {
  font-family: var(--dc-font-display);
  font-size: var(--dc-font-size-xl);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--dc-primary);
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ════════════════════════════════════════════════════════════
   25. İLETİŞİM
   ════════════════════════════════════════════════════════════ */
.dc-contact-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 32px;
  padding: 32px 0 48px;
}

.dc-contact-info-item {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.dc-contact-icon {
  width: 48px;
  height: 48px;
  background: var(--dc-primary-light);
  color: var(--dc-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 20px;
}

.dc-contact-icon svg { width: 22px; height: 22px; }

.dc-contact-info-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 4px;
}

.dc-contact-info-text {
  font-size: 13px;
  color: var(--dc-text-secondary);
  line-height: 1.6;
}

.dc-map-wrapper {
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
  border: 1px solid var(--dc-border);
  margin-top: 24px;
}

.dc-map-wrapper iframe {
  width: 100%;
  height: 280px;
  display: block;
  border: none;
}

/* ════════════════════════════════════════════════════════════
   26. FOOTER
   ════════════════════════════════════════════════════════════ */
.dc-footer {
  background: var(--dc-bg-dark);
  color: rgba(255,255,255,.8);
  margin-top: 60px;
}

/* Newsletter */
.dc-newsletter {
  background: var(--dc-primary);
  padding: 28px 0;
}

.dc-newsletter .dc-container {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.dc-newsletter-text {
  flex: 1;
}
.dc-newsletter-text h3 {
  color: #fff;
  font-size: var(--dc-font-size-xl);
  margin-bottom: 4px;
}
.dc-newsletter-text p {
  color: rgba(255,255,255,.85);
  font-size: 13px;
}

.dc-newsletter-form {
  display: flex;
  gap: 8px;
  flex: 1;
  min-width: 280px;
}

.dc-newsletter-input {
  flex: 1;
  padding: 10px 16px;
  border-radius: var(--dc-radius);
  border: none;
  font-size: 14px;
  width: auto;
}

.dc-newsletter-btn {
  background: var(--dc-text);
  color: #fff;
  padding: 10px 20px;
  border-radius: var(--dc-radius);
  font-weight: 600;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  transition: background var(--dc-transition);
}
.dc-newsletter-btn:hover { background: #333; }

/* Footer Ana */
.dc-footer-main {
  padding: 48px 0 32px;
}

.dc-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 32px;
}

.dc-footer-logo img { max-height: 50px; margin-bottom: 16px; }
.dc-footer-logo .dc-logo-text {
  font-family: var(--dc-font-display);
  font-size: 24px;
  color: #fff;
  margin-bottom: 16px;
}

.dc-footer-desc {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 20px;
  color: rgba(255,255,255,.65);
}

.dc-footer-social { display: flex; gap: 8px; }
.dc-footer-social a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all var(--dc-transition);
}
.dc-footer-social a:hover {
  background: var(--dc-primary);
  color: #fff;
  transform: translateY(-2px);
}

.dc-footer-col-title {
  font-family: var(--dc-font-display);
  font-size: 16px;
  color: #fff;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(255,255,255,.1);
}

.dc-footer-links li + li { margin-top: 8px; }
.dc-footer-links a {
  color: rgba(255,255,255,.65);
  font-size: 13px;
  transition: all var(--dc-transition);
  display: flex;
  align-items: center;
  gap: 6px;
}
.dc-footer-links a::before {
  content: '›';
  color: var(--dc-primary);
}
.dc-footer-links a:hover {
  color: var(--dc-primary);
  padding-left: 4px;
}

.dc-footer-contact-item {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 13px;
  color: rgba(255,255,255,.65);
  align-items: flex-start;
}
.dc-footer-contact-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--dc-primary);
}

/* Footer Alt (Copyright) */
.dc-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 16px 0;
}

.dc-footer-bottom .dc-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.dc-footer-copyright {
  font-size: 12px;
  color: rgba(255,255,255,.45);
}

.dc-footer-payment {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dc-payment-icon {
  height: 24px;
  opacity: .6;
  transition: opacity var(--dc-transition);
}
.dc-payment-icon:hover { opacity: 1; }

/* ════════════════════════════════════════════════════════════
   27. YARDIMCI SINIFLAR
   ════════════════════════════════════════════════════════════ */
.dc-text-center { text-align: center; }
.dc-text-left   { text-align: left; }
.dc-text-right  { text-align: right; }
.dc-text-primary { color: var(--dc-primary); }
.dc-text-muted   { color: var(--dc-text-secondary); }
.dc-text-sm      { font-size: var(--dc-font-size-sm); }
.dc-text-lg      { font-size: var(--dc-font-size-lg); }
.dc-text-bold    { font-weight: 700; }

.dc-mt-0  { margin-top: 0; }
.dc-mt-8  { margin-top: 8px; }
.dc-mt-16 { margin-top: 16px; }
.dc-mt-24 { margin-top: 24px; }
.dc-mt-32 { margin-top: 32px; }

.dc-mb-0  { margin-bottom: 0; }
.dc-mb-8  { margin-bottom: 8px; }
.dc-mb-16 { margin-bottom: 16px; }
.dc-mb-24 { margin-bottom: 24px; }
.dc-mb-32 { margin-bottom: 32px; }

.dc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.dc-separator {
  border: none;
  border-top: 1px solid var(--dc-border);
  margin: 24px 0;
}

.dc-skeleton {
  background: linear-gradient(90deg, var(--dc-bg-light) 25%, var(--dc-border) 50%, var(--dc-bg-light) 75%);
  background-size: 200% 100%;
  animation: dcSkeleton 1.5s ease infinite;
  border-radius: var(--dc-radius);
}
@keyframes dcSkeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Scroll to top */
.dc-scroll-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  background: var(--dc-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--dc-shadow-lg);
  opacity: 0;
  transform: translateY(20px);
  transition: all var(--dc-transition);
  z-index: var(--dc-z-toast);
  border: none;
}
.dc-scroll-top.visible { opacity: 1; transform: translateY(0); }
.dc-scroll-top:hover { background: var(--dc-primary-dark); transform: translateY(-2px); }
.dc-scroll-top svg { width: 18px; height: 18px; }

/* ============================================================
   25. OPENCART SLIDER (Swiper) OVERRIDES
   ============================================================ */
.swiper-viewport {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Slider �st Bo�luk Kesin ��z�m */
#main-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#main-content > .swiper-viewport,
#main-content > .slideshow {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.dc-navbar {
  margin-bottom: 0 !important;
}

/* Navbar men� varsay�lan margin s�f�rlama */
.dc-nav-menu {
  margin: 0 !important;
  padding: 0 !important;
}

/* Navbar menü varsayılan margin sıfırlama */
.dc-nav-menu {
  margin: 0 !important;
  padding: 0 !important;
}

/* OpenCart Slider ve Modül Boşluklarını Düzeltme */
.swiper-viewport {
  margin-bottom: 24px !important; 
  border: none !important;
  box-shadow: none !important;
}

/* ════════════════════════════════════════════════════════════
   26. YENİ HEADER TASARIM GÜNCELLEMESİ
   ════════════════════════════════════════════════════════════ */
.dc-topbar {
  background: #fdfdfd !important;
  color: #333 !important;
  border-bottom: 1px solid #eee;
}
.dc-topbar-left a {
  color: #555 !important;
}
.dc-topbar-left a:hover {
  color: #000 !important;
}

.dc-logo-text {
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 800 !important;
  color: #000 !important;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

.dc-search-form {
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  position: relative;
  z-index: 100;
  display: flex;
  background: #fff;
  height: 48px;
  overflow: visible;
}
.dc-search-input {
  border: none !important;
  background: transparent !important;
  padding: 0 16px !important;
  font-size: 14px;
}
.dc-search-input:focus {
  outline: none;
  box-shadow: none !important;
}
.dc-search-btn {
  background: transparent !important;
  color: #000 !important;
  border: none !important;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dc-search-btn:hover {
  background: #f5f5f5 !important;
}

.dc-header-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.dc-header-action-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #333;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  transition: color 0.2s;
}
.dc-header-action-new svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.5;
}
.dc-header-action-new:hover {
  color: var(--dc-primary);
}

.dc-cart-dropdown {
  margin-left: 8px;
}
.dc-cart-box {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  transition: background 0.2s;
}
.dc-cart-box:hover {
  background: #f9f9f9;
}
.dc-cart-box-text {
  display: flex;
  gap: 4px;
}

/* Search Bar Genişlik Düzeltmesi */
.dc-search {
  flex: 1;
  margin: 0 40px;
}

/* Search Input Fill Fix */
.dc-search-form {
  width: 100% !important;
}
.dc-search-input {
  flex: 1 !important;
  width: 100% !important;
}

/* Arama ve Logo Tam Düzeltme */
.dc-search {
  flex-grow: 1 !important;
  margin: 0 60px !important;
  min-width: 300px;
}
.dc-search-form {
  width: 100% !important;
  display: flex !important;
}
.dc-search-input {
  flex: 1 1 auto !important;
  width: 100% !important;
}

/* Search Form Stretch Fix */
.dc-search {
  flex: 1 1 auto !important;
  margin: 0 50px !important;
  display: block !important;
  width: 100%;
}
.dc-search-form {
  width: 100% !important;
  display: flex !important;
}
.dc-search-input {
  flex: 1 1 auto !important;
  width: 100% !important;
}

/* Navbar Overlap Fix */
.dc-midbar {
  height: auto !important;
  min-height: var(--dc-header-height) !important;
  padding: 10px 0;
}
.dc-logo img {
  max-height: 90px !important; /* Prevent it from getting absurdly huge and covering the screen */
  object-fit: contain;
}

/* Navbar Click Fix */
.dc-navbar {
  position: relative !important;
  z-index: 9999 !important;
}
.dc-nav-item, .dc-nav-link {
  pointer-events: auto !important;
}

/* Product Grid Responsiveness */
@media (max-width: 1200px) {
  .dc-product-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .dc-product-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .dc-product-grid { grid-template-columns: repeat(2, 1fr) !important; } /* Or 1fr depending on preference, 2 is standard for mobile ecommerce */
}
/* Category Page Specific Width */
.dc-category-container {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

/* Kategori İsimlerini Ortalama (Navbar) */
.dc-nav-menu {
  justify-content: center !important;
}

/* Kategori İsimlerini Ortalama (Navbar) - Düzeltme */
.dc-navbar .dc-container {
  justify-content: center !important;
}
.dc-nav-menu {
  width: 100%;
  justify-content: center !important;
}

/* Module Section Padding Sıfırlama */
.dc-module-section {
  padding: 0 !important;
}


/* Kategori Başlığı Düzenlemeleri - Revize */
.dc-category-header {
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  border-bottom: 1px solid var(--dc-border) !important;
}

.dc-category-header h1 {
  font-size: 18px !important;
  font-weight: 500 !important;
  display: inline-block !important;
  border-bottom: 2px solid #ff7b00 !important;
  padding-bottom: 10px !important;
  margin-bottom: -1px !important;
  margin-top: 0 !important;
}

/* Ürün Bulundu yazısını gizle */
.dc-toolbar-count {
  display: none !important;
}
/* Page Wrapper Top Padding Sıfırlama */
.dc-page-wrapper {
  padding-top: 0 !important;
}

/* Swiper Viewport Ayarları */
.swiper-viewport {
  margin-bottom: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Slider Noktalarını Gizleme */
.swiper-pagination {
  display: none !important;
}

/* Bölüm Başlıkları (Section Title) Güncellemesi */
.dc-section-title {
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  padding: 14px !important;
}

/* =========================================
   Authentication Pages (Login & Register)
   ========================================= */
.dc-auth-wrapper {
  max-width: 600px;
  margin: 40px auto 80px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
  overflow: hidden;
}

/* Tabs */
.dc-auth-tabs {
  display: flex;
  border-bottom: 1px solid var(--dc-border);
}
.dc-auth-tab {
  flex: 1;
  text-align: center;
  padding: 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dc-text-secondary);
  text-decoration: none;
  background: var(--dc-bg-light);
  transition: all var(--dc-transition);
}
.dc-auth-tab:hover {
  background: var(--dc-bg);
}
.dc-auth-tab.active {
  color: #f15a24; /* Brand Orange */
  background: var(--dc-bg);
  border-bottom: 2px solid #f15a24;
}

/* Form Area */
.dc-auth-body {
  padding: 30px;
}

/* Inputs with Icons */
.dc-form-group-icon {
  position: relative;
}
.dc-form-group-icon input {
  padding-right: 40px;
}
.dc-form-group-icon .dc-input-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  display: flex;
  cursor: pointer;
}

/* Forgotten Password Link */
.dc-form-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dc-forgot-link {
  font-size: 12px;
  color: #0056b3;
  text-decoration: none;
}
.dc-forgot-link:hover {
  text-decoration: underline;
}

/* Divider */
.dc-auth-divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #888;
  font-size: 13px;
  margin: 20px 0;
}
.dc-auth-divider::before,
.dc-auth-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--dc-border);
}
.dc-auth-divider:not(:empty)::before { margin-right: .5em; }
.dc-auth-divider:not(:empty)::after { margin-left: .5em; }

/* Social Buttons */
.dc-btn-phone {
  background-color: #883355;
  color: white;
  border: none;
}
.dc-btn-phone:hover {
  background-color: #662244;
}

.dc-social-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.dc-social-buttons.dc-social-buttons-single { grid-template-columns: 1fr; }
.dc-auth-login-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.dc-auth-login-options .dc-auth-login-option { width:100%; min-width:0; min-height:48px; margin:0; padding:10px 6px; justify-content:center; font-size:12px; }
.dc-btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 10px;
  color: white;
  border-radius: var(--dc-radius);
  text-decoration: none;
  transition: opacity var(--dc-transition);
}
.dc-btn-social:hover { opacity: 0.9; color: white; }
.dc-btn-facebook { background-color: #3b5998; }
.dc-btn-google { background-color: #db4437; }
.dc-btn-apple { background-color: #000000; }

/* Grid for Register Form */
.dc-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media (max-width: 576px) {
  .dc-form-row-2 {
    grid-template-columns: 1fr 1fr; gap: 8px;
  }
  .dc-auth-body {
    padding: 20px 15px;
  }
}

/* Auth Form Mobil Boşluk Düzeltmesi */
@media (max-width: 576px) {
  .dc-auth-wrapper {
    margin: 20px auto 40px !important;
  }
}
/* =========================================
   Account Dashboard Cards
   ========================================= */
.dc-account-dashboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 30px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .dc-account-dashboard {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .dc-account-dashboard {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.dc-account-card {
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  transition: box-shadow var(--dc-transition), border-color var(--dc-transition);
}
.dc-account-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  border-color: #ddd;
}

.dc-account-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dc-border);
}
.dc-account-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--dc-bg-light);
  border-radius: var(--dc-radius);
  color: #f15a24; /* Brand Orange */
}
.dc-account-card-title {
  font-family: var(--dc-font-display);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.dc-account-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dc-account-card-list li {
  margin-bottom: 10px;
}
.dc-account-card-list li:last-child {
  margin-bottom: 0;
}
.dc-account-card-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--dc-text);
  text-decoration: none;
  font-size: 14px;
  transition: color var(--dc-transition), transform var(--dc-transition);
}
.dc-account-card-list a::before {
  content: '→';
  color: #ccc;
  font-size: 12px;
  transition: color var(--dc-transition);
}
.dc-account-card-list a:hover {
  color: #f15a24;
  transform: translateX(4px);
}
.dc-account-card-list a:hover::before {
  color: #f15a24;
}

/* Success/Error Alerts (if any) */
.dc-alert {
  padding: 16px;
  border-radius: var(--dc-radius);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
}
.dc-alert-success {
  background-color: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.dc-alert-danger {
  background-color: #ffebee;
  color: #c62828;
  border: 1px solid #ffcdd2;
}

/* =========================================
   Account - App Style Layout
   ========================================= */
.dc-account-layout {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-top: 32px;
  margin-bottom: 60px;
}
.dc-account-main {
  flex: 1;
}
.dc-account-sidebar {
  width: 280px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .dc-account-layout {
    flex-direction: column;
  }
  .dc-account-sidebar {
    display: none !important; /* Mobilde sağdaki kısmı tamamen gizle */
  }
}

/* Section Titles */
.dc-account-section-title {
  font-family: var(--dc-font-display);
  font-size: 18px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dc-border);
  color: var(--dc-text);
}

/* Square Grid */
.dc-account-square-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 16px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .dc-account-square-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .dc-account-square-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet/mobile */
    gap: 12px;
  }
}
@media (max-width: 400px) {
  .dc-account-square-grid {
    grid-template-columns: 1fr; /* 1 column on very small phones */
  }
}

/* Square Card */
.dc-account-square-card {
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  padding: 24px 12px;
  text-align: center;
  text-decoration: none;
  color: var(--dc-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
  transition: all var(--dc-transition);
}
.dc-account-square-card:hover {
  border-color: #f15a24;
  box-shadow: 0 8px 16px rgba(241, 90, 36, 0.1);
  transform: translateY(-2px);
  color: #f15a24;
}
.dc-account-square-card svg {
  color: #666;
  width: 32px;
  height: 32px;
  transition: color var(--dc-transition);
}
.dc-account-square-card:hover svg {
  color: #f15a24;
}
.dc-account-square-card-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

/* Sidebar List */
.dc-sidebar-card {
  background: #fff;
  border-radius: 0 !important;
  padding: 15px;
  box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.05);
  border: none;
}

.dc-sidebar-title {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  margin-bottom: 12px;
  padding: 0 0 10px 0;
  border: none;
  display: block;
}
.dc-sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dc-sidebar-list li {
  border-top: 1px solid #f0f1f2;
}
.dc-sidebar-list li:first-child {
  border-top: none;
}
.dc-sidebar-list a {
  display: block;
  padding: 10px 0;
  color: #555;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.18s;
}
.dc-sidebar-list a:hover,
.dc-sidebar-list a.active {
  color: #f15a24;
  background-color: transparent;
  padding-left: 0; }

/* Tüm İç Sayfalar (Anasayfa Hariç) Genel Düzenlemeler */
body:not(.common-home) main#main-content .dc-container {
    max-width: 1440px !important;
}
body:not(.common-home) main#main-content {
    padding-top: 20px;
    padding-bottom: 40px;
}
.dc-page-header {
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    border-bottom: 1px solid var(--dc-border) !important;
    width: 100%;
}
.dc-page-header h1 {
    font-size: 18px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    border-bottom: 2px solid #ff7b00 !important;
    padding-bottom: 10px !important;
    margin-bottom: -1px !important;
}

/* =========================================
   Mobile Footer Accordion
   ========================================= */
@media (max-width: 768px) {
  /* Hide the lists by default */
  .dc-footer-grid > div > ul {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* Style the headings as accordion toggles */
  .dc-footer-col-title {
    cursor: pointer;
    position: relative;
    padding-right: 30px;
    margin-bottom: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--dc-border);
  }
  .dc-footer-col-title::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 300;
    color: #666;
    transition: transform var(--dc-transition);
  }
  .dc-footer-col-title.active {
    border-bottom: none;
    padding-bottom: 0;
  }
  .dc-footer-col-title.active::after {
    content: '-';
    color: #f15a24;
  }
  
  /* Adresimiz kismi acik kalsin (accordion degilse) */
  .dc-footer-grid > div:first-child .dc-footer-col-title {
    cursor: default;
    border-bottom: none;
    padding-bottom: 16px;
  }
  .dc-footer-grid > div:first-child .dc-footer-col-title::after {
    content: none;
  }
}

/* =========================================
   Mobile Sticky Bottom Bar
   ========================================= */
.dc-mobile-bar {
  display: none; /* Desktopta gizli */
}
@media (max-width: 768px) {
  .dc-mobile-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
    z-index: 9999;
    height: 60px;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #eee;
  }
  .dc-mobile-bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #666;
    text-decoration: none;
    font-size: 10px;
    gap: 4px;
    flex: 1;
  }
  .dc-mobile-bar-item:hover, .dc-mobile-bar-item.active {
    color: #f15a24;
  }
  .dc-mobile-bar-item svg {
    width: 20px;
    height: 20px;
  }
  
  /* Body altina bosluk ver ki icerik barin altinda kalmasin */
  body {
    padding-bottom: 60px !important;
  }
}

/* =========================================
   Scroll to Top Button
   ========================================= */
.dc-scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid var(--dc-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all var(--dc-transition);
  cursor: pointer;
}
.dc-scroll-top.show {
  opacity: 1;
  visibility: visible;
}
.dc-scroll-top:hover {
  background: #f15a24;
  color: #fff;
  border-color: #f15a24;
}
@media (max-width: 768px) {
  .dc-scroll-top {
    bottom: 80px; /* Mobil alt barin uzerinde kalsin */
  }
}




/* dc-section-title: dc-category-header h1 ile ayni stil */
.dc-section-title {
  font-size: var(--dc-font-size-2xl);
  font-weight: 700;
  color: var(--dc-text);
  letter-spacing: -0.3px;
  line-height: 1.25;
  padding: 16px 0 14px;
  border-bottom: 2px solid var(--dc-border);
  margin-bottom: 24px;
}

/* ═══════════════════════════════════════════
   FIELDSET LEGEND - Hesabım Başlık Stilleri
   ═══════════════════════════════════════════ */
#content fieldset { border: none !important; padding: 0 !important; margin: 0 0 24px !important; }
#content fieldset legend,
.container fieldset legend {
  font-family: var(--dc-font) !important;
  font-size: var(--dc-font-size-2xl) !important;
  font-weight: 700 !important;
  color: var(--dc-text) !important;
  letter-spacing: -0.3px !important;
  line-height: 1.25 !important;
  padding: 0 0 14px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--dc-border) !important;
  margin-bottom: 24px !important;
  display: block !important;
  width: 100% !important;
  float: none !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════
   HESABIM - Alt Butonlar (Geri / Devam)
   ═══════════════════════════════════════════ */
#content .buttons.clearfix {
  display: flex !important;
  gap: 12px !important;
  margin-top: 24px !important;
  float: none !important;
  overflow: visible !important;
}
#content .buttons.clearfix .pull-left,
#content .buttons.clearfix .pull-right {
  float: none !important;
  flex: 1 !important;
  display: flex !important;
}
#content .buttons.clearfix .pull-left a,
#content .buttons.clearfix .pull-right a,
#content .buttons.clearfix .pull-left input[type="submit"],
#content .buttons.clearfix .pull-right input[type="submit"] {
  display: block !important;
  width: 100% !important;
  border-radius: 0 !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: center !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* Geri butonu hover efekti */
#content .buttons.clearfix .pull-left a.btn-default {
  background: #f5f5f5 !important;
  color: var(--dc-text) !important;
  border: 2px solid #ddd !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s !important;
}
#content .buttons.clearfix .pull-left a.btn-default:hover {
  background: var(--dc-text) !important;
  color: #fff !important;
  border-color: var(--dc-text) !important;
}




/* Hesap Bilgilerim (Sol/Ana İcerik) - Sifir Radius ve Mobil Margin */
[id^="account-"] > .row > #content {
  border-radius: 0 !important;
}










.dc-sidebar-card {
  border-radius: 0 !important;
}




/* Mobil Ekran Sigma Hatasi */
@media (max-width: 767px) {
  .dc-sidebar-card, [id^="account-"] > .row > #content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  [id^="account-"] > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  [id^="account-"] {
    overflow-x: hidden !important;
  }
}

/* Hesap Bilgilerim Kutu Ayarlari (Sifir Radius ve Mobil Margin) */
body [id^="account-"] > .row > #content, body .dc-sidebar-card {
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  body [id^="account-"] > .row > #content, body .dc-sidebar-card {
    margin: 0 10px 20px 10px !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}
  [id^="account-"] > .breadcrumb {
    margin-bottom: 0 !important;
  }
  [id^="account-"] > .row { gap: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }



@media (max-width: 767px) {
  .dc-cart-layout {
    grid-template-columns: 1fr !important;
  }
}






/* Mobilde Gizlenen Sag Kolonu Goster */
@media (max-width: 767px) {
  #column-right, .dc-account-sidebar {
    display: block !important;
  }
}

/* Sepette Tablonun Grid'i Tasirmasini Engelle */
.dc-cart-layout > div {
  min-width: 0;
}

/* Adreslerim Sayfasi Mobil Tablo Gorunumu (Kart Yapisi) */
@media (max-width: 767px) {
  #account-address table.table {
    min-width: 0 !important;
    width: 100% !important;
  }
  #account-address table.table tr {
    display: block;
    border: 1px solid var(--dc-border);
    margin-bottom: 16px;
    border-radius: var(--dc-radius);
  }
  #account-address table.table td {
    display: block;
    text-align: left !important;
    border: none !important;
    padding: 12px 16px;
  }
  #account-address table.table td.text-right {
    border-top: 1px solid var(--dc-border) !important;
    display: flex;
    gap: 10px;
    background: var(--dc-bg-light);
  }
  #account-address table.table td.text-right a.btn {
    flex: 1;
    text-align: center;
    border-radius: 0 !important;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 600;
  }
  #account-address table.table td.text-right a.btn-info {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
  }
  #account-address table.table td.text-right a.btn-danger {
    background-color: #f15a24 !important;
    color: #fff !important;
    border: 1px solid #f15a24 !important;
  }
}

@media (max-width: 767px) {
  #content .buttons.clearfix {
    margin-top: 0 !important;
  }
}







/* Ici bos olan (sadece bosluk iceren) sidebarlarin ekranda yer kaplamasini engelle */
.dc-sidebar:not(:has(*)) {
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Sepet Sayfasi Mobil Kart Gorunumu (Resimdeki Gibi) */
@media (max-width: 767px) {
  .dc-cart-table thead { display: none; }
  .dc-cart-table tbody { display: block; width: 100%; }
    .dc-cart-table tr {
    display: flex;
    position: relative;
    padding: 7px 0;
    border-bottom: 1px solid var(--dc-border);
    gap: 16px;
    min-height: 100px;
    align-items: center;
  }
  .dc-cart-table td {
    display: block;
    padding: 0 !important;
    border: none !important;
    text-align: left;
  }
  /* Resim */
  .dc-cart-table td:nth-child(1) { flex-shrink: 0; }
  .dc-cart-table td:nth-child(1) img { border-radius: 0 !important; }
  /* Urun Adi ve Secenekler */
        .dc-cart-table td:nth-child(2) { 
    display: block !important;
    flex: 1;
    min-width: 0;
    padding-right: 105px !important;
    box-sizing: border-box !important;
  }
  .dc-cart-table td:nth-child(2) .dc-cart-product {
    display: block !important;
    white-space: normal !important;
    word-break: break-word;
  }
  /* Urun Kodu (Model) ve Birim Fiyati Gizle */
  .dc-cart-table td:nth-child(3),
  .dc-cart-table td:nth-child(5) { display: none !important; }
  /* Miktar (Adet) */
  .dc-cart-table td:nth-child(4) { 
    position: absolute;
    top: 16px;
    right: 44px; /* Sil butonu (32px + 12px bosluk) */
  }
  /* Miktar butonlarini koseli yap */
  .dc-cart-table td:nth-child(4) > div { border-radius: 0 !important; }
  /* Sil Butonu */
  .dc-cart-table td:nth-child(7) {
    position: absolute;
    top: 16px;
    right: 0;
  }
  /* Sil Butonunu resimdeki gibi Siyah ve Koseli yap */
  .dc-cart-table td:nth-child(7) button {
    border-radius: 0 !important;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
  }
  .dc-cart-table td:nth-child(7) button:hover {
    background: #f15a24 !important;
  }
  /* Toplam Fiyat (Sag Alt) */
    .dc-cart-table td:nth-child(6) {
    position: absolute;
    bottom: 16px;
    right: 0;
    font-size: 14px;
    font-weight: 700;
    color: #f15a24 !important;
  }
}

/* Miktar butonlari yuksekligini silme butonuyla (32px) ayni yap */
@media (max-width: 767px) {
  .dc-cart-table td:nth-child(4) > div {
    height: 32px !important;
    box-sizing: border-box !important;
  }
  .dc-cart-table td:nth-child(4) > div button,
  .dc-cart-table td:nth-child(4) > div input {
    height: 100% !important;
    border-radius: 0 !important;
  }
}

/* Sepet Miktar (Quantity) Tasarimi (Ozel Siyah/Beyaz Oklar) */
.dc-qty-stacked {
  display: flex;
  border: 1px solid #000;
  height: 36px !important;
  box-sizing: border-box;
  width: max-content;
}
.dc-qty-stacked .dc-qty-input {
  width: 36px;
  border: none;
  text-align: center;
  padding: 0;
  height: 100% !important;
  box-sizing: border-box;
  outline: none;
}
.dc-qty-stacked .dc-qty-nav {
  display: flex;
  flex-direction: column;
  width: 24px;
  background: #000;
  height: 100%;
}
.dc-qty-stacked .dc-qty-btn {
  flex: 1;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
}
.dc-qty-stacked .dc-qty-plus {
  border-bottom: 1px solid #333;
}





/* Sepet Ozeti Koseli Yap */
.dc-cart-summary {
  border-radius: 0 !important;
}



/* KULLANICININ VERDIGI CSS */
.forMobile { display: none; }

@media (max-width: 1024px) {
    .dc-cart-summary { display: none !important; }
    .forMobile { display: block; }
    .dc-cart-layout { padding-bottom: 90px; }

    .button-group-page {
        position: fixed;
        width: 100%;
        z-index: 10000;
        margin: 0;
        background: rgba(255, 255, 255, 1);
        border-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-style: solid;
        border-color: rgba(221, 221, 221, 1);
        box-shadow: 0 -15px 100px -10px rgba(0, 0, 0, 0.1);
        bottom: 0px;
    }
    .buttons-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
    }
    .stepper-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #content > div > div > div.forMobile > div > div:nth-child(2) > div > div:nth-child(2) > div {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    #sepetacc .sepetacc-label {
        bottom: 0 !important;
        font-size: 11px !important;
        line-height: 1.15;
        white-space: nowrap;
    }
    
}



.dc-cart-product-name {
    font-size: 14px;
}
@media (max-width: 767px) {
    .dc-cart-product-name {
        font-size: 12px;
    }
}


/* Mobil Yapiskan Bar Temizlenmis Stilleri */
.dc-aratoplam-panel {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 15px 20px 5px 20px;
}
.dc-aratoplam-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dc-aratoplam-row {
  flex-basis: 100%;
  padding: 5px 0px;
}
/* .dc-aratoplam-total gizleme kaldirildi */
.dc-aratoplam-title {
  font-size: 12px;
  color: #777;
}
.dc-aratoplam-value {
  float: right;
  font-weight: 500;
  font-size: 12px;
  color: #333;
}
.dc-mobile-bar-bg {
  background: #fff;
}
.dc-mobile-bar-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dc-mobile-bar-left {
  width: 40%;
}
.sepetacc-button {
  width: 100%;
  border: none;
  padding: 8px 10px;
  border-radius: 3px;
  color: #333;
  background: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  outline: none;
  text-align: center !important;
  text-indent: 0;
  line-height: 34px !important;
  appearance: textfield;
  -webkit-appearance: none;
}
.dc-sepetacc-icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  transition: transform 0.3s;
}
.sepetacc-copy {
  text-align: left;
}
.sepetacc-label {
  font-size: 12px;
  display: block;
  line-height: 1;
  color: #666;
  margin-bottom: 2px;
}
.dc-mobile-bar-right {
  width: 58%;
}
.dc-mobile-checkout-wrap {
  width: 100%;
}
.dc-mobile-checkout-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 0;
  height: 42px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.dc-mobile-checkout-arrow {
  margin-left: 6px;
  font-size: 16px;
}

#sepetacc .sepetacc-value {
    top: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    white-space: nowrap;
}




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

@media (max-width: 1024px) {
  body {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .dc-mobile-header {
    margin-top: 0 !important;
  }
}

/* Kullanici Sepet Cekmecesi (Drawer) Icin Istekleri */
@media (max-width: 575px) {
    .dc-cart-drawer-head {
        min-height: 51px !important;
        padding: 7px 12px !important;
    }
}
.dc-cart-drawer-close {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #181c1d !important;
    cursor: pointer !important;
    transition: .2s ease !important;
}
.dc-cart-drawer-close:hover {
    color: #000 !important;
    background: transparent !important;
    border-color: transparent !important;
    transform: rotate(90deg) !important;
}






/* ==========================================================
   ÜRÜN DETAY SAYFASI MOBİL & MODERNİZASYON EKLENTİSİ
   ========================================================== */
@media (max-width: 991px) {
  .dc-product-layout {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 16px 0;
  }
}

/* Galeri Slider (Mobilde Kaydırılabilir) */
@media (max-width: 575px) {
  .dc-product-gallery {
    margin: 0 -15px; /* Mobilde tam ekran genişlik */
  }
  .dc-gallery-main {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .dc-gallery-thumbs {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 10px 15px;
    gap: 12px;
  }
  .dc-gallery-thumb {
    scroll-snap-align: start;
    flex: 0 0 60px;
    height: 60px;
  }
}

/* Sticky Sepete Ekle Butonu (Mobil) */
@media (max-width: 767px) {
  .dc-product-form {
    position: relative;
    padding-bottom: 70px; /* Buton için boşluk */
  }
  .dc-product-add-to-cart {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 12px 15px;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
    z-index: 999;
    display: flex;
    gap: 12px;
    align-items: center;
    border-top: 1px solid #eaeaea;
  }
  .dc-product-add-to-cart #button-cart {
    flex: 1;
    margin: 0;
    border-radius: 50px; /* Modern hap tasarım */
  }
}

/* Başlık ve Fiyat Ferahlatma */
.dc-product-title {
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.dc-product-price-current {
  font-size: 32px;
  color: #f15a24;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.dc-product-price-old {
  font-size: 20px;
}

/* ==========================================================
   KATEGORİ & ARAMA & SİDEBAR MODERNİZASYONU
   ========================================================== */

/* Modern Ürün Kartı İyileştirmesi (Mobil) */
@media (max-width: 575px) {
  .dc-product-grid {
    
  }
  .dc-product-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
  }
  .dc-product-image {
    border-radius: 12px 12px 0 0;
  }
  .dc-product-info {
    padding: 10px;
  }
  .dc-product-name {
    font-size: 13px;
    line-height: 1.3;
  }
  .dc-product-price {
    font-size: 15px;
    font-weight: 700;
  }
  .dc-product-btn-cart {
    padding: 6px;
    font-size: 12px;
  }
}

/* Kategori & Arama Üst Alanı (Header) */
.dc-category-header {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 30px;
  border-radius: 16px;
  margin-bottom: 24px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
}
.dc-category-header h1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: #1a1a1a;
  letter-spacing: -0.5px;
}
.dc-category-desc {
  font-size: 14px;
  color: #666;
  max-width: 600px;
}

@media (max-width: 767px) {
  .dc-category-header {
    padding-left: 10px !important;
  }
}

/* Modern Sidebar İyileştirmesi */
.dc-sidebar-card {
  background: #fff;
  border-radius: 16px !important;
  padding: 20px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.04);
  border: 1px solid #f0f0f0;
  margin-bottom: 24px;
}
.dc-sidebar-title {
  font-size: 18px;
  font-weight: 600;
  color: #111;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f15a24;
  display: inline-block;
}
.dc-sidebar-list a {
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dc-sidebar-list a::after {
  content: ">";
  font-size: 18px;
  color: #ccc;
  transition: transform 0.2s;
}
.dc-sidebar-list a:hover::after, .dc-sidebar-list a.active::after {
  transform: translateX(4px);
  color: #f15a24;
}




/*
 * Davis Class – Responsive CSS
 * Tema: davisclass | OpenCart 3.0.4.0
 * Mobile-first yaklaşım
 */

/* ════════════════════════════════════════════════════════════
   TABLET (max 1199px) – Mobil header devreye girer
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {

  /* Header: Desktop gizle, Mobil göster */
  .dc-topbar       { display: none; }
  .dc-midbar       { display: none; }
  .dc-navbar       { display: none; }
  .dc-mobile-header { display: flex; }

  /* Footer grid */
  .dc-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }

  /* Hesap layout */
  .dc-account-layout { grid-template-columns: 1fr; }

  /* Kategori: Sidebar yok */
  .dc-page-wrapper { flex-direction: column; }
  .dc-sidebar { width: 100%; order: 2; }

}

/* ════════════════════════════════════════════════════════════
   KÜÇÜK TABLET (max 991px)
   ════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {

  /* Banner */
  .dc-banner-swiper { aspect-ratio: 16/7; }
  .dc-banner-caption h2 { font-size: 28px; }

  /* Ürün detay: Tek kolon */
  .dc-product-layout { grid-template-columns: 1fr; gap: 24px; }

  /* Sepet layout */
  .dc-cart-layout { grid-template-columns: 1fr; }
  .dc-cart-summary { position: static; }

  /* İletişim layout */
  .dc-contact-layout { grid-template-columns: 1fr; }

  /* Modül bölümleri */
  .dc-module-section { padding: 32px 0; }

  /* Mega menü grid */
  .dc-mega-menu-grid { grid-template-columns: repeat(2, 1fr); }

}

/* ════════════════════════════════════════════════════════════
   MOBİL (max 767px)
   ════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

  /* Container padding */
  .dc-container { padding: 0 12px; }

  /* Banner */
  .dc-banner-swiper { aspect-ratio: 4/3; }
  .dc-banner-caption { left: 5%; right: 5%; }
  .dc-banner-caption h2 { font-size: 22px; }
  .dc-banner-caption p  { display: none; }
  .dc-banner-swiper .swiper-button-next,
  .dc-banner-swiper .swiper-button-prev { display: none; }

  /* Ürün grid: 2 kolon */
  .dc-product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

  /* Ürün kartı daha kompakt */
  .dc-product-info { padding: 8px; }
  .dc-product-name { font-size: 12px; }
  .dc-product-price { font-size: 14px; }
  .dc-product-actions { display: none; } /* Mobilde hover aksiyonları gizli */

  /* Sepete ekle butonu her zaman görünür */
  .dc-product-cart-btn { display: flex; }

  /* Kategori toolbar */
  .dc-toolbar { flex-direction: column; align-items: flex-start; gap: 8px; }
  .dc-toolbar-left,
  .dc-toolbar-right { width: 100%; justify-content: space-between; }

  /* Footer */
  .dc-footer-main { padding: 30px 0; }
  .dc-footer-grid { grid-template-columns: 1fr; gap: 10px; }
  .dc-newsletter .dc-container { flex-direction: column; }
  .dc-newsletter-form { width: 100%; }
  .dc-footer-bottom .dc-container { flex-direction: column; text-align: center; }

  /* Section başlıkları */
  .dc-section-title { font-size: 20px; }

  /* Pagination */
  .dc-pagination { gap: 2px; }
  .dc-pagination a,
  .dc-pagination span { min-width: 32px; height: 32px; font-size: 12px; }

  /* Hesabım dropdown ve mini sepet */
  .dc-mini-cart { width: 300px; right: -60px; }

  /* Ürün detay */
  .dc-product-detail-name { font-size: 20px; }
  .dc-product-detail-price { font-size: 24px; }

  /* Tabs: Scroll edilebilir */
  .dc-tab-nav { overflow-x: auto; white-space: nowrap; }
  .dc-tab-btn { padding: 12px 16px; }

  /* Scroll top */
  .dc-scroll-top { bottom: 16px; right: 16px; }

  /* Modal */
  .dc-modal { border-radius: var(--dc-radius-lg) var(--dc-radius-lg) 0 0; max-height: 95vh; }
  .dc-modal-backdrop { align-items: flex-end; padding: 0; }

}

/* ════════════════════════════════════════════════════════════
   KÜÇÜK MOBİL (max 479px)
   ════════════════════════════════════════════════════════════ */
@media (max-width: 479px) {

  /* Ürün kartı: 2 kolon, daha küçük */
  .dc-product-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  /* Kategori: Liste görünümde tek kolon */
  .dc-product-grid.list-view .dc-product-image { width: 100px; height: 100px; }
  .dc-product-grid.list-view .dc-product-card  { max-height: 120px; }

  /* Sepet butonları */
  .dc-mini-cart { width: 100vw; right: -16px; border-radius: var(--dc-radius-lg) var(--dc-radius-lg) 0 0; }

  /* Arama */
  .dc-search-form { border-radius: var(--dc-radius); }

  /* Font boyutları */
  .dc-section-title { font-size: 18px; }
  h1 { font-size: 22px; }
  h2 { font-size: 20px; }

  /* Contact form: Tam genişlik */
  .dc-contact-layout { padding: 20px 0; }

  /* Newsletter */
  .dc-newsletter { padding: 20px 0; }
  .dc-newsletter-text h3 { font-size: 16px; }

  /* Checkout */
  .dc-cart-table th:nth-child(2),
  .dc-cart-table td:nth-child(2) { display: none; }

}

/* ════════════════════════════════════════════════════════════
   PRINT
   ════════════════════════════════════════════════════════════ */
@media print {
  .dc-header,
  .dc-mobile-header,
  .dc-footer,
  .dc-scroll-top,
  .dc-offcanvas,
  .dc-overlay { display: none !important; }
  body { font-size: 12pt; }
  a::after { content: " (" attr(href) ")"; font-size: 10pt; }
}

/* ════════════════════════════════════════════════════════════
   DARK MODE (Sistem tercihi)
   ════════════════════════════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
  /* İsteğe bağlı – şimdilik devre dışı
     Aktifleştirmek için aşağıdaki bloğu açın */
  /*
  :root {
    --dc-bg:          #121212;
    --dc-bg-light:    #1e1e1e;
    --dc-text:        #e8e8e8;
    --dc-text-secondary: #a0a0a0;
    --dc-border:      #2e2e2e;
    --dc-bg-dark:     #0a0a0a;
  }
  */
}

/* ════════════════════════════════════════════════════════════
   REDUCED MOTION
   ════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .dc-banner-swiper { --swiper-speed: 0; }
}


/* Davis Class tema toparlama katmanı — slider stillerine dokunmaz. */
html,body{width:100%;max-width:100%;overflow-x:clip}.dc-header{display:block}.dc-offcanvas .dc-nav-menu{display:block;width:100%;transform:none}.dc-offcanvas .dc-nav-item,.dc-offcanvas .dc-nav-link{width:100%;transform:none}.dc-product-card{min-width:0}.dc-product-image img{object-fit:contain;background:#fff}.dc-product-name{min-height:2.8em}.dc-product-cart-btn{min-height:40px}
.dc-logo-image{display:block;width:auto;max-width:220px;max-height:72px;object-fit:contain}.dc-logo-text-main{font-size:36px!important;font-weight:900!important;color:#000!important;letter-spacing:-1px!important}.dc-mobile-logo-image{width:auto;max-width:150px;height:40px;object-fit:contain}.dc-mobile-logo-text,.dc-offcanvas-logo-text{font-family:var(--dc-font-display);font-size:18px;color:var(--dc-text)}.dc-mobile-cart{position:relative}.dc-mobile-cart-badge{top:2px;right:2px}.dc-mobile-search-bar{display:none;padding:8px 12px;background:var(--dc-bg-light);border-bottom:1px solid var(--dc-border)}.dc-mobile-search-form{border-radius:var(--dc-radius)}.dc-offcanvas-logo-image{width:auto;max-width:180px;height:36px;object-fit:contain}.dc-offcanvas-auth-buttons{display:flex;gap:8px;margin-bottom:12px}.dc-offcanvas-auth-buttons .dc-btn{flex:1;justify-content:center}.dc-account-button{margin-bottom:8px}.dc-offcanvas-phone{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--dc-primary)}.dc-quickview-body{padding:24px}.dc-footer-address-title{display:inline-block;padding-bottom:8px;border-bottom:2px solid var(--dc-primary)}.dc-footer-address-first{margin-top:16px}.dc-inherit-link{color:inherit}.dc-mega-menu-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--dc-border)}.dc-offcanvas-see-all{margin-top:4px!important;padding-top:10px!important;border-top:1px solid var(--dc-border)!important;color:var(--dc-primary)!important;font-weight:700!important}
@media(max-width:1199px){.dc-header{display:none!important}.dc-mobile-header{display:flex!important}.dc-site-wrapper{width:100%}}
@media(max-width:1199px){.dc-offcanvas-logo img{max-height:20px}}
@media(min-width:1200px){.dc-mobile-header,.dc-mobile-search-bar{display:none!important}}
@media(max-width:767px){.dc-mobile-header{padding:0 10px}.dc-mobile-logo img{max-width:150px;height:40px}.dc-mobile-actions{gap:0}.dc-mobile-action{width:34px;height:38px}.dc-product-info{min-height:92px}input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],textarea,select{font-size:16px!important}}

/* Hesabım: bütün OpenCart hesap alt sayfaları için ortak görünüm */
[id^="account-"]{width:min(1440px,calc(100% - 40px));max-width:none;margin:0 auto;padding:0 0 56px}
[id^="account-"]>.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0;padding:11px 16px;border:1px solid var(--dc-border);border-radius:var(--dc-radius);background:var(--dc-bg-light);font-size:12px}
[id^="account-"]>.breadcrumb li+li:before{content:"/";margin-right:7px;color:var(--dc-text-light)}
/* Tüm sayfalardaki ilk breadcrumb bağlantısı: Anasayfa metni yerine ev ikonu */
.breadcrumb>li:first-child>a,.dc-breadcrumb>[itemprop="itemListElement"]:first-child>a{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:0;line-height:1;color:var(--dc-text-secondary);vertical-align:middle}
.breadcrumb>li:first-child>a::before,.dc-breadcrumb>[itemprop="itemListElement"]:first-child>a::before{content:"";display:block;width:15px;height:15px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.4 2.6a2.3 2.3 0 0 1 3.2 0l7.3 6.8a1 1 0 0 1-1.4 1.5l-.5-.5V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9.6l-.5.5a1 1 0 0 1-1.4-1.5l7.3-6.8ZM12 4.1 7 8.8V20h3.3v-5.5h3.4V20H17V8.8L12 4.1Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.4 2.6a2.3 2.3 0 0 1 3.2 0l7.3 6.8a1 1 0 0 1-1.4 1.5l-.5-.5V20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9.6l-.5.5a1 1 0 0 1-1.4-1.5l7.3-6.8ZM12 4.1 7 8.8V20h3.3v-5.5h3.4V20H17V8.8L12 4.1Z'/%3E%3C/svg%3E") center/contain no-repeat}
.breadcrumb>li:first-child>a:hover,.dc-breadcrumb>[itemprop="itemListElement"]:first-child>a:hover{color:var(--dc-primary)}
/* Breadcrumb ev ikonu ve ayraç aynı optik hizada dursun. */
.dc-breadcrumb>[itemprop="itemListElement"]{display:inline-flex;align-items:center;gap:6px}
.dc-breadcrumb .dc-breadcrumb-sep{display:inline-flex;align-items:center;height:15px;line-height:1}
.dc-breadcrumb .dc-breadcrumb-sep::before{margin:0;line-height:1}
.dc-breadcrumb>[itemprop="itemListElement"]:first-child>a::before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 3.2 2.8 11v9.8h6.7v-6.4h5v6.4h6.7V11L12 3.2Zm0 2.6 7.1 6v7h-2.6V12.4H7.5v6.4H4.9v-7l7.1-6Z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 3.2 2.8 11v9.8h6.7v-6.4h5v6.4h6.7V11L12 3.2Zm0 2.6 7.1 6v7h-2.6V12.4H7.5v6.4H4.9v-7l7.1-6Z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat}
[id^="account-"]>.row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px!important;margin:10px 0 0!important}
[id^="account-"]>.row>[class*="col-"]{width:auto;max-width:none;float:none;padding:0}
[id^="account-"]>.row>#content{grid-column:1;grid-row:1;min-width:0;padding:26px 28px;border:1px solid var(--dc-border);border-radius:var(--dc-radius-lg);background:#fff;box-shadow:var(--dc-shadow-sm)}
[id^="account-"]>.row>#column-left,[id^="account-"]>.row>#column-right{grid-column:2;grid-row:1;width:auto}
[id^="account-"]>.row>#column-left+#content{grid-column:1}
[id^="account-"] #content>h1,[id^="account-"] #content>h2{position:relative;margin:0 0 26px;padding:0 0 12px;font-family:var(--dc-font-display);font-size:25px;font-weight:400;color:var(--dc-text)}
[id^="account-"] #content>h1:after,[id^="account-"] #content>h2:after{content:"";position:absolute;bottom:0;left:0;width:56px;height:2px;background:var(--dc-primary)}
[id^="account-"] #content h3{margin:22px 0 14px;font-size:18px}
[id^="account-"] .form-horizontal fieldset{margin:0 0 24px;padding:0;border:0}
[id^="account-"] .form-horizontal legend{width:100%;margin:0 0 18px;padding:0 0 10px;border:0;border-bottom:1px solid var(--dc-border);font-family:var(--dc-font-display);font-size:19px;color:var(--dc-text)}
[id^="account-"] .form-group{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 16px}
[id^="account-"] .form-group>[class*="col-"]{width:auto;float:none;padding:0}
[id^="account-"] .control-label{margin:0;text-align:left;font-size:13px;font-weight:600;color:var(--dc-text)}
[id^="account-"] .form-control{width:100%;min-height:42px;border:1px solid var(--dc-border);border-radius:var(--dc-radius);padding:9px 12px;background:#fff;box-shadow:none}
[id^="account-"] textarea.form-control{min-height:110px;resize:vertical}
[id^="account-"] .buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--dc-border)}
[id^="account-"] .buttons:before,[id^="account-"] .buttons:after{display:none}
[id^="account-"] .buttons .pull-left,[id^="account-"] .buttons .pull-right{float:none!important}
[id^="account-"] .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;border:1px solid var(--dc-border);border-radius:var(--dc-radius);font-weight:600;line-height:1.2;text-decoration:none}
[id^="account-"] .btn-primary{border-color:var(--dc-text);background:var(--dc-text);color:#fff}
[id^="account-"] .btn-primary:hover{border-color:var(--dc-primary);background:var(--dc-primary)}
[id^="account-"] .btn-default{background:#fff;color:var(--dc-text)}
[id^="account-"] .table-responsive{width:100%;overflow-x:auto;border:0}
[id^="account-"] table.table{width:100%;margin:0 0 18px;border-collapse:collapse;background:#fff;font-size:13px}
[id^="account-"] table.table th{padding:12px;background:var(--dc-bg-light);border:1px solid var(--dc-border);text-align:left;font-weight:700;white-space:nowrap}
[id^="account-"] table.table td{padding:12px;border:1px solid var(--dc-border);vertical-align:middle}
[id^="account-"] .alert{margin:0 0 18px;padding:13px 16px;border-radius:var(--dc-radius)}
[id^="account-"] .text-danger{display:block;margin-top:5px;color:var(--dc-accent-red);font-size:12px}
[id^="account-"] .pagination{display:flex;flex-wrap:wrap;gap:4px;margin:18px 0;padding:0}
[id^="account-"] .pagination>li>a,[id^="account-"] .pagination>li>span{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--dc-border);background:#fff;color:var(--dc-text)}
[id^="account-"] .pagination>.active>span{border-color:var(--dc-primary);background:var(--dc-primary);color:#fff}
[id^="account-"] .dc-sidebar-card{position:sticky;top:16px}

/* Yeni Hesabım ana sayfası ve eski alt sayfalarda aynı sidebar/kart dili */
.dc-account-layout{align-items:start}.dc-account-main{min-width:0;padding:26px 28px;border:1px solid var(--dc-border);border-radius:var(--dc-radius-lg);background:#fff;box-shadow:var(--dc-shadow-sm)}
.dc-account-sidebar .dc-sidebar-card,[id^="account-"] .dc-sidebar-card{overflow:hidden;border:1px solid var(--dc-border);border-radius:var(--dc-radius-lg);background:#fff;box-shadow:var(--dc-shadow-sm)}
.dc-account-sidebar .dc-sidebar-title,[id^="account-"] .dc-sidebar-title{margin:0;padding:16px 18px;background:var(--dc-bg-light);font-size:18px}
.dc-account-sidebar .dc-sidebar-list a,[id^="account-"] .dc-sidebar-list a{display:block;border-bottom:1px solid var(--dc-border);font-size:13px;color:var(--dc-text-secondary)}
.dc-account-sidebar .dc-sidebar-list li:last-child a,[id^="account-"] .dc-sidebar-list li:last-child a{border-bottom:0}


@media(max-width:991px){[id^="account-"]>.row{grid-template-columns:1fr}[id^="account-"]>.row>#content,[id^="account-"]>.row>#column-left,[id^="account-"]>.row>#column-right{grid-column:1;grid-row:auto}[id^="account-"]>.row>#content{order:1}[id^="account-"]>.row>#column-left,[id^="account-"]>.row>#column-right{order:2}.dc-account-sidebar .dc-sidebar-card,[id^="account-"] .dc-sidebar-card{position:static}.dc-account-layout{display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.dc-account-main{display:block!important;flex:none!important;order:1;width:100%!important;max-width:100%!important;min-width:0!important}.dc-account-sidebar{order:2;width:100%!important;max-width:100%!important}}
@media(max-width:767px){main#main-content>.dc-container{width:100%!important;max-width:100%;padding-left:10px!important;padding-right:10px!important}[id^="account-"]{width:100%;max-width:100%;padding-bottom:36px}[id^="account-"]>.row{width:100%;max-width:100%}[id^="account-"]>.row>#content,.dc-account-main{width:100%!important;max-width:100%!important;padding:20px 14px}[id^="account-"] .form-group{grid-template-columns:1fr;gap:6px}[id^="account-"] #content>h1,[id^="account-"] #content>h2{font-size:22px}[id^="account-"] .buttons{align-items:stretch;flex-direction:column-reverse}[id^="account-"] .buttons .btn{width:100%}[id^="account-"] table.table{min-width:620px}.dc-account-square-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dc-account-square-card{width:100%!important;min-width:0;padding:18px 8px}.dc-account-square-card-text{overflow-wrap:anywhere}
}

/* Sipariş Geçmişi: mobilde uzun açıklamaları okunur kart satırları olarak göster. */
@media(max-width:767px){
  #account-order table.table.table-bordered.table-hover.dc-order-history-table{display:block;width:100%;min-width:0!important;border:0;background:transparent}
  #account-order .dc-order-history-table thead{display:none}
  #account-order .dc-order-history-table tbody{display:block;width:100%}
  #account-order .dc-order-history-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 10px;border:1px solid var(--dc-border);background:#fff}
  #account-order .dc-order-history-table td{display:block!important;min-width:0;padding:9px 10px!important;border:0!important;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
  #account-order .dc-order-history-table td:nth-child(1){border-right:1px solid var(--dc-border)!important}
  #account-order .dc-order-history-table td:nth-child(3){grid-column:1/-1;padding-top:10px!important;border-top:1px solid var(--dc-border)!important}
  #account-order .dc-order-history-table td::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--dc-text-light);font-size:10px;font-weight:700}
  #account-order .dc-order-history-table td:nth-child(3):empty{display:none!important}
  #account-order .dc-order-history-table td:nth-child(3) a{color:var(--dc-primary);text-decoration:underline;overflow-wrap:anywhere}
}

/* Sipariş Detayları ve Fatura Adresi tabloları yalnızca mobilde ekrana sığar. */
@media(max-width:767px){
  #account-order .dc-order-details-table,
  #account-order .dc-order-address-table{min-width:0!important}
}

/* Journal benzeri sağdan açılan sepet */
body.dc-cart-drawer-open{overflow:hidden!important}
.dc-cart-drawer-backdrop{position:fixed;inset:0;z-index:10040;background:rgba(12,16,18,.56);opacity:0;transition:opacity .25s ease}
.dc-cart-drawer-backdrop.is-open{opacity:1}
.dc-cart-drawer{position:fixed;z-index:10050;top:0;right:0;width:min(440px,100%);height:100dvh;background:#fff;box-shadow:-12px 0 36px rgba(0,0,0,.18);transform:translate3d(105%,0,0);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;visibility:hidden}
.dc-cart-drawer.is-open{transform:translate3d(0,0,0);visibility:visible}
@media(max-width:1199px){.dc-cart-drawer.is-open{width:min(86vw,360px);background:#fff;box-shadow:-12px 0 35px rgba(20,25,26,.16)}}
.dc-cart-drawer-head{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:16px 20px;border-bottom:1px solid #e3e5e6;background:#f6f7f7;flex:0 0 auto}
.dc-cart-drawer-kicker{display:block;margin-bottom:2px;color:#777;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.dc-cart-drawer-head h2{margin:0;color:#2b3031;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:.01em}
.dc-cart-drawer-close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d9dcdd;border-radius:50%;background:#fff;color:#181c1d;cursor:pointer;transition:.2s ease}
.dc-cart-drawer-close:hover{color:#fff;background:#181c1d;border-color:#181c1d;transform:rotate(90deg)}
.dc-cart-drawer-content{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}
.dc-drawer-cart-fragment{display:flex;flex:1;min-height:0;flex-direction:column}
.dc-cart-drawer-loading,.dc-drawer-cart-empty{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:36px;text-align:center;color:#606667}
.dc-drawer-cart-empty svg{margin-bottom:4px;color:#9a9e9f}.dc-drawer-cart-empty h3{margin:0;color:#181c1d;font-size:21px}.dc-drawer-cart-empty p{max-width:300px;margin:0 0 10px;line-height:1.6}
.dc-drawer-cart-items{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px}
.dc-drawer-cart-item{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) 28px;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid #eceeef}
.dc-drawer-cart-image{display:block;width:86px;height:104px;border:1px solid #eceeef;background:#fff;overflow:hidden}.dc-drawer-cart-image img{display:block;width:100%;height:100%;object-fit:contain}
.dc-drawer-cart-info{display:flex;min-width:0;flex-direction:column;gap:4px;padding-top:2px}.dc-drawer-cart-name{color:#181c1d;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}.dc-drawer-cart-name:hover{color:var(--dc-primary)}
.dc-drawer-cart-model,.dc-drawer-cart-option{color:#858a8b;font-size:11px;line-height:1.35}.dc-drawer-cart-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#686d6e;font-size:12px}.dc-drawer-cart-meta strong{color:#181c1d;font-size:14px;white-space:nowrap}
.dc-drawer-cart-remove{width:28px;height:28px;padding:0;border:0;background:transparent;color:#8b9091;font-size:24px;line-height:1;cursor:pointer}.dc-drawer-cart-remove:hover{color:#d93025}
.dc-drawer-cart-summary{flex:0 0 auto;padding:16px 20px 20px;border-top:1px solid #e2e4e5;background:#fafafa;box-shadow:0 -8px 22px rgba(0,0,0,.04)}
.dc-drawer-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0;color:#666;font-size:13px}.dc-drawer-total.is-grand-total{margin-top:6px;padding-top:12px;border-top:1px solid #dfe1e2;color:#181c1d;font-size:17px}.dc-drawer-total.is-grand-total strong{font-size:19px}
.dc-drawer-cart-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:16px}.dc-drawer-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 16px;border:1px solid #181c1d;text-align:center;text-decoration:none!important;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease}.dc-drawer-btn-outline{background:#fff;color:#181c1d!important}.dc-drawer-btn-outline:hover{background:#f0f1f1}.dc-drawer-btn-primary{background:#181c1d;color:#fff!important}.dc-drawer-btn-primary:hover{background:var(--dc-primary);border-color:var(--dc-primary)}
@media(max-width:575px){.dc-cart-drawer{width:100%}.dc-cart-drawer-head{min-height:66px;padding:12px 16px}.dc-cart-drawer-head h2{font-size:20px}.dc-drawer-cart-items{padding:0 14px}.dc-drawer-cart-item{grid-template-columns:72px minmax(0,1fr) 26px;gap:10px;padding:14px 0}.dc-drawer-cart-image{width:72px;height:88px}.dc-drawer-cart-summary{padding:14px}.dc-drawer-cart-actions{grid-template-columns:1fr;gap:8px}.dc-drawer-btn{min-height:44px}}

/* Sepet sayfası ve boş sepet görünümü */
.dc-cart-page-title{margin:0 0 20px;font-size:26px;font-weight:600;color:#202526}
.dc-cart-layout.dc-cart-layout-empty{display:block;max-width:920px;margin:0 auto}
.dc-empty-cart{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;margin:8px 0 56px;padding:64px 28px 30px;border:1px solid #e4e6e7;border-radius:18px;background:linear-gradient(180deg,#f7f8f8 0,#fff 58%);text-align:center;box-shadow:0 12px 34px rgba(22,27,29,.06)}
.dc-empty-cart:before{content:"";position:absolute;top:-90px;left:50%;width:300px;height:180px;border-radius:50%;background:rgba(255,255,255,.8);transform:translateX(-50%);filter:blur(2px)}
.dc-empty-cart-icon{position:relative;z-index:1;display:grid;place-items:center;width:108px;height:108px;margin-bottom:20px;border:1px solid #e1e4e5;border-radius:50%;background:#fff;color:#555c5e;box-shadow:0 10px 24px rgba(28,33,35,.08)}
.dc-empty-cart-label{position:relative;color:#8b9091;font-size:11px;font-weight:600;letter-spacing:.16em}
.dc-empty-cart h1{position:relative;margin:9px 0 10px;color:#202526;font-size:30px;font-weight:500;line-height:1.25}
.dc-empty-cart>p{position:relative;max-width:490px;margin:0;color:#73797a;font-size:14px;line-height:1.7}
.dc-empty-cart-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:210px;min-height:50px;margin-top:25px;padding:12px 22px;border:1px solid #1b2021;border-radius:3px;background:#1b2021;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:.2s ease}
.dc-empty-cart-button:hover{border-color:var(--dc-primary);background:var(--dc-primary);gap:14px}
.dc-empty-cart-benefits{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;width:100%;max-width:590px;margin-top:42px;padding-top:20px;border-top:1px solid #e7e9ea;color:#73797a;font-size:12px}
.dc-empty-cart-benefits span{display:inline-flex;align-items:center;gap:7px}.dc-empty-cart-benefits svg{color:#555c5e}
@media(max-width:575px){.dc-cart-layout.dc-cart-layout-empty{width:100%}.dc-empty-cart{margin:4px 0 32px;padding:42px 18px 22px;border-radius:12px}.dc-empty-cart-icon{width:88px;height:88px;margin-bottom:17px}.dc-empty-cart-icon svg{width:44px;height:44px}.dc-empty-cart h1{font-size:24px}.dc-empty-cart>p{font-size:13px}.dc-empty-cart-button{width:100%;min-width:0}.dc-empty-cart-benefits{gap:12px;justify-content:space-between;margin-top:32px}.dc-empty-cart-benefits span{flex:1;flex-direction:column;gap:5px;line-height:1.3}}

/* Ortak minimal başlık dili: sepet, ana sayfa modülleri ve kategori */
.dc-cart-drawer-head h2,
.dc-section-title,
.dc-category-header h1{
  font-family:var(--dc-font-body)!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.dc-cart-drawer-head h2{font-size:18px!important;color:#353a3b}
.dc-section-title{
  position:relative;
  display:block;
  width:100%;
  margin:0 0 20px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #dfe2e3;
  color:#282d2e;
  font-size:18px!important;
  line-height:1.35;
  text-align:left!important;
}
.dc-section-title::after{
  display:none!important;
}
.dc-section-title>span{position:relative;display:inline-block}
.dc-section-title>span::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--dc-primary)}
.dc-module-section+.dc-module-section{margin-top:36px!important}
.dc-category-header h1{
  border-bottom:1px solid #4d5354!important;
  padding-bottom:9px!important;
  color:#282d2e;
  font-size:18px!important;
  line-height:1.35!important;
}
@media(max-width:575px){.dc-cart-drawer-head h2,.dc-section-title,.dc-category-header h1{font-size:16px!important}.dc-section-title{margin-bottom:16px!important;padding-bottom:8px!important}.dc-section-title>span::after{bottom:-9px}.dc-module-section+.dc-module-section{margin-top:26px!important}.dc-category-header h1{padding-bottom:8px!important}}

/* Footer içeriğini iç sayfalarla aynı 1440px hizaya getir */
.dc-footer .dc-container{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
@media(max-width:767px){.dc-footer .dc-container{padding-left:14px!important;padding-right:14px!important}}

/* Footer başlıkları: ince tipografi ve kısa turuncu çizgi */
.dc-footer-col-title,
.dc-footer-address-title{
  position:relative;
  display:block;
  margin:0 0 18px!important;
  padding:0 0 11px!important;
  border:0!important;
  color:inherit;
  font-family:var(--dc-font-body)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.35;
  letter-spacing:0!important;
  text-transform:none!important;
}
.dc-footer-col-title::before{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--dc-primary)}
@media(max-width:768px){.dc-footer-col-title,.dc-footer-address-title{margin-bottom:0!important;padding:13px 30px 13px 0!important;border-bottom:1px solid rgba(128,128,128,.18)!important}.dc-footer-col-title::before{bottom:-1px;width:30px}.dc-footer-grid>div:first-child .dc-footer-col-title{margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:0!important}}
@media(max-width:767px){.dc-footer-grid>div:first-child{text-align:center}.dc-footer-grid>div:first-child .dc-footer-col-title{padding-right:0!important}.dc-footer-grid>div:first-child .dc-footer-contact-item{justify-content:center;text-align:left}}
@media(max-width:767px){.dc-footer-grid>div:first-child .dc-footer-col-title::before{left:50%;transform:translateX(-50%)}}

/* Mobil sol menü - ilk görsel taslak */
@media(max-width:1199px){
  .dc-offcanvas{width:min(86vw,360px);background:#fff;box-shadow:12px 0 35px rgba(20,25,26,.16)}
  .dc-offcanvas-header{min-height:64px;padding:14px 18px;border-bottom:1px solid #e6e8e9;background:#fafbfb}
  .dc-offcanvas-body{padding:8px 0}
  .dc-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 18px 14px;border-bottom:1px solid #e5e7e8;color:#282d2e;font-size:14px}.dc-mobile-menu-heading span{padding:7px 11px;border:1px solid #e1e4e5;border-radius:7px;background:#fff;font-size:12px;font-weight:600;box-shadow:0 3px 10px rgba(20,25,26,.08)}
  .dc-mobile-menu-quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 10px;border-bottom:1px solid #e5e7e8}.dc-mobile-menu-quicklinks a{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border:1px solid #dfe2e3;border-radius:8px;color:#424849;font-size:12px;text-decoration:none}.dc-mobile-menu-quicklinks a svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dc-mobile-menu-quicklinks a:hover{background:#f7f8f8}
  .dc-mobile-menu-quicklinks a:nth-child(3) svg{stroke:#f15a24}.dc-mobile-menu-quicklinks a:nth-child(4) svg{stroke:#25d366}
  .dc-offcanvas .dc-nav-link{min-height:50px;padding:14px 20px;border-bottom:1px solid #eef0f0;color:#282d2e;font-size:14px;font-weight:500}
  .dc-offcanvas .dc-nav-link:hover,.dc-offcanvas .dc-nav-item.active .dc-nav-link{background:#f5f6f6;color:#282d2e}
  .dc-offcanvas .dc-offcanvas-toggle{margin-right:14px;border:1px solid #dfe2e3;background:#fff;color:#555}
  .dc-offcanvas .dc-offcanvas-submenu{background:#fafbfb}
  .dc-offcanvas .dc-offcanvas-submenu a{min-height:44px;padding:12px 20px 12px 48px;color:#555;font-size:13px}
  .dc-offcanvas-footer{padding:16px 18px;background:#fafbfb;margin-bottom:20px}
}

/* Menüdeki hesap/çıkış bölümü sayfa sonuna kaçmasın; yalnız kategori listesi kaydırılsın. */
@media(max-width:1199px){
  .dc-offcanvas{height:100dvh;overflow:hidden}
  .dc-offcanvas-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .dc-offcanvas-footer{flex:0 0 auto;margin-top:auto;margin-bottom:0}
}

/* Mobil menü alt gezinme çubuğunun arkasına düşmesin. Çubuk için ayrılan
   alan sayesinde giriş/üye ol/çıkış düğmesi her zaman bütünüyle görünür. */
@media(max-width:768px){
  .dc-offcanvas{top:0;bottom:60px;height:auto;z-index:10000}
  .dc-overlay{z-index:9990}
  .dc-mobile-bar{z-index:10010}
  .dc-offcanvas-footer{margin-bottom:0!important}
}

/* Checkout sözleşme onayı: checkout şablonunun önbelleğinden bağımsızdır. */
.dc-native-checkout .dc-native-note-panel label.dc-agreement-error{padding:9px 10px!important;border:1px solid #e4503f!important;background:#fff3f1!important;color:#7d1c14!important}
.dc-native-checkout .dc-native-payment-message.dc-agreement-visible{display:block!important;margin-top:8px!important;padding:9px 10px!important;min-height:0!important;border-left:3px solid #e4503f!important;background:#fff3f1!important;color:#b42318!important;font-size:12px!important;font-weight:700!important}

/* Ödeme adımındaki zorunlu sözleşme uyarısı boşken görünmez, mesaj geldiğinde
   kırmızı çerçeveyle belirginleşir. */
.dc-native-checkout .dc-native-payment-message{display:none;min-height:16px;margin:8px 0 0;padding:5px;border:1px solid #ff0000;color:#ff0000;font-size:11px}
.dc-native-checkout .dc-native-payment-message:not(:empty){display:block}

/* Kategori sayfası sol menüsü */
.dc-category-menu{overflow:hidden;border:1px solid #dfe3e5;background:#fff}
.dc-category-menu-title{margin:0;padding:14px 16px;border-bottom:1px solid #dfe3e5;color:#202526;font-size:14px;font-weight:700}
.dc-category-menu-parent{display:flex;align-items:center;min-height:47px;border-bottom:1px solid #eef0f0}
.dc-category-menu-parent>a{flex:1;padding:13px 8px 13px 16px;color:#303536;font-size:13px;font-weight:600;line-height:1.35;text-decoration:none}
.dc-category-menu-parent>a:hover,.dc-category-menu-item.is-active>.dc-category-menu-parent>a{color:#f15a24}
.dc-category-menu-item.is-active>.dc-category-menu-parent{background:#fff8f5}
.dc-category-menu-toggle{display:grid;place-items:center;width:40px;height:46px;padding:0;border:0;border-left:1px solid #eef0f0;background:transparent;color:#626a6c;cursor:pointer}
.dc-category-menu-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.dc-category-menu-item.is-open>.dc-category-menu-parent .dc-category-menu-toggle svg{transform:rotate(180deg)}
.dc-category-menu-children{padding:5px 0 7px;background:#fafbfb;border-bottom:1px solid #eef0f0}
.dc-category-menu-children[hidden]{display:none!important}
.dc-category-menu-children a{display:block;padding:8px 14px 8px 27px;color:#5d6668;font-size:12px;line-height:1.35;text-decoration:none}
.dc-category-menu-children a::before{content:'–';display:inline-block;width:12px;color:#a2a8aa}
.dc-category-menu-children a:hover,.dc-category-menu-children a.is-active{color:#f15a24;font-weight:600;background:#fff}
.dc-category-menu-children a.is-active::before{color:#f15a24}
@media(max-width:991px){.dc-category-menu{margin-top:12px}.dc-category-menu-title{padding:12px 14px}.dc-category-menu-parent{min-height:44px}.dc-category-menu-toggle{height:43px}}

/* Sol kategori menüsü: ürün alanını gölgelemeyen sade sürüm. */
.dc-sidebar .dc-category-menu{overflow:visible;border:0;background:transparent}
.dc-sidebar .dc-category-menu-title{display:table;margin:0;padding:0 0 10px;border:0;border-bottom:2px solid #f15a24;color:#303536;font-size:14px;font-weight:500}
.dc-sidebar .dc-category-menu-list{border-top:1px solid #e4e7e8}
.dc-sidebar .dc-category-menu-parent{min-height:43px;border-bottom:1px solid #e8eaeb}
.dc-sidebar .dc-category-menu-parent>a{padding:11px 5px 11px 2px;color:#3f4648;font-size:13px;font-weight:500}
.dc-sidebar .dc-category-menu-item.is-active>.dc-category-menu-parent{background:transparent}
.dc-sidebar .dc-category-menu-item.is-active>.dc-category-menu-parent>a{color:#f15a24;font-weight:700}
.dc-sidebar .dc-category-menu-toggle{width:28px;height:42px;border:0;color:#858c8e}
.dc-sidebar .dc-category-menu-toggle svg{width:14px;height:14px}
.dc-sidebar .dc-category-menu-children{margin:0 0 5px;padding:3px 0 5px;border:0;border-left:1px solid #e0e3e4;background:transparent}
.dc-sidebar .dc-category-menu-children a{padding:6px 5px 6px 12px;color:#737b7d;font-size:12px}
.dc-sidebar .dc-category-menu-children a::before{display:none}
.dc-sidebar .dc-category-menu-children a:hover,.dc-sidebar .dc-category-menu-children a.is-active{background:transparent;color:#f15a24;font-weight:600}
@media(max-width:991px){.dc-sidebar .dc-category-menu{margin-top:14px}.dc-sidebar .dc-category-menu-title{font-size:14px}}

/* Hızlı görünüm modalı */
.dc-modal-backdrop{background:rgba(25,29,30,.72);padding:16px}
.dc-modal{max-width:960px;border-radius:6px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.22)}
.dc-modal-close{top:12px;right:12px;width:34px;height:34px;background:#fff;border-color:#dfe2e3;color:#4b5152}
.dc-quickview-body{padding:34px 32px 30px}
.dc-quickview-body .dc-product-layout{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:30px;align-items:start}.dc-quickview-body .dc-product-detail-actions-top{display:flex;align-items:center;gap:8px;margin:0 0 16px;flex-wrap:wrap}.dc-quickview-body .dc-product-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e1e4e5;background:#fff;color:#555;font-size:11px;line-height:1.2;white-space:nowrap}.dc-quickview-body .dc-product-detail-name{margin:0 0 12px;color:#282d2e;font-family:var(--dc-font-body)!important;font-size:24px;font-weight:500}.dc-quickview-body .dc-product-price{font-size:22px;color:#282d2e!important}.dc-quickview-body .dc-product-tags{margin-top:18px;color:#777;font-size:12px}.dc-quickview-body .dc-product-buttons{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:767px){.dc-quickview-body{padding:22px 16px 24px}.dc-modal-backdrop{padding:8px}.dc-modal{max-height:94vh;border-radius:5px}}
@media(max-width:767px){.dc-quickview-body .dc-product-layout{grid-template-columns:1fr;gap:18px}.dc-quickview-body .dc-product-detail-name{font-size:20px}}

/* Hakkımızda, gizlilik, teslimat ve diğer bilgi sayfaları */
.dc-information-page{padding-bottom:64px;background:#f7f8f8}
.dc-information-page>.dc-container{width:100%;max-width:1440px!important;margin:0 auto;padding-left:20px;padding-right:20px}
.dc-information-page .dc-breadcrumb{margin-bottom:22px;padding-top:16px}
.dc-information-card{overflow:hidden;max-width:1040px;margin:0 auto;border:1px solid #e1e4e5;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(27,32,34,.05)}
.dc-information-header{position:relative;padding:34px 42px 27px;border-bottom:1px solid #e5e7e8;background:#f3f5f5}
.dc-information-label{display:block;margin-bottom:8px;color:#8a9091;font-family:var(--dc-font-body);font-size:10px;font-weight:600;letter-spacing:.16em}
.dc-information-header h1{position:relative;margin:0;padding-bottom:13px;color:#262b2c;font-family:var(--dc-font-body)!important;font-size:25px;font-weight:400!important;line-height:1.35;letter-spacing:0}
.dc-information-header h1::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:var(--dc-primary)}
.dc-information-content{padding:38px 42px 46px;color:#505657;font-family:var(--dc-font-body);font-size:14px;line-height:1.85}
.dc-information-content>:first-child{margin-top:0!important}.dc-information-content>:last-child{margin-bottom:0!important}
.dc-information-content p{margin:0 0 17px;color:#555b5c;line-height:1.85}
.dc-information-content h2,.dc-information-content h3,.dc-information-content h4{margin:31px 0 13px;color:#272c2d;font-family:var(--dc-font-body)!important;font-weight:500!important;line-height:1.4}
.dc-information-content h2{font-size:20px}.dc-information-content h3{font-size:17px}.dc-information-content h4{font-size:15px}
.dc-information-content ul,.dc-information-content ol{margin:0 0 20px;padding-left:22px}.dc-information-content li{margin-bottom:7px;padding-left:3px}
.dc-information-content a{color:var(--dc-primary);text-decoration:underline;text-underline-offset:3px}.dc-information-content a:hover{color:var(--dc-primary-dark)}
.dc-information-content strong,.dc-information-content b{color:#2c3132;font-weight:600}
.dc-information-content blockquote{margin:22px 0;padding:17px 20px;border-left:3px solid var(--dc-primary);background:#f6f7f7;color:#555b5c}
.dc-information-content img{max-width:100%;height:auto;border-radius:6px}
.dc-information-content table{display:table;width:100%!important;margin:22px 0;border-collapse:collapse;background:#fff;font-size:13px}.dc-information-content th,.dc-information-content td{padding:12px 14px;border:1px solid #dfe2e3;text-align:left;vertical-align:top}.dc-information-content th{background:#f3f5f5;color:#303536;font-weight:600}
@media(max-width:767px){.dc-information-page{padding-bottom:36px}.dc-information-page>.dc-container{padding-left:10px!important;padding-right:10px!important}.dc-information-page .dc-breadcrumb{margin-bottom:14px;padding-top:10px}.dc-information-card{border-radius:8px}.dc-information-header{padding:24px 20px 20px}.dc-information-header h1{font-size:21px}.dc-information-content{padding:25px 20px 32px;font-size:13px;line-height:1.75}.dc-information-content p{line-height:1.75}.dc-information-content h2{font-size:18px}.dc-information-content h3{font-size:16px}.dc-information-content table{display:block;overflow-x:auto;white-space:normal}}

/* Masaüstü ve mobil AJAX canlı ürün araması */
.dc-search-suggestions{overflow:hidden;max-height:none;padding:0;border-radius:0;background:#fff}
.dc-search-suggestion-item{min-height:78px;padding:10px 12px;border-bottom:1px solid #eceeef;cursor:pointer}
.dc-search-suggestion-item img{flex:0 0 58px;width:58px;height:58px;border:1px solid #eceeef;border-radius:4px;background:#fff;object-fit:contain}
.dc-live-search-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.dc-search-suggestion-name{overflow:hidden;color:#282d2e;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dc-live-search-model{color:#929798;font-size:11px}.dc-search-suggestion-price{display:flex;align-items:flex-end;flex-direction:column;gap:2px;margin-left:auto;font-size:12px;white-space:nowrap}.dc-search-suggestion-price strong{color:#282d2e;font-weight:600}.dc-live-search-old-price{color:#9ba0a1;font-size:10px;text-decoration:line-through}
.dc-live-search-all{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:10px 14px;background:#f5f6f6;color:#303536!important;font-size:13px;font-weight:500;text-decoration:none!important}.dc-live-search-all:hover{background:#202526;color:#fff!important}.dc-live-search-state{padding:18px;text-align:center;color:#777d7e;font-size:13px}
.dc-mobile-search-bar{position:relative}.dc-mobile-search-suggestions{top:calc(100% - 3px);left:10px;right:10px;z-index:10030}
@media(max-width:767px){.dc-mobile-actions{gap:2px}.dc-search-suggestion-item{min-height:72px;padding:8px 10px}.dc-search-suggestion-item img{width:52px;height:52px;flex-basis:52px}.dc-search-suggestion-name{font-size:12px}.dc-search-suggestion-price{font-size:11px}.dc-live-search-all{min-height:43px}}

/* OpenCart'ın eski Swiper sürümü, görsel yüklenmeden sliderı ekran yüksekliğine çıkarıyordu. */
.slideshow.swiper-viewport,
.slideshow.swiper-viewport .swiper-container,
.slideshow.swiper-viewport .swiper-wrapper,
.slideshow.swiper-viewport .swiper-slide{height:auto!important}
.slideshow.swiper-viewport .swiper-slide img{display:block;width:100%;height:auto}

/* Ürün liste görünümü: başlık ritmi ve daha sade kartlar */
.dc-section-title{margin:20px 0!important}
.dc-product-cart-btn{min-height:45px}
.dc-product-card{border-radius:5px 5px 0 0}
@media(max-width:575px){.dc-product-card{box-shadow:0 4px 15px rgba(0,0,0,.04)}}
@media(max-width:767px){.dc-container{padding-left:5px!important;padding-right:5px!important}}

/* Kategori üst alanı: kutu/gölge olmadan sade başlık görünümü */
.dc-category-header{background:transparent!important;padding:0!important;border-radius:0!important;margin-bottom:16px!important;box-shadow:none!important}
/* Ana sayfa ürün modülleri: 4 görünür, kalan ürünler yatay kaydırılır */
.dc-module-section .dc-product-grid{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px 8px!important;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.dc-module-section .dc-product-grid::-webkit-scrollbar{display:none}
.dc-section-title{position:relative}.dc-carousel-controls{position:absolute;right:0;top:50%;display:flex;gap:8px;transform:translateY(-50%)}.dc-carousel-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #aeb4b5;border-radius:50%;background:#fff;color:#454a4b;font-size:22px;line-height:1;cursor:pointer}.dc-carousel-arrow:hover{background:#282d2e;color:#fff}
.dc-module-section .dc-product-grid .dc-product-card{flex:0 0 calc((100% - 54px)/4)!important;width:calc((100% - 54px)/4)!important;min-width:0!important;scroll-snap-align:start;scroll-snap-stop:always}
@media(max-width:767px){.dc-module-section .dc-product-grid{gap:10px!important;padding-left:2px!important;padding-right:2px!important}.dc-module-section .dc-product-grid .dc-product-card{flex-basis:calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;scroll-snap-align:start;scroll-snap-stop:always}}
@media(max-width:767px){.dc-carousel-controls{display:none!important}}
/* DavisClass checkout ana yerleşimi */
#checkout-checkout{max-width:1440px!important;margin:0 auto;padding:8px 12px 60px}
#checkout-checkout #content>h1{margin:10px 0 24px;font-size:26px;font-weight:400;color:#282d2e}
#checkout-checkout #accordion{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px 24px;margin:0}
#checkout-checkout #accordion .panel{margin:0;border:1px solid #e1e4e5;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(27,32,34,.04)}
#checkout-checkout #accordion .panel-heading{padding:15px 18px;border:0;background:#f8f9f9;color:#282d2e}
#checkout-checkout #accordion .panel-title{font-size:15px;font-weight:500}
#checkout-checkout #accordion .panel-title a{display:block;color:inherit;text-decoration:none}
#checkout-checkout #accordion .panel-body{padding:18px;border-top:1px solid #e5e7e8}
#checkout-checkout #accordion .panel:nth-child(odd),#checkout-checkout #accordion .panel:nth-child(even){grid-column:1}
#checkout-checkout #accordion .panel:last-child{grid-column:2;grid-row:1 / span 6;align-self:start;position:sticky;top:90px}
#checkout-checkout #accordion .panel:last-child .panel-collapse{display:block!important}
@media(max-width:767px){#checkout-checkout{padding:0 8px 42px}#checkout-checkout #content>h1{font-size:21px;margin-bottom:16px}#checkout-checkout #accordion{display:flex;flex-direction:column;gap:10px}#checkout-checkout #accordion .panel:last-child{position:static;order:10}#checkout-checkout #accordion .panel:last-child .panel-collapse{display:block!important}}
/* Arama sonuçları kategori sayfasıyla aynı grid/kart görünümünde */
#product-search{max-width:1440px!important;margin:0 auto!important;padding:0 10px 50px}
#product-search>.breadcrumb{margin:0 0 18px;padding:12px 0;background:transparent;border:0}
#product-search #content>h1{margin:0 0 22px;font-size:24px;font-weight:500;color:#282d2e}
#product-search #content>h2{margin:28px 0 18px;font-size:18px;font-weight:400;color:#555}
#product-search #content>label.control-label{display:block;margin:0 0 8px;color:#555;font-size:13px;font-weight:500}
#product-search #content>.row:first-of-type{display:flex;align-items:end;gap:10px;margin:0 0 10px;padding:16px;background:#f7f8f8;border:1px solid #e1e4e5}
#product-search #content>.row:first-of-type>div{width:auto;flex:1;padding:0}
#product-search #content>.row:first-of-type>div:nth-child(1){flex:2}
#product-search #content>.row:first-of-type .form-control{height:42px;border:1px solid #d5dada;border-radius:4px;box-shadow:none}
#product-search #content>p{margin:8px 0 10px;color:#626869;font-size:12px}
#product-search #button-search{height:42px;margin:0 0 20px;padding:0 24px;border:0;border-radius:4px;background:#282d2e;color:#fff;font-size:13px}
#product-search #button-search:hover{background:#f4512a}
#product-search #content>.row:nth-of-type(2){display:flex;align-items:center;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #e1e4e5}
#product-search #content>.row:nth-of-type(2)>div{padding:0 5px}
#product-search #content>.row:nth-of-type(2) .form-group{margin:0}
#product-search #content>.row:nth-of-type(2) .input-group-addon{background:transparent;border:0;color:#6b7172;font-size:12px}
#product-search .product-layout{width:25%;padding:0 8px;margin:0 0 24px;float:left}
#product-search .product-thumb{height:100%;margin:0;background:#fff;border:1px solid var(--dc-border);border-radius:5px 5px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}
#product-search .product-thumb .image{height:auto;margin:0;background:#fff;text-align:center}
#product-search .product-thumb .image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
#product-search .product-thumb>div:last-child{display:flex;flex:1;flex-direction:column}
#product-search .caption{display:flex;flex:1;flex-direction:column;align-items:center;padding:13px 10px 9px;text-align:center}
#product-search .caption h4{margin:0 0 10px;font-size:14px;font-weight:400;line-height:1.4}
#product-search .caption h4 a{color:#282d2e}
#product-search .caption p:not(.price),#product-search .rating{display:none}
#product-search .caption .price{margin:auto 0 0;color:#282d2e;font-size:15px;font-weight:600}
#product-search .button-group{display:flex!important;min-height:45px;background:#1d2122}
#product-search .button-group button{flex:1;border:0;background:transparent;color:#fff;font-size:13px}
#product-search .button-group button+button{display:none}
#product-search:after{content:"";display:block;clear:both}
@media(max-width:991px){#product-search .product-layout{width:33.3333%}}
@media(max-width:767px){#product-search{padding:0 5px 35px}#product-search #content>h1{font-size:20px}#product-search .product-layout{width:50%;padding:0 4px;margin-bottom:14px}#product-search .caption{padding:10px 6px 8px}#product-search .caption h4{font-size:12px;min-height:34px}#product-search .caption .price{font-size:13px}#product-search .button-group{min-height:42px}#product-search .button-group button{font-size:11px}}
@media(max-width:767px){#product-search #content>.row:first-of-type{display:grid;grid-template-columns:1fr;gap:8px;padding:12px 10px}#product-search #content>.row:first-of-type>div,#product-search #content>.row:first-of-type>div:nth-child(1){width:100%;flex:none}#product-search #content>.row:nth-of-type(2){gap:4px;flex-wrap:wrap}#product-search #content>.row:nth-of-type(2)>div{width:50%;padding:0}#product-search #button-search{width:100%;margin-bottom:16px}}
.dc-load-more{display:flex;justify-content:center;margin:22px 0 12px;padding:0 10px}.dc-load-more-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:250px;min-height:42px;padding:10px 20px;border:1px solid #bfc4c5;border-radius:2px;background:#fff;color:#555b5c;font-size:12px;font-weight:400;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.dc-load-more-button::before{content:"↻";font-size:14px;line-height:1}.dc-load-more-button:hover{border-color:#282d2e;background:#282d2e;color:#fff}.dc-load-more-button:disabled{opacity:.65;cursor:default}

/* Arama sonuçları: kategori sayfasıyla aynı sade başlık, ürün kartı ve sayfalama dili */
.dc-search-page{padding-bottom:40px}
.dc-search-page .dc-search-header{margin-bottom:0!important}
.dc-search-page .dc-search-header h1{margin-bottom:16px!important}
.dc-search-page-form{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dc-search-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dc-search-page-field{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:42px;min-height:42px;box-sizing:border-box;border:1px solid var(--dc-border);background:#fff}
.dc-search-page-field:focus-within{border-color:#4d5354}
.dc-search-page-field svg{flex:0 0 auto;width:18px;height:18px;margin:0 0 0 13px;fill:none;stroke:#727879;stroke-width:2}
.dc-search-page-field input{width:100%;height:40px!important;min-height:0!important;padding:0 12px;border:0!important;outline:0;background:transparent;color:#282d2e;font-size:13px;box-shadow:none!important}
.dc-search-page-form select{width:190px;height:42px;box-sizing:border-box;padding:0 28px 0 11px;border:1px solid var(--dc-border);border-radius:0;background:#fff;color:#4c5354;font-size:12px}
.dc-search-page-form .dc-btn{min-width:106px;height:42px;box-sizing:border-box;border-radius:0;font-size:12px}
.dc-search-page .dc-product-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dc-search-page .dc-product-cart-btn svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dc-search-page .dc-page-wrapper{padding-top:20px}
.dc-search-page .dc-search-toolbar{margin-bottom:20px}
.dc-search-empty{padding:64px 20px;text-align:center;border:1px solid var(--dc-border);background:#fff}
.dc-search-empty svg{width:54px;height:54px;fill:none;stroke:#c3c7c8;stroke-width:1.5}
.dc-search-empty h2{margin:14px 0 7px;color:#303536;font-size:18px;font-weight:500}
.dc-search-empty p{margin:0;color:#737a7b;font-size:13px}
@media(max-width:767px){
  .dc-search-page{padding:0 5px 35px}
  .dc-search-page .dc-search-header h1{margin-bottom:12px!important;font-size:18px!important}
  .dc-search-page-form{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}
  .dc-search-page-field{grid-column:1/-1;height:40px;min-height:40px}
  .dc-search-page-field input{height:38px!important}
  .dc-search-page-form .category-id{grid-column:1;width:100%;height:40px}
  .dc-search-page-form .dc-btn{grid-column:2;height:40px;min-width:0}
  .dc-search-page .dc-page-wrapper{padding-top:14px}
  .dc-search-page .dc-toolbar{padding:9px 10px;gap:8px}
  .dc-search-page .dc-toolbar-right{width:100%;gap:6px}
  .dc-search-page .dc-sort-select{min-width:0;flex:1}
  .dc-search-page .dc-view-toggle{flex:0 0 auto}
}


/* Hesabım yan menüsü: kutusuz, ince başlık düzeni */
.dc-account-layout{margin-top:0!important}
.dc-sidebar-title,.dc-account-sidebar .dc-sidebar-title,[id^="account-"] .dc-sidebar-title{margin:0 0 12px!important;padding:0!important;background:transparent!important;color:#333!important;font-size:16px!important;font-weight:400!important}
/* Hesabım içerik kartı: sade, düz köşe */
.dc-account-main{border-radius:0!important}
/* Hesabım yan menüsü: ok ve hover animasyonu olmadan sade bağlantılar */
.dc-sidebar-list a::after,.dc-sidebar-list a:hover::after,.dc-sidebar-list a.active::after{content:none!important;display:none!important}

/* Font Awesome yüklenmese bile sipariş görüntüleme gözünü göster */
.dc-eye-icon{position:relative;display:inline-block;width:17px;height:11px;border:1.7px solid currentColor;border-radius:70%/85%;vertical-align:-1px}
.dc-eye-icon::after{content:"";position:absolute;top:2px;left:5px;width:4px;height:4px;border-radius:50%;background:currentColor}

/* İletişim sayfası: tema4 esintili bilgi + form yerleşimi */
.dc-contact-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:28px;align-items:start;padding:20px 0 54px}
.dc-contact-layout>div:first-child{order:2}.dc-contact-layout>div:last-child{order:1}
.dc-contact-layout .dc-account-card{height:100%;padding:28px;border:1px solid var(--dc-border);border-radius:0;background:#fff;box-shadow:0 6px 22px rgba(27,32,34,.05)}
.dc-contact-layout .dc-contact-info-item{padding:15px 0;margin-bottom:6px;border-bottom:1px solid #e5e7e8}
.dc-contact-layout .dc-contact-info-item:last-of-type{border-bottom:0}
.dc-contact-layout .dc-account-card-title{margin:0 0 24px;font-family:var(--dc-font-body)!important;font-size:20px!important;font-weight:400!important;color:#282d2e}
.dc-contact-layout .dc-account-card-title:after{content:"";display:block;width:42px;height:2px;margin-top:11px;background:var(--dc-primary)}
.dc-contact-layout>div:first-child .dc-form-control{border:1px solid #d9ddde;border-radius:2px;background:#f6f6f6;box-shadow:none}
.dc-contact-layout>div:first-child .dc-form-control:focus{border-color:#9aa0a1;background:#fff;box-shadow:none}
.dc-contact-layout>div:first-child .dc-btn-primary{width:100%;border:0;border-radius:0;background:#050505;color:#fff;box-shadow:none}
.dc-contact-layout>div:first-child .dc-btn-primary:hover{background:#252525}
.dc-product-detail-actions-hidden{display:none!important}.dc-trust-badges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.dc-product-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:4px;background:#25d366;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}.dc-product-whatsapp:hover{background:#1fb958}
.dc-container#product-product{width:100%;max-width:1440px!important;margin-left:auto;margin-right:auto}.dc-product-detail-price-wrap{justify-content:flex-end;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #dfe2e3}.dc-product-detail-price{font-size:24px!important;font-weight:500!important;color:#282d2e!important}.dc-product-tags{display:none!important}
.dc-product-add-to-cart .dc-qty{border:1px solid #d9ddde!important;border-radius:4px!important;background:#fff!important}.dc-product-add-to-cart .dc-qty .dc-qty-btn{background:#f4f5f5!important;color:#454a4b!important;border-left:1px solid #d9ddde!important}.dc-product-add-to-cart .dc-qty .dc-qty-btn:hover{background:#e8eaeb!important;color:#282d2e!important}.dc-product-add-to-cart .dc-qty .dc-qty-input{color:#282d2e!important;background:#fff!important}.dc-trust-badges{margin-top:24px!important;padding-top:4px}.dc-trust-badge{display:flex!important;align-items:center!important;gap:8px;min-height:42px;padding:9px 11px;border:1px solid #e1e4e5;background:#fff;color:#454a4b;font-size:13px;line-height:1.2}.dc-trust-badge svg{flex:0 0 22px;display:block;color:#454a4b}.dc-trust-badge span{display:block;line-height:1.2}
.dc-quickview-body .dc-trust-badges{margin-top:26px!important;padding-top:8px!important;row-gap:16px!important}.dc-quickview-body .dc-product-add-to-cart .dc-qty{display:flex!important;position:relative!important;width:58px!important;height:48px!important;padding:0!important}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-input{display:block!important;width:36px!important;height:46px!important;margin:0 20px 0 0!important;padding:0!important;line-height:46px!important}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn{display:flex!important;align-items:center;justify-content:center;width:20px!important;height:24px!important;padding:0!important;border:0!important;border-left:1px solid #d9ddde!important;border-radius:0!important}
.dc-product-add-to-cart{display:grid!important;grid-template-columns:minmax(150px,1fr) 58px minmax(180px,1.35fr)!important;gap:10px!important;align-items:stretch;position:static!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.dc-product-add-to-cart>*{min-width:0!important;flex:none!important}.dc-product-add-to-cart #button-cart{width:100%!important;min-height:48px}.dc-product-add-to-cart .dc-product-whatsapp{width:100%!important}.dc-product-add-to-cart .dc-qty{height:48px!important}
.dc-quickview-body .dc-product-add-to-cart{display:grid;grid-template-columns:minmax(150px,1fr) 58px minmax(180px,1.35fr);gap:10px;align-items:stretch}.dc-quickview-body .dc-product-add-to-cart .dc-product-whatsapp{min-width:0}.dc-quickview-body .dc-product-add-to-cart .dc-qty{height:48px}.dc-quickview-body .dc-product-add-to-cart #button-cart{min-height:48px;background:#f4512a!important;border-color:#f4512a!important;color:#fff!important}.dc-quickview-body .dc-product-add-to-cart #button-cart:hover{background:#d94320!important}
.dc-quickview-body .dc-trust-badges{margin-top:18px!important}.dc-quickview-body .dc-product-add-to-cart .dc-qty{position:relative;display:flex;align-items:center;justify-content:center;width:58px;overflow:hidden;border:1px solid #f4512a;border-radius:4px;background:#fff}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-input{width:30px!important;height:46px}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn{position:absolute;right:0;width:20px;height:24px;padding:0;background:#f4512a;color:#fff;font-size:15px;line-height:1}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn:first-child{left:0;right:auto}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn:last-child{top:0}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn:first-child{bottom:0;top:auto}
.dc-quickview-body .dc-product-tags{display:none!important}
.dc-scent-notes{border-bottom:1px solid #e5e7e8;padding-bottom:16px}
.dc-scent-notes{margin-top:24px;padding-top:18px;border-top:1px solid #e5e7e8}.dc-scent-notes h2{margin:0 0 12px;color:#282d2e;font-family:var(--dc-font-body)!important;font-size:17px;font-weight:500}.dc-scent-notes h2::after{content:"";display:block;width:34px;height:2px;margin-top:8px;background:#282d2e}.dc-scent-notes-content{max-height:145px;overflow:auto;color:#596061;font-size:13px;line-height:1.7}.dc-scent-notes-content p{margin:0 0 8px}.dc-scent-notes-content h2,.dc-scent-notes-content h3{margin:12px 0 6px;font-size:14px;font-weight:500}.dc-scent-notes-content ul,.dc-scent-notes-content ol{margin:0 0 8px;padding-left:18px}
.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-input{position:relative;z-index:1;width:36px!important;margin-right:20px;background:#fff;color:#282d2e!important;text-align:center}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn:first-child{left:auto;right:0;bottom:0;top:auto}.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-btn:last-child{right:0;top:0;bottom:auto}
.dc-quickview-body .dc-product-add-to-cart .dc-qty .dc-qty-input{display:block!important;visibility:visible!important;opacity:1!important;height:46px!important;padding:0!important;border:0!important;font-size:14px!important;line-height:46px!important;appearance:textfield}
.dc-quickview-body .dc-product-add-to-cart{display:grid!important;grid-template-columns:minmax(0,1fr) 58px minmax(0,1.35fr)!important;gap:10px!important;width:100%!important}.dc-quickview-body .dc-product-add-to-cart>*{min-width:0!important;flex:none!important}.dc-quickview-body .dc-product-add-to-cart #button-cart{width:100%!important;padding:0 12px!important}.dc-quickview-body .dc-product-add-to-cart .dc-product-whatsapp{width:100%!important;padding:0 10px!important}
.dc-quickview-body .dc-product-add-to-cart{position:static!important;left:auto!important;bottom:auto!important;z-index:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
@media(max-width:575px){.dc-quickview-body .dc-product-add-to-cart{grid-template-columns:1fr 58px 1.2fr;gap:6px}.dc-quickview-body .dc-product-whatsapp{padding:0 8px;font-size:12px}}
/* Mobilde ürün aksiyonları ekranın altında sabit */
@media(max-width:767px){
  body{padding-bottom:76px}
  .dc-product-add-to-cart{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10040!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 58px minmax(0,1.2fr)!important;gap:6px!important;padding:10px!important;background:#fff!important;border-top:1px solid #dfe2e3!important;box-shadow:0 -4px 16px rgba(0,0,0,.10)!important}
  .dc-product-add-to-cart .dc-product-whatsapp,.dc-product-add-to-cart #button-cart{min-height:48px!important;height:48px!important}
  .dc-product-add-to-cart #button-cart{border-radius:4px!important}
  .dc-product-add-to-cart .dc-qty{width:58px!important;height:48px!important}
  .dc-quickview-body .dc-product-add-to-cart{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important}
}
/* Ürün detayındaki miktar kutusu: sayı ortada, +/- sağda dikey */
.dc-product-add-to-cart .dc-qty{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:58px!important;height:48px!important;overflow:hidden!important;padding:0!important;border:1px solid #d9ddde!important;border-radius:4px!important;background:#fff!important;box-sizing:border-box!important}
.dc-product-add-to-cart .dc-qty .dc-qty-input{display:block!important;flex:0 0 42px!important;width:42px!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;color:#282d2e!important;text-align:center!important;font-size:15px!important;font-weight:600!important;line-height:46px!important;visibility:visible!important;opacity:1!important;appearance:textfield!important;-webkit-appearance:textfield!important}
.dc-product-add-to-cart .dc-qty .dc-qty-btn{position:absolute!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:21px!important;height:23px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #d9ddde!important;border-radius:0!important;background:#f4f5f5!important;color:#454a4b!important;font-size:14px!important;line-height:1!important}
.dc-product-add-to-cart .dc-qty .dc-qty-btn[data-action="plus"]{top:0!important;bottom:auto!important}.dc-product-add-to-cart .dc-qty .dc-qty-btn[data-action="minus"]{bottom:0!important;top:auto!important}
.dc-contact-layout .dc-map-wrapper{overflow:hidden;border:1px solid #e1e4e5;background:#eef0f0}.dc-contact-layout .dc-map-wrapper iframe{display:block;width:100%;min-height:280px}
.dc-contact-map{overflow:hidden;width:100vw;max-width:100vw;margin:0 0 28px calc(50% - 50vw);border:1px solid #e1e4e5;background:#eef0f0}.dc-contact-map iframe{display:block;width:100%;min-height:380px}
.dc-contact-info-text a{color:inherit!important;text-decoration:none}
.dc-contact-layout .dc-contact-icon{background:#f1f2f2;color:#333}
.dc-contact-layout .dc-contact-info-title{color:#333}
.dc-contact-layout .dc-account-card-title::after{content:none!important;display:none!important}
.dc-contact-layout>div:last-child .dc-account-card-title{position:relative;display:block;padding-bottom:10px;border-bottom:1px solid #dfe2e3;color:#282d2e!important}
.dc-contact-layout>div:last-child .dc-account-card-title::before{content:"";position:absolute;left:0;bottom:-1px;width:42px;height:2px;background:#282d2e}
.dc-btn{padding:14px 20px}
.dc-product-info{text-align:center}.dc-product-name,.dc-product-name a{width:100%;text-align:center}.dc-product-price-wrap{display:flex!important;align-items:center;justify-content:center!important;text-align:center!important;width:100%}.dc-product-price{color:#282d2e!important;text-align:center}
.dc-product-card{padding-bottom:5px;--element-padding-bottom:5px;border-width:0;border-bottom-width:1px;border-style:solid;border-color:rgba(0,0,0,1)}
@media(max-width:767px){.dc-product-info{min-height:80px}}
@media(max-width:767px){.dc-contact-map{margin-bottom:18px}.dc-contact-map iframe{min-height:260px}}
.dc-contact-layout form{max-width:none}
@media(max-width:767px){.dc-contact-layout{grid-template-columns:1fr;gap:18px;padding:10px 0 34px}.dc-contact-layout>div:first-child{order:2}.dc-contact-layout>div:last-child{order:1}.dc-contact-layout .dc-account-card{padding:21px 16px}.dc-contact-layout form>div:first-child{grid-template-columns:1fr!important}.dc-contact-layout .dc-account-card-title{font-size:18px!important}}

/* DavisClass - tek sayfa sipariş tamamla (masaüstü) */
.quick-checkout-wrapper{max-width:1200px;margin:28px auto 56px;padding:0 12px;font-family:var(--dc-font-body,Arial,sans-serif);color:#282d2e}
.dc-journal-checkout{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%);gap:22px;align-items:start}
.dc-journal-checkout .left,.dc-journal-checkout .right{min-width:0}
.dc-journal-checkout .checkout-section{margin:0 0 14px;border:1px solid #dfe2e3;background:#fff}
.dc-journal-checkout .section-title{padding:14px 16px;border-bottom:1px solid #e5e7e8;color:#282d2e;font-size:13px;font-weight:700;line-height:1.2}
.dc-journal-checkout .section-body{padding:16px}
.dc-journal-checkout .form-group{margin:0 0 12px!important;float:none!important;width:auto!important}
.dc-journal-checkout .control-label{display:block;margin:0 0 6px;color:#454a4b;font-size:12px;font-weight:600}
.dc-journal-checkout .required .control-label::after{content:' *';color:#f15a24}
.dc-journal-checkout .form-control{box-sizing:border-box;width:100%;height:38px;padding:8px 10px;border:1px solid #d8dcde;border-radius:2px;background:#fafafa;color:#282d2e;font-size:13px;box-shadow:none}
.dc-journal-checkout textarea.form-control{height:auto;min-height:86px;resize:vertical}
.dc-journal-checkout .section-register .section-body{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.dc-journal-checkout .section-register .account-customer-group{grid-column:1/-1}
.dc-journal-checkout .section-register .account-firstname,.dc-journal-checkout .section-register .account-lastname,.dc-journal-checkout .section-register .account-email,.dc-journal-checkout .section-register .account-telephone{grid-column:auto}
.dc-journal-checkout .section-register .section-title{display:none}
.dc-journal-checkout .dc-checkout-billing{margin:0 0 14px;padding:12px;border:1px solid #dfe2e3;background:#fff}
.dc-journal-checkout .dc-checkout-billing-title{margin:2px 0 12px;color:#282d2e;font-size:13px;font-weight:700}
.dc-journal-checkout .dc-checkout-customer-type{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 18px}
.dc-journal-checkout .dc-customer-type-btn{height:33px;border:1px solid #d8dcde;border-radius:0;background:#fafafa;color:#454a4b;font-size:12px;font-weight:600}
.dc-journal-checkout .dc-customer-type-btn.active{border-color:#f28232;background:#fffaf5;color:#f28232}
.dc-journal-checkout .dc-checkout-billing .section-register,.dc-journal-checkout .dc-checkout-billing .payment-address{margin:0;border:0;background:transparent}
.dc-journal-checkout .dc-checkout-billing .section-register .section-body,.dc-journal-checkout .dc-checkout-billing .payment-address .section-body{padding:0}
.dc-journal-checkout .dc-checkout-billing .payment-address .section-title{display:none}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-company,.dc-journal-checkout .dc-checkout-billing .payment-address .address-address-2,.dc-journal-checkout .dc-checkout-billing .payment-address .address-postcode,.dc-journal-checkout .dc-checkout-billing .payment-address .address-country{display:none!important}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-address-1{grid-column:1/-1}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-address-1 .form-control{min-height:80px;height:80px;resize:vertical}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-zone{order:1}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-city{order:2}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-neighborhood{order:3}
.dc-journal-checkout .dc-checkout-billing .payment-address .address-address-1{order:4}
.dc-journal-checkout .dc-corporate-field{display:none!important}
.dc-journal-checkout .dc-checkout-billing.is-corporate .payment-address .address-company{display:block!important;grid-column:1/-1;order:4}
.dc-journal-checkout .dc-checkout-billing.is-corporate .dc-corporate-field{display:block!important}
.dc-journal-checkout .dc-checkout-billing.is-corporate .address-tax-number{order:5}
.dc-journal-checkout .dc-checkout-billing.is-corporate .address-tax-office{order:6}
.dc-journal-checkout .dc-checkout-billing.is-corporate .payment-address .address-address-1{order:7}
.dc-journal-checkout .payment-address .section-body>#addr-form-payment{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dc-journal-checkout .payment-address .section-body>#addr-form-payment>.form-group{display:block}
.dc-journal-checkout .shipping-address .address-company,.dc-journal-checkout .shipping-address .address-address-2,.dc-journal-checkout .shipping-address .address-postcode,.dc-journal-checkout .shipping-address .address-country{display:none!important}
.dc-journal-checkout .shipping-address .section-body>#addr-form-shipping{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.dc-journal-checkout .shipping-address .section-body>#addr-form-shipping>.form-group{display:block}
.dc-journal-checkout .shipping-address .address-zone{order:1}
.dc-journal-checkout .shipping-address .address-city{order:2}
.dc-journal-checkout .shipping-address .address-neighborhood{order:3}
.dc-journal-checkout .shipping-address .address-address-1{grid-column:1/-1;order:4}
.dc-journal-checkout .shipping-address .address-address-1 .form-control{min-height:80px;height:80px;resize:vertical}
.dc-journal-checkout .checkout-same-address{display:block;width:100%;margin:14px 0 0}
.dc-journal-checkout .checkout-same-address label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;cursor:pointer}
.dc-journal-checkout .payment-address .address-company,.dc-journal-checkout .payment-address .address-address-1,.dc-journal-checkout .payment-address .address-address-2{grid-column:1/-1}
.dc-journal-checkout .section-login{border-color:#e2e5e6;background:#fff}
.dc-journal-checkout .section-login .section-title{display:block;font-size:0;padding:0;border:0}
.dc-journal-checkout .login-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0!important}
.dc-journal-checkout .login-options .radio{box-sizing:border-box;margin:0;border:1px solid #dfe2e3;border-radius:2px;background:#fafafa}
.dc-journal-checkout .login-options #misafir,.dc-journal-checkout .login-options #girisyap,.dc-journal-checkout .login-options #kayitol{width:auto;margin:0}
.dc-journal-checkout .login-options label{display:flex;align-items:center;gap:5px;min-height:36px;margin:0;padding:0 6px;font-size:12px;cursor:pointer}
.dc-journal-checkout .login-options .aktifet{background-color:#fffaf5!important;border:1px solid #f28232!important}
.dc-journal-checkout .login-options .pasifet{background:#fafafa;border:1px solid #dfe2e3}
.dc-journal-checkout .login-form{margin-top:28px}
.dc-journal-checkout .login-form .form-group{margin:0 0 20px!important}
.dc-journal-checkout .dc-login-label-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.dc-journal-checkout .dc-login-label-row .control-label{margin:0}
.dc-journal-checkout .dc-login-label-row a{color:#282d2e;font-size:12px;font-weight:600;text-decoration:none}
.dc-journal-checkout .dc-password-control{position:relative}
.dc-journal-checkout .dc-password-control .form-control{padding-right:42px}
.dc-journal-checkout .dc-password-visibility{position:absolute;z-index:2;top:0;right:0;width:40px;height:38px;border:0;background:transparent!important;color:#282d2e!important;font-size:15px;line-height:38px;opacity:1!important}
.dc-journal-checkout .dc-password-visibility svg{display:block;width:18px;height:18px;margin:auto;fill:none;stroke:#282d2e!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dc-journal-checkout .login-form .buttons{margin-top:24px}
.dc-journal-checkout .login-form #button-login{width:100%;height:48px;border:0;border-radius:0;background:#f15a24;color:#fff;font-size:14px;font-weight:700}
.dc-journal-checkout .shipping-payment{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;border:0;background:transparent}
.dc-journal-checkout .shipping-payment .section-shipping,.dc-journal-checkout .shipping-payment .section-payment{border:1px solid #dfe2e3;background:#fff}
.dc-journal-checkout .shipping-payment .section-body{padding:10px}
.dc-journal-checkout .shipping-payment .radio{margin:0 0 7px}
.dc-journal-checkout .shipping-payment .radio:last-child{margin-bottom:0}
.dc-journal-checkout .shipping-payment label{display:flex;align-items:center;gap:7px;min-height:34px;margin:0;padding:7px 9px;border:1px solid #e1e4e5;background:#fafafa;font-size:12px;cursor:pointer}
.dc-journal-checkout .shipping-payment .shipping-quote-desc{display:none}
.dc-journal-checkout .cart-section .section-body{padding:12px}
.dc-journal-checkout .section-cvr{display:none}
.dc-journal-checkout .table{width:100%;margin:0;border-collapse:collapse;font-size:12px}
.dc-journal-checkout .table td{padding:10px 8px;border:1px solid #e1e4e5;vertical-align:middle}
.dc-journal-checkout .table thead td{font-size:10px;font-weight:700;text-transform:uppercase}
.dc-journal-checkout .table .img-thumbnail{max-width:48px;border:0}
.dc-journal-checkout .td-model{display:none}
.dc-journal-checkout .stepper{display:flex;align-items:center;border:1px solid #d8dcde;width:74px;height:30px}
.dc-journal-checkout .stepper button{display:flex;align-items:center;justify-content:center;width:22px;height:28px;padding:0;border:0;background:#f6f7f7;color:#282d2e;font-family:Arial,sans-serif;font-size:17px;font-weight:600;line-height:1;cursor:pointer}
.dc-journal-checkout .stepper input{width:28px;border:0;text-align:center;background:#fff}
.dc-journal-checkout .input-group-btn button{height:30px;margin-left:4px;border:0;border-radius:2px;background:#f15a24;color:#fff}
.dc-journal-checkout .cart-section .dc-qty{position:relative;display:flex;align-items:center;justify-content:flex-start;width:50px;height:36px;overflow:hidden;border:1px solid #f15a24;border-radius:4px;background:#fff}
.dc-journal-checkout .cart-section .dc-qty-input{display:block;width:45px;height:34px;margin:0;padding:0;border:0;background:#fff;color:#282d2e;text-align:center;font-size:13px;line-height:34px;appearance:textfield}
.dc-journal-checkout .cart-section .dc-qty-input{text-align:center!important;text-indent:0!important;vertical-align:middle}
.dc-journal-checkout .cart-section input.dc-qty-input{box-sizing:border-box!important;width:45px!important;height:34px!important;padding:0!important;line-height:34px!important;text-align:center!important;appearance:textfield;-webkit-appearance:none}
.dc-journal-checkout .cart-section .dc-qty-nav{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:19px;height:34px}
.dc-journal-checkout .cart-section .dc-qty-btn{display:flex;align-items:center;justify-content:center;width:19px;height:17px;padding:0;border:0;border-left:1px solid #f15a24;background:#f15a24;color:#fff;cursor:pointer}
.dc-journal-checkout .cart-section .dc-qty-btn svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dc-journal-checkout .cart-section .dc-cart-remove-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:5px;padding:0;border:0;border-radius:4px;background:#f15a24;color:#fff;font-size:24px;font-weight:300;line-height:1;cursor:pointer}
.dc-journal-checkout .cart-section .input-group.btn-block{display:flex;align-items:center;flex-wrap:nowrap;max-width:none!important;width:max-content}
.dc-journal-checkout .cart-section .input-group-btn{display:block;vertical-align:middle}
.dc-journal-checkout .cart-section .td-image img{display:block;width:64px;height:78px;object-fit:contain;margin:auto}
.dc-journal-checkout .cart-section tfoot td{border:0;padding:7px 8px}
.dc-journal-checkout .cart-section .section-body>table:last-child{border:1px solid #e1e4e5;margin-top:8px;background:#fff;text-align:right}
.dc-journal-checkout .cart-section tfoot td:last-child{width:130px;white-space:nowrap;text-align:right}
.dc-journal-checkout .confirm-section .section-body{padding:14px 16px}
.dc-journal-checkout .confirm-section .checkbox{margin:8px 0;font-size:12px}
.dc-journal-checkout .confirm-buttons{margin-top:14px;text-align:right}
.dc-journal-checkout #quick-checkout-button-confirm{width:100%;min-height:44px;border:0;border-radius:2px;background:#f15a24;color:#fff;font-size:13px;font-weight:700}
.dc-journal-checkout #quick-checkout-button-confirm span:empty::after{content:'Ödeme Yap →'}
.dc-journal-checkout .checkout-payment-details{display:none}
.dc-journal-checkout .journal-loading-overlay{position:absolute;inset:0;z-index:3;background:rgba(255,255,255,.75)}

/* Eski OpenCart carousel okları FontAwesome'a bağlıydı. DavisClass'ta font
   yüklenmediği için işaretler boş kalıyordu; font bağımsız oklar kullanılır. */
.carousel.swiper-viewport .swiper-button-prev,
.carousel.swiper-viewport .swiper-button-next,
.slideshow.swiper-viewport .swiper-button-prev,
.slideshow.swiper-viewport .swiper-button-next{
  position:absolute!important;
  top:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:36px!important;
  height:36px!important;
  opacity:1!important;
  border:1px solid rgba(0,0,0,.14);
  border-radius:50%;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  color:#282d2e!important;
  text-shadow:none!important;
  cursor:pointer;
}
.carousel.swiper-viewport .swiper-button-prev,
.slideshow.swiper-viewport .swiper-button-prev{left:10px!important}
.carousel.swiper-viewport .swiper-button-next,
.slideshow.swiper-viewport .swiper-button-next{right:10px!important}
.carousel.swiper-viewport .swiper-button-prev::before,
.slideshow.swiper-viewport .swiper-button-prev::before,
.carousel.swiper-viewport .swiper-button-next::before,
.slideshow.swiper-viewport .swiper-button-next::before{
  width:auto!important;
  height:auto!important;
  font-family:Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:300;
  line-height:1;
  color:currentColor!important;
}
.carousel.swiper-viewport .swiper-button-prev::before,
.slideshow.swiper-viewport .swiper-button-prev::before{content:"‹"!important}
.carousel.swiper-viewport .swiper-button-next::before,
.slideshow.swiper-viewport .swiper-button-next::before{content:"›"!important}
.carousel.swiper-viewport .swiper-button-prev:hover,
.carousel.swiper-viewport .swiper-button-next:hover,
.slideshow.swiper-viewport .swiper-button-prev:hover,
.slideshow.swiper-viewport .swiper-button-next:hover{background:var(--dc-primary)!important;border-color:var(--dc-primary);color:#fff!important}

/* Ana sayfa slaytında mobilde oklar yerine kaydırma ve noktalar kullanılır. */
@media (max-width: 767px){
  .slideshow.swiper-viewport .swiper-pager{display:none!important}
}

/* Ürün açıklaması / özellikler / yorumlar akordeonu */
.dc-product-accordion{border:1px solid #dfe2e3!important;border-radius:0!important;background:#fff}
.dc-product-accordion .dc-accordion-item+.dc-accordion-item{border-top:1px solid #dfe2e3}
.dc-product-accordion .dc-accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:15px 20px;border:0;background:#fff;color:#282d2e;font:600 14px/1.35 var(--dc-font-body);text-align:left;cursor:pointer}
.dc-product-accordion .dc-accordion-toggle::after{content:"";width:9px;height:9px;margin-left:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}
.dc-product-accordion .dc-accordion-item.is-open .dc-accordion-toggle::after{transform:rotate(225deg) translateY(-1px)}
.dc-product-accordion .dc-tab-content{display:none!important;padding:22px 28px 26px!important;border-top:1px solid #dfe2e3}
.dc-product-accordion .dc-accordion-item.is-open .dc-tab-content{display:block!important}
.dc-product-accordion .dc-product-description{color:#454a4b;font-size:14px;line-height:1.75}
.dc-product-accordion .dc-product-description>:first-child{margin-top:0}.dc-product-accordion .dc-product-description>:last-child{margin-bottom:0}
@media(max-width:767px){.dc-product-accordion .dc-accordion-toggle{min-height:48px;padding:14px 15px;font-size:13px}.dc-product-accordion .dc-tab-content{padding:18px 15px 22px!important}}

/* Ürün başlığı / kodu / değerlendirme özeti */
.dc-product-summary{padding:20px 20px 0;border:1px solid #dfe2e3;background:#fff}
.dc-product-summary .dc-product-detail-name{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid #dfe2e3;color:#303435;font-family:var(--dc-font-body)!important;font-size:23px!important;font-weight:500!important;line-height:1.3}
.dc-product-summary .dc-product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 15px;color:#596061;font-size:13px}
.dc-product-summary .dc-product-meta-item{display:flex;gap:6px;align-items:center}.dc-product-summary .dc-product-meta-label{font-weight:600;color:#282d2e}
.dc-product-review-summary{display:flex;align-items:center;gap:10px;min-height:38px;margin:0 -20px;padding:0 20px;border-top:1px solid #dfe2e3;color:#596061;font-size:13px;text-decoration:none}
.dc-product-review-summary strong{color:#282d2e;font-size:14px}.dc-product-review-stars{color:#f5aa19;font-size:18px;letter-spacing:1px;line-height:1}.dc-product-review-summary:hover{color:#282d2e}.dc-product-review-summary:hover .dc-product-review-stars{color:#ea9410}
@media(max-width:767px){.dc-product-summary{padding:16px 15px 0}.dc-product-summary .dc-product-detail-name{margin-bottom:12px;padding-bottom:12px;font-size:19px!important}.dc-product-summary .dc-product-meta{gap:7px 13px;margin-bottom:12px;font-size:12px}.dc-product-review-summary{margin:0 -15px;padding:0 15px}}

/* Koku notları: Word'den gelen satırları sade, kompakt bilgi kartına dönüştür */
.dc-scent-notes{margin:14px 0 0!important;padding:16px 18px!important;border:1px solid #dfe2e3!important;background:#fafbfb}
.dc-scent-notes h2{margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid #dfe2e3;color:#303435!important;font-family:var(--dc-font-body)!important;font-size:15px!important;font-weight:600!important}
.dc-scent-notes h2::after{display:none!important}
.dc-scent-notes-content{max-height:none!important;overflow:visible!important;color:#596061!important;font-size:13px!important;line-height:1.55!important}
.dc-scent-notes-content p{margin:0 0 6px!important;color:#596061!important;font-family:var(--dc-font-body)!important;font-size:13px!important;line-height:1.55!important}
.dc-scent-notes-content p:empty{display:none!important}
.dc-scent-notes-content p:has(b){display:flex;align-items:baseline;gap:8px}
.dc-scent-notes-content p:has(b) b{flex:0 0 82px;color:#303435;font-weight:600}
.dc-scent-notes-content p:has(b) b span,.dc-scent-notes-content p span{font:inherit!important;color:inherit!important;background:none!important}
.dc-scent-notes-content p:not(:has(b)){margin-top:11px!important;padding-top:11px;border-top:1px solid #e5e7e8}
@media(max-width:767px){.dc-scent-notes{padding:14px 15px!important}.dc-scent-notes-content p:has(b) b{flex-basis:76px}}

/* Fiyat alanı ürün özeti ve koku notlarıyla aynı kart dilinde */
.dc-product-detail-price-wrap{display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:10px!important;margin:14px 0 10px!important;padding:16px 18px!important;border:1px solid #dfe2e3!important;background:#fff}
.dc-product-detail-price-wrap::before{content:"Fiyat";margin-right:auto;color:#303435;font-size:15px;font-weight:600}
.dc-product-detail-price{font-family:Arial,Helvetica,sans-serif!important;font-size:21px!important;font-weight:700!important;letter-spacing:.1px;color:#111!important}.dc-product-detail-price-old{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;color:#7b8283!important}
.dc-product-detail-price-wrap>div[style]{width:100%;margin:2px 0 0!important;text-align:right}
@media(max-width:767px){.dc-product-detail-price-wrap{margin-top:12px!important;padding:14px 15px!important}.dc-product-detail-price{font-size:20px!important}}

/* Ürün açıklaması, koku notlarındaki okunabilir satır düzenini kullanır */
.dc-product-accordion .dc-product-description{max-height:none!important;overflow:visible!important;color:#596061!important;font-family:var(--dc-font-body)!important;font-size:13px!important;line-height:1.55!important}
.dc-product-accordion .dc-product-description p{margin:0 0 6px!important;color:#596061!important;font-family:var(--dc-font-body)!important;font-size:13px!important;line-height:1.55!important}
.dc-product-accordion .dc-product-description p:empty{display:none!important}
.dc-product-accordion .dc-product-description p:has(b){display:flex;align-items:baseline;gap:8px}
.dc-product-accordion .dc-product-description p:has(b) b{flex:0 0 82px;color:#303435;font-weight:600}
.dc-product-accordion .dc-product-description p:has(b) b span,.dc-product-accordion .dc-product-description p span{font:inherit!important;color:inherit!important;background:none!important}
.dc-product-accordion .dc-product-description p:not(:has(b)){margin-top:11px!important;padding-top:11px;border-top:1px solid #e5e7e8}
@media(max-width:767px){.dc-product-accordion .dc-product-description p:has(b) b{flex-basis:76px}}

/* Mobil arama çubuğu sayfa akışında kalınca Safari odak kaydırmasında headerın
   altında kesilebiliyordu. Headerın altında kendi katmanında açılır. */
@media (max-width:1199px){
  .dc-mobile-search-bar{
    position:fixed!important;
    top:var(--dc-mobile-header-height)!important;
    left:0!important;
    right:0!important;
    z-index:10020!important;
    max-height:calc(100dvh - var(--dc-mobile-header-height));
    overflow-y:auto;
    box-sizing:border-box;
    box-shadow:0 8px 18px rgba(20,25,26,.12);
  }
  .dc-mobile-search-bar .dc-mobile-search-form{position:relative;z-index:1;}
}