/* =========================================================
   FİYATOMATİK • KAŞİF UI V3-A4
   HEDEF(10)
   ========================================================= */

html,
body.kasif-v3-active {
    background:#f4f8fd !important;
}

body.kasif-v3-active {
    margin:0 !important;
}

/* ---------------------------------------------------------
   KAŞİF PAGE: REMOVE OLD SHELL VISUALLY
   --------------------------------------------------------- */

body.kasif-v3-active .piyasa-sidebar,
body.kasif-v3-active aside.piyasa-sidebar,
body.kasif-v3-active .piyasa-shell-sidebar,
body.kasif-v3-active .piyasa-topbar,
body.kasif-v3-active .piyasa-product-context,
body.kasif-v3-active #piyasa-product-context,
body.kasif-v3-active [data-piyasa-kasif-root],
body.kasif-v3-active .piyasa-kasif,
body.kasif-v3-active .piyasa-breadcrumb,
body.kasif-v3-active .breadcrumbs {
    display:none !important;
}

body.kasif-v3-active .piyasa-shell,
body.kasif-v3-active .piyasa-layout,
body.kasif-v3-active .piyasa-main,
body.kasif-v3-active main.piyasa-main,
body.kasif-v3-active .piyasa-content {
    margin-left:0 !important;
    padding-left:0 !important;
    width:100% !important;
    max-width:none !important;
}

/* ---------------------------------------------------------
   TOP NAV
   --------------------------------------------------------- */

.kasif-v3-topnav {
    width:100%;
    height:76px;
    padding:7px 30px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border-bottom:1px solid #e4ebf4;
    box-shadow:0 3px 14px rgba(25,61,107,.04);
}

.kasif-v3-logo {
    flex:0 0 188px;
    display:flex;
    align-items:center;
}

.kasif-v3-logo img {
    display:block;
    width:184px;
    height:auto;
    max-height:54px;
    object-fit:contain;
}

.kasif-v3-engines {
    flex:1;
    min-width:0;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:7px;
}

.kasif-v3-engine {
    min-width:68px;
    height:58px;
    padding:5px 8px;
    box-sizing:border-box;
    border:1px solid #dfe8f3;
    border-radius:13px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    text-decoration:none;
    color:#0d2854;
    background:#f7fbff;
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}

