/* ===== product-reviews-header-v5855.css ===== */
/*
 * v5.8.55 — Tek ürün meta görünürlüğü, masaüstü keşif yıldızları,
 * yorum onay ikonu ve mobil logo ölçüsü.
 */

/* Ayar kapalıysa sonradan eklenen standart meta çıktısı da kesin olarak gizlenir. */
body.single-product.hst-single-meta-hidden .product_meta,
body.single-product.hst-single-meta-hidden .summary .sku_wrapper,
body.single-product.hst-single-meta-hidden .summary .posted_in,
body.single-product.hst-single-meta-hidden .summary .tagged_as {
  display: none !important;
}

/* Masaüstünde yıldız satırı kartın iki sütununa yayılsın. */
@media (min-width: 761px) {
  html body.single-product .related.products.hst-related-slider li.product .star-rating,
  html body.single-product .hst-v471-recent li.product .star-rating {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: 1 / -1 !important;
    float: none !important;
    width: 5.4em !important;
    height: 1em !important;
    margin: 1px 15px 8px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
}

/* Yayınlanan yorumun küçük, temiz onay işareti. */
html body.single-product #reviews #comments
  ol.commentlist > li.review .woocommerce-review__author {
  gap: 4px !important;
}

html body.single-product #reviews #comments
  ol.commentlist > li.review .woocommerce-review__author::after {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
  background: #1d78ed !important;
  font-size: 9px !important;
  box-shadow: 0 0 0 1px #fff !important;
}

/* Mobil logo, orta header sütununu daha iyi kullanır ve ikonlara yaklaşır. */
@media (max-width: 900px) {
  .hst-header .hst-logo.hst-brand-logo > a {
    justify-content: flex-end !important;
    height: 50px !important;
  }

  .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  .hst-header .hst-logo.hst-brand-logo a img {
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
}

@media (max-width: 420px) {
  .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  .hst-header .hst-logo.hst-brand-logo a img {
    height: 42px !important;
    max-height: 42px !important;
  }
}

/* ===== reviews-stars-logo-v5856.css ===== */
/*
 * v5.8.56 — Kesin ürün yorumu sayfalamasıyla eşleşen sayfa bağlantıları,
 * masaüstü keşif kartı yıldızları ve daha büyük mobil görsel logo.
 */

/* İlgili ve Son Görüntülenen kartları aynı yıldız satırını kullanır. */
@media (min-width: 761px) {
  html body.single-product.woocommerce
    section.related.products
    ul.products li.product
    .hst-product-card-body {
    overflow: visible !important;
  }

  html body.single-product.woocommerce
    section.related.products
    ul.products li.product
    .star-rating {
    display: block !important;
    position: relative !important;
    float: none !important;
    flex: 0 0 1em !important;
    width: 5.4em !important;
    height: 1em !important;
    min-height: 1em !important;
    margin: 1px 0 5px !important;
    color: #f5aa00 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  html body.single-product.woocommerce
    section.related.products
    ul.products li.product
    .star-rating::before {
    color: #d9dde3 !important;
  }

  html body.single-product.woocommerce
    section.related.products
    ul.products li.product
    .star-rating span::before {
    color: #f5aa00 !important;
  }
}

/* Yorum sayfaları, kartlarla aynı sade buton dilini kullanır. */
html body.single-product #reviews .woocommerce-pagination ul.page-numbers {
  display: flex !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

html body.single-product #reviews .woocommerce-pagination .page-numbers li {
  border: 0 !important;
}

html body.single-product #reviews .woocommerce-pagination a.page-numbers,
html body.single-product #reviews .woocommerce-pagination span.page-numbers {
  display: grid !important;
  min-width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  padding: 0 10px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #263241 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

html body.single-product #reviews .woocommerce-pagination span.current {
  border-color: var(--hst-primary) !important;
  background: var(--hst-primary) !important;
  color: #fff !important;
}

/* Mobilde logoya daha geniş alan ver ve ikonlara doğru büyüt. */
@media (max-width: 900px) {
  html body .hst-header > .hst-container.hst-header-inner {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 4px !important;
  }

  html body .hst-header .hst-menu-toggle {
    grid-column: 1 !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo > a {
    display: flex !important;
    width: 100% !important;
    height: 48px !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  html body .hst-header .hst-logo.hst-brand-logo a img {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 180px) !important;
    height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  html body .hst-header .hst-header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    z-index: 3 !important;
  }
}

@media (max-width: 420px) {
  html body .hst-header > .hst-container.hst-header-inner {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    gap: 2px !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  html body .hst-header .hst-logo.hst-brand-logo a img {
    max-width: min(100%, 160px) !important;
    height: 40px !important;
    max-height: 40px !important;
  }
}

/* ===== ajax-logo-table-v5857.css ===== */
/*
 * v5.8.57 — AJAX yorum sayfaları, mobil logo ve taşmayan TinyMCE tabloları.
 */

/* AJAX geçişinde mevcut içerik korunur; yalnızca hafif bir yüklenme geri bildirimi verilir. */
html body.single-product #reviews #comments {
  transition: opacity .18s ease !important;
}

html body.single-product #reviews #comments.is-loading {
  opacity: .48 !important;
  pointer-events: none !important;
}

/*
 * Mobil logo için yalnızca max-height kullanmak geniş logoları gereğinden fazla
 * küçültüyordu. Kullanılabilir header alanında belirgin bir genişlik tanımla.
 */
@media (max-width: 900px) {
  html body .hst-header .hst-logo.hst-brand-logo {
    overflow: visible !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo > a {
    width: 100% !important;
    max-width: none !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  html body .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  html body .hst-header .hst-logo.hst-brand-logo a img {
    width: clamp(120px, 36vw, 150px) !important;
    max-width: none !important;
    height: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
}

@media (max-width: 380px) {
  html body .hst-header .hst-logo.hst-brand-logo img.hst-header-logo-img,
  html body .hst-header .hst-logo.hst-brand-logo a img {
    width: clamp(105px, 34vw, 132px) !important;
    height: 42px !important;
    max-height: 42px !important;
  }
}

/*
 * Mobil TinyMCE tabloları yatay kaydırma oluşturmaz. Hücreler kullanılabilir
 * genişliği paylaşır ve uzun metinler doğal olarak alt satıra geçer.
 */
@media (max-width: 760px) {
  html body.single-product .hst-product-description-full table,
  html body.single-product .hst-v436-product-description__content table,
  html body.single-product .hst-custom-product-tab-content table,
  html body.single-product .hst-product-tabs__panel table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow: visible !important;
  }

  html body.single-product .hst-product-description-full table th,
  html body.single-product .hst-product-description-full table td,
  html body.single-product .hst-v436-product-description__content table th,
  html body.single-product .hst-v436-product-description__content table td,
  html body.single-product .hst-custom-product-tab-content table th,
  html body.single-product .hst-custom-product-tab-content table td,
  html body.single-product .hst-product-tabs__panel table th,
  html body.single-product .hst-product-tabs__panel table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 9px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }
}

/* ===== review-load-more-v5858.css ===== */
.hst-review-load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.hst-review-load-more {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 190px;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  text-align: center;
  box-shadow: 0 10px 24px rgba(47, 103, 174, .14) !important;
}

.hst-review-load-more > i {
  font-size: 13px;
}

.hst-review-load-more__arrow {
  transition: transform .2s ease;
}

.hst-review-load-more:hover .hst-review-load-more__arrow {
  transform: translateY(2px);
}

.hst-review-load-more.is-loading {
  opacity: .68;
  pointer-events: none;
}

.hst-review-load-more.is-loading .hst-review-load-more__arrow {
  animation: hstReviewLoadMoreArrow .8s ease-in-out infinite alternate;
}

@keyframes hstReviewLoadMoreArrow {
  to { transform: translateY(4px); }
}

@media (max-width: 767px) {
  .hst-mobile-purchase-bar.buy-only .hst-mobile-purchase-bar__frame {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hst-mobile-purchase-bar.buy-only .hst-mobile-purchase-bar__buy {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .hst-review-load-more {
    width: 100%;
  }
}

/* ===== review-customer-badge-v5883.css ===== */
/*
 * v5.8.83 — Yorum meta satırında tek ve sade müşteri rozeti.
 * Eski isim sonu onay işaretini ve WooCommerce'in olası ikinci ibaresini kaldırır.
 */
html body.single-product #reviews #comments
ol.commentlist > li.review .woocommerce-review__author::after {
  content: none !important;
  display: none !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .woocommerce-review__verified {
  display: none !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text p.meta {
  display: inline !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v5880-verified-buyer {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 8px 8px !important;
  padding: 4px 8px !important;
  gap: 5px !important;
  vertical-align: middle !important;
  border: 1px solid #cce9d6 !important;
  border-radius: 999px !important;
  background: #f0fbf4 !important;
  color: #177443 !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v5880-verified-buyer i {
  color: #20a464 !important;
  font-size: 11px !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text .description {
  margin-top: 2px !important;
}

@media (max-width: 760px) {
  html body.single-product #reviews #comments
  ol.commentlist > li.review .hst-v5880-verified-buyer {
    margin-left: 6px !important;
    padding: 3px 7px !important;
    font-size: 9.5px !important;
  }
}

/* ===== review-meta-alignment-v5884.css ===== */
/* v5.8.84 — Yorumcu adı, tarih ve müşteri rozetini tek ritimde hizalar. */
html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text p.meta {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 0 0 9px !important;
  line-height: 24px !important;
  vertical-align: top !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text p.meta > * {
  line-height: 24px !important;
  vertical-align: middle !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text p.meta .woocommerce-review__author {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v5880-verified-buyer {
  min-height: 24px !important;
  margin: 0 0 9px 9px !important;
  padding: 3px 9px !important;
  vertical-align: top !important;
  line-height: 16px !important;
  box-sizing: border-box !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v5880-verified-buyer > * {
  line-height: 16px !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .comment-text .description {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  html body.single-product #reviews #comments
  ol.commentlist > li.review .comment-text p.meta {
    min-height: 22px !important;
    line-height: 22px !important;
  }

  html body.single-product #reviews #comments
  ol.commentlist > li.review .comment-text p.meta > *,
  html body.single-product #reviews #comments
  ol.commentlist > li.review .comment-text p.meta .woocommerce-review__author {
    min-height: 22px !important;
    line-height: 22px !important;
  }

  html body.single-product #reviews #comments
  ol.commentlist > li.review .hst-v5880-verified-buyer {
    min-height: 22px !important;
    margin-left: 7px !important;
    padding: 2px 7px !important;
  }
}

/* ===== review-photo-layout-v5885.css ===== */
/* v5.8.85 — Yorum meta ayırıcısı ve kontrollü fotoğraf önizlemesi. */
html body.single-product #reviews #comments
ol.commentlist > li.review .woocommerce-review__dash {
  display: inline-block !important;
  margin-inline: 6px !important;
  color: #94a3b8 !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v510-review-photo {
  display: block !important;
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  margin: 4px 0 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dce5ee !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  cursor: zoom-in !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v510-review-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body.single-product #reviews #comments
ol.commentlist > li.review .hst-v510-review-photo:hover img {
  transform: scale(1.035) !important;
}

@media (max-width: 760px) {
  html body.single-product #reviews #comments
  ol.commentlist > li.review .woocommerce-review__dash {
    margin-inline: 5px !important;
  }

  html body.single-product #reviews #comments
  ol.commentlist > li.review .hst-v510-review-photo {
    width: 92px !important;
    height: 92px !important;
    max-width: 92px !important;
    max-height: 92px !important;
    margin-bottom: 10px !important;
    border-radius: 9px !important;
  }
}