/* Global tasarım değişkenleri - Uygulama lavanta teması (#6F42C1) */
:root {
    --color-bg: #6F42C1;
    --color-bg-soft: #8B5CF6;
    --color-accent: #6F42C1;
    --color-accent-soft: rgba(111, 66, 193, 0.2);
    --color-accent-secondary: #A78BFA;
    --color-text: #ffffff;
    --color-text-soft: #f5f0ff;
    --color-border-soft: rgba(139, 92, 246, 0.3);
    --shadow-soft: 0 26px 60px rgba(111, 66, 193, 0.25);
    --lavender-dark: #5F3AAB;
    --lavender-darker: #4C1D95;
    --lavender-gradient: linear-gradient(135deg, #6F42C1 0%, #8B5CF6 60%, #A78BFA 100%);
    --color-purple: #6F42C1;
    --color-purple-light: #8B5CF6;
    /* Mor sayfa üzerinde net lavanta kartlar (beyaza yakın değil) */
    --card-bg: linear-gradient(165deg, #E2D4F8 0%, #D4C2F0 45%, #CBB5E8 100%);
    --card-bg-hover: linear-gradient(165deg, #D8CAF0 0%, #CAB8E6 100%);
    --card-bg-solid: #D4C2F0;
    --radius-lg: 22px;
    --radius-full: 999px;
    --container-width: 1280px;
    --content-padding-x: 1.5rem;

    /* 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;
}

*,
*::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:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.35), transparent 55%),
        linear-gradient(135deg, #5F3AAB 0%, #6F42C1 50%, #8B5CF6 100%);
    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 {
        padding-inline: var(--content-padding-x);
        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:
        radial-gradient(circle at 20% 0, rgba(230, 230, 250, 0.35), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(139, 92, 246, 0.25), transparent 55%),
        linear-gradient(135deg, #5A4A85 0%, #6F42C1 30%, #8B5CF6 70%, #8B5CF6 100%);
    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, #6F42C1 0%, #8B5CF6 50%, #8B5CF6 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 #6F42C1;
}

.hero-video__placeholder:hover .hero-video__play-btn {
    transform: scale(1.08);
    background: #5F3AAB;
}

@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.6rem;
    color: var(--color-text);
    background:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #4C1D95 0%, #5F3AAB 50%, #6F42C1 100%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
}

.app-shell__inner {
    padding-top: 62px;
}

.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;
}

.app-header__logo {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.1;
}

.app-header__logo-bi {
    color: #E6E6FA;
}

.app-header__logo-cops {
    color: #ffffff;
}

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

.top-nav__menu {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

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

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

.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 rgba(107, 91, 149, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.top-nav__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 36px rgba(107, 91, 149, 0.45);
}

/* Kırgızca: uzun menü metinleri — taşmayı önle */
.app-shell--lang-ky .app-header__inner {
    flex-wrap: wrap;
    row-gap: 0.45rem;
}

.app-shell--lang-ky .top-nav {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: 0.35rem;
    column-gap: 0.65rem;
    font-size: 0.92rem;
}

.app-shell--lang-ky .top-nav__menu {
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    justify-content: flex-end;
    max-width: min(70vw, 900px);
}

.app-shell--lang-ky .top-nav__link {
    white-space: normal;
    line-height: 1.25;
    max-width: 12.5rem;
    text-align: center;
}

.app-shell--lang-ky .nav-dropdown__trigger {
    white-space: normal;
    line-height: 1.25;
    max-width: 12.5rem;
    text-align: center;
}

.app-shell--lang-ky .top-nav__cta {
    margin-left: 0;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
}

.app-shell--lang-ky .lang-switcher {
    flex-shrink: 0;
}

.app-shell--lang-ky .lang-switcher__button {
    padding: 0.26rem 0.5rem;
    font-size: 0.7rem;
}

.app-shell--lang-ky .mobile-menu__link {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.22rem;
    border-radius: 999px;
    background: rgba(76, 29, 149, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.lang-switcher__button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    color: var(--color-text-soft);
    background: transparent;
    transition: background-color 0.17s ease, color 0.17s ease;
}

.lang-switcher__button--active {
    background: #5F3AAB;
    color: #E6E6FA;
}

/* Header Özellikler dropdown */
.nav-dropdown {
    position: relative;
}

.nav-dropdown__trigger {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
}

.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: #5F3AAB;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(107, 91, 149, 0.4);
    border: 1px solid rgba(139, 92, 246, 0.25);
    z-index: 100;
}

.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: rgba(139, 92, 246, 0.2);
    color: #E6E6FA;
}

.nav-dropdown__link i {
    font-size: 1.1rem;
    color: #A78BFA;
    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: rgba(139, 92, 246, 0.25);
    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: #5F3AAB;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(107, 91, 149, 0.4);
    border: 1px solid rgba(139, 92, 246, 0.25);
    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: #6F42C1;
}

.mobile-lang-dropdown__item--active {
    background: rgba(139, 92, 246, 0.25);
    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: rgba(139, 92, 246, 0.25);
    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;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

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

/* 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: #5F3AAB;
    box-shadow: -8px 0 32px rgba(107, 91, 149, 0.4);
    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 rgba(139, 92, 246, 0.3);
}

.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: #6F42C1;
    border-radius: 10px;
    color: #E6E6FA;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background 0.2s;
}

.mobile-menu__close:hover {
    background: #6F42C1;
}

.mobile-menu__nav {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 0;
}

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

.mobile-menu__link:hover,
.mobile-menu__link:focus {
    background: #6F42C1;
    color: #E6E6FA;
}

.mobile-menu__link--sub {
    padding-left: 2rem;
    font-size: 1.05rem;
}

.mobile-menu__link--sub i {
    font-size: 1.1rem;
    color: #8B5CF6;
    opacity: 0.9;
}

.mobile-menu__link--active {
    background: rgba(139, 92, 246, 0.25);
    color: #E6E6FA;
}

.mobile-menu__group-label {
    display: block;
    padding: 1rem 1.25rem 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5A4A75;
}

.mobile-menu__footer {
    padding: 1rem 1.25rem 1.5rem;
    border-top: 1px solid rgba(111, 66, 193, 0.3);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mobile-menu__lang {
    display: flex;
    gap: 0.25rem;
    padding: 0.25rem;
    background: #6F42C1;
    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: #5A4A75;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.mobile-menu__lang-btn--active {
    background: #6F42C1;
    color: #E6E6FA;
    box-shadow: 0 1px 3px rgba(107, 91, 149, 0.3);
}

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

.mobile-menu__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(107, 91, 149, 0.45);
}

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

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

    .app-header__logo {
        font-size: 1.25rem;
    }

    .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;
}


.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: #5F3AAB;
    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;
}

.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);
}

@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:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #5F3AAB 0%, #6F42C1 50%, #8B5CF6 100%);
    color: #ffffff;
}

.section--purple {
    background:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #5F3AAB 0%, #6F42C1 50%, #8B5CF6 100%);
    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:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #4C1D95 0%, #5F3AAB 50%, #6F42C1 100%);
    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:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #4C1D95 0%, #5F3AAB 50%, #6F42C1 100%);
    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 rgba(111, 66, 193, 0.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;
    }
}

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

    .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 rgba(139, 92, 246, 0.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 rgba(111, 66, 193, 0.25));
}

.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;
}

.feat-row__img-wrap--field-payment .feat-row__img {
    filter: drop-shadow(0 16px 32px rgba(111, 66, 193, 0.25));
}

.feat-row__phone {
    position: relative;
    width: 200px;
    height: 400px;
    border-radius: 34px;
    background: linear-gradient(145deg, #5F3AAB 0%, #6F42C1 40%, #5F3AAB 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, #6F42C1, #8B5CF6);
    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: #6F42C1;
}

.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, #A78BFA, #8B5CF6);
}

.feat-row__phone-pill--dark {
    background: #6F42C1;
}

.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: rgba(139, 92, 246, 0.4);
}

.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: #6F42C1;
    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: #5A4A75;
    margin: 0;
}

.feat-row__subtitle--dark {
    color: #5A4A75;
}

.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 rgba(139, 92, 246, 0.2) !important;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.25) !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 rgba(139, 92, 246, 0.2) !important;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08) !important;
}

.feat-row--purple .feat-row__blocks:not(.feat-row__blocks--BicoPOS) .feat-block:hover {
    border-color: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.25) !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: rgba(139, 92, 246, 0.25) !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: #5A4A75 !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 rgba(139, 92, 246, 0.25);
    border-left: 4px solid #8B5CF6;
    box-shadow: 0 4px 16px rgba(111, 66, 193, 0.2);
    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 rgba(111, 66, 193, 0.25);
    border-color: rgba(139, 92, 246, 0.4);
}

.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: #5A4A75;
    font-size: 0.92rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block--dark .feat-block__body {
    color: #5A4A75;
    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: #5A4A75;
    font-size: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.feat-block__icon--dark {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #6F42C1 !important;
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.35);
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.feat-block--dark .feat-block__icon--dark {
    background: rgba(139, 92, 246, 0.2) !important;
}

.feat-block--dark .feat-block__icon--dark i,
.feat-block__icon--dark i {
    color: #6F42C1 !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;
    }

    .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));
    }
}

@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; aksi halde B2B/B2C/BicoJET: üst mor, alt bölümler shell temasıyla beyaz */
.content-page--feat-detail:not(.content-page--lavender-surface),
.content-page--purple:not(.content-page--lavender-surface) {
    background: #ffffff;
}

@media (max-width: 1024px) {
    /* Mobil: section tam genişlik için üst sarmalayıcı mor gradient */
    .content-page--purple:not(.content-page--lavender-surface) {
        background:
            radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
            radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
            linear-gradient(135deg, #5F3AAB 0%, #6F42C1 50%, #8B5CF6 100%);
    }
}

.content-page--lavender-surface {
    background: linear-gradient(180deg, #5F3AAB 0%, #6F42C1 50%, #6F42C1 100%);
}

.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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08);
}

.home-overview--on-purple .home-overview-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.15) !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: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !important;
}

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

.home-overview--on-purple .home-overview-card__body {
    color: #5A4A75 !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: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !important;
}

.home-overview--on-purple .home-overview-card__link {
    color: #6F42C1 !important;
}

.home-overview--on-purple .home-overview-card__link i {
    color: #6F42C1 !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;
}

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

/* BicoPOS / BicoJET / Sahada Ödeme kahraman: ana başlık extrabold (800) — aynı hiyerarşi */
.bicopos-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title,
.bicojet-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title,
.sahada-odeme-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title {
    font-weight: var(--font-weight-extrabold) !important;
    font-synthesis: none;
}

.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;
    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;
    background: var(--card-bg);
    border-radius: 20px;
    padding: 1.2rem 1.3rem;
    border: 1px solid rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

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

@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%;
        overflow-wrap: anywhere;
        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));
    }
}

