<!-- =========================
GAMA | ÜRÜN AÇIKLAMASI (PREMIUM COMPACT | TEK PARÇA)
Sayfa: Flex Paslanmaz Çelik 3/8'' – 1/2'' (555)
NOT: Marka + Ürün Kodu YOK (Varyasyon/SEO uyumlu)
========================= -->
<style type="text/css">/* ===== Kayma/float etkisini keser ===== */
.gama-anti-shift{
display:block !important;
width:100% !important;
max-width:100% !important;
clear:both !important;
float:none !important;
overflow:hidden !important;
}
.gama-anti-shift *{ box-sizing:border-box; max-width:100% !important; }
/* =========================
GAMA PREMIUM COMPACT
========================= */
.gama-premium{
--g1:#0A2E6D;
--text:#0b1220;
--line:rgba(16,24,40,.10);
--shadow:0 10px 24px rgba(16,24,40,.08);
--shadow2:0 8px 18px rgba(16,24,40,.06);
font-family:Montserrat, Arial, sans-serif;
color:var(--text);
margin:12px 0 14px;
}
.gama-premium .wrap{
position:relative;
border:1px solid var(--line);
border-radius:12px;
overflow:hidden;
background:linear-gradient(180deg, rgba(10,46,109,.06), rgba(255,255,255,.92) 58%, #fff 100%);
box-shadow:var(--shadow);
}
.gama-premium .top{
padding:14px 14px 10px;
position:relative;
}
.gama-premium .top:after{
content:"";
position:absolute;
inset:-70px -70px auto auto;
width:220px;
height:220px;
background:radial-gradient(circle, rgba(13,71,161,.14), rgba(13,71,161,0) 68%);
pointer-events:none;
}
.gama-premium h2{
margin:0;
font-size:18px;
line-height:1.25;
font-weight:900;
color:var(--g1);
letter-spacing:.15px;
}
.gama-premium .lead{
margin:8px 0 0;
font-size:13.7px;
line-height:1.7;
color:var(--text);
}
.gama-premium .divider{
height:1px;
background:linear-gradient(90deg, transparent, rgba(16,24,40,.12), transparent);
margin:0 14px;
}
.gama-premium .spec-area{
padding:10px 14px 12px;
display:grid;
grid-template-columns:1.15fr .85fr;
gap:10px;
}
@media(max-width:820px){
.gama-premium .spec-area{ grid-template-columns:1fr; }
}
/* Kartlar */
.gama-premium .spec,
.gama-premium .high{
background:#fff;
border:1px solid rgba(16,24,40,.08);
border-radius:12px;
padding:10px;
box-shadow:var(--shadow2);
}
/* ===== Teknik Özellikler: TABLE (kayma SIFIR) ===== */
.gama-premium .spec table{
width:100% !important;
border-collapse:collapse !important;
table-layout:fixed !important;
}
.gama-premium .spec td{
padding:8px 6px !important;
vertical-align:top !important;
}
.gama-premium .spec td.k{
width:140px !important;
font-weight:900 !important;
font-size:12.7px !important;
color:var(--g1) !important;
line-height:1.3 !important;
}
.gama-premium .spec td.v{
font-weight:650 !important;
font-size:12.7px !important;
color:var(--text) !important;
line-height:1.5 !important;
}
.gama-premium .spec tr + tr td{
border-top:1px dashed rgba(16,24,40,.10) !important;
}
/* ===== Öne Çıkanlar (dolu) ===== */
.gama-premium .high h3{
margin:0 0 8px;
font-size:13.5px;
font-weight:900;
color:var(--g1);
}
.gama-premium .pill-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
}
@media(max-width:520px){
.gama-premium .pill-grid{ grid-template-columns:1fr; }
}
.gama-premium .pill{
border:1px solid rgba(10,46,109,.18);
border-radius:10px;
padding:9px 10px;
font-size:12.7px;
font-weight:850;
color:var(--g1);
line-height:1.25;
background:linear-gradient(135deg, rgba(10,46,109,.06), rgba(13,71,161,.02));
}
/* mini etiket şeridi */
.gama-premium .mini-strip{
margin-top:10px;
border-top:1px dashed rgba(16,24,40,.10);
padding-top:10px;
display:flex;
flex-wrap:wrap;
gap:8px;
}
.gama-premium .mini-tag{
font-size:12px;
font-weight:800;
color:var(--g1);
border:1px solid rgba(10,46,109,.16);
border-radius:999px;
padding:7px 10px;
background:rgba(10,46,109,.04);
}
/* =========================
3’lü Bilgi Bloğu + HAREKET
========================= */
.gama-info{
--g1:#0A2E6D;
--text:#0b1220;
--line:rgba(16,24,40,.10);
font-family:Montserrat, Arial, sans-serif;
margin:12px 0 18px;
}
.gama-info .grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
@media(max-width:820px){ .gama-info .grid{ grid-template-columns:1fr; } }
.gama-info .box{
position:relative;
border:1px solid var(--line);
border-radius:12px;
padding:14px;
background:#fff;
box-shadow:0 10px 22px rgba(16,24,40,.06);
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
will-change:transform;
overflow:hidden;
}
.gama-info .box:before{
content:"";
position:absolute;
top:-54px;
right:-54px;
width:150px;
height:150px;
background:radial-gradient(circle, rgba(13,71,161,.16), rgba(13,71,161,0) 65%);
pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
.gama-info .box:hover{
transform:translateY(-6px);
box-shadow:0 14px 28px rgba(16,24,40,.12);
border-color:rgba(10,46,109,.22);
}
}
.gama-info h3{
margin:0 0 6px;
font-size:14.5px;
font-weight:900;
color:var(--g1);
}
.gama-info p{
margin:0;
font-size:13px;
line-height:1.65;
color:var(--text);
}
/* Mobil ince ayar */
@media(max-width:640px){
.gama-premium h2{ font-size:16.2px; }
.gama-premium .lead{ font-size:13.3px; }
.gama-premium .spec td.k{ width:118px !important; font-size:12.2px !important; }
.gama-premium .spec td.v{ font-size:12.2px !important; }
}
</style>
<div class="gama-anti-shift">
<section aria-label="GAMA Ürün Özellikleri" class="gama-premium">
<div class="wrap">
<div class="top">
<h2>Flex Paslanmaz Çelik 3/8'' – 3/8''</h2>
<p class="lead"><strong>Ara bağlantı flex</strong> ürünleri, uzun ömürlü kullanım hedefiyle; sürekli veya kısmi basınç altında çalışan tesisat noktalarında güvenli bağlantı sağlamak için üretilir. Kullanılan materyaller paslanmaya ve oksitlenmeye karşı dirençlidir.</p>
<p class="lead">Sürekli veya kısmi basınç altında çalışmaya uygun yapı; <strong>E.P.D.M. hortum (-5°C / +100°C)</strong> ve <strong>AISI 304 paslanmaz çelik tel örgü</strong> bileşenleriyle güvenli bağlantı hedefler. Bağlantı uçlarında <strong>nikel kaplamalı pirinç</strong> elemanlar tercih edilir.</p>
</div>
<div class="divider"> </div>
<div class="spec-area"><!-- Teknik Özellikler (Kod/Marka Yok) -->
<div aria-label="Teknik Özellikler" class="spec">
<table aria-label="Teknik Özellikler Tablosu" role="table">
<tbody>
<tr>
<td class="k">Bağlantı</td>
<td class="v">3/8'' – 3/8''</td>
</tr>
<tr>
<td class="k">Hortum</td>
<td class="v">E.P.D.M. (-5°C / +100°C)</td>
</tr>
<tr>
<td class="k">Tel Örgü</td>
<td class="v">304 kalite / AISI 304 paslanmaz çelik tel örgü</td>
</tr>
<tr>
<td class="k">Başlık</td>
<td class="v">Çubuk pirinç metal, 1. sınıf nikel kaplama</td>
</tr>
<tr>
<td class="k">Bağlantı Elemanı</td>
<td class="v">Örgülü hortum & başlık, paslanmaz çelik boru kapsülle tutturma</td>
</tr>
<tr>
<td class="k">Bağlantı Uçları</td>
<td class="v">Pirinç bağlantı uçları (nikel kaplı)</td>
</tr>
<tr>
<td class="k">Kapsül</td>
<td class="v">AISI 304 paslanmaz çelik tel örgü ve kapsül</td>
</tr>
<tr>
<td class="k">Üretim</td>
<td class="v">%100 yerli üretim</td>
</tr>
<tr>
<td class="k">Opsiyon</td>
<td class="v">Özel ölçüde başlık ve boyda üretim + mavi/kırmızı desen seçeneği</td>
</tr>
</tbody>
</table>
</div>
<!-- Öne Çıkanlar -->
<div aria-label="Öne Çıkanlar" class="high">
<h3>Öne Çıkanlar</h3>
<div class="pill-grid">
<div class="pill">✔ 3/8'' – 3/8'' Bağlantı</div>
<div class="pill">✔ EPDM (-5°C / +100°C)</div>
<div class="pill">✔ AISI 304 Tel Örgü</div>
<div class="pill">✔ AISI 304 Kapsül</div>
<div class="pill">✔ Pirinç Başlık (Nikel Kaplı)</div>
<div class="pill">✔ Pirinç Uçlar (Nikel Kaplı)</div>
<div class="pill">✔ Özel Ölçü / Desen Opsiyonu</div>
<div class="pill">✔ %100 Yerli Üretim</div>
</div>
<div aria-label="Kullanım Etiketleri" class="mini-strip">
<div class="mini-tag">Banyo</div>
<div class="mini-tag">Mutfak</div>
<div class="mini-tag">Tesisat</div>
<div class="mini-tag">Armatür</div>
</div>
</div>
</div>
</div>
</section>
<!-- 3'lü Bilgi Bloğu (HAREKETLİ) -->
<section aria-label="Ürün Bilgilendirme" class="gama-info">
<div class="grid">
<div class="box">
<h3>Hangi Sorunu Çözer?</h3>
<p>Kalitesiz bağlantılarda görülen <strong>sızdırma</strong>, <strong>gevşeme</strong> ve <strong>korozyon</strong> risklerini azaltmaya yardımcı olur.</p>
</div>
<div class="box">
<h3>Nerelerde Kullanılır?</h3>
<p>Batarya/armatür ve tesisat ara bağlantılarında; <strong>3/8'' – 1/2''</strong> ölçü gerektiren uygulamalarda tercih edilebilir.</p>
</div>
<div class="box">
<h3>Montaj İpucu</h3>
<p>Conta ve diş uyumunu kontrol edin. Aşırı sıkmadan montajı tamamlayın ve sızdırmazlık testini yapın.</p>
</div>
</div>
</section>
</div>