/* BiggMind — iç sayfalar (v2 "Renkli Alanlar"). Tokenlar: docs/design/tasarim-sistemi.md
 *
 * Loaded after custom.css on every public page (master + auth-master). Every rule is scoped to
 * `.bm-inner` (the <main> of an inner page), so the home page and the header/footer are untouched.
 * Class names shared with the home components (.bm-section-head, .bm-eyebrow, .bm-device, .bm-icon)
 * follow the same token spec; the inner-only pieces use their own names (.bm-page-head, .bm-card,
 * .bm-button, .bm-field …).
 */

/* 0. Tokens. Same values as custom.css; defined here too so the inner pages never depend on the
      load order of the home stylesheet. */
:root {
    --bm-font: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bm-ink: #15243a;
    --bm-text: #33404f;
    --bm-muted: #5e6b7a;
    --bm-brand: #1068b0;
    --bm-brand-dark: #0c5391;
    --bm-brand-tint: #e7f0f7;
    --bm-soft: #f6f8fb;
    --bm-surface: #f3f5f8;
    --bm-border: #dde3ea;
    --bm-success: #1f7a4d;
    --bm-danger: #b42318;
    --bm-radius-card: 16px;
    --bm-radius-band: 20px;
    --bm-radius-btn: 10px;
    --bm-radius-device: 22px;
    --bm-section-y: 96px;
    --bm-head-gap: 40px;
    --bm-page-first-y: 48px;
    --bm-header-h: 72px;
}

@media (max-width: 991.98px) {
    :root {
        --bm-section-y: 64px;
        --bm-head-gap: 28px;
    }
}

/* 1. Base: type, colour, casing ------------------------------------------------------------------ */

.bm-inner {
    color: var(--bm-text);
    font-family: var(--bm-font);
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 0;
}

/* Turkish casing: the theme puts `text-transform: capitalize` on ~60 components ("Için", "Iptal").
   Nothing on an inner page is transformed; text is shown exactly as stored. */
.bm-inner,
.bm-inner *,
.bm-inner *::before,
.bm-inner *::after {
    text-transform: none !important;
}

.bm-inner h1,
.bm-inner h2,
.bm-inner h3,
.bm-inner h4,
.bm-inner h5,
.bm-inner h6 {
    color: var(--bm-ink);
    font-weight: 700;
    letter-spacing: 0;
}