.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 {
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.15);
    border-color: rgba(139, 92, 246, 0.35);
}

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

.home-overview--on-purple .BicoPOS-point__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(139, 92, 246, 0.12);
    border-radius: 0 !important;
    color: #6F42C1;
    font-size: 1.25rem;
}

.home-overview--on-purple .BicoPOS-point__text {
    margin: 0;
    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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.home-overview--on-purple .BicoPOS-step:hover {
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.15);
    border-color: rgba(139, 92, 246, 0.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: rgba(139, 92, 246, 0.2);
    color: #6F42C1;
    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: var(--card-bg);
    border-radius: 0;
    border: 1px solid rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08);
}

.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: #6F42C1;
    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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08);
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 400; letter-spacing: 0.02em;
    color: #5A4A75;
}

.home-overview--on-purple .BicoPOS-forwho__item i {
    color: #6F42C1;
    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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.22);
    color: #6F42C1;
    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, #8B5CF6, #8B5CF6);
    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 rgba(139, 92, 246, 0.4);
}

.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: var(--card-bg) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08) !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: var(--card-bg-hover) !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.15) !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: #3D2E5C !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: #3D2E5C !important;
}

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block:hover .feat-block__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !important;
}

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

.home-overview--on-purple .feat-row__blocks--BicoPOS .feat-block__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !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 rgba(111, 66, 193, 0.25));
}

