Modanın ötesinde zamansız bir stil. Lesa ile nitelikli işçiliği, rafine detayları ve uzun ömürlü şıklığı keşfedin. Gardırobunuz için seçkin ve imza parçalar.

Lesa Collection | Zamansız Tasarım ve Rafine Kadın Giyim

Ankara

Türkiye

Yenimahalle

Default

{{name}} ile trendlerin ötesinde bir şıklık. Nitelikli işçilik ve zamansız tasarımın buluştuğu bu özel parça, Lesa kalitesiyle gardırobunuza değer katmak için hazır.

{{name}} Zamansız Stil & Rafine Dokunuşlar - Lesa Collection

Lesa Collection {{name}}  koleksiyonunu keşfedin. Zarif, modern ve zamansız kadın giyim parçaları.

Kadın {{name}}: Nitelikli ve Klasik Seçkiler - Lesa Collection

{{name}} hakkında stil önerileri ve moda ilhamı Lesa Collection Blog’da.

{{name}} - Lesa Collection Blog

{{name}} - Lesa Collection Blog Kategorisi

Kayan Yazı

Yazı

Sosyal Medya Hesapları

Facebook

Instagram

Twitter

LinkedIn

Pinterest

YouTube

TikTok

Features

Feature

Resim

Başlık

Altbaşlık

Yönlendirme

Açıklama

Tabbed Features

Tab Label

Image

Is List Type Dot ?

Soru - Cevap

Soru

Cevap

Swiper Slide

Slides

Button

Yazı Rengi

Buton Yazı Rengi

Buton Arkaplan Rengi

Content Position

Mobile Image

Button Hover Arkaplan Rengi

Button Hover Yazı Rengi

Tablet Image

Video

Subtutle

Background Image Link

Mobile Content Position

Text Align

Desktop Image Size

Mobile Image Size

Social Media Posts

Post

Link

Aspect Ratio

Promo Texts

Text

Brands

Brand

Background Gradient

First Color

Second Color

test

item1

item2

AspectRatio

Description Position

Image Object Fit

Testimonials

Testimonial

Rating

Quote

Writer

Logo Position

Horizontal Align

Banner List

Banner

Title

Text Color

Button Background Color

Button Text Color

Grid Layout

Image Gallery

Gallery Item

Heading

TextAlign

Image Size

Cart Page Info Items

Cart Page Info Item

Button & Links

Button & Link

Background Color

Border Color

Hover Text Color

Hover Background Color

Open Link New Tab

Desktop Button Width

Mobile Button Width

Border Radius

Hover Border Color

nofollow

noreferrer

noopener

FixedAddToBasketButtonPosition

Etiket - Görsel Listesi

Etiket- Görsel

Etiket

Görsel

Görsel Yüksekliği

Mobil Görsel Yükseliği

Görsel Genişliği

Mobil Görsel Genişliği

Görsel Pozisyonu

Görselin Köşelere Uzaklığı

Şıklığı ve uyumu bir arada sunan alt üst takım modellerimiz; hem günlük rahatlık hem de modern bir görünüm isteyenler için ideal. Trend kumaşlar ve uyumlu tasarımlarla hazırlanan kadın takım seçenekleriyle pratik ve şık kombinler oluşturun.

<p class="p1" style="caret-color: rgb(0, 0, 0); color: rgb(0, 0, 0)">Şıklığı ve uyumu bir arada sunan alt üst takım modellerimiz; hem günlük rahatlık hem de modern bir görünüm isteyenler için ideal. Trend kumaşlar ve uyumlu tasarımlarla hazırlanan kadın takım seçenekleriyle pratik ve şık kombinler oluşturun.</p>

Takım

Sizin için seçtiğimiz özel fırsatları ve güncel kampanyaları kaçırmanızı istemiyoruz. Bültenimize abone olarak en yeni haberlerin doğrudan gelen kutunuza gelmesini sağlayabilirsiniz.

Ailemize Katılın, Ayrıcalıkları Yakalayın! ✨

Lesa

Acı Kahve Polo Yaka Modal Kumaş İkili Takım

Acı Kahve

Lacivert Polo Yaka Modal Kumaş İkili Takım

Lacivert









<p class="p1">Konfor ve şıklığı bir arada sunan NTWRK marka&nbsp;<span class="s1"><b>modal kumaş ikili takım</b></span>, yumuşak dokusuyla cildinize dost bir his verir. Rahat kesimi sayesinde günlük kullanımda ve evde şıklığınızı korumanızı sağlar. Modern tasarımı ve uyumlu parçalarıyla, tek bir kombinle şık ve rahat bir görünüm elde edebilirsiniz. Minimal detaylarıyla hem sade hem zarif bir stil yaratır.</p>

Fermuarlı Düğme Detaylı İkili Takım

Siyah









<p class="p1">Kiremit ince kemerli fırfırlı ceket ve büzgülü etek takımı, feminen detayları ve zarif kesimiyle hem günlük şıklık hem de özel davet kombinleri için ideal bir kadın takım modelidir. Modern silueti vurgulayan bel kemer detayı ve hareketli etek formu sayesinde güçlü ve sofistike bir görünüm sunar.</p>
<p class="p2"><br></p>
<p class="p1">Ceket üzerindeki fırfır detayları tasarıma romantik bir dokunuş katarken, büzgülü etek modeli vücut formunu dengeli ve estetik şekilde ortaya çıkarır. Kiremit rengi sayesinde hem klasik hem de zamansız kombinler yapabilirsiniz.</p>

Kiremit İnce Kemerli Fırfırlı Ceket Ve Büzgülü Etek Takım

Kiremit









<p class="p1">OYSH <span class="s1"><b>Çizgili Modal Fermuarlı Takım</b></span>, ultra yumuşak modal kumaşıyla gün boyu konfor sunan modern bir eşofman setidir. Çizgi deseniyle sade ama şık bir görünüm sağlar. Üst kısmındaki fermuar detayı pratik kullanım sağlarken, alt parçası rahat kesimiyle hareket özgürlüğü sunar.<span class="Apple-converted-space">&nbsp;</span></p><p class="p1"><br></p>

OYSH Çizgili Modal Fermuarlı Takım

Fiyat Aralığı

Renk

Beden

Alışveriş deneyiminizi iyileştirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Detaylı bilgiye Gizlilik ve Çerez Politikası sayfamızdan erişebilirsiniz.

