/* Renk tokenları: bicops-themes.css — burada layout / tipografi */
:root {
    --color-text: #ffffff;
    --color-text-soft: #f5f0ff;
    --radius-lg: 22px;
    --radius-full: 999px;
    --container-width: 1280px;
    --content-padding-x: 1.5rem;

    /* Sabit üst bar yüksekliği (içerik padding + beyaz ara çizgi önleme) */
    --app-header-offset: 4.35rem;

    /* Tipografi */
    --font-primary: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* Mor zeminli kart / ikonlu kutu gövde metni (tüm sayfalarda aynı) */
    --bicops-box-body-fw: 400;
    --bicops-box-body-fs: 1.05rem;
    --bicops-box-body-lh: 1.6;
    --bicops-box-body-ls: 0.02em;

    /* Header / footer BICOPS “BI” vurgusu — tema değişince değişmez */
    --bicops-logo-bi: #FFC107;

}

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

html {
    /* smooth sadece anchor/scrollTo için - native scroll ile çakışmasın */
    scroll-behavior: auto;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overscroll-behavior: none;
    overscroll-behavior-y: none;
    overflow-x: clip;
}

body {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    background: #ffffff;
    color: #3D2E5C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.01em;
    touch-action: manipulation;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button {
    font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
label {
    font-family: inherit;
}

/* Form, kod ve seçiciler: tarayıcı varsayılanı yerine site fontu (tek aile) */
input,
textarea,
select,
optgroup,
option,
code,
kbd,
pre,
samp {
    font-family: var(--font-primary);
}

/* Uygulama kabuğu */
.app-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-shell__inner {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--content-padding-x) 0;
}

/* Hero block (üstteki ana hero) */
.hero-block {
    background: var(--bicops-surface-bg);
    border-bottom-left-radius: 48% 14%;
    border-bottom-right-radius: 48% 14%;
    padding: 0 var(--content-padding-x) 3.4rem;
    margin: 0 calc(-50vw + 50%);
}

/* Padding’li app-shell ile vw tabanlı negatif margin mobil/tablette kaydırır */
@media (max-width: 1024px) {
    .hero-block,
    .hero-video-block {
        margin-left: calc(-1 * var(--content-padding-x));
        margin-right: calc(-1 * var(--content-padding-x));
    }
}

@media (max-width: 768px) {
    .hero-block {
        /* Status bar / çentik: mor hero tam ekranın altına taşmasın */
        padding-top: max(0.85rem, env(safe-area-inset-top, 0px));
        padding-inline: max(var(--content-padding-x), env(safe-area-inset-left, 0px))
            max(var(--content-padding-x), env(safe-area-inset-right, 0px));
        /* Son satır (tagline) kesilmesin; home indicator ile nefes payı */
        padding-bottom: max(4.25rem, calc(3rem + env(safe-area-inset-bottom, 0px)));
        border-bottom-left-radius: 55% 20%;
        border-bottom-right-radius: 55% 20%;
    }
}

/* Video section (altta) */
.video-section {
    max-width: var(--container-width);
    margin: 0 auto;
}

.video-section .content-block {
    margin-bottom: 2rem;
}

.video-section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0 0 0.4rem;
}

.video-section__subtitle {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 0;
    line-height: 1.55;
}

.video-section__videos {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
}

.video-section__player-wrap {
    max-width: 300px;
    flex: 0 0 auto;
}

.video-section__player-wrap .hero-video__phone-mockup {
    margin: 0 auto;
}

/* Eski hero-video (video section'da kullanılıyor: phone-mockup, placeholder) */
.hero-video-block {
    background: var(--bicops-surface-bg-video);
    padding: 3rem var(--content-padding-x) 4rem;
    margin: 0 calc(-50vw + 50%);
    border-bottom-left-radius: 48% 14%;
    border-bottom-right-radius: 48% 14%;
}

.hero-video {
    max-width: var(--container-width);
    margin: 0 auto;
    text-align: center;
}

.hero-video__title {
    font-family: var(--font-primary);
    font-size: clamp(2.2rem, 5vw, 3rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.35rem;
    letter-spacing: -0.02em;
}

.hero-video__subtitle {
    font-family: var(--font-primary);
    font-size: 1.15rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 2.5rem;
}

.hero-video__main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.hero-video__stores {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
}

.hero-video__download-label {
    font-family: var(--font-primary);
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
}

.hero-video__stores .store-badge {
    min-width: 160px;
    padding: 0.6rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(45, 27, 78, 0.9);
    color: #f5f0ff;
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.hero-video__stores .store-badge:hover {
    background: rgba(45, 27, 78, 0.95);
    filter: brightness(1.05);
}

.hero-video__player-wrap {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
}

.hero-video__phone-mockup {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 19;
    max-height: 480px;
    margin: 0 auto;
    border-radius: 36px;
    padding: 10px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.2),
        0 24px 48px rgba(0, 0, 0, 0.3);
}

.hero-video__video-area {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
    background: #1a1a2e;
}

.hero-video__iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 16px;
}

.video-section__player-wrap .hero-video__video-area {
    max-width: 340px;
    aspect-ratio: 9 / 16;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
}

.hero-video__placeholder {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hero-video__placeholder-preview {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, var(--bicops-primary) 0%, var(--bicops-primary-light) 50%, var(--bicops-primary-light) 100%);
    opacity: 0.6;
}

.hero-video__play-btn {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    transition: transform 0.2s ease, background 0.2s ease;
}

.hero-video__play-btn::after {
    content: "";
    margin-left: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 24px;
    border-color: transparent transparent transparent var(--bicops-primary);
}

.hero-video__placeholder:hover .hero-video__play-btn {
    transform: scale(1.08);
    background: var(--bicops-primary-dark);
}

@media (max-width: 768px) {
    .hero-video-block {
        padding: 2rem 1.25rem 3rem;
    }

    .hero-video__main {
        flex-direction: column;
    }

    .hero-video__stores {
        align-items: center;
    }
}

@media (max-width: 768px) {
    :root {
        --content-padding-x: 1.25rem;
    }

    .app-shell__inner {
        padding-inline: var(--content-padding-x);
    }
}

/* Üst bar / navigation (Helyum tarzı) */
.app-header {
    padding: 0.9rem var(--content-padding-x) 0.65rem;
    color: var(--color-text);
    background: var(--app-header-bg);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    border-bottom: none;
    box-shadow: none;
    box-sizing: border-box;
}

.app-shell__inner {
    padding-top: 0;
}

.app-header__inner {
    max-width: var(--container-width);
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.app-header__brand {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.app-header__logo {
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif;
    font-size: 1.96rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.1;
    font-synthesis: none;
}

.app-header__logo-bi {
    color: var(--bicops-logo-bi) !important;
    text-shadow:
        0 1px 8px rgba(255, 193, 7, 0.4),
        0 1px 2px rgba(0, 0, 0, 0.15);
}

.app-header__logo-cops {
    color: #ffffff;
    text-shadow: 0 1px 6px rgba(17, 24, 39, 0.2);
}

.top-nav {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    font-size: 1.05rem;
    min-width: 0;
}

.top-nav__menu {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.top-nav__link {
    color: #ffffff;
    opacity: 1;
    font-weight: 500;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.nav-dropdown__trigger {
    white-space: nowrap;
}

.top-nav__link:hover {
    opacity: 1;
}

/* BicoJET — yıldız rozeti yazının hemen yanında (üstte değil) */
.top-nav__bicojet-label {
    display: inline-flex;
    align-items: center;
    gap: 0.24em;
    white-space: nowrap;
}

.top-nav__bicojet-word {
    display: inline-block;
}

.top-nav__bicojet-star-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.05em;
    height: 1.05em;
    line-height: 0;
    transform: translateY(-0.26em) rotate(12deg);
    pointer-events: none;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 12px rgba(255, 215, 0, 0.65));
}

.top-nav__bicojet-star-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.top-nav__bicojet-star-svg path {
    fill: #ffd700;
    stroke: #a16207;
    stroke-width: 0.48;
}

.top-nav__bicojet-star-badge--mobile {
    width: 1.12em;
    height: 1.12em;
    transform: translateY(-0.26em) rotate(12deg);
}

.top-nav__cta {
    margin-left: 0.6rem;
    padding: 0.65rem 1.4rem;
    border-radius: 999px;
    border: none;
    background: var(--color-accent);
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 12px 30px var(--bicops-mix-shadow-35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.top-nav__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 36px var(--bicops-mix-shadow-45);
}

/* Masaüstü üst menü — tek flex satır, tüm diller aynı */
@media (min-width: 769px) {
    .app-header {
        padding-left: max(0.65rem, calc(var(--content-padding-x) - 0.5rem));
    }

    .app-header__brand {
        margin-left: -0.35rem;
    }

    .app-header__inner {
        gap: 1rem;
    }

    .top-nav {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0.85rem;
        font-size: 0.95rem;
    }

    .top-nav__menu {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: clamp(0.75rem, 1.5vw, 1.25rem);
        flex-wrap: nowrap;
    }

    .top-nav__menu-primary {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: clamp(0.45rem, 1vw, 0.85rem);
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    .top-nav__menu-primary::-webkit-scrollbar {
        display: none;
        height: 0;
        width: 0;
    }

    .top-nav__menu-secondary {
        display: flex;
        align-items: center;
        gap: 0.85rem;
        flex-shrink: 0;
    }

    .app-shell--lang-ru .top-nav,
    .app-shell--lang-ky .top-nav {
        font-size: 0.875rem;
        gap: 0.75rem;
    }

    .app-shell--lang-ru .top-nav__menu-primary,
    .app-shell--lang-ky .top-nav__menu-primary {
        gap: clamp(0.35rem, 0.85vw, 0.65rem);
    }

    .app-shell--lang-ru .top-nav__menu-secondary,
    .app-shell--lang-ky .top-nav__menu-secondary {
        gap: 0.65rem;
    }

    .app-shell--lang-ru .app-header__logo,
    .app-shell--lang-ky .app-header__logo {
        font-size: 1.72rem;
        letter-spacing: 0.06em;
    }

    .app-shell--lang-ru .top-nav__cta,
    .app-shell--lang-ky .top-nav__cta {
        padding: 0.5rem 0.9rem;
        font-size: 0.85rem;
    }

    .app-shell--lang-ru .lang-switcher--quad .lang-switcher__seg,
    .app-shell--lang-ky .lang-switcher--quad .lang-switcher__seg {
        padding: 0.28rem 0.38rem;
        font-size: 0.74rem;
    }

    .top-nav__link,
    .nav-dropdown__trigger,
    .top-nav__cta,
    .top-nav .nav-dropdown {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .top-nav__link,
    .nav-dropdown__trigger {
        display: inline-flex;
        align-items: center;
    }

    .top-nav .nav-dropdown__trigger {
        font-weight: 600;
        font-size: inherit;
    }

    .top-nav__bicojet-label {
        flex-shrink: 0;
    }

    .top-nav__cta {
        margin-left: 0;
        padding: 0.58rem 1.15rem;
        font-size: 0.92rem;
    }

    .top-nav > .lang-switcher {
        flex-shrink: 0;
    }

    .lang-switcher--quad .lang-switcher__seg {
        min-width: 0;
        padding: 0.3rem 0.44rem;
        font-size: 0.8rem;
    }

    /*
     * Fixed header altı: tam genişlik zemin (container padding yanlarında body #fff kalmasın).
     */
    .app-shell__inner::before {
        content: "";
        display: block;
        height: var(--app-header-offset);
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background: var(--app-header-bg);
        flex-shrink: 0;
        box-sizing: border-box;
    }
}

.lang-switcher {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
    gap: 0.25rem;
    padding: 0.22rem;
    border-radius: 999px;
    background: var(--bicops-mix-darker-50);
    border: none;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    overflow: hidden;
    font-size: 0;
}

/* TR/EN/RU/KY/TG: dış pill overflow + iç flex şerit (CSS grid hücre birleşimi WebKit’te bazen 1px açık çizer) */
.lang-switcher.lang-switcher--quad {
    display: inline-flex;
    align-items: stretch;
    padding: 0.18rem 0.22rem;
    border-radius: 999px;
    background: var(--bicops-primary-darker);
    box-shadow: none;
    border: none;
    overflow: hidden;
    font-size: 0;
}

.lang-switcher--quad__track {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border-radius: 999px;
}

.lang-switcher--quad .lang-switcher__seg {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0.32rem 0.52rem;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.2;
    font-synthesis: none;
    color: var(--color-text-soft);
    background: var(--bicops-primary-darker);
    border: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
}

.lang-switcher--quad .lang-switcher__seg:focus {
    outline: none;
}

.lang-switcher--quad .lang-switcher__seg:focus-visible {
    outline: 2px solid rgba(230, 230, 250, 0.9);
    outline-offset: 2px;
    z-index: 2;
}

.lang-switcher--quad .lang-switcher__seg--active {
    background: var(--bicops-primary-dark);
    color: #e6e6fa;
    font-weight: 500;
}

.lang-switcher__button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    line-height: 1.2;
    font-weight: 500;
    font-synthesis: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-soft);
    background: transparent;
    transition: background-color 0.17s ease, color 0.17s ease;
}

.lang-switcher__button--active {
    background: var(--bicops-primary-dark);
    color: #E6E6FA;
    font-weight: 500;
}

/* Header Özellikler dropdown */
.nav-dropdown {
    position: relative;
    flex-shrink: 0;
    z-index: 50;
}

.nav-dropdown__trigger {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.42rem;
    border-radius: 6px;
}

.nav-dropdown__icon {
    font-size: 0.85em;
    transition: transform 0.2s;
}

.nav-dropdown__menu--open .nav-dropdown__icon {
    transform: rotate(180deg);
}

.nav-dropdown__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.5rem;
    min-width: 220px;
    padding: 0.5rem 0;
    background: var(--bicops-primary-dark);
    border-radius: 12px;
    box-shadow: 0 10px 40px var(--bicops-mix-shadow-40);
    border: 1px solid var(--bicops-radial-video-b);
    z-index: 950;
}

.nav-dropdown__menu--open {
    display: flex;
    flex-direction: column;
}

.nav-dropdown__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.nav-dropdown__link:hover {
    background: var(--bicops-mix-light-20);
    color: #E6E6FA;
}

.nav-dropdown__link i {
    font-size: 1.1rem;
    color: var(--bicops-primary-soft);
    opacity: 0.9;
}

/* Footer Özellikler dropdown */
.footer-dropdown {
    position: relative;
}

.footer-dropdown__trigger {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    text-align: left;
    width: 100%;
}

.footer-dropdown__icon {
    font-size: 0.85em;
    transition: transform 0.2s;
}

.footer-dropdown__menu--open .footer-dropdown__icon {
    transform: rotate(180deg);
}

.footer-dropdown__menu {
    display: none;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.5rem;
    padding-left: 0.75rem;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.footer-dropdown__menu--open {
    display: flex;
}

.footer-dropdown__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    padding: 0.2rem 0;
    transition: color 0.15s;
}

.footer-dropdown__link i {
    font-size: 1.1em;
}

.footer-dropdown__link:hover {
    color: #ffffff;
}

/* Mobil header aksiyonları (dil dropdown + hamburger) - sadece mobilde görünür */
.mobile-header-actions {
    display: none;
    align-items: center;
    gap: 0.5rem;
}

.mobile-lang-dropdown {
    position: relative;
}

.mobile-lang-dropdown__trigger {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.85rem;
    border: none;
    background: var(--bicops-radial-video-b);
    border-radius: 10px;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.mobile-lang-dropdown__trigger:hover {
    background: rgba(255, 255, 255, 0.22);
}

.mobile-lang-dropdown__icon {
    font-size: 0.9em;
    transition: transform 0.2s;
}

.mobile-lang-dropdown:has(.mobile-lang-dropdown__menu--open) .mobile-lang-dropdown__icon {
    transform: rotate(180deg);
}

.mobile-lang-dropdown__menu {
    display: none;
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    min-width: 90px;
    padding: 0.35rem;
    background: var(--bicops-primary-dark);
    border-radius: 12px;
    box-shadow: 0 10px 40px var(--bicops-mix-shadow-40);
    border: 1px solid var(--bicops-radial-video-b);
    z-index: 100;
}

.mobile-lang-dropdown__menu--open {
    display: flex;
    flex-direction: column;
}

.mobile-lang-dropdown__item {
    padding: 0.55rem 1rem;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    text-align: left;
    transition: background 0.15s, color 0.15s;
}

.mobile-lang-dropdown__item:hover {
    background: var(--bicops-primary);
}

.mobile-lang-dropdown__item--active {
    background: var(--bicops-radial-video-b);
    color: #E6E6FA;
}

.mobile-lang-dropdown__backdrop {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Mobil menü tetikleyici (hamburger) */
.mobile-menu__trigger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background: var(--bicops-radial-video-b);
    border-radius: 12px;
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.mobile-menu__trigger:hover {
    background: rgba(255, 255, 255, 0.22);
}

/* Mobil menü overlay */
.mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.mobile-menu-overlay--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Mobil menü paneli (sağdan açılır) */
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: min(320px, 85vw);
    max-width: 320px;
    height: 100vh;
    background: var(--bicops-menu-bg);
    box-shadow: -8px 0 32px var(--bicops-menu-shadow);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    z-index: 1001;
    overflow: hidden;
}

.mobile-menu--open {
    transform: translateX(0);
}

.mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bicops-menu-border);
}

.mobile-menu__title {
    font-weight: 600;
    font-size: 1.1rem;
    color: #FAF8FC;
}

.mobile-menu__close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--bicops-menu-accent);
    border-radius: 10px;
    color: #E6E6FA;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background 0.2s;
}

.mobile-menu__close:hover {
    background: var(--bicops-menu-hover);
}

.mobile-menu__nav {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 0 max(1.25rem, env(safe-area-inset-bottom, 0px));
}

.mobile-menu__link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.35rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.42;
}

.mobile-menu__link:hover,
.mobile-menu__link:focus {
    background: var(--bicops-menu-hover);
    color: #ffffff;
}

.mobile-menu__link:hover i,
.mobile-menu__link:focus i {
    color: rgba(255, 255, 255, 0.9);
}

.mobile-menu__link--active {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.45);
}

.mobile-menu__link--active i {
    color: rgba(255, 255, 255, 0.92);
}

.mobile-menu__group {
    margin: 0;
}

.mobile-menu__group:not(:first-of-type) {
    margin-top: 1.35rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--bicops-menu-divider);
}

.mobile-menu__group-label {
    display: block;
    margin: 0 0 0.4rem;
    padding: 0.4rem 1.35rem 0.45rem;
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    line-height: 1.35;
    color: rgba(250, 248, 252, 0.62);
    background: transparent;
    border: none;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
}

.mobile-menu__group:not(:first-of-type) .mobile-menu__group-label {
    margin-top: 0;
}

.mobile-menu__link--sub {
    /* Tüm alt satırlar aynı grid: ikonsuzlarda 1. sütun ::before boş; Özellikler metni ile BicoPOS hizası tutar */
    padding-left: 1.35rem;
    padding-right: 1.35rem;
    font-size: 0.9275rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.84);
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    column-gap: 0.35rem;
    align-items: center;
}

.mobile-menu__link--sub:not(:has(> i))::before {
    content: "";
    grid-column: 1;
    grid-row: 1;
}

.mobile-menu__link--sub:has(> i)::before {
    content: none;
    display: none;
}

.mobile-menu__link--sub > i {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: center;
    margin: 0;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.68);
    opacity: 1;
    box-sizing: border-box;
}

.mobile-menu__link--sub > .mobile-menu__link-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.mobile-menu__rail-group {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0.08rem 0 0.4rem;
    margin-left: 1.05rem;
    padding: 0.15rem 0 0.1rem 0.7rem;
    border-left: 2px solid rgba(255, 255, 255, 0.22);
}

.mobile-menu__rail-group .mobile-menu__link--sub {
    padding-left: 0.55rem;
}

.mobile-menu .top-nav__bicojet-star-badge {
    width: 0.92em;
    height: 0.92em;
    transform: translateY(-0.16em) rotate(10deg);
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22));
}

.mobile-menu .top-nav__bicojet-star-svg path {
    fill: #dfbd55;
    stroke: #7a6220;
    stroke-width: 0.4;
}

.mobile-menu__link--external {
    align-items: flex-start;
}

.mobile-menu__link--external.mobile-menu__link--sub {
    align-items: start;
}

.mobile-menu__link--external > i {
    margin-top: 0.12rem;
    align-self: start;
}

