<> /* ---- GENEL ---- */ :root{ --container-pad:16px; --container-max:1200px; } *{box-sizing:border-box} img{max-width:100%;height:auto} /* WP/Elementor kutuları taşmasın */ .container, .elementor-section.elementor-section-boxed > .elementor-container{ max-width:var(--container-max); padding-left:var(--container-pad); padding-right:var(--container-pad); } /* Sticky header + z-index */ .site-header{position:sticky; top:0; z-index:1000; background:#0e0d0a} /* Logo, mobilde taşmasın */ .elementor-widget-pt_logo img{ width:clamp(140px, 28vw, 220px); height:auto; } /* Masaüstü menü görünümü */ @media (min-width:1025px){ .pt-menu.main-navigation{display:block !important} .menu-toggle{display:none !important} .sidemenu{display:none !important} } /* Tablet + Mobil: hamburger açık, desktop menü kapalı */ @media (max-width:1024px){ .pt-menu.main-navigation{display:none !important} .elementor-widget-pt_menu_toggle, .menu-toggle{display:inline-flex !important} } /* Mobil üst bilgi satırı (adres/telefon) tek satıra zorlanmasın */ @media (max-width:767px){ .elementor .pt-address a, .elementor .pt-tel a, .elementor .pt-email a{font-size:14px; line-height:1.4; display:inline-block} } /* Hero/başlık bölümleri taşma yapmasın */ .elementor-section[data-pt-background-image], .elementor-section[data-settings*="background_background"]{ background-size:cover !important; background-position:center !important; } /* ---- SİDEMENÜ (mobil) ---- */ .sidemenu{ position:fixed; inset:0 0 0 auto; width:min(85vw,420px); background:#111; color:#fff; z-index:1100; transform:translateX(100%); transition:transform .28s ease; box-shadow:-24px 0 60px rgba(0,0,0,.45); } .sidemenu.open{ transform:translateX(0) } .sidemenu .close-button{cursor:pointer} /* Sidemenu arkası tıklanamaz karartma */ .sidemenu-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1099; opacity:0; pointer-events:none; transition:opacity .28s ease; } .sidemenu-backdrop.show{ opacity:1; pointer-events:auto } /* ---- SAYFA GÖRSELLERİ (MENU IMG GALERİSİ) ---- */ #pages{display:grid; gap:16px} .page{ width:100%; aspect-ratio: 3 / 4; /* ilk yükte güvenli oran */ background-size:contain; background-repeat:no-repeat; background-position:center top; border-radius:8px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.35); } @media (min-width:768px){ #pages{ grid-template-columns: repeat(2, 1fr) } } @media (min-width:1200px){ #pages{ grid-template-columns: repeat(3, 1fr) } } /* Preloader mobilde ekranı kilitlemesin (loaded gelmese bile) */ #matrix-preloader-wrapper{max-width:100%; max-height:100%; overflow:hidden} @media (max-width:767px){ #matrix-preloader-wrapper #loader{width:72px; height:72px} } /* Aşırı agresif kopya/tuş engelleri mobil scroll’u bozmasın */ html,body{touch-action:manipulation}
Close
Close