:root {
    --pb-primary: var(--ep-primary, #4f46e5);
    --pb-primary-600: var(--ep-primary-600, #4338ca);
    --pb-primary-ink: var(--ep-primary-ink, #4f46e5);
    --pb-primary-50: var(--ep-primary-50, #eef0ff);
    --pb-primary-100: var(--ep-primary-100, #e0e3ff);
    --pb-koyu: #1e1b4b;
    --pb-koyu-dolgu: #1e1b4b;
    --pb-bg: var(--ep-bg, #f7f7fb);
    --pb-surface: var(--ep-surface, #ffffff);
    --pb-surface-2: var(--ep-surface-2, #f7f7fc);
    --pb-surface-3: var(--ep-surface-3, #f1f2f7);
    --pb-border: var(--ep-border, #eceef5);
    --pb-border-2: var(--ep-border-2, #e2e5ef);
    --pb-text: var(--ep-text, #252641);
    --pb-text-2: var(--ep-text-2, #55566f);
    --pb-muted: var(--ep-muted, #8b8ba7);
    --pb-green: var(--ep-green, #10b981);
    --pb-green-bg: var(--ep-green-bg, #e7f8f1);
    --pb-red: var(--ep-red, #ef4444);
    --pb-red-bg: var(--ep-red-bg, #fdecec);
    --pb-r-kart: 22px;
    --pb-r-oge: 12px;
    --pb-cizgi-yumusak: rgba(79, 70, 229, .08);
    --pb-golge-sm: 0 4px 14px rgba(30, 27, 75, .05);
    --pb-golge: 0 20px 40px rgba(30, 27, 75, .06);
    --pb-golge-lg: 0 28px 60px rgba(30, 27, 75, .10);
    --pb-glow: 0 10px 28px -6px rgba(79, 70, 229, .55);
    --pb-glow-lg: 0 16px 36px -8px rgba(79, 70, 229, .65);
    --pb-ortam: radial-gradient(900px 520px at 88% -8%, var(--pb-primary-100), transparent 62%), radial-gradient(760px 480px at -6% 18%, var(--pb-primary-50), transparent 60%);
}

[data-pc-theme="dark"] {
    --pb-koyu: var(--ep-text);
    --pb-koyu-dolgu: var(--ep-surface-3);
    --pb-cizgi-yumusak: var(--ep-border);
    --bs-body-bg: var(--ep-surface);
    --bs-body-color: var(--ep-text);
    --bs-emphasis-color: var(--ep-text);
    --bs-heading-color: var(--ep-text);
    --bs-secondary-color: var(--ep-muted);
    --bs-secondary-bg: var(--ep-surface-2);
    --bs-tertiary-bg: var(--ep-surface-2);
    --bs-border-color: var(--ep-border);
    --bs-border-color-translucent: var(--ep-border);
}

[data-pc-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.pb-govde {
    font-family: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--pb-ortam), var(--pb-bg);
    background-repeat: no-repeat;
    color: var(--pb-text);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.pb-kap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

.pb-header {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: color-mix(in srgb, var(--pb-surface) 78%, transparent);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
    border-bottom: 1px solid var(--pb-cizgi-yumusak);
}

.pb-header-ic {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 72px;
}

.pb-logo {
    display: flex;
    align-items: center;
    flex: none;
}

    .pb-logo img {
        height: 42px;
        width: auto;
        max-width: 160px;
        object-fit: contain;
        display: block;
    }

    .pb-logo .ep-logo-koyu,
    [data-pc-theme="dark"] .pb-logo .ep-logo-acik {
        display: none;
    }

    [data-pc-theme="dark"] .pb-logo .ep-logo-koyu {
        display: block;
    }

.pb-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}

    .pb-nav a {
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 14.5px;
        font-weight: 600;
        color: var(--pb-text-2);
        text-decoration: none;
        white-space: nowrap;
        transition: color .15s ease, background-color .15s ease;
    }

        .pb-nav a:hover,
        .pb-nav a.aktif {
            color: var(--pb-primary-ink);
            background: var(--pb-primary-50);
        }

.pb-header-aksiyon {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
    padding-left: 12px;
}

.pb-tema-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid var(--pb-border);
    background: var(--pb-surface);
    color: var(--pb-text-2);
    font-size: 14px;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease;
}

    .pb-tema-btn:hover {
        color: var(--pb-primary-ink);
        border-color: var(--pb-primary-100);
    }

    .pb-tema-btn .ep-tema-ikon-acik,
    [data-pc-theme="dark"] .pb-tema-btn .ep-tema-ikon-koyu {
        display: none;
    }

    [data-pc-theme="dark"] .pb-tema-btn .ep-tema-ikon-acik {
        display: inline-block;
    }

.pb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.25;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pb-btn-birincil {
    background: var(--pb-primary);
    color: #fff;
    box-shadow: var(--pb-glow);
}

    .pb-btn-birincil:hover {
        background: var(--pb-primary-600);
        color: #fff;
        box-shadow: var(--pb-glow-lg);
        transform: translateY(-2px);
    }

.pb-btn-cerceve {
    background: var(--pb-surface);
    border-color: var(--pb-border-2);
    color: var(--pb-text);
    box-shadow: var(--pb-golge-sm);
}

    .pb-btn-cerceve:hover {
        border-color: var(--pb-primary);
        color: var(--pb-primary-ink);
        transform: translateY(-2px);
    }

.pb-btn-yumusak {
    background: var(--pb-primary-50);
    color: var(--pb-primary-ink);
}

    .pb-btn-yumusak:hover {
        background: var(--pb-primary-100);
        color: var(--pb-primary-ink);
    }

.pb-btn-buyuk {
    padding: 14px 26px;
    font-size: 15px;
}

.pb-tabbar {
    display: none;
}

@media (max-width: 991.98px) {
    .pb-nav,
    .pb-header-aksiyon {
        display: none;
    }

    .pb-header-ic {
        position: relative;
        justify-content: center;
        height: 62px;
    }

    .pb-tema-btn {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .pb-tabbar {
        position: fixed;
        left: 8px;
        right: 8px;
        bottom: max(4px, calc(env(safe-area-inset-bottom) - 16px));
        z-index: 1030;
        display: flex;
        justify-content: space-around;
        background: color-mix(in srgb, var(--pb-surface) 90%, transparent);
        -webkit-backdrop-filter: blur(16px) saturate(160%);
        backdrop-filter: blur(16px) saturate(160%);
        border: 1px solid var(--pb-cizgi-yumusak);
        border-radius: 22px;
        padding: 6px;
        box-shadow: var(--pb-golge-lg);
    }

        .pb-tabbar a {
            flex: 1 1 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3px;
            margin: 0 2px;
            padding: 6px 2px;
            border-radius: 16px;
            font-size: 10.5px;
            font-weight: 600;
            color: var(--pb-muted);
            text-decoration: none;
        }

            .pb-tabbar a i {
                font-size: 19px;
                line-height: 1.2;
            }

            .pb-tabbar a.aktif {
                color: var(--pb-primary-ink);
                background: var(--pb-primary-50);
            }

    .pb-govde {
        padding-bottom: calc(max(4px, calc(env(safe-area-inset-bottom) - 16px)) + 80px);
    }
}

.pb-footer {
    margin-top: auto;
    background: var(--pb-surface);
    border-top: 1px solid var(--pb-cizgi-yumusak);
    padding-top: 52px;
}

.pb-footer-izgara {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
    gap: 32px;
}

.pb-footer-marka p {
    margin: 14px 0 12px;
    max-width: 320px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--pb-text-2);
}

.pb-footer-rozet {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--pb-green-bg);
    color: var(--pb-green);
    font-size: 12px;
    font-weight: 700;
}

.pb-footer .pb-footer-rozet {
    gap: 5px;
    padding: 4px 10px;
    font-size: 10.5px;
    white-space: nowrap;
}

.pb-footer .pb-magaza {
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 14px;
}

.pb-footer .pb-magaza-btn {
    gap: 7px;
    padding: 6px 11px;
    border-radius: 11px;
    box-shadow: 0 6px 16px -8px rgba(30, 27, 75, .45);
}

    .pb-footer .pb-magaza-btn i {
        font-size: 16px;
    }

    .pb-footer .pb-magaza-btn span {
        font-size: 12px;
        white-space: nowrap;
    }

    .pb-footer .pb-magaza-btn small {
        font-size: 9px;
    }

.pb-magaza {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.pb-magaza-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    border-radius: 14px;
    background: var(--pb-koyu-dolgu);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 24px -8px rgba(30, 27, 75, .45);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

    .pb-magaza-btn i {
        font-size: 20px;
    }

    .pb-magaza-btn span {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.15;
    }

    .pb-magaza-btn small {
        font-size: 10px;
        font-weight: 500;
        opacity: .8;
    }

    .pb-magaza-btn:hover {
        background: var(--pb-primary);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: var(--pb-glow-lg);
    }

.pb-footer-sutun {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

    .pb-footer-sutun h6 {
        margin: 6px 0 4px;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--pb-text);
    }

    .pb-footer-sutun a,
    .pb-footer-sutun button {
        padding: 0;
        border: 0;
        background: none;
        font-family: inherit;
        font-size: 14px;
        color: var(--pb-text-2);
        text-decoration: none;
        cursor: pointer;
    }

        .pb-footer-sutun a:hover,
        .pb-footer-sutun button:hover {
            color: var(--pb-primary-ink);
        }

.pb-footer-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 40px;
    padding: 20px 0 24px;
    border-top: 1px solid var(--pb-border);
    font-size: 13px;
    color: var(--pb-muted);
}

    .pb-footer-alt span a {
        color: inherit;
        font-weight: 600;
        text-decoration: none;
    }

        .pb-footer-alt span a:hover {
            color: var(--pb-primary-ink);
        }

    .pb-footer-alt .pb-lisan-logo {
        display: inline-block;
        width: 2.35em;
        height: 1em;
        vertical-align: -0.2em;
        background-color: currentColor;
        -webkit-mask: url("/assets/images/lisan.png") no-repeat center / contain;
        mask: url("/assets/images/lisan.png") no-repeat center / contain;
    }

.pb-sosyal {
    display: flex;
    gap: 6px;
}

    .pb-sosyal a {
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--pb-surface);
        border: 1px solid var(--pb-border);
        color: var(--pb-text-2);
        text-decoration: none;
        transition: transform .2s ease, box-shadow .2s ease, color .2s ease;
    }

        .pb-sosyal a:hover {
            color: var(--pb-primary-ink);
            transform: translateY(-2px);
            box-shadow: var(--pb-golge-sm);
        }

@media (max-width: 991.98px) {
    .pb-footer-izgara {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .pb-footer-marka {
        grid-column: 1 / -1;
    }
}

@media (max-width: 576px) {
    .pb-footer {
        padding-top: 32px;
    }

    .pb-footer-izgara {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 16px;
    }

    .pb-footer-alt {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pb-sayfa {
    padding: 56px 0 72px;
}

.pb-sayfa-bas {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 36px;
}

.pb-rozet {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 15px;
    border-radius: 999px;
    background: var(--pb-surface);
    color: var(--pb-primary-ink);
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    border: 1px solid var(--pb-cizgi-yumusak);
    box-shadow: var(--pb-golge-sm);
}

.pb-sayfa-bas h1 {
    margin: 18px 0 12px;
    font-size: 46px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.1;
    color: var(--pb-text);
}

.pb-sayfa-bas p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: var(--pb-text-2);
}

.pb-kart {
    max-width: 920px;
    margin: 0 auto;
    background: var(--pb-surface);
    border: 1px solid var(--pb-cizgi-yumusak);
    border-radius: var(--pb-r-kart);
    padding: 40px 44px;
    box-shadow: var(--pb-golge);
}

.pb-kart-genis {
    max-width: 1080px;
}

.pb-kart + .pb-kart {
    margin-top: 24px;
}

@media (max-width: 767.98px) {
    .pb-sayfa {
        padding: 32px 0 44px;
    }

    .pb-sayfa-bas h1 {
        font-size: 32px;
    }

    .pb-sayfa-bas p {
        font-size: 15px;
    }

    .pb-kart {
        padding: 24px 20px;
        border-radius: 20px;
    }
}

@media (max-width: 576px) {
    .pb-btn {
        padding: .45rem .9rem;
        font-size: .8rem;
    }

    .pb-btn-buyuk {
        padding: 12px 20px;
        font-size: 14px;
    }
}

.pb-hata {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 0 8px;
    text-align: center;
}

.pb-hata-kod {
    font-size: 110px;
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    color: var(--pb-primary);
    opacity: .16;
}

.pb-hata h1 {
    margin: 12px 0 10px;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--pb-text);
}

.pb-hata > p {
    margin: 0 auto;
    max-width: 520px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--pb-text-2);
}

.pb-hata-aksiyon {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 28px 0 40px;
}

.pb-kisayollar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    text-align: left;
}

.pb-kisayol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 22px;
    border-radius: var(--pb-r-kart);
    border: 1px solid var(--pb-cizgi-yumusak);
    background: var(--pb-surface);
    box-shadow: var(--pb-golge);
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

    .pb-kisayol:hover {
        transform: translateY(-4px);
        box-shadow: var(--pb-golge-lg);
    }

    .pb-kisayol b {
        margin-top: 10px;
        font-size: 15px;
        color: var(--pb-text);
    }

    .pb-kisayol small {
        font-size: 13px;
        color: var(--pb-text-2);
    }

.pb-kisayol-ikon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--pb-primary-50);
    color: var(--pb-primary-ink);
}

.pb-hata-not {
    margin-top: 8px !important;
    font-size: 14px !important;
    color: var(--pb-muted) !important;
}

.pb-link-btn {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 700;
    color: var(--pb-primary-ink);
    cursor: pointer;
}

@media (max-width: 576px) {
    .pb-hata-kod {
        font-size: 80px;
    }

    .pb-hata h1 {
        font-size: 24px;
    }

    .pb-kisayollar {
        grid-template-columns: minmax(0, 1fr);
    }

    .pb-kisayol {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 12px;
        padding: 14px 16px;
    }

        .pb-kisayol b {
            margin-top: 0;
        }

        .pb-kisayol small {
            flex-basis: 100%;
            padding-left: 56px;
            margin-top: -6px;
        }
}

.pb-cipler {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pb-cipler-baslik {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--pb-text-2);
}

.pb-cip {
    padding: 8px 15px;
    border-radius: 999px;
    border: 1px solid var(--pb-cizgi-yumusak);
    background: var(--pb-surface);
    box-shadow: var(--pb-golge-sm);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--pb-text-2);
    text-decoration: none;
    transition: transform .2s ease, color .2s ease;
}

    .pb-cip:hover {
        color: var(--pb-primary-ink);
        transform: translateY(-2px);
    }

    .pb-cip.aktif {
        background: var(--pb-primary);
        border-color: var(--pb-primary);
        color: #fff;
        box-shadow: var(--pb-glow);
    }

.aksan-violet { --ak: var(--ep-violet, #6366f1); --ak-bg: var(--ep-violet-bg, #eef0ff); }
.aksan-blue   { --ak: var(--ep-blue, #3b82f6);   --ak-bg: var(--ep-blue-bg, #e8f1ff); }
.aksan-green  { --ak: var(--ep-green, #10b981);  --ak-bg: var(--ep-green-bg, #e7f8f1); }
.aksan-amber  { --ak: var(--ep-amber, #f59e0b);  --ak-bg: var(--ep-amber-bg, #fef5e3); }
.aksan-pink   { --ak: var(--ep-pink, #ec4899);   --ak-bg: var(--ep-pink-bg, #fdeaf5); }
.aksan-red    { --ak: var(--ep-red, #ef4444);    --ak-bg: var(--ep-red-bg, #fdecec); }

.pb-ikon {
    width: 46px;
    height: 46px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--ak-bg, var(--pb-primary-50));
    color: var(--ak, var(--pb-primary-ink));
    font-size: 17px;
}

.pb-sss-bolum + .pb-sss-bolum {
    margin-top: 36px;
}

.pb-sss-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 800;
    color: var(--pb-text);
}

.pb-sss details {
    border-bottom: 1px solid var(--pb-border);
}

.pb-sss summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    font-size: 15.5px;
    font-weight: 700;
    color: var(--pb-text);
    cursor: pointer;
    list-style: none;
}

    .pb-sss summary::-webkit-details-marker {
        display: none;
    }

    .pb-sss summary::after {
        content: "\f067";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 12px;
        width: 30px;
        height: 30px;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--pb-primary-50);
        color: var(--pb-primary-ink);
        transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
    }

.pb-sss details[open] summary::after {
    content: "\f068";
    background: var(--pb-primary);
    color: #fff;
    box-shadow: var(--pb-glow);
}

.pb-sss summary:hover {
    color: var(--pb-primary-ink);
}

.pb-sss-cevap {
    margin: 0 46px 18px 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--pb-text-2);
}

.pb-cta {
    position: relative;
    max-width: 920px;
    margin: 28px auto 0;
    padding: 40px 44px;
    border-radius: var(--pb-r-kart);
    background: radial-gradient(520px 260px at 92% 0%, rgba(255, 255, 255, .22), transparent 70%), radial-gradient(420px 240px at 0% 100%, rgba(129, 140, 248, .45), transparent 70%), var(--pb-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    box-shadow: 0 28px 60px -18px rgba(79, 70, 229, .6);
    overflow: hidden;
}

    .pb-cta h2 {
        margin: 0 0 6px;
        font-size: 26px;
        font-weight: 800;
        letter-spacing: -.02em;
    }

    .pb-cta p {
        margin: 0;
        font-size: 15px;
        opacity: .9;
    }

    .pb-cta .pb-btn {
        background: var(--ep-primary-uzeri, #ffffff);
        color: var(--pb-primary);
        box-shadow: 0 12px 28px -10px rgba(30, 27, 75, .55);
    }

        .pb-cta .pb-btn:hover {
            background: var(--ep-primary-uzeri, #ffffff);
            color: var(--pb-primary-600);
            transform: translateY(-2px);
        }

.pb-kart-genis ~ .pb-cta {
    max-width: 1080px;
}

@media (max-width: 576px) {
    .pb-ikon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .pb-cta {
        padding: 28px 22px;
    }

        .pb-cta h2 {
            font-size: 20px;
        }

    .pb-sss-cevap {
        margin-right: 0;
    }
}

.pb-pati-zemin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%234f46e5' fill-opacity='0.045'%3E%3Cellipse cx='40' cy='52' rx='10' ry='7.5'/%3E%3Ccircle cx='25' cy='39' r='4.2'/%3E%3Ccircle cx='34' cy='32' r='4.5'/%3E%3Ccircle cx='46' cy='32' r='4.5'/%3E%3Ccircle cx='55' cy='39' r='4.2'/%3E%3Cg transform='rotate(-20 92 96)'%3E%3Cellipse cx='92' cy='102' rx='7' ry='5.2'/%3E%3Ccircle cx='81.5' cy='93' r='3'/%3E%3Ccircle cx='88' cy='88' r='3.2'/%3E%3Ccircle cx='96' cy='88' r='3.2'/%3E%3Ccircle cx='102.5' cy='93' r='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 120px 120px;
}

@media (max-width: 767.98px) {
    .pb-pati-zemin {
        background-image: none;
    }
}

@keyframes pbSuzul {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes pbSuzulHafif {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes pbPatiHafif {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -6px; }
}

@media (prefers-reduced-motion: reduce) {
    .pb-btn,
    .pb-kisayol,
    .pb-cip,
    .pb-magaza-btn {
        transition: none;
    }

        .pb-btn:hover,
        .pb-kisayol:hover,
        .pb-cip:hover,
        .pb-magaza-btn:hover {
            transform: none;
        }
}

.pb-patili {
    position: relative;
    isolation: isolate;
}

.pb-patiler {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.pb-pati {
    position: absolute;
    font-size: 30px;
    color: var(--pb-primary);
    opacity: .1;
    animation: pbPatiSuzul 6s ease-in-out infinite;
}

.pb-pati-buyuk {
    font-size: 120px;
    opacity: .04;
}

.pb-pati-1 { top: 6%; left: 4%; }
.pb-pati-2 { top: 30%; right: 5%; animation-delay: 1.8s; }
.pb-pati-3 { bottom: 16%; left: 9%; animation-delay: 3.4s; }
.pb-pati-4 { top: 60%; right: 11%; font-size: 22px; animation-delay: 4.6s; }
.pb-pati-5 { top: 14%; right: 24%; font-size: 20px; animation-delay: 2.6s; }
.pb-pati-6 { bottom: 34%; left: 20%; font-size: 24px; animation-delay: 5.2s; }
.pb-pati-7 { top: 4%; left: 30%; transform: rotate(-15deg); animation-delay: 1.2s; }
.pb-pati-8 { top: 44%; left: 2%; transform: rotate(12deg); animation-delay: 3s; }
.pb-pati-9 { bottom: 5%; right: 6%; transform: rotate(-8deg); animation-delay: 4.2s; }

@keyframes pbPatiSuzul {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-16px) rotate(5deg); }
}

@media (max-width: 991.98px) {
    .pb-patiler {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pb-pati {
        animation-name: pbPatiHafif;
        animation-duration: 12s;
    }
}

.pb-durum {
    max-width: 560px;
    margin: 0 auto;
    padding: 44px 40px 32px;
    text-align: center;
    background: radial-gradient(420px 220px at 50% 0%, var(--ak-bg), transparent 70%), var(--pb-surface);
    border: 1px solid var(--pb-cizgi-yumusak);
    border-radius: 28px;
    box-shadow: var(--pb-golge-lg);
}

.pb-durum-ikon {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    background: var(--pb-surface);
    color: var(--pb-koyu);
    font-size: 38px;
    box-shadow: var(--pb-golge);
    animation: pbSuzul 6s ease-in-out infinite;
}

    .pb-durum-ikon em {
        position: absolute;
        right: -8px;
        bottom: -8px;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--ak);
        color: #fff;
        font-size: 14px;
        font-style: normal;
        border: 3px solid var(--pb-surface);
    }

.pb-durum-rozet {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--ak-bg);
    color: var(--ak);
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pb-durum h1 {
    margin: 16px 0 10px;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--pb-koyu);
}

.pb-durum > p {
    margin: 0 auto;
    max-width: 440px;
    font-size: 15.5px;
    line-height: 1.6;
    color: var(--pb-text-2);
}

.pb-durum-kod {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 9px 16px;
    border-radius: 12px;
    background: var(--pb-surface-2);
    border: 1px dashed var(--pb-border-2);
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--pb-koyu);
}

    .pb-durum-kod i {
        color: var(--pb-muted);
        font-size: 12px;
    }

.pb-durum-aksiyon {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 26px 0 22px;
}

.pb-durum-not {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    background: var(--pb-surface-2);
    text-align: left;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--pb-text-2);
}

    .pb-durum-not i {
        margin-top: 3px;
        color: var(--pb-primary-ink);
    }

    .pb-durum-not a {
        color: var(--pb-primary-ink);
        font-weight: 700;
    }

@media (max-width: 576px) {
    .pb-durum {
        padding: 32px 20px 22px;
        border-radius: 24px;
    }

        .pb-durum h1 {
            font-size: 24px;
        }

    .pb-durum-aksiyon .pb-btn {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pb-durum-ikon {
        animation: pbSuzulHafif 10s ease-in-out infinite;
    }
}