/* --- SİBER CAM & NEON RENK PALETİ --- */
        :root {
            --bg-deep: #050505;
            --primary-glow: #00f0ff;    /* İdeal Neon Mavi / Camgöbeği */
            --secondary-glow: #ff003c;  /* Siber Kırmızı */
            --accent-green: #10b981;    /* Zümrüt Yeşili (Fiyatlar) */
            --glass-bg: rgba(20, 20, 25, 0.4);
            --glass-border: rgba(255, 255, 255, 0.08);
            --text-main: #ffffff;
            --text-muted: #8a93a6;
            --radius-xl: 20px;
            --radius-md: 12px;
            --transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            --site-wrapper-max: 1600px;
            --site-edge-x: 4%;
            --site-edge-mobile-x: 16px;
            --site-section-y: 40px;
            --site-section-gap: 60px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', system-ui, sans-serif; }
        body { background-color: var(--bg-deep); color: var(--text-main); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
        a { color: inherit; text-decoration: none; transition: var(--transition); }

/* Eski sayfa/önbellek kalıntıları tam ekran perde oluşturamasın. */
#loader,
#loader[hidden],
#loader.is-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 720px) {
    .mobile-hidden-banner { display: none !important; }
}

        /* Arkadaki Bulanık Işıklar */
        .ambient-light { position: absolute; border-radius: 50%; filter: blur(160px); z-index: -1; opacity: 0.35; animation: pulseLight 10s infinite alternate; }
        .light-1 { top: -5%; left: -5%; width: 45vw; height: 45vw; background: var(--primary-glow); }
        .light-2 { bottom: 15%; right: -5%; width: 40vw; height: 40vw; background: var(--secondary-glow); }
        @keyframes pulseLight { 0% { transform: scale(1); opacity: 0.25; } 100% { transform: scale(1.15); opacity: 0.45; } }

        /* --- MONİTÖR SABİTLEME ÇERÇEVESİ --- */
        .page-wrapper { max-width: var(--site-wrapper-max, 1600px); margin: 0 auto; width: 100%; position: relative; }

        /* --- CULTS TARZI NAVBAR --- */
        .navbar {
            display: flex; align-items: center; justify-content: space-between;
            padding: 14px var(--site-edge-x, 4%); background: var(--glass-bg); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
            border-bottom: 1px solid var(--glass-border); position: sticky; top: 0; z-index: 100; gap: 15px;
        }
        .nav-left-group { display: flex; align-items: center; gap: 15px; }
        
        /* BEYAZ & MAVİ LOGO (stl Beyaz, type Mavi) */
        .logo { font-size: 26px; font-weight: 900; letter-spacing: -0.5px; color: #ffffff; }
        .logo span { color: var(--primary-glow); text-shadow: 0 0 10px rgba(0, 240, 255, 0.4); }
        
        .nav-explore-dropdown { background: transparent; border: 1px solid var(--glass-border); color: var(--text-main); padding: 8px 16px; border-radius: 6px; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; gap: 8px; }
        .nav-upload-solid { background: var(--primary-glow); color: #000; border: none; padding: 9px 18px; border-radius: 6px; font-weight: 800; font-size: 0.85rem; text-transform: uppercase; cursor: pointer; box-shadow: 0 0 15px rgba(0, 240, 255, 0.3); }

        .nav-links-center { display: flex; align-items: center; gap: 12px; color: var(--text-main); font-size: 0.85rem; font-weight: 700; text-transform: uppercase; }
        .nav-divider { width: 1px; height: 16px; background: rgba(255,255,255,0.15); }
        .new-badge { background: var(--secondary-glow); color: white; font-size: 0.65rem; font-weight: 900; padding: 2px 6px; border-radius: 4px; margin-right: 4px; box-shadow: 0 0 8px var(--secondary-glow); }

        .nav-search-bar { flex: 1; max-width: 350px; display: flex; background: rgba(0,0,0,0.4); border-radius: 6px; border: 1px solid var(--glass-border); padding: 2px; align-items: center; }
        .nav-search-bar input { flex: 1; background: transparent; border: none; padding: 8px 15px; color: white; outline: none; font-size: 0.9rem; }
        .nav-search-bar svg { margin-right: 12px; fill: var(--text-muted); }

        .nav-right-icons { display: flex; align-items: center; gap: 16px; color: var(--text-main); }
        .nav-icon-btn { background: none; border: none; color: inherit; cursor: pointer; display: flex; align-items: center; }

        /* --- DÜZELTİLEN YENİ DİL VE PARA DROPDOWN MENÜLERİ (CUSTOM CSS) --- */
        .custom-dropdown { position: relative; display: inline-block; }
        .dropdown-trigger-btn { background: rgba(255,255,255,0.03); border: 1px solid var(--glass-border); color: #fff; padding: 8px 14px; border-radius: 8px; font-weight: 700; font-size: 0.85rem; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: var(--transition); }
        .dropdown-trigger-btn:hover { border-color: var(--primary-glow); }
        
        .dropdown-list { display: none; position: absolute; top: 105%; right: 0; background: #0f0f14; border: 1px solid var(--glass-border); border-radius: 10px; min-width: 170px; z-index: 500; box-shadow: 0 10px 25px rgba(0,0,0,0.8); overflow: hidden; }
        .dropdown-list.show { display: block; }
        .dropdown-list a { display: block; padding: 10px 15px; color: #ffffff !important; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: var(--transition); text-align: left; }
        .dropdown-list a:hover { background: rgba(0, 240, 255, 0.1); color: var(--primary-glow) !important; }

        /* Mobil Hamburger */
        .hamburger-menu-btn { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; z-index: 110; }
        .hamburger-menu-btn span { width: 24px; height: 3px; background: var(--text-main); border-radius: 2px; transition: var(--transition); }
        .hamburger-menu-btn.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
        .hamburger-menu-btn.active span:nth-child(2) { opacity: 0; }
        .hamburger-menu-btn.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

        /* Mobil Drawer */
        .mobile-drawer { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: rgba(10, 10, 12, 0.98); backdrop-filter: blur(20px); border-left: 1px solid var(--glass-border); z-index: 105; padding: 80px 30px 40px 30px; display: flex; flex-direction: column; gap: 25px; transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
        .mobile-drawer.open { right: 0; }
        .mobile-drawer a { font-size: 1.1rem; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px; }

        /* --- GÜNCELLENEN KAMPANYA BANNERI (Tamamen Bağımsız 2 Ayrı Bölüm) --- */
        .banner-container-split {
            margin: 30px var(--site-edge-x, 4%); display: grid; grid-template-columns: 1fr 1fr; gap: 25px;
        }
        .banner-panel-left {
            background: radial-gradient(circle at 20% 20%, rgba(0, 240, 255, 0.08), transparent 50%), var(--glass-bg);
            border: 1px solid var(--glass-border); border-radius: var(--radius-xl); padding: 50px; backdrop-filter: blur(20px);
            display: flex; flex-direction: column; justify-content: center;
        }
        .club-tag { display: inline-block; background: rgba(0, 240, 255, 0.1); border: 1px solid rgba(0, 240, 255, 0.2); color: var(--primary-glow); padding: 6px 16px; border-radius: 30px; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; align-self: flex-start; }
        .banner-panel-left h1 { font-size: 3.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 20px; letter-spacing: -1px; }
        .gradient-text { background: linear-gradient(135deg, #ffffff 0%, var(--primary-glow) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .banner-panel-left p { color: var(--text-muted); font-size: 1.1rem; line-height: 1.6; }
        
        /* Tamamen bağımsız sağ vitrin görseli */
        .banner-panel-right {
            background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--radius-xl);
            height: 100%; min-height: 380px; backdrop-filter: blur(20px); overflow: hidden; position: relative;
            display: flex; align-items: center; justify-content: center;
        }
        .banner-hero-img {
            width: 100%; height: 100%; object-fit: cover; opacity: 0.65;
            position: absolute; top: 0; left: 0; transition: var(--transition);
        }
        .banner-panel-right:hover .banner-hero-img { opacity: 0.8; transform: scale(1.02); }
        .banner-img-overlay-text { position: relative; z-index: 5; background: rgba(0,0,0,0.6); padding: 12px 24px; border-radius: 30px; border: 1px solid var(--glass-border); font-weight: 800; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: var(--primary-glow); }

        /* --- SİSTEM CONTAINER & REKLAM ALANLARI --- */
        .main-container { padding: var(--site-section-y, 40px) var(--site-edge-x, 4%); display: flex; flex-direction: column; gap: var(--site-section-gap, 60px); }
        .global-ad-container { background: rgba(255,255,255,0.01); border: 1px dashed var(--glass-border); border-radius: var(--radius-xl); padding: 25px; text-align: center; color: var(--text-muted); font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }

        .section-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid var(--glass-border); padding-bottom: 15px; margin-bottom: 35px; }
        .section-headline { font-size: 1.8rem; font-weight: 900; }
        .section-headline span { color: var(--primary-glow); text-shadow: 0 0 15px rgba(0, 240, 255, 0.3); }
        .btn-text { color: var(--text-muted); font-size: 0.95rem; font-weight: 600; }
        .btn-text:hover { color: var(--primary-glow); }
        
        .grid-controls { display: flex; gap: 6px; align-items: center; background: rgba(255,255,255,0.02); border: 1px solid var(--glass-border); padding: 4px; border-radius: 10px; }
        .grid-btn { background: transparent; border: none; color: var(--text-muted); width: 34px; height: 34px; border-radius: 6px; font-weight: 800; cursor: pointer; }
        .grid-btn.active { background: var(--text-main); color: #000; box-shadow: 0 0 10px var(--primary-glow); }

        /* PAZARYERİ MATRİX YAPISI */
        .product-matrix { display: grid; gap: 20px; }
        .matrix-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .matrix-col-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .matrix-col-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

        /* --- PAZARYERİ KARTI --- */
        .master-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--radius-md); overflow: hidden; display: flex; flex-direction: column; position: relative; transition: var(--transition); backdrop-filter: blur(10px); }
        @media (hover: hover) {
            .master-card:hover { transform: translateY(-6px); border-color: var(--primary-glow); box-shadow: 0 15px 35px rgba(0, 240, 255, 0.15); }
        }
        
        .card-display { width: 100%; height: 180px; background: rgba(0,0,0,0.3); position: relative; }
        .card-display model-viewer { width: 100%; height: 100%; }
        
        .card-badge-left { position: absolute; top: 8px; left: 8px; background: rgba(5,5,5,0.85); padding: 2px 6px; border-radius: 4px; font-size: 0.65rem; font-weight: 800; color: var(--primary-glow); border: 1px solid var(--glass-border); z-index: 10; }
        .btn-heart-action { position: absolute; top: 8px; right: 8px; background: rgba(0,0,0,0.6); border: 1px solid var(--glass-border); width: 28px; height: 28px; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; z-index: 10; cursor: pointer; font-size: 0.9rem; }
        .btn-heart-action.active { color: #f43f5e; border-color: #f43f5e; }

        .ai-matrix-tags { position: absolute; bottom: 8px; left: 8px; display: flex; gap: 4px; z-index: 10; }
        .ai-matrix-tag { background: rgba(168, 85, 247, 0.2); border: 1px solid #a855f7; color: #d8b4fe; padding: 1px 4px; border-radius: 30px; font-size: 0.6rem; font-weight: 700; }

        .dual-price-dock { display: grid; grid-template-columns: 1fr 1fr; background: rgba(0,0,0,0.2); border-top: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border); }
        .price-dock-segment { padding: 8px; text-align: center; }
        .price-dock-segment:first-child { border-right: 1px solid var(--glass-border); }
        .dock-label { font-size: 0.6rem; color: var(--text-muted); text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 2px; }
        .dock-value { font-size: 0.95rem; font-weight: 800; color: var(--text-main); }
        .dock-value.emerald-free { color: var(--accent-green); }

        .card-details { padding: 12px; display: flex; flex-direction: column; flex-grow: 1; }
        .card-details h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .card-stats-row { display: flex; justify-content: space-between; font-size: 0.75rem; color: var(--text-muted); margin-bottom: 10px; }
        
        .btn-action-stack { background: transparent; color: var(--text-main); border: 1px solid var(--primary-glow); padding: 6px; border-radius: 6px; font-size: 0.8rem; font-weight: 700; cursor: pointer; text-align: center; margin-bottom: 10px; transition: var(--transition); }
        .btn-action-stack:hover { background: var(--primary-glow); color: #000; box-shadow: 0 0 15px var(--primary-glow); }
        
        .moderation-dock { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.04); padding-top: 8px; }
        .btn-mod-trigger { background: none; border: none; color: var(--text-muted); font-size: 0.7rem; font-weight: 600; cursor: pointer; }
        .btn-mod-trigger:hover { color: var(--secondary-glow); }

        /* Kategoriler & Üreticiler */
        .categories-carousel { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; }
        .category-ring-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--radius-md); padding: 30px 20px; text-align: center; transition: var(--transition); }
        .ring-icon { font-size: 2.2rem; margin-bottom: 12px; display: block; }

        .creators-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
        .creator-profile-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--radius-md); padding: 20px; display: flex; align-items: center; gap: 15px; position: relative; }
        .creator-profile-card { color: inherit; text-decoration: none; cursor: pointer; }
        .creator-profile-card:focus-visible { outline: 2px solid var(--primary-glow); outline-offset: 3px; }
        .creator-avatar { width: 55px; height: 55px; background: rgba(255,255,255,0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; border: 1px solid var(--glass-border); }
        .creator-rank-badge { position: absolute; top: 15px; right: 15px; background: rgba(0, 240, 255, 0.1); color: var(--primary-glow); border: 1px solid rgba(0, 240, 255, 0.2); padding: 3px 8px; border-radius: 6px; font-size: 0.65rem; font-weight: 900; }

        /* Footer */
        .master-footer { background: var(--glass-bg); border-top: 1px solid var(--glass-border); padding: 80px var(--site-edge-x, 4%) 30px var(--site-edge-x, 4%); backdrop-filter: blur(20px); }
        .footer-matrix { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 50px; }
        .footer-column p { color: var(--text-muted); margin-top: 15px; font-size: 0.95rem; line-height: 1.6; }
        .footer-column h4 { font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
        .footer-column a { display: block; color: var(--text-muted); font-size: 0.95rem; margin-bottom: 12px; }
        .footer-bottom { text-align: center; border-top: 1px solid var(--glass-border); padding-top: 25px; color: var(--text-muted); font-size: 0.85rem; }

        /* Responsive */
        @media (max-width: 1100px) {
            .nav-links-center, .nav-right-icons { display: none; }
            .hamburger-menu-btn { display: flex; }
            .banner-container-split { grid-template-columns: 1fr; gap: 20px; margin: 15px var(--site-edge-x, 4%); }
            .banner-panel-left { padding: 40px; text-align: center; }
            .banner-panel-left h1 { font-size: 2.5rem; }
            .banner-panel-left .club-tag { align-self: center; }
            .banner-panel-right { min-height: 280px; }
            .matrix-col-4, .matrix-col-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        }
        @media (max-width: 700px) {
            .nav-search-bar { max-width: 160px; }
            .nav-left-group .nav-explore-dropdown, .nav-left-group .nav-upload-solid { display: none; }
            .matrix-col-2, .matrix-col-4, .matrix-col-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .banner-panel-left h1 { font-size: 2rem; }
        }
        @media (max-width: 440px) { .matrix-col-2, .matrix-col-4, .matrix-col-6 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }

/* --- STLTYPE PHASE 1 EK ALANLAR --- */
.format-badge { position: absolute; top: 8px; left: 8px; background: rgba(5,5,5,0.85); padding: 2px 6px; border-radius: 4px; font-size: 0.65rem; font-weight: 800; color: var(--primary-glow); border: 1px solid var(--glass-border); z-index: 10; }
.card-hover-price { position:absolute; inset:auto 8px 8px 8px; background:rgba(0,0,0,.72); border:1px solid var(--glass-border); border-radius:8px; padding:8px; opacity:0; transform:translateY(8px); transition:var(--transition); z-index:12; font-size:.75rem; color:#fff; }
.master-card:hover .card-hover-price { opacity:1; transform:translateY(0); }
.auth-shell, .form-shell, .admin-shell { padding: 42px var(--site-edge-x, 4%); min-height: 70vh; }
.glass-panel { background: var(--glass-bg); border:1px solid var(--glass-border); border-radius:var(--radius-xl); backdrop-filter:blur(20px); padding:28px; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px; }
.form-grid .full { grid-column:1 / -1; }
.form-field label { display:block; color:var(--text-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.8px; margin-bottom:8px; }
.form-field input, .form-field select, .form-field textarea { width:100%; background:rgba(0,0,0,.35); border:1px solid var(--glass-border); border-radius:10px; color:#fff; padding:12px 14px; outline:none; }
.form-field textarea { min-height:120px; resize:vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color:var(--primary-glow); box-shadow:0 0 0 3px rgba(0,240,255,.08); }
.check-row { display:flex; flex-wrap:wrap; gap:12px; }
.check-pill { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.035); border:1px solid var(--glass-border); border-radius:999px; padding:9px 13px; color:var(--text-muted); font-size:.85rem; }
.btn-primary-glow { background:var(--primary-glow); color:#000; border:0; border-radius:10px; padding:12px 18px; cursor:pointer; font-weight:800; box-shadow:0 0 18px rgba(0,240,255,.22); }
.btn-ghost { background:transparent; border:1px solid var(--glass-border); color:#fff; border-radius:10px; padding:12px 18px; cursor:pointer; }
.notice { border:1px solid rgba(0,240,255,.25); background:rgba(0,240,255,.06); color:#dffcff; border-radius:12px; padding:12px 14px; margin-bottom:16px; }
.error { border-color:rgba(255,0,60,.35); background:rgba(255,0,60,.08); color:#ffdbe3; }
.table-wrap { overflow:auto; border:1px solid var(--glass-border); border-radius:14px; }
.data-table { width:100%; border-collapse:collapse; min-width:760px; }
.data-table th, .data-table td { padding:13px 14px; border-bottom:1px solid var(--glass-border); text-align:left; color:var(--text-muted); font-size:.9rem; }
.data-table th { color:#fff; background:rgba(255,255,255,.035); text-transform:uppercase; font-size:.72rem; letter-spacing:.8px; }
.data-table tr:last-child td { border-bottom:0; }
.admin-nav { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.admin-nav a { border:1px solid var(--glass-border); border-radius:999px; padding:9px 13px; color:var(--text-muted); }
.admin-nav a.active, .admin-nav a:hover { color:#000; background:var(--primary-glow); }
.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:22px; }
.stat-card { background:rgba(255,255,255,.035); border:1px solid var(--glass-border); border-radius:16px; padding:18px; }
.stat-card span { color:var(--text-muted); font-size:.78rem; text-transform:uppercase; }
.stat-card strong { display:block; font-size:1.8rem; margin-top:8px; color:#fff; }
.model-file-strip { display:flex; gap:10px; overflow:auto; padding:12px; background:rgba(0,0,0,.22); border:1px solid var(--glass-border); border-radius:14px; }
.file-chip { min-width:110px; border:1px solid var(--glass-border); border-radius:12px; padding:10px; text-align:center; color:var(--text-muted); background:rgba(255,255,255,.025); }
.file-chip strong { display:block; color:var(--primary-glow); margin-bottom:4px; }
@media(max-width:700px){ :root{--site-edge-x:var(--site-edge-mobile-x,16px);} .form-grid{grid-template-columns:1fr;} .auth-shell,.form-shell,.admin-shell{padding:24px var(--site-edge-x, 16px);} }

/* --- STLTYPE PHASE 2 MODEL UPLOAD / MODERATION --- */
.form-field small, .full small { display:block; color:var(--text-muted); font-size:.76rem; margin-top:7px; line-height:1.45; }
.model-detail-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; }
.detail-preview-box { height:420px; border-radius:18px; overflow:hidden; }
.detail-preview-box iframe, .detail-preview-box img { width:100%; height:100%; border:0; object-fit:cover; display:block; }
.image-strip { display:flex; gap:10px; overflow:auto; padding:12px; background:rgba(0,0,0,.22); border:1px solid var(--glass-border); border-radius:14px; }
.image-strip img { width:120px; height:90px; object-fit:cover; border-radius:10px; border:1px solid var(--glass-border); }
.detail-list { color:var(--text-muted); line-height:1.8; }
.detail-list p { margin:0; border-bottom:1px solid rgba(255,255,255,.04); padding:4px 0; }
.file-chip small { display:block; color:var(--text-muted); margin-top:4px; font-size:.68rem; }
.inline-admin-form { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:3px 0; }
.inline-admin-form input, .inline-admin-form select { background:rgba(0,0,0,.35); border:1px solid var(--glass-border); border-radius:8px; color:#fff; padding:7px 8px; }
.mini-btn { border:1px solid var(--primary-glow); background:transparent; color:var(--primary-glow); border-radius:8px; padding:7px 9px; cursor:pointer; font-size:.78rem; }
.mini-btn:hover { background:var(--primary-glow); color:#000; }
.mini-btn.danger { border-color:var(--secondary-glow); color:#ff8fa3; }
.mini-btn.danger:hover { background:var(--secondary-glow); color:#fff; }
.ai-mini-form label { color:var(--text-muted); font-size:.76rem; display:inline-flex; gap:3px; align-items:center; }
@media(max-width:900px){ .model-detail-grid{grid-template-columns:1fr;} .detail-preview-box{height:320px;} }

/* --- STLTYPE PHASE 3 ETKILESIMLER --- */
.interaction-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:16px 0; }
.interaction-stats span { background:rgba(255,255,255,.035); border:1px solid var(--glass-border); border-radius:12px; padding:10px; color:var(--text-muted); text-align:center; font-size:.85rem; }
.action-row { margin-top:10px; }
.active-soft { border-color:var(--primary-glow) !important; color:var(--primary-glow) !important; background:rgba(0,240,255,.07) !important; }
.rating-form { margin-top:12px; display:grid; grid-template-columns:1fr auto; gap:8px; align-items:end; }
.rating-form label { grid-column:1 / -1; color:var(--text-muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.8px; }
.rating-form select { background:rgba(0,0,0,.35); border:1px solid var(--glass-border); color:#fff; border-radius:10px; padding:9px 10px; }
.comments-panel { margin-top:24px; }
.comment-form { display:grid; gap:12px; margin-bottom:22px; }
.comment-list { display:grid; gap:12px; margin-top:16px; }
.comment-card { display:grid; grid-template-columns:52px 1fr; gap:12px; background:rgba(255,255,255,.025); border:1px solid var(--glass-border); border-radius:16px; padding:14px; }
.comment-card h4 { margin:0 0 6px; font-size:.95rem; }
.comment-card p { margin:0; color:var(--text-muted); line-height:1.65; }
.comment-card small { display:block; color:var(--text-muted); margin-top:8px; font-size:.72rem; }
.file-actions { display:grid; gap:6px; margin-top:8px; }
.file-chip span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:6px; }


/* --- STLTYPE PHASE 12 / v2.2: Görsel kontrast ve cam panel derinliği --- */
:root {
    --bg-deep: #070b12;
    --bg-deeper: #04070d;
    --surface-0: rgba(10, 15, 24, 0.92);
    --surface-1: rgba(24, 31, 44, 0.76);
    --surface-2: rgba(34, 43, 58, 0.82);
    --surface-3: rgba(45, 56, 74, 0.88);
    --glass-bg: rgba(30, 38, 52, 0.68);
    --glass-border: rgba(255, 255, 255, 0.15);
    --glass-border-strong: rgba(255, 255, 255, 0.23);
    --text-muted: #aab5c8;
    --panel-shadow: 0 18px 45px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    --panel-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html { background: var(--bg-deep); }
body {
    background:
        radial-gradient(circle at 8% -8%, rgba(0, 240, 255, 0.14), transparent 34vw),
        radial-gradient(circle at 95% 8%, rgba(255, 0, 60, 0.10), transparent 32vw),
        radial-gradient(circle at 50% 120%, rgba(16, 185, 129, 0.07), transparent 38vw),
        linear-gradient(180deg, #08101b 0%, #070b12 44%, #05070c 100%);
    background-attachment: fixed;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.56), transparent 78%);
}

.navbar,
.mobile-drawer,
.banner-panel-left,
.banner-panel-right,
.global-ad-container,
.master-card,
.category-ring-card,
.creator-profile-card,
.master-footer,
.glass-panel,
.stat-card,
.comment-card,
.table-wrap,
.model-file-strip,
.image-strip,
.file-chip,
.dual-price-dock,
.dropdown-list {
    background-color: var(--surface-1);
    border-color: var(--glass-border);
    box-shadow: var(--panel-shadow-soft);
}

.navbar {
    background: rgba(15, 22, 34, 0.88);
    border-bottom-color: rgba(255,255,255,0.16);
    box-shadow: 0 12px 32px rgba(0,0,0,.32), inset 0 -1px 0 rgba(0,240,255,.05);
}

.banner-panel-left,
.banner-panel-right,
.glass-panel,
.master-card,
.category-ring-card,
.creator-profile-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        var(--surface-1);
    border-color: var(--glass-border-strong);
    box-shadow: var(--panel-shadow);
}

.banner-panel-left {
    background:
        radial-gradient(circle at 14% 18%, rgba(0, 240, 255, 0.17), transparent 48%),
        linear-gradient(135deg, rgba(38, 48, 66, 0.86), rgba(18, 24, 36, 0.78));
}

.banner-panel-right,
.card-display,
.detail-preview-box {
    background: linear-gradient(145deg, #172133, #0f1724);
}

.master-card:hover,
.category-ring-card:hover,
.creator-profile-card:hover {
    border-color: rgba(0, 240, 255, 0.42);
    box-shadow: 0 18px 46px rgba(0, 240, 255, 0.13), var(--panel-shadow);
}

.card-display {
    border-bottom: 1px solid rgba(255,255,255,0.11);
}

.dual-price-dock {
    background: rgba(14, 21, 32, 0.88);
    border-top-color: rgba(255,255,255,0.14);
    border-bottom-color: rgba(255,255,255,0.14);
}

.price-dock-segment:first-child,
.footer-bottom,
.moderation-dock,
.data-table th,
.data-table td,
.detail-list p {
    border-color: rgba(255,255,255,0.115);
}

.nav-search-bar,
.dropdown-trigger-btn,
.form-field input,
.form-field select,
.form-field textarea,
.rating-form select,
.inline-admin-form input,
.inline-admin-form select {
    background: rgba(12, 18, 28, 0.84);
    border-color: rgba(255,255,255,0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus,
.nav-search-bar:focus-within {
    border-color: rgba(0,240,255,.56);
    box-shadow: 0 0 0 3px rgba(0,240,255,.12), inset 0 1px 0 rgba(255,255,255,.045);
}

.dropdown-list { background: rgba(18, 25, 37, 0.98); }
.dropdown-list a:hover { background: rgba(0, 240, 255, 0.14); }

.check-pill,
.file-chip,
.interaction-stats span,
.market-hero-stats div,
.filter-chip {
    background: rgba(32, 42, 58, 0.82);
    border-color: rgba(255,255,255,0.16);
}

.stat-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        rgba(28, 38, 54, 0.84);
    border-color: rgba(255,255,255,0.16);
}

.data-table th {
    background: rgba(42, 53, 70, 0.9);
}

.data-table tbody tr:nth-child(even) td {
    background: rgba(255,255,255,0.018);
}

.data-table tbody tr:hover td {
    background: rgba(0, 240, 255, 0.045);
}

.global-ad-container {
    background: rgba(27, 35, 48, 0.58);
    border-color: rgba(255,255,255,0.20);
}

.card-hover-price,
.market-price-status,
.format-badge,
.card-badge-left,
.banner-img-overlay-text {
    background: rgba(12, 18, 28, 0.90);
    border-color: rgba(255,255,255,0.20);
    box-shadow: 0 10px 24px rgba(0,0,0,.34);
}

.btn-ghost {
    background: rgba(27, 36, 52, 0.72);
    border-color: rgba(255,255,255,0.18);
}
.btn-ghost:hover {
    border-color: rgba(0,240,255,.52);
    color: var(--primary-glow);
    background: rgba(0,240,255,.08);
}

.btn-primary-glow,
.nav-upload-solid {
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 0 22px rgba(0,240,255,.22);
}

.text-muted,
.card-stats-row,
.footer-column p,
.footer-column a,
.detail-list,
.comment-card p,
.result-muted,
.model-placeholder,
.form-field label,
.stat-card span,
.dock-label {
    color: var(--text-muted);
}

.master-footer {
    background:
        linear-gradient(180deg, rgba(31, 40, 55, 0.76), rgba(13, 18, 28, 0.88));
    border-top-color: rgba(255,255,255,0.17);
}

@media (max-width: 700px) {
    body::before { background-size: 32px 32px; }
    .glass-panel, .banner-panel-left, .master-card { box-shadow: 0 10px 24px rgba(0,0,0,.30); }
}


/* --- STLTYPE PHASE 21 QUALITY SYSTEM --- */
.verified-model-tag,.verified-title-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.55);color:#b8f7d8;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 0 14px rgba(16,185,129,.18)}
.verified-title-badge{font-size:.72rem;vertical-align:middle;margin-left:10px;padding:5px 10px}
.quality-mini-line{font-size:.72rem;color:#b8f7d8;border-top:1px solid rgba(255,255,255,.06);padding-top:7px;margin:-2px 0 8px 0}
.quality-upload-box{background:rgba(0,240,255,.035);border:1px solid rgba(0,240,255,.14);border-radius:16px;padding:18px;color:var(--text-muted)}
.quality-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}
.quality-check-chip{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 10px;font-size:.8rem;color:#d8eef0}
.quality-detail-panel{margin-top:18px;background:linear-gradient(145deg,rgba(0,240,255,.075),rgba(16,185,129,.05));border:1px solid rgba(0,240,255,.16);border-radius:18px;padding:18px}
.quality-score-ring{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,240,255,.45);box-shadow:0 0 22px rgba(0,240,255,.12);font-size:1.1rem;font-weight:900;margin:12px 0;color:#fff}
.quality-check-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.quality-pass,.quality-fail{border-radius:999px;padding:6px 9px;font-size:.75rem;border:1px solid rgba(255,255,255,.1)}
.quality-pass{color:#b8f7d8;background:rgba(16,185,129,.13);border-color:rgba(16,185,129,.35)}
.quality-fail{color:#ffd1d8;background:rgba(255,0,60,.1);border-color:rgba(255,0,60,.25)}
.quality-admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.quality-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px}
.quality-stat-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.quality-stat-card strong{display:block;font-size:1.6rem;color:var(--primary-glow)}
.quality-review-form .check-row{gap:8px}.quality-review-form textarea{min-height:110px}
@media(max-width:900px){.quality-admin-grid{grid-template-columns:1fr}.verified-title-badge{display:inline-flex;margin-top:8px;margin-left:0}}

/* --- STLTYPE v3.1.8: siyah tema, görsel galeri ve STL render kapatma --- */
:root {
    --bg-deep: #050505;
    --bg-deeper: #030303;
    --surface-0: rgba(8, 8, 9, 0.96);
    --surface-1: rgba(14, 14, 16, 0.82);
    --surface-2: rgba(20, 20, 22, 0.88);
    --surface-3: rgba(28, 28, 31, 0.92);
    --glass-bg: rgba(12, 12, 14, 0.72);
    --glass-border: rgba(255, 255, 255, 0.10);
    --glass-border-strong: rgba(255, 255, 255, 0.16);
    --text-muted: #8f96a3;
    --panel-shadow: 0 18px 45px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    --panel-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html,
body {
    background: #050505 !important;
    background-color: #050505 !important;
}

body {
    background-image:
        radial-gradient(circle at 10% -8%, rgba(0, 240, 255, 0.08), transparent 32vw),
        linear-gradient(180deg, #050505 0%, #050505 45%, #030303 100%) !important;
}

body::before {
    background-image:
        linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.014) 1px, transparent 1px) !important;
}

.navbar,
.front-navbar,
.mobile-drawer,
.banner-panel-left,
.banner-panel-right,
.global-ad-container,
.master-card,
.category-ring-card,
.creator-profile-card,
.master-footer,
.glass-panel,
.stat-card,
.comment-card,
.table-wrap,
.model-file-strip,
.image-strip,
.file-chip,
.dual-price-dock,
.dropdown-list,
.nav-search-bar,
.dropdown-trigger-btn,
.form-field input,
.form-field select,
.form-field textarea,
.rating-form select,
.inline-admin-form input,
.inline-admin-form select {
    background-color: rgba(10, 10, 12, 0.88) !important;
    border-color: rgba(255,255,255,0.10) !important;
}

.banner-panel-left,
.banner-panel-right,
.glass-panel,
.master-card,
.category-ring-card,
.creator-profile-card,
.master-footer,
.stat-card,
.card-display,
.detail-preview-box,
.dual-price-dock,
.print-service-card,
.front-auth-card {
    background-image: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)) !important;
    background-color: rgba(10, 10, 12, 0.88) !important;
}

.banner-panel-left {
    background-image:
        radial-gradient(circle at 18% 18%, rgba(0, 240, 255, 0.08), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)) !important;
}

.banner-panel-right,
.card-display,
.detail-preview-box {
    background: #080808 !important;
}

.btn-ghost,
.check-pill,
.file-chip,
.interaction-stats span,
.market-hero-stats div,
.filter-chip,
.data-table th,
.data-table tbody tr:nth-child(even) td,
.global-ad-container,
.card-hover-price,
.market-price-status,
.format-badge,
.card-badge-left,
.banner-img-overlay-text {
    background-color: rgba(15, 15, 17, 0.88) !important;
}

.image-only-preview img,
#modelMainImage {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background: #070707;
}

.model-no-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    text-align: center;
    background: #080808;
}

.detail-image-strip {
    display: flex;
    gap: 10px;
    overflow: auto;
    padding: 12px;
}

.detail-image-thumb {
    flex: 0 0 auto;
    width: 122px;
    height: 92px;
    border: 1px solid var(--glass-border);
    background: rgba(0,0,0,.45);
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    opacity: .74;
    transition: var(--transition);
}

.detail-image-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
    border-radius: 0;
}

.detail-image-thumb:hover,
.detail-image-thumb.active {
    opacity: 1;
    border-color: rgba(0, 240, 255, .62);
    box-shadow: 0 0 18px rgba(0, 240, 255, .13);
}

/* --- STLTYPE v3.1.9: çok görsel galeri taşma ve tıklama düzeltmesi --- */
html,
body,
.page-wrapper,
.form-shell,
.glass-panel {
    max-width: 100%;
    box-sizing: border-box;
}

.form-grid > *,
.model-detail-grid,
.model-detail-grid > *,
.model-detail-main-col,
.model-detail-side-col {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.model-detail-grid {
    overflow: hidden;
}

.model-detail-main-col {
    overflow: hidden;
}

.detail-preview-box,
.image-only-preview {
    width: 100%;
    max-width: 100%;
}

.detail-image-strip,
.image-strip.detail-image-strip {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.detail-image-thumb {
    position: relative;
    flex: 0 0 112px;
    width: 112px;
    max-width: 112px;
    height: 86px;
    outline: 0;
}

.detail-image-thumb::after {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 9px;
    border: 2px solid transparent;
    pointer-events: none;
    transition: var(--transition);
}

.detail-image-thumb.active {
    opacity: 1;
    border-color: var(--primary-glow);
    transform: translateY(-1px);
}

.detail-image-thumb.active::after,
.detail-image-thumb:focus-visible::after {
    border-color: var(--primary-glow);
    box-shadow: 0 0 0 2px rgba(0, 240, 255, .16), 0 0 18px rgba(0, 240, 255, .22);
}

.detail-image-thumb.active::before {
    content: attr(data-selected-label);
    position: absolute;
    left: 6px;
    bottom: 6px;
    z-index: 2;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .72);
    color: #fff;
    font-size: .62rem;
    letter-spacing: .2px;
    pointer-events: none;
}

.image-swap-pulse {
    animation: stltypeImageSwapPulse .22s ease-out;
}

@keyframes stltypeImageSwapPulse {
    from { opacity: .72; transform: scale(.992); }
    to { opacity: 1; transform: scale(1); }
}

.model-file-strip {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.file-chip {
    max-width: 220px;
}

.form-field,
.full {
    min-width: 0;
}

.form-field input[type="file"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .detail-image-thumb {
        flex-basis: 92px;
        width: 92px;
        max-width: 92px;
        height: 72px;
    }
    .detail-image-thumb.active::before {
        font-size: .56rem;
        padding: 2px 5px;
    }
}


/* --- STLTYPE v3.2.0: ürün detay sayfası kesin taşma kapatma düzeltmesi --- */
html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #050505 !important;
}

.page-wrapper {
    width: 100% !important;
    max-width: var(--site-wrapper-max, 1600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
}

.model-detail-shell {
    width: 100% !important;
    max-width: var(--site-wrapper-max, 1600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-edge-x, 4%) !important;
    padding-right: var(--site-edge-x, 4%) !important;
    overflow: hidden !important;
}

.model-detail-shell .section-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.model-detail-shell .glass-panel.model-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    gap: 20px !important;
    padding: 22px !important;
}

.model-detail-shell .model-detail-grid > *,
.model-detail-shell .model-detail-main-col,
.model-detail-shell .model-detail-side-col,
.model-detail-shell .card-display,
.model-detail-shell .detail-preview-box,
.model-detail-shell .image-only-preview,
.model-detail-shell .model-file-strip,
.model-detail-shell .detail-image-strip,
.model-detail-shell .image-strip,
.model-detail-shell .detail-list,
.model-detail-shell .quality-detail-panel,
.model-detail-shell .interaction-stats,
.model-detail-shell .check-row,
.model-detail-shell .quality-check-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.model-detail-shell .model-detail-main-col,
.model-detail-shell .model-detail-side-col {
    overflow: hidden !important;
}

.model-detail-shell .detail-preview-box,
.model-detail-shell .image-only-preview {
    height: min(520px, 62vh) !important;
    max-height: 560px !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #050505 !important;
}

.model-detail-shell .detail-preview-box img,
.model-detail-shell .image-only-preview img,
.model-detail-shell #modelMainImage {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    background: #050505 !important;
}

.model-detail-shell .detail-image-strip,
.model-detail-shell .image-strip.detail-image-strip {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 104px !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    contain: inline-size !important;
    padding: 10px !important;
}

.model-detail-shell .detail-image-thumb {
    width: 104px !important;
    max-width: 104px !important;
    min-width: 104px !important;
    height: 78px !important;
    flex: 0 0 104px !important;
}

.model-detail-shell .model-file-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 10px !important;
}

.model-detail-shell .file-chip {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.model-detail-shell .file-chip span,
.model-detail-shell .file-chip small,
.model-detail-shell .detail-list p,
.model-detail-shell p,
.model-detail-shell h1,
.model-detail-shell h2,
.model-detail-shell h3,
.model-detail-shell a,
.model-detail-shell button,
.model-detail-shell span {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.model-detail-shell .model-detail-side-col {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
}

.model-detail-shell .model-detail-side-col > h3,
.model-detail-shell .model-detail-side-col > .detail-list,
.model-detail-shell .model-detail-side-col > .check-row,
.model-detail-shell .model-detail-side-col > p,
.model-detail-shell .quality-detail-panel,
.model-detail-shell .print-service-card {
    grid-column: 1 / -1 !important;
}

.model-detail-shell .dual-price-dock,
.model-detail-shell .notice,
.model-detail-shell .action-row,
.model-detail-shell .rating-form,
.model-detail-shell .interaction-stats {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    .model-detail-shell {
        padding-left: var(--site-edge-mobile-x, 16px) !important;
        padding-right: var(--site-edge-mobile-x, 16px) !important;
    }
    .model-detail-shell .glass-panel.model-detail-grid {
        padding: 14px !important;
    }
    .model-detail-shell .detail-preview-box,
    .model-detail-shell .image-only-preview {
        height: 320px !important;
    }
    .model-detail-shell .model-detail-side-col {
        grid-template-columns: 1fr !important;
    }
    .model-detail-shell .detail-image-strip,
    .model-detail-shell .image-strip.detail-image-strip {
        grid-auto-columns: 86px !important;
    }
    .model-detail-shell .detail-image-thumb {
        width: 86px !important;
        max-width: 86px !important;
        min-width: 86px !important;
        height: 66px !important;
        flex-basis: 86px !important;
    }
}


/* --- STLTYPE v3.2.1: ürün detay sağ panelini eski konumuna alma + taşmasız iki kolon --- */
.model-detail-shell .glass-panel.model-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 310px) !important;
    align-items: start !important;
    gap: 22px !important;
    overflow: hidden !important;
}

.model-detail-shell .model-detail-main-col {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.model-detail-shell .model-detail-side-col {
    display: block !important;
    min-width: 0 !important;
    max-width: 310px !important;
    width: 100% !important;
    overflow: visible !important;
    align-self: start !important;
    position: sticky;
    top: 84px;
}

.model-detail-shell .dual-price-dock,
.model-detail-shell .notice,
.model-detail-shell .action-row,
.model-detail-shell .rating-form,
.model-detail-shell .interaction-stats,
.model-detail-shell .quality-detail-panel,
.model-detail-shell .print-service-card,
.model-detail-shell .detail-list,
.model-detail-shell .check-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.model-detail-shell .model-detail-side-col > * + * {
    margin-top: 12px !important;
}

.model-detail-shell .interaction-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.model-detail-shell .action-row,
.model-detail-shell .rating-form {
    margin-top: 10px !important;
}

.model-detail-shell .model-file-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.model-detail-shell .detail-image-strip,
.model-detail-shell .image-strip.detail-image-strip {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

@media (max-width: 980px) {
    .model-detail-shell .glass-panel.model-detail-grid {
        grid-template-columns: 1fr !important;
    }
    .model-detail-shell .model-detail-side-col {
        max-width: 100% !important;
        position: static !important;
    }
}

/* --- STLTYPE v3.2.2: üst menüyü tekrar sabitleme düzeltmesi --- */
.stltype-mobile-discover-action {
    display: none !important;
}

@media (max-width: 980px) {
    .stltype-desktop-upload-action {
        display: none !important;
    }
    .stltype-mobile-discover-action {
        display: inline-flex !important;
    }
}

:root {
    --stltype-fixed-nav-height: 74px;
    --stltype-safe-area-top: env(safe-area-inset-top, 0px);
}

html {
    scroll-padding-top: calc(var(--stltype-fixed-nav-height) + 18px) !important;
}

body {
    padding-top: var(--stltype-fixed-nav-height) !important;
}

.navbar,
.front-navbar,
.page-wrapper > .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 10000 !important;
    background: rgba(5, 5, 5, 0.96) !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.45), inset 0 -1px 0 rgba(0,240,255,0.06) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
}

.navbar *,
.front-navbar * {
    min-width: 0;
}

.nav-left-group,
.nav-right-icons {
    flex-shrink: 0;
}

.nav-links-center,
.nav-search-bar {
    min-width: 0;
}

.dropdown-list {
    z-index: 10020 !important;
}

.mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    z-index: 10010 !important;
}

.model-detail-shell .model-detail-side-col {
    top: calc(var(--stltype-fixed-nav-height) + 14px) !important;
}

@media (max-width: 980px) {
    :root {
        --stltype-fixed-nav-height: calc(66px + var(--stltype-safe-area-top));
    }
    .navbar,
    .front-navbar,
    .page-wrapper > .navbar {
        min-height: var(--stltype-fixed-nav-height) !important;
        padding-top: calc(14px + var(--stltype-safe-area-top)) !important;
    }
    .mobile-drawer {
        padding-top: calc(80px + var(--stltype-safe-area-top)) !important;
    }
}


/* --- STLTYPE phase54: admin adjustable front layout spacing --- */
body:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper {
    max-width: var(--site-wrapper-max, 1600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body:not(.account-embedded-direct):not(.account-embedded-body) .front-navbar,
body:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > .navbar {
    padding-left: var(--site-edge-x, 4%) !important;
    padding-right: var(--site-edge-x, 4%) !important;
}
body:not(.account-embedded-direct):not(.account-embedded-body) .main-container {
    padding-left: var(--site-edge-x, 4%) !important;
    padding-right: var(--site-edge-x, 4%) !important;
    padding-top: var(--site-section-y, 40px) !important;
    padding-bottom: var(--site-section-y, 40px) !important;
    gap: var(--site-section-gap, 60px) !important;
}
body:not(.account-embedded-direct):not(.account-embedded-body) .banner-container-split {
    margin-left: var(--site-edge-x, 4%) !important;
    margin-right: var(--site-edge-x, 4%) !important;
}
body:not(.account-embedded-direct):not(.account-embedded-body) .master-footer {
    padding-left: var(--site-edge-x, 4%) !important;
    padding-right: var(--site-edge-x, 4%) !important;
}
@media(max-width:700px){
    :root{--site-edge-x:var(--site-edge-mobile-x,16px)}
}

/* Mobile language picker popup update */
.mobile-language-picker-btn {
    width: 100%;
    border: 1px solid rgba(0, 240, 255, 0.28);
    background: rgba(0, 240, 255, 0.08);
    color: #fff;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
}
.mobile-language-picker-btn strong {
    color: var(--primary-glow, #00f0ff);
    font-size: .95rem;
    white-space: nowrap;
}

.mobile-language-modal[hidden] {
    display: none !important;
}

.mobile-language-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.mobile-language-modal.open { display: flex !important; }
.mobile-language-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.72);
    backdrop-filter: blur(10px);
}
.mobile-language-panel {
    position: relative;
    width: min(420px, 100%);
    max-height: min(78vh, 620px);
    overflow: hidden;
    background: rgba(10, 12, 16, .98);
    border: 1px solid rgba(0, 240, 255, .25);
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(0,0,0,.55), 0 0 30px rgba(0,240,255,.08);
    display: flex;
    flex-direction: column;
}
.mobile-language-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.mobile-language-panel-head h3 {
    margin: 0;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 850;
}
.mobile-language-panel-head button {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}
.mobile-language-grid {
    padding: 14px;
    overflow: auto;
    overscroll-behavior: contain;
    display: grid;
    gap: 8px;
}
.mobile-language-grid a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 12px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    color: #fff !important;
    text-decoration: none;
    font-size: .98rem;
    font-weight: 750;
}
.mobile-language-grid a.current {
    border-color: rgba(0, 240, 255, .72);
    background: rgba(0, 240, 255, .12);
    color: var(--primary-glow, #00f0ff) !important;
}
.mobile-language-grid small {
    color: rgba(255,255,255,.58);
    font-size: .75rem;
    font-weight: 800;
}
.mobile-language-flag { font-size: 1.15rem; }
body.mobile-language-lock { overflow: hidden; touch-action: none; }
@media (min-width: 769px) {
    .mobile-language-modal { display: none !important; }
}

/* Mobile drawer close/backdrop fix */
.mobile-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 10005;
    background: rgba(0, 0, 0, .46);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}
.mobile-drawer-backdrop.open {
    opacity: 1;
    pointer-events: auto;
}
body.mobile-menu-lock {
    overflow: hidden;
    touch-action: none;
}
@media (min-width: 981px) {
    .mobile-drawer-backdrop { display: none !important; }
}

/* Mobile top language button update */
.mobile-top-language-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(0, 240, 255, 0.22);
    background: rgba(255,255,255,0.04);
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.05);
}
.mobile-top-language-btn:active {
    transform: scale(.96);
}
@media (max-width: 1100px) {
    .mobile-top-language-btn { display: inline-flex; }
    .mobile-language-picker-btn { display: none !important; }
}
@media (max-width: 700px) {
    .front-navbar { gap: 10px !important; }
    .mobile-top-language-btn {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        font-size: 1.1rem;
    }
}

/* Chrome mobile language popup hard fix */
.mobile-language-modal {
    z-index: 2147483000 !important;
    display: none;
    visibility: hidden;
    pointer-events: none;
}
.mobile-language-modal.open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.mobile-language-panel {
    z-index: 2147483001 !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.mobile-language-backdrop {
    z-index: 2147483000 !important;
    cursor: pointer;
}
html.mobile-language-lock,
body.mobile-language-lock {
    overflow: hidden !important;
}
.mobile-top-language-btn {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    position: relative;
    z-index: 10020;
}
@media (max-width: 1100px) {
    .mobile-top-language-btn { display: inline-flex !important; }
}


/* Chrome-safe language flag badge */
.language-flag-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 22px;
    padding: 0 6px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.22);
    background: linear-gradient(135deg, rgba(0,240,255,.18), rgba(124,77,255,.18));
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
.mobile-top-language-btn .language-flag-badge {
    min-width: 30px;
    height: 22px;
}
.mobile-language-flag.language-flag-badge {
    min-width: 34px;
    height: 24px;
    margin-right: 8px;
    font-size: .74rem;
}

/* Browser-safe CSS flag icons (no emoji dependency) */
.active-lang-display { display: inline-flex; align-items: center; gap: 6px; }
.language-switcher .dropdown-list a { display: flex; align-items: center; gap: 8px; }
.language-flag-badge {
    position: relative;
    width: 28px;
    min-width: 28px;
    height: 19px;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08);
    color: transparent !important;
    text-indent: -999px;
    font-size: 0;
    letter-spacing: 0;
    background: #111;
}
.language-flag-badge::after {
    content: attr(data-code);
    position: absolute;
    inset: auto 0 0 0;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.34);
    color: #fff;
    text-indent: 0;
    font-size: 7px;
    line-height: 1;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.55);
}
.flag-gb { background: linear-gradient(90deg,#012169 0 35%,#fff 35% 45%,#c8102e 45% 55%,#fff 55% 65%,#012169 65% 100%); }
.flag-de { background: linear-gradient(to bottom,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%); }
.flag-es { background: linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%); }
.flag-fr { background: linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%); }
.flag-it { background: linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66% 100%); }
.flag-jp { background: radial-gradient(circle at 50% 50%,#bc002d 0 28%,transparent 29%),#fff; }
.flag-kr { background: radial-gradient(circle at 46% 48%,#c60c30 0 20%,transparent 21%),radial-gradient(circle at 56% 54%,#003478 0 20%,transparent 21%),#fff; }
.flag-br { background: radial-gradient(circle at 50% 50%,#002776 0 18%,transparent 19%),linear-gradient(35deg,transparent 38%,#ffdf00 39% 61%,transparent 62%),linear-gradient(-35deg,transparent 38%,#ffdf00 39% 61%,transparent 62%),#009b3a; }
.flag-ru { background: linear-gradient(to bottom,#fff 0 33.33%,#0039a6 33.33% 66.66%,#d52b1e 66.66% 100%); }
.flag-tr { background: radial-gradient(circle at 40% 50%,#fff 0 24%,transparent 25%),radial-gradient(circle at 46% 50%,#e30a17 0 20%,transparent 21%),#e30a17; }
.flag-cn { background: radial-gradient(circle at 28% 33%,#ffde00 0 9%,transparent 10%),#de2910; }
.mobile-top-language-btn .language-flag-badge { width: 30px; min-width: 30px; height: 20px; }
.mobile-language-flag.language-flag-badge { width: 32px; min-width: 32px; height: 21px; margin-right: 9px; }

/* Language dropdown: restore original emoji flags, remove flag-code overlays */
.active-lang-display {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.language-switcher .dropdown-list a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.language-emoji-flag,
.mobile-language-flag,
.mobile-top-language-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 1.18rem;
    line-height: 1;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    text-indent: 0 !important;
    color: inherit !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}
.mobile-top-language-flag {
    font-size: 1.28rem;
}
.mobile-language-grid small {
    display: none !important;
}
.language-flag-badge,
.language-flag-badge::after {
    content: none !important;
}


/* Final language flag reset: use original emoji flags only, no code badges */
.language-switcher .dropdown-trigger-btn,
.language-switcher .dropdown-list a,
.mobile-top-language-btn,
.mobile-language-grid a {
    font-variant-emoji: emoji;
}
.language-emoji-flag,
.mobile-language-flag,
.mobile-top-language-flag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    text-indent: 0 !important;
    overflow: visible !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
}
.mobile-top-language-flag {
    margin-right: 0 !important;
    font-size: 1.35rem !important;
}
.language-flag-badge,
.language-flag-badge::before,
.language-flag-badge::after,
.flag-gb::before,
.flag-gb::after,
.flag-de::before,
.flag-de::after,
.flag-es::before,
.flag-es::after,
.flag-fr::before,
.flag-fr::after,
.flag-it::before,
.flag-it::after,
.flag-jp::before,
.flag-jp::after,
.flag-kr::before,
.flag-kr::after,
.flag-br::before,
.flag-br::after,
.flag-ru::before,
.flag-ru::after,
.flag-tr::before,
.flag-tr::after,
.flag-cn::before,
.flag-cn::after {
    content: none !important;
    display: none !important;
}
.language-switcher .dropdown-list a,
.mobile-language-grid a {
    gap: 0 !important;
}


/* Cross-browser language flags: SVG/emoji font is not required. */
.active-lang-display {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}
.active-lang-short {
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    line-height: 1 !important;
}
.language-switcher .dropdown-list a,
.mobile-language-grid a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.language-flag-badge {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 20px !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 4px !important;
    background-color: #111 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.08) !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
}
.active-lang-display .language-flag-badge,
.mobile-top-language-flag.language-flag-badge {
    margin-right: 0 !important;
}
.mobile-top-language-flag.language-flag-badge {
    width: 31px !important;
    min-width: 31px !important;
    height: 21px !important;
}
.mobile-language-flag.language-flag-badge {
    width: 34px !important;
    min-width: 34px !important;
    height: 22px !important;
    margin-right: 9px !important;
}
.language-flag-badge::before,
.language-flag-badge::after {
    content: none !important;
    display: none !important;
}
.flag-gb,
.flag-en {
    background:
        linear-gradient(27deg, transparent 43%, #fff 43% 49%, #c8102e 49% 54%, #fff 54% 60%, transparent 60%),
        linear-gradient(153deg, transparent 43%, #fff 43% 49%, #c8102e 49% 54%, #fff 54% 60%, transparent 60%),
        linear-gradient(to bottom, transparent 38%, #fff 38% 62%, transparent 62%),
        linear-gradient(to right, transparent 41%, #fff 41% 59%, transparent 59%),
        linear-gradient(to bottom, transparent 44%, #c8102e 44% 56%, transparent 56%),
        linear-gradient(to right, transparent 46%, #c8102e 46% 54%, transparent 54%),
        #012169 !important;
}
.flag-de { background: linear-gradient(to bottom, #000 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66% 100%) !important; }
.flag-es { background: linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%) !important; }
.flag-fr { background: linear-gradient(to right, #0055a4 0 33.33%, #fff 33.33% 66.66%, #ef4135 66.66% 100%) !important; }
.flag-it { background: linear-gradient(to right, #009246 0 33.33%, #fff 33.33% 66.66%, #ce2b37 66.66% 100%) !important; }
.flag-jp,
.flag-ja { background: radial-gradient(circle at 50% 50%, #bc002d 0 28%, transparent 29%), #fff !important; }
.flag-kr,
.flag-ko { background: radial-gradient(circle at 45% 50%, #c60c30 0 18%, transparent 19%), radial-gradient(circle at 55% 50%, #003478 0 18%, transparent 19%), #fff !important; }
.flag-br,
.flag-pt,
.flag-pt-br { background: radial-gradient(circle at 50% 50%, #002776 0 18%, transparent 19%), linear-gradient(35deg, transparent 36%, #ffdf00 37% 63%, transparent 64%), linear-gradient(-35deg, transparent 36%, #ffdf00 37% 63%, transparent 64%), #009b3a !important; }
.flag-ru { background: linear-gradient(to bottom, #fff 0 33.33%, #0039a6 33.33% 66.66%, #d52b1e 66.66% 100%) !important; }
.flag-tr { background: radial-gradient(circle at 39% 50%, #fff 0 24%, transparent 25%), radial-gradient(circle at 47% 50%, #e30a17 0 20%, transparent 21%), radial-gradient(circle at 64% 50%, #fff 0 4%, transparent 5%), #e30a17 !important; }
.flag-cn,
.flag-zh,
.flag-zh-cn { background: radial-gradient(circle at 28% 32%, #ffde00 0 8%, transparent 9%), radial-gradient(circle at 43% 22%, #ffde00 0 3%, transparent 4%), radial-gradient(circle at 48% 34%, #ffde00 0 3%, transparent 4%), radial-gradient(circle at 47% 48%, #ffde00 0 3%, transparent 4%), #de2910 !important; }
.flag-xx { background: linear-gradient(135deg, rgba(0,240,255,.45), rgba(124,77,255,.45)), #121826 !important; }

/* Turkish flag accuracy fix: use SVG, not approximate CSS gradients. */
.flag-tr,
.flag-turkish,
.flag-tr-tr {
    background-color: #e30a17 !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2020%22%3E%3Crect%20width=%2230%22%20height=%2220%22%20fill=%22%23e30a17%22/%3E%3Ccircle%20cx=%2211.6%22%20cy=%2210%22%20r=%225.25%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2213.35%22%20cy=%2210%22%20r=%224.20%22%20fill=%22%23e30a17%22/%3E%3Cpolygon%20points=%2222.85,10.00%2021.17,10.63%2021.09,12.43%2019.97,11.03%2018.24,11.50%2019.22,10.00%2018.24,8.50%2019.97,8.97%2021.09,7.57%2021.17,9.37%22%20fill=%22%23fff%22/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}
.flag-tr::before,
.flag-tr::after,
.flag-turkish::before,
.flag-turkish::after,
.flag-tr-tr::before,
.flag-tr-tr::after {
    content: none !important;
    display: none !important;
}


/* Mobile flag binding final fix */
.mobile-top-language-btn .language-flag-badge,
.mobile-language-grid .language-flag-badge,
.mobile-language-grid .mobile-language-flag {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 4px !important;
    background-color: #111 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.08) !important;
    color: transparent !important;
    text-indent: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.mobile-top-language-btn .language-flag-badge,
.mobile-top-language-flag.language-flag-badge {
    width: 31px !important;
    min-width: 31px !important;
    height: 21px !important;
    margin: 0 !important;
}
.mobile-language-grid .language-flag-badge,
.mobile-language-flag.language-flag-badge {
    width: 34px !important;
    min-width: 34px !important;
    height: 22px !important;
    margin: 0 10px 0 0 !important;
}
.mobile-language-grid .language-flag-badge::before,
.mobile-language-grid .language-flag-badge::after,
.mobile-top-language-btn .language-flag-badge::before,
.mobile-top-language-btn .language-flag-badge::after {
    content: none !important;
    display: none !important;
}
.mobile-top-language-btn .flag-gb,
.mobile-top-language-btn .flag-en,
.mobile-language-grid .flag-gb,
.mobile-language-grid .flag-en {
    background-image:
        linear-gradient(27deg, transparent 43%, #fff 43% 49%, #c8102e 49% 54%, #fff 54% 60%, transparent 60%),
        linear-gradient(153deg, transparent 43%, #fff 43% 49%, #c8102e 49% 54%, #fff 54% 60%, transparent 60%),
        linear-gradient(to bottom, transparent 38%, #fff 38% 62%, transparent 62%),
        linear-gradient(to right, transparent 41%, #fff 41% 59%, transparent 59%),
        linear-gradient(to bottom, transparent 44%, #c8102e 44% 56%, transparent 56%),
        linear-gradient(to right, transparent 46%, #c8102e 46% 54%, transparent 54%) !important;
    background-color: #012169 !important;
}
.mobile-top-language-btn .flag-de,
.mobile-language-grid .flag-de { background-image: linear-gradient(to bottom, #000 0 33.33%, #dd0000 33.33% 66.66%, #ffce00 66.66% 100%) !important; }
.mobile-top-language-btn .flag-es,
.mobile-language-grid .flag-es { background-image: linear-gradient(to bottom, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%) !important; }
.mobile-top-language-btn .flag-fr,
.mobile-language-grid .flag-fr { background-image: linear-gradient(to right, #0055a4 0 33.33%, #fff 33.33% 66.66%, #ef4135 66.66% 100%) !important; }
.mobile-top-language-btn .flag-it,
.mobile-language-grid .flag-it { background-image: linear-gradient(to right, #009246 0 33.33%, #fff 33.33% 66.66%, #ce2b37 66.66% 100%) !important; }
.mobile-top-language-btn .flag-jp,
.mobile-top-language-btn .flag-ja,
.mobile-language-grid .flag-jp,
.mobile-language-grid .flag-ja { background-image: radial-gradient(circle at 50% 50%, #bc002d 0 28%, transparent 29%) !important; background-color: #fff !important; }
.mobile-top-language-btn .flag-kr,
.mobile-top-language-btn .flag-ko,
.mobile-language-grid .flag-kr,
.mobile-language-grid .flag-ko { background-image: radial-gradient(circle at 45% 50%, #c60c30 0 18%, transparent 19%), radial-gradient(circle at 55% 50%, #003478 0 18%, transparent 19%) !important; background-color: #fff !important; }
.mobile-top-language-btn .flag-br,
.mobile-top-language-btn .flag-pt,
.mobile-top-language-btn .flag-pt-br,
.mobile-language-grid .flag-br,
.mobile-language-grid .flag-pt,
.mobile-language-grid .flag-pt-br { background-image: radial-gradient(circle at 50% 50%, #002776 0 18%, transparent 19%), linear-gradient(35deg, transparent 36%, #ffdf00 37% 63%, transparent 64%), linear-gradient(-35deg, transparent 36%, #ffdf00 37% 63%, transparent 64%) !important; background-color: #009b3a !important; }
.mobile-top-language-btn .flag-ru,
.mobile-language-grid .flag-ru { background-image: linear-gradient(to bottom, #fff 0 33.33%, #0039a6 33.33% 66.66%, #d52b1e 66.66% 100%) !important; }
.mobile-top-language-btn .flag-tr,
.mobile-top-language-btn .flag-turkish,
.mobile-top-language-btn .flag-tr-tr,
.mobile-language-grid .flag-tr,
.mobile-language-grid .flag-turkish,
.mobile-language-grid .flag-tr-tr {
    background-color: #e30a17 !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2030%2020%22%3E%3Crect%20width=%2230%22%20height=%2220%22%20fill=%22%23e30a17%22/%3E%3Ccircle%20cx=%2211.6%22%20cy=%2210%22%20r=%225.25%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2213.35%22%20cy=%2210%22%20r=%224.20%22%20fill=%22%23e30a17%22/%3E%3Cpolygon%20points=%2222.85,10.00%2021.17,10.63%2021.09,12.43%2019.97,11.03%2018.24,11.50%2019.22,10.00%2018.24,8.50%2019.97,8.97%2021.09,7.57%2021.17,9.37%22%20fill=%22%23fff%22/%3E%3C/svg%3E") !important;
}
.mobile-top-language-btn .flag-cn,
.mobile-top-language-btn .flag-zh,
.mobile-top-language-btn .flag-zh-cn,
.mobile-language-grid .flag-cn,
.mobile-language-grid .flag-zh,
.mobile-language-grid .flag-zh-cn { background-image: radial-gradient(circle at 28% 32%, #ffde00 0 8%, transparent 9%), radial-gradient(circle at 43% 22%, #ffde00 0 3%, transparent 4%), radial-gradient(circle at 48% 34%, #ffde00 0 3%, transparent 4%), radial-gradient(circle at 47% 48%, #ffde00 0 3%, transparent 4%) !important; background-color: #de2910 !important; }

/* STLTYPE phase 2 mobile hardening */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
img, video, canvas, svg {
    max-width: 100%;
}
.table-wrap,
.audit-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.data-table {
    min-width: 720px;
}
.check-row,
.action-row,
.model-owner-actions,
.finance-detail-actions,
.owner-actions,
.detail-actions,
.form-actions {
    flex-wrap: wrap !important;
}
.form-grid,
.stat-grid,
.audit-stat-grid,
.audit-check-grid,
.audit-area-links {
    min-width: 0;
}
.glass-panel,
.notice,
.form-shell,
.auth-shell,
.admin-shell,
.main-container,
.model-detail-shell,
.marketplace-shell,
.section-header,
.banner-container-split,
.banner-panel-left,
.banner-panel-right {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.mobile-language-panel,
.mobile-drawer {
    max-width: calc(100vw - 22px) !important;
}
.mobile-drawer {
    width: min(320px, calc(100vw - 20px)) !important;
}
.mobile-language-grid a,
.mobile-drawer a,
.dropdown-list a {
    word-break: break-word;
}
@media (max-width: 980px) {
    body {
        padding-top: var(--stltype-fixed-nav-height, 66px) !important;
    }
    .front-navbar,
    .navbar {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .nav-left-group {
        gap: 9px !important;
    }
    .logo {
        font-size: 22px !important;
        white-space: nowrap;
    }
    .nav-explore-dropdown,
    .nav-upload-solid,
    .nav-links-center,
    .nav-search-bar,
    .nav-right-icons .custom-dropdown,
    .front-login-pill,
    .front-register-pill,
    .front-logout-mini {
        display: none !important;
    }
    .hamburger-menu-btn {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }
    .mobile-top-language-btn {
        margin-left: auto !important;
        margin-right: 2px !important;
    }
    .section-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .section-header > * {
        max-width: 100%;
    }
    .banner-container-split,
    .model-detail-grid,
    .form-grid,
    .admin-shell {
        grid-template-columns: 1fr !important;
    }
    .banner-panel-left {
        padding: 28px 20px !important;
    }
    .banner-panel-left h1,
    .section-headline {
        font-size: clamp(1.85rem, 8vw, 2.6rem) !important;
        line-height: 1.12 !important;
    }
    .banner-panel-right {
        min-height: 250px !important;
    }
    .model-detail-shell .detail-preview-box,
    .detail-preview-box {
        height: min(360px, 66vw) !important;
    }
    .check-pill,
    .btn-primary-glow,
    .btn-ghost,
    .mini-btn,
    .btn-danger-soft,
    .btn-passive-soft {
        max-width: 100%;
        white-space: normal;
    }
    input, select, textarea, button {
        font-size: 16px;
    }
}
@media (max-width: 700px) {
    .main-container,
    .form-shell,
    .auth-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .glass-panel {
        padding: 18px !important;
        border-radius: 18px !important;
    }
    .data-table {
        min-width: 650px;
        font-size: .86rem;
    }
    .mobile-language-panel {
        width: min(420px, calc(100vw - 22px)) !important;
        max-height: min(82vh, 640px) !important;
        border-radius: 18px !important;
    }
    .mobile-language-grid a {
        grid-template-columns: auto 1fr !important;
    }
    .dropdown-list {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: calc(var(--stltype-fixed-nav-height, 66px) + 10px) !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

/* Dil kaçak kontrol ekranı */
.audit-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.audit-stat-card {
    display: block;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 18px;
    background: rgba(255,255,255,.045);
}
.audit-stat-card span {
    display: block;
    color: var(--text-muted);
    font-size: .86rem;
    margin-bottom: 8px;
}
.audit-stat-card strong {
    font-size: 2rem;
    color: #fff;
}
.audit-mobile-panel,
.audit-area-panel {
    margin-bottom: 18px;
}
.audit-check-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.audit-check {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 13px;
    background: rgba(255,255,255,.035);
}
.audit-check.ok {
    border-color: rgba(16,185,129,.35);
    background: rgba(16,185,129,.08);
}
.audit-check.bad {
    border-color: rgba(255,0,60,.38);
    background: rgba(255,0,60,.08);
}
.audit-check strong,
.audit-check span {
    display: block;
}
.audit-check span {
    color: var(--text-muted);
    margin-top: 6px;
    line-height: 1.45;
    font-size: .88rem;
}
.audit-area-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}
.audit-area-links a {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255,255,255,.04);
    color: #fff;
    font-size: .86rem;
}
.audit-area-links a.active {
    border-color: rgba(0,240,255,.5);
    color: var(--primary-glow);
    background: rgba(0,240,255,.08);
}
.audit-area-links span {
    color: var(--text-muted);
    margin-left: 4px;
}
.audit-badge {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: .76rem;
    border: 1px solid rgba(255,255,255,.12);
}
.audit-badge.danger { color: #ff9aa9; border-color: rgba(255,0,60,.35); background: rgba(255,0,60,.09); }
.audit-badge.warn { color: #ffd38a; border-color: rgba(255,190,80,.35); background: rgba(255,190,80,.09); }
.audit-badge.info { color: #9edcff; border-color: rgba(0,240,255,.28); background: rgba(0,240,255,.08); }
.audit-table code {
    white-space: normal;
    word-break: break-word;
    color: rgba(255,255,255,.82);
}
@media (max-width: 900px) {
    .audit-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .audit-stat-grid { grid-template-columns: 1fr; }
}


/* STLTYPE phase 4 user library */
.library-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 70px; }
.library-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0; }
.library-stat-card { display:block; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.045); padding:18px; text-decoration:none; color:inherit; transition:.2s ease; }
.library-stat-card:hover, .library-stat-card.active { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); transform:translateY(-2px); }
.library-stat-card span { display:block; color:var(--text-muted,#9ca3af); font-size:.88rem; margin-bottom:8px; }
.library-stat-card strong { display:block; color:#fff; font-size:2rem; line-height:1; }
.library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.library-card { display:grid; grid-template-columns:190px minmax(0,1fr); gap:16px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(0,0,0,.18); padding:12px; overflow:hidden; }
.library-card.is-updated { border-color:rgba(0,240,255,.32); box-shadow:0 0 0 1px rgba(0,240,255,.08), 0 16px 34px rgba(0,0,0,.22); }
.library-cover { position:relative; min-height:148px; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.04); }
.library-cover img { width:100%; height:100%; min-height:148px; object-fit:cover; display:block; }
.library-update-badge { position:absolute; left:10px; top:10px; border-radius:999px; padding:6px 10px; background:rgba(0,240,255,.92); color:#041014; font-size:.72rem; letter-spacing:.02em; }
.library-card-body { min-width:0; display:flex; flex-direction:column; gap:10px; }
.library-card-topline, .library-meta-row, .library-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.library-card-topline span { border:1px solid rgba(255,255,255,.10); border-radius:999px; padding:5px 9px; color:var(--text-muted,#9ca3af); font-size:.76rem; background:rgba(255,255,255,.04); }
.library-card h3 { margin:0; color:#fff; font-size:1.08rem; line-height:1.35; }
.library-meta-row span { color:var(--text-muted,#9ca3af); font-size:.84rem; }
.library-note { margin:0; color:var(--text-muted,#9ca3af); font-size:.86rem; line-height:1.55; }
.library-note.success { color:#b8f5ff; }
.library-actions { margin-top:auto; }
.library-actions .mini-btn.disabled { opacity:.45; pointer-events:none; }
.library-empty { grid-column:1/-1; text-align:center; padding:42px 20px; border:1px dashed rgba(255,255,255,.16); border-radius:20px; }
.library-empty h3 { margin:0 0 8px; color:#fff; }
.library-empty p { margin:0 0 18px; color:var(--text-muted,#9ca3af); }
@media (max-width: 980px) { .library-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .library-grid { grid-template-columns:1fr; } }
@media (max-width: 640px) { .library-shell { width:min(100% - 24px, 1180px); padding-top:22px; } .library-stat-grid { grid-template-columns:1fr; } .library-card { grid-template-columns:1fr; } .library-cover, .library-cover img { min-height:210px; } }


/* STLTYPE phase 5 seller application and seller panel */
.seller-shell { width:min(1180px, calc(100% - 32px)); margin:0 auto; padding:34px 0 70px; }
.seller-hero-card { margin-bottom:18px; }
.seller-hero-icon { width:74px; height:74px; border-radius:24px; display:flex; align-items:center; justify-content:center; font-size:2rem; background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.12); box-shadow:0 16px 36px rgba(0,0,0,.22); flex:0 0 auto; }
.seller-status-card { padding:28px; margin:18px 0; }
.seller-status-card h2 { margin:0 0 8px; color:#fff; }
.seller-status-card p { margin:0 0 16px; color:var(--text-muted,#9ca3af); line-height:1.6; }
.seller-status-meta { display:flex; flex-wrap:wrap; gap:10px; }
.seller-status-meta span { border:1px solid rgba(255,255,255,.10); border-radius:999px; padding:8px 12px; background:rgba(255,255,255,.04); color:var(--text-muted,#9ca3af); }
.seller-application-form { margin-top:18px; }
.seller-terms-box { border:1px solid rgba(255,255,255,.10); border-radius:18px; padding:18px; background:rgba(255,255,255,.035); }
.seller-terms-box p { margin:0 0 14px; color:var(--text-muted,#9ca3af); line-height:1.6; }
.checkbox-line { display:flex; align-items:flex-start; gap:10px; color:#fff; line-height:1.5; }
.checkbox-line input { margin-top:5px; width:auto; }
.seller-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.seller-two-col { align-items:start; }
.seller-model-list { display:flex; flex-direction:column; gap:10px; }
.seller-model-row { display:grid; grid-template-columns:62px minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.035); color:inherit; text-decoration:none; transition:.2s ease; }
.seller-model-row:hover { border-color:rgba(255,255,255,.22); transform:translateY(-1px); background:rgba(255,255,255,.06); }
.seller-model-row strong { display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seller-model-row small { display:block; color:var(--text-muted,#9ca3af); margin-top:4px; }
.seller-model-row em { color:var(--text-muted,#9ca3af); font-style:normal; white-space:nowrap; }
.seller-model-cover { width:62px; height:52px; border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); color:var(--text-muted,#9ca3af); font-size:.75rem; }
.seller-model-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.seller-profile-box p { margin:0 0 12px; color:var(--text-muted,#9ca3af); line-height:1.55; }
.seller-profile-box strong { color:#fff; }
.seller-admin-filter { display:grid; grid-template-columns:190px minmax(240px,1fr) 150px; gap:14px; margin:0 0 18px; padding:18px; }
.seller-admin-stats { margin:16px 0; }
.status-pill { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:6px 10px; font-size:.78rem; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; }
.status-pending { border-color:rgba(255,211,106,.35); background:rgba(255,211,106,.10); }
.status-approved, .status-active { border-color:rgba(92,255,184,.35); background:rgba(92,255,184,.10); }
.status-rejected, .status-passive { border-color:rgba(255,98,130,.35); background:rgba(255,98,130,.10); }
.seller-admin-actions { display:grid; gap:8px; min-width:210px; }
.seller-admin-actions form { margin:0; display:grid; gap:6px; }
.seller-admin-actions textarea { min-height:58px; resize:vertical; border-radius:12px; }
@media (max-width:980px){ .seller-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .seller-admin-filter { grid-template-columns:1fr; } }
@media (max-width:640px){ .seller-shell { width:min(100% - 24px, 1180px); padding-top:22px; } .seller-stat-grid { grid-template-columns:1fr; } .seller-model-row { grid-template-columns:52px minmax(0,1fr); } .seller-model-row em { grid-column:2; } .seller-hero-icon { width:58px; height:58px; border-radius:18px; font-size:1.5rem; } }


/* faz6-finance-wallet */
.wallet-summary-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.wallet-withdraw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wallet-withdraw-form .full{grid-column:1/-1}.wallet-withdraw-form input,.wallet-withdraw-form textarea{width:100%}.wallet-withdraw-form button[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:780px){.wallet-summary-grid.compact,.wallet-withdraw-form{grid-template-columns:1fr}.wallet-withdraw-form .full{grid-column:auto}.account-table-wrap{overflow-x:auto}.account-table-wrap .data-table{min-width:880px}}

/* stltype v5.3 report form */
.report-form-panel{max-width:820px;margin:0 auto;}
.report-form-grid select,.report-form-grid textarea,.report-form-grid input[type="email"]{width:100%;}
.report-form-grid small{display:block;margin-top:6px;color:var(--text-muted,#9aa4b2);line-height:1.45;}
.report-info-box{border:1px solid rgba(0,240,255,.18);border-radius:18px;padding:14px 16px;background:rgba(0,240,255,.055);color:var(--text-muted,#9aa4b2);line-height:1.55;}
.report-info-box strong{display:block;color:var(--text-main,#fff);margin-bottom:4px;}
.report-info-box p{margin:0;}
@media(max-width:720px){.report-form-panel{border-radius:20px}.report-info-box{padding:13px}}

/* STLTYPE Club v5.4 plan, seller/model eligibility and card labels */
.club-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:stretch}
.club-plan-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(0,240,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(0,240,255,.06),rgba(255,255,255,.035));cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.club-plan-card:hover{transform:translateY(-2px);border-color:rgba(0,240,255,.48);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.club-plan-card input{position:absolute;top:16px;right:16px;accent-color:var(--primary-glow,#00f0ff)}
.club-plan-card:has(input:checked){border-color:rgba(0,240,255,.72);box-shadow:0 0 0 1px rgba(0,240,255,.20),0 18px 46px rgba(0,240,255,.10)}
.club-plan-card.display-only{cursor:default}.club-plan-card.display-only:hover{transform:none}
.club-plan-name{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-glow,#00f0ff)}
.club-plan-card strong{font-size:clamp(24px,4vw,34px);line-height:1;color:var(--text-main,#fff)}
.club-plan-card small{color:var(--text-muted,#a8b0bf);line-height:1.55}
.club-offer-badge{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(0,240,255,.36);background:rgba(0,0,0,.58);color:var(--primary-glow,#00f0ff);font-size:12px;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(10px)}
.club-price-line{display:block;margin-top:4px;color:var(--primary-glow,#00f0ff);font-size:12px;line-height:1.25;white-space:nowrap}
.club-card-note{margin:8px 0 0;color:var(--primary-glow,#00f0ff);font-size:12px;letter-spacing:.02em}
.marketplace-card.has-club-offer .dual-price-dock{border-color:rgba(0,240,255,.25)}
@media(max-width:640px){.club-plan-grid{grid-template-columns:1fr}.club-offer-badge{left:10px;bottom:10px;font-size:11px;padding:6px 10px}.club-price-line{font-size:11px}}


/* Faz 10: Bildirim merkezi */
.notification-shell{gap:18px}.notification-hero-count{min-width:150px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;text-align:center;background:rgba(255,255,255,.05)}.notification-hero-count strong{display:block;font-size:2.4rem;line-height:1}.notification-hero-count span{display:block;color:var(--text-muted);margin-top:6px}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px}.notification-filters{display:flex;gap:8px;flex-wrap:wrap}.notification-filters a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 13px;color:var(--text-main);text-decoration:none;background:rgba(255,255,255,.04)}.notification-filters a.active{background:rgba(255,255,255,.9);color:#111}.notification-list{display:grid;gap:12px}.notification-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;border-left:4px solid rgba(255,255,255,.15)}.notification-card.is-unread{border-left-color:rgba(0,240,255,.72);box-shadow:0 0 0 1px rgba(0,240,255,.12),0 12px 40px rgba(0,0,0,.22)}.notification-card.priority-high{border-left-color:rgba(255,190,70,.78)}.notification-card.priority-critical{border-left-color:rgba(255,52,98,.86)}.notification-card.is-read{opacity:.72}.notification-card-main{display:flex;gap:12px;min-width:0}.notification-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);flex:0 0 34px}.notification-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:.82rem;margin-bottom:5px}.notification-meta em{font-style:normal}.notification-card h2{font-size:1.05rem;margin:0 0 6px}.notification-card p{margin:0;color:var(--text-muted);line-height:1.5}.notification-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.notification-actions form{margin:0}.notification-empty{padding:24px;text-align:center;color:var(--text-muted)}.front-notification-btn{position:relative}.admin-notification-stats{margin-bottom:16px}@media(max-width:720px){.notification-card{display:grid}.notification-actions{justify-content:flex-start}.notification-hero-count{width:100%;min-width:0}.notification-toolbar{align-items:flex-start}.notification-filters{width:100%}.notification-filters a{flex:1}.front-notification-btn{display:none!important}}


/* Faz 11 - yorum raporlama / inceleme ve kalite kırılımı */
.review-permission-note{margin-top:12px;font-size:.9rem;line-height:1.45}.comment-report-box{margin-top:10px}.comment-report-box summary{cursor:pointer;color:var(--text-muted);font-size:.86rem}.comment-report-box[open] summary{color:var(--accent)}.comment-report-form{margin-top:10px;padding:12px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.035);display:grid;gap:10px}.comment-report-form textarea{min-height:72px}.comment-admin-action{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto;gap:8px;align-items:center}.quality-breakdown-box{font-size:.9rem;line-height:1.6}@media(max-width:760px){.comment-admin-action{grid-template-columns:1fr}.comment-report-form{padding:10px}}


/* Faz 12 model version */
.version-badge{font-weight:600;letter-spacing:.01em}
.version-download-files a{transition:border-color .18s ease,color .18s ease,background .18s ease}
.version-download-files a:hover{background:rgba(0,240,255,.08)}
@media(max-width:720px){.version-detail-head,.version-detail-row-head,.version-history-head{align-items:flex-start;flex-direction:column}.version-download-files a,.version-download-files span{width:100%;text-align:left}}

/* stltype faz14 performance helpers */
.card-media-img,.detail-image-thumb img,#modelMainImage{background:rgba(255,255,255,.035)}
.card-gif-toggle{position:absolute;left:10px;bottom:10px;z-index:18;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid rgba(0,240,255,.46);border-radius:50%;background:rgba(3,10,15,.88);color:#fff;font:700 11px/1 system-ui,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.34);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.card-gif-toggle [data-gif-toggle-text]{display:none!important}
.card-gif-toggle:hover,.card-gif-toggle:focus-visible,.card-gif-toggle[aria-pressed="true"]{color:#001014;background:#00f0ff;outline:none}
.card-gif-toggle[aria-pressed="true"] [data-gif-toggle-icon]{font-size:0}
.card-gif-toggle[aria-pressed="true"] [data-gif-toggle-icon]::after{content:"■";font-size:10px}
.card-media-gif.is-gif-loading,.designer-gif-cover.is-gif-loading{opacity:.78!important}
.detail-preview-box{position:relative}
.detail-gif-toggle{position:absolute;left:16px;bottom:16px;z-index:22;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(0,240,255,.55);border-radius:999px;background:rgba(2,9,14,.88);color:#fff;font:700 12px/1 system-ui,sans-serif;letter-spacing:.05em;box-shadow:0 12px 28px rgba(0,0,0,.4);cursor:pointer;backdrop-filter:blur(10px)}
.detail-gif-toggle:hover,.detail-gif-toggle:focus-visible,.detail-gif-toggle[aria-pressed="true"]{outline:none;color:#001014;background:#00f0ff}
.detail-gif-toggle[aria-pressed="true"] [data-detail-gif-icon]{font-size:0}
.detail-gif-toggle[aria-pressed="true"] [data-detail-gif-icon]::after{content:"■";font-size:11px}
.detail-gif-toggle[hidden]{display:none!important}
@media(max-width:720px){.detail-gif-toggle{left:12px;bottom:12px;min-height:38px;padding:0 13px}}
.detail-image-thumb img{width:100%;height:100%;object-fit:cover}
@supports (content-visibility:auto){.master-card.marketplace-card{content-visibility:auto;contain-intrinsic-size:420px 300px}.creator-profile-card{content-visibility:auto;contain-intrinsic-size:100px 300px}}
@media(max-width:720px){.card-media-img{transform:translateZ(0)}}

/* Kullanıcı paneli iç sekme / gömülü hareket alanı */
.account-dashboard-tabs a{position:relative;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.account-dashboard-tabs a.is-active{background:linear-gradient(135deg,rgba(0,229,255,.92),rgba(0,154,174,.82));border-color:rgba(0,229,255,.75);color:#001316;box-shadow:0 0 0 1px rgba(0,229,255,.25),0 14px 30px rgba(0,229,255,.12);transform:translateY(-1px)}
.account-dashboard-embed-panel{margin-top:20px;overflow:hidden;padding:0!important}
.account-dashboard-embed-panel[hidden],.account-dashboard-view[hidden]{display:none!important}
.account-dashboard-view.is-active{display:block}
.account-embed-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(255,255,255,.025))}
.account-embed-head h2{margin:4px 0 0;font-size:1.55rem;color:#fff}
.account-embed-back{border:1px solid rgba(0,229,255,.36);background:rgba(0,229,255,.08);color:#aaf8ff;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:600;white-space:nowrap}
.account-embed-back:hover{background:rgba(0,229,255,.16);border-color:rgba(0,229,255,.62)}
.account-embed-loading{margin:18px 24px;padding:13px 16px;border-radius:14px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.18);color:#bffaff}
.account-embed-frame{display:block;width:100%;min-height:620px;border:0;background:transparent;border-radius:0}
@media (max-width:780px){.account-embed-head{align-items:flex-start;flex-direction:column;padding:18px}.account-embed-back{width:100%;justify-content:center}.account-dashboard-tabs{gap:8px}.account-dashboard-tabs a{flex:1 1 calc(50% - 8px);text-align:center}.account-embed-frame{min-height:720px}}
@media (max-width:520px){.account-dashboard-tabs a{flex:1 1 100%}}


/* Giriş ekranı şifremi unuttum bağlantısı + kullanıcı paneli sabit iç geçiş */
.front-auth-password-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.front-auth-password-label-row label{margin:0!important}
.front-auth-forgot-inline,.front-auth-helper-links a{color:#8ff8ff;text-decoration:none;font-weight:600;font-size:.88rem}
.front-auth-forgot-inline:hover,.front-auth-helper-links a:hover{color:#fff;text-decoration:underline}
.front-auth-helper-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;color:var(--text-muted);font-size:.86rem}
.account-dashboard-tabs a{scroll-margin-top:0}
.account-dashboard-embed-panel{scroll-margin-top:0}
.account-embed-frame{overflow-anchor:none}
@media(max-width:640px){.front-auth-password-label-row{align-items:flex-start;flex-direction:column;gap:6px}.front-auth-helper-links{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.front-auth-actions-row .btn-primary-glow,.front-auth-actions-row .btn-ghost{width:100%;justify-content:center;text-align:center}}


/* Performance phase 2: homepage LCP and below-the-fold paint control */
.banner-panel-right{contain:paint;isolation:isolate;transform:translateZ(0)}
.banner-hero-img{content-visibility:auto;contain-intrinsic-size:980px 735px;will-change:auto}
@supports (content-visibility:auto){
  .main-container > section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:760px 1200px}
}
@media (max-width:860px){
  .banner-panel-right{min-height:240px}
  .banner-hero-img{contain-intrinsic-size:760px 520px}
}

/* stltype AdSense structured slots */
.global-ad-container .adsbygoogle,
.global-ad-container .stltype-adsense-slot {
    display: block;
    width: 100%;
    min-height: 90px;
    text-transform: none;
    letter-spacing: normal;
}
.global-ad-container:has(.stltype-adsense-slot) {
    text-transform: none;
    letter-spacing: normal;
    padding: 12px;
}

/* Desktop language selector popup update */
.language-popup-switcher {
    display: inline-flex;
    align-items: center;
}
.language-popup-trigger {
    min-width: 86px;
    justify-content: center;
    padding-left: 14px !important;
    padding-right: 14px !important;
    text-transform: none !important;
    letter-spacing: .02em;
    font-weight: 600 !important;
}
.language-popup-trigger .active-lang-display,
.language-popup-trigger .active-lang-label {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
@media (min-width: 769px) {
    .mobile-language-modal.open {
        display: flex !important;
    }
    .mobile-language-panel {
        width: min(520px, calc(100vw - 42px)) !important;
        max-height: min(82vh, 680px) !important;
    }
    .mobile-language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}
.flag-az,
.mobile-top-language-btn .flag-az,
.mobile-language-grid .flag-az {
    background-image: linear-gradient(to bottom, #00b5e2 0 33.33%, #ef3340 33.33% 66.66%, #509e2f 66.66% 100%) !important;
    background-color: #00b5e2 !important;
}
.flag-va,
.flag-la,
.mobile-top-language-btn .flag-va,
.mobile-top-language-btn .flag-la,
.mobile-language-grid .flag-va,
.mobile-language-grid .flag-la {
    background-image: linear-gradient(to right, #ffe000 0 50%, #fff 50% 100%) !important;
    background-color: #fff !important;
}

/* STLTYPE language popup professional layout update: wide modal, 2-column list, separators, non-bold labels */
.mobile-language-panel {
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    max-height: min(72vh, 560px) !important;
    border-radius: 20px !important;
}
.mobile-language-panel-head {
    padding: 16px 20px !important;
}
.mobile-language-panel-head h3,
.mobile-language-panel-head .mobile-language-title {
    font-size: 1.02rem !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
}
.mobile-language-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}
.mobile-language-grid a {
    position: relative !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    text-decoration: none !important;
    font-size: .96rem !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
    box-shadow: none !important;
}
.mobile-language-grid a::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    top: 0 !important;
    height: 1px !important;
    display: block !important;
    background: rgba(255,255,255,.09) !important;
}
.mobile-language-grid a:nth-child(1)::before,
.mobile-language-grid a:nth-child(2)::before {
    display: none !important;
}
.mobile-language-grid a:nth-child(odd)::after {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    right: 0 !important;
    bottom: 12px !important;
    width: 1px !important;
    display: block !important;
    background: rgba(255,255,255,.11) !important;
}
.mobile-language-grid a:hover {
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
}
.mobile-language-grid a.current {
    background: rgba(0,240,255,.09) !important;
    color: var(--primary-glow, #00f0ff) !important;
}
.mobile-language-grid a.current::before {
    background: rgba(0,240,255,.20) !important;
}
.mobile-language-grid .mobile-language-name,
.mobile-language-grid a span,
.mobile-language-grid small,
.language-popup-trigger,
.language-popup-trigger span,
.active-lang-display,
.active-lang-label,
.active-lang-short {
    font-weight: 400 !important;
}
.mobile-language-grid .language-flag-badge,
.mobile-language-flag.language-flag-badge {
    margin-right: 0 !important;
}
@media (max-width: 520px) {
    .mobile-language-panel {
        width: min(94vw, 460px) !important;
        max-width: min(94vw, 460px) !important;
        max-height: min(78vh, 620px) !important;
    }
    .mobile-language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .mobile-language-grid a {
        min-height: 56px !important;
        padding: 12px 10px !important;
        gap: 8px !important;
        font-size: .88rem !important;
    }
    .mobile-language-grid a::before {
        left: 10px !important;
        right: 10px !important;
    }
}


/* STLTYPE language popup hard fix v2: visible row/column separators and normal-weight labels */
#mobileLanguageModal.stltype-language-modal.open,
#mobileLanguageModal.mobile-language-modal.open {
    display: flex !important;
}
#mobileLanguageModal .stltype-language-panel,
#mobileLanguageModal .mobile-language-panel {
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    max-height: min(74vh, 580px) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
#mobileLanguageModal .mobile-language-panel-head {
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
#mobileLanguageModal .mobile-language-panel-head h3,
#mobileLanguageModal #mobileLanguageTitle {
    font-size: 1.02rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
}
#mobileLanguageModal .stltype-language-grid,
#mobileLanguageModal .mobile-language-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
}
#mobileLanguageModal .stltype-language-grid > a,
#mobileLanguageModal .mobile-language-grid > a,
#mobileLanguageModal a.stltype-language-option {
    position: relative !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.86) !important;
    text-decoration: none !important;
    font-size: .96rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
}
#mobileLanguageModal .stltype-language-grid > a:nth-child(1),
#mobileLanguageModal .stltype-language-grid > a:nth-child(2),
#mobileLanguageModal .mobile-language-grid > a:nth-child(1),
#mobileLanguageModal .mobile-language-grid > a:nth-child(2) {
    border-top: 0 !important;
}
#mobileLanguageModal .stltype-language-grid > a:nth-child(odd),
#mobileLanguageModal .mobile-language-grid > a:nth-child(odd) {
    border-right: 1px solid rgba(255,255,255,.12) !important;
}
#mobileLanguageModal .stltype-language-grid > a::before,
#mobileLanguageModal .stltype-language-grid > a::after,
#mobileLanguageModal .mobile-language-grid > a::before,
#mobileLanguageModal .mobile-language-grid > a::after {
    display: none !important;
    content: none !important;
}
#mobileLanguageModal .stltype-language-grid > a:hover,
#mobileLanguageModal .mobile-language-grid > a:hover {
    background: rgba(255,255,255,.045) !important;
    color: #fff !important;
}
#mobileLanguageModal .stltype-language-grid > a.current,
#mobileLanguageModal .mobile-language-grid > a.current,
#mobileLanguageModal a.stltype-language-option.current {
    background: rgba(0,240,255,.085) !important;
    color: var(--primary-glow, #00f0ff) !important;
}
#mobileLanguageModal .stltype-language-grid .mobile-language-name,
#mobileLanguageModal .mobile-language-grid .mobile-language-name,
#mobileLanguageModal .stltype-language-grid span,
#mobileLanguageModal .mobile-language-grid span,
#mobileLanguageModal .stltype-language-grid small,
#mobileLanguageModal .mobile-language-grid small,
#mobileLanguageModal a.stltype-language-option,
#mobileLanguageModal a.stltype-language-option * {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
    text-shadow: none !important;
}
#mobileLanguageModal .stltype-language-grid small,
#mobileLanguageModal .mobile-language-grid small {
    display: none !important;
}
#mobileLanguageModal .language-flag-badge,
#mobileLanguageModal .mobile-language-flag.language-flag-badge {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
}
.language-popup-trigger,
.language-popup-trigger *,
.active-lang-display,
.active-lang-display *,
.active-lang-label {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    text-transform: none !important;
}
@media (max-width: 520px) {
    #mobileLanguageModal .stltype-language-panel,
    #mobileLanguageModal .mobile-language-panel {
        width: min(94vw, 460px) !important;
        max-width: min(94vw, 460px) !important;
        max-height: min(78vh, 620px) !important;
    }
    #mobileLanguageModal .stltype-language-grid > a,
    #mobileLanguageModal .mobile-language-grid > a {
        min-height: 56px !important;
        padding: 12px 10px !important;
        gap: 8px !important;
        font-size: .88rem !important;
    }
}

/* STLTYPESAFE: language popup final table style override v3
   Keeps the professional two-column bordered popup as the only visual style. */
#mobileLanguageModal.mobile-language-modal.open,
#mobileLanguageModal.stltype-language-modal.open {
    display: flex !important;
}
#mobileLanguageModal .mobile-language-panel,
#mobileLanguageModal .stltype-language-panel {
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    max-height: min(78vh, 620px) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: rgba(10, 13, 18, .98) !important;
    border: 1px solid rgba(0, 240, 255, .28) !important;
    box-shadow: 0 26px 90px rgba(0, 0, 0, .62) !important;
}
#mobileLanguageModal .mobile-language-panel-head {
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
}
#mobileLanguageModal .mobile-language-panel-head h3,
#mobileLanguageModal #mobileLanguageTitle {
    margin: 0 !important;
    font-size: 1.02rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
}
#mobileLanguageModal .mobile-language-grid,
#mobileLanguageModal .stltype-language-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
    border-top: 0 !important;
    background: transparent !important;
}
#mobileLanguageModal .mobile-language-grid > a,
#mobileLanguageModal .stltype-language-grid > a,
#mobileLanguageModal a.stltype-language-option {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, .86) !important;
    text-decoration: none !important;
    font-size: .96rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    text-shadow: none !important;
}
#mobileLanguageModal .mobile-language-grid > a:nth-child(1),
#mobileLanguageModal .mobile-language-grid > a:nth-child(2),
#mobileLanguageModal .stltype-language-grid > a:nth-child(1),
#mobileLanguageModal .stltype-language-grid > a:nth-child(2) {
    border-top: 0 !important;
}
#mobileLanguageModal .mobile-language-grid > a:nth-child(odd),
#mobileLanguageModal .stltype-language-grid > a:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, .12) !important;
}
#mobileLanguageModal .mobile-language-grid > a::before,
#mobileLanguageModal .mobile-language-grid > a::after,
#mobileLanguageModal .stltype-language-grid > a::before,
#mobileLanguageModal .stltype-language-grid > a::after {
    display: none !important;
    content: none !important;
}
#mobileLanguageModal .mobile-language-grid > a:hover,
#mobileLanguageModal .stltype-language-grid > a:hover {
    background: rgba(255, 255, 255, .045) !important;
    color: #fff !important;
}
#mobileLanguageModal .mobile-language-grid > a.current,
#mobileLanguageModal .stltype-language-grid > a.current,
#mobileLanguageModal a.stltype-language-option.current {
    background: rgba(0, 240, 255, .085) !important;
    color: var(--primary-glow, #00f0ff) !important;
    outline: 1px solid rgba(0, 240, 255, .55) !important;
    outline-offset: -1px !important;
}
#mobileLanguageModal .mobile-language-name,
#mobileLanguageModal .mobile-language-grid span,
#mobileLanguageModal .stltype-language-grid span,
#mobileLanguageModal .mobile-language-grid small,
#mobileLanguageModal .stltype-language-grid small,
#mobileLanguageModal a.stltype-language-option,
#mobileLanguageModal a.stltype-language-option * {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    text-transform: none !important;
    text-shadow: none !important;
}
#mobileLanguageModal .mobile-language-grid small,
#mobileLanguageModal .stltype-language-grid small {
    display: none !important;
}
#mobileLanguageModal .language-flag-badge,
#mobileLanguageModal .mobile-language-flag.language-flag-badge {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
}
@media (max-width: 520px) {
    #mobileLanguageModal .mobile-language-panel,
    #mobileLanguageModal .stltype-language-panel {
        width: min(94vw, 460px) !important;
        max-width: min(94vw, 460px) !important;
    }
    #mobileLanguageModal .mobile-language-grid > a,
    #mobileLanguageModal .stltype-language-grid > a {
        min-height: 56px !important;
        padding: 12px 10px !important;
        gap: 8px !important;
        font-size: .88rem !important;
    }
}

/* STLTYPE top menu active page state */
.front-navbar a[data-stl-softnav-key],
.mobile-drawer a[data-stl-softnav-key] {
    position: relative;
    transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.front-navbar .nav-links-center a[data-stl-softnav-key] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--text-main);
}
.front-navbar .nav-links-center a[data-stl-softnav-key]:hover,
.front-navbar .nav-explore-dropdown:hover,
.front-navbar .front-login-pill:hover,
.front-navbar .front-register-pill:hover,
.front-navbar .nav-icon-btn:hover {
    color: var(--primary-glow) !important;
    border-color: rgba(0, 240, 255, .42) !important;
    background: rgba(0, 240, 255, .07) !important;
}
.front-navbar a.stltype-nav-active,
.front-navbar a.stltype-softnav-active,
.front-navbar a[aria-current="page"] {
    color: var(--primary-glow) !important;
    border-color: rgba(0, 240, 255, .78) !important;
    background: linear-gradient(135deg, rgba(0, 240, 255, .16), rgba(124, 58, 237, .10)) !important;
    box-shadow: 0 0 0 1px rgba(0, 240, 255, .15) inset, 0 0 22px rgba(0, 240, 255, .18) !important;
    text-shadow: 0 0 12px rgba(0, 240, 255, .32);
}
.front-navbar .logo.stltype-nav-active,
.front-navbar .logo.stltype-softnav-active,
.front-navbar .logo[aria-current="page"] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.front-navbar .logo.stltype-nav-active::after,
.front-navbar .logo.stltype-softnav-active::after,
.front-navbar .logo[aria-current="page"]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--primary-glow), transparent);
    box-shadow: 0 0 14px rgba(0, 240, 255, .75);
}
.front-navbar .nav-upload-solid.stltype-nav-active,
.front-navbar .nav-upload-solid.stltype-softnav-active,
.front-navbar .nav-upload-solid[aria-current="page"] {
    background: linear-gradient(135deg, var(--primary-glow), #8ff7ff) !important;
    color: #020617 !important;
    border-color: rgba(255,255,255,.25) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.20) inset, 0 0 28px rgba(0, 240, 255, .38) !important;
}
.front-navbar .nav-links-center a.stltype-nav-active::after,
.front-navbar .nav-links-center a.stltype-softnav-active::after,
.front-navbar .nav-links-center a[aria-current="page"]::after,
.front-navbar .nav-explore-dropdown.stltype-nav-active::after,
.front-navbar .nav-explore-dropdown.stltype-softnav-active::after,
.front-navbar .nav-explore-dropdown[aria-current="page"]::after,
.front-navbar .front-login-pill.stltype-nav-active::after,
.front-navbar .front-login-pill.stltype-softnav-active::after,
.front-navbar .front-login-pill[aria-current="page"]::after,
.front-navbar .front-register-pill.stltype-nav-active::after,
.front-navbar .front-register-pill.stltype-softnav-active::after,
.front-navbar .front-register-pill[aria-current="page"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: var(--primary-glow);
    box-shadow: 0 0 12px rgba(0, 240, 255, .85);
}
.mobile-drawer a.stltype-nav-active,
.mobile-drawer a.stltype-softnav-active,
.mobile-drawer a[aria-current="page"] {
    color: var(--primary-glow) !important;
    border-color: rgba(0, 240, 255, .58) !important;
    background: rgba(0, 240, 255, .10) !important;
    box-shadow: 0 0 18px rgba(0, 240, 255, .12) !important;
}

/* --- STLTYPE phase55: ürün detay başlığı sabit top menünün altına güvenli hizalama --- */
body:not(.account-embedded-direct):not(.account-embedded-body) {
    padding-top: var(--stltype-fixed-nav-height, 74px) !important;
}

body:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
    padding-top: clamp(34px, var(--site-section-y, 40px), 72px) !important;
}

body:not(.account-embedded-direct):not(.account-embedded-body) .model-detail-shell .section-header {
    scroll-margin-top: calc(var(--stltype-fixed-nav-height, 74px) + 18px) !important;
}

@media (max-width: 980px) {
    body:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
        padding-top: 34px !important;
    }
}


/* --- STLTYPE phase56: ürün detay sayfası top menü güvenli boşluğu --- */
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) {
    padding-top: 0 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > .front-navbar,
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 10000 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
    margin-top: calc(var(--stltype-fixed-nav-height, 74px) + clamp(24px, var(--site-section-y, 40px), 54px)) !important;
    padding-top: 0 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .model-detail-shell > .section-header:first-child {
    margin-top: 0 !important;
}
@media(max-width:980px){
    body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
        margin-top: calc(var(--stltype-fixed-nav-height, 66px) + 22px) !important;
    }
}

/* --- STLTYPE phase57: ürün detay başlığı sabit top menü altına kaçmasın --- */
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) {
    padding-top: 0 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .stltype-model-detail-nav-spacer {
    display: block !important;
    width: 100% !important;
    height: calc(var(--stltype-fixed-nav-height, 74px) + clamp(28px, var(--site-section-y, 40px), 56px)) !important;
    min-height: 104px !important;
    flex: 0 0 auto !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .model-detail-shell > .section-header:first-child {
    margin-top: 0 !important;
}
@media(max-width:980px){
    body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .stltype-model-detail-nav-spacer {
        height: calc(var(--stltype-fixed-nav-height, 66px) + 24px) !important;
        min-height: 90px !important;
    }
}


/* --- STLTYPE phase58: ürün detay top menü/başlık aralığı final standart --- */
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) {
    padding-top: var(--stltype-fixed-nav-height, 74px) !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .stltype-model-detail-nav-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
    margin-top: 0 !important;
    padding-top: clamp(16px, calc(var(--site-section-y, 40px) * .45), 28px) !important;
}
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .model-detail-shell > .section-header:first-child {
    margin-top: 0 !important;
}
@media(max-width:980px){
    body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) {
        padding-top: var(--stltype-fixed-nav-height, 66px) !important;
    }
    body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
        padding-top: 14px !important;
    }
}


/* --- STLTYPE phase60: ana sayfa popüler kategori kartları premium vitrin v2 --- */
.popular-categories-section {
    position: relative;
    padding-top: 4px;
}
.popular-categories-section::before {
    content: '';
    position: absolute;
    left: -5%;
    right: -5%;
    top: 44px;
    height: 220px;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 38%, rgba(0, 240, 255, .18), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(255, 0, 92, .13), transparent 32%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.035), transparent);
    filter: blur(10px);
    opacity: .95;
    z-index: 0;
}
.popular-categories-header,
.popular-categories-grid {
    position: relative;
    z-index: 1;
}
.categories-carousel.popular-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
.category-ring-card.popular-category-card {
    position: relative !important;
    min-height: 220px;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 14px;
    padding: 18px !important;
    text-align: left !important;
    color: var(--text-main);
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background:
        linear-gradient(155deg, rgba(255,255,255,.09), rgba(255,255,255,.025) 42%, rgba(0,0,0,.24)),
        radial-gradient(circle at 24% 0%, hsla(var(--category-hue, 184), 100%, 58%, .20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(255,0,92,.10), transparent 38%),
        rgba(10, 10, 14, .94) !important;
    box-shadow:
        0 22px 46px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(255,255,255,.035) !important;
    transform: translateZ(0);
}
.category-ring-card.popular-category-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    z-index: -2;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, hsla(var(--category-hue, 184), 100%, 58%, .72), transparent 38%, rgba(255, 0, 92, .35));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .38;
    transition: opacity .25s ease;
}
.category-ring-card.popular-category-card::after {
    content: '';
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 78px;
    height: 78px;
    border-radius: 999px;
    border: 1px solid hsla(var(--category-hue, 184), 100%, 58%, .16);
    background: radial-gradient(circle, hsla(var(--category-hue, 184), 100%, 58%, .10), transparent 62%);
    opacity: .78;
    pointer-events: none;
}
.popular-category-shine {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(120deg, transparent 6%, rgba(255,255,255,.10) 18%, transparent 34%),
        radial-gradient(circle at 12% 14%, rgba(255,255,255,.12), transparent 18%);
    opacity: .35;
    transform: translateX(-18%);
    transition: transform .35s ease, opacity .25s ease;
}
.popular-category-topline,
.popular-category-footer,
.popular-category-body {
    position: relative;
    z-index: 1;
}
.popular-category-topline,
.popular-category-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.popular-category-rank,
.popular-category-badge {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .72rem;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
}
.popular-category-rank {
    color: hsl(var(--category-hue, 184), 100%, 66%);
    background: hsla(var(--category-hue, 184), 100%, 58%, .12);
    border: 1px solid hsla(var(--category-hue, 184), 100%, 58%, .32);
    box-shadow: 0 0 18px hsla(var(--category-hue, 184), 100%, 58%, .13);
}
.popular-category-badge {
    color: rgba(255,255,255,.90);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
}
.popular-category-card.is-leader .popular-category-badge {
    color: #fff;
    background: linear-gradient(90deg, rgba(255,0,92,.86), hsla(var(--category-hue, 184), 100%, 58%, .48));
    border-color: rgba(255,255,255,.18);
    box-shadow: 0 0 24px rgba(255,0,92,.20);
}
.popular-category-body {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
}
.popular-category-visual {
    position: relative;
    width: 82px;
    height: 82px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.popular-category-orbit {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    border: 1px solid hsla(var(--category-hue, 184), 100%, 58%, .28);
    background:
        radial-gradient(circle at 32% 22%, rgba(255,255,255,.16), transparent 24%),
        radial-gradient(circle, hsla(var(--category-hue, 184), 100%, 58%, .13), transparent 64%);
    box-shadow:
        0 0 34px hsla(var(--category-hue, 184), 100%, 58%, .14),
        inset 0 1px 0 rgba(255,255,255,.10);
}
.popular-category-orbit::before,
.popular-category-orbit::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}
.popular-category-orbit::before {
    inset: 9px;
    border: 1px dashed hsla(var(--category-hue, 184), 100%, 66%, .22);
}
.popular-category-orbit::after {
    width: 8px;
    height: 8px;
    right: 7px;
    top: 18px;
    background: hsl(var(--category-hue, 184), 100%, 64%);
    box-shadow: 0 0 16px hsla(var(--category-hue, 184), 100%, 58%, .78);
}
.popular-category-icon-shell {
    position: relative;
    z-index: 1;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: hsl(var(--category-hue, 184), 100%, 68%);
    border-radius: 20px;
    background: rgba(5,5,7,.56);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.26);
}
.popular-category-svg {
    width: 45px;
    height: 45px;
    display: block;
}
.popular-category-svg path,
.popular-category-svg circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.popular-category-svg .svg-soft-fill {
    fill: hsla(var(--category-hue, 184), 100%, 58%, .18);
    stroke: none;
}
.popular-category-svg .svg-main-fill {
    fill: hsla(var(--category-hue, 184), 100%, 64%, .34);
    stroke: currentColor;
}
.popular-category-copy {
    min-width: 0;
    display: grid;
    gap: 6px;
}
.popular-category-signal {
    width: fit-content;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 999px;
    color: hsl(var(--category-hue, 184), 100%, 70%);
    background: hsla(var(--category-hue, 184), 100%, 58%, .10);
    border: 1px solid hsla(var(--category-hue, 184), 100%, 58%, .17);
    font-size: .70rem;
    line-height: 1;
    letter-spacing: .01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popular-category-title {
    margin: 0 !important;
    max-width: 100%;
    color: #fff;
    font-size: 1.04rem !important;
    line-height: 1.22;
    font-weight: 600 !important;
    letter-spacing: -.01em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.popular-category-count {
    display: inline-flex !important;
    align-items: baseline;
    gap: 7px;
    color: rgba(255,255,255,.88);
    font-size: .86rem;
    line-height: 1;
    font-weight: 500;
}
.popular-category-count-number {
    color: #fff !important;
    font-size: 1.54rem !important;
    font-weight: 600 !important;
    letter-spacing: -.03em;
}
.popular-category-count span:not(.popular-category-count-number) {
    color: var(--text-muted);
    font-size: .82rem;
    font-weight: 500;
}
.popular-category-meter {
    position: relative;
    z-index: 1;
    display: block !important;
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.07);
}
.popular-category-meter span {
    display: block;
    width: var(--category-popularity, 18%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, hsl(var(--category-hue, 184), 100%, 58%), rgba(255, 0, 92, .78));
    box-shadow: 0 0 18px hsla(var(--category-hue, 184), 100%, 58%, .36);
}
.popular-category-footer {
    color: var(--text-muted);
    font-size: .80rem;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 11px;
}
.popular-category-footer span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.popular-category-footer span:last-child {
    color: hsl(var(--category-hue, 184), 100%, 67%);
    font-size: .88rem;
    white-space: nowrap;
    transform: translateX(0);
    transition: transform .25s ease;
}
.category-ring-card.popular-category-card:hover,
.category-ring-card.popular-category-card:focus-visible {
    border-color: hsla(var(--category-hue, 184), 100%, 58%, .55) !important;
    box-shadow:
        0 26px 62px hsla(var(--category-hue, 184), 100%, 58%, .16),
        0 20px 48px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    transform: translateY(-5px);
}
.category-ring-card.popular-category-card:hover::before,
.category-ring-card.popular-category-card:focus-visible::before {
    opacity: .72;
}
.category-ring-card.popular-category-card:hover .popular-category-shine,
.category-ring-card.popular-category-card:focus-visible .popular-category-shine {
    opacity: .62;
    transform: translateX(0);
}
.category-ring-card.popular-category-card:hover .popular-category-orbit,
.category-ring-card.popular-category-card:focus-visible .popular-category-orbit {
    transform: rotate(8deg) scale(1.03);
    transition: transform .28s ease;
}
.category-ring-card.popular-category-card:hover .popular-category-footer span:last-child,
.category-ring-card.popular-category-card:focus-visible .popular-category-footer span:last-child {
    transform: translateX(4px);
}
@media (max-width: 1180px) {
    .categories-carousel.popular-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    .categories-carousel.popular-categories-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .category-ring-card.popular-category-card {
        min-height: 198px;
        padding: 16px !important;
    }
    .popular-category-body {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 13px;
    }
    .popular-category-visual {
        width: 72px;
        height: 72px;
    }
    .popular-category-icon-shell {
        width: 52px;
        height: 52px;
        border-radius: 18px;
    }
    .popular-category-svg {
        width: 40px;
        height: 40px;
    }
}

/* --- STLTYPE phase61: ana sayfa banner premium vitrin v3 --- */
.banner-container-split {
    position: relative;
    isolation: isolate;
    align-items: stretch;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
    gap: clamp(18px, 2vw, 28px) !important;
    margin: clamp(22px, 3vw, 42px) var(--site-edge-x, 4%) clamp(24px, 3.2vw, 48px) !important;
}
.banner-container-split::before {
    content: "";
    position: absolute;
    inset: -28px -14px;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 16%, rgba(0,240,255,.18), transparent 36%),
        radial-gradient(circle at 86% 22%, rgba(255,0,92,.16), transparent 34%),
        linear-gradient(90deg, rgba(255,255,255,.025), transparent 42%, rgba(255,255,255,.02));
    filter: blur(8px);
    opacity: .88;
}
.banner-panel-left,
.banner-panel-right {
    min-height: clamp(390px, 42vw, 520px) !important;
    border-radius: clamp(24px, 2vw, 34px) !important;
}
.banner-panel-left {
    position: relative;
    overflow: hidden;
    padding: clamp(34px, 4.5vw, 62px) !important;
    justify-content: center;
    gap: 0;
    background:
        linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.026) 42%, rgba(0,240,255,.045)),
        radial-gradient(circle at 12% 14%, rgba(0,240,255,.20), transparent 35%),
        radial-gradient(circle at 100% 0%, rgba(255,0,92,.16), transparent 34%),
        rgba(13,14,18,.78) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 26px 80px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,240,255,.08) !important;
    backdrop-filter: blur(24px) saturate(1.1) !important;
}
.banner-panel-left::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(115deg, rgba(0,0,0,.42), transparent 62%);
}
.banner-panel-left::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -92px;
    bottom: -92px;
    border-radius: 999px;
    border: 1px solid rgba(0,240,255,.18);
    box-shadow: inset 0 0 40px rgba(0,240,255,.08), 0 0 55px rgba(0,240,255,.08);
    pointer-events: none;
}
.banner-panel-left > * {
    position: relative;
    z-index: 1;
}
.club-tag {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    width: fit-content;
    max-width: 100%;
    padding: 8px 14px !important;
    margin-bottom: clamp(18px, 2vw, 26px) !important;
    border-radius: 999px !important;
    background: rgba(0,240,255,.12) !important;
    border: 1px solid rgba(0,240,255,.28) !important;
    color: rgba(206,250,255,.96) !important;
    font-size: .76rem !important;
    font-weight: 560 !important;
    letter-spacing: .095em !important;
    box-shadow: 0 0 28px rgba(0,240,255,.10), inset 0 1px 0 rgba(255,255,255,.11);
}
.club-tag::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--primary-glow);
    box-shadow: 0 0 16px rgba(0,240,255,.92);
    flex: 0 0 auto;
}
.banner-panel-left h1 {
    max-width: 820px;
    margin: 0 0 clamp(18px, 2.4vw, 28px) !important;
    color: #fff;
    font-size: clamp(2.55rem, 5.25vw, 5.8rem) !important;
    line-height: .94 !important;
    font-weight: 680 !important;
    letter-spacing: -.065em !important;
    text-wrap: balance;
}
.gradient-text {
    background: linear-gradient(98deg, #fff 0%, #9df9ff 42%, #00f0ff 66%, #ff4f8b 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 18px rgba(0,240,255,.10));
}
.banner-panel-left p {
    max-width: 690px;
    margin: 0 !important;
    color: rgba(238,243,248,.72) !important;
    font-size: clamp(1rem, 1.13vw, 1.16rem) !important;
    line-height: 1.76 !important;
    font-weight: 400 !important;
}
.hero-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: clamp(20px, 2.3vw, 30px);
}
.hero-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 999px;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.058);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    font-size: .82rem;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
}
.hero-trust-row i {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    color: var(--primary-glow);
    background: rgba(0,240,255,.10);
    border: 1px solid rgba(0,240,255,.16);
    flex: 0 0 auto;
}
.hero-trust-row svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.hero-trust-row svg path:first-child:not(:only-child),
.hero-trust-row span:first-child svg path {
    fill: rgba(0,240,255,.10);
}
.hero-action-row {
    margin-top: clamp(24px, 2.8vw, 36px) !important;
    gap: 12px !important;
    flex-wrap: wrap;
}
.hero-action-row .btn-primary-glow,
.hero-action-row .btn-ghost {
    min-height: 46px;
    border-radius: 14px !important;
}
.banner-panel-right {
    overflow: hidden;
    position: relative;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        radial-gradient(circle at 50% 42%, rgba(0,240,255,.16), transparent 44%),
        #090a0e !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 26px 80px rgba(0,0,0,.46),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 0 0 1px rgba(0,240,255,.035) !important;
}
.banner-panel-right::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0,0,0,.18), transparent 32%, rgba(0,0,0,.34)),
        radial-gradient(circle at 50% 50%, transparent 34%, rgba(0,0,0,.34) 100%);
}
.banner-panel-right::after {
    content: "";
    position: absolute;
    inset: 18px;
    z-index: 3;
    pointer-events: none;
    border-radius: calc(clamp(24px, 2vw, 34px) - 8px);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 38px rgba(0,240,255,.055);
}
.banner-hero-img {
    opacity: .70 !important;
    filter: saturate(1.12) contrast(1.08) brightness(.86);
    transform: scale(1.005);
    transition: opacity .35s ease, transform .55s cubic-bezier(.16,1,.3,1), filter .35s ease !important;
}
.banner-panel-right:hover .banner-hero-img {
    opacity: .82 !important;
    filter: saturate(1.2) contrast(1.12) brightness(.92);
    transform: scale(1.045) !important;
}
.hero-visual-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(rgba(0,240,255,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,240,255,.06) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0,0,0,.72), transparent 70%);
    opacity: .52;
}
.hero-visual-orb {
    position: absolute;
    z-index: 4;
    pointer-events: none;
    border-radius: 999px;
    border: 1px solid rgba(0,240,255,.20);
    box-shadow: 0 0 34px rgba(0,240,255,.10), inset 0 0 28px rgba(0,240,255,.05);
}
.hero-visual-orb-a {
    width: 168px;
    height: 168px;
    right: 9%;
    top: 13%;
}
.hero-visual-orb-b {
    width: 82px;
    height: 82px;
    left: 12%;
    bottom: 20%;
    border-color: rgba(255,0,92,.22);
    box-shadow: 0 0 34px rgba(255,0,92,.11), inset 0 0 24px rgba(255,0,92,.05);
}
.banner-img-overlay-text {
    position: absolute !important;
    z-index: 7 !important;
    left: clamp(20px, 2.2vw, 30px);
    top: clamp(20px, 2.2vw, 30px);
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: calc(100% - 40px);
    padding: 10px 14px !important;
    border-radius: 999px !important;
    color: rgba(205,250,255,.96) !important;
    background: rgba(6,8,12,.62) !important;
    border: 1px solid rgba(0,240,255,.25) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(16px) saturate(1.15);
    font-weight: 560 !important;
    letter-spacing: .11em !important;
}
.hero-floating-card {
    position: absolute;
    z-index: 7;
    max-width: min(320px, calc(100% - 42px));
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 22px;
    background: rgba(8,10,14,.66);
    backdrop-filter: blur(18px) saturate(1.12);
    box-shadow: 0 18px 46px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);
}
.hero-floating-card-main {
    left: clamp(20px, 2.2vw, 30px);
    bottom: clamp(20px, 2.2vw, 30px);
    padding: 16px 18px;
    display: grid;
    gap: 5px;
}
.hero-floating-card-main span,
.hero-floating-card-main em,
.hero-floating-card-side span {
    font-style: normal;
    color: rgba(232,238,244,.62);
    font-size: .76rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: .02em;
}
.hero-floating-card-main strong {
    color: #fff;
    font-size: clamp(1rem, 1.35vw, 1.24rem);
    line-height: 1.12;
    font-weight: 620;
    letter-spacing: -.02em;
}
.hero-floating-card-main em {
    color: var(--primary-glow);
    letter-spacing: .10em;
    text-transform: uppercase;
}
.hero-floating-card-side {
    right: clamp(20px, 2.2vw, 30px);
    top: clamp(74px, 7vw, 96px);
    padding: 10px;
    display: grid;
    gap: 8px;
}
.hero-floating-card-side span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    color: rgba(255,255,255,.84);
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.08);
    white-space: nowrap;
}
.hero-floating-card-side span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--primary-glow);
    box-shadow: 0 0 14px rgba(0,240,255,.76);
}
@media (max-width: 980px) {
    .banner-container-split {
        grid-template-columns: 1fr !important;
    }
    .banner-panel-left,
    .banner-panel-right {
        min-height: auto !important;
    }
    .banner-panel-right {
        min-height: 360px !important;
    }
    .hero-trust-row {
        justify-content: center;
    }
}
@media (max-width: 640px) {
    .banner-container-split {
        margin-left: 14px !important;
        margin-right: 14px !important;
        gap: 14px !important;
    }
    .banner-panel-left {
        padding: 28px 22px !important;
        text-align: left !important;
    }
    .banner-panel-left h1 {
        font-size: clamp(2.1rem, 13vw, 3.05rem) !important;
        letter-spacing: -.052em !important;
    }
    .hero-trust-row {
        justify-content: flex-start;
    }
    .hero-trust-row span {
        width: 100%;
        white-space: normal;
    }
    .hero-action-row .btn-primary-glow,
    .hero-action-row .btn-ghost {
        width: 100%;
        justify-content: center;
    }
    .banner-panel-right {
        min-height: 310px !important;
    }
    .hero-floating-card-side {
        display: none;
    }
    .hero-floating-card-main {
        right: 18px;
    }
    .banner-img-overlay-text {
        max-width: calc(100% - 36px);
        font-size: .72rem !important;
    }
}

/* --- STLTYPE phase62: banner compact/proportion fix --- */
.banner-container-split {
    gap: clamp(16px, 1.7vw, 24px) !important;
    margin-top: clamp(18px, 2.2vw, 30px) !important;
    margin-bottom: clamp(20px, 2.5vw, 34px) !important;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
}
.banner-panel-left,
.banner-panel-right {
    min-height: clamp(340px, 31vw, 445px) !important;
}
.banner-panel-left {
    padding: clamp(28px, 3.15vw, 44px) !important;
    justify-content: center !important;
}
.banner-panel-left::after {
    width: 170px !important;
    height: 170px !important;
    right: -72px !important;
    bottom: -72px !important;
}
.club-tag {
    margin-bottom: clamp(14px, 1.35vw, 19px) !important;
    padding: 7px 13px !important;
    font-size: .72rem !important;
}
.banner-panel-left h1 {
    max-width: 660px !important;
    margin-bottom: clamp(13px, 1.45vw, 18px) !important;
    font-size: clamp(2.35rem, 3.45vw, 4.05rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.052em !important;
    text-wrap: balance;
}
.banner-panel-left h1 .gradient-text,
.banner-panel-left h1 span {
    line-height: 1.04 !important;
}
.banner-panel-left p {
    max-width: 575px !important;
    font-size: clamp(.96rem, 1.02vw, 1.06rem) !important;
    line-height: 1.58 !important;
}
.hero-trust-row {
    gap: 8px !important;
    margin-top: clamp(15px, 1.65vw, 22px) !important;
}
.hero-trust-row span {
    min-height: 34px !important;
    padding: 7px 10px !important;
    gap: 7px !important;
    font-size: .78rem !important;
}
.hero-trust-row i {
    width: 20px !important;
    height: 20px !important;
    border-radius: 7px !important;
}
.hero-trust-row svg {
    width: 13px !important;
    height: 13px !important;
}
.hero-action-row {
    margin-top: clamp(18px, 1.9vw, 25px) !important;
    gap: 10px !important;
}
.hero-action-row .btn-primary-glow,
.hero-action-row .btn-ghost {
    min-height: 43px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.banner-img-overlay-text {
    top: clamp(18px, 1.9vw, 25px) !important;
    left: clamp(18px, 1.9vw, 25px) !important;
    padding: 8px 13px !important;
    font-size: .72rem !important;
}
.hero-floating-card-main {
    left: clamp(18px, 1.9vw, 25px) !important;
    bottom: clamp(18px, 1.9vw, 25px) !important;
    padding: 13px 15px !important;
    border-radius: 18px !important;
}
.hero-floating-card-main strong {
    font-size: clamp(.96rem, 1.05vw, 1.08rem) !important;
}
.hero-floating-card-side {
    right: clamp(18px, 1.9vw, 25px) !important;
    top: clamp(64px, 5.8vw, 82px) !important;
    border-radius: 18px !important;
}
.hero-floating-card-side span {
    padding: 7px 9px !important;
    font-size: .72rem !important;
}
.hero-visual-orb-a {
    width: 122px !important;
    height: 122px !important;
}
.hero-visual-orb-b {
    width: 66px !important;
    height: 66px !important;
}
@media (min-width: 1320px) {
    .banner-panel-left h1 {
        font-size: clamp(3.15rem, 3.15vw, 3.95rem) !important;
    }
}
@media (max-width: 980px) {
    .banner-panel-left,
    .banner-panel-right {
        min-height: auto !important;
    }
    .banner-panel-right {
        min-height: 315px !important;
    }
}
@media (max-width: 640px) {
    .banner-panel-left {
        padding: 25px 20px !important;
    }
    .banner-panel-left h1 {
        font-size: clamp(2rem, 10.8vw, 2.72rem) !important;
        line-height: 1.1 !important;
    }
    .banner-panel-left p {
        font-size: .95rem !important;
        line-height: 1.55 !important;
    }
    .banner-panel-right {
        min-height: 275px !important;
    }
}


/* --- STLTYPE phase63: üst düzey ürün/pazaryeri banner v5 --- */
.hero-marketplace-banner {
    grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr) !important;
    gap: clamp(16px, 1.9vw, 28px) !important;
    margin-top: clamp(18px, 2vw, 30px) !important;
    margin-bottom: clamp(20px, 2.4vw, 34px) !important;
}
.hero-marketplace-banner::before {
    inset: -26px -10px !important;
    background:
        radial-gradient(circle at 14% 20%, rgba(0,240,255,.18), transparent 34%),
        radial-gradient(circle at 76% 18%, rgba(255,0,92,.10), transparent 30%),
        linear-gradient(90deg, rgba(255,255,255,.026), transparent 48%, rgba(0,240,255,.018)) !important;
    filter: blur(9px) !important;
}
.hero-marketplace-banner .banner-panel-left,
.hero-marketplace-banner .banner-panel-right {
    min-height: clamp(360px, 32vw, 475px) !important;
    border-radius: clamp(24px, 2vw, 34px) !important;
}
.hero-market-copy {
    padding: clamp(30px, 3.4vw, 52px) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(0,240,255,.18), transparent 36%),
        radial-gradient(circle at 96% 8%, rgba(255,0,92,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.088), rgba(255,255,255,.024) 52%, rgba(0,240,255,.038)),
        rgba(9,11,15,.82) !important;
}
.hero-market-copy .club-tag {
    margin-bottom: clamp(15px, 1.5vw, 22px) !important;
    color: rgba(211,250,255,.96) !important;
    font-weight: 560 !important;
}
.hero-market-copy h1 {
    max-width: 720px !important;
    margin-bottom: clamp(14px, 1.45vw, 20px) !important;
    font-size: clamp(2.55rem, 4vw, 4.7rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.056em !important;
    font-weight: 660 !important;
}
.hero-market-copy h1 span {
    line-height: 1.02 !important;
}
.hero-market-copy p {
    max-width: 670px !important;
    color: rgba(239,244,248,.72) !important;
    font-size: clamp(.98rem, 1.04vw, 1.08rem) !important;
    line-height: 1.62 !important;
}
.hero-market-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-top: clamp(18px, 2vw, 27px);
    max-width: 710px;
}
.hero-market-stats span {
    min-width: 0;
    padding: 12px 13px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.18);
}
.hero-market-stats strong,
.hero-market-stats em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hero-market-stats strong {
    color: #fff;
    font-size: clamp(1rem, 1.45vw, 1.28rem);
    line-height: 1.05;
    font-weight: 650;
    letter-spacing: -.02em;
}
.hero-market-stats em {
    margin-top: 5px;
    color: rgba(210,222,232,.62);
    font-size: .72rem;
    line-height: 1.1;
    font-style: normal;
    font-weight: 500;
}
.hero-market-copy .hero-action-row {
    margin-top: clamp(19px, 2vw, 28px) !important;
}
.hero-market-copy .btn-primary-glow,
.hero-market-copy .btn-ghost {
    min-height: 44px !important;
    padding: 11px 18px !important;
    border-radius: 14px !important;
}
.hero-marketplace-stage {
    overflow: hidden;
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 44% 38%, rgba(0,240,255,.18), transparent 34%),
        radial-gradient(circle at 78% 70%, rgba(255,0,92,.11), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.018)),
        #07090d !important;
}
.hero-marketplace-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), transparent 36%, rgba(0,0,0,.24)),
        radial-gradient(circle at 50% 40%, transparent 34%, rgba(0,0,0,.32) 100%);
}
.hero-marketplace-stage::after {
    content: "";
    position: absolute;
    inset: 18px;
    z-index: 8;
    pointer-events: none;
    border-radius: calc(clamp(24px, 2vw, 34px) - 8px);
    border: 1px solid rgba(255,255,255,.09);
    box-shadow: inset 0 0 40px rgba(0,240,255,.055);
}
.hero-stage-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(rgba(0,240,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,240,255,.052) 1px, transparent 1px);
    background-size: 42px 42px;
    transform: perspective(700px) rotateX(58deg) translateY(58px) scale(1.28);
    transform-origin: bottom center;
    opacity: .56;
    mask-image: linear-gradient(to top, rgba(0,0,0,.8), transparent 78%);
}
.hero-stage-orb {
    position: absolute;
    z-index: 2;
    border-radius: 999px;
    pointer-events: none;
    border: 1px solid rgba(0,240,255,.17);
    box-shadow: 0 0 38px rgba(0,240,255,.10), inset 0 0 26px rgba(0,240,255,.05);
}
.hero-stage-orb-a { width: 150px; height: 150px; right: 8%; top: 13%; }
.hero-stage-orb-b { width: 76px; height: 76px; left: 12%; bottom: 15%; border-color: rgba(255,0,92,.20); box-shadow: 0 0 34px rgba(255,0,92,.10), inset 0 0 24px rgba(255,0,92,.045); }
.hero-market-topbar {
    position: absolute;
    z-index: 10;
    top: clamp(20px, 2vw, 28px);
    left: clamp(20px, 2vw, 28px);
    right: clamp(20px, 2vw, 28px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.hero-market-topbar span,
.hero-market-topbar em {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 8px 13px;
    color: rgba(218,250,255,.94);
    background: rgba(6,8,12,.55);
    border: 1px solid rgba(0,240,255,.20);
    box-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(14px) saturate(1.12);
    font-style: normal;
    font-size: .74rem;
    font-weight: 560;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.hero-market-topbar em { gap: 8px; letter-spacing: .02em; text-transform: none; color: rgba(255,255,255,.76); }
.hero-market-topbar i { width: 7px; height: 7px; border-radius: 999px; background: var(--primary-glow); box-shadow: 0 0 15px rgba(0,240,255,.9); }
.hero-showcase-stack {
    position: absolute;
    z-index: 6;
    inset: 72px clamp(22px, 2vw, 34px) 74px clamp(22px, 2vw, 34px);
}
.hero-showcase-card {
    position: absolute;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.118), rgba(255,255,255,.043));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 26px 60px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(16px) saturate(1.13);
    transform-origin: center;
    transition: transform .32s cubic-bezier(.16,1,.3,1), border-color .32s ease, box-shadow .32s ease;
}
.hero-showcase-card:hover {
    border-color: rgba(0,240,255,.32);
    box-shadow: 0 28px 72px rgba(0,0,0,.44), 0 0 0 1px rgba(0,240,255,.08), inset 0 1px 0 rgba(255,255,255,.13);
}
.hero-showcase-card-1 { left: 2%; top: 2%; width: 48%; height: 68%; transform: rotate(-3.2deg); z-index: 3; }
.hero-showcase-card-2 { right: 2%; top: 10%; width: 42%; height: 58%; transform: rotate(3.2deg); z-index: 2; }
.hero-showcase-card-3 { left: 27%; bottom: 0; width: 46%; height: 52%; transform: rotate(.8deg); z-index: 4; }
.hero-showcase-card-1:hover { transform: rotate(-1.2deg) translateY(-5px); }
.hero-showcase-card-2:hover { transform: rotate(1deg) translateY(-5px); }
.hero-showcase-card-3:hover { transform: rotate(0deg) translateY(-5px); }
.hero-showcase-media {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgba(0,240,255,.18), transparent 40%),
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
}
.hero-showcase-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: .32;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0,0,0,.8), transparent 72%);
}
.hero-showcase-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .88;
    filter: saturate(1.06) contrast(1.05);
}
.hero-showcase-placeholder {
    position: relative;
    z-index: 1;
    width: min(60%, 112px);
    height: auto;
    fill: rgba(0,240,255,.075);
    stroke: rgba(0,240,255,.72);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 16px rgba(0,240,255,.18));
}
.hero-showcase-copy {
    display: grid;
    gap: 6px;
    padding: 13px 14px 15px;
    background: rgba(7,9,13,.68);
    border-top: 1px solid rgba(255,255,255,.08);
}
.hero-showcase-badge {
    width: fit-content;
    max-width: 100%;
    padding: 5px 8px;
    border-radius: 999px;
    color: #031114;
    background: var(--primary-glow);
    font-size: .64rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .02em;
}
.hero-showcase-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: clamp(.86rem, 1vw, 1rem);
    line-height: 1.1;
    font-weight: 640;
    letter-spacing: -.02em;
}
.hero-showcase-copy small {
    color: rgba(160,250,255,.88);
    font-size: .70rem;
    letter-spacing: .09em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hero-market-mini-panel {
    position: absolute;
    z-index: 10;
    left: clamp(20px, 2vw, 28px);
    bottom: clamp(20px, 2vw, 28px);
    display: grid;
    gap: 4px;
    max-width: min(290px, calc(100% - 56px));
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(7,9,13,.66);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 20px 44px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(17px) saturate(1.12);
}
.hero-market-mini-panel span,
.hero-market-mini-panel em {
    color: rgba(230,238,244,.62);
    font-style: normal;
    font-size: .72rem;
    line-height: 1.2;
    font-weight: 500;
}
.hero-market-mini-panel strong {
    color: #fff;
    font-size: clamp(.98rem, 1.16vw, 1.15rem);
    line-height: 1.12;
    font-weight: 640;
    letter-spacing: -.02em;
}
.hero-market-mini-panel em { color: var(--primary-glow); letter-spacing: .08em; text-transform: uppercase; }
.hero-category-strip {
    position: absolute;
    z-index: 10;
    right: clamp(20px, 2vw, 28px);
    bottom: clamp(20px, 2vw, 28px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 44%;
}
.hero-category-strip a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 10px;
    border-radius: 999px;
    color: rgba(255,255,255,.78);
    background: rgba(255,255,255,.060);
    border: 1px solid rgba(255,255,255,.10);
    text-decoration: none;
    font-size: .70rem;
    line-height: 1;
    font-weight: 520;
    max-width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hero-category-strip a:hover { color: #fff; border-color: rgba(0,240,255,.24); background: rgba(0,240,255,.09); }
@media (max-width: 1180px) {
    .hero-market-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hero-category-strip { display: none; }
}
@media (max-width: 980px) {
    .hero-marketplace-banner { grid-template-columns: 1fr !important; }
    .hero-marketplace-banner .banner-panel-left { min-height: auto !important; }
    .hero-marketplace-banner .banner-panel-right { min-height: 390px !important; }
    .hero-market-copy { text-align: left !important; }
    .hero-market-copy .club-tag { align-self: flex-start !important; }
}
@media (max-width: 640px) {
    .hero-marketplace-banner { margin-left: 14px !important; margin-right: 14px !important; gap: 14px !important; }
    .hero-marketplace-banner .banner-panel-left { padding: 26px 20px !important; }
    .hero-market-copy h1 { font-size: clamp(2.05rem, 10.6vw, 2.85rem) !important; line-height: 1.08 !important; }
    .hero-market-copy p { font-size: .95rem !important; line-height: 1.56 !important; }
    .hero-market-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .hero-market-stats span { padding: 10px 11px; border-radius: 16px; }
    .hero-market-copy .btn-primary-glow,
    .hero-market-copy .btn-ghost { width: 100%; justify-content: center; }
    .hero-marketplace-banner .banner-panel-right { min-height: 330px !important; }
    .hero-market-topbar { top: 16px; left: 16px; right: 16px; }
    .hero-market-topbar em { display: none; }
    .hero-showcase-stack { inset: 62px 16px 74px 16px; }
    .hero-showcase-card { border-radius: 20px; }
    .hero-showcase-card-1 { left: 0; top: 2%; width: 56%; height: 62%; }
    .hero-showcase-card-2 { right: 0; top: 12%; width: 48%; height: 52%; }
    .hero-showcase-card-3 { left: 20%; bottom: 0; width: 58%; height: 46%; }
    .hero-showcase-copy { padding: 10px 11px 12px; gap: 5px; }
    .hero-showcase-copy strong { font-size: .82rem; }
    .hero-showcase-copy small { font-size: .64rem; }
    .hero-market-mini-panel { left: 16px; right: 16px; bottom: 16px; max-width: none; padding: 11px 13px; border-radius: 17px; }
}

/* --- STLTYPE phase64: premium kontrollü rastgele ürün galerisi v6 --- */
.hero-marketplace-stage {
    background:
        radial-gradient(circle at 28% 28%, rgba(0,240,255,.20), transparent 34%),
        radial-gradient(circle at 78% 72%, rgba(255,0,92,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.082), rgba(255,255,255,.018) 54%, rgba(0,240,255,.035)),
        #06080c !important;
}
.hero-marketplace-stage::before {
    background:
        linear-gradient(180deg, rgba(0,0,0,.06), transparent 38%, rgba(0,0,0,.34)),
        radial-gradient(circle at 48% 42%, transparent 38%, rgba(0,0,0,.42) 100%) !important;
}
.hero-showcase-stack {
    inset: 76px clamp(22px, 2vw, 34px) 106px clamp(22px, 2vw, 34px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(10px, 1.1vw, 16px) !important;
    perspective: 900px;
}
.hero-showcase-card,
.hero-showcase-card-1,
.hero-showcase-card-2,
.hero-showcase-card-3 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
}
.hero-showcase-card {
    display: block !important;
    overflow: hidden !important;
    border-radius: clamp(20px, 1.65vw, 28px) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
        rgba(8,10,14,.72) !important;
    border: 1px solid rgba(224,252,255,.16) !important;
    box-shadow:
        0 28px 72px rgba(0,0,0,.42),
        0 0 0 1px rgba(0,240,255,.045),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
    backdrop-filter: blur(18px) saturate(1.14) !important;
}
.hero-showcase-card-1 { grid-column: 1; grid-row: 1 / span 2; z-index: 4 !important; }
.hero-showcase-card-2 { grid-column: 2; grid-row: 1; z-index: 3 !important; }
.hero-showcase-card-3 { grid-column: 2; grid-row: 2; z-index: 3 !important; }
.hero-showcase-card:hover,
.hero-showcase-card-1:hover,
.hero-showcase-card-2:hover,
.hero-showcase-card-3:hover {
    transform: translateY(-4px) scale(1.012) !important;
    border-color: rgba(0,240,255,.35) !important;
    box-shadow:
        0 34px 82px rgba(0,0,0,.52),
        0 0 0 1px rgba(0,240,255,.10),
        0 0 42px rgba(0,240,255,.075),
        inset 0 1px 0 rgba(255,255,255,.17) !important;
}
.hero-showcase-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%),
        radial-gradient(circle at 68% 16%, rgba(0,240,255,.16), transparent 30%),
        linear-gradient(180deg, transparent 48%, rgba(0,0,0,.52));
    opacity: .78;
}
.hero-showcase-card::after {
    content: "";
    position: absolute;
    inset: 10px;
    z-index: 4;
    pointer-events: none;
    border-radius: calc(clamp(20px, 1.65vw, 28px) - 8px);
    border: 1px solid rgba(255,255,255,.085);
    box-shadow: inset 0 0 24px rgba(0,240,255,.05);
}
.hero-showcase-media {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    min-height: 0 !important;
    background:
        radial-gradient(circle at 52% 46%, rgba(0,240,255,.18), transparent 45%),
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)) !important;
}
.hero-showcase-media::after {
    opacity: .24 !important;
    background-size: 24px 24px !important;
}
.hero-showcase-media img {
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: .95 !important;
    filter: saturate(1.08) contrast(1.06) brightness(.92) !important;
    transform: scale(1.006);
}
.hero-showcase-placeholder {
    position: absolute !important;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: min(54%, 126px) !important;
}
.hero-showcase-copy {
    position: absolute !important;
    z-index: 6 !important;
    left: clamp(12px, 1.2vw, 18px) !important;
    right: clamp(12px, 1.2vw, 18px) !important;
    bottom: clamp(12px, 1.2vw, 18px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.hero-showcase-badge,
.hero-showcase-copy small {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    backdrop-filter: blur(15px) saturate(1.18) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.hero-showcase-badge {
    padding: 7px 10px !important;
    color: #021114 !important;
    background: linear-gradient(135deg, #00f0ff, #71fff2) !important;
    font-size: .64rem !important;
    font-weight: 760 !important;
    letter-spacing: .01em !important;
}
.hero-showcase-copy small {
    justify-content: flex-end !important;
    padding: 7px 10px !important;
    color: rgba(218,250,255,.92) !important;
    background: rgba(6,8,12,.58) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    font-size: .64rem !important;
    letter-spacing: .08em !important;
}
.hero-showcase-scan {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(0,240,255,.08), transparent),
        repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 7px);
    mix-blend-mode: screen;
    opacity: .42;
}
.hero-market-mini-panel {
    max-width: min(275px, calc(100% - 56px)) !important;
}
@media (max-width: 1180px) {
    .hero-showcase-stack {
        inset: 76px clamp(20px, 2vw, 30px) 96px clamp(20px, 2vw, 30px) !important;
    }
}
@media (max-width: 640px) {
    .hero-showcase-stack {
        inset: 62px 16px 88px 16px !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
        gap: 10px !important;
    }
    .hero-showcase-card { border-radius: 19px !important; }
    .hero-showcase-card::after { inset: 8px; border-radius: 13px; }
    .hero-showcase-copy { left: 10px !important; right: 10px !important; bottom: 10px !important; }
    .hero-showcase-badge,
    .hero-showcase-copy small { min-height: 25px !important; padding: 6px 8px !important; font-size: .58rem !important; }
    .hero-showcase-copy small { max-width: 92px !important; }
}


/* --- STLTYPE PHASE 69: Model detail download card alignment --- */
.model-detail-shell .model-file-strip {
    align-items: stretch !important;
}

.model-detail-shell .file-chip {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 118px !important;
    padding: 12px !important;
    text-align: center !important;
}

.model-detail-shell .file-chip strong {
    flex: 0 0 auto !important;
    margin-bottom: 6px !important;
}

.model-detail-shell .file-chip span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 34px !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
}

.model-detail-shell .file-chip small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 32px !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
}

.model-detail-shell .file-chip .file-actions {
    display: grid !important;
    gap: 7px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
}

.model-detail-shell .file-chip .file-actions .mini-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 28px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.model-detail-shell .file-chip .file-actions small {
    min-height: 0 !important;
    -webkit-line-clamp: 3 !important;
}

@media (max-width: 640px) {
    .model-detail-shell .file-chip {
        min-height: 112px !important;
    }
}


/* phase70 report pages layout and i18n cleanup */
.report-form-panel{position:relative;}
.report-form-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.report-form-titleblock{min-width:0;}
.report-form-heading{margin:0;}
.report-form-model{color:var(--text-muted);margin:10px 0 0;line-height:1.45;}
.report-form-back{margin-left:auto;white-space:nowrap;flex:0 0 auto;}
@media(max-width:720px){.report-form-topbar{flex-direction:column-reverse;gap:12px}.report-form-back{align-self:flex-end}.report-form-model{margin-top:8px}}

/* --- STLTYPE logo/header containment fix: logo menu icinden gecmesin --- */
.front-navbar .nav-left-group,
.navbar .nav-left-group {
    align-items: center !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
}
.front-navbar .logo.site-logo-link,
.navbar .logo.site-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    height: 46px !important;
    max-height: 46px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.front-navbar .logo.site-logo-link > img.site-logo-img,
.navbar .logo.site-logo-link > img.site-logo-img,
.front-navbar .site-logo-img-nav,
.navbar .site-logo-img-nav {
    display: block !important;
    width: auto !important;
    height: 40px !important;
    max-width: 170px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    user-select: none !important;
    pointer-events: none !important;
}
.front-navbar .logo.site-logo-link .site-logo-text,
.navbar .logo.site-logo-link .site-logo-text {
    display: none !important;
}
.front-navbar .logo.site-logo-link:hover > img.site-logo-img,
.navbar .logo.site-logo-link:hover > img.site-logo-img {
    filter: drop-shadow(0 0 12px rgba(0, 240, 255, .32));
}
.footer-logo-main,
.master-footer .logo.site-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 270px !important;
    height: 62px !important;
    max-height: 62px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.footer-logo-main > img.site-logo-img,
.master-footer .logo.site-logo-link > img.site-logo-img {
    display: block !important;
    width: auto !important;
    height: 58px !important;
    max-width: 260px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
}
.footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    text-align: left !important;
}
.footer-bottom p {
    margin: 0 !important;
    flex: 1 1 auto !important;
    text-align: center !important;
}
.footer-bottom-logo,
.master-footer .footer-bottom-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
    max-width: 150px !important;
    height: 36px !important;
    overflow: hidden !important;
}
.footer-bottom-logo img,
.master-footer .footer-bottom-logo img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-width: 150px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    object-position: left center !important;
}
@media (max-width: 1100px) {
    .front-navbar .logo.site-logo-link,
    .navbar .logo.site-logo-link {
        max-width: 154px !important;
        height: 42px !important;
        max-height: 42px !important;
    }
    .front-navbar .logo.site-logo-link > img.site-logo-img,
    .navbar .logo.site-logo-link > img.site-logo-img,
    .front-navbar .site-logo-img-nav,
    .navbar .site-logo-img-nav {
        height: 36px !important;
        max-width: 148px !important;
        max-height: 36px !important;
    }
}
@media (max-width: 520px) {
    .front-navbar .logo.site-logo-link,
    .navbar .logo.site-logo-link {
        max-width: 128px !important;
        height: 36px !important;
        max-height: 36px !important;
    }
    .front-navbar .logo.site-logo-link > img.site-logo-img,
    .navbar .logo.site-logo-link > img.site-logo-img,
    .front-navbar .site-logo-img-nav,
    .navbar .site-logo-img-nav {
        height: 30px !important;
        max-width: 124px !important;
        max-height: 30px !important;
    }
    .footer-logo-main > img.site-logo-img,
    .master-footer .logo.site-logo-link > img.site-logo-img {
        height: 46px !important;
        max-width: 210px !important;
        max-height: 46px !important;
    }
    .footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* --- STLTYPE popular categories 3 equal columns fix --- */
.categories-carousel.popular-categories-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: stretch !important;
    align-items: stretch !important;
}
@media (max-width: 1180px) {
    .categories-carousel.popular-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    .categories-carousel.popular-categories-grid {
        grid-template-columns: 1fr !important;
    }
}

/* --- STLTYPE speed + banner image quality balance --- */
:root {
    --transition: 0.16s ease;
    --panel-shadow: 0 14px 32px rgba(0,0,0,.34);
    --panel-shadow-soft: 0 10px 22px rgba(0,0,0,.26);
}

body {
    background-attachment: scroll !important;
}

body::before,
.light-1,
.light-2,
.hero-marketplace-banner::before,
.hero-stage-grid,
.hero-stage-orb,
.hero-showcase-scan {
    display: none !important;
}

.navbar,
.mobile-drawer,
.banner-panel-left,
.banner-panel-right,
.glass-panel,
.master-card,
.category-ring-card,
.creator-profile-card,
.master-footer,
.global-ad-container,
.stat-card,
.comment-card,
.table-wrap,
.model-file-strip,
.image-strip,
.file-chip,
.dual-price-dock,
.dropdown-list,
.hero-showcase-card,
.hero-market-topbar span,
.hero-market-topbar em,
.hero-showcase-badge,
.hero-showcase-copy small {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.hero-marketplace-stage::after,
.hero-showcase-card::after,
.hero-showcase-media::after {
    display: none !important;
}

.hero-marketplace-stage::before {
    opacity: .28 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.04), transparent 48%, rgba(0,0,0,.22)) !important;
}

.hero-showcase-card::before {
    opacity: .24 !important;
    background: linear-gradient(180deg, transparent 52%, rgba(0,0,0,.38)) !important;
}

.hero-showcase-card {
    box-shadow: 0 14px 32px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10) !important;
    transition: transform .16s ease, border-color .16s ease !important;
}

.hero-showcase-card:hover,
.hero-showcase-card-1:hover,
.hero-showcase-card-2:hover,
.hero-showcase-card-3:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.11) !important;
}

.hero-showcase-media img {
    opacity: 1 !important;
    filter: saturate(1.03) contrast(1.02) brightness(.98) !important;
    transform: none !important;
    image-rendering: auto !important;
}

.master-card,
.category-ring-card,
.creator-profile-card,
.glass-panel,
.banner-panel-left,
.banner-panel-right {
    box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
}

.master-card:hover,
.category-ring-card:hover,
.creator-profile-card:hover {
    box-shadow: 0 16px 34px rgba(0,0,0,.36) !important;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* STLTYPE logo first-paint hard lock - 20260630 */
.front-navbar .logo.site-logo-link,
.navbar .logo.site-logo-link{
    display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:180px!important;
    height:46px!important;max-height:46px!important;overflow:hidden!important;padding:0!important;margin:0!important;
    line-height:1!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.front-navbar .logo.site-logo-link>img.site-logo-img,
.navbar .logo.site-logo-link>img.site-logo-img,
.front-navbar .site-logo-img-nav,
.navbar .site-logo-img-nav{
    display:block!important;width:auto!important;height:40px!important;max-width:170px!important;max-height:40px!important;
    object-fit:contain!important;object-position:left center!important;user-select:none!important;pointer-events:none!important;
}
.front-navbar .logo.site-logo-link .site-logo-text,
.navbar .logo.site-logo-link .site-logo-text{display:none!important;}
@media(max-width:1100px){
    .front-navbar .logo.site-logo-link,.navbar .logo.site-logo-link{max-width:154px!important;height:42px!important;max-height:42px!important;}
    .front-navbar .logo.site-logo-link>img.site-logo-img,.navbar .logo.site-logo-link>img.site-logo-img,.front-navbar .site-logo-img-nav,.navbar .site-logo-img-nav{height:36px!important;max-width:148px!important;max-height:36px!important;}
}
@media(max-width:520px){
    .front-navbar .logo.site-logo-link,.navbar .logo.site-logo-link{max-width:128px!important;height:36px!important;max-height:36px!important;}
    .front-navbar .logo.site-logo-link>img.site-logo-img,.navbar .logo.site-logo-link>img.site-logo-img,.front-navbar .site-logo-img-nav,.navbar .site-logo-img-nav{height:30px!important;max-width:124px!important;max-height:30px!important;}
}

/* Phase 14 - Comment owner controls */
.comment-card:target { border-color: rgba(0,229,255,.55); box-shadow: 0 0 0 1px rgba(0,229,255,.16), 0 18px 48px rgba(0,0,0,.26); }
.comment-card-body { min-width: 0; }
.comment-actions-row { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; margin-top:12px; }
.comment-action-box,
.comment-report-box { border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:7px 10px; background:rgba(255,255,255,.025); }
.comment-action-box summary,
.comment-report-box summary { cursor:pointer; color:var(--accent,#00e5ff); font-size:.78rem; font-weight:600; }
.comment-action-form,
.comment-report-form { margin-top:10px; min-width:min(520px,80vw); }
.comment-action-form textarea,
.comment-report-form textarea { min-height:90px; }
.comment-inline-form { display:inline-flex; margin:0; }
.mini-btn.danger { border-color: rgba(255,80,80,.45); color:#ffb4b4; }
@media (max-width: 640px) {
  .comment-action-form,
  .comment-report-form { min-width: 100%; }
  .comment-actions-row { align-items:stretch; }
}

/* Phase 16 - Comment reactions and instant model interaction */
.stltype-interaction-message { display:none; }
.stltype-interaction-message.is-visible { display:block; }
.stltype-interaction-message.is-error { border-color:rgba(255,80,80,.35); color:#ffb4b4; }
.stltype-interaction-loading { opacity:.72; pointer-events:none; }
.comment-reaction-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px; }
.comment-reaction-form { display:inline-flex; margin:0; }
.comment-reaction-btn { min-width:58px; justify-content:center; }
.comment-reaction-pill { display:inline-flex; align-items:center; gap:5px; min-width:48px; justify-content:center; border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:6px 10px; color:var(--text-muted); background:rgba(255,255,255,.025); font-size:.82rem; }

/* --- STLTYPE 20260709: ana sayfa vitrin sag kucuk kart bosluk kaldirma ---
   Sadece vitrinin sag tarafindaki iki kucuk kart hedeflenir.
   Sol buyuk vitrin karti ve diger model kartlari etkilenmez. */
.hero-marketplace-stage .hero-showcase-card-1 .hero-showcase-media {
    display: block !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.hero-marketplace-stage .hero-showcase-card-1 .hero-showcase-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
}

.hero-marketplace-stage .hero-showcase-card-2 .hero-showcase-media,
.hero-marketplace-stage .hero-showcase-card-3 .hero-showcase-media {
    display: block !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.hero-marketplace-stage .hero-showcase-card-2 .hero-showcase-media img,
.hero-marketplace-stage .hero-showcase-card-3 .hero-showcase-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
}

/* Phase 18 - Instagram tarzı ikon mobil alt navigasyon */
.stltype-mobile-bottom-nav {
    display: none;
}

@media (max-width: 980px) {
    body:not(.account-embedded-direct):not(.account-embedded-body) {
        padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .stltype-mobile-bottom-nav {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        z-index: 10035;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));
        align-items: center;
        gap: 6px;
        max-width: 430px;
        min-height: 60px;
        margin: 0 auto;
        padding: 7px 9px;
        border: 1px solid rgba(0, 240, 255, .20);
        border-radius: 28px;
        background: linear-gradient(135deg, rgba(8, 12, 16, .95), rgba(16, 18, 24, .88));
        box-shadow: 0 -12px 34px rgba(0,0,0,.50), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 28px rgba(0,240,255,.08);
        backdrop-filter: blur(22px);
        -webkit-backdrop-filter: blur(22px);
    }

    .stltype-mobile-bottom-link {
        position: relative;
        min-width: 0;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        border-radius: 20px;
        color: rgba(255,255,255,.76);
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent;
        transition: transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
    }

    .stltype-mobile-bottom-link::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 6px;
        width: 0;
        height: 3px;
        border-radius: 999px;
        background: var(--primary-glow, #00f0ff);
        box-shadow: 0 0 12px rgba(0,240,255,.55);
        transform: translateX(-50%);
        transition: width .16s ease;
    }

    .stltype-mobile-bottom-link:hover,
    .stltype-mobile-bottom-link:focus-visible,
    .stltype-mobile-bottom-link.stltype-nav-active,
    .stltype-mobile-bottom-link.stltype-softnav-active,
    .stltype-mobile-bottom-link[aria-current="page"] {
        color: var(--primary-glow, #00f0ff) !important;
        border-color: rgba(0,240,255,.30) !important;
        background: rgba(0,240,255,.08) !important;
        box-shadow: 0 0 18px rgba(0,240,255,.10) inset, 0 0 18px rgba(0,240,255,.06) !important;
    }

    .stltype-mobile-bottom-link.stltype-nav-active::after,
    .stltype-mobile-bottom-link.stltype-softnav-active::after,
    .stltype-mobile-bottom-link[aria-current="page"]::after {
        width: 18px;
    }

    .stltype-mobile-bottom-link:active {
        transform: scale(.96);
    }

    .stltype-mobile-bottom-icon {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        text-shadow: 0 0 14px rgba(0,240,255,.18);
    }

    .stltype-mobile-bottom-icon svg {
        width: 25px;
        height: 25px;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .stltype-mobile-bottom-label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .stltype-mobile-bottom-upload {
        margin-top: -18px;
        min-height: 62px;
        border-radius: 24px;
        color: #061014 !important;
        background: linear-gradient(135deg, var(--primary-glow, #00f0ff), #8ff7ff) !important;
        border-color: rgba(255,255,255,.28) !important;
        box-shadow: 0 12px 28px rgba(0,240,255,.24), 0 0 0 1px rgba(255,255,255,.20) inset !important;
    }

    .stltype-mobile-bottom-upload::after {
        display: none;
    }

    .stltype-mobile-bottom-upload .stltype-mobile-bottom-icon {
        width: 34px;
        height: 34px;
        text-shadow: none;
    }

    .stltype-mobile-bottom-upload .stltype-mobile-bottom-icon svg {
        width: 31px;
        height: 31px;
        stroke-width: 2.25;
    }

    .stltype-mobile-bottom-badge {
        position: absolute;
        top: 6px;
        right: 14px;
        min-width: 17px;
        height: 17px;
        padding: 0 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: var(--secondary-glow, #ff003c);
        color: #fff;
        font-size: .62rem;
        font-weight: 900;
        line-height: 1;
        box-shadow: 0 0 14px rgba(255,0,60,.45);
    }

    .master-footer {
        padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

@media (max-width: 420px) {
    .stltype-mobile-bottom-nav {
        left: 8px;
        right: 8px;
        gap: 3px;
        padding: 7px;
        border-radius: 24px;
        max-width: 360px;
    }
    .stltype-mobile-bottom-link {
        min-height: 47px;
        border-radius: 18px;
    }
    .stltype-mobile-bottom-icon svg {
        width: 24px;
        height: 24px;
    }
    .stltype-mobile-bottom-upload {
        min-height: 60px;
    }
}

/* --- STLTYPE 2026-07-10: ürün detayı ve üst menü ortak site genişliği kilidi --- */
body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
    width: 100% !important;
    max-width: var(--site-wrapper-max, 1600px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--site-edge-x, 4%) !important;
    padding-right: var(--site-edge-x, 4%) !important;
    box-sizing: border-box !important;
}
@media (max-width: 700px) {
    body.stltype-model-detail-page:not(.account-embedded-direct):not(.account-embedded-body) .page-wrapper > main.model-detail-shell {
        padding-left: var(--site-edge-mobile-x, 16px) !important;
        padding-right: var(--site-edge-mobile-x, 16px) !important;
    }
}

/* --- STLTYPE 2026-07-10: ana sayfa vitrin gorselleri cerceveye sigdirma ve sag kartlari kare yapma --- */
@media (min-width: 981px) {
    .hero-marketplace-stage .hero-showcase-stack {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    .hero-marketplace-stage .hero-showcase-card-1 {
        width: 100% !important;
        min-width: 0 !important;
    }

    .hero-marketplace-stage .hero-showcase-card-2,
    .hero-marketplace-stage .hero-showcase-card-3 {
        width: auto !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        justify-self: end !important;
        align-self: stretch !important;
    }
}

.hero-marketplace-stage .hero-showcase-card-1 .hero-showcase-media,
.hero-marketplace-stage .hero-showcase-card-2 .hero-showcase-media,
.hero-marketplace-stage .hero-showcase-card-3 .hero-showcase-media {
    background:
        radial-gradient(circle at 50% 45%, rgba(0, 240, 255, .10), transparent 58%),
        #090d12 !important;
}

.hero-marketplace-stage .hero-showcase-card-1 .hero-showcase-media img,
.hero-marketplace-stage .hero-showcase-card-2 .hero-showcase-media img,
.hero-marketplace-stage .hero-showcase-card-3 .hero-showcase-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

/* --- STLTYPE 2026-07-10: banner metin alanini genislet, vitrin panelini daralt ve kartlari dikdortgen yap --- */
@media (min-width: 981px) {
    /* Sol metin paneli daha genis, sag vitrin paneli daha kompakt. */
    .hero-marketplace-banner {
        grid-template-columns: minmax(0, 1.14fr) minmax(0, .86fr) !important;
    }

    /* Buyuk gorsel daha genis; sagdaki iki kart yatay dikdortgen. */
    .hero-marketplace-stage .hero-showcase-stack {
        grid-template-columns: minmax(0, 1fr) clamp(150px, 31%, 210px) !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(10px, .85vw, 14px) !important;
    }

    .hero-marketplace-stage .hero-showcase-card-1 {
        width: 100% !important;
        min-width: 0 !important;
    }

    .hero-marketplace-stage .hero-showcase-card-2,
    .hero-marketplace-stage .hero-showcase-card-3 {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: auto !important;
        justify-self: stretch !important;
        align-self: stretch !important;
    }
}

/* Gorseller kartin dikdortgen cercevesini tamamen doldurur; bos kenar kalmaz. */
.hero-marketplace-stage .hero-showcase-card-1 .hero-showcase-media img,
.hero-marketplace-stage .hero-showcase-card-2 .hero-showcase-media img,
.hero-marketplace-stage .hero-showcase-card-3 .hero-showcase-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
}

@media (min-width: 1450px) {
    .hero-marketplace-banner {
        grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr) !important;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .hero-marketplace-banner {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    }

    .hero-marketplace-stage .hero-showcase-stack {
        grid-template-columns: minmax(0, 1fr) minmax(132px, 31%) !important;
    }
}

/* STLTYPE 2026-07-15: admin kontrollü ana sayfa vitrin sütunları */
.home-model-section-heading {
    min-width: 0;
}

.home-model-section-heading .section-headline {
    margin: 0;
}

.home-model-section-heading p {
    max-width: 760px;
    margin: 7px 0 0;
    color: var(--text-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.home-model-grid {
    width: 100%;
    align-items: stretch;
}

.home-model-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.home-model-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.home-model-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.home-model-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.home-model-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }

.home-model-grid .marketplace-card {
    width: 100%;
    min-width: 0;
}

.home-model-grid .marketplace-card .card-display {
    width: 100% !important;
    height: auto !important;
    min-height: 180px;
    aspect-ratio: 4 / 3;
}

.home-model-grid .marketplace-card .card-media-img,
.home-model-grid .marketplace-card .card-media-img.card-media-gif {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

@media (max-width: 1180px) {
    .home-model-grid-cols-4,
    .home-model-grid-cols-5,
    .home-model-grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .home-model-grid-cols-2,
    .home-model-grid-cols-3,
    .home-model-grid-cols-4,
    .home-model-grid-cols-5,
    .home-model-grid-cols-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-model-grid .marketplace-card .card-display {
        height: 180px !important;
        min-height: 180px;
        aspect-ratio: auto;
    }
}

@media (max-width: 440px) {
    .home-model-grid-cols-2,
    .home-model-grid-cols-3,
    .home-model-grid-cols-4,
    .home-model-grid-cols-5,
    .home-model-grid-cols-6 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* STLTYPE 2026-07-15: readable real-activity stats on popular creator cards. */
.creator-profile-card .creator-meta {
    min-width: 0;
    flex: 1 1 auto;
}
.creator-profile-card .creator-meta h5 {
    padding-right: 58px;
}
.creator-profile-card .creator-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 11px;
    margin: 6px 0 0;
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}
.creator-profile-card .creator-stats span {
    white-space: nowrap;
}