body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;background:#f0f2f5;color:#1c1e21}
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:none;border:none;outline:0;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;list-style:none;}
p:first-of-type {margin-top: 0 !important;}
p {margin:15px 0;line-height:1.8;color:#444;font-size:1.05rem;}
p a {color:#bf143c;font-weight:500}
img{float:right;width:365px;height:auto;border:solid 1px #d4d4d4;padding:5px;margin:0 0 15px 25px;}
.main-header{width:100%;margin-bottom:30px}
.top-bar, .bottom-bar{width:100%;background:#1a365d;color:#fff;padding:8px 0;border-radius:0;}
.header-inner{width:100%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.top-nav a{color:#fff;text-decoration:none;margin-left:15px;opacity:0.8;transition:0.2s}
.top-nav a:hover{opacity:1;color:#e67e22}
.header-center{background:#fff;border-bottom:1px solid #eee}
.header-grid{width:100%;max-width:1300px;display:grid;grid-template-columns:400px auto;gap:20px;align-items:center;min-height:66px}
.brand a{font-size:2.2rem;font-weight:900;color:#1a365d;text-decoration:none;letter-spacing:-1px}
.brand p{margin:0;font-size:0.9rem;color:#e67e22;font-weight:600;text-transform:uppercase}
.article-body{padding:7px;}
.container{width:100%;max-width:1300px;margin:30px auto;padding:40px;background:#ffffff;border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,0.06)}
ul.links{margin:0;padding:0;}
ul.links li{list-style-type:none;display:inline;margin-right:25px;}
ul.links li:last-child{margin-right:0;}
ul.links a{color:#fff;}
.astrology-section{margin-top:40px}
.astrology-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px}
.sign strong,.house strong{color:#e67e22}
hr{border:0;height:1px;background:#eee;margin:40px 0}
details{border:1px solid #eee;border-radius:8px;margin-bottom:10px;background:#f9f9f9;transition:all .3s ease}
summary{padding:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#2c3e50}
summary::after{content:'+';font-size:1.2rem;color:#e67e22}
details[open]{background:#fff;border-color:#e67e22}
details[open] summary::after{content:'-'}
.content{padding:15px;line-height:1.7;color:#444;border-top:1px solid #eee}
h1,h2{color:#1a365d;font-weight:700;letter-spacing:-0.02em}
h1{line-height:41px;margin-bottom:25px;}
h2{line-height:37px;}
h3{line-height:35px;}
.hashtags{list-style:none;padding:0;margin:15px 0;display:flex;flex-wrap:wrap;gap:10px}
.hashtags li{color:#e67e22;font-size:0.9rem;font-weight:600;background:#fff5eb;padding:4px 10px;border-radius:6px;transition:all .2s}
.hashtags li:hover{background:#e67e22;color:#fff}
.content>ul,.aciklama>ul{list-style:none;padding:0;margin:15px 0;display:flex;flex-wrap:wrap;gap:10px}
.content>ul>li,.aciklama>ul>li{color:#e67e22;font-size:0.9rem;font-weight:600;background:#fff5eb;padding:4px 10px;border-radius:6px;transition:all .2s}
.content>ul>li:hover,.aciklama>ul>li:hover{background:#e67e22;color:#fff}
.sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}
.sub-card{padding:20px;border:1px solid #eee;border-radius:10px;background:#fcfcfc;transition:transform .2s}
.sub-card:hover{transform:translateY(-3px);border-color:#3498db}
.sub-card h3{margin-top:0;font-size:1.2rem;color:#2c3e50}
.sub-card p{font-size:0.95rem;color:#666;line-height:1.5}
.read-more{display:inline-block;margin-top:10px;color:#3498db;text-decoration:none;font-weight:700;font-size:0.9rem}
.asteroid-nav{margin-top:50px;padding-bottom:40px}
.asteroid-nav h3{font-size:1.3rem;color:#2c3e50;margin-bottom:20px;border-left:4px solid #e67e22;padding-left:15px}
.asteroid-nav ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;align-items:stretch}
.asteroid-nav li{display:flex}
.asteroid-nav li a{display:flex;align-items:center;padding:15px;background:#fcfcfc;border:1px solid #eee;border-radius:10px;color:#34495e;text-decoration:none;font-size:0.95rem;font-weight:600;transition:all .2s ease;width:100%}
.asteroid-nav li a:hover{background:#fff;border-color:#e67e22;color:#e67e22;box-shadow:0 4px 12px rgba(230,126,34,0.1);transform:translateY(-2px)}
.asteroid-nav li a::before{content:'✦';margin-right:10px;color:#e67e22;font-size:0.8rem;flex-shrink:0}
.formbolum{width:383px;float:left;margin:0 25px 15px 0;}
.form-inner{background-color:#1a365d;border-radius:0;width:100%;height:auto;float:left;padding:3px 25px 33px 25px;display:table;}
.form-head {box-shadow:inset 0 0 5px #0a0322;border-radius:0;margin:33px 0 15px 0;padding:15px 7px;font-size:19px;color:#fff;width:100%;display:flex;align-content:center;justify-content:center;align-items:center;font-weight:500;text-align:center;text-transform:uppercase;}
.form-line{float:left;width:100%;margin:15px 0 0 0;}
.d-line{width:100%;float:left;font-size:14px;line-height:15px;margin-top:10px;margin-bottom:-10px;color:#fff;}
.line-section{margin-bottom:5px;}
.bolum-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:1%;}
.bolum-grid>.line-section>input {height:33px;font-size:15px;width:100%;padding-left:5px;}
.chart-button{width:99%;background-color:#e67e22;border:0;color:#fff;font-weight:600;font-size:16px;height:52px;cursor:pointer;position:relative !important;z-index:9999 !important;}
.chart-button:hover{box-shadow:0 0 5px}
.tarih-grid{width:100%;height:auto;display:grid;grid-template-columns:minmax(auto, 32%) minmax(auto, 32%) minmax(auto, 32%);column-gap:2%;}
a, a:link, a:visited, a:hover, a:active, a:focus {outline:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-webkit-tap-highlight-color:transparent !important;}
input,select {font-weight:500;color:#444;background:#edf2ff;}
select:focus{outline:none;}
select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;padding:15px;border-radius:3px;background:#edf2ff;}
.result-item {background:#314a6d;color:#a6c9fb;border:solid 1px;float:left;width:100%;margin-top:10px;padding:10px;}
.chart-section{margin:0;}
.harita-kimlik {background:#1a365d;color:#ffffff;padding:15px 20px;display:flex;flex-direction:column;gap:5px;border-bottom:2px solid #e67e22;text-align:center;}
.loc-name {font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.loc-date {font-size:1rem;opacity:0.9;font-family:monospace;}
.loc-details {margin-top:5px;font-size:0.85rem;border-top:1px solid rgba(255,255,255,0.1);padding-top:5px;}
.loc-gmt, .loc-coords {background:rgba(255,255,255,0.1);padding:2px 8px;border-radius:4px;letter-spacing:0.5px;}
.konumlar-container {background:#1a365d;color:#1a365d;padding:15px;border-radius:2px;box-shadow:inset 0 0 5px #b8b7c1;text-align:center;}
.konumlar-satir{display:grid;grid-template-columns:auto auto auto;grid-column-gap:5px;grid-row-gap:5px;padding:0.2%;}
.konumlar-satir>div{background:#fff;padding:7px 0;}
.chart-head {font-weight:600;font-size:25px;color:#1a365d;margin:25px 0;}
.chart-head-container {display:flex;align-items:center;width:100%;}
.chart-head-container::before,.chart-head-container::after {content:'';flex:1;border-bottom:2px solid #1a365d;margin:0 12px;}
.aciklama {padding:20px;background:#ffffff;border:1px solid #e67e22;border-radius:12px;margin:15px 0;box-shadow:0 4px 6px rgba(0,0,0,0.03);transition:all 0.3s ease;}
.evlerin-konumlari, .gezegenlerin-konumlari {background-color:#1a365d;padding:2%;padding-bottom:33px;border-radius:0;}
.gezegenlerin-konumlari{margin:0 0 25px 0;}
.konum-satir{text-align:center;}
.side-panel,.mobile-toggle{display:none}
.mobile-show{display:none}
.oneri-dugme {margin:0 auto;margin-bottom: 41px;display:block;padding:15px 30px;background:linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);color:#ffffff !important;text-decoration:none !important;border-radius:50px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-weight:bold;font-size:16px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;border:none;cursor:pointer;text-align:center;}
.oneri-dugme:hover {transform:translateY(-3px) scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,0.3);opacity:0.95;color:#ffffff !important;}
.oneri-dugme:active {transform:translateY(0) scale(0.98);}
.language-switcher-container {display:ruby;text-align:right;padding:10px;}
.lang-circle {float:left;margin-left:11px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#1a365d;color:#ffffff !important;text-decoration:none !important;border-radius:50%;font-family:'Segoe UI', Arial, sans-serif;font-size:13px;font-weight:700;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1);border:2px solid transparent;}
.lang-circle:hover {transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.2);background-color:#2c5282;}
.lang-circle.active {background-color:#e67e22;color:#ffffff !important;box-shadow:0 0 10px rgba(230, 126, 34, 0.4);cursor:default;}
.harita2{margin-bottom:41px;}
.astrology-trio{padding: 40px 7px;max-width: 1200px;margin: 0 auto;font-family: 'Segoe UI', Roboto, sans-serif;}
.trio-container{display: flex;gap: 20px;align-items: stretch;}
.main-block{flex: 1;background: #fff;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.08);display: flex;flex-direction: column;transition: transform 0.3s ease;}
.main-block:hover { transform: translateY(-5px); }
.block-image img{width: 100%;height: 300px;object-fit: cover;}
.block-content{padding: 25px;display: flex;flex-direction: column;justify-content: center;flex-grow: 1;}
.block-content h3{font-size: 24px;color: #2c3e50;margin-bottom: 15px;}
.side-blocks{flex: 1;display: flex;flex-direction: column;gap: 20px;}
.sub-block{flex: 1;background: #fff;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.08);display: flex;align-items: center;}
.sub-image{width: 40%;height: 100%;}
.sub-image img{width: 100%;height: 100%;object-fit: cover;}
.sub-content{width: 60%;padding: 20px;}
.sub-content h4{font-size: 18px;color: #2c3e50;margin-bottom: 10px;}
.astro-btn{display: inline-block;background: #6c5ce7;color: #fff;padding: 12px 25px;border-radius: 25px;text-decoration: none;font-weight: bold;margin-top: 15px;text-align: center;transition: background 0.3s;}
.astro-btn:hover { background: #a29bfe; }
.astro-link{color: #6c5ce7;text-decoration: none;font-weight: 600;font-size: 14px;}
.astro-link:hover { text-decoration: underline; }
@media screen and (max-width:767px){
img{width:100%;height:auto;border:solid 1px #d4d4d4;padding:5px;margin:0 0 25px 0}
.container{margin:0 auto;padding:7px;width:96%;}	
.asteroid-nav ul{grid-template-columns:1fr}
.astrology-section h2{font-size:1.4rem}
.form-inner{border-radius:0;width:100%;height:auto;float:left;padding:3px 15px 33px 15px;display:table;}
.formbolum{width:100%;margin:0 0 25px;}
.header-inner {margin:10px auto;padding:7px;}
.header-grid{grid-template-columns:1fr;text-align:center}
.header-ad-space{text-align:center;display:none}
.top-bar,.bottom-bar,.header-ad-space{display:none}
.header-grid{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.main-header{display:none;}
.sidenav{border-radius:0;height:100%;width:0;position:fixed;z-index:99999;top:0;left:0;background-color:#1a365d;overflow-x:hidden;transition:0.5s;padding-top:100px;}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;color:#818181;display:block;transition:0.3s;}
.sidenav a:hover{color:#f1f1f1;}
.sidenav .closebtn{position:absolute;top:20px;right:25px;font-size:40px;color:white;}
ul.moblinks{list-style:none;margin:0 1%;padding:0;}
ul.moblinks li{margin-bottom:7px;display:flex;align-items:center;justify-content:center;height:44px;border:solid 1px #fff;}
ul.moblinks li a{padding:0;font-weight:500;font-size:16px;color:white;}
.mobilheader-1{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.mobilburger{cursor:pointer;}
.mobilburger span{display:block;height:4px;background:#1a365d;border-radius:2px;width:30px;margin:5px 0;}
.mobile-show{display:block;}
.lang-circle {width:34px;height:34px;font-size:11px;}
.trio-container{flex-direction: column;}
.sub-block{flex-direction: column;}
.sub-image, .sub-content{width: 100%;}
.sub-image img{height: 200px;}
}