/* =========================================================
   PEKINTAS GROUP — CORPORATE CONTACT / BOTTOM MAP + FORM / PKX-CONTACT-V5-FLOATNAV-20260820
========================================================= */

.pkx-contact {
    --navy:#012b48;
    --blue:#024677;
    --soft:#d9e3eb;
    --pale:#f4f7f9;
    --text:#536d7f;
    --line:#dfe7ec;
    font-family:"Inter",sans-serif;
    color:var(--navy);
    background:#fff;
}

.pkx-contact *,
.pkx-contact *::before,
.pkx-contact *::after { box-sizing:border-box; }

.pkx-wrap {
    width:min(1290px,calc(100% - 40px));
    margin:auto;
}

/* QUICK NAV — breadcrumb sonrası, şirket bloklarından önce */
.pkx-nav-section {
    padding:54px 0 0;
    background:#fff;
}

.pkx-nav {
    position:relative;
    z-index:5;
}

.pkx-nav-inner {
    display:flex;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 50px rgba(1,43,72,.08);
    scrollbar-width:none;
}

.pkx-nav-inner::-webkit-scrollbar { display:none; }

.pkx-nav a {
    position:relative;
    flex:1;
    min-width:190px;
    padding:20px 24px;
    border-right:1px solid var(--line);
    color:var(--navy);
    font-size:14px;
    font-weight:800;
    text-align:center;
    text-decoration:none;
    transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;
}

.pkx-nav a:last-child { border-right:0; }

.pkx-nav a::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:3px;
    border-radius:999px 999px 0 0;
    background:var(--blue);
    transform:translateX(-50%);
    transition:width .25s ease,background .25s ease;
}

.pkx-nav a:hover {
    background:#f4f8fb;
    color:var(--blue);
}

.pkx-nav a:hover::after { width:42px; }

.pkx-nav a.is-active {
    background:var(--navy);
    color:#fff;
    box-shadow:inset 0 -3px 0 rgba(255,255,255,.2);
}

.pkx-nav a.is-active::after {
    width:48px;
    background:#fff;
}

/* COMPANY */
.pkx-company { padding:95px 0; scroll-margin-top:110px; }
.pkx-company + .pkx-company { border-top:1px solid var(--line); }

.pkx-company-head {
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:end;
    margin-bottom:38px;
}