/* Headings are one colour; the CMS "highlighted" <span> stays in the markup but is not accented. */
.bm-inner h1 span,
.bm-inner h2 span,
.bm-inner .section-head h2 span {
    color: inherit !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

.bm-inner p {
    font-size: inherit;
    line-height: 1.6;
}

.bm-inner a {
    color: var(--bm-brand);
}

.bm-inner a:hover {
    color: var(--bm-brand-dark);
}

/* Global buttons keep their own text colour inside .bm-inner (the link rule above outranks them). */
.bm-inner a.bm-btn--primary,
.bm-inner a.bm-btn--primary:hover,
.bm-inner a.bm-btn--primary:focus-visible,
.bm-inner .bm-btn--primary {
    color: #fff;
}

.bm-inner a.bm-btn--outline,
.bm-inner .bm-btn--outline {
    color: var(--bm-ink);
}

.bm-inner a.bm-btn--outline:hover,
.bm-inner a.bm-btn--outline:focus-visible {
    color: #fff;
}

.bm-inner a.bm-btn--ghost,
.bm-inner a.bm-btn--ghost:hover {
    color: var(--bm-ink);
}

.bm-inner a:focus-visible,
.bm-inner button:focus-visible,
.bm-inner [role="tab"]:focus-visible,
.bm-inner .tab-pane:focus-visible {
    outline: 2px solid var(--bm-brand);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Decorative theme leftovers (pens, underlines, bubbles, colour splashes, dots). */
.bm-inner .head-line,
.bm-inner .head-pen,
.bm-inner .bubble,
.bm-inner .bubble2,
.bm-inner .bubble3,
.bm-inner .shap_color,
.bm-inner .r_shape,
.bm-inner .dots,
.bm-inner .contact_a,
.bm-inner .contact_message,
.bm-inner .comming_man_shape,
.bm-inner .comming_chat_shape,
.bm-inner .comming_light_shape {
    display: none !important;
}

/* 2. Page header ----------------------------------------------------------------------------------- */

.bm-page-head {
    padding: 40px 0 56px;
    background: var(--bm-brand-tint);
}
.bm-page-head--plain {
    background: transparent;
    padding-bottom: 8px;
}

.bm-page-head .container > * {
    max-width: 760px;
}

.bm-inner .bm-eyebrow {
    margin: 0 0 12px;
    color: var(--bm-brand);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.bm-inner .bm-page-title {
    margin: 0;
    color: var(--bm-ink);
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.bm-inner .bm-page-title span {
    color: inherit;
}

.bm-inner .bm-page-lead {
    margin: 16px 0 0;
    max-width: 680px;
    color: var(--bm-text);
    font-size: 18px;
    line-height: 1.6;
}

.bm-page-head--center {
    text-align: center;
}

.bm-page-head--center .container > * {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .bm-page-head {
        padding: 48px 0 32px;
    }

    .bm-inner .bm-page-title {
        font-size: 34px;
    }

    .bm-inner .bm-page-lead {
        font-size: 16px;
    }
}

/* 3. Sections and section heads --------------------------------------------------------------------- */

.bm-section {
    padding: var(--bm-section-y) 0;
}

.bm-section--flush-top {
    padding-top: 16px;
}

.bm-section--surface {
    background: var(--bm-surface);
}

.bm-section--tint {
    background: var(--bm-brand-tint);
}

.bm-section--rule {
    border-top: 1px solid var(--bm-border);
}

.bm-inner .bm-section-head {
    max-width: 680px;
    margin: 0 0 var(--bm-head-gap);
    text-align: left;
}

.bm-inner .bm-section-head--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.bm-inner .bm-section-head--row {
    max-width: none;
}

.bm-inner .bm-h2,
.bm-inner .bm-section-head h2 {
    margin: 0;
    color: var(--bm-ink);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.bm-inner .bm-section-head .bm-lead {
    margin: 12px 0 0;
    color: var(--bm-muted);
    font-size: 17px;
}

.bm-inner .bm-h3,
.bm-inner .bm-card__title {
    margin: 0;
    color: var(--bm-ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-h2,
    .bm-inner .bm-section-head h2 {
        font-size: 28px;
    }

    .bm-inner .bm-h3,
    .bm-inner .bm-card__title {
        font-size: 19px;
    }
}

/* Theme section heads still used by a few blocks: left aligned, token type, no tracking. */
.bm-inner .section-head {
    text-align: left !important;
}

.bm-inner .section-head h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

.bm-inner .section-head p {
    color: var(--bm-muted);
    font-size: 17px;
    max-width: 680px;
}

@media (max-width: 991.98px) {
    .bm-inner .section-head h2 {
        font-size: 28px;
    }
}

/* 4. Cards ---------------------------------------------------------------------------------------- */

.bm-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.bm-card-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1199.98px) {
    .bm-card-grid--4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

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

@media (max-width: 575.98px) {
    .bm-card-grid,
    .bm-card-grid--4 {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

.bm-inner .bm-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card);
    box-shadow: none;
    color: var(--bm-text);
    transition: border-color .15s ease;
}

.bm-inner a.bm-card:hover,
.bm-inner .bm-card:focus-within {
    border-color: var(--bm-brand);
    color: var(--bm-text);
}

.bm-inner .bm-card__text {
    margin: 8px 0 0;
    color: var(--bm-muted);
    font-size: 16px;
    line-height: 1.6;
}

.bm-inner .bm-card__meta {
    margin: 6px 0 0;
    color: var(--bm-muted);
    font-size: 14px;
    line-height: 1.4;
}

.bm-inner .bm-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 16px;
    color: var(--bm-brand);
    font-size: 15px;
    font-weight: 500;
}

.bm-inner .bm-icon-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: var(--bm-brand-tint);
    color: var(--bm-brand);
    font-size: 20px;
    line-height: 1;
}

.bm-inner .bm-icon-tile img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.bm-inner .bm-icon-tile .bm-icon {
    width: 22px;
    height: 22px;
}

/* 5. Buttons and links (one primary per page) ------------------------------------------------------- */

.bm-inner .bm-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid transparent;
    border-radius: var(--bm-radius-btn);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.bm-inner .bm-button--primary {
    background: var(--bm-brand);
    border-color: var(--bm-brand);
    color: #fff;
}

.bm-inner .bm-button--primary:hover,
.bm-inner .bm-button--primary:focus-visible {
    background: var(--bm-brand-dark);
    border-color: var(--bm-brand-dark);
    color: #fff;
}

.bm-inner .bm-button--secondary {
    background: #fff;
    border-color: var(--bm-ink);
    color: var(--bm-ink);
}

.bm-inner .bm-button--secondary:hover,
.bm-inner .bm-button--secondary:focus-visible {
    border-color: var(--bm-brand);
    color: var(--bm-brand);
}

.bm-inner .bm-button--block {
    width: 100%;
}

.bm-inner .bm-button[disabled],
.bm-inner .bm-button[aria-disabled="true"] {
    background: var(--bm-surface);
    border-color: var(--bm-border);
    color: var(--bm-muted);
    cursor: default;
}

.bm-inner .bm-text-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--bm-brand);
    font-weight: 500;
}

.bm-inner .bm-text-link .bm-icon {
    width: 18px;
    height: 18px;
}

/* Theme buttons that remain inside inner pages: square-ish, brand blue, no pill. */
.bm-inner .btn.rounded-pill,
.bm-inner .butn.rounded-pill {
    border-radius: var(--bm-radius-btn) !important;
}

/* 6. Long-form text ------------------------------------------------------------------------------- */

.bm-inner .bm-prose {
    max-width: 640px;
    color: var(--bm-text);
    font-size: 17px;
    line-height: 1.6;
}

.bm-inner .bm-prose p,
.bm-inner .bm-prose ul,
.bm-inner .bm-prose ol {
    margin: 0 0 1em;
    font-size: inherit;
    line-height: inherit;
}

.bm-inner .bm-prose > :last-child {
    margin-bottom: 0;
}

.bm-inner .bm-prose strong {
    color: var(--bm-ink);
    font-weight: 600;
}

.bm-inner .bm-prose ul {
    padding-left: 1.2em;
    list-style: disc;
}

.bm-inner .bm-prose ol {
    padding-left: 1.2em;
    list-style: decimal;
}

.bm-inner .bm-prose li {
    margin-bottom: .4em;
}

.bm-inner .bm-prose__lead {
    color: var(--bm-ink);
    font-weight: 500;
}

.bm-inner .bm-subhead {
    margin: 32px 0 8px;
    color: var(--bm-ink);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
}

.bm-inner .bm-prose .bm-subhead:first-child {
    margin-top: 0;
}

.bm-inner .bm-rounded-img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--bm-radius-card);
}

/* Heading column + text column (platform blocks, about texts). */
.bm-split {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    gap: 24px 64px;
    align-items: start;
}

.bm-split + .bm-split {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid var(--bm-border);
}

.bm-inner .bm-split__title {
    margin: 0;
    color: var(--bm-ink);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 991.98px) {
    .bm-split {
        grid-template-columns: minmax(0, 1fr);
    }

    .bm-split + .bm-split {
        margin-top: 40px;
        padding-top: 40px;
    }

    .bm-inner .bm-split__title {
        font-size: 26px;
    }
}

/* Text + real screenshot. */
.bm-feature {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: 40px 64px;
    align-items: center;
}

.bm-feature__text .bm-prose {
    margin-top: 20px;
}

.bm-feature__text .bm-button {
    margin-top: 32px;
}

@media (max-width: 991.98px) {
    .bm-feature {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bm-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0 0 !important;
    padding: 0;
    list-style: none;
}

.bm-inner .bm-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    color: var(--bm-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.bm-inner .bm-chip .bi {
    color: var(--bm-brand);
}

/* 7. Device frame (same spec as the home hero: thin dark frame, 14px corners, soft shadow). ------ */

.bm-inner .bm-device {
    margin: 0;
    padding: 10px;
    background: #1b2433;
    border-radius: var(--bm-radius-device);
    box-shadow: 0 24px 48px -28px rgba(21, 36, 58, .45);
}

.bm-inner .bm-device img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
    border-radius: 6px;
    background: var(--bm-surface);
}

@media (max-width: 575.98px) {
    .bm-inner .bm-device {
        padding: 6px;
        border-radius: 10px;
    }

    .bm-inner .bm-device img {
        border-radius: 4px;
    }
}

/* 8. Platform page ------------------------------------------------------------------------------- */

.bm-stats-band {
    padding: 8px 0 var(--bm-section-y);
}

.bm-inner .bm-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--bm-border);
}

.bm-inner .bm-stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    padding: 24px 24px 0 0;
}

