/* Ürün tanıtımı: sayfanın kendi içeriğiyle oluşturulan bağımsız tanıtım vitrini. */
.sy-tanitim { --ut-koyu: #173c34; --ut-soluk: #52625b; --ut-cizgi: #dcded5; }
.sy-tanitim .sy-yol { margin-bottom: 22px; }
.sy-tanitim .ut-intro.sy-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 42px; align-items: center; margin: 0; padding: 38px 38px 0; border: 1px solid #e0dfd5; border-radius: 16px; background: #f6f3ed; color: var(--ut-koyu); overflow: hidden; }
.ut-giris { min-width: 0; padding: 8px 0 32px; }
.ut-etiket { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; color: #476451; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ut-etiket > span:first-child { width: 7px; height: 7px; border-radius: 50%; background: #608063; }
.sy-tanitim .ut-intro h1 { margin: 0 0 22px; color: var(--ut-koyu); font-family: Georgia,'Times New Roman',serif; font-size: clamp(34px,3.8vw,52px); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.sy-tanitim .ut-ozet { color: var(--ut-soluk); font-size: 17px; line-height: 1.75; }
.sy-tanitim .ut-eylemler { display: flex; flex-wrap: wrap; margin-top: 24px; gap: 10px; }
.sy-tanitim .ut-eylemler .buton { min-height: 48px; padding: 13px 17px; gap: 20px; font-size: 14px; line-height: 1.4; text-align: left; border-radius: 5px; }
.sy-tanitim .ut-ana-cta { background: var(--ut-koyu); color: #fff; border: 1px solid var(--ut-koyu); }
.sy-tanitim .ut-ana-cta:hover { background: #295347; }
.sy-tanitim .ut-eylemler .ut-ikincil-cta { background: transparent; color: var(--ut-koyu); border: 1px solid #8a9a8c; }
.sy-tanitim .ut-ikincil-cta:hover { background: #e7ecdf; }
.ut-vitrin { min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; margin: 0 0 30px; }
.ut-gorsel { aspect-ratio: 1 / 1; border-radius: 10px; background: #fff; overflow: hidden; border: 1px solid #e7e7df; }
.ut-gorsel button { position: relative; width: 100%; height: 100%; display: block; padding: 0; background: transparent; border-radius: 0; }
.ut-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.ut-buyut { position: absolute; bottom: 12px; right: 12px; padding: 8px 12px; border: 1px solid #e0e5dd; border-radius: 4px; color: var(--ut-koyu); background: #fff; font-size: 11px; font-weight: 700; }
.ut-vitrin figcaption { padding-top: 14px; font-size: 12px; line-height: 1.5; color: var(--ut-soluk); overflow-wrap: anywhere; }
.ut-one-cikanlar { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0; margin: 0 -38px; padding: 0 20px; background: #ebece3; border-top: 1px solid #dddfd2; }
.ut-one-cikanlar > div { flex: 1 1 180px; min-width: 0; padding: 20px 18px; }
.ut-one-cikanlar dt { margin-bottom: 8px; font-size: 11px; font-weight: 700; color: #56644e; text-transform: uppercase; letter-spacing: .06em; }
.ut-one-cikanlar dd { margin: 0; font-size: 15px; line-height: 1.6; font-weight: 700; overflow-wrap: anywhere; }
.sy-tanitim .ut-intro-gorselsiz.sy-intro { grid-template-columns: minmax(0,1fr); }
.ut-intro-gorselsiz .ut-giris { max-width: 880px; }
.sy-tanitim .sy-duzen { padding-top: 28px; }
.sy-tanitim .sy-icindekiler { padding: 0 0 24px; margin-bottom: 42px; }
.sy-tanitim .sy-icindekiler > strong { color: #53634e; font-size: 10px; }
.sy-tanitim .sy-icindekiler a { background: #e9eee5; color: #314f3d; border-radius: 4px; font-size: 13px; }
.sy-tanitim .sy-bolum { margin-bottom: 48px; }
.sy-tanitim .sy-bolum-icerik { padding: 30px 34px; border: 1px solid #e1e5dc; border-left: 4px solid #789575; border-radius: 0 10px 10px 0; background: #fff; }
.sy-tanitim .sy-metin { font-size: 17px; line-height: 1.85; }
.sy-tanitim .sy-metin :is(h2,h3),.sy-tanitim .sy-bolum-baslik { color: var(--ut-koyu); }
.sy-tanitim .sy-metin h2,.sy-tanitim .sy-bolum-baslik { font-size: clamp(27px,2.8vw,34px); font-weight: 800; }
.sy-tanitim .sy-metin h3 { font-size: 23px; font-weight: 700; }
.sy-tanitim .sy-ozellikler { background: #eef0e8; }
.sy-tanitim .sy-talep { background: #edf1e7; border-color: #d4deca; border-top: 4px solid #567450; }
@media (max-width: 1000px) {
  .sy-tanitim .ut-intro.sy-intro { padding: 28px 28px 0; gap: 0 28px; }
  .sy-tanitim .ut-intro h1 { font-size: 38px; }
  .ut-one-cikanlar { margin-inline: -28px; padding-inline: 10px; }
}
@media (max-width: 760px) {
  .sy-tanitim .ut-intro.sy-intro { grid-template-columns: minmax(0,1fr); padding: 24px 22px 0; gap: 0; }
  .sy-tanitim .ut-intro h1 { font-size: clamp(32px,8vw,42px); }
  .sy-tanitim .ut-ozet { font-size: 16px; }
  .ut-giris { padding-bottom: 26px; }
  .ut-vitrin { margin-bottom: 24px; }
  .ut-one-cikanlar { margin-inline: -22px; padding: 0 8px; }
  .ut-one-cikanlar > div { flex-basis: 130px; padding: 16px 14px; }
  .sy-tanitim .sy-bolum-icerik { padding: 24px 20px; }
  .sy-tanitim .sy-metin { font-size: 16px; }
}
@media (max-width: 420px) {
  .sy-tanitim .ut-eylemler { flex-direction: column; }
  .sy-tanitim .ut-eylemler .buton { width: 100%; justify-content: space-between; }
  .sy-tanitim .ut-intro.sy-intro { padding: 22px 18px 0; }
  .ut-one-cikanlar { margin-inline: -18px; }
  .ut-one-cikanlar > div { flex-basis: 100%; border-bottom: 1px solid #d9dfd1; }
  .ut-one-cikanlar > div:last-child { border-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .sy-tanitim * { scroll-behavior: auto; transition: none; } }