/*
 File: wp-content/mu-plugins/custom.css
 Purpose: Tekil ürün sol sidebar + CTA + widget + form stilleri
*/


/* =========================================================
   1) SIDEBAR GENEL RİTİM
   ========================================================= */

#secondary {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

#secondary .widget {
  margin-bottom: 20 !important;
}


/* =========================================================
   2) STANDART WIDGET KARTLARI
   Arama, kategori, teklif formu gibi normal widgetlar
   ========================================================= */

#secondary .widget,
.woocommerce .widget-area .widget,
.woocommerce .sidebar .widget,
.site-sidebar .widget,
aside.widget-area .widget {
  background: #ffffff;
  border: 1px solid rgba(14, 21, 35, 0.08);
  padding: 18px;
  margin: 0 0 18px;
  box-shadow: 0 8px 24px rgba(14, 21, 35, 0.055);
}

#secondary .widget {
  margin-bottom: 20 !important;
}


/* =========================================================
   3) WIDGET BAŞLIKLARI
   ========================================================= */

#secondary .widget-title,
#secondary .widget_block > h2,
#secondary .widget_block > h3,
#secondary .widget > h2,
#secondary .widget > h3 {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #09264b;
}

#secondary .widget-title::before,
#secondary .widget-title::after,
#secondary .widget_block > h2::before,
#secondary .widget_block > h2::after,
#secondary .widget_block > h3::before,
#secondary .widget_block > h3::after {
  display: none !important;
}


/* =========================================================
   4) ARAMA WIDGET
   ========================================================= */

#secondary .widget_product_search form,
#secondary .woocommerce-product-search,
#secondary .widget_search form,
#secondary .search-form {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

#secondary .widget_product_search .search-field,
#secondary .woocommerce-product-search .search-field,
#secondary .widget_search .search-field,
#secondary .search-form .search-field {
  flex: 1;
  min-width: 0;
  height: 42px;
  border: 1px solid #d7dde6;
  background: #ffffff;
  padding: 8px 12px;
  font-size: 14px;
  color: #1f2933;
  outline: none;
}

#secondary .widget_product_search .search-field:focus,
#secondary .woocommerce-product-search .search-field:focus,
#secondary .widget_search .search-field:focus,
#secondary .search-form .search-field:focus {
  border-color: #c8a24d;
  box-shadow: 0 0 0 3px rgba(200, 162, 77, 0.16);
}

#secondary .widget_product_search button,
#secondary .woocommerce-product-search button,
#secondary .widget_search button,
#secondary .search-form button {
  height: 42px;
  min-width: 58px;
  border: 1px solid #2f3338;
  background: #2f3338;
  color: #ffffff;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

#secondary .widget_product_search button:hover,
#secondary .woocommerce-product-search button:hover,
#secondary .widget_search button:hover,
#secondary .search-form button:hover {
  background: #111827;
  border-color: #111827;
}


/* =========================================================
   5) KATEGORİ WIDGET
   ========================================================= */

#secondary .widget_product_categories ul,
#secondary .widget_categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#secondary .widget_product_categories li,
#secondary .widget_categories li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#secondary .widget_product_categories li + li,
#secondary .widget_categories li + li {
  margin-top: 6px;
}

#secondary .widget_product_categories a,
#secondary .widget_categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 9px 12px;
  background: #f7f8fa;
  border: 1px solid rgba(14, 21, 35, 0.06);
  color: #09264b;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.35;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

#secondary .widget_product_categories a:hover,
#secondary .widget_categories a:hover {
  background: #fff8e8;
  border-color: rgba(200, 162, 77, 0.45);
  transform: translateX(2px);
}

#secondary .widget_product_categories .count,
#secondary .widget_categories .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(14, 21, 35, 0.08);
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}


/* =========================================================
   6) CTA PRO KARTLARI
   WhatsApp ve İletişim özel kart tasarımı
   ========================================================= */

.cta-pro {
  --accent-rgb: 46, 125, 50;
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px 16px 16px 16px;
  margin: 0 0 18px;
  background:
    radial-gradient(120px 120px at 100% -20%, rgba(var(--accent-rgb), 0.12), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
  border: 1px solid rgba(16, 24, 40, 0.08);
  border-radius: 16px;
  box-shadow:
    0 10px 24px rgba(16, 24, 40, 0.08),
    0 1px 0 rgba(16, 24, 40, 0.04) inset;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.cta-pro::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.92), rgba(var(--accent-rgb), 0.65));
}

.cta-pro:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(16, 24, 40, 0.14);
  border-color: rgba(16, 24, 40, 0.14);
}

.cta-pro__badge {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  background: rgba(var(--accent-rgb), 0.12);
  color: rgb(var(--accent-rgb));
  border: 1px solid rgba(var(--accent-rgb), 0.28);
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.cta-pro__icon {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background:
    radial-gradient(60px 60px at 30% 30%, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0.08) 60%, transparent 100%),
    #ffffff;
  color: rgb(var(--accent-rgb));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0 0 0 1px rgba(var(--accent-rgb), 0.35),
    0 8px 16px rgba(var(--accent-rgb), 0.22);
}

.cta-pro__icon svg {
  display: block;
}

.cta-pro__body {
  min-width: 0;
}

.cta-pro__title {
  margin: 14px 0 8px;
  font-size: 20px;
  line-height: 1.25;
  color: #0f172a;
  font-weight: 800;
  letter-spacing: 0.1px;
}

.cta-pro__text {
  margin: 0 0 12px;
  color: #475467;
  font-size: 14.5px;
  line-height: 1.6;
}

.cta-pro__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.16), rgba(var(--accent-rgb), 0.28));
  border: 0;
  color: #09264b !important;
  font-size: 13.5px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow:
    inset 0 -1px 0 rgba(0, 0, 0, 0.06),
    0 2px 6px rgba(var(--accent-rgb), 0.22);
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.cta-pro__btn:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.28), rgba(var(--accent-rgb), 0.40));
  color: #09264b !important;
}

.cta-pro__btn svg {
  transform: translateX(0);
  transition: transform 0.16s ease;
}

.cta-pro__btn:hover svg {
  transform: translateX(2px);
}

.cta-pro.cta--support {
  --accent-rgb: 212, 155, 40;
}

.cta-pro.cta--whatsapp {
  --accent-rgb: 37, 211, 102;
}


/* =========================================================
   7) CTA PRO DIŞ WIDGET TEMİZLEME
   Kart içinde kart görünümünü engeller.
   ========================================================= */

#secondary .widget.widget_block:has(.cta-pro),
#secondary .widget_block:has(.cta-pro) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

#secondary .widget_block:has(.cta-pro) .cta-pro {
  margin-bottom: 20px !important;
  width: 100%;
}


/* =========================================================
   8) DÜZ GUTENBERG CTA BLOKLARI
   ÖNEMLİ:
   .cta-pro içeren bloklara uygulanmaz.
   Bu sayede CTA badge ve buton stilleri bozulmaz.
   ========================================================= */

#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="wa.me"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="whatsapp"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="api.whatsapp.com"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="tel:"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="mailto:"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="iletisim"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="contact"]) {
  position: relative;
  overflow: hidden;
  padding: 20px 18px 18px !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  border-radius: 16px;
  background:
    radial-gradient(140px 120px at 100% -20%, rgba(37, 211, 102, 0.13), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f8fafb 100%) !important;
  box-shadow:
    0 12px 28px rgba(16, 24, 40, 0.085),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="wa.me"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="whatsapp"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="api.whatsapp.com"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="tel:"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="mailto:"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="iletisim"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="contact"])::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #25d366, rgba(37, 211, 102, 0.58));
}

#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="tel:"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="mailto:"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="iletisim"]),
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="contact"]) {
  background:
    radial-gradient(140px 120px at 100% -20%, rgba(200, 162, 77, 0.18), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f8fafb 100%) !important;
}