Özel fiyatları ve içerikleri görüntüleyebilmek için Türkçe ile devam edin.

Kol Nakış Detaylı Siyah Gömlek

Kol Nakış Detaylı Beyaz Gömlek

Beyaz

Siyah Kumaş Palazzo Pantolon

Siyah İspanyol Paça Çimalı Tayt Pantolon

Siyah Saten Klasik Gömlek

Koyu Mavi Palazzo Jean

Mavi

Bordo Kumaş Palazzo Pantolon

Bordo

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>ikili bedenli</strong> (S-M, L-XL) olup rahat kesimdir. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">Relaxed Blazer / Bronş Detay</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S-M</td><td>36-38</td><td>84–92</td><td>64–72</td><td>90–98</td><td>158–168</td><td>52–68</td></tr>
              <tr><td>L-XL</td><td>40-42</td><td>92–100</td><td>72–80</td><td>98–106</td><td>162–172</td><td>66–84</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S-M",tr:"36-38",gogusMin:84,gogusMax:92,belMin:64,belMax:72,kalcaMin:90,kalcaMax:98},{label:"L-XL",tr:"40-42",gogusMin:92,gogusMax:100,belMin:72,belMax:80,kalcaMin:98,kalcaMax:106}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Siyah Bronş Detaylı Keten Ceket</h2>
    <p>Ketenin doğallığı, bronş detayının karakteri, siyahın zamansızlığı.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Günü bağlayan parça.</strong> Siyah Bronş Detaylı Keten Ceket, doğal dokulu keten kumaşından üretilen, sofistike bir geçiş mevsimi parçası. Bronş detayı (omuz-yaka çizgisi) cekete karakter katarken, keten kumaşın hafif yapısı gün boyu konforlu kalmanızı sağlar.</p>
    <p>Tek başına ceket olarak, sade bir üstüne atılan parça olarak veya takımın bir parçası gibi kullanılabilen çok yönlü bir tasarım.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Keten Kumaş</h4><p>Nefes alan, doğal ve hafif kumaş yapısı.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Bronş Detayı</h4><p>Cekete karakter katan özgün kesim hattı.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Siyah Zarafet</h4><p>Her altla uyumlu zamansız nötr.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Mevsim Dostu</h4><p>İlkbahar, sonbahar ve yumuşak yazlar için ideal.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Siyah</td></tr>
      <tr><th>Kumaş</th><td>Keten</td></tr>
      <tr><th>Kesim</th><td>Rahat, omuz yapılı</td></tr>
      <tr><th>Detay</th><td>Bronş kesim / omuz çizgisi detayı</td></tr>
      <tr><th>Kapama</th><td>Ön düğmeli / açık kullanılabilir</td></tr>
      <tr><th>Cep</th><td>Yan cep</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Ofis Geçişi</strong>Beyaz gömlek ve kumaş pantolonla klasik ama modern ofis duruşu.</li>
      <li><strong>Günlük Rahat</strong>Beyaz tişört ve kot pantolonla hafta sonu şehir yürüyüşü.</li>
      <li><strong>Akşam Vurgusu</strong>Siyah büstiyer ve ince topuklularla akşam daveti için uyarlayın.</li>
      <li><strong>Monokrom Siyah</strong>Siyah bir alta siyah ceket ile tepeden tırnağa güçlü bir silüet.</li>
      <li><strong>Katmanlı Mevsim</strong>Triko altına giyerek sonbahar-ilkbahar geçişlerine hazır olun.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C narin yıkama</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Düşük ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Makine kurutması önerilmez</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Ters çevirerek yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Keten kumaş doğası gereği hafif kırışır; bu kırışıklık ürünün doğal güzelliğinin parçasıdır. Gerekirse düşük ısıda buharlı ütüleyin.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Keten ağırlaşır mı?</h4><p>Hayır; keten kumaş hafiftir ve nefes alır, hatta yazın serinletici etki sunar.</p></div>
    <div class="lesa-faq-item"><h4>İkili bedenli nasıl seçim yapmalıyım?</h4><p>S-M arası kullanıcılar ilk bedeni, L-XL arası kullanıcılar ikinci bedeni tercih edebilir.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Siyah Bronş Detaylı Keten Ceket

Beyaz Saten Klasik Gömlek

Bordo Saten Klasik Gömlek

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>yüksek bel ve bol paça</strong> kesimdedir; gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">High Waist / Wide Leg</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>38</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>162–170</td><td>58–68</td></tr>
              <tr><td>40</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>164–172</td><td>66–76</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"38",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"40",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Beyaz Ön Pile Detaylı Yüksek Bel Pantolon</h2>
    <p>Yüksek bel duruşuyla bacakları uzatan, ön pile detayıyla terzilik hissi veren zarif pantolon.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Bir pantolon, binbir duruş.</strong> Beyaz Ön Pile Detaylı Yüksek Bel Pantolon, klasik terzilikten esinlenen ön pile detayıyla bacaklara uzatıcı bir siluet kazandırır. Yüksek bel, beli inceltir ve üst-alt orantısını zarif şekilde dengeler.</p>
    <p>Temiz beyaz renk, kumaş dokusunun düşüşünü ön plana çıkarır; pile çizgileri ise pantolona klasik bir karakter katar. <strong>Ofisten davete</strong> tek bir pantolonla güvenle geçiş yapın.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Yüksek Bel</h4><p>Beli ince gösterir ve bacakları uzatır.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Ön Pile Detayı</h4><p>Terzilik hissi veren, pantolona karakter katan klasik çizgi.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Düşük Paça</h4><p>Ayak üstünde zarif bir kırık oluşturan bol kesim paça.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Temiz Beyaz</h4><p>Her mevsim, her kombin için uygun, aydınlık bir taban rengi.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Beyaz</td></tr>
      <tr><th>Kumaş</th><td>Dökümlü pantolon kumaşı</td></tr>
      <tr><th>Kesim</th><td>Yüksek bel, bol paça</td></tr>
      <tr><th>Ön Detay</th><td>Pile (terzi pile)</td></tr>
      <tr><th>Kapama</th><td>Fermuarlı, düğmeli</td></tr>
      <tr><th>Cep</th><td>Yan iki cep</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Klasik Ofis</strong>Saten gömlek ve ince topuklularla klasik bir beyaz üzerine beyaz ofis şıklığı.</li>
      <li><strong>Rahat Zarafet</strong>Oversize beyaz tişört ve spor ayakkabıyla bakımlı ama rahat bir şehir kombini.</li>
      <li><strong>Davet</strong>Kaşmir triko ve kemerle, ince topuklu sandaletle zarif bir davet duruşu.</li>
      <li><strong>Monokrom Beyaz</strong>Aynı tondaki beyaz gömlekle baştan aşağı tek renk sofistike bir kombin.</li>
      <li><strong>Zıt Renk Vurgusu</strong>Siyah body ve siyah blazer ile keskin, kontrast bir şehir duruşu.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C makine yıkaması</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Orta ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Kurutmayı doğal yapın</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Benzer renklerle yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Beyaz rengin parlaklığını uzun süre korumak için benzer renklerle yıkayın, doğrudan güneşte kurutmaktan kaçının.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Kumaş şeffaf mı?</h4><p>Hayır, pantolon kumaşı kapatıcıdır. Yine de nude iç giyim kullanımı önerilir.</p></div>
    <div class="lesa-faq-item"><h4>Paça uzunluğu uzatılabilir mi?</h4><p>Pantolon bol paça kesimdedir; terzi aracılığıyla istenilen boya getirilebilir.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Beyaz Ön Pile Detaylı Yüksek Bel Pantolon