.mobile-menu__footer {
    padding: 1rem 1.25rem max(1.5rem, env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--bicops-menu-border);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mobile-menu__theme {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.mobile-menu__theme-intro {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.mobile-menu__theme-icon {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.15rem;
}

.mobile-menu__theme-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.mobile-menu__theme-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #faf8fc;
    line-height: 1.3;
}

.mobile-menu__theme-subtitle {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(250, 248, 252, 0.68);
    line-height: 1.35;
}

.mobile-menu__theme-swatches {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 0.15rem;
}

.mobile-menu__theme-swatch {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mobile-menu__theme-swatch:hover {
    transform: scale(1.06);
}

.mobile-menu__theme-swatch--purple {
    background: linear-gradient(145deg, #6f42c1 0%, #8b5cf6 100%);
}

.mobile-menu__theme-swatch--navy {
    background: #12195B;
}

.mobile-menu__theme-swatch--teal {
    background: #139175;
}

.mobile-menu__theme-swatch--lavender {
    background: #8A24A5;
    color: #5C1870;
}

.mobile-menu__theme-swatch--selected {
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px currentColor,
        0 2px 10px rgba(0, 0, 0, 0.22);
}

.mobile-menu__theme-swatch--purple.mobile-menu__theme-swatch--selected {
    color: #6f42c1;
}

.mobile-menu__theme-swatch--navy.mobile-menu__theme-swatch--selected {
    color: #12195B;
}

.mobile-menu__theme-swatch--teal.mobile-menu__theme-swatch--selected {
    color: #139175;
}

.mobile-menu__theme-swatch--lavender.mobile-menu__theme-swatch--selected {
    color: var(--bicops-primary-soft);
}

.mobile-menu__lang {
    display: flex;
    gap: 0.25rem;
    padding: 0.25rem;
    background: var(--bicops-primary);
    border-radius: 999px;
}

.mobile-menu__lang-btn {
    flex: 1;
    padding: 0.4rem 0.75rem;
    border: none;
    background: transparent;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.mobile-menu__lang-btn--active {
    background: var(--bicops-primary);
    color: #E6E6FA;
    box-shadow: 0 1px 3px var(--bicops-mix-shadow-30);
}

.mobile-menu__cta {
    width: 100%;
    padding: 0.85rem 1.25rem;
    border: none;
    border-radius: 12px;
    background: var(--bicops-menu-accent);
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 14px var(--bicops-menu-cta-shadow);
    transition: transform 0.2s, box-shadow 0.2s;
}

.mobile-menu__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px var(--bicops-menu-cta-shadow);
}

@media (max-width: 768px) {
    .app-header {
        padding-inline: var(--content-padding-x);
        position: static;
    }

    .app-shell__inner::before {
        display: none;
        height: 0;
        content: none;
    }

    .app-header__logo {
        font-size: 2.2rem;
        line-height: 1;
        position: relative;
        left: -10px;
    }

    .mobile-header-actions {
        display: flex;
    }

    .mobile-menu__trigger {
        display: flex;
    }

    .top-nav {
        display: none;
    }
}

/* Ana içerik */
.app-main {
    flex: 1;
    min-width: 0;
    max-width: 100%;
}

/* HERO bölümü - Helyum ekranı */
.hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 3.5rem;
    align-items: center;
    padding: 3.2rem 0 3.4rem;
    max-width: var(--container-width);
    margin: 0 auto;
}

.hero__content {
    max-width: 520px;
    color: #ffffff;
}

.hero__title-main {
    font-family: var(--font-primary);
    font-size: clamp(2.6rem, 4vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 0.4rem;
    opacity: 0;
    transform: translateY(-24px);
    animation: hero-title-slide 700ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    color: #ffffff;
    outline: none;
    box-shadow: none;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #F5F0FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero__title-main:focus,
.hero__title-main:focus-visible {
    outline: none;
    box-shadow: none;
}

@supports not (background-clip: text) {
    .hero__title-main {
        color: #ffffff;
        background: none;
        -webkit-text-fill-color: #ffffff;
    }
}

.hero__subtitle-main {
    font-family: var(--font-primary);
    font-size: 1.35rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 0.6rem;
    opacity: 0;
    transform: translateY(-18px);
    animation: hero-subtitle-slide 800ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 120ms;
    letter-spacing: -0.01em;
}

.hero__subtitle-secondary {
    font-size: 1.05rem;
    color: #ffffff;
    margin: 0 0 1.4rem;
    opacity: 0;
    transform: translateY(-12px);
    animation: hero-subtitle-secondary-slide 850ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 220ms;
}

/* Hero slider — Ana mesajlar (Bicops, tagline, açıklama) */
.hero-ai-slider {
    min-height: 3.6em;
    margin: 0 0 1.2rem;
    display: flex;
    align-items: center;
    position: relative;
}

.hero-ai-slider--hero {
    min-height: 6.5em;
    margin: 0 0 1.5rem;
}

.hero-ai-slider--static {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.hero-ai-slider__item {
    font-size: 1.05rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    padding: 0.5rem 0;
    line-height: 1.5;
    letter-spacing: -0.01em;
    animation: hero-ai-slide-in 800ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.hero-ai-slider__item--title {
    font-family: var(--font-primary);
    font-size: clamp(2.6rem, 4vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #F5F0FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@supports not (background-clip: text) {
    .hero-ai-slider__item--title {
        color: #ffffff;
        background: none;
        -webkit-text-fill-color: #ffffff;
    }
}

.hero-ai-slider__item--sub {
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    font-weight: 600;
    color: #ffffff;
    line-height: 1.5;
}

@keyframes hero-ai-slide-in {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.hero__brand-title {
    font-family: var(--font-primary);
    font-size: clamp(2.8rem, 5vw, 3.6rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin: 0 0 0.5rem;
    line-height: 1.1;
    opacity: 0;
    transform: translateY(-10px);
    animation: hero-title-slide 700ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
}

/* Ana sayfa marka satırı: header ile aynı BI + COPS; hafif glow */
.bicops-home .hero__brand-title--logo {
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif;
    font-size: clamp(2.95rem, 6vw, 3.85rem);
    font-weight: 600 !important;
    letter-spacing: 0.07em;
    line-height: 1.06;
    position: relative;
    z-index: 0;
    font-synthesis: none;
}

.bicops-home .hero__brand-title-visual {
    position: relative;
    z-index: 1;
}

.bicops-home .hero__brand-title--logo::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -0.42em -0.55em -0.28em;
    background:
        radial-gradient(ellipse 85% 80% at 50% 45%, rgba(255, 255, 255, 0.11) 0%, transparent 65%),
        radial-gradient(ellipse 70% 60% at 18% 50%, rgba(16, 196, 143, 0.12) 0%, transparent 55%);
    border-radius: 1rem;
    pointer-events: none;
}

.hero__brand-title-bi {
    color: #10c48f;
    text-shadow:
        0 1px 8px rgba(16, 196, 143, 0.35),
        0 1px 2px rgba(0, 0, 0, 0.2);
}

.hero__brand-title-cops {
    color: #ffffff;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
}

@media (min-width: 901px) {
    /* Web (geniş layout): BI + COPS tek beyaz; yeşil vurguyu mobilde koru */
    .bicops-home .hero__brand-title-bi {
        color: #ffffff;
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
    }

    .bicops-home .hero__brand-title--logo {
        text-align: left;
    }

    .bicops-home .hero__brand-title--logo::before {
        transform: translateX(-2%);
        max-width: 11rem;
        background:
            radial-gradient(ellipse 85% 80% at 50% 45%, rgba(255, 255, 255, 0.11) 0%, transparent 65%),
            radial-gradient(ellipse 70% 60% at 18% 50%, rgba(255, 255, 255, 0.07) 0%, transparent 55%);
    }
}

.hero__app-desc {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    font-weight: 500;
    color: #ffffff;
    margin: 0.6rem 0 0.3rem;
    letter-spacing: 0.01em;
    line-height: 1.45;
    opacity: 0;
    transform: translateY(8px);
    animation: hero-subtitle-secondary-slide 850ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 140ms;
}

.hero__tagline {
    font-size: clamp(0.95rem, 1.4vw, 1.08rem);
    font-weight: 500;
    color: #ffffff;
    line-height: 1.6;
    margin: 0 0 1.25rem;
    max-width: 42ch;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translateY(8px);
    animation: hero-subtitle-secondary-slide 850ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 200ms;
}

























.hero__download-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.92);
    margin-bottom: 0.6rem;
    opacity: 0;
    transform: translateY(-10px);
    animation: hero-subtitle-secondary-slide 850ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 260ms;
}

.store-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    opacity: 0;
    transform: translateY(-10px);
    animation: hero-subtitle-secondary-slide 850ms cubic-bezier(0.21, 0.8, 0.45, 1) forwards;
    animation-delay: 340ms;
}

.store-badge {
    min-width: 150px;
    padding: 0.55rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.25);
    background: #FAF8FC;
    color: var(--bicops-primary-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.store-badge__icon {
    font-size: 1.35rem;
    flex-shrink: 0;
}

.store-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.store-badge--google {
    background: #FAF8FC;
}

.hero-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.hero-visual__img {
    width: 100%;
    max-width: 780px;
    max-height: 680px;
    height: auto;
    object-fit: contain;
}

.hero-visual__img--single {
    object-position: top center;
    max-width: min(720px, 92vw);
}

.hero-visual--duo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.home-hero-duo {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(1.25rem, 5vw, 2.25rem);
    width: 100%;
    max-width: min(340px, 90vw);
    margin-inline: auto;
    padding: 0.2rem 0 0.35rem;
}

.home-hero-duo__phone {
    flex: 0 0 auto;
    margin: 0;
    line-height: 0;
    width: min(148px, 42vw);
    max-width: 148px;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.3));
}

/* Yan yana, üstleri ortaya — birbirine dönük, temas yok */
.home-hero-duo__phone--login {
    transform: rotate(10deg);
    transform-origin: 50% 100%;
}

.home-hero-duo__phone--home {
    transform: rotate(-10deg);
    transform-origin: 50% 100%;
}

/* iPhone 16 Pro — titanyum çerçeve, cam yansıma */
.home-hero-mockup-device {
    position: relative;
    display: block;
    width: 100%;
    max-width: 152px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.3rem 0.14rem 0.36rem;
    border-radius: 1.42rem;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
    background:
        radial-gradient(130% 58% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, transparent 52%),
        linear-gradient(
            268deg,
            #0e0e11 0%,
            #3a3a42 4%,
            #252528 10%,
            #1a1a1e 48%,
            #141416 52%,
            #222226 90%,
            #35353c 96%,
            #0e0e11 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -2px 6px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(0, 0, 0, 0.65),
        0 4px 12px rgba(0, 0, 0, 0.35),
        0 18px 36px rgba(0, 0, 0, 0.28),
        0 36px 64px rgba(0, 0, 0, 0.14);
}

.home-hero-mockup-device::before {
    content: "";
    position: absolute;
    top: 0.44rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(38%, 2.65rem);
    height: 0.38rem;
    min-height: 5px;
    border-radius: 999px;
    background: linear-gradient(180deg, #2a2a2e 0%, #0a0a0c 58%, #050506 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 5px rgba(0, 0, 0, 0.6);
    z-index: 5;
    pointer-events: none;
}

.home-hero-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(32%, 1.65rem);
    height: 0.1rem;
    min-height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.45);
    z-index: 5;
    pointer-events: none;
}

.home-hero-mockup-device__screen {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: 0.95rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 0 0 2px rgba(0, 0, 0, 0.42);
}

.home-hero-mockup-device__screen::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        128deg,
        rgba(255, 255, 255, 0.26) 0%,
        rgba(255, 255, 255, 0.06) 22%,
        transparent 48%,
        transparent 72%,
        rgba(255, 255, 255, 0.05) 100%
    );
}

.home-hero-mockup-device__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    object-position: top center;
    vertical-align: top;
}

@media (min-width: 901px) {
    .home-hero-duo {
        max-width: min(360px, 34vw);
        gap: clamp(1.5rem, 2.5vw, 2.35rem);
    }

    .home-hero-duo__phone {
        width: 152px;
        max-width: 152px;
    }

    .home-hero-mockup-device {
        max-width: 152px;
    }
}

@media (max-width: 900px) {
    .bicops-home .hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-hero-duo {
        max-width: min(320px, 84vw);
        gap: clamp(1rem, 5vw, 1.65rem);
    }

    .home-hero-duo__phone {
        width: min(136px, 40vw);
        max-width: 136px;
    }

    .home-hero-mockup-device {
        max-width: 136px;
    }

    .home-hero-duo__phone--login {
        transform: rotate(8deg);
    }

    .home-hero-duo__phone--home {
        transform: rotate(-8deg);
    }
}

@media (max-width: 640px) {
    .home-hero-duo {
        max-width: min(300px, 92vw);
        gap: clamp(0.85rem, 4vw, 1.25rem);
    }

    .home-hero-duo__phone {
        width: min(122px, 44vw);
        max-width: 122px;
    }

    .home-hero-mockup-device {
        max-width: 122px;
        padding: 0.26rem 0.12rem 0.32rem;
        border-radius: 1.28rem;
    }

    .home-hero-duo__phone--login {
        transform: rotate(7deg);
    }

    .home-hero-duo__phone--home {
        transform: rotate(-7deg);
    }
}

@keyframes hero-title-slide {
    0% {
        opacity: 0;
        transform: translateY(-24px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hero-subtitle-slide {
    0% {
        opacity: 0;
        transform: translateY(-18px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hero-subtitle-secondary-slide {
    0% {
        opacity: 0;
        transform: translateY(-12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    .hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
    }

    .hero-visual__img {
        max-width: 560px;
        max-height: 520px;
    }
}

@media (max-width: 640px) {
    .hero {
        padding-top: 2rem;
    }

    .hero-visual__img {
        max-width: 440px;
        max-height: 460px;
    }
}

/* Bölüm başlıkları ve gridler - Mor / Beyaz dönüşümlü */
.section {
    margin-top: 0;
    padding: 3rem var(--content-padding-x);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.section--first {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.section--white {
    background: var(--bicops-surface-bg);
    color: #ffffff;
}

.section--purple {
    background: var(--bicops-surface-bg);
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sayfa hero: header ile aynı koyu gradient + opak başlıklar */
.content-page .section--purple.section--first {
    background: var(--bicops-surface-bg-hero);
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    padding-bottom: 3rem;
}

.content-page .section--purple.section--first .feat-row__title,
.content-page .section--purple.section--first .feat-row__subtitle,
.content-page .section--purple.section--first .b2b-block__title,
.content-page .section--purple.section--first .b2b-block__summary,
.content-page .section--purple.section--first .b2c-block__title,
.content-page .section--purple.section--first .b2c-block__summary,
.content-page .section--purple.section--first .section__title,
.content-page .section--purple.section--first .section__header-title,
.content-page .section--purple.section--first .home-overview__subtitle {
    color: #ffffff !important;
}

.content-page .section--purple.section--first .feat-row__content {
    border-left-color: rgba(255, 255, 255, 0.35);
}

.content-page .section--purple.section--first .feat-row__subtitle--intro {
    opacity: 1;
    color: rgba(255, 255, 255, 0.95);
}

/* B2C bireysel kart: site temasına uyumlu */
.content-page .section--purple.section--first .b2c-bireysel-card {
    background: var(--card-bg) !important;
}

.content-page .section--purple.section--first .b2c-bireysel-card__title,
.content-page .section--purple.section--first .b2c-bireysel-card__body {
    color: #2D1B4E !important;
}

.content-page .section--purple.section--first .b2c-bireysel-card__body {
    color: #3D2E5C !important;
}

/* section--white sayfalar (Ekstra, Guncellemeler, vb.) için de aynı koyu header */
.content-page .section--white.section--first {
    background: var(--bicops-surface-bg-hero);
    color: #ffffff;
}

.content-page .section--white.section--first .section__title,
.content-page .section--white.section--first .section__subtitle,
.content-page .section--white.section--first .home-overview__subtitle,
.content-page .section--white.section--first .feat-row__title,
.content-page .section--white.section--first .feat-row__subtitle,
.content-page .section--white.section--first .gallery-section__title {
    color: #ffffff !important;
}

.section--first {
    margin-top: -1rem;
    border-radius: 32px 32px 0 0;
    box-shadow: 0 -12px 40px var(--bicops-mix-primary-12);
}

@media (max-width: 1024px) {
    /*
     * İç sayfa .section: viewport’a tam otur (shell + inner padding üstünden).
     * calc(100% + 4×padding) bazen kırpma/yuvarlamayla sağda boşluk bırakıyordu.
     * 100vw + (50% − 50vw) içerik genişliğinden bağımsız hizalar; clip kullanma.
     */
    .section {
        margin-left: calc(-1 * var(--content-padding-x));
        margin-right: calc(-1 * var(--content-padding-x));
    }

    .content-page__inner > .section {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: 0;
        box-sizing: border-box;
    }

    /* Mor/beyaz hero satırı: 1280px sınırı mobilde ortada dar “adacık” + sağda boşluk hissi */
    .content-page__inner > .section > .feat-row {
        max-width: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .feat-row__img--single-device:not(.feat-row__img--shrunk) {
        max-width: min(440px, 100%);
    }

    .bicops-intro {
        min-width: 0;
    }

    .bicops-intro__subbody,
    .home-overview-card__body,
    .feat-block__body {
        overflow-wrap: break-word;
    }

    /*
     * Ana sayfa (/): vw tabanlı breakout scrollbar ile çakışıyordu; bunun yerine kabuğun yatay padding'ini
     * .bicops-home üzerinde dengeleyip tam genişlik mor zemin (yanlarda beyaz şerit kalmasın).
     * Alt elemanlara margin: 0 — çift negatif margin oluşmasın.
     */
    .bicops-home {
        margin-left: calc(-1 * var(--content-padding-x));
        margin-right: calc(-1 * var(--content-padding-x));
        width: calc(100% + 2 * var(--content-padding-x));
        max-width: none;
        box-sizing: border-box;
    }

    .bicops-home .hero-block,
    .bicops-home > section.section {
        margin-left: 0;
        margin-right: 0;
    }

    .bicops-home > section.section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .section--purple.section--first .home-overview--discover,
    .section--purple.section--first .home-overview--discover .home-overview__grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .section--purple.section--first .home-overview--discover .home-overview__grid {
        justify-items: stretch;
    }

    .section--purple.section--first .home-overview--discover a.home-overview-card {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        justify-self: stretch;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 2rem var(--content-padding-x);
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* iOS çentik / home indicator: yatay içerik güvenli alan */
    .bicops-home > section.section {
        padding-left: max(var(--content-padding-x), env(safe-area-inset-left, 0px));
        padding-right: max(var(--content-padding-x), env(safe-area-inset-right, 0px));
    }

    .section--first {
        border-radius: 24px 24px 0 0;
        margin-top: -0.5rem;
    }

    .section .home-overview {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Bicops nedir bölümü (Helyum “Her gün ücretsiz ödüller” tarzı) */
/* Ortak metin bloğu stili - tüm bölümlerde tutarlı */
.content-block {
    padding-left: 1.5rem;
    padding-top: 0.5rem;
    max-width: 540px;
    border-left: 3px solid var(--bicops-mix-light-35);
}

.content-block--light {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.content-block--centered {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.content-block--on-purple {
    border-left-color: rgba(255, 255, 255, 0.35);
}

@media (max-width: 768px) {

    .content-block,
    .content-block--centered {
        padding-left: 0;
        border-left: none;
    }

    .summary-block {
        border-left: none;
    }
}

/* Uygulama özellikleri - 2 bölüm (telefon görselli) */
.feat-row {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 2rem;
    align-items: center;
    max-width: var(--container-width);
    margin: 0 auto;
}

.feat-row--white {
    grid-template-columns: 1fr auto;
}

.feat-row--white .feat-row__content--first {
    grid-column: 1;
}

.feat-row--white .feat-row__visual--right {
    grid-column: 2;
}

.feat-row__visual {
    position: relative;
    min-height: 280px;
    max-width: 520px;
}

.feat-row__shape {
    position: absolute;
    inset: 15% -15% 0 0;
    border-radius: 32px;
    background: transparent !important;
}

.feat-row__shape--accent {
    background: transparent !important;
}

.feat-row__shape--glow {
    inset: 5% 5% 5% 5%;
    background: transparent !important;
}

.feat-row__img-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: transparent !important;
}

.feat-row__img {
    width: 100%;
    max-width: 460px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 16px 32px color-mix(in srgb, var(--bicops-primary) 25%, transparent));
}

.feat-row__img-wrap--field-payment {
    transform: rotate(2.5deg);
}

/* Üründen Siparişe: ürün görseli sağa yasla */
.feat-row__img-wrap--align-right {
    justify-content: flex-end;
}

/* Ustam: geniş atölye / uygulama kahraman görseli */
.feat-row__img-wrap--ustam-hero {
    padding: 0.5rem 0 0.5rem 0.5rem;
}

.ustam-page .feat-row__img--ustam-hero {
    width: 100%;
    max-width: min(600px, 46vw);
    max-height: min(380px, 52vh);
    height: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 20px;
    filter: drop-shadow(0 20px 48px rgba(24, 12, 48, 0.45));
}

@media (max-width: 1024px) {
    .feat-row__img-wrap--ustam-hero {
        padding: 0.75rem 0 0;
    }

    .ustam-page .feat-row__img--ustam-hero {
        max-width: min(520px, 92vw);
        max-height: none;
    }
}

@media (max-width: 768px) {
    /* BicoPOS / B2B ile aynı sayfa kahramanı: özel küçük padding-top YOK; yatay safe-area BicoPOS ile aynı.
       Ustam’da hero-split display:contents → kicker/rest/alt metin ayrı grid satırları; tek row-gap (1.35) yerine
       iç satırlar sıkı + gövde→görsel arası BicoPOS’taki tek row-gap’e denk margin (diğer sayfalarla orantı). */
    .ustam-page .section--purple.section--first {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }

    .ustam-page .section--purple.section--first .feat-row {
        row-gap: 0.5rem;
        align-items: start;
    }

    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-bottom: 0.85rem; /* row-gap + bu ≈ 1.35rem: metin bloğu → görsel, BicoPOS kahramanı gibi */
    }

    .ustam-page .section--purple.section--first .feat-row__visual {
        width: 100%;
        margin: 0 auto;
        min-height: 0;
    }

    .ustam-page .feat-row__img-wrap--ustam-hero {
        width: 100%;
        padding: 0;
    }

    .ustam-page .feat-row__img--ustam-hero {
        display: block;
        width: 92%;
        max-width: min(440px, 96vw);
        height: auto;
        margin: 0 auto 1.25rem;
    }
}

.feat-row__img-wrap--field-payment .feat-row__img {
    filter: drop-shadow(0 16px 32px color-mix(in srgb, var(--bicops-primary) 25%, transparent));
}

.feat-row__phone {
    position: relative;
    width: 200px;
    height: 400px;
    border-radius: 34px;
    background: linear-gradient(145deg, var(--bicops-primary-dark) 0%, var(--bicops-primary) 40%, var(--bicops-primary-dark) 100%);
    box-shadow: 0 28px 50px rgba(15, 23, 42, 0.5);
    overflow: hidden;
    margin-left: 1.2rem;
}

.feat-row__phone--right {
    margin-left: 0;
    margin-right: 1.2rem;
}

.feat-row__phone-screen {
    position: absolute;
    inset: 12px;
    border-radius: 26px;
    background: linear-gradient(145deg, var(--bicops-primary), var(--bicops-primary-light));
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.feat-row__phone-screen--light {
    background: #FAF8FC;
}

.feat-row__phone-bar {
    height: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.4);
}

.feat-row__phone-bar--dark {
    background: var(--bicops-primary);
}

.feat-row__phone-pill {
    height: 28px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
}

.feat-row__phone-pill--primary,
.feat-row__phone-pill--accent {
    background: linear-gradient(90deg, var(--bicops-primary-soft), var(--bicops-primary-light));
}

.feat-row__phone-pill--dark {
    background: var(--bicops-primary);
}

.feat-row__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1.5rem;
    padding-top: 0.5rem;
    border-left: 3px solid rgba(255, 255, 255, 0.2);
    max-width: 540px;
}

.feat-row__content--first {
    border-left-color: color-mix(in srgb, var(--bicops-primary-light) 40%, transparent);
}

.feat-row--white .feat-row__content--first {
    padding-left: 1.75rem;
}

.feat-row__title {
    font-family: var(--font-primary);
    font-size: clamp(1.3rem, 2.5vw, 1.5rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.28;
    color: #3D2E5C;
    margin: 0;
}

.feat-row__title--dark {
    color: #ffffff;
}

.feat-row__eyebrow {
    font-family: var(--font-primary);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bicops-primary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.25rem;
}

.feat-row__subtitle {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--bicops-text-muted);
    margin: 0;
}

.feat-row__subtitle--dark {
    color: var(--bicops-text-muted);
}

.feat-row__blocks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    margin-top: 0.5rem;
    align-items: stretch;
}

/* Garaj, Adres, Cari, Sahada Ödeme — content-page--feat-detail içindeki kartlar */
.content-page--feat-detail .feat-row__blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

.content-page--feat-detail .feat-row__blocks .feat-block {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 1.1rem 1.2rem;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20) !important;
    border-radius: 20px;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.content-page--feat-detail .feat-row__blocks .feat-block:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent) !important;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--bicops-primary) 25%, transparent) !important;
}

/* Lavanta alanlarda feat-detail ikonları kaldır */
.content-page--feat-detail .feat-block__icon {
    display: none !important;
}

/* Özellikler sayfası — feat-row--purple içindeki kartlar (BicoPOS hariç) */
.feat-row--purple .feat-row__blocks:not(.feat-row__blocks--BicoPOS) .feat-block {
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20) !important;
    border-radius: 20px;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
}

.feat-row--purple .feat-row__blocks:not(.feat-row__blocks--BicoPOS) .feat-block:hover {
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent) !important;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--bicops-primary) 25%, transparent) !important;
}

/* Özellikler sayfasında ikonları gizle (feat-block--compact ile) */
.feat-row--purple .feat-row__blocks:not(.feat-row__blocks--BicoPOS) .feat-block__icon {
    display: none !important;
}

.benefit-card__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bicops-radial-video-b) !important;
    color: #ffffff !important;
    border-radius: 12px;
    font-size: 1.5rem;
}

.content-page--feat-detail .feat-block__header {
    margin-bottom: 0.6rem;
    min-height: auto;
}

.content-page--feat-detail .feat-block__title {
    font-size: 1rem;
    font-weight: 700;
    color: #3D2E5C !important;
}

.content-page--feat-detail .feat-block__list,
.content-page--feat-detail .feat-block__list li {
    color: var(--bicops-text-muted) !important;
    overflow: visible;
    font-size: 1rem;
    line-height: 1.65;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.content-page--feat-detail .feat-block__list li {
    margin-bottom: 0.3rem;
}

.content-page--feat-detail .feat-block__group {
    flex: 0 1 auto;
    min-height: 0;
    margin-bottom: 0.5rem;
}

/* Her kartta en fazla 3 madde */
.content-page--feat-detail .feat-block__list li:nth-child(n+4) {
    display: none;
}

.feat-row__blocks--dark {
    gap: 1.1rem;
}

/* B2B/B2C: tek veya çift sütun — içerik sayısına göre uyum */
.b2b-block .feat-row__blocks--dark,
.b2c-block .feat-row__blocks--dark {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    margin-bottom: 1.75rem;
}

.feat-row__blocks--dark .feat-block {
    background: linear-gradient(145deg, #ffffff 0%, #F5F0FF 100%);
    border: 1px solid var(--bicops-radial-video-b);
    border-left: 4px solid var(--bicops-primary-light);
    box-shadow: 0 4px 16px var(--bicops-accent-soft);
    padding: 1.1rem 1.2rem;
    min-width: 0;
    overflow-wrap: break-word;
}

@media (min-width: 769px) {
    .feat-row__blocks--dark .feat-block {
        min-height: 200px;
    }
}

@media (max-width: 768px) {
    .feat-row__blocks--dark .feat-block {
        min-height: 0;
    }
}

.feat-row__blocks--dark .feat-block--compact .feat-block__header {
    margin-bottom: 0.6rem;
    min-height: 36px;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__title {
    font-size: 1rem;
    font-weight: 700;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__group {
    margin-bottom: 0.7rem;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__group:last-child {
    margin-bottom: 0;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__group-title {
    margin-bottom: 0.4rem;
    font-size: 0.92rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__list {
    line-height: 1.65;
    font-size: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-row__blocks--dark .feat-block--compact .feat-block__list li {
    margin-bottom: 0.3rem;
}

.feat-row__blocks--dark .feat-block:hover {
    box-shadow: 0 6px 20px color-mix(in srgb, var(--bicops-primary) 25%, transparent);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 40%, transparent);
}

.feat-block--dark .feat-block__title {
    color: #3D2E5C;
    font-size: 1rem;
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block--dark .feat-block__group-title {
    color: var(--bicops-text-muted);
    font-size: 0.92rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block--dark .feat-block__body {
    color: var(--bicops-text-muted);
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block--dark .feat-block__list,
.feat-block--dark .feat-block__list li {
    color: var(--bicops-text-muted);
    font-size: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block__icon--dark {
    background: var(--bicops-mix-light-20) !important;
    color: var(--bicops-primary) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--bicops-primary) 35%, transparent);
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.feat-block--dark .feat-block__icon--dark {
    background: var(--bicops-mix-light-20) !important;
}

.feat-block--dark .feat-block__icon--dark i,
.feat-block__icon--dark i {
    color: var(--bicops-primary) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased;
    opacity: 1 !important;
}

@media (max-width: 1024px) {
    .feat-row {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 2rem;
    }

    /* B2B/B2C mor hero: önce başlık, görsel altta */
    .feat-row--purple .feat-row__content--BicoPOS-hero {
        order: -1;
    }

    /* B2B (/b2b): yığılmış kahramanda görsel üstte, metin altta */
    .b2b-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* B2C (/b2c): yığılmış kahramanda görsel üstte, metin altta */
    .b2c-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* Garaj (/garaj): yığılmış kahramanda görsel üstte, metin altta (B2C ile aynı) */
    .garaj-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* BicoPOS (/BicoPOS): yığılmış kahramanda görsel üstte, metin altta */
    .bicopos-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* BicoUsta (≤1024): görsel üstte, metin tek grid hücresinde (rail ≥769px; diğer ürün sayfalarıyla aynı sarmalayıcı) */
    .ustam-page .section--purple.section--first .feat-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "ustam-visual"
            "ustam-text";
        row-gap: 1.35rem;
        align-items: center;
        justify-items: center;
        text-align: center;
    }

    .ustam-page .section--purple.section--first .feat-row__visual {
        grid-area: ustam-visual;
        margin: 0 auto;
        max-width: 100%;
    }

    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        display: block;
        grid-area: ustam-text;
        width: 100%;
        max-width: min(34rem, 92vw);
        margin-inline: auto;
        text-align: center;
    }

    /* BicoJET (/bicojet): yığılmış kahramanda görsel üstte, metin altta */
    .bicojet-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* Adres (/adres): yığılmış kahramanda görsel üstte, metin altta */
    .adres-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* Cari Haritası (/cari-haritasi): yığılmış kahramanda görsel üstte, metin altta */
    .cari-haritasi-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    /* Sahada Ödeme (/sahada-odeme): yığılmış kahramanda görsel üstte, metin altta */
    .sahada-odeme-page .section--purple.section--first .feat-row__visual {
        order: -1;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    .feat-row--white .feat-row__content--first,
    .feat-row--white .feat-row__visual--right {
        grid-column: 1;
    }

    .feat-row__content {
        padding-left: 0;
        border-left: none;
        max-width: none;
    }

    .feat-row__visual {
        margin: 0 auto;
        max-width: 100%;
        min-width: 0;
    }

    .feat-row__phone {
        margin-left: auto;
        margin-right: auto;
    }

    .feat-row__phone--right {
        margin: 0 auto;
    }

    .feat-row__img {
        max-width: 400px;
    }

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

    /* Adres (/adres): yığılmış kahramanda başlık + alt başlık yatayda ortalı */
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
    }

    /* B2B — yığılmış: metin bloğu genişlik + orta hizalama (kicker stilleri genel B2B kahraman bloğunda) */
    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
        margin-top: 0.3rem;
        margin-inline: auto;
        max-width: min(34rem, 92vw);
        padding: 0 clamp(0.5rem, 2.5vw, 1rem);
    }

    .b2b-page .section--purple.section--first .feat-row__title--hero-split {
        align-items: center;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-inline: auto;
        max-width: 36ch;
    }

    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
        margin-top: 0.3rem;
        margin-inline: auto;
        max-width: min(34rem, 92vw);
        padding: 0 clamp(0.5rem, 2.5vw, 1rem);
    }

    .b2c-page .section--purple.section--first .feat-row__title--hero-split {
        align-items: center;
    }

    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-inline: auto;
        max-width: 36ch;
    }

    /* BicoPOS (/BicoPOS): yığılmış kahramanda başlık + alt başlık ortalı */
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
    }

    /* BicoUsta (/ustam): yığılmış kahramanda başlık + alt başlık ortalı */
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
    }

    /* Garaj (/garaj): B2C ile aynı metin sütunu — ortalı, dar gövde */
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
        margin-top: 0.3rem;
        margin-inline: auto;
        max-width: min(34rem, 92vw);
        padding: 0 clamp(0.5rem, 2.5vw, 1rem);
    }

    .garaj-page .section--purple.section--first .feat-row__title--hero-split {
        align-items: center;
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-inline: auto;
        max-width: 36ch;
    }

    /* BicoJET (/bicojet): split alt satır + tagline mobilde kicker/çizgi ile ortalı */
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
    }

    /* Cari Haritası: eyebrow + h1 aynı eksende (BicoPOS ile aynı) */
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
        align-items: center;
    }

    /* Tahsilat Yönetimi (Sahada Ödeme): Cari ile aynı */
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        text-align: center;
        align-items: center;
    }
}

/* ≤768px telefon: mor kahramanda önce metin, görsel altta (B2B, B2C, ürün sayfaları) */
@media (max-width: 768px) {
    .b2b-page .section--purple.section--first .feat-row__visual,
    .b2c-page .section--purple.section--first .feat-row__visual,
    .bicopos-page .section--purple.section--first .feat-row__visual,
    .bicojet-page .section--purple.section--first .feat-row__visual,
    .garaj-page .section--purple.section--first .feat-row__visual,
    .adres-page .section--purple.section--first .feat-row__visual,
    .cari-haritasi-page .section--purple.section--first .feat-row__visual,
    .sahada-odeme-page .section--purple.section--first .feat-row__visual {
        order: 1;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
    }

    .ustam-page .section--purple.section--first .feat-row {
        grid-template-areas:
            "ustam-text"
            "ustam-visual";
    }
}

@media (max-width: 640px) {
    .feat-row__blocks {
        grid-template-columns: minmax(0, 1fr);
    }

    .feat-row__phone {
        width: 180px;
        height: 360px;
    }

    .feat-row__img {
        max-width: 360px;
    }
}

/* .content-page--lavender-surface varsa tam sayfa lavanta; purple alt sayfalarda masaüstü zemin beyazdı —
   .section--first köşe yuvarlaklığı şeffaf piksellerde beyaz “taşma” oluşturuyordu; zemini mor degrade ile uyumlu yap. */
.content-page--feat-detail:not(.content-page--lavender-surface) {
    background: #ffffff;
}

/* Purple alt sayfalar: .section full-bleed taşır; border-radius köşe anti-aliasing’i dar
   .content-page kutusunun dışında kalınca body (#fff) görünüyordu — sarmalayıcıyı da viewport genişliğine yay. */
.content-page--purple:not(.content-page--lavender-surface) {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    background: var(--bicops-surface-bg);
}

.content-page--lavender-surface {
    background: var(--bicops-surface-bg-page);
}

.content-page--purple .content-page__inner {
    background: transparent;
    padding-bottom: 0;
}

/* Özellikler: overview kartları */
.home-overview--on-purple .home-overview-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
}

.home-overview--on-purple .home-overview-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 15%, transparent) !important;
    background: var(--card-bg-hover) !important;
}

.home-overview--on-purple .home-overview-card:hover .home-overview-card__title,
.home-overview--on-purple .home-overview-card:hover .home-overview-card__body {
    color: #3D2E5C !important;
}

.home-overview--on-purple .home-overview-card:hover .home-overview-card__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.home-overview--on-purple .home-overview-card__title {
    color: #3D2E5C !important;
}

.home-overview--on-purple .home-overview-card__body {
    color: var(--bicops-text-muted) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    letter-spacing: var(--bicops-box-body-ls);
    line-height: var(--bicops-box-body-lh);
}

.home-overview--on-purple .home-overview-card__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.home-overview--on-purple .home-overview-card__link {
    color: var(--bicops-primary) !important;
}

.home-overview--on-purple .home-overview-card__link i {
    color: var(--bicops-primary) !important;
}

/* feat-row mor: görsel arka planları kaldırıldı */
.feat-row--purple .feat-row__img-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

.feat-row--purple .feat-row__phone {
    background: transparent !important;
    box-shadow: none !important;
}

/* Garaj, Adres, Cari Haritası, Sahada Ödeme — dikdörtgen kartlar, geniş kullanım */
.content-page--feat-detail .content-page__inner {
    max-width: min(1400px, 98vw);
    padding-left: max(0.75rem, 2vw);
    padding-right: max(0.75rem, 2vw);
}

.content-page--feat-detail .feat-row__blocks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.75rem;
}

.content-page--feat-detail .feat-block--compact {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

.content-page--feat-detail .feat-block__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    min-width: 140px;
    max-width: 160px;
    margin-bottom: 0;
    text-align: center;
}

.content-page--feat-detail .feat-block__group {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
    text-align: center;
}

.content-page--feat-detail .feat-block__icon {
    display: none !important;
}

.content-page--feat-detail .feat-block__title {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
}

.content-page--feat-detail .feat-block__list {
    font-size: 1.05rem;
    line-height: 1.6;
    list-style-position: inside;
}

.content-page--feat-detail .feat-block__list li {
    margin-bottom: 0.35rem;
}

/* BicoPOS hero: geniş ekranda iki sütun; ≤1024px tek sütun (.feat-row ile aynı) */
@media (min-width: 1025px) {
    .feat-row--purple:not(.feat-row--hero-text-only) {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        column-gap: 3rem;
    }
}

/* B2B/B2C: üst hero’da görsel yokken tek sütun */
.feat-row--purple.feat-row--hero-text-only {
    display: block;
    max-width: var(--container-width);
    margin-inline: auto;
}

.feat-row__content--BicoPOS-hero {
    max-width: 620px;
}

/* Railsız kahraman: genel .feat-row__content sol çizgisi kalır. Rail varken çift çizgi olmasın diye border sıfırlanır */
.feat-row__content--BicoPOS-hero:has(.feat-row__hero-rail) {
    border-left: none !important;
    padding-left: 0;
}

.content-page .section--purple.section--first .feat-row__content.feat-row__content--BicoPOS-hero:has(.feat-row__hero-rail) {
    border-left: none !important;
    border-left-color: transparent !important;
    padding-left: 0;
}

/* Mor kahraman (≥769px, telefon hariç): metin yığını solunda dikey çizgi — yükseklik eyebrow+h1+alt metin blok kadar (.feat-row__hero-text-column) */
.feat-row__hero-rail {
    display: none;
}

@media (min-width: 769px) {
    .content-page .section--purple.section--first .feat-row__hero-text-column {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: clamp(0.65rem, 1.1vw, 1rem);
        width: 100%;
        max-width: 620px;
    }

    .content-page .section--purple.section--first .feat-row__hero-rail {
        display: block;
        width: 2px;
        flex: 0 0 2px;
        align-self: stretch;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.42);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
    }

    .content-page .section--purple.section--first .feat-row__hero-text-stack {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        /* cross-axis: varsayılan stretch — yığılmış 769–1024 satırda öğeler tam genişlik; sola sıkışmaz */
    }
}

@media (max-width: 768px) {
    .content-page .section--purple.section--first .feat-row__hero-text-column {
        display: contents;
    }

    .content-page .section--purple.section--first .feat-row__hero-rail {
        display: none !important;
    }
}

/* B2B / B2C / BicoPOS / BicoUsta üst kahraman: kicker + çizgi + başlık + gövde ortada (Nedir /bicops ile aynı eksen) */
.b2b-page .section--purple.section--first .feat-row__hero-text-stack,
.b2c-page .section--purple.section--first .feat-row__hero-text-stack,
.garaj-page .section--purple.section--first .feat-row__hero-text-stack,
.bicopos-page .section--purple.section--first .feat-row__hero-text-stack,
.ustam-page .section--purple.section--first .feat-row__hero-text-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 1rem;
}

/* BicoPOS / BicoUsta — Bicops Nedir (.bicops-intro__right) ile aynı metin sütunu genişliği + orta hiza */
.bicopos-page .section--purple.section--first .feat-row__hero-text-column,
.ustam-page .section--purple.section--first .feat-row__hero-text-column {
    max-width: min(540px, 100%);
    margin-inline: auto;
}

.feat-row__content--BicoPOS-hero .feat-row__title {
    font-size: clamp(1.75rem, 4.5vw, 2.5rem);
    margin-bottom: 0.5rem;
}

/* BicoJET kahraman H1: bicojet-page__hero-brand (dosya sonu). Genel .feat-row__title font-size üstte. */

.feat-row__content--BicoPOS-hero .feat-row__subtitle {
    font-size: clamp(1.1rem, 2.2vw, 1.3rem);
    line-height: 1.4;
}

.feat-row__content--BicoPOS-hero .feat-row__subtitle--intro {
    margin-top: 0.5rem;
    font-size: clamp(1rem, 1.8vw, 1.1rem);
    opacity: 0.9;
    line-height: 1.5;
}

/* BicoPOS sayfası — Özellikler ile aynı yazı tipi ve yapı */
.home-overview--on-purple .BicoPOS-points {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* BicoPOS “Nedir” / Öne Çıkanlar: kare köşe + ızgara (yalnızca --square) */
.home-overview--on-purple .BicoPOS-points--square {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.1rem;
}

@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .home-overview--on-purple .BicoPOS-points--square {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

.home-overview--on-purple .BicoPOS-point {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 20px;
    padding: 1.2rem 1.3rem;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 14%, transparent);
    box-shadow: 0 1px 12px color-mix(in srgb, var(--bicops-primary) 6%, transparent);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.home-overview--on-purple .BicoPOS-points--square .BicoPOS-point {
    min-height: 100%;
    border-radius: 0 !important;
}

@media (max-width: 719px) {
    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
        gap: 0.65rem;
        width: 100%;
        max-width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point__text,
    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point p.BicoPOS-point__text {
        flex: none;
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-self: stretch;
        box-sizing: border-box;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .home-overview--on-purple .BicoPOS-points--square.b2c-highlights-points .BicoPOS-point__copy {
        flex: none;
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-self: stretch;
        box-sizing: border-box;
    }

    /* Bicops Nedir (/bicops): bireysel müşteri — küçük ekranda ikon sol üst, gövde bitişik sütunda */
    .home-overview--on-purple .BicoPOS-points--square.bicops-bireysel-points .BicoPOS-point {
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 0.45rem !important;
    }

    .home-overview--on-purple .BicoPOS-points--square.bicops-bireysel-points .BicoPOS-point .BicoPOS-point__icon {
        align-self: flex-start !important;
    }

    .home-overview--on-purple .BicoPOS-points--square.bicops-bireysel-points .BicoPOS-point .BicoPOS-point__text,
    .home-overview--on-purple .BicoPOS-points--square.bicops-bireysel-points .BicoPOS-point p.BicoPOS-point__text {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        align-self: flex-start !important;
    }

    /* B2B (/b2b): Sistem Nasıl Çalışır? — mobilde başlık ikon kutusuyla ortalı; gövde alt satır tam genişlik */
    .b2b-page .b2b-page-system-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point,
    .b2b-page .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.45rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .b2b-page .b2b-page-system-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point .BicoPOS-point__icon--step,
    .b2b-page .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point .BicoPOS-point__icon--step {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
    }

    .b2b-page .b2b-page-system-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point p.BicoPOS-point__text,
    .b2b-page .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .b2b-page .b2b-page-system-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-lead,
    .b2b-page .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin-bottom: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .b2b-page .b2b-page-system-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-body,
    .b2b-page .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-body {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }

    /* BicoPOS (/BicoPOS): Ayrıcalıklı Özellikler — mobilde başlık ikonun yanında (ikonla dikey ortalı), gövde alta tam genişlik */
    .bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.45rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point .BicoPOS-point__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-body {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }

    /* BicoJET (/bicojet): Nedir? — mobilde lead ikonun yanında (ikonla dikey ortalı), gövde alta tam genişlik */
    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.5rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point .BicoPOS-point__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
        width: 52px;
        height: 52px;
        font-size: 1.42rem;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point .BicoPOS-point__icon i {
        font-size: 1.38rem;
        line-height: 1;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__body:not(.bicojet-whatis-point__body--solo) {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__body--solo {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    /* BicoJET — teslimat adımları: B2B Sistem akışı ile aynı mobil düzen */
    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.5rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point .BicoPOS-point__icon--step {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
        width: 52px;
        height: 52px;
        font-size: 1.42rem;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point .BicoPOS-point__icon--step i {
        font-size: 1.38rem;
        line-height: 1;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps.BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__step-body {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }

    /* BicoJET — müşteri tarafı + profil: mobilde başlık ikonun yanında; gövde alta (bicojetIcons + ayırıcı sınıflar) */
    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.5rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .BicoPOS-point .BicoPOS-point__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
        width: 52px;
        height: 52px;
        font-size: 1.42rem;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .BicoPOS-point .BicoPOS-point__icon i {
        font-size: 1.38rem;
        line-height: 1;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .bicojet-customerside-point__lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .bicojet-customerside-point__body:not(.bicojet-customerside-point__body--solo) {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-customerside-cards .bicojet-customerside-point__body--solo {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .BicoPOS-point {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.5rem !important;
        row-gap: 0.4rem !important;
        flex-direction: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .BicoPOS-point .BicoPOS-point__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        justify-self: start;
        width: 52px;
        height: 52px;
        font-size: 1.42rem;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .BicoPOS-point .BicoPOS-point__icon i {
        font-size: 1.38rem;
        line-height: 1;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .BicoPOS-point p.BicoPOS-point__text {
        display: contents !important;
        flex: unset !important;
        width: unset !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .bicojet-profile-point__lead {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        min-width: 0;
        text-align: left;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--square.bicojet-profile-cards .bicojet-profile-point__body {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }
}
@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        gap: 0.25rem;
        padding: 1.1rem 1.2rem;
        min-height: 0;
    }
}

@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point__icon {
        display: none;
    }

    /* BicoPOS Nedir? / Öne Çıkan Özellikler / BicoJET (Nedir, müşteri, filo): kutularda ikonlar üstte kalsın */
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--whatIsIcons .BicoPOS-point__icon,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point__icon,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point__icon,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetIcons .BicoPOS-point__icon {
        display: flex !important;
    }

    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--whatIsIcons .BicoPOS-point,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--spotlightIcons .BicoPOS-point,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetWhatIsIcons .BicoPOS-point,
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--bicojetIcons .BicoPOS-point {
        gap: 0.65rem;
    }
}

@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square .BicoPOS-point__text {
        font-size: 0.98rem;
        line-height: 1.6;
        letter-spacing: 0.01em;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
        margin-top: 0;
        display: block;
        overflow: visible;
    }
}

/* BicoJET — Sipariş yolculuğu: “Nedir?” ile aynı kare kutu düzeni; 6 adım için 3x2 ızgara */
@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--steps .BicoPOS-point__icon--step {
        display: flex !important;
    }
}

@media (min-width: 1100px) {
    .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* BicoPOS — Günlük kullanım akışı: tek sıra, kartlar arası dalga çizgiler */
.bicopos-page .home-overview--on-purple .BicoPOS-points--square.BicoPOS-points--steps.BicoPOS-points--dailyFlow {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    padding: 0.85rem 0.35rem 0.85rem;
    margin: 0 -0.35rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.bicopos-page .home-overview--on-purple .BicoPOS-points--dailyFlow > .BicoPOS-point {
    flex: 1 1 0;
    min-width: 10.25rem;
    max-width: 17rem;
    z-index: 1;
}

/* Mobil: yatay kaydırma — kartlar eşit paylaşım (flex: 1 1 0) ile sıkışmasın; okunabilir genişlik */
@media (max-width: 719px) {
    .bicopos-page .home-overview--on-purple .BicoPOS-points--dailyFlow > .BicoPOS-point {
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        gap: 0.5rem;
        width: min(17.25rem, calc(100vw - 2.75rem));
        min-width: min(17.25rem, calc(100vw - 2.75rem));
        max-width: min(17.25rem, calc(100vw - 2.75rem));
        padding: 1rem 0.95rem;
        box-sizing: border-box;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--dailyFlow > .BicoPOS-point .BicoPOS-point__text,
    .bicopos-page .home-overview--on-purple .BicoPOS-points--dailyFlow > .BicoPOS-point p.BicoPOS-point__text {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        white-space: normal;
        text-align: center;
        overflow-wrap: break-word;
        word-break: break-word;
    }
}

.bicopos-page .home-overview--on-purple .BicoPOS-dailyFlow__wave {
    flex: 0 0 clamp(1rem, 2vw, 1.65rem);
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 0;
    margin: 0 0.05rem;
    min-height: 6.5rem;
}

.bicopos-page .home-overview--on-purple .BicoPOS-dailyFlow__wave-svg {
    width: 100%;
    height: 100%;
    max-height: 10.5rem;
    min-height: 5.75rem;
    overflow: visible;
}

.bicopos-page .BicoPOS-dailyFlow__defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

#bicoposDailyFlowWaveGrad .bicops-daily-flow-wave-stop--start {
    stop-color: var(--bicops-primary);
}

#bicoposDailyFlowWaveGrad .bicops-daily-flow-wave-stop--end {
    stop-color: color-mix(in srgb, var(--bicops-primary-light) 42%, white);
}

.home-overview--on-purple .BicoPOS-point__icon--step i {
    font-size: 1.25rem;
    line-height: 1;
}

.home-overview--on-purple .BicoPOS-point__text--preline {
    white-space: pre-line;
}

.home-overview--on-purple .BicoPOS-point:hover {
    background: #faf9fd;
    box-shadow: 0 4px 18px color-mix(in srgb, var(--bicops-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 22%, transparent);
}

.home-overview--on-purple .BicoPOS-point:hover .BicoPOS-point__text {
    color: #4f4865 !important;
}

.home-overview--on-purple .BicoPOS-point__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bicops-primary-light) 9%, transparent);
    border-radius: 0 !important;
    color: var(--bicops-primary);
    font-size: 1.25rem;
}

.home-overview--on-purple .BicoPOS-point__text {
    flex: 1 1 0;
    display: block;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    letter-spacing: var(--bicops-box-body-ls);
    line-height: var(--bicops-box-body-lh);
    color: #3D2E5C !important;
}

.home-overview--on-purple .BicoPOS-steps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-overview--on-purple .BicoPOS-step {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    background: var(--card-bg);
    border-radius: 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.home-overview--on-purple .BicoPOS-step:hover {
    box-shadow: 0 8px 28px color-mix(in srgb, var(--bicops-primary) 15%, transparent);
    border-color: var(--bicops-mix-light-35);
}

.home-overview--on-purple .BicoPOS-step:hover .BicoPOS-step__text {
    color: #3D2E5C !important;
}

.home-overview--on-purple .BicoPOS-step__num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bicops-mix-light-20);
    color: var(--bicops-primary);
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 1.05rem;
    border-radius: 0;
}

.home-overview--on-purple .BicoPOS-step__text {
    margin: 0;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 400; letter-spacing: 0.02em;
    line-height: 1.6;
    color: #3D2E5C !important;
}

.home-overview--on-purple .BicoPOS-step__text--preline {
    white-space: pre-line;
}

.home-overview--on-purple .BicoPOS-list {
    list-style: none;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    margin: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.home-overview--on-purple .BicoPOS-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 400; letter-spacing: 0.02em;
    line-height: 1.6;
    color: #3D2E5C !important;
}

.home-overview--on-purple .BicoPOS-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--bicops-primary);
    font-weight: 700;
}

.home-overview--on-purple .BicoPOS-forwho {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.home-overview--on-purple .BicoPOS-forwho__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--card-bg);
    border-radius: 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 400; letter-spacing: 0.02em;
    color: var(--bicops-text-muted);
}

.home-overview--on-purple .BicoPOS-forwho__item i {
    color: var(--bicops-primary);
    font-size: 1.25rem;
}

.home-overview--on-purple .BicoPOS-cta {
    text-align: center;
    padding: 2.5rem 1.5rem;
    background: var(--card-bg);
    border-radius: 0;
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
}

.home-overview--on-purple .BicoPOS-cta__icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 22%, transparent);
    color: var(--bicops-primary);
    font-size: 1.45rem;
}

.home-overview--on-purple .BicoPOS-cta__icon i {
    font-size: 1.4rem;
}

.home-overview--on-purple .BicoPOS-cta .section__title,
.home-overview--on-purple .BicoPOS-cta .section__title--center {
    color: #2D1B4E !important;
}

.home-overview--on-purple .BicoPOS-cta__text {
    margin: 1rem 0 1.5rem;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 400; letter-spacing: 0.02em;
    color: #3D2E5C !important;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.home-overview--on-purple .BicoPOS-cta__btn {
    padding: 0.85rem 2rem;
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, var(--bicops-primary-light), var(--bicops-primary-light));
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.home-overview--on-purple .BicoPOS-cta__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--bicops-primary-light) 40%, transparent);
}