/* 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 rgba(139, 92, 246, 0.3);
}

.bicops-intro__eyebrow {
    font-family: var(--font-primary);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8B5CF6;
    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__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: #5F3AAB;
    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: #5F3AAB;
    border: 1px solid rgba(139, 92, 246, 0.4);
    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 rgba(139, 92, 246, 0.25);
    border-left: 4px solid #8B5CF6;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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 rgba(111, 66, 193, 0.2);
    border-color: rgba(139, 92, 246, 0.4);
    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: rgba(139, 92, 246, 0.12);
    color: #6F42C1;
    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__img {
        max-width: 340px;
        max-height: 480px;
    }

    .bicops-intro__right {
        order: 1;
        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%),
        #4c1d95;
}

.features-intro__phone {
    position: relative;
    width: 210px;
    height: 380px;
    border-radius: 34px;
    background: linear-gradient(145deg, #5F3AAB 0%, #6F42C1 40%, #5F3AAB 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: #5F3AAB;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.features-intro__phone-bar {
    height: 16px;
    border-radius: 999px;
    background: #6F42C1;
    margin-bottom: 0.25rem;
}

.features-intro__phone-row {
    height: 26px;
    border-radius: 999px;
    background: #6F42C1;
}

.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: rgba(139, 92, 246, 0.25);
    border-color: rgba(255, 255, 255, 0.2);
}

.features-intro--on-purple .feature-box__index {
    background: rgba(255, 255, 255, 0.95);
    color: #6F42C1;
}

.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: #5F3AAB;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.feature-box__index {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #8B5CF6;
    color: #5F3AAB;
    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: #5F3AAB;
    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: #5A4A75;
    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 rgba(111, 66, 193, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.2);
    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 rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.25);
}

.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__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: #5A4A75;
    margin: 0;
    line-height: 1.45;
}

@media (max-width: 768px) {
    .app-preview-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .app-preview-card__content {
        min-height: 90px;
    }

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

/* 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: #5A4A75;
    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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.15) !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: #5A4A75 !important;
}

.home-overview-card:hover .home-overview-card__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !important;
}

.home-overview-card:hover .home-overview-card__link,
.home-overview-card:hover .home-overview-card__link i {
    color: #6F42C1 !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: rgba(139, 92, 246, 0.12);
    color: #6F42C1;
    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: #5A4A75;
    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: #8B5CF6;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: auto;
}

/* Ö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 rgba(139, 92, 246, 0.25);
}

.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: #8B5CF6;
}

.home-overview-dropdown__link i {
    font-size: 1.1rem;
    color: #8B5CF6;
}

@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);
    }
}

/* 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ı — başlık tek satır; hafif sola + kart içi yatay padding’e uzanarak sağdaki harf kırpılmasın */
.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: nowrap !important;
    font-size: clamp(0.5rem, 1.28vw + 0.44rem, 1.05rem) !important;
    line-height: 1.38 !important;
    letter-spacing: -0.045em !important;
    box-sizing: border-box;
    width: calc(100% + 0.45rem);
    max-width: none;
    margin-left: -0.12rem;
    margin-right: -0.33rem;
    overflow: hidden;
    text-overflow: clip;
}