.pkx-company-head small {
    display:block;
    margin-bottom:8px;
    color:var(--blue);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.pkx-company-head h2 {
    margin:0;
    font-size:clamp(34px,4vw,52px);
    line-height:1;
    letter-spacing:-2px;
}

.pkx-company-web {
    color:var(--blue)!important;
    font-size:14px;
    font-weight:800;
    text-decoration:none!important;
    transition:transform .2s ease,color .2s ease;
}

.pkx-company-web:hover {
    color:var(--navy)!important;
    transform:translateX(4px);
}

/* LOCATION ROW */
.pkx-locations {
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 34px rgba(1,43,72,.055);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.pkx-locations:hover {
    transform:translateY(-5px);
    border-color:#cbdbe5;
    box-shadow:0 24px 55px rgba(1,43,72,.11);
}

.pkx-location {
    position:relative;
    display:grid;
    grid-template-columns:280px minmax(270px,1.2fr) 1fr;
    min-height:185px;
    background:#fff;
    transition:background .25s ease,box-shadow .25s ease;
}

.pkx-location::before {
    content:"";
    position:absolute;
    z-index:3;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:0 6px 6px 0;
    background:var(--blue);
    transform:scaleY(0);
    transform-origin:center;
    transition:transform .25s ease;
}

.pkx-location:hover { background:#fbfdff; }
.pkx-location:hover::before { transform:scaleY(1); }

.pkx-location + .pkx-location { border-top:1px solid var(--line); }

.pkx-location-title {
    padding:32px;
    background:var(--pale);
    transition:background .25s ease,transform .25s ease;
}

.pkx-location:hover .pkx-location-title {
    background:#edf4f8;
}

.pkx-location-title span {
    display:block;
    margin-bottom:8px;
    color:var(--blue);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.pkx-location-title h3 {
    margin:0;
    font-size:22px;
    line-height:1.25;
}

.pkx-address {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:32px;
    border-left:1px solid var(--line);
    border-right:1px solid var(--line);
}

.pkx-label {
    margin-bottom:10px;
    color:#8ca0ad;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.pkx-address p {
    max-width:520px;
    margin:0;
    color:var(--text);
    font-size:15px;
    line-height:1.75;
}

.pkx-contact-data {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:32px;
}

.pkx-data {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:10px;
    align-items:start;
    font-size:14px;
}

.pkx-data b {
    color:#91a3af;
    font-size:10px;
    letter-spacing:1px;
}

.pkx-data a,
.pkx-data span {
    color:var(--navy);
    text-decoration:none;
    word-break:break-word;
}

.pkx-data a:hover { color:var(--blue); }

/* MAP + CONTACT FORM — CTA'nın hemen üstünde */
.pkx-contact-panel {
    padding:95px 0;
    background:linear-gradient(180deg,#f7f9fb 0%,#eef3f6 100%);
    border-top:1px solid var(--line);
}

.pkx-contact-grid {
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    gap:28px;
    align-items:stretch;
}

.pkx-map-card,
.pkx-contact-form-card {
    overflow:hidden;
    min-height:570px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 22px 65px rgba(1,43,72,.09);
}

.pkx-map-card iframe {
    display:block;
    width:100%;
    height:100%;
    min-height:570px;
    border:0;
}

.pkx-contact-form-card {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:38px;
}

.pkx-form-top small {
    display:block;
    margin-bottom:8px;
    color:var(--blue);
    font-size:10px;
    font-weight:800;
    letter-spacing:1.7px;
}

.pkx-form-top h2 {
    margin:0;
    color:var(--navy);
    font-size:30px;
    line-height:1.15;
}

.pkx-form-top p {
    margin:10px 0 24px;
    color:var(--text);
    font-size:14px;
    line-height:1.65;
}

.pkx-form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.pkx-form-grid label { display:block; margin:0; }

.pkx-form-grid label > span {
    display:block;
    margin:0 0 7px;
    color:var(--navy);
    font-size:11px;
    font-weight:800;
}

.pkx-form-grid input,
.pkx-form-grid textarea {
    display:block;
    width:100%;
    border:1px solid #d7e1e8;
    border-radius:10px;
    outline:0;
    background:#f8fafb;
    color:var(--navy);
    font:inherit;
    font-size:13px;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.pkx-form-grid input { height:46px; padding:0 14px; }
.pkx-form-grid textarea { min-height:116px; padding:12px 14px; resize:vertical; }

.pkx-form-grid input::placeholder,
.pkx-form-grid textarea::placeholder { color:#9aabb7; }

.pkx-form-grid input:focus,
.pkx-form-grid textarea:focus {
    border-color:#7da2bb;
    background:#fff;
    box-shadow:0 0 0 3px rgba(2,70,119,.08);
}

.pkx-form-message { grid-column:1 / -1; }
.pkx-form-security { margin-top:14px; }

.pkx-form-actions {
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:17px;
}

.pkx-form-actions button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:48px;
    padding:0 20px;
    border:0;
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.pkx-form-actions button:hover {
    transform:translateY(-2px);
    background:var(--blue);
    box-shadow:0 10px 25px rgba(1,43,72,.18);
}

.pkx-form-actions > small {
    color:#8ba0ad;
    font-size:9px;
    line-height:1.45;
}

.pkx-honeypot {
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

.pkx-form-result {
    margin-top:13px;
    padding:10px 12px;
    border-radius:9px;
    font-size:12px;
    line-height:1.45;
}

.pkx-form-result.is-success {
    border:1px solid #b9dec7;
    background:#edf8f1;
    color:#24633c;
}

.pkx-form-result.is-error {
    border:1px solid #efc7c7;
    background:#fff1f1;
    color:#8d3030;
}

/* CONTACT CTA */
.pkx-bottom {
    padding:90px 0;
    background:var(--navy);
    color:#fff;
}

.pkx-bottom-inner {
    display:grid;
    grid-template-columns:1fr auto;
    gap:40px;
    align-items:center;
}

.pkx-bottom small {
    color:#9bc1db;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.pkx-bottom h2 {
    max-width:750px;
    margin:12px 0 0;
    color:#fff;
    font-size:clamp(34px,4vw,54px);
    line-height:1.08;
    letter-spacing:-2px;
}

.pkx-mail-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    padding:0 27px;
    border-radius:12px;
    background:#fff;
    color:var(--navy)!important;
    font-size:14px;
    font-weight:800;
    text-decoration:none!important;
}


@media(hover:hover) {
    .pkx-nav a:hover { transform:translateY(-1px); }
}

/* RESPONSIVE */
@media(max-width:1000px) {
    .pkx-company-head { grid-template-columns:1fr auto; }
    .pkx-company-web { grid-column:auto; }
    .pkx-location { grid-template-columns:220px 1fr; }
    .pkx-contact-data {
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        border-top:1px solid var(--line);
    }
    .pkx-address { border-right:0; }
    .pkx-contact-grid { grid-template-columns:1fr; }
    .pkx-map-card,
    .pkx-contact-form-card { min-height:0; }
    .pkx-map-card iframe { min-height:430px; }
    .pkx-contact-form-card { padding:34px; }
}

@media(max-width:700px) {
    .pkx-wrap { width:calc(100% - 28px); }
    .pkx-nav-section { padding-top:34px; }
    .pkx-company { padding:70px 0; }
    .pkx-company-head { display:block; }
    .pkx-company-web { display:inline-block; margin-top:15px; }
    .pkx-location { display:block; min-height:0; }
    .pkx-location-title,
    .pkx-address,
    .pkx-contact-data { padding:24px; }
    .pkx-address {
        border:0;
        border-top:1px solid var(--line);
    }
    .pkx-contact-data {
        display:flex;
        border-top:1px solid var(--line);
    }
    .pkx-contact-panel { padding:68px 0; }
    .pkx-contact-grid { gap:18px; }
    .pkx-map-card,
    .pkx-contact-form-card { border-radius:18px; }
    .pkx-map-card iframe { min-height:360px; }
    .pkx-contact-form-card { padding:24px; }
    .pkx-form-grid { grid-template-columns:1fr; }
    .pkx-form-message { grid-column:auto; }
    .pkx-form-actions {
        align-items:flex-start;
        flex-direction:column;
    }
    .pkx-bottom-inner { grid-template-columns:1fr; }
}

/* ======================================================================
   CONTACT — GEREKSIZ KIRILIM YOK
   ====================================================================== */
.pkx-nav a,
.pkx-company-head h2,
.pkx-company-web,
.pkx-location-title h3,
.pkx-form-top h2,
.pkx-form-actions button,
.pkx-mail-btn,
.pkx-bottom h2,
.pkx-data b,
.pkx-data a,
.pkx-data span{
    word-break:normal!important;
    hyphens:none!important;
}

.pkx-nav a,
.pkx-company-web,
.pkx-form-actions button,
.pkx-mail-btn{
    white-space:nowrap;
}

/* Etiket kolonu sadece ihtiyaci kadar yer kaplasin; veri alani gereksiz daralmasin. */
.pkx-data{
    grid-template-columns:max-content minmax(0,1fr);
}
.pkx-data a,
.pkx-data span{
    overflow-wrap:normal!important;
}

@media (min-width:701px){
    .pkx-location-title h3,
    .pkx-data a,
    .pkx-data span{
        white-space:nowrap;
    }
}

@media (max-width:700px){
    .pkx-location-title h3,
    .pkx-data a,
    .pkx-data span,
    .pkx-bottom h2{
        white-space:normal;
        overflow-wrap:break-word!important;
    }
}

/* ======================================================================
   CONTACT — SAFE WRAP / NO COLUMN OVERFLOW
   Yer varsa tek satır; yer yetmiyorsa kendi hücresi içinde kontrollü kırılır.
   ====================================================================== */
.pkx-location{
    grid-template-columns:280px minmax(0,1.2fr) minmax(0,1fr);
}

.pkx-location-title,
.pkx-address,
.pkx-contact-data,
.pkx-data,
.pkx-data > *,
.pkx-company-head > *{
    min-width:0;
}

/* Lokasyon ve şirket isimleri sadece kelime aralarından kırılır. */
.pkx-location-title h3,
.pkx-company-head h2{
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
}

/* Mail / web / uzun veri taşmak yerine kendi alanında kırılabilir. */
.pkx-data a,
.pkx-data span{
    min-width:0;
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}

/* Adres de hiçbir koşulda grid dışına taşmasın. */
.pkx-address p{
    min-width:0;
    max-width:100%;
    overflow-wrap:break-word;
}

/* Firma web bağlantısı başlığa çarpacak kadar daralırsa temizce alt satıra geçsin. */
@media (max-width:860px){
    .pkx-company-head{
        grid-template-columns:1fr;
        align-items:start;
        gap:14px;
    }
    .pkx-company-web{
        justify-self:start;
        white-space:normal;
    }
}

@media (max-width:1000px){
    .pkx-location{
        grid-template-columns:minmax(180px,220px) minmax(0,1fr);
    }
    .pkx-contact-data{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:700px){
    .pkx-data{
        grid-template-columns:max-content minmax(0,1fr);
    }
}

/* ======================================================================
   CONTACT — DESKTOP VERTICAL COMPANY NAV
   Masaüstünde yatay şerit yok; sağda dikey hızlı erişim menüsü.
   ====================================================================== */
@media (min-width:1101px){
    .pkx-nav-section{
        height:0;
        min-height:0!important;
        padding:0!important;
        margin:0!important;
        background:transparent!important;
    }

    .pkx-nav{
        position:fixed;
        z-index:950;
        top:50%;
        right:18px;
        width:172px;
        margin:0;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translate(18px,-50%);
        transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
    }

    .pkx-nav.is-floating{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate(0,-50%);
    }

    .pkx-nav .pkx-nav-inner{
        display:flex;
        flex-direction:column;
        overflow:hidden;
        border:1px solid var(--line);
        border-radius:16px;
        background:rgba(255,255,255,.97);
        box-shadow:0 20px 55px rgba(1,43,72,.16);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }

    .pkx-nav a{
        flex:none;
        min-width:0;
        width:100%;
        min-height:50px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        padding:0 16px 0 19px;
        border-right:0!important;
        border-bottom:1px solid var(--line);
        color:var(--navy);
        font-size:12px;
        line-height:1.25;
        text-align:left;
        white-space:normal!important;
        overflow-wrap:normal;
        word-break:normal;
    }

    .pkx-nav a:last-child{border-bottom:0;}

    .pkx-nav a::after{
        left:0;
        top:50%;
        bottom:auto;
        width:3px!important;
        height:0;
        border-radius:0 999px 999px 0;
        transform:translateY(-50%);
        transition:height .25s ease,background .25s ease;
    }

    .pkx-nav a:hover{
        background:#f4f8fb;
        color:var(--blue);
        transform:none;
    }
    .pkx-nav a:hover::after{height:22px;}

    .pkx-nav a.is-active{
        background:var(--navy);
        color:#fff;
        box-shadow:none;
    }
    .pkx-nav a.is-active::after{
        height:27px;
        background:#fff;
    }
}

/* ======================================================================
   CONTACT — TABLET + MOBILE VERTICAL COMPANY NAV
   Pekintaş / Aluform / Schmid Pekintaş her ekranda dikey kalır.
   ====================================================================== */
@media (max-width:1100px){
    .pkx-contact .pkx-nav-section{
        display:block!important;
        padding:28px 0 4px;
        background:#fff;
    }

    .pkx-contact .pkx-nav{
        position:relative;
        z-index:5;
        top:auto;
        right:auto;
        width:min(190px,100%);
        margin:0;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
    }

    .pkx-contact .pkx-nav .pkx-nav-inner{
        display:flex;
        flex-direction:column;
        overflow:hidden;
        width:100%;
        border:1px solid var(--line);
        border-radius:16px;
        background:#fff;
        box-shadow:0 18px 50px rgba(1,43,72,.08);
    }

    .pkx-contact .pkx-nav a{
        flex:none;
        width:100%;
        min-width:0;
        min-height:50px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        padding:0 18px;
        border-right:0!important;
        border-bottom:1px solid var(--line);
        color:var(--navy);
        font-size:13px;
        line-height:1.25;
        font-weight:800;
        text-align:left;
        white-space:normal;
        transform:none;
    }

    .pkx-contact .pkx-nav a:last-child{
        border-bottom:0;
    }

    .pkx-contact .pkx-nav a::after{
        left:0;
        top:50%;
        bottom:auto;
        width:3px!important;
        height:0;
        border-radius:0 999px 999px 0;
        transform:translateY(-50%);
        transition:height .25s ease,background .25s ease;
    }

    .pkx-contact .pkx-nav a:hover{
        background:#f4f8fb;
        color:var(--blue);
    }

    .pkx-contact .pkx-nav a:hover::after{
        height:22px;
    }

    .pkx-contact .pkx-nav a.is-active{
        background:var(--navy);
        color:#fff;
        box-shadow:none;
    }

    .pkx-contact .pkx-nav a.is-active::after{
        height:27px;
        background:#fff;
    }
}

@media (max-width:575px){
    .pkx-contact .pkx-nav-section{
        padding-top:22px;
    }

    .pkx-contact .pkx-nav{
        width:min(172px,100%);
    }

    .pkx-contact .pkx-nav a{
        min-height:49px;
        padding:0 16px;
        font-size:12px;
    }
}


/* ======================================================================
   CONTACT — BRAND NAV LABELS TRUE VERTICAL WRITING
   Harfler yukarıdan aşağıya dikey okunur: P / E / K / İ / N / T / A / Ş
   ====================================================================== */
.pkx-contact .pkx-nav{
    width:auto!important;
}

.pkx-contact .pkx-nav .pkx-nav-inner{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    width:auto!important;
    overflow:hidden!important;
}

.pkx-contact .pkx-nav a{
    width:46px!important;
    min-width:46px!important;
    min-height:210px!important;
    padding:14px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    writing-mode:vertical-rl!important;
    text-orientation:upright!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
}

.pkx-contact .pkx-nav a:last-child{
    border-right:0!important;
}

.pkx-contact .pkx-nav a::after{
    left:50%!important;
    top:0!important;
    bottom:auto!important;
    width:0!important;
    height:3px!important;
    transform:translateX(-50%)!important;
    border-radius:0 0 999px 999px!important;
    transition:width .25s ease,background .25s ease!important;
}

.pkx-contact .pkx-nav a:hover::after{
    width:22px!important;
    height:3px!important;
}

.pkx-contact .pkx-nav a.is-active::after{
    width:28px!important;
    height:3px!important;
    background:#fff!important;
}

@media (max-width:575px){
    .pkx-contact .pkx-nav a{
        width:42px!important;
        min-width:42px!important;
        min-height:190px!important;
        padding:12px 0!important;
        font-size:11px!important;
    }
}


/* ======================================================================
   CONTACT — BRAND QUICK NAV REMOVED
   Pekintaş / Aluform / Schmid Pekintaş floating quick menu disabled.
   ====================================================================== */
.pkx-contact .pkx-nav-section,
.pkx-contact .pkx-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}