.page-body { padding: 60px 0 100px; }

/* Arapça RTL — üst bar ve menü */
html[dir="rtl"] .site-header__top-inner,
html[dir="rtl"] .site-header__bar,
html[dir="rtl"] .site-header__cluster {
    flex-direction: row-reverse;
}
html[dir="rtl"] .site-header__picker-menu {
    left: auto;
    right: 0;
}
.page-content { max-width: 800px; margin: 0 auto; font-size: 16px; line-height: 1.75; }
.page-content h2 { margin: 1.5em 0 .5em; font-size: 22px; }
.page-form { max-width: 560px; margin: 0 auto; }
.page-form label { display: block; font-weight: 600; margin: 14px 0 6px; font-size: 14px; }
.page-form input:not([type="radio"]):not([type="checkbox"]),
.page-form textarea,
.page-form select { width: 100%; padding: 12px 14px; border: 1px solid var(--border-color); border-radius: 8px; font: inherit; box-sizing: border-box; }
.page-form input[type="radio"],
.page-form input[type="checkbox"] { width: auto; margin: 0; flex-shrink: 0; }
.page-form textarea { min-height: 120px; }

.container--narrow {
    max-width: 760px;
}

.page-body--quote .quote-page__intro {
    max-width: 640px;
    margin: 0 auto 20px;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
}

.page-form--quote {
    max-width: 760px;
    margin: 0 auto;
}

.page-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
}

.page-form__field--full {
    grid-column: 1 / -1;
}

.page-form__actions {
    margin-top: 16px;
}

.quote-page__after {
    text-align: center;
    margin-top: 16px;
}

.totp-qr {
    margin: 12px 0 18px;
}

.totp-qr__img,
.totp-qr__fallback img,
.totp-qr__fallback canvas {
    display: block;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: #fff;
}

.totp-qr__hint {
    margin: 10px 0 6px;
    font-size: 13px;
    color: var(--text-muted);
}

.totp-qr__secret code {
    font-size: 14px;
    letter-spacing: 0.06em;
    word-break: break-all;
}

@media (max-width: 640px) {
    .page-form__grid {
        grid-template-columns: 1fr;
    }
}
.page-alert { padding: 14px 18px; border-radius: 8px; margin-bottom: 24px; max-width: 560px; margin-left: auto; margin-right: auto; }
.page-alert--ok { background: #dcfce7; color: #166534; }
.page-alert--err { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.page-alert--info { background: #fff7ed; color: #9a3412; border: 1px solid rgba(255, 107, 0, 0.25); max-width: 920px; }
.cart-domain-tag { display: block; font-size: 12px; color: var(--text-muted); margin-top: 4px; }
.breadcrumb { font-size: 13px; color: var(--text-muted); margin-bottom: 12px; }
.breadcrumb a { color: var(--primary); }

/* Sol hizalı koyu başlık şeridi (site + hesap sayfaları) */
.page-hero--strip {
    background: #111111;
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 0;
    padding: 28px 0 32px;
    text-align: left;
    color: #fff;
}
.page-hero--strip .page-hero__breadcrumb {
    margin: 0 0 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.45);
}
.page-hero--strip .page-hero__breadcrumb a {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
}
.page-hero--strip .page-hero__breadcrumb a:hover {
    color: #ff8a3d;
}
.page-hero--strip .page-hero__breadcrumb-section {
    color: rgba(255, 255, 255, 0.45);
    font-weight: 500;
}
.page-hero--strip h1 {
    font-size: clamp(26px, 3.5vw, 34px);
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #ffffff !important;
}
.page-hero--strip h1 span {
    color: var(--primary);
}
.page-hero--strip .page-hero__lead {
    margin: 10px 0 0;
    max-width: 720px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
    text-align: left;
}
.page-hero--has-image.page-hero--strip {
    background:
        linear-gradient(105deg, rgba(17, 17, 17, 0.88) 0%, rgba(17, 17, 17, 0.75) 50%, rgba(17, 17, 17, 0.55) 100%),
        var(--page-hero-image) center / cover no-repeat;
}
/* Hero içeriği kenara yapışmasın (özellikle mobil) */
.page-hero--strip > .container {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    padding-left: max(24px, env(safe-area-inset-left, 0px));
    padding-right: max(24px, env(safe-area-inset-right, 0px));
}
@media (max-width: 1024px) {
    .page-hero--strip > .container {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
}
@media (max-width: 768px) {
    .page-hero--strip {
        padding-top: 24px;
        padding-bottom: 28px;
        overflow: visible;
    }
    .page-hero--strip > .container {
        padding-top: 0;
    }
    .page-hero--strip h1 {
        font-size: clamp(22px, 6vw, 28px);
        line-height: 1.28;
        overflow-wrap: break-word;
        overflow: visible;
    }
    body.page-account .page-hero--strip {
        padding-top: 28px;
        padding-bottom: 30px;
    }
    .page-hero--strip .page-hero__breadcrumb {
        overflow-wrap: anywhere;
        line-height: 1.5;
    }
}
body.page-account .page-body--account {
    padding-top: 28px;
}
html[dir="rtl"] .page-hero--strip {
    text-align: right;
}
html[dir="rtl"] .page-hero--strip .page-hero__lead {
    text-align: right;
}

/* Müşteri giriş / kayıt — ortalı hero */
.page-hero--auth {
    background: linear-gradient(135deg, #111 0%, #222 100%);
    padding: 36px 0 52px;
    text-align: center;
}
.page-hero--auth h1 {
    font-size: clamp(26px, 4vw, 32px);
    margin: 0 0 8px;
    color: #fff !important;
}
.page-hero--auth .page-hero__lead,
.page-hero--auth p {
    max-width: 640px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

.page-body--auth {
    padding: 40px 24px 88px;
    background: #eef2f7;
    min-height: calc(100vh - var(--header-total-h, 132px) - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Şifremi unuttum / şifre sıfırla — koyu hero yok, kart ortada */
.page-body--auth-solo {
    padding: clamp(40px, 8vh, 72px) 20px clamp(56px, 10vh, 96px);
    min-height: calc(100vh - var(--header-total-h, 132px));
}

.page-body--auth > .container {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    flex: 0 1 auto;
}

.auth-card {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 40px 40px 36px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.1);
}

.auth-card__head {
    text-align: center;
    margin: 0 0 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-color);
}

.auth-card__title {
    margin: 16px 0 0;
    font-size: clamp(22px, 4vw, 28px);
    font-weight: 800;
    line-height: 1.2;
    color: var(--dark);
}

.auth-card__title span {
    color: var(--primary);
}

.auth-card__head .auth-modal__logo {
    font-size: 30px;
}

.auth-card__lead {
    margin: 14px auto 0;
    max-width: 360px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--text-muted);
}

.auth-card .page-form {
    max-width: none;
    margin: 0;
}

.auth-card .page-alert {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.auth-card .page-alert:last-child {
    margin-bottom: 0;
}

.auth-card--account {
    max-width: 520px;
}

.auth-alert {
    background: #fee2e2;
    color: #991b1b;
    margin-bottom: 20px;
}

.auth-form .btn-block {
    width: 100%;
}

.auth-form__submit {
    margin-top: 20px;
    margin-bottom: 0;
}

.auth-form__submit .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.auth-form__submit .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.auth-card__switch {
    margin: 24px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    text-align: center;
    font-size: 14px;
    color: var(--text-muted);
}

.auth-card__switch a {
    font-weight: 600;
    color: var(--primary);
    margin-left: 4px;
}

.auth-card__switch a:hover {
    text-decoration: underline;
}

.auth-account-welcome {
    font-size: 18px;
    margin: 0 0 24px;
    color: var(--text-main);
}

.auth-account-dl {
    margin: 0 0 28px;
    display: grid;
    grid-template-columns: minmax(120px, 38%) 1fr;
    gap: 12px 20px;
    font-size: 15px;
}

.auth-account-dl dt {
    font-weight: 600;
    color: var(--text-muted);
    margin: 0;
}

.auth-account-dl dd {
    margin: 0;
    color: var(--dark);
    word-break: break-word;
}

.auth-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.auth-account-actions .btn {
    flex: 1;
    min-width: 140px;
    justify-content: center;
}

@media (max-width: 480px) {
    .page-body--auth {
        padding: 32px 16px 56px;
    }

    .page-body--auth-solo {
        padding: 32px 16px 48px;
    }

    .page-hero--auth {
        padding: 28px 0 40px;
    }

    .auth-card {
        padding: 32px 24px 28px;
    }

    .auth-card {
        padding: 28px 22px 24px;
        border-radius: 16px;
    }

    .auth-card__head {
        margin-bottom: 22px;
        padding-bottom: 18px;
    }

    .auth-account-dl {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .auth-account-dl dt {
        margin-top: 12px;
    }

    .auth-account-dl dt:first-child {
        margin-top: 0;
    }
}

.auth-card--wide {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.page-body--support-form > .container {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.page-body--support-form .auth-card__head {
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.page-body--support-form .page-form label {
    margin: 20px 0 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--dark);
}

.page-body--support-form .page-form label:first-of-type {
    margin-top: 0;
}

.page-body--support-form .page-form input,
.page-body--support-form .page-form textarea {
    padding: 13px 16px;
    font-size: 16px;
    border-radius: 10px;
    border-color: #d1d5db;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-body--support-form .page-form input:focus,
.page-body--support-form .page-form textarea:focus {
    border-color: rgba(255, 107, 0, 0.55);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
}

.page-body--support-form .page-form textarea {
    min-height: 140px;
    resize: vertical;
}

.support-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
    margin-bottom: 0;
}

.support-form__actions .btn {
    flex: 1 1 160px;
    justify-content: center;
    padding: 12px 20px;
}

@media (max-width: 520px) {
    .support-form__actions {
        flex-direction: column;
    }
    .support-form__actions .btn {
        width: 100%;
        flex: 1 1 auto;
    }
}

/* Hesap bildirimleri */
.account-page-toolbar__form {
    margin: 0;
}
.account-notify-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
}
.account-notify-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.account-notify-list__item {
    border-bottom: 1px solid var(--border-color);
}
.account-notify-list__item:last-child {
    border-bottom: none;
}
.account-notify-list__item.is-unread {
    background: #fffbf7;
    box-shadow: inset 3px 0 0 var(--primary);
}
.account-notify-list__link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    color: inherit;
    text-decoration: none;
    transition: background 0.15s ease;
}
.account-notify-list__link:hover {
    background: #f8fafc;
}
.account-notify-list__item.is-unread .account-notify-list__link:hover {
    background: #fff7ed;
}
.account-notify-list__main {
    flex: 1;
    min-width: 0;
}
.account-notify-list__title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--dark);
    margin-bottom: 4px;
}
.account-notify-list__body {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-muted);
    word-break: break-word;
}
.account-notify-list__time {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    white-space: nowrap;
    padding-top: 2px;
}
.account-notify-foot {
    margin: 0;
    text-align: center;
}
.account-notify-foot__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 107, 0, 0.28);
    background: #fff;
}
.account-notify-foot__link:hover {
    background: #fff7ed;
    border-color: var(--primary);
}
@media (max-width: 560px) {
    .account-notify-list__link {
        flex-direction: column;
        gap: 8px;
    }
    .account-notify-list__time {
        align-self: flex-start;
    }
}

/* Destek talebi detay */
.ticket-detail__back {
    margin: 0 0 12px;
    font-size: 14px;
}
.ticket-detail__back a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--primary);
}
.ticket-detail__back a:hover {
    text-decoration: underline;
}
.ticket-detail__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 20px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}
.ticket-detail__id {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.02em;
}
.ticket-detail__status {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ticket-detail__status--open {
    background: #dcfce7;
    color: #15803d;
}
.ticket-detail__status--answered {
    background: #dbeafe;
    color: #1d4ed8;
}
.ticket-detail__status--closed {
    background: #f1f5f9;
    color: #64748b;
}
.ticket-thread {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 20px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}
.ticket-msg {
    margin: 0;
    max-width: 85%;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background: #f8fafc;
}
.ticket-msg--initial,
.ticket-msg--customer {
    align-self: flex-start;
    background: #f1f5f9;
    border-color: #e2e8f0;
}
.ticket-msg--admin {
    align-self: flex-end;
    background: #fff7ed;
    border-color: rgba(255, 107, 0, 0.28);
}
.ticket-msg header {
    margin: 0 0 4px;
    padding: 0;
    border: none;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--text-muted);
}
.ticket-msg--admin header {
    color: var(--primary);
    text-align: right;
}
.ticket-msg__body {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-main);
    word-break: break-word;
}
.ticket-msg__body p {
    margin: 0;
}
.ticket-detail__reply {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px 22px;
    margin-bottom: 8px;
}
.ticket-detail__reply-title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark);
}
.ticket-reply-form {
    max-width: none;
    margin: 0;
}
.ticket-reply-form textarea {
    width: 100%;
    min-height: 120px;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    resize: vertical;
    box-sizing: border-box;
}
.ticket-reply-form textarea:focus {
    border-color: rgba(255, 107, 0, 0.55);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
    outline: none;
}
.ticket-detail__reply-actions {
    margin-top: 14px;
}
.ticket-detail__reply-actions .btn {
    min-width: 140px;
}
.account-main .account-main__title + .ticket-detail__meta {
    margin-top: 0;
}
.account-main .ticket-detail__back + .account-main__title {
    margin-top: 0;
}
.auth-form__forgot { margin: 0 0 8px; font-size: 14px; text-align: right; }
.auth-form__forgot a { color: var(--primary); font-weight: 600; }