.bm-inner .bm-stat__value {
    order: -1;
    margin: 0;
    color: var(--bm-ink);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.bm-inner .bm-stat__label {
    margin: 0;
    color: var(--bm-muted);
    font-size: 15px;
    font-weight: 400;
}

@media (max-width: 767.98px) {
    .bm-inner .bm-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bm-inner .bm-stat__value {
        font-size: 32px;
    }
}

/* "Platformdan Ekranlar": domain list + one framed screenshot. */
.bm-screens__layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.bm-inner .bm-screens__tabs {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.bm-inner .bm-screens__tab {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--bm-radius-btn);
    color: var(--bm-text);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
}

.bm-inner .bm-screens__tab .bi {
    color: var(--bm-muted);
    font-size: 18px;
}

.bm-inner .bm-screens__tab:hover {
    color: var(--bm-ink);
}

.bm-inner .bm-screens__tab.active {
    background: #fff;
    border-color: var(--bm-border);
    color: var(--bm-ink);
}

.bm-inner .bm-screens__tab.active .bi {
    color: var(--bm-brand);
}

.bm-screens__grid--multi {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
}

.bm-screen {
    margin: 0;
}

.bm-inner .bm-screen__caption {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: baseline;
    margin-top: 16px;
    color: var(--bm-muted);
    font-size: 15px;
}

.bm-inner .bm-screen__caption strong {
    color: var(--bm-ink);
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .bm-screens__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    /* Domains become one scrollable row of chips above the frame. */
    .bm-inner .bm-screens__tabs {
        flex-direction: row;
        gap: 8px;
        margin: 0 -16px;
        padding: 0 16px 4px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .bm-inner .bm-screens__tabs::-webkit-scrollbar {
        display: none;
    }

    .bm-inner .bm-screens__tab {
        flex: 0 0 auto;
        width: auto;
        padding: 8px 12px;
        background: #fff;
        border-color: var(--bm-border);
        font-size: 15px;
        white-space: nowrap;
    }

    .bm-inner .bm-screens__tab.active {
        border-color: var(--bm-brand);
    }

    .bm-screens__grid--multi {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* 9. Forms (demo, contact, auth) ------------------------------------------------------------------ */

.bm-inner .bm-form-card {
    padding: 32px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card);
}

@media (max-width: 575.98px) {
    .bm-inner .bm-form-card {
        padding: 20px;
    }
}

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

.bm-inner .bm-form-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bm-inner .bm-form-grid .bm-field--full {
    grid-column: 1 / -1;
}

@media (max-width: 767.98px) {
    .bm-inner .bm-form-grid,
    .bm-inner .bm-form-grid--3 {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
}

.bm-inner .bm-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.bm-inner .bm-label {
    margin: 0;
    color: var(--bm-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.bm-inner .bm-label .bm-optional {
    color: var(--bm-muted);
    font-weight: 400;
}

.bm-inner .bm-input,
.bm-inner .bm-form-card .form-control {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-btn);
    box-shadow: none;
    color: var(--bm-ink);
    font-size: 16px;
    line-height: 1.4;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bm-inner textarea.bm-input {
    min-height: 140px;
    resize: vertical;
}

.bm-inner .bm-input::placeholder {
    color: #8792a0;
}

.bm-inner .bm-input:focus,
.bm-inner .bm-form-card .form-control:focus {
    border-color: var(--bm-brand);
    box-shadow: 0 0 0 3px rgba(17, 96, 174, .2);
    outline: 0;
}

.bm-inner .bm-input.is-invalid,
.bm-inner .bm-input[aria-invalid="true"] {
    border-color: var(--bm-danger);
}

.bm-inner .bm-error {
    color: var(--bm-danger);
    font-size: 14px;
}

.bm-inner .bm-hint {
    margin: 0;
    color: var(--bm-muted);
    font-size: 14px;
}

.bm-inner .bm-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    color: var(--bm-text);
    font-size: 15px;
    line-height: 1.5;
}

.bm-inner .bm-check input[type="checkbox"],
.bm-inner .bm-check input[type="radio"] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--bm-brand);
}

.bm-inner .bm-choice-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.bm-inner .bm-choice {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    color: var(--bm-ink);
    font-size: 15px;
    cursor: pointer;
}

.bm-inner .bm-choice input {
    accent-color: var(--bm-brand);
    margin: 0;
}

.bm-inner .bm-choice:has(input:checked) {
    border-color: var(--bm-brand);
    background: var(--bm-brand-tint);
}

.bm-inner .bm-choice:has(input:focus-visible) {
    outline: 2px solid var(--bm-brand);
    outline-offset: 2px;
}

.bm-inner .bm-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.bm-inner .bm-form-note {
    margin: 0 0 20px;
    color: var(--bm-muted);
    font-size: 14px;
}

/* 10. Pagination --------------------------------------------------------------------------------- */

.bm-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 48px;
}

.bm-pagination a,
.bm-pagination span.bm-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    color: var(--bm-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.bm-pagination a:hover {
    border-color: var(--bm-brand);
    color: var(--bm-brand);
}

.bm-pagination a[aria-current="page"] {
    background: var(--bm-brand);
    border-color: var(--bm-brand);
    color: #fff;
}

.bm-pagination .is-disabled {
    color: #9aa5b1 !important;
    background: var(--bm-surface) !important;
}

/* 11. Directory (practitioners, institutions) and map ----------------------------------------------- */

.bm-inner .bm-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 32px;
}

.bm-inner .bm-filter-bar .bm-button {
    min-height: 40px;
    padding: 8px 16px;
    font-size: 15px;
}

.bm-inner .bm-person {
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
}

.bm-inner .bm-person__photo {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--bm-surface);
}

.bm-inner .bm-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--bm-border);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.bm-inner .bm-logo-box img {
    max-width: 100%;
    max-height: 72px;
    object-fit: contain;
}

/* No logo uploaded: the name pill would repeat the card title, so the empty logo box is not shown. */
.bm-inner .bm-logo-box:has(> .partner-name-pill) {
    display: none;
}

.bm-inner .portfolio-card .bm-card__title {
    font-size: 19px;
}

.bm-inner .bm-card__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: auto;
    padding-top: 16px;
    font-size: 15px;
    font-weight: 500;
}

.bm-inner .bm-contact-lines {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    color: var(--bm-text);
    font-size: 15px;
}

.bm-inner .bm-contact-lines li {
    display: flex;
    gap: 8px;
    align-items: baseline;
    margin-top: 4px;
    word-break: break-word;
}

