/*
Theme Name: FreeTarot
Theme URI: https://freetarot.online
Author: FreeTarot Team
Author URI: https://freetarot.online
Description: A custom WordPress theme for free tarot readings and card meanings, with a modern mystical design and full multilingual support.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: freetarot
Tags: tarot, fal, custom, dark-mode, responsive
*/
:root{--color-primary:#6c3ce0;--color-secondary:#ffd700;--color-bg:#0f0c1d;--color-bg-light:#1c1730;--color-text:#f0eefb;--color-text-muted:#b8b3cf;--color-card:#241d3d;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Poppins',Arial,sans-serif;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,0.35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at top,#1b1535 0%,var(--color-bg) 60%);color:var(--color-text);line-height:1.7;font-size:16px;overflow-x:hidden;width:100%}img{max-width:100%;height:auto;display:block}a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}a:hover{color:#fff}.container{max-width:1180px;margin:0 auto;padding:0 20px}.site-description{font-size:0.8rem;color:var(--color-text-muted);margin-top:2px}.hero-section{text-align:center;padding:32px 0 40px;position:relative;overflow:hidden}.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(108,60,224,0.35),transparent 60%);pointer-events:none}.hero-section h1{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,2.3rem);line-height:1.2;letter-spacing:-0.01em;max-width:900px;margin:0 auto 16px;position:relative;text-wrap:balance}.hero-section p{max-width:640px;margin:0 auto 28px;color:var(--color-text-muted);font-size:1.05rem;position:relative}.btn{display:inline-block;-webkit-appearance:none;appearance:none;padding:14px 34px;border-radius:50px;border:2px solid var(--color-secondary);font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.5px;line-height:1.2;background:linear-gradient(135deg,var(--color-primary),#9b6bff);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 22px rgba(108,60,224,0.35),0 0 0 1px rgba(255,215,0,0.15);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;z-index:2}.btn:hover{transform:translateY(-3px);border-color:#ffe34d;box-shadow:0 14px 36px rgba(108,60,224,0.45),0 0 0 1px rgba(255,215,0,0.35);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary)}.tarot-grid-section{padding:60px 0}.section-title{font-family:var(--font-heading);font-size:2rem;text-align:center;margin-bottom:12px}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto 40px}.tarot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.tarot-card{background:var(--color-card);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease;border:1px solid transparent}.tarot-card:hover{transform:translateY(-6px);border-color:var(--color-secondary)}.tarot-card .card-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#2b1f55);display:flex;align-items:center;justify-content:center;font-size:1.6rem}.tarot-card h3{font-size:1rem;font-weight:600;margin-bottom:4px}.tarot-card p{font-size:0.85rem;color:var(--color-text-muted)}.reading-result{background:var(--color-card);border-radius:var(--radius);padding:30px;margin-top:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,0.05)}.reading-result h2{font-family:var(--font-heading);color:var(--color-secondary);margin-bottom:12px}.site-main{padding:50px 0;min-height:60vh}.content-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:40px}article.post{background:var(--color-bg-light);border-radius:var(--radius);padding:28px;margin-bottom:30px;box-shadow:var(--shadow)}article.post .entry-title{font-family:var(--font-heading);font-size:1.6rem;margin-bottom:10px}article.post .entry-title a{color:var(--color-text)}article.post .entry-meta{font-size:0.85rem;color:var(--color-text-muted);margin-bottom:14px}article.post .entry-content p{margin-bottom:14px;color:var(--color-text-muted)}.single .entry-content h2,.single .entry-content h3{font-family:var(--font-heading);color:var(--color-secondary);margin:24px 0 12px}.single .entry-content ul,.single .entry-content ol{margin:0 0 16px 22px;color:var(--color-text-muted)}.widget{background:var(--color-bg-light);border-radius:var(--radius);padding:22px;margin-bottom:24px;box-shadow:var(--shadow)}.widget-title{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:14px;color:var(--color-secondary)}.widget ul{list-style:none}.widget ul li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.06)}.widget ul li:last-child{border-bottom:none}.site-footer{background:#0a0816;margin-top:60px;border-top:1px solid rgba(255,255,255,0.06)}.ft-footer-main{padding:52px 0 40px}.ft-footer-cols{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:36px}.ft-footer-brand{padding-right:20px}.ft-footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:.3px;display:inline-block;margin-bottom:12px}.ft-footer-logo:hover{color:var(--color-text)}.ft-footer-logo span{color:var(--color-secondary)}.ft-footer-tagline{color:var(--color-text-muted);font-size:0.88rem;line-height:1.6;margin-bottom:18px;max-width:280px}.ft-footer-langs{display:flex;flex-wrap:wrap;gap:6px}.ft-footer-langs a{font-size:0.74rem;font-weight:600;color:var(--color-text-muted);border:1px solid rgba(255,255,255,0.12);border-radius:6px;padding:4px 9px;transition:all .2s}.ft-footer-langs a:hover,.ft-footer-langs a.active{color:var(--color-secondary);border-color:var(--color-secondary)}.ft-footer-col h3{font-family:var(--font-body);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text);margin-bottom:16px}.ft-footer-col ul{list-style:none;margin:0;padding:0}.ft-footer-col ul li{margin-bottom:10px}.ft-footer-col ul li a{color:var(--color-text-muted);font-size:0.87rem;transition:color .15s;line-height:1.4}.ft-footer-col ul li a:hover{color:var(--color-secondary)}.ft-footer-disclaimer-bar{padding:16px 0;border-top:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.015)}.ft-footer-disclaimer-bar p{font-size:0.78rem;color:var(--color-text-muted);text-align:center;margin:0;line-height:1.5}.ft-footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,0.05)}.ft-footer-bottom .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ft-footer-bottom p{font-size:0.82rem;color:var(--color-text-muted);margin:0}.ft-footer-bottom-nav{display:flex;gap:18px;list-style:none;margin:0;padding:0}.ft-footer-bottom-nav a{font-size:0.82rem;color:var(--color-text-muted)}.ft-footer-bottom-nav a:hover{color:var(--color-secondary)}.pagination{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination a,.pagination span{padding:8px 14px;border-radius:8px;background:var(--color-bg-light);color:var(--color-text)}.pagination .current{background:var(--color-primary);color:#fff}input,textarea,select,button{font-family:var(--font-body)}.comment-form input,.comment-form textarea,.search-form input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:var(--color-bg-light);color:var(--color-text);margin-bottom:14px}@media (max-width:900px){.content-layout{grid-template-columns:1fr}}.tarot-board{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:30px 0}.tarot-slot{display:flex;flex-direction:column;align-items:center;gap:10px;width:160px}.tarot-slot-label{font-size:0.9rem;color:var(--color-text-muted);text-align:center;font-weight:600}.ft-card{width:160px;height:260px;perspective:1000px;cursor:pointer}.ft-card-inner{position:relative;width:100%;height:100%;transition:transform 0.7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.ft-card.is-flipped .ft-card-inner{transform:rotateY(180deg)}.ft-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.ft-card-front{transform:rotateY(180deg)}.ft-card-svg{width:100%;height:100%;display:block}.ft-result-item{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.06)}.ft-result-item:last-child{border-bottom:none;margin-bottom:0}.ft-result-item h3{font-family:var(--font-heading);color:var(--color-text);font-size:1.1rem;margin-bottom:6px}.ft-result-item p{color:var(--color-text-muted)}@media (max-width:600px){.ft-card,.tarot-slot{width:130px}.ft-card{height:210px}}@media (max-width:768px){}.ft-lang-switcher{position:relative;z-index:1000}.ft-lang-current{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:7px 12px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:0.88rem;font-weight:600;transition:background .2s}.ft-lang-current:hover{background:rgba(255,255,255,0.12)}.ft-lang-chevron{transition:transform .2s}.ft-lang-current[aria-expanded="true"] .ft-lang-chevron{transform:rotate(180deg)}.ft-lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:#1c1730;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);box-shadow:var(--shadow);list-style:none;overflow:hidden;padding:6px 0}.ft-lang-dropdown.open{display:block;animation:ftDropIn .15s ease}@keyframes ftDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ft-lang-dropdown li a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--color-text-muted);font-size:0.9rem;transition:background .15s,color .15s}.ft-lang-dropdown li a:hover,.ft-lang-dropdown li a:focus{background:rgba(255,255,255,0.06);color:var(--color-text);outline:none}.ft-lang-dropdown li a.active{color:var(--color-secondary);font-weight:600}.ft-disclaimer{background:rgba(108,60,224,0.12);border:1px solid rgba(108,60,224,0.3);border-radius:var(--radius);padding:20px 24px;margin:0 0 20px}.ft-disclaimer h3{color:var(--color-secondary);font-family:var(--font-heading);margin-bottom:8px;font-size:1rem}.ft-disclaimer p{color:var(--color-text-muted);font-size:0.9rem;line-height:1.6}.ft-disclaimer-inline{color:var(--color-text-muted);font-size:0.8rem;text-align:center;margin-top:4px;padding:6px 10px;border-top:1px solid rgba(255,255,255,0.06)}.ft-disclaimer-section{padding:20px 0 0}.ft-deck-page .ft-deck-hero{padding:50px 0 40px;background:linear-gradient(135deg,var(--deck-bg,#241d3d),rgba(15,12,29,0.95));border-bottom:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden}.ft-deck-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 0%,rgba(108,60,224,0.22),transparent 55%);pointer-events:none}.ft-deck-title{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.8rem);color:var(--deck-accent,var(--color-secondary));margin:16px 0 12px;position:relative}.ft-deck-desc{max-width:720px;color:var(--color-text-muted);font-size:0.97rem;line-height:1.7;position:relative}.ft-deck-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;position:relative}.ft-deck-nav a{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.12);font-size:0.85rem;color:var(--color-text-muted);transition:all .2s}.ft-deck-nav a:hover,.ft-deck-nav a[aria-current="page"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ft-breadcrumb ol li a{color:var(--color-text-muted)}.ft-breadcrumb ol li a:hover{color:var(--color-secondary)}.ft-card-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ft-filter-btn{display:inline-flex;align-items:center;min-height:44px;padding:7px 18px;border-radius:20px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:0.88rem;cursor:pointer;transition:all .2s}.ft-filter-btn:hover,.ft-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ft-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ft-card-entry{display:block;text-decoration:none;color:inherit;background:var(--color-card);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:border-color .2s,transform .2s}.ft-card-entry:hover{border-color:var(--color-primary);transform:translateY(-3px)}.ft-card-entry-inner{display:flex;gap:14px;padding:16px;align-items:flex-start}.ft-card-entry-mini{flex-shrink:0}.ft-card-entry-text{flex:1;min-width:0}.ft-card-entry-name{font-family:var(--font-heading);font-size:1rem;color:var(--color-secondary);margin-bottom:4px}.ft-card-entry-kw{font-size:0.78rem;color:var(--color-text-muted);margin-bottom:6px}.ft-card-entry-meaning{font-size:0.87rem;color:var(--color-text-muted);line-height:1.5}.ft-explore-section{padding:40px 0 60px;background:var(--color-bg-light);margin-top:40px}.ft-deck-card{display:block;text-decoration:none;color:var(--color-text)}.ft-deck-card:hover{color:var(--color-text)}.ft-reading-section{padding:50px 0}.ft-reading-section h2{font-family:var(--font-heading);font-size:1.8rem;text-align:center;margin-bottom:28px}.ft-cards-section{padding:50px 0;background:rgba(255,255,255,0.01);border-top:1px solid rgba(255,255,255,0.04)}.ft-cards-section h2{font-family:var(--font-heading);font-size:1.8rem;text-align:center;margin-bottom:28px}.ft-faq-section{padding:50px 0;border-top:1px solid rgba(255,255,255,0.04)}.ft-faq-section h2{font-family:var(--font-heading);font-size:1.8rem;text-align:center;margin-bottom:28px}.ft-faq-list{max-width:800px;margin:0 auto}.ft-faq-item{background:var(--color-card);border-radius:var(--radius);margin-bottom:10px;border:1px solid rgba(255,255,255,0.05);overflow:hidden}.ft-faq-item summary{padding:18px 22px;cursor:pointer;font-weight:600;font-size:0.97rem;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--color-text);transition:background .15s}.ft-faq-item summary::-webkit-details-marker{display:none}.ft-faq-item summary::after{content:"+";font-size:1.3rem;color:var(--color-secondary);flex-shrink:0;margin-left:10px;transition:transform .2s}.ft-faq-item[open] summary::after{transform:rotate(45deg)}.ft-faq-item summary:hover{background:rgba(255,255,255,0.04)}.ft-faq-item p{padding:0 22px 18px;color:var(--color-text-muted);font-size:0.93rem;line-height:1.7}.ft-result-keywords{font-size:0.82rem;color:var(--color-text-muted);margin-bottom:6px}@media (max-width:768px){.ft-card-list{grid-template-columns:1fr}.ft-deck-nav a{font-size:0.78rem;padding:5px 10px}}@media (max-width:600px){.ft-lang-dropdown{right:auto;left:0}}.ft-theme-light{--color-primary:#5b2fd0;--color-secondary:#b8860b;--color-bg:#f5f3ff;--color-bg-light:#ece8ff;--color-text:#1a1230;--color-text-muted:#5a4e7a;--color-card:#ffffff}.ft-theme-light body,.ft-theme-light .site-header,.ft-theme-light .site-footer,.ft-theme-light .site-main{background-color:var(--color-bg);color:var(--color-text)}.ft-theme-light .tarot-card,.ft-theme-light article.post,.ft-theme-light .widget,.ft-theme-light .ft-card-entry,.ft-theme-light .ft-faq-item,.ft-theme-light .ft-card-detail-content,.ft-theme-light .ft-card-meta-box{background:var(--color-card);color:var(--color-text);box-shadow:0 4px 18px rgba(0,0,0,0.08)}.ft-card-detail-page{padding:30px 0 60px}.ft-card-detail-grid{display:grid;grid-template-columns:240px 1fr;gap:40px;margin-top:24px;align-items:start}.ft-card-detail-visual{position:sticky;top:90px}.ft-card-meta-box{background:var(--color-card);border-radius:var(--radius);padding:16px;margin-top:16px;border:1px solid rgba(255,255,255,0.06)}.ft-card-meta-box table{width:100%;border-collapse:collapse;font-size:0.88rem}.ft-card-meta-box th{color:var(--color-text-muted);font-weight:500;padding:6px 8px 6px 0;text-align:left;width:45%}.ft-card-meta-box td{color:var(--color-text);padding:6px 0}.ft-card-detail-title{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:14px}.ft-card-keywords-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ft-keyword-tag{background:rgba(108,60,224,0.15);border:1px solid rgba(108,60,224,0.3);border-radius:20px;padding:4px 12px;font-size:0.82rem;color:var(--color-text-muted)}.ft-card-meaning-block{background:var(--color-card);border-radius:var(--radius);padding:22px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.05);transition:opacity .3s}.ft-card-meaning-block h2{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:10px;color:var(--color-secondary)}.ft-card-meaning-reversed{border-color:rgba(255,100,100,0.15);background:rgba(255,80,80,0.04)}.ft-card-meaning-reversed h2{color:#ff7070}.ft-other-decks-section{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.06)}.ft-other-decks-section h2{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:16px}.ft-other-decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ft-other-deck-card{background:var(--color-card);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);padding:14px;display:block;color:var(--color-text);transition:transform .2s,border-color .2s}.ft-other-deck-card:hover{transform:translateY(-3px);color:var(--color-text)}.ft-other-deck-card p{font-size:0.82rem;color:var(--color-text-muted);margin-top:6px;line-height:1.5}.ft-card-nav-arrows{display:flex;justify-content:space-between;margin-top:40px;gap:12px;flex-wrap:wrap}.ft-nav-prev,.ft-nav-next{background:var(--color-card);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);padding:12px 20px;color:var(--color-text-muted);font-size:0.9rem;transition:all .2s;max-width:48%}.ft-nav-next{margin-left:auto;text-align:right}.ft-nav-prev:hover,.ft-nav-next:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ft-deck-switcher{display:flex;flex-wrap:wrap;gap:8px}.ft-deck-switcher a{padding:5px 12px;border-radius:16px;border:1px solid rgba(255,255,255,0.1);font-size:0.83rem;color:var(--color-text-muted);transition:all .2s}.ft-deck-switcher a:hover,.ft-deck-switcher a.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ft-card-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ft-card-archive-item{display:flex;align-items:center;gap:14px;background:var(--color-card);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius);padding:14px;color:var(--color-text);transition:transform .2s,border-color .2s;text-decoration:none}.ft-card-archive-item:hover{transform:translateY(-3px);border-color:var(--color-primary);color:var(--color-text)}.ft-card-archive-icon{flex-shrink:0;border-radius:8px;overflow:hidden}.ft-card-archive-info h3{font-size:0.97rem;font-weight:600;margin-bottom:3px;color:var(--color-secondary)}.ft-card-kw-mini{font-size:0.75rem;color:var(--color-text-muted);margin-bottom:4px}.ft-card-meaning-mini{font-size:0.82rem;color:var(--color-text-muted);line-height:1.5}.ft-intention-box{margin-bottom:24px}.ft-intention-box label{display:block;font-size:0.9rem;color:var(--color-text-muted);margin-bottom:8px;font-weight:500}.ft-intention-box input{width:100%;max-width:560px;padding:13px 18px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:var(--color-bg-light);color:var(--color-text);font-family:var(--font-body);font-size:1.05rem;display:block;transition:border-color .2s}.ft-intention-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(108,60,224,0.15)}.ft-download-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:center}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.2);color:var(--color-text-muted);min-height:44px;padding:10px 22px;border-radius:50px;font-family:var(--font-body);font-size:0.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-outline:hover{background:rgba(255,255,255,0.07);color:var(--color-text);border-color:rgba(255,255,255,0.35)}.ft-yesno-result{text-align:center;padding:30px;font-size:2.5rem;font-family:var(--font-heading);font-weight:700}.ft-yesno-yes{color:#5dde8c}.ft-yesno-no{color:#ff6b6b}.ft-daily-card{background:var(--color-card);border:1px solid rgba(108,60,224,0.2);border-radius:var(--radius);padding:16px;margin-bottom:24px}.ft-daily-inner{display:flex;gap:16px;align-items:center}.ft-daily-svg{flex-shrink:0}.ft-daily-text strong{display:block;color:var(--color-secondary);font-family:var(--font-heading);font-size:1.05rem;margin-bottom:4px}.ft-daily-text p{font-size:0.85rem;color:var(--color-text-muted);margin:0;line-height:1.5}.tarot-board-10{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:12px;max-width:700px;margin:0 auto}.tarot-board-10 .tarot-slot:nth-child(1){grid-column:2;grid-row:2}.tarot-board-10 .tarot-slot:nth-child(2){grid-column:2;grid-row:2;position:relative;top:20px}.tarot-board-10 .tarot-slot:nth-child(3){grid-column:2;grid-row:1}.tarot-board-10 .tarot-slot:nth-child(4){grid-column:1;grid-row:2}.tarot-board-10 .tarot-slot:nth-child(5){grid-column:3;grid-row:2}.tarot-board-10 .tarot-slot:nth-child(6){grid-column:2;grid-row:3}.tarot-board-10 .tarot-slot:nth-child(7){grid-column:4;grid-row:4}.tarot-board-10 .tarot-slot:nth-child(8){grid-column:4;grid-row:3}.tarot-board-10 .tarot-slot:nth-child(9){grid-column:4;grid-row:2}.tarot-board-10 .tarot-slot:nth-child(10){grid-column:4;grid-row:1}.tarot-board-12{grid-template-columns:repeat(4,1fr)}.ft-pwa-banner{background:rgba(108,60,224,0.12);border:1px solid rgba(108,60,224,0.25);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:14px;margin-bottom:20px;font-size:0.9rem}.ft-pwa-banner button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-family:var(--font-body);font-weight:600;white-space:nowrap;transition:opacity .2s}.ft-pwa-banner button:hover{opacity:0.85}.ft-pwa-banner .ft-pwa-close{background:none;color:var(--color-text-muted);padding:4px 8px;font-size:1.2rem;margin-left:auto}@media (max-width:860px){.ft-card-detail-grid{grid-template-columns:1fr}.ft-card-detail-visual{position:static;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.ft-card-detail-svg{flex-shrink:0}.ft-card-meta-box{flex:1;min-width:200px;margin-top:0}}@media (max-width:600px){.ft-card-archive-grid{grid-template-columns:1fr}.tarot-board-10,.tarot-board-12{grid-template-columns:repeat(2,1fr)}.tarot-board-10 .tarot-slot{grid-column:auto !important;grid-row:auto !important;position:static}.ft-nav-prev,.ft-nav-next{max-width:100%}.ft-card-detail-visual{flex-direction:column}}.ft-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;border:1px solid transparent;font-size:0.78rem;font-weight:500;letter-spacing:.3px;white-space:nowrap;transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none;cursor:default;line-height:1.4}a.ft-tag{cursor:pointer}a.ft-tag:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.25);filter:brightness(1.12)}.ft-tag-icon{font-size:0.88em;line-height:1;flex-shrink:0}.ft-tag-label{line-height:1}.ft-tag-lg{padding:7px 16px;font-size:0.88rem;border-radius:24px}.ft-tag-lg .ft-tag-icon{font-size:1em}.ft-tag-more{color:var(--color-text-muted);background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);cursor:default}.ft-tag-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ft-tag-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ft-tag-group{margin-bottom:16px}.ft-tag-group-title{font-size:0.72rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-muted);margin-bottom:7px;font-weight:600}.ft-tag-filter-bar{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0 20px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:24px}.ft-tag-filter-bar .ft-tag{cursor:pointer;opacity:0.65;transition:opacity .2s,transform .15s,box-shadow .15s}.ft-tag-filter-bar .ft-tag.ft-active,.ft-tag-filter-bar .ft-tag:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.2)}.ft-topic-hero{padding:40px 0 30px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:36px}.ft-topic-hero .ft-tag-lg{font-size:1rem;padding:10px 22px;pointer-events:none;margin-bottom:14px;display:inline-flex}.ft-topic-hero h1{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);margin:12px 0 8px}.ft-topic-hero p{color:var(--color-text-muted);max-width:600px}.ft-card-tags-section{margin:22px 0}.ft-card-tags-section .ft-tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04)}.ft-card-tags-section .ft-tag-group:last-child{border-bottom:none}.ft-tag[data-tip]{position:relative}.ft-tag[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1c1730;color:var(--color-text);font-size:0.75rem;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,0.08);z-index:100}.ft-tag[data-tip]:hover::after{opacity:1}@keyframes ftTagIn{from{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ft-tag-cloud .ft-tag{animation:ftTagIn .25s ease backwards}.ft-tag-cloud .ft-tag:nth-child(1){animation-delay:.03s}.ft-tag-cloud .ft-tag:nth-child(2){animation-delay:.06s}.ft-tag-cloud .ft-tag:nth-child(3){animation-delay:.09s}.ft-tag-cloud .ft-tag:nth-child(4){animation-delay:.12s}.ft-tag-cloud .ft-tag:nth-child(5){animation-delay:.15s}.ft-tag-cloud .ft-tag:nth-child(6){animation-delay:.18s}.ft-tag-cloud .ft-tag:nth-child(7){animation-delay:.21s}.ft-tag-cloud .ft-tag:nth-child(8){animation-delay:.24s}.ft-tag-cloud .ft-tag:nth-child(9){animation-delay:.27s}.ft-tag-cloud .ft-tag:nth-child(10){animation-delay:.30s}.ft-tag-cloud .ft-tag:nth-child(11){animation-delay:.33s}.ft-tag-cloud .ft-tag:nth-child(12){animation-delay:.36s}.ft-widget-tagcloud{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:600px){.ft-tag-lg{padding:6px 13px;font-size:0.82rem}.ft-tag-filter-bar{gap:5px}}.ft-theme-light .ft-footer-logo,.ft-theme-light .ft-footer-col h3{color:#1a1230}.ft-theme-light .ft-footer-langs a,.ft-theme-light .ft-footer-col ul li a,.ft-theme-light .ft-footer-tagline,.ft-theme-light .ft-footer-bottom p,.ft-theme-light .ft-footer-disclaimer-bar p{color:#5a4e7a}@media (max-width:1000px){.ft-footer-cols{grid-template-columns:1fr 1fr 1fr;gap:28px}.ft-footer-brand{grid-column:1 / -1;padding-right:0;margin-bottom:8px}.ft-footer-tagline{max-width:100%}}@media (max-width:600px){.ft-footer-cols{grid-template-columns:1fr 1fr;gap:24px}.ft-footer-main{padding:40px 0 30px}.ft-footer-bottom .container{flex-direction:column;text-align:center}}@media (max-width:400px){.ft-footer-cols{grid-template-columns:1fr}}#ft-cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:560px;margin:0 auto;background:#1a1430;border:1px solid rgba(255,255,255,0.12);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.5);padding:18px 20px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease}#ft-cookie-bar.ft-cookie-visible{opacity:1;transform:translateY(0)}.ft-cookie-text{font-size:0.85rem;line-height:1.55;color:#d8d3ef;margin:0}.ft-cookie-actions{display:flex;gap:10px;justify-content:flex-end}.ft-cookie-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--font-body,sans-serif);font-size:0.85rem;font-weight:600;padding:9px 20px;border-radius:50px;cursor:pointer;border:1px solid transparent;transition:all .2s}.ft-cookie-accept{background:linear-gradient(135deg,#6c3ce0,#9b6bff);color:#fff}.ft-cookie-accept:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(108,60,224,0.4)}.ft-cookie-decline{background:transparent;border-color:rgba(255,255,255,0.22);color:#b8b3cf}.ft-cookie-decline:hover{background:rgba(255,255,255,0.07);color:#fff}.ft-theme-light #ft-cookie-bar{background:#fff;border-color:rgba(0,0,0,0.1)}.ft-theme-light .ft-cookie-text{color:#3a3258}.ft-theme-light .ft-cookie-decline{color:#5a4e7a;border-color:rgba(0,0,0,0.15)}@media (max-width:480px){.ft-cookie-actions{flex-direction:column-reverse}.ft-cookie-btn{width:100%}}
.ft-footer-privacy{font-size:0.8rem;color:var(--color-text-muted);line-height:1.5;margin:14px 0 8px;display:flex;gap:6px;align-items:flex-start}.ft-footer-contact{font-size:0.82rem;color:var(--color-text-muted);margin:0 0 16px}.ft-footer-contact a{color:var(--color-secondary);font-weight:600}.ft-footer-contact a:hover{text-decoration:underline}.ft-theme-light .ft-footer-privacy,.ft-theme-light .ft-footer-contact{color:#5a4e7a}
.ft-privacy-content{max-width:760px;margin:0 auto}.ft-privacy-content h2{font-family:var(--font-heading);color:var(--color-secondary);font-size:1.5rem;margin:0 0 18px}.ft-privacy-content p{color:var(--color-text-muted);line-height:1.75;margin-bottom:16px;font-size:0.95rem}.ft-contact-block{color:var(--color-text-muted);font-size:0.95rem;line-height:1.7}.ft-contact-block a{color:var(--color-secondary);font-weight:600}
#ft-back-to-top{position:fixed;right:20px;bottom:20px;z-index:900;width:46px;height:46px;border-radius:50%;border:none;background:var(--color-primary,#6c3ce0);color:#fff;font-size:1.3rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;box-shadow:0 6px 20px rgba(108,60,224,0.4)}#ft-back-to-top.ft-visible{opacity:1;visibility:visible;transform:translateY(0)}#ft-back-to-top:hover{transform:translateY(-3px);filter:brightness(1.1)}@media(min-width:783px){}@media(max-width:782px){}.ft-theme-light #ft-back-to-top{box-shadow:0 6px 20px rgba(108,60,224,0.3)}.ft-theme-light .ft-theme-light 
.ft-about-content{max-width:760px;margin:0 auto}.ft-about-content h1{font-family:var(--font-heading);color:var(--color-secondary);font-size:1.9rem;margin:0 0 22px}.ft-about-content p{color:var(--color-text-muted);line-height:1.8;margin-bottom:18px;font-size:0.98rem}.ft-about-contact{color:var(--color-text)}
.ft-html-sitemap{padding:20px 0 60px}.ft-sitemap-hero{text-align:center;padding:20px 0 36px;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:36px}.ft-sitemap-hero h1{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 12px}.ft-sitemap-hero p{color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.ft-sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-bottom:44px}.ft-sitemap-block h2{font-family:var(--font-body);font-size:0.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-secondary);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.08)}.ft-sitemap-block ul{list-style:none;margin:0;padding:0}.ft-sitemap-block ul li{margin-bottom:9px}.ft-sitemap-block ul li a{color:var(--color-text-muted);font-size:0.92rem;transition:color .15s,padding-left .15s}.ft-sitemap-block ul li a:hover{color:var(--color-secondary);padding-left:4px}.ft-sitemap-cards-section{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.06)}.ft-sitemap-cards-section h2{font-family:var(--font-heading);font-size:1.3rem;margin:0 0 18px;color:var(--color-text)}.ft-sitemap-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ft-sitemap-cards a{display:block;padding:8px 14px;background:var(--color-card,rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.05);border-radius:8px;color:var(--color-text-muted);font-size:0.88rem;transition:all .15s}.ft-sitemap-cards a:hover{border-color:var(--color-primary);color:var(--color-text);transform:translateY(-2px)}.ft-theme-light .ft-sitemap-cards a{background:#fff}@media(max-width:600px){.ft-sitemap-cards{grid-template-columns:1fr 1fr}}
.ft-footer-bottom-links a{font-size:0.82rem;color:var(--color-text-muted)}.ft-footer-bottom-links a:hover{color:var(--color-secondary)}
.ft-step{margin-bottom:30px}.ft-step-title{font-family:var(--font-body);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--color-secondary);margin:0 0 14px;display:flex;align-items:center;gap:8px}.ft-intention-hint{display:block;font-size:0.9rem;color:var(--color-text-muted);margin-bottom:10px;line-height:1.5}.ft-draw-btn{font-size:1.1rem;padding:16px 44px;border-radius:50px}.ft-step-3{text-align:center;padding:10px 0}.ft-theme-light .ft-theme-light @media(max-width:600px){.ft-draw-btn{width:100%}}
/* ===== HEADER (yeniden düzenlendi) ===== */
.site-header{background:#0f0c1d;position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(255,255,255,0.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.site-branding{flex-shrink:0}
.site-branding .site-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0;letter-spacing:.3px;white-space:nowrap}
.site-branding .site-title a{color:var(--color-text);transition:opacity .2s}
.site-branding .site-title a:hover{opacity:.85;color:var(--color-text)}
.site-branding .site-title span{color:var(--color-secondary)}
/* Orta menü */
.main-navigation{flex:1;display:flex;justify-content:center}
.main-navigation>ul{list-style:none;display:flex;align-items:center;gap:30px;margin:0;padding:0}
.main-navigation>ul>li{position:relative}
.main-navigation a{color:var(--color-text);font-weight:500;font-size:0.95rem;padding:6px 0;position:relative;white-space:nowrap;display:block}
.main-navigation>ul>li>a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-secondary);transition:width .25s}
.main-navigation>ul>li>a:hover::after,.main-navigation .current-menu-item>a::after{width:100%}
/* Sağ bölge */
.header-right{display:flex;align-items:center;gap:14px;flex-shrink:0}