.auth-google {
    margin-bottom: 4px;
}

.auth-google__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 16px;
    font-size: 13px;
    color: var(--text-muted);
    text-align: center;
}

.auth-google__divider::before,
.auth-google__divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-color);
}

.auth-google__divider span {
    flex-shrink: 0;
}

.btn-google {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    color: #1f2937;
    border: 1px solid #dadce0;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
}

.btn-google:hover {
    background: #f8f9fa;
    border-color: #c6c9cc;
    color: #111827;
}

.btn-google:disabled,
.btn-google[disabled] {
    opacity: 0.72;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-google:disabled:hover,
.btn-google[disabled]:hover {
    background: #fff;
    border-color: #dadce0;
    color: #1f2937;
}

.btn-google__icon {
    display: inline-flex;
    line-height: 0;
}
.auth-terms a { color: var(--primary); margin-left: 4px; }
.auth-dev-link { margin-top: 16px; font-size: 13px; word-break: break-all; }
.product-detail-cart-form {
    display: block;
    width: 100%;
    margin: 0 0 10px;
}

/* Hesap paneli */
.page-body--account {
    padding: 32px 0 64px;
    background: #f1f5f9;
}

@media (max-width: 900px) {
    .page-body--account {
        padding-bottom: 96px;
    }
}
.account-main__head {
    margin-bottom: 24px;
}
.account-main__lead {
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--text-muted);
    font-weight: 500;
}
.account-main__lead--welcome {
    margin: 0 0 24px;
}
.account-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}
.account-sidebar {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
    position: sticky;
    top: calc(var(--header-total-h) + 16px);
}
.account-sidebar__user {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}
.account-sidebar__avatar-img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    display: block;
}
.account-sidebar__user-text {
    width: 100%;
    min-width: 0;
}
.account-sidebar__user-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--dark);
    line-height: 1.3;
}
.account-sidebar__user-text small {
    display: block;
    margin-top: 4px;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.4;
    word-break: break-word;
}
.account-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: min(68vh, 620px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
}
.account-nav::-webkit-scrollbar {
    width: 6px;
}
.account-nav::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 999px;
}
.account-nav__section {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin: 12px 0 4px;
    padding: 0 12px;
}
.account-nav__section:first-child { margin-top: 0; }

.account-nav--grouped {
    gap: 6px;
}

.account-nav__group {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-nav__group-btn {
    display: none;
}

.account-nav__group-panel {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-nav__chevron {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 11px;
    color: var(--text-muted);
    transition: transform 0.2s ease;
}

@media (min-width: 901px) {
    .account-nav--grouped .account-nav__group-btn {
        display: block;
        width: 100%;
        margin: 12px 0 4px;
        padding: 0 12px;
        border: none;
        background: transparent;
        color: var(--text-muted);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-align: left;
        cursor: default;
        pointer-events: none;
    }

    .account-nav--grouped .account-nav__group:first-child .account-nav__group-btn {
        margin-top: 0;
    }

    .account-nav--grouped .account-nav__chevron {
        display: none;
    }

    .account-nav--grouped .account-nav__group-panel {
        display: flex !important;
        padding: 0;
    }
}

.account-nav__external {
    margin-left: auto;
    font-size: 11px;
    opacity: 0.6;
}
.account-nav__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark);
    letter-spacing: -0.01em;
    line-height: 1.35;
    white-space: nowrap;
}
.account-nav__link i:first-child {
    width: 18px;
    flex-shrink: 0;
    text-align: center;
    color: var(--primary);
    font-size: 14px;
    opacity: 0.9;
}
.account-nav__link:hover { background: var(--bg-accent); color: var(--primary); }
.account-nav__link.is-active {
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-weight: 700;
}
.account-main__title {
    margin: 0 0 20px;
    font-size: clamp(22px, 4vw, 28px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--dark);
    line-height: 1.2;
}
.account-nav__badge {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.account-sidebar__logout {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
}
.account-sidebar__logout:hover { color: #dc2626; }
.account-main { min-width: 0; }
.account-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
.account-inline-form {
    display: inline;
    margin-left: 8px;
}
.account-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}
.account-stats--wide {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.account-stat-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: inherit;
    text-decoration: none;
    display: block;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.account-stat-card--link:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(255, 107, 0, 0.12);
}
.account-panels--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account-panel--full {
    grid-column: 1 / -1;
}
.account-stat-card strong { display: block; font-size: 28px; font-weight: 800; color: var(--dark); }
.account-stat-card span { font-size: 13px; color: var(--text-muted); }
.account-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.account-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
}
.account-panel__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.account-panel__head h2 { margin: 0; font-size: 16px; }
.account-panel__head a { font-size: 13px; font-weight: 600; color: var(--primary); }
.account-empty { color: var(--text-muted); margin: 0 0 16px; line-height: 1.55; }
.account-main a.btn {
    text-decoration: none;
    box-shadow: none;
    line-height: 1.25;
    vertical-align: middle;
}
.account-main a.btn-primary {
    background-color: var(--primary);
    color: #fff;
}
.account-main a.btn-primary:hover {
    background-color: var(--primary-hover);
    color: #fff;
    transform: none;
    box-shadow: 0 2px 8px rgba(255, 107, 0, 0.22);
}
.account-main .btn--compact {
    padding: 10px 16px;
    font-size: 13px;
    min-height: 40px;
}
.account-empty-state--wide {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
}
.account-page-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    margin-bottom: 16px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}
.account-page-toolbar__meta {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
}
.account-empty-state {
    text-align: center;
    padding: 40px 28px;
    margin-top: 8px;
    max-width: 440px;
    background: #fff;
    border: 1px dashed var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
}
.account-empty-state__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 107, 0, 0.14), rgba(255, 138, 61, 0.08));
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.account-empty-state__title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--dark);
}
.account-empty-state__text {
    margin: 0 auto 22px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 32ch;
}
.account-empty-state .btn {
    min-width: 200px;
}
.account-list { list-style: none; margin: 0; padding: 0; }
.account-list li { border-bottom: 1px solid var(--border-color); }
.account-list li:last-child { border-bottom: none; }
.account-list a, .account-list__static {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 12px;
    padding: 12px 0;
    align-items: center;
}
.account-list a:hover .account-list__title { color: var(--primary); }
.account-list__title { font-weight: 600; font-size: 14px; grid-column: 1; }
.account-list__meta { font-size: 12px; color: var(--text-muted); grid-column: 1; }
.account-list__price { font-weight: 700; color: var(--primary); grid-column: 2; grid-row: 1 / span 2; }
.account-form { max-width: none; margin: 0; }
.account-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.account-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    margin: 16px 0 0;
    cursor: pointer;
}
.account-check input { width: auto; margin-top: 3px; }
.account-form__extra { margin-top: 20px; font-size: 14px; }
.account-toolbar-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 16px;
}
.account-table-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: var(--shadow-sm);
}
.account-table-card .order-detail__panel-title {
    margin: 0;
    padding: 18px 20px;
    border-bottom: 1px solid var(--border-color);
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}
.account-table-card .order-detail__panel-title i {
    color: var(--primary);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.account-table-card .account-table-wrap {
    margin-bottom: 0;
}
.account-table-wrap { overflow-x: auto; margin-bottom: 20px; -webkit-overflow-scrolling: touch; }
.account-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border: none;
    border-radius: 0;
}
.account-table th, .account-table td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
}
.account-table th {
    background: #f8fafc;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    white-space: nowrap;
}
.account-table tbody tr:hover {
    background: #fafbfc;
}
.account-table tr:last-child td { border-bottom: none; }
.account-table__actions {
    text-align: right;
    white-space: nowrap;
}
.account-table__link {
    font-weight: 600;
    font-size: 13px;
    color: var(--primary);
    text-decoration: none;
}
.account-table__link:hover {
    color: var(--primary-hover);
    text-decoration: underline;
}
.account-badge {
    display: inline-block;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
}
.account-badge--pending,
.account-badge--pending_payment { background: #fef3c7; color: #92400e; }
.account-badge--processing { background: #e0e7ff; color: #3730a3; }
.account-badge--confirmed { background: #dbeafe; color: #1e40af; }
.account-badge--completed { background: #dcfce7; color: #166534; }
.account-badge--cancelled { background: #fee2e2; color: #991b1b; }
.account-badge--registration_failed { background: #ffe4e6; color: #9f1239; }
.account-demo-list { list-style: none; margin: 20px 0 0; padding: 0; }
.account-demo-item {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
}
.account-demo-item__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.account-demo-item__meta { font-size: 13px; color: var(--text-muted); margin: 0; }
.cart-empty-state {
    max-width: 480px;
    margin: 24px auto 0;
    padding: 40px 32px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-md);
}
.cart-empty-state__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 107, 0, 0.1);
    color: var(--primary);
    font-size: 28px;
}
.cart-empty-state__title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 800;
    color: var(--dark);
}
.cart-empty-state__text {
    margin: 0 0 20px;
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.5;
}
.cart-empty-state__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.cart-empty-state .btn--compact {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    width: auto;
    min-width: 0;
    white-space: nowrap;
}
@media (max-width: 400px) {
    .cart-empty-state__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .cart-empty-state .btn--compact {
        width: 100%;
        white-space: normal;
    }
}
.cart-summary {
    margin-top: 24px;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.page-body--cart {
    padding-top: 36px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 40%);
}

.cart-flash {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.cart-layout {
    display: grid;
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
}

@media (min-width: 960px) {
    .cart-layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
        align-items: start;
    }
    .cart-layout__summary.cart-summary {
        position: sticky;
        top: calc(var(--header-total-h, 110px) + 20px);
        margin-top: 0;
    }
}

.cart-table-wrap {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.cart-table .cart-table__price,
.cart-table .cart-table__total {
    font-weight: 600;
    white-space: nowrap;
}

.cart-table__product {
    min-width: 220px;
}

.cart-item-product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.cart-item-thumb {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    background: #f8fafc;
}

.cart-item-thumb--photo {
    background: #fff;
}

.cart-item-thumb__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cart-item-thumb--icon {
    color: var(--primary);
    font-size: 22px;
}

.cart-item-product__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.cart-item-product__title {
    font-weight: 700;
    color: var(--dark);
    line-height: 1.35;
    text-decoration: none;
}

a.cart-item-product__title:hover {
    color: var(--primary);
}

.cart-item-tag {
    display: inline-block;
    margin-top: 2px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cart-item-tag--domain {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.cart-item-tag--service {
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary-hover);
}

.cart-item-tag--hosting {
    background: rgba(8, 145, 178, 0.12);
    color: #0e7490;
}

.cart-item-tag--reseller {
    background: rgba(217, 119, 6, 0.14);
    color: #b45309;
}

.cart-item-tag--period {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.cart-update-bar {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

.cart-layout__summary.cart-summary {
    padding: 24px;
    border-radius: 16px;
    box-shadow: var(--shadow-md);
}

.cart-summary__heading {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    color: var(--dark);
}

.cart-summary__rows {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.cart-summary__total {
    font-size: 20px;
    margin: 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.cart-summary__total strong {
    color: var(--primary);
    font-size: 1.35rem;
}

.cart-summary__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.cart-summary__actions .btn-block {
    width: 100%;
    justify-content: center;
    gap: 8px;
}

.cart-summary__actions .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.cart-summary__checkout {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
}

.cart-remove-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: none;
    background: none;
    color: #dc2626;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cart-remove-btn:hover {
    background: rgba(220, 38, 38, 0.08);
}

.cart-remove-btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
}

.cart-table__label {
    display: none;
}

.cart-qty-input {
    width: 72px;
    max-width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font: inherit;
    text-align: center;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .page-body--cart .container {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    .cart-table-wrap {
        overflow: visible;
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .cart-table {
        min-width: 0;
        width: 100%;
        border: none;
    }

    .cart-table thead {
        display: none;
    }

    .cart-table tbody tr {
        display: block;
        padding: 16px;
        margin-bottom: 12px;
        background: #fff;
        border: 1px solid var(--border-color);
        border-radius: 14px;
        box-shadow: var(--shadow-sm);
    }

    .cart-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .cart-table.account-table td {
        display: block;
        padding: 0;
        border: none;
        border-bottom: none;
        text-align: left;
    }

    .cart-table.account-table tbody tr:hover {
        background: #fff;
    }

    .cart-table__product {
        min-width: 0;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid var(--border-color);
    }

    .cart-table.account-table td.cart-table__price,
    .cart-table.account-table td.cart-table__qty,
    .cart-table.account-table td.cart-table__total {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 16px;
        align-items: center;
        padding-top: 10px;
        font-size: 14px;
    }

    .cart-table__label {
        display: block;
        font-weight: 600;
        color: var(--text-muted);
        font-size: 12px;
        letter-spacing: 0.02em;
    }

    .cart-table__value {
        text-align: right;
        font-weight: 600;
        color: var(--dark);
        white-space: nowrap;
    }

    .cart-table__total .cart-table__value {
        font-weight: 800;
        color: var(--primary);
        font-size: 15px;
    }

    .cart-table.account-table td.cart-table__remove {
        padding-top: 12px;
        text-align: right;
        border-top: 1px solid var(--border-color);
        margin-top: 12px;
    }

    .cart-item-product__title {
        font-size: 14px;
    }

    .cart-update-bar {
        justify-content: stretch;
        margin-top: 4px;
    }

    .cart-update-bar .btn {
        width: 100%;
        justify-content: center;
        padding: 9px 14px;
        font-size: 13px;
        min-height: 0;
        white-space: nowrap;
    }

    .cart-layout__summary.cart-summary {
        margin-top: 4px;
    }
}

.domain-tool-card {
    max-width: 640px;
    margin: 0 auto 24px;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: var(--shadow-md);
}
.domain-tool-card--highlight {
    border-color: rgba(255, 107, 0, 0.35);
}
.domain-tool-card__label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}
.domain-tool-card__hint {
    font-size: 14px;
    color: var(--text-muted);
    margin: 12px 0 0;
    line-height: 1.5;
}
.domain-tool-card h2,
.domain-tool-card h3 {
    margin: 0 0 12px;
    font-size: 18px;
}
.whois-form {
    display: block;
}
.whois-form__row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}
.whois-form__row input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: #fff;
    color: var(--dark);
    box-sizing: border-box;
}
.whois-form__row input[type="text"]:focus {
    outline: none;
    border-color: rgba(255, 107, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
}
.whois-form__row .btn {
    flex-shrink: 0;
    padding: 12px 24px;
    border-radius: 10px;
}
.whois-form__row--enhanced {
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 6px;
    box-shadow: var(--shadow-sm);
}
.whois-form__row--enhanced:focus-within {
    border-color: rgba(255, 107, 0, 0.45);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1);
}
.whois-form__row--enhanced input[type="text"] {
    border: none;
    box-shadow: none;
    background: transparent;
    padding-left: 4px;
}
.whois-form__row--enhanced input[type="text"]:focus {
    box-shadow: none;
}
.whois-form__prefix {
    flex-shrink: 0;
    width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 1.125rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.whois-form__row--enhanced .btn {
    border-radius: 8px;
    gap: 8px;
}
.whois-form__row--enhanced .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.domain-tool-card__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}
.domain-tool-card__head-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 1.25rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.domain-tool-card__head-text h2 {
    margin: 0 0 6px;
    font-size: 20px;
}
.domain-tool-card__head-text .domain-tool-card__hint--intro {
    margin: 0;
}
.whois-info-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.whois-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--text-muted);
}
.whois-info-list__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.1);
    color: var(--primary);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.whois-info-card__tip {
    margin: 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.08);
    border: 1px solid rgba(255, 107, 0, 0.18);
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-main);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.whois-info-card__tip i {
    color: var(--primary);
    margin-top: 2px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.whois-page-layout .whois-results--enhanced {
    max-width: none;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
}
.whois-results__header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    background: linear-gradient(135deg, var(--primary) 0%, #ff8a3d 100%);
    color: #fff;
}
.whois-results__header-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    font-size: 1.25rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
.whois-results__label {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.9;
}
.whois-results--enhanced .whois-results__title {
    margin: 0;
    font-size: 1.35rem;
    color: #fff;
}
.whois-results--enhanced .whois-results__dl,
.whois-results--enhanced .whois-results__raw,
.whois-results--enhanced .whois-results__actions {
    padding-left: 24px;
    padding-right: 24px;
}
.whois-results--enhanced .whois-results__dl {
    margin-top: 20px;
}
.whois-results--enhanced .whois-results__raw {
    margin-bottom: 8px;
}
.whois-results--enhanced .whois-results__raw summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
}
.whois-results--enhanced .whois-results__actions {
    padding-bottom: 24px;
}
.whois-results__actions .btn {
    gap: 8px;
}
.whois-results__actions .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}
@media (min-width: 900px) {
    .whois-page-layout__aside .whois-info-card {
        position: sticky;
        top: calc(var(--header-total-h, 110px) + 24px);
    }
}
@media (max-width: 768px) {
    .whois-form__row--enhanced {
        flex-direction: column;
        padding: 12px;
    }
    .whois-form__prefix {
        display: none;
    }
    .whois-form__row--enhanced input[type="text"] {
        width: 100%;
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 12px 14px;
    }
    .whois-form__row--enhanced .btn {
        width: 100%;
        justify-content: center;
    }
    .whois-results--enhanced .whois-results__dl,
    .whois-results--enhanced .whois-results__raw,
    .whois-results--enhanced .whois-results__actions {
        padding-left: 16px;
        padding-right: 16px;
    }
    .whois-results__actions {
        flex-direction: column;
    }
    .whois-results__actions .btn {
        width: 100%;
        justify-content: center;
    }
}
.whois-results {
    max-width: 800px;
    margin: 24px auto 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
}
.whois-results__title {
    margin: 0 0 16px;
    font-size: 20px;
}
.whois-results__dl {
    display: grid;
    grid-template-columns: minmax(140px, 34%) 1fr;
    gap: 8px 16px;
    margin: 0 0 20px;
    font-size: 14px;
}
.whois-results__dl dt {
    font-weight: 600;
    color: var(--text-muted);
    margin: 0;
}
.whois-results__dl dd {
    margin: 0;
    word-break: break-word;
}
.whois-results__raw pre {
    font-size: 12px;
    line-height: 1.45;
    overflow-x: auto;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    max-height: 320px;
}
.whois-results__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.transfer-steps-list {
    margin: 0;
    padding-left: 20px;
    line-height: 1.7;
    color: var(--text-muted);
}