.bm-inner .bm-contact-lines .bi {
    color: var(--bm-muted);
}

.bm-inner .bm-empty {
    max-width: 520px;
    margin: 0 auto;
    padding: 48px 24px;
    text-align: center;
    border: 1px dashed var(--bm-border);
    border-radius: var(--bm-radius-card);
}

.bm-inner .bm-empty h2 {
    font-size: 22px;
}

.bm-inner .bm-empty p {
    margin: 8px 0 24px;
    color: var(--bm-muted);
}

/* Turkey map: calm grey provinces, brand blue on hover, tooltip as a small ink label. */
/* The map sits straight on the section surface: no card, no frame. */
.bm-inner .bm-map {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.bm-inner .bm-map .map-container {
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
}

.bm-inner .bm-map .wrapper {
    max-width: 1056px;
    margin: 0 auto;
    padding: 0;
    background: none;
}

.bm-inner #svg-turkey-map .city {
    fill: #d9e1ea;
    stroke: #fff;
    stroke-width: .75;
    transition: fill .12s ease;
}

.bm-inner #svg-turkey-map .city:hover,
.bm-inner #svg-turkey-map .city:focus {
    fill: var(--bm-brand);
}

/* City label floats at the top-left of the map row (anchored to .map-container, left of the
   centred map, clear of Thrace) so the map never shifts on hover. */
.bm-inner .bm-map .show-city-name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    min-height: 0;
    margin: 0;
    pointer-events: none;
    padding: 6px 12px;
    background: var(--bm-brand-tint);
    border-radius: 8px;
    color: var(--bm-ink);
    font-size: 15px;
    font-weight: 600;
}

.bm-inner .bm-map .show-city-name:empty {
    display: none;
}

/* Below 1400 px there is no room left of the map for the label, so it gets its own reserved
   strip above the map (the map still never moves when the label appears). */
@media (max-width: 1399.98px) {
    .bm-inner .bm-map .map-container {
        padding-top: 44px;
    }
}

.bm-inner .bm-map-hint {
    margin: 16px 0 0;
    color: var(--bm-muted);
    font-size: 14px;
}

/* 12. Testimonials: shared slider in custom.css (.bm-tst, site.components.testimonials) --------------- */

/* 13. /bigg-mind ---------------------------------------------------------------------------------- */

.bm-inner .bm-hero-photo {
    position: relative;
    margin: 0;
}

.bm-inner .bm-hero-photo img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: var(--bm-radius-card);
}

.bm-inner .bm-play {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px 10px 10px;
    background: #fff;
    border-radius: var(--bm-radius-btn);
    color: var(--bm-ink);
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 8px 24px -12px rgba(21, 36, 58, .5);
}

.bm-inner .bm-play__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--bm-brand);
    color: #fff;
}

.bm-inner .bm-play__icon .bm-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.bm-inner .bm-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

.bm-inner .bm-team-card {
    margin: 0;
}

.bm-inner .bm-team-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: top center;
    border-radius: var(--bm-radius-card);
    background: var(--bm-surface);
}

.bm-inner .bm-team-card figcaption {
    padding-top: 14px;
}

.bm-inner .bm-team-card__name {
    display: block;
    margin: 0;
    color: var(--bm-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
}

.bm-inner a.bm-team-card__name:hover {
    color: var(--bm-brand);
}

.bm-inner .bm-team-card__role {
    display: block;
    margin-top: 4px;
    color: var(--bm-muted);
    font-size: 14px;
    line-height: 1.45;
}

.bm-inner .bm-pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bm-inner .bm-pill-list li {
    display: flex;
}

.bm-inner .bm-partner-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 8px 16px 8px 8px;
    background: #fff;
    border: 1px solid var(--bm-border);
    border-radius: 12px;
    color: var(--bm-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
}

.bm-inner a.bm-partner-pill:hover {
    border-color: var(--bm-brand);
    color: var(--bm-ink);
}

.bm-inner .bm-partner-pill__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.bm-inner .bm-partner-pill__logo img {
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
}

.bm-inner .bm-partner-pill--text {
    padding-left: 16px;
}

/* 14. /paket-sec -------------------------------------------------------------------------------- */

.bm-inner .bm-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-plan-grid {
        grid-template-columns: minmax(0, 1fr);
        max-width: 520px;
    }
}

.bm-inner .bm-plan {
    position: relative;
    padding: 28px;
}

.bm-inner .bm-plan--featured {
    border: 2px solid var(--bm-brand);
    padding: 27px;
}

.bm-inner .bm-plan__badge {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--bm-brand-tint);
    color: var(--bm-brand);
    font-size: 14px;
    font-weight: 500;
}

.bm-inner .bm-plan__price {
    margin: 20px 0 0;
    color: var(--bm-ink);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.bm-inner .bm-plan__price small {
    color: var(--bm-muted);
    font-size: 16px;
    font-weight: 400;
}

.bm-inner .bm-plan__note {
    margin: 8px 0 0;
    color: var(--bm-success);
    font-size: 15px;
    font-weight: 500;
}

.bm-inner .bm-plan .bm-button {
    margin-top: 24px;
}

.bm-inner .bm-plan__cta-note {
    margin: 10px 0 0;
    color: var(--bm-muted);
    font-size: 14px;
    text-align: center;
}

.bm-inner .bm-plan__features {
    margin: 24px 0 0;
    padding: 24px 0 0;
    border-top: 1px solid var(--bm-border);
    list-style: none;
}

.bm-inner .bm-plan__features li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
    color: var(--bm-text);
    font-size: 15px;
    line-height: 1.5;
}

.bm-inner .bm-plan__features .bi {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--bm-brand);
    font-size: 18px;
}

.bm-inner .bm-plan__features strong {
    color: var(--bm-ink);
    font-weight: 600;
}

.bm-inner .bm-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 32px;
    margin-top: 40px;
    padding: 28px 32px;
    background: var(--bm-brand-tint);
    border-radius: var(--bm-radius-card);
}

.bm-inner .bm-banner__title {
    margin: 0;
    color: var(--bm-ink);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

.bm-inner .bm-banner__text {
    margin: 4px 0 0;
    color: var(--bm-muted);
}

/* 15. Blog and article ----------------------------------------------------------------------------- */

.bm-inner .bm-post-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
}

@media (max-width: 767.98px) {
    .bm-inner .bm-post-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bm-inner .bm-post {
    padding: 0;
    overflow: hidden;
}

.bm-inner .bm-post__img {
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--bm-surface);
    overflow: hidden;
}

