/* =========================================
   GENEL AYARLAR
   ========================================= */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #fff; 
    color: #1a1a1a; 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
    margin: 0;
    padding: 0;
}

/* =========================================
   HEADER ŞEFFAF SABİTLEME + RESPONSIVE
   ========================================= */
.navbar-custom,
.navbar.fixed-top {
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 0;
    z-index: 1040;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.navbar-custom > .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding-left: clamp(18px, 3vw, 58px);
    padding-right: clamp(18px, 3vw, 58px);
}

.navbar-custom .navbar-brand {
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
}

.navbar-custom .navbar-brand img {
    height: clamp(38px, 2.5vw, 45px) !important;
    width: auto;
    max-width: min(58vw, 270px);
    display: block;
}

.navbar-custom .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(7px, 0.8vw, 14px);
    margin-left: auto !important;
    flex-shrink: 0;
}

.navbar-custom .btn-header-icon {
    width: clamp(42px, 3.2vw, 52px);
    height: clamp(42px, 3.2vw, 52px);
    min-width: clamp(42px, 3.2vw, 52px);
    min-height: clamp(42px, 3.2vw, 52px);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
}

/* Header'daki "Hizmet Ver" gibi normal buton/linkler */
.navbar-custom .header-actions > a:not(.btn-header-icon),
.navbar-custom .header-actions > .btn-service,
.navbar-custom .header-actions > .btn-hizmet-ver,
.navbar-custom .header-actions > .btn-header-service {
    white-space: nowrap;
    flex-shrink: 1;
    max-width: 42vw;
}

/* Tablet */
@media (max-width: 991px) {
    .navbar-custom {
        padding: 8px 0;
    }

    .navbar-custom > .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-custom .navbar-brand img {
        height: 40px !important;
        max-width: 55vw;
    }

    .navbar-custom .header-actions {
        gap: 8px;
    }

    .navbar-custom .btn-header-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
}

/* Telefon */
@media (max-width: 576px) {
    .navbar-custom {
        padding: 7px 0;
    }

    .navbar-custom > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar-custom .navbar-brand img {
        height: 34px !important;
        max-width: 48vw;
    }

    .navbar-custom .header-actions {
        gap: 6px;
    }

    .navbar-custom .btn-header-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        border-radius: 9px;
    }

    .navbar-custom .header-actions > a:not(.btn-header-icon),
    .navbar-custom .header-actions > .btn-service,
    .navbar-custom .header-actions > .btn-hizmet-ver,
    .navbar-custom .header-actions > .btn-header-service {
        max-width: 38vw;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.navbar-custom .menu-link,
.navbar-custom .navbar-brand {
    color: white !important;
}

/* =========================================
   TAM EKRAN VİDEO HERO SLIDER
   ========================================= */
.hero-video-section { 
    position: relative; 
    width: 100%; 
    height: 100vh; 
    min-height: 620px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    overflow: hidden; 
    margin-top: 0; 
}

.hero-video-bg { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    min-width: 100%; 
    min-height: 100%; 
    transform: translate(-50%, -50%); 
    z-index: 0; 
    object-fit: cover; 
}

.hero-video-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: rgba(0, 0, 0, 0.45); 
    z-index: 1; 
}

.hero-main-title { 
    color: white; 
    font-weight: 800; 
    font-size: 38px; 
    text-align: center; 
    margin-bottom: 35px; 
    text-shadow: 0 4px 15px rgba(0,0,0,0.6); 
    letter-spacing: -0.5px; 
}

.hero-vertical-search { 
    background: white; 
    padding: 32px 28px; 
    border-radius: 12px; 
    max-width: 440px; 
    margin: 0 auto; 
    box-shadow: 0 25px 50px rgba(0,0,0,0.25); 
}

