/*
 * Fiberport Paket 02.25 — Ürün Bilgi ve Tanıtım Talebi
 * Scope: yalnız .fp-product-info-page
 */

.fp-product-info-page {
    --pi-navy:#0b2239;
    --pi-blue:#075f96;
    --pi-cyan:#37a7df;
    --pi-ink:#172838;
    --pi-text:#53697b;
    --pi-muted:#748693;
    --pi-line:#d6e0e7;
    --pi-soft:#f4f7f9;
    color:var(--pi-ink);
    background:#fff;
}

.fp-product-info-page *,
.fp-product-info-page *::before,
.fp-product-info-page *::after { box-sizing:border-box; }

.fp-product-info-hero {
    padding:30px 0 72px;
    background:linear-gradient(180deg,#f5f8fa 0%,#edf3f6 100%);
    border-bottom:1px solid var(--pi-line);
}

.fp-product-info-breadcrumbs { margin-bottom:54px; }
.fp-product-info-breadcrumbs a { color:#526a7c; }
.fp-product-info-breadcrumbs a:hover,
.fp-product-info-breadcrumbs a:focus-visible { color:var(--pi-blue); }

.fp-product-info-hero-copy { max-width:950px; }

.fp-product-info-kicker,
.fp-product-info-eyebrow {
    display:inline-flex;
    gap:9px;
    align-items:center;
    color:var(--pi-blue);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-product-info-kicker::before,
.fp-product-info-eyebrow::before {
    width:22px;
    height:2px;
    content:"";
    background:currentColor;
}

.fp-product-info-kicker { margin-bottom:20px; }
.fp-product-info-eyebrow { margin-bottom:17px; }

.fp-product-info-hero h1 {
    margin:0;
    color:var(--pi-navy);
    font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
    font-size:clamp(2.7rem,5.6vw,5.25rem);
    font-weight:650;
    letter-spacing:-.045em;
    line-height:1;
}

.fp-product-info-hero-copy > p {
    max-width:750px;
    margin:25px 0 0;
    color:var(--pi-text);
    font-size:clamp(1.02rem,1.35vw,1.18rem);
    line-height:1.68;
}

.fp-product-info-products {
    margin-top:50px;
    padding-top:21px;
    border-top:1px solid #c6d4dc;
}

.fp-product-info-products > span {
    display:block;
    margin-bottom:14px;
    color:var(--pi-muted);
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-product-info-products ol {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    margin:0;
    padding:0;
    border-top:2px solid var(--pi-navy);
    border-bottom:1px solid var(--pi-line);
    list-style:none;
}

.fp-product-info-products li {
    min-height:92px;
    padding:18px 16px;
    border-right:1px solid var(--pi-line);
}

.fp-product-info-products li:first-child { padding-left:0; }
.fp-product-info-products li:last-child { border-right:0; }

.fp-product-info-products small {
    display:block;
    margin-bottom:9px;
    color:var(--pi-blue);
    font-size:.64rem;
    font-weight:800;
    letter-spacing:.07em;
}

.fp-product-info-products strong {
    display:block;
    color:var(--pi-navy);
    font-size:.79rem;
    font-weight:700;
    line-height:1.45;
}

.fp-product-info-intro {
    padding:70px 0 75px;
    background:#fff;
}

.fp-product-info-intro-copy {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.43fr);
    gap:clamp(48px,7vw,96px);
    align-items:end;
}

.fp-product-info-intro h2 {
    max-width:780px;
    margin:0;
    color:var(--pi-navy);
    font-size:clamp(1.9rem,3.25vw,3.2rem);
    font-weight:650;
    letter-spacing:-.035em;
    line-height:1.1;
}

.fp-product-info-intro-copy > p {
    margin:0;
    color:var(--pi-text);
    line-height:1.7;
}

.fp-product-info-steps {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:42px 0 0;
    padding:0;
    border-top:2px solid var(--pi-navy);
    border-bottom:1px solid var(--pi-line);
    list-style:none;
}

.fp-product-info-steps li {
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:16px;
    min-height:148px;
    padding:25px 22px 23px 0;
    border-right:1px solid var(--pi-line);
}

.fp-product-info-steps li + li { padding-left:22px; }
.fp-product-info-steps li:last-child { border-right:0; }

.fp-product-info-steps li > span {
    color:var(--pi-blue);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
}

.fp-product-info-steps h3 {
    margin:0;
    color:var(--pi-navy);
    font-size:1rem;
}

.fp-product-info-steps p {
    margin:9px 0 0;
    color:var(--pi-text);
    font-size:.82rem;
    line-height:1.58;
}

.fp-product-info-page-copy {
    max-width:850px;
    margin-top:38px;
    color:var(--pi-text);
    line-height:1.7;
}

.fp-product-info-page-copy > :first-child { margin-top:0; }
.fp-product-info-page-copy h2 {
    margin:32px 0 13px;
    color:var(--pi-navy);
    font-size:1.28rem;
}

.fp-product-info-form-wrap {
    padding:78px 0 110px;
    background:var(--pi-soft);
    border-top:1px solid var(--pi-line);
}

.fp-product-info-form-panel {
    width:min(100%,1020px);
    margin:0 auto;
    overflow:hidden;
    background:#fff;
    border:1px solid #cedae2;
    border-radius:8px;
    box-shadow:0 26px 70px rgba(11,34,57,.10);
}

.fp-product-info-form-head {
    padding:42px 50px 34px;
    background:#fff;
    border-bottom:1px solid var(--pi-line);
}

.fp-product-info-form-head > span {
    display:block;
    margin-bottom:10px;
    color:var(--pi-blue);
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.fp-product-info-form-head h2 {
    margin:0;
    color:var(--pi-navy);
    font-size:clamp(1.8rem,3vw,2.75rem);
    font-weight:650;
    letter-spacing:-.03em;
    line-height:1.1;
}

.fp-product-info-form-head p {
    max-width:720px;
    margin:13px 0 0;
    color:var(--pi-text);
    line-height:1.62;
}

/* Genel site.css içindeki .public-form iki sütun kuralını bu sayfada iptal eder. */
.fp-product-info-page form.fp-product-info-form.public-form {
    position:relative;
    display:block;
    grid-template-columns:none;
    gap:0;
    width:100%;
    padding:0 50px;
}

.fp-product-info-form-section {
    min-width:0;
    margin:0;
    padding:39px 0 42px;
    border:0;
    border-bottom:1px solid var(--pi-line);
}

.fp-product-info-form-section:last-of-type { border-bottom:0; }

.fp-product-info-form-section > legend {
    display:grid;
    width:100%;
    grid-template-columns:46px minmax(0,1fr);
    gap:14px;
    align-items:start;
    margin:0 0 27px;
    padding:0;
}

.fp-product-info-form-section > legend > span {
    display:inline-flex;
    width:38px;
    height:28px;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--pi-blue);
    border-radius:3px;
    font-size:.67rem;
    font-weight:800;
}

.fp-product-info-form-section > legend strong {
    display:block;
    color:var(--pi-navy);
    font-size:1.12rem;
    line-height:1.3;
}

.fp-product-info-form-section > legend small {
    display:block;
    margin-top:5px;
    color:var(--pi-muted);
    font-size:.74rem;
    font-weight:400;
    line-height:1.5;
}

.fp-product-info-fields {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:23px 24px;
    width:100%;
}

.fp-product-info-field { min-width:0; }
.fp-product-info-field.is-wide { grid-column:1/-1; }

.fp-product-info-label {
    display:flex;
    gap:10px;
    align-items:baseline;
    justify-content:space-between;
    margin-bottom:8px;
}

.fp-product-info-label label {
    color:var(--pi-navy);
    font-size:.79rem;
    font-weight:750;
}

.fp-product-info-label label strong,
.fp-product-info-checkbox strong {
    margin-left:3px;
    color:#a13b31;
}

.fp-product-info-label > small {
    color:var(--pi-muted);
    font-size:.65rem;
}

.fp-product-info-field input:not([type="checkbox"]):not([type="radio"]),
.fp-product-info-field select,
.fp-product-info-field textarea {
    display:block;
    width:100%;
    min-height:52px;
    padding:12px 14px;
    color:var(--pi-ink);
    background:#fff;
    border:1px solid #bdccd6;
    border-radius:4px;
    outline:0;
    font:inherit;
    font-size:.9rem;
    transition:.15s ease;
}

.fp-product-info-field textarea {
    min-height:164px;
    resize:vertical;
    line-height:1.6;
}

.fp-product-info-field input:focus,
.fp-product-info-field select:focus,
.fp-product-info-field textarea:focus {
    border-color:var(--pi-blue);
    box-shadow:0 0 0 3px rgba(7,95,150,.12);
}

.fp-product-info-field input::placeholder,
.fp-product-info-field textarea::placeholder {
    color:#8b9aa6;
    opacity:1;
}

.fp-product-info-checkbox {
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:11px;
    align-items:start;
    padding:17px 18px;
    color:var(--pi-text);
    background:#f5f8fa;
    border:1px solid var(--pi-line);
    border-radius:4px;
    font-size:.79rem;
    line-height:1.55;
    cursor:pointer;
}

.fp-product-info-checkbox input {
    width:18px;
    height:18px;
    margin:2px 0 0;
    accent-color:var(--pi-blue);
}

.fp-product-info-checkbox a {
    color:var(--pi-blue);
    font-weight:750;
    text-decoration:underline;
    text-underline-offset:3px;
}

.fp-product-info-radio {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.fp-product-info-radio label { cursor:pointer; }
.fp-product-info-radio input { position:absolute; opacity:0; pointer-events:none; }

.fp-product-info-radio span {
    display:inline-flex;
    min-height:41px;
    align-items:center;
    padding:0 14px;
    color:var(--pi-text);
    background:#fff;
    border:1px solid var(--pi-line);
    border-radius:4px;
    font-size:.78rem;
    font-weight:700;
}

.fp-product-info-radio input:checked + span {
    color:#fff;
    background:var(--pi-blue);
    border-color:var(--pi-blue);
}

.fp-product-info-help {
    display:block;
    margin-top:7px;
    color:var(--pi-muted);
    font-size:.7rem;
    line-height:1.45;
}

.fp-product-info-submit {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:16px;
    width:auto;
    margin:0 -50px;
    padding:25px 50px 31px;
    background:#f6f9fa;
    border-top:1px solid var(--pi-line);
}

.fp-product-info-submit p {
    width:100%;
    max-width:720px;
    margin:0 auto;
    color:var(--pi-muted);
    font-size:.72rem;
    line-height:1.5;
    text-align:center;
}

.fp-product-info-submit button {
    display:inline-flex;
    width:auto;
    min-width:210px;
    max-width:100%;
    min-height:48px;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 24px;
    color:#fff;
    background:var(--pi-blue);
    border:1px solid var(--pi-blue);
    border-radius:4px;
    font:inherit;
    font-size:.8rem;
    font-weight:800;
    cursor:pointer;
}

.fp-product-info-submit button:hover,
.fp-product-info-submit button:focus-visible {
    background:var(--pi-navy);
    border-color:var(--pi-navy);
}

.fp-product-info-submit-icon { width:17px; height:17px; }

.fp-product-info-errors {
    margin:34px 50px 0;
    padding:18px 20px;
    color:#733b00;
    background:#fff5e7;
    border:1px solid #efce9a;
    border-left:4px solid #b76b00;
}

.fp-product-info-errors > strong { font-size:.83rem; }
.fp-product-info-errors ul {
    margin:10px 0 0;
    padding-left:18px;
    font-size:.78rem;
    line-height:1.55;
}

.fp-product-info-success {
    margin:42px 50px;
    padding:42px;
    text-align:center;
    background:var(--pi-soft);
    border:1px solid var(--pi-line);
    border-radius:6px;
}

.fp-product-info-success > span {
    display:inline-flex;
    width:56px;
    height:56px;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--pi-blue);
    border-radius:50%;
}

.fp-product-info-success-icon { width:26px; height:26px; }
.fp-product-info-success h3 { margin:21px 0 0; color:var(--pi-navy); font-size:1.5rem; }
.fp-product-info-success > p { max-width:540px; margin:11px auto 0; color:var(--pi-text); line-height:1.6; }
.fp-product-info-success > div { max-width:430px; margin:24px auto 0; padding:18px; background:#fff; border:1px solid var(--pi-line); }
.fp-product-info-success small { display:block; color:var(--pi-muted); font-size:.68rem; font-weight:800; text-transform:uppercase; }
.fp-product-info-success strong { display:block; margin-top:7px; color:var(--pi-navy); font-size:1.25rem; }
.fp-product-info-success > a {
    display:inline-flex;
    min-height:42px;
    align-items:center;
    margin-top:20px;
    padding:0 15px;
    color:var(--pi-blue);
    border:1px solid var(--pi-blue);
    border-radius:4px;
    font-size:.77rem;
    font-weight:800;
    text-decoration:none;
}

.fp-product-info-page .form-honeypot {
    position:absolute!important;
    left:-10000px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

@media(max-width:920px) {
    .fp-product-info-products ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .fp-product-info-products li { border-bottom:1px solid var(--pi-line); }
    .fp-product-info-products li:nth-child(2n) { border-right:0; }
    .fp-product-info-products li:last-child { border-bottom:0; }
    .fp-product-info-intro-copy { grid-template-columns:1fr; gap:22px; }
}

@media(max-width:760px) {
    .fp-product-info-hero { padding:22px 0 50px; }
    .fp-product-info-breadcrumbs { margin-bottom:34px; }
    .fp-product-info-hero h1 { font-size:clamp(2.25rem,11.5vw,3.45rem); }
    .fp-product-info-products { margin-top:36px; }
    .fp-product-info-products ol { grid-template-columns:1fr; }
    .fp-product-info-products li,
    .fp-product-info-products li:first-child {
        min-height:0;
        padding:16px 0;
        border-right:0;
        border-bottom:1px solid var(--pi-line);
    }
    .fp-product-info-intro { padding:52px 0 56px; }
    .fp-product-info-steps { grid-template-columns:1fr; margin-top:32px; }
    .fp-product-info-steps li,
    .fp-product-info-steps li + li {
        min-height:0;
        padding:22px 0;
        border-right:0;
        border-bottom:1px solid var(--pi-line);
    }
    .fp-product-info-form-wrap { padding:54px 0 72px; }
    .fp-product-info-form-head { padding:30px 22px 25px; }
    .fp-product-info-page form.fp-product-info-form.public-form { padding:0 22px; }
    .fp-product-info-form-section { padding:30px 0 34px; }
    .fp-product-info-form-section > legend { grid-template-columns:39px minmax(0,1fr); }
    .fp-product-info-fields { grid-template-columns:1fr; gap:19px; }
    .fp-product-info-field.is-wide { grid-column:auto; }
    .fp-product-info-submit {
        margin:0 -22px;
        padding:22px;
    }
    .fp-product-info-submit button {
        width:min(100%,280px);
        min-width:0;
    }
    .fp-product-info-errors { margin:27px 22px 0; }
    .fp-product-info-success { margin:28px 22px; padding:28px 20px; }
}