/* Fiberport Paket 02.9 — Çözümler listeleme sayfası */
.fp-solutions-listing {
    --sl-navy:#0b2239;
    --sl-blue:#075f96;
    --sl-cyan:#37a7df;
    --sl-ink:#182838;
    --sl-text:#586b7c;
    --sl-line:#d7e0e6;
    --sl-soft:#f3f7f9;
    --sl-white:#fff;
    color:var(--sl-ink);
    background:var(--sl-white);
}
.fp-solutions-listing *,
.fp-solutions-listing *::before,
.fp-solutions-listing *::after { box-sizing:border-box; }

.fp-solutions-hero {
    padding:32px 0 76px;
    background:#f4f7f9;
    border-bottom:1px solid var(--sl-line);
}
.fp-solutions-breadcrumbs { margin-bottom:48px; }
.fp-solutions-breadcrumbs ol { color:#6b7d8c; }
.fp-solutions-breadcrumbs a { color:#50677a; }
.fp-solutions-breadcrumbs a:hover,
.fp-solutions-breadcrumbs a:focus-visible { color:var(--sl-blue); }

.fp-solutions-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(340px,.48fr);
    gap:clamp(54px,8vw,112px);
    align-items:end;
}
.fp-solutions-kicker,
.fp-solutions-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--sl-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.fp-solutions-kicker { margin-bottom:19px; }
.fp-solutions-eyebrow { margin-bottom:16px; }
.fp-solutions-eyebrow::before {
    width:22px;
    height:2px;
    content:"";
    background:currentColor;
}
.fp-solutions-hero h1,
.fp-solutions-route h2,
.fp-solutions-section-head h2,
.fp-solutions-cta h2 {
    margin:0;
    color:var(--sl-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-weight:650;
    letter-spacing:-.03em;
    line-height:1.08;
}
.fp-solutions-hero h1 { font-size:clamp(2.65rem,5.4vw,5.35rem); }
.fp-solutions-hero-copy > p {
    max-width:720px;
    margin:24px 0 0;
    color:var(--sl-text);
    font-size:clamp(1rem,1.35vw,1.18rem);
    line-height:1.65;
}
.fp-solutions-summary {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:0;
    color:#fff;
    background:var(--sl-navy);
    border-top:4px solid var(--sl-cyan);
}
.fp-solutions-summary > div {
    min-width:0;
    padding:26px 18px 24px;
    border-right:1px solid rgba(255,255,255,.18);
}
.fp-solutions-summary > div:last-child { border-right:0; }
.fp-solutions-summary dt {
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(1.8rem,3vw,2.7rem);
    font-weight:700;
    line-height:1;
}
.fp-solutions-summary dd {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:.74rem;
    line-height:1.35;
}

.fp-solutions-route,
.fp-solutions-sector-section,
.fp-solutions-need-section { padding:clamp(76px,8vw,116px) 0; }
.fp-solutions-route { background:#fff; }
.fp-solutions-route-grid,
.fp-solutions-section-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(310px,.48fr);
    gap:clamp(48px,7vw,100px);
    align-items:end;
}
.fp-solutions-route h2,
.fp-solutions-section-head h2,
.fp-solutions-cta h2 { font-size:clamp(2rem,3.45vw,3.55rem); }
.fp-solutions-route p,
.fp-solutions-section-head > p {
    margin:0;
    color:var(--sl-text);
    line-height:1.68;
}

.fp-solutions-sector-section {
    background:var(--sl-soft);
    border-top:1px solid var(--sl-line);
    border-bottom:1px solid var(--sl-line);
}
.fp-solutions-section-head { margin-bottom:40px; }
.fp-solutions-sector-list { border-top:2px solid var(--sl-navy); }
.fp-solution-sector-row {
    display:grid;
    grid-template-columns:116px minmax(0,1fr) minmax(290px,.42fr);
    min-height:280px;
    background:#fff;
    border-bottom:1px solid var(--sl-line);
}
.fp-solution-sector-row.is-reversed {
    grid-template-columns:116px minmax(290px,.42fr) minmax(0,1fr);
}
.fp-solution-sector-row.is-reversed .fp-solution-sector-copy { order:3; }
.fp-solution-sector-row.is-reversed .fp-solution-sector-media,
.fp-solution-sector-row.is-reversed .fp-solution-sector-mark { order:2; }
.fp-solution-sector-index {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:30px 22px;
    color:#fff;
    background:var(--sl-navy);
}
.fp-solution-sector-index span {
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:-.03em;
}
.fp-solution-sector-index small {
    font-size:.68rem;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}
.fp-solution-sector-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
    padding:clamp(32px,5vw,62px);
}
.fp-solution-sector-copy h3 {
    max-width:700px;
    margin:0;
    font-size:clamp(1.55rem,2.45vw,2.55rem);
    line-height:1.15;
}
.fp-solution-sector-copy h3 a { color:var(--sl-navy); text-decoration:none; }
.fp-solution-sector-copy h3 a:hover,
.fp-solution-sector-copy h3 a:focus-visible { color:var(--sl-blue); }
.fp-solution-sector-copy p {
    max-width:720px;
    margin:17px 0 0;
    color:var(--sl-text);
    line-height:1.65;
}
.fp-solution-sector-action {
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    margin-top:24px;
    color:var(--sl-blue);
    font-size:.82rem;
    font-weight:750;
    text-decoration:none;
}
.fp-solutions-action-icon { width:17px; height:17px; }
.fp-solution-sector-media,
.fp-solution-sector-mark {
    min-width:0;
    overflow:hidden;
    border-left:1px solid var(--sl-line);
}
.fp-solution-sector-row.is-reversed .fp-solution-sector-media,
.fp-solution-sector-row.is-reversed .fp-solution-sector-mark {
    border-right:1px solid var(--sl-line);
    border-left:0;
}
.fp-solution-sector-image {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.fp-solution-sector-mark {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:30px;
    background:#e8eef2;
}
.fp-solution-sector-mark span {
    color:var(--sl-blue);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.fp-solution-sector-mark strong {
    max-width:290px;
    color:var(--sl-navy);
    font-size:clamp(1.15rem,1.8vw,1.85rem);
    font-weight:650;
    line-height:1.18;
}

.fp-solutions-need-section { background:#fff; }
.fp-solutions-need-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0;
    padding:0;
    border-top:2px solid var(--sl-navy);
    list-style:none;
}
.fp-solutions-need-list li {
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 38px;
    gap:18px;
    min-height:190px;
    align-items:start;
    padding:30px 26px;
    border-right:1px solid var(--sl-line);
    border-bottom:1px solid var(--sl-line);
}
.fp-solutions-need-list li:nth-child(2n) { border-right:0; }
.fp-solution-need-index {
    color:var(--sl-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.07em;
}
.fp-solutions-need-list h3 { margin:0; font-size:1.18rem; line-height:1.28; }
.fp-solutions-need-list h3 a { color:var(--sl-navy); text-decoration:none; }
.fp-solutions-need-list h3 a:hover,
.fp-solutions-need-list h3 a:focus-visible { color:var(--sl-blue); }
.fp-solutions-need-list p {
    margin:12px 0 0;
    color:var(--sl-text);
    font-size:.9rem;
    line-height:1.58;
}
.fp-solution-need-action {
    display:flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    color:var(--sl-navy);
    border:1px solid #bdcbd5;
    border-radius:50%;
    text-decoration:none;
}
.fp-solution-need-action:hover,
.fp-solution-need-action:focus-visible {
    color:#fff;
    background:var(--sl-blue);
    border-color:var(--sl-blue);
}
.fp-solutions-need-icon { width:16px; height:16px; }

.fp-solutions-empty-section { padding:90px 0; }
.fp-solutions-empty {
    padding:40px;
    background:var(--sl-soft);
    border-left:4px solid var(--sl-blue);
}
.fp-solutions-empty h2 { margin:0; color:var(--sl-navy); }
.fp-solutions-empty p { color:var(--sl-text); }
.fp-solutions-empty a { color:var(--sl-blue); font-weight:750; }

.fp-solutions-cta { padding:clamp(70px,8vw,108px) 0; background:#f4f7f9; }
.fp-solutions-cta-inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:48px;
    align-items:center;
    padding:clamp(36px,5vw,58px);
    color:#fff;
    background:var(--sl-navy);
    border-left:5px solid var(--sl-cyan);
}
.fp-solutions-cta-inner span {
    display:block;
    margin-bottom:12px;
    color:#acdffc;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.fp-solutions-cta h2 { max-width:850px; color:#fff; }
.fp-solutions-cta-inner > a,
.fp-solutions-cta-inner > a:link,
.fp-solutions-cta-inner > a:visited {
    display:inline-flex;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 18px;
    color:var(--sl-navy)!important;
    -webkit-text-fill-color:var(--sl-navy)!important;
    background:#fff;
    border:1px solid #fff;
    border-radius:5px;
    font-size:.82rem;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;
}
.fp-solutions-cta-inner > a:hover,
.fp-solutions-cta-inner > a:focus-visible {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:var(--sl-blue);
    border-color:var(--sl-blue);
}
.fp-solutions-cta-icon { width:17px; height:17px; }

@media (max-width:980px) {
    .fp-solutions-hero-grid,
    .fp-solutions-route-grid,
    .fp-solutions-section-head { grid-template-columns:1fr; }
    .fp-solution-sector-row,
    .fp-solution-sector-row.is-reversed {
        grid-template-columns:92px minmax(0,1fr);
    }
    .fp-solution-sector-row .fp-solution-sector-copy,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-copy { order:2; }
    .fp-solution-sector-row .fp-solution-sector-media,
    .fp-solution-sector-row .fp-solution-sector-mark,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-media,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-mark {
        grid-column:2;
        order:3;
        min-height:190px;
        border-top:1px solid var(--sl-line);
        border-right:0;
        border-left:0;
    }
    .fp-solutions-cta-inner { grid-template-columns:1fr; gap:28px; }
    .fp-solutions-cta-inner > a { justify-self:start; }
}

@media (max-width:760px) {
    .fp-solutions-hero { padding:22px 0 52px; }
    .fp-solutions-breadcrumbs { margin-bottom:34px; }
    .fp-solutions-hero h1 { font-size:clamp(2.15rem,11vw,3.45rem); }
    .fp-solutions-summary { grid-template-columns:1fr; margin-top:8px; }
    .fp-solutions-summary > div {
        display:grid;
        grid-template-columns:58px minmax(0,1fr);
        align-items:center;
        padding:17px 18px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.18);
    }
    .fp-solutions-summary > div:last-child { border-bottom:0; }
    .fp-solutions-summary dt { margin:0; font-size:1.55rem; }
    .fp-solutions-route,
    .fp-solutions-sector-section,
    .fp-solutions-need-section { padding:58px 0; }
    .fp-solution-sector-row,
    .fp-solution-sector-row.is-reversed { grid-template-columns:1fr; }
    .fp-solution-sector-index {
        display:grid;
        grid-template-columns:auto 1fr;
        align-items:center;
        gap:12px;
        padding:16px 20px;
    }
    .fp-solution-sector-index small {
        writing-mode:horizontal-tb;
        transform:none;
    }
    .fp-solution-sector-copy,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-copy {
        grid-column:1;
        order:2;
        padding:28px 22px;
    }
    .fp-solution-sector-row .fp-solution-sector-media,
    .fp-solution-sector-row .fp-solution-sector-mark,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-media,
    .fp-solution-sector-row.is-reversed .fp-solution-sector-mark {
        grid-column:1;
        min-height:170px;
        order:3;
    }
    .fp-solutions-need-list { grid-template-columns:1fr; }
    .fp-solutions-need-list li,
    .fp-solutions-need-list li:nth-child(2n) {
        grid-template-columns:36px minmax(0,1fr) 36px;
        gap:12px;
        min-height:0;
        padding:24px 18px;
        border-right:0;
    }
    .fp-solutions-cta-inner { padding:30px 24px; }
    .fp-solutions-cta-inner > a { width:100%; }
}