.bm-inner .bm-post__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bm-inner .bm-post__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px 24px 24px;
}

.bm-inner .bm-post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 0 0 8px;
    color: var(--bm-muted);
    font-size: 14px;
}

.bm-inner .bm-post__title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
}

.bm-inner .bm-post__title a {
    color: var(--bm-ink);
}

.bm-inner .bm-post__title a:hover {
    color: var(--bm-brand);
}

.bm-inner .bm-post--featured {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    margin-bottom: 40px;
}

.bm-inner .bm-post--featured .bm-post__img {
    aspect-ratio: auto;
    min-height: 320px;
}

.bm-inner .bm-post--featured .bm-post__body {
    justify-content: center;
    padding: 32px;
}

.bm-inner .bm-post--featured .bm-post__title {
    font-size: 28px;
    line-height: 1.25;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-post--featured {
        grid-template-columns: minmax(0, 1fr);
    }

    .bm-inner .bm-post--featured .bm-post__img {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .bm-inner .bm-post--featured .bm-post__body {
        padding: 20px 24px 24px;
    }

    .bm-inner .bm-post--featured .bm-post__title {
        font-size: 22px;
    }
}

.bm-inner .bm-blog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 48px;
    align-items: start;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-blog-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bm-inner .bm-aside {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.bm-inner .bm-aside__title {
    margin: 0 0 12px;
    color: var(--bm-ink);
    font-size: 16px;
    font-weight: 600;
}

.bm-inner .bm-cat-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--bm-border);
}

.bm-inner .bm-cat-list a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--bm-border);
    color: var(--bm-text);
    font-size: 15px;
}

.bm-inner .bm-cat-list a:hover,
.bm-inner .bm-cat-list a[aria-current="page"] {
    color: var(--bm-brand);
}

.bm-inner .bm-cat-list a span:last-child {
    color: var(--bm-muted);
    font-variant-numeric: tabular-nums;
}

.bm-inner .bm-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bm-inner .bm-tag {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid var(--bm-border);
    border-radius: 6px;
    color: var(--bm-text);
    font-size: 14px;
    line-height: 1.4;
}

.bm-inner a.bm-tag:hover {
    border-color: var(--bm-brand);
    color: var(--bm-brand);
}

.bm-inner .bm-search {
    display: flex;
    gap: 8px;
}

.bm-inner .bm-search .bm-input {
    min-height: 44px;
}

.bm-inner .bm-search .bm-button {
    min-height: 44px;
    padding: 8px 14px;
}

.bm-inner .bm-social-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bm-inner .bm-social-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--bm-border);
    border-radius: 8px;
    color: var(--bm-ink);
}

.bm-inner .bm-social-row a:hover {
    border-color: var(--bm-brand);
    color: var(--bm-brand);
}

/* Article */
.bm-inner .bm-article-head {
    max-width: 780px;
}

/* Article cover: shown whole. Article photos are 1200x630 (thumbs 410x215), so the box keeps
   that 40:21 ratio; any other upload is contained on the surface tint instead of being cropped. */
.bm-inner .bm-article-cover {
    margin: 0 0 40px;
}

.bm-inner .bm-article-cover img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 40 / 21;
    object-fit: contain;
    border-radius: var(--bm-radius-card);
    background: var(--bm-surface);
}

@media (max-width: 639.98px) {
    .bm-inner .bm-article-cover {
        margin-bottom: 28px;
    }
}

.bm-inner .bm-article {
    max-width: 680px;
    color: var(--bm-text);
    font-size: 18px;
    line-height: 1.7;
}

.bm-inner .bm-article p,
.bm-inner .bm-article li {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
}

.bm-inner .bm-article p,
.bm-inner .bm-article ul,
.bm-inner .bm-article ol,
.bm-inner .bm-article blockquote,
.bm-inner .bm-article figure {
    margin: 0 0 1.15em;
}

.bm-inner .bm-article ul {
    padding-left: 1.3em;
    list-style: disc;
}

.bm-inner .bm-article ol {
    padding-left: 1.3em;
    list-style: decimal;
}

.bm-inner .bm-article h2 {
    margin: 1.8em 0 .6em;
    font-size: 28px;
    line-height: 1.25;
}

.bm-inner .bm-article h3 {
    margin: 1.6em 0 .5em;
    font-size: 22px;
    line-height: 1.3;
}

.bm-inner .bm-article h4,
.bm-inner .bm-article h5,
.bm-inner .bm-article h6 {
    margin: 1.4em 0 .5em;
    font-size: 18px;
    line-height: 1.35;
}

.bm-inner .bm-article img {
    max-width: 100%;
    height: auto;
    border-radius: var(--bm-radius-card);
}

.bm-inner .bm-article blockquote {
    padding-left: 20px;
    border-left: 3px solid var(--bm-brand);
    color: var(--bm-ink);
}

.bm-inner .bm-article a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.bm-inner .bm-article table {
    width: 100%;
    margin-bottom: 1.15em;
    border-collapse: collapse;
    font-size: 16px;
}

.bm-inner .bm-article th,
.bm-inner .bm-article td {
    padding: 8px 10px;
    border: 1px solid var(--bm-border);
}

.bm-inner .bm-article-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 680px;
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--bm-border);
}

@media (max-width: 767.98px) {
    .bm-inner .bm-article {
        font-size: 17px;
    }

    .bm-inner .bm-article h2 {
        font-size: 24px;
    }

    .bm-inner .bm-article h3 {
        font-size: 20px;
    }
}

/* 16. Contact ---------------------------------------------------------------------------------- */

.bm-inner .bm-contact-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 48px;
}

@media (max-width: 991.98px) {
    .bm-inner .bm-contact-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }
}

.bm-inner .bm-contact-card {
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.bm-inner .bm-contact-card .bm-icon-tile {
    margin: 0;
}

.bm-inner .bm-contact-card p {
    margin: 0;
    color: var(--bm-ink);
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
}

.bm-inner .bm-contact-card p a {
    color: var(--bm-ink);
}

.bm-inner .bm-contact-card p a:hover {
    color: var(--bm-brand);
}

.bm-inner .bm-map-embed {
    margin-top: var(--bm-section-y);
    border-top: 1px solid var(--bm-border);
}

.bm-inner .bm-map-embed iframe {
    display: block;
    width: 100%;
    height: 420px;
    border: 0;
}

/* 17. Status pages (auth-master: 404, coming soon): centred logo --------------------------------- */

.bm-auth__logo {
    display: block;
    width: max-content;
    margin: 0 auto 24px;
}

.bm-auth__logo img {
    display: block;
    height: 44px;
    width: auto;
}

.bm-inner .bm-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    color: var(--bm-muted);
    font-size: 14px;
    counter-reset: bm-step;
}