Mavi Çizgili Beli Lastikli Gömlek Elbise

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>midi kesim</strong> olup gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">A-Line / Midi</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>36</td><td>84–88</td><td>64–68</td><td>90–94</td><td>158–166</td><td>52–60</td></tr>
              <tr><td>M</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>160–168</td><td>58–68</td></tr>
              <tr><td>L</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>162–170</td><td>66–76</td></tr>
              <tr><td>XL</td><td>42</td><td>96–100</td><td>76–80</td><td>102–106</td><td>162–172</td><td>74–84</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S",tr:"36",gogusMin:84,gogusMax:88,belMin:64,belMax:68,kalcaMin:90,kalcaMax:94},{label:"M",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"L",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102},{label:"XL",tr:"42",gogusMin:96,gogusMax:100,belMin:76,belMax:80,kalcaMin:102,kalcaMax:106}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Önden Düğüm ve Yırtmaç Detaylı Kareli Etek</h2>
    <p>Kareli desenin klasik karakteri, önden düğüm detayının modern hâli ile buluştu.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Detayın gücü.</strong> Kareli etek, klasik bir desenin güncel yorumu. Önden düğüm detayı etege oyuncu bir hareket katarken, yırtmaç hem hareket kolaylığı hem de zarif bir açılım sunar.</p>
    <p>Sonbaharın ilk yaprakları dökülürken sizinle olmak için tasarlandı.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Kareli Desen</h4><p>Klasik İngiliz esintisi, zamansız bir motif.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Önden Düğüm</h4><p>Etece karakter katan, oyuncu bir detay.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Yırtmaç</h4><p>Hareket kolaylığı ve görsel derinlik.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Sonbahar Paleti</h4><p>Mevsim atmosferine uygun sıcak tonlar.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Ekose / Kareli</td></tr>
      <tr><th>Kumaş</th><td>Dokuma kumaş (etek kumaşı)</td></tr>
      <tr><th>Kesim</th><td>Midi boy, bel oturuşlu</td></tr>
      <tr><th>Detay</th><td>Önden düğüm + yırtmaç</td></tr>
      <tr><th>Kapama</th><td>Fermuarlı / düğme detayı</td></tr>
      <tr><th>Astar</th><td>Astarlı</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Klasik Sonbahar</strong>Boğazlı triko ve binici çizmelerle mevsim klasiği.</li>
      <li><strong>Okul Şıklığı</strong>Beyaz gömlek ve spor ceket ile preppy akademisyen stili.</li>
      <li><strong>Modern Kontrast</strong>Siyah tişört ve siyah bot ile sert-yumuşak zıtlığı.</li>
      <li><strong>Kaşmir Dokunuşu</strong>Krem kaşmir triko ve ince kemerle sofistike bir görünüm.</li>
      <li><strong>Deri Karışımı</strong>Kısa deri ceket ile rock dokunuşlu bir sonbahar kombini.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C narin yıkama</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Düşük ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Makine kurutması önerilmez</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Ters çevirerek yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Kareli desenin renklerini korumak için ters çevirip soğuk yıkayın, kurutma makinesinden kaçının.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Önden düğüm fonksiyonel mi?</h4><p>Detay hem dekoratif hem de etek kapamasının bir parçasıdır.</p></div>
    <div class="lesa-faq-item"><h4>Hangi mevsimde giyilir?</h4><p>Kumaş yapısı sonbahar-kış-erken ilkbaharı destekler.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Önden Düğüm ve Yırtmaç Detaylı Kareli Etek

Ekose

