:root{ --bg:#fff; --surface:#fff; --text:#071a43; --muted:#475569; --line:#e5ebf4; --primary:#0E3E82; --shadow-soft:0 10px 26px rgba(16,34,74,0.06); --container:1240px; --header-h:82px }
      *{ box-sizing:border-box }
      html{ scroll-behavior:smooth }
      body{ margin:0; font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; font-size:0.9rem; font-style:normal; font-weight:400; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased }
      img{ max-width:100%; display:block }
      a{ color:inherit; text-decoration:none }
      .container{ width:min(calc(100% - 32px),var(--container)); margin:0 auto }
      .section{ padding:88px 0 }
      .section-head{ text-align:center; max-width:760px; margin:0 auto 44px }
      .section-head h2{ margin:0; font-size:42px; line-height:1.1; letter-spacing:-1.6px; font-weight:700 }
      .section-head p{ margin:16px 0 0; color:var(--muted); font-size:17px; line-height:1.75 }
      .site-header{ position:sticky; top:0; z-index:100; backdrop-filter:saturate(180%) blur(16px); background:rgba(255,255,255,0.82); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(229,235,244,0.8) }
      .site-header .inner{ min-height:var(--header-h); display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative }
      .brand{ display:flex; align-items:center; gap:12px; font-weight:800; font-size:20px; letter-spacing:-0.04em; color:#06173c }
      .brand-mark{ width:42px; height:42px; border-radius:14px; background:linear-gradient(135deg,var(--primary),#0E3E82); box-shadow:0 10px 24px rgba(14,62,130,0.28); position:relative; overflow:hidden }
      .brand-mark:before, .brand-mark:after{ content:""; position:absolute; border-radius:999px; background:rgba(255,255,255,0.9) }
      .brand-mark:before{ width:26px; height:4px; left:8px; top:12px; transform:rotate(-35deg) }
      .brand-mark:after{ width:16px; height:4px; left:15px; top:22px; transform:rotate(-35deg) }
      .nav{ display:flex; align-items:center; gap:30px }
      .nav a{ color:#294166; font-size:15px; font-weight:600 }
      .hero{ padding:120px 0 120px; background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%) }
      .hero-copy{ max-width:860px; margin:0 auto; text-align:center }
      .hero-copy h1{ margin:0 auto; font-size:68px; line-height:1.02; letter-spacing:-2.4px; font-weight:800 }
      .blue{ color:var(--primary) }
      .hero-copy p{ margin:22px auto 0; max-width:760px; font-size:18px; line-height:1.8; color:#42536b }
      .hero-actions{ display:flex; gap:16px; margin-top:30px; justify-content:center }
      .btn{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; border-radius:999px; padding:0 24px; font-weight:800; transition:0.2s }
      .btn-primary{ color:#fff; background:linear-gradient(180deg,#0E3E82 0%,var(--primary) 100%); box-shadow:0 14px 28px rgba(14,62,130,0.24) }
      .btn-outline{ background:#fff; color:#071a43; border:1px solid #dfe6f2; box-shadow:var(--shadow-soft) }
      .pricing, .theme-grid, .references{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:start }
      .pricing{ gap:40px }
      .card, .theme-card, .reference, .faq-item{ background:var(--surface); border:1px solid #e7edf6; border-radius:24px; box-shadow:var(--shadow-soft); transition:0.28s }
      .card:hover{ transform:translateY(-10px); box-shadow:0 30px 60px rgba(16,34,74,0.18),0 0 0 1px rgba(14,62,130,0.08) }
      .card:hover, .theme-card:hover, .reference:hover, .faq-item:hover{ transform:translateY(-6px) }
      .card{ position:relative; min-height:646px; padding:34px 32px 26px; display:flex; flex-direction:column }
      .card.featured{ background:#f9f9fa; border:3px solid var(--primary); box-shadow:0 22px 34px rgba(14,62,130,0.12) }
      .badge{ position:absolute; top:-20px; left:50%; transform:translateX(-50%); background:var(--primary); color:#fff; font-size:14px; font-weight:800; padding:10px 16px; border-radius:999px; white-space:nowrap; box-shadow:0 8px 16px rgba(14,62,130,0.24); z-index:1 }
      .title{ margin:0; font-size:20px; font-weight:700; color:#06173c }
      .desc{ margin:14px 0 26px; font-size:14px; line-height:1.55; color:#61728f; min-height:72px }
      .price-row{ display:flex; align-items:flex-end; gap:9px; margin-bottom:28px }
      .price{ font-size:40px; line-height:1; font-weight:800 }
      .vat{ font-size:14px; color:#637492; transform:translateY(-7px) }
      .divider{ height:1px; background:var(--line); margin:0 0 30px }
      .features{ list-style:none; margin:0; padding:0; display:grid; gap:18px; color:#17305e; min-height:286px }
      .features li{ display:flex; gap:14px; font-size:15px; line-height:1.45; font-weight:600 }
      .icon{ width:19px; height:19px; flex:0 0 19px; display:inline-grid; place-items:center; border:2px solid var(--primary); color:var(--primary); border-radius:50%; font-size:11px; font-weight:900 }
      .actions{ margin-top:auto; display:flex; flex-direction:column; padding-top:28px }
      .actions .btn{ width:100%; min-height:44px; font-size:14px }
      .link{ text-align:center; margin-top:24px; color:#66738b; font-size:14px; font-weight:700 }
      .theme-card{ overflow:hidden }
      .theme-thumb{ aspect-ratio:4/5; background:linear-gradient( 180deg,rgba(7,26,67,0.04),rgba(14,62,130,0.1) ); overflow:hidden }
      .theme-thumb img{ width:100%; height:100%; object-fit:cover }
      .theme-body{ padding:20px; display:flex; flex-direction:column; gap:14px; align-items:center; text-align:center }
      .theme-title{ margin:0; font-size:20px }
      .theme-btn{ min-height:44px; padding:0 22px; border-radius:999px; background:linear-gradient(180deg,#0E3E82 0%,var(--primary) 100%); color:#fff; font-weight:800; font-size:14px; display:inline-flex; align-items:center }
      .testimonial-stage{ min-height:390px; padding:0px 0 50px; position:relative; overflow:hidden; background:#f3f6fb; user-select:none }
      .testimonial-bg-title{ position:absolute; top:74px; left:50%; transform:translateX(-50%); width:100%; text-align:center; font-size:74px; line-height:1; font-weight:800; letter-spacing:-3px; color:rgba(255,255,255,0.95); text-shadow:0 12px 34px rgba(8,26,67,0.1); white-space:nowrap }
      .testimonial-carousel{ width:100%; max-width:1320px; height:265px; margin:52px auto 0; position:relative; z-index:2 }
      .testimonial-card{ position:absolute; top:34px; left:50%; width:min(690px,calc(100vw - 36px)); min-height:185px; border-radius:999px; background:rgba(255,255,255,0.96); border:1px solid rgba(226,232,240,0.88); box-shadow:0 24px 52px rgba(15,23,42,0.1); display:flex; align-items:center; gap:24px; padding:36px 52px 36px 42px; transform:translateX(-50%) scale(0.84); opacity:0.24; filter:blur(2px); transition:0.55s }
      .testimonial-card.is-active{ z-index:5; opacity:1; filter:none; transform:translateX(-50%) scale(1) }
      .testimonial-card.is-prev{ z-index:3; opacity:0.42; transform:translateX(calc(-50% - 430px)) scale(0.88) }
      .testimonial-card.is-next{ z-index:3; opacity:0.42; transform:translateX(calc(-50% + 430px)) scale(0.88) }
      .testimonial-card.is-back-left{ z-index:2; opacity:0.16; transform:translateX(calc(-50% - 735px)) scale(0.78) }
      .testimonial-card.is-back-right{ display:none }
      .testimonial-avatar{ width:78px; height:78px; flex:0 0 78px; border-radius:50%; background:#ffffff; border:4px solid #94a3b8; color:#111827; display:grid; place-items:center; font-size:22px; font-weight:800 }
      .testimonial-content strong{ display:block; color:#111827; font-size:15px; margin-bottom:6px; font-weight:800 }
      .testimonial-content p{ margin:0; color:#1f2937; font-size:14px; line-height:1.65; font-weight:600 }
      .testimonial-controls{ position:absolute; left:50%; bottom:22px; transform:translateX(-50%); display:flex; gap:4px; z-index:6 }
      .testimonial-nav{ width:24px; height:38px; border:none; background:transparent; color:#0e3e82; font-size:54px; line-height:32px; font-weight:800; cursor:pointer }
      .testimonial-comment-btn{ position:absolute; right:min(12vw,210px); bottom:28px; z-index:6; min-width:170px; min-height:50px; border-radius:999px; border:2px solid #d6dce6; color:#c8ced8; background:transparent; display:inline-flex; align-items:center; justify-content:center; font-weight:800 }
      .reference{ padding:24px; display:flex; align-items:center; gap:18px; min-height:140px }
      .reference small{ display:block; margin-top:8px; font-size:14px; font-weight:700; color:#475569 }
      .reference-logo{ width:72px; height:72px; flex:0 0 72px; border-radius:20px; border:1px solid #dfe7f5; display:grid; place-items:center; overflow:hidden }
      .reference-logo img{ width:100%; height:100%; object-fit:contain; padding:14px; background:#fff }
      .faq-wrap{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start }
      .faq-col{ display:grid; gap:16px }
      .faq-item{ overflow:hidden; align-self:start }
      @media (max-width: 768px) {
        .faq-wrap{ grid-template-columns:1fr }
      }
      .faq-q{ width:100%; background:none; border:none; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; text-align:left; color:var(--text); font-size:17px; font-weight:700; cursor:pointer }
      .faq-icon{ width:34px; height:34px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(14,62,130,0.1); color:var(--primary); font-size:22px }
      .faq-a{ display:grid; grid-template-rows:0fr; transition:0.28s }
      .faq-a>div{ overflow:hidden }
      .faq-a p{ margin:0; padding:0 24px 22px; color:#475569; line-height:1.8; font-size:15px }
      .faq-item.active .faq-a{ grid-template-rows:1fr }
      .footer-contact-section{ background:#f8fafc; padding:62px 16px 68px; text-align:center }
      .footer-contact-section h2{ margin:0; font-size:32px; line-height:1.15; font-weight:700; letter-spacing:-0.6px; color:#071a43 }
      .footer-contact-section p{ margin:12px 0 0; color:#334155; font-size:14px; line-height:1.5; font-weight:600 }
      .footer-contact-list{ width:100%; max-width:900px; margin:38px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:16px; text-align:left }
      .footer-contact-box{ min-height:96px; background:#fff; border-radius:16px; display:flex; align-items:center; gap:22px; padding:20px 28px 20px 24px; border-left:4px solid #ff7a1a; box-shadow:0 14px 32px rgba(16,34,74,0.055) }
      .footer-contact-icon{ width:56px; height:56px; border-radius:999px; flex:0 0 56px; display:grid; place-items:center }
      .footer-contact-icon svg{ width:24px; height:24px; display:block }
      .phone{ background:#fff3e8; color:#ff7a1a }
      .whatsapp{ background:#e9f9ee; color:#19d466 }
      .mail{ background:#eef2ff; color:#0E3E82 }
      .clock{ background:#eef2ff; color:#0E3E82 }
      .footer-contact-text span{ display:block; margin:0 0 6px; color:#7b8797; font-size:13px; line-height:1.3; font-weight:500; letter-spacing:-0.1px }
      .footer-contact-text strong{ display:block; color:#0b2545; font-size:17px; line-height:1.25; font-weight:600; letter-spacing:-0.2px }
      .night-duty-banner{ width:100%; background:linear-gradient(90deg,#0E3E82 0%,#0E3E82 100%); color:#fff; padding:40px 16px }
      .night-duty-inner{ width:min(calc(100% - 32px),940px); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:36px }
      .night-duty-text{ display:grid; gap:10px }
      .night-duty-text strong{ font-size:24px; font-weight:800 }
      .night-duty-text span{ font-size:14px; font-weight:700 }
      .night-duty-btn{ min-width:124px; min-height:40px; padding:0 24px; border-radius:999px; background:#fff; color:#071a43; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:800 }
      .footer-photo-style{ /*background:#f8fafc; border-top:1px solid #e5ebf4;*/ padding:54px 0 0 }
      .footer-photo-grid{ width:min(calc(100% - 32px),var(--container)); margin:0 auto; display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr; gap:46px; padding-bottom:48px }
      .footer-logo{ display:inline-flex; align-items:center; gap:12px; color:#071a43; font-size:22px; font-weight:800; margin-bottom:18px }
      .footer-about p{ margin:0; color:#1f2937; font-size:15px; line-height:1.8; max-width:320px }
      .footer-links-col h3, .footer-contact-col h3{ margin:0 0 20px; color:#071a43; font-size:18px; font-weight:800 }
      .footer-links-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:12px }
      .footer-links-col li{ display:flex; align-items:center; gap:10px; color:#475569; font-size:15px; font-weight:600 }
      .footer-links-col li:before{ content:"›"; color:var(--primary); font-weight:800 }
      .footer-links-col a{ transition:color 0.2s ease,transform 0.2s ease }
      .footer-links-col a:hover{ color:var(--primary); transform:translateX(4px) }
      .footer-legal-links a{ transition:color 0.2s ease }
      .footer-legal-links a:hover{ color:var(--primary) }
      .footer-whatsapp{ transition:transform 0.2s ease,background 0.2s ease }
      .footer-whatsapp:hover{ transform:translateY(-2px); background:#128C7E }
      .footer-info-line{ display:flex; align-items:flex-start; gap:14px; color:#64748b; font-size:14px; line-height:1.5; font-weight:600; margin-bottom:18px }
      .footer-info-line strong{ display:block; margin-top:3px; color:#071a43; font-size:15px; font-weight:800 }
      .footer-whatsapp{ min-height:46px; padding:0 22px; border-radius:999px; border:1px solid #169d48; color:#ffffff; background:#25d366; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:800 }
      .footer-photo-bottom{ width:min(calc(100% - 32px),var(--container)); margin:0 auto; padding:24px 0; border-top:1px solid #e5ebf4; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; color:#071a43; font-size:14px; font-weight:600 }
      .footer-legal-links{ display:flex; gap:26px; flex-wrap:wrap }
      .reveal{ opacity:0; transform:translateY(28px); transition:opacity 0.8s ease,transform 0.8s ease }
      .reveal.in-view{ opacity:1; transform:none }
      /* Referanslar haritası */
      .reference-map-wrap{ margin-top:38px; background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%); border:1px solid #e7edf6; border-radius:28px; box-shadow:var(--shadow-soft); padding:30px }
      .reference-map-head{ max-width:720px; margin:0 auto 26px; text-align:center }
      .reference-map-head h3{ margin:0; color:#071a43; font-size:28px; line-height:1.15; font-weight:800; letter-spacing:-0.8px }
      .reference-map-head p{ margin:12px 0 0; color:#64748b; font-size:15px; line-height:1.7; font-weight:600 }
      .reference-map-area{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,0.8fr); gap:28px; align-items:center }
      .reference-map-card{ width:100%; min-height:330px; border-radius:24px; overflow:hidden; display:grid; place-items:center; padding:18px }
      .reference-map-svg{ width:100%; height:auto; display:block }
      .reference-map-base{ fill:#cfd6df; stroke:#ffffff; stroke-width:2 }
      .reference-region{ fill:var(--primary); stroke:#ffffff; stroke-width:2.5; cursor:pointer; transition:fill 0.22s ease,transform 0.22s ease,filter 0.22s ease; transform-box:fill-box; transform-origin:center }
      .reference-region:hover, .reference-region.active{ fill:#ff2b2b; transform:translateY(-4px) scale(1.035); filter:drop-shadow(0 12px 14px rgba(14,62,130,0.22)) }
      .reference-map-label{ fill:#071a43; font-size:13px; font-weight:800; pointer-events:none }
      .reference-list-panel{ background:#fff; border:1px solid #e7edf6; border-radius:24px; box-shadow:var(--shadow-soft); padding:24px }
      .reference-list-panel h4{ margin:0; color:#071a43; font-size:20px; font-weight:800 }
      .reference-list-panel p{ margin:8px 0 18px; color:#64748b; font-size:14px; line-height:1.6; font-weight:600 }
      .reference-site-list{ list-style:none; margin:0; padding:0; display:grid; gap:12px }
      .reference-site-list li{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border-radius:16px; background:#f8fafc; border:1px solid #e7edf6 }
      .reference-site-list strong{ color:#071a43; font-size:14px; font-weight:800 }
      .reference-site-list a{ color:var(--primary); font-size:13px; font-weight:800; word-break:break-word }
      .reference-site-list a:hover{ text-decoration:underline }
      @media (max-width: 1160px) {
        .pricing, .theme-grid, .references{ grid-template-columns:1fr 1fr }
        .hero-copy h1{ font-size:54px }
        .card{ min-height:auto }
        .badge{  }
      }
      @media (max-width: 860px) {
        .pricing, .theme-grid, .references{ grid-template-columns:1fr }
        .hero-copy h1{ font-size:42px }
        .section-head h2{ font-size:34px }
        .reference-map-area{ grid-template-columns:1fr }
        .footer-photo-grid{ grid-template-columns:1fr 1fr }
        .nav{ display:none }
      }
      @media (max-width: 560px) {
        .container{ width:min(calc(100% - 24px),var(--container)) }
        .hero{ padding:56px 0 42px }
        .hero-copy h1{ font-size:34px }
        .hero-actions{ flex-wrap:wrap }
        .footer-contact-list, .footer-photo-grid{ grid-template-columns:1fr }
        .reference-map-wrap{ padding:20px }
        .reference-map-card{ min-height:230px; padding:10px }
        .testimonial-bg-title{ font-size:34px; top:58px }
        .testimonial-carousel{ height:330px }
        .testimonial-card{ top:58px; border-radius:30px; min-height:235px; padding:26px 22px; flex-direction:column }
        .testimonial-comment-btn{ left:50%; right:auto; transform:translateX(-50%); bottom:22px }
        .night-duty-inner{ flex-direction:column; text-align:center }
        .footer-photo-bottom{ align-items:flex-start; flex-direction:column;text-align: center;align-items: center; }
        .footer-legal-links{ flex-direction:row; justify-content:center; flex-wrap:wrap; gap:10px }
      }
      /* Mobil menü */
      .menu-toggle{ display:none; width:52px; height:52px; border:none; border-radius:16px; background:#efefef; box-shadow:var(--shadow-soft); align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; padding:0 }
      .menu-toggle-lines{ width:22px; height:20px; display:flex; flex-direction:column; justify-content:space-between }
      .menu-toggle-lines span{ display:block; width:100%; height:2px; border-radius:999px; background:var(--text); transition:transform 0.28s ease,opacity 0.2s ease; transform-origin:center }
      .site-header.menu-open .menu-toggle-lines span:nth-child(1){ transform:translateY(9px) rotate(45deg) }
      .site-header.menu-open .menu-toggle-lines span:nth-child(2){ opacity:0 }
      .site-header.menu-open .menu-toggle-lines span:nth-child(3){ opacity:0 }
      .site-header.menu-open .menu-toggle-lines span:nth-child(4){ transform:translateY(-9px) rotate(-45deg) }
      @media (max-width: 860px) {
        .site-header .inner{ padding:14px 0; min-height:auto; align-items:center; flex-wrap:wrap }
        .menu-toggle{ display:inline-flex; margin-left:auto }
        .nav{ position:absolute; top:100%; left:0; right:0; display:block; background:rgba(255,255,255,0.98); border-top:1px solid #e5ebf4; border-bottom:1px solid #e5ebf4; box-shadow:0 18px 40px rgba(16,34,74,0.08); max-height:0; overflow:hidden; opacity:0; margin:0; padding:0 16px; transition:max-height 0.32s ease,opacity 0.28s ease }
        .nav a{ display:block; width:100%; padding:16px 0; border-bottom:1px solid #dde6f2 }
        .nav a:last-child{ border-bottom:none }
        .nav a::after{ display:none }
        .site-header.menu-open .nav{ max-height:337px; opacity:1 }
      }
      /* Geri eklenen hover ve animasyon efektleri */
      .nav a{ position:relative; transition:color 0.2s ease }
      .nav a::after{ content:""; position:absolute; left:0; bottom:-8px; width:100%; height:2px; border-radius:999px; background:var(--primary); transform:scaleX(0); transform-origin:left; transition:transform 0.25s ease }
      .nav a:hover{ color:var(--primary) }
      .nav a:hover::after{ transform:scaleX(1) }
      .btn, .theme-btn, .night-duty-btn{ transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,color 0.2s ease; will-change:transform }
      .btn:hover, .theme-btn:hover, .night-duty-btn:hover{ transform:translateY(-2px) }
      .btn-primary:hover, .theme-btn:hover{ box-shadow:0 18px 34px rgba(14,62,130,0.3) }
      .btn-outline:hover{ border-color:rgba(14,62,130,0.34); box-shadow:0 16px 30px rgba(16,34,74,0.1); color:var(--primary) }
      .pricing .card{ background:rgba(255,255,255,0.45); box-shadow:0 1px 0 rgba(255,255,255,0.85) inset,0 10px 26px rgba(16,34,74,0.06); transition:transform 0.32s ease,box-shadow 0.32s ease,border-color 0.32s ease }
      .pricing .card::after{ content:""; position:absolute; inset:0; border-radius:24px; border:1px solid transparent; pointer-events:none; opacity:0; transition:border-color 0.32s ease,box-shadow 0.32s ease,opacity 0.32s ease }
      .pricing .card:hover{ transform:translateY(-10px); border-color:rgba(14,62,130,0.32); box-shadow:0 24px 48px rgba(16,34,74,0.12),0 0 0 1px rgba(14,62,130,0.08) }
      .pricing .card:hover::after{ opacity:1; border-color:rgba(14,62,130,0.45); box-shadow:0 0 0 6px rgba(14,62,130,0.08) }
      .pricing .card.featured:hover{ border-color:var(--primary); box-shadow:0 28px 52px rgba(14,62,130,0.18),0 0 0 1px rgba(14,62,130,0.1) }
      .theme-thumb img{ transition:transform 0.4s ease }
      .theme-card:hover .theme-thumb img{ transform:scale(1.04) }
      .theme-card, .reference, .faq-item, .footer-contact-box{ transition:transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease,background 0.28s ease }
      .theme-card:hover, .reference:hover, .faq-item:hover{ transform:translateY(-6px) }
      .faq-icon{ flex-shrink:0; transition:transform 0.24s ease,background 0.24s ease }
      .faq-item.active .faq-icon{ transform:rotate(45deg); background:rgba(14,62,130,0.14) }
      .footer-links-col a, .footer-legal-links a{ position:relative; display:inline-flex; align-items:center; width:max-content; color:#475569; transition:color 0.22s ease,transform 0.22s ease,padding-left 0.22s ease }
      .footer-links-col a::after, .footer-legal-links a::after{ content: ""; position:absolute; left:0; bottom:-4px; width:100%; height:2px; border-radius:999px; background:var(--primary); transform:scaleX(0); transform-origin:left; transition:transform 0.24s ease }
      .footer-links-col li{ transition:transform 0.22s ease }
      .footer-links-col li::before{ transition:transform 0.22s ease,color 0.22s ease }
      .footer-links-col li:hover{ transform:translateX(6px) }
      .footer-links-col li:hover::before{ transform:scale(1.12); color:#174fcb }
      .footer-links-col a:hover, .footer-legal-links a:hover{ color:var(--primary) }
      .footer-links-col a:hover::after, .footer-legal-links a:hover::after{ transform:scaleX(1) }
      .footer-contact-box:hover{ transform:translateY(-4px); box-shadow:0 18px 38px rgba(16,34,74,0.1); background:#fff }
      .footer-info-line{ transition:transform 0.22s ease }
      .footer-info-line:hover{ transform:translateX(5px) }
      .footer-info-line>span{ transition:transform 0.22s ease }
      .footer-info-line:hover>span{ transform:scale(1.1) }
      .footer-whatsapp{ transition:transform 0.22s ease,background 0.22s ease,box-shadow 0.22s ease }
      .footer-whatsapp:hover{ transform:translateY(-3px); background:#128C7E; box-shadow:0 16px 28px rgba(34,197,94,0.14) }
      .reveal{ opacity:0; transform:translateY(28px); transition:opacity 0.8s ease,transform 0.8s ease }
      .reveal.in-view{ opacity:1; transform:none }
      @keyframes pulseGlow {
        0%, 100%{ transform:scale(1); opacity:0.8 }
        50%{ transform:scale(1.1); opacity:1 }
      }
      @keyframes orbitMove {
        0%{ transform:translate3d(0,0,0) }
        25%{ transform:translate3d(-20px,26px,0) }
        50%{ transform:translate3d(10px,54px,0) }
        75%{ transform:translate3d(30px,18px,0) }
        100%{ transform:translate3d(0,0,0) }
      }
      @media (prefers-reduced-motion: reduce) {
        html{ scroll-behavior:auto }
        *, *::before, *::after{ animation:none !important; transition:none !important }
        .reveal{ opacity:1; transform:none }
      }
      /* Referanslar haritası - örnek SVG harita uyarlaması */
      .reference-map-wrap{ margin-top:0; background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%); border:1px solid #e7edf6; border-radius:28px; box-shadow:var(--shadow-soft); padding:30px }
      .reference-map-area{ display:block }
      .reference-map-card{ width:100%; min-height:auto; border-radius:24px; overflow:hidden; padding:22px; display:block }
      .map-container, .map-container .wrapper{ width:100%; position:relative }
      .reference-map-svg{ width:100%; height:auto; display:block }
      #svg-turkey-map path.city{ fill:#cfd6df !important; stroke:#ffffff; stroke-width:0.7; cursor:pointer; transition:fill 0.22s ease,filter 0.22s ease,opacity 0.22s ease }
      #svg-turkey-map path.city.has-reference{ fill:#e3000f !important }
      #svg-turkey-map path.city:hover, #svg-turkey-map path.city.active{ fill:var(--primary) !important; filter:drop-shadow(0 8px 9px rgba(14,62,130,0.28)) }
      #svg-turkey-map a:focus path.city{ fill:var(--primary) !important; outline:none; filter:drop-shadow(0 8px 9px rgba(14,62,130,0.28)) }
      .show-city-name{ display:none !important }
      .reference-list-panel{ margin-top:24px; background:#fff; border:1px solid #e7edf6; border-radius:24px; box-shadow:none; padding:24px }
      .reference-list-panel h4{ margin:0; color:#071a43; font-size:20px; font-weight:800 }
      .reference-list-panel p{ margin:8px 0 18px; color:#64748b; font-size:14px; line-height:1.6; font-weight:600 }
      .reference-site-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px }
      .reference-site-list li{ min-height:92px; border-radius:18px; border:1px solid #e1e9f6; background:#f8fbff; padding:16px; display:grid; gap:8px; align-content:center }
      .reference-site-list strong{ display:block; color:#071a43; font-size:14px; font-weight:800 }
      .reference-site-list a{ color:var(--primary); font-size:13px; font-weight:700; word-break:break-word }
      @media (max-width: 860px) {
        .reference-site-list{ grid-template-columns:1fr 1fr }
      }
      @media (max-width: 560px) {
        .reference-map-wrap{ padding:18px }
        .reference-map-card{ padding:10px }
        .reference-site-list{ grid-template-columns:1fr }
      }
      .fixed-bottom-buttons{ position:fixed; bottom:60px; left:50%; transform:translateX(-50%); display:flex; gap:1rem; z-index:1000; justify-content:center; width:90%; max-width:500px }
      /* Ortak buton */
      .btn-call, .btn-whatsapp{ position:relative; padding:.8rem 1.4rem; border-radius:30px; color:#fff !important; text-decoration:none; display:flex; align-items:center; gap:.6rem; font-weight:600; box-shadow:0 5px 15px rgba(0,0,0,.15); transition:.3s; overflow:hidden; font-size:15px !important }
      .btn-call{ background:#ff6b00 }
      .btn-whatsapp{ background:#25d366 }
      /* SVG ikon */
      .icon1{ width:22px; height:22px; fill:#fff }
      /* Telefon animasyonu */
      .phone-anim{ animation:phoneShake 1.2s infinite }
      /* WhatsApp idle animasyonu */
      .whatsapp-anim{ animation:pulse 1.4s infinite }
      /* PUSH / DALGA */
      .btn-call::after, .btn-whatsapp::after{ content:""; position:absolute; inset:0; border-radius:30px; animation:ripple 2s infinite }
      .btn-call::after{ box-shadow:0 0 0 0 rgba(255,107,0,.6) }
      .btn-whatsapp::after{ box-shadow:0 0 0 0 rgba(37,211,102,.6) }
      /* Hover – genel */
      .btn-call:hover, .btn-whatsapp:hover{ background:#d80000; transform:translateY(-3px) scale(1.03); box-shadow:0 10px 25px rgba(18,140,126,.45) }
      /* WhatsApp ORİJİNAL HOVER */
      .btn-whatsapp:hover{ background:#128C7E; transform:translateY(-3px) scale(1.03); box-shadow:0 10px 25px rgba(18,140,126,.45) }
      /* Hover’da dalga DURUR */
      .btn-whatsapp:hover::after{ animation:none }
      /* Hover’da ikon animasyonu DURUR */
      .btn-whatsapp:hover .whatsapp-anim{ animation:none; transform:scale(1.05) }
      /* Animasyonlar */
      @keyframes ripple {
        0%{ box-shadow:0 0 0 0 }
        70%{ box-shadow:0 0 0 15px transparent }
        100%{ box-shadow:0 0 0 0 transparent }
      }
      @keyframes phoneShake {
        0%{ transform:rotate(0) }
        25%{ transform:rotate(12deg) }
        50%{ transform:rotate(0) }
        75%{ transform:rotate(-12deg) }
        100%{ transform:rotate(0) }
      }
      @keyframes pulse {
        0%{ transform:scale(1) }
        50%{ transform:scale(1.15) }
        100%{ transform:scale(1) }
      }
      /* Harita tıklama focus border kaldırma */
      #svg-turkey-map, #svg-turkey-map *, #svg-turkey-map a, #svg-turkey-map a:focus, #svg-turkey-map a:active, #svg-turkey-map path.city, #svg-turkey-map path.city:focus, #svg-turkey-map path.city:active{ outline:none !important; box-shadow:none !important; -webkit-tap-highlight-color:transparent }
      #svg-turkey-map path.city.has-reference{ fill:#0E3E82 !important }
      #svg-turkey-map path.city:hover, #svg-turkey-map path.city.active, #svg-turkey-map a:focus path.city{ fill:#0E3E82 !important; outline:none !important; box-shadow:none !important }
      /* Tema demo bölümü 4 sütun önizleme */
      @media (min-width: 1161px) {
        .theme-grid{ grid-template-columns:repeat(4,1fr) }
      }
      /* GUNCEL ILETISIM BOLUMU - 4 KUTU / HOVER SADECE UZERINE GELINCE */
      .footer-contact-section{ background:#ffffff; padding:70px 16px 78px; text-align:center }
      .footer-contact-section h2{ margin:0; font-size:32px; line-height:1.15; font-weight:700; letter-spacing:-0.6px; color:#071a43 }
      .footer-contact-section p{ max-width:820px; margin:16px auto 0; color:#6b7280; font-size:0.95rem; line-height:1.75; font-weight:400 }
      .footer-contact-list{ width:min(calc(100% - 32px),1240px); max-width:1240px; margin:38px auto 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; text-align:center }
      .footer-contact-box{ min-height:190px; background:#fff; border-radius:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:30px 22px; border:1px solid #e5ebf4; border-left:1px solid #e5ebf4; box-shadow:0 16px 38px rgba(16,34,74,0.045); transition:transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease,background 0.28s ease }
      .footer-contact-box:hover{ transform:translateY(-6px); border-color:#0E3E82; box-shadow:0 22px 46px rgba(14,62,130,0.12); background:#fff }
      .footer-contact-icon{ width:64px; height:64px; border-radius:999px; flex:0 0 64px; display:grid; place-items:center; background:#f8fafc !important; border:1px solid #dfe7f5; color:#0E3E82 !important; transition:transform 0.28s ease,color 0.28s ease,border-color 0.28s ease,background 0.28s ease }
      .footer-contact-box:hover .footer-contact-icon{ transform:scale(1.06); background:rgba(14,62,130,0.08) !important; border-color:rgba(14,62,130,0.28); color:#0E3E82 !important }
      .footer-contact-icon svg{ width:25px; height:25px; display:block }
      .footer-contact-text span{ display:block; margin:0 0 6px; color:#071a43; font-size:1rem; line-height:1.3; font-weight:600; letter-spacing:-0.1px }
      .footer-contact-text strong{ display:block; color:#6b7280; font-size:0.95rem; line-height:1.35; font-weight:400; letter-spacing:-0.2px }
      h1, h2, h3, h4, .title, .theme-title{ font-weight:700 }
      .section-head h2{ font-weight:700 }
      @media (max-width: 1160px) {
        .footer-contact-list{ grid-template-columns:repeat(2,minmax(0,1fr)) }
      }
      @media (max-width: 560px) {
        .footer-contact-list{ grid-template-columns:1fr; width:min(calc(100% - 24px),1240px) }
        .footer-contact-box{ min-height:170px }
      }
      /* Üst slider altı sürekli kayan logo alanı */
      .logo-marquee-section{ background:#fff; padding:42px 0; overflow:hidden; border-top:1px solid rgba(229,235,244,0.55); border-bottom:1px solid rgba(229,235,244,0.55) }
      .logo-marquee{ position:relative; width:100%; overflow:hidden; mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%); -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%) }
      .logo-track{ display:flex; align-items:center; gap:86px; width:max-content; animation:logoMarquee 34s linear infinite; will-change:transform }
      .logo-item{ flex:0 0 auto; min-width:130px; height:54px; display:flex; align-items:center; justify-content:center; opacity:0.42; filter:grayscale(1) }
      .logo-item img{ max-width:132px; max-height:42px; object-fit:contain }
      @keyframes logoMarquee {
        from{ transform:translateX(0) }
        to{ transform:translateX(-50%) }
      }
      @media (max-width: 860px) {
        .logo-marquee-section{ padding:34px 0 }
        .logo-track{ gap:52px; animation-duration:28s }
        .logo-item{ min-width:112px }
        .logo-item img{ max-width:110px; max-height:36px }
      }
      @media (max-width: 560px) {
        .logo-track{ gap:38px; animation-duration:24s }
        .logo-item{ min-width:96px }
        .logo-item img{ max-width:96px; max-height:32px }
      }
      /* Görseldeki arama şeridi tasarımı */
      .night-duty-banner{ width:100%; min-height:120px; background:#0E3E82; color:#fff; padding:0 16px; display:flex; align-items:center; overflow:hidden }
      .night-duty-inner{ width:min(calc(100% - 32px),1120px); margin:0 auto; min-height:120px; display:flex; align-items:center; justify-content:center; gap:30px; color:#fff }
      .night-duty-icon{ width:60px; height:60px; flex:0 0 60px; border:3px solid rgba(255,255,255,0.95); border-radius:999px; display:grid; place-items:center; color:#fff }
      .night-duty-icon svg{ width:29px; height:29px; display:block }
      .night-duty-copy{ display:flex; align-items:center; gap:14px; color:#fff; font-size:28px; line-height:1.1; font-weight:400; letter-spacing:0.5px; white-space:nowrap }
      .night-duty-prefix{ font-weight:400 }
      .night-duty-emphasis, .night-duty-phone{ font-weight:800; letter-spacing:1px }
      .night-duty-emphasis{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px }
      .night-duty-phone{ margin-left:10px }
      .night-duty-inner:hover .night-duty-icon{ transform:scale(1.04) }
      .night-duty-icon, .night-duty-inner{ transition:transform 0.22s ease }
      @media (max-width: 860px) {
        .night-duty-banner{ min-height:auto; padding:28px 16px }
        .night-duty-inner{ width:100%; min-height:auto; flex-direction:column; gap:16px; text-align:center }
        .night-duty-copy{ flex-direction:column; gap:7px; font-size:23px; white-space:normal }
        .night-duty-phone{ margin-left:0 }
      }
      @media (max-width: 560px) {
        .night-duty-icon{ width:56px; height:56px; flex-basis:56px }
        .night-duty-copy{ font-size:20px }
      }
      /* Footer sosyal medya ikonları */
      .footer-social-title{ margin:24px 0 12px; color:#071a43; font-size:15px; font-weight:800; line-height:1.2 }
      .footer-social-links{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 20px }
      .footer-social-link{ width:40px; height:40px; border-radius:999px; border:1px solid #dfe7f5; background:#fff; color:#0E3E82; display:inline-flex; align-items:center; justify-content:center; transition:transform 0.22s ease,color 0.22s ease,border-color 0.22s ease,background 0.22s ease,box-shadow 0.22s ease }
      .footer-social-link svg{ width:19px; height:19px; fill:currentColor; display:block }
      .footer-social-link:hover{ transform:translateY(-3px); color:#fff; background:#0E3E82; border-color:#0E3E82; box-shadow:0 12px 24px rgba(14,62,130,0.16) }
      /* Yasal popup/modal alanı */
      body.legal-modal-open{ overflow:hidden }
      .footer-legal-links a, .footer-legal-links button{ background:transparent; border:0; padding:0; font:inherit; cursor:pointer }
      .legal-modal{ position:fixed; inset:0; z-index:5000; display:none; align-items:center; justify-content:center; padding:24px }
      .legal-modal.is-open{ display:flex }
      .legal-modal-backdrop{ position:absolute; inset:0; background:rgba(7,26,67,0.62); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px) }
      .legal-modal-dialog{ position:relative; z-index:1; width:min(900px,100%); max-height:min(82vh,760px); background:#ffffff; border:1px solid #e5ebf4; border-radius:24px; box-shadow:0 34px 90px rgba(7,26,67,0.28); overflow:hidden; display:flex; flex-direction:column; animation:legalModalIn 0.24s ease both }
      .legal-modal-header{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; border-bottom:1px solid #e5ebf4; background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) }
      .legal-modal-title{ margin:0; color:#071a43; font-size:24px; line-height:1.2; letter-spacing:-0.4px; font-weight:800 }
      .legal-modal-close{ width:42px; height:42px; border-radius:999px; border:1px solid #dfe7f5; background:#ffffff; color:#071a43; font-size:28px; line-height:1; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; flex:0 0 42px; transition:transform 0.2s ease,border-color 0.2s ease,color 0.2s ease }
      .legal-modal-close:hover{ transform:rotate(90deg); border-color:rgba(14,62,130,0.38); color:var(--primary) }
      .legal-modal-body{ padding:26px; overflow-y:auto; color:#475569; font-size:15px; line-height:1.8; -webkit-overflow-scrolling:touch }
      .legal-modal-body h3{ margin:0 0 10px; color:#071a43; font-size:18px; line-height:1.3 }
      .legal-modal-body p{ margin:0 0 16px }
      .legal-modal-body ul{ margin:0 0 18px; padding-left:20px }
      .legal-modal-body li{ margin:0 0 8px }
      .legal-modal-body strong{ color:#071a43 }
      .legal-modal-note{ padding:14px 16px; border-radius:16px; background:#f8fafc; border:1px solid #e5ebf4; color:#475569 }
      @keyframes legalModalIn {
        from{ opacity:0; transform:translateY(16px) scale(0.98) }
        to{ opacity:1; transform:translateY(0) scale(1) }
      }
      @media (max-width: 560px) {
        .legal-modal{ padding:12px; align-items:flex-end }
        .legal-modal-dialog{ width:100%; max-height:88vh; border-radius:20px }
        .legal-modal-header{ padding:18px }
        .legal-modal-title{ font-size:20px }
        .legal-modal-body{ padding:20px 18px 24px; font-size:14px }
        .legal-modal-close{ width:38px; height:38px; flex-basis:38px; font-size:26px }
      }
	    .services-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
		.service-photo-card{position:relative;min-height:426px}
		.service-photo{height:300px;border-radius:10px;overflow:hidden}
		.service-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
		.service-content{position:absolute;left:20px;right:20px;top:250px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,0.08)}
		.service-label{position:absolute;top:-15px;left:30px;background:#0E3E82;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:700}
		.service-content h3{margin:0 0 10px;font-size:20px;font-weight:800}
		.service-content p{font-size:14px;color:#6b7280}
		.service-content a{display:inline-block;margin-top:20px;color:#0E3E82;font-weight:700}

.service-photo-card{transition:transform .35s ease}
.service-photo-card:hover{transform:translateY(-10px)}
.service-photo img{transition:transform .45s ease,filter .45s ease}
.service-photo-card:hover .service-photo img{transform:scale(1.08);filter:grayscale(0)}
.service-content{transition:transform .35s ease,box-shadow .35s ease}
.service-photo-card:hover .service-content{transform:translateY(-8px);box-shadow:0 28px 65px rgba(0,0,0,.14)}
.service-label{transition:background .35s ease,transform .35s ease}
.service-photo-card:hover .service-label{background:#0E3E82;transform:translateY(-2px)}
/*.service-content a{transition:color .35s ease,transform .35s ease}*/
/*.service-photo-card:hover .service-content a{color:#0E3E82;transform:translateX(4px)}*/

@media(max-width:980px){.services-showcase{grid-template-columns:repeat(2,1fr);gap:28px}.service-photo-card{min-height:430px}}
@media(max-width:640px){.services-showcase{grid-template-columns:1fr;gap:34px}.service-photo-card{min-height:410px}.service-photo{height:270px}.service-content{position:relative;left:auto;right:auto;top:auto;margin:-55px 16px 0;padding:26px 22px}.service-label{left:22px}}
@media(max-width:420px){.service-photo{height:240px}.service-content{margin:-48px 12px 0;padding:24px 18px}.service-content h3{font-size:19px}.service-content p{font-size:13px}.service-label{font-size:12px;padding:6px 12px}}



      .cookie-box{ position:fixed; left:20px; bottom:20px; width:360px; background:linear-gradient(135deg,#0E3E82,#1b2c55); color:#fff; padding:25px; border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,0.3); z-index:9999; font-family:Poppins,sans-serif; animation:fadeIn .4s ease }
      .cookie-close{ position:absolute; right:15px; top:10px; cursor:pointer; font-size:22px }
      .cookie-box h2{ font-size:18px; font-weight:700; margin-bottom:10px }
      .cookie-desc{ font-size:14px; font-weight:600; margin-bottom:15px }
      .cookie-text{ font-size:13px; opacity:.8; margin-bottom:20px }
      .cookie-buttons{ display:flex; gap:10px }
      .btn-white{ flex:1; background:#fff; color:#0E3E82; border:none; padding:10px; border-radius:25px; cursor:pointer; font-weight:600 }
      .btn-outline2{ flex:1; background:transparent; border:1px solid #fff; color:#fff; padding:10px; border-radius:25px; cursor:pointer }
      .btn-white:hover{ opacity:.9 }
      .btn-outline2:hover{ background:#fff; color:#0E3E82 }
      @keyframes fadeIn {
        from{ opacity:0; transform:translateY(20px) }
        to{ opacity:1; transform:translateY(0) }
      }
      /* gizleme */
      .hide{ display:none }
      .btn-outline2{ flex:1; display:flex; align-items:center; justify-content:center; text-decoration:none; background:transparent; border:1px solid #fff; color:#fff; padding:10px; border-radius:25px; cursor:pointer }

      /* Guncel top header */
      .top-header{
        position:relative;
        z-index:1001;
        width:100%;
        min-height:44px;
        background:linear-gradient(90deg,#0E3E82 0%,#00933b 100%);
        color:#fff;
        border-bottom:1px solid rgba(255,255,255,0.22);
        font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      }
      .top-header-inner{
        width:min(calc(100% - 32px),var(--container));
        min-height:44px;
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
      }
      .top-header-left, .top-header-contact, .top-header-social{
        display:flex;
        align-items:center;
        gap:12px;
      }
      .top-header-left{ min-width:0; flex:1 }
      .promo-text{
        display:inline-flex;
        align-items:center;
        gap:8px;
        font-size:14px;
        line-height:1.25;
        font-weight:700;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
      }
      .promo-badge{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:24px;
        padding:0 10px;
        border-radius:999px;
        background:rgba(255,255,255,0.18);
        border:1px solid rgba(255,255,255,0.28);
        font-size:12px;
        font-weight:800;
        flex:0 0 auto;
      }
      .top-header-link{
        display:inline-flex;
        align-items:center;
        gap:7px;
        color:#fff;
        font-size:13px;
        line-height:1;
        font-weight:700;
        white-space:nowrap;
        transition:opacity .2s ease,transform .2s ease;
      }
      .top-header-link:hover{ opacity:.88; transform:translateY(-1px) }
      .top-header-link svg, .top-social-link svg{
        width:16px;
        height:16px;
        fill:currentColor;
        flex:0 0 16px;
      }
      .top-header-divider{
        width:1px;
        height:18px;
        background:rgba(255,255,255,0.35);
        flex:0 0 1px;
      }
      .top-header-social{ gap:8px }
      .top-social-link{
        width:28px;
        height:28px;
        border-radius:999px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        background:rgba(255,255,255,0.14);
        border:1px solid rgba(255,255,255,0.22);
        transition:background .2s ease,transform .2s ease;
      }
      .top-social-link:hover{ background:rgba(255,255,255,0.26); transform:translateY(-2px) }
      @media (max-width: 860px){
        .top-header-inner{
          width:min(calc(100% - 24px),var(--container));
          justify-content:center;
          min-height:42px;
        }
        .top-header-left, .top-header-email, .top-header-social, .top-header-divider{ display:none !important }
        .top-header-contact{ justify-content:center }
        .top-header-phone{
          font-size:14px;
          min-height:34px;
          padding:0 14px;
          border-radius:999px;
          background:rgba(255,255,255,0.16);
          border:1px solid rgba(255,255,255,0.24);
        }
      }
	  .promo-text{
  display:inline-flex;
  align-items:center;
  min-width:360px;
  white-space:nowrap;
  overflow:hidden;
}

.typewriter-text{
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  border-right:2px solid #fff;
  animation:
    typing 4s steps(52,end) infinite,
    cursorBlink .75s step-end infinite;
}

@keyframes typing{
  0%{
    width:0;
  }
  55%{
    width:100%;
  }
  75%{
    width:100%;
  }
  100%{
    width:0;
  }
}

@keyframes cursorBlink{
  0%,100%{
    border-color:transparent;
  }
  50%{
    border-color:#fff;
  }
}

/* Mobilde kampanya görünmeyecek, sadece telefon kalacak */
@media (max-width:768px){
  .promo-text{
    display:none !important;
  }
}






./* Genel Sıfırlama */
.about-section * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; }
.about-section { padding: 60px 0 40px 0; background-color: #fff; }
.about-container { max-width: 1350px; margin: 0 auto; padding: 0 20px; display: flex; gap: 70px; align-items: center; }

/* SOL BLOK */
.about-left { flex: 1.1; }
.about-title { color: #071a43; font-size: 52px; font-weight: 800; margin-bottom: 25px; letter-spacing: -1.5px; }
.about-subtitle { font-size: 22px; font-weight: 700; color: #071a43; margin-bottom: 15px; }
.about-text { color: #4a4a4a; font-size: 15px; line-height: 1.65; margin-bottom: 25px; }
.btn-more { display: inline-block; background-color: #0E3E82; color: #fff; padding: 12px 35px; border-radius: 50px; font-weight: 700; font-size: 14px; text-decoration: none; margin-bottom: 45px; }
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; }
.feature-item { display: flex; align-items: flex-start; gap: 15px; }
.feature-item img { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; }
.feature-content h4 { font-size: 16px; font-weight: 700; color: #0E3E82; margin-bottom: 5px; }
.feature-content p { font-size: 13.5px; color: #525252; line-height: 1.45; }

/* SAĞ BLOK (HIZLANDIRILMIŞ ANİMASYON) */
.about-right { flex: 1; display: flex; gap: 15px; }
.photo-col { flex: 1; display: flex; flex-direction: column; gap: 15px; }

/* Aşağı-Yukarı Süzülme Süresi 5 saniyeden 2.5 saniyeye düşürüldü (2 kat hızlandı) */
.col-left { margin-top: 40px; animation: hizliSuzulSol 2.5s ease-in-out infinite alternate; }
.col-right { margin-top: -40px; animation: hizliSuzulSag 2.5s ease-in-out infinite alternate; }

@keyframes hizliSuzulSol { 0% { transform: translateY(0); } 100% { transform: translateY(-18px); } }
@keyframes hizliSuzulSag { 0% { transform: translateY(0); } 100% { transform: translateY(18px); } }

.img-box, .counter-box { width: 100%; aspect-ratio: 1 / 1; border-radius: 2px; overflow: hidden; }

/* Resimlerin Nefes Alma Süresi 7 saniyeden 3.5 saniyeye düşürüldü */
.img-box img { width: 100%; height: 100%; object-fit: cover; display: block; animation: hizliNefes 3.5s ease-in-out infinite alternate; }
@keyframes hizliNefes { 0% { transform: scale(1); } 100% { transform: scale(1.06); } }

/* Kırmızı Kutular */
.counter-box { background-color: #0E3E82; color: #fff; padding: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0px 15px 35px rgb(14 62 130 / 18%) }
.counter-box h3 { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.counter-number { font-size: 105px; font-weight: 900; line-height: 0.85; letter-spacing: -3px; margin: 8px 0; display: flex; align-items: flex-start; justify-content: center; }
.counter-number span { font-size: 55px; font-weight: 800; margin-left: -2px; margin-top: 10px; }
.counter-label { font-size: 14.5px; font-weight: 500; padding-top: 8px; display: inline-block; border-top: 2px solid rgba(255, 255, 255, 0.85); width: 45%; white-space: nowrap; }

/* Responsive */
@media (max-width: 991px) {
    .about-container { flex-direction: column; gap: 50px; }
    .col-left, .col-right { margin-top: 0; animation: none; }
    .img-box img { animation: none; }
}
@media (max-width: 600px) { .features-grid { grid-template-columns: 1fr; } .about-right { flex-direction: column; } }











/* Telefonun çalma ve duraklama ritmini simüle eden animasyon */
@keyframes telefonCalsin {
  0%, 50%, 100% { transform: rotate(0deg) scale(1); }
  5%, 15%, 25%, 35%, 45% { transform: rotate(-5deg) scale(1.05); }
  10%, 20%, 30%, 40% { transform: rotate(5deg) scale(1.05); }
}

/* İkonun kapsayıcısına hizalama ve SVG'ye animasyon tanımlama */
.night-duty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.night-duty-icon svg {
  display: block;
  width: 28px;  /* İhtiyacınıza göre boyutlandırabilirsiniz */
  height: 28px;
  
  /* Animasyonu bağlıyoruz: 1.5 saniyede bir döner ve sonsuza kadar tekrar eder */
  animation: telefonCalsin 1.5s infinite ease-in-out;
  
  /* Animasyonun tam ortadan (ikonun merkezinden) dönmesi için */
  transform-origin: center; 
}

/* İSTEĞE BAĞLI: Eğer sürekli çalmasın, sadece fareyle üzerine gelindiğinde (hover) titresin istersen yukarıdaki animasyon satırını silip bunu açabilirsin:
.night-duty-inner:hover .night-duty-icon svg {
  animation: telefonCalsin 1.5s infinite ease-in-out;
}
*/