.feat-row__blocks--BicoPOS {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    justify-content: center;
    gap: 1.25rem;
}

/* BicoPOS: tam 3 sütun (Ana bölümler, ödeme vb.) */
.feat-row__blocks--BicoPOS.feat-row__blocks--3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .feat-row__blocks--BicoPOS.feat-row__blocks--3col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .feat-row__blocks--BicoPOS.feat-row__blocks--3col {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* BicoPOS / BicoJET — 6 kutu: geniş ekranda 3×2 (daha geniş dikdörtgen kartlar) */
/* Nedir? (4 kutu): cols4 — daha geniş konteyner, büyük padding/tipografi, eşit yükseklik */
@media (min-width: 1100px) {
    .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: min(1220px, 100%);
        margin-left: auto;
        margin-right: auto;
        gap: 1.4rem;
        align-items: stretch;
    }

    .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: min(1500px, 100%);
        margin-left: auto;
        margin-right: auto;
        gap: 1.5rem;
        align-items: stretch;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block {
        padding: 1.35rem 1.25rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block {
        padding: 1.45rem 1.35rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__title {
        font-size: 1.06rem !important;
        line-height: 1.31;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__title {
        font-size: 1.08rem !important;
        line-height: 1.33;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__body {
        font-size: 0.96rem !important;
        line-height: 1.55;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__body {
        font-size: 0.98rem !important;
        line-height: 1.56;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__icon i {
        font-size: 1.14rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__icon i {
        font-size: 1.2rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__list,
    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__list li {
        font-size: 0.96rem !important;
        line-height: 1.48;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__list,
    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__list li {
        font-size: 0.98rem !important;
        line-height: 1.5;
    }
}

@media (min-width: 720px) and (max-width: 1099px) {
    .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: min(980px, 100%);
        margin-left: auto;
        margin-right: auto;
        gap: 1.25rem;
        align-items: stretch;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block {
        padding: 1.2rem 1.1rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__title {
        font-size: 1.02rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__body {
        font-size: 0.93rem !important;
    }

    .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: min(980px, 100%);
        margin-left: auto;
        margin-right: auto;
        gap: 1.35rem;
        align-items: stretch;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block {
        padding: 1.25rem 1.15rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__title {
        font-size: 1.03rem !important;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__body {
        font-size: 0.94rem !important;
    }
}

@media (max-width: 719px) {
    .feat-row__blocks--BicoPOS.feat-row__blocks--cols6,
    .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 {
        grid-template-columns: minmax(0, 1fr);
    }
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 14%, transparent) !important;
    box-shadow: 0 1px 12px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
    border-radius: 0 !important;
}

/* Ana Bölümler + Nedir: yuvarlatılmış kart (mor sayfa varsayılan köşesizin üstüne) */
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block {
    border-radius: var(--radius-lg) !important;
}

/* BicoPOS Nedir? (cols4) + Ana Bölümler / Özellikler (cols6): eşit yükseklik, gövde esner */
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__header,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__header {
    flex-shrink: 0;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__group,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__group {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover {
    background: #faf9fd !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 22%, transparent) !important;
    box-shadow: 0 4px 18px color-mix(in srgb, var(--bicops-primary) 10%, transparent) !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__title,
.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__body,
.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__list,
.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__list li {
    color: #4a4463 !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block:hover .feat-block__body,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block:hover .feat-block__body {
    color: #5b5478 !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 10%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__title {
    color: #352a50 !important;
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 9%, transparent) !important;
    color: var(--bicops-primary) !important;
    border-radius: 0 !important;
}

/* Ana Bölümler + Nedir: lavanta ikon kutusu (genel köşesiz kuralın üstüne) */
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__icon,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__icon {
    border-radius: 10px !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__body {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    letter-spacing: var(--bicops-box-body-ls);
    line-height: 1.52;
    color: #3D2E5C !important;
    margin: 0;
}

/* Ana Bölümler + Nedir: gövde rengi (başlıktan bir ton açık gri-mor) */
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block__body,
.home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block__body {
    color: #5b5478 !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__body--preline {
    white-space: pre-line;
    line-height: 1.4;
}

/* BicoJET — roller kartları: gövde satırları, satır başı ikon */
.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__body--bicojet-roles {
    margin: 0;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .bicojet-role-line {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .bicojet-role-line:last-child {
    margin-bottom: 0;
}

/* Dolu yuvarlak madde işareti (referans: tek renk, eşit çap) */
.home-overview--on-purple .feat-row__blocks--BicoPOS .bicojet-role-line__bullet {
    flex-shrink: 0;
    width: calc(0.42rem - 0.1mm);
    height: calc(0.42rem - 0.1mm);
    min-width: calc(0.42rem - 0.1mm);
    min-height: calc(0.42rem - 0.1mm);
    border-radius: 50%;
    background: #5B547B;
    margin-top: 0.46em;
    box-sizing: border-box;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .bicojet-role-line__text {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    letter-spacing: var(--bicops-box-body-ls);
    line-height: 1.52;
    color: #3D2E5C !important;
    margin: 0;
    min-width: 0;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__list,
.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__list li {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    letter-spacing: var(--bicops-box-body-ls);
    line-height: 1.52;
    color: #3D2E5C !important;
}

/* feat-block--dark (Adres, Sahada Ödeme) */
.content-page--feat-detail .feat-row__blocks--dark .feat-block {
    min-height: 0;
}

.content-page--feat-detail .feat-block--dark .feat-block__header {
    min-height: auto;
}

@media (max-width: 768px) {
    .content-page--feat-detail .content-page__inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .content-page--feat-detail .feat-block--compact {
        padding: 1.1rem 1.25rem;
        gap: 1.1rem;
    }

    .content-page--feat-detail .feat-block__header {
        min-width: 120px;
        max-width: 140px;
    }
}

@media (max-width: 480px) {
    .content-page--feat-detail .content-page__inner {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .content-page--feat-detail .feat-block--compact {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem 1.15rem;
        gap: 0.75rem;
    }

    .content-page--feat-detail .feat-block__header {
        min-width: auto;
        max-width: none;
    }
}

.app-features {
    max-width: var(--container-width);
    margin: 0 auto;
    color: #ffffff;
}

.app-features__title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1.75rem;
    text-align: center;
}

.app-features__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.feat-block {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow-wrap: break-word;
}

.feat-block__header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
    min-height: 36px;
}

.feat-block__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feat-block__icon--dark {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.feat-block__icon i {
    font-size: 1.15rem;
    font-weight: 600;
}

.feat-block__title {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0;
}

.feat-block--compact .feat-block__group {
    margin-bottom: 0.5rem;
}

.feat-block--compact .feat-block__group:last-child {
    margin-bottom: 0;
}

.feat-block--compact .feat-block__header {
    margin-bottom: 0.6rem;
}

.feat-block--compact .feat-block__title {
    font-size: 1rem;
}

.feat-block--compact .feat-block__list {
    font-size: 0.88rem;
    padding-left: 0.9rem;
    list-style: disc;
    margin: 0 0 0.2rem;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block--compact .feat-block__list li {
    margin-bottom: 0.2rem;
}

.feat-block__group {
    margin-bottom: 0.5rem;
}

.feat-block__group:last-child {
    margin-bottom: 0;
}

.feat-block__group-title {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 0.25rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block__list {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    padding-left: 1rem;
    line-height: 1.45;
}

.feat-block__list li {
    margin-bottom: 0.25rem;
}

.feat-block__list li:last-child {
    margin-bottom: 0;
}

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

@media (max-width: 640px) {
    .app-features__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bicops-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    row-gap: 2.5rem;
    align-items: center;
    max-width: var(--container-width);
    margin: 0 auto 1.5rem;
}

.bicops-intro--on-purple .bicops-intro__highlights-box {
    grid-column: 1 / -1;
}

.bicops-intro__left {
    position: relative;
    flex-shrink: 0;
}

.bicops-intro__shape {
    position: absolute;
    inset: 8% 5% 5% 8%;
    border-radius: 36px;
    background: transparent !important;
    z-index: 0;
}

.bicops-intro__visual {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.bicops-intro__img--single {
    object-position: top center;
    max-width: min(400px, 92vw);
    margin-inline: auto;
}

.bicops-intro__img,
.feat-row__img--shrunk {
    width: 100%;
    max-width: 520px; /* 350px'den 520px'e çıkarıldı */
    max-height: 520px;
    height: auto;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 16px 32px color-mix(in srgb, var(--bicops-primary) 25%, transparent));
}

/* Tek telefon mockup’ı — çift mockup kompozitlerinden uzak, tutarlı çerçeve */
.feat-row__img--single-device {
    object-fit: contain;
    object-position: top center;
}

.feat-row__img--single-device:not(.feat-row__img--shrunk) {
    max-width: min(440px, 46vw);
    max-height: min(78vh, 680px);
}

.feat-row__img--shrunk.feat-row__img--single-device {
    max-width: min(420px, 44vw);
    max-height: min(74vh, 620px);
    object-position: top center;
}

.bicops-intro__right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1.5rem;
    padding-top: 0.5rem;
    max-width: 540px;
    border-left: 3px solid color-mix(in srgb, var(--bicops-primary-light) 30%, transparent);
}

.bicops-intro__eyebrow {
    font-family: var(--font-primary);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    /* Metin dizelerinde TR «İ» vb. doğru kalsın; CSS uppercase Türkçe i→I hatası yapar */
    text-transform: none;
    color: var(--bicops-primary-light);
    margin: 0 0 0.25rem;
}

.bicops-intro__heading {
    font-family: var(--font-primary);
    font-size: clamp(1.65rem, 3.5vw, 2.1rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.28;
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.bicops-intro__brand {
    color: #ffffff;
    font-weight: 700;
}

.bicops-intro__body {
    font-family: var(--font-primary);
    font-size: clamp(1.1rem, 2.2vw, 1.3rem);
    font-weight: 400;
    font-synthesis: none;
    letter-spacing: 0.01em;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 0 1rem;
}

/* Bicops nedir — B2B / B2C kısa teaser + link */
.bicops-intro__teasers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0 0 0.5rem;
}

.bicops-intro__teaser {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    text-decoration: none;
    color: inherit;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.bicops-intro__teaser:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.28);
    transform: translateY(-1px);
}

.bicops-intro__teaser-label {
    font-family: var(--font-primary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ddd6fe;
    margin: 0;
}

.bicops-intro__teaser-text {
    font-family: var(--font-primary);
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.52;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    flex: 1;
}

.bicops-intro__teaser-more {
    font-family: var(--font-primary);
    font-size: 0.82rem;
    font-weight: 600;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.bicops-intro__teaser-more i {
    font-size: 0.95em;
    opacity: 0.9;
}

/* Bicops özellik görselleri */
.bicops-features-visuals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    grid-column: 1 / -1;
    margin-bottom: 2rem;
}

.bicops-features-visuals__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 16px;
    background: var(--bicops-primary-dark);
    border: 1px solid rgba(79, 70, 229, 0.12);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

.bicops-features-visuals__img {
    width: 100%;
    max-width: 180px;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
}

.bicops-features-visuals__label {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 768px) {
    .bicops-features-visuals {
        grid-template-columns: 1fr;
    }
}

/* Kimler İçin? — Yenilenmiş tasarım */
.bicops-intro__highlights-box {
    padding: 1.5rem 1.75rem;
    border-radius: 18px;
    background: var(--bicops-primary-dark);
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 40%, transparent);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
    grid-column: 1 / -1;
}

.bicops-intro__highlights-label {
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0 0 1.25rem;
    letter-spacing: 0.02em;
    text-align: center;
}

.bicops-intro__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.bicops-intro__highlight-card {
    padding: 1.3rem 1.4rem;
    border-radius: 14px;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-radial-video-b);
    border-left: 4px solid var(--bicops-primary-light);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-12);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    overflow: hidden;
}

.bicops-intro__highlight-card:hover {
    box-shadow: 0 8px 28px var(--bicops-accent-soft);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 40%, transparent);
    background: var(--card-bg-hover) !important;
}

.bicops-intro__highlight-card--link {
    text-decoration: none;
    color: inherit;
}

.bicops-intro__highlight-card--link:hover {
    color: inherit;
}

.bicops-intro__highlight-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
}

.bicops-intro__highlight-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    color: var(--bicops-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bicops-intro__highlight-icon i {
    font-size: 1.2rem;
}

.bicops-intro__subheading {
    font-size: 1.02rem;
    font-weight: 700;
    color: #2D1B4E !important;
    margin: 0 0 0.2rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.bicops-intro__subbody {
    font-size: 0.92rem;
    color: #3D2E5C !important;
    margin: 0;
    line-height: 1.6;
    font-weight: 500;
    flex: 1;
}

@media (max-width: 960px) {
    .bicops-intro__highlights {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 960px) {
    .bicops-intro {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 2rem;
    }

    .bicops-intro__left {
        order: -1;
        max-width: none;
    }

    .bicops-intro__text-column {
        order: 1;
        max-width: none;
        width: 100%;
    }

    .bicops-intro__img {
        max-width: 340px;
        max-height: 480px;
    }

    .bicops-intro__right {
        padding-left: 0;
        border-left: none;
        max-width: none;
    }

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

@media (max-width: 640px) {
    .bicops-intro {
        column-gap: 1.5rem;
    }

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

    .bicops-intro__highlights-box {
        padding: 1.35rem 1.25rem;
    }

    .bicops-intro__highlight-card {
        padding: 1rem 1.1rem;
    }
}

/* Başlıca özellikler bölümü (görsel + 1-5 kutu) */
.features-intro {
    max-width: var(--container-width);
    margin: 0 auto 1.5rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1.4fr);
    column-gap: 2.75rem;
    row-gap: 2rem;
    align-items: center;
}

.features-intro__left {
    position: relative;
    min-height: 220px;
    max-width: 260px;
}

.features-intro__shape {
    position: absolute;
    inset: 18% -12% 0 8%;
    border-radius: 32px;
    background:
        radial-gradient(circle at 0 0, rgba(56, 189, 248, 0.35), transparent 60%),
        var(--bicops-primary-darker);
}

.features-intro__phone {
    position: relative;
    width: 210px;
    height: 380px;
    border-radius: 34px;
    background: linear-gradient(145deg, var(--bicops-primary-dark) 0%, var(--bicops-primary) 40%, var(--bicops-primary-dark) 100%);
    box-shadow: 0 32px 55px rgba(15, 23, 42, 0.6);
    overflow: hidden;
    margin-left: 1.4rem;
}

.features-intro__phone-screen {
    position: absolute;
    inset: 14px;
    border-radius: 28px;
    background: var(--bicops-primary-dark);
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.features-intro__phone-bar {
    height: 16px;
    border-radius: 999px;
    background: var(--bicops-primary);
    margin-bottom: 0.25rem;
}

.features-intro__phone-row {
    height: 26px;
    border-radius: 999px;
    background: var(--bicops-primary);
}

.features-intro__phone-row--wide {
    width: 80%;
}

.features-intro__right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.features-intro__heading {
    font-size: 1.6rem;
    font-weight: 700;
    color: #FAF8FC;
    margin: 0;
}

.features-intro__body {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.88);
    margin: 0;
    max-width: 540px;
}

/* Mor arka planda beyaz metin */
.features-intro--on-purple .features-intro__heading,
.features-intro--on-purple .features-intro__body,
.features-intro--on-purple .feature-box__title,
.features-intro--on-purple .feature-box__text {
    color: #ffffff;
}

.features-intro--on-purple .features-intro__body {
    color: rgba(255, 255, 255, 0.92);
}

.features-intro--on-purple .feature-box {
    background: var(--bicops-radial-video-b);
    border-color: rgba(255, 255, 255, 0.2);
}

.features-intro--on-purple .feature-box__index {
    background: rgba(255, 255, 255, 0.95);
    color: var(--bicops-primary);
}

.features-intro--on-purple .feature-box__text {
    color: rgba(255, 255, 255, 0.92);
}

.features-intro--on-purple .features-intro__shape {
    background: transparent !important;
}

.feature-boxes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 0.5rem;
}

.feature-box {
    display: flex;
    gap: 0.6rem;
    padding: 0.7rem 0.7rem;
    border-radius: 16px;
    background: var(--bicops-primary-dark);
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.feature-box__index {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: var(--bicops-primary-light);
    color: var(--bicops-primary-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
}

.feature-box__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #FAF8FC;
    margin: 0 0 0.15rem;
}

.feature-box__text {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.88);
    margin: 0;
}

@media (max-width: 960px) {
    .features-intro {
        grid-template-columns: minmax(0, 1fr);
    }

    .features-intro__left {
        order: 2;
    }

    .features-intro__right {
        order: 1;
    }
}

.section__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1), transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal--visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered reveal - sıralı animasyon (her bölümde ilk gelen önce) */
.reveal:nth-child(1) {
    transition-delay: 0ms;
}

.reveal:nth-child(2) {
    transition-delay: 60ms;
}

.reveal:nth-child(3) {
    transition-delay: 120ms;
}

.reveal:nth-child(4) {
    transition-delay: 180ms;
}

.reveal:nth-child(5) {
    transition-delay: 240ms;
}

.reveal:nth-child(6) {
    transition-delay: 300ms;
}

.reveal:nth-child(7) {
    transition-delay: 360ms;
}

.reveal:nth-child(8) {
    transition-delay: 420ms;
}

.reveal:nth-child(9) {
    transition-delay: 480ms;
}

.reveal:nth-child(10) {
    transition-delay: 540ms;
}

.section__title {
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    color: #FAF8FC;
    margin-bottom: 1rem;
}

.section__subtitle {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.88);
    max-width: 24rem;
}

.section__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

@media (max-width: 960px) {
    .section__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

.info-card {
    padding: 1.1rem 1.1rem 1rem;
    border-radius: 18px;
    background: var(--bicops-primary-dark);
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.info-card__label {
    font-size: 0.78rem;
    text-transform: uppercase;
    color: var(--bicops-text-muted);
    letter-spacing: 0.08em;
    margin-bottom: 0.5rem;
}

.info-card__title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: #FAF8FC;
}

.info-card__body {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.88);
}

/* Adım adım liste */
.steps {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 1.75rem;
    margin-top: 1.5rem;
}

.steps__list {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.step {
    display: flex;
    gap: 0.85rem;
}

.step__index {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    background: rgba(15, 23, 42, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.7);
    color: var(--color-text-soft);
    flex-shrink: 0;
}

.step__content-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.18rem;
    color: #FAF8FC;
}

.step__content-text {
    font-size: 0.83rem;
    color: rgba(255, 255, 255, 0.88);
}

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

/* Uygulama İçinden - GIF hover kartları */
.app-preview-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 2.5rem;
}

.app-preview-section .section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.app-preview-section__hint {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-bg);
    margin: -0.5rem 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 1rem;
    background: rgba(97, 24, 168, 0.08);
    border-radius: 12px;
    border: 1px solid rgba(97, 24, 168, 0.2);
}

.app-preview-section__hint::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
    animation: hint-pulse 1.5s ease-in-out infinite;
}

.app-preview-section__hint::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
    animation: hint-pulse 1.5s ease-in-out infinite 0.75s;
}

@keyframes hint-pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.3);
    }
}

.app-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1140px;
    margin: 0 auto;
    gap: 1.75rem;
}

.app-preview-card {
    display: flex;
    flex-direction: column;
    background: var(--card-bg-solid);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px var(--bicops-mix-primary-08);
    border: 1px solid var(--bicops-mix-light-20);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.25s ease;
    cursor: pointer;
}

.app-preview-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px var(--bicops-mix-light-20);
    border-color: var(--bicops-radial-video-b);
}

.app-preview-card__gif-wrap {
    width: 100%;
    aspect-ratio: 9 / 19;
    min-height: 200px;
    overflow: hidden;
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.app-preview-card__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #94a3b8;
    padding: 1.25rem;
}

.app-preview-card__placeholder i {
    font-size: 1.75rem;
    opacity: 0.7;
}

.app-preview-card__placeholder span {
    font-size: 0.75rem;
    font-weight: 500;
}

.app-preview-card__gif {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
    object-position: center top;
}

.app-preview-card--field-payment .app-preview-card__gif {
    width: 88%;
    margin: 0 auto;
}

.app-preview-card__content {
    padding: 1rem 1.1rem 1.1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100px;
}

.app-preview-card__title {
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 600;
    color: #3D2E5C;
    margin: 0 0 0.25rem;
}

.app-preview-card__body {
    font-family: var(--font-primary);
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--bicops-text-muted);
    margin: 0;
    line-height: 1.45;
}

/* Uygulama içinden — tema kartı: 4 renk önizlemesi */
.app-preview-theme-swatches {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(90, 74, 117, 0.12);
}

.app-preview-theme-swatch {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(61, 46, 92, 0.18);
}

.app-preview-theme-swatch--purple {
    background: linear-gradient(145deg, #6f42c1 0%, #8b5cf6 100%);
}

.app-preview-theme-swatch--navy {
    background: #12195B;
}

.app-preview-theme-swatch--teal {
    background: #139175;
}

.app-preview-theme-swatch--lavender {
    background: #8A24A5;
}

.app-preview-theme-swatch--selected {
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px var(--bicops-primary-soft),
        0 2px 8px rgba(61, 46, 92, 0.22);
}

@media (max-width: 768px) {
    .app-preview-section {
        padding-bottom: 1.5rem;
        padding-left: 12px;
        padding-right: 12px;
    }

    .app-preview-grid {
        grid-template-columns: 1fr;
        max-width: none;
        margin: 0 auto;
        gap: 1.1rem;
    }

    .app-preview-card {
        height: auto;
    }

    .app-preview-card__gif-wrap {
        aspect-ratio: 9 / 19;
        min-height: 320px;
        max-height: 420px;
        height: auto;
        justify-content: center;
        align-items: center;
        padding: 10px 10px 0;
    }

    .app-preview-card__gif {
        width: 100%;
        max-width: 340px;
        height: auto;
        max-height: 100%;
        margin: 0 auto;
        object-fit: contain;
        object-position: center;
    }

    /* Mobilde tüm kartlardaki telefon görselleri aynı ölçüde görünsün */
    .app-preview-card--field-payment .app-preview-card__gif,
    .app-preview-card--garage .app-preview-card__gif {
        width: 112%;
        max-width: 380px;
        margin: 0 auto;
    }

    /* Sahada Ödeme kartı: telefon daha büyük ve merkezde dursun */
    .app-preview-card--field-payment .app-preview-card__gif-wrap {
        min-height: 320px;
        max-height: 430px;
        padding: 6px 0 0;
        align-items: flex-start;
    }

    .app-preview-card--field-payment .app-preview-card__gif {
        width: 138%;
        max-width: none;
        transform: translateY(2px);
        object-fit: cover;
        object-position: center 8%;
    }

    .app-preview-card--cari .app-preview-card__gif-wrap {
        min-height: 300px;
        max-height: 390px;
        padding: 6px 0 0;
        align-items: flex-start;
    }

    .app-preview-card--cari .app-preview-card__gif {
        width: 124%;
        max-width: 420px;
        transform: none;
        object-fit: contain;
        object-position: center top;
    }

    .app-preview-card--garage .app-preview-card__gif-wrap {
        min-height: 320px;
        max-height: 430px;
        padding: 6px 0 0;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .app-preview-card--garage .app-preview-card__gif {
        width: 138%;
        max-width: none;
        transform: translateY(2px);
        object-fit: cover;
        object-position: center 8%;
    }

    .app-preview-card--register .app-preview-card__gif-wrap {
        min-height: 285px;
        max-height: 360px;
        padding: 6px 0 0;
        align-items: flex-start;
    }

    .app-preview-card--register .app-preview-card__gif {
        width: 120%;
        max-width: none;
        transform: translateY(-2px);
        object-fit: contain;
        object-position: center top;
    }

    .app-preview-card__content {
        min-height: 0;
        padding: 0.75rem 1rem 0.95rem;
    }

    .app-preview-card__placeholder span {
        font-size: 0.7rem;
    }

    /* Tüm kartlarda görsel sarmalayıcı ölçüsü de aynı kalsın */
    .app-preview-card--field-payment .app-preview-card__content,
    .app-preview-card--garage .app-preview-card__content,
    .app-preview-card--register .app-preview-card__content {
        margin-top: 0;
        padding-top: 0.2rem;
    }

}

/* Anasayfa özet kartları (multi-page) */
.home-overview {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 2rem var(--content-padding-x) 2.5rem;
}

.home-overview__subtitle {
    text-align: center;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--bicops-text-muted);
    margin: 0 0 2rem;
    line-height: 1.6;
}

.home-overview__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.home-overview-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 1.5rem 1.25rem;
    border-radius: 20px;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
    text-decoration: none;
    color: inherit;
}

.home-overview-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 15%, transparent) !important;
    background: var(--card-bg-hover) !important;
}

.home-overview-card:hover .home-overview-card__title {
    color: #3D2E5C !important;
}

.home-overview-card:hover .home-overview-card__body {
    color: var(--bicops-text-muted) !important;
}

.home-overview-card:hover .home-overview-card__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.home-overview-card:hover .home-overview-card__link,
.home-overview-card:hover .home-overview-card__link i {
    color: var(--bicops-primary) !important;
}

.home-overview-card__icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    color: var(--bicops-primary);
    margin-bottom: 0.9rem;
    font-size: 1.3rem;
}

.home-overview-card__title {
    font-family: var(--font-primary);
    font-size: 1.15rem;
    font-weight: 600;
    color: #3D2E5C;
    margin: 0 0 0.5rem;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.home-overview-card__body {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    color: var(--bicops-text-muted);
    margin: 0 0 0.75rem;
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    flex: 1 1 auto;
}

.home-overview-card__link {
    font-family: var(--font-primary);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bicops-primary-light);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: auto;
}

.home-overview-card__link-icon {
    flex-shrink: 0;
    font-size: 0.92em;
    line-height: 1;
    opacity: 0.92;
}

/* Özellikler dropdown kartı */
.home-overview-card--dropdown {
    cursor: pointer;
    text-align: left;
}

.home-overview-card__trigger {
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    display: block;
}

.home-overview-dropdown {
    display: none;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--bicops-radial-video-b);
}

.home-overview-card--open .home-overview-dropdown {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.home-overview-dropdown__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}

.home-overview-dropdown__link:hover {
    background: rgba(79, 70, 229, 0.08);
    color: var(--bicops-primary-light);
}

.home-overview-dropdown__link i {
    font-size: 1.1rem;
    color: var(--bicops-primary-light);
}

@media (max-width: 1024px) {
    .home-overview__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .home-overview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .home-overview__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Ana sayfa / Özellikler — ilk blok «Bicops'u Keşfedin»: mobilde daha kompakt kutular (+ bicopsExtrasEqualize); tipografi: dosya sonu `@media (max-width:768px)` kart standardı */
    .section--purple.section--first .home-overview--discover .home-overview__grid {
        gap: clamp(0.7rem, 2.6vw, 0.92rem);
    }

    .section--purple.section--first .home-overview--discover a.home-overview-card {
        padding: 0.9rem 1rem !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 10px color-mix(in srgb, var(--bicops-primary) 7%, transparent) !important;
    }

    .section--purple.section--first .home-overview--discover .home-overview-card__icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        margin-bottom: 0.5rem !important;
        font-size: 1.08rem !important;
        border-radius: 10px !important;
    }

    .section--purple.section--first .home-overview--discover .home-overview-card__icon i {
        font-size: 1.08rem !important;
    }

    .section--purple.section--first .home-overview--discover .home-overview-card__title {
        margin-bottom: 0.3rem !important;
    }

    .section--purple.section--first .home-overview--discover .home-overview-card__link {
        margin-top: 0.75rem !important;
    }

    .section--purple.section--first .home-overview--discover a.home-overview-card[href="/b2b"] .home-overview-card__link,
    .section--purple.section--first .home-overview--discover a.home-overview-card[href="/b2c"] .home-overview-card__link,
    .section--purple.section--first .home-overview--discover a.home-overview-card[href="/BicoPOS"] .home-overview-card__link,
    .section--purple.section--first .home-overview--discover a.home-overview-card[href="/bicojet"] .home-overview-card__link {
        margin-top: 0.75rem !important;
    }
}

/* Anasayfa — Bicops'u Keşfedin: satırda eşit kart yüksekliği ve tutarlı iç boşluk */
.home-overview--discover .home-overview__grid {
    align-items: stretch;
    gap: 1.25rem;
}

.home-overview--discover .home-overview-card {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 1.2rem 1.15rem !important;
}

.home-overview--discover .home-overview-card__icon {
    margin-bottom: 0.75rem !important;
}

.home-overview--discover .home-overview-card__title {
    margin-bottom: 0.45rem !important;
}

/* Adres kartı: uzun başlık için satır kırımı; tipografi genel keşfet kurallarında */
.bicops-home .section--purple .home-overview--discover a.home-overview-card[href="/adres"] h3.home-overview-card__title,
.ozellikler-page .section--purple .home-overview--discover a.home-overview-card[href="/adres"] h3.home-overview-card__title {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.home-overview--discover .home-overview-card__body {
    flex: 1 1 auto !important;
    margin-bottom: 0 !important;
}

/* Keşfet kartları: gövde ile "Detaylı incele" arasında nefes payı (kısa metinli kartlarla uzun metinli görünüm uyumu) */
.home-overview--discover .home-overview-card__link {
    margin-top: 1.25rem !important;
}

/* B2B / B2C / BicoPOS / BicoJET: "Detaylı incele" biraz daha aşağıda (diğer keşfet kartlarından daha geniş üst boşluk) */
.home-overview--discover a.home-overview-card[href="/b2b"] .home-overview-card__link,
.home-overview--discover a.home-overview-card[href="/b2c"] .home-overview-card__link,
.home-overview--discover a.home-overview-card[href="/BicoPOS"] .home-overview-card__link,
.home-overview--discover a.home-overview-card[href="/bicojet"] .home-overview-card__link {
    margin-top: 1.7rem !important;
}

/* Ana sayfa (/) — Bicops Nedir? (/bicops) — B2B — B2C — BicoPOS — BicoJET — Özellikler — Garaj — Adres — Cari Haritası — Sahada Ödeme: ortak kalınlık */
.bicops-home,
.bicops-nedir-page,
.b2b-page,
.b2c-page,
.bicopos-page,
.bicojet-page,
.ozellikler-page,
.garaj-page,
.adres-page,
.cari-haritasi-page,
.sahada-odeme-page {
    --bicops-page-fw: 700;
}

@media (max-width: 768px) {
    .bicops-home,
    .bicops-nedir-page,
    .b2b-page,
    .b2c-page,
    .bicopos-page,
    .bicojet-page,
    .ozellikler-page,
    .garaj-page,
    .adres-page,
    .cari-haritasi-page,
    .sahada-odeme-page {
        --bicops-page-fw: 600;
    }

    .section__title {
        font-weight: 700;
    }

    .app-footer__contact-item {
        font-weight: 700;
    }

    .hero__title-main,
    .hero-ai-slider__item--title {
        font-weight: 700;
    }
}

/* Ana sayfa — hero mor şeritte değil; kartlar ve bölümler tek tek (hero__brand-title ayrı blokta) */
.bicops-home .hero-ai-slider__item,
.bicops-home .hero__app-desc,
.bicops-home .hero__tagline,
.bicops-home .hero__download-label,
.bicops-home .store-badge,
.bicops-home .store-badge span,
.bicops-home .section__title,
.bicops-home .section__title--center,
.bicops-home .section__subtitle,
.bicops-home .section__subtitle--center,
.bicops-home .home-overview__subtitle,
.bicops-home .update-card__badge,
.bicops-home .cta-final__title,
.bicops-home .cta-final__subtitle,
.bicops-home .partners-section__subtitle,
.bicops-home .partners-section .section__title,
.bicops-home .partners-section__title {
    font-weight: var(--bicops-page-fw) !important;
}

/* Anasayfa — «Keşfet» üst başlığı (yalnız bu h2; başka bölüm/sayfa yok) */
.bicops-home .section--first .home-overview--discover > h2.section__title {
    font-size: clamp(2.15rem, 4.2vw, 2.75rem);
    line-height: 1.18;
}

/* Ana sayfa — hero düz başlık (logo stiline karışmayacak kadar ayırmak için :not) */
.bicops-home .hero__brand-title:not(.hero__brand-title--logo) {
    font-weight: 600 !important;
    font-synthesis: none;
}

@media (max-width: 768px) {
    .bicops-home .hero__brand-title:not(.hero__brand-title--logo) {
        font-weight: 500 !important;
    }
}

/* Ana sayfa — fayda / ek özellik / güncelleme kart başlıkları: tek tip */
.bicops-home .benefits-section .benefit-card h3.benefit-card__title,
.bicops-home .extras-section .extra-card h3.extra-card__title,
.bicops-home .update-section .update-card h3.update-card__title {
    font-family: var(--font-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    color: #3D2E5C !important;
    text-transform: none !important;
}

/* Masaüstü: Keşfet kartları (.home-overview-card__title) ile aynı başlık ağırlığı ve puntosu */
@media (min-width: 769px) {
    .bicops-home .benefits-section .benefit-card h3.benefit-card__title,
    .bicops-home .extras-section .extra-card h3.extra-card__title,
    .bicops-home .update-section .update-card h3.update-card__title {
        font-size: 1.15rem !important;
        font-weight: 600 !important;
    }
}

/* Ana sayfa — Kısaca Biz: Şubat 2026 Güncellemesi ile aynı sınıflar (.section__title / .section__subtitle--center); yalnızca genişlik ve boşluk */
.bicops-home #summary .summary-strip {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0.5rem var(--content-padding-x) 0.25rem;
    background: none;
    border: none;
    box-shadow: none;
}

/* Güncelleme bloğundaki alt metinle aynı (.update-section .section__subtitle--center) */
.bicops-home #summary .summary-strip .section__subtitle--center {
    text-align: center;
    max-width: 600px;
    margin: -0.5rem auto 2rem;
    font-size: 1.05rem;
}

/* Ana sayfa — fayda / ek özellik / güncelleme kart gövdeleri (başlıklar yukarıdaki ortak blokta) */
.bicops-home .benefits-section .benefit-card p.benefit-card__body,
.bicops-home .extras-section .extra-card p.extra-card__body,
.bicops-home .update-section .update-card p.update-card__body {
    font-family: var(--font-primary) !important;
    font-size: var(--bicops-box-body-fs) !important;
    font-style: normal !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    font-synthesis: none;
}

/* Bicops Nedir? — .section--purple p { font-weight: 400 } paragrafları inceltiyordu; ana sayfa ile aynı 700 */
.bicops-nedir-page .section--purple p,
.bicops-nedir-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

/* Bicops Nedir (/bicops) — kahraman: metin sütunu ortada */
.bicops-nedir-page .bicops-intro__text-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 0;
}

