/* Gardaşlık teması: katalog (kategori/arama/ürün detayı, ürün kartı, carousel, sayfalama, breadcrumb) */

/* ---------- Ürün kartı ---------- */
.product-card.card {
  background: linear-gradient(180deg, #17191d, #1d2026) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
  color: #fff !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.product-card.card:hover {
  transform: translateY(-4px);
  border-color: rgba(227, 0, 0, .55) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .45), 0 0 0 1px rgba(227, 0, 0, .25), 0 0 28px rgba(227, 0, 0, .18);
}
.product-card .card-img-top {
  background: #eceef2;
  border-radius: 12px;
  overflow: hidden;
  padding: 6px;
}
.product-card .card-img-top img { mix-blend-mode: multiply; border-radius: 8px; }
.product-card .card-body { padding: 12px 2px 2px !important; display: flex; flex-direction: column; flex: 1 1 auto; }
.product-card .product-name {
  height: auto !important;
  min-height: 40px;
  margin: 0 0 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-card .product-name a,
.product-card .product-name .text-gray-dark { color: #fff !important; text-decoration: none; }
.product-card .product-name a:hover { color: #ff5a5a !important; }
.product-card .product-name br { display: none; }
.product-card .product-price-add-to-cart { margin-top: auto; height: auto !important; line-height: 1.3 !important; }
.product-card .product-price { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.product-card .sellingPrice { font-size: 19px !important; color: #fff; letter-spacing: -.2px; }
.product-card .sellingPrice::first-letter { color: #ff3b3b; }
.product-card .product-oldprice { display: block; font-size: 12px; font-weight: 400; color: #8b91a0; text-decoration: line-through; line-height: 1.1; }
.product-card .product-rating { font-size: 12px !important; color: #c7ccd6; background: rgba(255, 255, 255, .06); border-radius: 999px; padding: 3px 8px; }
.product-card .add-to-cart { display: block !important; }
.product-card .btn-oyp-cart {
  display: block;
  background: linear-gradient(135deg, #e30000, #b70000) !important;
  color: #fff !important;
  border-radius: 12px !important;
  height: 42px;
  line-height: 42px;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .3px;
  box-shadow: 0 10px 22px rgba(227, 0, 0, .25);
  transition: transform .2s ease, filter .2s ease;
}
.product-card .btn-oyp-cart:hover { transform: translateY(-2px); filter: brightness(1.1); }
.product-card .btn-oyp-cart:active,
.product-card .btn-oyp-cart:focus { background: linear-gradient(135deg, #e30000, #b70000) !important; color: #fff !important; }
.product-card .btn-product-favorite {
  display: inline-flex !important;
  right: 20px !important;
  top: 20px !important;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
}
.product-card .btn-product-favorite img { width: 30px; height: 30px; }
.product-card .discount-badge {
  position: absolute; left: 20px; top: 20px; z-index: 2;
  background: linear-gradient(135deg, #e30000, #b70000); color: #fff;
  font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 999px;
  box-shadow: 0 6px 14px rgba(227, 0, 0, .35);
}

/* ---------- Carousel (ana sayfa + ürün detayı) ---------- */
.product-carousel .item { padding: 4px 2px 10px; height: 100%; }
.owl-carousel .owl-stage { display: flex; }
.owl-carousel .owl-item { display: flex; }
.owl-carousel .owl-item .item { width: 100%; }
.owl-carousel .owl-item .item .product-card { height: 100%; }
a[id$="-prev-btn"], a[id$="-next-btn"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1d2026;
  border: 1px solid rgba(255, 255, 255, .1);
  vertical-align: middle;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
a[id$="-prev-btn"]:hover, a[id$="-next-btn"]:hover { background: #e30000; border-color: #e30000; transform: translateY(-2px); }
a[id$="-prev-btn"] img, a[id$="-next-btn"] img { width: 44px; height: 44px; border-radius: 50%; }
.owl-theme .owl-nav [class*=owl-] { background: #1d2026 !important; color: #fff !important; border-radius: 50%; }
.owl-theme .owl-nav [class*=owl-]:hover { background: #e30000 !important; }
.owl-theme .owl-dots .owl-dot span { background: rgba(255, 255, 255, .25); }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #e30000; }
main h2 { color: #fff; }

/* ---------- Sayfalama ---------- */
.modern-pagination .minimal-pager { gap: 8px; flex-wrap: wrap; }
.modern-pagination .pager-btn,
.modern-pagination .pager-current {
  background: #17191d !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  color: #c7ccd6 !important;
  border-radius: 999px !important;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.modern-pagination a.pager-btn:hover,
.modern-pagination a.pager-current:hover { background: #22252c !important; border-color: rgba(227, 0, 0, .6) !important; color: #fff !important; transform: translateY(-2px); }
.modern-pagination span.pager-current {
  background: linear-gradient(135deg, #e30000, #b70000) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(227, 0, 0, .3);
}

/* ---------- Breadcrumb ---------- */
.breadcrumb { --bs-breadcrumb-divider-color: #6c7280; margin-bottom: 14px; flex-wrap: wrap; }
.breadcrumb, .breadcrumb a { color: #9aa1b0; font-size: 13px; text-decoration: none; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb-item + .breadcrumb-item::before { color: #6c7280; }
.breadcrumb-item.active { color: #ff4d4d; }

/* ---------- Kategori / arama sayfası ---------- */
#page-products h1 { color: #fff; font-weight: 800; letter-spacing: -.3px; font-size: 30px; margin: 0; }
#page-products .category-header__logo .border {
  background: #eceef2 !important; border-color: rgba(255, 255, 255, .1) !important; border-radius: 14px !important; overflow: hidden;
}
#page-products .view-toggle { color: #6c7280; cursor: pointer; transition: color .2s ease; }
#page-products .view-toggle:hover, #page-products .view-toggle.active { color: #e30000; }
#page-products .mobile-sort .form-select,
#page-products .form-select-oyp {
  background-color: #17191d !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 14px !important; height: 50px;
}
#page-products #frmCategorySearch .input-group {
  background: #17191d !important; border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px !important; overflow: hidden; flex-wrap: nowrap;
}
#page-products #frmCategorySearch .input-group-text,
#page-products #frmCategorySearch .form-control { background: transparent !important; border: 0 !important; color: #fff !important; box-shadow: none !important; }
#page-products #frmCategorySearch .btn-oyp { border-radius: 0 !important; padding: 0 26px; font-weight: 800; box-shadow: none; }
#page-products .mobile-filter .btn-oyp { border-radius: 14px; height: 50px; font-weight: 800; }
#page-products .filters-container {
  background: linear-gradient(180deg, #17191d, #1d2026) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
  color: #fff;
}
#page-products .filters-container h4,
#page-products .filters-container h4 a { color: #ff3b3b !important; }
#page-products .filters-container h6 { color: #fff !important; }
#page-products .filters-container .nav-link,
#page-products .filters-container a { color: #c7ccd6 !important; }
#page-products .filters-container .nav-link:hover,
#page-products .filters-container a:hover { color: #fff !important; }
#page-products .filters-container .nav-link.active { color: #ff4d4d !important; background: rgba(227, 0, 0, .12); border-radius: 10px; }
#page-products .filters-container hr { border-color: rgba(255, 255, 255, .1); opacity: 1; }
#page-products .filters-container .badge { background: #2a2e37 !important; color: #c7ccd6 !important; }
#page-products .filters-container .form-check-input { background-color: #0e0f12; border-color: rgba(255, 255, 255, .25); }
#page-products .filters-container .form-check-input:checked { background-color: #e30000; border-color: #e30000; }
#page-products .filters-container .form-check-label { color: #c7ccd6; }
#offcanvasFilters { background: #111214 !important; color: #fff; }
#offcanvasFilters .filters-container { background: transparent !important; border: 0 !important; box-shadow: none; }
#offcanvasFilters .btn-close { filter: invert(1); }

/* ---------- Ürün detay ---------- */
#product-detail h1, #product-detail h2 { color: #fff !important; }
#product-detail h1 { font-size: 24px; font-weight: 800; line-height: 1.35; letter-spacing: -.2px; }
#product-detail h2 { font-size: 26px; margin: 34px 0 20px; }
#product-detail .product-images-container .item {
  background: linear-gradient(180deg, #17191d, #1d2026);
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
  padding: 14px !important;
}
#product-detail .product-images-container .item a { display: block; background: #eceef2; border-radius: 14px; overflow: hidden; }
#product-detail .product-images-container .item img.object-fit-contain { mix-blend-mode: multiply; }
#product-detail .product-images-container .item > .position-absolute { z-index: 2; }
#product-detail .border-end, .product-info-box { border-color: rgba(255, 255, 255, .08) !important; }
#product-detail hr { border-color: rgba(255, 255, 255, .12); opacity: 1; }
#product-detail .product-info-box .row.g-2 { color: #c7ccd6; font-size: 14px; padding: 3px 0; }
#product-detail .product-info-box a { color: #ff5a5a; text-decoration: none; }
#product-detail .product-info-box a.text-dark { color: #fff !important; }
#product-detail .img-icon { border-radius: 50%; }
.dvShippingTime {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 14px !important;
  color: #c7ccd6;
  height: auto !important;
  min-height: 50px;
}
.dvShippingTime span, .dvShippingTime .text-dark { color: #c7ccd6 !important; }
.dvShippingTime b, .dvShippingTime strong { color: #fff; }
.dvOnlineExpress, .dvSelf, .dvOnlineKurye { border-radius: 14px !important; }
/* Fiyat / satın alma kutusu */
#product-detail .col-lg > .px-3 {
  background: linear-gradient(180deg, #17191d, #1d2026);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
  padding: 18px 20px !important;
}
#product-detail .col-lg > .px-3 .list-group { margin-bottom: 0 !important; }
#product-detail .list-group-item { background: transparent !important; color: #c7ccd6 !important; border-color: rgba(255, 255, 255, .08) !important; }
#product-detail .list-group-item a, #product-detail .list-group-item .text-dark { color: #fff !important; }
#product-detail .list-group-item strong { color: #fff; }
#product-detail .dvBrandImgBox { background: #eceef2 !important; border-color: transparent !important; border-radius: 14px !important; }
#product-detail .dvBrandTextBox, #product-detail #dvBrandBox { color: #c7ccd6 !important; }
#product-detail .dvBrandTextBox a { color: #ff5a5a !important; }
#product-detail #product-price-container .product-price { color: #fff !important; font-size: 30px !important; font-weight: 800; letter-spacing: -.5px; }
#product-detail #product-price-container .product-price::first-letter { color: #ff3b3b; }
#product-detail .product-discount-price, #product-detail .text-decoration-line-through { color: #8b91a0 !important; }
.number-spinner {
  background: #0e0f12 !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 14px !important;
  overflow: hidden;
  height: 50px !important;
}
.number-spinner input, .number-spinner #inpQuantity {
  background: transparent !important; color: #fff !important; border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, .1) !important; border-right: 1px solid rgba(255, 255, 255, .1) !important;
  margin-top: 13px !important;
}
.number-spinner a { color: #fff !important; }
.number-spinner a:hover { color: #ff3b3b !important; }
#btnProductBuy {
  background: linear-gradient(135deg, #e30000, #b70000) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(227, 0, 0, .3);
  transition: transform .2s ease, filter .2s ease;
}
#btnProductBuy:hover { transform: translateY(-2px); filter: brightness(1.1); }
#btnProductNoStock { border-radius: 14px !important; }
#dvShareThis { color: #fff; }
.a2a_kit a { background: #1d2026; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px !important; }
.a2a_kit a:hover { background: #e30000; border-color: #e30000; }
.product-bottom-bar { background: #111214 !important; border-top: 1px solid rgba(255, 255, 255, .1) !important; color: #fff; }

/* Sekmeler */
#product-detail-tabs { border-bottom: 1px solid rgba(255, 255, 255, .1); gap: 4px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; }
#product-detail-tabs::-webkit-scrollbar { display: none; }
#product-detail-tabs .nav-link {
  color: #c7ccd6 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 12px 12px 0 0;
  font-weight: 700;
  padding: 12px 18px;
}
#product-detail-tabs .nav-link:hover { color: #fff !important; }
#product-detail-tabs .nav-link.active {
  color: #fff !important;
  background: rgba(227, 0, 0, .12) !important;
  border-bottom-color: #e30000 !important;
}
#product-detail .tab-content { color: #c7ccd6; padding: 6px 0 10px; }
#product-detail .tab-content table { color: #c7ccd6; --bs-table-color: #c7ccd6; --bs-table-bg: transparent; --bs-table-border-color: rgba(255, 255, 255, .08); }
#product-detail .tab-content table td, #product-detail .tab-content table th { border-color: rgba(255, 255, 255, .08) !important; background: transparent !important; color: #c7ccd6; }
#product-detail .tab-content table tr:nth-child(even) td { background: rgba(255, 255, 255, .03) !important; }
#product-detail .tab-content .spinner-border { color: #e30000 !important; }

@media (max-width: 768px) {
  #page-products h1 { font-size: 24px; }
  #product-detail h1 { font-size: 20px; }
  #product-detail h2 { font-size: 22px; }
  #product-detail .col-lg > .px-3 { margin-top: 18px; }
  .product-card.card { padding: 8px !important; border-radius: 16px !important; }
  .product-card .product-name { font-size: 12.5px !important; }
  .product-card .sellingPrice { font-size: 16px !important; }
  .product-card .btn-oyp-cart { height: 38px; line-height: 38px; font-size: 12px !important; }
  .product-card .btn-product-favorite { right: 14px !important; top: 14px !important; }
  .product-card .discount-badge { left: 14px; top: 14px; }
}

.similar-products-section { margin-top: 30px; padding-bottom: 30px; }
.similar-products-section h2 { color: #fff; font-size: 26px; font-weight: 800; }
.dvSelf, .dvOnlineExpress, .dvOnlineKurye { background: rgba(37, 211, 102, .08) !important; border-color: rgba(37, 211, 102, .5) !important; }
.dvSelf *, .dvOnlineExpress *, .dvOnlineKurye * { color: #7dffa8 !important; }