/* ================= PAGE ================= */
    .solutions-grid-sec{ padding:3rem 2rem 8rem; background:#fff; }

    /* ================= FOOTER ================= */
    footer{
      background:#111; color:#999;
      padding:4rem 2rem 2rem;
      border-top:3px solid var(--ti-yellow);
      font-size:.85rem; position:relative; z-index:10; margin-top:0;
    }
    .f-grid{
      max-width:var(--max-width); margin:0 auto;
      display:grid; grid-template-columns:repeat(4,1fr);
      gap:3rem; margin-bottom:3rem;
    }
    .f-head{ color:#fff; font-weight:600; margin-bottom:1.5rem; text-transform:uppercase; letter-spacing:.5px; font-size:.9rem; }
    .f-link{ display:block; margin-bottom:.8rem; transition:color .2s; }
    .f-link:hover{ color:var(--ti-yellow); }
    .f-bottom{
      max-width:var(--max-width); margin:0 auto;
      border-top:1px solid #333; padding-top:2rem;
      display:flex; justify-content:space-between; align-items:center;
      gap:16px;
    }

    @media (max-width:1024px){
      .nav-links{ display:none; }
      .f-grid{ grid-template-columns:1fr 1fr; }
    }

    /* === LOCALE SWITCHER (TR/TRY POPUP) === */
    .locale-switcher{ position:relative; display:flex; align-items:center; }
    .locale-trigger{
      background:transparent;
      border:none;
      padding:0;
      display:flex;
      align-items:center;
      gap:6px;
    }
    .locale-popover{
      position:absolute;
      top:calc(100% + 10px);
      right:0;
      width:320px;
      background:#fff;
      border:1px solid #eee;
      border-radius:14px;
      box-shadow:0 18px 45px rgba(0,0,0,.12);
      padding:12px;
      display:none;
      z-index:10050;
    }
    .locale-popover.open{ display:block; }
    .lp-head{
      font-weight:800;
      font-size:.85rem;
      color:#111;
      margin-bottom:10px;
    }
    .lp-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .lp-col{
      border:1px solid #f0f0f0;
      border-radius:12px;
      padding:10px;
      background:#fff;
    }
    .lp-title{
      font-size:.75rem;
      color:#888;
      font-weight:700;
      margin-bottom:8px;
      text-transform:uppercase;
      letter-spacing:.4px;
    }
    .lp-item{
      width:100%;
      text-align:left;
      background:#fff;
      border:1px solid #eee;
      border-radius:10px;
      padding:9px 10px;
      font-size:.85rem;
      color:#333;
      margin-bottom:8px;
      cursor:pointer;
      transition:all .2s ease;
    }
    .lp-item:last-child{ margin-bottom:0; }
    .lp-item:hover{ border-color:rgba(242,201,76,.85); box-shadow:0 8px 18px rgba(242,201,76,.12); }
    .lp-item.active{
      border-color:rgba(242,201,76,.95);
      background:rgba(242,201,76,.12);
      color:#111;
      font-weight:800;
    }
    .lp-foot{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid #f3f3f3;
    }
    .lp-hint{ font-size:.75rem; color:#888; }
    .lp-close{
      border:1px solid #eee;
      background:#fff;
      border-radius:10px;
      padding:7px 10px;
      font-weight:800;
      font-size:.8rem;
      cursor:pointer;
    }
    .lp-close:hover{ border-color:rgba(242,201,76,.85); }

    /* ================= DYNAMIC TECH LIST ================= */
    .tech-dynamic-wrap{
      max-width:var(--max-width);
      margin:0 auto;
      display:grid;
      grid-template-columns:1fr;
      gap:18px;
      margin-bottom:6px;
    }

    .tech-active{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:16px;
      padding:18px 18px;
      border:1px solid #eee;
      background:#fafafa;
      border-radius:16px;
    }
    .tech-active .left{
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .tech-active h3{
      font-size:1.4rem;
      margin:0;
      color:#111;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.5px;
    }

    /* ✅ KARTLAR: GRID (4'lü) */
    .tech-subcards{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:18px;
      width:100%;
    }
    @media (max-width:1200px){
      .tech-subcards{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width:900px){
      .tech-subcards{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width:560px){
      .tech-subcards{ grid-template-columns:1fr; }
    }

    .tech-subcard{
      border:1px solid #eee;
      background:#fff;
      border-radius:18px;
      transition:all .22s ease;
      position:relative;
      overflow:hidden;
      cursor:pointer;
      min-height:260px;
      display:flex;
      flex-direction:column;
      box-shadow:0 10px 30px rgba(0,0,0,.03);
    }
    .tech-subcard:hover{
      border-color:rgba(242,201,76,.95);
      box-shadow:0 18px 55px rgba(242,201,76,.14);
      transform:translateY(-2px);
    }

    .t-cover{
      height:120px;
      background:#0f172a;
      position:relative;
      overflow:hidden;
    }
    .t-cover::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(15,23,42,.10) 0%, rgba(15,23,42,.85) 100%);
      pointer-events:none;
    }
    .t-cover.has-img{
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }

    .t-body{
      padding:16px 16px 14px;
      display:flex;
      flex-direction:column;
      gap:10px;
      flex:1;
    }

    .t-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .t-title{
      font-weight:900;
      color:#111;
      font-size:1.02rem;
      line-height:1.25;
      letter-spacing:.1px;
      margin-top:2px;
    }

    .t-arrow{
      width:38px; height:38px;
      border-radius:14px;
      border:1px solid #eee;
      display:flex; align-items:center; justify-content:center;
      color:#222;
      flex-shrink:0;
      transition:all .2s ease;
      background:#fafafa;
    }
    .tech-subcard:hover .t-arrow{
      border-color:rgba(242,201,76,.9);
      background:rgba(242,201,76,.16);
      transform:translateX(1px);
    }

    .t-desc {
      font-size: .92rem;
      color: #666;
      line-height: 1.5;
      flex: 1;
      line-clamp: 3;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 4.5em;
      max-height: 4.5em;
    }

    .t-meta{
      margin-top:2px;
      padding-top:12px;
      border-top:1px solid #f1f1f1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .t-iconwrap{
      width:52px;
      height:52px;
      border-radius:16px;
      border:1px solid #eee;
      background:#fafafa;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      overflow:hidden;
      transition:all .25s ease;
    }
    .t-iconwrap img{
      width:34px;
      height:34px;
      object-fit:contain;
      opacity:.9;
      transition:all .25s ease;
    }
    .t-iconwrap i{
      font-size:20px;
      opacity:.7;
      color:#111;
    }
    .tech-subcard:hover .t-iconwrap{
      border-color:rgba(242,201,76,.85);
      background:rgba(242,201,76,.12);
      transform:translateY(-1px);
    }
    .tech-subcard:hover .t-iconwrap img{ transform:scale(1.06); opacity:1; }

    .t-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid #eee;
      background:#fff;
      color:#111;
      font-weight:900;
      letter-spacing:.2px;
      font-size:.85rem;
      transition:all .2s ease;
      user-select:none;
    }
    .tech-subcard:hover .t-badge{
      border-color:rgba(242,201,76,.85);
      background:rgba(242,201,76,.14);
    }

    .tech-empty{
      padding:18px;
      border:1px dashed #e5e5e5;
      border-radius:16px;
      color:#888;
      background:#fff;
      font-size:.95rem;
    }

    .tech-groups-wrap{
      margin-top: 6px;
      padding-top: 18px;
      border-top: 1px solid #eee;
    }
    .tech-groups-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:12px;
      margin-bottom: 10px;
    }
    .tech-groups-title{
      font-weight:900;
      font-size:1.05rem;
      color:#111;
      letter-spacing:.1px;
    }
    .tech-groups-hint{
      font-size:.92rem;
      color:#666;
    }
    .tech-groups{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    @media (max-width:640px){
      .tech-groups{
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        padding-bottom: 6px;
      }
      .tech-groups::-webkit-scrollbar{ height: 6px; }
    }
    .tech-group-btn{
      appearance:none;
      border:1px solid rgba(0,0,0,.14);
      background: rgba(255,255,255,.82);
      padding: 8px 12px;
      border-radius: 999px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:.92rem;
      font-weight:600;
      color:#111;
      cursor:pointer;
      transition: transform .12s ease, background .12s ease, border-color .12s ease;
      box-shadow: 0 6px 16px rgba(0,0,0,.03);
      user-select:none;
      white-space:nowrap;
    }
    .tech-group-btn i{
      font-size:.72rem;
      opacity:.55;
      transform: translateY(-.5px);
    }
    .tech-group-btn:hover{
      transform: translateY(-1px);
      background: rgba(255,255,255,.98);
      border-color: rgba(0,0,0,.22);
    }
    .tech-group-btn.active{
      border-color: rgba(242,201,76,.95);
      background: rgba(242,201,76,.14);
    }

    /* ================= HERO ================= */
    .solution-hero {
      position: relative;
      width: 100%;
      height: 550px;
      background-color: #0f172a;
      margin-top: var(--header-height);
      overflow: hidden;
    }
    .hero-bg-layer {
      position: absolute;
      top: 0;
      right: 0;
      width: 75%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 0;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%);
      mask-image: linear-gradient(to right, transparent 0%, black 50%);
      transition: background-image 0.6s ease-in-out;
    }
    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, #0f172a 20%, transparent 100%);
      z-index: 1;
      pointer-events: none;
    }
    .hero-content {
      position: relative;
      z-index: 2;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      color: #fff;
    }
    .hero-title {
      font-family: "Space Grotesk", sans-serif;
      font-size: 3.5rem;
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 1.2rem;
      max-width: 700px;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease;
    }
    .hero-desc {
      font-family: "Inter", sans-serif;
      font-size: 1.1rem;
      font-weight: 300;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.9);
      max-width: 650px;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease 0.1s;
    }
    .hero-actions {
      margin-top: 2rem;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease 0.2s;
    }
    .solution-hero.loaded .hero-title,
    .solution-hero.loaded .hero-desc,
    .solution-hero.loaded .hero-actions {
      opacity: 1;
      transform: translateY(0);
    }
    @media (max-width: 768px) {
      .solution-hero { height: 450px; }
      .hero-bg-layer {
        width: 100%;
        background-position: center top;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
        mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
        opacity: 0.6;
      }
      .hero-overlay {
        width: 100%;
        background: linear-gradient(0deg, #0f172a 20%, transparent 100%);
      }
      .hero-content {
        justify-content: flex-end;
        padding-bottom: 3rem;
      }
      .hero-title { font-size: 2.2rem; }
    }

    /* ================================================================= */
/* ======================= ÇEREZ BANNER + TERCIH ==================== */
/* ================================================================= */
.cookie-banner{
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 13000;
    display: none;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 16px;
    border: 1px solid #eee;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 60px rgba(0,0,0,.12);
}
.cookie-banner.show{ display:flex; }
.cookie-left{ min-width: 240px; }
.cookie-title{
    font-family: "Space Grotesk";
    font-weight: 900;
    color:#111;
    margin:0 0 6px 0;
    font-size: 1rem;
}
.cookie-text{
    margin:0;
    color:#666;
    font-size: .88rem;
    line-height: 1.5;
}
.cookie-actions{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.cookie-btn{
    border: 1px solid #eee;
    background:#fff;
    color:#111;
    font-weight: 900;
    border-radius: 14px;
    padding: 10px 12px;
    font-size: .85rem;
    cursor: pointer;
    transition: all .2s ease;
}
.cookie-btn:hover{ border-color: rgba(242,201,76,.9); box-shadow: 0 10px 24px rgba(242,201,76,.15); }
.cookie-btn.primary{
    background: var(--ti-yellow);
    border-color: var(--ti-yellow);
    color:#000;
}
.cookie-link{
    font-weight: 900;
    color:#111;
    border-bottom: 1px dashed rgba(0,0,0,.25);
}
.cookie-link:hover{
    color: var(--ti-yellow);
    border-bottom-color: rgba(242,201,76,.9);
}

/* Tercih Modal */
.cookie-pref-overlay{
    position: fixed; inset: 0;
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(10px);
    z-index: 13050;
    display:none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.cookie-pref-overlay.open{ display:flex; }
.cookie-pref-modal{
    width: min(980px, 100%);
    max-height: 88vh;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0,0,0,.16);
    overflow: hidden;
    display:flex;
    flex-direction: column;
}
.cookie-pref-head{
    padding: 16px 18px;
    border-bottom: 1px solid #f2f2f2;
    background:#fafafa;
    display:flex;
    justify-content: space-between;
    align-items:flex-start;
    gap: 12px;
}
.cookie-pref-head h3{
    margin:0;
    font-family:"Space Grotesk";
    font-size: 1.1rem;
    font-weight: 900;
    color:#111;
}
.cookie-pref-head .sub{
    margin-top:4px;
    color:#666;
    font-size:.85rem;
    line-height:1.4;
}
.cookie-pref-close{
    border: 1px solid #eee;
    background:#fff;
    width: 42px; height: 42px;
    border-radius: 14px;
    cursor: pointer;
    flex-shrink:0;
}
.cookie-pref-body{
    padding: 16px 18px 8px;
    overflow:auto;
    color:#333;
    line-height:1.7;
    font-size: .95rem;
}
.cookie-pref-row{
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    padding: 12px 12px;
    margin-bottom: 10px;
    display:flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}
.cookie-pref-row .meta{
    flex:1;
    min-width: 200px;
}
.cookie-pref-row .name{
    font-weight: 1000;
    color:#111;
    margin-bottom: 4px;
}
.cookie-pref-row .desc{
    color:#666;
    font-size: .86rem;
    margin:0;
}
.cookie-toggle{
    display:flex;
    align-items:center;
    gap: 10px;
    flex-shrink:0;
}
.cookie-toggle input[type="checkbox"]{
    width: 44px;
    height: 24px;
    appearance: none;
    background: #e9e9e9;
    border-radius: 999px;
    position: relative;
    cursor: pointer;
    transition: .2s ease;
    border: 1px solid #e5e5e5;
}
.cookie-toggle input[type="checkbox"]:checked{
    background: rgba(242,201,76,.9);
    border-color: rgba(242,201,76,.9);
}
.cookie-toggle input[type="checkbox"]::after{
    content:"";
    position:absolute;
    top: 2px; left: 2px;
    width: 20px; height: 20px;
    background:#fff;
    border-radius: 50%;
    transition: .2s ease;
    box-shadow: 0 6px 14px rgba(0,0,0,.14);
}
.cookie-toggle input[type="checkbox"]:checked::after{ left: 22px; }
.cookie-toggle input[type="checkbox"]:disabled{
    opacity: .6;
    cursor:not-allowed;
}
.cookie-pref-foot{
    padding: 14px 18px;
    border-top: 1px solid #f2f2f2;
    background:#fafafa;
    display:flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

/* Küçük yönet butonu */
.cookie-fab{
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 12950;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    border: 1px solid #eee;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 50px rgba(0,0,0,.10);
    display:none;
    align-items:center;
    justify-content:center;
    cursor: pointer;
    transition: .2s ease;
}
.cookie-fab.show{ display:flex; }
.cookie-fab:hover{ transform: translateY(-2px); border-color: rgba(242,201,76,.9); }

/* ================================================================= */
/* ======================= ÇEREZ POLİTİKASI MODAL =================== */
/* ================================================================= */
.cookie-policy-overlay{
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  z-index: 13100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.cookie-policy-overlay.open{ display:flex; }

.cookie-policy-modal{
  width: min(1040px, 100%);
  max-height: 88vh;
  background:#fff;
  border: 1px solid #eee;
  border-radius: 18px;
  box-shadow: 0 28px 80px rgba(0,0,0,.16);
  overflow: hidden;
  display:flex;
  flex-direction: column;
}
.cookie-policy-head{
  padding: 16px 18px;
  border-bottom: 1px solid #f2f2f2;
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  background:#fafafa;
}
.cookie-policy-head h3{
  margin:0;
  font-family:"Space Grotesk";
  font-size: 1.1rem;
  font-weight: 900;
  color:#111;
}
.cookie-policy-head .sub{
  margin-top:4px;
  color:#666;
  font-size:.85rem;
}
.cookie-policy-close{
  border: 1px solid #eee;
  background:#fff;
  width: 42px; height: 42px;
  border-radius: 14px;
  cursor: pointer;
  flex-shrink:0;
}
.cookie-policy-body{
  padding: 16px 18px 22px;
  overflow:auto;
  color:#333;
  line-height:1.85;
  font-size: .95rem;
}
.cookie-policy-body h4{
  font-family:"Space Grotesk";
  margin: 18px 0 6px;
  font-size: 1rem;
  color:#111;
}
.cookie-policy-body p{ margin: 0 0 10px; color:#444; }
.cookie-policy-body ul{ padding-left: 18px; margin: 6px 0 12px; }
.cookie-policy-body li{ margin-bottom: 6px; color:#444; }
.cookie-inline-link{
  font-weight: 900;
  color:#111;
  border-bottom: 1px dashed rgba(0,0,0,.2);
}
.cookie-inline-link:hover{
  color: var(--ti-yellow);
  border-bottom-color: rgba(242,201,76,.9);
}