/* 1. Tablo Genel Yapısı ve Radiuslu Kenar Çerçeve */ .dynamic-product-table { width: 100%; border-collapse: separate !important; /* Radius için separate şarttır */ border-spacing: 0; border: 2px solid #003b7a !important; /* İstediğin lacivert çerçeve */ border-radius: 12px !important; /* Köşe yuvarlatma derecesi */ overflow: hidden; /* İçeriklerin köşelerden taşmasını engeller */ margin: 10px 0; } /* 1.1 Başlık Satırı Özel Ayarları */ .dynamic-product-table thead tr th { background-color: #003b7a !important; /* Başlık arka plan rengi */ color: #fff !important; /* Yazı rengi */ padding: 12px 8px !important; /* Yüksekliği artırmak/azaltmak için burayı değiştir */ font-weight: 700 !important; /* Yazıları daha kalın yapar */ border-bottom: 2px solid #ddd !important; /* Alt çizgiyi belirginleştirir */ } /* 1. Tablo Genel Yapısı ve Satır Yüksekliği */ .dynamic-product-table { width: 100%; border-collapse: collapse; } .dynamic-product-table td, .dynamic-product-table th { padding: 6px 4px !important; line-height: 1.2 !important; vertical-align: middle !important; border-bottom: 1px solid #eee; text-align: center; } /* 2. Miktar Kolonu ve Giriş Kutusu (Input) */ .dynamic-product-table th:nth-child(8) { width: 70px !important; } .qty-input { width: 60px !important; height: 30px !important; padding: 2px !important; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; text-align: center; vertical-align: middle; } /* Ok tuşlarını her zaman göster */ .qty-input::-webkit-inner-spin-button, .qty-input::-webkit-outer-spin-button { opacity: 1; } /* 3. Sepete Ekle Butonu */ .cart-btn-premium { padding: 6px 15px !important; font-size: 13px !important; vertical-align: middle; cursor: pointer; background-color: #a31533; color: white; border: none; border-radius: 4px; transition: 0.3s; } .cart-btn-premium:hover { background-color: #000; } /* 4. Fiyat ve Tutar Renkleri */ .calculated-price { font-weight: bold; color: #555; } .total-price { font-weight: bold; color: #222; }

document.addEventListener("DOMContentLoaded", function() { let css = ` .dynamic-product-table { width: 100%; border-collapse: collapse; } .dynamic-product-table td, .dynamic-product-table th { padding: 6px 4px !important; line-height: 1.2 !important; vertical-align: middle !important; border-bottom: 1px solid #eee; text-align: center; } .dynamic-product-table tbody tr:nth-child(odd) { background: #f7f9fc !important; } .dynamic-product-table tbody tr:nth-child(even) { background: #ffffff !important; } .qty-input { width: 60px !important; height: 30px !important; padding: 2px !important; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; text-align: center; } .cart-btn-premium { padding: 6px 15px !important; font-size: 13px !important; cursor: pointer; background-color: #003b7a !important; color: #fff !important; border: none !important; border-radius: 4px !important; transition: all 0.20s ease !important; } .cart-btn-premium:hover { background-color: #002b5a !important; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important; } `; let styleTag = document.createElement("style"); styleTag.innerHTML = css; document.head.appendChild(styleTag); });

STANDART HAZIR ÖLÇÜLER
Ölçüler	Birim Fiyat	Miktar	Tutar	Satın Al
27×0,90×3600 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
27×0,90×4200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
27×0,90×4800 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
27×0,90×5200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
27×0,90×5800 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
27×0,90×6200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
34×1,10×4200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
34×1,10×5200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
34×1,10×5800 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle
34×1,10×6200 mm Z: 4/TPI	Hesaplanıyor…		0.00 TL	Sepete Ekle