/* Alt menü (dropdown) masaüstü */
.main-navigation .sub-menu{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;min-width:210px;background:#1a1430;border:1px solid rgba(255,255,255,0.1);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.4);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:200}
.main-navigation .menu-item-has-children:hover .sub-menu,.menu-item-has-children.ft-desktop-submenu-open .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.main-navigation .sub-menu li a{padding:9px 18px;font-size:0.9rem;white-space:nowrap}
.main-navigation .sub-menu li a:hover{background:rgba(255,255,255,0.06)}

/* Hamburger butonu (sadece mobilde) */





.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Açık tema header */
.ft-theme-light .site-header{background:rgba(245,243,255,0.92)}
.ft-theme-light .main-navigation .sub-menu{background:#fff;border-color:rgba(0,0,0,0.1)}
.ft-theme-light .main-navigation .sub-menu li a:hover{background:rgba(0,0,0,0.04)}
/* ===== MOBİL ===== */
@media(max-width:900px){

.main-navigation{position:fixed;top:0;right:0;width:84%;max-width:360px;height:100%;background:#1e1635;flex-direction:column;justify-content:flex-start;padding:72px 0 40px;margin:0;transition:transform .28s ease;z-index:1001;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:-8px 0 30px rgba(0,0,0,0.5);transform:translateX(100%);visibility:hidden}
.main-navigation.active{transform:translateX(0);visibility:visible}
/* Menü listesi — düz, tam genişlik */
.main-navigation>ul{flex-direction:column;align-items:stretch;gap:0;width:100%;display:block;list-style:none;margin:0;padding:0}
.main-navigation>ul>li{width:100%;border-bottom:1px solid rgba(255,255,255,0.08);position:relative}
.main-navigation>ul>li>a{padding:16px 64px 16px 26px;font-size:1.02rem;font-weight:600;letter-spacing:.4px;display:block;color:#ffffff;transition:color .2s,background .2s}
.main-navigation>ul>li>a:active,.main-navigation>ul>li>a:hover{color:var(--color-secondary);background:rgba(255,215,0,0.08)}
.main-navigation a{pointer-events:auto}
/* Alt menü aç/kapa ikon butonu — her öğenin sağında */
.ft-submenu-toggle{position:absolute;top:0;right:0;width:60px;height:54px;background:none;border:none;border-left:1px solid rgba(255,255,255,0.08);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.ft-submenu-icon{position:relative;width:20px;height:16px;display:block}
.ft-submenu-icon i{position:absolute;left:0;width:20px;height:2.5px;background:var(--color-secondary);border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}
.ft-submenu-icon i:nth-child(1){top:0}
.ft-submenu-icon i:nth-child(2){top:7px}
.ft-submenu-icon i:nth-child(3){top:14px}
/* Açıkken çizgiler → × */
.ft-submenu-open>.ft-submenu-toggle .ft-submenu-icon i:nth-child(1){top:7px;transform:rotate(45deg)}
.ft-submenu-open>.ft-submenu-toggle .ft-submenu-icon i:nth-child(2){opacity:0}
.ft-submenu-open>.ft-submenu-toggle .ft-submenu-icon i:nth-child(3){top:7px;transform:rotate(-45deg)}
/* Alt menü — varsayılan kapalı, açıkken görünür */
.main-navigation .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:#15102a;border:none;box-shadow:none;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease;width:100%;display:block;list-style:none;margin:0}
.main-navigation .ft-submenu-open>.sub-menu{max-height:900px}
.main-navigation .sub-menu li{border-bottom:1px solid rgba(255,255,255,0.05)}
.main-navigation .sub-menu li:last-child{border-bottom:none}
.main-navigation .sub-menu li a{padding:13px 26px 13px 44px;font-size:0.92rem;font-weight:500;color:rgba(255,255,255,0.92);display:block;transition:color .2s,background .2s}
.main-navigation .sub-menu li a:active,.main-navigation .sub-menu li a:hover{color:var(--color-secondary);background:rgba(255,215,0,0.06)}
/* Açık tema */
.ft-theme-light .main-navigation{background:#fff}
.ft-theme-light .main-navigation>ul>li>a{color:#1a1430}
.ft-theme-light .ft-submenu-icon i{background:#1a1430}
.ft-theme-light .main-navigation .sub-menu{background:#f3f1fa}
.ft-theme-light .main-navigation .sub-menu li a{color:rgba(26,20,48,0.72)}
}
/* ===== Fal aracı — şık adım adım tasarım ===== */
.tarot-app{max-width:760px;margin:0 auto}
.ft-step-title{font-family:var(--font-body);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-secondary);margin:0 0 16px;text-align:center;position:relative}
.ft-step-title::before,.ft-step-title::after{content:"";position:absolute;top:50%;width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.4))}
.ft-step-title::before{right:calc(50% + 90px);background:linear-gradient(90deg,transparent,rgba(255,215,0,0.4))}
.ft-step-title::after{left:calc(50% + 90px);background:linear-gradient(90deg,rgba(255,215,0,0.4),transparent)}
/* Açılım seçici — şık kartlar */
.ft-spread-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ft-spread-option{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:20px 14px;background:linear-gradient(160deg,rgba(108,60,224,0.08),rgba(255,255,255,0.02));border:1.5px solid rgba(255,255,255,0.1);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-body);color:var(--color-text);position:relative;overflow:hidden}
.ft-spread-option::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,0.12),transparent 70%);opacity:0;transition:opacity .25s}
.ft-spread-option:hover{border-color:rgba(255,215,0,0.4);transform:translateY(-4px);box-shadow:0 12px 30px rgba(108,60,224,0.25)}
.ft-spread-option:hover::before{opacity:1}
.ft-spread-option.ft-active{border-color:var(--color-secondary);background:linear-gradient(160deg,rgba(255,215,0,0.14),rgba(108,60,224,0.06));box-shadow:0 8px 28px rgba(255,215,0,0.2)}
.ft-spread-option.ft-active::after{content:"✓";position:absolute;top:8px;right:10px;color:var(--color-secondary);font-weight:700;font-size:0.9rem}
.ft-spread-icon{font-size:1.9rem;line-height:1;color:var(--color-secondary);filter:drop-shadow(0 2px 8px rgba(255,215,0,0.3))}
.ft-spread-name{font-weight:700;font-size:0.95rem;color:var(--color-text)}
.ft-spread-desc{font-size:0.76rem;color:var(--color-text-muted);line-height:1.4}
/* Niyet kutusu */
.ft-step-2{margin-top:36px}
.ft-intention-hint{text-align:center;display:block;font-size:0.9rem;color:var(--color-text-muted);margin-bottom:12px;line-height:1.5}
.ft-intention-box input{display:block;width:100%;max-width:480px;margin:0 auto;text-align:center}
/* Adım 3 + örnek kart */
.ft-step-3{margin-top:36px;margin-bottom:8px}
.ft-draw-hint{text-align:center;color:var(--color-text-muted);font-size:0.9rem;margin:0}
.ft-board-empty{display:flex;justify-content:center;align-items:center;min-height:240px;margin:20px 0}
.ft-sample-card{width:150px;height:240px;perspective:1000px;animation:ftFloat 3s ease-in-out infinite}
.ft-sample-card-inner{width:100%;height:100%;border-radius:14px;background:linear-gradient(145deg,#2a1f52,#16102e);border:2px solid var(--deck-accent,var(--color-secondary));display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,0.4);position:relative}
.ft-sample-card-inner::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,215,0,0.25);border-radius:8px}
.ft-sample-card-symbol{font-size:3rem;color:var(--color-secondary);opacity:0.55;filter:drop-shadow(0 2px 10px rgba(255,215,0,0.3))}
@keyframes ftFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
/* Çek butonu — kartların altında, ortada, büyük */
.ft-draw-action{text-align:center;margin:24px 0 10px}
.ft-draw-btn{font-size:1.05rem;padding:15px 46px;border-radius:50px;box-shadow:0 8px 28px rgba(108,60,224,0.35)}
.ft-draw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(108,60,224,0.45)}
/* Açık tema */
.ft-theme-light .ft-spread-option{background:linear-gradient(160deg,rgba(108,60,224,0.06),#fff)}
.ft-theme-light .ft-sample-card-inner{background:linear-gradient(145deg,#ede8ff,#fff)}
/* Mobil */
@media(max-width:600px){
.ft-spread-picker{grid-template-columns:1fr 1fr;gap:10px}
.ft-spread-option{padding:16px 10px}
.ft-spread-icon{font-size:1.6rem}
.ft-step-title::before,.ft-step-title::after{display:none}
.ft-draw-btn{width:100%}
.ft-sample-card{width:120px;height:192px}
}
/* ===== Madde 9: Filtre çubuklarını ortala ===== */
.ft-tag-filter-bar,.ft-card-filter{justify-content:center}
.ft-card-filter{display:flex;flex-wrap:wrap;gap:8px}
.ft-deck-switcher{justify-content:center}
/* ===== Madde 8: Modern ok şeklinde (arrow) breadcrumb ===== */
.ft-breadcrumb{margin-bottom:20px}
.ft-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;list-style:none;margin:0;padding:0;font-size:0.8rem}
.ft-breadcrumb ol li{display:flex;align-items:center}
.ft-breadcrumb ol li a,.ft-breadcrumb ol li[aria-current]{display:inline-flex;align-items:center;background:rgba(255,255,255,0.05);color:var(--color-text-muted);padding:7px 16px 7px 20px;position:relative;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);transition:background .2s,color .2s;font-weight:500}
.ft-breadcrumb ol li:first-child a{padding-left:14px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.ft-breadcrumb ol li:not(:first-child){margin-left:-9px}
.ft-breadcrumb ol li a:hover{background:rgba(255,215,0,0.15);color:var(--color-secondary)}
.ft-breadcrumb ol li[aria-current]{background:rgba(255,215,0,0.12);color:var(--color-secondary);cursor:default}
.ft-breadcrumb ol li:not(:last-child)::after{content:none}
.ft-theme-light .ft-breadcrumb ol li a,.ft-theme-light .ft-breadcrumb ol li[aria-current]{background:rgba(0,0,0,0.05)}
@media(max-width:600px){.ft-breadcrumb ol{font-size:0.72rem}.ft-breadcrumb ol li a,.ft-breadcrumb ol li[aria-current]{padding:5px 12px 5px 16px}}
/* ===== Madde 14: Footer başlıkları sarı (marka vurgu rengi) ===== */
.ft-footer-col h3{color:var(--color-secondary)}
.ft-theme-light .ft-footer-col h3{color:#b8860b}
/* ===== Madde 13: Footer dilleri tek satırda kalsın ===== */
.ft-footer-langs{flex-wrap:nowrap;overflow-x:auto}
.ft-footer-langs a{flex-shrink:0;padding:4px 8px;font-size:0.72rem}
/* Subscribe onay kutusu */



/* ===== İnteraktif Araçlar (numeroloji, melek sayıları, günün kartı) ===== */
.ft-tool-box{max-width:720px;margin:0 auto 40px;padding:32px 28px;background:linear-gradient(160deg,rgba(108,60,224,0.06),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);border-radius:18px}
.ft-tool-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-secondary);margin:0 0 10px;text-align:center}
.ft-tool-desc{color:var(--color-text-muted);text-align:center;line-height:1.6;margin:0 0 22px;font-size:0.95rem}


.ft-tool-err{color:#ff8a8a;text-align:center;font-size:0.9rem}
.ft-tool-result{margin-top:20px}
/* Kart sonucu (üç araç için ortak) */
.ft-tool-card-result{display:flex;align-items:center;gap:20px;justify-content:center;padding:20px;background:rgba(255,255,255,0.03);border-radius:14px;border:1px solid rgba(255,215,0,0.15);flex-wrap:wrap}
.ft-tool-card-mini svg{filter:drop-shadow(0 6px 16px rgba(0,0,0,0.4))}
.ft-tool-card-text{text-align:left}
.ft-tool-card-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}
.ft-tool-card-text h3{font-family:var(--font-heading);font-size:1.4rem;margin:4px 0 12px;color:var(--color-text)}
/* Numeroloji sonuç */
.ft-num-grid{display:flex;gap:24px;justify-content:center;margin-bottom:20px}
.ft-num-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.ft-num-big{font-family:var(--font-heading);font-size:2.6rem;font-weight:700;color:var(--color-secondary);line-height:1}
.ft-num-lbl{font-size:0.78rem;color:var(--color-text-muted);text-align:center;max-width:120px}
/* Melek sayıları grid */
.ft-angel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}
.ft-angel-btn{min-height:44px;padding:14px 8px;background:rgba(255,255,255,0.03);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;color:var(--color-text);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .18s}
.ft-angel-btn:hover{border-color:rgba(255,215,0,0.4);transform:translateY(-3px);color:var(--color-secondary)}
.ft-angel-btn.ft-active{border-color:var(--color-secondary);background:rgba(255,215,0,0.12);color:var(--color-secondary)}
.ft-angel-detail{text-align:center;margin-top:8px}
.ft-angel-detail h3{font-family:var(--font-heading);font-size:2rem;color:var(--color-secondary);margin:0 0 12px}
.ft-angel-meaning{color:var(--color-text-muted);line-height:1.6;max-width:480px;margin:0 auto 18px}
.ft-angel-draw-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:12px}
/* Günün kartı */
.ft-daily-box{text-align:center}
.ft-daily-again{margin-top:16px;font-size:0.85rem;color:var(--color-text-muted);font-style:italic}
/* Açık tema */
.ft-theme-light .ft-tool-box{background:linear-gradient(160deg,rgba(108,60,224,0.05),#fff)}
.ft-theme-light .ft-angel-btn,.ft-theme-light .ft-tool-card-result{background:#fff}
@media(max-width:520px){
.ft-num-grid{gap:16px}
.ft-num-big{font-size:2rem}
.ft-tool-card-result{flex-direction:column;text-align:center}
.ft-tool-card-text{text-align:center}
.ft-angel-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
}
/* ===== Melek sayısı detay sayfası ===== */
.ft-angel-detail-page{padding:20px 0 60px}
.ft-angel-article{max-width:760px;margin:0 auto}
.ft-angel-hero{text-align:center;margin-bottom:30px}
.ft-angel-number-badge{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#6c3ce0,#9b6bff);color:#fff;font-family:var(--font-heading);font-size:2.2rem;font-weight:700;margin-bottom:18px;box-shadow:0 10px 30px rgba(108,60,224,0.4)}
.ft-angel-hero h1{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.25;margin:0}
.ft-angel-intro{font-size:1.05rem;line-height:1.8;color:var(--color-text);margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,0.08)}
.ft-angel-section{margin-bottom:30px}
.ft-angel-section h2{font-family:var(--font-heading);font-size:1.35rem;color:var(--color-secondary);margin:0 0 12px}
.ft-angel-section p{color:var(--color-text-muted);line-height:1.8;font-size:0.98rem;margin:0}
/* Tarot kutusu */
.ft-angel-tarot-box{margin:36px 0;padding:28px;background:linear-gradient(160deg,rgba(255,215,0,0.06),rgba(108,60,224,0.05));border:1px solid rgba(255,215,0,0.2);border-radius:18px}
.ft-angel-tarot-box h2{font-family:var(--font-heading);font-size:1.35rem;color:var(--color-secondary);margin:0 0 18px;text-align:center}
.ft-angel-tarot-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center}
.ft-angel-tarot-card svg{filter:drop-shadow(0 8px 20px rgba(0,0,0,0.4))}
.ft-angel-tarot-text{flex:1;min-width:240px}
.ft-angel-tarot-text h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text);margin:0 0 10px}
.ft-angel-tarot-text p{color:var(--color-text-muted);line-height:1.7;margin:0 0 16px;font-size:0.95rem}
/* CTA */
.ft-angel-cta{text-align:center;margin:32px 0}
/* Diğer sayılar */
.ft-angel-others{margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.08)}
.ft-angel-others h2{font-family:var(--font-heading);font-size:1.2rem;text-align:center;margin:0 0 18px}
.ft-angel-others-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ft-angel-other-link{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:10px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;font-family:var(--font-heading);font-weight:700;color:var(--color-text);transition:all .18s}
.ft-angel-other-link:hover{border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px)}
.ft-theme-light .ft-angel-other-link{background:#fff}
@media(max-width:520px){.ft-angel-tarot-inner{flex-direction:column;text-align:center}.ft-angel-tarot-text{text-align:center}}
.ft-angel-readmore{text-align:center;margin-top:18px}
.ft-angel-readmore a{color:var(--color-secondary);font-weight:600;font-size:0.92rem}
.ft-angel-readmore a:hover{text-decoration:underline}
.ft-sitemap-angel-nums{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ft-sitemap-angel-nums a{display:inline-block;padding:4px 10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:6px;font-size:0.8rem;color:var(--color-text-muted);font-weight:600}
.ft-sitemap-angel-nums a:hover{color:var(--color-secondary);border-color:var(--color-secondary)}
.ft-theme-light .ft-sitemap-angel-nums a{background:#fff}
/* ===== Rüya tabiri ===== */
.ft-dream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:16px}
.ft-dream-symbol{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:rgba(255,255,255,0.03);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all .18s;color:var(--color-text)}
.ft-dream-symbol:hover{border-color:rgba(255,215,0,0.4);transform:translateY(-3px)}
.ft-dream-symbol.ft-active{border-color:var(--color-secondary);background:rgba(255,215,0,0.1)}
.ft-dream-icon{font-size:1.7rem;line-height:1}
.ft-dream-name{font-size:0.82rem;text-align:center;line-height:1.2}
.ft-dream-detail{text-align:center;margin-top:8px}
.ft-dream-detail h3{font-family:var(--font-heading);font-size:1.6rem;margin:0 0 12px}
.ft-dream-detail>p{color:var(--color-text-muted);line-height:1.7;max-width:520px;margin:0 auto 16px}
.ft-dream-card-label{font-size:0.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}
.ft-dream-readmore{margin-top:16px}
.ft-dream-readmore a{color:var(--color-secondary);font-weight:600}
.ft-dream-readmore a:hover{text-decoration:underline}
.ft-dream-hero-icon{font-size:3.5rem;margin-bottom:14px}
.ft-dream-questions{list-style:none;padding:0;margin:0}
.ft-dream-questions li{padding:12px 18px;background:rgba(255,255,255,0.03);border-left:3px solid var(--color-secondary);border-radius:8px;margin-bottom:10px;color:var(--color-text-muted);line-height:1.6}
/* ===== İlişki açılımı ===== */
.ft-rel-cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.ft-rel-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:160px}
.ft-rel-pos{font-size:0.8rem;color:var(--color-text-muted);text-align:center;line-height:1.4;min-height:34px}
.ft-rel-name{font-family:var(--font-heading);font-size:1rem;color:var(--color-secondary);font-weight:600;text-align:center}
.ft-rel-name:hover{text-decoration:underline}
/* ===== Burç → Tarot ===== */
.ft-zodiac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:16px}
.ft-zodiac-btn{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:44px;padding:14px 8px;background:rgba(255,255,255,0.03);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all .18s;color:var(--color-text)}
.ft-zodiac-btn:hover{border-color:rgba(255,215,0,0.4);transform:translateY(-3px)}
.ft-zodiac-btn.ft-active{border-color:var(--color-secondary);background:rgba(255,215,0,0.1)}
.ft-zodiac-sym{font-size:1.6rem;line-height:1;color:var(--color-secondary)}
.ft-zodiac-name{font-size:0.82rem}
.ft-zodiac-detail{text-align:center;margin-top:8px}
.ft-zodiac-detail h3{font-family:var(--font-heading);font-size:1.6rem;margin:0 0 14px}
.ft-theme-light .ft-dream-symbol,.ft-theme-light .ft-zodiac-btn,.ft-theme-light .ft-dream-questions li{background:#fff}
@media(max-width:520px){.ft-dream-grid,.ft-zodiac-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.ft-rel-cards{gap:10px}}
/* ===== Tüm desteler arşiv sayfası ===== */
.ft-deck-archive{padding:20px 0 60px}
.ft-deck-archive-hero{text-align:center;padding:10px 0 36px;margin-bottom:20px}
.ft-deck-archive-hero h1{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 14px}
.ft-deck-archive-hero p{color:var(--color-text-muted);max-width:640px;margin:0 auto;line-height:1.7}
.ft-deck-open{display:inline-block;margin-top:12px;font-size:0.85rem;font-weight:600;color:var(--color-secondary)}
/* Araç gizlilik onay kutusu */
.ft-tool-consent{display:flex;align-items:flex-start;gap:9px;max-width:560px;margin:16px auto 0;cursor:pointer;text-align:left;padding:12px 16px;background:rgba(108,60,224,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:12px}
.ft-tool-consent input[type="checkbox"]{margin-top:2px;width:17px;height:17px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}
.ft-tool-consent span{font-size:0.82rem;color:var(--color-text-muted);line-height:1.55}
.ft-theme-light .ft-tool-consent{background:rgba(108,60,224,0.05)}
.ft-tool-privacy-note{font-size:0.78rem;color:var(--color-text-muted);text-align:center;margin:20px auto 0;max-width:520px;line-height:1.5;opacity:0.85}









/* ===== Araç form alanları (numeroloji vb.) — düzgün, şık ===== */
.ft-tool-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:stretch;max-width:560px;margin:0 auto}
.ft-tool-form input[type="text"],.ft-tool-form input[type="date"]{flex:1 1 200px;min-width:0;height:52px;padding:0 18px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.15);border-radius:12px;color:var(--color-text);font-size:1.05rem;font-family:var(--font-body);transition:border-color .2s}
.ft-tool-form input::placeholder{color:var(--color-text-muted)}
.ft-tool-form input:focus{outline:none;border-color:var(--color-secondary)}
.ft-tool-form input[type="date"]{color-scheme:dark;cursor:pointer}
.ft-theme-light .ft-tool-form input{background:#fff;border-color:rgba(0,0,0,0.15)}
.ft-theme-light .ft-tool-form input[type="date"]{color-scheme:light}
.ft-tool-form .btn{height:52px;flex:1 1 100%}
/* Geniş ekranda buton kendi satırında ama ortalı, dar kalsın */
@media(min-width:560px){
.ft-tool-form input[type="text"]{flex:2 1 240px}
.ft-tool-form input[type="date"]{flex:1 1 160px}
.ft-tool-form .btn{flex:0 0 auto;min-width:160px;margin:0 auto}
}
@media(max-width:559px){
.ft-tool-form input[type="text"],.ft-tool-form input[type="date"]{flex:1 1 100%}
}
/* ===== Mobil header düzeni (sıkışıklık giderme) ===== */
@media(max-width:900px){
.header-inner{gap:10px;padding:12px 0}
.site-branding .site-title{font-size:1.15rem}
.header-right{gap:8px}


/* Dil seçici biraz daha kompakt */
.ft-lang-current{padding:7px 10px}
}
@media(max-width:380px){
.site-branding .site-title{font-size:1rem}
.ft-lang-code{font-size:0.85rem}
}



/* ===== Menü butonu ("Menü" yazılı, net) ===== */

.menu-toggle{display:none;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:10px;cursor:pointer;flex-shrink:0;position:relative;z-index:1002}
.menu-toggle-bars{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20px}
.menu-toggle-bar{display:block;width:20px;height:2.5px;background:#fff;border-radius:2px;transition:.25s}
.menu-toggle-label{color:#fff;font-size:0.95rem;font-weight:600;font-family:var(--font-body)}
.ft-theme-light .menu-toggle{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.15)}
.ft-theme-light .menu-toggle-bar{background:#1a1430}
.ft-theme-light .menu-toggle-label{color:#1a1430}
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-toggle-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}




@media(max-width:900px){
}
/* Menü açıkken SADECE arka plan kilitli (menü paneli kendi içinde scroll olur) */
body.ft-menu-open{overflow:hidden}
/* Mobil menü ince scrollbar */
@media(max-width:900px){
.main-navigation::-webkit-scrollbar{width:5px}
.main-navigation::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}
.main-navigation::-webkit-scrollbar-track{background:transparent}
}
/* Mobil menü açıkken arka plan karartma */
.ft-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:990;opacity:0;transition:opacity .3s}
body.ft-menu-open .ft-menu-overlay{display:block;opacity:1}
/* Panel açıkken header'ı (ve içindeki menü panelini) overlay'in ÜSTÜNE çıkar */
body.ft-menu-open .site-header{z-index:1002}
@media(min-width:901px){.ft-menu-overlay{display:none !important}}
/* ===== MOBİL PERFORMANS İYİLEŞTİRMELERİ ===== */
@media(max-width:900px){
/* backdrop-filter mobilde çok pahalı — düz yarı saydam renkle değiştir */
.site-header{backdrop-filter:none;background:rgba(15,12,29,0.97)}
.ft-theme-light .site-header{background:rgba(245,243,255,0.98)}
/* Sonsuz yüzen kart animasyonunu mobilde durdur (GPU yükü) */
.ft-sample-card{animation:none}
/* Hover transform'ları mobilde gereksiz (dokunmatik) — sadeleştir */
.tarot-card:hover{transform:none}
/* Dekoratif gradient overlay'leri mobilde hafiflet */
.hero-section::before,.ft-deck-hero::before{display:none}
}
/* Hareketi azalt tercihi olan kullanıcılar için tüm animasyonları kapat */
@media(prefers-reduced-motion:reduce){
*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
/* Menü butonu — mobilde göster (ana display:none kuralından SONRA gelir, kazanır) */
@media(max-width:900px){
.menu-toggle{display:flex !important}
}

/* ===== Kart sayfası zengin içerik blokları ===== */
.ft-card-context-block h2{color:var(--color-secondary)}
.ft-card-yesno-block{background:linear-gradient(135deg,rgba(108,60,224,0.12),transparent);border-color:rgba(108,60,224,0.25)}
.ft-card-yesno-block h2{color:var(--color-secondary)}
.ft-card-drew-block{background:rgba(255,215,0,0.05);border-color:rgba(255,215,0,0.18)}
.ft-card-drew-block h2{color:var(--color-secondary)}
/* ===== Rehber sayfaları (Guides) ===== */
.ft-guide-container{max-width:800px;margin:0 auto;padding:0 20px}
.ft-guide-title{font-size:2rem;line-height:1.25;margin:18px 0 16px;color:var(--color-text)}
.ft-guide-intro{font-size:1.1rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:32px}
.ft-guide-section{margin-bottom:28px}
.ft-guide-section h2{font-size:1.35rem;color:var(--color-secondary);margin-bottom:10px}
.ft-guide-section p{font-size:1.02rem;line-height:1.75;color:var(--color-text)}
.ft-guide-cta{text-align:center;margin:40px 0;padding:32px 24px;background:linear-gradient(135deg,rgba(108,60,224,0.15),rgba(255,215,0,0.05));border-radius:16px}
.ft-guide-cta h2{font-size:1.4rem;margin-bottom:18px;color:var(--color-text)}
.ft-guide-more{margin:36px 0}
.ft-guide-more h2{font-size:1.3rem;color:var(--color-secondary);margin-bottom:14px}
.ft-guide-links{list-style:none;padding:0;margin:0}
.ft-guide-links li{margin:0 0 10px}
.ft-guide-links a{color:var(--color-text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:2px;transition:color .2s}
.ft-guide-links a:hover{color:var(--color-secondary)}
/* Rehber arşiv ızgarası */
.ft-guide-archive-header{text-align:center;margin:24px 0 36px}
.ft-guide-archive-header h1{font-size:2rem;margin-bottom:14px}
.ft-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.ft-guide-card{display:block;padding:24px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;text-decoration:none;transition:border-color .2s,transform .2s}
.ft-guide-card:hover{border-color:var(--color-secondary);transform:translateY(-2px)}
.ft-guide-card h2{font-size:1.2rem;color:var(--color-text);margin-bottom:10px}
.ft-guide-card p{font-size:0.95rem;color:var(--color-text-muted);line-height:1.6}
.ft-theme-light .ft-guide-card{background:#fff;border-color:rgba(0,0,0,0.1)}
/* ===== Paylaş butonu ===== */
.ft-share-btn{margin-top:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;display:inline-flex;align-items:center;gap:8px}
.ft-share-btn::before{content:"↗";font-size:1.1em}
/* ===== Yeni araçlar (evet-hayır, doğum kartı, aşk uyumu) ===== */
.ft-yesno-answer{font-size:2.6rem;font-weight:800;text-align:center;margin:10px 0 18px;letter-spacing:1px}
.ft-yn-yes{color:#4ade80}
.ft-yn-no{color:#f87171}
.ft-yn-maybe{color:var(--color-secondary)}
.ft-tool-intro{text-align:center;color:var(--color-text-muted);margin-bottom:14px}
.ft-love-form{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.ft-love-select{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:#1a1430;color:var(--color-text);font-size:1.05rem;min-width:130px}
.ft-theme-light .ft-love-select{background:#fff;color:#1a1430;border-color:rgba(0,0,0,0.2)}
.ft-love-heart{color:#f472b6;font-size:1.5rem}
.ft-love-pair{text-align:center;font-size:1.3rem;font-weight:700;margin:10px 0 14px;color:var(--color-text)}
.ft-love-text{line-height:1.7;color:var(--color-text);font-size:1.02rem}
/* ===== Astroloji araçları ===== */
.ft-zodiac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:18px 0}
.ft-zodiac-pick{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:12px 6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:12px;cursor:pointer;color:var(--color-text);transition:border-color .2s,background .2s}
.ft-zodiac-pick:hover{border-color:var(--color-secondary)}
.ft-zodiac-active{border-color:var(--color-secondary);background:rgba(255,215,0,0.1)}
.ft-zodiac-sym{font-size:1.6rem;color:var(--color-secondary)}
.ft-zodiac-name{font-size:0.82rem;font-weight:600}
.ft-theme-light .ft-zodiac-pick{background:#fff;border-color:rgba(0,0,0,0.12)}
.ft-horo-card,.ft-cn-card{text-align:center;padding:8px 4px}
.ft-horo-card h3{font-size:1.3rem;color:var(--color-secondary);margin-bottom:8px}
.ft-horo-date{display:block;font-size:0.8rem;color:var(--color-text-muted);font-weight:400;margin-top:2px}
.ft-horo-card p,.ft-cn-card p{line-height:1.7;font-size:1.02rem}
.ft-cn-sym{font-size:3.5rem;margin-bottom:6px}
.ft-cn-card h3{font-size:1.5rem;color:var(--color-secondary);margin-bottom:10px}
/* ===== Kişilik testi + ruh hali ===== */
.ft-quiz-area{margin:18px 0}
.ft-quiz-qtext{font-size:1.15rem;font-weight:600;margin-bottom:16px;color:var(--color-text)}
.ft-quiz-opts{display:flex;flex-direction:column;gap:10px}
.ft-quiz-opt{padding:14px 18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.14);border-radius:12px;color:var(--color-text);font-size:1rem;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.ft-quiz-opt:hover{border-color:var(--color-secondary);background:rgba(255,215,0,0.08)}
.ft-theme-light .ft-quiz-opt{background:#fff;border-color:rgba(0,0,0,0.14)}
.ft-quiz-again,.ft-mood-reflect{margin-top:16px}
.ft-mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin:18px 0}
.ft-mood-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:12px;color:var(--color-text);cursor:pointer;font-size:0.9rem;transition:border-color .2s,background .2s}
.ft-mood-btn:hover{border-color:var(--color-secondary);background:rgba(255,215,0,0.08)}
.ft-mood-emoji{font-size:1.8rem}
.ft-mood-reflect{text-align:center;line-height:1.7;font-size:1.05rem;color:var(--color-text);margin-bottom:8px}
.ft-theme-light .ft-mood-btn{background:#fff;border-color:rgba(0,0,0,0.12)}
/* ===== Araç sayfası SEO içeriği ===== */
.ft-tool-seo{max-width:760px;margin:36px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1)}
.ft-tool-seo h2{font-size:1.4rem;color:var(--color-secondary);margin:24px 0 12px}
.ft-tool-seo h2:first-child{margin-top:0}
.ft-tool-seo p{line-height:1.75;margin-bottom:14px;color:var(--color-text)}
.ft-tool-faq{margin-top:8px}
.ft-faq-item{margin-bottom:18px}
.ft-faq-item h3{font-size:1.08rem;color:var(--color-text);margin-bottom:6px}
.ft-faq-item p{color:var(--color-text-muted)}
.ft-theme-light .ft-tool-seo{border-color:rgba(0,0,0,0.1)}
/* Masaüstünde mobil alt menü açma ikonu görünmesin */
@media(min-width:901px){.ft-submenu-toggle{display:none !important}}
/* ===== İnteraktif Karşılama Kartı (hero) ===== */
.ft-welcome{margin:24px auto 12px;max-width:340px}
.ft-welcome-toggle{display:inline-flex;gap:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:999px;padding:4px;margin-bottom:22px}
.ft-wc-mode{-webkit-appearance:none;appearance:none;padding:12px 20px;min-height:44px;border:none;outline:none;background:none;color:var(--color-text-muted);font-family:inherit;font-size:0.9rem;font-weight:600;line-height:1.2;border-radius:999px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .25s,color .25s}
.ft-wc-active{background:var(--color-secondary);color:#1a1338;box-shadow:0 2px 8px rgba(255,215,0,0.35)}
.ft-welcome-stage{position:relative;width:175px;height:262px;margin:0 auto;perspective:1200px}
.ft-welcome-card{display:block;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d}
.ft-wc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,.05,.2,1);animation:ft-wc-float 4.2s ease-in-out infinite}
.ft-wc-flipped .ft-wc-inner{transform:rotateY(180deg);animation:none}
.ft-wc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;filter:drop-shadow(0 8px 22px rgba(124,58,237,0.35))}
.ft-wc-front{transform:rotateY(180deg)}
.ft-welcome-card:hover .ft-wc-inner{animation-play-state:paused}
.ft-welcome-card:hover:not(.ft-wc-flipped) .ft-wc-inner{transform:scale(1.04)}
@keyframes ft-wc-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
/* yumuşak parıltı nefesi */
.ft-welcome-stage::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,0.16),transparent 68%);animation:ft-wc-glow 4.2s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes ft-wc-glow{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.8;transform:scale(1.05)}}
/* yıldız tozu */
.ft-welcome-sparkle{position:absolute;inset:0;pointer-events:none;z-index:3}
.ft-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd700 60%,transparent);opacity:0;animation:ft-spark-fly .95s ease-out forwards;animation-delay:var(--d,0s)}
@keyframes ft-spark-fly{0%{opacity:0;transform:translate(0,0) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}
/* metinler */

.ft-welcome-result{margin-top:6px}
.ft-welcome-greet{font-size:0.82rem;color:var(--color-text-muted);margin-bottom:2px;letter-spacing:.3px}
.ft-welcome-name{font-size:1.5rem;color:var(--color-secondary);margin:2px 0 12px;font-family:Georgia,'Times New Roman',serif}
.ft-welcome-link{display:inline-block;margin-bottom:6px}


.ft-theme-light .ft-wc-mode{color:#5b4a82}
.ft-theme-light .ft-welcome-toggle{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.12)}
/* hareket hassasiyeti olanlar için animasyonları kapat */
@media(prefers-reduced-motion:reduce){
.ft-wc-inner,.ft-welcome-stage::before{animation:none !important}
.ft-wc-inner{transition:transform .3s ease}
.ft-spark{animation-duration:.4s}
}

.ft-welcome-draw-btn{margin-top:20px;position:relative;z-index:5}

.ft-welcome-draw-btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}


@media(min-width:768px){.hero-section h1{white-space:nowrap;width:fit-content}}
.ft-cookie-more-link{color:var(--color-secondary);text-decoration:underline;white-space:nowrap;margin-left:2px}
.ft-cookie-more-link:hover{color:#fff}
.ft-privacy-content h3,.ft-terms-content h3{font-family:var(--font-heading);color:var(--color-secondary);font-size:1.15rem;margin:26px 0 10px}
.ft-privacy-content p a,.ft-terms-content p a{color:var(--color-secondary);text-decoration:underline}
.ft-terms-content{max-width:760px;margin:0 auto}
.ft-terms-content h2{font-family:var(--font-heading);color:var(--color-secondary);font-size:1.5rem;margin:0 0 4px}
.ft-terms-content p{color:var(--color-text-muted);line-height:1.75;margin-bottom:16px;font-size:0.95rem}
.ft-explore-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:820px;margin:0 auto}