/* Domain araçları — ortak arka plan, gezinme, transfer düzeni */
.page-body--domain-tool {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 48%);
    border-top: 1px solid var(--border-color);
}
.domain-search-sec .domain-tools-nav {
    margin-bottom: 28px;
}
.domain-tools-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 960px;
    margin: 0 auto 28px;
}
.domain-tools-nav .btn-secondary {
    background: #fff;
    color: var(--dark);
    border: 2px solid var(--border-color);
}
.domain-tools-nav .btn-secondary:hover {
    background: var(--dark);
    color: #fff;
    border-color: var(--dark);
}
.domain-tools-nav .btn-secondary.is-current {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    pointer-events: none;
}
.domain-tool-alert {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.domain-transfer-layout {
    display: grid;
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
}
.domain-transfer-layout__main .domain-tool-card,
.domain-transfer-layout__aside .domain-tool-card {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
.domain-transfer-layout__aside .domain-tool-card--steps {
    margin-bottom: 0;
}
.domain-tool-card__hint--intro {
    margin: 0 0 16px;
}
.transfer-check-form {
    display: block;
}
.transfer-auth-form {
    display: block;
}
.transfer-auth-form input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: #fff;
    color: var(--dark);
    box-sizing: border-box;
    margin-bottom: 4px;
}
.transfer-auth-form input[type="text"]:focus {
    outline: none;
    border-color: rgba(255, 107, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
}
.transfer-auth-form .btn-primary {
    width: 100%;
    margin-top: 8px;
}
.domain-transfer-domain-line {
    margin: 0 0 16px;
    font-size: 15px;
    color: var(--text-muted);
}
@media (min-width: 900px) {
    .domain-transfer-layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
        align-items: start;
    }
    .domain-transfer-layout__aside .domain-tool-card--steps {
        position: sticky;
        top: calc(var(--header-total-h, 110px) + 24px);
    }
}

.domain-page-sec {
    padding-top: 48px;
}

@media (max-width: 768px) {
    .domain-page-sec.section-padding {
        padding: 28px 0 40px;
    }

    .domain-page-sec .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .domain-tool-card {
        padding: 20px 16px;
        margin-bottom: 20px;
    }
    .domain-tool-card__label {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .whois-form__row {
        flex-direction: column;
        gap: 10px;
    }
    .whois-form__row input[type="text"] {
        width: 100%;
    }
    .whois-form__row .btn {
        width: 100%;
        padding: 12px 18px;
        font-size: 14px;
    }
    .domain-tool-card__hint {
        margin-top: 14px;
        font-size: 13px;
    }
    .whois-results {
        padding: 18px 16px;
        margin-top: 16px;
    }
    .whois-results__dl {
        grid-template-columns: 1fr;
        gap: 4px 0;
    }
    .whois-results__dl dt {
        margin-top: 12px;
    }
    .whois-results__dl dt:first-child {
        margin-top: 0;
    }
    .whois-results__actions {
        flex-direction: column;
    }
    .whois-results__actions .btn {
        width: 100%;
        justify-content: center;
    }
}
.domain-page-sec.domain-search-sec {
    border-top: none;
}
.domain-search-sec--compact-title .domain-box__title-row h2 {
    display: none;
}
.domain-search-sec--compact-title .domain-box__title-row {
    margin-bottom: 20px;
}
.checkout-lines { list-style: none; margin: 0 0 20px; padding: 0; }
.checkout-lines li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
    font-size: 15px;
}
.checkout-lines li:last-child {
    border-bottom: none;
}
.checkout-lines__qty {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 2px;
}
.checkout-lines__price {
    font-weight: 700;
    white-space: nowrap;
    color: var(--dark);
}
.checkout-total { font-size: 16px; margin: 0 0 8px; display: flex; justify-content: space-between; gap: 12px; }
.checkout-total--grand {
    font-size: 20px;
    margin: 12px 0 0;
    padding-top: 12px;
    border-top: 2px solid var(--border-color);
}
.checkout-total--grand strong {
    color: var(--primary);
    font-size: 1.35rem;
}
.checkout-review-title { margin: 0 0 16px; font-size: 18px; }

.page-body--checkout {
    padding-top: 36px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 45%);
}