/* Ürün kahramanı .feat-row__hero-rail ile aynı tip dikey aksent (tablet/masaüstü) */
.bicops-nedir-page .bicops-intro__rail {
    display: none;
}

@media (min-width: 769px) {
    .bicops-nedir-page .bicops-intro__text-column {
        flex-direction: row;
        align-items: stretch;
        justify-content: center;
        gap: clamp(0.65rem, 1.1vw, 1rem);
        max-width: min(620px, 100%);
        margin-inline: auto;
    }

    .bicops-nedir-page .bicops-intro__rail {
        display: block;
        flex: 0 0 2px;
        width: 2px;
        align-self: stretch;
        min-height: 4.5rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.42);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 768px) {
    .bicops-nedir-page .bicops-intro__rail {
        display: none !important;
    }
}

.bicops-nedir-page .bicops-intro__right {
    text-align: center;
    align-items: center;
    padding-left: 0;
    border-left: none;
    max-width: min(540px, 100%);
    margin-inline: 0;
    flex: 1 1 auto;
    min-width: 0;
}

/* Bicops Nedir? — giriş paragrafı: B2B kahraman alt metni (home.b2b.subtitle / .feat-row__subtitle) ile aynı gövde tipografisi */
.bicops-nedir-page .bicops-intro p.bicops-intro__body {
    font-size: clamp(1.1rem, 2.2vw, 1.3rem) !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    font-synthesis: none;
    letter-spacing: 0.01em !important;
}

.bicops-nedir-page .section--purple .home-overview-card__link,
.bicops-nedir-page .section--purple .home-overview-card__link i {
    font-weight: var(--bicops-page-fw) !important;
}

.bicops-nedir-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Bicops Nedir? — kahraman eyebrow: masaüstü + mobil aynı dil; alt çizgi + sakin tipografi */
.bicops-nedir-page .section--purple p.bicops-intro__eyebrow {
    display: inline-block;
    margin: 0 auto 1.05rem !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: clamp(0.96rem, 0.55vw + 0.82rem, 1.12rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.11em !important;
    line-height: 1.36 !important;
    text-shadow: none !important;
    text-transform: none;
}

.bicops-nedir-page .section--purple p.bicops-intro__eyebrow::after {
    content: "";
    display: block;
    width: clamp(3.15rem, 6.5vw, 3.95rem);
    height: 3px;
    margin: 0.55rem auto 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 22%,
        rgba(255, 255, 255, 0.52) 78%,
        transparent 100%
    );
}

@media (max-width: 768px) {
    .bicops-nedir-page .section--purple p.bicops-intro__eyebrow {
        margin: 0 auto 1rem !important;
        font-size: clamp(0.92rem, 0.55vw + 0.78rem, 1.04rem) !important;
        letter-spacing: 0.12em !important;
    }

    .bicops-nedir-page .section--purple p.bicops-intro__eyebrow::after {
        width: 3.1rem;
        height: 3px;
        margin: 0.52rem auto 0;
    }
}

.b2b-page .section--purple p,
.b2b-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

/* Parçalı iade (B2B + B2C): açık gri tam genişlik şerit, beyaz kartlar, #7C3AED aksan — kök: .bicops-partial-return-feature */
.bicops-partial-return-feature.b2b-premium-feature--partial-return {
    --b2b-premium-accent: var(--bicops-primary);
    --b2b-premium-icon-bg: #f5f3ff;
    --b2b-premium-strip: #f9fafb;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    padding: clamp(2.5rem, 5vw, 4.25rem) var(--content-padding-x);
    background: var(--b2b-premium-strip);
    color: #1f2937;
}

.bicops-partial-return-feature .b2b-premium-feature__wrap {
    max-width: var(--container-width);
    margin-inline: auto;
}

.bicops-partial-return-feature .b2b-premium-feature__intro {
    text-align: center;
    max-width: min(56rem, 100%);
    margin-inline: auto;
    margin-bottom: clamp(1.35rem, 3.2vw, 2.1rem);
}

.bicops-partial-return-feature .b2b-premium-feature__intro-lines {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(0.85rem, 2vw, 1.25rem);
    width: 100%;
    max-width: 100%;
    margin-top: 0.35rem;
    text-align: left;
}

.bicops-partial-return-feature .b2b-premium-feature__intro-line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
    padding: clamp(0.75rem, 1.65vw, 1.05rem) clamp(0.9rem, 1.85vw, 1.15rem);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 245, 255, 0.88) 100%);
    border: 1px solid color-mix(in srgb, var(--bicops-primary) 14%, transparent);
    border-left: 3px solid var(--b2b-premium-accent, #6f42c1);
    border-radius: 0.8rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.bicops-partial-return-feature .b2b-premium-feature__intro-line-icon {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--b2b-premium-icon-bg, #f5f3ff);
    color: var(--b2b-premium-accent, #6f42c1);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--bicops-primary) 12%, transparent);
}

.bicops-partial-return-feature .b2b-premium-feature__intro-line-icon i {
    font-size: 1.25rem;
    line-height: 1;
}

/* Başlık altı ince mor çizgi — galeri bloğu ile görsel bağ */
.bicops-partial-return-feature .b2b-premium-feature__title.section__title {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 700 !important;
    font-synthesis: none;
    line-height: 1.22;
    letter-spacing: -0.025em;
    color: #352a50 !important;
    margin: 0 0 0.5rem;
    padding-bottom: 0.45rem;
}

.bicops-partial-return-feature .b2b-premium-feature__title.section__title::after {
    content: none;
}

.bicops-partial-return-feature .b2b-premium-feature__subtitle {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    font-synthesis: none;
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    color: #4a3f63;
    margin: 0;
    flex: 1;
    min-width: 0;
    text-align: left;
    text-wrap: pretty;
}

.bicops-partial-return-feature .b2b-premium-feature__gallery-lead {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    font-synthesis: none;
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    color: #4a3f63;
    margin: 0;
    flex: 1;
    min-width: 0;
    text-align: left;
    text-wrap: pretty;
}

/* Kart alanı: Sistem ile aynı BicoPOS DOM — .home-overview varsayılan padding’ini iptal */
.bicops-partial-return-feature .b2b-page-partial-return-flow.home-overview {
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Izgara: BicoPOS (1100px’te 4 sütun) yerine 1→2→3 kırılımı */
.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps {
    gap: clamp(1rem, 2.2vw, 1.5rem);
}

@media (min-width: 700px) {
    .bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-points--square.BicoPOS-points--steps {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Premium şeritte kart köşesi + hover (BicoPOS kare 0 radius yerine) */
.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-points--square .BicoPOS-point {
    border-radius: 1rem !important;
}

.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point {
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
    .bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point {
        transition: none;
    }
}

.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point:hover {
    transform: translateY(-8px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.94) inset,
        0 22px 50px rgba(124, 58, 237, 0.1),
        0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

@media (prefers-reduced-motion: reduce) {
    .bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point:hover {
        transform: none;
    }
}

.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point__icon--step {
    border-radius: 999px !important;
    width: 3rem !important;
    height: 3rem !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--b2b-premium-icon-bg) !important;
    color: var(--b2b-premium-accent) !important;
}

.bicops-partial-return-feature .b2b-page-partial-return-flow .BicoPOS-point__icon--step i {
    font-size: 1.5rem;
    line-height: 1;
}

/* Parçalı iade — mobil: üst başlık + intro kutuları tek sütun */
@media (max-width: 768px) {
    .bicops-partial-return-feature .b2b-premium-feature__intro-lines {
        grid-template-columns: 1fr;
    }

    .bicops-partial-return-feature .b2b-premium-feature__title.section__title {
        font-weight: 700 !important;
        font-synthesis: none;
    }

    .bicops-partial-return-feature .b2b-premium-feature__subtitle {
        font-size: var(--bicops-m-card-body-fs);
        line-height: var(--bicops-m-card-body-lh);
        font-weight: var(--bicops-m-card-body-fw);
        letter-spacing: 0.015em;
        font-synthesis: none;
        color: #4a3f63;
    }

    .bicops-partial-return-feature .b2b-premium-feature__gallery-lead {
        font-size: var(--bicops-m-card-body-fs);
        line-height: var(--bicops-m-card-body-lh);
        font-weight: var(--bicops-m-card-body-fw);
        letter-spacing: 0.015em;
        color: #4a3f63;
    }

    .bicops-partial-return-feature .b2b-premium-feature__intro-line {
        gap: 0.7rem;
    }

    .bicops-partial-return-feature .b2b-premium-feature__intro-line-icon {
        width: 2.35rem;
        height: 2.35rem;
    }

    .bicops-partial-return-feature .b2b-premium-feature__intro-line-icon i {
        font-size: 1.15rem;
    }
}

.bicops-partial-return-feature .b2b-premium-feature__gallery {
    margin-top: clamp(2rem, 4vw, 3rem);
    display: flex;
    justify-content: center;
}

.b2b-page .bicojet-gallery__label {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2B galeri — kompakt kart + birleşik üç ekran (tek PNG). Parçalı iade mockup kabuğu hariç — o şeritte B2C ile aynı düz görünüm */
.b2b-page .b2b-gallery-shell:not(.b2b-gallery-shell--partial-return-mockups) {
    max-width: min(1000px, 100%);
    margin-inline: auto;
    padding: clamp(1rem, 2.5vw, 1.35rem) clamp(1rem, 3vw, 1.5rem);
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 1.15rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 14px 40px rgba(61, 46, 92, 0.12),
        0 4px 12px rgba(15, 23, 42, 0.06);
}

.b2b-page .bicojet-gallery.bicojet-gallery--b2b-combined {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    gap: 0;
    grid-template-columns: unset;
}

.b2b-page .bicojet-gallery__item--b2b-combined {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Tek dış kart (shell); thumb’un gölgesi/yuvarlağı iç içe ikinci kutu yapmasın */
.b2b-page .bicojet-gallery__item--b2b-combined .bicojet-gallery__thumb {
    width: 100%;
    max-width: min(904px, 100%);
    min-width: 0;
    height: auto;
    aspect-ratio: auto;
    margin-inline: auto;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    transition: opacity 0.2s ease;
}

.b2b-page .bicojet-gallery__item--b2b-combined .bicojet-gallery__thumb:hover {
    transform: none;
    box-shadow: none;
    opacity: 0.96;
}

/* Yaklaşık %22–26 küçültme: üç telefon ~260–300px + gap 24–40px → toplam ~904px üst sınır */
.b2b-page .bicojet-gallery__item--b2b-combined .bicojet-gallery__img {
    display: block;
    width: 100%;
    max-width: min(904px, 100%);
    height: auto;
    object-fit: contain;
    object-position: center;
    margin-inline: auto;
    image-rendering: auto;
}

/* B2B — Parçalı iade: referans iPhone 14 Pro mockup — koyu gövde, ince bezel, island ekran üstünde */
.bicops-partial-return-feature .b2b-gallery-shell.b2b-gallery-shell--partial-return-mockups {
    width: 100%;
    max-width: min(1360px, calc(100vw - 1.25rem));
    margin-inline: auto;
    margin-top: clamp(1.35rem, 2.8vw, 1.85rem);
    padding: clamp(0.6rem, 1.35vw, 0.95rem) clamp(0.65rem, 1.5vw, 1.05rem);
}

/* Global .bicojet-gallery { max-width: 720px; margin: 0 auto } — parçalı iade kartında
   tüm genişliği kullan; aksi halde içerik solda 720px’te kalıyor */
.bicops-partial-return-feature .bicojet-gallery.bicojet-gallery--partial-return-feature {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    margin-inline: auto;
    gap: 0;
    grid-template-columns: unset;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row {
    width: 100%;
    box-sizing: border-box;
}

/* Beş ekran tek satır (geniş ekran); mobilde tek sütun — aşağıdaki media */
.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    justify-items: center;
    align-items: start;
    column-gap: clamp(0.4rem, 1vw, 0.85rem);
    row-gap: 0.35rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__item--partial-return-feature {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.42rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot {
    max-width: min(154px, 100%);
    padding: 0.1rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__thumb--b2b-partial-return-shot .bicojet-gallery__zoom {
    margin: 0.32rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot {
    max-width: min(144px, 100%);
    padding: 0.22rem 0.13rem 0.24rem;
    border-radius: 1.18rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot__img {
    border-radius: 0.74rem;
}

.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot::after {
    bottom: 0.07rem;
    width: min(36%, 1.45rem);
    height: 0.09rem;
    min-height: 2px;
}


.bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__label.bicojet-gallery__label--partial-return {
    font-size: clamp(0.84rem, 1.2vw, 1.05rem);
    line-height: 1.32;
    max-width: 100%;
    padding-inline: 0.1rem;
}

@media (max-width: 520px) {
    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 {
        column-gap: 0.25rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__label.bicojet-gallery__label--partial-return {
        font-size: clamp(0.8rem, 3.6vw, 0.92rem);
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: clamp(0.85rem, 2vw, 1.35rem);
        column-gap: clamp(0.45rem, 1.5vw, 0.95rem);
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot {
        max-width: min(186px, 100%);
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot {
        max-width: min(176px, 100%);
        padding: 0.3rem 0.18rem 0.32rem;
        border-radius: 1.36rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot__img {
        border-radius: 0.88rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__label.bicojet-gallery__label--partial-return {
        font-size: clamp(0.88rem, 1.45vw, 1.08rem);
        line-height: 1.32;
    }
}

.bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature {
    width: 100%;
    max-width: min(236px, 26vw);
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot {
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: min(228px, 100%);
    margin-inline: auto;
    aspect-ratio: unset;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
    transition: transform 0.22s ease;
}

.bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot:hover {
    transform: translateY(-3px);
}

.bicops-partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot .bicojet-gallery__zoom {
    margin: 0.55rem;
    border-radius: 2rem;
    z-index: 2;
}

.bicops-partial-return-feature .b2b-partial-return-shot {
    position: relative;
    display: block;
    width: 100%;
    max-width: min(214px, 100%);
    margin-inline: auto;
    /* Üst = sensör tarafı (parlak rim), alt = hafif gölge — ters algıyı önler */
    padding: 0.38rem 0.26rem 0.4rem;
    box-sizing: border-box;
    border-radius: 1.62rem;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
    background:
        radial-gradient(120% 55% at 50% 0%, rgba(255, 255, 255, 0.16) 0%, transparent 52%),
        radial-gradient(70% 40% at 12% 18%, rgba(255, 255, 255, 0.08) 0%, transparent 100%),
        linear-gradient(
            270deg,
            #0d0d0f 0%,
            #252528 6%,
            #1a1a1d 14%,
            #121214 50%,
            #1a1a1d 86%,
            #252528 94%,
            #0d0d0f 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -2px 4px rgba(0, 0, 0, 0.35),
        inset 3px 0 5px -2px rgba(255, 255, 255, 0.07),
        inset -3px 0 5px -2px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(0, 0, 0, 0.65),
        0 14px 32px rgba(0, 0, 0, 0.32),
        0 5px 14px rgba(0, 0, 0, 0.2);
    transition:
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

/* Home çizgisi — alt çene (gövde + ekran altı) */
.bicops-partial-return-feature .b2b-partial-return-shot::after {
    content: "";
    position: absolute;
    bottom: 0.11rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(32%, 2.85rem);
    height: 0.14rem;
    min-height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    z-index: 3;
    pointer-events: none;
}

.bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot:hover .b2b-partial-return-shot {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -2px 4px rgba(0, 0, 0, 0.38),
        inset 3px 0 5px -2px rgba(255, 255, 255, 0.08),
        inset -3px 0 5px -2px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(124, 58, 237, 0.35),
        0 18px 38px rgba(0, 0, 0, 0.36),
        0 6px 16px rgba(61, 46, 92, 0.16);
}

.bicops-partial-return-feature .b2b-partial-return-shot__img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.05rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        inset 0 0 0 2px rgba(0, 0, 0, 0.35);
}

.bicops-partial-return-feature .bicojet-gallery__label.bicojet-gallery__label--partial-return {
    margin: 0;
    text-align: center;
    font-family: var(--font-primary);
    font-size: calc(var(--bicops-box-body-fs) * 1.06);
    font-weight: var(--bicops-box-body-fw);
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    font-synthesis: none;
    color: #4a3f63;
}

@media (max-width: 768px) {
    .b2b-page .b2b-gallery-shell:not(.b2b-gallery-shell--partial-return-mockups) {
        width: 80%;
        max-width: 100%;
        margin-bottom: 24px;
    }

    .b2b-page .bicojet-gallery__item--b2b-combined .bicojet-gallery__thumb,
    .b2b-page .bicojet-gallery__item--b2b-combined .bicojet-gallery__img {
        max-width: 100%;
    }

    .bicops-partial-return-feature .b2b-gallery-shell.b2b-gallery-shell--partial-return-mockups {
        width: 100%;
        max-width: min(420px, 96vw);
        margin-bottom: 0;
        padding: clamp(0.5rem, 1.8vw, 0.75rem) clamp(0.4rem, 1.6vw, 0.65rem);
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 {
        grid-template-columns: 1fr;
        row-gap: clamp(1.1rem, 3vw, 1.55rem);
        column-gap: 0;
    }

    .bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature {
        max-width: 100%;
    }

    .bicops-partial-return-feature .bicojet-gallery__label.bicojet-gallery__label--partial-return {
        font-size: clamp(1rem, 3.9vw, 1.12rem) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        color: #4a3f63 !important;
    }

    .bicops-partial-return-feature .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot {
        max-width: min(210px, 82vw);
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__item--partial-return-feature .bicojet-gallery__thumb--b2b-partial-return-shot {
        max-width: min(210px, 82vw);
        padding: 0.2rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-shot {
        padding: 0.34rem 0.22rem 0.36rem;
        border-radius: 1.48rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot {
        max-width: min(186px, 82vw);
        padding: 0.34rem 0.22rem 0.36rem;
        border-radius: 1.48rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-shot::after {
        bottom: 0.09rem;
        width: min(34%, 2.5rem);
        height: 0.13rem;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .b2b-partial-return-shot::after {
        bottom: 0.09rem;
        width: min(34%, 2.5rem);
        height: 0.13rem;
        min-height: 3px;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__label.bicojet-gallery__label--partial-return {
        font-size: clamp(1.02rem, 4vw, 1.14rem) !important;
        line-height: 1.38;
        padding-inline: 0;
    }

    .bicops-partial-return-feature .b2b-partial-return-mockup-row--5 .bicojet-gallery__thumb--b2b-partial-return-shot .bicojet-gallery__zoom {
        margin: 0.55rem;
    }
}

.b2b-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2B / B2C — kahraman alt metni: genel mor p kalınlığından muaf; punto ortak hero */
.b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
    font-weight: 400 !important;
    font-synthesis: none;
    letter-spacing: 0.01em;
    font-size: clamp(1.1rem, 2.2vw, 1.3rem) !important;
    line-height: 1.52 !important;
    text-wrap: pretty;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* B2B / B2C + mor ürün kahramanları — kicker + Nedir-eyebrow çizgisi + ana başlık (web + mobil) */
.b2b-page .section--purple.section--first .feat-row__title--hero-split,
.b2c-page .section--purple.section--first .feat-row__title--hero-split,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split,
.ustam-page .section--purple.section--first .feat-row__title--hero-split,
.garaj-page .section--purple.section--first .feat-row__title--hero-split,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split,
.adres-page .section--purple.section--first .feat-row__title--hero-split,
.cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split,
.sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 0.52rem !important;
}

.b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.garaj-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: clamp(1.48rem, 3.35vw + 0.82rem, 2.35rem) !important;
    font-weight: var(--font-weight-extrabold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.08em !important;
    line-height: 1.12 !important;
    text-transform: uppercase;
    text-wrap: balance;
}

.b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.garaj-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 17vw, 8.25rem);
    height: 4px;
    margin: 0.55rem auto 0.72rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 22%,
        rgba(255, 255, 255, 0.52) 78%,
        transparent 100%
    );
}

.b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.garaj-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest {
    display: block;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.98) !important;
    font-size: clamp(1.48rem, 2.72vw + 0.94rem, 2.06rem) !important;
    font-weight: 700 !important;
    font-synthesis: none !important;
    letter-spacing: -0.026em !important;
    line-height: 1.24 !important;
    text-wrap: balance;
}

.b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.bicopos-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.ustam-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.garaj-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.adres-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.cari-haritasi-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.sahada-odeme-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split) {
    color: rgba(255, 255, 255, 0.98) !important;
    font-size: clamp(1.48rem, 2.72vw + 0.94rem, 2.06rem) !important;
    font-weight: 700 !important;
    font-synthesis: none !important;
    letter-spacing: -0.026em !important;
    line-height: 1.24 !important;
    text-wrap: balance;
}

/* B2B hero görseli: daha büyük, dengeli boşluk, merkez hizalı */
.b2b-page .section--purple.section--first .feat-row__visual {
    width: 100%;
    max-width: min(720px, 92vw);
    min-height: 0;
    margin-inline: auto;
}

.b2b-page .section--purple.section--first .feat-row__img-wrap {
    width: 100%;
    padding: 0.6rem 0;
    justify-content: center;
}

.b2b-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
    display: block;
    width: 100%;
    max-width: min(680px, 90vw) !important;
    max-height: none;
    margin-inline: auto;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 1025px) {
    .b2b-page .section--purple.section--first .feat-row {
        display: flex;
        align-items: center; /* görsel + metin dikey eksende ortalı */
        gap: 32px; /* görsel küçülünce metinle arayı toparla */
    }

    .b2b-page .section--purple.section--first .feat-row__visual {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        max-width: 520px;
    }

    .b2b-page .section--purple.section--first .feat-row__img-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .b2b-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        width: 83%;
        max-width: 520px !important;
        height: auto;
        margin: 0;
        object-fit: contain;
        object-position: center;
    }

    .b2c-page .section--purple.section--first .feat-row__title--hero-split,
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split,
    .adres-page .section--purple.section--first .feat-row__title--hero-split,
    .cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split,
    .sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split {
        align-items: flex-start;
    }

    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        margin: 0.55rem 0 0.72rem;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
        text-align: left;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        flex: 1;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle--intro,
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        max-width: 38rem;
        margin-inline: 0;
    }

    .b2b-page .section--purple.section--first .feat-row__title--hero-split,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split,
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split {
        align-items: center;
    }

    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        margin: 0.55rem auto 0.72rem;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero,
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        align-items: center;
        text-align: center;
    }

    .b2b-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle--intro,
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-inline: auto;
    }
}

/* BicoPOS + BicoUsta üst kahraman — /bicops Bicops Nedir (.bicops-intro__*) ile aynı tipografi; bu blok genel .feat-row__title--hero-split kurallarından sonra gelir */
.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title--hero-split,
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title--hero-split {
    font-size: unset !important;
    line-height: normal;
    margin: 0 !important;
    font-weight: 700 !important;
    font-synthesis: none;
}

.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
    display: inline-block;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: clamp(0.96rem, 0.55vw + 0.82rem, 1.12rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.11em !important;
    line-height: 1.36 !important;
    text-transform: uppercase;
    text-wrap: balance;
    font-synthesis: none;
}

.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
    width: clamp(3.15rem, 6.5vw, 3.95rem) !important;
    height: 3px !important;
    margin: 0.55rem auto 0 !important;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 22%,
        rgba(255, 255, 255, 0.52) 78%,
        transparent 100%
    ) !important;
}

.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest {
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.28 !important;
    color: #ffffff !important;
    font-synthesis: none;
    text-wrap: balance;
}

.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split),
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split) {
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.28 !important;
}

@media (max-width: 768px) {
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
        font-size: clamp(0.92rem, 0.55vw + 0.78rem, 1.04rem) !important;
        letter-spacing: 0.12em !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        width: 3.1rem !important;
        margin: 0.52rem auto 0 !important;
        height: 3px !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest {
        display: block !important;
    }
}

/* Web (masaüstü, ≥769px): mor kahraman — BicoPOS/Ustam üst/alt; B2B/B2C/BicoJET kicker küçük etiket + ana satır Keşfet */
@media (min-width: 769px) {
    /* BicoPOS + BicoUsta (Nedir tipi üst etiket) */
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
        font-size: clamp(1.06rem, 0.65vw + 0.88rem, 1.3rem) !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        width: clamp(3.45rem, 7vw, 4.35rem) !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split),
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split) {
        font-size: clamp(1.82rem, 3.65vw, 2.28rem) !important;
        line-height: 1.22 !important;
    }

    /* B2B / B2C / BicoJET — üst etiket: BicoPOS/Ustam web kahramanı ile aynı kicker + çizgi oranı */
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
        font-size: clamp(1.06rem, 0.65vw + 0.88rem, 1.3rem) !important;
        line-height: 1.36 !important;
        font-weight: 700 !important;
        letter-spacing: 0.11em !important;
        color: rgba(255, 255, 255, 0.86) !important;
        font-synthesis: none !important;
    }

    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        width: clamp(3.45rem, 7vw, 4.35rem) !important;
        height: 3px !important;
        margin: 0.55rem auto 0 !important;
    }

    /* B2B / B2C / BicoJET — ana kahraman satırı (.feat-row__title-rest): anasayfa «Keşfet» h2 ile aynı */
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split) {
        font-size: clamp(2.15rem, 4.2vw, 2.75rem) !important;
        line-height: 1.18 !important;
        font-weight: var(--bicops-page-fw) !important;
        letter-spacing: -0.025em !important;
        font-synthesis: none !important;
    }

    /* B2B / B2C / Ustam / BicoJET — ilk mor kahraman başlık: anasayfa marka / header ile aynı font yığını (Poppins öncelikli) */
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .ustam-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split) {
        font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
        font-synthesis: none;
    }
}

@media (max-width: 768px) {
    .b2b-page .section--purple.section--first .feat-row {
        row-gap: 1.35rem;
    }

    .b2b-page .section--purple.section--first .feat-row__img-wrap {
        padding: 0.35rem 0 0.6rem;
    }

    .b2b-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        max-width: min(760px, 88vw) !important;
    }
}

/* B2C sayfası (/b2c) — B2B / Bicops Nedir ile aynı düzen ve kalınlık (bireysel kart gövdeleri hariç) */
.b2c-page .section--purple p:not(.b2c-bireysel-prose__p),
.b2c-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.b2c-page .bicojet-gallery:not(.bicojet-gallery--b2c-mockups) .bicojet-gallery__label {
    font-weight: var(--bicops-page-fw) !important;
}

.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__label {
    font-weight: 700 !important;
    font-synthesis: none;
    line-height: 1.38;
    letter-spacing: -0.015em;
}

.b2c-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2C — Bireysel müşteri kartları: tek tipografi (kutu gövdesi token’ları, çakışma yok) */
.b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__card .b2c-bireysel-prose__p {
    font-family: var(--font-primary) !important;
    font-size: var(--bicops-box-body-fs) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    font-synthesis: none !important;
}

/* B2C — kahraman: /bicops Bicops Nedir gövdesi ile uyum için mor alan gövdesi (başlık split ile yukarıda) */
.b2c-page .section--purple.section--first .feat-row__content,
.garaj-page .section--purple.section--first .feat-row__content {
    border-left: none;
    padding-left: 0;
}

/* B2C — «Nasıl çalışır» galerisi: telefon kabuğu (görseller: /Images/b2c/b2c-how-mockups/) */
.b2c-page .b2c-mockup-device {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.32rem 0.2rem 0.38rem;
    border-radius: 1.35rem;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
    background:
        radial-gradient(120% 52% at 50% 0%, rgba(255, 255, 255, 0.14) 0%, transparent 50%),
        linear-gradient(
            270deg,
            #131316 0%,
            #2b2b30 7%,
            #1f1f22 42%,
            #141416 58%,
            #1f1f22 86%,
            #2b2b30 93%,
            #131316 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -2px 5px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(0, 0, 0, 0.58),
        0 12px 32px rgba(0, 0, 0, 0.28),
        0 5px 14px rgba(61, 46, 92, 0.12);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.b2c-page .b2c-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 2.4rem);
    height: 0.11rem;
    min-height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.32);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
    z-index: 2;
    pointer-events: none;
}

.b2c-page .b2c-mockup-device__img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.8;
    object-fit: cover;
    object-position: top center;
    border-radius: 0.92rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 0 0 2px rgba(0, 0, 0, 0.32);
}

/* B2C hero görseli: daha büyük, merkezde ve dengeli boşluklar */
.b2c-page .section--purple.section--first .feat-row__visual {
    width: 100%;
    min-height: 0;
    max-width: min(560px, 40vw);
    margin-inline: auto;
}

.b2c-page .section--purple.section--first .feat-row__img-wrap {
    width: 100%;
    padding: 0.5rem 1rem 0.75rem 0.4rem;
    justify-content: center;
    overflow: hidden;
}

.b2c-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
    display: block;
    width: 82%;
    max-width: min(520px, 36vw) !important;
    min-width: 320px;
    max-height: none;
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 1024px) {
    /* Yığılmış kahraman: masaüstü %82 ve 40vw tavan görseli küçültüyordu — mobil / dar tablet daha büyük görsel */
    .b2c-page .section--purple.section--first .feat-row {
        row-gap: 1.3rem;
    }

    .b2c-page .section--purple.section--first .feat-row__visual {
        max-width: 100%;
        width: 100%;
    }

    .b2c-page .section--purple.section--first .feat-row__img-wrap {
        padding: 0.35rem 0 0.65rem;
    }

    .b2c-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        width: 100%;
        max-width: min(760px, 96vw) !important;
        min-width: 0;
    }
}

