/* min */*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif;background:#f4f4f4;color:#151515}a{text-decoration:none;color:inherit}.container{width:92%;max-width:1280px;margin:0 auto}.main-layout{width:92%;max-width:1280px;margin:20px auto 40px auto;display:flex;flex-direction:column;gap:24px}.site-header{background:rgba(242,243,245,0.9);color:#0f1a3c;padding:14px 0;box-shadow:0 2px 8px rgba(0,0,0,0.15);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.header-flex{display:flex;align-items:center;justify-content:space-between}.logo-group{display:flex;align-items:center}.logo-pill{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 10px;background:linear-gradient(135deg,#0f1a3c,#0d4e25);border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.site-logo{height:55px;object-fit:contain;display:block;background:transparent}.slogan{font-size:13px;font-weight:600;color:#ffffff;margin-top:2px}.desktop-nav a{margin-left:25px;color:#0f1a3c;font-weight:600;transition:0.2s}.desktop-nav a:hover{color:#0d4e25}.mobile-nav-icon{display:none;font-size:30px;cursor:pointer;color:#0f1a3c}.mobile-nav{max-height:0;overflow:hidden;background:#f2f3f5;transition:max-height 0.35s ease,opacity 0.25s ease;opacity:0}.mobile-nav.open{max-height:260px;opacity:1}.mobile-nav a{display:block;padding:12px;border-bottom:1px solid #dddddd;color:#0f1a3c;font-weight:500}@media (max-width:768px){.desktop-nav{display:none}.mobile-nav-icon{display:block}.site-logo{height:45px}.slogan{font-size:11px}.logo-pill{padding:4px 14px 4px 8px}}.section-card{background:#ffffff;border-radius:10px;padding:20px;margin-top:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.section-card h2{font-size:20px;margin-bottom:10px;color:#c40000}.fade-slider{position:relative;width:100%;height:320px;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.25)}.fade-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}.fade-slide.active{opacity:1}.fade-slide img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.fade-slider{height:220px;border-radius:10px}}.hero-premium{background:#ffffff;padding:30px 20px 26px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,0.08);text-align:center;margin-top:16px}.hero-premium h1{font-size:28px;font-weight:800;color:#0f1a3c;margin-bottom:8px}.hero-premium p{font-size:16px;color:#444;margin-bottom:12px}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.badge{font-size:13px;padding:6px 12px;border-radius:999px;background:#f4f4f4;border:1px solid #e3e3e3}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn-primary,.btn-secondary,.btn-whatsapp{padding:11px 20px;border-radius:8px;font-weight:600;border:none;cursor:pointer;display:inline-block;transition:0.25s}.btn-primary{background:#c40000;color:#fff}.btn-primary:hover{background:#a50000;transform:translateY(-2px);box-shadow:0 0 12px rgba(196,0,0,0.4)}.btn-secondary{background:#0f1a3c;color:#fff}.btn-secondary:hover{background:#0d172f;transform:translateY(-2px);box-shadow:0 0 12px rgba(15,26,60,0.35)}.btn-whatsapp{background:#22c55e;color:#fff}.btn-whatsapp:hover{background:#1da24e;transform:translateY(-2px);box-shadow:0 0 12px rgba(34,197,94,0.45)}@media (max-width:768px){.hero-premium h1{font-size:22px}.hero-premium p{font-size:14px}.hero-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-whatsapp{width:100%;text-align:center}}.neden-section{text-align:center;margin-top:30px}.neden-section h2{font-size:24px;font-weight:800;color:#0f1a3c}.neden-sub{margin-top:6px;font-size:14px;color:#666}.neden-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:22px}.neden-card{background:#ffffff;border-radius:12px;padding:18px 16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:0.2s}.neden-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,0.12)}.neden-icon{font-size:32px;margin-bottom:8px}.neden-card h3{font-size:16px;margin-bottom:6px;color:#0f1a3c}.neden-card p{font-size:14px;color:#444}.about-premium{background:#ffffff;border-radius:12px;padding:24px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.about-premium h2{font-size:24px;font-weight:800;color:#0f1a3c;margin-bottom:10px}.about-premium p{font-size:15px;color:#333;line-height:1.6}.about-premium{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);gap:24px;align-items:flex-start}.about-left{font-size:15px}.about-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.about-card{background:#f9fafb;border-radius:12px;padding:14px 12px;border:1px solid #e3e6ee;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.about-icon{font-size:24px;display:block;margin-bottom:6px}.about-card h3{font-size:15px;color:#0f1a3c;margin-bottom:4px}.about-card p{font-size:13px;color:#555}@media (max-width:850px){.about-premium{grid-template-columns:1fr}}.services-ultra{margin-top:30px}.services-ultra h2{font-size:24px;font-weight:800;color:#0f1a3c;margin-bottom:12px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.service-box{background:#ffffff;border-radius:14px;padding:18px 16px;border:1px solid #ececec;box-shadow:0 4px 12px rgba(0,0,0,0.06);text-align:left;transition:0.25s ease}.service-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.s-icon{font-size:32px;margin-bottom:8px}.service-box h3{font-size:16px;margin-bottom:6px;color:#0f1a3c}.service-box p{font-size:14px;color:#555;line-height:1.5}.bolge-premium{margin-top:30px}.bolge-premium h2{font-size:22px;font-weight:800;color:#0f1a3c;margin-bottom:8px}.bolge-desc{font-size:14px;color:#444;margin-bottom:14px}.bolge-flex{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.bolge-column h3{font-size:15px;color:#0f1a3c;margin-bottom:6px}.bolge-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:13px;background:#f4f6fb;border:1px solid #dde1f0;margin:4px 6px 0 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:15px}.gallery-img{width:100%;height:170px;object-fit:cover;border-radius:8px;transition:0.25s}.gallery-img:hover{transform:scale(1.04)}.contact p{margin-bottom:6px;font-size:14px}.contact a{font-weight:600}.site-footer{background:#111;color:#fff;margin-top:40px;padding:20px 0 10px;font-size:14px}.footer-flex{width:92%;max-width:1280px;margin:0 auto;display:grid;gap:15px}.footer-flex h3,.footer-flex h4{margin-bottom:5px;color:#fff}.footer-flex a{color:#f2f2f2;font-size:13px}.copyright{text-align:center;margin-top:10px;opacity:0.7}@media (min-width:700px){.footer-flex{grid-template-columns:repeat(3,1fr)}}.region-premium h2{font-size:22px;margin-bottom:10px;color:#0f1a3c}.region-desc{color:#444;font-size:15px;margin-bottom:20px;line-height:1.6}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.region-block{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border-radius:14px;padding:20px;border:1px solid #e5e5e5;box-shadow:0 3px 8px rgba(0,0,0,0.06);transition:0.25s}.region-block:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.region-block.highlight{background:linear-gradient(135deg,#0f1a3c,#0d4e25);color:#fff}.region-block.highlight p{color:#e6ffe6}.region-block h3{font-size:17px;margin-bottom:10px;font-weight:700;color:#0f1a3c}.region-block.highlight h3{color:#fff}.region-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#f4f6fb;padding:7px 14px;border-radius:50px;font-size:14px;color:#0f1a3c;display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe5f2;transition:0.2s}.tag:hover{background:#e2e8ff;border-color:#b8c4ff}.tag i{font-style:normal;opacity:0.8}@media (max-width:768px){.tag{font-size:13px;padding:6px 12px}.region-block{padding:16px}}.footer-pro{background:#0a1126;color:#d7d7d7;padding-top:22px;padding-bottom:16px;margin-top:35px}.footer-glow{width:100%;height:2.5px;background:linear-gradient(90deg,#c40000,#0d4e25,#0f1a3c,#c40000);background-size:300% 300%;animation:glowMove 6s ease infinite;box-shadow:0 0 10px rgba(196,0,0,0.35);margin-bottom:14px}@keyframes glowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.footer-container{width:92%;max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr 0.7fr;gap:18px}.footer-logo{font-size:20px;font-weight:900;color:#fff;margin-bottom:6px}.footer-info{font-size:12.7px;line-height:1.45;opacity:.9}.footer-cards{display:grid;grid-template-columns:1fr;gap:8px}.f-card{background:rgba(255,255,255,0.05);padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;gap:9px;transition:0.25s;color:#fff}.f-card:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px)}.f-icon{font-size:20px}.f-card-text span{font-size:10.5px;opacity:0.7}.f-card-text strong{font-size:13.2px;font-weight:700}.footer-title{color:#fff;font-size:14px;margin-bottom:6px}.footer-links a{display:block;font-size:12.5px;color:#ccc;margin-bottom:4px;transition:0.25s}.footer-links a:hover{color:#7ccf8a;transform:translateX(3px)}.footer-bottom{text-align:center;margin-top:16px;font-size:11px;opacity:0.55}@media (max-width:900px){.footer-container{grid-template-columns:1fr}.footer-cards{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:600px){.footer-cards{grid-template-columns:1fr}.footer-logo{font-size:18px}.footer-info{font-size:12px}}.map-popup{position:fixed;inset:0;background:rgba(0,0,0,0.65);display:none;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(4px)}.map-box{background:#ffffff;padding:22px;border-radius:14px;width:90%;max-width:350px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:popupFade .3s ease}@keyframes popupFade{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.map-box h3{font-size:20px;color:#0f1a3c;margin-bottom:6px}.map-box p{font-size:14px;color:#444;margin-bottom:14px}.map-btn{width:100%;padding:10px;margin-bottom:10px;border-radius:8px;font-size:15px;border:none;cursor:pointer;font-weight:600}.map-btn.apple{background:#000;color:#fff}.map-btn.google{background:#0f62fe;color:#fff}.map-close{margin-top:4px;font-size:14px;background:#eee;padding:8px 14px;border-radius:8px}.footer-stats{color:#fff}.stats-title{font-size:15px;font-weight:800;margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px}.stat-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);padding:10px;text-align:center;border-radius:10px;transition:0.25s}.stat-box:hover{background:rgba(255,255,255,0.15);transform:translateY(-3px)}.stat-icon{font-size:20px;margin-bottom:4px}.stat-box strong{font-size:15px;display:block;color:#fff}.stat-box span{font-size:11px;opacity:.8}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.seo-trust-section{background:#ffffff;padding:30px 22px 35px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,0.08);margin-top:20px;animation:fadeIn 0.6s ease}.seo-line{height:3px;width:100%;background:linear-gradient(90deg,#c40000,#0d4e25,#0f1a3c);border-radius:4px;margin-bottom:18px;box-shadow:0 0 10px rgba(15,26,60,0.25)}.seo-title{font-size:26px;font-weight:800;text-align:center;color:#0f1a3c}.seo-subtitle{text-align:center;margin-top:6px;font-size:15px;color:#555;max-width:750px;margin-left:auto;margin-right:auto}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:25px}.seo-item{background:rgba(255,255,255,0.9);padding:18px 16px;border-radius:14px;border:1px solid #ececec;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:0.25s ease}.seo-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.seo-icon{font-size:32px;margin-bottom:8px}.seo-item h3{font-size:16px;font-weight:700;color:#0f1a3c;margin-bottom:6px}.seo-item p{font-size:14px;color:#444;line-height:1.5}@media(max-width:600px){.seo-title{font-size:22px}.seo-subtitle{font-size:14px}.seo-item{padding:16px}}.seo-blog{margin-top:30px;padding:25px 20px}.seo-blog-title{font-size:22px;font-weight:800;color:#0f1a3c;margin-bottom:6px}.seo-blog-desc{font-size:14px;color:#555;margin-bottom:18px}.seo-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.seo-blog-box{background:#ffffff;padding:18px;border-radius:14px;border:1px solid #eaeaea;box-shadow:0 3px 12px rgba(0,0,0,0.06);transition:0.25s ease}.seo-blog-box:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,0.12)}.seo-blog-box h3{font-size:16px;color:#0f1a3c;margin-bottom:8px;font-weight:700}.seo-blog-box p{font-size:13.5px;color:#444;margin-bottom:10px;line-height:1.55}.seo-blog-box ul{padding-left:18px;font-size:13px;color:#333}.seo-blog-box li{margin-bottom:5px;list-style:"✔ "}@media (max-width:600px){.seo-blog-box{padding:16px}}.map-popup{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:999999}.map-popup-box{width:88%;max-width:380px;background:rgba(255,255,255,0.12);backdrop-filter:blur(15px);border-radius:18px;padding:22px 20px;border:1px solid rgba(255,255,255,0.15);text-align:center;animation:popupFade 0.25s ease-out;box-shadow:0 10px 35px rgba(0,0,0,0.35)}@keyframes popupFade{from{transform:scale(0.85);opacity:0}to{transform:scale(1);opacity:1}}.map-popup-box h3{color:white;font-size:20px;font-weight:700;margin-bottom:6px}.map-popup-box p{color:#f2f2f2;font-size:14px;opacity:.9;margin-bottom:18px}.map-btn{width:100%;margin-bottom:10px;padding:12px;font-size:15px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:.25s}.map-btn.apple{background:#ffffff;color:#000}.map-btn.apple:hover{background:#e9e9e9}.map-btn.google{background:#0f1a3c;color:#fff}.map-btn.google:hover{background:#0c152e}.map-close{margin-top:6px;background:transparent;color:#fff;border:none;font-size:13px;opacity:.7;cursor:pointer;transition:.25s}.map-close:hover{opacity:1}.faq-section{margin-top:30px}.faq-title{font-size:22px;font-weight:800;color:#0f1a3c;margin-bottom:6px}.faq-subtitle{font-size:14px;color:#555;margin-bottom:16px}.faq-item{background:#ffffff;border-radius:12px;border:1px solid #e9e9e9;margin-bottom:12px;padding:14px 16px;cursor:pointer;transition:0.25s}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.07);transform:translateY(-2px)}.faq-question{font-size:15px;font-weight:700;color:#0f1a3c}.faq-answer{display:none;font-size:14px;color:#444;margin-top:10px;line-height:1.5}.faq-item.open .faq-answer{display:block}.faq-item{background:#fff;border-radius:10px;padding:15px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);cursor:pointer;transition:0.25s}.faq-item:hover{transform:translateY(-2px)}.faq-question{font-size:16px;font-weight:700;color:#0f1a3c}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,opacity 0.3s ease;opacity:0;margin-top:5px;color:#444;line-height:1.6;font-size:14px}.faq-item.open .faq-answer{max-height:300px;opacity:1}<!-- ========== LOGO BLOĞU (ULTRA PREMIUM) ========== --> <div class="logo-group"> <div class="logo-frame"> <a href="{{url_for('index')}}" class="logo-link"> <img src="{{url_for('static',filename='img/logo.png')}}" alt="Günçalı Servis" class="site-logo"> </a> <div class="logo-texts"> <h1 class="logo-title">GÜNÇALI SERVİS</h1> <span class="logo-sub">2000'den Beri Güvenli Taşımacılık</span> </div> </div> </div> body{line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.section-title{font-size:20px;color:#0f1a3c;font-weight:800;margin-bottom:6px}.section-sub{color:#5a5a5a;font-size:14px;margin-bottom:14px}.footer-credit{margin-top:8px;display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10)}.footer-credit span{opacity:0.9}.footer-credit a{color:#7ccf8a;font-weight:700}.footer-credit a:hover{text-decoration:underline}.map-popup-box{background:#ffffff;padding:22px;border-radius:14px;width:90%;max-width:350px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:popupFade .3s ease}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-item{padding:0;border:none;background:transparent;cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.12);transition:transform .2s ease,box-shadow .2s ease}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,0.16)}.gallery-item img{width:100%;height:170px;object-fit:cover;display:block}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{height:160px}}@media (max-width:520px){.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:210px}}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.lightbox-img{max-width:min(980px,96vw);max-height:88vh;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,0.5)}.contact-section{background:#ffffff;border-radius:14px;padding:26px 22px;box-shadow:0 4px 14px rgba(0,0,0,0.08)}.contact-head h2{font-size:24px;font-weight:900;color:#0f1a3c;margin-bottom:4px}.contact-head p{color:#555;font-size:14px}.contact-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.contact-card{display:flex;gap:10px;align-items:center;padding:12px 12px;border-radius:14px;border:1px solid #ececec;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:transform .2s ease,box-shadow .2s ease;text-align:left;cursor:pointer}.contact-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,0.10)}.contact-card button{all:unset}.c-ico{font-size:22px}.c-label{font-size:12px;color:#6b7280}.c-value{font-size:14px;font-weight:800;color:#0f1a3c}.contact-bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.contact-note{font-size:13px;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;padding:10px 12px;border-radius:12px}@media (max-width:980px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.contact-grid{grid-template-columns:1fr}}@media (max-width:520px){.desktop-nav a,.mobile-nav a{padding:14px}.btn-primary,.btn-secondary,.btn-whatsapp{min-height:44px}}