.checkout-layout {
    display: grid;
    gap: 24px;
    max-width: 960px;
    margin: 0 auto;
}

@media (min-width: 900px) {
    .checkout-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
        align-items: start;
    }
}

.checkout-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px;
    box-shadow: var(--shadow-md);
}

.checkout-panel__head {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.checkout-panel__head .auth-modal__logo {
    display: inline-block;
    font-size: 28px;
    margin-bottom: 8px;
}

.checkout-panel__head h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
}

.checkout-panel__head p {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--text-muted);
}

.checkout-summary-panel {
    position: relative;
}

@media (min-width: 900px) {
    .checkout-summary-panel {
        position: sticky;
        top: calc(var(--header-total-h, 110px) + 20px);
    }
}

.checkout-summary-panel .checkout-lines {
    margin-bottom: 8px;
}

.checkout-form-panel .page-form {
    max-width: none;
    margin: 0;
}

.checkout-form-panel label {
    margin-top: 0;
}

.checkout-form-panel textarea {
    min-height: 100px;
    resize: vertical;
}

.checkout-payment-methods {
    margin: 20px 0 0;
    padding: 0;
    border: none;
}

.checkout-payment-methods legend {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0;
    color: var(--dark);
}

.checkout-payment-opt {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.checkout-payment-opt:last-child {
    margin-bottom: 0;
}

.checkout-payment-opt:hover {
    border-color: rgba(255, 107, 0, 0.35);
}

.checkout-payment-opt:has(input:checked) {
    border-color: var(--primary);
    border-width: 2px;
    padding: 9px 11px;
    background: rgba(255, 107, 0, 0.06);
}

.checkout-payment-opt__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
}

.checkout-payment-opt__icon i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 15px;
    line-height: 1;
}

.checkout-payment-opt__icon--bank {
    background: rgba(8, 145, 178, 0.12);
    color: #0e7490;
}

.checkout-payment-opt__text {
    flex: 1;
    min-width: 0;
}

.checkout-payment-opt__text small {
    display: block;
    font-weight: 500;
    color: var(--text-muted);
    margin-top: 1px;
    font-size: 11px;
    line-height: 1.35;
}

.checkout-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
}

.checkout-actions .btn {
    width: 100%;
    justify-content: center;
    gap: 8px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.checkout-actions .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

/* Giriş / kayıt modalları — çerez bandı (10050) üstünde olmalı */
body.auth-modal-open { overflow: hidden; }
body.auth-modal-open #cookie-consent {
    visibility: hidden;
    pointer-events: none;
}

.site-header__auth-trigger {
    font-family: inherit;
    cursor: pointer;
}

button.site-header__action-login.site-header__auth-trigger {
    border: none;
    background: none;
    padding: 8px 4px;
}

.auth-modal-root {
    position: fixed;
    inset: 0;
    z-index: 10200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    pointer-events: auto;
}

.auth-modal-root[hidden] {
    display: none !important;
}

.auth-modal-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(4px);
}

.auth-modal {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 420px;
    max-height: min(90vh, 720px);
    overflow-y: auto;
    background: #fff;
    border-radius: 20px;
    padding: 28px 28px 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
    pointer-events: auto;
}

.auth-modal__body {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

.auth-modal[hidden] {
    display: none !important;
}

.auth-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: var(--bg-accent);
    color: var(--text-main);
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease;
    pointer-events: auto;
}

.auth-modal__close:hover {
    background: #fee2e2;
    color: #dc2626;
}

.auth-modal__brand {
    text-align: center;
    margin-bottom: 20px;
    padding-right: 44px;
}

.auth-modal__brand--login {
    margin-bottom: 16px;
}

.auth-modal__logo {
    display: inline-block;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--dark);
    line-height: 1.1;
}

.auth-modal__logo span {
    color: var(--primary);
}

.auth-modal__logo--solo {
    font-size: 40px;
}

.auth-modal__brand--register {
    margin-bottom: 22px;
    padding-top: 8px;
}

.auth-modal__tagline {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-muted);
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.auth-modal__alert {
    max-width: none;
    margin: 0 0 16px;
}

.auth-modal__form {
    position: relative;
    z-index: 1;
    max-width: none;
    margin: 0;
    pointer-events: auto;
}

.auth-modal__form label {
    margin-top: 12px;
}

.auth-modal__form .btn,
.auth-modal__form a,
.auth-modal__switch a {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
}

.auth-modal__switch {
    margin: 20px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
    text-align: center;
    font-size: 14px;
    color: var(--text-muted);
}

.auth-modal__switch-link {
    margin-left: 4px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: underline;
}

.auth-modal__switch-link:hover {
    color: var(--primary-dark, #e55f00);
}

.auth-card--register-page .auth-modal__brand--register {
    padding-top: 4px;
}

@media (max-width: 480px) {
    .auth-modal {
        padding: 24px 20px 20px;
        border-radius: 16px;
    }

    .auth-modal__logo {
        font-size: 28px;
    }

    .auth-modal__logo--solo {
        font-size: 34px;
    }
}

.account-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px 22px;
}
.account-panel__title {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 700;
}
.account-panel__hint {
    margin: -4px 0 14px;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
}
.account-panel--spaced {
    margin-top: 20px;
}
.account-quote-request-detail summary {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
}
.account-quote-request-detail__body {
    margin-top: 10px;
    padding: 12px 14px;
    background: var(--bg-soft, #f8fafc);
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
}
.account-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    margin: 0;
    max-width: none;
}
.account-filter-form input[type="search"],
.account-filter-form select {
    width: auto;
    min-width: 0;
    flex: 1 1 140px;
    max-width: 100%;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font: inherit;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}
.account-filter-form__search {
    flex: 1 1 200px;
}
.account-filter-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    flex: 0 0 auto;
}
.account-filter-form__actions .btn {
    margin: 0;
    white-space: nowrap;
}
@media (max-width: 640px) {
    .account-filter-form {
        flex-direction: column;
        align-items: stretch;
    }
    .account-filter-form input[type="search"],
    .account-filter-form select,
    .account-filter-form__actions {
        flex: 1 1 auto;
        width: 100%;
    }
    .account-filter-form__actions .btn {
        flex: 1 1 auto;
        justify-content: center;
    }
    .account-table th,
    .account-table td {
        padding: 12px 10px;
        font-size: 13px;
    }
}
.account-fieldset {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 14px 16px;
    margin: 0 0 16px;
}
.account-fieldset legend {
    font-weight: 600;
    padding: 0 6px;
}
.account-session-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.account-session-list__item {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
}
.account-session-list__item:last-child {
    border-bottom: none;
}

/* Yazılımlar kataloğu */
.catalog-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.catalog-sidebar {
    position: sticky;
    top: calc(var(--header-total-h, 120px) + 16px);
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 20px;
}
.catalog-sidebar__title { margin: 0 0 16px; font-size: 18px; font-weight: 700; }
.catalog-sidebar__search input { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--border-color); }
.catalog-sidebar__label { margin: 16px 0 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); }
.catalog-sidebar__link {
    display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px;
    font-size: 14px; color: var(--text-main); text-decoration: none;
}
.catalog-sidebar__link:hover { background: var(--bg-accent); color: var(--primary); }
.catalog-sidebar__link.is-active { background: rgba(255, 107, 0, 0.12); color: var(--primary); font-weight: 600; }
.catalog-sidebar__count { margin-left: auto; font-size: 12px; color: var(--text-muted); }
.catalog-sidebar__price-row { display: flex; gap: 8px; }
.catalog-sidebar__price-row input { width: 100%; padding: 8px; border: 1px solid var(--border-color); border-radius: 8px; }
.catalog-sidebar__toolbar {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color);
}
.catalog-sidebar__toolbar .catalog-sidebar__label:first-child {
    margin-top: 0;
}
.catalog-sidebar__sort-label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
}
.catalog-sidebar__sort select { width: 100%; margin-top: 0; padding: 8px; border-radius: 8px; border: 1px solid var(--border-color); }
.catalog-sidebar__submit { width: 100%; margin-top: 10px; }
.catalog-sidebar__toggle {
    display: none;
    width: 100%;
    margin-top: 14px;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-main);
    background: var(--bg-accent);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
}
.catalog-sidebar__toggle.is-active {
    border-color: rgba(255, 107, 0, 0.45);
    color: var(--primary);
}
.catalog-sidebar__toggle-icon {
    font-size: 12px;
    transition: transform 0.2s ease;
}
.catalog-sidebar__toggle[aria-expanded="true"] .catalog-sidebar__toggle-icon {
    transform: rotate(180deg);
}
.catalog-sidebar__collapsible .catalog-sidebar__nav {
    margin-top: 8px;
}
.catalog-results-meta { margin: 0 0 16px; color: var(--text-muted); font-size: 14px; }
.products-grid--catalog {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.catalog-card__cat { font-size: 11px; color: var(--primary); font-weight: 600; text-transform: uppercase; }

.page-body--catalog .product-card .prod-footer--actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}
.page-body--catalog .product-card .prod-footer--actions .prod-price-wrap {
    width: 100%;
}
.page-body--catalog .product-card .prod-footer__btns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    align-items: center;
}
.page-body--catalog .product-card .prod-footer__btns .product-card-cart-form,
.page-body--catalog .product-card .prod-footer__btns .btn {
    width: 100%;
    min-width: 0;
}
.page-body--catalog .product-card .prod-footer__btns .btn {
    padding: 6px 8px;
    font-size: 11px;
    gap: 4px;
    line-height: 1.2;
    white-space: nowrap;
    min-height: 0;
}
.page-body--catalog .product-card .prod-footer__btns .btn i {
    font-size: 11px;
    flex-shrink: 0;
}
.page-body--catalog .product-card .prod-footer__btns .product-card-cart-form .btn {
    width: 100%;
    justify-content: center;
}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* Sistem durumu */
.status-banner { padding: 20px 24px; border-radius: 12px; margin-bottom: 24px; display: flex; flex-direction: column; gap: 4px; }
.status-banner--operational { background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46; }
.status-banner--degraded { background: #fffbeb; border: 1px solid #fcd34d; color: #92400e; }
.status-banner--outage { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; }
.status-components { list-style: none; margin: 0 0 32px; padding: 0; border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; }
.status-components__item { display: flex; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--border-color); }
.status-components__item:last-child { border-bottom: none; }
.status-components__item--operational .status-components__state { color: #059669; }
.status-components__item--degraded .status-components__state { color: #d97706; }
.status-components__item--outage .status-components__state { color: #dc2626; font-weight: 700; }
.status-incidents { list-style: none; padding: 0; }
.status-incidents li { padding: 16px 0; border-bottom: 1px solid var(--border-color); }
.status-incidents__meta { font-size: 12px; color: var(--text-muted); }

@media (min-width: 901px) {
    .catalog-sidebar__toggle { display: none !important; }
    .catalog-sidebar__collapsible {
        display: block !important;
    }
}

@media (max-width: 900px) {
    .catalog-layout { grid-template-columns: 1fr; }
    .catalog-sidebar { position: static; padding: 16px; }
    .catalog-sidebar__toggle { display: flex; }
    .catalog-sidebar__collapsible[hidden] { display: none; }
    .catalog-sidebar__collapsible:not([hidden]) {
        display: block;
        padding-top: 4px;
    }
    .catalog-sidebar__toolbar {
        border-top: none;
        padding-top: 0;
        margin-top: 10px;
    }
    .catalog-sidebar__price-row input { font-size: 16px; }
    .products-grid.products-grid--catalog {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .page-body--catalog .product-card .prod-img {
        height: 118px;
    }
    .page-body--catalog .product-card .prod-details {
        padding: 12px 10px 14px;
    }
    .page-body--catalog .product-card .prod-details h3 {
        font-size: 13px;
        line-height: 1.35;
        margin-bottom: 6px;
    }
    .page-body--catalog .product-card .prod-details p {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .page-body--catalog .product-card .prod-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding-top: 10px;
    }
    .page-body--catalog .product-card .prod-footer .btn,
    .page-body--catalog .product-card .prod-footer__btns .btn {
        width: 100%;
        padding: 6px 8px;
        font-size: 10px;
        white-space: nowrap;
    }
    .page-body--catalog .product-card .prod-footer__btns .btn i {
        font-size: 10px;
    }
    .page-body--catalog .product-card .prod-footer__btns {
        width: 100%;
        grid-template-columns: 1fr;
    }
    .page-body--catalog .product-card .prod-price__amount {
        font-size: 14px;
    }
    .page-body--catalog .catalog-card__cat {
        font-size: 10px;
    }
    .account-layout { grid-template-columns: 1fr; gap: 20px; }
    .account-sidebar {
        position: static;
        padding: 16px;
        padding-bottom: 24px;
    }

    .account-sidebar--overview .account-sidebar__user {
        margin-bottom: 8px;
        padding-bottom: 12px;
    }

    .account-sidebar--overview .account-nav--grouped .account-nav__group-panel {
        display: none;
    }

    .account-sidebar--overview .account-nav--grouped .account-nav__group.is-open .account-nav__group-panel {
        display: flex;
    }
    .account-sidebar__user {
        flex-direction: row;
        text-align: left;
        align-items: center;
        gap: 14px;
        padding-bottom: 16px;
        margin-bottom: 12px;
    }
    .account-sidebar__avatar-img {
        width: 56px;
        height: 56px;
    }
    .account-nav {
        max-height: none;
        display: flex;
        flex-direction: column;
        gap: 6px;
        overflow: visible;
        padding-right: 0;
    }

    .account-nav--grouped .account-nav__group-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 12px 14px;
        border: 1px solid var(--border-color);
        border-radius: 10px;
        background: #f8fafc;
        color: var(--dark);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        text-align: left;
        cursor: pointer;
        pointer-events: auto;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(255, 107, 0, 0.15);
        position: relative;
        z-index: 1;
        font-family: inherit;
        line-height: 1.35;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .account-nav--grouped .account-nav__group-btn * {
        pointer-events: none;
    }

    .account-nav--grouped .account-nav__group-btn:hover {
        background: #fff;
        border-color: rgba(255, 107, 0, 0.35);
    }

    .account-nav--grouped .account-nav__group.is-open .account-nav__group-btn {
        background: rgba(255, 107, 0, 0.08);
        border-color: rgba(255, 107, 0, 0.3);
        color: var(--primary);
    }

    .account-nav--grouped .account-nav__group.is-open .account-nav__chevron {
        transform: rotate(180deg);
        color: var(--primary);
    }

    .account-nav--grouped .account-nav__group-panel {
        display: none;
        padding: 2px 0 4px;
    }

    .account-nav--grouped .account-nav__group.is-open .account-nav__group-panel {
        display: flex;
    }

    .account-nav__link {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        white-space: normal;
        font-size: 14px;
        padding: 12px 14px;
    }
    .account-sidebar__logout {
        margin-top: 12px;
    }
    .account-stats,
    .account-stats--wide { grid-template-columns: repeat(2, 1fr); }
    .account-panels,
    .account-panels--grid { grid-template-columns: 1fr; }
    .account-quick-actions .btn { flex: 1 1 auto; min-width: calc(50% - 10px); }
    .account-form__row { grid-template-columns: 1fr; }
}

/* Ürün detay — ana stiller style.css içinde (.product-detail-*) */
.product-detail-page .page-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em;
}
.product-detail-page .page-content ul li {
    position: relative;
    padding: 10px 0 10px 28px;
    border-bottom: 1px solid var(--border-color);
}
.product-detail-page .page-content ul li:last-child {
    border-bottom: none;
}
.product-detail-page .page-content ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #10b981;
}
.product-detail-panel__body h2,
.product-detail-panel__body h5 {
    font-size: 17px;
    font-weight: 700;
    color: var(--dark);
    margin: 1.5em 0 0.5em;
}
.product-detail-panel__body h2:first-child,
.product-detail-panel__body h5:first-child {
    margin-top: 0;
}

/* Yorumlar */
.product-detail-comments,
.blog-detail-comments {
    margin-top: 40px;
    padding-top: 8px;
}

.comments-section {
    margin-top: 24px;
}

.comments-panel,
.comments-list-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: var(--shadow-sm);
}

.comments-list-panel {
    margin-bottom: 0;
}

.comments-panel__head {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.comments-panel__title,
.comments-list-panel__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 800;
    color: var(--dark);
    letter-spacing: -0.02em;
}

.comments-panel__title i,
.comments-list-panel__title i {
    color: var(--primary);
    font-size: 18px;
}

.comments-panel__lead {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
}

.comments-list-panel__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    margin-left: auto;
    border-radius: 999px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
}

