etiketlerine sabit gri renk veriyor — bu SATIR SEÇİCİSİ, benim `.eg-hero{color:...}` gibi üst kapsayıcıdan MİRAS beklediğim
'lerde miras'ı EZİYOR (etiket seçici, miras değerinden her zaman kazanır). Sonuç: hero tagline / koyu kutu içindeki açıklamalar arka planla aynı tonda "soluk" görünüyordu (kullanıcı 2026-08-16 bulgusu, ölçüldü: computed color #475569 idi, beyaz olması gerekirken). Tek satırlık savunma: bu kapsamdaki TÜM
'ler ebeveynden miras alsın, daha spesifik kurallar (.eg-lead, .eg-phase-head p, .eg-calc p vb.) zaten kendi rengini açıkça yazıyor ve bunun üstüne geçer. ⚠️ Kasıtlı olarak `.eg-page` ÖN EKİ YOK: `.eg-page p` (0,1,1) yazılsaydı `.eg-lead` (0,1,0) gibi tek-sınıflı kuralları da EZERDİ. Çıplak `p{}` (0,0,1) hem site kuralıyla aynı özgüllükte olup KAYNAK SIRASIYLA (bu dosya sonra yüklenir) kazanır, hem de sınıf tabanlı kurallara (her zaman etiketten daha özgül) alan bırakır. */ p{ color:inherit; } .eg-inner{ max-width:1180px; margin:0 auto; padding:0 24px; } @media(max-width:640px){ .eg-inner{ padding:0 16px; } } /* ── HERO ─────────────────────────────────────────────────── */ .eg-hero{ position:relative; overflow:hidden; padding:56px 0 64px; background:linear-gradient(135deg,var(--eg-hero-1),var(--eg-hero-2)); color:var(--eg-hero-txt); } .eg-t-elite .eg-hero{ border-bottom:1px solid rgba(212,175,55,.25); } .eg-hero::before{ content:''; position:absolute; inset:0; opacity:.10; pointer-events:none; background-image:radial-gradient(circle at 18% 20%,#fff 0,transparent 2.5%), radial-gradient(circle at 82% 65%,#fff 0,transparent 2.5%), radial-gradient(circle at 45% 85%,#fff 0,transparent 2%); background-size:220px 220px; } .eg-hero-inner{ position:relative; max-width:1180px; margin:0 auto; padding:0 24px; } .eg-crumb{ font-size:.82rem; opacity:.75; margin:0 0 18px; display:flex; gap:6px; flex-wrap:wrap; } .eg-crumb a{ color:inherit; text-decoration:none; opacity:.85; } .eg-crumb a:hover{ text-decoration:underline; } .eg-badges-row{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; } .eg-badge{ display:inline-flex; align-items:center; gap:7px; padding:7px 14px; border-radius:999px; font:700 .78rem/1 'Inter',sans-serif; letter-spacing:.3px; text-transform:uppercase; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(6px); } .eg-badge.eg-badge-tier{ background:var(--eg-a); color:#08131f; border-color:transparent; } .eg-t-elite .eg-badge.eg-badge-tier{ color:#141200; } .eg-hero h1{ font-family:'Sora',sans-serif; font-weight:800; line-height:1.12; margin:0 0 14px; font-size:clamp(1.9rem,4.4vw,3.1rem); max-width:820px; } .eg-hero h1 em{ font-style:normal; color:var(--eg-a); } .eg-t-elite .eg-hero h1 em{ color:#F5D477; } .eg-hero-tagline{ font-size:clamp(1rem,1.6vw,1.2rem); max-width:640px; opacity:.9; line-height:1.6; margin:0 0 26px; } .eg-hero-meta{ display:flex; gap:22px; flex-wrap:wrap; font-size:.9rem; opacity:.92; } .eg-hero-meta span{ display:inline-flex; align-items:center; gap:8px; } .eg-hero-meta i{ color:var(--eg-a); } .eg-t-elite .eg-hero-meta i{ color:#F5D477; } /* ── SCIENCE STRIP (kaynak/güvenilirlik) ─────────────────────── */ .eg-science{ background:var(--eg-tint); border-bottom:1px solid var(--eg-line); padding:16px 0; } .eg-t-elite .eg-science{ background:#0d1224; border-bottom:1px solid rgba(212,175,55,.18); } .eg-science-inner{ max-width:1180px; margin:0 auto; padding:0 24px; display:flex; flex-wrap:wrap; gap:22px; align-items:center; justify-content:center; } .eg-science-item{ display:flex; align-items:center; gap:9px; font-size:.84rem; color:var(--eg-sub); font-weight:600; } .eg-t-elite .eg-science-item{ color:#c7d2e0; } .eg-science-item i{ color:var(--eg-a2); font-size:1rem; } .eg-t-elite .eg-science-item i{ color:#D4AF37; } /* ── SECTION SHELL ────────────────────────────────────────────── */ .eg-section{ padding:52px 0; } .eg-section-alt{ background:var(--eg-bg); } .eg-eyebrow{ font:800 .75rem/1 'Sora',sans-serif; letter-spacing:1.6px; text-transform:uppercase; color:var(--eg-a2); margin:0 0 8px; } .eg-h2{ font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(1.5rem,2.6vw,2.1rem); margin:0 0 12px; color:var(--eg-ink); } .eg-lead{ color:var(--eg-sub); font-size:1.02rem; line-height:1.7; max-width:720px; margin:0 0 32px; } /* ── KİMİN İÇİN / KAZANIMLAR ─────────────────────────────────── */ .eg-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; } .eg-two-col>*{ min-width:0; } .eg-two-col-buy{ grid-template-columns:1.6fr 1fr; } @media(max-width:860px){ .eg-two-col{ grid-template-columns:1fr; } } .eg-check-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; } .eg-check-list li{ display:flex; gap:12px; align-items:flex-start; font-size:.95rem; line-height:1.55; color:var(--eg-ink); } .eg-check-list i{ color:var(--eg-a2); margin-top:3px; flex-shrink:0; } .eg-not-for{ margin-top:18px; padding:14px 16px; border-radius:var(--eg-radius-sm); background:#fef3c7; border:1px solid #fde68a; font-size:.86rem; color:#78350f; } .eg-not-for a{ color:#92400e; font-weight:700; } /* ── HIZLI İSTATİSTİK ─────────────────────────────────────────── */ .eg-stat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:28px 0; } @media(max-width:760px){ .eg-stat-row{ grid-template-columns:repeat(2,1fr); } } .eg-stat{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius-sm); padding:16px 14px; text-align:center; } .eg-t-elite .eg-stat{ background:#131a30; border-color:rgba(212,175,55,.2); } .eg-stat i{ color:var(--eg-a2); font-size:1.3rem; margin-bottom:8px; display:block; } .eg-t-elite .eg-stat i{ color:#D4AF37; } .eg-stat b{ display:block; font-family:'Sora',sans-serif; font-size:1.05rem; color:var(--eg-ink); } .eg-t-elite .eg-stat b{ color:#f1f5f9; } .eg-stat span{ font-size:.76rem; color:var(--eg-sub); text-transform:uppercase; letter-spacing:.4px; } .eg-t-elite .eg-stat span{ color:#8ea0bd; } /* ── SÜRE / SEANS SWITCH (1s / 1.5s / 2s) ────────────────────── */ .eg-dur-wrap{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius); padding:20px; box-shadow:var(--eg-shadow); } .eg-t-elite .eg-dur-wrap{ background:#0f1526; border-color:rgba(212,175,55,.22); } .eg-dur-label{ font:700 .82rem/1 'Sora',sans-serif; color:var(--eg-sub); text-transform:uppercase; letter-spacing:.6px; margin-bottom:12px; } .eg-t-elite .eg-dur-label{ color:#8ea0bd; } .eg-dur-tabs{ display:flex; gap:8px; flex-wrap:wrap; } .eg-dur-tab{ flex:1; min-width:110px; padding:12px 10px; border-radius:12px; border:2px solid var(--eg-line); background:#fff; cursor:pointer; text-align:center; transition:.18s; font-family:'Inter',sans-serif; } .eg-t-elite .eg-dur-tab{ background:#0b1120; border-color:rgba(212,175,55,.18); color:#dbe4f0; } .eg-dur-tab b{ display:block; font-family:'Sora',sans-serif; font-size:1rem; color:var(--eg-ink); } .eg-t-elite .eg-dur-tab b{ color:#f1f5f9; } .eg-dur-tab small{ display:block; font-size:.74rem; color:var(--eg-sub); margin-top:2px; } .eg-t-elite .eg-dur-tab small{ color:#8ea0bd; } .eg-dur-tab:hover{ border-color:var(--eg-a); transform:translateY(-1px); } .eg-dur-tab.active{ border-color:var(--eg-a); background:var(--eg-tint); box-shadow:0 4px 14px rgba(14,165,233,.18); } .eg-dur-tab.active b{ color:var(--eg-a2); } .eg-t-elite .eg-dur-tab.active{ background:rgba(212,175,55,.1); } .eg-t-elite .eg-dur-tab.active b{ color:#D4AF37; } /* ── HAFTA/FAZ SEÇİCİ ─────────────────────────────────────────── */ .eg-phase-tabs{ display:flex; gap:8px; overflow-x:auto; padding:4px 2px 14px; -webkit-overflow-scrolling:touch; } .eg-phase-tab{ flex-shrink:0; padding:9px 16px; border-radius:999px; border:1.5px solid var(--eg-line); background:#fff; font-size:.84rem; font-weight:700; color:var(--eg-sub); cursor:pointer; white-space:nowrap; transition:.15s; } /* Elite faz sekmesi: açık zeminde soluk kalmasın diye KOYU HAP zemini taşır */ .eg-t-elite .eg-phase-tab{ background:#131a30; border-color:rgba(212,175,55,.35); color:#cbd5e1; } .eg-phase-tab.active{ background:var(--eg-a); border-color:var(--eg-a); color:#fff; } .eg-t-elite .eg-phase-tab.active{ background:#D4AF37; color:#141200; } .eg-phase-panel{ display:none; } .eg-phase-panel.active{ display:block; } .eg-phase-head{ background:var(--eg-tint); border-radius:var(--eg-radius-sm); padding:16px 18px; margin-bottom:18px; } .eg-t-elite .eg-phase-head{ background:#12182c; border:1px solid rgba(212,175,55,.15); } .eg-phase-head h3{ font-family:'Sora',sans-serif; font-size:1.05rem; margin:0 0 6px; color:var(--eg-ink); } .eg-t-elite .eg-phase-head h3{ color:#f1f5f9; } .eg-phase-head p{ margin:0; font-size:.86rem; color:var(--eg-sub); line-height:1.55; } .eg-t-elite .eg-phase-head p{ color:#a8b6cc; } .eg-progress-rule{ margin-top:10px; padding:10px 12px; background:#fff; border-radius:8px; border:1px dashed var(--eg-a); font-size:.8rem; color:var(--eg-a2); display:flex; gap:8px; align-items:flex-start; } .eg-t-elite .eg-progress-rule{ background:rgba(212,175,55,.06); color:#e8c976; border-color:#D4AF37; } /* ── GÜN / SET KARTLARI ───────────────────────────────────────── */ .eg-days{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; } .eg-day{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius); overflow:hidden; box-shadow:0 2px 10px rgba(15,23,42,.05); } .eg-t-elite .eg-day{ background:#0f1526; border-color:rgba(212,175,55,.16); } .eg-day-head{ background:linear-gradient(135deg,var(--eg-hero-1),var(--eg-hero-2)); color:#fff; padding:12px 16px; display:flex; justify-content:space-between; align-items:center; } .eg-day-head b{ font-family:'Sora',sans-serif; font-size:.92rem; } /* ⚠️ Genel `span` hedeflenmez — sağ taraf artık sarmalayıcı span içinde (şiddet rozeti + metraj); genel kural sarmalayıcıyı da boyuyordu. */ .eg-day-head .eg-day-m{ font-size:.74rem; opacity:.85; background:rgba(255,255,255,.15); padding:3px 9px; border-radius:999px; } .eg-day-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:12px; } .eg-block{ border-left:3px solid var(--eg-line); padding:2px 0 2px 12px; } .eg-block-isinma{ border-color:#94a3b8; } .eg-block-ana{ border-color:var(--eg-a); } .eg-block-drill{ border-color:var(--eg-b); } .eg-block-sogluma{ border-color:#22c55e; } .eg-block-head{ display:flex; align-items:center; gap:8px; font:700 .78rem/1 'Sora',sans-serif; text-transform:uppercase; letter-spacing:.4px; color:var(--eg-ink); margin-bottom:4px; } .eg-t-elite .eg-block-head{ color:#e2e8f0; } .eg-block-head .eg-meters{ margin-left:auto; font-size:.72rem; font-weight:800; color:var(--eg-a2); background:var(--eg-tint); padding:2px 8px; border-radius:999px; } .eg-t-elite .eg-block-head .eg-meters{ color:#D4AF37; background:rgba(212,175,55,.1); } .eg-block ul{ margin:0; padding-left:18px; font-size:.85rem; color:var(--eg-sub); line-height:1.6; } .eg-t-elite .eg-block ul{ color:#b7c3d6; } .eg-block ul li{ margin-bottom:3px; } /* Biyomotor beceri etiketi — bloğun hangi motor beceriyi çalıştırdığı */ .eg-biomotor{ display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:800; color:#6d28d9; background:#f5f3ff; border:1px solid #ddd6fe; padding:3px 10px; border-radius:999px; margin:2px 0 6px; } .eg-t-elite .eg-biomotor{ color:#c4b5fd; background:rgba(139,92,246,.12); border-color:rgba(139,92,246,.3); } /* Gün şiddet rozeti — dalgalı haftalık yükleme görünür */ .eg-int{ font-size:.68rem; font-weight:800; padding:3px 9px; border-radius:999px; letter-spacing:.3px; } .eg-int-dusuk{ background:#dcfce7; color:#15803d; } .eg-int-orta{ background:#fef3c7; color:#92400e; } .eg-int-yuksek{ background:#fee2e2; color:#b91c1c; } .eg-day-m{ font-size:.74rem; opacity:.85; background:rgba(255,255,255,.15); padding:3px 9px; border-radius:999px; } .eg-tip{ margin-top:6px; font-size:.78rem; background:var(--eg-tint2); color:#92400e; padding:7px 10px; border-radius:8px; display:flex; gap:7px; align-items:flex-start; } .eg-t-elite .eg-tip{ background:rgba(56,189,248,.08); color:#93c5fd; } .eg-tip i{ margin-top:2px; flex-shrink:0; } .eg-note-row{ display:flex; flex-direction:column; gap:8px; margin-top:6px; padding-top:10px; border-top:1px dashed var(--eg-line); } .eg-t-elite .eg-note-row{ border-color:rgba(212,175,55,.18); } .eg-note{ font-size:.8rem; padding:8px 10px; border-radius:8px; display:flex; gap:7px; align-items:flex-start; line-height:1.5; } .eg-note-coach{ background:#eff6ff; color:#1e40af; } .eg-note-athlete{ background:#f0fdf4; color:#166534; } .eg-t-elite .eg-note-coach{ background:rgba(56,189,248,.08); color:#7dd3fc; } .eg-t-elite .eg-note-athlete{ background:rgba(34,197,94,.08); color:#86efac; } .eg-note b{ font-weight:800; } /* ── BÖLGE / TEMPO TABLOSU ────────────────────────────────────── */ .eg-tempo-wrap{ overflow-x:auto; border-radius:var(--eg-radius); border:1px solid var(--eg-line); } .eg-t-elite .eg-tempo-wrap{ border-color:rgba(212,175,55,.2); } table.eg-tempo{ width:100%; border-collapse:collapse; font-size:.86rem; min-width:560px; } table.eg-tempo th{ background:linear-gradient(135deg,var(--eg-hero-1),var(--eg-hero-2)); color:#fff; text-align:left; padding:11px 14px; font-family:'Sora',sans-serif; font-size:.76rem; text-transform:uppercase; letter-spacing:.4px; } table.eg-tempo td{ padding:10px 14px; border-bottom:1px solid var(--eg-line); color:var(--eg-ink); } .eg-t-elite table.eg-tempo td{ border-color:rgba(212,175,55,.12); color:#e2e8f0; } table.eg-tempo tr:last-child td{ border-bottom:0; } table.eg-tempo tr:hover td{ background:var(--eg-tint); } .eg-t-elite table.eg-tempo tr:hover td{ background:rgba(212,175,55,.06); } .eg-zone-dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; } /* ── TEMPO HESAPLAYICI (200PB → bölge tempoları) ─────────────── */ .eg-calc{ background:linear-gradient(135deg,var(--eg-hero-1),var(--eg-hero-2)); border-radius:var(--eg-radius); padding:28px; color:#fff; } .eg-calc h3{ font-family:'Sora',sans-serif; font-size:1.15rem; margin:0 0 6px; display:flex; align-items:center; gap:10px; } .eg-calc p{ font-size:.86rem; opacity:.85; margin:0 0 18px; max-width:560px; line-height:1.55; } .eg-calc-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; margin-bottom:18px; } .eg-calc-field{ flex:1 1 140px; min-width:0; } .eg-calc-field label{ display:block; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.4px; opacity:.8; margin-bottom:6px; } .eg-calc-field input,.eg-calc-field select{ padding:10px 12px; border-radius:9px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.1); color:#fff; font-size:.95rem; font-family:'Inter',sans-serif; width:100%; max-width:100%; box-sizing:border-box; } .eg-calc-field input::placeholder{ color:rgba(255,255,255,.5); } .eg-calc-btn{ padding:10px 22px; border-radius:9px; border:0; background:var(--eg-a); color:#08131f; font-weight:800; cursor:pointer; font-family:'Sora',sans-serif; transition:.15s; } .eg-t-elite .eg-calc-btn{ background:#D4AF37; color:#141200; } .eg-calc-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); } /* Hesap modları (Alan 1-3 / Alan 4 / Alan 5) */ .eg-calc-modes{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; } .eg-calc-mode{ padding:9px 15px; border-radius:999px; border:1.5px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); color:#fff; font-size:.8rem; font-weight:700; cursor:pointer; transition:.15s; } .eg-calc-mode.active{ background:var(--eg-a); color:#08131f; border-color:var(--eg-a); } .eg-t-elite .eg-calc-mode.active{ background:#D4AF37; color:#141200; border-color:#D4AF37; } .eg-calc-panel[hidden]{ display:none; } .eg-calc-field select{ padding:10px 12px; border-radius:9px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.1); color:#fff; font-size:.9rem; font-family:'Inter',sans-serif; width:100%; max-width:100%; box-sizing:border-box; } .eg-calc-field select option{ color:#0f172a; background:#fff; } .eg-calc-sonuc{ margin-top:4px; padding:14px 16px; border-radius:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); font-size:.92rem; line-height:1.7; } .eg-calc-sonuc .eg-sonuc-buyuk{ font-family:'Sora',sans-serif; font-weight:800; font-size:1.25rem; display:block; margin-bottom:6px; color:#fff; } .eg-t-elite .eg-calc-sonuc .eg-sonuc-buyuk{ color:#F5D477; } .eg-calc-sonuc small{ opacity:.75; display:block; margin-top:8px; line-height:1.5; } .eg-calc-out{ display:none; } .eg-calc-out.show{ display:block; } .eg-calc-out table{ width:100%; border-collapse:collapse; font-size:.86rem; background:rgba(255,255,255,.06); border-radius:10px; overflow:hidden; } .eg-calc-out th{ text-align:left; padding:9px 12px; font-size:.72rem; text-transform:uppercase; letter-spacing:.4px; opacity:.75; } .eg-calc-out td{ padding:9px 12px; border-top:1px solid rgba(255,255,255,.1); font-weight:700; } .eg-calc-err{ color:#fecaca; font-size:.8rem; margin-top:8px; display:none; } .eg-calc-note{ font-size:.72rem; opacity:.65; margin-top:12px; } /* ── KARA ANTRENMANI / DRILL KARTLARI (GIF placeholder dahil) ─── */ .eg-drill-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:14px; } .eg-drill{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius-sm); overflow:hidden; } .eg-t-elite .eg-drill{ background:#0f1526; border-color:rgba(212,175,55,.16); } .eg-gif-frame{ aspect-ratio:4/3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:repeating-linear-gradient(135deg,#f1f5f9,#f1f5f9 10px,#e2e8f0 10px,#e2e8f0 20px); color:#94a3b8; border-bottom:1px solid var(--eg-line); } .eg-t-elite .eg-gif-frame{ background:repeating-linear-gradient(135deg,#131a30,#131a30 10px,#0f1526 10px,#0f1526 20px); border-color:rgba(212,175,55,.16); color:#5b6a85; } .eg-gif-frame img{ width:100%; height:100%; object-fit:cover; } .eg-gif-frame i{ font-size:1.5rem; } .eg-gif-frame span{ font-size:.68rem; text-align:center; padding:0 10px; line-height:1.4; } .eg-drill-name{ padding:10px 12px; font-size:.82rem; font-weight:700; color:var(--eg-ink); } .eg-t-elite .eg-drill-name{ color:#e2e8f0; } /* ── KADEME MERDİVENİ (hub sayfası) ───────────────────────────── */ .eg-ladder{ display:flex; flex-direction:column; gap:10px; } .eg-rung{ display:grid; grid-template-columns:64px 1fr auto; gap:16px; align-items:center; background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius-sm); padding:14px 18px; text-decoration:none; color:inherit; transition:.15s; position:relative; } .eg-rung:hover{ border-color:var(--eg-a); box-shadow:0 6px 20px rgba(15,23,42,.08); transform:translateX(3px); } .eg-rung.eg-rung-soon{ cursor:default; opacity:.72; } .eg-rung.eg-rung-soon:hover{ transform:none; box-shadow:none; border-color:var(--eg-line); } .eg-rung-num{ width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-family:'Sora',sans-serif; font-weight:800; font-size:1.15rem; color:#fff; background:linear-gradient(135deg,var(--eg-hero-1),var(--eg-hero-2)); } .eg-rung-info b{ display:block; font-family:'Sora',sans-serif; font-size:1rem; color:var(--eg-ink); margin-bottom:2px; } .eg-rung-info span{ font-size:.82rem; color:var(--eg-sub); } .eg-rung-tag{ font-size:.7rem; font-weight:800; padding:4px 10px; border-radius:999px; background:var(--eg-tint); color:var(--eg-a2); white-space:nowrap; } .eg-rung-tag.eg-tag-soon{ background:#f1f5f9; color:#94a3b8; } .eg-rung-tag.eg-tag-elite{ background:#1a2035; color:#D4AF37; } /* ── BAŞLANGIÇ STİL KARTLARI (4 ayrı ürün + karma) ────────────── */ .eg-stroke-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; } .eg-stroke-card{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius); padding:22px; text-decoration:none; color:inherit; transition:.18s; display:flex; flex-direction:column; gap:10px; } .eg-stroke-card:hover{ transform:translateY(-4px); box-shadow:var(--eg-shadow-lg); border-color:var(--eg-a); } .eg-stroke-icon{ width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--eg-tint); color:var(--eg-a2); font-size:1.3rem; } .eg-stroke-card b{ font-family:'Sora',sans-serif; font-size:1.05rem; color:var(--eg-ink); } .eg-stroke-card p{ margin:0; font-size:.84rem; color:var(--eg-sub); line-height:1.5; flex:1; } .eg-stroke-cta{ font-size:.82rem; font-weight:800; color:var(--eg-a2); display:inline-flex; align-items:center; gap:6px; } /* ── YOL BULUCU (hangi paket sana uygun) ─────────────────────── */ .eg-finder{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius); padding:26px; } .eg-finder-q{ font-family:'Sora',sans-serif; font-weight:700; font-size:1rem; margin:0 0 14px; } .eg-finder-opts{ display:flex; gap:10px; flex-wrap:wrap; } .eg-finder-opt{ padding:11px 18px; border-radius:999px; border:2px solid var(--eg-line); background:#fff; cursor:pointer; font-size:.88rem; font-weight:700; color:var(--eg-sub); transition:.15s; } .eg-finder-opt:hover{ border-color:var(--eg-a); color:var(--eg-a2); } .eg-finder-opt.active{ background:var(--eg-a); border-color:var(--eg-a); color:#fff; } .eg-finder-result{ margin-top:20px; padding:18px; border-radius:12px; background:var(--eg-tint); display:none; } .eg-finder-result.show{ display:block; } /* ── FİYAT / SATIN ALMA BLOĞU ─────────────────────────────────── */ .eg-buy{ background:#fff; border:1px solid var(--eg-line); border-radius:var(--eg-radius); padding:24px; box-shadow:var(--eg-shadow); position:sticky; top:96px; } .eg-t-elite .eg-buy{ background:#0f1526; border-color:rgba(212,175,55,.22); } .eg-price-row{ display:flex; align-items:baseline; gap:10px; margin-bottom:6px; } .eg-price{ font-family:'Sora',sans-serif; font-weight:800; font-size:2rem; color:var(--eg-ink); } .eg-t-elite .eg-price{ color:#f1f5f9; } .eg-price-old{ font-size:1.05rem; color:#94a3b8; text-decoration:line-through; } .eg-avail{ font-size:.8rem; font-weight:700; padding:4px 11px; border-radius:999px; display:inline-block; margin-bottom:16px; } .eg-avail-active{ background:#dcfce7; color:#15803d; } .eg-avail-soon{ background:#fef3c7; color:#92400e; } .eg-buy-btns{ display:flex; flex-direction:column; gap:10px; } .eg-btn{ display:flex; align-items:center; justify-content:center; gap:9px; padding:13px 18px; border-radius:12px; font-weight:800; font-size:.92rem; text-decoration:none; cursor:pointer; border:0; font-family:'Sora',sans-serif; transition:.15s; } .eg-btn-primary{ background:linear-gradient(135deg,#25D366,#1ebd5a); color:#fff; } .eg-btn-primary:hover{ filter:brightness(1.06); transform:translateY(-1px); } .eg-btn-secondary{ background:var(--eg-tint); color:var(--eg-a2); } .eg-t-elite .eg-btn-secondary{ background:rgba(212,175,55,.1); color:#D4AF37; } .eg-buy-list{ list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px dashed var(--eg-line); display:flex; flex-direction:column; gap:9px; } .eg-t-elite .eg-buy-list{ border-color:rgba(212,175,55,.2); } .eg-buy-list li{ font-size:.82rem; color:var(--eg-sub); display:flex; gap:8px; align-items:flex-start; } .eg-t-elite .eg-buy-list li{ color:#a8b6cc; } .eg-buy-list i{ color:var(--eg-a2); margin-top:2px; } .eg-t-elite .eg-buy-list i{ color:#D4AF37; } /* Mobil sabit alt CTA (e-ticaret PDP standardı) */ .eg-sticky-cta{ display:none; position:fixed; left:0; right:0; bottom:0; z-index:60; background:#fff; border-top:1px solid var(--eg-line); padding:10px 14px; box-shadow:0 -6px 20px rgba(15,23,42,.1); align-items:center; gap:12px; } .eg-sticky-cta b{ font-family:'Sora',sans-serif; font-size:1.05rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:1 1 auto; } .eg-sticky-cta .eg-btn{ flex:0 0 auto; padding:12px 14px; font-size:.85rem; white-space:nowrap; } @media(max-width:860px){ .eg-sticky-cta{ display:flex; } .eg-buy{ position:static; } body.eg-page{ padding-bottom:68px; } } /* ── SSS ──────────────────────────────────────────────────────── */ .eg-faq-item{ border-bottom:1px solid var(--eg-line); padding:16px 0; } .eg-t-elite .eg-faq-item{ border-color:rgba(212,175,55,.16); } .eg-faq-q{ display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-family:'Sora',sans-serif; font-weight:700; font-size:.95rem; color:var(--eg-ink); gap:14px; } /* ⚠️ Elite SSS metni KOYU kalır — bölüm zemini açık (bkz. elite kontrast kuralı) */ .eg-t-elite .eg-faq-q{ color:var(--eg-ink); } .eg-faq-q i{ transition:.2s; color:var(--eg-a2); flex-shrink:0; } .eg-t-elite .eg-faq-q i{ color:#B8860B; } .eg-faq-item.open .eg-faq-q i{ transform:rotate(180deg); } .eg-faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; font-size:.87rem; color:var(--eg-sub); line-height:1.65; } .eg-t-elite .eg-faq-a{ color:var(--eg-sub); } .eg-faq-item.open .eg-faq-a{ max-height:400px; padding-top:10px; } /* ── YAKINDA KARTI (hub'daki tamamlanmamış katalog ürünleri) ─── */ .eg-soon-note{ margin-top:22px; padding:16px 18px; border-radius:12px; background:#f1f5f9; border:1px dashed #cbd5e1; font-size:.84rem; color:#475569; display:flex; gap:10px; align-items:flex-start; } .eg-soon-note i{ color:#64748b; margin-top:2px; } /* ── PRINT-STYLE ÖZET KUTUSU (broşür dili) ──────────────────── */ .eg-brief{ background:var(--eg-bg); border:1px solid var(--eg-line); border-radius:var(--eg-radius); padding:22px 24px; } .eg-t-elite .eg-brief{ background:#0d1224; border-color:rgba(212,175,55,.18); } .eg-brief dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:10px 16px; } .eg-brief dt{ font-size:.78rem; font-weight:800; color:var(--eg-sub); text-transform:uppercase; letter-spacing:.4px; white-space:nowrap; } .eg-t-elite .eg-brief dt{ color:#8ea0bd; } .eg-brief dd{ margin:0; font-size:.88rem; color:var(--eg-ink); } .eg-t-elite .eg-brief dd{ color:#e2e8f0; }