Premium Likralı Kemerli Lacivert Pantolon

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>dar midi kesim</strong> olup gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">Pencil / Midi</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>36</td><td>84–88</td><td>64–68</td><td>90–94</td><td>158–166</td><td>52–60</td></tr>
              <tr><td>M</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>160–168</td><td>58–68</td></tr>
              <tr><td>L</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>162–170</td><td>66–76</td></tr>
              <tr><td>XL</td><td>42</td><td>96–100</td><td>76–80</td><td>102–106</td><td>162–172</td><td>74–84</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S",tr:"36",gogusMin:84,gogusMax:88,belMin:64,belMax:68,kalcaMin:90,kalcaMax:94},{label:"M",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"L",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102},{label:"XL",tr:"42",gogusMin:96,gogusMax:100,belMin:76,belMax:80,kalcaMin:102,kalcaMax:106}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Yırtmaç Detaylı Dokuma Etek</h2>
    <p>Net hatları, yırtmaç detayı ve dokuma kumaş dokusuyla minimalist bir şehir klasiği.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Sessiz bir güç.</strong> Yırtmaç Detaylı Dokuma Etek, temiz çizgileri ve stratejik yırtmacıyla minimalizmi zarif bir ifadeye çevirir. Dokuma kumaşın sağlam duruşu, silueti tanımlar.</p>
    <p>Ofisten davete geçiş yapan, siyahın derinliğiyle kendine has bir zaman dilimi oluşturan etek.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Yırtmaç Detayı</h4><p>Hareket kolaylığı ve zarif bir açılım sunar.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Dokuma Kumaş</h4><p>Sert duruşlu, form koruyan yapısal kumaş.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Zamansız Siyah</h4><p>Her üstle kolayca uyumlanan nötr taban.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Midi Boy</h4><p>Tarzlar arası geçiş yapmayı kolaylaştıran dengeli uzunluk.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Siyah</td></tr>
      <tr><th>Kumaş</th><td>Dokuma (pantolon kumaşı)</td></tr>
      <tr><th>Kesim</th><td>Dar, midi boy</td></tr>
      <tr><th>Detay</th><td>Arka/yan yırtmaç</td></tr>
      <tr><th>Kapama</th><td>Fermuarlı</td></tr>
      <tr><th>Astar</th><td>Astarlı</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Ofis Klasiği</strong>Beyaz saten gömlek ve stiletto ile kusursuz bir ofis duruşu.</li>
      <li><strong>Akşam Dokunuşu</strong>Siyah büstiyer ve dramatic küpelerle ile davet stili.</li>
      <li><strong>Günlük Zarafet</strong>Basic tişört ve spor ayakkabıyla dekontrakte şehir kombini.</li>
      <li><strong>Çizme Kombini</strong>Uzun siyah çizme ile kış mevsimine uyarlayın.</li>
      <li><strong>Triko Karışımı</strong>Boğazlı triko içine yerleştirerek sofistike sonbahar stili.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C makine yıkaması</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Orta ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Kurutmayı doğal yapın</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Benzer renklerle yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Siyah etek derinliğini korumak için ters çevirerek yıkayın, güneşte kurutmayın.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Yırtmaç ne kadar?</h4><p>Hareket kolaylığı sağlayan orta boyutlu bir yırtmaçtır; zarif bir açılım sunar.</p></div>
    <div class="lesa-faq-item"><h4>Astarlı mı?</h4><p>Evet, etek iç astarlıdır; kumaşın duruşunu ve opaklığını desteklerler.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Yırtmaç Detaylı Dokuma Etek

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>dar gövde / dizden açılan paça</strong> kesimdedir; gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">Slim / Flare</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>36</td><td>84–88</td><td>64–68</td><td>90–94</td><td>158–166</td><td>52–60</td></tr>
              <tr><td>M</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>160–168</td><td>58–68</td></tr>
              <tr><td>L</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>162–170</td><td>66–76</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S",tr:"36",gogusMin:84,gogusMax:88,belMin:64,belMax:68,kalcaMin:90,kalcaMax:94},{label:"M",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"L",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Lacivert</h2>
    <p>Toparlayıcı yüksek bel, dramatic İspanyol paça; lacivert zarafetiyle buluşuyor.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Konforu şekillendiren tayt.</strong> Oysh serisi tayt pantolon, yüksek bel yapısıyla karın bölgesini hafifçe toparlar, kalçayı belirginleştirir. İspanyol paça ise dizden aşağı açılan siluetiyle boya zarafet katar.</p>
    <p>Lacivert; siyahtan daha yumuşak, klasik zarafetiyle her kombin için vazgeçilmez.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Toparlayıcı Bel</h4><p>Yüksek bel bölgesi hafif toparlayıcı etkiyle silueti şekillendirir.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>İspanyol Paça</h4><p>Bacak hattını uzatan dramatik, dizden açılan kesim.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Esneklik</h4><p>Hareket halinde vücudu sıkmadan kavrayan yüksek esnek kumaş.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Zarif Lacivert</h4><p>Her cilt tonuna yakışan nötr-soft bir renk.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Lacivert</td></tr>
      <tr><th>Kumaş</th><td>Yüksek esnekli tayt kumaşı</td></tr>
      <tr><th>Kesim</th><td>Yüksek bel, İspanyol paça</td></tr>
      <tr><th>Bel</th><td>Toparlayıcı, lastikli</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Ofis Rahatlığı</strong>Beyaz saten gömlek ve ince topuklularla klasik bir şehir kombini.</li>
      <li><strong>Günlük Enerji</strong>Uzun bir tişört ve spor ayakkabı ile akşam yürüyüşü stili.</li>
      <li><strong>Modern Şıklık</strong>Kısa trençkot ve siyah botla mevsim geçiş kombini.</li>
      <li><strong>Akşam Stili</strong>Büstiyer ve altın aksesuarlarla gece için uyarlayın.</li>
      <li><strong>Katmanlı Görünüm</strong>Uzun bir süveter ile toparlayıcı etkiyi desteklerken kesim hattını ön plana çıkarın.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C makine yıkaması</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Orta ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Kurutmayı doğal yapın</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Benzer renklerle yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Kumaş esnekliğini korumak için 30°C’de yıkayın ve kurutma makinesi kullanmayın.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Toparlama etkisi belirgin mi?</h4><p>Yüksek bel ve esnek dokuma sayesinde karın bölgesinde hafif-orta toparlayıcı etki hissedilir.</p></div>
    <div class="lesa-faq-item"><h4>Diz altı ne kadar açılır?</h4><p>Klasik İspanyol paça hattında orta-geniş bir açılım vardır; hareket ederken zarif bir dalgalanma oluşturur.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Lacivert

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>dar gövde / dizden açılan paça</strong> kesimdedir; gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">Slim / Flare</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>36</td><td>84–88</td><td>64–68</td><td>90–94</td><td>158–166</td><td>52–60</td></tr>
              <tr><td>M</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>160–168</td><td>58–68</td></tr>
              <tr><td>L</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>162–170</td><td>66–76</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S",tr:"36",gogusMin:84,gogusMax:88,belMin:64,belMax:68,kalcaMin:90,kalcaMax:94},{label:"M",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"L",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Siyah</h2>
    <p>Gardırobun temel taşı: siyahın zamansızlığı, toparlayıcı tayt teknolojisiyle bir arada.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Herkesin ihtiyaç duyduğu siyah tayt.</strong> Oysh Siyah Tayt Pantolon, yüksek bel toparlayıcı etkisiyle silueti güzelleştirir; dizden İspanyol açılan paça ise bacakları uzatır.</p>
    <p>Siyahın gücü, her kombinde destek sağlar — sadelikten cüretkar görünüme tek bir parçayla geçiş yapın.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Zamansız Siyah</h4><p>Her ortamda yerini bulan, nötrün kralı.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Toparlayıcı Bel</h4><p>Karın bölgesinde hafif toparlayıcı etki.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>İspanyol Paça</h4><p>Dizden uzayan, siluet uzatıcı kesim.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Yüksek Esneklik</h4><p>Rahat hareket için tasarlanmış performans kumaş.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Siyah</td></tr>
      <tr><th>Kumaş</th><td>Yüksek esnekli tayt kumaşı</td></tr>
      <tr><th>Kesim</th><td>Yüksek bel, İspanyol paça</td></tr>
      <tr><th>Bel</th><td>Toparlayıcı, lastikli</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Klasik Şehir</strong>Beyaz gömlek ve ince topuklularla keskin zıtlık.</li>
      <li><strong>Günlük Rahat</strong>Oversize sweatshirt ve spor ayakkabıyla günlük enerji.</li>
      <li><strong>Gece Dokunuşu</strong>Siyah büstiyer ve platform sandaletle dramatik gece stili.</li>
      <li><strong>Deri Ceket</strong>Kısa deri ceket ve siyah botla rock’n’roll dokunuşu.</li>
      <li><strong>Triko Katmanı</strong>Uzun triko veya hırka ile sonbahar-kış kombini.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C makine yıkaması</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Orta ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Kurutmayı doğal yapın</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Benzer renklerle yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Siyah rengin canlılığını korumak için ters yüz ve benzer renklerle yıkayın.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Diğer siyah taytlardan farkı ne?</h4><p>Yüksek bel toparlayıcı etki ve İspanyol paça kesimi, klasik siyah tayttan ayıran belirgin özelliklerdir.</p></div>
    <div class="lesa-faq-item"><h4>Spor için uygun mu?</h4><p>Dar gövde ve yüksek esneklik sayesinde pilates, yürüyüş ve hafif aktivitelerde de rahat kullanılabilir.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Siyah

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>dar gövde / dizden açılan paça</strong> kesimdedir; gerçek bedene uygundur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">Slim / Flare</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>36</td><td>84–88</td><td>64–68</td><td>90–94</td><td>158–166</td><td>52–60</td></tr>
              <tr><td>M</td><td>38</td><td>88–92</td><td>68–72</td><td>94–98</td><td>160–168</td><td>58–68</td></tr>
              <tr><td>L</td><td>40</td><td>92–96</td><td>72–76</td><td>98–102</td><td>162–170</td><td>66–76</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"S",tr:"36",gogusMin:84,gogusMax:88,belMin:64,belMax:68,kalcaMin:90,kalcaMax:94},{label:"M",tr:"38",gogusMin:88,gogusMax:92,belMin:68,belMax:72,kalcaMin:94,kalcaMax:98},{label:"L",tr:"40",gogusMin:92,gogusMax:96,belMin:72,belMax:76,kalcaMin:98,kalcaMax:102}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Mürdüm</h2>
    <p>Derin mürdümün sofistikasyonu, toparlayıcı tayt konforuyla birleşiyor.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>Mürdüm, cesur ve asil.</strong> Oysh Mürdüm Tayt Pantolon, zengin mor-şarap arasındaki zarif tonuyla fark yaratır. Yüksek bel toparlayıcı etkisi ve İspanyol paça dramatik kesimi ile size hem konfor hem karakter sunar.</p>
    <p>Siyahın alternatifi arıyorsanız, mürdüm tam size göre — klasik etkili ama aynı zamanda çarpıcı.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>Zengin Mürdüm</h4><p>Sonbahar-kışın en sofistike tonu.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Toparlayıcı Bel</h4><p>Siluet üzerinde hafif-orta toparlayıcı etki.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>İspanyol Paça</h4><p>Dizden aşağı açılan, uzatıcı ve dramatik paça.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Yüksek Esneklik</h4><p>Vücudu sıkmadan kavrayan rahat ama formlu kumaş.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Mürdüm</td></tr>
      <tr><th>Kumaş</th><td>Yüksek esnekli tayt kumaşı</td></tr>
      <tr><th>Kesim</th><td>Yüksek bel, İspanyol paça</td></tr>
      <tr><th>Bel</th><td>Toparlayıcı, lastikli</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Sonbahar Klasiği</strong>Krem triko ve kahve topuklularla klasik sonbahar kombini.</li>
      <li><strong>Cesur Kontrast</strong>Siyah deri ceketle dramatik ve güçlü bir stil.</li>
      <li><strong>Monokrom Asalet</strong>Mürdüm-şarap tonlarında farklı parçalarla zengin tek renk.</li>
      <li><strong>Modern Bot</strong>Uzun binici çizme ile şehirli at-biniciliği stili.</li>
      <li><strong>Akşam Vurgusu</strong>Altın aksesuarlar ve koyu makyajla akşam için uyarlayın.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C makine yıkaması</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Orta ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Kurutmayı doğal yapın</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Benzer renklerle yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Mürdüm tonunun derinliğini korumak için ters yüz ve benzer renklerle yıkayın.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>Mürdüm tonu koyu mu açık mı?</h4><p>Orta-koyu, şarap kırmızısına yakın ama daha mor tonda bir renk.</p></div>
    <div class="lesa-faq-item"><h4>İspanyol paça hangi ayakkabı ile uyumlu?</h4><p>Topuklu, bot ve platform sandalet ile uyumludur; düz ayakkabıda paça zemine değebilir.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>