.comments-panel__alert {
    margin-bottom: 20px;
}

.comments-form__grid {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

.comments-form__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.comments-form__field {
    margin-bottom: 16px;
}

.comments-form__grid .comments-form__field {
    margin-bottom: 0;
}

.comments-form__field label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--dark);
}

.comments-form__field input,
.comments-form__field select,
.comments-form__field textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font: inherit;
    color: var(--dark);
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.comments-form__field input::placeholder,
.comments-form__field textarea::placeholder {
    color: #94a3b8;
}

.comments-form__field input:focus,
.comments-form__field select:focus,
.comments-form__field textarea:focus {
    outline: none;
    border-color: rgba(255, 107, 0, 0.55);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.12);
}

.comments-form__field textarea {
    min-height: 140px;
    resize: vertical;
    line-height: 1.55;
}

.comments-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
}

.comments-form__actions .btn {
    padding: 10px 22px;
    font-size: 14px;
    gap: 8px;
}

.comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comments-list__item {
    padding: 18px 20px;
    background: #f8fafc;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.comments-list__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.comments-list__author {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.comments-list__avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
}

.comments-list__name {
    display: block;
    font-size: 15px;
    color: var(--dark);
    margin-bottom: 2px;
}

.comments-list__author time {
    font-size: 12px;
    color: var(--text-muted);
}

.comments-list__stars {
    display: inline-flex;
    gap: 3px;
    color: #f59e0b;
    font-size: 13px;
}

.comments-list__star--off {
    opacity: 0.22;
}

.comments-list__body {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--dark);
}

@media (max-width: 640px) {
    .comments-panel,
    .comments-list-panel {
        padding: 20px 16px;
        border-radius: 14px;
    }

    .comments-form__grid--2 {
        grid-template-columns: 1fr;
    }

    .comments-form__actions .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Hizmet detay — hosting landing ile aynı düzen */
.page-body--service-detail {
    padding: 40px 0 80px;
    background: #fff;
}

.page-body#services {
    background: #ffffff;
}

.service-detail.hosting-landing {
    width: 100%;
}

.hosting-landing-types__link.is-active,
.hosting-landing-types span.hosting-landing-types__link.is-active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    cursor: default;
}

.service-detail-landing-packages {
    margin-bottom: 0;
}

.service-detail-landing-packages .hosting-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    align-items: stretch;
}

.service-detail-landing-packages .pricing-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-detail-landing-packages .pricing-card__actions {
    margin-top: auto;
}

.service-detail-packages-foot {
    margin: 28px 0 0;
    text-align: center;
}

.service-detail-story {
    margin-top: 40px;
    padding: 32px clamp(20px, 3vw, 36px);
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
    text-align: left;
    max-width: none;
}

.service-detail-features-grid {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.service-detail-features-grid li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--bg-accent);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dark);
    line-height: 1.45;
}

.service-detail-features-grid__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 1.125rem;
    font-style: normal;
    line-height: 1;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
}

.service-detail-features-grid__icon.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

.service-detail-features-grid__text {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}

.service-detail-content {
    max-width: none;
    margin: 0;
    text-align: left;
    line-height: 1.75;
    font-size: 1.0625rem;
    color: #334155;
}

.service-detail-content ul,
.service-detail-content ol {
    margin: 0 0 1.25em;
    padding-left: 1.4em;
    text-align: left;
}

.service-detail-content ul {
    list-style: disc;
}

.service-detail-content ol {
    list-style: decimal;
}

.service-detail-content li {
    margin-bottom: 0.35em;
}

.service-detail-content h2 {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 1.5em 0 0.6em;
    color: var(--dark);
}

.service-detail-content h2:first-child {
    margin-top: 0;
}

.service-detail-content h3 {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 1.2em 0 0.5em;
}

.service-detail-content p {
    margin: 0 0 1em;
}

.service-detail-others {
    margin-top: 48px;
}

.page-body#services .why-card {
    background: #ffffff;
}

.page-body#services .why-card i {
    font-size: 28px;
    color: var(--primary);
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin-bottom: 24px;
    display: inline-block;
}

@media (max-width: 1200px) {
    .service-detail-landing-packages .hosting-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .service-detail-features-grid {
        grid-template-columns: 1fr;
    }
    .service-detail-landing-packages {
        padding: 32px 20px 40px;
    }
}

@media (max-width: 640px) {
    .service-detail-landing-packages .hosting-grid {
        grid-template-columns: 1fr;
    }
    .service-detail-story {
        padding: 24px 20px;
    }
}

/* İletişim sayfası */
.contact-page {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 280px);
}

.contact-quick {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 36px;
}

.contact-quick__card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}

.contact-quick__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.1);
    color: var(--primary);
    font-size: 18px;
    margin-bottom: 4px;
}

.contact-quick__card strong {
    font-size: 15px;
    color: var(--dark);
}

.contact-quick__card span:last-child {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.45;
}

.contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 32px;
    align-items: start;
    margin-bottom: 56px;
}

.contact-aside__lead {
    font-size: 16px;
    line-height: 1.65;
    color: var(--text-muted);
    margin: 0 0 24px;
}

.contact-aside__intro {
    margin: 0 0 24px;
    max-width: none;
}

.contact-channels {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact-channel {
    display: flex;
    gap: 14px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.contact-channel__icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--bg-accent);
    color: var(--primary);
    font-size: 17px;
}

.contact-channel__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin-bottom: 4px;
}

.contact-channel a {
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
}

.contact-channel a:hover {
    color: var(--primary);
}

.contact-channel p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--dark);
}

.contact-channel__muted {
    margin-top: 4px !important;
    font-size: 13px !important;
    color: var(--text-muted) !important;
}

.contact-social {
    margin-bottom: 20px;
}

.contact-social__label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    margin-bottom: 10px;
}

.contact-social__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contact-social__btn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--border-color);
    color: var(--dark);
    transition: var(--transition);
}

.contact-social__btn:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.contact-live-chat {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    width: 100%;
    justify-content: center;
}

.contact-map {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: #fff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.contact-map iframe {
    display: block;
    width: 100%;
    height: 220px;
    border: 0;
}

.contact-map__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
    background: var(--bg-accent);
    border-top: 1px solid var(--border-color);
}

.contact-map__link:hover {
    background: rgba(255, 107, 0, 0.08);
}

.contact-form-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px 32px 32px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
}

.contact-form-panel__head {
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border-color);
}

.contact-form-panel__head h2 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: var(--dark);
}

.contact-form-panel__head p {
    margin: 0;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.5;
}

.contact-form-panel .page-form,
.contact-form-panel .contact-form {
    max-width: none;
    margin: 0;
}

.contact-form-panel__alert {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.contact-form-panel__after {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.contact-reasons {
    padding: 36px 32px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05);
}

.contact-reasons__title {
    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--dark);
}

.contact-reasons__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.contact-reasons__grid li {
    text-align: center;
    padding: 16px 12px;
}

.contact-reasons__grid i {
    font-size: 28px;
    color: var(--primary);
    margin-bottom: 12px;
}

.contact-reasons__grid strong {
    display: block;
    font-size: 15px;
    margin-bottom: 6px;
    color: var(--dark);
}

.contact-reasons__grid span {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}

@media (max-width: 992px) {
    .contact-quick {
        grid-template-columns: 1fr;
    }
    .contact-layout {
        grid-template-columns: 1fr;
    }
    .contact-reasons__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .contact-reasons__grid {
        grid-template-columns: 1fr;
    }
    .contact-form-panel {
        padding: 22px 18px;
    }
}