.home-overview--discover .home-overview-card__body {
    flex: 1 1 auto !important;
    margin-bottom: 0 !important;
}

.home-overview--discover .home-overview-card__link {
    margin-top: 0.85rem !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;
}

/* Ana sayfa — hero «Bicops» marka adı: yalnızca bu satır, genel sayfa kalınlığından bir kademe daha ince */
.bicops-home .hero__brand-title {
    font-weight: 600 !important;
    font-synthesis: none;
}

@media (max-width: 768px) {
    .bicops-home .hero__brand-title {
        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;
}

/* 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 keşfet kartları: aynı punto ve harf aralığı; ürün adı (başlık) kalın, gövde/link orta */
.bicops-home .section--purple .home-overview--discover .home-overview-card h3.home-overview-card__title,
.bicops-home .section--purple .home-overview--discover .home-overview-card p.home-overview-card__body,
.bicops-home .section--purple .home-overview--discover .home-overview-card span.home-overview-card__link {
    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;
}

.bicops-home .section--purple .home-overview--discover .home-overview-card h3.home-overview-card__title {
    font-weight: 700 !important;
}

.bicops-home .section--purple .home-overview--discover .home-overview-card p.home-overview-card__body {
    font-weight: var(--bicops-box-body-fw) !important;
    font-synthesis: none;
}

.bicops-home .section--purple .home-overview--discover .home-overview-card span.home-overview-card__link {
    font-weight: var(--font-weight-medium) !important;
    font-synthesis: none;
}

/* 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? — 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: daha büyük punto + 800 (fonttaki üst ağırlık) + gölge ile optik kalınlık */
.bicops-nedir-page .section--purple p.bicops-intro__eyebrow {
    font-size: clamp(0.98rem, 1.35vw + 0.72rem, 1.12rem) !important;
    font-weight: 800 !important;
    text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor, 0 0.35px 0 currentColor;
}

@media (max-width: 768px) {
    .bicops-nedir-page .section--purple p.bicops-intro__eyebrow {
        font-size: clamp(0.94rem, 2.4vw + 0.68rem, 1.06rem) !important;
        font-weight: 800 !important;
        text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor, 0 0.35px 0 currentColor;
    }
}

/* B2B sayfası (/b2b) — diğer Bicops sayfalarıyla aynı düzen ve kalınlık */
.b2b-page .section--purple p,
.b2b-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.b2b-page .bicojet-gallery__label {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2B galeri — kutular aynı; ölçek değişkenleri (3: alt kart kesilmesin diye hafif aşağı kadraj) */
.b2b-page {
    --b2b-gallery-phone-scale-1: 1.04;
    --b2b-gallery-phone-scale-2: 1.16;
    --b2b-gallery-phone-scale-3: 1.02;
}

/* B2B galeri — üç telefon kutusu piksel olarak aynı boy (sabit genişlik + 9:19 yükseklik) */
.b2b-page .bicojet-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
    align-items: start;
    width: 100%;
}

.b2b-page .bicojet-gallery__item {
    width: 184px;
    min-width: 184px;
    max-width: 184px;
    flex-shrink: 0;
}

.b2b-page .bicojet-gallery__thumb {
    width: 184px;
    min-width: 184px;
    max-width: 184px;
    height: calc(184px * 19 / 9);
    margin-inline: auto;
    aspect-ratio: unset;
    flex-shrink: 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .b2b-page .bicojet-gallery__item {
        width: 148px;
        min-width: 148px;
        max-width: 148px;
    }

    .b2b-page .bicojet-gallery__thumb {
        width: 148px;
        min-width: 148px;
        max-width: 148px;
        height: calc(148px * 19 / 9);
    }
}

@media (max-width: 480px) {
    .b2b-page .bicojet-gallery__item {
        width: min(184px, 72vw);
        min-width: min(184px, 72vw);
        max-width: min(184px, 72vw);
    }

    .b2b-page .bicojet-gallery__thumb {
        width: min(184px, 72vw);
        min-width: min(184px, 72vw);
        max-width: min(184px, 72vw);
        height: calc(min(184px, 72vw) * 19 / 9);
    }
}

.b2b-page .bicojet-gallery__item--b2b-1 .bicojet-gallery__img,
.b2b-page .bicojet-gallery__item--b2b-2 .bicojet-gallery__img {
    object-position: center center;
    transform-origin: center center;
}

.b2b-page .bicojet-gallery__item--b2b-1 .bicojet-gallery__img {
    transform: scale(var(--b2b-gallery-phone-scale-1));
}

.b2b-page .bicojet-gallery__item--b2b-2 .bicojet-gallery__img {
    transform: scale(var(--b2b-gallery-phone-scale-2));
}

/* Sahada ödeme: alt “Kredi Kartı” köşesi kesiliyordu — kadrajı biraz aşağı, zoom’u hafif */
.b2b-page .bicojet-gallery__item--b2b-3 .bicojet-gallery__img {
    object-position: center 54%;
    transform-origin: center center;
    transform: scale(var(--b2b-gallery-phone-scale-3));
}

.b2b-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2B — kahraman alt metni (home.b2b.subtitle): genel mor p kalınlığından muaf */
.b2b-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;
}

