DANTEL ETEK

<p>Asimetrik kesimi ve zarif dantel detaylarıyla feminen bir görünüm sunan bu etek, modern tasarımıyla öne çıkar. Elastik bel yapısı konforlu bir kullanım sağlarken, akıcı formu silüete hareket kazandırır. Günlük kombinlerden özel davet stillerine kadar farklı görünümlerle kolayca tamamlanabilir.</p>

<p>Kumaş İçeriği:%100 PES <!-- BEDEN TABLOSU TASARIMI BASLANGIC --></p>

<div class="bt-main-container">
<style type="text/css">/* CSS Çakışmalarını ve Editör Hatalarını Engelleme */
        .bt-main-container {
            display: block;
            margin: 25px 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            clear: both;
        }

        #bt-checkbox-unique {
            display: none !important;
            visibility: hidden !important;
        }

        /* Modern Kart Tasarımı */
        .bt-premium-card {
            display: inline-flex;
            align-items: center;
            background: #1e293b;
            border-radius: 16px;
            padding: 16px 24px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 10px 20px -5px rgba(30, 41, 59, 0.3);
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.1);
            user-select: none;
        }

        .bt-premium-card:hover {
            transform: translateY(-3px);
            background: #0f172a;
            box-shadow: 0 20px 25px -5px rgba(30, 41, 59, 0.4);
        }

        /* İkon */
        .bt-icon-wrapper {
            background: rgba(255, 255, 255, 0.1);
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: #38bdf8;
        }

        /* Yazılar */
        .bt-text-group {
            display: flex;
            flex-direction: column;
            text-align: left;
        }

        .bt-upper-text {
            font-size: 11px;
            font-weight: 700;
            color: #94a3b8;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 2px;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .bt-lower-text {
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
        }

        .bt-verified-badge {
            width: 10px;
            height: 10px;
            background: #22c55e;
            border-radius: 50%;
            display: inline-block;
        }

        /* Modal / Overlay Mekanizması */
        .bt-overlay {
            display: none;
            position: fixed;
            z-index: 10000000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 23, 42, 0.9);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        /* SİHİRLİ KURAL: Editör inputu p içine alsa bile çalışması için hiyerarşiyi zorluyoruz */
        #bt-checkbox-unique:checked ~ .bt-overlay,
        #bt-checkbox-unique:checked + .bt-premium-card + .bt-overlay,
        #bt-checkbox-unique:checked + label + .bt-overlay {
            display: flex !important;
        }

        .bt-modal-box {
            background: #ffffff;
            border-radius: 20px;
            width: 100%;
            max-width: 600px;
            position: relative;
            padding: 10px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        .bt-close-circle {
            position: absolute;
            top: -15px;
            right: -15px;
            width: 36px;
            height: 36px;
            background: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            color: #1e293b;
            font-size: 22px;
            font-weight: bold;
            z-index: 11;
        }

        .bt-image-wrap img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 12px;
        }

        @media (max-width: 768px) {
            .bt-premium-card { width: 100%; box-sizing: border-box; }
            .bt-close-circle { right: 5px; top: 5px; }
        }
</style>
<!-- MEKANİZMA --><input id="bt-checkbox-unique" type="checkbox" /> <!-- BUTON --> <label class="bt-premium-card" for="bt-checkbox-unique">
<div class="bt-icon-wrapper"><svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24"><path d="m2 12 5-5 5 5 5-5 5 5"></path><path d="M2 12v5a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5"></path><path d="M5 19v-2"></path><path d="M9 19v-2"></path><path d="M13 19v-2"></path><path d="M17 19v-2"></path><path d="M21 19v-2"></path></svg></div>

<div class="bt-text-group"><span class="bt-upper-text"> <span class="bt-verified-badge"></span> Ürüne Özel Ölçü Rehberi </span> <span class="bt-lower-text">Beden Tablosunu Gör</span></div>
</label> <!-- MODAL -->

<div class="bt-overlay">
<div class="bt-modal-box"><label class="bt-close-circle" for="bt-checkbox-unique">×</label>

<div class="bt-image-wrap"><img alt="Beden Tablosu" src="https://static.ticimax.cloud/76577/uploads/bankalogo/27fw7002_page-0001.jpg" /></div>
</div>
</div>
</div>
<!-- BEDEN TABLOSU TASARIMI BITIS -->