.bm-inner .bm-steps li {
    counter-increment: bm-step;
}

.bm-inner .bm-steps li::before {
    content: counter(bm-step) ". ";
    color: var(--bm-ink);
    font-weight: 600;
}

/* 18. Status pages (404, coming soon, thank you) --------------------------------------------------- */

.bm-status {
    min-height: 70vh;
    display: flex;
    align-items: center;
    padding: 64px 0;
}

.bm-status--full {
    min-height: 100vh;
    background: var(--bm-brand-tint);
}

.bm-inner .bm-status__code {
    margin: 0 0 12px;
    color: var(--bm-brand);
    font-size: 14px;
    font-weight: 500;
}

.bm-inner .bm-status__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    align-items: center;
    margin-top: 32px;
}

.bm-inner .bm-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 32px;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card);
    background: #fff;
}

.bm-inner .bm-summary > div {
    padding: 20px 24px;
}

.bm-inner .bm-summary > div + div {
    border-left: 1px solid var(--bm-border);
}

.bm-inner .bm-summary dt {
    color: var(--bm-muted);
    font-size: 14px;
    font-weight: 400;
}

.bm-inner .bm-summary dd {
    margin: 4px 0 0;
    color: var(--bm-ink);
    font-size: 17px;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .bm-inner .bm-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bm-inner .bm-summary > div:nth-child(3) {
        border-left: 0;
    }

    .bm-inner .bm-summary > div:nth-child(n + 3) {
        border-top: 1px solid var(--bm-border);
    }
}

.bm-inner .bm-lines {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bm-inner .bm-lines li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid var(--bm-border);
    font-size: 16px;
}

.bm-inner .bm-lines li:last-child {
    border-bottom: 0;
    color: var(--bm-ink);
    font-weight: 600;
}

.bm-inner .bm-subscribe {
    display: flex;
    gap: 8px;
    max-width: 480px;
}

@media (max-width: 575.98px) {
    .bm-inner .bm-subscribe {
        flex-direction: column;
    }
}

/* 19. Remaining theme components on inner pages (accordion, tabs, cards from the theme). -------- */

.bm-inner .accordion-item {
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card) !important;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
}

.bm-inner .accordion-button {
    padding: 18px 20px;
    background: #fff;
    box-shadow: none !important;
    color: var(--bm-ink);
    font-size: 17px;
    font-weight: 600;
}

.bm-inner .accordion-button:not(.collapsed) {
    color: var(--bm-ink);
    background: var(--bm-brand-tint);
}

.bm-inner .accordion-button:focus-visible {
    outline: 2px solid var(--bm-brand);
    outline-offset: -2px;
}

.bm-inner .accordion-body {
    color: var(--bm-text);
    font-size: 16px;
    line-height: 1.6;
}

.bm-inner .nav-pills .nav-link {
    border-radius: var(--bm-radius-btn);
    color: var(--bm-text);
    font-weight: 500;
}

.bm-inner .nav-pills .nav-link.active {
    background: var(--bm-brand-tint);
    color: var(--bm-ink);
}

.bm-inner .color-666,
.bm-inner .color-777,
.bm-inner .color-999,
.bm-inner .text-muted {
    color: var(--bm-muted) !important;
}

.bm-inner .color-blue4,
.bm-inner .color-blue5 {
    color: var(--bm-brand) !important;
}

.bm-inner .bg-blue4,
.bm-inner .bg-blue5,
.bm-inner .bg-main {
    background-color: var(--bm-brand) !important;
}

.bm-inner .bg-gray5 {
    background-color: var(--bm-surface) !important;
}

@media (prefers-reduced-motion: reduce) {
    .bm-inner *,
    .bm-inner *::before,
    .bm-inner *::after {
        transition: none !important;
        animation: none !important;
    }

    .bm-inner .tab-pane.fade {
        transition: none;
    }
}

/* 20. Additions ------------------------------------------------------------------------------------ */

.bm-inner .bm-section-head > p:not(.bm-eyebrow) {
    margin: 12px 0 0;
    color: var(--bm-muted);
    font-size: 17px;
}

.bm-inner .bm-partner-pill .partner-name-pill {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}

.bm-inner .bm-page-head .bm-page-title {
    max-width: 960px;
}

.bm-inner .bm-page-lead.bm-prose p {
    color: inherit;
}

/* Theme wrappers kept for the template-structure tests; their spacing/background is neutralised. */
main.bm-inner.section-padding.pt-50 {
    padding-top: 0 !important;
    padding-bottom: 0;
}
/* Theme `.pt-50` is !important. The first band under the page head takes --bm-page-first-y;
   the map band on /kurumsal and /bireysel sits mid-page, so it takes the section rhythm. */
.bm-inner .section-padding.pt-50 {
    padding-top: var(--bm-page-first-y) !important;
}
.bm-inner .shop.section-padding.pt-50 {
    padding-top: var(--bm-section-y) !important;
}

/* One 16px phone gutter, same as the header (custom.css). */
@media (max-width: 575.98px) {
    .bm-inner .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.bm-inner .projects.style-7.bm-screens {
    background: var(--bm-surface) !important;
}

.bm-feature--form {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
}

@media (max-width: 991.98px) {
    .bm-feature--form {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bm-inner .bm-demo-aside .bm-plan__features {
    margin-top: 16px;
    padding-top: 0;
    border-top: 0;
}

.bm-inner .bm-demo-contact {
    margin-top: 32px;
    background: var(--bm-surface);
    border-color: var(--bm-surface);
}

.bm-inner .bm-demo-contact .bm-card__title {
    margin-top: 4px;
}

.bm-inner .bm-contact-form {
    max-width: 880px;
}

.bm-inner .bm-status__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    font-size: 26px;
}

.bm-inner .bm-status__logo {
    display: block;
    height: 44px;
    width: auto;
    margin-bottom: 40px;
}

.bm-inner .bm-order-card {
    max-width: 640px;
}

.bm-status .bm-auth__logo {
    margin: 0 0 40px;
}

@media (max-width: 575.98px) {
    .bm-inner .bm-hero-photo img {
        aspect-ratio: 4 / 3;
        max-height: none;
    }

    .bm-inner .bm-play {
        left: 12px;
        bottom: 12px;
    }
}


/* 21. v2 "Renkli Alanlar" inner components (docs/design/tasarim-sistemi.md; concept c-egitim.html) ---- */

/* Breadcrumb, chip row and meta row inside .bm-page-head */
.bm-inner .bm-crumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    align-items: center;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--bm-text);
}
.bm-inner .bm-crumb a {
    color: var(--bm-text);
    text-decoration: none;
}
.bm-inner .bm-crumb a:hover {
    color: var(--bm-brand);
}
.bm-inner .bm-crumb .bm-icon {
    width: 14px;
    height: 14px;
    color: var(--bm-muted);
}
.bm-inner .bm-crumb li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.bm-inner .bm-page-head .bm-chips {
    margin-bottom: 18px;
}
.bm-inner .bm-metarow {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    align-items: center;
    margin-top: 28px;
    font-size: 15px;
    color: var(--bm-text);
}
.bm-inner .bm-metarow span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.bm-inner .bm-metarow .bm-icon {
    width: 20px;
    height: 20px;
    color: var(--bm-brand);
}
.bm-inner .bm-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--bm-border);
    border-radius: 50%;
    background: #fff;
    color: var(--bm-ink);
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}
.bm-inner .bm-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bm-inner .bm-avatar--lg {
    width: 72px;
    height: 72px;
    border: 0;
    background: var(--bm-brand-tint);
    font-size: 22px;
}