/* B2C sayfası (/b2c) — B2B / Bicops Nedir ile aynı düzen ve kalınlık */
.b2c-page .section--purple p,
.b2c-page .section--purple li {
    font-weight: var(--bicops-page-fw) !important;
}

.b2c-page .bicojet-gallery__label {
    font-weight: var(--bicops-page-fw) !important;
}

.b2c-page .home-overview--on-purple .BicoPOS-cta__btn {
    font-weight: var(--bicops-page-fw) !important;
}

/* B2C — Bireysel müşteri kutusu: gövde — ortak kutu tipografisi */
.b2c-page .b2c-bireysel-prose p.b2c-bireysel-prose__p {
    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;
}

.b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__p:first-of-type {
    font-weight: var(--bicops-box-body-fw) !important;
}

/* B2C — kahraman: /bicops Bicops Nedir başlık + gövde (bicops-intro__heading / bicops-intro__body) ile aynı tipografi */
.b2c-page .section--purple.section--first .feat-row__content--BicoPOS-hero .feat-row__title {
    font-size: clamp(1.65rem, 3.5vw, 2.1rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em;
    line-height: 1.28;
    font-synthesis: none;
}

.b2c-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;
}

/* B2C — «Bireysel Müşteri» h3: /bicops Bireysel Müşteri bölüm başlığı (.section__title) ile aynı ölçek ve kalınlık */
.b2c-page .b2c-bireysel-prose .b2c-bireysel-prose__title {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em;
    line-height: 1.2;
    font-synthesis: none;
}

/* BicoPOS sayfası (/BicoPOS) — B2B / B2C ile aynı düzen ve kalınlık */
.bicopos-page .section--purple p,
.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 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 {
    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: 700 !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,
.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) */
.garaj-page .section--purple p,
.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;
}

/* Adres Yönetimi sayfası (/adres) */
.adres-page .section--purple p,
.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) */
.cari-haritasi-page .section--purple p,
.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 sayfası (/sahada-odeme) */
.sahada-odeme-page .section--purple p,
.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 */
.home-overview--on-purple .BicoPOS-point p.BicoPOS-point__text {
    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: #3D2E5C !important;
}

/* BicoJET — sipariş yolculuğu adımları: metin "Başlık\n\nGövde"; sadece başlık satırı kalın */
.bicojet-page .home-overview--on-purple .BicoPOS-points--steps .BicoPOS-point p.BicoPOS-point__text::first-line {
    font-weight: 700 !important;
}

/* Sağladığı Faydalar */
.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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.15) !important;
}
.section--purple .benefit-card:hover,
.section--purple .extra-card:hover,
.section--purple .update-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.15) !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: rgba(139, 92, 246, 0.15) !important;
    color: #6F42C1 !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: #5A4A75 !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);
    }
}

/* 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: #5A4A75;
    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 rgba(139, 92, 246, 0.25);
    box-shadow: 0 4px 16px rgba(111, 66, 193, 0.15);
}

.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: #5A4A75;
    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 rgba(139, 92, 246, 0.25);
}

/* B2B beyaz arka plan (section--white) */
.b2b-block--on-purple .b2b-block__title {
    color: #3D2E5C;
}

.b2b-block--on-purple .b2b-block__summary {
    color: #5A4A75;
}

