Zeppelin
Ürün Açıklaması
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap'); /* Reset & box-sizing */ * { box-sizing: border-box; margin: 0; padding: 0; } /* Video tam genişlik, boşlukları ez */ .video-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .video-container iframe { width: 100% !important; height: auto !important; display: block !important; margin: 0 !important; padding: 0 !important; border: none; } /* Fullwidth banner */ .fullwidth-section { background-color: #EFEFEF; position: relative; width: 100%; overflow: hidden; margin: 0 !important; padding: 0 !important; } .fullwidth-section img { width: 100%; max-height: 80vh; object-fit: cover; display: block; } .overlay-text { position: absolute; left: 20px; bottom: 20px; max-width: 90%; text-align: left; } .overlay-text h1, .overlay-text h2, .overlay-text .custom-p { color: #fff !important; margin: 0 !important; } /* h1: clamp ile responsive font boyutu, weight 400 */ .overlay-text h1 { font-family: 'Inter', Helvetica, Arial, sans-serif; font-size: clamp(24px, 8vw, 60px) !important; font-weight: 400 !important; line-height: 1.2 !important; margin-bottom: 15px !important; } /* SPLIT SECTION */ .split-section { background-color: #EFEFEF; display: flex; flex-wrap: wrap; width: 100%; margin: 0 !important; /* Sıfır boşluk */ padding: 0 !important; } .split-image, .split-text { width: 100%; } @media (min-width: 768px) { .split-image, .split-text { width: 50%; } } .split-image img { width: 100%; height: auto; display: block; margin: 0 !important; padding: 0 !important; } .split-text { display: flex !important; align-items: center !important; justify-content: center !important; /* Metin bloğunu sütunun ortasına al */ text-align: left !important; margin: 0 !important; padding: 20px !important; } .split-text > div { max-width: 600px; /* Metin bloğunun maksimum genişliği */ margin: 0 auto !important; padding: 0 !important; text-align: left !important; } /* H2 => 32px, we...