Giriş Yap -

. ============================================================ */ @media (max-width: 1024px) { /* Drawer genel güvenlik */ .titan-drawer { width: min(390px, calc(100vw - 18px)) !important; max-width: calc(100vw - 18px) !important; overflow: hidden !important; } .titan-drawer__head { min-height: 76px !important; padding: 12px 16px !important; align-items: center !important; } .titan-drawer__body { padding: 14px 16px 22px !important; max-height: calc(100dvh - 76px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } /* Drawer içindeki tüm SVG ikonların patlamasını engelle */ .titan-drawer svg, .titan-drawer__close svg, .titan-drawer-cta__btn svg, .titan-mobile-mini-btn svg, .titan-mobile-auth__btn svg, .titan-mobile-tool-row svg, .titan-drawer-link svg, .titan-nav-card svg { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; max-width: 18px !important; max-height: 18px !important; flex: 0 0 18px !important; display: block !important; object-fit: contain !important; } /* Üstte görünen yeşil/boş dev buton ihtimalini küçült */ .titan-drawer__close, .titan-mobile-toggle { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; padding: 0 !important; display: grid !important; place-items: center !important; border-radius: 14px !important; overflow: hidden !important; } /* Mobil tool satırları: arama yeşil dev karta dönüşmesin */ .titan-mobile-tools { gap: 8px !important; margin: 12px 0 18px !important; } .titan-mobile-tool-row { min-height: auto !important; height: auto !important; padding: 0 !important; border-radius: 16px !important; overflow: visible !important; background: transparent !important; border: 0 !important; } .titan-mobile-mini-btn, button.titan-mobile-mini-btn, a.titan-mobile-mini-btn { width: 100% !important; min-height: 46px !important; height: 46px !important; padding: 0 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 15px !important; border: 1px solid rgba(255,255,255,.10) !important; background: rgba(255,255,255,.055) !important; color: #f7f7fb !important; font-size: .86rem !important; font-weight: 850 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; overflow: hidden !important; } .titan-mobile-mini-btn--primary, button.titan-mobile-mini-btn--primary, a.titan-mobile-mini-btn--primary { background: linear-gradient(135deg, rgba(255,122,38,.22), rgba(255,122,38,.10)) !important; color: #fff !important; border-color: rgba(255,122,38,.28) !important; } /* Discord CTA: koca turuncu görsel blok yerine kompakt premium kart */ .titan-drawer-cta { margin-top: 18px !important; padding: 16px !important; border-radius: 22px !important; background: radial-gradient(circle at 0% 0%, rgba(255,122,38,.18), transparent 45%), rgba(255,122,38,.055) !important; border: 1px solid rgba(255,122,38,.22) !important; overflow: hidden !important; } .titan-drawer-cta__title { font-size: 1rem !important; line-height: 1.2 !important; margin-bottom: 5px !important; } .titan-drawer-cta__desc { font-size: .82rem !important; line-height: 1.45 !important; margin-bottom: 12px !important; } .titan-drawer-cta__btn { width: 100% !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; padding: 0 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 15px !important; background: #ff7a26 !important; color: #fff !important; font-size: .9rem !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; overflow: hidden !important; box-shadow: 0 12px 28px rgba(255,122,38,.18) !important; } /* Link kartları daha kompakt olsun, ekranı gereksiz yemesin */ .titan-drawer-link, .titan-nav-card.titan-drawer-link { min-height: 54px !important; padding: 8px 9px !important; grid-template-columns: 40px 1fr !important; gap: 10px !important; border-radius: 16px !important; } .titan-drawer-link__icon, .titan-nav-card.titan-drawer-link .titan-nav-card__icon { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; display: grid !important; place-items: center !important; } .titan-drawer-link__label, .titan-nav-card.titan-drawer-link .titan-nav-card__label { font-size: .9rem !important; line-height: 1.15 !important; } .titan-drawer-link__desc, .titan-nav-card.titan-drawer-link .titan-nav-card__desc { font-size: .74rem !important; line-height: 1.25 !important; } } @media (max-width: 420px) { .titan-drawer { width: calc(100vw - 14px) !important; max-width: calc(100vw - 14px) !important; } .titan-drawer__head { padding-left: 14px !important; padding-right: 14px !important; } .titan-drawer__body { padding-left: 14px !important; padding-right: 14px !important; } .titan-drawer-cta { padding: 14px !important; } }