/* Hakkımızda */
.about-page {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 240px);
}

.about-intro {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 17px;
}

.about-pillars {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 48px;
}

.about-pillar {
    padding: 28px 30px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}

.about-pillar__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255, 107, 0, 0.1);
    color: var(--primary);
    font-size: 20px;
    margin-bottom: 16px;
}

.about-pillar h2 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 700;
    color: var(--dark);
}

.about-pillar p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: var(--text-muted);
}

.about-section-title {
    margin: 0 0 24px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: var(--dark);
}

.about-values {
    margin-bottom: 48px;
}

.about-values__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.about-values__grid li {
    padding: 22px 18px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.about-values__grid i {
    font-size: 26px;
    color: var(--primary);
    margin-bottom: 12px;
}

.about-values__grid strong {
    display: block;
    font-size: 15px;
    margin-bottom: 8px;
    color: var(--dark);
}

.about-values__grid span {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}

.about-offerings {
    margin-bottom: 56px;
}

.about-offerings__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.about-offering-card {
    display: flex;
    flex-direction: column;
    padding: 26px 24px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.about-offering-card:hover {
    border-color: rgba(255, 107, 0, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(255, 107, 0, 0.12);
}

.about-offering-card i {
    font-size: 28px;
    color: var(--primary);
    margin-bottom: 14px;
}

.about-offering-card h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: var(--dark);
}

.about-offering-card p {
    margin: 0 0 16px;
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-muted);
}

.about-offering-card__link {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
}

.about-why {
    margin-bottom: 48px;
    padding: 40px 0 8px;
}

.about-why .section-header {
    margin-bottom: 32px;
}

.about-cta {
    margin-bottom: 20px;
}

.about-cta__inner {
    text-align: center;
    padding: 44px 32px;
    background: linear-gradient(135deg, #111 0%, #2a2a2a 100%);
    color: #fff;
    border-radius: 16px;
}

.about-cta__inner h2 {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
}

.about-cta__inner p {
    margin: 0 auto 24px;
    max-width: 520px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.55;
}

.about-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.about-cta .btn-secondary {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

.about-cta .btn-secondary:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 992px) {
    .about-pillars,
    .about-offerings__grid {
        grid-template-columns: 1fr;
    }
    .about-values__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .about-values__grid {
        grid-template-columns: 1fr;
    }
}

/* Hosting landing & liste */
.page-body--hosting-list {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 200px);
}

.page-body--hosting-landing {
    padding: 40px 0 80px;
    background: #fff;
}

.hosting-landing-wrap {
    max-width: 1280px;
}

.hosting-landing {
    width: 100%;
}

.hosting-landing-types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
    justify-content: flex-start;
}

.hosting-landing-types__link {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--border-color);
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
    transition: var(--transition);
}

.hosting-landing-types__link:hover {
    border-color: rgba(255, 107, 0, 0.4);
    color: var(--primary);
}

.hosting-landing-types__link--muted {
    color: var(--text-muted);
    font-weight: 500;
}

.hosting-landing-intro {
    max-width: 760px;
    margin: 0 0 24px;
}

.hosting-landing-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
}

.hosting-landing-packages {
    margin: 0;
    padding: 40px clamp(20px, 3vw, 32px) 48px;
    background: var(--bg-accent);
    border-radius: 16px;
    width: 100%;
    box-sizing: border-box;
}

.hosting-landing-packages .section-header,
.hosting-packages-sec-head {
    margin: 0 auto 40px;
    max-width: 720px;
    text-align: center;
}

.hosting-packages-sec-head__badge {
    display: inline-block;
    margin: 0 0 12px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--primary);
    background: rgba(255, 107, 0, 0.12);
    border: 1px solid rgba(255, 107, 0, 0.28);
}

.hosting-packages-sec-head h2 {
    margin: 0 0 14px;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--dark);
}

.hosting-packages-sec-head h2 span {
    color: var(--primary);
}

.hosting-packages-sec-head__lead {
    margin: 0 auto;
    max-width: 640px;
    font-size: clamp(16px, 2.2vw, 18px);
    line-height: 1.6;
    color: var(--text-muted);
}

/* Anasayfa ile aynı 4 sütun paket grid */
.hosting-landing-packages .hosting-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    align-items: stretch;
}

.hosting-landing-packages .pricing-card {
    height: 100%;
}

.hosting-landing-empty {
    padding: 24px;
    background: var(--bg-accent);
    border-radius: 12px;
    color: var(--text-muted);
}

.hosting-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}

.hosting-type-card {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}

.hosting-type-card:hover {
    border-color: rgba(255, 107, 0, 0.35);
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(255, 107, 0, 0.12);
}

.hosting-type-card__media {
    height: 160px;
    overflow: hidden;
}

.hosting-type-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hosting-type-card__icon {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-accent);
    font-size: 40px;
    color: var(--primary);
}

.hosting-type-card h2 {
    margin: 18px 22px 8px;
    font-size: 20px;
    font-weight: 700;
}

.hosting-type-card p {
    margin: 0 22px 16px;
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-muted);
}

.hosting-type-card__link {
    margin: 0 22px 22px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
}

.hosting-list-home {
    text-align: center;
    font-size: 15px;
}

.hosting-list-home a {
    color: var(--primary);
    font-weight: 600;
}

@media (max-width: 1200px) {
    .hosting-landing-packages .hosting-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .hosting-landing-packages {
        margin: 0;
        padding: 32px 20px 40px;
    }
    .hosting-type-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .hosting-landing-packages .hosting-grid {
        grid-template-columns: 1fr;
    }
    .hosting-landing-cta .btn {
        width: 100%;
        justify-content: center;
    }
}

/* —— Fatura (hesabim/fatura) —— */
body.invoice-print-page {
    margin: 0;
    padding: 28px 16px 48px;
    background: #e8ecf1;
    min-height: 100vh;
    box-sizing: border-box;
}
.invoice-doc {
    max-width: 920px;
    margin: 0 auto;
}
.invoice-doc__sheet {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    padding: 40px 44px 36px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.5;
}
.invoice-doc__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 2px solid #1f2937;
}
.invoice-doc__brand-mark {
    display: block;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #111;
    line-height: 1.1;
    margin-bottom: 12px;
}
.invoice-doc__brand-mark span {
    color: var(--primary);
}
.invoice-doc__seller-line {
    margin: 0 0 4px;
    font-size: 13px;
    color: #475569;
    max-width: 340px;
}
.invoice-doc__seller-line a {
    color: #475569;
    text-decoration: none;
}
.invoice-doc__seller-line a:hover {
    color: var(--primary);
}
.invoice-doc__meta-block {
    text-align: right;
    flex-shrink: 0;
}
.invoice-doc__doc-type {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--primary);
}
.invoice-doc__doc-no {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #111;
}
.invoice-doc__meta-list {
    margin: 0;
    padding: 0;
}
.invoice-doc__meta-list div {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 4px;
    font-size: 13px;
}
.invoice-doc__meta-list dt {
    margin: 0;
    font-weight: 600;
    color: #64748b;
}
.invoice-doc__meta-list dd {
    margin: 0;
    font-weight: 600;
    color: #111;
    min-width: 100px;
    text-align: right;
}
.invoice-doc__parties {
    margin-bottom: 28px;
}
.invoice-doc__party-title {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #64748b;
}
.invoice-doc__party-name {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #111;
}
.invoice-doc__party-line {
    margin: 0 0 4px;
    font-size: 13px;
    color: #334155;
}
.invoice-doc__table-wrap {
    margin-bottom: 24px;
    overflow-x: auto;
}
.invoice-doc__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.invoice-doc__table thead th {
    padding: 12px 14px;
    background: #f1f5f9;
    border-top: 1px solid #cbd5e1;
    border-bottom: 1px solid #cbd5e1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #475569;
    text-align: left;
}
.invoice-doc__table tbody td {
    padding: 14px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
    color: #1e293b;
}
.invoice-doc__table tbody tr:last-child td {
    border-bottom: 1px solid #cbd5e1;
}
.invoice-doc__col-desc {
    width: 50%;
    text-align: left;
}
.invoice-doc__col-qty {
    width: 72px;
    text-align: center;
    white-space: nowrap;
}
.invoice-doc__col-money {
    width: 120px;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.invoice-doc__table thead .invoice-doc__col-qty,
.invoice-doc__table thead .invoice-doc__col-money {
    text-align: right;
}
.invoice-doc__table thead .invoice-doc__col-qty {
    text-align: center;
}
.invoice-doc__totals {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 28px;
}
.invoice-doc__totals-list {
    margin: 0;
    min-width: 300px;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    background: #fff;
}
.invoice-doc__totals-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 10px 16px;
    border-bottom: 1px solid #e5edf6;
    font-size: 14px;
}
.invoice-doc__totals-row:last-child {
    border-bottom: none;
}
.invoice-doc__totals-row dt {
    margin: 0;
    font-weight: 500;
    color: #64748b;
}
.invoice-doc__totals-row dd {
    margin: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #111;
}
.invoice-doc__totals-row--discount dd {
    color: #b45309;
}
.invoice-doc__totals-row--grand {
    background: linear-gradient(90deg, #fff3e8 0%, #ffe7d3 100%);
    padding: 14px 16px;
}
.invoice-doc__totals-row--grand dt,
.invoice-doc__totals-row--grand dd {
    color: #111827;
    font-size: 15px;
    font-weight: 700;
}
.invoice-doc__footer {
    margin-top: 4px;
    padding: 12px 14px;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    margin-bottom: 28px;
}
.invoice-doc__footer p {
    margin: 0;
    font-size: 12px;
    color: #475569;
    line-height: 1.55;
}
.invoice-doc__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
}
.invoice-doc__actions .btn {
    margin: 0;
    text-decoration: none;
}
.invoice-doc__back {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
}
.invoice-doc__back:hover {
    text-decoration: underline;
}
@media (max-width: 720px) {
    .invoice-doc__sheet {
        padding: 24px 20px;
    }
    .invoice-doc__head {
        flex-direction: column;
        gap: 20px;
    }
    .invoice-doc__meta-block {
        text-align: left;
        width: 100%;
    }
    .invoice-doc__meta-list div {
        justify-content: space-between;
    }
    .invoice-doc__meta-list dd {
        text-align: right;
    }
    .invoice-doc__col-money {
        width: 88px;
        font-size: 13px;
    }
}
/* Hizmetler — hosting landing ile aynı düzen */
.page-body--services-list,
.page-body--service-packages {
    padding: 40px 0 80px;
    background: #fff;
}

.services-landing-wrap {
    max-width: 1280px;
}

.services-landing {
    width: 100%;
}

.hosting-landing-types__link.is-active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.hosting-landing-types__link.is-active:hover {
    color: #fff;
    border-color: var(--primary);
}

.services-landing-packages {
    margin-bottom: 0;
}

.services-landing-catalog {
    margin-top: 48px;
}

.services-landing-catalog .hosting-type-grid {
    margin-bottom: 0;
}

/* Eski bölüm (anasayfa vb. kullanırsa) */
.service-packages-sec__head {
    margin-bottom: 28px;
}

.service-packages-sec__title {
    margin: 0 0 8px;
    font-size: clamp(26px, 4vw, 34px);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.service-packages-sec__title span {
    color: var(--primary);
}

.service-packages-sec__lead {
    margin: 0;
    max-width: 640px;
    font-size: 16px;
    color: var(--text-muted);
    line-height: 1.55;
}

.service-packages-sec__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.service-packages-sec__filter {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid var(--border-color);
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
    transition: var(--transition);
}

.service-packages-sec__filter:hover {
    border-color: rgba(255, 107, 0, 0.35);
    color: var(--primary);
}

.service-packages-sec__filter.is-active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.service-packages-sec__empty {
    padding: 32px 20px;
    background: #fff;
    border: 1px dashed var(--border-color);
    border-radius: 12px;
    color: var(--text-muted);
    text-align: center;
}

.service-packages-grid,
.services-landing-packages .hosting-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    align-items: stretch;
}