.b2b-block--on-purple .b2b-step {
    background: var(--card-bg);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-left: 4px solid #8B5CF6;
    box-shadow: 0 4px 16px rgba(111, 66, 193, 0.08);
}

.b2b-block--on-purple .b2b-step:hover {
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.35);
}

.b2b-block--on-purple .b2b-step__title {
    color: #3D2E5C;
}

.b2b-block--on-purple .b2b-step__body {
    color: #5A4A75;
}

.b2b-block--on-purple .b2b-step__num {
    background: rgba(139, 92, 246, 0.2);
    color: #6F42C1;
}

/* 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: #5A4A75;
}

.b2c-block--on-purple .b2c-block__steps-title {
    color: #3D2E5C;
}

.b2c-block--on-purple .b2c-step {
    background: var(--card-bg);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-left: 4px solid #8B5CF6;
    box-shadow: 0 4px 16px rgba(111, 66, 193, 0.15);
}

.b2c-block--on-purple .b2c-step:hover {
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.35);
}

.b2c-block--on-purple .b2c-step__title {
    color: #3D2E5C;
}

.b2c-block--on-purple .b2c-step__body {
    color: #5A4A75;
}

.b2c-block--on-purple .b2c-step__num {
    background: rgba(139, 92, 246, 0.2);
    color: #6F42C1;
}

.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, #8B5CF6 0%, #8B5CF6 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 rgba(139, 92, 246, 0.25);
}

.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, #8B5CF6 0%, #8B5CF6 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, rgba(111, 66, 193, 0.15) 0%, rgba(139, 92, 246, 0.1) 100%);
    border-radius: 24px;
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-left: 4px solid #8B5CF6;
}

.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: rgba(139, 92, 246, 0.2);
    color: #8B5CF6;
    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: #8B5CF6;
    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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.08) !important;
    border-left: 4px solid #8B5CF6;
}

.summary-block--on-purple .summary-block__title {
    color: #6F42C1 !important;
}

.summary-block--on-purple .summary-block__icon {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #6F42C1 !important;
}

.summary-block--on-purple .summary-block__body {
    color: #5A4A75 !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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.25) !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: rgba(139, 92, 246, 0.25) !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: #5A4A75 !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);
    }
}

/* 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: #6F42C1;
}

.cta-final__stores .store-badge:hover {
    background: rgba(139, 92, 246, 0.12);
    border-color: rgba(139, 92, 246, 0.5);
    color: #5F3AAB;
}

/* İş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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: #5A4A75;
}

.business-highlight__action {
    flex: 0 0 auto;
}

/* Footer */
.app-footer {
    padding: 5rem 0 3rem;
    background: linear-gradient(180deg, #5F3AAB 0%, #6F42C1 50%, #4C1D95 100%);
    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-size: 1.8rem;
    font-weight: 801;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.app-footer .logo-text-large .text-accent {
    color: #ffffff;
}

.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: #6F42C1;
    font-size: 1.3rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.app-footer__social-link:hover {
    background: #ffffff;
    color: #6F42C1;
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(139, 92, 246, 0.3);
}

.app-footer__col-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 1.5rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.9;
}

.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;
    }
}

@media (max-width: 640px) {
    .app-footer__grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    .app-footer__bottom {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .app-footer__legal {
        justify-content: center;
    }
}

/* 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: #5A4A75;
    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 #6F42C1;
    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: #5A4A75;
    margin: 0 0 1rem;
}

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

@media (max-width: 768px) {
    .app-footer {
        padding: 2.5rem 1.25rem 1.5rem;
    }

    .app-footer__top {
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .app-footer__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.75rem;
    }

    .app-footer__brand {
        margin-bottom: 0;
    }

    .app-footer__stores {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .app-footer__store {
        max-width: none;
        min-width: 140px;
    }
}

/* 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 rgba(139, 92, 246, 0.2);
}

.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: rgba(139, 92, 246, 0.1);
    color: #5A4A75;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.contact-modal__close:hover {
    background: rgba(139, 92, 246, 0.2);
}

.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: #8B5CF6;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

.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: #5A4A75;
    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 rgba(111, 66, 193, 0.2);
}

.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 rgba(111, 66, 193, 0.35);
    background: #ffffff;
    color: #3D2E5C;
}

.contact-modal__btn--secondary:hover:not(:disabled) {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(111, 66, 193, 0.45);
    color: #5F3AAB;
}

.contact-modal__btn--secondary:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.contact-modal__btn--primary {
    border: none;
    background: linear-gradient(135deg, #6F42C1, #8B5CF6);
    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: #5A4A75;
    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 rgba(111, 66, 193, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.2);
    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 rgba(111, 66, 193, 0.2);
}

.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, #6F42C1 0%, #5F3AAB 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: #5A4A75;
    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 rgba(139, 92, 246, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gallery-thumb:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 28px rgba(139, 92, 246, 0.25);
}

.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?: 4 görsel tek satırda (geniş ekran) */
.bicojet-gallery.bicojet-gallery--how4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: min(1120px, 100%);
    gap: 1.25rem;
}

