/** * ============================================================ * RATESELF — /tinder + /bumble YOLCULUK TEMASI * ============================================================ * Giriş sayfasının (pastel iridesan / buzlu cam) dilini, kullanıcının * o sayfadan sonra gördüğü ekranlara taşır. * * Kapsam: html.rs-lp (yalnız /tinder, /tinder-en, /bumble, /bumble-en) * Bu sınıf includes/tinder-bumble-landing.php tarafından * 'e ekleniyor. Anasayfa ve diğer sayfalar eski koyu * temada, olduğu gibi çalışmaya devam eder. * * Adımlar: 1) Bekleme ekranı (#loading-screen) * 2) Rapor ekranı (#result-screen / .tinder-results-v2) * 3) Modallar (hak doldu, e-posta, upsell, paywall, toast) * — sıradaki adım: foto detay modalı * * DİKKAT: Rapor ekranının canlı CSS'i scripts.js içinden inline * enjekte ediliyor (satır ~8373, #tinder-results-inline-css). * css/tinder-results.css DOSYASI HİÇBİR YERDE YÜKLENMİYOR — * eski bir kopya. Sınıf isimleri buradaki inline bloktan * alındı. Orada !important yok; html.rs-lp önekli kurallar * özgüllük ile kazanır, yükleme sırasına bağlı değildir. */ /* ============================================================ TASARIM DEĞİŞKENLERİ — giriş sayfasıyla birebir aynı değerler ============================================================ */ html.rs-lp{ --rs-ink: #22203a; /* ana metin */ --rs-ink-2: #5f5c7d; /* ikincil */ --rs-ink-3: #8b88a8; /* soluk */ --rs-card: rgba(255,255,255,.58); --rs-card-2: rgba(255,255,255,.50); --rs-line: rgba(255,255,255,.72); --rs-line-2: rgba(255,255,255,.70); --rs-shadow: 0 14px 34px -16px rgba(88,74,150,.42); --rs-accent: linear-gradient(96deg,#ff7a94,#c98bff 55%,#7ab8ff); --rs-btn: linear-gradient(96deg,#ffd3c4 0%,#ffcbe0 38%,#e0d2ff 72%,#c9e6ff 100%); --rs-btn-ink: #3a2440; --rs-btn-shadow: 0 14px 30px -14px rgba(150,100,190,.85); --rs-pink: #ff6f8d; --rs-ok: #2f9f78; --rs-ok-bg: rgba(150,235,200,.42); --rs-ok-line: rgba(150,235,200,.70); --rs-warn: #b86a2e; --rs-warn-bg: rgba(255,236,205,.55); --rs-warn-line: rgba(255,214,170,.75); --rs-bad: #c4405c; --rs-bad-bg: rgba(255,196,206,.55); --rs-bad-line: rgba(255,196,206,.80); --rs-r-lg: 28px; --rs-r-md: 20px; --rs-r-sm: 14px; --rs-font: 'Poppins', system-ui, -apple-system, sans-serif; } /* ortak pastel zemin — bekleme ve rapor aynı alanda duruyormuş gibi */ html.rs-lp #loading-screen, html.rs-lp #result-screen{ background-color:#eef0ff !important; background-image: radial-gradient(58% 42% at 10% 6%, #c9f6de 0%, rgba(201,246,222,0) 62%), radial-gradient(52% 38% at 92% 10%, #ffd8e8 0%, rgba(255,216,232,0) 62%), radial-gradient(62% 46% at 94% 74%, #d5e6ff 0%, rgba(213,230,255,0) 64%), radial-gradient(58% 44% at 6% 92%, #ffe7cf 0%, rgba(255,231,207,0) 62%), linear-gradient(158deg,#f4f0ff 0%,#eaf7ff 46%,#fff4ec 100%) !important; } html.rs-lp #loading-screen::before, html.rs-lp #result-screen::before{ display:none !important; } /* ============================================================ 1) BEKLEME EKRANI ============================================================ */ html.rs-lp #loading-screen{ padding:24px 18px calc(24px + env(safe-area-inset-bottom)) !important; align-items:center; } html.rs-lp .loading-container{ width:100%;max-width:430px; background:var(--rs-card) !important; border:1px solid var(--rs-line) !important; -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px); border-radius:var(--rs-r-lg) !important; padding:26px 22px 22px !important; text-align:center; box-shadow:var(--rs-shadow) !important; color:var(--rs-ink); font-family:var(--rs-font); } /* kalp ikonu ve eski çubuk kalkar — yerine halka gelir */ html.rs-lp .loading-icon-pulse, html.rs-lp .loading-progress-bar, html.rs-lp .loading-progress-glow, html.rs-lp .fact-icon{ display:none !important; } html.rs-lp .loading-title{ font-family:var(--rs-font) !important; font-size:23px !important;font-weight:600 !important;letter-spacing:-0.02em !important; color:var(--rs-ink) !important;margin:18px 0 0 !important;line-height:1.25 !important; text-shadow:none !important;background:none !important;-webkit-text-fill-color:#22203a !important; } html.rs-lp .loading-subtitle{ font-size:14px !important;color:var(--rs-ink-2) !important;margin:7px 0 0 !important;font-weight:400 !important; } /* halka */ html.rs-lp .rs-ring{position:relative;width:164px;height:164px;margin:2px auto 0;} html.rs-lp .rs-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg);} html.rs-lp .rs-ring .rs-track{fill:none;stroke:var(--rs-line);stroke-width:9;} html.rs-lp .rs-ring .rs-arc{fill:none;stroke:url(#rsRingGrad);stroke-width:9;stroke-linecap:round; transition:stroke-dashoffset .8s cubic-bezier(.3,.8,.35,1);} html.rs-lp .rs-ring .rs-val{position:absolute;inset:0;display:flex;flex-direction:column; align-items:center;justify-content:center;gap:1px;} html.rs-lp .rs-ring .rs-val b{font-size:34px;font-weight:600;letter-spacing:-0.03em; font-variant-numeric:tabular-nums;line-height:1;color:var(--rs-ink);} html.rs-lp .rs-ring .rs-val i{font-style:normal;font-size:11.5px;font-weight:500; color:var(--rs-ink-3);letter-spacing:.02em;} html.rs-lp .rs-ring::before{ content:"";position:absolute;inset:-14px;border-radius:50%;z-index:-1; background:radial-gradient(circle, rgba(255,203,224,.55) 0%, rgba(224,210,255,.28) 45%, rgba(201,230,255,0) 70%); animation:rsBreathe 4.2s ease-in-out infinite; } @keyframes rsBreathe{ 0%,100%{transform:scale(.94);opacity:.55;} 50%{transform:scale(1.06);opacity:.9;} } /* kalan süre satırı */ html.rs-lp .loading-progress-container{ margin:18px 0 0 !important;padding:14px 0 0 !important; border-top:1px solid var(--rs-line-2) !important;background:none !important; } html.rs-lp .loading-progress-info{ display:block !important;text-align:center;font-size:12.5px;color:var(--rs-ink-3) !important; font-variant-numeric:tabular-nums; } html.rs-lp #loading-percent{ display:none !important; } html.rs-lp #loading-time{ color:var(--rs-ink-3) !important;font-weight:500; } /* biliyor muydun */ html.rs-lp .loading-fact-card{ margin:14px 0 0 !important;border-radius:var(--rs-r-md) !important;padding:15px 16px !important; background:var(--rs-card-2) !important;border:1px solid var(--rs-line-2) !important; box-shadow:none !important;text-align:left;display:block !important; } html.rs-lp .fact-label{ display:block;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.14em !important; text-transform:uppercase;color:var(--rs-pink) !important;margin-bottom:6px !important; } html.rs-lp .fact-text{ font-size:14px !important;color:var(--rs-ink-2) !important;line-height:1.6 !important;margin:0 !important; } /* aşamalar → haplar */ html.rs-lp .loading-steps{ margin:18px 0 0 !important;display:flex !important;flex-wrap:wrap;justify-content:center; gap:7px !important;background:none !important;border:0 !important;padding:0 !important; } html.rs-lp .loading-step{ display:inline-flex !important;align-items:center;flex:none !important; font-size:11.5px;font-weight:500;color:var(--rs-ink-3) !important; padding:6px 12px !important;border-radius:100px !important; background:var(--rs-card-2) !important;border:1px solid var(--rs-line-2) !important; opacity:1 !important;transform:none !important; transition:color .35s ease, background .35s ease, box-shadow .35s ease; } html.rs-lp .loading-step .step-icon{ display:none !important; } html.rs-lp .loading-step span{ font-size:11.5px !important;color:inherit !important; } html.rs-lp .loading-step.active{ color:var(--rs-btn-ink) !important;font-weight:600; background:var(--rs-btn) !important; box-shadow:0 8px 18px -10px rgba(150,100,190,.85) !important; } html.rs-lp .loading-step.active span{ color:var(--rs-btn-ink) !important;font-weight:600; } html.rs-lp .loading-step:has(~ .loading-step.active){ color:var(--rs-ok) !important;background:var(--rs-ok-bg) !important; } html.rs-lp .loading-step:has(~ .loading-step.active) span{ color:var(--rs-ok) !important; } /* ============================================================ 2) RAPOR EKRANI ============================================================ */ /* --- kabuk: koyu cam kutu kalkar, rapor pastel alanın üstünde durur --- */ html.rs-lp #result-screen{ padding:0 !important; align-items:flex-start !important; /* styles.css'te üç ayrı @keyframes fadeIn var; sonuncusu (satır ~8689) opaklığın yanına translateY(10px) ekliyor. Transform taşıyan bir öğe, içindeki position:fixed öğeler için kapsayıcı blok oluşturur — sabit paywall düğmesi bu yüzden 10px kayıyordu. Aynı süreli, transform'suz kendi animasyonumuzla değiştiriliyor. */ animation:rsResultFade .3s ease !important; } @keyframes rsResultFade{ from{opacity:0} to{opacity:1} } html.rs-lp #result-screen .glass-modal.result-modal{ background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; width:100% !important;max-width:100% !important; max-height:100vh !important;margin:0 !important; animation:none !important; } html.rs-lp #result-screen .scroll-area{ padding:0 !important;max-height:100vh !important; } /* iOS: 100vh adres çubuğunu saymaz, rapor altta kesilir. dvh gerçek görünen yüksekliği verir; desteklemeyen tarayıcı yukarıdaki vh'de kalır. */ @supports (height:100dvh){ html.rs-lp #result-screen .glass-modal.result-modal{ max-height:100dvh !important; } html.rs-lp #result-screen .scroll-area{ max-height:100dvh !important; } } html.rs-lp #result-screen .tinder-ui-container{ transform:none !important; } /* kapatma düğmesi — beyaz cam daire */ html.rs-lp .result-modal .close-result-btn{ position:fixed !important;top:calc(12px + env(safe-area-inset-top));right:12px; width:38px;height:38px;border-radius:50%; background:rgba(255,255,255,.72) !important; border:1px solid var(--rs-line) !important; -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); color:var(--rs-ink) !important; box-shadow:0 6px 16px -8px rgba(88,74,150,.6); } html.rs-lp .result-modal .close-result-btn:hover{ background:#fff !important;border-color:var(--rs-line) !important;color:var(--rs-pink) !important; } /* --- konteyner --- */ html.rs-lp .tinder-results-v2{ max-width:430px; /* alt boşluk: sabit paywall düğmesi son bölümü örtmesin */ padding:26px 18px calc(112px + env(safe-area-inset-bottom)); background:none; color:var(--rs-ink); font-family:var(--rs-font); -webkit-font-smoothing:antialiased; } html.rs-lp .tinder-results-v2 .grid-bg{ display:none; } /* --- başlık --- */ html.rs-lp .tinder-results-v2 .tr-header{ padding:4px 0 26px; } html.rs-lp .tinder-results-v2 .tr-header::after{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); height:1px;width:72%; } html.rs-lp .tinder-results-v2 .tr-header-icon{ width:52px;height:52px; } html.rs-lp .tinder-results-v2 .tr-header-icon::before{ border:1px solid rgba(255,255,255,.85);border-radius:18px; } html.rs-lp .tinder-results-v2 .tr-header-icon-inner{ background:var(--rs-accent); border-radius:16px;color:#fff; box-shadow:0 10px 22px -12px rgba(150,100,190,.9); } html.rs-lp .tinder-results-v2 .tr-header h1{ font-size:24px;font-weight:600;letter-spacing:-0.02em;color:var(--rs-ink); } html.rs-lp .tinder-results-v2 .tr-header h1 span{ background:var(--rs-accent);-webkit-background-clip:text;background-clip:text; color:transparent;text-shadow:none;font-weight:700; } html.rs-lp .tinder-results-v2 .tr-header-sub{ color:var(--rs-ink-3);letter-spacing:.14em;font-size:11px;font-weight:500;margin-top:8px; } /* vitrin modu şeridi */ html.rs-lp .tinder-results-v2 .demo-mode-banner{ background:var(--rs-warn-bg);border:1px solid var(--rs-warn-line); border-radius:var(--rs-r-md);box-shadow:none; } html.rs-lp .tinder-results-v2 .demo-mode-banner i{ color:var(--rs-warn); } html.rs-lp .tinder-results-v2 .demo-mode-title{ color:var(--rs-warn);font-weight:600;font-size:14px; } html.rs-lp .tinder-results-v2 .demo-mode-sub{ color:var(--rs-ink-2); } /* --- skor paneli --- */ html.rs-lp .tinder-results-v2 .score-panel{ background:var(--rs-card); border:1px solid var(--rs-line); -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px); border-radius:var(--rs-r-lg); box-shadow:var(--rs-shadow); padding:26px 22px 22px; } html.rs-lp .tinder-results-v2 .score-panel::before{ height:3px;background:var(--rs-accent);opacity:.9; } html.rs-lp .tinder-results-v2 .corner{ display:none; } /* durum şeridi: free (sarı) / premium (yeşil) */ html.rs-lp .tinder-results-v2 .lr-status{ background:var(--rs-warn-bg);border:1px solid var(--rs-warn-line);color:var(--rs-warn); border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:none; padding:8px 14px; } html.rs-lp .tinder-results-v2 .lr-status .pct{ background:rgba(255,214,170,.55);border-radius:100px;padding:1px 8px; } html.rs-lp .tinder-results-v2 .lr-status-full{ background:var(--rs-ok-bg);border-color:var(--rs-ok-line);color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .lr-status-full .pct{ background:rgba(150,235,200,.6); } /* şu anki puan → ulaşabileceğin */ html.rs-lp .tinder-results-v2 .lr-col .lab{ color:var(--rs-ink-3);font-size:10px;font-weight:600;letter-spacing:.1em; } html.rs-lp .tinder-results-v2 .lr-now .num{ font-family:var(--rs-font);font-weight:600;letter-spacing:-0.03em; font-variant-numeric:tabular-nums;color:var(--rs-ink-3); } html.rs-lp .tinder-results-v2 .lr-now .lab2{ color:var(--rs-ink-3);font-weight:500; } html.rs-lp .tinder-results-v2 .lr-arrow{ color:rgba(140,130,190,.4); } html.rs-lp .tinder-results-v2 .lr-pot .num{ font-family:var(--rs-font);font-weight:600;letter-spacing:-0.04em; font-variant-numeric:tabular-nums; background:linear-gradient(168deg,#ff7a94 0%,#c98bff 62%,#7ab8ff 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } html.rs-lp .tinder-results-v2 .lr-pot .lab2{ color:var(--rs-ok);font-weight:600; } html.rs-lp .tinder-results-v2 .lr-bar{ height:8px;border-radius:100px; background:rgba(255,255,255,.62);border:0; box-shadow:inset 0 1px 2px rgba(88,74,150,.12); } html.rs-lp .tinder-results-v2 .lr-bar .fill{ background:linear-gradient(90deg,#ffb9a3,#ff9dc4 60%,#e0b6ff); } html.rs-lp .tinder-results-v2 .lr-bar .potential{ background:repeating-linear-gradient(45deg,rgba(150,235,200,.75) 0 6px,rgba(150,235,200,.3) 6px 12px); } html.rs-lp .tinder-results-v2 .lr-bar-wrap .lkmark{ background:#fff;border:1.5px solid #7fd9b4;color:var(--rs-ok); box-shadow:0 3px 8px -3px rgba(60,170,130,.9); } /* eski skor bloğu (kullanımdan kalkmış olabilir, yine de uyumlu dursun) */ html.rs-lp .tinder-results-v2 .score-num{ font-weight:600;letter-spacing:-0.04em;font-variant-numeric:tabular-nums; background:linear-gradient(168deg,#3a3560 0%,#6b6499 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } html.rs-lp .tinder-results-v2 .score-max{ color:var(--rs-ink-3);letter-spacing:.12em; } html.rs-lp .tinder-results-v2 .score-bar{ border-radius:100px;background:rgba(255,255,255,.62); box-shadow:inset 0 1px 2px rgba(88,74,150,.12); } html.rs-lp .tinder-results-v2 .score-bar-fill{ border-radius:100px;background:linear-gradient(90deg,#9fe7c8,#ffc9dc 52%,#b9d4ff); } html.rs-lp .tinder-results-v2 .score-status{ border-radius:100px;text-transform:none;letter-spacing:.04em; color:var(--rs-ok);background:var(--rs-ok-bg);border:1px solid var(--rs-ok-line); } html.rs-lp .tinder-results-v2 .score-status.below{ color:var(--rs-bad);background:var(--rs-bad-bg);border-color:var(--rs-bad-line); } /* ilk izlenim */ html.rs-lp .tinder-results-v2 .first-imp{ background:var(--rs-warn-bg); border:1px solid var(--rs-warn-line); border-radius:var(--rs-r-md); } html.rs-lp .tinder-results-v2 .fi-icon{ background:rgba(255,255,255,.72);border:1px solid var(--rs-line-2);border-radius:12px; } html.rs-lp .tinder-results-v2 .fi-text h4{ color:var(--rs-warn);letter-spacing:.12em;font-weight:600; } html.rs-lp .tinder-results-v2 .fi-text p{ color:var(--rs-ink-2);font-size:14px; } /* --- bölüm başlıkları --- */ html.rs-lp .tinder-results-v2 .section-icon{ width:34px;height:34px;border-radius:11px; background:rgba(255,255,255,.62);border:1px solid var(--rs-line); color:var(--rs-pink); } html.rs-lp .tinder-results-v2 .section-title{ font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--rs-ink); } /* --- fotoğraf kartları --- */ html.rs-lp .tinder-results-v2 .photo-hex-inner{ background:var(--rs-card); border:1.5px solid rgba(255,255,255,.85); border-radius:18px; box-shadow:0 8px 20px -14px rgba(88,74,150,.6); } html.rs-lp .tinder-results-v2 .photo-hex:hover{ transform:translateY(-5px); } html.rs-lp .tinder-results-v2 .photo-hex:hover .photo-hex-inner{ border-color:var(--rs-pink); box-shadow:0 14px 26px -14px rgba(200,80,120,.75); } /* rozetler fotoğrafın üstünde okunsun diye alt gölge kalıyor, yumuşatıldı */ html.rs-lp .tinder-results-v2 .photo-hex-overlay{ background:linear-gradient(180deg,transparent 46%,rgba(40,30,60,.72) 100%); } html.rs-lp .tinder-results-v2 .photo-hex-num{ background:rgba(255,255,255,.85);border:0;color:var(--rs-ink); border-radius:9px;font-weight:600; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } html.rs-lp .tinder-results-v2 .photo-hex-score{ border-radius:100px;padding:4px 10px;font-weight:600; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } html.rs-lp .tinder-results-v2 .photo-hex-score.high{ background:rgba(150,235,200,.92);color:#1f7a5a;box-shadow:none; } html.rs-lp .tinder-results-v2 .photo-hex-score.mid { background:rgba(255,220,180,.92);color:#9c561f;box-shadow:none; } html.rs-lp .tinder-results-v2 .photo-hex-score.low { background:rgba(255,200,210,.94);color:#a8324c;box-shadow:none; } html.rs-lp .tinder-results-v2 .photo-hex-decision{ border-radius:100px;padding:3px 8px;font-weight:600;letter-spacing:.04em; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } html.rs-lp .tinder-results-v2 .photo-hex-decision.keep { background:rgba(150,235,200,.78);color:#1f7a5a; } html.rs-lp .tinder-results-v2 .photo-hex-decision.replace{ background:rgba(255,220,180,.82);color:#9c561f; } html.rs-lp .tinder-results-v2 .photo-hex-decision.retake { background:rgba(255,200,210,.86);color:#a8324c; } /* "dokun" ipucu rozeti */ html.rs-lp .tinder-results-v2 .photo-hex-tap{ background:rgba(255,255,255,.85);border:0;color:var(--rs-pink); border-radius:100px;font-weight:600; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } html.rs-lp .tinder-results-v2 .photo-hex-tap.locked{ background:rgba(255,236,205,.9);border:0;color:var(--rs-warn); } /* kilitli foto ipucu */ html.rs-lp .free-photo-hint{ background:var(--rs-warn-bg);border:1px dashed var(--rs-warn-line); border-radius:var(--rs-r-sm);color:var(--rs-warn);font-weight:500; } /* --- önerilen sıralama --- */ html.rs-lp .tinder-results-v2 .order-box{ background:var(--rs-card); border:1px solid var(--rs-line); -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px); border-radius:var(--rs-r-lg); box-shadow:var(--rs-shadow); } html.rs-lp .tinder-results-v2 .order-box::before{ background:linear-gradient(90deg,transparent,rgba(201,139,255,.75),transparent); } html.rs-lp .tinder-results-v2 .order-item{ border:2px solid rgba(255,255,255,.85);border-radius:12px; } html.rs-lp .tinder-results-v2 .order-item.first{ border-color:#7fd9b4;box-shadow:0 6px 16px -10px rgba(60,170,130,.9); } html.rs-lp .tinder-results-v2 .order-item.remove{ border-color:#ffaebc;opacity:.6; } html.rs-lp .tinder-results-v2 .order-item-badge{ background:rgba(255,255,255,.88);color:var(--rs-ink);border-radius:6px;font-weight:600; } html.rs-lp .tinder-results-v2 .order-item.first .order-item-badge{ background:#7fd9b4;color:#0f4c38; } html.rs-lp .tinder-results-v2 .order-arrow{ color:rgba(140,130,190,.4); } html.rs-lp .tinder-results-v2 .order-desc{ color:var(--rs-ink-2);font-size:12.5px; } html.rs-lp .tinder-results-v2 .order-rank{ color:var(--rs-ink-3);font-weight:600;text-transform:none; } html.rs-lp .tinder-results-v2 .order-rank.cover{ color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .order-tag{ font-weight:600;letter-spacing:.04em; } html.rs-lp .tinder-results-v2 .order-tag.cover { background:#7fd9b4;color:#0f4c38; } html.rs-lp .tinder-results-v2 .order-tag.replace{ background:#f5c98a;color:#7a4415; } html.rs-lp .tinder-results-v2 .order-tag.remove { background:#ffaebc;color:#7d2036; } /* --- artılar / geliştirilecekler --- */ html.rs-lp .tinder-results-v2 .insight-panel{ background:var(--rs-card-2); border:1px solid var(--rs-line-2); -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); border-radius:var(--rs-r-md); } html.rs-lp .tinder-results-v2 .insight-panel.good{ border-color:var(--rs-ok-line); background:linear-gradient(180deg,rgba(150,235,200,.28),rgba(255,255,255,.5)); } html.rs-lp .tinder-results-v2 .insight-panel.bad{ border-color:var(--rs-bad-line); background:linear-gradient(180deg,rgba(255,196,206,.26),rgba(255,255,255,.5)); } html.rs-lp .tinder-results-v2 .insight-head{ font-size:10.5px;font-weight:600;letter-spacing:.1em; border-bottom:1px solid rgba(255,255,255,.7); } html.rs-lp .tinder-results-v2 .insight-panel.good .insight-head{ color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .insight-panel.bad .insight-head{ color:var(--rs-bad); } html.rs-lp .tinder-results-v2 .insight-item{ color:var(--rs-ink-2);font-size:12.5px; border-bottom:1px solid rgba(255,255,255,.55); } html.rs-lp .tinder-results-v2 .insight-item i{ opacity:.75; } html.rs-lp .tinder-results-v2 .insight-panel.good .insight-item i{ color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .insight-panel.bad .insight-item i{ color:var(--rs-bad); } /* kilitli bölümler */ html.rs-lp .tinder-results-v2 .insight-locked-overlay > i{ color:var(--rs-bad);filter:drop-shadow(0 2px 8px rgba(255,255,255,.9)); } html.rs-lp .tinder-results-v2 .ilo-count{ color:var(--rs-ink);font-weight:600; } html.rs-lp .tinder-results-v2 .ilo-sub{ color:var(--rs-bad);font-weight:500; } html.rs-lp .tinder-results-v2 .actions-locked{ background:linear-gradient(180deg,var(--rs-warn-bg),rgba(255,255,255,.35)); border:1px dashed var(--rs-warn-line);border-radius:var(--rs-r-md); } html.rs-lp .tinder-results-v2 .actions-locked > i{ color:var(--rs-warn);filter:drop-shadow(0 2px 8px rgba(255,255,255,.9)); } html.rs-lp .tinder-results-v2 .al-count{ color:var(--rs-ink);font-weight:600; } html.rs-lp .tinder-results-v2 .al-sub{ color:var(--rs-warn);font-weight:500; } html.rs-lp .insight-more, html.rs-lp .actions-more{ background:var(--rs-warn-bg);border:1px dashed var(--rs-warn-line); border-radius:var(--rs-r-sm);color:var(--rs-warn);font-weight:500; } /* --- yapılacaklar --- */ html.rs-lp .tinder-results-v2 .action-row{ background:var(--rs-card); border:1px solid var(--rs-line); -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); border-radius:var(--rs-r-md); box-shadow:0 8px 20px -16px rgba(88,74,150,.5); } html.rs-lp .tinder-results-v2 .action-row.critical::before { background:var(--rs-bad); } html.rs-lp .tinder-results-v2 .action-row.important::before { background:#e8a34f; } html.rs-lp .tinder-results-v2 .action-row.nice::before { background:var(--rs-ok); } html.rs-lp .tinder-results-v2 .action-badge{ border-radius:11px;font-weight:600; } html.rs-lp .tinder-results-v2 .action-row.critical .action-badge{ background:var(--rs-bad-bg);color:var(--rs-bad); } html.rs-lp .tinder-results-v2 .action-row.important .action-badge{ background:var(--rs-warn-bg);color:var(--rs-warn); } html.rs-lp .tinder-results-v2 .action-row.nice .action-badge{ background:var(--rs-ok-bg);color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .action-type{ font-weight:600;letter-spacing:.12em;opacity:1; } html.rs-lp .tinder-results-v2 .action-row.critical .action-type{ color:var(--rs-bad); } html.rs-lp .tinder-results-v2 .action-row.important .action-type{ color:var(--rs-warn); } html.rs-lp .tinder-results-v2 .action-row.nice .action-type{ color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .action-text{ color:var(--rs-ink);font-weight:500; } html.rs-lp .tinder-results-v2 .action-result{ color:var(--rs-ok);font-weight:500; } /* --- düzeltilmiş halin kartı --- */ html.rs-lp .tinder-results-v2 .tr-ul-card{ background:linear-gradient(180deg,rgba(150,235,200,.26),rgba(255,255,255,.55)); border:1px solid var(--rs-ok-line); -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); border-radius:var(--rs-r-lg); box-shadow:var(--rs-shadow); } html.rs-lp .tinder-results-v2 .tr-ul-head{ color:var(--rs-ok);text-shadow:none;font-weight:600;letter-spacing:.08em; } html.rs-lp .tinder-results-v2 .tr-ul-sub{ color:var(--rs-ink-2); } html.rs-lp .tinder-results-v2 .tr-ul-sub strong{ color:var(--rs-ink);font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-figure{ background:rgba(255,255,255,.5);border-radius:18px; } html.rs-lp .tinder-results-v2 .tr-ul-figure.locked{ box-shadow:inset 0 0 0 1px var(--rs-ok-line); } /* kilit perdesi: koyu tül yerine buzlu beyaz — yazı ink olsun */ html.rs-lp .tinder-results-v2 .tr-ul-overlay{ background:radial-gradient(ellipse at center,rgba(255,255,255,.66),rgba(255,255,255,.44)); -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px); } html.rs-lp .tinder-results-v2 .tr-ul-overlay i{ color:var(--rs-warn);filter:drop-shadow(0 2px 10px rgba(255,255,255,.9)); } html.rs-lp .tinder-results-v2 .tr-ul-lock-main{ color:var(--rs-ink);text-shadow:none;font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-lock-note{ color:var(--rs-ok);background:rgba(255,255,255,.85);border:1px solid var(--rs-ok-line);font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-btn{ background:var(--rs-btn);color:var(--rs-btn-ink); border:1px solid rgba(255,255,255,.8);border-radius:18px; font-family:var(--rs-font);font-weight:600; box-shadow:var(--rs-btn-shadow); } html.rs-lp .tinder-results-v2 .tr-ul-btn:hover{ transform:translateY(-2px); } html.rs-lp .tinder-results-v2 .tr-ul-download{ background:rgba(255,255,255,.62);border:1px solid var(--rs-line); color:var(--rs-ok);border-radius:18px;font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-caption{ color:var(--rs-ok);text-shadow:none;font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-scan{ background:rgba(255,255,255,.55); } html.rs-lp .tinder-results-v2 .tr-ul-scan span{ color:var(--rs-ok);text-shadow:none;font-weight:600; } html.rs-lp .tinder-results-v2 .tr-ul-scanline{ background:linear-gradient(90deg,transparent,#7fd9b4,transparent); box-shadow:0 0 18px 3px rgba(127,217,180,.65); } /* --- premium / deneme kartları ve sabit düğme --- */ html.rs-lp .premium-upgrade-cta{ background:linear-gradient(180deg,var(--rs-warn-bg),rgba(255,255,255,.5)); border:1px solid var(--rs-warn-line); -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); border-radius:var(--rs-r-lg); box-shadow:var(--rs-shadow); } html.rs-lp .premium-upgrade-cta::before{ background:var(--rs-accent);height:3px; } html.rs-lp .premium-cta-title{ color:var(--rs-ink);font-weight:600; } html.rs-lp .premium-cta-desc{ color:var(--rs-ink-2); } html.rs-lp .premium-cta-features li{ color:var(--rs-ink-2);border-bottom:1px solid rgba(255,255,255,.7); } html.rs-lp .premium-cta-features li i{ color:var(--rs-warn); } html.rs-lp .premium-cta-btn{ background:var(--rs-btn);color:var(--rs-btn-ink); border:1px solid rgba(255,255,255,.8);border-radius:18px;font-weight:600; box-shadow:var(--rs-btn-shadow); } html.rs-lp .premium-cta-btn:hover{ transform:translateY(-2px); } html.rs-lp .trial-upgrade-cta{ background:linear-gradient(180deg,rgba(150,235,200,.26),rgba(255,255,255,.5)); border:1px solid var(--rs-ok-line); -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); border-radius:var(--rs-r-lg); box-shadow:var(--rs-shadow); } html.rs-lp .trial-cta-glow{ display:none; } html.rs-lp .trial-cta-icon{ background:var(--rs-btn);color:var(--rs-btn-ink);border-radius:14px; box-shadow:0 8px 18px -10px rgba(150,100,190,.85); } html.rs-lp .trial-cta-title{ color:var(--rs-ok);text-shadow:none;font-weight:600; } html.rs-lp .trial-cta-desc{ color:var(--rs-ink-2); } html.rs-lp .trial-cta-desc strong{ color:var(--rs-ink);font-weight:600; } html.rs-lp .trial-cta-btn{ background:var(--rs-btn);color:var(--rs-btn-ink); border:1px solid rgba(255,255,255,.8);border-radius:18px;font-weight:600; box-shadow:var(--rs-btn-shadow); } html.rs-lp .trial-cta-btn:hover{ transform:translateY(-2px); } /* sabit paywall düğmesi — altındaki karartma pastel zemine döner */ html.rs-lp #result-screen .scroll-area > .tr-sticky-cta{ /* sticky, kaydırma kabının alt kenarına göre konumlanıyordu ve telefonda düğmenin alt dolgusu ekran dışında kalıyordu (ölçüm: düğme alt kenarı tam 750px'de, kabın dolgusu 760'ta). fixed doğrudan ekranın altına yapışır, kabın yüksekliğinden ve overflow'undan etkilenmez. */ position:fixed !important; left:0; right:0; bottom:0; top:auto; max-width:none; width:100%; margin:0 !important; padding:16px 16px calc(14px + env(safe-area-inset-bottom)) !important; z-index:40; background:linear-gradient(180deg,rgba(244,240,255,0) 0%,rgba(244,240,255,.92) 42%,#f4f0ff 74%); } html.rs-lp #result-screen .scroll-area > .tr-sticky-cta .tr-sticky-btn{ max-width:430px; margin:0 auto; } html.rs-lp .tr-sticky-cta .tr-sticky-btn{ background:var(--rs-btn);color:var(--rs-btn-ink); border:1px solid rgba(255,255,255,.8);border-radius:22px; font-family:var(--rs-font);font-weight:600; box-shadow:var(--rs-btn-shadow); } html.rs-lp .tr-sticky-cta .tr-sticky-btn:hover{ transform:translateY(-2px); } /* ============================================================ TELEFON DÜZENİ ============================================================ */ @media (max-width:430px){ html.rs-lp .tinder-results-v2{ padding:20px 14px calc(112px + env(safe-area-inset-bottom)); } html.rs-lp .tinder-results-v2 .score-panel{ padding:22px 16px 18px; } html.rs-lp .tinder-results-v2 .lr-hero{ gap:10px; } html.rs-lp .tinder-results-v2 .lr-now .num{ font-size:38px; } html.rs-lp .tinder-results-v2 .lr-pot .num{ font-size:56px; } html.rs-lp .tinder-results-v2 .tr-header{ padding:2px 0 20px; } html.rs-lp .tinder-results-v2 .tr-header h1{ font-size:21px; } html.rs-lp #result-screen .scroll-area > .tr-sticky-cta{ padding-left:14px !important; padding-right:14px !important; } /* modal kutuları dar ekranda kenara yapışmasın */ html.rs-lp .eg-card, html.rs-lp .ru-card, html.rs-lp .rsup-card, html.rs-lp .upsell-modal-content, html.rs-lp #bx-paywall-modal .bxp-card{ border-radius:24px !important; } } @media (max-width:380px){ html.rs-lp .tinder-results-v2 .insights-cols{ grid-template-columns:1fr; } html.rs-lp .tinder-results-v2 .lr-pot .num{ font-size:48px; } } @media (prefers-reduced-motion:reduce){ html.rs-lp .rs-ring::before{ animation:none; } html.rs-lp .rs-ring .rs-arc{ transition:none; } html.rs-lp .tinder-results-v2 .tr-header-icon::before{ animation:none; } } /* ============================================================ 3) MODALLAR ============================================================ Rapor ekranından sonra açılan kutular: .qe-* Ücretsiz hak doldu paneli (scripts.js ~12391) .eg-* Hesabını Oluştur / e-posta (scripts.js ~2246) .ru-* E-posta + kod ile dönüş (scripts.js ~2269) .rsup-* Premium upsell (scripts.js ~2739) .upsell-modal-* Özellik upsell'i (styles.css 9681) .trial-ended-* Deneme bitti (styles.css 10037) .bxp-* Paywall (scripts.js ~12520) .toast* Bildirimler (styles.css 1018) .bxp-* kutusunun stilleri JS içinde SATIR İÇİ yazılı; oradaki kurallar ancak !important ile eziliyor. Sınıf kancaları (bxp-ov, bxp-card, bxp-x, bxp-icon, bxp-title, bxp-sub, bxp-feats, bxp-feat, bxp-cta) scripts.js'e bu iş için eklendi. ============================================================ */ html.rs-lp{ --rs-scrim: rgba(88,74,150,.30); --rs-modal-bg: rgba(255,255,255,.86); --rs-modal-line: rgba(255,255,255,.92); --rs-modal-sh: 0 30px 70px -24px rgba(60,45,110,.62); } /* --- perde --- */ html.rs-lp .eg-overlay, html.rs-lp .ru-overlay, html.rs-lp .rsup-ov, html.rs-lp .upsell-modal-overlay, html.rs-lp .trial-ended-overlay, html.rs-lp #bx-paywall-modal .bxp-ov{ background:var(--rs-scrim) !important; -webkit-backdrop-filter:blur(16px) !important; backdrop-filter:blur(16px) !important; } /* --- kutu --- */ html.rs-lp .eg-card, html.rs-lp .ru-card, html.rs-lp .rsup-card, html.rs-lp .upsell-modal-content, html.rs-lp .trial-ended-content, html.rs-lp #bx-paywall-modal .bxp-card{ background:var(--rs-modal-bg) !important; border:1px solid var(--rs-modal-line) !important; border-radius:var(--rs-r-lg) !important; box-shadow:var(--rs-modal-sh) !important; -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px); color:var(--rs-ink) !important; font-family:var(--rs-font) !important; } /* üstteki neon çizgiler → yumuşak mercan-mor-mavi */ html.rs-lp .eg-card::before, html.rs-lp .ru-card::before{ background:var(--rs-accent) !important;height:2px;left:24%;right:24%; } html.rs-lp .rsup-card::before{ background:var(--rs-accent) !important;animation:none !important;height:3px; } /* --- kapatma düğmesi --- */ html.rs-lp .eg-close, html.rs-lp .rsup-x, html.rs-lp .upsell-modal-close, html.rs-lp #bx-paywall-modal .bxp-x{ background:rgba(255,255,255,.75) !important; border:1px solid var(--rs-line) !important; color:var(--rs-ink-2) !important; border-radius:50% !important; } html.rs-lp .eg-close:hover, html.rs-lp .rsup-x:hover, html.rs-lp .upsell-modal-close:hover, html.rs-lp #bx-paywall-modal .bxp-x:hover{ background:#fff !important;color:var(--rs-pink) !important; } /* --- ikon karesi --- */ html.rs-lp .eg-icon, html.rs-lp .ru-icon, html.rs-lp .rsup-icon, html.rs-lp .upsell-modal-icon, html.rs-lp .trial-ended-icon-inner, html.rs-lp #result-screen .qe-icon, html.rs-lp #bx-paywall-modal .bxp-icon{ background:var(--rs-accent) !important; border:0 !important; border-radius:18px !important; color:#fff !important; box-shadow:0 12px 26px -12px rgba(150,100,190,.95) !important; } html.rs-lp .trial-ended-icon-mini{ filter:none; } /* --- başlık / açıklama --- */ html.rs-lp .eg-title, html.rs-lp .ru-title, html.rs-lp .rsup-title, html.rs-lp .upsell-modal-title, html.rs-lp .trial-ended-title, html.rs-lp #result-screen .qe-title, html.rs-lp #bx-paywall-modal .bxp-title{ color:var(--rs-ink) !important; font-family:var(--rs-font) !important; font-weight:600 !important; letter-spacing:-0.01em !important; text-shadow:none !important; } html.rs-lp .eg-desc, html.rs-lp .ru-desc, html.rs-lp .rsup-desc, html.rs-lp .upsell-modal-desc, html.rs-lp .trial-ended-desc, html.rs-lp #result-screen .qe-msg, html.rs-lp #bx-paywall-modal .bxp-sub{ color:var(--rs-ink-2) !important; } html.rs-lp .trial-ended-subtitle{ color:var(--rs-pink) !important;font-weight:600 !important; } /* --- özellik listeleri --- */ html.rs-lp .rsup-feats li, html.rs-lp .trial-ended-features li, html.rs-lp #bx-paywall-modal .bxp-feat{ color:var(--rs-ink-2) !important; border-bottom:1px solid rgba(255,255,255,.75) !important; } html.rs-lp .rsup-feats i, html.rs-lp .trial-ended-features li i{ color:var(--rs-ok) !important; } html.rs-lp #bx-paywall-modal .bxp-feats{ background:rgba(255,255,255,.55) !important; border:1px solid var(--rs-line) !important; border-radius:var(--rs-r-md) !important; } /* --- birincil düğme: giriş sayfasının düğmesiyle birebir --- */ html.rs-lp .eg-btn, html.rs-lp .ru-btn, html.rs-lp .rsup-cta, html.rs-lp .upsell-modal-btn, html.rs-lp .trial-ended-btn-primary, html.rs-lp #result-screen .qe-btn, html.rs-lp #bx-paywall-modal .bxp-cta{ background:var(--rs-btn) !important; color:var(--rs-btn-ink) !important; border:1px solid rgba(255,255,255,.8) !important; border-radius:22px !important; font-family:var(--rs-font) !important; font-weight:600 !important; box-shadow:var(--rs-btn-shadow) !important; filter:none !important; } html.rs-lp .eg-btn:hover, html.rs-lp .ru-btn:hover, html.rs-lp .rsup-cta:hover, html.rs-lp .upsell-modal-btn:hover, html.rs-lp .trial-ended-btn-primary:hover, html.rs-lp #result-screen .qe-btn:hover, html.rs-lp #bx-paywall-modal .bxp-cta:hover{ transform:translateY(-2px) !important; box-shadow:0 18px 34px -14px rgba(150,100,190,.9) !important; filter:none !important; } /* --- ikincil düğme --- */ html.rs-lp .rsup-later, html.rs-lp .trial-ended-btn-secondary{ color:var(--rs-ink-3) !important;background:none !important;border:0 !important; font-family:var(--rs-font) !important; } html.rs-lp .rsup-later:hover, html.rs-lp .trial-ended-btn-secondary:hover{ color:var(--rs-ink-2) !important; } /* --- e-posta alanı --- */ html.rs-lp .eg-input, html.rs-lp .ru-input{ background:rgba(255,255,255,.72) !important; border:1px solid var(--rs-line) !important; border-radius:16px !important; color:var(--rs-ink) !important; font-family:var(--rs-font) !important; /* iOS Safari, 16px'ten küçük yazılı alana odaklanınca sayfayı zumluyor */ font-size:16px !important; } html.rs-lp .eg-input:focus, html.rs-lp .ru-input:focus{ border-color:var(--rs-pink) !important; box-shadow:0 0 0 3px rgba(255,111,141,.18) !important; } html.rs-lp .eg-input::placeholder, html.rs-lp .ru-input::placeholder{ color:var(--rs-ink-3) !important; } html.rs-lp .eg-input-icon{ color:var(--rs-ink-3) !important; } html.rs-lp .eg-error, html.rs-lp .ru-error{ color:var(--rs-bad) !important; } /* satır içi renk taşıyor → !important şart */ html.rs-lp .ru-hint{ color:var(--rs-ink-3) !important; } html.rs-lp .ru-success{ color:var(--rs-ok) !important; } /* --- alt bilgi şeridi --- */ html.rs-lp .eg-footer{ border-top:1px solid rgba(255,255,255,.75) !important; } html.rs-lp .eg-footer span{ color:var(--rs-ink-3) !important; } /* --- indirim rozeti --- */ html.rs-lp .trial-ended-discount{ background:var(--rs-bad-bg) !important; border:1px solid var(--rs-bad-line) !important; color:var(--rs-bad) !important; border-radius:var(--rs-r-sm) !important; } /* ============================================================ ÜCRETSİZ HAK DOLDU PANELİ — arkadaki bulanık iskelet de pastel ============================================================ */ html.rs-lp #result-screen .qe-panel{ background:var(--rs-modal-bg) !important; border:1px solid var(--rs-modal-line) !important; border-radius:var(--rs-r-lg) !important; box-shadow:var(--rs-modal-sh) !important; -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px); font-family:var(--rs-font) !important; } html.rs-lp #result-screen .qe-sk-score{ background:linear-gradient(90deg,rgba(255,169,190,.5),rgba(180,205,255,.45)) !important; } html.rs-lp #result-screen .qe-sk-bar, html.rs-lp #result-screen .qe-sk-row span, html.rs-lp #result-screen .qe-sk-block{ background:rgba(255,255,255,.7) !important; } html.rs-lp #result-screen .qe-skeleton{ opacity:.65 !important; } /* ============================================================ BİLDİRİMLER (toast) ============================================================ */ html.rs-lp .toast{ background:var(--rs-modal-bg) !important; border:1px solid var(--rs-line) !important; border-radius:100px !important; color:var(--rs-ink) !important; font-family:var(--rs-font) !important; font-weight:500 !important; -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px); box-shadow:0 14px 30px -16px rgba(60,45,110,.6) !important; } html.rs-lp .toast-success{ border-color:var(--rs-ok-line) !important; } html.rs-lp .toast-success i{ color:var(--rs-ok) !important; } html.rs-lp .toast-error{ border-color:var(--rs-bad-line) !important; } html.rs-lp .toast-error i{ color:var(--rs-bad) !important; } html.rs-lp .toast-info{ border-color:var(--rs-line) !important; } html.rs-lp .toast-info i{ color:var(--rs-pink) !important; } /* ============================================================ 4) FOTO DETAY MODALI ============================================================ Bir fotoğrafa dokununca açılan derin analiz penceresi. Sınıflar styles.css:9145+ içinde tanımlı (.foto-modal-*), içerik scripts.js:10269 openFotoModal() tarafından üretiliyor. NOT: Ücretsiz kullanıcı 2026-08-23'ten beri buraya ulaşmıyor (her fotoğraf paywall açıyor); bu ekranı yalnızca paket alan üyeler görüyor. ============================================================ */ /* --- perde ve kutu --- */ html.rs-lp .foto-modal-overlay{ background:var(--rs-scrim) !important; -webkit-backdrop-filter:blur(16px) !important; backdrop-filter:blur(16px) !important; } html.rs-lp .foto-modal{ background:var(--rs-modal-bg) !important; border:1px solid var(--rs-modal-line) !important; border-radius:var(--rs-r-lg) !important; box-shadow:var(--rs-modal-sh) !important; -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px); color:var(--rs-ink) !important; font-family:var(--rs-font) !important; } /* --- başlık şeridi --- */ html.rs-lp .foto-modal-header{ background:rgba(255,255,255,.45) !important; border-bottom:1px solid var(--rs-line) !important; } html.rs-lp .foto-modal-title h3{ color:var(--rs-ink) !important;font-weight:600 !important; } html.rs-lp .foto-modal-badge{ border-radius:100px !important;font-weight:600 !important;letter-spacing:.03em !important; } html.rs-lp .foto-modal-badge.keep, html.rs-lp .foto-modal-badge.koru{ background:var(--rs-ok-bg) !important;color:var(--rs-ok) !important; } html.rs-lp .foto-modal-badge.improve, html.rs-lp .foto-modal-badge.iyilestir{ background:var(--rs-warn-bg) !important;color:var(--rs-warn) !important; } html.rs-lp .foto-modal-badge.replace, html.rs-lp .foto-modal-badge.degistir{ background:var(--rs-bad-bg) !important;color:var(--rs-bad) !important; } html.rs-lp .foto-modal-close{ background:rgba(255,255,255,.75) !important; border:1px solid var(--rs-line) !important; color:var(--rs-ink-2) !important; } html.rs-lp .foto-modal-close:hover{ background:#fff !important;color:var(--rs-pink) !important; } /* --- sol sütun: fotoğraf + puan --- */ html.rs-lp .foto-modal-image{ /* styles.css:20549 fotoğrafın arkasına #000 koyuyor (object-fit:contain olduğu için kare oranı tutmazsa siyah bantlar çıkıyor). Açık temada siyah bant kartın içinde delik gibi duruyor; yumuşak nötr zemin. */ background:rgba(238,236,250,.85) !important; border:2px solid rgba(255,255,255,.85) !important; border-radius:18px !important; box-shadow:0 10px 24px -16px rgba(88,74,150,.7); } html.rs-lp .foto-modal-puan{ background:rgba(255,255,255,.62) !important; border:1px solid var(--rs-line) !important; border-radius:var(--rs-r-md) !important; } html.rs-lp .foto-modal-puan-num{ color:var(--rs-ink) !important;font-weight:600 !important; font-variant-numeric:tabular-nums;letter-spacing:-0.03em; } html.rs-lp .foto-modal-puan-num.high{ color:var(--rs-ok) !important; } html.rs-lp .foto-modal-puan-num.mid { color:var(--rs-warn) !important; } html.rs-lp .foto-modal-puan-num.low { color:var(--rs-bad) !important; } html.rs-lp .foto-modal-puan-label{ color:var(--rs-ink-3) !important; } /* --- "detaylı analizi aç" ara ekranı --- */ html.rs-lp .modal-lazy-load h4{ color:var(--rs-ink) !important;font-weight:600 !important; } html.rs-lp .modal-lazy-load p { color:var(--rs-ink-2) !important; } html.rs-lp .modal-analyze-btn, html.rs-lp .k1-btn-analyze{ background:var(--rs-btn) !important; color:var(--rs-btn-ink) !important; border:1px solid rgba(255,255,255,.8) !important; border-radius:20px !important; font-family:var(--rs-font) !important;font-weight:600 !important; box-shadow:var(--rs-btn-shadow) !important; } html.rs-lp .modal-analyze-btn:hover, html.rs-lp .k1-btn-analyze:hover{ transform:translateY(-2px) !important; } /* --- yükleniyor --- */ html.rs-lp .modal-loading-spinner{ border:4px solid rgba(255,255,255,.7) !important; border-top-color:var(--rs-pink) !important; } html.rs-lp .modal-loading p{ color:var(--rs-ink-2) !important; } /* --- bölüm başlıkları --- */ html.rs-lp .foto-modal-right .modal-section-title, html.rs-lp .modal-section-title{ color:var(--rs-ink-2) !important;font-weight:600 !important; } html.rs-lp .foto-modal-right .modal-section-title i{ color:var(--rs-pink) !important; } /* --- bilgi kutucukları --- */ html.rs-lp .modal-item{ background:rgba(255,255,255,.58) !important; border:1px solid var(--rs-line-2) !important; border-radius:var(--rs-r-sm) !important; } html.rs-lp .modal-item-label{ color:var(--rs-ink-3) !important; } html.rs-lp .modal-item-value{ color:var(--rs-ink) !important;font-weight:500 !important; } /* --- teknik ölçümler --- */ html.rs-lp .foto-modal-right .teknik-item, html.rs-lp .teknik-item{ background:rgba(255,255,255,.58) !important; border:1px solid var(--rs-line-2) !important; border-radius:var(--rs-r-sm) !important; } html.rs-lp .teknik-item-label{ color:var(--rs-ink-3) !important; } html.rs-lp .teknik-item-value{ color:var(--rs-ink) !important;font-weight:600 !important; } html.rs-lp .teknik-item-value.high{ color:var(--rs-ok) !important; } html.rs-lp .teknik-item-value.mid { color:var(--rs-warn) !important; } html.rs-lp .teknik-item-value.low { color:var(--rs-bad) !important; } html.rs-lp .foto-modal-right .teknik-item-bar{ background:rgba(255,255,255,.7) !important;border-radius:100px !important; } html.rs-lp .foto-modal-right .teknik-item-bar-fill{ border-radius:100px !important; } html.rs-lp .foto-modal-right .teknik-item-bar-fill.high{ background:#7fd9b4 !important; } html.rs-lp .foto-modal-right .teknik-item-bar-fill.mid { background:#f5c98a !important; } html.rs-lp .foto-modal-right .teknik-item-bar-fill.low { background:#ffaebc !important; } /* --- dating (swipe kararı vb.) kutuları --- */ html.rs-lp .foto-modal-right .dating-item, html.rs-lp .dating-item{ background:var(--rs-bad-bg) !important; border:1px solid var(--rs-bad-line) !important; border-radius:var(--rs-r-sm) !important; } html.rs-lp .dating-item-label{ color:var(--rs-bad) !important;font-weight:600 !important; } html.rs-lp .dating-item-value{ color:var(--rs-ink) !important;font-weight:500 !important; } /* --- artılar / eksiler --- */ html.rs-lp .foto-modal-right .yonler-box, html.rs-lp .yonler-box{ background:rgba(255,255,255,.5) !important; border-radius:var(--rs-r-md) !important; } html.rs-lp .yonler-box.guclu{ border:1px solid var(--rs-ok-line) !important; background:linear-gradient(180deg,rgba(150,235,200,.26),rgba(255,255,255,.5)) !important; } html.rs-lp .yonler-box.zayif{ border:1px solid var(--rs-bad-line) !important; background:linear-gradient(180deg,rgba(255,196,206,.24),rgba(255,255,255,.5)) !important; } html.rs-lp .yonler-box.guclu .yonler-box-title{ color:var(--rs-ok) !important;font-weight:600 !important; } html.rs-lp .yonler-box.zayif .yonler-box-title{ color:var(--rs-bad) !important;font-weight:600 !important; } html.rs-lp .foto-modal-right .yonler-list li, html.rs-lp .yonler-list li{ color:var(--rs-ink-2) !important; border-bottom:1px solid rgba(255,255,255,.7) !important; } /* --- öneri satırları --- */ html.rs-lp .foto-modal-right .oneri-item, html.rs-lp .oneri-item{ background:var(--rs-warn-bg) !important; border:1px solid var(--rs-warn-line) !important; border-radius:var(--rs-r-sm) !important; color:var(--rs-ink-2) !important; } /* --- dar telefon --- */ @media (max-width:430px){ html.rs-lp .foto-modal{ border-radius:24px !important; } html.rs-lp .foto-modal-header{ padding:14px 16px !important; } } /* --- düzeltilmiş halin: "aday kare yok" gerekçe kartı (2026-08-23) --- */ html.rs-lp .tinder-results-v2 .tr-ul-card--off{ background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.42)); border:1px solid var(--rs-line); } html.rs-lp .tinder-results-v2 .tr-ul-card--off .tr-ul-head{ color:var(--rs-ink-2); } html.rs-lp .tinder-results-v2 .tr-ul-off{ background:rgba(150,235,200,.22); border:1px solid var(--rs-ok-line); } html.rs-lp .tinder-results-v2 .tr-ul-off i{ color:var(--rs-ok); } html.rs-lp .tinder-results-v2 .tr-ul-off p{ color:var(--rs-ink-2); } /* skor kartı butonu — pastel tema karşılığı (2026-08-24) */ html.rs-lp .tinder-results-v2 .rs-sharecard-btn{ background:rgba(255,214,170,.35); border:1px solid var(--rs-warn-line); color:var(--rs-warn); } html.rs-lp .tinder-results-v2 .rs-sharecard-btn:hover{ background:rgba(255,214,170,.5); } /* skor kartı mini butonu — pastel karşılık */ html.rs-lp .tinder-results-v2 .rs-sharecard-mini{ background:rgba(255,255,255,.45); border:1px solid var(--rs-line); color:var(--rs-ink-3); } html.rs-lp .tinder-results-v2 .rs-sharecard-mini:hover{ color:var(--rs-ink-2); }