.services-landing-packages .pricing-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.services-landing-packages .pricing-card__actions {
    margin-top: auto;
}

.service-package-card__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 6px;
}

.service-package-card__title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.25;
}

.service-package-card__desc {
    margin: 0 0 16px;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.55;
    min-height: 3em;
}

.service-package-card__features {
    margin-bottom: 20px;
}

.service-package-card__features li {
    font-size: 14px;
}

@media (max-width: 1200px) {
    .service-packages-grid,
    .services-landing-packages .hosting-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .services-landing-catalog {
        margin-top: 40px;
    }
    .services-landing-packages {
        padding: 32px 20px 40px;
    }
}

@media (max-width: 640px) {
    .service-packages-grid,
    .services-landing-packages .hosting-grid {
        grid-template-columns: 1fr;
    }
    .page-body--services-list,
    .page-body--service-packages {
        padding: 28px 0 56px;
    }
}

@media print {
    body.invoice-print-page {
        background: #fff;
        padding: 0;
    }
    .invoice-doc__sheet {
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        max-width: none;
    }
    .invoice-doc__actions,
    .no-print {
        display: none !important;
    }
}

/* Site analiz laboratuvarı — footer ile aynı koyu zemin */
.site-audit-promo {
    background-color: var(--dark);
    border-top: 4px solid var(--primary);
}
.site-audit-promo__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 48px;
    align-items: center;
}
.site-audit-promo__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 107, 0, 0.18);
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.site-audit-promo h2 {
    margin: 0 0 16px;
    font-size: clamp(28px, 3.5vw, 36px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--light);
    line-height: 1.15;
}
.site-audit-promo__accent {
    color: var(--primary);
}
.site-audit-promo__copy p {
    margin: 0 0 28px;
    max-width: 480px;
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}
.site-audit-promo__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.site-audit-promo__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.site-audit-promo__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 12px;
    background: var(--light);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}
.site-audit-promo__item:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: rgba(255, 107, 0, 0.25);
}
.site-audit-promo__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.08);
    color: var(--primary);
    font-size: 18px;
}
.site-audit-promo__label {
    font-size: 14px;
    font-weight: 700;
    color: var(--dark);
    line-height: 1.35;
}
.site-audit-page .card-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px 30px;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
}
.site-audit-types {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}
@media (min-width: 1200px) {
    .site-audit-types {
        grid-template-columns: repeat(4, 1fr);
    }
}
.site-audit-type {
    text-align: left;
    padding: 16px;
    border: 2px solid var(--border-color);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: var(--transition);
}
.site-audit-type.is-active {
    border-color: var(--primary);
    background: #fff7ed;
}
.site-audit-type__icon {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    margin-bottom: 10px;
}
.site-audit-type__label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: var(--dark);
}
.site-audit-type__desc {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--text-muted);
}
.site-audit-form__label {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}
.site-audit-form__url-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: #f8fafc;
}
.site-audit-form__url-row i {
    color: var(--primary);
}
.site-audit-form__url-row input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 12px 0;
    font-size: 16px;
}
.site-audit-form__hint {
    margin: 10px 0 20px;
    font-size: 13px;
    color: var(--text-muted);
}
.site-audit-form__optional {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}
.site-audit-form__optional label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}
.site-audit-form__optional input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}
.site-audit-form__submit {
    width: 100%;
}
.site-audit-trust {
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    font-size: 13px;
    color: var(--text-muted);
}
.site-audit-trust i {
    color: var(--primary);
    margin-right: 6px;
}
.site-audit-progress {
    max-width: 560px;
    margin: 40px auto;
    text-align: center;
}
.site-audit-progress__ring {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 6px solid #e2e8f0;
    border-top-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: site-audit-spin 0.9s linear infinite;
}
.site-audit-progress__visual .site-audit-progress__pct {
    animation: none;
}
.site-audit-progress__pct::after {
    content: '%';
    font-size: 14px;
}
.site-audit-progress__pct {
    font-size: 32px;
    font-weight: 800;
    color: var(--dark);
}
@keyframes site-audit-spin {
    to { transform: rotate(360deg); }
}
.site-audit-progress__title {
    margin: 0 0 8px;
    font-size: 22px;
}
.site-audit-progress__url {
    word-break: break-all;
    color: var(--text-muted);
    font-size: 14px;
}
.site-audit-progress__status {
    margin: 16px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
}
.site-audit-progress__hint {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 500;
}
.site-audit-progress__bar {
    height: 8px;
    background: #e2e8f0;
    border-radius: 999px;
    margin: 20px 0;
    overflow: hidden;
}
.site-audit-progress__bar-fill {
    display: block;
    height: 100%;
    background: var(--primary);
    transition: width 0.4s ease;
}
.site-audit-progress__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
}
.site-audit-progress__steps li {
    padding: 8px 0;
    color: var(--text-muted);
}
.site-audit-progress__steps li.is-done {
    color: #16a34a;
}
.site-audit-progress__steps li.is-active {
    color: var(--dark);
    font-weight: 600;
}
.site-audit-score {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 28px;
    align-items: center;
    margin-bottom: 24px;
}
.site-audit-score__ring {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 6px solid var(--primary);
}
.site-audit-score--low .site-audit-score__ring { border-color: #dc2626; }
.site-audit-score--mid .site-audit-score__ring { border-color: #d97706; }
.site-audit-score--good .site-audit-score__ring { border-color: #16a34a; }
.site-audit-score__value {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    color: var(--dark);
}
.site-audit-score__of {
    font-size: 13px;
    color: var(--text-muted);
}
.site-audit-score__meta h2 {
    margin: 0 0 8px;
    font-size: 22px;
}
.site-audit-score__stats {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 14px;
}
.site-audit-result__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 28px;
}
.site-audit-findings {
    margin-bottom: 28px;
}
.site-audit-findings h3 {
    margin: 0 0 14px;
    font-size: 18px;
}
.site-audit-findings__count {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 600;
}
.site-audit-findings ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}
.site-audit-finding {
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: #fff;
}
.site-audit-findings--critical .site-audit-finding {
    border-color: #fecaca;
    background: #fef2f2;
}
.site-audit-findings--warning .site-audit-finding {
    border-color: #fde68a;
    background: #fffbeb;
}
.site-audit-finding__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.site-audit-finding__badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    background: #f1f5f9;
}
.site-audit-finding__url {
    font-size: 12px;
    color: var(--text-muted);
    margin: 8px 0 0;
    word-break: break-all;
}
.site-audit-cta {
    text-align: center;
    background: linear-gradient(135deg, #111, #2a2a2a);
    color: #fff;
}
.site-audit-cta h3 {
    color: #fff;
    margin: 0 0 10px;
}
.site-audit-cta p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 18px;
}
.site-audit-cta__btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
@media (max-width: 992px) {
    .site-audit-promo__inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .site-audit-promo__grid {
        grid-template-columns: 1fr;
    }
    .site-audit-types {
        grid-template-columns: 1fr 1fr;
    }
    .site-audit-form__optional {
        grid-template-columns: 1fr;
    }
    .site-audit-score {
        grid-template-columns: 1fr;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .site-audit-types {
        grid-template-columns: 1fr;
    }
    .site-audit-promo__grid {
        grid-template-columns: 1fr;
    }
}

/* Sipariş detayı (hesap) */
.order-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.order-detail__summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
    .order-detail__summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    .order-detail__summary {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.order-detail__stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.order-detail__stat--total {
    grid-column: 1 / -1;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--border-color);
}

@media (min-width: 960px) {
    .order-detail__stat--total {
        grid-column: auto;
        padding-top: 0;
        margin-top: 0;
        border-top: none;
    }
}

.order-detail__stat-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.order-detail__stat-value {
    font-size: 15px;
    font-weight: 800;
    color: var(--dark);
    word-break: break-word;
}

.order-detail__stat-value--sm {
    font-size: 14px;
    font-weight: 700;
}

.order-detail__stat-value--price {
    font-size: 1.35rem;
    color: var(--primary);
}

.order-detail__stat-meta {
    display: block;
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
}

.order-detail__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.order-detail__toolbar .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.order-detail__alert {
    max-width: none;
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
}

.order-detail__alert i {
    flex-shrink: 0;
    margin-top: 2px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.order-detail__grid {
    display: grid;
    gap: 20px;
    align-items: start;
}

@media (min-width: 900px) {
    .order-detail__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

.order-detail__panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 20px;
    box-shadow: var(--shadow-sm);
}

.order-detail__panel-title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-detail__panel-title i {
    color: var(--primary);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.account-table-card .order-detail__panel-title {
    margin-bottom: 0;
}

.order-detail__panel .order-timeline {
    margin: 0;
}

.order-detail__panel .order-timeline__item:not(:last-child)::after {
    background: #e2e8f0;
}

.order-detail__panel .order-timeline__item:last-child {
    padding-bottom: 0;
}

.order-detail__panel .order-timeline__body p {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.45;
}

.order-detail__panel-foot {
    margin: 16px 0 0;
    font-size: 14px;
}

.order-detail__delivery-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-detail__delivery-list li {
    padding: 14px 0;
    border-bottom: 1px solid var(--border-color);
}

.order-detail__delivery-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.order-detail__license {
    display: block;
    margin: 8px 0;
}

.order-detail__license code {
    font-size: 13px;
    background: #f8fafc;
    padding: 6px 10px;
    border-radius: 6px;
    word-break: break-all;
}

.order-detail__note {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.5;
}

.order-detail__note p {
    margin: 8px 0 0;
    color: var(--text-muted);
}

.order-detail-table__product {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-detail-table__type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 107, 0, 0.1);
    color: var(--primary);
    flex-shrink: 0;
}

.order-detail-table__type i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
}

.order-detail-table__link {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
}

.order-detail-table__link:hover {
    text-decoration: underline;
}

.order-detail__error-msg {
    margin: 8px 0 0;
    font-size: 12px;
    color: #991b1b;
    line-height: 1.45;
    max-width: 320px;
}

.order-detail__panel--domains .account-table tbody tr:has(.account-badge--cancelled) {
    background: #fff5f5;
}

.order-detail__back {
    margin: 8px 0 0;
}

/* Ödeme (havale / PayTR) */
.page-body--payment {
    padding-top: 36px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 45%);
}

.payment-page__alert {
    max-width: 720px;
    margin: 0 auto 20px;
}

.payment-layout {
    display: grid;
    gap: 24px;
    max-width: 720px;
    margin: 0 auto;
}

.payment-layout--single {
    max-width: 560px;
}

@media (min-width: 768px) {
    .payment-layout:not(.payment-layout--single) {
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
        max-width: 900px;
        align-items: start;
    }
}

.payment-summary {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
    .payment-layout:not(.payment-layout--single) .payment-summary {
        position: sticky;
        top: calc(var(--header-total-h, 110px) + 20px);
    }
}

.payment-summary__head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
}

.payment-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 18px;
}

.payment-summary__icon i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.payment-summary__label {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.payment-summary__order {
    margin: 4px 0 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--dark);
    word-break: break-word;
}

.payment-summary__total {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.payment-summary__total span {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
}

.payment-summary__total strong {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--primary);
    line-height: 1.2;
}

.payment-summary__meta {
    margin: 16px 0 0;
}

.payment-panel {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 28px;
    box-shadow: var(--shadow-md);
}

.payment-panel__head {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.payment-panel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 20px;
    margin-bottom: 12px;
}

.payment-panel__icon--bank {
    background: rgba(8, 145, 178, 0.12);
    color: #0e7490;
}

.payment-panel__icon i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.payment-panel__icon i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.payment-panel__head h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}

.payment-panel__head p {
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-muted);
}

.payment-steps {
    margin: 0 0 24px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
}

.payment-steps li {
    margin-bottom: 8px;
}

.payment-steps li:last-child {
    margin-bottom: 0;
}

.payment-panel__notice {
    max-width: none;
    margin: 0 0 20px;
    font-size: 13px;
}

.payment-bank-card {
    background: #f8fafc;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
}