#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="tel:"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href^="mailto:"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="iletisim"])::before,
#secondary .widget.widget_block:not(:has(.cta-pro)):has(a[href*="contact"])::before {
  background: linear-gradient(180deg, #c8a24d, rgba(200, 162, 77, 0.62));
}


/* =========================================================
   9) TEKLİF FORMU / CONTACT FORM 7
   ========================================================= */

#secondary .widget:has(.wpcf7),
#secondary .widget:has(form.wpcf7-form),
#secondary .widget:has(.wpcf7-form-control),
#secondary .widget:has(textarea) {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  border: 1px solid rgba(14, 21, 35, 0.1);
  box-shadow: 0 10px 26px rgba(14, 21, 35, 0.06);
}

#secondary .wpcf7 form,
#secondary form.wpcf7-form {
  margin: 0;
}

#secondary .wpcf7 p {
  margin: 0 0 12px;
}

#secondary .wpcf7 label {
  display: block;
  margin-bottom: 7px;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

#secondary .wpcf7 input[type="text"],
#secondary .wpcf7 input[type="email"],
#secondary .wpcf7 input[type="tel"],
#secondary .wpcf7 input[type="number"],
#secondary .wpcf7 select,
#secondary .wpcf7 textarea,
#secondary form input[type="text"],
#secondary form input[type="email"],
#secondary form input[type="tel"],
#secondary form select,
#secondary form textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid #d7dde6;
  background: #ffffff;
  padding: 9px 11px;
  color: #1f2933;
  font-size: 14px;
  outline: none;
  box-shadow: none;
}

#secondary .wpcf7 textarea,
#secondary form textarea {
  min-height: 120px;
  resize: vertical;
}

#secondary .wpcf7 input:focus,
#secondary .wpcf7 select:focus,
#secondary .wpcf7 textarea:focus,
#secondary form input:focus,
#secondary form select:focus,
#secondary form textarea:focus {
  border-color: #c8a24d;
  box-shadow: 0 0 0 3px rgba(200, 162, 77, 0.15);
}

#secondary .wpcf7 input[type="submit"],
#secondary form input[type="submit"],
#secondary form button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
  border: 1px solid #d49b28;
  background: #d49b28;
  color: #ffffff;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

#secondary .wpcf7 input[type="submit"]:hover,
#secondary form input[type="submit"]:hover,
#secondary form button[type="submit"]:hover {
  background: #aa7700;
  border-color: #aa7700;
  transform: translateY(-1px);
}

#secondary .wpcf7 form .wpcf7-response-output {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-width: 1px;
  font-size: 13px;
}


/* =========================================================
   10) TEKİL ÜRÜN 2 KOLON DÜZENİ
   Sol: sidebar
   Sağ: tüm ürün içeriği
   ========================================================= */

@media (min-width: 992px) {
  body.single-product.sidebar-moved-left section.wrap-detail-page {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    column-gap: 28px !important;
    row-gap: 24px !important;
    align-items: start !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > #secondary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 96px !important;
    align-self: start !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > #secondary[class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > .row {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > .row > #primary,
  body.single-product.sidebar-moved-left section.wrap-detail-page > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.sidebar-moved-left .sidebar-origin-row {
    display: block !important;
    margin: 24px 0 0 !important;
  }

  body.single-product.sidebar-moved-left .sidebar-origin-row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.sidebar-moved-left .product-detail-wrapper,
  body.single-product.sidebar-moved-left .product-detail-wrapper .summary,
  body.single-product.sidebar-moved-left .product-detail-wrapper .woocommerce-product-gallery {
    min-width: 0 !important;
  }
}


/* =========================================================
   11) MOBİL DÜZEN
   Mobilde ürün önce, sidebar sonra gelir.
   ========================================================= */

@media (max-width: 991.98px) {
  body.single-product.sidebar-moved-left section.wrap-detail-page {
    display: flex !important;
    flex-direction: column !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > .row {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > #secondary {
    order: 2 !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    margin-top: 28px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.single-product.sidebar-moved-left section.wrap-detail-page > .row > #primary,
  body.single-product.sidebar-moved-left section.wrap-detail-page > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
  }

  #secondary {
    gap: 16px;
  }

  #secondary .widget,
  .woocommerce .widget-area .widget,
  .woocommerce .sidebar .widget,
  .site-sidebar .widget,
  aside.widget-area .widget {
    padding: 16px;
  }

  #secondary .widget.widget_block:has(.cta-pro) {
    padding: 0 !important;
  }

  #secondary .widget-title,
  #secondary .widget_block > h2,
  #secondary .widget_block > h3,
  #secondary .widget > h2,
  #secondary .widget > h3 {
    font-size: 20px;
  }

  .cta-pro {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 16px;
  }

  .cta-pro__icon {
    width: 56px;
    height: 56px;
  }

  .cta-pro__title {
    font-size: 18px;
  }

  .cta-pro__text {
    font-size: 13.5px;
  }
}


/* =========================================================
   SIDEBAR ARAMA INPUT GÖRÜNÜRLÜK DÜZELTMESİ
   WooCommerce ürün arama input alanını zorla görünür yapar
   ========================================================= */

#secondary .widget_product_search,
#secondary .widget_search {
  display: block !important;
}

/* Widget başlığı ayrı satırda kalsın */
#secondary .widget_product_search .widget-title,
#secondary .widget_search .widget-title,
#secondary .widget_product_search > h2,
#secondary .widget_search > h2,
#secondary .widget_product_search > h3,
#secondary .widget_search > h3 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}

/* Arama formunu input + buton şeklinde düzenle */
#secondary .widget_product_search form,
#secondary .woocommerce-product-search,
#secondary .widget_search form,
#secondary .search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Form içindeki label input'u sıkıştırmasın */
#secondary .widget_product_search form label,
#secondary .woocommerce-product-search label,
#secondary .widget_search form label,
#secondary .search-form label {
  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;
}

/* Input alanını zorla görünür yap */
#secondary .widget_product_search input[type="search"],
#secondary .woocommerce-product-search input[type="search"],
#secondary .widget_search input[type="search"],
#secondary .search-form input[type="search"],
#secondary .widget_product_search .search-field,
#secondary .woocommerce-product-search .search-field,
#secondary .widget_search .search-field,
#secondary .search-form .search-field {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;

  padding: 0 14px !important;
  margin: 0 !important;

  border: 1px solid #d7dde6 !important;
  background: #ffffff !important;
  color: #09264b !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  box-shadow: none !important;
  outline: none !important;

  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
}

/* Placeholder rengi */
#secondary .widget_product_search input[type="search"]::placeholder,
#secondary .woocommerce-product-search input[type="search"]::placeholder,
#secondary .widget_search input[type="search"]::placeholder,
#secondary .search-form input[type="search"]::placeholder {
  color: #8a94a6 !important;
  opacity: 1 !important;
}

/* Focus görünümü */
#secondary .widget_product_search input[type="search"]:focus,
#secondary .woocommerce-product-search input[type="search"]:focus,
#secondary .widget_search input[type="search"]:focus,
#secondary .search-form input[type="search"]:focus {
  border-color: #d9a021 !important;
  box-shadow: 0 0 0 3px rgba(217, 160, 33, 0.16) !important;
}

/* Arama butonu */
#secondary .widget_product_search button,
#secondary .woocommerce-product-search button,
#secondary .widget_search button,
#secondary .search-form button,
#secondary .widget_product_search input[type="submit"],
#secondary .woocommerce-product-search input[type="submit"],
#secondary .widget_search input[type="submit"],
#secondary .search-form input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;

  height: 44px !important;
  min-height: 44px !important;

  padding: 0 16px !important;
  margin: 0 !important;

  border: 1px solid #d9a021 !important;
  background: #d9a021 !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: none !important;
  text-align: center !important;
}

