/* ===================================================== NexaTheme – Ana Stil Dosyası Açık Tema | Kırmızı · Gri · Siyah · Beyaz Fontlar wp_head üzerinden yüklenir (performans) ===================================================== */ /* ===== DEĞIŞKENLER ===== */ :root { --red:#D42B2B; --red-dark:#A81E1E; --red-light:#E84848; --red-bg:#FFF5F5; --red-border:rgba(212,43,43,.18); --black:#111; --dark:#222; --gray-7:#444; --gray-5:#777; --gray-4:#999; --gray-2:#E8E8E8; --gray-1:#F4F4F4; --gray-05:#FAFAFA; --white:#fff; --success:#1E7E34; --success-bg:#F0FFF4; --bg:var(--white); --bg-surface:var(--gray-05); --bg-card:var(--white); --border:var(--gray-2); --text-main:var(--black); --text-body:var(--gray-7); --text-muted:var(--gray-5); --shadow-xs:0 1px 3px rgba(0,0,0,.07); --shadow-sm:0 2px 8px rgba(0,0,0,.08); --shadow-md:0 4px 20px rgba(0,0,0,.10); --shadow-lg:0 8px 40px rgba(0,0,0,.12); --shadow-red:0 4px 20px rgba(212,43,43,.25); --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:24px; --r-pill:9999px; --font-h:'Roboto','Roboto Fallback',system-ui,-apple-system,sans-serif; --font-b:'Inter','Inter Fallback',system-ui,-apple-system,sans-serif; --ease:.25s cubic-bezier(.4,0,.2,1); --ease-f:.15s cubic-bezier(.4,0,.2,1); --max-w:1260px; --pad:20px; } /* ===== RESET ===== */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px} body{font-family:var(--font-b);background:var(--bg);color:var(--text-body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none;transition:var(--ease)} ul{list-style:none} button{cursor:pointer;font-family:var(--font-b)} /* ===== LAYOUT ===== */ .container{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)} .section-pad{padding:72px 0} .section-pad-sm{padding:48px 0} /* ===== TİPO ===== */ h1,h2,h3,h4,h5,h6{font-family:var(--font-h);color:var(--text-main);line-height:1.2;font-weight:700} .section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);background:var(--red-bg);border:1px solid var(--red-border);padding:5px 14px;border-radius:var(--r-pill);margin-bottom:14px} .section-title{font-size:clamp(1.7rem,3.5vw,2.8rem);font-weight:800;color:var(--text-main);margin-bottom:14px} .section-title em{font-style:normal;color:var(--red)} .section-desc{font-size:1rem;color:var(--text-muted);max-width:560px;line-height:1.7} .text-center{text-align:center} .text-center .section-desc{margin:0 auto} /* ===== BUTONLAR ===== */ .btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:var(--r-pill);font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:var(--ease);white-space:nowrap;line-height:1;text-decoration:none} .btn svg{width:16px;height:16px;flex-shrink:0} .btn-red{background:var(--red);color:#fff;box-shadow:var(--shadow-red)} .btn-red:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 6px 24px rgba(212,43,43,.35);color:#fff} .btn-outline-red{background:transparent;color:var(--red);border:1.5px solid var(--red)} .btn-outline-red:hover{background:var(--red-bg);color:var(--red-dark)} .btn-dark{background:var(--dark);color:#fff} .btn-dark:hover{background:var(--black);transform:translateY(-1px);color:#fff} .btn-ghost{background:#fff;color:var(--gray-7);border:1.5px solid var(--border);box-shadow:var(--shadow-xs)} .btn-ghost:hover{border-color:var(--gray-4);background:var(--gray-1);color:var(--black)} .btn-demo{background:var(--gray-1);color:var(--gray-7);border:1px solid var(--border)} .btn-demo:hover{background:var(--gray-2);color:var(--black)} .btn-whatsapp{background:#25D366;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.3)} .btn-whatsapp:hover{background:#1EB85B;transform:translateY(-1px);color:#fff;box-shadow:0 6px 20px rgba(37,211,102,.4)} .btn-download{background:var(--success-bg);color:var(--success);border:1.5px solid rgba(30,126,52,.3)} .btn-download:hover{background:#D4EDDA;border-color:var(--success)} .btn-lg{padding:14px 32px;font-size:.96rem} .btn-sm{padding:7px 16px;font-size:.80rem} .btn-block{width:100%;justify-content:center} /* ===== ROZETLER ===== */ .badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--r-pill);font-size:.70rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1.2} .badge-new{background:#F59E0B;color:#fff;border:1px solid #D97706} .badge-popular{background:#2563EB;color:#fff;border:1px solid #1D4ED8} .badge-sale{background:var(--red);color:#fff;border:1px solid var(--red-dark)} .badge-free{background:var(--success);color:#fff;border:1px solid #1e7e34} /* ===== TOPBAR ===== */ .site-topbar{background:#1a1a1a;color:rgba(255,255,255,.72);font-size:.79rem;height:36px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)} .site-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;width:100%} .topbar-left{color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .topbar-links{display:flex;gap:18px;flex-shrink:0;align-items:center} .topbar-links a{color:rgba(255,255,255,.60);font-size:.79rem;white-space:nowrap;transition:color var(--ease)} .topbar-links a:hover{color:#fff} /* ===== HEADER — İki Satır ===== */ #site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.10)} /* Üst satır */ .header-top-row{border-bottom:1px solid #EBEBEB} .header-top-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px} /* Alt satır — Nav */ .header-nav-row{background:#222;border-bottom:3px solid var(--red)} .header-nav-row .container{padding-top:0;padding-bottom:0} /* ======================================== NAV — WordPress