@media (max-width: 1024px) {
    .bicojet-gallery.bicojet-gallery--how4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 720px;
    }
}

.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);
}

.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-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;
}

/* Ç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: linear-gradient(180deg, #ffffff 0%, #5F3AAB 100%);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
    border-top: 1px solid #6F42C1;
}

.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: #5A4A75;
    margin: 0;
}

.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.cookie-consent__link {
    font-size: 0.85rem;
    color: #6366f1;
    text-decoration: underline;
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.cookie-consent__link:hover {
    color: #8B5CF6;
}

.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: transparent;
    border: 1px solid #cbd5e1;
    color: #5A4A75;
}

.cookie-consent__btn--decline:hover {
    background: #6F42C1;
}

.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 {
        justify-content: flex-end;
    }
}

/* Ç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: #5F3AAB;
    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 #6F42C1;
}

.cookie-modal__title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.cookie-modal__close {
    width: 36px;
    height: 36px;
    border: none;
    background: #6F42C1;
    border-radius: 10px;
    font-size: 1.5rem;
    line-height: 1;
    color: #5A4A75;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cookie-modal__close:hover {
    background: #6F42C1;
}

.cookie-modal__body {
    padding: 1.5rem;
    overflow-y: auto;
}

.cookie-modal__intro {
    font-size: 1.05rem;
    color: #5A4A75;
    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: #5F3AAB;
    border-radius: 12px;
    border: 1px solid #6F42C1;
}

.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: #5A4A75;
    line-height: 1.5;
    margin: 0;
}

.cookie-modal__footer {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #6F42C1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cookie-modal__link {
    font-size: 1rem;
    color: #6366f1;
    text-decoration: underline;
}

.cookie-modal__link:hover {
    color: #8B5CF6;
}

.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 #cbd5e1;
    color: #5A4A75;
}

.cookie-modal__btn--accept {
    background: var(--color-bg);
    border: none;
    color: var(--color-text);
}

/* Scroll to top - sağda yukarı ok */
.scroll-to-top {
    position: fixed;
    right: 1.5rem;
    bottom: 2rem;
    z-index: 9999;
    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 rgba(97, 24, 168, 0.4);
    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 rgba(97, 24, 168, 0.5);
}

.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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.25) !important;
}

.update-card--new {
    border-left: 3px solid #8B5CF6;
}

.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: rgba(139, 92, 246, 0.25) !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: rgba(139, 92, 246, 0.25) !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: #5A4A75 !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, #8B5CF6, #8B5CF6);
    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 rgba(139, 92, 246, 0.25);
    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: rgba(139, 92, 246, 0.25);
    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 rgba(139, 92, 246, 0.25);
    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: rgba(139, 92, 246, 0.25);
    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: #5A4A75 !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: #6F42C1 !important;
}

.section--purple .home-overview-card .home-overview-card__icon {
    color: #6F42C1 !important;
    background: rgba(139, 92, 246, 0.12) !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 rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.2);
    color: #6F42C1;
}


.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__icon,
.section--purple .extra-card__icon,
.section--purple .update-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(139, 92, 246, 0.15) !important;
    color: #6F42C1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.section--partners {
    background:
        radial-gradient(circle at 20% 0, rgba(95, 58, 171, 0.4), transparent 55%),
        radial-gradient(circle at 80% 0, rgba(76, 29, 149, 0.3), transparent 55%),
        linear-gradient(135deg, #5F3AAB 0%, #6F42C1 50%, #8B5CF6 100%) !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;
    }
    .hero-visual {
        order: -1;
        margin-bottom: 2rem;
    }
    .hero__content {
        order: 1;
    }
}


/* B2B Step Styling Update */
.b2b-step {
    background: var(--card-bg) !important;
    border: 1px solid rgba(139, 92, 246, 0.35) !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(107, 91, 149, 0.3) !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: rgba(139, 92, 246, 0.5) !important;
}

.b2b-step__content {
    padding: 2.5rem;
}

.b2b-step__num {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #6F42C1 !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: #5A4A75 !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 rgba(139, 92, 246, 0.25) !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: rgba(139, 92, 246, 0.15) !important;
    color: #6F42C1 !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 rgba(139, 92, 246, 0.2) !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);
}

/* 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 rgba(139, 92, 246, 0.25) !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: rgba(139, 92, 246, 0.4) !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: rgba(139, 92, 246, 0.2) !important;
    color: #6F42C1 !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: #5A4A75 !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 — başlık tam genişlikte ortada; mor şerit yalnızca kart satırında */