/* 8/4 detail layout with a sticky aside */
.bm-inner .bm-detail {
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    gap: 48px;
    align-items: start;
    padding: 48px 0 96px;
}
.bm-inner .bm-detail__aside {
    position: sticky;
    top: calc(var(--bm-header-h) + 24px);
}
.bm-inner .bm-tabbar {
    position: sticky;
    top: var(--bm-header-h);
    z-index: 10;
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    background: #fff;
    border-bottom: 1px solid var(--bm-border);
}
.bm-inner .bm-tabbar::-webkit-scrollbar {
    display: none;
}
.bm-inner .bm-tabbar a {
    flex: none;
    margin-bottom: -1px;
    padding: 16px 14px;
    border-bottom: 2px solid transparent;
    color: var(--bm-muted);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.bm-inner .bm-tabbar a:hover {
    color: var(--bm-ink);
}
.bm-inner .bm-tabbar a[aria-current="true"] {
    color: var(--bm-ink);
    border-bottom-color: var(--bm-brand);
}
.bm-inner .bm-block {
    padding: 40px 0 8px;
}
.bm-inner .bm-block > h2 {
    margin: 0 0 16px;
    color: var(--bm-ink);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}
/* Article body is also a .bm-block: its h2s keep the article rhythm (more room above than an h3). */
.bm-inner .bm-block.bm-article > h2 {
    margin: 1.8em 0 .6em;
}
.bm-inner .bm-block.bm-article > h2:first-child {
    margin-top: 0;
}

/* Sticky enrol / order card and the mobile bottom bar */
.bm-inner .bm-enrol {
    overflow: hidden;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card);
    background: #fff;
}
.bm-inner .bm-enrol__top {
    padding: 24px 26px;
    border-bottom: 1px solid var(--bm-border);
    background: var(--bm-soft);
}
.bm-inner .bm-enrol__top small {
    display: block;
    margin-top: 4px;
    color: var(--bm-muted);
    font-size: 14px;
}
.bm-inner .bm-enrol__body {
    padding: 24px 26px 26px;
}
.bm-inner .bm-enrol__body .bm-button + .bm-button {
    margin-top: 10px;
}
.bm-inner .bm-incl {
    display: grid;
    gap: 12px;
    margin: 22px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--bm-border);
    list-style: none;
    font-size: 15px;
}
.bm-inner .bm-incl li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.bm-inner .bm-incl .bm-icon {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    color: var(--bm-brand);
}
.bm-mbar {
    display: none;
}
@media (max-width: 991.98px) {
    .bm-inner .bm-detail {
        grid-template-columns: 1fr;
        padding-bottom: 64px;
    }
    .bm-inner .bm-detail__aside {
        position: static;
    }
    .bm-inner .bm-detail__aside--hide-mobile {
        display: none;
    }
    .bm-mbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
        background: #fff;
        border-top: 1px solid var(--bm-border);
    }
    .bm-mbar small {
        display: block;
        color: var(--bm-muted);
        font-size: 13px;
    }
    body.has-mbar {
        padding-bottom: 84px;
    }
}

/* List pages: header row with count + segmented toggle, filter aside + results */
.bm-inner .bm-list-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}
.bm-inner .bm-list-head__count {
    color: var(--bm-muted);
    font-size: 15px;
}
.bm-inner .bm-list-head__count b {
    color: var(--bm-ink);
    font-weight: 700;
}
.bm-inner .bm-listing {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}
.bm-inner .bm-filter-aside {
    position: sticky;
    top: calc(var(--bm-header-h) + 24px);
    padding: 24px;
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-card);
    background: #fff;
}
.bm-inner .bm-filter-aside h3 {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 700;
    color: var(--bm-ink);
}
.bm-inner .bm-filter-aside + .bm-filter-aside,
.bm-inner .bm-filter-group + .bm-filter-group {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid var(--bm-border);
}
@media (max-width: 991.98px) {
    .bm-inner .bm-listing {
        grid-template-columns: 1fr;
    }
    .bm-inner .bm-filter-aside {
        position: static;
    }
}

