KATALOGLAR

Güncelleme : 25.09.2026 KATALOGLAR Ürün kataloglarını incelemek için katalog görsellerine tıklayabilirsiniz. /* ========================= SAYFA ========================= */ .catalog-page{ width:100%; max-width:1200px; margin:0 auto; padding:35px 20px 55px; font-family:Arial, Helvetica, sans-serif; background:#ffffff; box-sizing:border-box; position:relative; } /* ========================= BAŞLIK ========================= */ .catalog-page h1{ margin:0; padding:0; text-align:center; font-size:32px; line-height:1.2; font-weight:800; color:#111111; letter-spacing:.5px; } /* BAŞLIK ALT ÇİZGİ */ .catalog-page h1:after{ content:""; display:block; width:55px; height:4px; margin:12px auto 0; background:#ed1c24; border-radius:10px; } /* ========================= AÇIKLAMA ========================= */ .catalog-note{ text-align:center; margin:14px 0 35px; font-size:14px; line-height:1.5; font-weight:600; color:#ed1c24; } /* ========================= GÜNCELLEME TARİHİ ========================= */ .update-date{ position:absolute; top:12px; right:20px; font-size:11px; color:#999999; } /* ========================= KATALOG GRID ========================= */ .catalog-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; width:100%; } /* ========================= KATALOG KARTI ========================= */ .catalog-card{ display:block; width:100%; min-width:0; background:#ffffff; border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; text-decoration:none; box-shadow: 0 4px 14px rgba(0,0,0,.08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } /* HOVER */ .catalog-card:hover{ transform:translateY(-5px); border-color:#d5d5d5; box-shadow: 0 12px 28px rgba(0,0,0,.15); } /* ========================= BANNER ALANI ========================= */ .catalog-image{ width:100%; /* 1100 x 293 banner oranı */ aspect-ratio:1100 / 293; overflow:hidden; background:#111111; } /* ========================= BANNER GÖRSELİ ========================= */ .catalog-image img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform .35s ease; } .catalog-card:hover .catalog-image img{ transform:scale(1.025); } /* ========================= KATALOG ADI ========================= */ .catalog-title{ padding:13px 15px; text-align:center; font-size:14px; line-height:1.3; font-weight:700; color:#222222; background:#ffffff; } /* ========================= TABLET ========================= */ @media (max-width:900px){ .catalog-page{ padding-left:15px; padding-right:15px; } .catalog-grid{ gap:16px; } .catalog-title{ font-size:13px; } } /* ========================= MOBİL ========================= */ @media (max-width:650px){ .catalog-page{ padding:40px 10px 40px; } .catalog-page h1{ font-size:26px; } .catalog-note{ margin-bottom:25px; font-size:13px; } .catalog-grid{ grid-template-columns:1fr; gap:18px; } .catalog-title{ padding:12px; font-size:13px; } .update-date{ top:10px; right:10px; font-size:10px; } } /* ========================= ÇOK KÜÇÜK EKRAN ========================= */ @media (max-width:380px){ .catalog-page h1{ font-size:23px; } }