/* B2C — «Bireysel Müşteri» h3: Öne Çıkanlar ile aynı .section__title tipografisi (B2c.razor’da sınıflar eklendi) */
.b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__title.section__title {
    font-synthesis: none;
}

/* BicoPOS sayfası (/BicoPOS) — B2B / B2C ile aynı düzen ve kalınlık */
.bicopos-page .section--purple p:not(.feat-row__hero-eyebrow),
.bicopos-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.bicopos-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* BicoPOS hero görseli: desktop'ta daha dengeli boyut ve dikey hizalama */
.bicopos-page .section--purple.section--first .feat-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: 2rem;
}

.bicopos-page .section--purple.section--first .feat-row__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 0;
    max-width: min(600px, 42vw);
    margin-inline: auto;
}

.bicopos-page .section--purple.section--first .feat-row__img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0.9rem 0.8rem 0.4rem;
    overflow: hidden;
}

.bicopos-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
    display: block;
    width: 78%;
    max-width: min(520px, 36vw) !important;
    min-width: 320px;
    max-height: none;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 768px) {
    /* Parent daraltmayı azalt: görselin nefes alması için yatay padding düşür */
    .bicopos-page .section--purple.section--first {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }

    .bicopos-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
    }

    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        align-items: center;
        text-align: center;
        gap: 0.65rem;
    }

    .bicopos-page .section--purple.section--first .feat-row__hero-eyebrow {
        font-family: var(--font-primary);
        font-size: clamp(0.76rem, 1vw + 0.58rem, 0.9rem) !important;
        font-weight: 600 !important;
        font-synthesis: none;
        letter-spacing: 0.12em !important;
        text-transform: uppercase;
        line-height: 1.4;
        color: rgba(255, 255, 255, 0.82) !important;
        margin: 0 0 0.15rem;
        max-width: min(36rem, 94vw);
        text-wrap: balance;
    }

    .bicopos-page .section--purple.section--first .feat-row__visual {
        order: 1;
        max-width: 95vw;
    }

    .bicopos-page .section--purple.section--first .feat-row__img-wrap {
        padding: 0.65rem 0 1.1rem;
    }

    .bicopos-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        max-width: 92vw !important;
    }

    /* Mor ürün kahramanları (≤768px): kicker / alt satır — Garaj B2C ile aynı küçük kicker; adres / cari / sahada ayrı ölçü */
    .adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
    .sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
        font-size: clamp(1.1rem, 2.48vw + 0.55rem, 1.82rem) !important;
        letter-spacing: 0.075em !important;
    }

    .adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after,
    .sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker::after {
        margin-top: 0.48rem;
        margin-bottom: 0.62rem;
        height: 5px;
    }

    .adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest {
        font-size: clamp(1.05rem, 2.08vw + 0.66rem, 1.58rem) !important;
    }
}

/* BicoJET — kahraman: global single-device (46vw) mobilde küçük kalıyordu; BicoPOS/B2C ile aynı genişlik */
.bicojet-page .section--purple.section--first .feat-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: 2rem;
}

.bicojet-page .section--purple.section--first .feat-row__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 0;
    max-width: min(600px, 42vw);
    margin-inline: auto;
}

.bicojet-page .section--purple.section--first .feat-row__img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0.9rem 0.8rem 0.4rem;
    overflow: hidden;
}

.bicojet-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
    display: block;
    width: 78%;
    max-width: min(520px, 36vw) !important;
    min-width: 320px;
    max-height: none;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: top center;
}

@media (max-width: 768px) {
    .bicojet-page .section--purple.section--first {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
    }

    .bicojet-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
    }

    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        align-items: center;
        text-align: center;
        gap: 0.65rem;
    }

    /* Mobil: H1 + gövde (Kapında… eyebrow yok) */
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0.65rem;
    }

    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        order: 1;
        margin-block: 0 !important;
    }

    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__subtitle {
        order: 2;
    }

    .bicojet-page .section--purple.section--first .feat-row__visual {
        order: 1;
        max-width: 95vw;
    }

    .bicojet-page .section--purple.section--first .feat-row__visual--hero-mockup {
        max-width: min(200px, 72vw);
    }

    .bicojet-page .section--purple.section--first .feat-row__img-wrap {
        padding: 0.65rem 0 1.1rem;
    }

    .bicojet-page .section--purple.section--first .feat-row__img-wrap--bicojet-mockup {
        padding: 0.4rem 0 0.75rem;
    }

    .bicojet-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        width: 100%;
        min-width: 0;
        max-width: 92vw !important;
    }
}

@media (max-width: 768px) {
    .adres-page .section--purple.section--first {
        padding-left: max(6px, env(safe-area-inset-left));
        padding-right: max(6px, env(safe-area-inset-right));
    }

    .adres-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
    }

    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        align-items: center;
        text-align: center;
        gap: 0.35rem;
        padding-bottom: 0.5rem;
    }

    /* Kahraman stack: H1 + gövde (üst eyebrow yok) */
    .adres-page .section--purple.section--first .feat-row__hero-text-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: min(26rem, 94vw);
        margin-inline: auto;
        gap: 1.05rem;
        padding-inline: 0.5rem;
        box-sizing: border-box;
    }

    .adres-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        order: 1;
        margin-bottom: 0 !important;
    }

    .adres-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__subtitle {
        order: 2;
    }

    .adres-page .section--purple.section--first .feat-row__visual {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .adres-page .section--purple.section--first .feat-row__img-wrap {
        width: 100%;
        padding: 0;
    }

    .adres-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        display: block;
        width: 95%;
        max-width: 500px !important;
        height: auto;
        margin: 1rem auto 2rem;
    }
}

@media (min-width: 769px) {
    .bicopos-page__hero-eyebrow,
    .ustam-page__hero-eyebrow {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .ustam-page .section--purple.section--first .feat-row__hero-eyebrow.ustam-page__hero-eyebrow {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .sahada-odeme-page .section--purple.section--first {
        padding-left: max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right));
    }

    .sahada-odeme-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        gap: 0.35rem;
        padding-bottom: 0.5rem;
    }

    /* Kahraman stack: H1 + gövde (üst eyebrow yok) */
    .sahada-odeme-page .section--purple.section--first .feat-row__hero-text-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: min(26rem, 94vw);
        margin-inline: auto;
        gap: 1.05rem;
        padding-inline: 0.5rem;
        box-sizing: border-box;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        order: 1;
        margin-bottom: 0 !important;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__subtitle {
        order: 2;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__visual {
        order: 1;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__img-wrap {
        width: 100%;
        padding: 0;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        display: block;
        width: 90%;
        max-width: 400px !important;
        height: auto;
        margin: 1.5rem auto 1.75rem;
    }
}

@media (max-width: 768px) {
    .cari-haritasi-page .section--purple.section--first {
        padding-left: max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right));
    }

    .cari-haritasi-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        gap: 0.35rem;
        padding-bottom: 0.5rem;
    }

    /* Kahraman stack: H1 + gövde (üst eyebrow yok) */
    .cari-haritasi-page .section--purple.section--first .feat-row__hero-text-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: min(26rem, 94vw);
        margin-inline: auto;
        gap: 1.05rem;
        padding-inline: 0.5rem;
        box-sizing: border-box;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        order: 1;
        margin-bottom: 0 !important;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__subtitle {
        order: 2;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__visual {
        order: 1;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__img-wrap {
        width: 100%;
        padding: 0;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__img.feat-row__img--single-device {
        display: block;
        width: 90%;
        max-width: 400px !important;
        height: auto;
        margin: 1.5rem auto 1.75rem;
    }
}

/* BicoPOS kasa girişi + Garaj + BicoJET + Adres + Cari Haritası + Sahada Ödeme kahraman gövdesi: aynı gövde tipografisi; .xxx-page .section--purple p kalınlığını ezer */
.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle--intro,
.garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
    font-size: clamp(1.1rem, 2.2vw, 1.3rem) !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    font-synthesis: none;
    letter-spacing: 0.01em !important;
    opacity: 1 !important;
    color: #ffffff !important;
}

/* Ürün sayfaları feat-block kutuları: genel .xxx-page .section--purple p/li kalınlığı gövdeyi bozmasın; ana sayfa kartlarıyla uyum */
.content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block h3.feat-block__title {
    font-weight: var(--font-weight-semibold) !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
}

.content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block p.feat-block__body,
.content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block .feat-block__body--bicojet-roles .bicojet-role-line__text {
    font-weight: var(--bicops-box-body-fw) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.52 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    font-synthesis: none;
}

/* Ana Bölümler + Nedir: genel ürün sayfası p boyutunun üstüne */
@media (min-width: 1100px) {
    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block h3.feat-block__title {
        font-size: 1.06rem !important;
        line-height: 1.31 !important;
    }

    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block h3.feat-block__title {
        font-size: 1.08rem !important;
        line-height: 1.33 !important;
    }

    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols6 .feat-block p.feat-block__body {
        font-size: 0.96rem !important;
        line-height: 1.55 !important;
    }

    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS.feat-row__blocks--cols4 .feat-block p.feat-block__body {
        font-size: 0.98rem !important;
        line-height: 1.56 !important;
    }
}

/* BicoJET roller vb. pre-line gövde: çift satır sonu arası biraz daha sıkı */
.content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block p.feat-block__body.feat-block__body--preline {
    line-height: 1.4 !important;
}

.content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block ul.feat-block__list li {
    font-weight: var(--bicops-box-body-fw) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.52 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
}

/* BicoJET sayfası (/bicojet) — diğer ürün sayfalarıyla aynı düzen ve kalınlık */
.bicojet-page .section--purple p:not(.feat-row__hero-eyebrow),
.bicojet-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.bicojet-page .bicojet-gallery__label {
    font-weight: var(--bicops-page-fw) !important;
}

.bicojet-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Özellikler sayfası (/ozellikler): Dijital Araç Garajı ve diğer kartlar — aynı kalınlık */
.ozellikler-page .section--purple p,
.ozellikler-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.ozellikler-page .section--purple .home-overview-card__link,
.ozellikler-page .section--purple .home-overview-card__link i {
    font-weight: var(--bicops-page-fw) !important;
}

.ozellikler-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Dijital Araç Garajı sayfası (/garaj) */
@keyframes garaj-hero-float-y {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.garaj-page .feat-row__img-wrap--garaj-gallery {
    width: 100%;
    max-width: 100%;
}

/* Karşılıklı bakış: sol mockup merkeze/sağa, sağdaki Ürünler merkeze/sola (rotateY işaret tersi) */
.garaj-page .garaj-hero-gallery {
    --garaj-gallery-h: 520px;
    --garaj-s1: 0.98;
    --garaj-s2: 1.32;
    --garaj-s3: 1.04;
    --garaj-ry: -11deg;
    --garaj-rx: 1deg;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: var(--garaj-gallery-h);
    align-items: stretch;
    justify-items: stretch;
    gap: 18px;
    width: 100%;
    max-width: min(1100px, 100%);
    height: var(--garaj-gallery-h);
    min-height: var(--garaj-gallery-h);
    max-height: var(--garaj-gallery-h);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: border-box;
}

/* Tek kahraman görseli: üç sütun yerine ortalanmış tek kolon */
.garaj-page .garaj-hero-gallery:has(> .garaj-hero-gallery__item:only-child) {
    grid-template-columns: minmax(0, 1fr);
    max-width: min(520px, 100%);
    gap: 0;
}

.garaj-page .garaj-hero-gallery:has(> .garaj-hero-gallery__item:only-child) .garaj-hero-gallery__item:nth-child(1) .garaj-hero-gallery__img {
    transform: scale(1.06);
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item {
    position: relative;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    overflow: hidden;
    border-radius: 14px;
    box-sizing: border-box;
}

.garaj-page .garaj-hero-gallery:has(> .garaj-hero-gallery__item:only-child) .garaj-hero-gallery__item {
    filter: drop-shadow(0 16px 32px color-mix(in srgb, var(--bicops-primary) 25%, transparent));
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    object-fit: contain;
    object-position: center;
    image-rendering: auto;
    transform-origin: center center;
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(1) .garaj-hero-gallery__img {
    transform: scale(var(--garaj-s1));
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(2) .garaj-hero-gallery__img {
    transform: scale(var(--garaj-s2));
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(3) {
    perspective: 1100px;
    perspective-origin: 42% 48%;
}

.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(3) .garaj-hero-gallery__img {
    transform: perspective(900px) rotateY(var(--garaj-ry)) rotateX(var(--garaj-rx)) scale(var(--garaj-s3));
}

/* Sol (Garajım 3D) + sağ (Ürünler, CSS 3D): GIF’teki gibi hafif yüzen hareket */
.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(1),
.garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(3) {
    animation: garaj-hero-float-y 5.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .garaj-page .garaj-hero-gallery {
        --garaj-ry: -8deg;
        --garaj-rx: 0deg;
        --garaj-s3: 1.02;
    }

    .garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(1),
    .garaj-page .garaj-hero-gallery .garaj-hero-gallery__item:nth-child(3) {
        animation: none;
    }
}

@media (max-width: 900px) {
    .garaj-page .garaj-hero-gallery {
        --garaj-gallery-h: min(430px, 52vh);
        --garaj-s1: 0.96;
        --garaj-s2: 1.22;
        --garaj-s3: 1.02;
        --garaj-ry: -9deg;
        gap: 10px;
    }
}

@media (max-width: 640px) {
    .garaj-page .garaj-hero-gallery {
        --garaj-gallery-h: min(320px, 42vh);
        --garaj-s1: 0.94;
        --garaj-s2: 1.14;
        --garaj-s3: 1;
        --garaj-ry: -7deg;
        gap: 8px;
    }
}

@media (max-width: 768px) {
    /* Garaj hero mobil — büyük başlık + çizgi + gövde, dar gövde */
    .garaj-page .section--purple.section--first {
        padding-left: max(6px, env(safe-area-inset-left));
        padding-right: max(6px, env(safe-area-inset-right));
    }

    .garaj-page .section--purple.section--first .feat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 1.35rem;
        align-items: start;
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
        order: 0;
        align-items: center;
        text-align: center;
        gap: 0.65rem;
        margin-bottom: 0;
        padding: 0 clamp(0.5rem, 2.5vw, 1rem) 0.5rem;
        max-width: min(34rem, 92vw);
        margin-inline: auto;
        box-sizing: border-box;
    }

    .garaj-page .section--purple.section--first .feat-row__hero-text-stack {
        width: 100%;
        gap: 0.85rem;
        padding-inline: 0;
        margin-inline: 0;
    }

    .garaj-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        margin-bottom: 0 !important;
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-inline: auto !important;
        max-width: 36ch;
        margin-bottom: 0;
    }

    .garaj-page .section--purple.section--first .feat-row__visual {
        width: 100%;
        max-width: 100%;
        margin: -1rem auto 0; /* metin ile mockup arasındaki mor şeridi daha da daralt */
        min-height: 0; /* .feat-row__visual 280px taban tavanı boş mor sıra yüksekliği eklemez */
    }

    .garaj-page .section--purple.section--first .feat-row__img-wrap--garaj-gallery {
        width: 100%;
        padding: 0;
    }

    .garaj-page .section--purple.section--first .garaj-hero-gallery {
        /* Mobilde mockup daha büyük: iç sütunu doldur, yüksekliği yükselt */
        --garaj-gallery-h: min(520px, 64vh);
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: min(640px, 100%);
        margin: 0 auto 8px;
        gap: 0;
    }

    .garaj-page .section--purple.section--first .garaj-hero-gallery .garaj-hero-gallery__item {
        overflow: visible;
    }

    .garaj-page .section--purple.section--first .garaj-hero-gallery .garaj-hero-gallery__img {
        position: relative;
        inset: auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: none !important;
    }
}

/* Garaj / Adres / BicoJET / Tahsilat — kahramanda B2B ile aynı dikey çizgi (≥769px) */
@media (min-width: 769px) {
    .garaj-page .section--purple.section--first .feat-row__content.feat-row__content--BicoPOS-hero,
    .adres-page .section--purple.section--first .feat-row__content.feat-row__content--BicoPOS-hero,
    .bicojet-page .section--purple.section--first .feat-row__content.feat-row__content--BicoPOS-hero,
    .sahada-odeme-page .section--purple.section--first .feat-row__content.feat-row__content--BicoPOS-hero {
        align-items: flex-start !important;
        text-align: left !important;
        justify-content: center !important;
        justify-self: stretch !important;
        margin-inline: 0 !important;
        max-width: min(620px, 100%) !important;
        width: 100%;
    }

    .garaj-page .section--purple.section--first .feat-row__hero-text-column,
    .adres-page .section--purple.section--first .feat-row__hero-text-column,
    .bicojet-page .section--purple.section--first .feat-row__hero-text-column,
    .sahada-odeme-page .section--purple.section--first .feat-row__hero-text-column {
        flex-direction: row !important;
        align-items: stretch !important;
        max-width: min(620px, 100%) !important;
        margin-inline: 0 !important;
        gap: clamp(0.65rem, 1.1vw, 1rem) !important;
    }

    .garaj-page .section--purple.section--first .feat-row__hero-rail,
    .adres-page .section--purple.section--first .feat-row__hero-rail,
    .bicojet-page .section--purple.section--first .feat-row__hero-rail,
    .sahada-odeme-page .section--purple.section--first .feat-row__hero-rail {
        display: block !important;
    }

    .garaj-page .section--purple.section--first .feat-row__hero-text-stack,
    .adres-page .section--purple.section--first .feat-row__hero-text-stack,
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack,
    .sahada-odeme-page .section--purple.section--first .feat-row__hero-text-stack {
        align-items: flex-start !important;
        text-align: left !important;
        width: 100%;
        max-width: none !important;
        margin-inline: 0 !important;
        padding: 0 !important;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        gap: clamp(1rem, 1.4vw, 1.25rem);
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle,
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
        margin-top: 0 !important;
        margin-inline: 0 !important;
        padding: 0 !important;
        max-width: 38rem !important;
        text-align: left !important;
        line-height: 1.52 !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, 0.9) !important;
        letter-spacing: 0.01em !important;
        opacity: 1 !important;
    }
}

.garaj-page .section--purple p:not(.feat-row__hero-eyebrow),
.garaj-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.garaj-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Garaj — öne çıkan kartlar: başlık ikon kutusuyla dikey ortalı (çok satırlı başlıkta da) */
.garaj-page .home-overview--on-purple .feat-block__header {
    align-items: center;
}

.garaj-page .home-overview--on-purple .feat-block__icon {
    align-self: center;
}

.garaj-page .home-overview--on-purple h3.feat-block__title {
    align-self: center;
    margin-block: 0;
}

/* Adres Yönetimi sayfası (/adres) */
.adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
    align-items: center;
    text-align: center;
    gap: 0.65rem;
}

.adres-page .section--purple p:not(.feat-row__hero-eyebrow),
.adres-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.adres-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Cari Haritası sayfası (/cari-haritasi) — kahraman metin ortada; başlık sınıfı dosya sonunda */
.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
    align-items: center;
    text-align: center;
    gap: 0.65rem;
}

.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
    margin-inline: auto;
    max-width: 38rem;
}

/* Cari Haritası kahramanı — mobil: gövde tipografisi (H1 dosya sonunda cari-haritasi-page__hero-brand) */
@media (max-width: 768px) {
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack p.feat-row__subtitle {
        margin-top: 0 !important;
        margin-inline: auto !important;
        max-width: min(24rem, 92vw) !important;
        padding: 0 0.25rem !important;
        font-size: clamp(1.02rem, 2.7vw + 0.78rem, 1.18rem) !important;
        line-height: 1.58 !important;
        font-weight: 400 !important;
        font-synthesis: none !important;
        letter-spacing: 0.015em !important;
        color: rgba(255, 255, 255, 0.9) !important;
        text-wrap: pretty;
        opacity: 1 !important;
    }
}

/* Adres kahramanı — mobil: gövde tipografisi (H1 adres-page__hero-brand dosya sonunda) */
@media (max-width: 768px) {
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack p.feat-row__subtitle {
        margin-top: 0 !important;
        margin-inline: auto !important;
        max-width: min(24rem, 92vw) !important;
        padding: 0 0.25rem !important;
        font-size: clamp(1.02rem, 2.7vw + 0.78rem, 1.18rem) !important;
        line-height: 1.58 !important;
        font-weight: 400 !important;
        font-synthesis: none !important;
        letter-spacing: 0.015em !important;
        color: rgba(255, 255, 255, 0.9) !important;
        text-wrap: pretty;
        opacity: 1 !important;
    }
}

.cari-haritasi-page .section--purple p:not(.feat-row__hero-eyebrow),
.cari-haritasi-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.cari-haritasi-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Sahada Ödeme / Tahsilat Yönetimi (/sahada-odeme) — kahraman ortalı; başlık dosya sonunda */
.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero {
    align-items: center;
    text-align: center;
    gap: 0.65rem;
}

.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero p.feat-row__subtitle {
    margin-inline: auto;
    max-width: 38rem;
}

/* Tahsilat kahramanı — mobil: gövde tipografisi (H1 sahada-odeme-page__hero-brand dosya sonunda) */
@media (max-width: 768px) {
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack p.feat-row__subtitle {
        margin-top: 0 !important;
        margin-inline: auto !important;
        max-width: min(24rem, 92vw) !important;
        padding: 0 0.25rem !important;
        font-size: clamp(1.02rem, 2.7vw + 0.78rem, 1.18rem) !important;
        line-height: 1.58 !important;
        font-weight: 400 !important;
        font-synthesis: none !important;
        letter-spacing: 0.015em !important;
        color: rgba(255, 255, 255, 0.9) !important;
        text-wrap: pretty;
        opacity: 1 !important;
    }
}

.sahada-odeme-page .section--purple p:not(.feat-row__hero-eyebrow),
.sahada-odeme-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.sahada-odeme-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* Mor zeminli ikonlu kutular (BicoPOS-point) — tüm sayfalarda aynı gövde; .xxx-page .section--purple p (700) üstünde */
/* BicoPOS — Ayrıcalıklı Özellikler (spotlight): çeviride ilk «: » başlık / gövde sınırı; başlıkta iki nokta gösterilmez */
.bicopos-page .home-overview--on-purple .BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-lead {
    display: block;
    font-weight: 700 !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.35 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #352a50 !important;
    margin: 0 0 0.45rem !important;
    font-synthesis: none;
}

.bicopos-page .home-overview--on-purple .BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-body {
    display: block;
    margin: 0 !important;
    font-size: var(--bicops-box-body-fs) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #5b5478 !important;
    font-synthesis: none;
}

.home-overview--on-purple .BicoPOS-point p.BicoPOS-point__text {
    flex: 1 1 0;
    display: block;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    font-family: var(--font-primary) !important;
    font-size: var(--bicops-box-body-fs) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    font-synthesis: none;
    letter-spacing: var(--bicops-box-body-ls) !important;
    line-height: var(--bicops-box-body-lh) !important;
    color: #5b5478 !important;
}

/* BicoJET Nedir?: kısa başlık (iki noktadan önce) gövdeden görsel olarak ayrı ve belirgin */
.bicojet-page .home-overview--on-purple .BicoPOS-points--bicojetWhatIsIcons p.bicojet-whatis-point__text {
    font-weight: var(--bicops-box-body-fw) !important;
}

.bicojet-page .home-overview--on-purple .BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__lead {
    display: block;
    font-weight: var(--font-weight-semibold) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.4 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #352a50 !important;
    margin-bottom: 0.4rem !important;
}

.bicojet-page .home-overview--on-purple .BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__body {
    display: block;
    font-weight: var(--bicops-box-body-fw) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #5b5478 !important;
}

/* BicoJET müşteri tarafı («Başlık: gövde» span’ları) */
.bicojet-page .home-overview--on-purple .bicojet-customerside-cards p.bicojet-customerside-point__text {
    font-weight: var(--bicops-box-body-fw) !important;
}

.bicojet-page .home-overview--on-purple .bicojet-customerside-cards .bicojet-customerside-point__lead {
    display: block;
    font-weight: var(--font-weight-semibold) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.4 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #352a50 !important;
    margin-bottom: 0.4rem !important;
}

.bicojet-page .home-overview--on-purple .bicojet-customerside-cards .bicojet-customerside-point__body {
    display: block;
    font-weight: var(--bicops-box-body-fw) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #5b5478 !important;
}

/* BicoJET filo profil kartları (ayrı başlık/gövde anahtarları) */
.bicojet-page .home-overview--on-purple .bicojet-profile-cards p.bicojet-profile-point__text {
    font-weight: var(--bicops-box-body-fw) !important;
}

.bicojet-page .home-overview--on-purple .bicojet-profile-cards .bicojet-profile-point__lead {
    display: block;
    font-weight: var(--font-weight-semibold) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: 1.4 !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #352a50 !important;
    margin-bottom: 0.4rem !important;
}

.bicojet-page .home-overview--on-purple .bicojet-profile-cards .bicojet-profile-point__body {
    display: block;
    font-weight: var(--bicops-box-body-fw) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    color: #5b5478 !important;
}

/* BicoPOS günlük akış: tek paragraf \n\n; sadece ilk satır kalın — BicoJET teslimat adımları Razor’da step-lead kullanır */
.bicopos-page .home-overview--on-purple .BicoPOS-points--steps.BicoPOS-points--dailyFlow .BicoPOS-point p.BicoPOS-point__text::first-line {
    font-weight: 700 !important;
    color: #111111 !important;
}

/* BicoJET teslimat adımları: B2B ile aynı lead/gövde span’ları */
.bicojet-page .home-overview--on-purple .bicojet-delivery-steps .BicoPOS-point__step-lead {
    display: block;
    font-weight: 700 !important;
    margin-bottom: 0.5rem;
}

.bicojet-page .home-overview--on-purple .bicojet-delivery-steps .BicoPOS-point__step-body {
    display: block;
    white-space: pre-line;
    font-weight: var(--bicops-box-body-fw) !important;
}

/* B2B: başlık/gövde Razor’da ayrı; ::first-line gövdeyi kalın gösterebiliyordu */
.b2b-page .home-overview--on-purple .BicoPOS-points--steps .BicoPOS-point__step-lead {
    display: block;
    font-weight: 700 !important;
    margin-bottom: 0.5rem;
}

.b2b-page .home-overview--on-purple .BicoPOS-points--steps .BicoPOS-point__step-body {
    display: block;
    white-space: pre-line;
    font-weight: var(--bicops-box-body-fw) !important;
}

/* Sunduğumuz Ayrıcalıklar */
.benefits-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 1.5rem;
}

.benefits-section .section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.section__title--center {
    text-align: center;
    margin-bottom: 1.75rem;
}

/* Özellikler: mor arka plan üzerinde overview kartları */
.home-overview .section__title,
.home-overview .section__title--center,
.home-overview--on-purple .section__title,
.home-overview--on-purple .section__title--center {
    color: #ffffff;
}

.home-overview__subtitle,
.home-overview--on-purple .home-overview__subtitle {
    color: rgba(255, 255, 255, 0.92);
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

.benefit-card {
    padding: 1.5rem;
    background: var(--card-bg) !important;
    border-radius: 20px;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.benefit-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 15%, transparent) !important;
}
.section--purple .benefit-card:hover,
.section--purple .extra-card:hover,
.section--purple .update-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 15%, transparent) !important;
}

.benefit-card__header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.benefit-card__icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bicops-primary-light) 15%, transparent) !important;
    color: var(--bicops-primary) !important;
    border-radius: 12px;
    font-size: 1.5rem;
}

.benefit-card__icon i {
    font-size: 1.25rem;
}

.benefit-card__title {
    font-family: var(--font-primary) !important;
    font-size: 1.15rem;
    font-weight: 700 !important;
    color: #3D2E5C !important;
    margin: 0;
}

.benefit-card__body {
    font-family: var(--font-primary) !important;
    font-size: 0.95rem;
    color: var(--bicops-text-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    margin: 0;
    line-height: 1.6;
}

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

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

    /* Ana sayfa fayda kartları — mobil tek sütun: yükseklik bicopsExtrasEqualize ile; gövde alanı uzar */
    .bicops-home #faydalar .benefits-grid {
        gap: clamp(0.8125rem, 2.8vw, 1.0625rem);
        align-items: stretch;
    }

    .bicops-home #faydalar .benefit-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
        box-sizing: border-box;
    }

    .bicops-home #faydalar .benefit-card__body {
        flex: 1 1 auto;
        margin: 0;
        min-height: 0;
    }
}

/* B2B — Plasiyer özellikleri */
.b2b-block {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 2rem var(--content-padding-x) 2.5rem;
}

.b2b-block__intro {
    text-align: center;
    margin-bottom: 1.75rem;
}

.b2b-block__title {
    font-family: var(--font-primary);
    font-size: clamp(1.6rem, 3vw, 2rem);
    font-weight: 700;
    color: #3D2E5C;
    margin: 0 0 0.75rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.b2b-block__summary {
    font-family: var(--font-primary);
    font-size: clamp(1rem, 1.2vw, 1.1rem);
    font-weight: 500;
    color: var(--bicops-text-muted);
    margin: 0;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
}

.b2b-user-types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.b2b-user-type {
    padding: 1.25rem 1.35rem;
    border-radius: 16px;
    background: var(--card-bg-solid);
    border: 1px solid var(--bicops-radial-video-b);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--bicops-primary) 15%, transparent);
}

.b2b-user-type__title {
    font-family: var(--font-primary);
    font-size: 1.2rem;
    font-weight: 700;
    color: #3D2E5C;
    margin: 0 0 0.65rem;
}

.b2b-user-type__body {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    color: var(--bicops-text-muted);
    margin: 0;
    line-height: 1.65;
}

.b2b-block__steps-title {
    font-family: var(--font-primary);
    font-size: 1.35rem;
    font-weight: 600;
    color: #3D2E5C;
    margin: 0 0 1.25rem;
    text-align: center;
}

.b2b-block__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.b2b-step {
    display: flex;
    gap: 0.65rem;
    padding: 0.85rem 0.9rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--bicops-radial-video-b);
}

/* B2B beyaz arka plan (section--white) */
.b2b-block--on-purple .b2b-block__title {
    color: #3D2E5C;
}

.b2b-block--on-purple .b2b-block__summary {
    color: var(--bicops-text-muted);
}

.b2b-block--on-purple .b2b-step {
    background: var(--card-bg);
    border: 1px solid var(--bicops-mix-light-20);
    border-left: 4px solid var(--bicops-primary-light);
    box-shadow: 0 4px 16px var(--bicops-mix-primary-08);
}

.b2b-block--on-purple .b2b-step:hover {
    box-shadow: 0 6px 20px var(--bicops-mix-light-20);
    border-color: var(--bicops-mix-light-35);
}

.b2b-block--on-purple .b2b-step__title {
    color: #3D2E5C;
}

.b2b-block--on-purple .b2b-step__body {
    color: var(--bicops-text-muted);
}

.b2b-block--on-purple .b2b-step__num {
    background: var(--bicops-mix-light-20);
    color: var(--bicops-primary);
}

/* B2C beyaz arka plan (section--white) — B2B ile aynı renk paleti */
.b2c-block--on-purple .b2c-block__title {
    color: #3D2E5C;
}

.b2c-block--on-purple .b2c-block__summary {
    color: var(--bicops-text-muted);
}

.b2c-block--on-purple .b2c-block__steps-title {
    color: #3D2E5C;
}

.b2c-block--on-purple .b2c-step {
    background: var(--card-bg);
    border: 1px solid var(--bicops-radial-video-b);
    border-left: 4px solid var(--bicops-primary-light);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--bicops-primary) 15%, transparent);
}

.b2c-block--on-purple .b2c-step:hover {
    box-shadow: 0 6px 20px var(--bicops-mix-light-20);
    border-color: var(--bicops-mix-light-35);
}

.b2c-block--on-purple .b2c-step__title {
    color: #3D2E5C;
}

.b2c-block--on-purple .b2c-step__body {
    color: var(--bicops-text-muted);
}

.b2c-block--on-purple .b2c-step__num {
    background: var(--bicops-mix-light-20);
    color: var(--bicops-primary);
}

.b2b-step--with-img {
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

/* B2B/B2C ortak step kartı — aynı fotoğraf boyutu (9:16) */
.b2b-step--with-img .b2b-step__img-wrap,
.b2c-step--with-img .b2c-step__img-wrap {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    background: transparent;
    flex-shrink: 0;
}

.b2b-step--with-img .b2b-step__img,
.b2c-step--with-img .b2c-step__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.b2b-step--with-img .b2b-step__content,
.b2c-step--with-img .b2c-step__content {
    display: flex;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
    align-items: flex-start;
}

.b2b-step__content {
    flex: 1;
    min-width: 0;
}

.b2b-step__num {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--bicops-primary-light) 0%, var(--bicops-primary-light) 100%);
    color: #1f2937;
    font-size: 0.8rem;
    font-weight: 700;
}

.b2b-step__text {
    min-width: 0;
}

.b2b-step__title {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 0.3rem;
}

.b2b-step__body {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.55;
}