.hero-select { 
    height: 48px; 
    font-size: 14px; 
    font-weight: 500; 
    color: #374151; 
    border: 1px solid #d1d5db; 
    margin-bottom: 14px; 
    cursor: pointer; 
    box-shadow: none !important; 
    border-radius: 6px;
}
.hero-select:focus { border-color: #22d3ee; }

.btn-hero-submit { 
    background-color: #22d3ee; 
    color: white; 
    width: 100%; 
    border: none; 
    padding: 13px; 
    border-radius: 6px; 
    font-weight: 700; 
    font-size: 14.5px; 
    margin-top: 4px; 
    transition: 0.2s; 
    letter-spacing: 0.5px; 
}
.btn-hero-submit:hover { background-color: #06b6d4; }

/* =========================================
   NASIL ÇALIŞIR BÖLÜMÜ
   ========================================= */
.title-underline { 
    width: 45px; 
    height: 3px; 
    background-color: #22d3ee; 
    margin: 0 auto 20px auto; 
    border-radius: 3px; 
}

.how-title { font-weight: 800; font-size: 30px; color: #1f2937; margin-bottom: 8px; }

.how-card { 
    background: white; 
    border: 1px solid #edf2f7; 
    border-radius: 12px; 
    padding: 55px 20px; 
    text-align: center; 
    height: 100%; 
    transition: all 0.3s ease; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.02); 
    margin-top: 25px; 
}
.how-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.06); }
.how-card i { font-size: 42px; color: #22d3ee; margin-bottom: 25px; }
.how-card h5 { font-size: 15.5px; font-weight: 800; color: #111827; margin: 0; letter-spacing: 0.5px; }

/* =========================================
   POPÜLER HİZMETLER (GÖRSELLE BİREBİR)
   ========================================= */
.popular-head-title { font-weight: 800; font-size: 24px; color: #1e293b; margin-bottom: 4px; }
.popular-head-desc { font-size: 13px; color: #64748b; margin-bottom: 22px; }

.btn-all-sectors { 
    border: 1px solid #22d3ee; 
    color: #06b6d4; 
    font-weight: 600; 
    font-size: 12.5px; 
    border-radius: 6px; 
    padding: 6px 14px; 
    background: #fff; 
    text-decoration: none; 
    display: inline-flex; 
    align-items: center; 
    gap: 6px; 
    transition: 0.2s; 
}
.btn-all-sectors:hover { background: #ecfeff; }

.category-pills { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 12px; margin-bottom: 28px; scrollbar-width: none; }
.category-pills::-webkit-scrollbar { display: none; }

.pill-btn { 
    border: 1px solid #e2e8f0; 
    background: #fff; 
    color: #334155; 
    font-weight: 600; 
    font-size: 13px; 
    padding: 8px 18px; 
    border-radius: 8px; 
    text-decoration: none; 
    display: inline-flex; 
    align-items: center; 
    gap: 7px; 
    white-space: nowrap; 
    transition: 0.2s; 
}
.pill-btn:hover { border-color: #06b6d4; color: #06b6d4; }
.pill-btn i { color: #06b6d4; font-size: 13px; }
.pill-btn.active { background: #06b6d4; color: #fff; border-color: #06b6d4; }
.pill-btn.active i { color: #fff; }

.section-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.section-category-title { 
    font-weight: 800; 
    font-size: 18px; 
    color: #1e293b; 
    display: flex; 
    align-items: center; 
    margin: 0; 
}
.section-category-title::before { 
    content: ""; 
    display: inline-block; 
    width: 3px; 
    height: 16px; 
    background-color: #06b6d4; 
    margin-right: 8px; 
    border-radius: 1px; 
}
.btn-see-all { color: #06b6d4; font-weight: 600; font-size: 12.5px; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.btn-see-all:hover { text-decoration: underline; }

.img-service-card { 
    background: #fff; 
    border: 1px solid #e2e8f0; 
    border-radius: 8px; 
    overflow: hidden; 
    transition: transform 0.2s ease, box-shadow 0.2s ease; 
    text-decoration: none; 
    color: inherit; 
    display: flex; 
    flex-direction: column; 
    height: 100%; 
}
.img-service-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.06); }

.card-img-wrapper { position: relative; width: 100%; height: 150px; overflow: hidden; background-color: #f8fafc; }
.card-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }

.badge-guarantee { 
    position: absolute; 
    top: 8px; 
    left: 8px; 
    background: #22d3ee; 
    color: #fff; 
    font-size: 10px; 
    font-weight: 700; 
    padding: 3px 7px; 
    border-radius: 4px; 
    display: inline-flex; 
    align-items: center; 
    gap: 4px; 
}
.badge-rating { 
    position: absolute; 
    top: 8px; 
    right: 8px; 
    background: rgba(15, 23, 42, 0.78); 
    backdrop-filter: blur(2px); 
    color: #fbbf24; 
    font-size: 10px; 
    font-weight: 700; 
    padding: 3px 7px; 
    border-radius: 4px; 
    display: inline-flex; 
    align-items: center; 
    gap: 3px; 
}
.badge-rating span { color: #e2e8f0; font-weight: 500; }

.card-bottom-title { 
    padding: 16px 12px; 
    text-align: center; 
    font-size: 14px; 
    font-weight: 700; 
    color: #1e293b; 
    margin: 0; 
}

/* =========================================
   KADRO BÖLÜMÜ
   ========================================= */
.team-title { font-weight: 800; font-size: 30px; color: #1f2937; margin-bottom: 8px; }
.team-subtitle { color: #6b7280; font-size: 14.5px; margin-bottom: 45px; }

.team-card { 
    background: white; 
    border: 1px solid #edf2f7; 
    border-radius: 12px; 
    padding: 35px 20px; 
    text-align: center; 
    transition: all 0.3s ease; 
    height: 100%; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.02); 
}
.team-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.06); }

.avatar-wrapper { 
    width: 86px; 
    height: 86px; 
    border-radius: 50%; 
    background: #61a642; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0 auto 18px auto; 
    border: 4px solid #e5f2de; 
}
.avatar-wrapper i { font-size: 40px; color: #f9a826; } 

.team-name { font-size: 17px; font-weight: 800; color: #111827; margin-bottom: 4px; }
.team-role { color: #22d3ee; font-size: 11.5px; font-weight: 800; text-transform: uppercase; margin-bottom: 12px; display: block; }
.team-rating { color: #ffd700; font-size: 13.5px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 3px; }
.team-rating span { color: #6b7280; font-size: 12.5px; font-weight: 500; margin-left: 5px; }
.team-desc { color: #6b7280; font-size: 13px; line-height: 1.6; margin: 0; }

/* =========================================
   KONSEPT BANNER (KOYU ZÜMRÜT YEŞİLİ)
   ========================================= */
.concept-banner { 
    background: linear-gradient(135deg, rgba(26, 71, 49, 0.92) 0%, rgba(15, 46, 31, 0.96) 100%), url('https://images.unsplash.com/photo-1556910103-1c02745aae4d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 85px 0;
    color: white; 
    margin-top: 40px; 
}

.concept-logo-box { 
    background: transparent;
    display: inline-flex; 
    align-items: center; 
    padding: 0;
    border-radius: 0;
    margin-bottom: 22px; 
    box-shadow: none;
}

.concept-title { font-weight: 800; font-size: 34px; margin-bottom: 14px; letter-spacing: -0.5px; }
.concept-desc { font-size: 15.5px; color: #d1d5db; margin-bottom: 30px; line-height: 1.6; max-width: 90%; }

.concept-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-concept { 
    padding: 11px 22px; 
    border-radius: 8px; 
    color: white; 
    font-weight: 600; 
    text-decoration: none; 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    transition: 0.2s; 
    font-size: 14px; 
}
.btn-concept:hover { color: white; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.2); }
.btn-wp { background-color: #25d366; }
.btn-call { background-color: #0284c7; }
.btn-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }

.concept-mockup-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; }
.concept-mockup { 
    background: #235c40; 
    padding: 10px; 
    border-radius: 20px; 
    max-width: 250px; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
    border: 2px solid #2d7a55; 
}
.concept-mockup video { 
    width: 100%; 
    height: 380px; 
    border-radius: 12px; 
    display: block; 
    object-fit: cover; 
    background: #000; 
}

/* =========================================
   MÜŞTERİ YORUMLARI
   ========================================= */
.review-rating {
    color: #ffd700;
    font-size: 13.5px;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.review-rating span {
    color: #6b7280;
    font-size: 12.5px;
    font-weight: 500;
    margin-left: 5px;
}
.review-inner { background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); padding: 45px 20px 20px 20px; margin-top: 40px; position: relative; flex-grow: 1; display: flex; flex-direction: column; text-align: center; }

.review-avatar { 
    width: 74px; 
    height: 74px; 
    border-radius: 50%; 
    border: 4px solid white; 
    outline: 2px solid #22d3ee; 
    position: absolute; 
    top: -37px; 
    left: 50%; 
    transform: translateX(-50%); 
    overflow: hidden; 
    z-index: 2; 
}
.review-avatar img { width: 100%; height: 100%; object-fit: cover; }

.review-stars { color: #ffd700; font-size: 13px; margin-bottom: 18px; }
.review-text { font-style: italic; color: #6b7280; font-size: 13.5px; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; }
.review-author-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; text-align: left; }
.review-name { font-weight: 800; font-size: 14px; color: #111827; margin: 0; }
.review-location { color: #22d3ee; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 4px; }
.review-badge { background-color: #22d3ee; color: white; font-size: 12px; font-style: italic; padding: 11px 14px; border-radius: 6px; text-align: left; line-height: 1.4; font-weight: 500; }





/* =========================================
   YATAY KARUSEL & KAYDIRMA ALANI STİLLERİ
   ========================================= */
.tk-karusel-sarmal {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
}

/* Yatay Şerit */
.tk-kat-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    padding: 6px 2px 14px 2px;
}
.tk-kat-scroll::-webkit-scrollbar {
    display: none;
}
.tk-kat-scroll.tk-suruklu {
    cursor: grabbing !important;
    user-select: none !important;
    scroll-behavior: auto !important;
}

/* Kart Genişliği (Ekranda 4 kart tam sığacak ve taşanlar akacak biçimde) */
.category-item-col {
    flex: 0 0 268px !important;
    width: 268px !important;
    max-width: 268px !important;
}
@media (max-width: 768px) {
    .category-item-col {
        flex: 0 0 220px !important;
        width: 220px !important;
        max-width: 220px !important;
    }
}

/* Sağ & Sol Yön Butonları */
.tk-karusel-ok {
    position: absolute;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e293b;
    cursor: pointer;
    transition: all 0.2s ease;
}
.tk-karusel-ok:hover {
    background: #0891b2;
    color: #ffffff;
    border-color: #0891b2;
    transform: translateY(-50%) scale(1.08);
}
.tk-karusel-onceki {
    left: -18px;
}
.tk-karusel-sonraki {
    right: -18px;
}
.tk-karusel-ok[hidden] {
    display: none !important;
}

/* Alt İlerleme Çubuğu (Progress Bar) */
.tk-karusel-ilerleme {
    width: 100%;
    height: 3px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 25px;
}
.tk-karusel-ilerleme > span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0891b2;
    border-radius: 2px;
    transition: width 0.15s ease;
}






/* =========================================
   WHATSAPP BUTONU
   ========================================= */
.whatsapp-float { 
    position: fixed; 
    width: 58px; 
    height: 58px; 
    bottom: 28px; 
    left: 28px; 
    background-color: #25d366; 
    color: #FFF; 
    border-radius: 50px; 
    text-align: center; 
    font-size: 28px; 
    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.4); 
    z-index: 1000; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-decoration: none; 
    transition: all 0.3s ease; 
}
.whatsapp-float:hover { background-color: #1ebe57; color: #fff; transform: scale(1.08); }

    /* Footer Stilleri */

.site-footer { width: 100%; margin-top: 80px; color: #fff; }
.footer-main { position: relative; background: #111; overflow: hidden; min-height: 335px; }
.footer-grid { min-height: 335px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; align-items: stretch; }

/* Marka */
.footer-brand { padding: 55px 35px 45px 0; }
.footer-logo { width: 270px; height: 85px; display: flex; align-items: center; margin-bottom: 25px; }
.footer-logo img { display: block; max-width: 270px; max-height: 85px; object-fit: contain; }
.footer-brand h4 { margin: 0 0 22px; color: #fff; font-size: 17px; font-weight: 700; }

/* Sosyal Medya */
.social-links { display: flex; align-items: center; gap: 14px; }
.social-links .social { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; text-decoration: none; font-size: 20px; transition: transform .25s ease, box-shadow .25s ease; }
.social-links .social:hover { transform: translateY(-4px) scale(1.05); }
.social.facebook { background: #1877f2; box-shadow: 0 6px 18px rgba(24,119,242,.25); }
.social.instagram { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); box-shadow: 0 6px 18px rgba(253,29,29,.22); }
.social.whatsapp { background: #25d366; box-shadow: 0 6px 18px rgba(37,211,102,.25); }
.social.location { background: #ef4444; box-shadow: 0 6px 18px rgba(239,68,68,.25); }

/* Footer Sütunları */
.footer-column { padding: 62px 20px 45px; }
.footer-column h3 { margin: 0 0 28px; color: #fff; font-size: 24px; font-weight: 800; }
.footer-column a { display: flex; align-items: center; gap: 10px; width: fit-content; margin-bottom: 17px; color: #8d8d8d; font-size: 16px; text-decoration: none; transition: color .25s ease, transform .25s ease; }
.footer-column a:hover { color: #22c55e; transform: translateX(4px); }
.footer-column a i { width: 16px; color: #22c55e; font-size: 14px; }
.footer-contact a i { font-size: 17px; }

/* Footer Alt */
.footer-bottom { min-height: 84px; display: flex; align-items: center; background: #080d17; border-top: 1px solid #27303d; text-align: center; }
.footer-bottom p { margin: 0; color: #fff; font-size: 16px; }
.footer-bottom strong { font-weight: 800; }

/* WhatsApp */
.footer-whatsapp { position: fixed; left: 35px; bottom: 30px; width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #20c878; color: #fff; text-decoration: none; font-size: 37px; z-index: 9999; box-shadow: 0 10px 30px rgba(34,197,94,.35); transition: transform .25s ease, box-shadow .25s ease; }
.footer-whatsapp:hover { color: #fff; transform: scale(1.08); box-shadow: 0 14px 35px rgba(34,197,94,.45); }

/* Yukarı Çık */
.footer-top { position: fixed; right: 35px; bottom: 30px; width: 66px; height: 66px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; background: #0eaa78; color: #fff; font-size: 22px; cursor: pointer; z-index: 9999; box-shadow: 0 8px 25px rgba(0,0,0,.25); transition: transform .25s ease, background .25s ease; }
.footer-top:hover { background: #0b9167; transform: translateY(-4px); }

/* Tablet */
@media (max-width: 1100px) {
    .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
}

/* Mobil */
@media (max-width: 768px) {
    .footer-main { min-height: auto; }
    .footer-grid { min-height: auto; grid-template-columns: 1fr; }
    .footer-brand { padding: 45px 0 25px; }
    .footer-logo { margin: 0 auto 25px; justify-content: center; }
    .footer-brand h4 { text-align: center; }
    .social-links { justify-content: center; }
    .footer-column { padding: 25px 0; }
    .footer-column h3 { font-size: 21px; }
    .footer-bottom { min-height: 75px; padding: 20px 0; }
    .footer-bottom p { font-size: 13px; }
    .footer-whatsapp { left: 20px; bottom: 20px; width: 58px; height: 58px; font-size: 29px; }
    .footer-top { right: 20px; bottom: 20px; width: 54px; height: 54px; font-size: 18px; }
}

/* =========================================
   INDEX.HTML'DEN TAŞINAN STİLLER
   ========================================= */

/* Sadece Müşteri Yorumları bölümü */
        .customer-reviews-section .review-outer {
            background: #fbfbfc;
            border: 1px solid #f0f0f0;
            border-radius: 16px;
            padding: 15px;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .customer-reviews-section .review-inner {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.06);
            padding: 45px 20px 20px 20px;
            margin-top: 40px;
            position: relative;
            flex: 1 1 auto;
            min-height: 345px;
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        .customer-reviews-section .review-avatar {
            width: 74px;
            height: 74px;
            border-radius: 50%;
            border: 4px solid #fff;
            outline: 2px solid #22d3ee;
            position: absolute;
            top: -37px;
            left: 50%;
            transform: translateX(-50%);
            overflow: hidden;
            z-index: 2;
        }
        .customer-reviews-section .review-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .customer-reviews-section .review-stars {
            color: #ffd700;
            font-size: 13.5px;
            margin-bottom: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2px;
        }
        .customer-reviews-section .review-score {
            color: #6b7280;
            font-size: 12.5px;
            font-weight: 500;
            margin-left: 5px;
        }
        .customer-reviews-section .review-text {
            font-style: italic;
            color: #6b7280;
            font-size: 13.5px;
            line-height: 1.6;
            margin: 0 0 25px;
            flex: 1 1 auto;
        }
        .customer-reviews-section .review-author-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            text-align: left;
        }
        .customer-reviews-section .review-name {
            font-weight: 800;
            font-size: 14px;
            color: #111827;
            margin: 0;
        }
        .customer-reviews-section .review-location {
            color: #22d3ee;
            font-size: 12px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .customer-reviews-section .review-service {
            color: #111827;
            font-size: 13px;
            font-weight: 700;
            font-style: italic;
            text-align: left;
            margin: 0;
        }

/* Sektör Sekmeleri (Grid Tabs) */
            .home-sector-tabs-container {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
                gap: 12px;
                margin-bottom: 28px;
                padding-bottom: 16px;
                border-bottom: 1px solid #e2e8f0;
            }
            @media (max-width: 767px) {
                .home-sector-tabs-container { grid-template-columns: repeat(2, 1fr); gap: 10px; }
            }
            @media (min-width: 768px) and (max-width: 1199px) {
                .home-sector-tabs-container { grid-template-columns: repeat(3, 1fr); gap: 12px; }
            }
            @media (min-width: 1200px) {
                .home-sector-tabs-container { grid-template-columns: repeat(6, 1fr); gap: 12px; }
            }
            .home-sector-tab-btn {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                width: 100% !important;
                padding: 10px 14px !important;
                border-radius: 12px !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                white-space: nowrap !important;
                transition: 0.2s ease !important;
                text-decoration: none !important;
                border: 1px solid #cbd5e1 !important;
                background: #ffffff !important;
                color: #0f172a !important;
                cursor: pointer;
            }
            .home-sector-tab-btn:hover {
                background: #ecfeff !important;
                border-color: #0891b2 !important;
                color: #0891b2 !important;
                transform: translateY(-1px);
            }
            .home-sector-tab-btn.active {
                background: #0891b2 !important;
                border-color: #0891b2 !important;
                color: #ffffff !important;
                font-weight: 700 !important;
                box-shadow: 0 4px 12px rgba(4, 120, 87, 0.35) !important;
            }
            .home-sector-tab-btn.active i { color: #ffffff !important; }

            /* Sektör Başlıkları */
            .tk-sektor-baslik-satiri {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 18px;
            }
            .tk-sektor-baslik {
                font-weight: 800;
                font-size: 20px;
                color: #1e293b;
                display: flex;
                align-items: center;
                margin: 0;
            }
            .tk-sektor-baslik::before {
                content: "";
                display: inline-block;
                width: 3.5px;
                height: 18px;
                background-color: #0891b2;
                margin-right: 10px;
                border-radius: 1px;
            }
            .tk-sektor-tumunu-gor {
                color: #0891b2;
                font-weight: 700;
                font-size: 13px;
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 4px;
            }
            .tk-sektor-tumunu-gor:hover { color: #065f46; text-decoration: underline; }

            /* =========================================
               KARUSEL ŞERİDİ
               ========================================= */
            .tk-karusel-sarmal {
                position: relative;
                width: 100%;
            }

            /* Kaydırma Şeridi */
            .tk-kat-scroll {
                display: flex !important;
                flex-wrap: nowrap !important;
                gap: 20px;
                overflow-x: auto !important;
                overflow-y: hidden;
                scroll-behavior: smooth;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
                padding: 4px 2px 8px 2px;
                cursor: grab;
            }
            .tk-kat-scroll::-webkit-scrollbar { display: none; }
            .tk-kat-scroll.tk-suruklu {
                cursor: grabbing !important;
                user-select: none !important;
                scroll-behavior: auto !important;
            }

            /* Statik mod: 4 veya daha az kart — karusel yok */
            .tk-kat-scroll.tk-statik {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    scroll-behavior: auto !important;
    cursor: default !important;
}

            /* Masaüstünde Tam 4 Adet Kart */
            .tk-kart-col {
                flex: 0 0 calc((100% - 60px) / 4) !important;
                width: calc((100% - 60px) / 4) !important;
                max-width: calc((100% - 60px) / 4) !important;
                box-sizing: border-box;
            }
            /* Statik modda kart genişlikleri — masaüstü */
            .tk-statik .tk-kart-col {
                flex: 0 0 calc((100% - 60px) / 4) !important;
                width: calc((100% - 60px) / 4) !important;
                max-width: calc((100% - 60px) / 4) !important;
            }

            @media (max-width: 1199px) and (min-width: 768px) {
                /* Tablette 2 Kart — karusel */
                .tk-kart-col {
                    flex: 0 0 calc((100% - 20px) / 2) !important;
                    width: calc((100% - 20px) / 2) !important;
                    max-width: calc((100% - 20px) / 2) !important;
                }
                /* Tablette statik — 2'li grid */
                .tk-statik .tk-kart-col {
                    flex: 0 0 calc((100% - 20px) / 2) !important;
                    width: calc((100% - 20px) / 2) !important;
                    max-width: calc((100% - 20px) / 2) !important;
                }
            }
            @media (max-width: 767px) {
                /* Mobilde 1.15 Kart — karusel */
                .tk-kart-col {
                    flex: 0 0 85% !important;
                    width: 85% !important;
                    max-width: 85% !important;
                }
                /* Mobilde statik — 2'li grid */
                .tk-statik .tk-kart-col {
                    flex: 0 0 calc((100% - 12px) / 2) !important;
                    width: calc((100% - 12px) / 2) !important;
                    max-width: calc((100% - 12px) / 2) !important;
                }
            }

            /* Kart Tasarımı */
            .img-service-card {
                background: #ffffff;
                border: 1px solid #e2e8f0;
                border-radius: 10px;
                overflow: hidden;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
                text-decoration: none;
                color: inherit;
                display: flex;
                flex-direction: column;
                height: 100%;
            }
            .img-service-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
                color: inherit;
            }
            .card-img-wrapper {
                position: relative;
                width: 100%;
                height: 165px;
                overflow: hidden;
                background-color: #f1f5f9;
            }
            .card-img-wrapper img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                pointer-events: none;
            }

            /* Rozetler */
            .badge-guarantee {
                position: absolute;
                top: 10px;
                left: 10px;
                background: #22d3ee;
                color: #ffffff;
                font-size: 10px;
                font-weight: 700;
                padding: 3px 8px;
                border-radius: 4px;
                display: inline-flex;
                align-items: center;
                gap: 4px;
            }
            .badge-rating {
                position: absolute;
                top: 10px;
                right: 10px;
                background: rgba(15, 23, 42, 0.82);
                backdrop-filter: blur(2px);
                color: #fbbf24;
                font-size: 10.5px;
                font-weight: 700;
                padding: 3px 8px;
                border-radius: 4px;
                display: inline-flex;
                align-items: center;
                gap: 3px;
            }
            .badge-rating span { color: #e2e8f0; font-weight: 500; }

            .card-bottom-title {
                padding: 16px 12px;
                text-align: center;
                font-size: 14.5px;
                font-weight: 700;
                color: #1e293b;
                margin: 0;
            }

            /* Yuvarlak Yön Okları */
            .tk-karusel-ok {
                position: absolute;
                top: 45%;
                transform: translateY(-50%);
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: #ffffff;
                border: 1px solid #e2e8f0;
                box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
                display: flex;
                align-items: center;
                justify-content: center;
                color: #334155;
                font-size: 14px;
                cursor: pointer;
                z-index: 10;
                transition: 0.2s ease;
            }
            .tk-karusel-ok:hover {
                background: #0891b2;
                color: #ffffff;
                border-color: #0891b2;
                transform: translateY(-50%) scale(1.06);
            }
            .tk-karusel-onceki { left: -16px; }
            .tk-karusel-sonraki { right: -16px; }
            .tk-karusel-ok[hidden] { display: none !important; }

            /* Yeşil İlerleme Çizgisi */
            .tk-karusel-ilerleme {
                width: 100%;
                height: 3px;
                background: #e2e8f0;
                border-radius: 3px;
                margin-top: 14px;
                overflow: hidden;
            }
            .tk-karusel-ilerleme > span {
                display: block;
                height: 100%;
                width: 0%;
                background: #0891b2;
                border-radius: 3px;
                transition: width 0.2s ease;
            }


/* =========================================================
   KESİN STATİK MOD
   4 veya daha az kartta hiçbir yatay hareket olamaz.
   ========================================================= */
.tk-kat-scroll.tk-statik {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    transform: none !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    cursor: default !important;
    touch-action: auto !important;
}

.tk-kat-scroll.tk-statik .tk-kart-col {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
}

@media (max-width: 1199px) {
    .tk-kat-scroll.tk-statik {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .tk-kat-scroll.tk-statik {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* Sadece statik modda butonları kesin gizle */
.tk-sektor-satiri:has(.tk-kat-scroll.tk-statik) .tk-karusel-ok,
.tk-sektor-satiri:has(.tk-kat-scroll.tk-statik) .tk-karusel-ilerleme {
    display: none !important;
}

/* =========================================================
   TEMİZLİK HİZMETİ SİPARİŞ EKRANI
   ========================================================= */
.temizlik-page{background:#f6f8fb;min-height:100vh;padding:38px 0 70px}
.temizlik-shell{max-width:1260px;margin:0 auto}
.temizlik-topbar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 18px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.temizlik-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#0f172a;font-weight:800}
.temizlik-breadcrumb .sector-pill{display:inline-flex;align-items:center;gap:7px;background:#06b6d4;color:#fff;border-radius:10px;padding:8px 13px;font-size:13px}
.temizlik-breadcrumb .crumb-arrow{color:#94a3b8;font-size:13px}
.temizlik-breadcrumb .crumb-current{font-size:15px}
.temizlik-trust{color:#64748b;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}
.temizlik-trust i{color:#06b6d4}
.temizlik-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:28px;align-items:start}
.temizlik-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.temizlik-main{padding:30px}
.temizlik-side{padding:24px;position:sticky;top:94px}
.temizlik-progress{display:flex;align-items:center;gap:8px;margin-bottom:26px}
.temizlik-progress .step{flex:1;height:5px;border-radius:99px;background:#e2e8f0}
.temizlik-progress .step.active{background:#06b6d4}
.temizlik-kicker{display:inline-flex;align-items:center;gap:7px;color:#06b6d4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.temizlik-heading{color:#0f172a;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.15;margin:0 0 8px}
.temizlik-subheading{color:#64748b;font-size:14px;margin-bottom:28px}
.temizlik-section{border-top:1px solid #eef2f7;padding-top:24px;margin-top:24px}
.temizlik-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.temizlik-section-title{color:#0f172a;font-size:19px;font-weight:800;margin-bottom:6px}
.temizlik-section-note{color:#64748b;font-size:13px;margin-bottom:16px}
.temizlik-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.temizlik-option{border:1px solid #dbe4ee;border-radius:16px;padding:18px;background:#fff;cursor:pointer;transition:.2s ease;position:relative;font:inherit;text-align:left}
.temizlik-option:hover{border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,185,129,.08)}
.temizlik-option.selected{border:2px solid #06b6d4;background:#ecfeff;padding:17px;box-shadow:0 8px 22px rgba(5,150,105,.08)}
.temizlik-option .check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:transparent;font-size:11px}
.temizlik-option.selected .check{border-color:#22d3ee;background:#22d3ee;color:#fff}
.temizlik-option-icon{width:42px;height:42px;border-radius:12px;background:#ecfeff;color:#06b6d4;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:13px}
.temizlik-option-title{color:#0f172a;font-weight:800;font-size:14px;margin-bottom:6px;padding-right:16px}
.temizlik-option-meta{color:#64748b;font-size:12px;line-height:1.45}
.temizlik-option-meta.tk-price-meta{color:#06b6d4;font-size:16px;font-weight:900;margin-top:6px}
.temizlik-option-meta.tk-price-meta small{display:block;color:#64748b;font-size:11px;font-weight:700;margin-top:2px}

.temizlik-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.temizlik-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.temizlik-check{display:flex;align-items:center;gap:13px;min-height:82px;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:15px;padding:18px 18px;background:#fff;cursor:pointer;transition:.2s ease}
.temizlik-check:hover{border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,185,129,.08)}
.temizlik-check input{accent-color:#06b6d4;width:20px;height:20px;min-width:20px}
.temizlik-check span{color:#334155;font-weight:800;font-size:14px;line-height:1.45}
.temizlik-side-title{color:#0f172a;font-size:14px;font-weight:800;margin-bottom:6px}
.temizlik-summary-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e2e8f0;margin-bottom:17px}
.temizlik-summary-tag{display:inline-flex;align-items:center;border-radius:10px;padding:7px 10px;background:#ecfeff;color:#06b6d4;font-size:12px;font-weight:800}
.temizlik-summary-rows{display:grid;gap:15px;margin-bottom:20px}
.temizlik-summary-row{display:flex;justify-content:space-between;gap:14px;color:#64748b;font-size:13px}
.temizlik-summary-row strong{color:#334155;text-align:right}
.temizlik-price-box{border:1px dashed #9fe3ce;border-radius:17px;background:#f5fffb;padding:22px;text-align:center;margin-bottom:18px}
.temizlik-price-label{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.temizlik-price{color:#22d3ee;font-weight:900;font-size:clamp(34px,4vw,42px);margin:5px 0 7px}
.temizlik-escrow{color:#15803d;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:6px}
.temizlik-action{width:100%;border:0;border-radius:13px;background:#06b6d4;color:#fff;font-size:15px;font-weight:800;padding:14px 16px;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.2s ease}
.temizlik-action:hover{background:#0891b2;color:#fff;transform:translateY(-1px)}
.temizlik-mini-note{margin-top:13px;color:#94a3b8;font-size:11px;line-height:1.5;text-align:center}
@media(max-width:991px){.temizlik-layout{grid-template-columns:1fr}.temizlik-side{position:static}.temizlik-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.temizlik-page{padding:18px 0 45px}.temizlik-topbar{border-radius:14px;padding:12px 14px;align-items:flex-start;flex-direction:column}.temizlik-main,.temizlik-side{padding:20px}.temizlik-options,.temizlik-two-col,.temizlik-extra-grid{grid-template-columns:1fr}.temizlik-check{min-height:76px;padding:16px}.temizlik-heading{font-size:28px}}

/* =========================================================
   HİZMET KARTI TASARIMI — SADECE GÖRSEL OVERRIDE
   Mevcut carousel / bağlantı / JS davranışlarına dokunmaz.
   ========================================================= */

.img-service-card {
    background: #ffffff !important;
    border: 1px solid #e7edf3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.img-service-card:hover {
    transform: translateY(-4px) !important;
    border-color: #d7e7df !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10) !important;
    color: inherit !important;
}

.card-img-wrapper {
    height: 178px !important;
    background: #f1f5f9 !important;
    overflow: hidden !important;
    position: relative !important;
}

.card-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .35s ease !important;
}

.img-service-card:hover .card-img-wrapper img {
    transform: scale(1.035) !important;
}

/* Garantili */
.badge-guarantee {
    top: 11px !important;
    left: 11px !important;
    background: #22d3ee !important;
    border-radius: 7px !important;
    padding: 5px 9px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 3px 9px rgba(5, 150, 105, .18) !important;
}

/* Puan */
.badge-rating {
    top: 11px !important;
    right: 11px !important;
    border-radius: 7px !important;
    padding: 5px 9px !important;
    font-size: 10.5px !important;
    background: rgba(15, 23, 42, .82) !important;
}

/* Yeni kart içeriği */
.card-service-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 15px 15px 14px;
}

.card-bottom-title {
    padding: 0 !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #172033 !important;
    min-height: 40px;
    display: flex;
    align-items: center;
}

/* ÜYE / TALEP / YORUM */
.card-service-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6;
    margin: 0 0 13px;
    padding: 11px 0;
}

.card-service-stat {
    min-width: 0;
    text-align: center;
    border-right: 1px solid #eef2f6;
}

.card-service-stat:last-child {
    border-right: 0;
}

.card-service-stat i {
    display: block;
    margin-bottom: 4px;
    color: #06b6d4;
    font-size: 12px;
}

.card-service-stat strong {
    display: block;
    color: #1e293b;
    font-size: 12.5px;
    line-height: 1.2;
    font-weight: 800;
}

.card-service-stat span {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 8.5px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .04em;
}

/* HİZMET AL */
.card-service-button {
    width: 100%;
    min-height: 38px;
    margin-top: auto;
    border-radius: 9px;
    background: #06b6d4;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .02em;
    transition: background .2s ease, transform .2s ease;
}

.img-service-card:hover .card-service-button {
    background: #0891b2;
}

.card-service-button i {
    font-size: 10px;
}

/* Mobilde kart içeriğini sıkıştırır; carousel ölçüsünü değiştirmez. */
@media (max-width: 767px) {
    .card-img-wrapper {
        height: 165px !important;
    }

    .card-service-content {
        padding: 13px 12px 12px;
    }

    .card-bottom-title {
        font-size: 14px !important;
        margin-bottom: 11px !important;
    }

    .card-service-stats {
        padding: 9px 0;
        margin-bottom: 11px;
    }

    .card-service-button {
        min-height: 36px;
        font-size: 11px;
    }
}

/* =========================================================
   TEMİZLİK WIZARD — ADIM ADIM HİZMET OLUŞTURMA
   ========================================================= */

.temizlik-page{
    background:#f6f8f7;
    min-height:calc(100vh - 70px);
    padding:32px 0 65px;
    color:#0f172a;
}
.temizlik-shell{max-width:1080px!important;margin:0 auto}
.tk-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:20px;
}
.tk-eyebrow{
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#06b6d4;
}
.tk-title{
    font-size:30px;
    font-weight:900;
    letter-spacing:-.7px;
    margin:5px 0;
}
.tk-desc{
    font-size:13px;
    color:#64748b;
    margin:0;
    line-height:1.6;
}
.tk-trust{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:10px 13px;
    font-size:11px;
    font-weight:800;
    color:#0891b2;
    white-space:nowrap;
}
.tk-progress{
    display:flex;
    align-items:center;
    gap:7px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:8px;
    margin-bottom:18px;
}
.tk-pstep{
    display:flex;
    align-items:center;
    gap:8px;
    flex:1;
    padding:9px 10px;
    border-radius:9px;
    color:#94a3b8;
    font-size:10px;
    font-weight:800;
}
.tk-pstep.active{background:#ecfeff;color:#0891b2}
.tk-pnum{
    width:24px;
    height:24px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f1f5f9;
    color:#94a3b8;
    font-size:10px;
}
.tk-pstep.active .tk-pnum{background:#06b6d4;color:#fff}

.tk-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:18px;
    align-items:start;
}
.tk-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:17px;
    box-shadow:0 12px 32px rgba(15,23,42,.055);
}
.tk-wizard{
    min-height:570px;
    display:flex;
    flex-direction:column;
}
.tk-step{
    display:none;
    padding:32px 34px;
    flex:1;
}
.tk-step.active{
    display:block;
    animation:tkFade .22s ease;
}
@keyframes tkFade{
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:none}
}
.tk-step-label{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
    color:#06b6d4;
    margin-bottom:8px;
}
.tk-step h2{
    font-size:24px;
    font-weight:900;
    letter-spacing:-.5px;
    margin:0 0 7px;
}
.tk-step p{
    font-size:12px;
    color:#64748b;
    margin:0 0 25px;
}
.tk-options{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.tk-option{
    position:relative;
    border:1px solid #dfe7e3;
    background:#fff;
    border-radius:14px;
    padding:20px;
    text-align:left;
    cursor:pointer;
    min-height:112px;
    transition:.18s;
}
.tk-option:hover{
    border-color:#6ee7b7;
    box-shadow:0 7px 18px rgba(5,150,105,.08);
}
.tk-option.selected{
    border:2px solid #06b6d4;
    background:#f1fcf7;
    padding:19px;
    box-shadow:0 5px 16px rgba(5,150,105,.08);
}
.tk-extra-option{
    display:block;
    position:relative;
    text-align:left;
    box-sizing:border-box;
}
.tk-extra-option .wizard-checkbox{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.tk-extra-option .tk-check{
    pointer-events:none;
}
.tk-extra-option.selected .tk-check{
    background:#06b6d4;
    border-color:#06b6d4;
    color:#fff;
}
.tk-option-icon{
    width:38px;
    height:38px;
    border-radius:10px;
    background:#ecfeff;
    color:#06b6d4;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
}
.tk-option-title{
    font-size:13px;
    font-weight:900;
    margin-bottom:4px;
    padding-right:20px;
}
.tk-option-meta{
    font-size:10px;
    color:#64748b;
    line-height:1.5;
}
.tk-check{
    position:absolute;
    right:13px;
    top:13px;
    width:21px;
    height:21px;
    border-radius:50%;
    border:1px solid #cbd5e1;
    background:#fff;
    color:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:9px;
}
.tk-option.selected .tk-check{
    background:#06b6d4;
    border-color:#06b6d4;
    color:#fff;
}
.tk-nav{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:17px 34px;
    border-top:1px solid #edf2f0;
}
.tk-btn{
    border:0;
    border-radius:10px;
    min-height:44px;
    padding:0 17px;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
}
.tk-btn-back{background:#f1f5f9;color:#475569}
.tk-btn-next{
    background:#06b6d4;
    color:#fff;
    margin-left:auto;
    box-shadow:0 6px 14px rgba(5,150,105,.18);
}
.tk-btn-next:hover{background:#0891b2}
.tk-btn-back[disabled]{opacity:.4;cursor:not-allowed}
.tk-extra-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.tk-extra{
    display:flex;
    align-items:center;
    gap:13px;
    min-height:112px;
    box-sizing:border-box;
    border:1px solid #dfe7e3;
    background:#fff;
    border-radius:14px;
    padding:20px;
    cursor:pointer;
    font-size:13px;
    line-height:1.45;
    font-weight:900;
    transition:.18s;
}
.tk-extra:hover{
    border-color:#6ee7b7;
    box-shadow:0 7px 18px rgba(5,150,105,.08);
}
.tk-extra:has(input:checked){
    border:2px solid #06b6d4;
    background:#f1fcf7;
    padding:19px;
    box-shadow:0 5px 16px rgba(5,150,105,.08);
}
.tk-extra input{
    width:20px;
    height:20px;
    min-width:20px;
    accent-color:#06b6d4;
}
.tk-summary{
    position:sticky;
    top:18px;
    overflow:hidden;
}
.tk-summary-head{
    padding:21px;
    border-bottom:1px solid #edf2f0;
}
.tk-summary-label{
    font-size:9px;
    font-weight:900;
    letter-spacing:.7px;
    text-transform:uppercase;
    color:#06b6d4;
}
.tk-summary-head h3{
    font-size:18px;
    font-weight:900;
    margin:4px 0 0;
}
.tk-summary-rows{padding:7px 21px}
.tk-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:11px 0;
    border-bottom:1px solid #f1f5f3;
    font-size:10px;
}
.tk-row span{color:#94a3b8}
.tk-row strong{
    text-align:right;
    font-size:10px;
    max-width:65%;
}
.tk-price{
    margin:10px 21px 18px;
    background:#082f24;
    border-radius:13px;
    padding:16px;
    color:#fff;
}
.tk-price small{
    display:block;
    color:#a5f3fc;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}
.tk-price strong{
    display:block;
    font-size:28px;
    margin:4px 0 5px;
}
.tk-price div{font-size:9px;color:#a5f3fc}
.tk-summary-note{
    padding:0 21px 20px;
    text-align:center;
    color:#94a3b8;
    font-size:9px;
    line-height:1.5;
}
.tk-success{text-align:center;padding:35px 20px}
.tk-success-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#ecfeff;
    color:#06b6d4;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 15px;
    font-size:25px;
}
.tk-success h2{margin:0 0 8px;font-size:24px;font-weight:900}
.tk-success p{margin:0;color:#64748b;font-size:12px}

@media(max-width:900px){
    .tk-layout{grid-template-columns:1fr}
    .tk-summary{position:static;order:2}
}
@media(max-width:600px){
    .temizlik-page{padding:18px 0 35px}
    .tk-head{display:block}
    .tk-title{font-size:25px}
    .tk-trust{display:inline-block;margin-top:12px}
    .tk-progress{overflow:auto}
    .tk-pstep{min-width:105px}
    .tk-pstep span:last-child{display:none}
    .tk-step{padding:24px 18px}
    .tk-step h2{font-size:21px}
    .tk-options,.tk-extra-grid{grid-template-columns:1fr}
    .tk-option{min-height:96px}
    .tk-nav{padding:14px 18px}
}


/* =========================================================
   TEMİZLİK WIZARD — SON ONAY EKRANI
   ========================================================= */

.tk-confirm-box{
    max-width:760px;
    margin:0 auto;
    padding:4px 0 8px;
}

.tk-confirm-service{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 15px;
    margin-bottom:18px;
    border:1px solid #dfe7e3;
    border-radius:12px;
    background:#f8fffb;
    color:#0891b2;
    font-size:12px;
    font-weight:900;
}

.tk-confirm-service i{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#ecfeff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#06b6d4;
    flex-shrink:0;
}

.tk-confirm-list{
    display:grid;
    gap:8px;
    margin-bottom:16px;
}

.tk-confirm-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:12px 14px;
    border:1px solid #edf2f0;
    border-radius:10px;
    background:#fff;
    font-size:11px;
}

.tk-confirm-row span{
    color:#64748b;
    font-weight:700;
}

.tk-confirm-row strong{
    color:#0f172a;
    font-weight:900;
    text-align:right;
}

.tk-confirm-total{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-top:14px;
    padding:15px 16px;
    border-radius:12px;
    background:#082f24;
    color:#fff;
}

.tk-confirm-total span{
    color:#a5f3fc;
    font-size:11px;
    font-weight:800;
}

.tk-confirm-total strong{
    font-size:21px;
    font-weight:900;
}

.tk-confirm-check{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:18px;
    padding:14px;
    border:1px solid #dfe7e3;
    border-radius:11px;
    background:#f8fafc;
    cursor:pointer;
}

.tk-confirm-check input{
    width:17px;
    height:17px;
    margin-top:1px;
    accent-color:#06b6d4;
    flex-shrink:0;
}

.tk-confirm-check span{
    color:#334155;
    font-size:11px;
    font-weight:800;
    line-height:1.5;
}

.tk-confirm-warning{
    display:none;
    margin-top:10px;
    padding:10px 12px;
    border-radius:9px;
    background:#fff7ed;
    border:1px solid #fed7aa;
    color:#c2410c;
    font-size:10px;
    font-weight:800;
}

@media(max-width:600px){
    .tk-confirm-row{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    .tk-confirm-row strong{
        text-align:left;
    }

    .tk-confirm-total{
        padding:14px;
    }

    .tk-confirm-total strong{
        font-size:19px;
    }
}

/* Tarih ve saat seçim ekranı */
.tk-datetime-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
}
.tk-datetime-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.tk-datetime-field > span{
    color:#334155;
    font-size:13px;
    font-weight:800;
}
.tk-datetime-field > span i{
    color:#06b6d4;
    margin-right:5px;
}
.tk-datetime-field input,
.tk-datetime-field select{
    width:100%;
    height:48px;
    border:1px solid #dbe4ee;
    border-radius:12px;
    background:#fff;
    color:#0f172a;
    padding:0 13px;
    font:inherit;
    outline:none;
}
.tk-datetime-field input:focus,
.tk-datetime-field select:focus{
    border-color:#22d3ee;
    box-shadow:0 0 0 3px rgba(16,185,129,.10);
}
.tk-datetime-summary{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-top:22px;
    padding:17px 18px;
    border:1px solid #dcefe7;
    border-radius:14px;
    background:#f5fffb;
}
.tk-datetime-summary div{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.tk-datetime-summary span{
    color:#64748b;
    font-size:11px;
    font-weight:700;
}
.tk-datetime-summary strong{
    color:#0f172a;
    font-size:14px;
    font-weight:800;
}
@media(max-width:640px){
    .tk-datetime-grid{grid-template-columns:1fr}
    .tk-datetime-summary{flex-direction:column}
}


/* SafeNexa cybersecurity visual layer */
.safenexa-cyber-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 18% 30%, rgba(34,211,238,.20), transparent 28%),
    radial-gradient(circle at 82% 65%, rgba(37,99,235,.24), transparent 32%),
    linear-gradient(135deg,#020617 0%,#07152e 52%,#0b1f3a 100%);
}
.safenexa-cyber-hero::before {
  content:""; position:absolute; inset:0; opacity:.22;
  background-image: linear-gradient(rgba(34,211,238,.18) 1px,transparent 1px), linear-gradient(90deg,rgba(34,211,238,.18) 1px,transparent 1px);
  background-size:42px 42px; transform:perspective(600px) rotateX(55deg) scale(1.6) translateY(18%);
  transform-origin:center bottom;
}
.safenexa-cyber-hero .hero-video-overlay { background:linear-gradient(90deg,rgba(2,6,23,.82),rgba(2,6,23,.45)); }