@charset "UTF-8";
/* Şantiye+ — yalnızca temada olmayan minimal eklemeler */

/* Hero modül şeridi — staco multi-chain kalıbı: 4 satır, şeffaf zemin.
   Her satırda liste iki kez basılır; translateX(-50%) tam bir liste genişliği
   olduğundan döngü hiç zıplamadan sonsuz akar. */
.landing-modul-marquee-card {
    padding: 8px 0;
}
.landing-modul-marquee-row {
    display: flex;
    width: max-content;
    margin-bottom: 22px;
}
.landing-modul-marquee-row:last-child { margin-bottom: 0; }
.landing-modul-marquee-row--left {
    animation: landing-marquee-left 45s linear infinite;
}
.landing-modul-marquee-row--right {
    animation: landing-marquee-right 45s linear infinite;
}
/* Satır bazlı hız farkları (temadaki smoothSlider süre çeşitliliği gibi) */
.landing-modul-marquee-row--1 { animation-duration: 46s; }
.landing-modul-marquee-row--2 { animation-duration: 38s; }
.landing-modul-marquee-row--3 { animation-duration: 54s; }
.landing-modul-marquee-row--4 { animation-duration: 42s; }
.landing-modul-marquee-card:hover .landing-modul-marquee-row {
    animation-play-state: paused;
}
@keyframes landing-marquee-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes landing-marquee-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
.landing-modul-marquee-row ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.landing-modul-marquee-row ul li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-right: 48px;
    white-space: nowrap;
}
.landing-modul-marquee-row ul li strong {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    color: #111111;
}
/* Organik şekilli ikon balonları (eski tasarım) */
.landing-carousel-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    background: hsl(var(--carousel-icon-h, 220) 72% 94%);
    color: hsl(var(--carousel-icon-h, 220) 48% 40%);
    font-size: 21px;
    line-height: 1;
    box-shadow: 0 4px 14px hsla(var(--carousel-icon-h, 220), 45%, 45%, 0.12);
}
.landing-carousel-icon--shape-1 { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
.landing-carousel-icon--shape-2 { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
.landing-carousel-icon--shape-3 { border-radius: 55% 45% 60% 40% / 40% 55% 45% 60%; }
.landing-carousel-icon--shape-4 { border-radius: 45% 55% 35% 65% / 65% 35% 55% 45%; }
.landing-carousel-icon--shape-5 { border-radius: 50% 50% 40% 60% / 55% 45% 65% 35%; }
.landing-carousel-icon--shape-6 { border-radius: 40% 60% 55% 45% / 60% 40% 50% 50%; }
.landing-carousel-icon--shape-7 { border-radius: 65% 35% 50% 50% / 45% 65% 35% 55%; }
.landing-carousel-icon--shape-8 { border-radius: 35% 65% 45% 55% / 50% 50% 60% 40%; }
@media (max-width: 767.98px) {
    .landing-modul-marquee-row { margin-bottom: 14px; }
    .landing-modul-marquee-row ul li { gap: 10px; margin-right: 28px; }
    .landing-modul-marquee-row ul li strong { font-size: 16px; }
    .landing-carousel-icon { width: 40px; height: 40px; font-size: 16px; }
}

/* Modül carousel altı — tüm modüller CTA */
.landing-modules-cta-wrap {
    display: flex;
    justify-content: center;
    padding: 8px 16px 48px;
    position: relative;
    z-index: 12;
}
.landing-modules-cta {
    position: relative;
    display: inline-flex;
    text-decoration: none;
    border-radius: 999px;
    isolation: isolate;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.landing-modules-cta-glow {
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: linear-gradient(135deg, #5b4eff, #a855f7, #5b4eff);
    background-size: 200% 200%;
    animation: landing-modules-cta-shine 4s ease infinite;
    z-index: -1;
    opacity: 0.85;
}
.landing-modules-cta-inner {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 32px;
    border-radius: 999px;
    background: linear-gradient(135deg, #1a1f36 0%, #2d2a5e 48%, #4338ca 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 12px 32px rgba(67, 56, 202, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.landing-modules-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    font-size: 20px;
    flex-shrink: 0;
}
.landing-modules-cta-arrow {
    display: flex;
    font-size: 20px;
    opacity: 0.9;
    transition: transform 0.25s ease;
}
.landing-modules-cta:hover {
    transform: translateY(-3px);
    color: #fff;
}
.landing-modules-cta:hover .landing-modules-cta-inner {
    box-shadow: 0 18px 40px rgba(91, 78, 255, 0.45);
}
.landing-modules-cta:hover .landing-modules-cta-arrow {
    transform: translateX(4px);
}
@keyframes landing-modules-cta-shine {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
@media (max-width: 575.98px) {
    .landing-modules-cta-inner {
        padding: 14px 22px;
        font-size: 14px;
        gap: 10px;
    }
    .landing-modules-cta-icon {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
}

/* Sayaç bölümü — şablondaki vector-map arka planı (parallax SVG img ile güvenilir çalışmıyor) */
.index2-statistics-section--map .index2-statistics-content {
    background-image: url('/master/images/bg/vector-map.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Logo boyutu */
.header-logo img,
.footer-logo img { max-height: 48px; width: auto; }

/* Hero: e-bülten formu yerine CTA butonları */
.hero-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 8px;
}
.hero-cta-buttons .hero-cta-secondary {
    font-size: 15px;
    font-weight: 600;
    color: #5b4eff;
    text-decoration: none;
}
.hero-cta-buttons .hero-cta-secondary:hover { text-decoration: underline; }

/* ── Landing paket kartları ───────────────────────────────────────────── */
.landing-pricing-section { padding-bottom: 80px; }

.landing-pricing-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px;
    margin: 0 auto 40px;
    background: #f0f2ff;
    border-radius: 999px;
    border: 1px solid rgba(91, 78, 255, 0.12);
}
.landing-pricing-section .landing-pricing-toggle {
    display: flex;
    width: fit-content;
}
.landing-pricing-toggle-btn {
    border: 0;
    background: transparent;
    color: #5b6478;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 28px;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.landing-pricing-toggle-btn.is-active {
    background: #fff;
    color: #5b4eff;
    box-shadow: 0 4px 14px rgba(91, 78, 255, 0.15);
}

/* Kartlar: staco best-pricing-grid uyarlaması — bizim toggle + slick mekanizması korunur */
.landing-packages-track {
    margin-bottom: 12px;
    align-items: stretch;
}
.landing-packages-track .slick-list { overflow: visible; }
/* slick-list overflow:visible peek efekti sayfayı yatay taşırmasın diye bölüm seviyesinde kırpılır */
.landing-pricing-section { overflow-x: hidden; }
.landing-packages-track .slick-track { display: flex !important; align-items: stretch; }
.landing-packages-track .slick-slide { height: auto; padding: 0 10px; }
.landing-packages-track .slick-slide > div { height: 100%; }
.landing-packages-track.slick-initialized {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}
.landing-packages-track .slick-dots {
    bottom: -36px;
}
.landing-packages-track .slick-dots li button:before {
    font-size: 10px;
    color: #5b4eff;
    opacity: 0.35;
}
.landing-packages-track .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #5b4eff;
}

.landing-packages-track .best-pricing-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 0;
    border: 1px solid #0000001a;
    border-left: 0;
    background-color: #fff;
}
.landing-packages-track .best-pricing-card:first-child {
    border-left: 1px solid #0000001a;
}
.landing-packages-track .best-pricing-card.active {
    border-left: 1px solid #0000001a;
    box-shadow: 0 18px 48px rgba(91, 78, 255, 0.16);
    z-index: 1;
}
.landing-packages-track .best-pricing-card .overlay {
    justify-content: center;
    /* bazı tema kuralları mobilde overlay'i tüm karta yayıyor — şerit ölçüsü sabitlenir */
    height: 30px !important;
    top: -20px !important;
    bottom: auto !important;
}
.landing-packages-track .best-pricing-card-title h2 {
    font-size: 24px;
    color: #1a1f36;
}
/* Özel Teklif paketini ayrıştıran taç ikonu */
.landing-paket-star {
    font-size: 20px;
    color: #d97706;
}
.landing-packages-track .best-pricing-card-header > p {
    color: #6b7280;
    font-size: 14px;
}
.landing-packages-track .best-pricing-card-header h3 {
    font-size: 30px;
    font-weight: 800;
    color: #1a1f36;
}
.landing-packages-track .best-pricing-card-header h3 span {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
}
.landing-price-strike {
    font-size: 14px;
    color: #9ca3af;
    text-decoration: line-through;
    margin-bottom: 2px;
}
.landing-price-custom-hint {
    font-size: 13px;
    color: #6b7280;
    margin: 6px 0 0;
}
.landing-packages-track .best-pricing-card-body {
    margin-top: auto;
    padding-top: 20px;
}
.landing-packages-track .start-free-btn {
    width: 100%;
}
.landing-packages-track .best-pricing-card-body .list li.v2 { color: #9ca3af; }
.landing-packages-track .best-pricing-card-body .list li.v2::before { background-color: #d1d5db; }

/* Paketler arkaplanı — sass-landing-index1'deki gibi: eğik üst kenarlı bant
   kartların hemen altından başlar, alt bilgi şeridi bandın üzerinde oturur,
   toplar eğik kenarın üstünde durur. Bölüm bitince arkaplan biter (yorumlar beyaz). */
.landing-pricing-section {
    position: relative;
}
.landing-pricing-section > .container {
    position: relative;
    z-index: 1;
}
.landing-pricing-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    pointer-events: none;
}
.landing-pricing-bg-img {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
    object-position: top center;
}
.landing-pricing-ball {
    position: absolute;
}
.landing-pricing-ball1 { top: -9%; left: 4%; }
.landing-pricing-ball2 { top: -26%; right: 8%; }
.landing-pricing-ball3 { top: -13%; right: 3.5%; }
.landing-pricing-ball img {
    animation: landing-ball-float 7s ease-in-out infinite;
}
.landing-pricing-ball2 img { animation-delay: 2.2s; }
.landing-pricing-ball3 img { animation-delay: 4.1s; }
@keyframes landing-ball-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-16px); }
}
@media (max-width: 767.98px) {
    .landing-pricing-ball img { max-width: 42px; height: auto; }
    .landing-pricing-bg-img { height: 300px; }
}

.landing-pricing-swipe-hint {
    text-align: center;
    font-size: 13px;
    color: #6b7280;
    margin: 44px 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.landing-pricing-info { margin-top: 48px; }

/* Paket karşılaştır — daktilo efekti (sağa hizalı, ok ikonuna yakın) */
.landing-compare-typewriter {
    justify-content: flex-end;
}
.landing-compare-typewriter .landing-typewriter-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 220px;
    font-weight: 700;
}
.landing-compare-typewriter .landing-typewriter-text {
    color: #5b4eff;
    letter-spacing: 0.01em;
}
.landing-compare-typewriter .landing-typewriter-cursor {
    display: inline-block;
    width: 2px;
    height: 1.1em;
    margin-left: 2px;
    background: #5b4eff;
    animation: landing-typewriter-blink 0.9s step-end infinite;
    vertical-align: text-bottom;
}
.landing-compare-typewriter .icon {
    background-color: rgba(91, 78, 255, 0.2);
}
.landing-compare-typewriter:hover .icon {
    background-color: #5b4eff;
}
@keyframes landing-typewriter-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

@media (max-width: 991.98px) {
    .landing-packages-track .best-pricing-card,
    .landing-packages-track .best-pricing-card:first-child,
    .landing-packages-track .best-pricing-card:last-child {
        border: 1px solid #0000001a;
        border-radius: 24px;
        height: 100%;
    }
}

/* ───────────────── Footer — sass-landing-index2 (tema varlıkları: footer-bg.svg + shape'ler) ───────────────── */
.landing-footer .container { position: relative; z-index: 1; }
.landing-footer .chatbot-footer-card.newsletter {
    border-bottom-color: rgba(26, 31, 54, 0.1);
}
.landing-footer .chatbot-footer-right.newslatter {
    border-left: none;
    border-right: 1px solid rgba(26, 31, 54, 0.1) !important;
}
.landing-footer .newsletter-get-demo-section {
    margin-bottom: 80px;
}
.landing-footer .chatbot-footer-logo img {
    max-height: 46px;
    width: auto;
}
.landing-footer .chatbot-footer-left.sass h4 {
    margin-bottom: 12px;
}
.landing-footer .chatbot-footer-left.sass > p {
    margin-bottom: 22px;
}
.landing-footer .subscribe-form.sass .form-input {
    flex: 1;
    padding: 14px 20px;
}
/* Abone formu altı — ticari ileti izni bilgi satırı */
.landing-bulten-izin {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12.5px;
    color: #6b7280;
    line-height: 1.5;
}
.landing-bulten-izin a {
    color: #0555FF;
    font-weight: 600;
}
/* Form altı KVKK aydınlatma bilgi satırı (demo modal + /kayit) */
.landing-form-kvkk {
    margin: 12px 0 0;
    font-size: 12.5px;
    color: #6b7280;
    line-height: 1.55;
    text-align: center;
}
.landing-form-kvkk a {
    color: #0555FF;
    font-weight: 600;
}
/* Müşteri portalı kayıt — sözleşme onay kutusu */
.master-auth-sozlesme {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 16px 0 4px;
    font-size: 13px;
    line-height: 1.55;
    color: #4b5563;
    cursor: pointer;
}
.master-auth-sozlesme input[type="checkbox"] {
    width: auto !important;
    margin-top: 3px;
    flex-shrink: 0;
}
.master-auth-sozlesme a {
    color: #0555FF;
    font-weight: 600;
}
/* Abone formu sonuç mesajı (AJAX) */
.landing-bulten-sonuc {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
}
.landing-bulten-sonuc.is-ok { color: #16a34a; }
.landing-bulten-sonuc.is-err { color: #dc2626; }
.landing-footer .footer-menu-list { margin-bottom: 28px; }
/* Alt yasal link şeridi (tema: chatbot-footer-bottom-left ul) — tek satırda yan yana */
.landing-footer .chatbot-footer-bottom-left.sass {
    max-width: none;
}
.landing-footer .chatbot-footer-bottom-left.sass ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 28px;
    max-width: none;
}
.landing-footer .chatbot-footer-bottom-left.sass ul li {
    white-space: nowrap;
}
.landing-footer .chatbot-footer-bottom-left.sass ul li a {
    font-weight: 600;
    font-size: 14px;
}
.landing-footer .chatbot-footer-bottom-left.sass ul li a:hover { color: #0555FF; }
.landing-footer .chatbot-footer-bottom-left.sass p {
    font-size: 13.5px;
    line-height: 1.7;
    max-width: 640px;
}
/* Say-hello alanı: tema p stilleri; sosyal ikonlar (FA) temadaki gibi koyu ve sade */
.landing-footer .chatbot-social-list .social-link {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 18px;
}
/* Tema, sosyal linklere brightness(100) uygulayıp beyazlatıyor — iptal edilir */
.landing-footer .chatbot-social-list a {
    filter: none !important;
    opacity: 1 !important;
}
.landing-footer .chatbot-social-list .social-link a i {
    color: #444444 !important;
    font-size: 17px !important;
    transition: color 0.2s ease;
}
.landing-footer .chatbot-social-list .social-link a:hover i { color: #111111 !important; }
/* Say-hello üstündeki adres satırı */
.landing-footer .chatbot-footer-bottom-right.sass p.landing-footer-adres span {
    margin-left: 12px;
    color: #444444;
    font-weight: 500;
}
.landing-footer .chatbot-footer-bottom .footer-copyright.sass {
    font-size: 13.5px;
    padding-top: 24px;
}
.landing-footer-odeme { padding-top: 24px; }
@media (max-width: 767.98px) {
    .landing-footer-info { margin-top: 36px; }
    .landing-footer .chatbot-footer-right.newslatter { border-right: none !important; }
}

/* ───────────────── Anasayfa — stay-connect (mobil uygulama bandı) ───────────────── */
.stay-connect-section .stay-connect-content {
    /* içerik temadaki 793px sabit yüksekliğe gerek kalmadan ortalanır */
    min-height: 640px;
    max-height: none;
    padding-top: 100px;
    padding-bottom: 110px;
}
.stay-connect-btns .qr-code-img img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    background: #fff;
    border-radius: 12px;
    padding: 6px;
}
.stay-connect-mobile-img img {
    max-width: 100%;
    height: auto;
}

/* ───────────────── Anasayfa — Blog yazıları (defi latest-articles'ın açık uyarlaması) ───────────────── */
.landing-blog-section {
    padding: 100px 0;
    background: #fff;
}
.landing-blog-section .section-title { margin-bottom: 50px; }
.landing-blog-section .latest-articles-card {
    background: #fff;
    border: 1px solid #ececf5;
    box-shadow: 0 12px 34px rgba(26, 31, 54, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.landing-blog-section .latest-articles-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(26, 31, 54, 0.12);
}
.landing-blog-section .latest-articles-card .articles-img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.landing-blog-section .latest-articles-card .articles-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.landing-blog-section .latest-articles-card .latest-articles-text p {
    color: #0f57e8;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.landing-blog-section .latest-articles-card .latest-articles-text h4 {
    color: #1a1f36;
    font-size: 19px;
    line-height: 1.45;
    margin-bottom: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.landing-blog-section .latest-articles-card .latest-articles-text h4:hover { color: #0f57e8; }
.landing-blog-section .latest-articles-card .articles-footer p {
    color: #9ca3af;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 500;
}
.landing-blog-section .latest-articles-card .articles-footer a {
    opacity: 1;
    color: #0f57e8;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.landing-blog-more {
    text-align: center;
    margin-top: 20px;
}
.landing-blog-more a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #0f57e8;
    text-decoration: none;
    border-bottom: 2px solid rgba(15, 87, 232, 0.3);
    padding-bottom: 2px;
    transition: border-color 0.25s ease;
}
.landing-blog-more a:hover { border-color: #0f57e8; }
.footer-widget .footer-contact-item span {
    display: block;
    font-size: 13px;
    color: #ffffffb2;
    opacity: 0.85;
    margin-top: 2px;
}
.footer-widget .footer-contact-item i {
    color: #ffffffb2;
    font-size: 16px;
    margin-top: 3px;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}

/* Footer SEO menü satırı */
.footer-seo-menus {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 36px 0 12px;
    margin-top: 12px;
}

/* ── /moduller sayfası ─────────────────────────────────────────────────── */
.moduller-service-section {
    padding-top: 80px;
    padding-bottom: 60px;
}

.moduller-catalog-section {
    padding-top: 60px;
    padding-bottom: 100px;
}
.moduller-catalog-intro {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 56px;
}
.moduller-catalog-lead {
    margin-top: 16px;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.7;
}

.moduller-category-block {
    margin-bottom: 56px;
}
.moduller-category-block:last-of-type {
    margin-bottom: 32px;
}
.moduller-category-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.moduller-category-head-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}
.moduller-category-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    background: rgba(0, 149, 255, 0.12);
    color: #0095ff;
}
.moduller-category-head.item-2 .moduller-category-icon {
    background: rgba(14, 195, 107, 0.12);
    color: #0ec36b;
}
.moduller-category-head.item-3 .moduller-category-icon {
    background: rgba(247, 87, 140, 0.12);
    color: #f7578c;
}
.moduller-category-head.item-4 .moduller-category-icon {
    background: rgba(254, 196, 88, 0.18);
    color: #e6a000;
}
.moduller-category-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #1a1f36;
}
.moduller-category-count {
    font-size: 13px;
    font-weight: 600;
    color: #9ca3af;
    white-space: nowrap;
}

/* Modül ikonları — şablondaki organik blob arka plan (CSS) */
.moduller-catalog-section .core-feature-item-icon {
    margin-bottom: 30px;
}
.moduller-icon-blob {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    line-height: 1;
    flex-shrink: 0;
    --blob-h: 220;
    background: hsl(var(--blob-h) 72% 91%);
    color: hsl(var(--blob-h) 58% 42%);
}
.moduller-icon-blob--shape-1 { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
.moduller-icon-blob--shape-2 { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
.moduller-icon-blob--shape-3 { border-radius: 55% 45% 60% 40% / 40% 55% 45% 60%; }
.moduller-icon-blob--shape-4 { border-radius: 45% 55% 35% 65% / 65% 35% 55% 45%; }
.moduller-icon-blob--shape-5 { border-radius: 50% 50% 40% 60% / 55% 45% 65% 35%; }
.moduller-icon-blob--shape-6 { border-radius: 40% 60% 55% 45% / 60% 40% 50% 50%; }
.moduller-icon-blob--shape-7 { border-radius: 65% 35% 50% 50% / 45% 65% 35% 55%; }
.moduller-icon-blob--shape-8 { border-radius: 35% 65% 45% 55% / 50% 50% 60% 40%; }

.moduller-catalog-cta {
    margin-top: 24px;
    padding-top: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.moduller-catalog-cta p {
    color: #6b7280;
    margin-bottom: 20px;
}

/* ── /paketler sayfası — pricing-plan.html (breadcrumb üstüne binme yok) ─ */
.paketler-page .pricing-plan-section.paketler-plan-section {
    margin-top: 0;
    padding-top: 48px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}
.paketler-page .breadcrumb-section {
    margin-bottom: 0;
}
.paketler-pricing-toggle-row {
    margin-bottom: 40px;
}
.paketler-pricing-toggle {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .paketler-pricing-toggle-row {
        margin-bottom: 48px;
    }
}
.paket-plan-price {
    min-height: 72px;
}
.paket-price-amount {
    font-size: 36px;
    font-weight: 800;
    color: #1a1f36;
    line-height: 1;
}
.paket-price-period {
    font-size: 15px;
    font-weight: 600;
    color: #6b7280;
    margin-left: 4px;
}
.paket-price-strike {
    display: block;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #9ca3af;
    text-decoration: line-through;
    margin-bottom: 4px;
}
.paket-price-yearly-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
}
.paket-kdv-hint {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    line-height: 1.3;
}
.paket-vitrin-badge {
    display: inline-block;
    margin-left: 6px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    color: #fff;
    vertical-align: middle;
}
.paket-vitrin-badge.paket-badge--popular {
    background: linear-gradient(135deg, #5b4eff, #8b5cf6);
}
.paket-vitrin-badge.paket-badge--preferred {
    background: linear-gradient(135deg, #0d9488, #14b8a6);
}
.paketler-plan-section .pricing-plan-show-btn {
    display: none;
}
@media (max-width: 991.98px) {
    .paketler-plan-section .pricing-plan-show-btn {
        display: flex;
    }
    .paketler-plan-section .pricing-plan-card:not(.active) .best-pricing-card-body {
        display: none;
    }
    .paketler-plan-section .pricing-plan-card.enterprise-card:not(.active) .pricing-plan-card-content:not(:first-child) {
        display: none;
    }
    .paketler-plan-section .pricing-plan-card.enterprise-card:not(.active) .pricing-plan-show-btn {
        display: flex;
    }
}
/* Aylık / yıllık fiyat geçişi — ana sayfa + /paketler */
.landing-packages-track[data-period="monthly"] .landing-price-yearly,
.paketler-page:not(.is-yearly) .paket-price-yearly {
    display: none !important;
}
.landing-packages-track[data-period="yearly"] .landing-price-monthly,
.paketler-page.is-yearly .paket-price-monthly {
    display: none !important;
}
.landing-packages-track[data-period="yearly"] .landing-price-yearly,
.paketler-page.is-yearly .paket-price-yearly {
    display: block !important;
}
.paketler-plan-section .pricing-plan-img img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
@media (max-width: 991.98px) {
    .paketler-plan-section .pricing-plan-card-content.right .pricing-plan-img {
        bottom: 0;
        margin-top: 20px;
    }
}

/* ── /paketler — modül karşılaştırma tablosu ─ */
.paket-modul-compare-section .compare-plans-title {
    text-align: center;
}

/* Başlık + gövde aynı grid — sütun hizası */
.paket-modul-compare[data-package-count="2"] { --compare-cols: minmax(200px, 1.35fr) repeat(2, 1fr); }
.paket-modul-compare[data-package-count="3"] { --compare-cols: minmax(200px, 1.35fr) repeat(3, 1fr); }
.paket-modul-compare[data-package-count="4"] { --compare-cols: minmax(190px, 1.25fr) repeat(4, 1fr); }
.paket-modul-compare[data-package-count="5"] { --compare-cols: minmax(180px, 1.15fr) repeat(5, 1fr); }
.paket-modul-compare[data-package-count="6"] { --compare-cols: minmax(170px, 1.1fr) repeat(6, 1fr); }

.paket-modul-compare-section .compare-plans-table ol {
    display: grid !important;
    grid-template-columns: var(--compare-cols, minmax(200px, 1.35fr) repeat(3, 1fr));
    width: 100%;
    gap: 0;
    align-items: end;
    overflow: visible;
}
.paket-modul-compare .table-body.paket-compare-rows {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    gap: 0;
}
.paket-compare-row {
    display: grid;
    grid-template-columns: var(--compare-cols, minmax(200px, 1.35fr) repeat(3, 1fr));
    align-items: center;
    background: #fff;
    transition: background-color 0.15s ease;
}
.paket-compare-row.is-row-hover {
    background: rgba(0, 0, 0, 0.04);
}
.paket-compare-cell {
    padding: 8px 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 44px;
}
.paket-compare-cell--mod {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 0;
    gap: 0;
    line-height: 1.2;
}
.paket-compare-cell--status {
    justify-content: center;
}
.paket-modul-compare-section .compare-plans-table ol li {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 0 !important;
    padding: 14px 12px !important;
    background: transparent !important;
    border-radius: 0 !important;
    text-align: center;
}
.paket-modul-compare-section .compare-plans-table ol li:nth-child(1) {
    padding-left: 12px !important;
}
.paket-modul-compare-section .compare-plans-table ol li h6 {
    text-align: center;
}
.paket-modul-compare-section .compare-plans-table ol li:nth-last-child(2) {
    background: transparent !important;
}
.paket-modul-compare .paket-compare-mod-name {
    display: block;
    font-weight: 600;
    color: #111;
    line-height: 1.2;
    margin: 0;
}
.paket-modul-compare .paket-compare-mod-cat {
    display: block;
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.15;
    margin: 1px 0 0;
}
.paket-compare-icon { font-size: 18px; }
.paket-compare-icon--yes { color: #10b981; }
.paket-compare-icon--no { color: #d1d5db; }
.paket-compare-icon--optional { color: #0095ff; }

.paket-modul-compare[data-package-count="5"] .compare-plans-table,
.paket-modul-compare[data-package-count="6"] .compare-plans-table {
    overflow-x: auto;
}
.paket-modul-compare[data-package-count="5"] .table-header .thead-first ol,
.paket-modul-compare[data-package-count="5"] .paket-compare-row,
.paket-modul-compare[data-package-count="6"] .table-header .thead-first ol,
.paket-modul-compare[data-package-count="6"] .paket-compare-row {
    min-width: 1040px;
}
.paket-modul-compare-section .compare-plans-table ol li button {
    display: none;
}
.paket-modul-compare-section .compare-plans-table ol li h6 {
    margin-bottom: 0;
}
.paket-modul-compare-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    justify-content: center;
    margin-top: 28px;
    font-size: 14px;
    color: #6b7280;
}
.paket-modul-compare-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 991.98px) {
    .paket-modul-compare-section .compare-plans-table ol {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 0 !important;
    }
    .paket-modul-compare-section .compare-plans-table ol li:nth-child(1) {
        display: none;
    }
    .paket-compare-row {
        grid-template-columns: minmax(160px, 1.2fr) 1fr;
        min-width: 0 !important;
    }
    .paket-compare-cell--status {
        justify-content: center;
    }
}

/* Master CMS — sayfa, blog, iletişim */
.master-cms-rich-content {
    font-size: 1.05rem;
    line-height: 1.75;
    color: #374151;
}
.master-cms-rich-content h2,
.master-cms-rich-content h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #1e1b4b;
}
.master-cms-page-content {
    padding: 48px 0 72px;
}
.master-cms-faq {
    padding: 48px 0 80px;
}
.master-cms-contact {
    padding: 48px 0 64px;
}
.master-blog-categories li {
    margin-bottom: 8px;
}
.master-blog-categories li a {
    color: #4b5563;
    text-decoration: none;
}
.master-blog-categories li.active a,
.master-blog-categories li a:hover {
    color: #4f46e5;
    font-weight: 600;
}
.master-blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.master-blog-tags .tag-pill {
    display: inline-block;
    padding: 6px 12px;
    background: #f3f4f6;
    border-radius: 999px;
    font-size: 13px;
    color: #374151;
}

/* Blog liste + detay — gri zemin, beyaz kartlar (latest-blog / blog-details şablonu) */
.master-blog-list.latest-blog-section,
.master-blog-detail-page.blog-details-section {
    background: #ECEFF1;
}

.master-blog-list.latest-blog-section {
    padding: 80px 0 120px;
}

.master-blog-list .latest-blog-content {
    padding-right: 20px;
}

.master-blog-sidebar-card.letest-blog-card {
    margin-bottom: 0;
    box-shadow: 0 8px 30px rgba(17, 17, 17, 0.04);
}

@media (min-width: 992px) {
    .master-blog-sidebar-card.letest-blog-card {
        position: sticky;
        top: 100px;
    }
}

.master-blog-sidebar-empty {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
}

.master-blog-sidebar-card .categories-list ul li.active a {
    color: #0095ff;
    font-weight: 700;
}

/* Blog detay — kompakt header (120px), yalnızca başlık */
.master-blog-detail-breadcrumb.breadcrumb-section {
    margin-top: 90px;
    min-height: 120px;
    height: 120px;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #242549;
}

.master-blog-detail-breadcrumb.breadcrumb-section .container {
    width: 100%;
}

.master-blog-detail-breadcrumb .breadcrumb-content {
    padding: 0;
}

.master-blog-detail-breadcrumb-title {
    margin: 0;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Blog detay */
.master-blog-detail-page.blog-details-section {
    margin-top: 0 !important;
    padding: 40px 0 100px;
    z-index: 1;
    position: relative;
}

.master-blog-detail-page .blog-details-content {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 20px;
    box-shadow: 0 8px 30px rgba(17, 17, 17, 0.05);
}

.master-blog-detail-page .blog-details-inner {
    padding: 30px;
}

.master-blog-detail-page .blog-details-page-title {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: clamp(1.65rem, 2.8vw, 2.125rem);
    font-weight: 700;
    line-height: 1.35;
    color: #111111;
    margin-bottom: 22px;
}

.master-blog-detail-page .blog-details-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    overflow: visible;
    position: relative;
    z-index: 5;
}

.master-blog-detail-page .blog-details-meta-row .blog-details-info-list {
    margin-bottom: 0;
    flex: 1 1 auto;
}

.master-blog-detail-page .blog-details-info-list ul li {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.06em;
    color: #444444;
}

.master-blog-detail-page .blog-details-info-list ul li a {
    color: #0095ff;
}

.master-blog-detail-page .blog-share-wrap {
    position: relative;
    flex-shrink: 0;
}

.master-blog-detail-page .blog-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    border-radius: 999px;
    padding: 6px 6px 6px 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #111;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.master-blog-detail-page .blog-share-btn:hover,
.master-blog-detail-page .blog-share-wrap.is-open .blog-share-btn {
    border-color: #0095ff;
    box-shadow: 0 4px 16px rgba(0, 149, 255, 0.15);
}

.master-blog-detail-page .blog-share-trigger-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #0095ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: transform 0.25s ease, background 0.2s;
}

.master-blog-detail-page .blog-share-wrap.is-open .blog-share-trigger-icon {
    transform: rotate(45deg);
}

.master-blog-detail-page .blog-share-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 72px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 14px 40px rgba(17, 17, 17, 0.14);
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 12px 14px 14px;
    z-index: 30;
}

.master-blog-detail-page .blog-share-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.master-blog-detail-page .blog-share-panel-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #111;
}

.master-blog-detail-page .blog-share-close {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background: #0095ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
}

.master-blog-detail-page .blog-share-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.master-blog-detail-page .blog-share-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.master-blog-detail-page .blog-share-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    color: #fff;
}

.master-blog-detail-page .blog-share-fb { background: #1877f2; }
.master-blog-detail-page .blog-share-x { background: #0f1419; }
.master-blog-detail-page .blog-share-wa { background: #25d366; }
.master-blog-detail-page .blog-share-li { background: #0a66c2; }
.master-blog-detail-page .blog-share-rd { background: #ff4500; }
.master-blog-detail-page .blog-share-copy { background: #64748b; }
.master-blog-detail-page .blog-share-copy.is-copied { background: #16a34a; }

@media (min-width: 576px) {
    .master-blog-detail-page .blog-share-panel.is-horizontal,
    .master-blog-detail-page .blog-share-icons {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .master-blog-detail-page .blog-share-panel {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .master-blog-detail-page .blog-share-icons {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 200px;
    }
}

/* CKEditor içerik — tam genişlik + tipografi normalize */
.master-blog-detail-page .master-cms-rich-content.blog-text {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.85;
    color: #444444;
}

.master-blog-detail-page .master-cms-rich-content.blog-text .container,
.master-blog-detail-page .master-cms-rich-content.blog-text .container-fluid,
.master-blog-detail-page .master-cms-rich-content.blog-text .row {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text p,
.master-blog-detail-page .master-cms-rich-content.blog-text li,
.master-blog-detail-page .master-cms-rich-content.blog-text td,
.master-blog-detail-page .master-cms-rich-content.blog-text span:not([class]) {
    font-size: 17px !important;
    line-height: 1.85 !important;
    color: #444444 !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text p {
    margin-bottom: 1.15rem;
}

.master-blog-detail-page .master-cms-rich-content.blog-text h1 {
    font-size: 1.75rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 2rem 0 0.85rem !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text h2 {
    font-size: 1.45rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 1.85rem 0 0.75rem !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text h3 {
    font-size: 1.25rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 1.5rem 0 0.65rem !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text h4,
.master-blog-detail-page .master-cms-rich-content.blog-text h5,
.master-blog-detail-page .master-cms-rich-content.blog-text h6 {
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 1.25rem 0 0.55rem !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text blockquote {
    margin: 1.75rem 0;
    padding: 1rem 0 1rem 1.25rem;
    border-left: 4px solid #0095ff;
    background: transparent;
    font-size: 18px !important;
    font-style: italic;
    line-height: 1.75 !important;
    color: #555555 !important;
}

.master-blog-detail-page .master-cms-rich-content.blog-text ul,
.master-blog-detail-page .master-cms-rich-content.blog-text ol {
    margin-bottom: 1.15rem;
    padding-left: 1.35rem;
}

.master-blog-detail-page .master-cms-rich-content.blog-text img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1rem 0;
}

.master-blog-detail-page .master-cms-rich-content.blog-text table {
    width: 100%;
    margin-bottom: 1.25rem;
}

.master-blog-detail-page .master-blog-article-tags.blog-tag-section {
    justify-content: flex-start;
    margin-top: 28px;
    padding-top: 0;
    border-top: none;
}

.master-blog-detail-page .blog-previous-next-section {
    margin-top: 30px;
}

.master-blog-detail-page .master-blog-disqus {
    margin-top: 30px;
    padding: 30px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(17, 17, 17, 0.05);
}

@media (max-width: 991px) {
    .master-blog-detail-page .blog-details-content {
        margin-right: 0;
    }

    .master-blog-list .latest-blog-content {
        padding-right: 0;
    }

    .master-blog-detail-page .blog-details-meta-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .master-blog-detail-page .blog-share-btn {
        align-self: flex-end;
    }
}
.blog-sidebar .widget-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #1e1b4b;
}

/* Üst duyuru bandı — dönen liste + HTML biçimlendirme */
.header-top-content--v2 {
    gap: 16px;
}
.header-top-content--v2 .header-top-left {
    flex: 1 1 auto;
    min-width: 0;
}
.header-top-content--v2 .header-top-left--empty {
    flex: 1 1 auto;
}
.header-top-ticker {
    position: relative;
    height: 1.45em;
    overflow: hidden;
    width: 100%;
}
.header-top-ticker__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.45s ease, opacity 0.45s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-top-ticker__item.is-active {
    transform: translateY(0);
    opacity: 1;
}
.header-top-ticker__item.is-leaving {
    transform: translateY(-100%);
    opacity: 0;
}
.header-top-ticker__item.is-entering {
    transform: translateY(100%);
    opacity: 0;
}
.header-top-ticker__item.is-entering.is-active {
    transform: translateY(0);
    opacity: 1;
}
.header-top-ticker__link,
.header-top-ticker__text {
    color: #ffffff;
    margin: 0;
    text-decoration: none;
}
.header-top-ticker__link:hover {
    color: #ffffff;
    opacity: 0.92;
}
.header-top-ticker b,
.header-top-ticker strong,
.header-top-preview b,
.header-top-preview strong {
    color: #38bdf8;
    font-weight: 700;
}
.header-top-ticker span,
.header-top-preview span {
    font-style: italic;
}
.header-top-ticker .ht-gold,
.header-top-preview .ht-gold {
    color: #fbbf24;
    font-style: italic;
    font-weight: 600;
}
@media (max-width: 767px) {
    .header-top-ticker__item {
        white-space: normal;
    }
}

/* Master site menü — hover alt menü (NFT / Staco şablonu) */
.header-section.v2 .main-menu .has-submenu {
    position: relative;
}

.header-section.v2 .main-menu .has-submenu > .submenu {
    list-style: none;
    margin: 0;
    padding: 13px 24px;
}

.header-section.v2 .main-menu .has-submenu:hover > .submenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-section.v2 .main-menu .submenu > li {
    line-height: 36px;
    white-space: nowrap;
}

.header-section.v2 .main-menu .nft-has-submenu {
    position: relative;
}

.header-section.v2 .main-menu .nft-has-submenu > .nft-submenu {
    list-style: none;
    margin: 0;
    padding: 13px 24px;
    top: 0;
    left: calc(100% + 4px);
    width: 220px;
}

.header-section.v2 .main-menu .nft-has-submenu:hover > .nft-submenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    top: -8px;
}

.header-section.v2 .main-menu .nft-has-submenu::after {
    top: 50%;
    transform: translateY(-50%);
    right: -4px;
}

.header-section.v2 .main-menu .nft-has-submenu:hover::after {
    transform: translateY(-50%) rotate(90deg);
}

/* Master site menü — mobil alt menü */
.mobile-navbar-menu .mobile-menu-parent {
    display: block;
    font-weight: 600;
    color: #1e1b4b;
    padding: 8px 0 4px;
}
.mobile-navbar-menu .mobile-submenu {
    list-style: none;
    padding-left: 14px;
    margin: 0 0 8px;
}
.mobile-navbar-menu .mobile-submenu a {
    font-size: 0.95rem;
    opacity: 0.9;
}

/* /paketler — referans bandı (case-studies-section) */
.paket-referans-band .case-studies-brands ul li a {
    display: block;
    opacity: 0.85;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.paket-referans-band .case-studies-brands ul li a:hover {
    opacity: 1;
    transform: scale(1.04);
}

.paket-referans-band .case-studies-brands ul li img {
    max-height: 32px;
    max-width: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(20%);
}

.paket-referans-band .case-studies-brands ul li a:hover img {
    filter: grayscale(0%);
}

.paket-referans-band .case-studies-brands:hover .slide-top,
.paket-referans-band .case-studies-brands:hover .slide-bottom {
    animation-play-state: paused;
}

/* Müşteri yorumları — staco feedbacks-section'ın açık temalı uyarlaması */
.landing-feedbacks {
    padding-top: 100px;
}
.landing-feedbacks .section-title {
    margin-bottom: 10px;
}
.landing-feedbacks .layer-1 {
    background: linear-gradient(180deg, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
}
.landing-feedbacks .layer-2 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 75.52%);
}
.landing-feedbacks .feedback-stop-btn {
    background: rgba(91, 78, 255, 0.12);
    color: #5b4eff;
    font-size: 18px;
    border: 1px solid rgba(91, 78, 255, 0.25);
}
.landing-feedbacks .feedback-content {
    max-height: 640px;
}
.landing-feedbacks .feedback-card {
    background: #f8f9ff;
    border: 1px solid #ececf5;
}
.landing-feedbacks .feedback-card .landing-feedback-text {
    color: #6b7280;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
}
/* Yorum altı — business-index testimonial-section-4 slider-info kalıbı:
   solda kalın isim + altında unvan, sağda çerçevesiz kaynak ikonu */
.landing-feedback-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
}
.landing-feedback-kaynak {
    flex-shrink: 0;
    font-size: 20px;
    line-height: 1;
}
.landing-feedback-kaynak--web { color: #0f57e8; }
.landing-feedback-kaynak--playstore { color: #34A853; }
.landing-feedback-kaynak--appstore { color: #111111; }
.landing-feedback-kaynak--maps { color: #4285F4; }
.landing-feedback-kisi strong {
    display: block;
    font-family: "DM Sans", sans-serif;
    font-size: 15.5px;
    font-weight: 700;
    color: #111111;
    line-height: 1.35;
}
.landing-feedback-kisi span {
    font-size: 13px;
    color: #6b7280;
}
/* Google Maps yorum/embed alanı (yorumlar ayarından gelir) */
.landing-maps-embed {
    margin-top: 40px;
}
.landing-maps-embed iframe {
    width: 100%;
    border: 0;
    border-radius: 16px;
}

/* ───────────────────────── Anasayfa — Neden Şantiye+? (choose-us düzeni) ───────────────────────── */
.landing-neden-section {
    padding-top: 100px;
}
.landing-neden-section .section-title {
    margin-bottom: 60px;
}
.landing-neden-lead {
    max-width: 640px;
    margin: 14px auto 0;
    color: #6b7280;
    font-size: 17px;
    line-height: 1.6;
}
.landing-neden-section .contents-text p {
    font-size: 15px;
    line-height: 1.65;
    color: #6b7280;
    margin: 0;
}
.landing-neden-section .contents-text.text-right {
    text-align: right;
}
/* Çeyrek daire diyagramı — staco choose-us-img.svg'nin kod karşılığı */
.landing-neden-wheel {
    position: relative;
    width: 470px;
    max-width: 100%;
    aspect-ratio: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    margin: 0 auto;
}
.landing-neden-quarter {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    transition: transform 0.3s ease;
}
.landing-neden-quarter:hover {
    transform: scale(1.04);
}
.landing-neden-quarter--tl {
    border-radius: 100% 0 0 0;
    background: #f0f2ff;
    color: #5b4eff;
}
.landing-neden-quarter--tr {
    border-radius: 0 100% 0 0;
    background: #f3f0ff;
    color: #7c3aed;
}
.landing-neden-quarter--bl {
    border-radius: 0 0 0 100%;
    background: #fdf1e7;
    color: #d97706;
}
.landing-neden-quarter--br {
    border-radius: 0 0 100% 0;
    background: #e6f7f4;
    color: #14b8a6;
}
.landing-neden-wheel-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 30px rgba(26, 31, 54, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.landing-neden-wheel-core img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}
@media (max-width: 991.98px) {
    .landing-neden-section {
        padding-top: 76px;
    }
    .landing-neden-wheel {
        width: 360px;
    }
    .landing-neden-quarter {
        font-size: 32px;
    }
    .landing-neden-wheel-core {
        width: 84px;
        height: 84px;
    }
    .landing-neden-wheel-core img {
        width: 44px;
        height: 44px;
    }
    .landing-neden-section .contents-text.text-right {
        text-align: left;
    }
}

/* ───────────────────────── Anasayfa — Modül Ekosistemi ───────────────────────── */
.landing-hub-section {
    padding: 100px 0;
    background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
    overflow: hidden;
}
.landing-hub-section .section-title {
    margin-bottom: 60px;
}
.landing-hub-grid {
    display: grid;
    grid-template-columns: 1fr 300px 1fr;
    gap: 0 48px;
    align-items: center;
    position: relative;
}
.landing-hub-card {
    --hub-c: #5b4eff;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border: 1px solid #ececf5;
    border-radius: 20px;
    padding: 22px 24px;
    box-shadow: 0 12px 34px rgba(26, 31, 54, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.landing-hub-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 44px rgba(26, 31, 54, 0.12);
}
.landing-hub-card--proje { --hub-c: #5b4eff; }
.landing-hub-card--satis { --hub-c: #14b8a6; }
.landing-hub-card--finans { --hub-c: #d97706; }
.landing-hub-card--ik { --hub-c: #7c3aed; }
.landing-hub-card--raporlar { --hub-c: #0f57e8; }
.landing-hub-icon--shape-5 { border-radius: 50% 50% 40% 60% / 55% 45% 65% 35%; }
/* Sağ üst köşede kategori renginde yumuşak organik leke */
.landing-hub-blob {
    position: absolute;
    top: -34px;
    right: -30px;
    width: 110px;
    height: 110px;
    border-radius: 60% 40% 55% 45% / 50% 60% 40% 50%;
    background: var(--hub-c);
    opacity: 0.08;
    pointer-events: none;
}
/* Hero carousel'deki organik ikon balonlarıyla aynı dil */
.landing-hub-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    color: #fff;
    background: var(--hub-c);
    box-shadow: 0 8px 18px rgba(26, 31, 54, 0.18);
}
.landing-hub-icon--shape-1 { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
.landing-hub-icon--shape-2 { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
.landing-hub-icon--shape-3 { border-radius: 55% 45% 60% 40% / 40% 55% 45% 60%; }
.landing-hub-icon--shape-4 { border-radius: 45% 55% 35% 65% / 65% 35% 55% 45%; }
.landing-hub-card + .landing-hub-card {
    margin-top: 44px;
}
.landing-hub-card h6 {
    font-size: 16px;
    color: #1a1f36;
    margin-bottom: 12px;
}
.landing-hub-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.landing-hub-chips span {
    font-size: 12.5px;
    font-weight: 600;
    color: #4b5563;
    background: #f0f2ff;
    background: color-mix(in srgb, var(--hub-c) 10%, #ffffff);
    border-radius: 999px;
    padding: 4px 12px;
    white-space: nowrap;
}
/* Konektör: karttan hub'a kesikli ışın + teal uç noktası */
.landing-hub-col--left .landing-hub-card::after,
.landing-hub-col--right .landing-hub-card::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 48px;
    border-top: 2px dashed rgba(91, 78, 255, 0.4);
}
.landing-hub-col--left .landing-hub-card::after {
    left: 100%;
}
.landing-hub-col--right .landing-hub-card::after {
    right: 100%;
}
.landing-hub-col--left .landing-hub-card::before,
.landing-hub-col--right .landing-hub-card::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #14b8a6;
    z-index: 1;
}
.landing-hub-col--left .landing-hub-card::before {
    left: calc(100% + 44px);
}
.landing-hub-col--right .landing-hub-card::before {
    right: calc(100% + 44px);
}
.landing-hub-center {
    position: relative;
    display: flex;
    justify-content: center;
}
.landing-hub-center::before,
.landing-hub-center::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px dashed rgba(91, 78, 255, 0.25);
    z-index: 0;
    pointer-events: none;
}
.landing-hub-center::before {
    width: 290px;
    height: 290px;
    animation: landing-hub-pulse 4s ease-in-out infinite;
}
.landing-hub-center::after {
    width: 350px;
    height: 350px;
    animation: landing-hub-pulse 4s ease-in-out 2s infinite;
}
@keyframes landing-hub-pulse {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}
.landing-hub-core {
    position: relative;
    z-index: 2;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: linear-gradient(160deg, #5b4eff, #4338ca);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    padding: 20px;
    box-shadow: 0 24px 60px rgba(91, 78, 255, 0.35);
}
.landing-hub-core-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.landing-hub-core strong {
    font-size: 22px;
    font-family: "Montserrat Alternates", sans-serif;
}
.landing-hub-core-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 991.98px) {
    .landing-hub-section {
        padding: 76px 0;
    }
    .landing-hub-grid {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .landing-hub-center {
        order: -1;
        margin-bottom: 40px;
    }
    .landing-hub-center::after {
        display: none;
    }
    .landing-hub-col {
        position: relative;
        margin-left: 8px;
        padding-left: 26px;
        border-left: 2px dashed rgba(91, 78, 255, 0.35);
    }
    .landing-hub-col--left {
        padding-bottom: 24px;
    }
    .landing-hub-card + .landing-hub-card {
        margin-top: 24px;
    }
    .landing-hub-col--left .landing-hub-card::after,
    .landing-hub-col--right .landing-hub-card::after {
        display: none;
    }
    .landing-hub-col--left .landing-hub-card::before,
    .landing-hub-col--right .landing-hub-card::before {
        left: -31px;
        right: auto;
        top: 28px;
    }
}

/* ───────────────────────── Anasayfa — Eski Yöntem vs Şantiye+ ───────────────────────── */
.landing-vs-section {
    padding: 100px 0;
    background: #f8f9ff;
}
.landing-vs-section .section-title {
    margin-bottom: 50px;
}
.landing-vs-card {
    max-width: 1040px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ececf5;
    border-radius: 22px;
    box-shadow: 0 24px 60px rgba(26, 31, 54, 0.08);
    overflow: hidden;
}
.landing-vs-head {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.landing-vs-head-old,
.landing-vs-head-new {
    padding: 22px 28px;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.landing-vs-head-old {
    background: #f5f5f7;
    color: #6b7280;
}
.landing-vs-head-new {
    background: linear-gradient(135deg, #0f57e8, #1bc0e8);
    color: #fff;
}
.landing-vs-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(150deg, #1a1f36, #0f57e8);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    z-index: 2;
}
.landing-vs-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.landing-vs-row + .landing-vs-row {
    border-top: 1px dashed #ececf5;
}
.landing-vs-pain,
.landing-vs-gain {
    padding: 18px 28px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    line-height: 1.55;
}
.landing-vs-pain {
    background: #fafafb;
    color: #8b8f9a;
}
.landing-vs-pain i {
    color: #e1093f;
    margin-top: 3px;
}
.landing-vs-gain {
    color: #1a1f36;
}
.landing-vs-gain i {
    color: #24c0b8;
    margin-top: 3px;
}
.landing-vs-time {
    margin-left: auto;
    align-self: center;
    flex-shrink: 0;
    background: #e7f6fd;
    color: #0f57e8;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    white-space: nowrap;
}
.landing-vs-mobile-arrow {
    display: none;
}
.landing-vs-total {
    background: linear-gradient(135deg, #0f57e8, #24c0b8);
    color: #fff;
    text-align: center;
    padding: 22px 28px;
    font-size: 17px;
}
.landing-vs-total strong {
    font-size: 19px;
}
.landing-vs-total a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .landing-vs-section {
        padding: 76px 0;
    }
    .landing-vs-head {
        display: none;
    }
    .landing-vs-card {
        padding-top: 14px;
    }
    .landing-vs-row {
        grid-template-columns: 1fr;
        row-gap: 8px;
        padding: 20px 16px 16px;
    }
    .landing-vs-row + .landing-vs-row {
        border-top: 1px dashed #ececf5;
    }
    .landing-vs-pain,
    .landing-vs-gain {
        position: relative;
        border-radius: 12px;
        padding: 18px 14px 14px;
    }
    .landing-vs-pain {
        background: #f5f5f7;
    }
    .landing-vs-gain {
        background: #ecf6fe;
    }
    .landing-vs-pain::after {
        content: "ESKİ YÖNTEM";
        position: absolute;
        top: -9px;
        left: 14px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.04em;
        background: #6b7280;
        color: #fff;
        padding: 2px 8px;
        border-radius: 999px;
    }
    .landing-vs-gain::after {
        content: "ŞANTİYE+ İLE";
        position: absolute;
        top: -9px;
        left: 14px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.04em;
        background: #0f57e8;
        color: #fff;
        padding: 2px 8px;
        border-radius: 999px;
    }
    .landing-vs-mobile-arrow {
        display: flex;
        justify-content: center;
        color: #0f57e8;
        font-size: 14px;
    }
    .landing-vs-time {
        margin-left: 30px;
    }
}

/* ───────────────── Anasayfa — Ekranlardan Örnekler (staco app-convert-visitors uyarlaması) ───────────────── */
.landing-ekranlar-section {
    padding: 100px 0 70px;
    background: #ECEFF1;
}
.landing-ekranlar-section > .container > .section-title {
    margin-bottom: 40px;
}
.landing-ekranlar-section .convert-visitors-slider-right .slide-item {
    background: #ECEFF1;
}
/* Profesyonel tarayıcı penceresi mockup'ı */
.landing-screen-frame {
    position: relative;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e3e6f0;
    box-shadow: 0 1px 2px rgba(26, 31, 54, 0.06), 0 30px 70px -22px rgba(15, 87, 232, 0.32);
    overflow: hidden;
}
.landing-screen-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 16px;
    background: linear-gradient(180deg, #f8f9fc, #eef0f7);
    border-bottom: 1px solid #e3e6f0;
}
.landing-screen-dots {
    display: flex;
    gap: 7px;
    flex-shrink: 0;
}
.landing-screen-dots i {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.landing-screen-dots i:nth-child(1) { background: #ff5f57; }
.landing-screen-dots i:nth-child(2) { background: #febc2e; }
.landing-screen-dots i:nth-child(3) { background: #28c840; }
.landing-screen-url {
    flex: 1;
    max-width: 340px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #fff;
    border: 1px solid #e3e6f0;
    border-radius: 999px;
    font-size: 12px;
    color: #6b7280;
    padding: 4px 16px;
    white-space: nowrap;
    overflow: hidden;
}
.landing-screen-url i {
    font-size: 10px;
    color: #28c840;
}
.landing-screen-spacer {
    width: 47px;
    flex-shrink: 0;
}
.landing-screen-frame img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top center;
    background: #f0f2ff;
}
@media (max-width: 575.98px) {
    .landing-screen-url { max-width: 210px; }
    .landing-screen-spacer { display: none; }
}
.landing-ekranlar-section .convert-visitors-text .section-title {
    margin-bottom: 16px;
}
.landing-ekranlar-section .convert-visitors-text .section-title .title {
    font-size: 26px;
}
.landing-ekranlar-section .convert-visitors-text p {
    color: #6b7280;
}
/* Dikey sekme listesi: swiper yatay transform'u devre dışı, marka renkleri (#0095ff → #5b4eff) */
.landing-ekranlar-section .app-convert-visitors-nav .swiper-wrapper {
    transform: none !important;
}
.landing-ekranlar-section .app-nav-list .nav-item .tab-btn {
    text-transform: none;
    color: #4b5563;
    font-family: inherit;
}
.landing-ekranlar-section .app-nav-list .nav-item.swiper-slide-thumb-active .tab-btn {
    color: #5b4eff;
}
.landing-ekranlar-section .app-nav-list .nav-item.swiper-slide-thumb-active .tab-btn::before {
    background: #5b4eff;
}
.landing-ekranlar-section .app-nav-list .nav-item.swiper-slide-thumb-active::after {
    background: #5b4eff;
}
@media (max-width: 767.98px) {
    .landing-ekranlar-section {
        padding: 76px 0 50px;
    }
    .landing-ekranlar-section .app-convert-visitors-nav {
        margin-bottom: 24px;
    }
}

/* ───────────────────────── Anasayfa — SSS ───────────────────────── */
.landing-faq-section {
    padding-bottom: 100px;
}
/* Ortalanmış başlık + sağda tema SSS ikonu */
.landing-faq-header {
    position: relative;
    margin-bottom: 50px;
}
.landing-faq-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 130px;
    height: auto;
}
@media (max-width: 991.98px) {
    .landing-faq-icon { display: none; }
}
.landing-faq-more {
    text-align: center;
    margin-top: 36px;
}
.landing-faq-more a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #5b4eff;
    text-decoration: none;
    border-bottom: 2px solid rgba(91, 78, 255, 0.3);
    padding-bottom: 2px;
    transition: border-color 0.25s ease;
}
.landing-faq-more a:hover {
    border-color: #5b4eff;
    color: #4338ca;
}


/* ═══════════════════════════════════════════════════════════════════════════
   Hesabım — müşteri portalı (/hesabim/*) · 2026-08-23 yeniden tasarım
   Kapak + avatar (.creator-profile-img, nft creator-details kalıbı) + kapak üzerinde firma adı,
   altında dropdown'lu yatay menü; içerik tam genişlik kartlar. Renkler site paletiyle aynı
   (#0095FF birincil · #111C43 lacivert · #5b4eff vurgu · #ECEFF1 zemin).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Üst bölüm: kapak + bar ─────────────────────────────────────────────── */
.hesabim-hero { margin-top: 90px; position: relative; }
.hesabim-cover {
    height: 260px; width: 100%; position: relative; overflow: hidden;
    background: linear-gradient(135deg, #0095FF 0%, #111C43 100%);
}
.hesabim-cover-shape { position: absolute; top: 0; right: 0; height: 100%; width: auto; max-width: 55%; object-fit: contain; }
.hesabim-bar { background: #ffffff; position: relative; z-index: 5; box-shadow: 0 6px 24px rgba(17, 17, 17, 0.06); }
.hesabim-bar-inner { position: relative; min-height: 58px; padding-left: 250px; display: flex; align-items: stretch; }

.hesabim-profile { position: absolute; left: 0; top: -105px; z-index: 6; }
.hesabim-profile .creator-profile-img { margin-bottom: 0; background: #ffffff; }
.musteri-avatar-fallback {
    flex: 1; align-self: stretch;
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #0095FF 0%, #111C43 100%); color: #ffffff;
    font-size: 64px; font-weight: 800; border-radius: 50%;
}

.hesabim-kimlik { position: absolute; left: 250px; bottom: 100%; margin-bottom: 22px; color: #ffffff; max-width: calc(100% - 250px); }
.hesabim-kimlik h2 {
    font-size: 30px; line-height: 1.1; font-weight: 700; color: #ffffff; text-transform: uppercase; margin: 0;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hesabim-kimlik p { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); margin: 6px 0 0; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); }
.hesabim-kimlik-ayrac { opacity: 0.6; margin: 0 4px; }

/* ── Yatay menü + dropdown ──────────────────────────────────────────────── */
.hesabim-menu { flex: 1; display: flex; align-items: stretch; }
.hesabim-menu > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; gap: 2px; width: 100%; }
.hesabim-menu > ul > li { position: relative; display: flex; align-items: stretch; }
.hesabim-menu > ul > li > a,
.hesabim-menu-cikis button {
    display: inline-flex; align-items: center; gap: 7px; min-height: 58px; padding: 0 14px;
    font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #111111;
    border: 0; border-bottom: 2px solid transparent; background: none; white-space: nowrap; transition: 0.3s; text-decoration: none;
}
.hesabim-menu > ul > li > a i { font-size: 10px; opacity: 0.6; transition: transform 0.25s; }
.hesabim-menu > ul > li:hover > a,
.hesabim-menu > ul > li.active > a,
.hesabim-menu > ul > li.open > a { color: #0095FF; border-bottom-color: #0095FF; }
.hesabim-menu > ul > li:hover > a i,
.hesabim-menu > ul > li.open > a i { transform: rotate(180deg); }
.hesabim-menu-cikis { margin-left: auto; }
.hesabim-menu-cikis form { display: flex; align-items: stretch; }
.hesabim-menu-cikis button { color: #dc2626; cursor: pointer; }
.hesabim-menu-cikis button:hover { color: #b91c1c; border-bottom-color: #dc2626; }

.hesabim-dropdown {
    position: absolute; top: 100%; left: 0; min-width: 280px; margin: 0; padding: 8px; list-style: none;
    background: #ffffff; border-radius: 14px; box-shadow: 0 14px 44px rgba(17, 17, 17, 0.14); z-index: 30;
    opacity: 0; visibility: hidden; transform: translateY(8px); transition: 0.25s;
}
.hesabim-menu > ul > li.has-dropdown:hover > .hesabim-dropdown,
.hesabim-menu > ul > li.has-dropdown.open > .hesabim-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.hesabim-dropdown li a {
    display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 9px;
    font-size: 14px; font-weight: 500; color: #111111; text-decoration: none; transition: 0.2s;
}
.hesabim-dropdown li a i { width: 18px; text-align: center; color: #0095FF; font-size: 14px; }
.hesabim-dropdown li a:hover,
.hesabim-dropdown li.active a { background: #F3F7FB; color: #0095FF; }
.hesabim-menu-mobil { display: none; }

/* ── İçerik alanı ───────────────────────────────────────────────────────── */
.hesabim-icerik { background: #ECEFF1; padding: 96px 0 100px; min-height: 60vh; }
.hesabim-kart { background: #ffffff; border-radius: 16px; box-shadow: 0 8px 30px rgba(17, 17, 17, 0.04); padding: 30px 35px; margin-bottom: 24px; }
.hesabim-kart:last-child { margin-bottom: 0; }
.hesabim-kart-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; }
.hesabim-kart-baslik h4 { font-size: 20px; font-weight: 700; margin: 0; color: #111111; }
.hesabim-kart-baslik p { font-size: 13px; color: #6b7280; margin: 4px 0 0; }
.hesabim-kart-baslik .hesabim-kart-aksiyon { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.hesabim-satir { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.hesabim-satir > .hesabim-kart { margin-bottom: 0; }
.hesabim-sutun { display: flex; flex-direction: column; gap: 24px; }
.hesabim-sutun > .hesabim-kart { margin-bottom: 0; }

.hesabim-uyari {
    display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 12px; margin-bottom: 20px;
    font-size: 14px; font-weight: 600; border: 1px solid transparent;
}
.hesabim-uyari i { font-size: 18px; flex-shrink: 0; }
.hesabim-uyari > span { flex: 1 1 auto; min-width: 0; }
.hesabim-uyari a { color: inherit; text-decoration: underline; }
.hesabim-uyari.is-success { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.hesabim-uyari.is-danger { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.hesabim-uyari.is-warning { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.hesabim-uyari.is-info { background: #EAF5FF; color: #0369a1; border-color: #bae6fd; }
.hesabim-uyari .hesabim-uyari-aksiyon { margin-left: auto; }

/* Durum rozetleri (hesabim-odeme.js de üretir) */
.musteri-status-badge {
    display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; line-height: 1.4;
    padding: 4px 11px; border-radius: 999px; white-space: nowrap;
}
.musteri-status-badge.is-success { background: #ecfdf5; color: #047857; }
.musteri-status-badge.is-danger { background: #fef2f2; color: #b91c1c; }
.musteri-status-badge.is-warning { background: #fffbeb; color: #b45309; }
.musteri-status-badge.is-info { background: #EAF5FF; color: #0369a1; }
.musteri-status-badge.is-neutral { background: #f3f4f6; color: #4b5563; }
.musteri-status-badge.is-purple { background: #f1efff; color: #4f46e5; }

/* Kompakt butonlar (kart aksiyonları; ana form gönderimleri .theme-btn.primary-bg) */
.hesabim-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 18px; border-radius: 50px;
    font-size: 13px; font-weight: 700; line-height: 1.4; border: 1px solid transparent; cursor: pointer;
    text-decoration: none; white-space: nowrap; transition: 0.3s;
}
.hesabim-btn.is-primary { background: #0095FF; color: #ffffff; }
.hesabim-btn.is-primary:hover { background: #0077cc; color: #ffffff; }
.hesabim-btn.is-outline { background: #ffffff; color: #111111; border-color: rgba(0, 0, 0, 0.12); }
.hesabim-btn.is-outline:hover { border-color: #0095FF; color: #0095FF; }
.hesabim-btn.is-light { background: #F3F7FB; color: #111111; }
.hesabim-btn.is-light:hover { background: #EAF5FF; color: #0095FF; }
.hesabim-btn.is-danger { background: #fef2f2; color: #b91c1c; }
.hesabim-btn.is-danger:hover { background: #fee2e2; }
.hesabim-btn.is-lg { padding: 12px 28px; font-size: 15px; }
.hesabim-btn.is-sm { padding: 6px 14px; font-size: 12px; }
.hesabim-btn[disabled] { opacity: 0.55; cursor: not-allowed; }
.theme-btn.hesabim-kucuk { padding: 9px 22px; font-size: 13px; }

/* ── İstatistik kartları ────────────────────────────────────────────────── */
.hesabim-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; margin-bottom: 24px; align-items: stretch; } /* 2026-08-29: kart sayısına göre sığar (3 ya da 4 kart tek satır) */
.hesabim-stat { background: #ffffff; border-radius: 16px; padding: 22px 24px; display: flex; align-items: center; gap: 16px; box-shadow: 0 8px 30px rgba(17, 17, 17, 0.04); min-width: 0; }
.hesabim-stat-ikon { width: 50px; height: 50px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 20px; background: #EAF5FF; color: #0095FF; flex-shrink: 0; }
.hesabim-stat-ikon.is-danger { background: #fef2f2; color: #dc2626; }
.hesabim-stat-ikon.is-success { background: #ecfdf5; color: #059669; }
.hesabim-stat-ikon.is-warning { background: #fffbeb; color: #d97706; }
.hesabim-stat-ikon.is-purple { background: #f1efff; color: #5b4eff; }
.hesabim-stat-body { min-width: 0; }
.hesabim-stat-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; margin-bottom: 4px; }
.hesabim-stat-value { font-size: 24px; font-weight: 700; color: #111111; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hesabim-stat-alt { font-size: 12px; color: #9ca3af; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Hızlı işlemler */
.hesabim-hizli { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.hesabim-hizli a { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 14px; background: #F7F9FB; border: 1px solid transparent; color: #111111; text-decoration: none; transition: 0.25s; }
.hesabim-hizli a:hover { border-color: #0095FF; background: #ffffff; transform: translateY(-2px); color: #111111; }
.hesabim-hizli a i { font-size: 20px; color: #0095FF; }
.hesabim-hizli a strong { font-size: 14px; font-weight: 700; }
.hesabim-hizli a span { font-size: 12px; color: #6b7280; line-height: 1.5; }

/* ── Ürün kartları ──────────────────────────────────────────────────────── */
.hesabim-urun-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.hesabim-urun { background: #ffffff; border-radius: 16px; padding: 26px 28px; box-shadow: 0 8px 30px rgba(17, 17, 17, 0.04); display: flex; flex-direction: column; gap: 18px; border: 1px solid transparent; transition: 0.25s; min-width: 0; }
.hesabim-urun:hover { border-color: rgba(0, 149, 255, 0.35); }
.hesabim-urun.in-kart { box-shadow: none; border-color: rgba(0, 0, 0, 0.08); }
.hesabim-urun-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.hesabim-urun-paket { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #0095FF; }
.hesabim-urun h5 { font-size: 20px; font-weight: 700; margin: 4px 0 0; color: #111111; word-break: break-word; }
.hesabim-urun-alan { font-size: 14px; color: #6b7280; margin-top: 4px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hesabim-urun-alan a { color: #111111; font-weight: 600; text-decoration: none; }
.hesabim-urun-alan a:hover { color: #0095FF; }
.hesabim-urun-ozellik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.hesabim-urun-ozellik > div { font-size: 12px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
.hesabim-urun-ozellik strong { display: block; font-size: 15px; color: #111111; font-weight: 600; text-transform: none; letter-spacing: 0; margin-top: 2px; }
.hesabim-lisans-bar { height: 8px; background: #eef0f4; border-radius: 999px; overflow: hidden; }
.hesabim-lisans-bar > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #0095FF, #5b4eff); transition: width 0.6s; }
.hesabim-lisans-bar.is-warning > span { background: #f59e0b; }
.hesabim-lisans-bar.is-danger > span { background: #dc2626; }
.hesabim-lisans-meta { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; color: #6b7280; margin-top: 7px; flex-wrap: wrap; }
.hesabim-lisans-meta strong { color: #111111; }
.hesabim-urun-hizmet { display: flex; gap: 8px; flex-wrap: wrap; }
.hesabim-hizmet { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; padding: 5px 11px; border-radius: 8px; background: #f3f4f6; color: #6b7280; }
.hesabim-hizmet.is-on { background: #ecfdf5; color: #047857; }
.hesabim-urun-alt { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 16px; border-top: 1px solid #eef0f4; }

/* Ürün detay */
.hesabim-detay-baslik { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.hesabim-detay-ikon { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, #0095FF, #5b4eff); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0; }
.hesabim-geri { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #6b7280; text-decoration: none; margin-bottom: 14px; }
.hesabim-geri:hover { color: #0095FF; }
.hesabim-bilgi-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hesabim-bilgi { background: #F7F9FB; border-radius: 12px; padding: 14px 16px; min-width: 0; }
.hesabim-bilgi span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; font-weight: 600; margin-bottom: 4px; }
.hesabim-bilgi strong { font-size: 15px; color: #111111; font-weight: 600; word-break: break-word; }
.hesabim-bilgi a { color: #111111; text-decoration: none; }
.hesabim-bilgi a:hover { color: #0095FF; }
.hesabim-kota { margin-bottom: 16px; }
.hesabim-kota:last-child { margin-bottom: 0; }
.hesabim-kota-ust { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; margin-bottom: 6px; }
.hesabim-kota-ust strong { font-weight: 600; }
.hesabim-kota-ust span { color: #6b7280; font-variant-numeric: tabular-nums; }
.hesabim-modul-kategori { margin-bottom: 26px; }
.hesabim-modul-kategori:last-child { margin-bottom: 0; }
.hesabim-modul-kategori-baslik { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.hesabim-modul-kategori-baslik i { color: #0095FF; width: 18px; text-align: center; }
.hesabim-modul-kategori-baslik h6 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; }
.hesabim-modul-kategori-baslik small { font-size: 12px; color: #9ca3af; }
.hesabim-modul-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hesabim-modul { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 12px; background: #ffffff; min-width: 0; }
.hesabim-modul > i { color: #0095FF; font-size: 16px; width: 20px; text-align: center; margin-top: 2px; flex-shrink: 0; }
.hesabim-modul strong { display: block; font-size: 14px; font-weight: 600; color: #111111; }
.hesabim-modul span { font-size: 12px; color: #6b7280; line-height: 1.5; display: block; }
.hesabim-modul.is-ek { border-color: #ddd6fe; background: #faf9ff; }
.hesabim-modul-ek { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #5b4eff; margin-left: 6px; }
.hesabim-lejant { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: #6b7280; }
.hesabim-lejant i { margin-right: 5px; }

/* ── Tablolar ───────────────────────────────────────────────────────────── */
.hesabim-tablo-wrap { overflow-x: auto; }
.hesabim-tablo { width: 100%; border-collapse: collapse; }
.hesabim-tablo th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; font-weight: 700; padding: 12px 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); text-align: left; white-space: nowrap; background: #FAFBFC; }
.hesabim-tablo td { padding: 16px 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-size: 14px; color: #111111; vertical-align: middle; }
.hesabim-tablo tr:last-child td { border-bottom: 0; }
.hesabim-tablo .sag { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hesabim-tablo .nowrap { white-space: nowrap; }
.hesabim-tablo-alt { font-size: 12px; color: #9ca3af; margin-top: 4px; }
.hesabim-tablo-alt.is-success { color: #059669; }
.hesabim-tablo-alt.is-danger { color: #dc2626; }
.hesabim-chip { display: inline-block; white-space: nowrap; font-size: 11px; font-weight: 700; color: #4b5563; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 999px; padding: 3px 10px; }
.hesabim-tutar { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 700; }
.hesabim-tutar.is-danger { color: #dc2626; }
.hesabim-tutar.is-success { color: #059669; }
.hesabim-vade-gecti { color: #dc2626; font-weight: 700; }

/* ── Formlar (.form-input şablon sınıfı + grid) ─────────────────────────── */
.hesabim-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.hesabim-form-grid .span-2 { grid-column: span 2; }
.hesabim-form-grid .form-input { margin-bottom: 0; }
.form-input select,
.hesabim-form-grid .form-input input,
.hesabim-form-grid .form-input textarea { width: 100%; }
.form-input select { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 10px 15px; font-weight: 500; font-size: 15px; line-height: 28px; color: #111111; background: #ffffff; transition: 0.3s; }
.form-input input:focus, .form-input textarea:focus, .form-input select:focus { border-color: #0095FF; outline: none; }
.form-input input[disabled], .form-input input[readonly] { background: #F7F9FB; color: #6b7280; }
.form-input .hesabim-yardim { font-size: 12px; color: #9ca3af; line-height: 1.5; }
.form-input .hesabim-alan-hata { font-size: 12px; color: #dc2626; font-weight: 600; }
.form-input.has-error input, .form-input.has-error select { border-color: #fca5a5; }
.hesabim-form-bolum { padding-top: 26px; margin-top: 26px; border-top: 1px solid #eef0f4; }
.hesabim-form-bolum-baslik { margin-bottom: 18px; }
.hesabim-form-bolum-baslik h5 { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.hesabim-form-bolum-baslik p { font-size: 13px; color: #6b7280; margin: 0; }
.hesabim-form-aksiyon { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.hesabim-form-aksiyon .theme-btn { padding: 12px 32px; }
.hesabim-hata-liste { margin: 0 0 18px; padding: 12px 16px; border-radius: 10px; background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; font-size: 13px; font-weight: 600; }
.hesabim-hata-liste ul { margin: 0; padding-left: 18px; }
.hesabim-onay-kutu { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #374151; }
.hesabim-onay-kutu input { margin-top: 4px; }

/* Logo yükleme */
.hesabim-logo-alan { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }
.hesabim-logo-onizleme { width: 120px; height: 120px; border-radius: 50%; background: #F7F9FB; border: 1px solid rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px; flex-shrink: 0; }
.hesabim-logo-onizleme img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; }
.hesabim-logo-onizleme .musteri-avatar-fallback { font-size: 40px; }
.hesabim-logo-bilgi { flex: 1; min-width: 240px; }
.hesabim-logo-bilgi p { font-size: 13px; color: #6b7280; margin: 0 0 12px; line-height: 1.6; }
.hesabim-dosya { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.hesabim-dosya input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.hesabim-dosya-ad { font-size: 13px; color: #374151; }

/* Referans kartı */
.hesabim-referans-karti { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; background: linear-gradient(120deg, #f5f4ff, #eef7ff); border: 1px solid #e0e7ff; border-radius: 14px; padding: 20px 22px; }
.hesabim-referans-baslik { font-size: 15px; font-weight: 700; color: #111827; display: flex; align-items: center; gap: 8px; }
.hesabim-referans-baslik i { color: #5b4eff; }
.hesabim-referans-aciklama { font-size: 13px; color: #6b7280; max-width: 460px; margin-top: 4px; line-height: 1.6; }
.hesabim-referans-kod-wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hesabim-referans-kod { font-size: 18px; font-weight: 700; letter-spacing: 0.12em; background: #ffffff; border: 1px dashed #5b4eff; border-radius: 8px; padding: 8px 16px; color: #5b4eff; }

/* Boş durum */
.hesabim-bos { text-align: center; padding: 48px 20px; color: #6b7280; }
.hesabim-bos i { font-size: 42px; color: #cbd5e1; margin-bottom: 14px; display: block; }
.hesabim-bos strong { display: block; font-size: 16px; color: #111111; margin-bottom: 6px; }
.hesabim-bos p { font-size: 14px; margin: 0 0 16px; }

/* ── Borçlar & ödeme ───────────────────────────────────────────────────── */
.hesabim-borc-tablo td { font-size: 14px; }
.hesabim-ode-btn { padding: 8px 18px; }
.hesabim-yontem-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #eef0f4; font-size: 13px; color: #6b7280; }
.hesabim-odeme-guvence { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: #6b7280; margin-top: 10px; line-height: 1.6; }
.hesabim-odeme-guvence i { color: #059669; margin-top: 2px; }
.hesabim-yontem-btn { text-align: left; border: 1px solid #d9dbe9; border-radius: 12px; padding: 12px 16px; background: #ffffff; width: 100%; transition: 0.2s; }
.hesabim-yontem-btn:hover { border-color: #0095FF; }
.hesabim-yontem-btn.active { border-color: #0095FF; box-shadow: 0 0 0 3px rgba(0, 149, 255, 0.12); }
.hesabim-yontem-btn small { display: block; font-size: 12px; color: #6b7280; font-weight: 400; margin-top: 2px; }
.hesabim-havale-form label { display: block; font-size: 13px; font-weight: 600; color: #374151; margin: 10px 0 4px; }
.hesabim-havale-form input, .hesabim-havale-form select { width: 100%; border: 1px solid #d9dbe9; border-radius: 8px; padding: 9px 12px; font-size: 14px; }
.hesabim-havale-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.hesabim-kupon-satir { display: flex; gap: 8px; margin-top: 14px; }
.hesabim-kupon-satir input { flex: 1; border: 1px solid #d9dbe9; border-radius: 8px; padding: 9px 12px; font-size: 14px; text-transform: uppercase; }
.hesabim-kupon-sonuc { font-size: 13px; margin-top: 6px; }
.hesabim-kupon-sonuc.ok { color: #059669; }
.hesabim-kupon-sonuc.err { color: #dc2626; }
.hesabim-modal .modal-content { border-radius: 16px; border: 0; }
.hesabim-modal .modal-header { border-bottom: 1px solid #eef0f4; padding: 18px 24px; }
.hesabim-modal .modal-body { padding: 22px 24px; }
.hesabim-modal .modal-footer { border-top: 1px solid #eef0f4; padding: 14px 24px; }
.hesabim-modal-ozet { background: #F7F9FB; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; font-size: 14px; }
.hesabim-modal-ozet .satir { display: flex; justify-content: space-between; gap: 10px; }
.hesabim-modal-ozet .kucuk { font-size: 12px; color: #6b7280; }
.hesabim-modal-ozet .yesil { font-size: 12px; color: #059669; }
.hesabim-modal-ozet .toplam { border-top: 1px solid #e5e7eb; margin-top: 6px; padding-top: 6px; font-weight: 700; }
.hesabim-modal-etiket { font-weight: 700; font-size: 14px; margin-bottom: 8px; display: block; }
.hesabim-modal-not { font-size: 12px; color: #6b7280; }
.hesabim-modal .btn-vazgec { background: #e5e7eb; color: #111111 !important; }
.hesabim-modal .btn-vazgec:hover { background: #d1d5db; border-color: transparent; }
.hesabim-modal .hesabim-tablo td, .hesabim-modal .hesabim-tablo th { padding: 10px 10px; font-size: 13px; }

/* Havale bildirimi sayfası — banka hesabı / borç seçimi */
.hesabim-banka-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.hesabim-banka { position: relative; display: block; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 14px; padding: 16px 18px; cursor: pointer; transition: 0.25s; background: #ffffff; min-width: 0; margin: 0; }
.hesabim-banka input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.hesabim-banka:hover { border-color: rgba(0, 149, 255, 0.5); }
.hesabim-banka.is-secili, .hesabim-banka:has(input:checked) { border-color: #0095FF; box-shadow: 0 0 0 3px rgba(0, 149, 255, 0.12); }
.hesabim-banka-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding-right: 30px; }
.hesabim-banka-ad { font-weight: 700; font-size: 15px; color: #111111; }
.hesabim-banka-sube { font-size: 12px; color: #6b7280; }
.hesabim-banka-para { font-size: 11px; font-weight: 700; color: #0095FF; background: #EAF5FF; border-radius: 6px; padding: 2px 8px; white-space: nowrap; }
.hesabim-banka-iban { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 14px; letter-spacing: 0.04em; margin-top: 10px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; color: #111111; word-break: break-all; }
.hesabim-kopyala { border: 0; background: #F3F7FB; color: #0095FF; border-radius: 6px; padding: 3px 9px; font-size: 11px; font-weight: 700; cursor: pointer; transition: 0.2s; font-family: inherit; letter-spacing: 0; }
.hesabim-kopyala:hover { background: #EAF5FF; }
.hesabim-banka-sahip { font-size: 13px; color: #374151; margin-top: 6px; }
.hesabim-banka-aciklama { font-size: 12px; color: #9ca3af; margin-top: 4px; }
.hesabim-banka-isaret { position: absolute; top: 14px; right: 14px; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #d1d5db; display: flex; align-items: center; justify-content: center; font-size: 11px; color: transparent; transition: 0.2s; }
.hesabim-banka.is-secili .hesabim-banka-isaret, .hesabim-banka:has(input:checked) .hesabim-banka-isaret { border-color: #0095FF; background: #0095FF; color: #ffffff; }
.hesabim-adim { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.hesabim-adim-no { width: 30px; height: 30px; border-radius: 50%; background: #0095FF; color: #ffffff; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hesabim-adim h5 { font-size: 16px; font-weight: 700; margin: 0; }
.hesabim-adim p { font-size: 13px; color: #6b7280; margin: 2px 0 0; }
.hesabim-borc-secim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hesabim-borc-secim .hesabim-banka { padding: 14px 16px; }
.hesabim-borc-secim-baslik { font-weight: 600; font-size: 14px; color: #111111; padding-right: 30px; }
.hesabim-borc-secim-meta { font-size: 12px; color: #6b7280; margin-top: 4px; }
.hesabim-borc-secim-tutar { font-size: 16px; font-weight: 700; color: #111111; margin-top: 8px; font-variant-numeric: tabular-nums; }

/* ── Yorumlar ───────────────────────────────────────────────────────────── */
.hesabim-yildiz-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.hesabim-yildiz { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; position: relative; }
.hesabim-yildiz input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.hesabim-yildiz label { color: #e5e7eb; font-size: 28px; cursor: pointer; transition: 0.15s; line-height: 1; margin: 0; }
.hesabim-yildiz input:checked ~ label,
.hesabim-yildiz label:hover,
.hesabim-yildiz label:hover ~ label { color: #f59e0b; }
.hesabim-yildiz-aciklama { font-size: 13px; color: #6b7280; margin-left: 8px; }
.hesabim-yorum { padding: 18px 0; border-bottom: 1px solid #eef0f4; }
.hesabim-yorum:last-child { border-bottom: 0; padding-bottom: 0; }
.hesabim-yorum:first-child { padding-top: 0; }
.hesabim-yorum-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.hesabim-yorum-yildiz i { color: #f59e0b; font-size: 13px; }
.hesabim-yorum-yildiz i.bos { color: #e5e7eb; }
.hesabim-yorum p { color: #444444; margin: 0 0 6px; font-size: 15px; line-height: 1.7; }
.hesabim-yorum-tarih { font-size: 12px; color: #9ca3af; }

/* ── Ödeme sonucu ───────────────────────────────────────────────────────── */
.hesabim-sonuc { text-align: center; padding: 30px 20px; }
.hesabim-sonuc-ikon { width: 84px; height: 84px; border-radius: 50%; background: #EAF5FF; color: #0095FF; font-size: 36px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }
.hesabim-sonuc h4 { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.hesabim-sonuc p { color: #6b7280; font-size: 14px; margin-bottom: 8px; }
.hesabim-sonuc-aksiyon { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 22px; }

/* ── Duyarlı ────────────────────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .hesabim-stat-grid, .hesabim-hizli { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hesabim-modul-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hesabim-menu > ul > li > a, .hesabim-menu-cikis button { padding: 0 10px; font-size: 12px; }
    .hesabim-bar-inner { padding-left: 240px; }
    .hesabim-kimlik { left: 240px; max-width: calc(100% - 240px); }
}

@media (max-width: 991.98px) {
    .hesabim-hero { margin-top: 80px; }
    .hesabim-cover { height: 200px; }
    .hesabim-bar-inner { padding-left: 0; flex-direction: column; align-items: stretch; min-height: 0; }
    .hesabim-profile { position: relative; top: auto; left: auto; margin: -75px auto 10px; }
    .hesabim-kimlik { position: static; margin: 0 0 14px; max-width: none; text-align: center; color: #111111; }
    .hesabim-kimlik h2 { color: #111111; text-shadow: none; font-size: 24px; white-space: normal; }
    .hesabim-kimlik p { color: #6b7280; text-shadow: none; }
    .hesabim-menu { flex-direction: column; }
    .hesabim-menu-mobil { display: flex; align-items: center; justify-content: space-between; width: 100%; border: 0; border-top: 1px solid #eef0f4; background: none; padding: 14px 4px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #111111; cursor: pointer; }
    .hesabim-menu-mobil i { transition: transform 0.25s; color: #0095FF; }
    .hesabim-menu.open .hesabim-menu-mobil i { transform: rotate(180deg); }
    .hesabim-menu > ul { display: none; flex-direction: column; gap: 0; padding-bottom: 10px; }
    .hesabim-menu.open > ul { display: flex; }
    .hesabim-menu > ul > li { flex-direction: column; align-items: stretch; }
    .hesabim-menu > ul > li > a, .hesabim-menu-cikis button { min-height: 46px; padding: 0 6px; border-bottom: 0; width: 100%; justify-content: space-between; }
    .hesabim-menu > ul > li.active > a { color: #0095FF; }
    .hesabim-menu-cikis { margin-left: 0; }
    .hesabim-menu-cikis form { width: 100%; }
    .hesabim-dropdown { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; display: none; padding: 0 0 6px 12px; min-width: 0; }
    .hesabim-menu > ul > li.has-dropdown:hover > .hesabim-dropdown { display: none; }
    .hesabim-menu > ul > li.has-dropdown.open > .hesabim-dropdown,
    .hesabim-menu > ul > li.has-dropdown.open:hover > .hesabim-dropdown { display: block; }
    .hesabim-icerik { padding: 40px 0 70px; }
    .hesabim-satir { grid-template-columns: 1fr; }
    .hesabim-urun-grid { grid-template-columns: 1fr; }
    .hesabim-bilgi-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .hesabim-profile { margin-top: -75px; }
    .hesabim-kart { padding: 22px 20px; }
    .hesabim-stat-grid, .hesabim-hizli, .hesabim-modul-grid, .hesabim-banka-liste, .hesabim-borc-secim, .hesabim-bilgi-liste { grid-template-columns: 1fr; }
    .hesabim-form-grid { grid-template-columns: 1fr; }
    .hesabim-form-grid .span-2 { grid-column: auto; }
    .hesabim-urun-ozellik { grid-template-columns: 1fr; }
    .hesabim-havale-grid { grid-template-columns: 1fr; }
    .hesabim-referans-karti { flex-direction: column; align-items: flex-start; }
    .hesabim-kimlik h2 { font-size: 20px; }
    .hesabim-form-aksiyon { justify-content: stretch; }
    .hesabim-form-aksiyon .theme-btn { width: 100%; }
}

@media (max-width: 575.98px) {
    .hesabim-profile { margin-top: -60px; }
    .hesabim-cover { height: 160px; }
}

/* Genel Bakış — dar sütun varyantları */
.hesabim-hizli.is-dar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1199.98px) { .hesabim-satir .hesabim-urun-grid { grid-template-columns: 1fr; } }
.hesabim-lejant .lejant-dahil { color: #0095FF; }
.hesabim-lejant .lejant-ek { color: #5b4eff; }
.hesabim-modul.is-ek > i { color: #5b4eff; }
.hesabim-bos.is-kucuk { padding: 24px 10px; }
.hesabim-bos.is-kucuk i { font-size: 32px; }
.hesabim-sonuc-ikon.is-success { background: #ecfdf5; color: #059669; }
.hesabim-sonuc-ikon.is-danger { background: #fef2f2; color: #dc2626; }
.hesabim-sonuc-ikon.is-warning { background: #fffbeb; color: #d97706; }
.hesabim-sonuc-ikon.is-neutral { background: #f3f4f6; color: #6b7280; }
.hesabim-taksit-secim { max-width: 220px; }

/* Avatar: şablonun .creator-profile-section .creator-profile-img ölçüleri (210px daire) — burada üst sarmalayıcı olmadığı için birebir taşındı */
.hesabim-profile .creator-profile-img {
    width: 210px; height: 210px; display: flex;
    border-radius: 50%; overflow: hidden; position: relative; padding: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.hesabim-profile .creator-profile-img img { height: 100%; width: 100%; border-radius: 50%; object-fit: contain; background: #ffffff; }
@media (max-width: 1199.98px) { .hesabim-profile .creator-profile-img { width: 180px; height: 180px; min-width: 0; min-height: 0; max-width: none; max-height: none; padding: 10px; } .hesabim-profile { top: -90px; } }
@media (max-width: 991.98px) { .hesabim-profile .creator-profile-img { width: 150px; height: 150px; min-width: 0; min-height: 0; max-width: none; max-height: none; padding: 8px; } .musteri-avatar-fallback { font-size: 48px; } }
@media (max-width: 575.98px) { .hesabim-profile .creator-profile-img { width: 120px; height: 120px; min-width: 0; min-height: 0; max-width: none; max-height: none; padding: 5px; } .musteri-avatar-fallback { font-size: 40px; } }
@media (max-width: 767.98px) {
    .hesabim-uyari { flex-wrap: wrap; }
    .hesabim-uyari > span { flex-basis: calc(100% - 32px); }
    .hesabim-uyari .hesabim-uyari-aksiyon { margin-left: 32px; }
}

/* ───────────────────────── Demo talebi modalı (2026-08-23, Plan Faz 3) ───────────────────────── */
/* 2026-08-23 (kullanıcı bildirimi): tema header'ı z-index 9999 ile modalın (1055) üstünde kalıyordu — modal açıkken header alta iner. */
body.modal-open .header-section { z-index: 1000 !important; }
.demo-talep-modal { z-index: 1060; }
.demo-talep-modal .modal-content { border: 0; border-radius: 16px; }
.demo-talep-modal .modal-header { align-items: flex-start; padding: 20px 24px 14px; border-bottom: 1px solid #eef0f4; }
/* Gövde ekranı kaplamasın: sınırlı yükseklik + kendi kaydırması (başlık sabit kalır). */
.demo-talep-modal .modal-dialog-scrollable { height: auto; }
.demo-talep-modal .modal-body { padding: 18px 24px 22px; max-height: min(64vh, 600px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-height: 700px) { .demo-talep-modal .modal-body { max-height: 58vh; } }
.demo-talep-alt { font-size: 13px; color: #6b7280; margin-top: 4px; }
.demo-talep-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
.demo-talep-grid .form-input { margin-bottom: 12px; }
.demo-talep-grid .demo-talep-tam { grid-column: 1 / -1; }
.demo-talep-modal .form-input label { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 5px; }
.demo-talep-modal .form-input label .zorunlu { color: #ef4444; }
.demo-talep-modal .form-input input, .demo-talep-modal .form-input select, .demo-talep-modal .form-input textarea { font-size: 14px; line-height: 22px; padding: 10px 14px; }
.demo-talep-kod { margin: 4px 0 14px; }
.demo-talep-kod-toggle { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; padding: 6px 0; color: #5b4eff; font-size: 13px; font-weight: 600; cursor: pointer; }
.demo-talep-kod-toggle .demo-talep-kod-ok { font-size: 11px; transition: transform .2s; }
.demo-talep-kod-toggle.is-open .demo-talep-kod-ok { transform: rotate(180deg); }
.demo-talep-kod-alan { margin-top: 8px; padding: 12px 14px 4px; background: #f7f7fb; border: 1px dashed #d9dbe9; border-radius: 10px; }
.demo-talep-kod-alan .form-input input { text-transform: uppercase; letter-spacing: .06em; }
.demo-talep-kod-sonuc { font-size: 12px; min-height: 16px; margin-top: 4px; }
.demo-talep-kod-sonuc.ok { color: #059669; }
.demo-talep-kod-sonuc.err { color: #dc2626; }
.demo-talep-kod-not { font-size: 12px; color: #6b7280; margin: 4px 0 6px; }
.demo-talep-guvenlik { margin-bottom: 16px; }
.demo-talep-guvenlik .site-recaptcha { display: flex; }
.demo-talep-alt-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.demo-talep-alt-satir .landing-form-kvkk { flex: 1 1 260px; font-size: 12px; }
@media (max-width: 575px) {
    .demo-talep-grid { grid-template-columns: 1fr; }
    .demo-talep-modal .modal-header, .demo-talep-modal .modal-body { padding-left: 16px; padding-right: 16px; }
}

/* Kayıt formu — "Referans veya indirim kodum var" (2026-08-23, Plan Faz 3) */
.master-auth-kod-toggle { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; padding: 8px 0 4px; color: #0555FF; font-size: 13px; font-weight: 600; cursor: pointer; }
.master-auth-kod-toggle.is-open i.fa-tag { opacity: .7; }
.master-auth-kod-alan { margin: 6px 0 10px; padding: 10px 14px 4px; background: #f7f7fb; border: 1px dashed #d9dbe9; border-radius: 10px; }
.master-auth-kod-alan label { font-size: 13px; }
.master-auth-kod-sonuc { font-size: 12px; min-height: 16px; margin: -6px 0 8px; }
.master-auth-kod-sonuc.ok { color: #059669; }
.master-auth-kod-sonuc.err { color: #dc2626; }
.master-auth-kod-not { font-size: 12px; color: #6b7280; margin: 0 0 6px; }

/* Cüzdan hibrit ödeme — ödeme modalı (2026-08-23, Plan Faz 5) */
.hesabim-cuzdan-kutu { border: 1px dashed #c7d2fe; background: #f5f4ff; border-radius: 10px; padding: 10px 14px; }
.hesabim-cuzdan-baslik { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #374151; cursor: pointer; margin: 0; }
.hesabim-cuzdan-baslik input { width: 16px; height: 16px; }
.hesabim-cuzdan-bakiye { margin-left: auto; font-weight: 700; color: #5b4eff; white-space: nowrap; }
.hesabim-cuzdan-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.hesabim-cuzdan-satir input { width: 140px; border: 1px solid #d9dbe9; border-radius: 8px; padding: 8px 10px; font-size: 14px; }
.hesabim-cuzdan-satir small { flex-basis: 100%; font-size: 12px; color: #6b7280; }

/* ───────────────────────── /hesabim/abonelik — self-servis satın alma (Abonelik Faz 3, 2026-08-23) ───────────────────────── */
.hesabim-abonelik-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 22px; }
.hesabim-abonelik-ozet > div { background: #f7f7fb; border-radius: 10px; padding: 12px 14px; }
.hesabim-abonelik-ozet span { display: block; font-size: 12px; color: #6b7280; margin-bottom: 4px; }
.hesabim-abonelik-ozet strong { font-size: 15px; color: #111; }
.hesabim-secim-satir { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.hesabim-secenek { position: relative; display: block; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 12px; padding: 12px 14px 12px 40px; cursor: pointer; background: #fff; transition: border-color .15s, box-shadow .15s; }
.hesabim-secenek input { position: absolute; left: 14px; top: 15px; margin: 0; }
.hesabim-secenek span { display: block; font-size: 14px; font-weight: 600; color: #111; }
.hesabim-secenek small { display: block; font-size: 12px; font-weight: 500; color: #6b7280; margin-top: 2px; }
.hesabim-secenek:has(input:checked) { border-color: #0095FF; box-shadow: 0 0 0 3px rgba(0, 149, 255, .12); }
.hesabim-secenek.is-mevcut { background: #f7f7fb; }
.hesabim-chip-liste { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.hesabim-chip-liste .hesabim-chip.is-ek { background: #eef2ff; color: #4338ca; }
.hesabim-kota-liste { display: grid; gap: 10px; }
.hesabim-kota-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 12px; padding: 10px 14px; }
.hesabim-kota-satir strong { display: block; font-size: 14px; color: #111; }
.hesabim-kota-satir small { display: block; font-size: 12px; color: #6b7280; }
.hesabim-kota-satir .hesabim-kota-adet { width: 90px; text-align: center; }
.hesabim-ozet-kutu { background: #f7f7fb; border-radius: 12px; padding: 14px 16px; min-height: 56px; }
.hesabim-ozet-tablo { width: 100%; font-size: 14px; }
.hesabim-ozet-tablo td { padding: 6px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.08); }
.hesabim-ozet-tablo td:last-child { text-align: right; white-space: nowrap; font-weight: 600; }
.hesabim-ozet-tablo td small { display: block; font-weight: 400; color: #6b7280; font-size: 12px; }
.hesabim-ozet-tablo tr.is-ara td { border-top: 1px solid rgba(0, 0, 0, 0.15); color: #374151; }
.hesabim-ozet-tablo tr.is-indirim td { color: #059669; }
.hesabim-ozet-tablo tr.is-toplam td { border-bottom: 0; font-size: 17px; font-weight: 700; color: #0095FF; padding-top: 10px; }
@media (max-width: 575px) { .hesabim-secim-satir { grid-template-columns: 1fr; } }

/* ── Profil doluluk oranı (Abonelik Faz 5, 2026-08-23) ── */
.hesabim-doluluk { align-items: center; }
.hesabim-doluluk-halka { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: conic-gradient(#f59e0b calc(var(--doluluk, 0) * 1%), #fde9c8 0); position: relative; }
.hesabim-doluluk-halka::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: #fffbeb; }
.hesabim-doluluk-halka span { position: relative; font-size: 13px; font-weight: 700; color: #92400e; }
.hesabim-doluluk a { font-weight: 600; }

/* ── /hesabim/abonelik — ek hizmet kutusu (2026-08-29, İçerik Doldurma) ── */
.hesabim-hizmet-kutu { border: 1px solid #e4e9f0; border-radius: 12px; padding: 16px 18px; background: #fafcff; margin-bottom: 12px; }
.hesabim-hizmet-bas { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.hesabim-hizmet-bas strong { font-size: 15px; color: #111111; }
.hesabim-hizmet-kutu .hesabim-yardim { margin-bottom: 10px; }

/* ── /paketler — ek hizmet bandı (2026-08-29) ── */
/* pricing-plan-section sınıfı (negatif üst boşluk) kullanılmaz — kartların üstüne biniyordu */
.paketler-hizmet-section { padding: 30px 0 90px; }
.paketler-hizmet-kart { padding: 32px 36px; border: 1px solid #e4e9f0; border-radius: 16px; background: #fff; }
.paketler-hizmet-kart h3 { font-size: 24px; font-weight: 800; color: #111111; }
.paketler-hizmet-kart p { color: #555; line-height: 1.7; }
.paketler-hizmet-fiyat strong { font-size: 30px; font-weight: 800; color: #0095FF; }
.paketler-hizmet-fiyat span { font-size: 13px; color: #6b7280; }
.paketler-hizmet-yillik { font-size: 13px; color: #047857; font-weight: 600; margin-top: 2px; }

/* ── /hesabim/abonelik — sağ kolonda yapışkan sepet özeti (2026-08-29) ── */
.hesabim-ozet-yapisik { position: sticky; top: 96px; }
.hesabim-ozet-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.hesabim-ozet-tablo td { padding: 8px 0; border-bottom: 1px dashed #e4e9f0; vertical-align: top; }
.hesabim-ozet-tablo td:last-child { text-align: right; white-space: nowrap; font-weight: 600; padding-left: 12px; }
.hesabim-ozet-tablo td small { display: block; color: #6b7280; font-size: 12px; font-weight: 400; }
.hesabim-ozet-tablo tr.is-ara td { border-top: 2px solid #e4e9f0; color: #374151; }
.hesabim-ozet-tablo tr.is-indirim td { color: #047857; }
.hesabim-ozet-tablo tr.is-toplam td { border-bottom: none; font-size: 17px; font-weight: 800; color: #111111; padding-top: 12px; }
.hesabim-ozet-tablo tr.is-cuzdan td { color: #0369a1; border-bottom: none; }
.hesabim-ozet-tablo tr.is-cuzdan td small { color: #0369a1; opacity: .8; }
.hesabim-ozet-aksiyon { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.hesabim-ozet-aksiyon .theme-btn { width: 100%; text-align: center; }
.hesabim-ozet-aksiyon .hesabim-btn { text-align: center; }
.hesabim-ozet-notlar { font-size: 12px; color: #6b7280; margin-top: 12px; line-height: 1.6; }
.hesabim-hizli.is-dikey { grid-template-columns: 1fr; gap: 8px; }
.hesabim-hizli.is-dikey a { flex-direction: row; align-items: center; padding: 10px 12px; gap: 10px; }
.hesabim-hizli.is-dikey a i { font-size: 16px; width: 22px; text-align: center; }
.hesabim-hizli.is-dikey a strong { font-size: 13px; }
.hesabim-hizli.is-dikey a span { font-size: 11.5px; }

/* ── /hesabim/odeme-bildirimi — cüzdan hibrit kutusu (2026-08-29) ── */
.hesabim-cuzdan-kutu { border: 1px solid #cfe9ff; background: #f3f9ff; border-radius: 12px; padding: 14px 16px; }
.hesabim-cuzdan-kutu .form-check-label { font-weight: 600; color: #111111; }
.hesabim-cuzdan-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.hesabim-cuzdan-satir input { max-width: 160px; }
.hesabim-cuzdan-satir .hesabim-btn { padding: 6px 12px; font-size: 12px; }

/* ── /hesabim/abonelik — 2026-08-29 revize 2: kompakt pill seçimler, yapışkan panel, özet cilası ── */
.hesabim-satir.is-abonelik { align-items: stretch; } /* sağ kolon satır boyunca uzasın ki yapışkan özet sona kadar insin */
.hesabim-satir.is-abonelik > .hesabim-sutun { align-self: stretch; }
.hesabim-pill-grup { display: flex; flex-wrap: wrap; gap: 8px; }
.hesabim-pill { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #dfe5ee; border-radius: 999px; background: #fff; cursor: pointer; font-size: 13px; line-height: 1.2; transition: border-color .15s, background .15s, box-shadow .15s; user-select: none; }
.hesabim-pill input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.hesabim-pill .ad { font-weight: 700; color: #111111; }
.hesabim-pill .fiyat { font-size: 12px; color: #6b7280; }
.hesabim-pill:hover { border-color: #0095FF; }
.hesabim-pill:has(input:checked) { border-color: #0095FF; background: #EAF5FF; box-shadow: 0 0 0 3px rgba(0, 149, 255, .10); }
.hesabim-pill:has(input:checked) .ad { color: #0369a1; }
.hesabim-pill:has(input:checked)::before { content: "\2713"; font-size: 11px; font-weight: 700; color: #0095FF; }
.hesabim-pill.is-mevcut:has(input:checked) { background: #f3f4f6; border-color: #d1d5db; box-shadow: none; }
.hesabim-pill.is-mevcut:has(input:checked) .ad { color: #374151; }
.hesabim-pill.is-mevcut:has(input:checked)::before { content: ""; }
.hesabim-kota-satir { padding: 8px 12px; }
.hesabim-adet { display: inline-flex; align-items: center; gap: 4px; }
.hesabim-adet-btn { width: 30px; height: 30px; border-radius: 8px; border: 1px solid #dfe5ee; background: #fff; font-size: 16px; line-height: 1; color: #374151; cursor: pointer; }
.hesabim-adet-btn:hover { border-color: #0095FF; color: #0095FF; }
.hesabim-adet .hesabim-kota-adet { width: 64px; text-align: center; padding: 4px 6px; font-size: 13px; }
.hesabim-adet .hesabim-kota-adet::-webkit-inner-spin-button, .hesabim-adet .hesabim-kota-adet::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.hesabim-ozet-yapisik .hesabim-ozet-kutu { background: #ffffff; border: 1px solid #e4e9f0; border-radius: 12px; padding: 4px 14px; }
.hesabim-ozet-tablo td { padding: 10px 0; font-size: 13.5px; }
.hesabim-ozet-tablo td em { font-style: normal; color: #6b7280; font-size: 12px; }
.hesabim-ozet-tablo td .ucretsiz { color: #047857; font-size: 12px; font-weight: 700; }
.hesabim-ozet-tablo tr.is-ara td { border-top: 2px solid #eef2f7; }
.hesabim-ozet-tablo tr.is-toplam td { background: #f7f9fc; padding: 12px 8px; margin: 0 -8px; }
.hesabim-ozet-tablo tr.is-toplam td:first-child { border-radius: 8px 0 0 8px; }
.hesabim-ozet-tablo tr.is-toplam td:last-child { border-radius: 0 8px 8px 0; }
.hesabim-ozet-tablo tr.is-kalan td { border-bottom: none; font-weight: 800; color: #111111; }
.hesabim-ozet-yapisik .hesabim-cuzdan-kutu { padding: 12px 14px; }
.hesabim-ozet-yapisik .hesabim-cuzdan-satir input { max-width: 130px; }

/* ── /hesabim/abonelik — revize 3 (2026-08-29): sekmeler, durum şeridi, katlanır listeler ── */
.hesabim-durum-serit { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; font-size: 13px; color: #4b5563; background: #f7f9fc; border-radius: 10px; padding: 10px 14px; margin-bottom: 14px; }
.hesabim-durum-serit span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.hesabim-durum-serit strong { color: #111111; }
.hesabim-durum-serit i { color: #0095FF; font-size: 12px; }
.hesabim-durum-serit small { color: #9aa3b2; }
.hesabim-uyari.is-kucuk { padding: 9px 14px; font-size: 13px; margin-bottom: 10px; gap: 10px; }
.hesabim-sekmeler { display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 2px solid #eef0f4; margin: 14px 0 18px; }
.hesabim-sekme { border: none; background: transparent; padding: 10px 14px; font-size: 14px; font-weight: 700; color: #6b7280; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; display: inline-flex; align-items: center; gap: 8px; transition: color .15s, border-color .15s; }
.hesabim-sekme i { font-size: 13px; }
.hesabim-sekme:hover { color: #111111; }
.hesabim-sekme.is-aktif { color: #0095FF; border-bottom-color: #0095FF; }
.hesabim-sekme-aciklama { font-size: 13px; color: #6b7280; line-height: 1.6; margin: 0 0 14px; }
.hesabim-alt-baslik { font-size: 13px; font-weight: 700; color: #111111; margin-bottom: 8px; }
.hesabim-alt-baslik small { font-weight: 500; color: #9aa3b2; }
.hesabim-pill-grup.is-pasif { opacity: .45; pointer-events: none; }
.hesabim-katlanir { border: 1px dashed #dfe5ee; border-radius: 10px; padding: 8px 14px; margin-bottom: 12px; }
.hesabim-katlanir summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #374151; list-style: none; display: flex; align-items: center; gap: 8px; }
.hesabim-katlanir summary::-webkit-details-marker { display: none; }
.hesabim-katlanir-ipucu { margin-left: auto; font-size: 12px; font-weight: 500; color: #0095FF; }
.hesabim-katlanir[open] .hesabim-katlanir-ipucu { display: none; }
.hesabim-nasil { margin: 10px 0 0; padding-left: 18px; font-size: 13px; color: #4b5563; line-height: 1.7; }
.hesabim-nasil li + li { margin-top: 4px; }
@media (max-width: 575px) { .hesabim-sekme { padding: 8px 10px; font-size: 13px; } .hesabim-durum-serit { gap: 6px 12px; } }

/* ── /hesabim/abonelik — süre uzatma kilidi + dışlama notu (2026-08-29) ── */
.hesabim-sekme.is-kilitli { color: #9aa3b2; }
.hesabim-sekme.is-kilitli i { color: #cbd5e1; }
.hesabim-sekme.is-kilitli.is-aktif { color: #6b7280; border-bottom-color: #cbd5e1; }
.hesabim-sekme-not { font-size: 12.5px; color: #b45309; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 7px 12px; margin: -8px 0 12px; }