@media (max-width: 900px) {
    .b2b-user-types {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* B2C — Kısa özet + adımlar */
.b2c-block {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 2rem var(--content-padding-x) 2.5rem;
}

.b2c-block__intro {
    text-align: center;
    margin-bottom: 1.75rem;
}

.b2c-block__title {
    font-family: var(--font-primary);
    font-size: clamp(1.25rem, 2.2vw, 1.45rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.b2c-block__summary {
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.b2c-user-types {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.b2c-user-type {
    padding: 1.25rem 1.35rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.b2c-user-type__title {
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.6rem;
}

.b2c-user-type__body {
    font-family: var(--font-primary);
    font-size: 0.88rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    margin: 0;
    line-height: 1.55;
}

.b2c-block__steps-title {
    font-family: var(--font-primary);
    font-size: 1.1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 1rem;
    text-align: center;
}

.b2c-block__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.b2c-step {
    display: flex;
    gap: 0.65rem;
    padding: 0.85rem 0.9rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--bicops-radial-video-b);
}

.b2c-step--with-img {
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.b2c-step__content {
    flex: 1;
    min-width: 0;
}

.b2c-step__num {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--bicops-primary-light) 0%, var(--bicops-primary-light) 100%);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
}

.b2c-step__text {
    min-width: 0;
}

.b2c-step__title {
    font-family: var(--font-primary);
    font-size: 0.88rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 0.25rem;
}

.b2c-step__body {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .b2c-user-types {
        grid-template-columns: minmax(0, 1fr);
    }

    .b2b-block__steps,
    .b2c-block__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {

    .b2b-block__steps,
    .b2c-block__steps {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Kısa özet blok */
.summary-block {
    max-width: 640px;
    margin: 0 auto;
    padding: 2rem 2rem;
    text-align: left;
    background: linear-gradient(135deg, color-mix(in srgb, var(--bicops-primary) 15%, transparent) 0%, color-mix(in srgb, var(--bicops-primary-light) 10%, transparent) 100%);
    border-radius: 24px;
    border: 1px solid var(--bicops-mix-light-35);
    border-left: 4px solid var(--bicops-primary-light);
}

.summary-block__header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.6rem;
}

.summary-block__icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--bicops-mix-light-20);
    color: var(--bicops-primary-light);
    font-size: 1.15rem;
}

.summary-block__icon i {
    font-size: 1.1rem;
}

.summary-block__title {
    font-family: var(--font-primary);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bicops-primary-light);
    margin: 0 0 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.summary-block__body {
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.65;
    margin: 0;
}

/* Mor bölümde diğer kartlarla aynı yüzey (faydalar / güncellemeler ile uyum) */
.summary-block--on-purple {
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    border-left: 4px solid var(--bicops-primary-light);
}

.summary-block--on-purple .summary-block__title {
    color: var(--bicops-primary) !important;
}

.summary-block--on-purple .summary-block__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 15%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.summary-block--on-purple .summary-block__body {
    color: var(--bicops-text-muted) !important;
}

/* Ek özellikler (kampanya, dil, güvenlik) */
.extras-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 1.5rem;
}

.extras-section .section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.extras-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.extra-card {
    padding: 1.5rem;
    background: var(--card-bg) !important;
    border-radius: 20px;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.extra-card:hover {
    transform: translateY(-4px) !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 25%, transparent) !important;
}

.extra-card__header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.extra-card__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bicops-radial-video-b) !important;
    color: #ffffff !important;
    border-radius: 12px;
    font-size: 1.35rem;
}

.extra-card__icon i {
    font-size: 1.2rem;
}

.extra-card__title {
    font-family: var(--font-primary) !important;
    font-size: 1.1rem;
    font-weight: 700 !important;
    color: #3D2E5C !important;
    margin: 0;
    line-height: 1.3;
}

.extra-card__body {
    font-family: var(--font-primary) !important;
    font-size: 0.95rem;
    color: var(--bicops-text-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    margin: 0;
    line-height: 1.55;
}

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

    /* Ana sayfa — «Neden Bicops?»: dikey sıra — eşit yükseklik için bicopsExtrasEqualize (min-height); tipografi/layout */
    .bicops-home #neden-bicops .extras-grid {
        gap: clamp(0.8125rem, 2.8vw, 1.0625rem);
        align-items: stretch;
    }

    .bicops-home #neden-bicops .extra-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
        box-sizing: border-box;
        padding: 1.125rem 1.2rem 1.25rem !important;
        border-radius: 16px;
        border: 1px solid rgba(148, 163, 184, 0.18) !important;
        box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.05),
            0 10px 28px color-mix(in srgb, var(--bicops-primary) 9%, transparent),
            inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
        transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
    }

    .bicops-home #neden-bicops .extra-card:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--bicops-primary-light) 28%, transparent) !important;
        box-shadow:
            0 4px 12px rgba(15, 23, 42, 0.06),
            0 16px 40px color-mix(in srgb, var(--bicops-primary) 14%, transparent),
            inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
    }

    .bicops-home #neden-bicops .extra-card__header {
        align-items: center;
        margin-bottom: 0.625rem;
    }

    .bicops-home #neden-bicops .extra-card__icon {
        flex-shrink: 0;
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    .bicops-home #neden-bicops .extra-card__title {
        line-height: 1.32;
        letter-spacing: -0.015em;
    }

    .bicops-home #neden-bicops .extra-card__body {
        flex: 1 1 auto;
        margin: 0 !important;
        min-height: 0;
        line-height: 1.58;
        color: #5c4d73 !important;
    }
}

.assistant-page .section--purple p,
.assistant-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.assistant-hero {
    max-width: min(1080px, 96vw);
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 3vw, 2rem);
    border-radius: 18px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--bicops-primary-darker) 0%, var(--bicops-primary) 52%, var(--bicops-primary-light) 100%);
    box-shadow: 0 16px 40px rgba(26, 40, 112, 0.28);
}

/* Asistan: ek mor kutu yok; metin doğrudan section arka planında */
.assistant-page .assistant-hero--plain {
    max-width: min(720px, 96vw);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem) var(--content-padding-x, 1.25rem);
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.assistant-page .assistant-hero--plain.assistant-hero--with-visual {
    max-width: var(--container-width, min(1280px, 96vw));
    padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}

/* Bicops Nedir (.bicops-intro) ile aynı dengeli kahraman: 50/50 grid + orta rail */
.assistant-page .assistant-hero--with-visual .assistant-hero__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: clamp(2rem, 4vw, 4rem);
    row-gap: 2rem;
    align-items: center;
    max-width: var(--container-width, min(1280px, 96vw));
    margin-inline: auto;
    width: 100%;
}

.assistant-page .assistant-hero__visual-col {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.assistant-page .assistant-hero__text-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.assistant-page .assistant-hero__rail {
    display: none;
}

@media (min-width: 769px) {
    .assistant-page .assistant-hero__text-column {
        flex-direction: row;
        align-items: stretch;
        justify-content: center;
        gap: clamp(0.65rem, 1.1vw, 1rem);
        max-width: min(620px, 100%);
        margin-inline: auto;
    }

    .assistant-page .assistant-hero__rail {
        display: block;
        flex: 0 0 2px;
        width: 2px;
        align-self: stretch;
        min-height: 4.5rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.42);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
    }
}

.assistant-hero__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: clamp(2rem, 7vw, 5.5rem);
    width: 100%;
}

.assistant-hero__media {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 360px;
    margin: 0;
    line-height: 0;
    align-self: center;
}

.assistant-hero__phone {
    width: 100%;
    max-width: 360px;
    height: auto;
    display: block;
    margin: 0;
}

/* Asistan hero — tek telefon mockup (iPhone 14 Pro tarzı, kompakt) */
.assistant-page .assistant-hero__media--mockup {
    max-width: min(172px, 32vw);
    margin: 0;
}

.assistant-page .assistant-hero--with-visual .assistant-hero__media--mockup {
    margin-inline: auto;
}

.assistant-page .assistant-hero__media--mockup .assistant-mockup-device {
    position: relative;
    display: block;
    width: 100%;
    max-width: 172px;
    margin: 0;
    box-sizing: border-box;
    padding: 0.34rem 0.22rem 0.42rem;
    border-radius: 1.58rem;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
    background:
        radial-gradient(120% 55% at 50% 0%, rgba(255, 255, 255, 0.17) 0%, transparent 52%),
        linear-gradient(
            268deg,
            #0b0b0d 0%,
            #2c2c31 5%,
            #1f1f23 12%,
            #131315 50%,
            #1f1f23 88%,
            #2c2c31 94%,
            #0b0b0d 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -2px 5px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(0, 0, 0, 0.72),
        0 14px 36px rgba(0, 0, 0, 0.3),
        0 6px 18px rgba(0, 0, 0, 0.2);
}

.assistant-page .assistant-mockup-device::before {
    content: "";
    position: absolute;
    top: 0.48rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(36%, 3.1rem);
    height: 0.44rem;
    min-height: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, #242426 0%, #0e0e10 55%, #060607 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 4px rgba(0, 0, 0, 0.55);
    z-index: 4;
    pointer-events: none;
}

/* Home indicator */
.assistant-page .assistant-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 2.2rem);
    height: 0.12rem;
    min-height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
    z-index: 4;
    pointer-events: none;
}

.assistant-page .assistant-mockup-device__img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    object-position: top center;
    border-radius: 1.12rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        inset 0 0 0 2px rgba(0, 0, 0, 0.38);
}

/* BicoJET kahraman — iPhone 14 Pro mockup + Yakındaki Kuryeler ekranı */
.bicojet-page .section--purple.section--first .feat-row__visual--hero-mockup {
    max-width: min(220px, 28vw);
}

.bicojet-page .section--purple.section--first .feat-row__img-wrap--bicojet-mockup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.25rem 0;
    background: transparent !important;
}

.bicojet-page .bicojet-mockup-device {
    position: relative;
    display: block;
    width: 100%;
    max-width: min(178px, 28vw);
    margin-inline: auto;
    box-sizing: border-box;
    padding: 0.34rem 0.22rem 0.4rem;
    border-radius: 1.5rem;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
    background:
        radial-gradient(120% 55% at 50% 0%, rgba(255, 255, 255, 0.17) 0%, transparent 52%),
        linear-gradient(
            268deg,
            #0b0b0d 0%,
            #2c2c31 5%,
            #1f1f23 12%,
            #131315 50%,
            #1f1f23 88%,
            #2c2c31 94%,
            #0b0b0d 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -2px 5px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(0, 0, 0, 0.72),
        0 14px 36px rgba(0, 0, 0, 0.3),
        0 6px 18px rgba(0, 0, 0, 0.2);
}

.bicojet-page .bicojet-mockup-device::before {
    content: "";
    position: absolute;
    top: 0.48rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(36%, 3.1rem);
    height: 0.44rem;
    min-height: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, #242426 0%, #0e0e10 55%, #060607 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 4px rgba(0, 0, 0, 0.55);
    z-index: 4;
    pointer-events: none;
}

/* Home indicator */
.bicojet-page .bicojet-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.14rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 2.1rem);
    height: 0.13rem;
    min-height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.44);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    z-index: 4;
    pointer-events: none;
}

.bicojet-page .bicojet-mockup-device__screen {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: 1.12rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        inset 0 0 0 2px rgba(0, 0, 0, 0.38);
}

.bicojet-page .bicojet-mockup-device__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    object-position: top center;
    vertical-align: top;
}

/* Üst bar: PNG mora işlendi; diğer temalarda canlı renk uyumu için ince katman */
.bicojet-page .bicojet-mockup-device__header-tint {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14.5%;
    pointer-events: none;
    z-index: 2;
    border-radius: 1.12rem 1.12rem 0 0;
    background: linear-gradient(
        180deg,
        var(--bicops-primary-darker) 0%,
        var(--bicops-primary-dark) 72%,
        transparent 100%
    );
    opacity: 0;
    mix-blend-mode: hue;
}

@media (max-width: 900px) {
    .bicojet-page .section--purple.section--first .feat-row__visual--hero-mockup {
        max-width: min(200px, 52vw);
    }

    .bicojet-page .bicojet-mockup-device {
        max-width: min(168px, 46vw);
    }
}

/* Adres kahraman — Adreslerim ekranı (BicoJET’ten biraz daha büyük) */
.adres-page .section--purple.section--first .feat-row__visual--adres-hero-mockup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: min(248px, 30vw);
    margin-inline: auto;
    padding: 0.25rem 0;
    min-height: 0;
}

.adres-page .adres-hero-mockup-img {
    display: block;
    width: 100%;
    max-width: min(200px, 30vw);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    object-position: center center;
    transform: none;
}

@media (max-width: 900px) {
    .adres-page .section--purple.section--first .feat-row__visual--adres-hero-mockup {
        max-width: min(228px, 54vw);
    }

    .adres-page .adres-hero-mockup-img {
        max-width: min(188px, 50vw);
    }
}

@media (max-width: 768px) {
    .adres-page .section--purple.section--first .feat-row__visual--adres-hero-mockup {
        max-width: min(228px, 68vw);
        padding-bottom: 0.35rem;
    }

    .adres-page .adres-hero-mockup-img {
        max-width: min(188px, 52vw);
    }
}

/* Tahsilat Yönetimi (/sahada-odeme) — Ödeme Yöntemi ekranı, siyah iPhone mockup */
.sahada-odeme-page .section--purple.section--first .feat-row__visual--sahada-odeme-hero-mockup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: min(248px, 30vw);
    margin-inline: auto;
    padding: 0.25rem 0;
    min-height: 0;
}

.sahada-odeme-page .sahada-odeme-hero-mockup-img {
    display: block;
    width: 100%;
    max-width: min(200px, 30vw);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    object-position: center center;
    transform: none;
}

@media (max-width: 900px) {
    .sahada-odeme-page .section--purple.section--first .feat-row__visual--sahada-odeme-hero-mockup {
        max-width: min(228px, 54vw);
    }

    .sahada-odeme-page .sahada-odeme-hero-mockup-img {
        max-width: min(188px, 50vw);
    }
}

@media (max-width: 768px) {
    .sahada-odeme-page .section--purple.section--first .feat-row__visual--sahada-odeme-hero-mockup {
        max-width: min(228px, 68vw);
        padding-bottom: 0.35rem;
    }

    .sahada-odeme-page .sahada-odeme-hero-mockup-img {
        max-width: min(188px, 52vw);
    }
}

/* B2B kahraman — hazır duo mockup (ana sayfa bicops_header gibi, CSS çerçeve yok) */
.b2b-page .section--purple.section--first .feat-row__visual--b2b-hero-duo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: min(500px, 50vw);
    margin-inline: auto;
    padding: 0.25rem 0;
}

.b2b-page .b2b-hero-duo-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

img[data-bicops-mockup-active],
img[data-bicops-mockup-mode="filter"] {
    image-rendering: auto;
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device__img,
.bicojet-gallery__img[data-bicops-mockup],
img[data-bicops-mockup] {
    cursor: zoom-in;
}

@media (min-width: 1025px) {
    .b2b-page .section--purple.section--first .feat-row__visual--b2b-hero-duo {
        flex: 1 1 auto;
        max-width: min(500px, 48vw);
    }
}

.b2b-page .b2b-hero-mockup-device {
    position: relative;
    display: block;
    width: 100%;
    max-width: min(178px, 28vw);
    margin-inline: auto;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0;
    isolation: isolate;
}

.b2b-page .b2b-hero-mockup-device::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
}

.b2b-page .b2b-hero-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.14rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 2.1rem);
    height: 0.13rem;
    min-height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.44);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    z-index: 4;
    pointer-events: none;
}

.b2b-page .b2b-hero-mockup-device__screen {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: 1.12rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        inset 0 0 0 2px rgba(0, 0, 0, 0.38);
}

.b2b-page .b2b-hero-mockup-device__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    object-position: top center;
    vertical-align: top;
}

/* Mor tema: ekran görüntüsü morları sayfa gradient’i ile aynı eksen */
html[data-bicops-theme="purple"] .b2b-page .b2b-hero-mockup-device__img {
    filter: saturate(0.96) brightness(1.02);
}

@media (max-width: 1024px) {
    .b2b-page .section--purple.section--first .feat-row__visual--b2b-hero-duo {
        max-width: min(400px, 90vw);
        padding: 0.35rem 0 0.65rem;
    }
}

.assistant-hero__copy {
    flex: 1 1 auto;
    min-width: 0;
    max-width: min(40rem, 100%);
    text-align: left;
    margin: 0;
}

.assistant-page .assistant-hero--with-visual .assistant-hero__copy {
    text-align: center;
    align-items: center;
    max-width: min(540px, 100%);
    margin-inline: 0;
    flex: 1 1 auto;
    min-width: 0;
}

.assistant-page .assistant-hero--with-visual .assistant-hero__title {
    text-align: center;
}

.assistant-page .assistant-hero--with-visual .assistant-hero__subtitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 38rem;
    text-align: center;
}

.assistant-page .assistant-hero--with-visual .assistant-hero__cta {
    align-self: center;
}

.assistant-page .assistant-hero--plain .assistant-hero__cta {
    margin-top: clamp(1.25rem, 3vw, 1.75rem);
}

.assistant-page .assistant-hero--with-visual .assistant-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.assistant-hero__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.18);
    font-size: 2rem;
}

.assistant-hero__title {
    margin: 0;
    font-size: clamp(1.5rem, 3.8vw, 2.5rem);
    font-weight: 800;
    line-height: 1.22;
}

.assistant-hero__subtitle {
    margin: 1rem auto 0;
    max-width: 760px;
    font-size: clamp(1rem, 2.2vw, 1.2rem);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.95);
}

.assistant-hero__cta {
    margin-top: 1.5rem;
    padding: 0.9rem 1.75rem;
    border: none;
    border-radius: 999px;
    background: #ffffff;
    color: #2e3192;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 20, 82, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.assistant-hero__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(8, 20, 82, 0.28);
}

.assistant-block {
    max-width: min(1120px, 96vw);
    margin: 0 auto;
}

.assistant-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.assistant-feature-card {
    background: #ffffff;
    border: 1px solid var(--bicops-accent-soft);
    border-radius: 14px;
    padding: 1.1rem 1rem 1.15rem;
    box-shadow: 0 4px 14px rgba(61, 46, 92, 0.08);
}

.assistant-feature-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--bicops-primary-dark);
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    font-size: 1.35rem;
}

.assistant-feature-card__title {
    margin: 0.85rem 0 0.5rem;
    font-size: 1.06rem;
    font-weight: 700;
    color: #2d1b4e;
}

.assistant-feature-card__body {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b3e63;
}

.assistant-steps {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: minmax(0, 1fr);
    /* Üç kart aynı satır olmasın; üç satır eşit yükseklik (en uzun metne göre) */
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.assistant-step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid color-mix(in srgb, var(--bicops-primary) 22%, transparent);
    border-radius: 14px;
    padding: 0.9rem 1rem;
}

.assistant-step__content {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.assistant-step__number {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--bicops-primary);
    color: #ffffff;
    font-weight: 700;
}

.assistant-step__title {
    margin: 0.05rem 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: #2d1b4e;
}

.assistant-step__body {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b3e63;
}

@media (max-width: 1024px) {
    .assistant-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .assistant-page .assistant-hero--with-visual .assistant-hero__row {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 2rem;
    }

    .assistant-page .assistant-hero__visual-col {
        order: -1;
    }

    .assistant-page .assistant-hero__text-column {
        order: 1;
        max-width: none;
        width: 100%;
    }

    .assistant-page .assistant-hero__rail {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .assistant-hero__row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.25rem;
    }

    .assistant-hero__media,
    .assistant-hero__phone {
        max-width: min(320px, 88vw);
    }

    .assistant-page .assistant-hero__media--mockup {
        max-width: min(168px, 48vw);
        margin-left: auto;
        margin-right: auto;
    }

    .assistant-page .assistant-hero__media--mockup .assistant-mockup-device {
        max-width: min(168px, 48vw);
        margin-inline: auto;
    }

    .assistant-hero__copy {
        margin-left: 0;
        max-width: 100%;
    }

    .assistant-hero__copy,
    .assistant-page .assistant-hero--with-visual .assistant-hero__title,
    .assistant-page .assistant-hero--with-visual .assistant-hero__subtitle {
        text-align: center;
    }

    .assistant-page .assistant-hero--with-visual .assistant-hero__copy {
        align-items: center;
    }

    .assistant-page .assistant-hero--with-visual .assistant-hero__cta {
        align-self: center;
    }
}

/* Asistan (/asistan) — Öne çıkan kartlar: dar ekranda başlık ikonun yanında, gövde alta */
@media (max-width: 719px) {
    .assistant-feature-card {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 0.5rem;
        row-gap: 0.35rem;
    }

    .assistant-feature-card__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: start;
        width: 52px;
        height: 52px;
        font-size: 1.4rem;
    }

    .assistant-feature-card__title {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        margin: 0;
        min-width: 0;
        text-align: left;
    }

    .assistant-feature-card__body {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }
}

@media (max-width: 640px) {
    .assistant-feature-grid {
        grid-template-columns: 1fr;
    }

    .assistant-hero:not(.assistant-hero--plain) {
        border-radius: 14px;
        padding: 1.6rem 1rem 1.75rem;
    }

    .assistant-page .assistant-hero--plain {
        padding: 1rem 1rem 1.5rem;
    }
}

/* Son CTA: arka plan .section--purple ile aynı şerit (çift gradient / keskin geçiş yok) */
.cta-final.section--purple {
    padding-top: 3.5rem;
    padding-bottom: 3.75rem;
}

.cta-final {
    margin-top: 0;
}

.cta-final__inner {
    max-width: var(--container-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cta-final__inner .content-block {
    margin-bottom: 1.5rem;
    text-align: center;
    border-left: none;
    padding-left: 0;
}

.cta-final__icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 1.5rem;
}

.cta-final__icon i {
    font-size: 1.45rem;
}

.cta-final__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.cta-final__subtitle {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 0;
    line-height: 1.55;
}

.cta-final__stores {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    text-align: center;
}

.cta-final__stores .store-badge {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--bicops-primary);
}

.cta-final__stores .store-badge:hover {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent);
    color: var(--bicops-primary-dark);
}

/* İşletmeler için blok */
.business-highlight {
    margin-top: 2.2rem;
    padding: 1.4rem 1.4rem 1.35rem;
    border-radius: 20px;
    background: var(--card-bg);
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.4rem;
}

.business-highlight__text {
    flex: 1 1 220px;
}

.business-highlight__title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: #3D2E5C;
}

.business-highlight__subtitle {
    font-size: 0.86rem;
    color: var(--bicops-text-muted);
}

.business-highlight__action {
    flex: 0 0 auto;
}

/* Footer */
.app-footer {
    padding: 5rem 0 3rem;
    background: var(--bicops-surface-bg-footer);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    width: 100%;
}

.app-footer__container {
    max-width: 1600px; /* 1280px'den 1600px'e çıkarıldı */
    margin: 0 auto;
    padding: 0 4rem;
}

.app-footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 4rem;
    margin-bottom: 4rem;
}

.app-footer__col--brand {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.app-footer__logo-new {
    display: flex;
    align-items: center;
}

.logo-text-large {
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #ffffff;
}

.app-footer .logo-text-large .text-accent {
    color: var(--bicops-logo-bi);
    text-shadow:
        0 1px 8px rgba(255, 193, 7, 0.35),
        0 1px 2px rgba(0, 0, 0, 0.12);
}

.app-footer__brand-desc {
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
}

.app-footer__socials {
    display: flex;
    gap: 1.25rem;
}

.app-footer__social-link {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bicops-primary);
    font-size: 1.3rem;
    transition: all 0.3s ease;
    border: 1px solid var(--bicops-mix-light-20);
}

.app-footer__social-link:hover {
    background: #ffffff;
    color: var(--bicops-primary);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-4px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--bicops-primary-light) 30%, transparent);
}

.app-footer__theme {
    display: none;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.25rem;
    max-width: 17.5rem;
}

@media (min-width: 901px) {
    .app-footer__theme {
        display: flex;
    }
}

.app-footer__theme-intro {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.app-footer__theme-icon {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.15rem;
}

.app-footer__theme-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.app-footer__theme-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #faf8fc;
    line-height: 1.3;
}

.app-footer__theme-subtitle {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(250, 248, 252, 0.68);
    line-height: 1.35;
}

.app-footer__theme-swatches {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.app-footer__theme-swatch {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.app-footer__theme-swatch:hover {
    transform: scale(1.06);
}

.app-footer__theme-swatch--purple {
    background: linear-gradient(145deg, #6f42c1 0%, #8b5cf6 100%);
}

.app-footer__theme-swatch--navy {
    background: #12195B;
}

.app-footer__theme-swatch--teal {
    background: #139175;
}

.app-footer__theme-swatch--lavender {
    background: #8A24A5;
    color: #5C1870;
}

.app-footer__theme-swatch--selected {
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px currentColor,
        0 2px 10px rgba(0, 0, 0, 0.22);
}

.app-footer__theme-swatch--purple.app-footer__theme-swatch--selected {
    color: #6f42c1;
}

.app-footer__theme-swatch--navy.app-footer__theme-swatch--selected {
    color: #12195B;
}

.app-footer__theme-swatch--teal.app-footer__theme-swatch--selected {
    color: #139175;
}

.app-footer__theme-swatch--lavender.app-footer__theme-swatch--selected {
    color: var(--bicops-primary-soft);
}

.app-footer__col-title {
    font-family: var(--font-primary);
    font-size: clamp(0.9375rem, 0.65vw + 0.78rem, 1.0625rem);
    font-weight: 800;
    color: #faf8fc;
    margin: 0 0 1.35rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    line-height: 1.3;
    opacity: 1;
    font-synthesis: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.app-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.app-footer__link {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s ease;
    width: fit-content;
}

.app-footer__link:hover {
    color: #ffffff;
    transform: translateX(5px);
}

.app-footer__contact-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.8rem;
}

.app-footer__contact-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin: 0;
}

.app-footer__contact-item i {
    color: rgba(255, 255, 255, 0.82);
    font-size: 1.1rem;
}

.app-footer__stores-mini {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 2rem;
}

.store-badge-mini {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.store-badge-mini:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

.app-footer__bottom {
    padding-top: 2.5rem;
    margin-top: 4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.app-footer__legal {
    display: flex;
    gap: 2rem;
}

.app-footer__legal-link {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: color 0.2s;
}

.app-footer__legal-link:hover {
    color: #ffffff;
}

.app-footer__copyright {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.9rem;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .app-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

/* Yasal sayfalar (Çerezler, Gizlilik, KVKK) */
/* Alt sayfa ortak stilleri (Bicops, B2B, Özellikler vb.) */
.content-page {
    padding-top: 0.5rem;
}

.content-page__inner {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--content-padding-x) 3rem;
}

.content-page__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-bg);
    text-decoration: none;
    margin-bottom: 1.5rem;
    transition: color 0.2s ease;
}

.content-page__back:hover {
    color: var(--color-bg-soft);
}

.content-page__back i {
    font-size: 1rem;
}

.legal-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.legal-page__inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 2rem var(--content-padding-x) 4rem;
}

.legal-page__back {
    display: inline-block;
    font-size: 1rem;
    color: var(--color-bg);
    text-decoration: none;
    margin-bottom: 1.5rem;
    font-weight: 500;
    transition: color 0.2s ease;
}

.legal-page__back:hover {
    color: var(--color-bg-soft);
}

.legal-page__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    font-weight: 700;
    color: #3D2E5C;
    margin: 0 0 0.5rem;
}

.legal-page__updated {
    font-size: 1rem;
    color: var(--bicops-text-muted);
    margin: 0 0 2rem;
}

.legal-page__content h2 {
    font-family: var(--font-primary);
    font-size: 1.1rem;
    font-weight: 600;
    color: #3D2E5C;
    margin: 1.5rem 0 0.5rem;
}

.legal-page__content h2:first-child,
.legal-page__ssl-title {
    margin-top: 0;
}

.legal-page__ssl-title {
    font-size: 1.15rem;
}

.legal-page__divider {
    border: none;
    border-top: 1px solid var(--bicops-primary);
    margin: 2.5rem 0;
}

.legal-page__content h3 {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    color: #3D2E5C;
    margin: 1.25rem 0 0.5rem;
}

.legal-page__content p {
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--bicops-text-muted);
    margin: 0 0 1rem;
}

@media (max-width: 768px) {
    .app-footer {
        padding: 2.5rem 1.25rem 1.5rem;
    }

    .app-footer__container {
        padding: 0 clamp(1rem, 5vw, 1.75rem);
    }

    .app-footer__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    /* Tek sütun footer: başlıklar düz tipografi — koyu şerit yok */
    .app-footer__col-title {
        font-size: clamp(1rem, 0.35vw + 0.9rem, 1.1875rem);
        font-weight: 800;
        letter-spacing: 0.11em;
        color: #faf8fc;
        opacity: 1;
        margin: 0 0 0.85rem;
        padding: 0 0 0.65rem;
        padding-left: 0;
        line-height: 1.35;
        background: transparent;
        border: none;
        font-synthesis: none;
        text-shadow: none;
    }

    .app-footer__nav {
        gap: 0.72rem;
    }

    .app-footer__link {
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.84);
        padding-left: 0.65rem;
        width: 100%;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.42;
        box-sizing: border-box;
    }

    .app-footer__contact-info {
        padding-left: 0.35rem;
    }

    .app-footer__contact-item {
        font-size: 0.9375rem;
        font-weight: 600;
    }

    .app-footer__stores-mini {
        align-items: center;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .store-badge-mini {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }

    .app-footer__bottom {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .app-footer__legal {
        justify-content: center;
    }
}

/* Genel yardımcı sınıflar */
.pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.6);
    font-size: 0.8rem;
    color: var(--color-text-soft);
}

.pill__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
}

.text-soft {
    color: var(--color-text-soft);
}

.text-error {
    color: #fb7185;
}

.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Counter / küçük bileşenler */
.card {
    padding: 1.25rem 1.4rem;
    border-radius: 16px;
    background: radial-gradient(circle at top left, rgba(148, 163, 184, 0.23), transparent 55%),
        rgba(15, 23, 42, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.7);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.85);
}

.card__title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.card__body {
    font-size: 1rem;
    color: var(--color-text-soft);
}

.card__actions {
    margin-top: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.primary-counter {
    font-size: 1.6rem;
    font-weight: 600;
}

/* Basit tablo */
.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    margin-top: 0.9rem;
    border-radius: 16px;
    overflow: hidden;
}

.data-table thead {
    background: rgba(15, 23, 42, 0.9);
}

.data-table th,
.data-table td {
    padding: 0.55rem 0.85rem;
    text-align: left;
}

.data-table th {
    font-weight: 500;
    color: var(--color-text-soft);
}

.data-table tbody tr:nth-child(odd) {
    background: rgba(15, 23, 42, 0.9);
}

.data-table tbody tr:nth-child(even) {
    background: rgba(15, 23, 42, 0.95);
}

.data-table tbody tr:hover {
    background: rgba(30, 64, 175, 0.75);
}

/* İletişim formu modal */
.contact-modal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.contact-modal__box {
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
    max-width: min(640px, 100%);
    width: 100%;
    max-height: min(92vh, 900px);
    overflow-y: auto;
    font-family: var(--font-primary);
}

.contact-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.35rem 1.75rem;
    border-bottom: 1px solid var(--bicops-mix-light-20);
}

.contact-modal__title {
    font-family: var(--font-primary);
    font-size: clamp(1.25rem, 2.5vw, 1.4rem);
    font-weight: 600;
    color: #3D2E5C;
    margin: 0;
}

.contact-modal__close {
    font-family: var(--font-primary);
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    background: color-mix(in srgb, var(--bicops-primary-light) 10%, transparent);
    color: var(--bicops-text-muted);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.contact-modal__close:hover {
    background: var(--bicops-mix-light-20);
}

.contact-modal__body {
    padding: 1.75rem 1.75rem 1.25rem;
}

.contact-modal__field {
    margin-bottom: 1.15rem;
}

.contact-modal__field label {
    font-family: var(--font-primary);
    display: block;
    font-size: 1.02rem;
    font-weight: 600;
    color: #3D2E5C;
    margin-bottom: 0.45rem;
}

.contact-modal__input {
    font-family: var(--font-primary);
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 500;
}

.contact-modal__input::placeholder {
    font-family: var(--font-primary);
    font-weight: 500;
    color: #8B7BA8;
}

.contact-modal__input:focus {
    outline: none;
    border-color: var(--bicops-primary-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bicops-primary-light) 30%, transparent);
}

.contact-modal__input--error {
    border-color: #dc2626;
}

.contact-modal__input--error:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

.contact-modal__error {
    font-family: var(--font-primary);
    display: block;
    font-size: 0.8rem;
    color: #dc2626;
    margin-top: 0.35rem;
}

.contact-modal__textarea {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

.contact-modal__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.contact-modal__status {
    font-family: var(--font-primary);
    font-size: 1rem;
    margin: 0 1.5rem 0;
    padding: 0.6rem 0.9rem;
    border-radius: 10px;
}

.contact-modal__status--success {
    background: #d1fae5;
    color: #065f46;
}

.contact-modal__status--error {
    background: #fee2e2;
    color: #991b1b;
}

.contact-modal__success-wrap {
    padding: 2.75rem 1.75rem 2.25rem;
    text-align: center;
}

.contact-modal__success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.contact-modal__success-title {
    font-family: var(--font-primary);
    font-size: 1.4rem;
    font-weight: 700;
    color: #3D2E5C;
    margin: 0 0 0.5rem;
}

.contact-modal__success-msg {
    font-family: var(--font-primary);
    font-size: 1.05rem;
    color: var(--bicops-text-muted);
    margin: 0 0 1.5rem;
    line-height: 1.5;
}

.contact-modal__success-wrap .contact-modal__btn {
    min-width: 140px;
}

.contact-modal__footer {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.85rem;
    padding: 1.15rem 1.75rem 1.35rem;
    border-top: 1px solid var(--bicops-accent-soft);
}

.contact-modal__btn {
    font-family: var(--font-primary);
    padding: 0.7rem 1.45rem;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
}

.contact-modal__btn--secondary {
    border: 1px solid color-mix(in srgb, var(--bicops-primary) 35%, transparent);
    background: #ffffff;
    color: #3D2E5C;
}

.contact-modal__btn--secondary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--bicops-primary-light) 8%, transparent);
    border-color: color-mix(in srgb, var(--bicops-primary) 45%, transparent);
    color: var(--bicops-primary-dark);
}

.contact-modal__btn--secondary:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.contact-modal__btn--primary {
    border: none;
    background: linear-gradient(135deg, var(--bicops-primary), var(--bicops-primary-light));
    color: #ffffff;
}

.contact-modal__btn--primary:hover:not(:disabled) {
    filter: brightness(1.05);
}

.contact-modal__btn--primary:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    filter: none;
}

@media (max-width: 480px) {
    .contact-modal__row {
        grid-template-columns: 1fr;
    }

    .contact-modal__footer {
        flex-direction: column-reverse;
    }

    .contact-modal__footer .contact-modal__btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* İş Ortaklarımız / Banka Ödeme Ortaklarımız */

.partners-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 3rem var(--content-padding-x) 3rem;
}