Oysh İspanyol Paça Yüksek Bel Toparlayıcı Tayt - Mürdüm

Mürdüm

<style>
  .lesa-product-desc { font-family: 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 100%; margin: 0; padding: 0; }
  .lesa-product-desc * { box-sizing: border-box; }
  .lesa-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 36px 28px; text-align: center; margin-bottom: 32px; border-radius: 4px; }
  .lesa-hero h2 { font-size: 24px; letter-spacing: 3px; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; }
  .lesa-hero p { font-size: 15px; max-width: 640px; margin: 0 auto; opacity: 0.9; font-style: italic; }
  .lesa-intro { font-size: 16px; line-height: 1.8; margin-bottom: 32px; padding: 0 4px; }
  .lesa-intro strong { color: #000; font-weight: 600; }
  .lesa-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 32px 0; }
  .lesa-feature-card { background: #f8f8f8; padding: 20px; border-left: 3px solid #1a1a1a; border-radius: 2px; }
  .lesa-feature-card .icon { font-size: 22px; display: block; margin-bottom: 8px; }
  .lesa-feature-card h4 { margin: 0 0 6px 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1a1a1a; }
  .lesa-feature-card p { margin: 0; font-size: 13px; color: #555; line-height: 1.5; }
  .lesa-section { margin: 10px 0; padding: 0 0px; }
  .lesa-section h3 { font-size: 20px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
  .lesa-section p { font-size: 15px; color: #333; margin-bottom: 14px; }
  .lesa-details-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
  .lesa-details-table th, .lesa-details-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #ececec; }
  .lesa-details-table th { width: 40%; font-weight: 600; color: #1a1a1a; background: #fafafa; }
  .lesa-details-table td { color: #555; }
  .lesa-styling { background: #faf8f5; padding: 28px 24px; border-radius: 4px; margin: 32px 0; }
  .lesa-styling h3 { border: none; padding: 0; margin-bottom: 18px; }
  .lesa-styling ul { list-style: none; padding: 0; margin: 0; }
  .lesa-styling li { padding: 12px 0 12px 28px; position: relative; font-size: 15px; border-bottom: 1px dashed #e0d8c8; }
  .lesa-styling li:last-child { border-bottom: none; }
  .lesa-styling li::before { content: "◆"; position: absolute; left: 0; top: 12px; color: #1a1a1a; font-size: 10px; }
  .lesa-styling li strong { display: block; margin-bottom: 4px; color: #1a1a1a; }
  .lesa-care { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; }
  .lesa-care-item { text-align: center; padding: 18px 10px; background: #f8f8f8; border-radius: 4px; }
  .lesa-care-item .symbol { font-size: 26px; display: block; margin-bottom: 6px; }
  .lesa-care-item span.label { font-size: 12px; color: #555; display: block; line-height: 1.4; }
  .lesa-faq-item { border-bottom: 1px solid #ececec; padding: 16px 0; }
  .lesa-faq-item:last-child { border-bottom: none; }
  .lesa-faq-item h4 { margin: 0 0 8px 0; font-size: 15px; color: #1a1a1a; font-weight: 600; }
  .lesa-faq-item p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
  .lesa-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 28px 0; }
  .lesa-badge { display: inline-block; padding: 8px 16px; background: #1a1a1a; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 20px; }
  .lesa-size-wrapper { margin: 20px 0; }
  @media (max-width: 600px) {
    .lesa-hero { padding: 28px 18px; }
    .lesa-hero h2 { font-size: 19px; letter-spacing: 2px; }
    .lesa-section h3 { font-size: 17px; }
    .lesa-features { grid-template-columns: 1fr; }
  }
  /* BEDEN TABLOSU WIDGET STİLLERİ */
  #lc-root, #lc-root *, #lc-overlay, #lc-overlay * { box-sizing: border-box; }
  #lc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; width: 100%; max-width: 920px; }
  .lc-kb { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; margin-bottom: 14px; background: #f0f0f0; color: #777; }
  .lc-tw { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lc-t { width: 100%; min-width: 420px; border-collapse: collapse; font-size: 13px; }
  .lc-t th { background: #1a1a1a; color: #fff; padding: 9px 13px; text-align: center; font-weight: 400; font-size: 12px; letter-spacing: .04em; white-space: nowrap; }
  .lc-t th:first-child { text-align: left; padding-left: 16px; border-radius: 6px 0 0 0; }
  .lc-t th:last-child { border-radius: 0 6px 0 0; }
  .lc-t td { padding: 9px 13px; text-align: center; border-bottom: 1px solid #f2f2f2; color: #333; white-space: nowrap; font-size: 13px; }
  .lc-t td:first-child { text-align: left; font-weight: 700; padding-left: 16px; font-size: 14px; color: #1a1a1a; }
  .lc-t tr:last-child td { border-bottom: none; }
  .lc-t tr:hover td { background: #fafafa; }
  .lc-tnote { margin-top: 9px; font-size: 11px; color: #bbb; }
  .lc-tip { margin-top: 8px; font-size: 12px; color: #b07d4e; background: #fdf6ee; padding: 7px 11px; border-radius: 5px; border-left: 2px solid #e8a96a; }
  .lc-open-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; border: 1px solid #1a1a1a; border-radius: 6px; font-size: 13px; font-weight: 500; color: #1a1a1a; cursor: pointer; font-family: inherit; }
  .lc-open-btn:hover { background: #1a1a1a; color: #fff; }
  #lc-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 999999; align-items: center; justify-content: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  #lc-overlay.lc-open { display: flex; }
  .lc-modal { background: #fff; border-radius: 12px; padding: 24px; width: 90%; max-width: 420px; position: relative; max-height: 90vh; overflow-y: auto; }
  .lc-modal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
  .lc-modal-title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
  .lc-close { background: none; border: none; cursor: pointer; padding: 4px; color: #aaa; font-size: 20px; line-height: 1; font-family: inherit; }
  .lc-close:hover { color: #1a1a1a; }
  .lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; }
  .lc-field { display: flex; flex-direction: column; gap: 5px; }
  .lc-fl { font-size: 11px; font-weight: 700; color: #999; letter-spacing: .04em; text-transform: uppercase; }
  .lc-field input { width: 100%; padding: 8px 11px; font-size: 13px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #222; outline: none; -webkit-appearance: none; font-family: inherit; }
  .lc-field input:focus { border-color: #aaa; }
  .lc-field input::placeholder { color: #ccc; }
  .lc-sec { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #bbb; text-transform: uppercase; margin-bottom: 9px; }
  .lc-opt { font-size: 10px; color: #ccc; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .lc-btn { width: 100%; padding: 10px; background: #1a1a1a; color: #fff; border: none; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; margin-top: 4px; font-family: inherit; }
  .lc-btn:hover { background: #333; }
  .lc-res { margin-top: 14px; display: none; }
  .lc-res.lc-show { display: block; }
  .lc-badge-result { display: flex; align-items: center; background: #f9f9f9; border-radius: 10px; padding: 12px 16px; margin-bottom: 8px; gap: 14px; }
  .lc-sn { font-size: 34px; font-weight: 600; color: #1a1a1a; line-height: 1; }
  .lc-si { display: flex; flex-direction: column; gap: 3px; }
  .lc-trno { font-size: 12px; color: #999; }
  .lc-conf { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #b07d4e; }
  .lc-conf.lc-yuksek { color: #2e7d32; }
  .lc-alt { font-size: 12px; color: #aaa; margin-bottom: 6px; }
  .lc-warn { font-size: 11px; color: #b07d4e; padding: 8px 11px; background: #fdf6ee; border-radius: 6px; border-left: 2px solid #e8a96a; line-height: 1.6; }
  .lc-hr { border: none; border-top: 1px solid #efefef; margin: 12px 0; }
</style>

  
  
  <div class="lesa-section">
    <h3>Beden Tablosu &amp; Beden Seçimi</h3>
    <p>Ürün <strong>A kesim standart beden</strong> olup 36-44 aralığı rahat oturur. Aşağıdaki tabloyu inceleyerek bedeninizi belirleyebilir, isterseniz <strong>"Bedenimi Bul"</strong> aracını kullanarak boy-kilo ve vücut ölçülerinize göre hızlıca öneri alabilirsiniz.</p>
    <div class="lesa-size-wrapper">
      <div id="lc-root">
        <div class="lc-kb">A-Line / Oversize Standart</div>
        <div class="lc-tw">
          <table class="lc-t">
            <thead>
              <tr>
                <th>Beden</th><th>TR No</th><th>Göğüs (cm)</th><th>Bel (cm)</th><th>Kalça (cm)</th><th>Boy (cm)</th><th>Kilo (kg)</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>STD</td><td>36-44</td><td>84–100</td><td>64–80</td><td>90–106</td><td>158–174</td><td>52–82</td></tr>
            </tbody>
          </table>
        </div>
        <div class="lc-tnote">📏 Ölçüler vücut ölçülerinizi yansıtmaktadır, ürün ölçüleri değildir.</div>
        <button class="lc-open-btn" type="button" onclick="document.getElementById('lc-overlay').classList.add('lc-open');">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>
          Bedenimi Bul
        </button>
      </div>
      <div id="lc-overlay" onclick="if(event.target===this)this.classList.remove('lc-open');">
        <div class="lc-modal">
          <div class="lc-modal-header">
            <div class="lc-modal-title">Bedenimi Bul</div>
            <button class="lc-close" type="button" onclick="document.getElementById('lc-overlay').classList.remove('lc-open');">✕</button>
          </div>
          <div class="lc-sec">Boy &amp; Kilo</div>
          <div class="lc-grid">
            <div class="lc-field"><label class="lc-fl">Boy (cm)</label><input type="number" id="lc-boy" placeholder="165" min="140" max="200"></div>
            <div class="lc-field"><label class="lc-fl">Kilo (kg)</label><input type="number" id="lc-kilo" placeholder="60" min="35" max="150"></div>
          </div>
          <div class="lc-sec">Ölçüler <span class="lc-opt">— isteğe bağlı</span></div>
          <div class="lc-grid3">
            <div class="lc-field"><label class="lc-fl">Göğüs</label><input type="number" id="lc-gogus" placeholder="88"></div>
            <div class="lc-field"><label class="lc-fl">Bel</label><input type="number" id="lc-bel" placeholder="68"></div>
            <div class="lc-field"><label class="lc-fl">Kalça</label><input type="number" id="lc-kalca" placeholder="94"></div>
          </div>
          <button class="lc-btn" type="button" onclick="lcCalculate();">Hesapla</button>
          <div class="lc-res" id="lc-res">
            <hr class="lc-hr">
            <div class="lc-badge-result">
              <div class="lc-sn" id="lc-size-text"></div>
              <div class="lc-si">
                <div class="lc-trno" id="lc-trno-text"></div>
                <div class="lc-conf" id="lc-conf-text"></div>
              </div>
            </div>
            <div class="lc-alt" id="lc-alt-text"></div>
            <div class="lc-warn" id="lc-warn-text" style="display:none"></div>
          </div>
        </div>
      </div>
      <script>
/* Beden hesaplama fonksiyonu - global scope */
function lcCalculate() {
  var boyEl = document.getElementById('lc-boy');
  var kiloEl = document.getElementById('lc-kilo');
  var gogusEl = document.getElementById('lc-gogus');
  var belEl = document.getElementById('lc-bel');
  var kalcaEl = document.getElementById('lc-kalca');
  var boy = parseFloat(boyEl.value);
  var kilo = parseFloat(kiloEl.value);
  var gogus = parseFloat(gogusEl.value) || null;
  var bel = parseFloat(belEl.value) || null;
  var kalca = parseFloat(kalcaEl.value) || null;
  if (!boy || !kilo || boy < 140 || boy > 200 || kilo < 35 || kilo > 150) {
    alert('Lütfen geçerli boy (140-200 cm) ve kilo (35-150 kg) girin.');
    return;
  }
  var sizes = [{label:"STD",tr:"36-44",gogusMin:84,gogusMax:100,belMin:64,belMax:80,kalcaMin:90,kalcaMax:106}];
  var bmi = kilo / Math.pow(boy / 100, 2);
  var bmiIdx = bmi < 18.5 ? 0 : bmi < 21 ? 1 : bmi < 23.5 ? 2 : bmi < 26 ? 3 : Math.min(sizes.length-1, 4);
  var scores = [];
  for (var i = 0; i < sizes.length; i++) {
    var s = sizes[i];
    var score = 0;
    if (bmiIdx === i) score += 3;
    else if (Math.abs(bmiIdx - i) === 1) score += 1;
    if (gogus && gogus >= s.gogusMin && gogus <= s.gogusMax) score += 4;
    if (bel && bel >= s.belMin && bel <= s.belMax) score += 4;
    if (kalca && kalca >= s.kalcaMin && kalca <= s.kalcaMax) score += 4;
    scores.push({ i: i, score: score });
  }
  scores.sort(function (a, b) { return b.score - a.score; });
  var offset = 0;
  var bestIndex = Math.max(0, Math.min(sizes.length - 1, scores[0].i + offset));
  var altIndex = Math.max(0, Math.min(sizes.length - 1, (scores[1] ? scores[1].i : scores[0].i) + offset));
  var best = sizes[bestIndex];
  var alt = sizes[altIndex];
  var hasOlcu = !!(gogus || bel || kalca);
  document.getElementById('lc-size-text').textContent = best.label;
  document.getElementById('lc-trno-text').textContent = 'TR ' + best.tr;
  var conf = document.getElementById('lc-conf-text');
  conf.textContent = hasOlcu ? 'Yüksek güvenilirlik' : 'Tahmini sonuç';
  conf.className = 'lc-conf' + (hasOlcu ? ' lc-yuksek' : '');
  document.getElementById('lc-alt-text').textContent =
    (alt && alt.label !== best.label) ? 'Alternatif: ' + alt.label + ' (TR ' + alt.tr + ')' : '';
  var warn = document.getElementById('lc-warn-text');
  if (!hasOlcu) {
    warn.textContent = 'Ölçülerinizi de girerseniz çok daha isabetli sonuç alabilirsiniz.';
    warn.style.display = 'block';
  } else {
    warn.style.display = 'none';
  }
  document.getElementById('lc-res').classList.add('lc-show');
}
</script>
    </div>
  </div>
<div class="lesa-product-desc">
  <div class="lesa-hero">
    <h2>Soft Flow A Kesim Gömlek</h2>
    <p>A kesimin feminen düşüşü, akışkan dokumanın hafifliği, mürdüm tonun derinliği.</p>
  </div>
  <div class="lesa-intro">
    <p><strong>A kesim gömlek, zarafetin akışkan yüzü.</strong> Soft Flow serisi, A kesim kalıbı ile belden aşağı doğru zarif şekilde açılan bir silüet sunar. Hafif dökümlü kumaşı size hareketle akıyormuş hissi yaşatır.</p>
    <p>Mürdüm tonu; sonbahar ve kışın derin, olgun atmosferine tam oturur.</p>
  </div>
  <div class="lesa-features">
    <div class="lesa-feature-card"><span class="icon">✦</span><h4>A Kesim</h4><p>Belden aşağı genişleyen feminen kalıp.</p></div>
    <div class="lesa-feature-card"><span class="icon">◐</span><h4>Soft Flow Kumaş</h4><p>Akışkan, dökümlü, cilt dostu dokuma.</p></div>
    <div class="lesa-feature-card"><span class="icon">◇</span><h4>Mürdüm Ton</h4><p>Sonbahar-kış sofistikasyonunun rengi.</p></div>
    <div class="lesa-feature-card"><span class="icon">✿</span><h4>Standart Beden</h4><p>36-44 arasını kapsayan rahat tek beden.</p></div>
  </div>
  <div class="lesa-section">
    <h3>Ürün Detayları</h3>
    <table class="lesa-details-table">
      <tr><th>Renk</th><td>Mürdüm</td></tr>
      <tr><th>Kumaş</th><td>Soft flow dokuma (akışkan)</td></tr>
      <tr><th>Kesim</th><td>A kesim (standart beden)</td></tr>
      <tr><th>Yaka</th><td>Klasik gömlek yakası</td></tr>
      <tr><th>Kol</th><td>Uzun kol</td></tr>
      <tr><th>Kapama</th><td>Ön düğmeli</td></tr>
      <tr><th>Astar</th><td>Astarsız</td></tr>
      <tr><th>Menşei</th><td>Türkiye</td></tr>
    </table>
  </div>
  <div class="lesa-styling">
    <h3>Nasıl Kombinlenir?</h3>
    <ul>
      <li><strong>Minimal Günlük</strong>Beyaz kot ve deri bot ile hafif sonbahar kombini.</li>
      <li><strong>Ofis Tonlaması</strong>Siyah pantolon ve loafer ile derli toplu iş stili.</li>
      <li><strong>Katman Oyunu</strong>Kısa deri ceket veya trençkot altına yerleştirin.</li>
      <li><strong>Monokrom Derinlik</strong>Mürdüm-bordo-şarap tonlarıyla dramatik tek renk.</li>
      <li><strong>Kemer Vurgusu</strong>Beline ince deri kemer ekleyerek siluet yaratın.</li>
    </ul>
  </div>
  <div class="lesa-section">
    <h3>Bakım Talimatı</h3>
    <div class="lesa-care">
      <div class="lesa-care-item"><span class="symbol">🌡️</span><span class="label">30°C narin yıkama</span></div>
      <div class="lesa-care-item"><span class="symbol">⊘</span><span class="label">Çamaşır suyu kullanmayın</span></div>
      <div class="lesa-care-item"><span class="symbol">◉</span><span class="label">Düşük ısıda ütüleyin</span></div>
      <div class="lesa-care-item"><span class="symbol">⬒</span><span class="label">Makine kurutması önerilmez</span></div>
      <div class="lesa-care-item"><span class="symbol">✦</span><span class="label">Ters çevirerek yıkayın</span></div>
    </div>
    <p style="font-size: 13px; color: #666; margin-top: 14px;">Akışkan dokusunu korumak için ters çevirip düşük ısıda yıkayın, ütülemeyi düşük ısıda yapın.</p>
  </div>
  <div class="lesa-section">
    <h3>Sıkça Sorulan Sorular</h3>
    <div class="lesa-faq-item"><h4>A kesim nasıl oturur?</h4><p>Üstten göğüs hattını sarar, belden aşağı doğru hafifçe genişler; böylece rahat ama feminen bir silüet oluşur.</p></div>
    <div class="lesa-faq-item"><h4>Mürdüm tonu koyu mu?</h4><p>Orta-koyu, şarap kırmızısına yakın ama daha mor tonda bir renk.</p></div>
    <div class="lesa-faq-item"><h4>Sipariş ne zaman elime ulaşır?</h4><p>Siparişleriniz onaylandıktan sonra genellikle 1–3 iş günü içinde kargoya verilir. Teslimat süresi bölgenize göre değişiklik gösterebilir.</p></div>
    <div class="lesa-faq-item"><h4>İade ve değişim mümkün mü?</h4><p>Evet. Ürün üzerinde etiketler takılı ve kullanılmamış olmak kaydıyla yasal süreler içinde iade/değişim talebinde bulunabilirsiniz.</p></div>
  </div>
  <div class="lesa-badges">
    <span class="lesa-badge">✓ Kolay İade</span>
    <span class="lesa-badge">✓ Hızlı Kargo</span>
    <span class="lesa-badge">✓ Güvenli Ödeme</span>
    <span class="lesa-badge">✓ Türkiye Üretimi</span>
  </div>
</div>