#secondary .widget_product_search button:hover,
#secondary .woocommerce-product-search button:hover,
#secondary .widget_search button:hover,
#secondary .search-form button:hover,
#secondary .widget_product_search input[type="submit"]:hover,
#secondary .woocommerce-product-search input[type="submit"]:hover,
#secondary .widget_search input[type="submit"]:hover,
#secondary .search-form input[type="submit"]:hover {
  background: #09264b !important;
  border-color: #09264b !important;
  color: #ffffff !important;
}

/* Çok dar mobil ekranlarda buton biraz küçülsün */
@media (max-width: 380px) {
  #secondary .widget_product_search form,
  #secondary .woocommerce-product-search,
  #secondary .widget_search form,
  #secondary .search-form {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    gap: 8px !important;
  }

  #secondary .widget_product_search button,
  #secondary .woocommerce-product-search button,
  #secondary .widget_search button,
  #secondary .search-form button,
  #secondary .widget_product_search input[type="submit"],
  #secondary .woocommerce-product-search input[type="submit"],
  #secondary .widget_search input[type="submit"],
  #secondary .search-form input[type="submit"] {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    padding: 0 10px !important;
  }
}


/* =========================================================
   SIDEBAR WP BLOCK HEADING TASARIMI
   ========================================================= */

#secondary .wp-block-heading,
#secondary .widget_block .wp-block-heading,
#secondary .widget h2.wp-block-heading {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;

  color: #09264b !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.045em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#secondary .wp-block-heading::before,
#secondary .wp-block-heading::after {
  content: "" !important;
  display: block !important;
  flex: 1 1 auto !important;
  max-width: 42px !important;
  height: 1px !important;
}

#secondary .wp-block-heading::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(200, 162, 77, 0.78)
  ) !important;
}

#secondary .wp-block-heading::after {
  background: linear-gradient(
    90deg,
    rgba(200, 162, 77, 0.78),
    transparent
  ) !important;
}



/* =========================================================
   HOMEPAGE ÜRÜN KATEGORİLERİ LİSTESİ
   ========================================================= */
   
  .home-product-categories .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

.home-product-categories .woocommerce ul.products li.product,
.home-product-categories .woocommerce-page ul.products li.product,
.home-product-categories ul.products li.product.product-category {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
}

@media (max-width: 1024px) {
  .home-product-categories .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .home-product-categories .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


   
/* =========================================================
   SIDEBAR ÜRÜN KATEGORİLERİ LİSTESİ
   ========================================================= */

#secondary .wp-block-woocommerce-product-categories,
#secondary .wc-block-product-categories {
  margin: 0 !important;
  padding: 0 !important;
}

#secondary .wc-block-product-categories-list,
#secondary .wp-block-woocommerce-product-categories ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#secondary .wc-block-product-categories-list-item,
#secondary .wp-block-woocommerce-product-categories li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#secondary .wc-block-product-categories-list-item + .wc-block-product-categories-list-item,
#secondary .wp-block-woocommerce-product-categories li + li {
  border-top: 1px solid rgba(9, 38, 75, 0.07) !important;
}

#secondary .wc-block-product-categories-list-item a,
#secondary .wp-block-woocommerce-product-categories li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 42px !important;
  padding: 11px 0 !important;

  color: #26384d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;

  transition: color 0.18s ease, padding-left 0.18s ease !important;
}

#secondary .wc-block-product-categories-list-item a:hover,
#secondary .wp-block-woocommerce-product-categories li a:hover {
  color: #d9a021 !important;
  padding-left: 4px !important;
}

#secondary .wc-block-product-categories-list-item-count,
#secondary .wp-block-woocommerce-product-categories .count {
  color: #09264b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  opacity: 0.85 !important;
}

/* =========================================================
   WOOCOMMERCE KATEGORİ SAYISI YAN YANA DÜZELTME
   .wc-block-product-categories-list-item__name
   .wc-block-product-categories-list-item-count
   ========================================================= */

#secondary .wc-block-product-categories-list-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;

  width: 100% !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kategori linki geniş alanı kaplasın */
#secondary .wc-block-product-categories-list-item > a {
  display: flex !important;
  align-items: center !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 42px) !important;

  padding: 11px 0 !important;
  margin: 0 !important;

  color: #26384d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Kategori adı tek satırda kalsın */
#secondary .wc-block-product-categories-list-item__name {
  display: block !important;
  min-width: 0 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Kategori sayısı linkin yanında sabit kalsın */
#secondary .wc-block-product-categories-list-item-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 24px !important;

  margin: 0 0 0 6px !important;
  padding: 0 !important;

  color: #09264b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
  opacity: 0.9 !important;
}

/* Sayı içindeki parantezli metin de yan yana kalsın */
#secondary .wc-block-product-categories-list-item-count span,
#secondary .wc-block-product-categories-list-item-count .screen-reader-text {
  white-space: nowrap !important;
}

/* Hover efekti */
#secondary .wc-block-product-categories-list-item > a:hover {
  color: #d9a021 !important;
  padding-left: 4px !important;
}

/* Satırlar arası çizgi düzeni */
#secondary .wc-block-product-categories-list-item + .wc-block-product-categories-list-item {
  border-top: 1px solid rgba(9, 38, 75, 0.07) !important;
}





/* =========================================================
   BREADCRUMB + ÜRÜN / KATEGORİ / ARŞİV BAŞLIĞI TASARIMI
   Kurumsal lacivert + altın görünüm
   ========================================================= */


/* =========================================================
   1) BREADCRUMB TASARIMI
   Örnek: Prefabrika Türkiye › ÜRÜNLER
   ========================================================= */

.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb,
nav.woocommerce-breadcrumb,
nav.breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 13px 18px !important;

  background:
    linear-gradient(135deg, rgba(9, 38, 75, 0.035), rgba(217, 160, 33, 0.045)),
    #f7f8fa !important;

  border: 1px solid rgba(9, 38, 75, 0.07) !important;
  border-left: 4px solid #d9a021 !important;
  border-radius: 0 !important;

  color: #09264b !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;

  box-shadow: 0 8px 22px rgba(9, 38, 75, 0.035) !important;
}

/* Rank Math breadcrumb içindeki p etiketi */
.rank-math-breadcrumb p {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Breadcrumb linkleri */
.woocommerce-breadcrumb a,
.breadcrumb a,
.breadcrumbs a,
.rank-math-breadcrumb a,
.yoast-breadcrumb a,
nav.woocommerce-breadcrumb a,
nav.breadcrumb a {
  color: #7b8492 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;

  transition: color 0.18s ease, opacity 0.18s ease !important;
}

/* Breadcrumb link hover */
.woocommerce-breadcrumb a:hover,
.breadcrumb a:hover,
.breadcrumbs a:hover,
.rank-math-breadcrumb a:hover,
.yoast-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:hover,
nav.breadcrumb a:hover {
  color: #d9a021 !important;
}

/* Breadcrumb mevcut sayfa / son öğe */
.woocommerce-breadcrumb,
.breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb,
.woocommerce-breadcrumb span:last-child,
.breadcrumb span:last-child,
.breadcrumbs span:last-child,
.rank-math-breadcrumb span:last-child,
.yoast-breadcrumb span:last-child {
  color: #09264b !important;
}

/* Breadcrumb ayraçları */
.woocommerce-breadcrumb .separator,
.breadcrumb .separator,
.breadcrumbs .separator,
.rank-math-breadcrumb .separator,
.yoast-breadcrumb .separator,
.woocommerce-breadcrumb .delimiter,
.breadcrumb .delimiter,
.breadcrumbs .delimiter {
  color: rgba(9, 38, 75, 0.42) !important;
  margin: 0 2px !important;
}

/* WooCommerce bazı temalarda ayraçları direkt span olarak basabilir */
.woocommerce-breadcrumb span,
.yoast-breadcrumb span {
  color: inherit !important;
}


/* =========================================================
   2) ÜRÜN / KATEGORİ / ARŞİV BAŞLIĞI TASARIMI
   Örnek: ÜRÜNLER, PREFABRİK EV MODELLERİ, BETON VİLLA
   ========================================================= */

.woocommerce-products-header__title,
.woocommerce .page-title,
.page-title,
.archive .page-title,
.tax-product_cat .page-title,
.post-type-archive-product .page-title,
.single-product .product_title,
.product_title.entry-title,
h1.product_title,
h1.entry-title {
  position: relative !important;
  display: inline-block !important;

  margin: 0 0 28px !important;
  padding: 0 0 15px !important;

  color: #09264b !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;

  font-family: inherit !important;
}

/* Başlık altındaki altın çizgi */
.woocommerce-products-header__title::after,
.woocommerce .page-title::after,
.page-title::after,
.archive .page-title::after,
.tax-product_cat .page-title::after,
.post-type-archive-product .page-title::after,
.single-product .product_title::after,
.product_title.entry-title::after,
h1.product_title::after,
h1.entry-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;

  width: 62px !important;
  height: 4px !important;

  background: linear-gradient(
    90deg,
    #d9a021 0%,
    rgba(217, 160, 33, 0.28) 100%
  ) !important;

  border-radius: 999px !important;
}