.payment-bank-row {
    display: grid;
    grid-template-columns: minmax(100px, 32%) 1fr;
    gap: 8px 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border-color);
    font-size: 14px;
    align-items: start;
}

.payment-bank-row:last-child {
    border-bottom: none;
}

.payment-bank-row__label {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

.payment-bank-row__value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--dark);
    font-weight: 600;
    word-break: break-word;
}

.payment-bank-row--ref .payment-bank-row__value,
.payment-bank-row--iban .payment-bank-row__value {
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 520px) {
    .payment-bank-row--ref .payment-bank-row__value,
    .payment-bank-row--iban .payment-bank-row__value {
        flex-direction: row;
        align-items: center;
    }
}

.payment-iban,
.payment-ref {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    word-break: break-all;
}

.payment-ref {
    color: var(--primary);
    border-color: rgba(255, 107, 0, 0.35);
}

.payment-copy-btn.is-copied {
    border-color: #166534;
    color: #166534;
}

.payment-copy-btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-style: normal;
}

.payment-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.payment-actions .btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.payment-actions--form {
    margin-top: 24px;
}

.payment-paytr iframe {
    width: 100%;
    min-height: 600px;
    border: none;
    border-radius: 12px;
}

.payment-panel--form .page-form {
    max-width: none;
    margin: 0;
}

.payment-notify-form label {
    margin-top: 18px;
}

.payment-notify-form label:first-of-type {
    margin-top: 0;
}

@media (max-width: 479px) {
    .payment-bank-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .payment-panel {
        padding: 22px 18px;
    }
}

/* Referans / davet */
.referral-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.referral-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    box-shadow: var(--shadow-md);
}

.referral-card__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.referral-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 18px;
    flex-shrink: 0;
}

.referral-card__icon i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.referral-card__title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.referral-card__code {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--text-muted);
}

.referral-card__code code {
    font-size: 13px;
    font-weight: 700;
    color: var(--dark);
}

.referral-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}

.referral-link-input {
    flex: 1 1 220px;
    min-width: 0;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font: inherit;
    font-size: 14px;
    font-family: ui-monospace, Consolas, monospace;
    background: #f8fafc;
    color: var(--dark);
    box-sizing: border-box;
}

.referral-copy-btn.is-copied {
    background: #166534;
    border-color: #166534;
}

.referral-copy-btn i {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-style: normal;
}

.referral-card__rate {
    margin: 16px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--border-color);
    font-size: 14px;
    color: var(--text-muted);
}

.referral-card__rate i {
    color: var(--primary);
    margin-right: 6px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.referral-card__rate strong {
    color: var(--dark);
}

.referral-empty {
    margin: 0;
    padding: 20px;
    background: #f8fafc;
    border: 1px dashed var(--border-color);
    border-radius: 12px;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.55;
}

.referral-orders {
    margin-bottom: 0;
}

/* —— Hosting panel erişimi (hesabim/hosting) —— */
.hosting-panel-card {
    margin-bottom: 24px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.hosting-panel-card--ready {
    border-color: rgba(37, 99, 235, 0.18);
}

.hosting-panel-card__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

.hosting-panel-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(37, 99, 235, 0.1);
    color: var(--primary);
    font-size: 18px;
    flex-shrink: 0;
}

.hosting-panel-card__title {
    margin: 0 0 4px;
    font-size: 18px;
    color: var(--dark);
}

.hosting-panel-card__sub {
    margin: 0;
    font-size: 13px;
    color: var(--text-muted);
}

.hosting-panel-card__lead {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
}

.hosting-panel-card__meta {
    display: grid;
    gap: 10px;
    margin: 0 0 18px;
}

.hosting-panel-card__row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 10px;
    align-items: center;
    font-size: 14px;
}

.hosting-panel-card__row dt {
    margin: 0;
    color: var(--text-muted);
    font-weight: 600;
}

.hosting-panel-card__row dd {
    margin: 0;
    word-break: break-word;
}

.hosting-panel-card__secret {
    display: inline-block;
    padding: 4px 8px;
    background: #0f172a;
    color: #f8fafc;
    border-radius: 6px;
    font-size: 13px;
}

.hosting-panel-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.hosting-panel-card__pending {
    margin: 0;
}

.hosting-panel-card__foot,
.hosting-panel-card__note {
    margin: 14px 0 0;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.55;
}

.hosting-panel-card--blocked {
    border-color: #fecaca;
    background: #fffafa;
}

.hosting-panel-card__blocked {
    margin: 0;
}

.hosting-panel-card__blocked p {
    margin: 6px 0 0;
}

.hosting-lifecycle-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.hosting-lifecycle-alert i {
    margin-top: 2px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.hosting-lifecycle-alert p {
    margin: 6px 0 0;
}

.account-table--hosting .btn--compact {
    white-space: nowrap;
}

.hosting-subscription-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.hosting-subscription-card__head {
    padding: 18px 22px;
    border-bottom: 1px solid var(--border-color);
    background: #f8fafc;
}

.hosting-subscription-card__title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--dark);
    display: flex;
    align-items: center;
    gap: 10px;
}

.hosting-subscription-card__title i {
    color: var(--primary);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.hosting-subscription-card__summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 22px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

.hosting-subscription-card__summary strong {
    font-size: 18px;
    color: var(--dark);
}

.hosting-subscription-card__summary span {
    font-size: 13px;
    color: var(--text-muted);
}

.hosting-subscription-card__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.hosting-subscription-card__grid--details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-table__sub {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-muted);
    line-height: 1.4;
}

.hosting-subscription-card__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 22px;
    border-bottom: 1px solid #eef2f7;
    border-right: 1px solid #eef2f7;
    min-height: 78px;
}

.hosting-subscription-card__grid:not(.hosting-subscription-card__grid--details) .hosting-subscription-card__item:nth-child(2n) {
    border-right: none;
}

.hosting-subscription-card__grid--details .hosting-subscription-card__item:nth-child(3n) {
    border-right: none;
}

.hosting-subscription-card__item--wide {
    grid-column: 1 / -1;
    border-right: none;
}

.hosting-subscription-card__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.hosting-subscription-card__value {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.hosting-subscription-card__value--price {
    font-size: 18px;
    color: var(--primary);
}

.hosting-subscription-card__value a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 700;
}

.hosting-subscription-card__value a:hover {
    text-decoration: underline;
}

.hosting-subscription-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 16px 22px;
    background: #fff;
}

.hosting-subscription-card__form {
    margin: 0;
    display: inline-flex;
}

@media (max-width: 768px) {
    .hosting-panel-card__row {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .account-table--hosting thead {
        display: none;
    }

    .account-table--hosting tbody tr {
        display: grid;
        gap: 8px;
        padding: 14px 0;
        border-bottom: 1px solid var(--border-color);
    }

    .account-table--hosting tbody td {
        display: block;
        padding: 0;
    }

    .account-table--hosting tbody td::before {
        display: block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--text-muted);
        margin-bottom: 4px;
    }

    .account-table--hosting tbody tr td:nth-child(1)::before { content: 'Paket'; }
    .account-table--hosting tbody tr td:nth-child(2)::before { content: 'Sipariş'; }
    .account-table--hosting tbody tr td:nth-child(3)::before { content: 'Durum'; }
    .account-table--hosting tbody tr td:nth-child(4)::before { content: 'Panel'; }
    .account-table--hosting tbody tr td:nth-child(5)::before { content: 'Başlangıç'; }
    .account-table--hosting tbody tr td:nth-child(6)::before { content: 'Bitiş'; }
    .account-table--hosting tbody tr td:nth-child(7)::before { content: 'Tutar'; }
    .account-table--hosting tbody tr td:nth-child(8)::before { content: ''; }

    .hosting-subscription-card__grid,
    .hosting-subscription-card__grid--details {
        grid-template-columns: 1fr;
    }

    .hosting-subscription-card__item {
        border-right: none;
        min-height: 0;
    }

    .hosting-subscription-card__actions .btn {
        flex: 1 1 calc(50% - 10px);
        justify-content: center;
    }
}

/* Bayi paneli */
.page-body--bayi-panel {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 42%);
}

.account-sidebar--bayi .account-sidebar__bayi-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    font-size: 28px;
}

.account-sidebar--bayi .bayi-code {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary);
    background: rgba(255, 107, 0, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}

.bayi-ref-card {
    margin-bottom: 24px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
}

.bayi-ref-card__title {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
    color: var(--dark);
    display: flex;
    align-items: center;
    gap: 8px;
}

.bayi-ref-card__hint {
    margin: 0 0 14px;
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.45;
}

.bayi-ref-card__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}

.bayi-ref-card__input {
    flex: 1 1 240px;
    min-width: 0;
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--dark);
    font-size: 14px;
    font-weight: 500;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: none;
    letter-spacing: normal;
}

.bayi-ref-card__meta {
    margin: 12px 0 0;
    font-size: 13px;
    color: var(--text-muted);
}

.bayi-plans-card,
.bayi-payout-card {
    margin-bottom: 24px;
}

.bayi-plan-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bayi-plan-list__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
}

.bayi-plan-list__item:last-child {
    border-bottom: none;
}

.bayi-plan-list__name {
    font-weight: 600;
    color: var(--dark);
}

.bayi-plan-list__price {
    color: var(--primary);
    font-weight: 700;
}

.bayi-payout-card__hint {
    margin: 0 0 16px;
    font-size: 14px;
    color: var(--text-muted);
}

.bayi-payout-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.bayi-payout-form {
    margin: 0;
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: #fafbfc;
}

.bayi-payout-form__title {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: var(--dark);
}

.bayi-payout-form label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark);
}

.bayi-payout-form input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 11px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    font-size: 14px;
    background: #fff;
}

.bayi-payout-form .btn {
    margin-top: 4px;
}

.bayi-payout-form__note {
    margin: 10px 0 0;
    font-size: 13px;
    color: #b45309;
}

.account-empty-inline {
    margin: 0;
    padding: 8px 0 4px;
    font-size: 14px;
    color: var(--text-muted);
}

.account-badge--approved { background: #dcfce7; color: #166534; }
.account-badge--paid { background: #dbeafe; color: #1e40af; }
.account-badge--rejected { background: #fee2e2; color: #991b1b; }

.bayi-stats-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bayi-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.bayi-capability {
    padding: 14px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: #fafbfc;
}

.bayi-capability__icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 107, 0, 0.12);
    color: var(--primary);
    margin-bottom: 8px;
}

.bayi-capability h3 {
    margin: 0 0 6px;
    font-size: 15px;
}

.bayi-capability p {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}

.bayi-marketing-card__hint,
.bayi-plans-card__hint {
    margin: 0 0 14px;
    font-size: 14px;
    color: var(--text-muted);
}

.bayi-marketing-snippets {
    display: grid;
    gap: 14px;
}

.bayi-marketing-snippet {
    padding: 14px;
    border: 1px dashed var(--border-color);
    border-radius: 10px;
    background: #fff;
}

.bayi-marketing-snippet p {
    margin: 8px 0 10px;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
}

.bayi-benefits-intro {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 28px;
}

.bayi-benefits-intro h2 {
    margin: 0 0 10px;
}

.bayi-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}

.bayi-benefit-card {
    padding: 20px 16px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: #fff;
    text-align: center;
}

.bayi-benefit-card i {
    font-size: 28px;
    color: var(--primary);
    margin-bottom: 10px;
}

.bayi-benefit-card h3 {
    margin: 0 0 8px;
    font-size: 16px;
}

.bayi-benefit-card p {
    margin: 0;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.45;
}

.cart-summary__bayi {
    margin-bottom: 12px;
    font-size: 13px;
}

@media (max-width: 992px) {
    .bayi-capabilities-grid,
    .bayi-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bayi-stats-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .bayi-capabilities-grid,
    .bayi-benefits-grid {
        grid-template-columns: 1fr;
    }

    .bayi-payout-grid {
        grid-template-columns: 1fr;
    }

    .bayi-ref-card__copy {
        flex: 1 1 100%;
        justify-content: center;
    }
}