/* Powertech — sayfa arka plan desenleri ve kategori sıralama */

/* Ürün detay — #main beyaz zemin + buz mavisi çizgi deseni */
body#product {
  background-color: #fff;
}

body#product #wrapper,
body#product #content-wrapper,
body#product #content-wrapper .container {
  background: transparent;
}

body#product #main {
  background-color: #fff;
  padding: 28px 18px 48px;
  position: relative;
}

body#product #main::before {
  background-image: url("../img/product-main-pattern.svg");
  background-repeat: repeat;
  background-size: 120px 120px;
  content: "";
  inset: 0;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

body#product #main > .col-md-6:first-child {
  position: relative;
  z-index: 0;
}

body#product #main > .right_pb_product {
  position: relative;
  z-index: 2;
}

body#product .product-information {
  position: relative;
  z-index: 2;
}

body#product .product-actions {
  clear: both;
  isolation: isolate;
  margin-bottom: 1rem;
  position: relative;
  z-index: 10;
}

body#product .product-add-to-cart {
  display: flex;
  flex-direction: column;
  float: none;
  width: 100%;
}

body#product .product-add-to-cart > .control-label {
  margin-bottom: 8px;
}

body#product .product-quantity {
  display: flex;
  flex-direction: column;
  float: none;
  margin-right: 0;
  width: 100%;
}

body#product .product-quantity .qty {
  float: none;
  margin-bottom: 12px;
  margin-right: 0;
  width: 68px;
}

body#product .product-quantity .add {
  float: none;
  max-width: 100%;
  width: 100%;
}

body#product .product-actions .btn-whatsapp-order,
body#product .product-actions .add-to-cart {
  pointer-events: auto;
  position: relative;
  z-index: 11;
}

body#product .right_pb_product .product-tabs-inline {
  clear: both;
  float: none;
  margin-top: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 1;
}

body#product .right_pb_product .product-tabs-inline .tab-content {
  pointer-events: none;
}

body#product .right_pb_product .product-tabs-inline .tab-content a,
body#product .right_pb_product .product-tabs-inline .tab-content button,
body#product .right_pb_product .product-tabs-inline .tab-content input,
body#product .right_pb_product .product-tabs-inline .tab-content select,
body#product .right_pb_product .product-tabs-inline .tab-content textarea,
body#product .right_pb_product .product-tabs-inline .tab-content label {
  pointer-events: auto;
}

body#product > main {
  position: relative;
  z-index: 1;
}

/* Sırala — etiket solda, kutu sağında */
.sort-by-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  margin-left: auto;
}

.sort-by-wrapper .products-sort-order {
  flex: 0 1 240px;
  max-width: 280px;
  min-width: 180px;
  order: 1;
}

.sort-by-wrapper .products-sort-order .select-title {
  width: 100%;
}

.sort-by-wrapper .products-sort-order .dropdown-menu {
  width: 100%;
  min-width: 180px;
}

/* Sıralama kutusu — marka mavisi zemin, beyaz yazı */
.products-sort-order {
  color: #fff !important;
}

.products-sort-order .select-title {
  background-color: var(--pt-brand-blue) !important;
  border: 1px solid var(--pt-brand-blue-dark) !important;
  border-radius: 4px;
  color: #fff !important;
}

.products-sort-order .select-title .material-icons {
  color: #fff !important;
}

.products-sort-order .dropdown-menu {
  background-color: var(--pt-brand-blue) !important;
  border: 1px solid var(--pt-brand-blue-dark) !important;
  border-radius: 0 0 4px 4px;
  margin: 0;
  padding: 0;
}

.products-sort-order .select-list {
  background-color: var(--pt-brand-blue) !important;
  color: #fff !important;
}

.products-sort-order .select-list:hover,
.products-sort-order .select-list.current {
  background-color: var(--pt-brand-blue-dark) !important;
  color: #fff !important;
  text-decoration: none;
}

.products-selection .sort-by {
  color: var(--pt-brand-blue);
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0;
  order: 0;
  padding: 0;
  text-align: left;
  white-space: nowrap;
}

.sort-by-row {
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .sort-by-wrapper {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }

  .sort-by-wrapper .products-sort-order {
    flex: 1 1 auto;
    max-width: calc(100% - 70px);
    min-width: 140px;
  }

  .products-selection .sort-by {
    font-size: 14px;
  }
}