.b2c-bireysel-prose {
    position: relative;
    max-width: min(1120px, 100%);
    margin: 0.5rem auto 0;
    padding: 2rem 2rem 2.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(248, 245, 255, 0.99) 100%);
    border: 1px solid rgba(139, 92, 246, 0.2);
    box-shadow: 0 8px 32px rgba(111, 66, 193, 0.08);
    border-radius: 0;
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0;
    row-gap: 1.35rem;
    overflow: hidden;
}

.b2c-bireysel-prose__title {
    grid-column: 1 / -1;
    grid-row: 1;
    font-family: var(--font-primary);
    font-size: clamp(1.35rem, 2.8vw, 1.6rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #2D1B4E !important;
    margin: 0;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
}

.b2c-bireysel-prose__accent {
    grid-row: 2;
    grid-column: 1;
    align-self: stretch;
    background: linear-gradient(180deg, #8B5CF6 0%, #6F42C1 55%, #5F3AAB 100%);
    min-height: 100%;
}

.b2c-bireysel-prose__inner {
    grid-row: 2;
    grid-column: 2;
    padding-left: 1.75rem;
    min-width: 0;
}

/* Dört kutu hep yan yana (tek satır); dar ekranda yatay kaydır — alt alta satır yok */
.b2c-bireysel-prose__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    gap: 1rem;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 1100px) {
    .b2c-bireysel-prose__cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow-x: visible;
        gap: 1.15rem;
    }
}

.b2c-bireysel-prose__card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 1.1rem 1.15rem 1.2rem;
    background: #ffffff;
    border: 1px solid rgba(139, 92, 246, 0.22);
    box-shadow: 0 4px 18px rgba(111, 66, 193, 0.07);
    border-radius: 12px;
}

.b2c-bireysel-prose__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(139, 92, 246, 0.15);
    color: #6F42C1;
    font-size: 1.1rem;
    margin-top: 0;
}

.b2c-bireysel-prose__card .b2c-bireysel-prose__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-radius: 8px;
    color: #6F42C1;
}

.b2c-bireysel-prose__icon i {
    font-size: 1.05rem;
}

.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;
    text-align: left;
}

.b2c-bireysel-prose__p:last-child {
    margin-bottom: 0;
}

.b2c-bireysel-prose__p:first-of-type {
    font-size: var(--bicops-box-body-fs);
    font-weight: var(--bicops-box-body-fw);
    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__accent {
    display: none;
}

.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 rgba(139, 92, 246, 0.2);
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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;
}

@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: 1.5rem 1.35rem 1.65rem;
        grid-template-columns: 3px minmax(0, 1fr);
    }

    .b2c-bireysel-prose__inner {
        padding-left: 1.25rem;
    }

    .b2c-bireysel-prose__p {
        font-size: 1rem;
    }
}

/* 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);
    }
}

/* 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;
    }
}

.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 rgba(139, 92, 246, 0.2);
    border-radius: 18px;
    box-shadow: 0 4px 20px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.35);
    background: var(--card-bg-hover) !important;
}

.b2c-bireysel-card__icon {
    width: 56px;
    height: 56px;
    background: rgba(139, 92, 246, 0.12);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.b2c-bireysel-card__icon i {
    font-size: 1.75rem;
    color: #6F42C1;
}

.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 rgba(111, 66, 193, 0.1);
}

.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: #5A4A75 !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: #5A4A75 !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: #5A4A75 !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: #5A4A75 !important;
}

.app-shell--light-theme .section--partners {
    background: #ffffff !important;
    border-top-color: rgba(111, 66, 193, 0.12) !important;
    border-bottom-color: rgba(111, 66, 193, 0.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: #5A4A75 !important;
}

.app-shell--light-theme .cta-final {
    background: #ffffff !important;
    border-top: 1px solid rgba(111, 66, 193, 0.1);
}

.app-shell--light-theme .cta-final__title {
    color: #3D2E5C !important;
}

.app-shell--light-theme .cta-final__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    border-color: rgba(139, 92, 246, 0.28) !important;
    color: #6F42C1 !important;
}

.app-shell--light-theme .cta-final__subtitle {
    color: #5A4A75 !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: #5a4a75 !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 rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.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: #5A4A75 !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: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.4) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.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 rgba(139, 92, 246, 0.18) !important;
    border-left: 4px solid #8B5CF6 !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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 rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.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 rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !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: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 12px 40px rgba(111, 66, 193, 0.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 rgba(111, 66, 193, 0.1);
}

.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: #5A4A75 !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card {
    background: #ffffff !important;
    border: 1px solid rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 2px 16px rgba(111, 66, 193, 0.06) !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
    box-shadow: 0 8px 28px rgba(111, 66, 193, 0.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: #5A4A75 !important;
}

.app-shell--light-theme .section.section--first:has(.home-overview--discover) .home-overview-card:hover .home-overview-card__icon {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #6F42C1 !important;
}