/* Otomatik: Tipografi ayarları kaydedilince üretilir — elle düzenlemeyin */
:root {
  --tg-body-font-family: 'Poppins', sans-serif;
  --tg-heading-font-family: 'Poppins', sans-serif;
  --tg-body-font-size: 14px;
  --tg-h1-font-size: 36px;
  --tg-h2-font-size: 32px;
  --tg-h3-font-size: 22px;
  --tg-h4-font-size: 24px;
  --tg-h5-font-size: 20px;
  --tg-h6-font-size: 16px;
  --tg-body-font-color: #333333;
  --tg-heading-font-color: #222222;
  --tg-tertiary-font-color: #999999;
  --ws-pro-font: 'Poppins', sans-serif;
}

body {
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size);
  color: var(--tg-body-font-color);
}

p {
  font-family: var(--tg-body-font-family);
  font-size: var(--tg-body-font-size) !important;
  color: var(--tg-body-font-color);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-heading-font-color);
}

h1 { font-size: var(--tg-h1-font-size); }
h2 { font-size: var(--tg-h2-font-size); }
h3 { font-size: var(--tg-h3-font-size); }
h4 { font-size: var(--tg-h4-font-size); }
h5 { font-size: var(--tg-h5-font-size); }
h6 { font-size: var(--tg-h6-font-size); }

/* Tema bileşen başlıkları — sabit px yerine tipografi ölçeği */
.title,
.wl-featured__title,
.section-title .title,
.section-title-two .title,
.tg-section-title .title,
.shop-details-content > .title,
.breadcrumb-content .title,
.home-shop-content .title,
.home-shop-price,
.features-product-bottom .price,
.features-product-quantity {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-heading-font-color);
}

.section-title .title,
.section-title-two .title,
.tg-section-title .title,
.wl-featured__title {
  font-size: var(--tg-h2-font-size);
}

.breadcrumb-content .title {
  font-size: calc(var(--tg-h1-font-size) * 1.5);
}

.banner-content .title,
.banner-content-two .title,
.tg-banner-content .title {
  font-family: var(--tg-heading-font-family);
  font-size: calc(var(--tg-h1-font-size) * 1.6667);
}

.shop-details-content > .title {
  font-size: var(--tg-h1-font-size);
}

/* Otomatik: Worksoft Business — Stiller > Fontlar → main.css değişkenleri */
:root {
  --rr-ff-body: 'Poppins', sans-serif;
  --rr-ff-heading: 'Poppins', sans-serif;
  --rr-ff-heading2: 'Poppins', sans-serif;
  --rr-ff-p: 'Poppins', sans-serif;
  --rr-fs-body: 14px;
  --rr-fs-body2: 14px;
  --rr-fs-p: 14px;
  --rr-fs-h1: 36px;
  --rr-fs-h2: 32px;
  --rr-fs-h3: 22px;
  --rr-fs-h4: 24px;
  --rr-fs-h5: 20px;
  --rr-fs-h6: 16px;
  --rr-lh-body: 22px;
  --rr-lh-body2: 22px;
  --rr-lh-p: 22px;
  --rr-lh-h1: 41px;
  --rr-lh-h2: 37px;
  --rr-lh-h3: 26px;
  --rr-lh-h4: 29px;
  --rr-lh-h5: 25px;
  --rr-lh-h6: 21px;
  --rr-text-body: #333333;
  --rr-heading-primary: #222222;
}

body {
  font-family: var(--rr-ff-body);
  font-size: var(--rr-fs-body);
  line-height: var(--rr-lh-body);
  color: var(--rr-text-body);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: var(--rr-ff-heading);
  color: var(--rr-heading-primary);
}

h1, .h1 { font-size: var(--rr-fs-h1); line-height: var(--rr-lh-h1); }
h2, .h2 { font-size: var(--rr-fs-h2); line-height: var(--rr-lh-h2); }
h3, .h3 { font-size: var(--rr-fs-h3); line-height: var(--rr-lh-h3); }
h4, .h4 { font-size: var(--rr-fs-h4); line-height: var(--rr-lh-h4); }
h5, .h5 { font-size: var(--rr-fs-h5); line-height: var(--rr-lh-h5); }
h6, .h6 { font-size: var(--rr-fs-h6); line-height: var(--rr-lh-h6); }