/* ─────────────────────────────────────────────
   Novato Installer Match — public form styles
   Woodmart kart estetiğiyle uyumlu (yumuşak gölge,
   yuvarlatılmış köşeler, modern input ve buton).
   ───────────────────────────────────────────── */

/* Sidebar fallback gizleme — sayfa meta'sıyla halledilmeyenler için */
.page-template .sidebar-container.shop-sidebar,
body.page .sidebar-container.shop-sidebar { /* generic */ }

/* Wrapper kartı */
.novato-im-wrap{
    max-width:840px;
    margin:24px auto;
    padding:32px 36px;
    background:#fff;
    border:1px solid #eef0f3;
    border-radius:14px;
    box-shadow:0 4px 24px rgba(20,30,55,.06);
    color:#1f2937;
    font-family:inherit;
    line-height:1.55;
}
@media (max-width:600px){
    .novato-im-wrap{padding:22px 18px;border-radius:12px;margin:16px auto}
}

.novato-im-wrap h2{
    font-size:1.55rem;
    font-weight:700;
    margin:0 0 .35rem;
    color:#0f172a;
    letter-spacing:-.01em;
}
.novato-im-intro{
    color:#64748b;
    margin:0 0 1.6rem;
    font-size:.98rem;
}

/* Form alanları */
.novato-im-form label{
    display:block;
    margin:0 0 1rem;
    font-size:.92rem;
    font-weight:500;
    color:#334155;
}
.novato-im-form label > span{color:#dc2626;margin-left:2px;font-weight:700}

.novato-im-form input[type=text],
.novato-im-form input[type=tel],
.novato-im-form input[type=email],
.novato-im-form input[type=number],
.novato-im-form input[type=date],
.novato-im-form select,
.novato-im-form textarea{
    display:block;width:100%;
    margin-top:.4rem;
    padding:.7rem .85rem;
    background:#fff;
    border:1px solid #d1d5db;
    border-radius:8px;
    font-size:.95rem;
    line-height:1.4;
    color:#0f172a;
    transition:border-color .15s, box-shadow .15s, background .15s;
    box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.novato-im-form input:focus,
.novato-im-form select:focus,
.novato-im-form textarea:focus{
    outline:0;
    border-color:#1e3a5f;
    box-shadow:0 0 0 3px rgba(30,58,95,.12);
}
.novato-im-form input::placeholder,
.novato-im-form textarea::placeholder{color:#94a3b8}

.novato-im-form textarea{resize:vertical;min-height:88px}

.novato-im-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:600px){.novato-im-row{grid-template-columns:1fr;gap:.5rem}}

/* Yardım metni */
.novato-im-help{
    display:block;
    color:#64748b;
    font-size:.82rem;
    margin:-.4rem 0 1rem;
    font-style:italic;
}

/* Çoklu il seçici (chip picker) */
.novato-im-cities-label{margin-bottom:.45rem !important}
.novato-im-city-picker{
    display:flex;gap:.5rem;margin-bottom:.5rem;align-items:stretch;
}
.novato-im-city-picker select{flex:1;margin-top:0 !important}
.novato-im-city-add-btn{
    background:#1e3a5f;color:#fff;border:0;border-radius:8px;
    padding:.55rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;
    white-space:nowrap;transition:background .15s;
}
.novato-im-city-add-btn:hover{background:#162d4a}
.novato-im-city-add-btn:active{background:#0f243d}
.novato-im-cities-selected{
    display:flex;flex-wrap:wrap;gap:.4rem;
    min-height:0;margin-bottom:.25rem;
}
.novato-im-city-pill{
    display:inline-flex;align-items:center;gap:.25rem;
    background:#eff5fb;color:#1e3a5f;
    border:1px solid #d6e3f0;
    padding:.18rem .3rem .18rem .55rem;
    border-radius:4px;
    font-size:.82rem;font-weight:500;
    line-height:1.3;
}
.novato-im-city-remove{
    background:transparent;color:#64748b;border:0;
    width:16px;height:16px;border-radius:3px;
    font-size:13px;line-height:1;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    padding:0;
}
.novato-im-city-remove:hover{background:#dc2626;color:#fff}

/* Uzmanlık alanları — kompakt (eski form-grid yerine inline chip flow) */
.novato-im-specialties{
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:.85rem 1rem .65rem;
    margin:.5rem 0 1.2rem;
    background:#fafbfc;
}
.novato-im-specialties legend{
    padding:0 .35rem;
    font-size:.88rem;
    font-weight:600;
    color:#1e3a5f;
}
.novato-im-specialties-compact{
    display:block;
}
.novato-im-chip{
    display:inline-flex;align-items:center;gap:.4rem;
    background:#fff;
    border:1px solid #d6e3f0;
    padding:.32rem .7rem;
    border-radius:999px;
    margin:.18rem .25rem .18rem 0;
    font-size:.82rem;font-weight:500;
    color:#1e3a5f;
    cursor:pointer;
    transition:all .15s;
    user-select:none;
}
.novato-im-chip:hover{border-color:#1e3a5f;background:#eff5fb}
.novato-im-chip input{margin:0;width:14px;height:14px;flex-shrink:0}
.novato-im-chip:has(input:checked){
    background:#1e3a5f;border-color:#1e3a5f;color:#fff;
}
.novato-im-chip:has(input:checked) input{accent-color:#fff}

/* ─────────────────────────────────────────────
   Verebileceğim hizmetler kartı (yetenek + tecrübe)
   ───────────────────────────────────────────── */
.novato-im-services-card{
    background:linear-gradient(180deg, #fafcff 0%, #ffffff 100%);
    border:1px solid #d6e3f0;
    border-radius:12px;
    padding:1.25rem 1.4rem 1.1rem;
    margin:.5rem 0 1.4rem;
    box-shadow:0 2px 8px rgba(30,58,95,.04);
}
.novato-im-services-head{margin:0 0 1rem}
.novato-im-services-head h3{
    margin:0 0 .25rem !important;
    font-size:1.05rem !important;
    font-weight:700 !important;
    color:#1e3a5f !important;
    letter-spacing:-.01em;
}
.novato-im-services-head p{
    margin:0;
    font-size:.85rem;
    color:#64748b;
    font-style:italic;
}

/* Liste */
.novato-im-skill-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:.5rem;
}
.novato-im-skill-list li{margin:0;padding:0}

/* Her satır kapsayıcısı: solda label (checkbox + metin), sağda yıldızlar */
.novato-im-skill-item{
    display:flex !important;
    align-items:stretch;
    gap:.6rem;
    border:1.5px solid #e2e8f0;
    border-radius:10px;
    background:#fff;
    transition:all .15s ease;
    overflow:hidden;
}
.novato-im-skill-item:hover{
    border-color:#1e3a5f;
    background:#f5f9fd;
    box-shadow:0 3px 8px rgba(30,58,95,.08);
}
.novato-im-skill-item:has(input[type=checkbox]:checked){
    background:#eef5fc;
    border-color:#1e3a5f;
    box-shadow:0 2px 6px rgba(30,58,95,.12);
}

/* Etiket (checkbox + metin) — kart içinde flex item */
.novato-im-skill-row{
    display:flex !important;
    align-items:flex-start;
    gap:.7rem;
    padding:.7rem .85rem !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    cursor:pointer;
    flex:1;
    min-width:0;
    color:#0f172a !important;
    box-shadow:none !important;
    transform:none !important;
}
.novato-im-skill-row:hover{
    background:transparent !important;
    transform:none !important;
    box-shadow:none !important;
}

/* Native checkbox'ı gizle, kendi tikimizi kullan */
.novato-im-skill-row input[type=checkbox]{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;height:0 !important;margin:0 !important;
}
.novato-im-skill-check{
    flex-shrink:0;
    width:22px;height:22px;
    border:1.5px solid #cbd5e1;
    border-radius:6px;
    background:#fff;
    margin-top:.05rem;
    position:relative;
    transition:all .15s;
}
.novato-im-skill-check::after{
    content:"";
    position:absolute;
    left:6px;top:2px;
    width:6px;height:11px;
    border:solid #fff;
    border-width:0 2.5px 2.5px 0;
    transform:rotate(45deg) scale(0);
    transition:transform .12s ease;
}
.novato-im-skill-text{
    flex:1;
    line-height:1.45;
    font-size:.95rem;
    /* Tema label > span kırmızı kuralını sıfırla */
    color:#0f172a !important;
    font-weight:500 !important;
}

/* Seçili durum: checkbox işareti */
.novato-im-skill-row input[type=checkbox]:checked ~ .novato-im-skill-check{
    background:#1e3a5f;
    border-color:#1e3a5f;
}
.novato-im-skill-row input[type=checkbox]:checked ~ .novato-im-skill-check::after{
    transform:rotate(45deg) scale(1);
}
.novato-im-skill-row input[type=checkbox]:focus-visible ~ .novato-im-skill-check{
    outline:3px solid rgba(30,58,95,.25);
    outline-offset:2px;
}

/* Skill başına yıldız picker (sağda) */
.novato-im-skill-stars{
    display:inline-flex;
    align-items:center;
    gap:.05rem;
    padding:.4rem .7rem;
    background:rgba(255,255,255,.6);
    border-left:1px solid #e2e8f0;
    flex-shrink:0;
}
.novato-im-sstar{
    background:transparent !important;
    border:0 !important;
    padding:.1rem .12rem !important;
    margin:0 !important;
    font-size:1.2rem !important;
    line-height:1 !important;
    color:#cbd5e1 !important;
    cursor:pointer;
    transition:color .12s, transform .1s;
    box-shadow:none !important;
}
.novato-im-sstar:hover{transform:scale(1.15)}
.novato-im-sstar.is-active{color:#f59e0b !important}
@media (max-width:560px){
    .novato-im-skill-item{flex-direction:column;gap:0}
    .novato-im-skill-stars{
        border-left:0;
        border-top:1px solid #e2e8f0;
        padding:.4rem .85rem;
        background:transparent;
    }
}


/* Submit butonu — site brand mavisi (B2B Başvuru ile uyumlu).
   !important: Woodmart tema button override'larından korunmak için. */
.novato-im-wrap .novato-im-submit,
.novato-im-wrap button.novato-im-submit,
.novato-im-wrap button[type=submit].novato-im-submit{
    background:#1e3a5f !important;
    background-color:#1e3a5f !important;
    color:#fff !important;
    border:0 !important;
    border-radius:8px !important;
    padding:.85rem 1.8rem !important;
    font-size:1rem !important;
    font-weight:600 !important;
    cursor:pointer;
    margin-top:.75rem;
    transition:transform .12s, background .15s, box-shadow .15s;
    box-shadow:0 4px 12px rgba(30,58,95,.22);
    letter-spacing:.01em;
    text-transform:none !important;
}
.novato-im-wrap .novato-im-submit:hover{
    background:#162d4a !important;background-color:#162d4a !important;
    color:#fff !important;
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(30,58,95,.30);
}
.novato-im-wrap .novato-im-submit:active{transform:translateY(0);background:#0f243d !important}
.novato-im-wrap .novato-im-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
@media (max-width:600px){.novato-im-wrap .novato-im-submit{width:100%;padding:.95rem 1rem !important}}

/* "+ Ekle" butonu da mavi kalsın, tema override'ından korunmuş */
.novato-im-wrap .novato-im-city-add-btn,
.novato-im-wrap button.novato-im-city-add-btn{
    background:#1e3a5f !important;
    background-color:#1e3a5f !important;
    color:#fff !important;
    border:0 !important;
    border-radius:8px !important;
    padding:.55rem 1rem !important;
    font-size:.9rem !important;
    font-weight:600 !important;
    text-transform:none !important;
    box-shadow:none !important;
}
.novato-im-wrap .novato-im-city-add-btn:hover{
    background:#162d4a !important;background-color:#162d4a !important;
    color:#fff !important;
}

/* Sonuç mesajı */
.novato-im-result{
    margin-top:1rem;
    padding:.8rem 1rem;
    border-radius:8px;
    display:none;
    font-size:.95rem;
    font-weight:500;
}
.novato-im-result.is-info   {display:block;background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.novato-im-result.is-success{display:block;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.novato-im-result.is-error  {display:block;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

/* ───────────────────────────────────────────
   Şehir istatistik kartı (kurulum talebi formu)
   ─────────────────────────────────────────── */
.novato-im-city-stats{
    margin-top:1.5rem;
    background:linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:1.15rem 1.3rem;
}
.novato-im-city-stats h3{
    margin:0 0 .35rem;
    font-size:1.05rem;font-weight:700;
    color:#0f172a;
}
.novato-im-stats-summary{
    margin:0 0 1rem;
    color:#1e293b;font-weight:600;
    font-size:1rem;
}
.novato-im-stats-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;
}
@media (max-width:600px){.novato-im-stats-grid{grid-template-columns:1fr;gap:.85rem}}

.novato-im-stats-block strong{
    display:block;
    color:#475569;
    margin-bottom:.4rem;
    font-size:.82rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.novato-im-stats-districts{margin:0;color:#0f172a;line-height:1.5;font-size:.95rem}
.novato-im-stats-specialties{list-style:none;margin:0;padding:0}
.novato-im-stats-specialties li{
    padding:.25rem 0;color:#0f172a;font-size:.95rem;
    display:flex;justify-content:space-between;align-items:center;
}
.novato-im-stats-specialties li span{
    color:#64748b;font-size:.85rem;font-weight:500;
    background:#f1f5f9;padding:.1rem .5rem;border-radius:999px;
}
.novato-im-stats-note{
    margin:1rem 0 0;
    padding:.65rem .85rem;
    background:#f8fafc;
    border-left:3px solid #cbd5e1;
    border-radius:4px;
    font-size:.85rem;
    color:#64748b;
    font-style:italic;
}

/* ─────────────────────────────────────────────
   KURULUM HİZMETİ SAYFASI (Türkiye Haritası)
   ───────────────────────────────────────────── */
.novato-im-service-wrap{
    max-width:1280px;
    margin:24px auto;
    padding:0 16px;
    color:#0f172a;
    font-family:inherit;
    line-height:1.55;
}
.novato-im-service-hero{
    text-align:center;
    margin-bottom:2rem;
}
.novato-im-service-hero h1,
.novato-im-service-hero h2{
    font-size:1.85rem;
    font-weight:700;
    color:#0f172a;
    margin:0 0 .5rem;
    letter-spacing:-.01em;
}
.novato-im-service-hero p{
    color:#64748b;
    max-width:760px;
    margin:0 auto;
    font-size:1rem;
}

/* Toolbar — yetenek filtresi */
.novato-im-service-toolbar{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:1rem 1.2rem;
    margin-bottom:1.5rem;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
}
.novato-im-service-filter-label{
    display:inline-block;
    font-size:.88rem;
    font-weight:600;
    color:#1e3a5f;
    margin-right:.6rem;
    margin-bottom:.5rem;
}
.novato-im-service-filters{
    display:inline-flex;
    flex-wrap:wrap;
    gap:.4rem;
    vertical-align:middle;
}
.novato-im-filter-chip{
    background:#f1f5f9 !important;
    border:1.5px solid #e2e8f0 !important;
    color:#1e3a5f !important;
    padding:.4rem .85rem !important;
    border-radius:999px !important;
    font-size:.85rem !important;
    font-weight:500 !important;
    cursor:pointer;
    transition:all .15s;
    text-transform:none !important;
    box-shadow:none !important;
    line-height:1.2 !important;
}
.novato-im-filter-chip:hover{
    border-color:#1e3a5f !important;
    background:#eff5fb !important;
}
.novato-im-filter-chip.is-active{
    background:#1e3a5f !important;
    border-color:#1e3a5f !important;
    color:#fff !important;
}

/* Layout grid — sol harita, sağ detay */
.novato-im-service-grid{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:1.5rem;
    align-items:start;
    margin-bottom:2rem;
}
@media (max-width:980px){
    .novato-im-service-grid{grid-template-columns:1fr}
}

/* Harita kutusu */
.novato-im-map-wrap{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:1rem;
    box-shadow:0 2px 10px rgba(15,23,42,.05);
}
.novato-im-map-svg{position:relative}
.novato-im-map-svg svg{
    width:100%;
    height:auto;
    display:block;
    max-height:560px;
}
/* SVG path'leri uniform (yoğunluk gösterimi yok) */
.novato-im-map-svg svg path{
    fill:#e2e8f0;
    stroke:#fff;
    stroke-width:.6;
    transition:fill .2s, stroke .2s;
}
.novato-im-map-svg svg g[data-city-name]{cursor:pointer}
.novato-im-map-svg svg g[data-city-name]:hover path{
    fill:#1e3a5f !important;
    stroke:#0f172a;
}
/* Hizmet verilen iller — hafif koyu gri (subtle ayrım).
   SVG path'lerinde inline style="fill:..." var → !important şart. */
.novato-im-map-svg svg g.is-available path{
    fill:#64748b !important;
    stroke:#475569 !important;
    stroke-width:.7;
}
.novato-im-map-svg svg g.is-available:hover path{
    fill:#475569 !important;
    stroke:#334155 !important;
}
.novato-im-map-svg svg g.is-active path{
    fill:#f59e0b !important;
    stroke:#92400e !important;
    stroke-width:1;
}

/* Yan dikey form — harita yanında */
.novato-im-side-form{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:1.1rem 1.2rem;
    box-shadow:0 2px 10px rgba(15,23,42,.05);
    position:sticky;
    top:24px;
}
@media (max-width:980px){
    .novato-im-side-form{position:static}
}

/* Seçili il chip */
.novato-im-side-city{
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    border-radius:8px;
    padding:.5rem .8rem;
    margin-bottom:.85rem;
    display:flex;
    flex-direction:column;
    gap:.15rem;
}
.novato-im-side-city[data-state="selected"]{
    background:#fff7ed;
    border-color:#fdba74;
}
.novato-im-side-city-label{
    font-size:.7rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#64748b;
}
.novato-im-side-city[data-state="selected"] .novato-im-side-city-label{color:#92400e}
.novato-im-side-city-name{
    font-size:1rem;
    font-weight:600;
    color:#0f172a;
}
.novato-im-side-city[data-state="empty"] .novato-im-side-city-name{
    color:#94a3b8;
    font-weight:500;
    font-style:italic;
}

/* İstanbul tab UI kaldırıldı — yakanın seçimi tıklama X koordinatından */

/* Form'u kompakt göster (service-page bağlamında) */
.novato-im-side-form .novato-im-wrap{
    max-width:none;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    border-radius:0;
}
.novato-im-side-form .novato-im-form label{
    margin-bottom:.7rem;
    font-size:.88rem;
}
.novato-im-side-form .novato-im-row{
    grid-template-columns:1fr;
    gap:0;
}
.novato-im-side-form .novato-im-form input,
.novato-im-side-form .novato-im-form select,
.novato-im-side-form .novato-im-form textarea{
    padding:.55rem .7rem;
    font-size:.9rem;
}
.novato-im-side-form .novato-im-form textarea{min-height:140px}
.novato-im-side-form .novato-im-submit{
    width:100%;
    padding:.75rem 1rem !important;
    font-size:.95rem !important;
}
/* v1.3: detay panel + eski tab stili kaldırıldı, yeni .novato-im-istanbul-tabs aşağıda */
.novato-im-ist-tab{
    background:transparent !important;
    border:1px solid #fdba74 !important;
    color:#92400e !important;
    padding:.3rem .65rem !important;
    font-size:.8rem !important;
    font-weight:600 !important;
    border-radius:6px !important;
    cursor:pointer;
    box-shadow:none !important;
    transition:all .15s;
}
.novato-im-ist-tab:hover{
    background:#fed7aa !important;
}
.novato-im-ist-tab.is-active{
    background:#92400e !important;
    color:#fff !important;
    border-color:#92400e !important;
}

/* v1.3: kurulumcu kartları + yoğunluk göstergeleri tamamen kaldırıldı */

/* Detay footer + Bu il için talep aç CTA */
.novato-im-detail-footer{
    margin-top:1.1rem;
    padding-top:.85rem;
    border-top:1px solid #f1f5f9;
}
/* v1.3: city-request-cta kaldırıldı */

/* Kurulumcu başvuru CTA — haritanın hemen altında */
.novato-im-installer-cta{
    display:flex;
    align-items:center;
    gap:.85rem;
    padding:.85rem 1.2rem;
    margin-top:0;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:10px;
    color:#475569 !important;
    text-decoration:none !important;
    font-size:.92rem;
    transition:all .15s;
}
/* Desktop: form sağ sütunda 3 satıra yayılsın (sticky), CTA'lar sol sütunda altında */
@media (min-width:981px){
    .novato-im-service-grid .novato-im-map-wrap{grid-column:1;grid-row:1}
    .novato-im-service-grid .novato-im-side-form{grid-column:2;grid-row:1 / span 3}
    .novato-im-service-grid .novato-im-cta-1{grid-column:1;grid-row:2}
    .novato-im-service-grid .novato-im-cta-2{grid-column:1;grid-row:3}
}
.novato-im-installer-cta:hover{
    background:#eef5fb;
    border-color:#1e3a5f;
    color:#1e3a5f !important;
    transform:translateX(2px);
}
.novato-im-installer-cta-icon{
    width:32px;height:32px;
    flex-shrink:0;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:16px;
    color:#1e3a5f;
}
.novato-im-installer-cta-text{
    flex:1;line-height:1.4;
}
.novato-im-installer-cta-text strong{
    display:block;
    color:#0f172a;
    font-weight:700;
    margin-bottom:.1rem;
}
.novato-im-installer-cta:hover .novato-im-installer-cta-text strong{color:#1e3a5f}
.novato-im-installer-cta-arrow{
    color:#94a3b8;
    flex-shrink:0;
    transition:transform .15s;
}
.novato-im-installer-cta:hover .novato-im-installer-cta-arrow{
    color:#1e3a5f;
    transform:translateX(3px);
}

/* Maliyet bilgilendirme kartı — aynı taban stil + farklı vurgu */
.novato-im-cost-cta .novato-im-installer-cta-icon{
    background:#fff7ed;
    border-color:#fed7aa;
    color:#92400e;
    font-size:18px;
    font-weight:700;
}
.novato-im-cost-cta:hover{
    background:#fff7ed;
    border-color:#f59e0b;
    color:#92400e !important;
}
.novato-im-cost-cta:hover .novato-im-installer-cta-text strong{color:#92400e}
.novato-im-cost-cta:hover .novato-im-installer-cta-arrow{color:#92400e}

/* Inline talep formu bölümü (aynı sayfada) */
.novato-im-request-section{
    margin-top:2rem;
    scroll-margin-top:60px;
}
.novato-im-request-section-head{
    text-align:center;
    margin-bottom:1.25rem;
    padding:1.5rem 1rem 1rem;
    background:linear-gradient(135deg, #1e3a5f 0%, #0f243d 100%);
    color:#fff;
    border-radius:14px 14px 0 0;
}
.novato-im-request-section-head h2{
    margin:0 0 .35rem !important;
    color:#fff !important;
    font-size:1.4rem !important;
    font-weight:700 !important;
    letter-spacing:-.01em;
}
.novato-im-request-section-head p{
    margin:0 !important;
    color:rgba(255,255,255,.85) !important;
    font-size:.92rem;
}
/* Form'un kendi wrapper'ı zaten var (.novato-im-wrap) — section içinde üst köşeleri sıfırla */
.novato-im-request-section .novato-im-wrap{
    margin-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-top:0;
}

/* "Bu il için talep aç" buton (button olduğu için reset) */
button.novato-im-city-request-cta{
    border:0;
    cursor:pointer;
}

/* Talep formu prefill banner */
.novato-im-prefer-banner{
    background:#fef3c7;
    border:1px solid #fde68a;
    color:#92400e;
    padding:.65rem .85rem;
    border-radius:8px;
    margin-bottom:1rem;
    font-size:.92rem;
}
.novato-im-prefer-banner strong{color:#78350f}

/* ─────────────────────────────────────────────
   KURULUMCU DASHBOARD (/hesabim/kurulumcu-basvurusu/ — kurulumcuysa)
   ───────────────────────────────────────────── */
.novato-im-dash-state{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:2.5rem 2rem;
    text-align:center;
    box-shadow:0 2px 10px rgba(15,23,42,.05);
}
.novato-im-dash-state .state-icon{
    font-size:3rem;
    line-height:1;
    margin-bottom:1rem;
}
.novato-im-dash-state h3{
    margin:0 0 .5rem !important;
    color:#0f172a !important;
    font-size:1.25rem !important;
    font-weight:700 !important;
}
.novato-im-dash-state p{
    margin:0 0 .5rem !important;
    color:#475569;
    line-height:1.55;
}
.novato-im-dash-pending .state-icon{color:#f59e0b}
.novato-im-dash-pending{background:#fffbeb;border-color:#fde68a}
.novato-im-dash-rejected .state-icon{color:#dc2626}
.novato-im-dash-rejected{background:#fef2f2;border-color:#fecaca}
.novato-im-dash-suspended .state-icon{color:#475569}
.novato-im-dash-suspended{background:#f8fafc;border-color:#e2e8f0}

.novato-im-dash{font-family:inherit}
.novato-im-dash-head{
    background:linear-gradient(135deg, #1e3a5f 0%, #0f243d 100%);
    color:#fff;
    padding:1.4rem 1.6rem;
    border-radius:12px;
    margin-bottom:1.2rem;
    box-shadow:0 4px 14px rgba(15,23,42,.12);
}
.novato-im-dash-head h3{
    margin:0 0 .3rem !important;
    color:#fff !important;
    font-size:1.3rem !important;
    font-weight:700 !important;
}
.novato-im-dash-head p{margin:0 !important;color:rgba(255,255,255,.8) !important;font-size:.92rem}
.novato-im-dash-head strong{color:#fff;background:rgba(255,255,255,.18);padding:.1rem .55rem;border-radius:5px;font-weight:700}

/* İstatistik kutuları */
.novato-im-dash-stats{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:.85rem;
    margin-bottom:1.25rem;
}
.novato-im-dash-stats .stat{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:.85rem 1rem;
    text-align:center;
}
.novato-im-dash-stats .stat-num{
    display:block;
    font-size:1.6rem;
    font-weight:800;
    color:#1e3a5f;
    line-height:1.1;
}
.novato-im-dash-stats .stat-label{
    display:block;
    font-size:.78rem;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-top:.25rem;
}

/* Sekmeler */
.novato-im-dash-tabs{
    display:flex;
    gap:.3rem;
    background:#f1f5f9;
    border-radius:10px;
    padding:.3rem;
    margin-bottom:1rem;
}
.novato-im-dash-tab{
    flex:1;
    background:transparent !important;
    border:0 !important;
    padding:.6rem .5rem !important;
    font-size:.88rem !important;
    font-weight:600 !important;
    color:#64748b !important;
    cursor:pointer;
    border-radius:7px !important;
    box-shadow:none !important;
    transition:all .15s;
}
.novato-im-dash-tab:hover{color:#1e3a5f !important}
.novato-im-dash-tab.is-active{
    background:#fff !important;
    color:#1e3a5f !important;
    box-shadow:0 1px 3px rgba(15,23,42,.10) !important;
}

/* Pane / boş durum */
.novato-im-dash-pane{
    display:flex;
    flex-direction:column;
    gap:.85rem;
}
.novato-im-dash-pane[hidden]{display:none}
.novato-im-dash-empty{
    background:#f8fafc;
    border:1px dashed #cbd5e1;
    border-radius:10px;
    padding:2rem 1rem;
    text-align:center;
    color:#64748b;
    margin:0;
}

/* İş kartı */
.novato-im-job-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
    transition:box-shadow .15s, transform .12s;
}
.novato-im-job-card:hover{
    box-shadow:0 4px 14px rgba(30,58,95,.10);
}
.novato-im-job-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.7rem 1rem;
    background:#f8fafc;
    border-bottom:1px solid #e2e8f0;
}
.novato-im-job-code{
    background:#1e3a5f;
    color:#fff;
    padding:.25rem .65rem;
    border-radius:5px;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.04em;
}
.novato-im-job-date{
    color:#64748b;
    font-size:.82rem;
}
.novato-im-job-body{
    padding:.85rem 1rem .65rem;
}
.novato-im-job-row{
    display:flex;
    gap:.75rem;
    padding:.4rem 0;
    border-bottom:1px solid #f1f5f9;
    align-items:flex-start;
    font-size:.92rem;
}
.novato-im-job-row:last-child{border-bottom:0}
.novato-im-job-row strong{
    flex:0 0 130px;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#64748b;
    font-weight:700;
    padding-top:.15rem;
}
.novato-im-job-row span,
.novato-im-job-row p{
    flex:1;
    color:#0f172a;
    line-height:1.45;
    margin:0 !important;
}
.novato-im-job-row a{color:#1e3a5f;font-weight:600;text-decoration:none}
.novato-im-job-row a:hover{text-decoration:underline}
.novato-im-job-desc p{
    background:#fafbfc;
    padding:.5rem .65rem;
    border-radius:6px;
}
.novato-im-job-notes p{
    background:#fffbeb;
    border-left:3px solid #f59e0b;
    padding:.5rem .65rem;
    border-radius:0 6px 6px 0;
}

.novato-im-job-foot{
    padding:.65rem 1rem;
    background:#f8fafc;
    border-top:1px solid #e2e8f0;
    display:flex;
    align-items:center;
    gap:.85rem;
    flex-wrap:wrap;
}
.novato-im-job-complete{
    background:#16a34a !important;
    color:#fff !important;
    border:0 !important;
    padding:.55rem 1.1rem !important;
    border-radius:8px !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    cursor:pointer;
    box-shadow:0 2px 6px rgba(22,163,74,.25) !important;
    transition:all .15s;
}
.novato-im-job-complete:hover{
    background:#15803d !important;
    transform:translateY(-1px);
    box-shadow:0 4px 10px rgba(22,163,74,.35) !important;
}
.novato-im-job-complete:disabled{opacity:.6;cursor:not-allowed}
.novato-im-job-result.is-success{color:#15803d;font-weight:600}
.novato-im-job-result.is-error{color:#dc2626;font-weight:600}

/* ─────────────────────────────────────────────
   MÜŞTERİ — KURULUM TALEPLERİM (/hesabim/kurulum-taleplerim/)
   ───────────────────────────────────────────── */
.novato-im-customer-requests{font-family:inherit}
.novato-im-cr-head{margin-bottom:1.2rem}
.novato-im-cr-head h3{
    margin:0 0 .35rem !important;
    color:#0f172a !important;
    font-size:1.3rem !important;
    font-weight:700 !important;
}
.novato-im-cr-head p{
    margin:0 !important;
    color:#64748b;
    font-size:.92rem;
}
.novato-im-cr-empty{
    background:#f8fafc;
    border:1px dashed #cbd5e1;
    border-radius:10px;
    padding:2rem 1rem;
    text-align:center;
    color:#64748b;
}
.novato-im-cr-empty p{margin:0 0 1rem !important}
.novato-im-cr-list{display:flex;flex-direction:column;gap:.85rem}
.novato-im-cr-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
}
.novato-im-cr-card-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.7rem 1rem;
    background:#f8fafc;
    border-bottom:1px solid #e2e8f0;
}
.novato-im-cr-code{
    background:#1e3a5f;
    color:#fff;
    padding:.25rem .65rem;
    border-radius:5px;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.04em;
}
.novato-im-cr-status{
    padding:.2rem .65rem;
    border-radius:999px;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.novato-im-cr-status--new{background:#dbeafe;color:#1e40af}
.novato-im-cr-status--assigned{background:#fef3c7;color:#92400e}
.novato-im-cr-status--in-progress{background:#ede9fe;color:#5b21b6}
.novato-im-cr-status--completed{background:#dcfce7;color:#166534}
.novato-im-cr-status--cancelled{background:#fee2e2;color:#991b1b}

.novato-im-cr-body{padding:.85rem 1rem .65rem}
.novato-im-cr-row{
    display:flex;
    gap:.75rem;
    padding:.4rem 0;
    border-bottom:1px solid #f1f5f9;
    align-items:flex-start;
    font-size:.92rem;
}
.novato-im-cr-row:last-child{border-bottom:0}
.novato-im-cr-row strong{
    flex:0 0 110px;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#64748b;
    font-weight:700;
    padding-top:.15rem;
}
.novato-im-cr-row span,
.novato-im-cr-row p{
    flex:1;color:#0f172a;line-height:1.45;margin:0 !important;
}
.novato-im-cr-desc p{
    background:#fafbfc;
    padding:.5rem .65rem;
    border-radius:6px;
}
.novato-im-cr-assigned-box{
    margin-top:.6rem;
    background:#dcfce7;
    border-left:4px solid #16a34a;
    padding:.7rem .85rem;
    border-radius:0 8px 8px 0;
    display:flex;
    gap:.65rem;
    align-items:flex-start;
}
.novato-im-cr-assigned-box > span:first-child{
    color:#16a34a;
    font-size:1.2rem;
    line-height:1;
    flex-shrink:0;
    margin-top:.1rem;
}
.novato-im-cr-assigned-box strong{
    display:block;
    color:#14532d;
    font-weight:700;
    margin-bottom:.2rem;
}
.novato-im-cr-assigned-box p{
    margin:0 !important;
    color:#166534;
    font-size:.88rem;
    line-height:1.5;
}
.novato-im-cr-assigned-box p.novato-im-cr-done{
    margin-top:.4rem !important;
    padding-top:.35rem;
    border-top:1px solid rgba(22,101,52,.15);
    color:#14532d;
}
.novato-im-cr-pending-box{
    margin-top:.6rem;
    background:#fffbeb;
    border-left:4px solid #f59e0b;
    padding:.65rem .85rem;
    border-radius:0 8px 8px 0;
    color:#92400e;
    font-size:.9rem;
    line-height:1.5;
    display:flex;
    gap:.55rem;
    align-items:flex-start;
}
.novato-im-cr-pending-box > span:first-child{font-size:1.1rem;line-height:1;flex-shrink:0}

.novato-im-cr-foot{
    margin-top:1.2rem;
    text-align:center;
}
.novato-im-cr-cta{
    display:inline-block;
    background:#1e3a5f;
    color:#fff !important;
    padding:.65rem 1.4rem;
    border-radius:8px;
    font-size:.92rem;
    font-weight:600;
    text-decoration:none !important;
    transition:all .15s;
    box-shadow:0 2px 6px rgba(30,58,95,.18);
}
.novato-im-cr-cta:hover{
    background:#162d4a;
    color:#fff !important;
    transform:translateY(-1px);
}

@media (max-width:560px){
    .novato-im-cr-row{flex-direction:column;gap:.15rem}
    .novato-im-cr-row strong{flex:0 0 auto}
}

@media (max-width:560px){
    .novato-im-dash-stats{grid-template-columns:repeat(3, 1fr);gap:.4rem}
    .novato-im-dash-stats .stat{padding:.6rem .25rem}
    .novato-im-dash-stats .stat-num{font-size:1.3rem}
    .novato-im-dash-stats .stat-label{font-size:.7rem}
    .novato-im-job-row{flex-direction:column;gap:.15rem}
    .novato-im-job-row strong{flex:0 0 auto}
}

/* ── Kurulum Hizmeti — içerik bölümleri (Neden / Nasıl / Kapsam / Platform / SSS) ── */
.novato-im-service-wrap > section{
    margin-top:60px;
}
.novato-im-sec-title{
    font-size:1.55rem;
    font-weight:700;
    color:#0f172a;
    margin:0 0 .5rem;
    text-align:center;
    letter-spacing:-.015em;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.9rem;
}
.novato-im-title-line{
    display:inline-block;
    width:48px;
    height:2px;
    background:linear-gradient(90deg,transparent 0%,#cbd5e1 50%,transparent 100%);
    border-radius:2px;
}
.novato-im-sec-sub{
    color:#64748b;
    text-align:center;
    max-width:720px;
    margin:0 auto 2rem;
    font-size:.98rem;
    line-height:1.6;
}

/* Hero refinement */
.novato-im-hero-eyebrow{
    display:inline-block;
    background:#f1f5f9;
    color:#1e3a5f;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:.32rem .85rem;
    border-radius:999px;
    margin-bottom:.85rem;
    border:1px solid #e2e8f0;
}
.novato-im-hero-accent{
    color:#1e3a5f;
    position:relative;
    white-space:nowrap;
}
.novato-im-hero-accent::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:.05em;
    height:.35em;
    background:rgba(245,158,11,.22);
    z-index:-1;
    border-radius:2px;
}

/* Neden Bizimle? */
.novato-im-why-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1rem;
}
.novato-im-why-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:1.5rem 1.3rem 1.3rem;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
    transition:transform .18s, box-shadow .18s, border-color .18s;
    text-align:center;
}
.novato-im-why-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(30,58,95,.10);
    border-color:#cbd5e1;
}
.novato-im-why-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    border-radius:14px;
    background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);
    color:#fff;
    margin-bottom:.9rem;
    box-shadow:0 4px 12px rgba(30,58,95,.25);
}
.novato-im-why-card strong{
    display:block;
    color:#0f172a;
    font-size:1.05rem;
    font-weight:700;
    margin-bottom:.45rem;
}
.novato-im-why-card p{
    margin:0;
    color:#475569;
    font-size:.93rem;
    line-height:1.55;
}

/* Nasıl Çalışır */
.novato-im-how-grid{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:1rem;
}
.novato-im-how-card{
    position:relative;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:1.5rem 1.2rem 1.2rem;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
    transition:transform .18s, box-shadow .18s, border-color .18s;
}
.novato-im-how-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(30,58,95,.10);
    border-color:#cbd5e1;
}
.novato-im-how-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:12px;
    background:#f1f5f9;
    color:#1e3a5f;
    margin-bottom:.85rem;
    transition:background .18s, color .18s;
}
.novato-im-how-card:hover .novato-im-how-icon{
    background:#1e3a5f;
    color:#fff;
}
.novato-im-how-num{
    position:absolute;
    top:12px;
    right:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:#f59e0b;
    color:#fff;
    font-weight:700;
    font-size:.82rem;
    box-shadow:0 2px 6px rgba(245,158,11,.35);
}
.novato-im-how-card strong{
    display:block;
    color:#0f172a;
    font-size:1.04rem;
    font-weight:700;
    margin-bottom:.4rem;
}
.novato-im-how-card p{
    margin:0;
    color:#475569;
    font-size:.92rem;
    line-height:1.5;
}

/* Hizmet Bedeli Şeffaflığı (Value section) */
.novato-im-value-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:.85rem;
    max-width:1080px;
    margin:0 auto;
}
.novato-im-value-card{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-left:3px solid #1e3a5f;
    border-radius:10px;
    padding:1.1rem 1.1rem 1rem;
    transition:transform .18s, box-shadow .18s, border-left-color .18s;
}
.novato-im-value-card:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(30,58,95,.08);
    border-left-color:#f59e0b;
}
.novato-im-value-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:10px;
    background:#1e3a5f;
    color:#fff;
    margin-bottom:.7rem;
}
.novato-im-value-card strong{
    display:block;
    color:#0f172a;
    font-size:.98rem;
    font-weight:700;
    margin-bottom:.3rem;
}
.novato-im-value-card p{
    margin:0;
    color:#475569;
    font-size:.88rem;
    line-height:1.5;
}
.novato-im-value-note{
    max-width:780px;
    margin:1.8rem auto 0;
    padding:1.1rem 1.3rem;
    background:#fffbeb;
    border-left:4px solid #f59e0b;
    border-radius:10px;
    color:#475569;
    font-size:.96rem;
    line-height:1.65;
    box-shadow:0 1px 3px rgba(245,158,11,.08);
}
.novato-im-value-note strong{
    color:#0f172a;
    display:block;
    margin-bottom:.25rem;
    font-size:1rem;
}

/* Hizmet Kapsamı */
.novato-im-scope-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.1rem;
}
.novato-im-scope-grid-single{
    grid-template-columns:1fr;
    max-width:760px;
    margin-left:auto;
    margin-right:auto;
}
.novato-im-scope-col{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:1.4rem 1.4rem 1.2rem;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
}
.novato-im-scope-col h4{
    margin:0 0 .9rem;
    font-size:1.05rem;
    font-weight:700;
    padding-bottom:.5rem;
    border-bottom:1px solid #f1f5f9;
}
.novato-im-scope-yes h4{color:#15803d;}
.novato-im-scope-no h4{color:#b91c1c;}
.novato-im-scope-col ul{
    list-style:none;
    padding:0;
    margin:0;
}
.novato-im-scope-col li{
    position:relative;
    padding:.42rem 0 .42rem 1.7rem;
    font-size:.94rem;
    color:#334155;
    border-bottom:1px dashed #f1f5f9;
}
.novato-im-scope-col li:last-child{border-bottom:none;}
.novato-im-scope-col li::before{
    position:absolute;
    left:0;
    top:.42rem;
    width:1.2rem;
    text-align:center;
    font-weight:700;
}
.novato-im-scope-yes li::before{content:'✓';color:#15803d;}
.novato-im-scope-no li::before{content:'✕';color:#b91c1c;}
.novato-im-scope-note{
    margin:.8rem 0 0;
    font-size:.85rem;
    color:#64748b;
    font-style:italic;
}

/* Ekosistemler */
.novato-im-eco-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1rem;
}
.novato-im-eco-grid-2{
    grid-template-columns:repeat(2, 1fr);
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
}
.novato-im-eco-compat{
    margin-top:1.4rem;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    font-size:.9rem;
}
.novato-im-eco-compat-label{
    color:#64748b;
    font-weight:600;
    margin-right:.2rem;
}
.novato-im-eco-chip{
    background:#f1f5f9;
    color:#1e3a5f;
    border:1px solid #e2e8f0;
    padding:.32rem .8rem;
    border-radius:999px;
    font-weight:600;
    font-size:.85rem;
}
.novato-im-eco-chip em{
    font-style:normal;
    color:#64748b;
    font-weight:500;
    font-size:.78rem;
}
.novato-im-eco-card{
    position:relative;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:1.7rem 1.4rem 1.4rem;
    box-shadow:0 1px 4px rgba(15,23,42,.04);
    text-align:left;
    transition:transform .18s, box-shadow .18s, border-color .18s;
    overflow:hidden;
}
.novato-im-eco-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:#1e3a5f;
}
.novato-im-eco-tuya::before{background:linear-gradient(90deg,#ff4800 0%,#ff6b35 100%);}
.novato-im-eco-ha::before{background:linear-gradient(90deg,#03a9f4 0%,#41bdf5 100%);}
.novato-im-eco-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(30,58,95,.10);
    border-color:#cbd5e1;
}
.novato-im-eco-badge{
    display:inline-block;
    background:#1e3a5f;
    color:#fff;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:.02em;
    padding:.34rem .85rem;
    border-radius:999px;
    margin-bottom:.95rem;
    box-shadow:0 2px 6px rgba(30,58,95,.18);
}
.novato-im-eco-tuya .novato-im-eco-badge{
    background:linear-gradient(135deg,#ff4800 0%,#ff6b35 100%);
    box-shadow:0 2px 8px rgba(255,72,0,.30);
}
.novato-im-eco-ha .novato-im-eco-badge{
    background:linear-gradient(135deg,#03a9f4 0%,#41bdf5 100%);
    box-shadow:0 2px 8px rgba(3,169,244,.30);
}
.novato-im-eco-card strong{
    display:block;
    color:#0f172a;
    font-size:1.02rem;
    margin-bottom:.45rem;
}
.novato-im-eco-card p{
    margin:0;
    color:#475569;
    font-size:.92rem;
    line-height:1.55;
}

/* SSS */
.novato-im-faq{
    max-width:880px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:.55rem;
}
.novato-im-faq details{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:0;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(15,23,42,.03);
    transition:box-shadow .15s, border-color .15s;
}
.novato-im-faq details[open]{
    border-color:#cbd5e1;
    box-shadow:0 4px 14px rgba(30,58,95,.08);
}
.novato-im-faq summary{
    cursor:pointer;
    list-style:none;
    padding:.95rem 2.6rem .95rem 1.1rem;
    font-weight:600;
    color:#1e3a5f;
    font-size:.98rem;
    position:relative;
    user-select:none;
    transition:background .15s;
}
.novato-im-faq summary::-webkit-details-marker{display:none;}
.novato-im-faq summary:hover{background:#f8fafc;}
.novato-im-faq summary::after{
    content:'+';
    position:absolute;
    right:1.1rem;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border-radius:50%;
    background:#f1f5f9;
    color:#1e3a5f;
    font-weight:700;
    font-size:1.1rem;
    line-height:24px;
    text-align:center;
    transition:transform .2s, background .15s;
}
.novato-im-faq details[open] summary{
    background:#f8fafc;
    border-bottom:1px solid #f1f5f9;
}
.novato-im-faq details[open] summary::after{
    content:'−';
    background:#1e3a5f;
    color:#fff;
}
.novato-im-faq details > div{
    padding:.95rem 1.2rem 1.1rem;
    color:#475569;
    font-size:.94rem;
    line-height:1.6;
}

/* Akıllı Villa Showcase (accordion + ürün grid) */
.novato-im-showcase{
    max-width:1080px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:.65rem;
}
.novato-im-showcase > details{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(15,23,42,.04);
    transition:box-shadow .18s, border-color .18s;
}
.novato-im-showcase > details[open]{
    border-color:#cbd5e1;
    box-shadow:0 6px 20px rgba(30,58,95,.08);
}
.novato-im-showcase summary{
    cursor:pointer;
    list-style:none;
    padding:1rem 2.8rem 1rem 1.2rem;
    font-weight:700;
    color:#1e3a5f;
    font-size:1.02rem;
    position:relative;
    user-select:none;
    display:flex;
    align-items:center;
    gap:.7rem;
    transition:background .15s;
}
.novato-im-showcase summary::-webkit-details-marker{display:none;}
.novato-im-showcase summary:hover{background:#f8fafc;}
.novato-im-showcase-room-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:9px;
    background:#f1f5f9;
    color:#1e3a5f;
    flex-shrink:0;
    transition:background .18s, color .18s;
}
.novato-im-showcase > details[open] summary{
    background:#f8fafc;
    border-bottom:1px solid #f1f5f9;
}
.novato-im-showcase > details[open] .novato-im-showcase-room-ico{
    background:#1e3a5f;
    color:#fff;
}
.novato-im-showcase summary::after{
    content:'+';
    position:absolute;
    right:1.1rem;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:#f1f5f9;
    color:#1e3a5f;
    font-weight:700;
    font-size:1.15rem;
    line-height:26px;
    text-align:center;
    transition:background .15s, color .15s;
}
.novato-im-showcase > details[open] summary::after{
    content:'\2212';
    background:#1e3a5f;
    color:#fff;
}
.novato-im-showcase-body{
    padding:1.1rem 1.2rem 1.3rem;
}
.novato-im-showcase-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:.8rem;
    margin-bottom:1rem;
}
.novato-im-showcase-item{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:.95rem 1rem .85rem;
    transition:transform .15s, box-shadow .15s, border-color .15s;
}
.novato-im-showcase-item:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(30,58,95,.08);
    border-color:#cbd5e1;
}
.novato-im-showcase-item .ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:8px;
    background:#1e3a5f;
    color:#fff;
    margin-bottom:.55rem;
}
.novato-im-showcase-item strong{
    display:block;
    color:#0f172a;
    font-size:.93rem;
    font-weight:700;
    margin-bottom:.25rem;
    line-height:1.35;
}
.novato-im-showcase-item p{
    margin:0;
    color:#475569;
    font-size:.85rem;
    line-height:1.5;
}
.novato-im-showcase-scenario{
    margin:0;
    padding:.85rem 1.1rem;
    background:#fffbeb;
    border-left:4px solid #f59e0b;
    border-radius:8px;
    color:#475569;
    font-size:.92rem;
    line-height:1.6;
}
.novato-im-showcase-scenario strong{
    color:#0f172a;
}

/* Kapanış CTA */
.novato-im-final-cta{
    text-align:center;
    background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);
    border-radius:16px;
    padding:2.4rem 1.5rem;
    color:#fff;
    box-shadow:0 10px 30px rgba(30,58,95,.18);
}
.novato-im-final-cta h3{
    margin:0 0 .4rem;
    font-size:1.45rem;
    font-weight:700;
    color:#fff;
    letter-spacing:-.01em;
}
.novato-im-final-cta p{
    margin:0 auto 1.3rem;
    color:#cbd5e1;
    max-width:560px;
    font-size:.98rem;
}
.novato-im-final-btn{
    display:inline-block;
    background:#f59e0b;
    color:#0f172a !important;
    font-weight:700;
    text-decoration:none !important;
    padding:.85rem 1.8rem;
    border-radius:10px;
    font-size:1rem;
    transition:transform .15s, box-shadow .15s, background .15s;
    box-shadow:0 4px 14px rgba(245,158,11,.35);
}
.novato-im-final-btn:hover{
    background:#fbbf24;
    color:#0f172a !important;
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(245,158,11,.45);
}

/* Responsive */
@media (max-width:960px){
    .novato-im-how-grid{grid-template-columns:repeat(2, 1fr);}
    .novato-im-why-grid{grid-template-columns:repeat(3, 1fr);gap:.7rem;}
    .novato-im-value-grid{grid-template-columns:repeat(2, 1fr);}
    .novato-im-showcase-grid{grid-template-columns:repeat(2, 1fr);}
    .novato-im-eco-grid,
    .novato-im-eco-grid-2{grid-template-columns:1fr;}
}
@media (max-width:720px){
    .novato-im-service-wrap > section{margin-top:40px;}
    .novato-im-sec-title{font-size:1.32rem;gap:.5rem;}
    .novato-im-title-line{width:28px;}
    .novato-im-sec-sub{font-size:.92rem;margin-bottom:1.4rem;}
    .novato-im-scope-grid{grid-template-columns:1fr;}
    .novato-im-why-grid{grid-template-columns:1fr;}
    .novato-im-hero-accent{white-space:normal;}
}
@media (max-width:480px){
    .novato-im-how-grid{grid-template-columns:1fr;}
    .novato-im-value-grid{grid-template-columns:1fr;}
    .novato-im-showcase-grid{grid-template-columns:1fr;}
}

/* === Sıkça Kurulan Otomasyon Senaryoları === */
.novato-im-scenarios-section{margin:48px 0;}
.novato-im-scenarios-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:16px;
    margin-top:24px;
}
.novato-im-scenario-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:14px;
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.novato-im-scenario-card:hover{
    box-shadow:0 10px 28px rgba(0,0,0,.07);
    transform:translateY(-2px);
    border-color:#fed7aa;
}
.novato-im-scenario-card--accent{
    border-color:#fdba74;
    background:linear-gradient(180deg, #fffaf0 0%, #ffffff 60%);
}
.novato-im-scenario-head{
    display:flex;
    gap:12px;
    align-items:flex-start;
}
.novato-im-scenario-ico{
    flex:0 0 auto;
    width:40px;
    height:40px;
    border-radius:10px;
    background:linear-gradient(135deg, #ff9100, #ff6a00);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 4px 10px rgba(255,106,0,.25);
}
.novato-im-scenario-card--accent .novato-im-scenario-ico{
    background:linear-gradient(135deg, #ef4444, #b91c1c);
    box-shadow:0 4px 10px rgba(185,28,28,.25);
}
.novato-im-scenario-title{
    font-size:15px;
    line-height:1.4;
    color:#111827;
    font-weight:700;
    flex:1;
}
.novato-im-scenario-title em{
    color:#b91c1c;
    font-style:normal;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-left:4px;
    white-space:nowrap;
}
.novato-im-scenario-card p{
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:#374151;
}
.novato-im-scenario-stack{
    background:#fafbfc;
    border:1px dashed #e5e7eb;
    border-radius:10px;
    padding:12px 14px;
}
.novato-im-scenario-label{
    display:block;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#6b7280;
    margin-bottom:8px;
}
.novato-im-scenario-stack ul{
    margin:0;
    padding-left:18px;
    font-size:13px;
    line-height:1.6;
    color:#374151;
}
.novato-im-scenario-stack li{
    margin:3px 0;
}
.novato-im-scenarios-note{
    margin:24px 0 0;
    padding:16px 18px;
    background:linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border:1px solid #fed7aa;
    border-radius:12px;
    font-size:14px;
    line-height:1.6;
    color:#7c2d12;
}
.novato-im-scenarios-note strong{
    color:#9a3412;
}
.novato-im-scenarios-note a{
    color:#c2410c;
    font-weight:600;
    text-decoration:underline;
}
.novato-im-scenarios-note a:hover{
    color:#9a3412;
}
@media (max-width:640px){
    .novato-im-scenarios-grid{grid-template-columns:1fr;}
}


/* Çapraz form yönlendirmesi (talep <-> kurulumcu başvurusu) */
.novato-im-crosslink{
    margin:-1rem 0 1.5rem;
    padding:10px 14px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    border-radius:10px;
    font-size:.88rem;
    color:#475569;
}
.novato-im-crosslink a{
    color:#0066cc;
    font-weight:600;
    text-decoration:none;
}
.novato-im-crosslink a:hover{text-decoration:underline}
.novato-im-crosslink span{color:#94a3b8;font-size:.82rem}

/* "Yanlış form" uyarısı — engellemez, yönlendirir */
.novato-im-wrongform{
    margin:0 0 1rem;
    padding:12px 14px;
    background:linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border:1px solid #fed7aa;
    border-radius:10px;
    font-size:.88rem;
    line-height:1.55;
    color:#7c2d12;
}
.novato-im-wrongform strong{display:block;color:#9a3412;margin-bottom:2px}
.novato-im-wrongform a{color:#c2410c;font-weight:600;text-decoration:underline}

/* Servis sayfası (harita + yan form) bağlamında talep formunun tanıtım
   bloğu gizlenir: sayfanın kendi hero'su ve "Kurulum hizmeti verebilir
   misiniz?" kartı zaten var; burada sağ sütunu gereksiz uzatıyordu. */
.novato-im-side-form .novato-im-request > h2,
.novato-im-side-form .novato-im-request > .novato-im-intro,
.novato-im-side-form .novato-im-request > .novato-im-crosslink{
    display:none;
}

/* Hizmet listesi altındaki not: .novato-im-help alan-altı ipuçları için
   negatif üst boşluk taşıyor (margin-top:-.4rem); burada "Hizmetlerimi
   Güncelle" butonunun üstüne biniyordu. Bu blokta normal boşluk. */
.novato-im-services-editor .novato-im-help{
    margin-top:.9rem;
}