/* Başlık alt çizgisi yanındaki küçük altın nokta */
.woocommerce-products-header__title::before,
.woocommerce .page-title::before,
.page-title::before,
.archive .page-title::before,
.tax-product_cat .page-title::before,
.post-type-archive-product .page-title::before,
.single-product .product_title::before,
.product_title.entry-title::before,
h1.product_title::before,
h1.entry-title::before {
  content: "" !important;
  position: absolute !important;
  left: 72px !important;
  bottom: 1px !important;

  width: 8px !important;
  height: 8px !important;

  background: #d9a021 !important;
  border-radius: 999px !important;
  opacity: 0.9 !important;
}

/* Başlık kapsayıcı alanı */
.woocommerce-products-header,
.archive .page-header,
.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header {
  position: relative !important;

  margin: 0 0 24px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

/* Kategori / arşiv açıklaması varsa */
.woocommerce-products-header .term-description,
.tax-product_cat .term-description,
.archive .taxonomy-description {
  max-width: 760px !important;
  margin: -10px 0 24px !important;

  color: #596579 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.woocommerce-products-header .term-description p,
.tax-product_cat .term-description p,
.archive .taxonomy-description p {
  margin: 0 0 12px !important;
}


/* =========================================================
   3) MOBİL UYUM
   ========================================================= */

@media (max-width: 767.98px) {
  .woocommerce-breadcrumb,
  .breadcrumb,
  .breadcrumbs,
  .rank-math-breadcrumb,
  .yoast-breadcrumb,
  nav.woocommerce-breadcrumb,
  nav.breadcrumb {
    margin: 0 0 24px !important;
    padding: 12px 14px !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .woocommerce-breadcrumb a,
  .breadcrumb a,
  .breadcrumbs a,
  .rank-math-breadcrumb a,
  .yoast-breadcrumb a,
  nav.woocommerce-breadcrumb a,
  nav.breadcrumb a {
    font-size: 12.5px !important;
  }

  .woocommerce-products-header__title,
  .woocommerce .page-title,
  .page-title,
  .archive .page-title,
  .tax-product_cat .page-title,
  .post-type-archive-product .page-title,
  .single-product .product_title,
  .product_title.entry-title,
  h1.product_title,
  h1.entry-title {
    margin: 0 0 24px !important;
    padding-bottom: 13px !important;

    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  .woocommerce-products-header__title::after,
  .woocommerce .page-title::after,
  .page-title::after,
  .archive .page-title::after,
  .tax-product_cat .page-title::after,
  .post-type-archive-product .page-title::after,
  .single-product .product_title::after,
  .product_title.entry-title::after,
  h1.product_title::after,
  h1.entry-title::after {
    width: 48px !important;
    height: 3px !important;
  }

  .woocommerce-products-header__title::before,
  .woocommerce .page-title::before,
  .page-title::before,
  .archive .page-title::before,
  .tax-product_cat .page-title::before,
  .post-type-archive-product .page-title::before,
  .single-product .product_title::before,
  .product_title.entry-title::before,
  h1.product_title::before,
  h1.entry-title::before {
    left: 56px !important;
    bottom: 0 !important;

    width: 7px !important;
    height: 7px !important;
  }

  .woocommerce-products-header,
  .archive .page-header,
  .post-type-archive-product .woocommerce-products-header,
  .tax-product_cat .woocommerce-products-header {
    margin-bottom: 20px !important;
  }

  .woocommerce-products-header .term-description,
  .tax-product_cat .term-description,
  .archive .taxonomy-description {
    margin: -8px 0 20px !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}




/* =========================================================
   WOOCOMMERCE SONUÇ SAYISI VE SIRALAMA ALANINI GİZLE
   "2 sonucun tümü gösteriliyor" + "En yeniye göre sırala"
   ========================================================= */

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  display: none !important;
}




/* =========================================================
   ÜRÜNLER BAŞLIĞI + ÜRÜN KARTLARI KURUMSAL TASARIM
   Prefabrika Türkiye - Lacivert + Altın Kimlik
   ========================================================= */


/* =========================================================
   1) ÜRÜNLER BAŞLIĞI
   ========================================================= */

.woocommerce-products-header,
.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header {
  position: relative !important;

  margin: 0 0 34px !important;
  padding: 0 0 18px !important;

  border-bottom: 1px solid rgba(9, 38, 75, 0.08) !important;
}

.woocommerce-products-header__title,
.woocommerce .page-title,
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.archive .page-title {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 0 16px !important;

  color: #09264b !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;

  font-family: inherit !important;
}

/* Başlık altındaki ana altın çizgi */
.woocommerce-products-header__title::after,
.woocommerce .page-title::after,
.post-type-archive-product .page-title::after,
.tax-product_cat .page-title::after,
.archive .page-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;

  width: 68px !important;
  height: 4px !important;

  background: linear-gradient(
    90deg,
    #d9a021 0%,
    rgba(217, 160, 33, 0.25) 100%
  ) !important;

  border-radius: 999px !important;
}

/* Başlık altındaki küçük nokta */
.woocommerce-products-header__title::before,
.woocommerce .page-title::before,
.post-type-archive-product .page-title::before,
.tax-product_cat .page-title::before,
.archive .page-title::before {
  content: "" !important;
  position: absolute !important;
  left: 78px !important;
  bottom: 1px !important;

  width: 8px !important;
  height: 8px !important;

  background: #d9a021 !important;
  border-radius: 999px !important;
  opacity: 0.9 !important;
}


/* =========================================================
   2) ÜRÜN LİSTE GRID DÜZENİ
   ========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px 20px !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;

  position: relative !important;

  background: #ffffff !important;
  border: 1px solid rgba(9, 38, 75, 0.09) !important;
  border-radius: 0 !important;

  overflow: hidden !important;

  box-shadow: 0 12px 28px rgba(9, 38, 75, 0.045) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease !important;
}

/* Kart sol üst kurumsal çizgi */
.woocommerce ul.products li.product::before,
.woocommerce-page ul.products li.product::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 3 !important;

  width: 4px !important;
  height: 46px !important;

  background: #d9a021 !important;
  opacity: 0 !important;

  transition: opacity 0.22s ease, height 0.22s ease !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(217, 160, 33, 0.38) !important;
  box-shadow: 0 18px 42px rgba(9, 38, 75, 0.11) !important;
}

.woocommerce ul.products li.product:hover::before,
.woocommerce-page ul.products li.product:hover::before {
  height: 72px !important;
  opacity: 1 !important;
}


/* =========================================================
   3) ÜRÜN GÖRSELİ TASARIMI
   ========================================================= */

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  display: block !important;

  width: 100% !important;
  height: 186px !important;
  aspect-ratio: 4 / 3 !important;

  margin: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  background: #eef1f5 !important;
  border: 0 !important;
  border-radius: 0 !important;

  transition:
    transform 0.35s ease,
    filter 0.35s ease !important;
}

.woocommerce ul.products li.product:hover a img,
.woocommerce-page ul.products li.product:hover a img {
  transform: scale(1.035) !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

/* Görselin taşmasını kontrollü tutmak için */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
  overflow: hidden !important;
}


/* =========================================================
   4) ÜRÜN BAŞLIĞI / KART İÇERİĞİ
   ========================================================= */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2 {
  min-height: 58px !important;

  margin: 0 !important;
  padding: 15px 16px 18px !important;

  color: #09264b !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-align: center !important;

  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%) !important;

  transition: color 0.18s ease !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover h2,
.woocommerce-page ul.products li.product:hover h2 {
  color: #d9a021 !important;
}

/* Başlığın altında ince vurgu */
.woocommerce ul.products li.product .woocommerce-loop-product__title::after,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title::after,
.woocommerce ul.products li.product h2::after,
.woocommerce-page ul.products li.product h2::after {
  content: "" !important;
  display: block !important;

  width: 38px !important;
  height: 2px !important;

  margin: 10px auto 0 !important;

  background: rgba(217, 160, 33, 0.55) !important;
  border-radius: 999px !important;

  transition: width 0.22s ease, background-color 0.22s ease !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title::after,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title::after,
.woocommerce ul.products li.product:hover h2::after,
.woocommerce-page ul.products li.product:hover h2::after {
  width: 58px !important;
  background: #d9a021 !important;
}


/* =========================================================
   5) FİYAT / BUTON GİBİ EK ALANLAR VARSA DÜZENLE
   ========================================================= */

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  display: block !important;

  margin: -6px 16px 14px !important;

  color: #09264b !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 40px !important;
  margin: 0 16px 18px !important;
  padding: 0 18px !important;

  background: #d9a021 !important;
  color: #ffffff !important;

  border: 1px solid #d9a021 !important;
  border-radius: 0 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  background: #09264b !important;
  border-color: #09264b !important;
  color: #ffffff !important;
}


/* =========================================================
   6) TABLET UYUM
   ========================================================= */

@media (max-width: 991.98px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    gap: 22px 18px !important;
  }

  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 180px !important;
  }

  .woocommerce-products-header__title,
  .woocommerce .page-title,
  .post-type-archive-product .page-title,
  .tax-product_cat .page-title,
  .archive .page-title {
    font-size: 28px !important;
  }
}


