.
============================================================ */@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;
}
}
Genzo’da Ara
Manga, hikâye, haber, test ve fan art içeriklerini keşfet.
GENZO FAN ART