.kasif-v3-engine:nth-child(2) {background:#fff8ef;}
.kasif-v3-engine:nth-child(3) {background:#f5efff;}
.kasif-v3-engine:nth-child(4) {background:#ecfbf5;}
.kasif-v3-engine:nth-child(5) {background:#fff1f1;}
.kasif-v3-engine:nth-child(6) {background:#fff7e8;}
.kasif-v3-engine:nth-child(7) {background:#eef7ff;}
.kasif-v3-engine:nth-child(8) {background:#f5f0ff;}
.kasif-v3-engine:nth-child(9) {background:#f3f2ff;}
.kasif-v3-engine:nth-child(10){background:#fff1f1;}

.kasif-v3-engine.is-active {
    border-color:#cfc3ff;
    background:#efe9ff;
    color:#5523c9;
    box-shadow:0 5px 14px rgba(91,57,190,.09);
}

.kasif-v3-engine-icon {
    width:26px;
    height:26px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.72);
    font-size:15px;
    font-weight:900;
}

.kasif-v3-actions {
    flex:0 0 auto;
    display:flex;
    gap:8px;
}

.kasif-v3-action {
    height:44px;
    padding:0 16px;
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:12px;
    border:1px solid #dce8f5;
    background:#eef7ff;
    color:#0755bb;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}

.kasif-v3-action:nth-child(2) {
    background:#effbf6;
    color:#07835e;
}

.kasif-v3-action:nth-child(3) {
    background:#f6f0ff;
    color:#6723cf;
}


/* ---------------------------------------------------------
   MAIN WIDTH
   --------------------------------------------------------- */

.kasif-v3 {
    width:calc(100% - 64px);
    max-width:1510px;
    margin:0 auto !important;
    padding:14px 0 28px !important;
    box-sizing:border-box;
    color:#102854;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.kasif-v3-hero {
    min-height:235px;
    border-radius:17px;
    overflow:hidden;
    position:relative;
    background:
      linear-gradient(
        90deg,
        rgba(0,88,146,.97) 0%,
        rgba(10,95,170,.87) 34%,
        rgba(36,98,177,.35) 67%,
        rgba(255,220,219,.13) 100%
      ),
      url("https://fiyatomatik.com/wp-content/uploads/2026/09/ChatGPT-Image-22-Eyl-2026-10_26_57.png")
      center / cover no-repeat;
    box-shadow:0 12px 32px rgba(23,65,112,.08);
}

.kasif-v3-hero-inner {
    min-height:235px;
    padding:20px 22px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:minmax(0,1fr) 285px;
    gap:24px;
}

.kasif-v3-hero-main {
    max-width:930px;
    justify-content:center;
}

.kasif-v3-title-row {
    gap:18px;
}

.kasif-v3-mark {
    width:76px;
    height:76px;
    flex-basis:76px;
    border-radius:18px;
    font-size:36px;
}

.kasif-v3-eyebrow {
    font-size:14px;
    letter-spacing:.02em;
}

.kasif-v3-title {
    font-size:52px;
}

.kasif-v3-description {
    max-width:760px;
    margin-top:12px;
    font-size:14px;
    line-height:1.5;
}

.kasif-v3-benefits {
    margin-top:16px;
    gap:28px;
    font-size:12px;
}

.kasif-v3-hero-side {
    gap:8px;
}

.kasif-v3-live-card {
    padding:11px 15px;
    border-radius:13px;
}

.kasif-v3-health-card {
    padding:11px 5px;
    border-radius:13px;
}

.kasif-v3-health strong {
    font-size:19px;
}


/* ---------------------------------------------------------
   FILTERS
   --------------------------------------------------------- */

.kasif-v3-filters {
    margin-top:14px;
    padding:11px 14px;
    grid-template-columns:
        1fr 1fr 1fr 1fr 1fr 205px;
    gap:12px;
    border-radius:14px;
}

.kasif-v3-field label {
    margin-bottom:5px;
    font-size:12px;
}

.kasif-v3-control {
    height:40px;
    border-radius:9px;
    font-size:12px;
}

.kasif-v3-discover {
    height:53px;
    border-radius:10px;
}


/* ---------------------------------------------------------
   KPI
   --------------------------------------------------------- */

.kasif-v3-kpis {
    margin-top:14px;
    gap:14px;
}

.kasif-v3-kpi {
    min-height:86px;
    padding:13px 15px;
    grid-template-columns:48px 1fr auto;
    border-radius:14px;
}

.kasif-v3-kpi-icon {
    width:48px;
    height:48px;
    border-radius:12px;
}

.kasif-v3-kpi-value {
    font-size:28px;
}


/* ---------------------------------------------------------
   LOWER AREA
   --------------------------------------------------------- */

.kasif-v3-workspace {
    margin-top:16px;
    grid-template-columns:365px minmax(0,1fr);
    gap:16px;
}

.kasif-v3-panel {
    border-radius:14px;
}

.kasif-v3-panel-head,
.kasif-v3-candidates-head {
    padding:14px 17px 11px;
}

.kasif-v3-panel-head h2,
.kasif-v3-candidates-head h2 {
    font-size:19px;
}

.kasif-v3-signal-list {
    padding:8px 17px 8px;
}

.kasif-v3-signal {
    padding:8px 3px;
}

.kasif-v3-signal-more {
    margin:6px 17px 13px;
}

.kasif-v3-products {
    padding:12px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.kasif-v3-product {
    min-height:290px;
    padding:12px;
    border-radius:13px;
}

.kasif-v3-product-placeholder {
    height:94px;
}

.kasif-v3-design-note {
    margin:0 12px 11px;
}


/* ---------------------------------------------------------
   REMOVE PAGE BOTTOM LEFTOVERS
   --------------------------------------------------------- */

body.kasif-v3-active footer:not(.kasif-v3-keep-footer),
body.kasif-v3-active .piyasa-selected-product,
body.kasif-v3-active [class*="selected-product"] {
    display:none !important;
}

@media (max-width:1350px) {
    .kasif-v3-topnav {
        padding-left:18px;
        padding-right:18px;
        gap:10px;
    }

    .kasif-v3-logo {
        flex-basis:160px;
    }

    .kasif-v3-logo img {
        width:156px;
    }

    .kasif-v3-engine {
        min-width:58px;
        padding-left:5px;
        padding-right:5px;
        font-size:9px;
    }

    .kasif-v3-action {
        padding:0 10px;
        font-size:10px;
    }
}

/* =========================================================
   V3-A4.1 COMPLETE COMPONENT FOUNDATION
   Required because A4 replaced A2 instead of extending it.
   ========================================================= */

.kasif-v3,
.kasif-v3 * {
    box-sizing:border-box;
}

.kasif-v3 {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
}

/* HERO */

.kasif-v3-hero-inner {
    display:grid !important;
}

.kasif-v3-hero-main {
    display:flex;
    flex-direction:column;
}

.kasif-v3-title-row {
    display:flex;
    align-items:center;
}

.kasif-v3-mark {
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#082858;
    font-weight:900;
    box-shadow:0 8px 22px rgba(3,39,86,.12);
}

.kasif-v3-eyebrow {
    color:#fff;
    font-weight:700;
}

.kasif-v3-title {
    margin:2px 0 0;
    color:#fff;
    line-height:1;
    font-weight:900;
}

.kasif-v3-description {
    margin-bottom:0;
    color:#fff;
    font-weight:500;
}

.kasif-v3-benefits {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    color:#fff;
    font-weight:700;
}

.kasif-v3-benefit {
    display:flex;
    align-items:center;
    gap:8px;
}

.kasif-v3-benefit-icon {
    color:#ffd64a;
    font-size:20px;
}

.kasif-v3-hero-side {
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.kasif-v3-live-card,
.kasif-v3-health-card {
    background:rgba(255,255,255,.93);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 8px 22px rgba(22,56,97,.09);
}

.kasif-v3-live-line {
    display:flex;
    align-items:center;
    gap:7px;
    color:#0bae7e;
    font-weight:900;
    font-size:14px;
}

.kasif-v3-live-dot {
    width:10px;
    height:10px;
    border-radius:50%;
    background:#12bf8b;
}

.kasif-v3-live-sub {
    margin:4px 0 0 17px;
    color:#172d50;
    font-size:11px;
    font-weight:700;
}

.kasif-v3-health-card {
    display:grid;
    grid-template-columns:repeat(3,1fr);
}

.kasif-v3-health {
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    text-align:center;
    border-right:1px solid #e4eaf2;
    color:#17315d;
}

.kasif-v3-health:last-child {
    border-right:0;
}

.kasif-v3-health-icon {
    font-size:22px;
    color:#0876dc;
}

.kasif-v3-health strong {
    line-height:1;
    color:#0a285c;
}

.kasif-v3-health span:last-child {
    font-size:10px;
    font-weight:700;
}

/* FILTER CENTER */

.kasif-v3-filters {
    display:grid !important;
    align-items:end;
    background:#fff;
    border:1px solid #e1e8f1;
    box-shadow:0 8px 24px rgba(29,66,110,.05);
}

.kasif-v3-field {
    min-width:0;
}

.kasif-v3-field label {
    display:block;
    color:#102750;
    font-weight:850;
}

.kasif-v3-control {
    width:100%;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #d7e2ef;
    background:#fff;
    color:#102750;
    font-weight:750;
}

.kasif-v3-control-icon {
    color:#0876dc;
    font-size:15px;
}

.kasif-v3-control-text {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.kasif-v3-chevron {
    margin-left:auto;
    color:#173d74;
}

.kasif-v3-discover {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    color:#fff;
    background:linear-gradient(135deg,#08a78d,#0cc5b7);
    box-shadow:0 8px 18px rgba(0,166,145,.15);
}

.kasif-v3-discover-icon {
    font-size:24px;
}

.kasif-v3-discover strong,
.kasif-v3-discover small {
    display:block;
}

.kasif-v3-discover strong {
    font-size:17px;
}

.kasif-v3-discover small {
    margin-top:1px;
    font-size:10px;
}

/* KPI CARDS */

.kasif-v3-kpis {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.kasif-v3-kpi {
    display:grid !important;
    align-items:center;
    gap:12px;
    border:1px solid #dbe8e3;
    background:linear-gradient(135deg,#effdf7,#e9fbf4);
}

.kasif-v3-kpi:nth-child(2) {
    border-color:#d9e8f8;
    background:linear-gradient(135deg,#f1f8ff,#eaf5ff);
}

.kasif-v3-kpi:nth-child(3) {
    border-color:#f2dfc7;
    background:linear-gradient(135deg,#fff8ef,#fff1df);
}

.kasif-v3-kpi:nth-child(4) {
    border-color:#e5d9f4;
    background:linear-gradient(135deg,#faf5ff,#f3eaff);
}

.kasif-v3-kpi-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.72);
    color:#078e70;
    font-size:23px;
    font-weight:900;
}

.kasif-v3-kpi:nth-child(2) .kasif-v3-kpi-icon {
    color:#0876dc;
}

.kasif-v3-kpi:nth-child(3) .kasif-v3-kpi-icon {
    color:#ef6a16;
}

.kasif-v3-kpi:nth-child(4) .kasif-v3-kpi-icon {
    color:#7925d8;
}

.kasif-v3-kpi-label {
    color:#13315c;
    font-size:12px;
    font-weight:850;
}

.kasif-v3-kpi-value {
    margin-top:2px;
    color:#082858;
    line-height:1;
    font-weight:900;
}

.kasif-v3-kpi-note {
    align-self:end;
    padding-bottom:2px;
    color:#6d7e96;
    font-size:10px;
    text-align:right;
}

/* LOWER WORKSPACE */

.kasif-v3-workspace {
    display:grid !important;
    align-items:stretch;
}

.kasif-v3-panel {
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #e0e7f0;
    box-shadow:0 8px 24px rgba(29,66,110,.045);
}

.kasif-v3-panel-head,
.kasif-v3-candidates-head {
    border-bottom:1px solid #e7edf4;
}

.kasif-v3-panel-head h2,
.kasif-v3-candidates-head h2 {
    margin:0;
    color:#102750;
    font-weight:900;
}

.kasif-v3-panel-head p,
.kasif-v3-candidates-head p {
    margin:3px 0 0;
    color:#6b7b93;
    font-size:11px;
}

.kasif-v3-candidates-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.kasif-v3-view-tools {
    display:flex;
    align-items:center;
    gap:7px;
}

.kasif-v3-sort,
.kasif-v3-view {
    height:34px;
    border:1px solid #dce5ef;
    border-radius:9px;
    background:#fff;
    color:#183b6c;
    font-weight:750;
}

.kasif-v3-sort {
    padding:0 12px;
    font-size:10px;
}

.kasif-v3-view {
    width:36px;
}

.kasif-v3-signal-list {
    display:flex;
    flex-direction:column;
}

.kasif-v3-signal {
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:10px;
    border-bottom:1px solid #edf1f5;
}

.kasif-v3-signal:last-child {
    border-bottom:0;
}

.kasif-v3-signal-icon {
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:#fff0f0;
    color:#df3340;
    font-weight:900;
}

.kasif-v3-signal:nth-child(2) .kasif-v3-signal-icon {
    background:#fff3e7;
    color:#ef741c;
}

.kasif-v3-signal:nth-child(3) .kasif-v3-signal-icon {
    background:#edf6ff;
    color:#0876dc;
}

.kasif-v3-signal:nth-child(4) .kasif-v3-signal-icon {
    background:#eafbf4;
    color:#08a97c;
}

.kasif-v3-signal strong,
.kasif-v3-signal small {
    display:block;
}

.kasif-v3-signal strong {
    color:#17315d;
    font-size:12px;
}

.kasif-v3-signal small {
    margin-top:2px;
    color:#75859a;
    font-size:10px;
}

.kasif-v3-signal-state {
    color:#76869a;
    font-weight:850;
}

.kasif-v3-signal-more {
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f6f9fd;
    color:#0870d2;
    font-size:11px;
    font-weight:850;
}

/* PRODUCT GRID */

.kasif-v3-products {
    display:grid !important;
}

.kasif-v3-product {
    min-width:0;
    position:relative;
    display:flex;
    flex-direction:column;
    border:1px solid #dde6ef;
    background:#fff;
}

.kasif-v3-score,
.kasif-v3-signal-tag {
    position:absolute;
    top:12px;
    z-index:2;
    border-radius:7px;
    font-size:10px;
    font-weight:900;
}

.kasif-v3-score {
    left:12px;
    padding:6px 8px;
    background:#0caf94;
    color:#fff;
}

.kasif-v3-signal-tag {
    right:12px;
    padding:5px 8px;
    background:#f3e9ff;
    color:#7625c7;
}

.kasif-v3-product-placeholder {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#a4afbd;
    font-size:25px;
}

.kasif-v3-product h3 {
    margin:5px 0 0;
    color:#102750;
    font-size:12px;
    line-height:1.35;
}

.kasif-v3-product-category {
    margin-top:4px;
    color:#77869b;
    font-size:10px;
}

.kasif-v3-product-lines {
    margin-top:10px;
    display:flex;
    flex-direction:column;
    gap:4px;
    color:#3c526f;
    font-size:10px;
}

.kasif-v3-product-actions {
    margin-top:auto;
    padding-top:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}

.kasif-v3-product-actions span {
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dbe5ef;
    border-radius:8px;
    color:#076cc9;
    font-size:10px;
    font-weight:850;
}

/* no breadcrumb */
body.kasif-v3-active .piyasa-breadcrumb,
body.kasif-v3-active .breadcrumb,
body.kasif-v3-active [class*="breadcrumb"] {
    display:none !important;
}

/* no legacy bottom context/footer */
body.kasif-v3-active #piyasa-product-context,
body.kasif-v3-active .piyasa-product-context,
body.kasif-v3-active .piyasa-kasif-disclaimer {
    display:none !important;
}

@media (max-width:1200px) {
    .kasif-v3-filters {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .kasif-v3-kpis {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .kasif-v3-workspace {
        grid-template-columns:1fr;
    }
}