.partners-section__title,
.partners-section .section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
}

.partners-section__title {
    margin-bottom: 2rem;
}

.partners-section__subtitle {
    font-family: var(--font-primary);
    font-size: clamp(1.4rem, 2.5vw, 1.65rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--bicops-text-muted);
    text-align: center;
    margin: 2.5rem 0 1.5rem;
}

.partners-slider {
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.partners-slider__track {
    display: flex;
    gap: 3rem;
    animation: partners-scroll 25s linear infinite;
}

.partners-slider__track:hover {
    animation-play-state: paused;
}

.partners-slider__item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    min-width: 140px;
    min-height: 140px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-12);
    border: 1px solid var(--bicops-mix-light-20);
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    padding: 1.5rem;
}

.partners-slider__item:hover {
    opacity: 0.9;
    transform: scale(1.05);
    box-shadow: 0 8px 28px var(--bicops-accent-soft);
}

.partners-slider__item img {
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
    object-fit: contain;
}

.partners-slider__placeholder {
    font-size: 0.85rem;
    font-weight: 600;
    color: #8B7BA8;
    background: linear-gradient(135deg, var(--bicops-primary) 0%, var(--bicops-primary-dark) 100%);
    padding: 1rem 1.25rem;
    border-radius: 2rem;
    text-align: center;
    line-height: 1.2;
}

.partners-slider--reverse .partners-slider__track {
    animation: partners-scroll-reverse 20s linear infinite;
}

.partners-slider--reverse .partners-slider__track:hover {
    animation-play-state: paused;
}

@keyframes partners-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes partners-scroll-reverse {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

/* Galeri sayfası - kompakt görsel grid */
.gallery-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 2rem var(--content-padding-x) 3rem;
}

.gallery-section__title {
    font-family: var(--font-primary);
    font-size: clamp(1.35rem, 2.5vw, 1.6rem);
    font-weight: 700;
    color: #FAF8FC;
    margin: 0 0 0.5rem;
    text-align: center;
}

.gallery-section__subtitle {
    font-size: 1.05rem;
    color: var(--bicops-text-muted);
    text-align: center;
    margin: 0 0 2rem;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    max-width: 520px;
    margin: 0 auto;
}

.gallery-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    background: transparent !important;
    padding: 0;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--bicops-primary-light) 6%, transparent);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gallery-thumb:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 28px var(--bicops-radial-video-b);
}

.gallery-thumb__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.gallery-thumb__zoom {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.2s ease;
    color: #ffffff;
    font-size: 1.5rem;
}

.gallery-thumb:hover .gallery-thumb__zoom {
    opacity: 1;
}

@media (max-width: 600px) {
    .gallery-grid {
        gap: 0.6rem;
        max-width: 100%;
    }
}

/* BicoJET galeri — mor tema, etiketli kartlar */
.bicojet-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 720px;
    margin: 0 auto;
}

/* B2C — Nasıl Çalışır?: 3 görsel tek satırda (geniş ekran); dar ekranda 2 / 1 sütun */
.bicojet-gallery.bicojet-gallery--how3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: min(920px, 100%);
    gap: 1.35rem;
}

/* B2C mockup şeridi: daha kompakt sıra */
.bicojet-gallery.bicojet-gallery--how3.bicojet-gallery--b2c-mockups {
    max-width: min(760px, 100%);
    gap: clamp(0.65rem, 2vw, 1rem);
}

@media (max-width: 1024px) {
    .bicojet-gallery.bicojet-gallery--how3 {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .bicojet-gallery.bicojet-gallery--how3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: min(560px, 100%);
    }

    .bicojet-gallery.bicojet-gallery--how3.bicojet-gallery--b2c-mockups {
        max-width: min(520px, 100%);
    }

    .bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup {
        max-width: min(148px, 36vw);
    }
}

@media (max-width: 480px) {
    .bicojet-gallery.bicojet-gallery--how3 {
        grid-template-columns: minmax(0, 1fr);
        max-width: 100%;
    }

    .bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup {
        max-width: min(156px, 44vw);
    }
}

.bicojet-gallery__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.bicojet-gallery__thumb {
    position: relative;
    width: 100%;
    max-width: 200px;
    aspect-ratio: 9 / 19;
    border: none;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background: transparent !important;
    padding: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.bicojet-gallery__thumb:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

/* B2C — «Nasıl çalışır»: telefon kabuğu (genel .bicojet-gallery__thumb’dan sonra — aspect-ratio ezilmesin) */
.bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup {
    aspect-ratio: auto;
    width: 100%;
    max-width: min(164px, 27vw);
    border-radius: 0;
    overflow: visible;
    background: transparent !important;
    box-shadow: none;
}

.bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup:hover {
    transform: translateY(-3px);
    box-shadow: none;
}

.bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup .bicojet-gallery__zoom {
    border-radius: 1.58rem;
}

/* «Nasıl çalışır» — iPhone 14 Pro tarzı kabuk (titanyum gövde + Dynamic Island + ev çubuğu) */
.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .b2c-mockup-device {
    position: relative;
    padding: 0.34rem 0.22rem 0.42rem;
    border-radius: 1.58rem;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(120% 55% at 50% 0%, rgba(255, 255, 255, 0.17) 0%, transparent 52%),
        radial-gradient(72% 44% at 14% 18%, rgba(255, 255, 255, 0.1) 0%, transparent 100%),
        radial-gradient(90% 48% at 86% 82%, rgba(255, 255, 255, 0.05) 0%, transparent 52%),
        linear-gradient(
            268deg,
            #0b0b0d 0%,
            #2c2c31 5%,
            #1f1f23 12%,
            #131315 50%,
            #1f1f23 88%,
            #2c2c31 94%,
            #0b0b0d 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -2px 5px rgba(0, 0, 0, 0.38),
        inset 3px 0 6px -2px rgba(255, 255, 255, 0.09),
        inset -3px 0 6px -2px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(0, 0, 0, 0.72),
        0 14px 36px rgba(0, 0, 0, 0.3),
        0 6px 18px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__thumb.bicojet-gallery__thumb--b2c-mockup:hover .b2c-mockup-device {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.26),
        inset 0 -2px 5px rgba(0, 0, 0, 0.4),
        inset 3px 0 6px -2px rgba(255, 255, 255, 0.1),
        inset -3px 0 6px -2px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(124, 58, 237, 0.35),
        0 18px 42px rgba(0, 0, 0, 0.34),
        0 8px 20px rgba(61, 46, 92, 0.14);
}

/* Dynamic Island */
.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .b2c-mockup-device::before {
    content: "";
    position: absolute;
    top: 0.48rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(36%, 3.1rem);
    height: 0.44rem;
    min-height: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, #242426 0%, #0e0e10 55%, #060607 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 4px rgba(0, 0, 0, 0.55);
    z-index: 4;
    pointer-events: none;
}

/* Home indicator */
.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .b2c-mockup-device::after {
    content: "";
    position: absolute;
    bottom: 0.13rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 2.75rem);
    height: 0.13rem;
    min-height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
    z-index: 4;
    pointer-events: none;
}

.b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .b2c-mockup-device__img {
    position: relative;
    z-index: 1;
    border-radius: 1.12rem;
    aspect-ratio: 9 / 19.5;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        inset 0 0 0 2px rgba(0, 0, 0, 0.38);
}

.bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__item {
    gap: 0.55rem;
}

.bicojet-gallery.bicojet-gallery--b2c-mockups .b2c-mockup-device .bicojet-gallery__img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 19.5;
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 1.12rem;
}

.bicojet-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

.bicojet-gallery__zoom {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(97, 24, 168, 0.6);
    opacity: 0;
    transition: opacity 0.25s ease;
    color: #ffffff;
    font-size: 1.75rem;
}

.bicojet-gallery__thumb:hover .bicojet-gallery__zoom {
    opacity: 1;
}

.bicojet-gallery__label {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    text-align: center;
}

/* B2B/B2C/BicoJET: galeri beyaz bölümde — koyu etiket */
.app-shell--light-theme .section.section--purple:not(.section--first) .bicojet-gallery__label {
    color: #3D2E5C !important;
}

@media (max-width: 768px) {
    .bicojet-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .bicojet-gallery__thumb {
        max-width: 160px;
    }
}

@media (max-width: 480px) {
    .bicojet-gallery {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        max-width: 100%;
    }

    .bicojet-gallery__thumb {
        max-width: min(200px, 72vw);
    }

    .bicojet-gallery__label {
        font-size: 0.85rem;
    }
}

/* Lightbox modal */
.image-lightbox__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.9);
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.image-lightbox__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.image-lightbox__close:hover {
    background: rgba(255, 255, 255, 0.25);
}

.image-lightbox__content {
    max-width: 90vw;
    max-height: 90vh;
}

.image-lightbox__img {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
    image-rendering: auto;
}

/* Hero bileşik mockup (filter modu) — lightbox’ta da seçili tema */
html[data-bicops-theme="navy"] .image-lightbox__img--theme-filter {
    filter: hue-rotate(-40deg) saturate(0.82) brightness(0.88) contrast(1.06);
}

html[data-bicops-theme="teal"] .image-lightbox__img--theme-filter {
    filter: hue-rotate(-88deg) saturate(1.05) contrast(1.04);
}

html[data-bicops-theme="teal"] .image-lightbox__img--theme-filter.image-lightbox__img--theme-base-teal {
    filter: none;
}

html[data-bicops-theme="lavender"] .image-lightbox__img--theme-filter {
    filter: hue-rotate(20deg) saturate(1.03);
}

html[data-bicops-theme="purple"] .image-lightbox__img--theme-filter {
    filter: hue-rotate(-6deg) saturate(1.05) brightness(0.99);
}

/* Lightbox — navy tabanlı mockup (parçalı iade) */
html[data-bicops-theme="navy"] .image-lightbox__img--theme-base-navy {
    filter: none;
}

html[data-bicops-theme="teal"] .image-lightbox__img--theme-base-navy {
    filter: hue-rotate(-66deg) saturate(1.03);
}

html[data-bicops-theme="lavender"] .image-lightbox__img--theme-base-navy {
    filter: hue-rotate(54deg) saturate(1.03);
}

html[data-bicops-theme="purple"] .image-lightbox__img--theme-base-navy {
    filter: hue-rotate(34deg) saturate(1.03);
}

.image-lightbox__backdrop:focus {
    outline: none;
}

.image-lightbox__backdrop:focus-visible {
    outline: 2px solid rgba(167, 139, 250, 0.6);
    outline-offset: -2px;
}

.image-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.image-lightbox__nav:hover {
    background: rgba(255, 255, 255, 0.22);
}

.image-lightbox__nav--prev {
    left: 0.5rem;
}

.image-lightbox__nav--next {
    right: 0.5rem;
}

@media (min-width: 768px) {
    .image-lightbox__nav {
        width: 52px;
        height: 52px;
        font-size: 1.75rem;
    }

    .image-lightbox__nav--prev {
        left: 1rem;
    }

    .image-lightbox__nav--next {
        right: 1rem;
    }
}

.image-lightbox__counter {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.45);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    z-index: 2;
    pointer-events: none;
}

/* Hata barı (Blazor default) */
#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #FAF8FC;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Blazor reconnect modalını tamamen gizle */
#components-reconnect-modal,
.components-reconnect-show,
.components-reconnect-failed,
.components-reconnect-rejected {
    display: none !important;
}

/* Çerez onay banner - altta sabit */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    padding: 1rem var(--content-padding-x);
    background: #ffffff;
    box-shadow: 0 -4px 16px rgba(17, 24, 39, 0.14);
    border-top: 1px solid rgba(124, 58, 237, 0.2);
}

.cookie-consent__inner {
    max-width: var(--container-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.cookie-consent__text {
    flex: 1;
    min-width: 200px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--bicops-text-muted);
    margin: 0;
}

.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.cookie-consent__link {
    font-size: 0.85rem;
    color: var(--bicops-primary);
    text-decoration: underline;
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.cookie-consent__link:hover {
    color: #6d28d9;
}

.cookie-consent__btn {
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease;
}

.cookie-consent__btn:active {
    transform: scale(0.98);
}

.cookie-consent__btn--decline {
    background: #ef4444;
    border: 1px solid #ef4444;
    color: #ffffff;
}

.cookie-consent__btn--decline:hover {
    background: #dc2626;
    border-color: #dc2626;
}

.cookie-consent__btn--accept {
    background: var(--color-bg);
    border: none;
    color: var(--color-text);
}

.cookie-consent__btn--accept:hover {
    background: var(--color-bg-soft);
}

@media (max-width: 600px) {
    .cookie-consent__inner {
        flex-direction: column;
        align-items: stretch;
    }

    .cookie-consent__actions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.35rem;
        width: 100%;
    }

    .cookie-consent__link {
        flex: 0 0 auto;
        font-size: 0.68rem;
        line-height: 1.25;
        text-align: left;
        white-space: nowrap;
    }

    .cookie-consent__btn {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.45rem 0.28rem;
        font-size: clamp(0.62rem, 2.9vw, 0.78rem);
        line-height: 1.2;
        text-align: center;
    }
}

/* Çerez ayarları modal */
.cookie-modal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.cookie-modal__box {
    background: var(--bicops-primary-dark);
    border-radius: 16px;
    max-width: 520px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
}

.cookie-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--bicops-primary);
}

.cookie-modal__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.cookie-modal__close {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--bicops-primary);
    border-radius: 10px;
    font-size: 1.5rem;
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-modal__close:hover {
    background: var(--bicops-primary);
}

.cookie-modal__body {
    padding: 1.5rem;
    overflow-y: auto;
}

.cookie-modal__intro {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.6;
    margin: 0 0 1.25rem;
}

.cookie-modal__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cookie-modal__item {
    padding: 1rem;
    background: var(--bicops-primary-dark);
    border-radius: 12px;
    border: 1px solid var(--bicops-primary);
}

.cookie-modal__item-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 0.35rem;
}

.cookie-modal__item-desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.5;
    margin: 0;
}

.cookie-modal__footer {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--bicops-primary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cookie-modal__link {
    font-size: 1rem;
    color: #e9d5ff;
    text-decoration: underline;
}

.cookie-modal__link:hover {
    color: #ffffff;
}

.cookie-modal__actions {
    display: flex;
    gap: 0.75rem;
}

.cookie-modal__btn {
    padding: 0.5rem 1.25rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.cookie-modal__btn--decline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.72);
    color: #ffffff;
}

.cookie-modal__btn--accept {
    background: var(--bicops-primary-light);
    border: none;
    color: #ffffff;
}

/* Scroll to top - sağda yukarı ok */
.scroll-to-top {
    position: fixed;
    right: 1.5rem;
    bottom: 2rem;
    z-index: 9997;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: var(--color-bg);
    color: var(--color-text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px var(--bicops-mix-shadow-40);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background 0.2s ease;
}

.scroll-to-top:hover {
    background: var(--color-bg-soft);
    transform: translateY(-2px);
    box-shadow: 0 6px 24px var(--bicops-mix-darker-50);
}

.scroll-to-top i {
    font-size: 1.5rem;
    font-weight: bold;
}

.scroll-to-top--visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* Şubat 2026 Güncelleme bölümü */
.update-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 1.5rem;
}

.update-section .section__subtitle--center {
    text-align: center;
    max-width: 600px;
    margin: -0.5rem auto 2rem;
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.92);
}

.update-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.update-grid {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}
.update-card {
    flex: 0 1 calc(50% - 0.75rem);
    min-width: 300px;
}

.update-card {
    position: relative;
    padding: 1.5rem 1.25rem 1.25rem;
    background: var(--card-bg) !important;
    border-radius: 20px;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.update-card:hover {
    transform: translateY(-4px) !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent) !important;
    box-shadow: 0 12px 40px color-mix(in srgb, var(--bicops-primary) 25%, transparent) !important;
}

.update-card--new {
    border-left: 3px solid var(--bicops-primary-light);
}

.update-card--fix {
    border-left: 3px solid #059669;
}

.update-card__header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.update-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bicops-radial-video-b) !important;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.update-card--fix .update-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--bicops-radial-video-b) !important;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.update-card__icon i {
    font-size: 1.25rem;
}

.update-card__title {
    font-family: var(--font-primary) !important;
    font-size: 1.05rem;
    font-weight: 700 !important;
    color: #3D2E5C !important;
    margin: 0;
}

.update-card__body {
    font-family: var(--font-primary) !important;
    font-size: 0.95rem;
    color: var(--bicops-text-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    margin: 0;
    line-height: 1.6;
}

.update-card__badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.55rem;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--bicops-primary-light), var(--bicops-primary-light));
    color: #ffffff;
}

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

/* Detaylı Tanıtım Videoları — Accordion */
.demo-videos-section {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 1.5rem;
}

.demo-videos__subtitle {
    text-align: center;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.7);
    margin: -0.5rem 0 1.5rem;
}

.demo-videos__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 640px;
    margin: 0 auto;
}

.demo-video-item {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--bicops-radial-video-b);
    overflow: hidden;
    transition: border-color 0.25s ease;
}

.demo-video-item:hover {
    border-color: rgba(255, 255, 255, 0.22);
}

.demo-video-item__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 600;
    text-align: left;
    transition: background 0.2s ease;
}

.demo-video-item__toggle:hover {
    background: rgba(255, 255, 255, 0.05);
}

.demo-video-item__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--bicops-radial-video-b);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.demo-video-item__icon i {
    font-size: 1.15rem;
}

.demo-video-item__label {
    flex: 1;
}

.demo-video-item__arrow {
    font-size: 1rem;
    opacity: 0.6;
    transition: transform 0.25s ease;
}

.demo-video-item__content {
    padding: 0 1rem 1rem;
    animation: demo-video-open 350ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes demo-video-open {
    0% {
        opacity: 0;
        max-height: 0;
    }

    100% {
        opacity: 1;
        max-height: 600px;
    }
}

.demo-video-item__player {
    aspect-ratio: 9 / 16;
    max-width: 280px;
    margin: 0 auto 0.75rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.demo-video-item__iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.demo-video-item__desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    margin: 0;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .demo-video-item__player {
        max-width: 240px;
    }
}

/* Accordion video — video section içinde */
.demo-video-accordion {
    max-width: 480px;
    margin: 1.5rem auto 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--bicops-radial-video-b);
    overflow: hidden;
    transition: border-color 0.25s ease;
}

.demo-video-accordion:hover {
    border-color: rgba(255, 255, 255, 0.22);
}

.demo-video-accordion__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 0.92rem;
    font-weight: 600;
    text-align: left;
    transition: background 0.2s ease;
}

.demo-video-accordion__toggle:hover {
    background: rgba(255, 255, 255, 0.05);
}

.demo-video-accordion__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--bicops-radial-video-b);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.demo-video-accordion__icon i {
    font-size: 1.15rem;
}

.demo-video-accordion__label {
    flex: 1;
}

.demo-video-accordion__arrow {
    font-size: 1rem;
    opacity: 0.6;
}

.demo-video-accordion__content {
    padding: 0 1rem 1rem;
    animation: demo-video-open 350ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.demo-video-accordion__player {
    aspect-ratio: 9 / 16;
    max-width: 280px;
    margin: 0 auto 0.75rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.demo-video-accordion__iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.demo-video-accordion__desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    margin: 0;
    line-height: 1.5;
}

/* Typography for purple sections (light background) */
.section--purple {
    color: #3D2E5C;
    font-family: var(--font-primary);
}

.section--purple h1,
.section--purple h2,
.section--purple h3,
.section--purple h4,
.section--purple h5,
.section--purple h6 {
    color: #ffffff;
    font-weight: 700;
}

.section--purple p,
.section--purple li,
.section--purple .section__subtitle {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 400;
    letter-spacing: 0.02em;
}

/* Açık zeminli keşfet kartları (Bicops'u Keşfedin): mor şerit beyaz tipografisini devralmasın */
.section--purple .home-overview-card .home-overview-card__title {
    color: #3D2E5C !important;
}

.section--purple .home-overview-card .home-overview-card__body {
    color: var(--bicops-text-muted) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    letter-spacing: var(--bicops-box-body-ls);
    line-height: var(--bicops-box-body-lh);
}

.section--purple .home-overview-card .home-overview-card__link,
.section--purple .home-overview-card .home-overview-card__link i {
    color: var(--bicops-primary) !important;
}

.section--purple .home-overview-card .home-overview-card__icon {
    color: var(--bicops-primary) !important;
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
}

.section--purple .benefit-card,
.section--purple .extra-card,
.section--purple .update-card {
    position: relative;
    padding: 1.5rem 1.25rem 1.25rem;
    background: var(--card-bg) !important;
    border-radius: 20px;
    border: 1px solid var(--bicops-mix-light-20) !important;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08) !important;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.section--purple .b2b-step__num,
.section--purple .b2c-step__num {
    background: var(--bicops-mix-light-20);
    color: var(--bicops-primary);
}


.section--purple .benefit-card__title,
.section--purple .extra-card__title,
.section--purple .update-card__title {
    font-family: var(--font-primary) !important;
    font-size: 1.05rem;
    font-weight: 700 !important;
    color: #3D2E5C !important;
    margin: 0;
}

.section--purple .benefit-card__body,
.section--purple .extra-card__body,
.section--purple .update-card__body {
    font-family: var(--font-primary) !important;
    font-size: var(--bicops-box-body-fs) !important;
    line-height: var(--bicops-box-body-lh) !important;
    letter-spacing: var(--bicops-box-body-ls) !important;
    font-weight: var(--bicops-box-body-fw) !important;
    font-synthesis: none;
}


.section--purple .benefit-card__icon,
.section--purple .extra-card__icon,
.section--purple .update-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--bicops-primary-light) 15%, transparent) !important;
    color: var(--bicops-primary) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.section--partners {
    background: var(--bicops-surface-bg) !important;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.partners-section__subtitle {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em;
}

@media (max-width: 900px) {
    .hero {
        display: flex;
        flex-direction: column;
        padding-bottom: 0.5rem;
    }
    .hero-visual {
        order: -1;
        margin-bottom: 2rem;
    }
    .hero__content {
        order: 1;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .bicops-home .hero__brand-title {
        text-align: center;
    }

    /* AI / vurgu satırı: flex satırında varsayılan sola yaslama mobilde “kayma” yapıyordu */
    .bicops-home .hero-ai-slider--hero {
        justify-content: center;
        width: 100%;
    }

    .bicops-home .hero-ai-slider__item {
        text-align: center;
    }

    .bicops-home .hero__app-desc,
    .bicops-home .hero__tagline {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 36rem;
    }

    /* Mobilde hero marka: BI + COPS tam beyaz (masaüstünde zaten min-width:901 kuralıyla beyaz) */
    .bicops-home .hero__brand-title-bi {
        color: #ffffff;
        text-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
    }

    .hero__download-label {
        text-align: center;
        width: 100%;
    }

    .store-row {
        justify-content: center;
        width: 100%;
    }
}


/* B2B Step Styling Update */
.b2b-step {
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-35) !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px var(--bicops-mix-shadow-30) !important;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: center;
}

.b2b-step:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--bicops-primary-light) 50%, transparent) !important;
}

.b2b-step__content {
    padding: 2.5rem;
}

.b2b-step__num {
    background: var(--bicops-mix-light-20) !important;
    color: var(--bicops-primary) !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    margin-bottom: 1rem;
}

.b2b-step__title {
    color: #3D2E5C !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

.b2b-step__body {
    color: var(--bicops-text-muted) !important;
    line-height: 1.6 !important;
}

.b2b-step__img-wrap {
    height: 100%;
}

.b2b-step__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive Order for B2B Steps */
@media (max-width: 960px) {
    .b2b-step {
        grid-template-columns: 1fr;
    }
    .b2b-step__img-wrap {
        order: -1;
        height: 300px;
    }
    .b2b-step__content {
        padding: 1.5rem;
    }
}

/* B2B Sayfası Plasiyer/Tüccar Kart Hizalaması */
.b2b-block .home-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 360px)) !important;
    justify-content: center !important;
    margin-bottom: 3rem !important;
}

@media (max-width: 768px) {
    .b2b-block .home-overview__grid {
        grid-template-columns: 1fr !important;
    }
}

/* B2B Sayfası Kart Düzeni Revizyonu (Görsel Üstte, Metin Altta, Eşit Boyutlar) */
.b2b-block__steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
}

.b2b-step {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-radial-video-b) !important;
    border-radius: 24px !important;
    transition: all 0.3s cubic-bezier(0.2, 0, 0, 1) !important;
}

.b2b-block__steps .b2b-step__title {
    color: #2D1B4E !important;
}

.b2b-block__steps .b2b-step__body {
    color: #3D2E5C !important;
}

.b2b-block__steps .b2b-step__num {
    background: color-mix(in srgb, var(--bicops-primary-light) 15%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.b2b-step__img-wrap {
    width: 100% !important;
    height: 320px !important;
    padding: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid var(--bicops-mix-light-20) !important;
    overflow: hidden !important;
}

.b2b-step__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Tüm görselleri aynı kutuya sığdırıp tam dolduruyoruz */
    transition: transform 0.3s ease !important;
}

.b2b-step:hover .b2b-step__img {
    transform: scale(1.05);
}

.b2b-step__content {
    padding: 1.75rem !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

@media (max-width: 1024px) {
    .b2b-block__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .b2b-block__steps {
        grid-template-columns: 1fr !important;
    }
    .b2b-step__img-wrap {
        height: 240px !important;
    }
}

/* Global Lightbox / Modal İyileştirmeleri */
img {
    cursor: zoom-in;
}

.image-lightbox__backdrop {
    background: rgba(7, 3, 14, 0.95) !important;
    backdrop-filter: blur(8px);
}

.image-lightbox__img {
    border-radius: 12px;
    box-shadow: 0 0 50px rgba(138, 0, 255, 0.3);
}

/* B2B birleşik galeri lightbox: yatay kompozisyon için geniş kadraj */
.image-lightbox__backdrop.image-lightbox__backdrop--b2b-gallery-wide {
    padding: clamp(0.5rem, 2vw, 1rem) !important;
    align-items: center !important;
    justify-content: center !important;
}

.image-lightbox__backdrop.image-lightbox__backdrop--b2b-gallery-wide .image-lightbox__content {
    max-width: min(96vw, 1180px) !important;
    max-height: 96vh !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.image-lightbox__backdrop.image-lightbox__backdrop--b2b-gallery-wide .image-lightbox__img {
    max-height: 94vh !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* B2C Sayfası — B2B ile uyumlu (beyaz kartlar, koyu metin) */
.b2c-block .home-overview__grid {
    grid-template-columns: minmax(0, 360px) !important;
    justify-content: center !important;
    margin-bottom: 3rem !important;
}

.b2c-block__steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
}

.b2c-step {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-radial-video-b) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    overflow: hidden !important;
}

.b2c-step:hover {
    transform: translateY(-4px) !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 40%, transparent) !important;
    box-shadow: none !important;
}

.b2c-step__img-wrap {
    width: 100% !important;
    height: 320px !important;
    padding: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: none !important;
    overflow: hidden !important;
}

.b2c-step__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.b2c-step:hover .b2c-step__img {
    transform: scale(1.03);
}

.b2c-step__content {
    padding: 1.75rem !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.b2c-step__num {
    background: var(--bicops-mix-light-20) !important;
    color: var(--bicops-primary) !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    margin-bottom: 1rem;
}

.b2c-step__title {
    color: #3D2E5C !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.75rem !important;
}

.b2c-step__body {
    color: var(--bicops-text-muted) !important;
    line-height: 1.6 !important;
    font-size: 1rem !important;
}

@media (max-width: 1024px) {
    .b2c-block__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .b2c-block .home-overview__grid {
        grid-template-columns: 1fr !important;
    }
    .b2c-block__steps {
        grid-template-columns: 1fr !important;
    }
    .b2c-step__img-wrap {
        height: 240px !important;
    }
}

/* B2C: bireysel — özellik kartları (mockup üst kahramanda) */
.b2c-bireysel-prose {
    position: relative;
    max-width: var(--container-width, min(1280px, 96vw));
    margin: 0.5rem auto 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}

.b2c-page-roles .home-overview__subtitle {
    margin-bottom: 1.5rem;
}

/* Üç iPhone fan kompoziti */
.b2c-bireysel-mockup-cluster {
    position: relative;
    width: 100%;
    max-width: min(340px, 42vw);
    aspect-ratio: 1 / 1.05;
    margin-inline: auto;
}

.b2c-bireysel-mockup-cluster__phone {
    position: absolute;
    line-height: 0;
    filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.28));
}

.b2c-bireysel-mockup-cluster__phone--center {
    left: 50%;
    bottom: 2%;
    width: 46%;
    transform: translateX(-50%);
    z-index: 3;
}

.b2c-bireysel-mockup-cluster__phone--left {
    left: 2%;
    top: 10%;
    width: 40%;
    transform: rotate(-14deg);
    transform-origin: center bottom;
    z-index: 2;
}