/* =========================================================
   7) MOBİL UYUM
   ========================================================= */

@media (max-width: 767.98px) {
  .woocommerce-products-header,
  .post-type-archive-product .woocommerce-products-header,
  .tax-product_cat .woocommerce-products-header {
    margin: 0 0 26px !important;
    padding-bottom: 14px !important;
  }

  .woocommerce-products-header__title,
  .woocommerce .page-title,
  .post-type-archive-product .page-title,
  .tax-product_cat .page-title,
  .archive .page-title {
    padding-bottom: 13px !important;

    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  .woocommerce-products-header__title::after,
  .woocommerce .page-title::after,
  .post-type-archive-product .page-title::after,
  .tax-product_cat .page-title::after,
  .archive .page-title::after {
    width: 48px !important;
    height: 3px !important;
  }

  .woocommerce-products-header__title::before,
  .woocommerce .page-title::before,
  .post-type-archive-product .page-title::before,
  .tax-product_cat .page-title::before,
  .archive .page-title::before {
    left: 56px !important;
    bottom: 0 !important;

    width: 7px !important;
    height: 7px !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 220px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2,
  .woocommerce-page ul.products li.product h2 {
    min-height: auto !important;

    padding: 15px 16px 17px !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}


/* =========================================================
   SADECE ESKİ İÇ BORDER KALINTILARINI TEMİZLE
   Yeni ürün kartı tasarımını korur
   ========================================================= */

/* Kart içindeki eski tema wrapper çizgilerini kaldır */
.woocommerce ul.products li.product .product-inner,
.woocommerce-page ul.products li.product .product-inner,
.woocommerce ul.products li.product .product-wrapper,
.woocommerce-page ul.products li.product .product-wrapper,
.woocommerce ul.products li.product .product-content,
.woocommerce-page ul.products li.product .product-content,
.woocommerce ul.products li.product .product-details,
.woocommerce-page ul.products li.product .product-details,
.woocommerce ul.products li.product .product-item,
.woocommerce-page ul.products li.product .product-item,
.woocommerce ul.products li.product .product-block,
.woocommerce-page ul.products li.product .product-block,
.woocommerce ul.products li.product .box-text,
.woocommerce-page ul.products li.product .box-text,
.woocommerce ul.products li.product .box-image,
.woocommerce-page ul.products li.product .box-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Link kapsayıcıdaki eski çizgileri kaldır */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Görselin çevresinde kalan çizgiyi kaldır */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Başlık alanında kalan eski alt/üst çizgileri kaldır */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2 {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Tema pseudo-element ile eski kutu çizgisi basıyorsa kapat */
.woocommerce ul.products li.product::after,
.woocommerce-page ul.products li.product::after,
.woocommerce ul.products li.product .product-inner::before,
.woocommerce-page ul.products li.product .product-inner::before,
.woocommerce ul.products li.product .product-inner::after,
.woocommerce-page ul.products li.product .product-inner::after,
.woocommerce ul.products li.product .product-wrapper::before,
.woocommerce-page ul.products li.product .product-wrapper::before,
.woocommerce ul.products li.product .product-wrapper::after,
.woocommerce-page ul.products li.product .product-wrapper::after {
  display: none !important;
  content: none !important;
}



/* =========================================================
   8) ÇOK KÜÇÜK MOBİL
   ========================================================= */

@media (max-width: 420px) {
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 190px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2,
  .woocommerce-page ul.products li.product h2 {
    font-size: 15px !important;
  }
}




/* =========================================================
   TEKİL ÜRÜN SAYFASI - ÇALIŞAN SON DÜZEN
   DOM yapısına göre düzeltildi
   ========================================================= */


/* =========================================================
   1) ÖNCEKİ DENEMELERİ NÖTRLE
   ========================================================= */

.single-product .site-main > .product,
.single-product .post-detail-content > .product,
.single-product #primary .product,
.single-product #main .product {
  display: block !important;
}

.single-product div.product .product-detail-wrapper,
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary.entry-summary,
.single-product div.product .summary.entry-summary > .breadcrumb-wrap,
.single-product div.product .summary.entry-summary > .product_title,
.single-product div.product .summary.entry-summary > .entry-title,
.single-product div.product .summary.entry-summary > .price,
.single-product div.product .summary.entry-summary > .product_meta,
.single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description {
  transform: none !important;
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}


/* =========================================================
   2) MASAÜSTÜ YERLEŞİM
   ========================================================= */

@media (min-width: 992px) {
  .single-product div.product .product-detail-wrapper {
    --pt-gap: 36px;

    position: relative !important;
    display: grid !important;

    grid-template-columns:
      minmax(0, calc(56% - (var(--pt-gap) / 2)))
      minmax(0, calc(44% - (var(--pt-gap) / 2))) !important;

    column-gap: var(--pt-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;

    overflow: visible !important;
  }

  .single-product div.product .product-detail-wrapper::before,
  .single-product div.product .product-detail-wrapper::after {
    display: none !important;
    content: none !important;
  }

  /* Sol kolon: galeri */
  .single-product div.product .product-detail-wrapper > .woocommerce-product-gallery {
    grid-column: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    margin: 0 !important;

    /* Breadcrumb için üst boşluk */
    padding-top: 92px !important;

    overflow: hidden !important;
  }

  /* Sağ kolon: içerik */
  .single-product div.product .product-detail-wrapper > .summary.entry-summary {
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    /* Breadcrumb absolute olacak, bu yüzden static bırakıyoruz */
    position: static !important;
    overflow: visible !important;
  }

  /* Breadcrumb: sol üstte, galerinin üstünde */
  .single-product div.product .summary.entry-summary > .breadcrumb-wrap {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    width: calc(56% - (var(--pt-gap) / 2)) !important;
    max-width: 460px !important;

    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
  }

  .single-product div.product .summary.entry-summary > .breadcrumb-wrap .breadcrumbs {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Sağ taraftaki tüm içerikler tam genişlik kullansın */
  .single-product div.product .summary.entry-summary > *:not(.breadcrumb-wrap) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Başlık */
  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title {
    display: block !important;

    margin: 0 0 20px !important;
    padding: 0 0 18px !important;

    position: relative !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
  }

  /* Eski denemeden kalan before'ı kapat */
  .single-product div.product .summary.entry-summary > .product_title::before,
  .single-product div.product .summary.entry-summary > h1.product_title::before,
  .single-product div.product .summary.entry-summary > .entry-title::before {
    display: none !important;
    content: none !important;
  }

  /* Başlık alt çizgisi */
  .single-product div.product .summary.entry-summary > .product_title::after,
  .single-product div.product .summary.entry-summary > h1.product_title::after,
  .single-product div.product .summary.entry-summary > .entry-title::after {
    content: "" !important;
    display: block !important;

    width: 56px !important;
    height: 3px !important;

    margin-top: 16px !important;

    background: #d9a021 !important;
    border-radius: 999px !important;
  }

  /* Fiyat varsa boşluk düzeni */
  .single-product div.product .summary.entry-summary > .price {
    margin: 0 0 14px !important;
  }

  /* Meta varsa boşluk düzeni */
  .single-product div.product .summary.entry-summary > .product_meta {
    margin: 0 0 18px !important;
  }

  /* Kısa açıklama */
  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description {
    margin: 0 !important;
    padding: 22px 0 0 !important;

    border-top: 1px solid rgba(9, 38, 75, 0.10) !important;
  }

  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   3) GÖRSEL STİL
   ========================================================= */

/* Breadcrumb kutusu */
.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs,
.single-product .summary.entry-summary .woocommerce-breadcrumb,
.single-product .summary.entry-summary .breadcrumbs {
  position: relative !important;

  padding: 14px 16px 14px 18px !important;

  background: #f8fafc !important;
  border: 1px solid rgba(9, 38, 75, 0.12) !important;
  border-left: 3px solid #d9a021 !important;

  color: #09264b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;

  box-shadow: 0 10px 24px rgba(9, 38, 75, 0.035) !important;
}

.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs a,
.single-product .summary.entry-summary .woocommerce-breadcrumb a,
.single-product .summary.entry-summary .breadcrumbs a {
  color: #09264b !important;
  text-decoration: none !important;
}

.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs a:hover,
.single-product .summary.entry-summary .woocommerce-breadcrumb a:hover,
.single-product .summary.entry-summary .breadcrumbs a:hover {
  color: #d9a021 !important;
}

/* Başlık */
.single-product div.product .summary.entry-summary > .product_title,
.single-product div.product .summary.entry-summary > h1.product_title,
.single-product div.product .summary.entry-summary > .entry-title {
  color: #09264b !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.10 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Açıklama */
.single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description {
  color: #353a42 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}

/* Boş alanları gizle */
.single-product div.product .summary.entry-summary > .price:empty,
.single-product div.product .summary.entry-summary > .product_meta:empty,
.single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description:empty {
  display: none !important;
}


/* =========================================================
   4) MOBİL / TABLET
   ========================================================= */

@media (max-width: 991.98px) {
  .single-product div.product .product-detail-wrapper {
    display: block !important;
    overflow: visible !important;
  }

  .single-product div.product .product-detail-wrapper > .woocommerce-product-gallery,
  .single-product div.product .product-detail-wrapper > .summary.entry-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    margin: 0 !important;
  }

  .single-product div.product .product-detail-wrapper > .woocommerce-product-gallery {
    padding-top: 0 !important;
    margin-bottom: 26px !important;
  }

  .single-product div.product .product-detail-wrapper > .summary.entry-summary {
    display: block !important;
    position: static !important;
    overflow: visible !important;
  }

  .single-product div.product .summary.entry-summary > .breadcrumb-wrap {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 20px !important;
  }

  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title {
    margin: 0 0 22px !important;
    padding: 0 0 16px !important;

    font-size: 25px !important;
    line-height: 1.16 !important;
  }

  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description {
    padding-top: 20px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}


/* =========================================================
   5) KÜÇÜK MOBİL
   ========================================================= */

@media (max-width: 575.98px) {
  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title {
    font-size: 22px !important;
  }

  .single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs,
  .single-product .summary.entry-summary .woocommerce-breadcrumb,
  .single-product .summary.entry-summary .breadcrumbs {
    padding: 12px 14px 12px 16px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}



/* =========================================================
   TEKİL ÜRÜN SAYFASI - SON DÜZEN
   HEDEF:
   Masaüstü:
   [ Breadcrumb ]
   [ Galeri ]   [ Başlık + fiyat/meta/açıklama ]
   [ Tabs tam genişlik ]

   Mobil:
   Breadcrumb
   Galeri
   Başlık
   Açıklama
   ========================================================= */


/* =========================================================
   0) ESKİ DENEMELERİ NÖTRLE
   ========================================================= */

.single-product div.product .product-detail-wrapper,
.single-product div.product .product-detail-wrapper > .woocommerce-product-gallery,
.single-product div.product .product-detail-wrapper > .summary.entry-summary,
.single-product div.product .summary.entry-summary > .breadcrumb-wrap,
.single-product div.product .summary.entry-summary > .product_title,
.single-product div.product .summary.entry-summary > h1.product_title,
.single-product div.product .summary.entry-summary > .entry-title,
.single-product div.product .summary.entry-summary > .price,
.single-product div.product .summary.entry-summary > .product_meta,
.single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description {
  transform: none !important;
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

/* clearfix pseudo kalıntıları grid/flex düzenini bozmasın */
.single-product div.product .product-detail-wrapper::before,
.single-product div.product .product-detail-wrapper::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   1) MASAÜSTÜ
   ========================================================= */

@media (min-width: 992px) {
  .single-product div.product .product-detail-wrapper {
    --pd-gap: 34px;
    --pd-left-col: 55%;
    --pd-right-col: 45%;
    --pd-breadcrumb-space: 92px;

    position: relative !important;
    display: grid !important;
    grid-template-columns:
      minmax(0, calc(var(--pd-left-col) - (var(--pd-gap) / 2)))
      minmax(0, calc(var(--pd-right-col) - (var(--pd-gap) / 2))) !important;
    column-gap: var(--pd-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;

    /* Breadcrumb için üstte boşluk bırak */
    padding-top: var(--pd-breadcrumb-space) !important;
    overflow: visible !important;
  }

  /* Sol kolon: galeri */
  .single-product div.product .product-detail-wrapper > .woocommerce-product-gallery,
  .single-product div.product .product-detail-wrapper > div.images {
    grid-column: 1 !important;
    align-self: start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  /* Sağ kolon: özet */
  .single-product div.product .product-detail-wrapper > .summary.entry-summary,
  .single-product div.product .product-detail-wrapper > div.summary {
    grid-column: 2 !important;
    align-self: start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    position: static !important;
    overflow: visible !important;
  }

  /* Breadcrumb sol üstte, galerinin üstünde */
  .single-product div.product .summary.entry-summary > .breadcrumb-wrap,
  .single-product div.product .summary > .breadcrumb-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
	width: 100% !important;
    max-width: 100% !important;
    /* width: calc(var(--pd-left-col) - (var(--pd-gap) / 2)) !important;
    max-width: calc(var(--pd-left-col) - (var(--pd-gap) / 2)) !important; */

    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
  }

  .single-product div.product .summary.entry-summary > .breadcrumb-wrap .breadcrumbs,
  .single-product div.product .summary > .breadcrumb-wrap .breadcrumbs {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Başlık breadcrumb alt hizasından başlasın */
  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title,
  .single-product div.product .summary > .product_title,
  .single-product div.product .summary > h1.product_title,
  .single-product div.product .summary > .entry-title {
    display: block !important;
    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 0 18px !important;

    position: relative !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
  }

  /* Önceki before kalıntılarını kapat */
  .single-product div.product .summary.entry-summary > .product_title::before,
  .single-product div.product .summary.entry-summary > h1.product_title::before,
  .single-product div.product .summary.entry-summary > .entry-title::before,
  .single-product div.product .summary > .product_title::before,
  .single-product div.product .summary > h1.product_title::before,
  .single-product div.product .summary > .entry-title::before {
    display: none !important;
    content: none !important;
  }

  /* Başlık alt çizgisi */
  .single-product div.product .summary.entry-summary > .product_title::after,
  .single-product div.product .summary.entry-summary > h1.product_title::after,
  .single-product div.product .summary.entry-summary > .entry-title::after,
  .single-product div.product .summary > .product_title::after,
  .single-product div.product .summary > h1.product_title::after,
  .single-product div.product .summary > .entry-title::after {
    content: "" !important;
    display: block !important;

    width: 56px !important;
    height: 3px !important;
    margin-top: 16px !important;

    background: #d9a021 !important;
    border-radius: 999px !important;
  }

  /* Fiyat */
  .single-product div.product .summary.entry-summary > .price,
  .single-product div.product .summary > .price {
    margin: 0 0 12px !important;
  }

  /* Meta */
  .single-product div.product .summary.entry-summary > .product_meta,
  .single-product div.product .summary > .product_meta {
    margin: 0 0 14px !important;
  }

  /* Kısa açıklama */
  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description,
  .single-product div.product .summary > .woocommerce-product-details__short-description {
    margin: 0 !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(9, 38, 75, 0.10) !important;
  }

  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description p:last-child,
  .single-product div.product .summary > .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0 !important;
  }

  /* Boş alanlar görünmesin */
  .single-product div.product .summary.entry-summary > .price:empty,
  .single-product div.product .summary.entry-summary > .product_meta:empty,
  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description:empty,
  .single-product div.product .summary > .price:empty,
  .single-product div.product .summary > .product_meta:empty,
  .single-product div.product .summary > .woocommerce-product-details__short-description:empty {
    display: none !important;
  }

  /* Tabs iki kolonun altında tam genişlik */
  .single-product div.product .woocommerce-tabs,
  .single-product div.product .wc-tabs-wrapper,
  .single-product div.product .product-tabs-wrapper {
    clear: both !important;
    width: 100% !important;
    margin-top: 34px !important;
  }
}


/* =========================================================
   2) MOBİL / TABLET
   ========================================================= */

@media (max-width: 991.98px) {
  .single-product div.product .product-detail-wrapper {
    position: relative !important;
    display: block !important;

    /* Breadcrumb en üstte görünsün diye üst boşluk */
    padding-top: 96px !important;
    overflow: visible !important;
  }

  /* Galeri breadcrumb’dan sonra gelsin */
  .single-product div.product .product-detail-wrapper > .woocommerce-product-gallery,
  .single-product div.product .product-detail-wrapper > div.images {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    clear: both !important;
    margin: 0 0 24px !important;
    padding-top: 0 !important;
  }

  /* Summary galeriden sonra doğal akışta devam etsin */
  .single-product div.product .product-detail-wrapper > .summary.entry-summary,
  .single-product div.product .product-detail-wrapper > div.summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    position: static !important;
    overflow: visible !important;
  }

  /* Breadcrumb mobilde de en üstte */
  .single-product div.product .summary.entry-summary > .breadcrumb-wrap,
  .single-product div.product .summary > .breadcrumb-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
  }

  .single-product div.product .summary.entry-summary > .breadcrumb-wrap .breadcrumbs,
  .single-product div.product .summary > .breadcrumb-wrap .breadcrumbs {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Başlık */
  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title,
  .single-product div.product .summary > .product_title,
  .single-product div.product .summary > h1.product_title,
  .single-product div.product .summary > .entry-title {
    margin: 0 0 20px !important;
    padding: 0 0 16px !important;

    font-size: 25px !important;
    line-height: 1.16 !important;
  }

  /* Açıklama */
  .single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description,
  .single-product div.product .summary > .woocommerce-product-details__short-description {
    margin: 0 !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(9, 38, 75, 0.10) !important;
  }

  /* Tabs */
  .single-product div.product .woocommerce-tabs,
  .single-product div.product .wc-tabs-wrapper,
  .single-product div.product .product-tabs-wrapper {
    clear: both !important;
    width: 100% !important;
    margin-top: 28px !important;
  }
}


/* =========================================================
   3) GÖRSEL STİL
   ========================================================= */

/* Breadcrumb kutusu */
.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs,
.single-product .summary .breadcrumb-wrap .breadcrumbs,
.single-product .summary.entry-summary .woocommerce-breadcrumb,
.single-product .summary .woocommerce-breadcrumb {
  padding: 14px 16px 14px 18px !important;

  background: #f8fafc !important;
  border: 1px solid rgba(9, 38, 75, 0.12) !important;
  border-left: 3px solid #d9a021 !important;

  color: #09264b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;

  box-shadow: 0 10px 24px rgba(9, 38, 75, 0.035) !important;
}

.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs a,
.single-product .summary .breadcrumb-wrap .breadcrumbs a,
.single-product .summary.entry-summary .woocommerce-breadcrumb a,
.single-product .summary .woocommerce-breadcrumb a {
  color: #09264b !important;
  text-decoration: none !important;
}

.single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs a:hover,
.single-product .summary .breadcrumb-wrap .breadcrumbs a:hover,
.single-product .summary.entry-summary .woocommerce-breadcrumb a:hover,
.single-product .summary .woocommerce-breadcrumb a:hover {
  color: #d9a021 !important;
}

/* Başlık görünümü */
.single-product div.product .summary.entry-summary > .product_title,
.single-product div.product .summary.entry-summary > h1.product_title,
.single-product div.product .summary.entry-summary > .entry-title,
.single-product div.product .summary > .product_title,
.single-product div.product .summary > h1.product_title,
.single-product div.product .summary > .entry-title {
  color: #09264b !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.10 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

/* Kısa açıklama görünümü */
.single-product div.product .summary.entry-summary > .woocommerce-product-details__short-description,
.single-product div.product .summary > .woocommerce-product-details__short-description {
  color: #353a42 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}


/* =========================================================
   4) KÜÇÜK MOBİL
   ========================================================= */

@media (max-width: 575.98px) {
  .single-product div.product .product-detail-wrapper {
    padding-top: 104px !important;
  }

  .single-product div.product .summary.entry-summary > .product_title,
  .single-product div.product .summary.entry-summary > h1.product_title,
  .single-product div.product .summary.entry-summary > .entry-title,
  .single-product div.product .summary > .product_title,
  .single-product div.product .summary > h1.product_title,
  .single-product div.product .summary > .entry-title {
    font-size: 22px !important;
  }

  .single-product .summary.entry-summary .breadcrumb-wrap .breadcrumbs,
  .single-product .summary .breadcrumb-wrap .breadcrumbs,
  .single-product .summary.entry-summary .woocommerce-breadcrumb,
  .single-product .summary .woocommerce-breadcrumb {
    padding: 12px 14px 12px 16px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}




/* =========================================================
   ÜRÜN DETAY - AÇIKLAMA ALANI TASARIMI
   ========================================================= */

.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description {
  padding-top: 8px;
}

.single-product .product-detail-sections {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.single-product .pd-section {
  display: block;
}

.single-product .pd-section-title {
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 10px;

  color: #09264b;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.single-product .pd-section-title::after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  margin-top: 10px;
  background: #d9a021;
  border-radius: 999px;
}

.single-product .pd-section p {
  margin: 0 0 14px;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.8;
}

.single-product .pd-list,
.single-product .pd-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-product .pd-list li,
.single-product .pd-steps li {
  margin: 0 0 12px;
  padding: 14px 16px;

  background: #f8fafc;
  border: 1px solid rgba(9, 38, 75, 0.10);
  border-left: 3px solid #d9a021;
  border-radius: 6px;

  color: #4b5563;
  font-size: 15px;
  line-height: 1.75;
}

.single-product .pd-list li strong,
.single-product .pd-steps li strong {
  color: #09264b;
  font-weight: 700;
}

.single-product .pd-steps {
  counter-reset: pd-step;
}

.single-product .pd-steps li {
  position: relative;
  padding-left: 58px;
}

.single-product .pd-steps li::before {
  counter-increment: pd-step;
  content: counter(pd-step);

  position: absolute;
  left: 16px;
  top: 14px;

  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #09264b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
}

.single-product .pd-steps li span {
  display: block;
  margin-top: 6px;
  color: #4b5563;
}

.single-product .pd-cta-box {
  padding: 20px 22px;
  background: rgba(217, 160, 33, 0.08);
  border: 1px solid rgba(217, 160, 33, 0.20);
  border-left: 4px solid #d9a021;
  border-radius: 8px;
}

.single-product .pd-cta-box p:last-child,
.single-product .pd-list li:last-child,
.single-product .pd-steps li:last-child {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .single-product .pd-section-title {
    font-size: 21px;
  }

  .single-product .pd-list li,
  .single-product .pd-steps li {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 575.98px) {
  .single-product .pd-section-title {
    font-size: 19px;
  }

  .single-product .pd-steps li {
    padding-left: 52px;
  }

  .single-product .pd-steps li::before {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}



/* =========================================================
   ÜRÜN DETAY - EK BİLGİ / TEKNİK ÖZELLİKLER TASARIMI
   ========================================================= */

.single-product .woocommerce-tabs {
  margin-top: 34px !important;
}

/* Sekme kapsayıcısı */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs .panel {
  padding: 30px 32px !important;

  background: #ffffff !important;
  border: 1px solid rgba(9, 38, 75, 0.12) !important;
  border-radius: 0 !important;
}

/* Panel başlığı */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .woocommerce-tabs .panel h2 {
  position: relative !important;

  margin: 0 0 24px !important;
  padding: 0 0 14px !important;

  color: #09264b !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

/* Başlık alt çizgisi */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2::after,
.single-product .woocommerce-tabs .panel h2::after {
  content: "" !important;
  display: block !important;

  width: 56px !important;
  height: 3px !important;

  margin-top: 12px !important;

  background: #d9a021 !important;
  border-radius: 999px !important;
}

/* Tablo genel */
.single-product .woocommerce-product-attributes,
.single-product table.woocommerce-product-attributes {
  width: 100% !important;
  margin: 0 !important;

  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  border: 0 !important;
}

/* Satırlar */
.single-product .woocommerce-product-attributes tr,
.single-product table.woocommerce-product-attributes tr {
  background: #f8fafc !important;
}

/* Sol etiket alanı */
.single-product .woocommerce-product-attributes th,
.single-product table.woocommerce-product-attributes th {
  width: 32% !important;

  padding: 15px 18px !important;

  background: #f8fafc !important;
  border: 1px solid rgba(9, 38, 75, 0.10) !important;
  border-right: 0 !important;
  border-left: 3px solid #d9a021 !important;

  color: #09264b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  font-style: normal !important;
}

/* Sağ değer alanı */
.single-product .woocommerce-product-attributes td,
.single-product table.woocommerce-product-attributes td {
  padding: 15px 18px !important;

  background: #ffffff !important;
  border: 1px solid rgba(9, 38, 75, 0.10) !important;
  border-left: 0 !important;

  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  font-style: normal !important;
}

/* WooCommerce td içindeki p boşluklarını temizle */
.single-product .woocommerce-product-attributes td p,
.single-product table.woocommerce-product-attributes td p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hover etkisi */
.single-product .woocommerce-product-attributes tr:hover th,
.single-product .woocommerce-product-attributes tr:hover td,
.single-product table.woocommerce-product-attributes tr:hover th,
.single-product table.woocommerce-product-attributes tr:hover td {
  background: #fffdf7 !important;
}

/* Sekme başlıklarını site rengine yaklaştır */
.single-product .woocommerce-tabs ul.tabs li a {
  color: #09264b !important;
  font-weight: 800 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
  color: #09264b !important;
}

.single-product .woocommerce-tabs ul.tabs li.active {
  border-top: 3px solid #d9a021 !important;
}


/* =========================================================
   MOBİL - EK BİLGİ TABLOSUNU KART GİBİ GÖSTER
   ========================================================= */

@media (max-width: 575.98px) {
  .single-product .woocommerce-tabs .woocommerce-Tabs-panel,
  .single-product .woocommerce-tabs .panel {
    padding: 22px 18px !important;
  }

  .single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
  .single-product .woocommerce-tabs .panel h2 {
    font-size: 21px !important;
  }

  .single-product .woocommerce-product-attributes,
  .single-product table.woocommerce-product-attributes,
  .single-product .woocommerce-product-attributes tbody,
  .single-product table.woocommerce-product-attributes tbody,
  .single-product .woocommerce-product-attributes tr,
  .single-product table.woocommerce-product-attributes tr,
  .single-product .woocommerce-product-attributes th,
  .single-product .woocommerce-product-attributes td,
  .single-product table.woocommerce-product-attributes th,
  .single-product table.woocommerce-product-attributes td {
    display: block !important;
    width: 100% !important;
  }

  .single-product .woocommerce-product-attributes,
  .single-product table.woocommerce-product-attributes {
    border-spacing: 0 !important;
  }

  .single-product .woocommerce-product-attributes tr,
  .single-product table.woocommerce-product-attributes tr {
    margin-bottom: 12px !important;

    background: #ffffff !important;
    border: 1px solid rgba(9, 38, 75, 0.10) !important;
    border-left: 3px solid #d9a021 !important;
  }

  .single-product .woocommerce-product-attributes th,
  .single-product table.woocommerce-product-attributes th {
    padding: 13px 15px 6px !important;

    border: 0 !important;
    background: #ffffff !important;

    font-size: 13px !important;
  }

  .single-product .woocommerce-product-attributes td,
  .single-product table.woocommerce-product-attributes td {
    padding: 0 15px 14px !important;

    border: 0 !important;
    background: #ffffff !important;

    font-size: 14px !important;
  }
}



.custom-svg-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  width: 160px;
}

.custom-svg-logo-img {
  display: block;
  width: 160px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
	.custom-svg-logo-img {
		width: 150px;
		height: 50px;
		display: block;
	  }
}

@media (max-width: 767px) {
  .elementor-location-header .e-con {
    display: flex;
    align-items: center;
  }

  .elementor-location-header .custom-svg-logo {
    flex-shrink: 0;
  }

  .elementor-location-header .custom-svg-logo-img {
    width: 150px;
    max-width: 150px;
  }
}


/* =========================================================
   12) KÜÇÜK DÜZELTMELER
   ========================================================= */

.wpcf7 form .wpcf7-response-output {
  margin: 12px 0 0;
}

.wrap-detail-page .wpcf7 {
	margin-top: 0 !important;
}


.wp-block-search__inside-wrapper {
    max-width: 262px !important;
    width: 262px !important;
}