/* Stat tiles (member panel, platform numbers) */
.bm-inner .bm-tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.bm-inner .bm-tile {
    padding: 20px 18px;
    border-radius: var(--bm-radius-card);
    background: var(--t, var(--bm-brand-tint));
}
.bm-inner .bm-tile::before {
    content: "";
    display: block;
    width: 24px;
    height: 4px;
    margin-bottom: 14px;
    border-radius: 2px;
    background: var(--c, var(--bm-brand));
}
.bm-inner .bm-tile b {
    display: block;
    color: var(--bm-ink);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.1;
}
.bm-inner .bm-tile span {
    display: block;
    margin-top: 8px;
    color: var(--bm-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}
@media (max-width: 639.98px) {
    .bm-inner .bm-tiles {
        gap: 8px;
    }
    .bm-inner .bm-tile {
        padding: 14px 12px;
    }
    .bm-inner .bm-tile b {
        font-size: 24px;
    }
}

/* Chips and domain helpers are global (custom.css); the inner .bm-chip keeps the same look. */
.bm-inner .bm-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--t, var(--bm-brand-tint));
    color: var(--bm-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.bm-inner .bm-chip--white {
    background: #fff;
    border-color: var(--bm-border);
}

/* Theme leftovers: .career-details-page puts a disc on every li; v2 lists opt in with .bm-prose/.bm-block. */
.bm-inner.career-details-page ul,
.bm-inner .career-details-page ul {
    margin-left: 0;
}

.bm-inner.career-details-page ul:not(.bm-prose ul):not(.bm-block ul) li,
.bm-inner .career-details-page ul:not(.bm-prose ul):not(.bm-block ul) li {
    list-style: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Theme grey text (style.css #666/#777) must not reach v2 pages. Each theme rule whose selector can
   match our markup is repeated under .bm-inner: plain text inherits the container colour
   (--bm-text), classed components get their own token back (the theme rule outranked them). */
.bm-inner.career-details-page.style-5 p:not([class]),
.bm-inner.career-details-page.style-5 ul li:not([class]),
.bm-inner.career-details-page.style-5 :is(dd, td, th, blockquote, figcaption):not([class]),
.bm-inner.services-details-page.style-5 .ser-details p:not([class]),
.bm-inner.comming-soon-page.style-5 .comming-soon .content .info p:not([class]) {
    color: inherit;
}

.bm-inner.services-details-page.style-5 .ser-details .bm-card__title {
    color: var(--bm-ink);
}

.bm-inner.services-details-page.style-5 .ser-details :is(.bm-card__meta, .bm-hint) {
    color: var(--bm-muted);
}

.bm-inner.services-details-page.style-5 .ser-details .wd-demo__note {
    color: var(--bm-text);
}

/* Flat FAQ accordion (same as the home page) wins over the inner card accordion. */
.bm-inner .bm-accordion .accordion-item {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--bm-border);
    border-radius: 0;
    background: transparent;
}

.bm-inner .bm-accordion .accordion-button,
.bm-inner .bm-accordion .accordion-button:not(.collapsed) {
    padding: 20px 0;
    background: transparent;
    box-shadow: none;
    font-size: 17px;
}

.bm-inner .bm-accordion .accordion-body {
    padding: 0 0 22px;
    background: transparent;
}


/* 22. Motion J3: inner pages (docs/design/motion-plan.md M9, M10 and page moments; kit in motion.css) ----
   Every entrance here is <= 600ms and plays once; start states live in the kit (html.js:not(.reduce-motion)). */

.bm-inner {
    --m-slow: 560ms;
    --m-base: 360ms;
}
/* M9 page head: crumb stays put, title lines rise out of the mask, lead / chips / meta follow (<= 500ms). */
.bm-page-head,
.bm-inner .bm-status {
    --m-slow: 380ms;
    --m-base: 300ms;
    --m-stagger: 60ms;
    --m-rise: 8px;
}
.bm-page-head .bm-chips {
    --m-slow: 220ms;
}
/* Line mask: sibling lines' negative margins collapse to the larger one, so the next line pulls up by both
   paddings; the split title keeps exactly the height of the plain one (no layout change). */
[data-motion="mask"] .m-line + .m-line {
    margin-top: -.22em;
}
.bm-inner .bm-we-cats {
    --m-pop: .9;
    --m-stagger: 40ms;
}
.bm-inner .bm-we-filter,
.bm-inner .wb-chips,
.bm-inner .bm-status .bm-chips {
    --m-pop: .8;
    --m-stagger: 50ms;
}
/* Paket seç: the featured plan lands 60ms after its slot. */
.bm-plan-grid > .bm-plan--featured {
    --m-delay: 60ms;
}

@media (prefers-reduced-motion: no-preference) {
    /* long grids: the stagger stops growing after the sixth card, so no card waits more than ~0.4s */
    html.js:not(.reduce-motion) .bm-inner [data-motion="stagger"] > * {
        --m-d: calc(var(--m-delay, 0ms) + min(var(--i, 0), 6) * var(--m-stagger));
    }
    html.js:not(.reduce-motion) .bm-inner [data-motion="draw"] :is(path, line, polyline, polygon, circle, ellipse, rect) {
        transition-duration: 520ms;
    }
    /* Sayılarla Biz: the domain rule on each tile draws in while the numbers count */
    html.js:not(.reduce-motion) .bm-inner [data-motion="count"] .bm-tile::before {
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform var(--m-slow) var(--m-ease) calc(120ms + var(--i, 0) * var(--m-stagger));
    }
    html.js:not(.reduce-motion) .bm-inner [data-motion="count"].is-inview .bm-tile::before {
        transform: none;
    }
    /* profile avatar pops in (scale .8 -> 1) */
    html.js:not(.reduce-motion) .bm-inner .wd-profile__avatar[data-motion="rise"] {
        transform: scale(.8);
        transition-duration: var(--m-base);
    }
    html.js:not(.reduce-motion) .bm-inner .wd-profile__avatar[data-motion="rise"].is-inview {
        transform: none;
    }
    /* Turkey map: the city label pops in on every hover (fill keeps its 120ms transition) */
    html:not(.reduce-motion) .bm-inner .bm-map .show-city-name--active {
        transform-origin: 0 0;
        animation: m-label-in 160ms var(--m-spring);
    }
}
@keyframes m-label-in {
    from { opacity: 0; transform: scale(.9); }
    to { opacity: 1; transform: none; }
}

/* M10 on inner pages: card rule turns to the card's colour (150ms spring); booklet covers lift 6px. */
.bm-inner .bm-card:hover {
    border-color: var(--c, var(--bm-brand));
}
.bm-wb .wb-dcard,
.bm-wb .wb-fcard,
.bm-wb .wb-scard,
.bm-wave-e .bm-we-product,
.bm-wave-e .bm-we-product .bm-we-cover img,
.bm-wave-e .bm-we-gallery__main {
    transition: border-color var(--m-fast) var(--m-spring);
}
.bm-wave-e .bm-we-product .bm-we-cover {
    transition: transform var(--m-fast) var(--m-spring);
}
.bm-wave-e .bm-we-product:hover .bm-we-cover {
    transform: translateY(-6px);
}
/* form fields answer focus with the brand rule in 150ms (outline / ring unchanged) */
.bm-inner .bm-input,
.bm-inner .bm-form-card .form-control,
.bm-inner .bm-form-card select {
    transition: border-color var(--m-fast) var(--m-spring), box-shadow var(--m-fast) var(--m-spring);
}
@media (prefers-reduced-motion: reduce) {
    .bm-wave-e .bm-we-product .bm-we-cover,
    .bm-inner .bm-input {
        transition: none;
    }
}
html.reduce-motion .bm-wave-e .bm-we-product .bm-we-cover {
    transition: none;
}