.b2c-bireysel-mockup-cluster__phone--right {
    right: 2%;
    top: 10%;
    width: 40%;
    transform: rotate(14deg);
    transform-origin: center bottom;
    z-index: 2;
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device--cluster {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0.32rem 0.2rem 0.38rem;
    border-radius: 1.35rem;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(120% 52% at 50% 0%, rgba(255, 255, 255, 0.14) 0%, transparent 50%),
        linear-gradient(
            270deg,
            #131316 0%,
            #2b2b30 7%,
            #1f1f22 42%,
            #141416 58%,
            #1f1f22 86%,
            #2b2b30 93%,
            #131316 100%
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -2px 5px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(0, 0, 0, 0.58),
        0 12px 32px rgba(0, 0, 0, 0.28),
        0 5px 14px rgba(61, 46, 92, 0.12);
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device--cluster::before {
    content: "";
    position: absolute;
    top: 0.48rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(36%, 3.1rem);
    height: 0.44rem;
    min-height: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, #242426 0%, #0e0e10 55%, #060607 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 4px rgba(0, 0, 0, 0.55);
    z-index: 4;
    pointer-events: none;
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device--cluster::after {
    content: "";
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(34%, 1.75rem);
    height: 0.1rem;
    min-height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.4);
    z-index: 4;
    pointer-events: none;
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device--cluster .b2c-mockup-device__screen {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.92rem;
    line-height: 0;
}

.b2c-bireysel-mockup-cluster .b2c-mockup-device--cluster .b2c-mockup-device__img {
    border-radius: 0.92rem;
    aspect-ratio: 9 / 19.5;
    object-fit: contain;
    object-position: top center;
    image-rendering: auto;
}

/* B2C kahraman — sol fan mockup, sağ metin (Bicops Nedir düzeni) */
.b2c-page .section--purple.section--first .feat-row--b2c-hero-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: clamp(2rem, 4vw, 4rem);
    row-gap: 2rem;
    align-items: center;
    max-width: var(--container-width, min(1280px, 96vw));
    margin-inline: auto;
}

.b2c-page .section--purple.section--first .feat-row__visual--hero-cluster {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.b2c-page .section--purple.section--first .feat-row__visual--hero-cluster::after {
    display: none;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__content--BicoPOS-hero {
    width: 100%;
    max-width: min(620px, 100%);
    margin-inline: auto;
    text-align: left;
    align-items: flex-start;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__hero-text-column {
    margin-inline: 0;
    max-width: min(620px, 100%);
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__hero-text-stack {
    align-items: stretch;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__subtitle {
    text-align: left;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split {
    align-items: center;
    align-self: center;
    width: 100%;
    text-align: center;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split .feat-row__title-kicker,
.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split .feat-row__title-rest {
    text-align: center;
}

.b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split .feat-row__title-kicker::after {
    margin-left: auto;
    margin-right: auto;
}

/* Bireysel müşteri (B2C): 4 özellik kartı */
.b2c-bireysel-prose__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .b2c-bireysel-prose__cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.35rem;
    }
}

@media (max-width: 960px) {
    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split {
        grid-template-columns: minmax(0, 1fr);
    }

    .b2c-page .section--purple.section--first .feat-row__visual--hero-cluster {
        order: -1;
    }

    .b2c-bireysel-mockup-cluster {
        max-width: min(300px, 78vw);
    }

    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__content--BicoPOS-hero,
    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__hero-text-stack {
        align-items: stretch;
    }

    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__subtitle {
        text-align: center;
    }

    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split {
        align-items: center;
        align-self: center;
        text-align: center;
    }

    .b2c-page .section--purple.section--first .feat-row--b2c-hero-split .feat-row__title--hero-split .feat-row__title-kicker::after {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 560px) {
    .b2c-bireysel-prose__cards {
        grid-template-columns: minmax(0, 1fr);
    }
}

.b2c-bireysel-prose__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 0.75rem;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1.25rem 1.15rem 1.35rem;
    background: #ffffff;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 22%, transparent);
    box-shadow: 0 4px 18px color-mix(in srgb, var(--bicops-primary) 7%, transparent);
    border-radius: 12px;
}

.b2c-bireysel-prose__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bicops-primary-light) 15%, transparent);
    color: var(--bicops-primary);
    font-size: 1.28rem;
    margin-top: 0;
}

.b2c-bireysel-prose__card .b2c-bireysel-prose__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 22%, transparent);
    border-radius: 8px;
    color: var(--bicops-primary);
}

.b2c-bireysel-prose__icon i {
    font-size: 1.22rem;
}

.b2c-bireysel-prose__p {
    font-family: var(--font-primary);
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    color: #4A3F63 !important;
    margin: 0 0 1rem;
}

.b2c-bireysel-prose__card .b2c-bireysel-prose__p {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    width: 100%;
    text-align: center;
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    line-height: var(--bicops-box-body-lh);
    letter-spacing: var(--bicops-box-body-ls);
    font-synthesis: none;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: visible;
}

.b2c-bireysel-prose__p:last-child {
    margin-bottom: 0;
}

.b2c-bireysel-prose__p:first-of-type {
    color: #4A3F63 !important;
}

.b2c-bireysel-prose--bicops {
    max-width: 960px;
    margin-top: 2rem;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    overflow: visible;
}

.b2c-bireysel-prose--bicops .b2c-bireysel-prose__inner {
    padding-left: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.b2c-bireysel-prose--bicops .b2c-bireysel-prose__p {
    background: var(--card-bg);
    border: 1px solid var(--bicops-mix-light-20);
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
    border-radius: 0;
    padding: 1rem 1.1rem;
    font-size: 0.98rem;
    line-height: 1.6;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    aspect-ratio: 1 / 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media (max-width: 1024px) {
    .b2c-bireysel-prose--bicops .b2c-bireysel-prose__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .b2c-bireysel-prose--bicops .b2c-bireysel-prose__inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .b2c-bireysel-prose--bicops .b2c-bireysel-prose__p {
        aspect-ratio: auto;
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .b2c-bireysel-prose {
        padding: 0;
        grid-template-columns: minmax(0, 1fr);
    }

    .b2c-bireysel-prose__inner {
        padding-left: 0;
    }
}

/* B2C — «Bireysel Müşteri Deneyimi» altındaki ince mor ayırıcı çizgi (bölüm border-bottom) */
.b2c-page .section.section--purple.b2c-section--roles {
    border-bottom: none !important;
}

/* B2B — Plasiyer / Tüccar: ferah boşluk, iki sütun dengeli, kısa kart gereksiz uzamıyor */
.b2b-page-roles .section__title.section__title--center {
    margin-bottom: 0.65rem;
}

.b2b-page-roles .home-overview__subtitle {
    margin-bottom: 2rem;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.b2b-page-roles .feat-row__blocks--BicoPOS.feat-row__blocks--3col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(2rem, 5.5vw, 3.5rem);
    align-items: stretch;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

/* Aynı satırdaki iki kart: üst hizada + eşit yükseklik; reveal gecikmesi kaldırıldı (biri aşağıda kalmasın) */
.b2b-page-roles .feat-row__blocks--BicoPOS > .feat-block.reveal {
    transition-delay: 0ms !important;
    height: 100%;
    align-self: stretch;
}

.b2b-page-roles .feat-row__blocks--BicoPOS .feat-block {
    padding: 1.55rem 1.65rem 1.8rem;
}

.b2b-page-roles .feat-row__blocks--BicoPOS .feat-block--compact .feat-block__header {
    margin-bottom: 1rem;
}

.b2b-page-roles .feat-row__blocks--BicoPOS .feat-block__body {
    line-height: 1.75;
}

@media (max-width: 520px) {
    .b2b-page-roles .feat-row__blocks--BicoPOS.feat-row__blocks--3col {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* B2B — modül özeti: 2×2 kartlar, mobilde tek sütun */
.b2b-page-module-privileges .section__title.section__title--center {
    margin-bottom: 0.65rem;
}

.b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.25rem, 3vw, 1.75rem);
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    align-items: stretch;
}

/* Öne çıkan ayrıcalıklar: yatay dikdörtgen kartlar (geniş > yüksek hissi) */
.b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module > .feat-block.feat-block--compact {
    border-radius: 0 !important;
    height: 100%;
    padding: 0.9rem 1.75rem 1rem;
    box-sizing: border-box;
}

.b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module .feat-block__header {
    margin-bottom: 0.5rem;
}

.b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module .feat-block__body {
    line-height: 1.48;
}

@media (min-width: 721px) {
    .b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module > .feat-block.feat-block--compact {
        min-height: clamp(8.75rem, 14vw, 10.5rem);
    }
}

@media (max-width: 720px) {
    .b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module {
        grid-template-columns: minmax(0, 1fr);
    }

    .b2b-page-module-privileges .feat-row__blocks--BicoPOS.feat-row__blocks--b2b-module > .feat-block.feat-block--compact {
        min-height: 0;
    }
}

.b2b-page-system-flow .home-overview__subtitle {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75rem;
}

/* Bicops nedir — kimler için kartları + B2B/B2C / BicoPOS/BicoJET link grid */
.bicops-page-audience .home-overview__subtitle {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

/* Bicops — Bireysel müşteri: kare kutularda ikonlar (genel --square kuralı ikonları gizliyordu) */
@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square.bicops-bireysel-points .BicoPOS-point__icon {
        display: flex !important;
    }
}

/* B2C — Öne Çıkanlar: kare kutularda ikonlar */
@media (min-width: 720px) {
    .home-overview--on-purple .BicoPOS-points--square.b2c-highlights-points .BicoPOS-point__icon {
        display: flex !important;
    }
}

/* B2C — Öne Çıkanlar: kısa başlık / gövde (Razor’da ayrı öğeler) */
.b2c-page .b2c-highlights-points .BicoPOS-point__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    width: 100%;
    text-align: left;
}

.b2c-page .b2c-highlights-points .BicoPOS-point__head .BicoPOS-point__icon {
    flex-shrink: 0;
}

.b2c-page .b2c-highlights-points .BicoPOS-point__copy {
    flex: none;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
}

.b2c-page .b2c-highlights-points .BicoPOS-point__lead {
    margin: 0;
    flex: 1 1 0;
    min-width: 0;
    font-family: var(--font-primary);
    font-size: calc(var(--bicops-box-body-fs) * 1.06);
    font-weight: 700;
    line-height: var(--bicops-box-body-lh);
    letter-spacing: -0.015em;
    font-synthesis: none;
    color: #4a3f63;
    text-align: left;
}

.b2c-page .b2c-highlights-points .BicoPOS-point__copy .BicoPOS-point__text {
    flex: none;
    color: #4a3f63 !important;
}

@media (min-width: 720px) {
    /* B2C Öne Çıkanlar: masaüstünde ikon + başlık + gövde sola (genel --square kartları ortalı kalır) */
    .b2c-page .home-overview--on-purple .BicoPOS-points--square.b2c-highlights-points .BicoPOS-point {
        align-items: stretch;
        text-align: left;
    }

    .b2c-page .b2c-highlights-points .BicoPOS-point > .BicoPOS-point__icon {
        align-self: flex-start;
    }

    .b2c-page .b2c-highlights-points .BicoPOS-point__head {
        justify-content: flex-start;
        align-items: center;
        text-align: left;
    }

    .b2c-page .b2c-highlights-points .BicoPOS-point__lead {
        flex: 1 1 0;
        text-align: left;
    }

    .b2c-page .b2c-highlights-points .BicoPOS-point__copy,
    .b2c-page .b2c-highlights-points .BicoPOS-point__copy .BicoPOS-point__text {
        text-align: left;
    }
}

.bicops-page-audience__top-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .bicops-page-audience__top-cards {
        grid-template-columns: minmax(0, 1fr);
    }
}

.bicops-page-links .home-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    align-items: stretch;
    gap: 1.25rem;
    max-width: 1120px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Bicops — B2B/B2C / BicoPOS-BicoJET: üst satır feat-block ile aynı ölçek (padding/ikon/başlık), dikdörtgen köşe, iki kart eşit yükseklik */
.bicops-page-links.home-overview--discover .home-overview-card {
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 100%;
    min-height: 0;
    align-self: stretch;
    border-radius: 0 !important;
    padding: 0.85rem 1.1rem 0.95rem !important;
    box-sizing: border-box;
}

.bicops-page-links.home-overview--discover .home-overview-card__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    margin-bottom: 0.5rem !important;
    font-size: 1.1rem;
    border-radius: 0 !important;
}

.bicops-page-links.home-overview--discover .home-overview-card__title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.45rem !important;
}

.bicops-page-links.home-overview--discover .home-overview-card__body {
    line-height: 1.5 !important;
    margin: 0 !important;
}

.bicops-page-links.home-overview--discover .home-overview-card:hover {
    border-radius: 0 !important;
}

.bicops-page-links.home-overview--discover .home-overview-card__link {
    margin-top: auto !important;
}

@media (max-width: 820px) {
    .bicops-page-links .home-overview__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* B2C Bireysel Müşteri Kartı — site temasına uyumlu (eski; başka yerde kullanılırsa) */
.b2c-bireysel-wrap {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
}

.b2c-bireysel-card {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 1.75rem;
    background: var(--card-bg) !important;
    border: 1px solid var(--bicops-mix-light-20);
    border-radius: 18px;
    box-shadow: 0 4px 20px var(--bicops-mix-primary-08);
    width: 100%;
    max-width: 680px;
    transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.b2c-bireysel-card:hover {
    transform: translateY(-3px);
    border-color: var(--bicops-mix-light-35);
    background: var(--card-bg-hover) !important;
}

.b2c-bireysel-card__icon {
    width: 56px;
    height: 56px;
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.b2c-bireysel-card__icon i {
    font-size: 1.75rem;
    color: var(--bicops-primary);
}

.b2c-bireysel-card__content {
    flex-grow: 1;
}

.b2c-bireysel-card__title {
    color: #2D1B4E !important;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.b2c-bireysel-card__body {
    color: #3D2E5C !important;
    line-height: 1.6;
    font-size: 0.98rem;
    margin: 0;
}

@media (max-width: 768px) {
    .b2c-bireysel-card {
        flex-direction: column;
        text-align: center;
        gap: 1.25rem;
        padding: 1.25rem 1.5rem;
    }
    
    .b2c-bireysel-card__icon {
        width: 48px;
        height: 48px;
    }
    
    .b2c-bireysel-card__icon i {
        font-size: 1.5rem;
    }
    
    .b2c-bireysel-card__title {
        font-size: 1.15rem;
    }
}

/* ========== app-shell--light-theme: ilk bölüm lavanta, sonraki mor sınıflı bölümler beyaz ========== */

.app-shell--light-theme .section.section--purple:not(.section--first),
.app-shell--light-theme .section.section--white:not(.section--first) {
    background: #ffffff !important;
    color: #3D2E5C;
    border-bottom: 1px solid color-mix(in srgb, var(--bicops-primary) 10%, transparent);
}

.app-shell--light-theme .section.section--purple:not(.section--first) .section__title,
.app-shell--light-theme .section.section--white:not(.section--first) .section__title,
.app-shell--light-theme .section.section--purple:not(.section--first) .section__title--center,
.app-shell--light-theme .section.section--white:not(.section--first) .section__title--center {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .section__subtitle,
.app-shell--light-theme .section.section--white:not(.section--first) .section__subtitle,
.app-shell--light-theme .section.section--purple:not(.section--first) .section__subtitle--center,
.app-shell--light-theme .section.section--white:not(.section--first) .section__subtitle--center {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview .section__title,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview .section__title--center,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .section__title,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .section__title--center {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview__subtitle,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .home-overview__subtitle {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .benefits-section .section__title,
.app-shell--light-theme .section.section--purple:not(.section--first) .extras-section .section__title,
.app-shell--light-theme .section.section--purple:not(.section--first) .app-preview-section .section__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .update-section .section__subtitle--center {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) h1,
.app-shell--light-theme .section.section--purple:not(.section--first) h2,
.app-shell--light-theme .section.section--purple:not(.section--first) h3,
.app-shell--light-theme .section.section--purple:not(.section--first) h4,
.app-shell--light-theme .section.section--purple:not(.section--first) h5,
.app-shell--light-theme .section.section--purple:not(.section--first) h6,
.app-shell--light-theme .section.section--white:not(.section--first) h1,
.app-shell--light-theme .section.section--white:not(.section--first) h2,
.app-shell--light-theme .section.section--white:not(.section--first) h3,
.app-shell--light-theme .section.section--white:not(.section--first) h4,
.app-shell--light-theme .section.section--white:not(.section--first) h5,
.app-shell--light-theme .section.section--white:not(.section--first) h6 {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) p,
.app-shell--light-theme .section.section--purple:not(.section--first) li,
.app-shell--light-theme .section.section--purple:not(.section--first) .section__subtitle,
.app-shell--light-theme .section.section--white:not(.section--first) p,
.app-shell--light-theme .section.section--white:not(.section--first) li {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section--partners {
    background: #ffffff !important;
    border-top-color: var(--bicops-mix-primary-12) !important;
    border-bottom-color: var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .partners-section .section__title,
.app-shell--light-theme .partners-section__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .partners-section__subtitle {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .cta-final {
    background: #ffffff !important;
    border-top: 1px solid color-mix(in srgb, var(--bicops-primary) 10%, transparent);
}

.app-shell--light-theme .cta-final__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .cta-final__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 28%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.app-shell--light-theme .cta-final__subtitle {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .bicops-home #summary .summary-strip .section__title {
    color: #3d2e5c !important;
}

.app-shell--light-theme .bicops-home #summary .summary-strip .section__subtitle {
    color: var(--bicops-text-muted) !important;
}

/* Beyaz bölümlerde kartlar: düz beyaz (app-shell--light-theme) */
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview-card,
.app-shell--light-theme .section.section--white:not(.section--first) .home-overview-card {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview-card:hover,
.app-shell--light-theme .section.section--white:not(.section--first) .home-overview-card:hover {
    background: #ffffff !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 8px 28px var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview-card:hover .home-overview-card__title,
.app-shell--light-theme .section.section--white:not(.section--first) .home-overview-card:hover .home-overview-card__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview-card:hover .home-overview-card__body,
.app-shell--light-theme .section.section--white:not(.section--first) .home-overview-card:hover .home-overview-card__body {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview-card:hover .home-overview-card__icon,
.app-shell--light-theme .section.section--white:not(.section--first) .home-overview-card:hover .home-overview-card__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    color: var(--bicops-primary) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .feat-block,
.app-shell--light-theme .section.section--white:not(.section--first) .feat-block {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .feat-block:hover,
.app-shell--light-theme .section.section--white:not(.section--first) .feat-block:hover {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 40%, transparent) !important;
    box-shadow: 0 8px 28px var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .feat-row__blocks--dark .feat-block,
.app-shell--light-theme .section.section--white:not(.section--first) .feat-row__blocks--dark .feat-block {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    border-left: 4px solid var(--bicops-primary-light) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .feat-row__blocks--dark .feat-block:hover,
.app-shell--light-theme .section.section--white:not(.section--first) .feat-row__blocks--dark .feat-block:hover {
    background: #ffffff !important;
    box-shadow: 0 8px 28px var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .benefit-card,
.app-shell--light-theme .section.section--purple:not(.section--first) .extra-card,
.app-shell--light-theme .section.section--purple:not(.section--first) .update-card {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .benefit-card:hover,
.app-shell--light-theme .section.section--purple:not(.section--first) .extra-card:hover,
.app-shell--light-theme .section.section--purple:not(.section--first) .update-card:hover {
    background: #ffffff !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-point,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-step {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
    border-radius: 0 !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-point__icon {
    border-radius: 0 !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-point:hover,
.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-step:hover {
    background: #ffffff !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 8px 28px var(--bicops-mix-primary-12) !important;
    border-radius: 0 !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .home-overview--on-purple .BicoPOS-cta {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .b2b-step,
.app-shell--light-theme .section.section--purple:not(.section--first) .b2c-step {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .b2b-step:hover,
.app-shell--light-theme .section.section--purple:not(.section--first) .b2c-step:hover {
    background: #ffffff !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .b2c-bireysel-card {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--purple:not(.section--first) .b2c-bireysel-card:hover {
    background: #ffffff !important;
}

.app-shell--light-theme .section.section--white:not(.section--first) .benefit-card,
.app-shell--light-theme .section.section--white:not(.section--first) .extra-card,
.app-shell--light-theme .section.section--white:not(.section--first) .update-card {
    background: #ffffff !important;
    border-color: color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--white:not(.section--first) .benefit-card:hover,
.app-shell--light-theme .section.section--white:not(.section--first) .extra-card:hover,
.app-shell--light-theme .section.section--white:not(.section--first) .update-card:hover {
    background: #ffffff !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 12px 40px var(--bicops-mix-primary-12) !important;
}

/* Anasayfa — «Bicops'u Keşfedin»: lavanta şerit yerine beyaz bölüm + kartlar */
.app-shell--light-theme .section.section--first:has(.home-overview--discover) {
    background: #ffffff !important;
    color: #3D2E5C;
    border-bottom: 1px solid color-mix(in srgb, var(--bicops-primary) 10%, transparent);
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .section__title,
.app-shell--light-theme .section.section--first:has(.home-overview--discover) .section__title--center {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview__subtitle {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--bicops-primary-light) 18%, transparent) !important;
    box-shadow: 0 2px 16px color-mix(in srgb, var(--bicops-primary) 6%, transparent) !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover {
    background: #ffffff !important;
    border-color: var(--bicops-mix-light-35) !important;
    box-shadow: 0 8px 28px var(--bicops-mix-primary-12) !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover .home-overview-card__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover .home-overview-card__body {
    color: var(--bicops-text-muted) !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover .home-overview-card__icon {
    background: color-mix(in srgb, var(--bicops-primary-light) 12%, transparent) !important;
    color: var(--bicops-primary) !important;
}

/* =============================================================================
 * Mobil — ikonlu kart kutuları (≤768px): başlık clamp(17–18px)/600, gövde clamp(15–16px)/500.
 * Tüm keşfet, fayda, feat-blok ve mor şerit ikon kutularında ortak (--bicops-m-card-*).
 * ============================================================================= */
@media (max-width: 768px) {
    html {
        --bicops-m-card-title-fs: clamp(17px, 4.2vw, 18px);
        --bicops-m-card-title-lh: 1.38;
        --bicops-m-card-body-fs: clamp(15px, 3.6vw, 16px);
        --bicops-m-card-body-lh: 1.55;
        --bicops-m-card-title-fw: 600;
        --bicops-m-card-body-fw: 500;
        --bicops-m-card-link-fw: 500;
    }

    /* Keşfet (Bicops'u Keşfedin): mobilde başlık ikon kutusunun yanında ve dikeyde ortalı */
    .home-overview--discover .home-overview__grid > a.home-overview-card {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 0.65rem;
        row-gap: 0.55rem;
        align-items: start;
    }

    .home-overview--discover .home-overview__grid > a.home-overview-card .home-overview-card__icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center !important;
        margin-bottom: 0 !important;
    }

    .home-overview--discover .home-overview__grid > a.home-overview-card .home-overview-card__title {
        grid-column: 2;
        grid-row: 1;
        align-self: center !important;
        margin: 0 !important;
        width: auto;
        text-align: left;
    }

    .home-overview--discover .home-overview__grid > a.home-overview-card .home-overview-card__body {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .home-overview--discover .home-overview__grid > a.home-overview-card .home-overview-card__link {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 0.75rem !important;
    }

    .section--purple.section--first .home-overview--discover a.home-overview-card .home-overview-card__icon {
        margin-bottom: 0 !important;
    }

    .section--purple.section--first .home-overview--discover a.home-overview-card .home-overview-card__title {
        margin-bottom: 0 !important;
    }

    /* Keşfet / baclink kartları */
    .bicops-home .section--purple .home-overview--discover a.home-overview-card h3.home-overview-card__title,
    .ozellikler-page .section--purple .home-overview--discover a.home-overview-card h3.home-overview-card__title,
    a.home-overview-card h3.home-overview-card__title,
    .bicops-page-links.home-overview--discover .home-overview-card__title {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-style: normal !important;
        font-synthesis: none;
    }

    .bicops-home .section--purple .home-overview--discover a.home-overview-card p.home-overview-card__body,
    .ozellikler-page .section--purple .home-overview--discover a.home-overview-card p.home-overview-card__body,
    a.home-overview-card p.home-overview-card__body,
    .bicops-page-links.home-overview--discover .home-overview-card__body {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-style: normal !important;
        font-synthesis: none;
    }

    .bicops-home .section--purple .home-overview--discover a.home-overview-card span.home-overview-card__link,
    .ozellikler-page .section--purple .home-overview--discover a.home-overview-card span.home-overview-card__link,
    a.home-overview-card span.home-overview-card__link {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-body-fs) !important;
        font-weight: var(--bicops-m-card-link-fw) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    /* Fayda / ekstra / güncelleme (tüm sayfalar) */
    .bicops-home .benefits-section .benefit-card h3.benefit-card__title,
    .bicops-home .extras-section .extra-card h3.extra-card__title,
    .bicops-home .update-section .update-card h3.update-card__title,
    .benefit-card h3.benefit-card__title,
    .extra-card h3.extra-card__title,
    .update-card h3.update-card__title {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        color: #3D2E5C !important;
        font-synthesis: none;
    }

    .bicops-home .benefits-section .benefit-card p.benefit-card__body,
    .bicops-home .extras-section .extra-card p.extra-card__body,
    .bicops-home .update-section .update-card p.update-card__body,
    .benefit-card p.benefit-card__body,
    .extra-card p.extra-card__body,
    .update-card p.update-card__body {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        color: var(--bicops-text-muted) !important;
        font-synthesis: none;
    }

    /* Mor şeritte kompakt feat-blokları (Garaj, BicoPOS, B2B…) */
    .feat-block.feat-block--compact h3.feat-block__title,
    .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__title,
    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block h3.feat-block__title {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .feat-block.feat-block--compact p.feat-block__body,
    .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block p.feat-block__body,
    .home-overview--on-purple .feat-row__blocks--BicoPOS .bicojet-role-line__text,
    .content-page .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block p.feat-block__body {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__list,
    .home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__list li,
    .feat-block.feat-block--compact .feat-block__list,
    .feat-block.feat-block--compact .feat-block__list li {
        font-family: var(--font-primary) !important;
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    /* Açık zemin özellik detay kartları */
    .feat-block--dark .feat-block__title {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
    }

    .feat-block--dark .feat-block__body,
    .feat-block--dark .feat-block__list,
    .feat-block--dark .feat-block__list li {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .feat-block--dark .feat-block__group-title {
        font-size: var(--bicops-m-card-body-fs) !important;
        font-weight: var(--bicops-m-card-link-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .home-overview--on-purple .BicoPOS-point p.BicoPOS-point__text {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .bicopos-page .home-overview--on-purple .BicoPOS-points--spotlightIcons .BicoPOS-point__spotlight-body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    .b2c-page .b2c-highlights-points .BicoPOS-point__lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: 700 !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
        color: #4a3f63 !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
    }

    .bicojet-page .home-overview--on-purple .BicoPOS-points--bicojetWhatIsIcons .bicojet-whatis-point__body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .bicojet-page .home-overview--on-purple .bicojet-customerside-cards .bicojet-customerside-point__lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .bicojet-page .home-overview--on-purple .bicojet-customerside-cards .bicojet-customerside-point__body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    .bicojet-page .home-overview--on-purple .bicojet-profile-cards .bicojet-profile-point__lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .bicojet-page .home-overview--on-purple .bicojet-profile-cards .bicojet-profile-point__body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps .BicoPOS-point__step-lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .bicojet-page .home-overview--on-purple .bicojet-delivery-steps .BicoPOS-point__step-body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    .b2b-page .home-overview--on-purple .BicoPOS-points--steps .BicoPOS-point__step-lead {
        font-size: var(--bicops-m-card-title-fs) !important;
        line-height: var(--bicops-m-card-title-lh) !important;
        font-weight: var(--bicops-m-card-title-fw) !important;
        letter-spacing: -0.015em !important;
        font-synthesis: none;
    }

    .b2b-page .home-overview--on-purple .BicoPOS-points--steps .BicoPOS-point__step-body {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
        font-synthesis: none;
    }

    /* B2C (/b2c): bireysel müşteri — yalnızca mobilde ikon + metin satırı (masaüstü sütun + ortalı kalır) */
    .b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__card {
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 0.45rem !important;
    }

    .b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__card .b2c-bireysel-prose__icon {
        align-self: flex-start !important;
    }

    .b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__card .b2c-bireysel-prose__p {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
        min-width: 0 !important;
    }

    .b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__card .b2c-bireysel-prose__p,
    .b2c-bireysel-prose__card .b2c-bireysel-prose__p {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .b2c-bireysel-prose--bicops .b2c-bireysel-prose__p {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-body-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .bicojet-gallery__label {
        font-size: var(--bicops-m-card-body-fs) !important;
        line-height: var(--bicops-m-card-body-lh) !important;
        font-weight: var(--bicops-m-card-link-fw) !important;
        letter-spacing: 0.015em !important;
    }

    .b2c-page .bicojet-gallery.bicojet-gallery--b2c-mockups .bicojet-gallery__label {
        font-weight: 700 !important;
        letter-spacing: -0.015em !important;
    }
}

/* B2B / B2C / BicoPOS / BicoUsta / BicoJET — yalnız ilk mor kahraman ana başlık: 700→600, punto orantılı küçük (kicker/alt paragraf hariç) */
.b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
.b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.bicopos-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.ustam-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split),
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split) {
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
}

@media (min-width: 769px) {
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split) {
        font-size: clamp(1.92rem, 3.75vw, 2.42rem) !important;
        line-height: 1.2 !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split),
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split) {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest,
    .b2b-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .b2c-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicojet-page .section--purple.section--first .feat-row__hero-text-stack > .feat-row__title:not(.feat-row__title--hero-split),
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split),
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title:not(.feat-row__title--hero-split) {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        line-height: 1.22 !important;
    }
}

/* BicoJET + BicoUsta / BicoPOS — mobil kahraman tipografisi; Ustam: BicoJET düzeni «büyük ana satır → çizgi → küçük marka» */
@media (max-width: 768px) {
    /* BicoPOS — mobil kahraman sırası BicoJET ile aynı: büyük kicker → çizgi → eyebrow → gövde */
    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0.65rem;
    }

    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title {
        order: 1;
        margin-block: 0 !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__hero-eyebrow {
        order: 2;
        margin: 0 !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__subtitle.feat-row__subtitle--intro {
        order: 3;
    }

    .bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-rest {
        display: none !important;
    }

    .ustam-page .section--purple.section--first .feat-row__hero-text-stack {
        gap: 0.65rem;
    }

    /* BicoUsta — mobil: BicoJET düzeni «büyük marka (kicker) → çizgi → slogan (rest)» */
    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker {
        order: 1 !important;
    }

    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest {
        order: 2 !important;
    }

    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest::after {
        content: none !important;
        display: none !important;
    }

    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker::after {
        content: "" !important;
        display: block !important;
        margin-top: 0.48rem !important;
        margin-bottom: 0.62rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: clamp(4.75rem, 17vw, 8.25rem) !important;
        height: 4px !important;
        border-radius: 999px;
        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.52) 22%,
            rgba(255, 255, 255, 0.52) 78%,
            transparent 100%
        );
    }

    /* h1 içinde sıra (BicoUsta); BicoPOS h1 split kicker artık kahramanda yok */
    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title.feat-row__title--hero-split {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        font-size: unset !important;
        line-height: normal !important;
        font-weight: 400 !important;
        font-synthesis: none !important;
    }

    /* Büyük marka satırı — BicoPOS/BicoUsta .title-kicker (BicoJET tek H1: bicojet-page__hero-brand) */
    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker,
    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker {
        font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
        font-size: clamp(1.58rem, 5.5vw + 0.72rem, 2.08rem) !important;
        font-weight: var(--font-weight-extrabold) !important;
        letter-spacing: -0.022em !important;
        line-height: 1.14 !important;
        color: #ffffff !important;
        font-synthesis: none !important;
        text-wrap: balance !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }

    /* BicoPOS mobil — heroEyebrow (varsa); BicoUsta title-rest aynı satır */
    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__hero-eyebrow.bicopos-page__hero-eyebrow,
    .ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest {
        font-family: var(--font-primary) !important;
        font-size: clamp(0.72rem, 0.9vw + 0.56rem, 0.86rem) !important;
        font-weight: var(--font-weight-medium) !important;
        letter-spacing: 0.09em !important;
        line-height: 1.55 !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.78) !important;
        margin: 0 !important;
        padding: 0 0.65rem !important;
        max-width: min(22rem, 92vw) !important;
        text-wrap: pretty !important;
        font-synthesis: none !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker::after {
        margin-top: 0.48rem !important;
        margin-bottom: 0.62rem !important;
        height: 4px !important;
        width: clamp(4.75rem, 17vw, 8.25rem) !important;
    }
}

/* BicoUsta mobil — daha yüksek özgüllük (.content-page ile); önceki genel «Nedir / split» blokları görünümü sıfırlıyordu */
@media (max-width: 768px) {
    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack {
        gap: 0.65rem !important;
    }

    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title.feat-row__title--hero-split {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
        row-gap: 0 !important;
        column-gap: 0 !important;
        font-size: unset !important;
        line-height: normal !important;
        font-weight: 400 !important;
        font-synthesis: none !important;
    }

    /* BicoUsta = BicoJET sırası: üstte kicker (büyük), çizgi, altta rest (Kapında gövdesi puntoları) */
    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker {
        order: 1 !important;
        font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
        font-size: clamp(1.58rem, 5.5vw + 0.72rem, 2.08rem) !important;
        font-weight: var(--font-weight-extrabold) !important;
        letter-spacing: -0.022em !important;
        line-height: 1.14 !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        text-wrap: balance !important;
        margin: 0 !important;
        font-synthesis: none !important;
    }

    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker::after {
        content: "" !important;
        display: block !important;
        margin-top: 0.48rem !important;
        margin-bottom: 0.62rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: clamp(4.75rem, 17vw, 8.25rem) !important;
        height: 4px !important;
        border-radius: 999px;
        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.52) 22%,
            rgba(255, 255, 255, 0.52) 78%,
            transparent 100%
        );
    }

    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest {
        order: 2 !important;
        font-family: var(--font-primary) !important;
        font-size: clamp(0.72rem, 0.9vw + 0.56rem, 0.86rem) !important;
        font-weight: var(--font-weight-medium) !important;
        letter-spacing: 0.09em !important;
        line-height: 1.55 !important;
        text-transform: uppercase !important;
        color: rgba(255, 255, 255, 0.78) !important;
        margin: 0 !important;
        padding: 0 0.65rem !important;
        max-width: min(22rem, 92vw) !important;
        text-wrap: pretty !important;
        font-synthesis: none !important;
    }

    .ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest::after {
        content: none !important;
        display: none !important;
    }
}

/* BicoUsta kahramanı: «BİCOUSTA» + fade çizgi — taban ve ≥769px ölçek BicoPOS kahramanı ile aynı; ≤768px aşağıdaki mobil blok */
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

/* BicoPOS kahramanı: yalnız «BİCOPOS» + fade çizgi — punto eski «Satış ve Kasa…» ana satırı (.title-rest) ile aynı ölçek */
.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
    }

    .bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

/* BicoJET kahramanı: «BİCOJET» + fade beyaz çizgi (uzun slogan + üst eyebrow kaldırıldı) */
.bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
    }

    .bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

/* Garaj kahramanı: «Dijital Araç Garajı» + fade beyaz çizgi — tipografi BicoJET kahramanı ile aynı (cümle biçimi korunur) */
.garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
        font-weight: var(--font-weight-semibold) !important;
        color: rgba(255, 255, 255, 0.98) !important;
        text-transform: uppercase !important;
    }

    .garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

/* Adres kahramanı: «ADRES VE TESLİMAT» + fade beyaz çizgi — eski küçük etiketten büyük ana başlık */
.adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(96vw, 42rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.7rem, 3.65vw + 0.82rem, 2.14rem) !important;
    font-weight: var(--font-weight-bold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.1em !important;
    line-height: 1.22 !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.96) !important;
    text-wrap: balance;
}

.adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(5.5rem, 44vw, 12rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand {
        font-size: clamp(1.68rem, 3.35vw + 0.92rem, 2.12rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand {
        font-size: clamp(1.22rem, 2.85vw + 0.74rem, 1.78rem) !important;
        letter-spacing: 0.088em !important;
        line-height: 1.2 !important;
    }

    .adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand::after {
        width: clamp(5rem, 56vw, 11rem);
        height: 3px;
        margin-top: 0.46rem;
        margin-bottom: 0.32rem;
    }
}

/* Cari Haritası kahramanı: «Cari Haritası» + fade beyaz çizgi — tipografi BicoJET / Garaj kahramanı ile aynı (cümle biçimi korunur) */
.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
        font-weight: var(--font-weight-semibold) !important;
        color: rgba(255, 255, 255, 0.98) !important;
        text-transform: uppercase !important;
    }

    .cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

/* Tahsilat Yönetimi kahramanı: «Tahsilat Yönetimi» + fade beyaz çizgi — tipografi BicoJET / Garaj / Cari ile aynı (cümle biçimi korunur) */
.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand {
    display: inline-block !important;
    margin: 0 auto 0 !important;
    padding: 0 !important;
    max-width: min(94vw, 36rem) !important;
    font-family: "Poppins", "Inter", "Montserrat", var(--font-primary), sans-serif !important;
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-synthesis: none !important;
    letter-spacing: 0.085em !important;
    line-height: 1.22 !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-wrap: balance;
}

.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand::after {
    content: "";
    display: block;
    width: clamp(4.75rem, 34vw, 10rem);
    height: 3px;
    margin: 0.52rem auto 0.45rem;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.52) 20%,
        rgba(255, 255, 255, 0.82) 50%,
        rgba(255, 255, 255, 0.52) 80%,
        transparent 100%
    );
}

@media (min-width: 769px) {
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand {
        font-size: clamp(1.62rem, 3.25vw, 2.02rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 768px) {
    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
        font-weight: var(--font-weight-semibold) !important;
        color: rgba(255, 255, 255, 0.98) !important;
        text-transform: uppercase !important;
    }

    .sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

@media (max-width: 768px) {
    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand {
        font-size: clamp(1.3rem, 2.35vw + 0.82rem, 1.82rem) !important;
        letter-spacing: 0.08em !important;
        line-height: 1.22 !important;
        font-weight: var(--font-weight-semibold) !important;
        color: rgba(255, 255, 255, 0.98) !important;
    }

    .ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand::after {
        width: clamp(4.25rem, 48vw, 9rem);
        height: 3px;
        margin-top: 0.48rem;
        margin-bottom: 0.35rem;
    }
}

/* Mor ürün kahramanları (tüm görünümler): başlıklar i18n kaynağındaki harf biçiminde; CSS uppercase Türkçe «İ» sorununa yol açar */
.bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker,
.ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker,
.ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-kicker,
.bicopos-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__hero-eyebrow.bicopos-page__hero-eyebrow,
.bicopos-page .section--purple.section--first .feat-row__hero-eyebrow,
.ustam-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest,
.ustam-page.content-page .section--purple.section--first .feat-row__hero-text-stack .feat-row__title--hero-split .feat-row__title-rest {
    text-transform: none !important;
}

.b2b-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.b2c-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.bicopos-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.ustam-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.garaj-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.bicojet-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.adres-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.cari-haritasi-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker,
.sahada-odeme-page .section--purple.section--first .feat-row__title--hero-split .feat-row__title-kicker {
    text-transform: none !important;
}

.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicopos-page__hero-brand,
.ustam-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.ustam-page__hero-brand,
.bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.bicojet-page__hero-brand,
.garaj-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.garaj-page__hero-brand,
.adres-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.adres-page__hero-brand,
.cari-haritasi-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.cari-haritasi-page__hero-brand,
.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__hero-text-stack > h1.feat-row__title.sahada-odeme-page__hero-brand {
    text-transform: none !important;
}