/* ==========================================================================
   FIRAT MAKİNA / EGE B2B
   Otomotiv yedek parça B2B portalı — referans ekranlara göre açık tema
   ========================================================================== */

:root {
    --ft-red: #d71920;
    --ft-red-dark: #a90f16;
    --ft-red-soft: #fdecec;
    --ft-ink: #20242a;
    --ft-ink-2: #343b44;
    --ft-navy: #0d4f8b;
    --ft-blue: #1373c7;
    --ft-blue-soft: #eaf3fb;
    --ft-green: #1f9d55;
    --ft-green-soft: #e8f7ee;
    --ft-yellow: #ffe27a;
    --ft-yellow-soft: #fff5c7;
    --ft-bg: #eef1f4;
    --ft-panel: #ffffff;
    --ft-line: #d8dee5;
    --ft-line-2: #e8ecf0;
    --ft-muted: #6f7883;
    --ft-muted-2: #98a1ab;
    --ft-radius: 6px;
    --ft-radius-sm: 4px;
    --ft-shadow: 0 1px 2px rgba(22, 30, 40, .06);
    --ft-shadow-lg: 0 14px 40px rgba(22, 30, 40, .12);
    --ft-font: "Inter", "Segoe UI", Arial, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body.firat-theme {
    margin: 0;
    background: var(--ft-bg);
    color: var(--ft-ink);
    font-family: var(--ft-font);
    font-size: 13px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body.firat-theme h1,
body.firat-theme h2,
body.firat-theme h3,
body.firat-theme h4,
body.firat-theme h5,
body.firat-theme h6 {
    font-family: var(--ft-font);
    color: var(--ft-ink);
    margin-top: 0;
}

body.firat-theme a {
    color: var(--ft-blue);
    text-decoration: none;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

body.firat-theme a:hover,
body.firat-theme a:focus {
    color: var(--ft-red);
    text-decoration: none;
}

body.firat-theme ::selection {
    background: var(--ft-red);
    color: #fff;
}

body.firat-theme :focus-visible {
    outline: 2px solid var(--ft-red);
    outline-offset: 2px;
}

body.firat-theme ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.firat-theme ::-webkit-scrollbar-track {
    background: #e5e9ee;
}

body.firat-theme ::-webkit-scrollbar-thumb {
    background: #b4bec9;
    border-radius: 10px;
    border: 2px solid #e5e9ee;
}

body.firat-theme ::-webkit-scrollbar-thumb:hover {
    background: #8e9aa7;
}

.ft-page {
    min-height: 100vh;
    background: var(--ft-bg);
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

/* ==========================================================================
   ÜST BİLGİ ÇUBUĞU
   ========================================================================== */

.ft-topbar {
    height: 32px;
    background: #22262c;
    color: #b9c1ca;
    font-size: 10.5px;
    letter-spacing: .015em;
}

.ft-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
}

.ft-topbar__left,
.ft-topbar__right {
    display: flex;
    align-items: center;
    gap: 14px;
    white-space: nowrap;
}

.ft-topbar i {
    color: #d7dde4;
    margin-right: 4px;
}

.ft-topbar a {
    color: #c8d0d9;
}

.ft-topbar a:hover {
    color: #fff;
}

.ft-topbar__sep {
    color: #4a515a;
}

.ft-topbar__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 3px;
    padding: 2px 7px;
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ft-topbar__badge i {
    color: #ffd75e;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.ft-site-head {
    position: relative;
    z-index: 40;
}

.ft-header-bar {
    background: #fff;
    border-bottom: 1px solid var(--ft-line);
    box-shadow: 0 2px 10px rgba(22, 30, 40, .035);
}

.ft-header-bar__inner {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 86px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ft-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
    color: var(--ft-ink) !important;
}

.ft-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    background: linear-gradient(145deg, #e5252b, #b70e15);
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.04em;
    box-shadow: 0 4px 12px rgba(215, 25, 32, .24);
}

.ft-brand__name {
    display: block;
    color: var(--ft-ink);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ft-brand__name small {
    display: block;
    margin-top: 5px;
    color: var(--ft-muted);
    font-size: 8.5px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ft-headsearch {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    max-width: 610px;
    height: 44px;
    padding-left: 14px;
    border: 2px solid var(--ft-line);
    border-radius: 6px;
    background: #f7f9fb;
    color: var(--ft-muted);
    font-size: 12px;
}

.ft-headsearch:hover {
    border-color: var(--ft-red);
    background: #fff;
    color: var(--ft-muted);
}

.ft-headsearch > i {
    color: #8d97a2;
    font-size: 15px;
}

.ft-headsearch > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ft-headsearch > b {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-left: auto;
    padding: 0 24px;
    border-radius: 0 4px 4px 0;
    background: var(--ft-red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
}

.ft-headsearch:hover > b {
    background: var(--ft-red-dark);
}

.ft-header-actions {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.ft-headaction {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--ft-ink) !important;
}

.ft-headaction:hover {
    border-color: var(--ft-line);
    background: #f7f9fb;
    color: var(--ft-ink) !important;
}

.ft-headaction > i {
    color: var(--ft-red);
    font-size: 19px;
    line-height: 1;
}

.ft-headaction > span {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--ft-ink);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.ft-headaction small {
    display: block;
    overflow: hidden;
    max-width: 120px;
    color: var(--ft-muted);
    font-size: 9.5px;
    font-weight: 400;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.ft-headaction--cart > i {
    color: var(--ft-blue);
}

.ft-userbox {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-left: 8px;
    padding-left: 14px;
    border-left: 1px solid var(--ft-line);
    min-height: 38px;
}

.ft-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eef2f6;
    color: #7c8793;
    font-size: 14px;
}

.ft-userbox strong {
    display: block;
    overflow: hidden;
    max-width: 150px;
    color: var(--ft-ink);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ft-userbox small {
    display: block;
    overflow: hidden;
    max-width: 150px;
    color: var(--ft-muted);
    font-size: 9.5px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ft-currency {
    min-width: 66px;
    margin-left: 6px;
    padding-left: 12px;
    border-left: 1px solid var(--ft-line);
    color: var(--ft-muted);
    font-size: 9.5px;
    font-weight: 600;
    line-height: 1.45;
    text-align: right;
}

#mini-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    list-style: none;
}

#mini-nav > li {
    list-style: none;
}

/* ==========================================================================
   ANA NAVİGASYON
   ========================================================================== */

#cssmenu {
    position: relative;
    z-index: 35;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    background: var(--ft-red);
    box-shadow: 0 2px 7px rgba(28, 34, 42, .16);
}

#cssmenu > ul {
    display: flex;
    align-items: stretch;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#cssmenu > ul > li {
    position: relative;
    margin: 0;
    padding: 0;
}

#cssmenu > ul > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 18px;
    border-right: 1px solid rgba(255, 255, 255, .13);
    color: #fff !important;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
}

#cssmenu > ul > li > a i {
    width: 15px;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    text-align: center;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:hover {
    background: rgba(0, 0, 0, .18);
    color: #fff !important;
}

#cssmenu ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 120;
    display: none;
    min-width: 230px;
    margin: 0;
    padding: 6px 0;
    border: 1px solid var(--ft-line);
    border-top: 3px solid var(--ft-red);
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(30, 38, 48, .16);
    list-style: none;
}

#cssmenu li:hover > ul {
    display: block;
}

#cssmenu ul ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cssmenu ul ul li a {
    display: block;
    padding: 8px 14px;
    color: #3d4651 !important;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.35;
    text-transform: none;
    white-space: nowrap;
}

#cssmenu ul ul li a:hover,
#cssmenu ul ul li:hover > a {
    background: #f4f7fa;
    color: var(--ft-red) !important;
}

/* ==========================================================================
   MARKA ŞERİDİ / BANNER
   ========================================================================== */

.ft-banner,
#Banner.ft-banner {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--ft-line);
    background: #fff;
}

.ft-brandstrip {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 54px;
    margin: 0 auto;
    padding: 8px 20px;
}

.ft-brandstrip__label {
    flex: 0 0 auto;
    padding-right: 18px;
    border-right: 1px solid var(--ft-line);
    color: var(--ft-muted);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ft-brandstrip img {
    display: block;
    width: auto;
    max-width: calc(100% - 170px);
    height: 34px;
    object-fit: contain;
}

#reklam {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

#reklam marquee,
.ft-marquee {
    display: block;
    width: 100%;
    background: #fff;
}

/* ==========================================================================
   SAYFA / İÇERİK
   ========================================================================== */

.dashboard-container {
    background: linear-gradient(180deg, #f7f9fb 0, var(--ft-bg) 260px);
}

.dashboard-container > .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.dashboard-wrapper-lg {
    padding: 18px 0 34px;
}

.ft-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 12px;
}

.ft-page-head h1 {
    margin: 0;
    color: var(--ft-ink);
    font-size: 19px;
    font-weight: 750;
    letter-spacing: -.015em;
}

.ft-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    color: var(--ft-muted);
    font-size: 10.5px;
}

.ft-breadcrumb a {
    color: var(--ft-muted);
}

.ft-breadcrumb a:hover {
    color: var(--ft-red);
}

.ft-breadcrumb i {
    color: #b3bcc6;
    font-size: 9px;
}

.ft-page-head__meta {
    color: var(--ft-muted);
    font-size: 10.5px;
    white-space: nowrap;
}

/* ==========================================================================
   ARAMA PANELİ
   ========================================================================== */

#aramasecenekleri {
    margin: 0 0 14px;
    padding: 14px 15px 4px;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

#aramasecenekleri .form-group {
    margin-bottom: 9px;
}

#aramasecenekleri .form-control {
    height: 34px;
    padding: 6px 10px;
    font-size: 11.5px;
}

#aramasecenekleri .btn {
    height: 34px;
    padding: 5px 12px;
    font-size: 11.5px;
}

#aramasecenekleri .input-group-addon {
    min-width: 0;
    padding: 6px 10px;
    border-color: var(--ft-line);
    background: #f7f9fb;
    color: var(--ft-muted);
    font-size: 11px;
}

.ft-search-panel {
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

.ft-search-tabs {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 12px;
    border-bottom: 1px solid var(--ft-line);
    background: #f7f9fb;
}

.ft-search-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 13px 10px;
    border-bottom: 2px solid transparent;
    color: var(--ft-muted);
    font-size: 11px;
    font-weight: 600;
}

.ft-search-tabs a:hover {
    color: var(--ft-ink);
}

.ft-search-tabs a.is-active {
    border-bottom-color: var(--ft-red);
    color: var(--ft-red);
    background: #fff;
}

.ft-search-body {
    padding: 14px 16px 12px;
}

.ft-search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
}

.ft-field--wide {
    grid-column: span 2;
}

.ft-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ft-field > label {
    margin: 0;
    color: #5a6470;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ft-field .form-control {
    height: 33px;
    padding: 6px 9px;
    font-size: 11.5px;
}

.ft-search-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid var(--ft-line-2);
}

.ft-checkline {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--ft-muted);
    font-size: 11px;
}

.ft-checkline label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

.ft-checkline input {
    margin: 0;
}

.ft-search-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

/* ==========================================================================
   KAMPANYA ALANI
   ========================================================================== */

.ft-promo {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 0;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

.ft-promo + .ft-promo {
    margin-top: 10px;
}

.ft-promo img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    object-fit: contain;
    background: #fff;
}

.ft-stok-promos {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.ft-stok-promos a {
    display: block;
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
}

.ft-stok-promos img {
    display: block;
    width: 100%;
    height: auto;
}

.ft-promo__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 3px;
    background: var(--ft-red);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ft-promo__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 26px 14px 11px;
    background: linear-gradient(to top, rgba(12, 16, 20, .88), rgba(12, 16, 20, 0));
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.ft-promo__caption strong {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 750;
}

.ft-promo__caption span {
    color: rgba(255, 255, 255, .78);
    font-size: 10px;
    font-weight: 400;
}

/* ==========================================================================
   GERÇEK STOK ARAMA PANELİ
   ========================================================================== */

.ft-stok-searchpanel {
    margin-bottom: 12px;
    padding: 14px 16px 10px;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

.ft-stok-searchpanel__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 11px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--ft-line-2);
}

.ft-stok-searchpanel__head span {
    color: var(--ft-ink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
}

.ft-stok-searchpanel__head i {
    margin-right: 5px;
    color: var(--ft-red);
    font-size: 10px;
}

.ft-stok-searchpanel__head small {
    color: var(--ft-muted);
    font-size: 9px;
    font-weight: 400;
}

.ft-stok-searchpanel .form-group {
    margin-bottom: 7px;
}

.ft-stok-searchpanel .row {
    margin-right: 0;
    margin-left: 0;
}

.ft-stok-searchpanel #wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ft-stok-searchpanel .input-group {
    width: 100%;
}

@media (max-width: 767px) {
    .ft-stok-searchpanel {
        margin-bottom: 10px;
        padding: 12px 12px 8px;
    }

    .ft-stok-searchpanel__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
}

/* ==========================================================================
   SONUÇ ÖZETİ / AKTİF FİLTRELER
   ========================================================================== */

.ft-summary {
    display: flex;
    align-items: stretch;
    margin: 0 0 12px;
    border: 1px solid var(--ft-line);
    border-left: 3px solid var(--ft-red);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

.ft-summary__metric {
    flex: 1 1 0;
    min-width: 0;
    padding: 11px 15px;
    border-right: 1px solid var(--ft-line-2);
}

.ft-summary__metric:last-child {
    border-right: 0;
}

.ft-summary__label {
    display: block;
    overflow: hidden;
    color: var(--ft-muted);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.3;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ft-summary__value {
    display: block;
    margin-top: 2px;
    color: var(--ft-ink);
    font-size: 19px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.ft-summary__value small {
    margin-left: 3px;
    color: var(--ft-muted);
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: 0;
}

.ft-summary__metric--accent .ft-summary__value {
    color: var(--ft-red);
}

.ft-summary__metric--green .ft-summary__value {
    color: var(--ft-green);
}

.ft-summary__metric--gold .ft-summary__value {
    color: #a06a00;
}

.ft-activefilters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
}

.ft-activefilters__label {
    margin-right: 2px;
    color: var(--ft-muted);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ft-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border: 1px solid #cfdae5;
    border-radius: 999px;
    background: #f5f8fb;
    color: #34404c;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
}

.ft-chip:hover {
    border-color: #b9c9d8;
    background: #eef4f9;
    color: var(--ft-ink);
}

.ft-chip i {
    color: #8a96a3;
    font-size: 8px;
}

.ft-chip--clear {
    border-color: transparent;
    background: transparent;
    color: var(--ft-red);
}

.ft-chip--clear:hover {
    border-color: transparent;
    background: var(--ft-red-soft);
    color: var(--ft-red-dark);
}

/* ==========================================================================
   SONUÇ PANELİ / TABLO
   ========================================================================== */

.ft-results {
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

.ft-results__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--ft-line);
    background: #fff;
}

.ft-results__title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ft-results__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--ft-ink);
    font-size: 12.5px;
    font-weight: 700;
}

.ft-results__title i {
    color: var(--ft-red);
    font-size: 12px;
}

.ft-results__count {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--ft-red-soft);
    color: var(--ft-red);
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.ft-results__tools {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ft-results__tools label {
    margin: 0;
    color: var(--ft-muted);
    font-size: 9.5px;
    font-weight: 600;
    white-space: nowrap;
}

.ft-sort {
    height: 30px;
    padding: 3px 24px 3px 9px;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius-sm);
    background: #fff;
    color: #3b4652;
    font-size: 10.5px;
    line-height: 1.3;
}

.ft-viewtoggle {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius-sm);
}

.ft-viewtoggle button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-right: 1px solid var(--ft-line);
    background: #fff;
    color: #7d8792;
    font-size: 11px;
    cursor: pointer;
}

.ft-viewtoggle button:last-child {
    border-right: 0;
}

.ft-viewtoggle button:hover {
    background: #f5f8fb;
    color: var(--ft-ink);
}

.ft-viewtoggle button.is-active {
    background: #eef4fa;
    color: var(--ft-blue);
}

.ft-results__meta {
    color: var(--ft-muted);
    font-size: 10.5px;
}

.ft-results__meta b {
    color: var(--ft-ink);
    font-weight: 700;
}

.ft-table-wrap {
    overflow-x: auto;
}

.ft-table {
    width: 100%;
    min-width: 1040px;
    margin: 0;
    border-collapse: collapse;
    color: #333b44;
    font-size: 11.5px;
}

.ft-table thead th {
    padding: 8px 8px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid #4b535c;
    background: #3a4149;
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

.ft-table thead th:last-child {
    border-right: 0;
}

.ft-table tbody td {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #edf0f3;
    border-bottom: 1px solid #e5eaef;
    background: #fff;
    line-height: 1.35;
    vertical-align: middle;
}

.ft-table tbody tr:nth-child(even) td {
    background: #f8fafb;
}

.ft-table tbody tr:hover td {
    background: #eaf3fb;
}

.ft-table tbody tr:last-child td {
    border-bottom: 0;
}

.ft-table .ft-code {
    color: #1c2228;
    font-weight: 700;
    white-space: nowrap;
}

.ft-table .ft-name {
    min-width: 270px;
    color: #2b323a;
    font-weight: 500;
}

.ft-table .ft-brand {
    color: #27313a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ft-table .ft-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ft-table .ft-center {
    text-align: center;
}

.ft-table .ft-campaign {
    background: var(--ft-yellow-soft) !important;
    color: #8a5b00;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.ft-table .ft-old {
    color: #8a939d;
    text-decoration: line-through;
    text-align: right;
    white-space: nowrap;
}

.ft-table .ft-net {
    color: var(--ft-ink);
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.ft-table .ft-stock {
    text-align: center;
    white-space: nowrap;
}

.ft-table .ft-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #cfe0f2;
    border-radius: 4px;
    background: #eef5fc;
    color: #1166a8;
    font-size: 12px;
    cursor: pointer;
}

.ft-table .ft-icon-btn:hover {
    border-color: #9cc4e6;
    background: #dcecfb;
    color: #0a4f83;
}

.ft-table .ft-icon-btn--cart {
    border-color: #f1c8cb;
    background: #fdf0f1;
    color: var(--ft-red);
}

.ft-table .ft-icon-btn--cart:hover {
    border-color: #e7a4aa;
    background: #fce1e3;
    color: var(--ft-red-dark);
}

.ft-table tfoot td,
.ft-table tfoot th {
    padding: 8px 10px;
    border-top: 1px solid var(--ft-line);
    background: #f7f9fb;
    color: var(--ft-muted);
    font-size: 10.5px;
    font-weight: 500;
    text-align: left;
}

.ft-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

.ft-status--yes {
    background: var(--ft-green);
}

.ft-status--no {
    background: #e3342f;
}

.ft-status--limited {
    background: #f0a500;
}

.ft-table .ft-stock-cell--yes,
.ft-table .ft-stock-cell--no {
    padding: 2px 7px;
    border-radius: 3px;
}

.ft-table .ft-stock-cell--yes {
    background: var(--ft-green-soft);
}

.ft-table .ft-stock-cell--no {
    background: #fdeaea;
}

.ft-table .ft-stock-cell .ft-status {
    width: 17px;
    height: 17px;
    font-size: 8px;
}

.ft-results .ft-table thead th {
    position: sticky;
    top: 0;
    z-index: 4;
}

.ft-table tbody tr:hover .ft-code {
    color: var(--ft-red);
}

.ft-tag {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
    vertical-align: middle;
}

.ft-tag--new {
    background: var(--ft-green);
    color: #fff;
}

.ft-tag--campaign {
    background: var(--ft-yellow);
    color: #6d4b00;
}

.ft-tag--oem {
    background: #e7f0fb;
    color: #0d5f9e;
}

/* ==========================================================================
   GERÇEK STOK TABLOSU
   ========================================================================== */

#StokGrid {
    width: 100%;
    margin: 0;
    border: 1px solid var(--ft-line);
    border-collapse: collapse;
    background: #fff;
    color: #333b44;
    font-family: var(--ft-font) !important;
    font-size: 11.5px !important;
}

#StokGrid > thead > tr > th,
#StokGrid > thead > tr > td {
    padding: 8px 6px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid #4b535c !important;
    background: #3a4149 !important;
    color: #fff !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    line-height: 1.3 !important;
    text-transform: uppercase;
    vertical-align: middle !important;
    white-space: nowrap;
}

#StokGrid > tbody > tr > td,
#StokGrid > tbody > tr > th {
    padding: 6px 6px !important;
    border: 0 !important;
    border-right: 1px solid #edf0f3 !important;
    border-bottom: 1px solid #e5eaef !important;
    background: #fff;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
}

#StokGrid > tbody > tr:nth-child(even) > td {
    background: #f8fafb;
}

#StokGrid > tbody > tr:hover > td,
#StokGrid > tbody > tr:hover > th {
    background: #eaf3fb !important;
}

#StokGrid > tbody > tr > td:nth-child(3) {
    color: #1c2228;
    font-weight: 700 !important;
    white-space: nowrap;
}

#StokGrid > tbody > tr > td:nth-child(4) {
    color: #2b323a;
    font-weight: 500 !important;
}

#StokGrid > tbody > tr > td:nth-child(5) {
    color: #27313a;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
}

#StokGrid > tbody > tr > td:nth-child(7),
#StokGrid > tbody > tr > td:nth-child(8) {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

#StokGrid > tbody > tr > td:nth-child(9),
#StokGrid > tbody > tr > td:nth-child(10),
#StokGrid > tbody > tr > td:nth-child(11) {
    text-align: center;
}

#StokGrid > tbody > tr > td:nth-child(12),
#StokGrid > tbody > tr > td:nth-child(13),
#StokGrid > tbody > tr > td:nth-child(14),
#StokGrid > tbody > tr > td:nth-child(15) {
    text-align: center;
    white-space: nowrap;
}

#StokGrid > tbody > tr > td > img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    vertical-align: middle;
}

#StokGrid button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #cfe0f2;
    border-radius: 4px;
    background: #eef5fc;
    color: #1166a8;
    cursor: pointer;
}

#StokGrid button:hover {
    border-color: #9cc4e6;
    background: #dcecfb;
}

#StokGrid button i {
    color: inherit !important;
    font-size: 13px !important;
}

#StokGrid td.zeminsari {
    background: var(--ft-yellow-soft) !important;
    color: #8a5b00 !important;
    font-weight: 700 !important;
}

#StokGrid td.zeminkirmizi {
    background: #ffe4e4 !important;
    color: #b00000 !important;
}

#StokGrid td.zeminmavi {
    background: #e6f2ff !important;
    color: #0b5b96 !important;
}

#StokGrid td.stokyokyazirengi {
    color: #b00000 !important;
}

#StokGrid .btn {
    width: auto;
    min-width: 22px;
    height: 20px;
    padding: 1px 5px;
    border: 0;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
}

#StokGrid .btn i {
    font-size: 9px !important;
}

#StokGrid .hasTooltip {
    position: relative;
}

#StokGrid .hasTooltip ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 200;
    display: none;
    min-width: 240px;
    margin: 4px 0 0;
    padding: 8px 10px;
    border: 1px solid var(--ft-line);
    border-radius: 5px;
    background: #fff !important;
    box-shadow: var(--ft-shadow-lg);
    color: #333b44 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    text-align: left;
    list-style: none;
}

#StokGrid .hasTooltip:hover ul {
    display: block;
}

#StokGrid .hasTooltip ul li {
    padding: 2px 0;
    color: #333b44;
    white-space: nowrap;
}

#StokGrid .hasTooltip ul .f1 {
    display: inline-block;
    float: none;
    width: 145px;
    color: var(--ft-muted);
}

#Filtre {
    height: 32px;
    margin: 0 0 8px;
    border: 1px solid var(--ft-line);
    border-radius: 4px;
    background: #fff;
    font-size: 11.5px;
}

.table-responsive {
    overflow-x: auto;
    border: 0;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-color: var(--ft-line-2);
}

/* ==========================================================================
   BUTONLAR
   ========================================================================== */

body.firat-theme .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: var(--ft-radius-sm);
    font-family: var(--ft-font);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: none;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

body.firat-theme .btn:active,
body.firat-theme .btn.active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .14);
}

body.firat-theme .btn i {
    font-size: 12px;
}

body.firat-theme .btn-primary {
    border-color: var(--ft-red);
    background: var(--ft-red);
    color: #fff;
}

body.firat-theme .btn-primary:hover,
body.firat-theme .btn-primary:focus,
body.firat-theme .btn-primary:active,
body.firat-theme .btn-primary.active,
body.firat-theme .open > .dropdown-toggle.btn-primary {
    border-color: var(--ft-red-dark);
    background: var(--ft-red-dark);
    color: #fff;
}

body.firat-theme .btn-default {
    border-color: var(--ft-line);
    background: #fff;
    color: #3b444e;
}

body.firat-theme .btn-default:hover,
body.firat-theme .btn-default:focus,
body.firat-theme .btn-default:active,
body.firat-theme .btn-default.active,
body.firat-theme .open > .dropdown-toggle.btn-default {
    border-color: #b8c3cf;
    background: #f5f7f9;
    color: var(--ft-ink);
}

body.firat-theme .btn-danger {
    border-color: #c8232b;
    background: #c8232b;
    color: #fff;
}

body.firat-theme .btn-danger:hover,
body.firat-theme .btn-danger:focus,
body.firat-theme .btn-danger:active,
body.firat-theme .btn-danger.active,
body.firat-theme .open > .dropdown-toggle.btn-danger {
    border-color: #a51a21;
    background: #a51a21;
    color: #fff;
}

body.firat-theme .btn-success {
    border-color: var(--ft-green);
    background: var(--ft-green);
    color: #fff;
}

body.firat-theme .btn-success:hover,
body.firat-theme .btn-success:focus,
body.firat-theme .btn-success:active,
body.firat-theme .btn-success.active,
body.firat-theme .open > .dropdown-toggle.btn-success {
    border-color: #177c42;
    background: #177c42;
    color: #fff;
}

body.firat-theme .btn-warning {
    border-color: #e6a400;
    background: #f0b400;
    color: #4e3600;
}

body.firat-theme .btn-warning:hover,
body.firat-theme .btn-warning:focus,
body.firat-theme .btn-warning:active,
body.firat-theme .btn-warning.active,
body.firat-theme .open > .dropdown-toggle.btn-warning {
    border-color: #c98f00;
    background: #e3a300;
    color: #3b2900;
}

body.firat-theme .btn-info {
    border-color: var(--ft-blue);
    background: var(--ft-blue);
    color: #fff;
}

body.firat-theme .btn-info:hover,
body.firat-theme .btn-info:focus,
body.firat-theme .btn-info:active,
body.firat-theme .btn-info.active,
body.firat-theme .open > .dropdown-toggle.btn-info {
    border-color: #0d5f9e;
    background: #0d5f9e;
    color: #fff;
}

body.firat-theme .btn-lg {
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 12.5px;
}

body.firat-theme .btn-sm,
body.firat-theme .btn-xs {
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 10px;
}

body.firat-theme .btn-block {
    display: flex;
    width: 100%;
}

body.firat-theme .btn.disabled,
body.firat-theme .btn[disabled] {
    opacity: .55;
    cursor: not-allowed;
}

body.firat-theme .btn-group > .btn {
    border-radius: 0;
}

body.firat-theme .btn-group > .btn:first-child {
    border-radius: var(--ft-radius-sm) 0 0 var(--ft-radius-sm);
}

body.firat-theme .btn-group > .btn:last-child {
    border-radius: 0 var(--ft-radius-sm) var(--ft-radius-sm) 0;
}

body.firat-theme .btn-group-justified > .btn-group .btn {
    width: 100%;
}

/* ==========================================================================
   FORMLAR
   ========================================================================== */

body.firat-theme .form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px 10px;
    border: 1px solid #cfd7e0;
    border-radius: var(--ft-radius-sm);
    background-color: #fff;
    background-image: none !important;
    color: var(--ft-ink);
    font-family: var(--ft-font);
    font-size: 12px;
    line-height: 1.4;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.firat-theme .form-control:focus {
    border-color: var(--ft-red);
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 0 0 2px rgba(215, 25, 32, .08);
    outline: 0;
}

body.firat-theme .form-control[disabled],
body.firat-theme .form-control[readonly] {
    background: #f4f6f8;
    color: var(--ft-muted);
}

body.firat-theme select.form-control {
    height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
}

body.firat-theme textarea.form-control {
    height: auto;
    min-height: 90px;
}

body.firat-theme label {
    margin-bottom: 4px;
    color: #4c5661;
    font-size: 11px;
    font-weight: 600;
}

body.firat-theme .input-group-addon {
    border-color: var(--ft-line);
    background: #f7f9fb;
    color: var(--ft-muted);
    font-size: 11px;
}

body.firat-theme .help-block {
    color: var(--ft-muted);
    font-size: 10.5px;
}

body.firat-theme .form-group {
    margin-bottom: 12px;
}

/* ==========================================================================
   MODALLAR
   ========================================================================== */

body.firat-theme .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(20, 28, 38, .28);
}

body.firat-theme .modal-header {
    padding: 13px 16px;
    border-bottom: 1px solid var(--ft-line);
    border-radius: 8px 8px 0 0;
    background: #f7f9fb;
}

body.firat-theme .modal-title {
    color: var(--ft-ink);
    font-size: 14px;
    font-weight: 700;
}

body.firat-theme .modal-header .close {
    margin-top: 1px;
    color: #7b8590;
    opacity: .75;
    text-shadow: none;
}

body.firat-theme .modal-header .close:hover {
    color: var(--ft-red);
    opacity: 1;
}

body.firat-theme .modal-body {
    padding: 16px;
}

body.firat-theme .modal-footer {
    padding: 12px 16px;
    border-top: 1px solid var(--ft-line);
    border-radius: 0 0 8px 8px;
    background: #fbfcfd;
}

body.firat-theme .modal-backdrop.in {
    opacity: .45;
}

/* ==========================================================================
   ÜRÜN KARTLARI / ANA SAYFA
   ========================================================================== */

body.firat-theme .thumbnail {
    display: block;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

body.firat-theme .thumbnail:hover {
    border-color: #c7d2de;
    box-shadow: 0 8px 24px rgba(24, 32, 42, .1);
    transform: translateY(-1px);
}

body.firat-theme .thumbnail > a:first-child,
body.firat-theme .thumbnail .caption {
    display: block;
    padding: 0;
}

body.firat-theme .thumbnail img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
}

body.firat-theme .thumbnail .caption {
    padding-top: 10px;
    color: var(--ft-ink);
}

body.firat-theme .thumbnail .caption h3,
body.firat-theme .thumbnail .caption h4,
body.firat-theme .thumbnail h4,
body.firat-theme .thumbnail h5 {
    margin: 0 0 5px;
    color: var(--ft-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

body.firat-theme .thumbnail .caption p {
    margin: 0 0 6px;
    color: var(--ft-muted);
    font-size: 11px;
    line-height: 1.45;
}

body.firat-theme .thumbnail .caption p i {
    color: var(--ft-red);
}

body.firat-theme .thumbnail .caption label {
    color: var(--ft-ink);
    font-size: 11px;
}

body.firat-theme .thumbnail .btn {
    margin-top: 4px;
}

body.firat-theme .thumbnail .center-align-text {
    text-align: center;
}

body.firat-theme .page-header {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--ft-line);
}

body.firat-theme .page-header h1,
body.firat-theme .page-header h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 750;
}

body.firat-theme .widget {
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: var(--ft-shadow);
}

body.firat-theme .widget-body {
    padding: 14px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.ft-footer {
    display: block;
    padding: 0;
    border-top: 3px solid var(--ft-red);
    background: #22262c;
    color: #aeb8c2;
    font-size: 10.5px;
}

.ft-footer__main {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.35fr;
    gap: 30px;
    margin: 0 auto;
    padding: 28px 20px 24px;
}

.ft-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.ft-footer__brand .ft-brand {
    color: #fff !important;
}

.ft-footer__brand .ft-brand__mark {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

.ft-footer__brand .ft-brand__name {
    color: #fff;
    font-size: 17px;
}

.ft-footer__brand .ft-brand__name small {
    color: #8e99a5;
}

.ft-footer__brand p {
    max-width: 300px;
    margin: 0;
    color: #8e99a5;
    font-size: 10.5px;
    line-height: 1.65;
}

.ft-footer__col h4 {
    margin: 0 0 9px;
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ft-footer__col a {
    display: block;
    margin: 0 0 6px;
    color: #aeb8c2;
    font-size: 10.5px;
    line-height: 1.45;
}

.ft-footer__col a:hover {
    color: #fff;
}

.ft-footer__contact {
    color: #aeb8c2;
    font-size: 10.5px;
    line-height: 1.7;
}

.ft-footer__contact span {
    display: block;
    margin-bottom: 5px;
}

.ft-footer__contact i {
    width: 16px;
    color: #e04a50;
}

.ft-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 auto;
    padding: 12px 20px 16px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #7f8a96;
    font-size: 10px;
}

.ft-footer__bottom .footer_linkler {
    text-align: right;
    white-space: nowrap;
}

.ft-footer-copy {
    line-height: 1.5;
}

.footer_linkler {
    color: #7f8a96;
    font-size: 10.5px;
    text-align: right;
    white-space: nowrap;
}

.footer_linkler a,
.footer_link {
    color: #c5cdd6;
}

.footer_linkler a:hover,
.footer_link:hover {
    color: #fff;
}

/* ==========================================================================
   CANLI DESTEK
   ========================================================================== */

.ft-support {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 999px;
    background: var(--ft-red);
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(160, 16, 22, .32);
}

.ft-support:hover {
    background: var(--ft-red-dark);
    color: #fff !important;
}

.ft-support i {
    font-size: 14px;
}

/* ==========================================================================
   GİRİŞ EKRANI
   ========================================================================== */

body.login-page {
    background: #eef1f4 !important;
}

body.login-page .header_2 {
    display: none;
}

body.login-page .dashboard-container {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 36px 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(215, 25, 32, .06), transparent 30%),
        radial-gradient(circle at 85% 80%, rgba(19, 115, 199, .08), transparent 32%),
        #eef1f4;
}

body.login-page .dashboard-container > .container {
    max-width: 1100px;
}

.sign-in-container {
    max-width: 390px;
    margin: 0 auto;
}

.login-wrapper {
    overflow: hidden;
    border: 1px solid var(--ft-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(24, 32, 42, .14);
}

.ft-login-head {
    padding: 14px 16px;
    background: var(--ft-red);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
}

.login-wrapper .header {
    padding: 24px 24px 10px;
}

.login-wrapper .content {
    padding: 0 24px;
}

.login-wrapper .content .form-group {
    margin-bottom: 14px;
}

.login-wrapper .content label {
    display: block;
    margin-bottom: 6px;
    color: #4d5762;
    font-size: 11px;
    font-weight: 600;
}

.login-wrapper .content .form-control {
    height: 38px;
    font-size: 12px;
}

.login-wrapper .actions {
    padding: 8px 24px 24px;
}

.login-wrapper .actions img {
    display: none;
}

.login-wrapper .actions .btn {
    width: 100%;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 12px;
}

.login-wrapper .actions .btn-danger1 {
    border-color: var(--ft-line);
    background: #f4f7fa;
    color: #3f4954;
}

.login-wrapper .actions .btn-danger1:hover {
    border-color: #c5d0dc;
    background: #e9eef4;
    color: var(--ft-ink);
}

.login-wrapper .actions p {
    color: var(--ft-muted) !important;
    font-size: 10px !important;
}

.login-wrapper .actions p:hover {
    color: var(--ft-red) !important;
}

/* ==========================================================================
   GENEL YARDIMCILAR
   ========================================================================== */

body.firat-theme .text-danger {
    color: var(--ft-red) !important;
}

body.firat-theme .text-success {
    color: var(--ft-green) !important;
}

body.firat-theme .text-muted {
    color: var(--ft-muted) !important;
}

body.firat-theme .well {
    border: 1px solid var(--ft-line);
    border-radius: var(--ft-radius);
    background: #fff;
    box-shadow: none;
}

body.firat-theme .nav-tabs > li > a {
    border-radius: 4px 4px 0 0;
    color: var(--ft-muted);
    font-size: 11.5px;
    font-weight: 600;
}

body.firat-theme .nav-tabs > li.active > a,
body.firat-theme .nav-tabs > li.active > a:hover,
body.firat-theme .nav-tabs > li.active > a:focus {
    border-color: var(--ft-line) var(--ft-line) #fff;
    color: var(--ft-red);
}

body.firat-theme .pagination > li > a,
body.firat-theme .pagination > li > span {
    border-color: var(--ft-line);
    color: var(--ft-muted);
}

body.firat-theme .pagination > .active > a,
body.firat-theme .pagination > .active > span,
body.firat-theme .pagination > .active > a:hover,
body.firat-theme .pagination > .active > span:hover {
    border-color: var(--ft-red);
    background: var(--ft-red);
    color: #fff;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1320px) {
    .ft-headsearch {
        max-width: 430px;
    }

    .ft-headaction > span {
        font-size: 10.5px;
    }

    .ft-userbox strong,
    .ft-userbox small {
        max-width: 110px;
    }
}

@media (max-width: 1100px) {
    .ft-currency {
        display: none;
    }

    .ft-headsearch {
        max-width: 360px;
    }

    .ft-headaction small {
        display: none;
    }

    #cssmenu > ul > li > a {
        padding: 0 12px;
        font-size: 9.5px;
    }
}

@media (max-width: 991px) {
    .ft-topbar__left span:nth-child(n+3) {
        display: none;
    }

    .ft-topbar__right a:nth-child(2) {
        display: none;
    }

    .ft-header-bar__inner {
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .ft-headsearch {
        order: 3;
        flex-basis: 100%;
        max-width: none;
    }

    .ft-header-actions {
        order: 2;
    }

    #cssmenu {
        overflow-x: auto;
    }

    #cssmenu > ul {
        width: max-content;
        min-width: 100%;
    }

    #cssmenu > ul > li > a {
        height: 42px;
        padding: 0 12px;
        font-size: 9.5px;
    }

    .ft-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 18px 20px;
    }

    .footer_linkler {
        text-align: left;
        white-space: normal;
    }

    .ft-brandstrip img {
        max-width: calc(100% - 150px);
    }
}

@media (max-width: 767px) {
    .ft-topbar {
        display: none;
    }

    .ft-header-bar__inner {
        gap: 10px;
        min-height: 68px;
    }

    .ft-brand__mark {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .ft-brand__name {
        font-size: 16px;
    }

    .ft-brand__name small {
        margin-top: 3px;
        font-size: 7px;
    }

    .ft-headaction {
        padding: 5px 7px;
    }

    .ft-headaction > span {
        display: none;
    }

    .ft-headaction > i {
        font-size: 18px;
    }

    .ft-userbox {
        margin-left: 0;
        padding-left: 8px;
    }

    .ft-userbox > span:last-child {
        display: none;
    }

    .ft-avatar {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .ft-headsearch {
        height: 40px;
        font-size: 11px;
    }

    .ft-headsearch > b {
        padding: 0 16px;
    }

    .ft-brandstrip {
        height: auto;
        min-height: 44px;
        padding: 7px 12px;
    }

    .ft-brandstrip__label {
        display: none;
    }

    .ft-brandstrip img {
        max-width: 100%;
        height: 28px;
    }

    .dashboard-container > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ft-search-layout {
        margin-right: 0;
        margin-left: 0;
    }

    .ft-search-layout > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    .ft-headaction:not(.ft-headaction--cart) {
        display: none;
    }

    .ft-userbox {
        display: none;
    }

    .dashboard-wrapper-lg {
        padding-top: 12px;
    }

    #cssmenu {
        padding-right: 0;
        padding-left: 0;
    }

    #cssmenu > ul > li > a {
        height: 40px;
        padding: 0 10px;
        font-size: 9px;
    }

    #cssmenu > ul > li > a i {
        font-size: 11px;
    }

    .ft-page-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .ft-page-head h1 {
        font-size: 16px;
    }

    .ft-search-grid {
        grid-template-columns: 1fr;
    }

    .ft-field--wide {
        grid-column: auto;
    }

    .ft-search-tabs {
        overflow-x: auto;
        padding: 0 6px;
    }

    .ft-search-tabs a {
        padding: 10px 9px;
        font-size: 10px;
        white-space: nowrap;
    }

    .ft-search-foot {
        align-items: flex-start;
        flex-direction: column;
    }

    .ft-promo {
        min-height: 0;
    }

    .ft-support {
        right: 12px;
        bottom: 12px;
        padding: 10px 13px;
    }

    .ft-support span {
        display: none;
    }

    .ft-footer {
        padding: 16px 12px;
    }

    body.login-page .dashboard-container {
        padding: 20px 10px;
    }

    .login-wrapper .header {
        padding: 20px 20px 8px;
    }

    .login-wrapper .content,
    .login-wrapper .actions {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .ft-footer {
        padding: 0;
    }

    .ft-footer__main {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .ft-footer__brand {
        grid-column: 1 / -1;
    }

    .ft-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .ft-footer__bottom .footer_linkler {
        text-align: left;
        white-space: normal;
    }
}

@media screen and (max-width: 767px) {
    .ft-summary {
        flex-wrap: wrap;
    }

    .ft-summary__metric {
        flex: 1 1 50%;
        border-right: 0;
        border-bottom: 1px solid var(--ft-line-2);
    }

    .ft-summary__metric:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .ft-activefilters {
        align-items: flex-start;
    }

    .ft-results__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ft-results__tools {
        width: 100%;
        justify-content: space-between;
    }

    .ft-footer {
        padding: 0;
    }

    .ft-footer__main {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 22px 15px;
    }

    .ft-footer__brand {
        grid-column: auto;
    }

    .ft-footer__bottom {
        padding: 12px 15px 16px;
    }
}

/* ==========================================================================
   PREMIUM ARAMA ÖZETİ
   ========================================================================== */

.ft-summary {
    display: grid;
    grid-template-columns: minmax(230px, 1.1fr) minmax(0, 2fr) minmax(210px, .85fr);
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid #2b3540;
    border-top: 3px solid var(--ft-red);
    border-radius: 8px;
    background:
        radial-gradient(circle at 0 0, rgba(215, 25, 32, .2), transparent 42%),
        linear-gradient(135deg, #232b34 0%, #171c22 100%);
    box-shadow: 0 8px 22px rgba(23, 28, 34, .14);
    color: #fff;
}

.ft-summary__intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 18px 20px;
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.ft-summary__eyebrow {
    color: #ff7a7e;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ft-summary__eyebrow i {
    margin-right: 4px;
    font-size: 9px;
}

.ft-summary__heading {
    overflow: hidden;
    margin: 5px 0 3px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ft-summary__heading span {
    color: #77838f;
    font-weight: 400;
}

.ft-summary__sub {
    overflow: hidden;
    margin: 0;
    color: #97a3af;
    font-size: 9.5px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ft-summary__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    min-width: 0;
    padding: 10px 0;
}

.ft-summary__metric {
    min-width: 0;
    padding: 4px 13px;
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.ft-summary__metric:last-child {
    border-right: 0;
}

.ft-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    margin-bottom: 7px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
    color: #dce4eb;
    font-size: 11px;
}

.ft-summary__label {
    display: block;
    overflow: hidden;
    color: #95a1ad;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.3;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ft-summary__value {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.ft-summary__value small {
    margin-left: 3px;
    color: #8b97a3;
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: 0;
}

.ft-summary__metric--accent .ft-summary__icon {
    background: rgba(215, 25, 32, .3);
    color: #ff8a8e;
}

.ft-summary__metric--accent .ft-summary__value {
    color: #ff7a7e;
}

.ft-summary__metric--green .ft-summary__icon {
    background: rgba(56, 168, 102, .18);
    color: #69d99a;
}

.ft-summary__metric--green .ft-summary__value {
    color: #69d99a;
}

.ft-summary__metric--gold .ft-summary__icon {
    background: rgba(240, 165, 0, .16);
    color: #f4c15b;
}

.ft-summary__metric--gold .ft-summary__value {
    color: #f4c15b;
}

.ft-summary__aside {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 18px;
    border-left: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
}

.ft-summary__ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: conic-gradient(#4fc47f calc(var(--p) * 1%), rgba(255, 255, 255, .12) 0);
}

.ft-summary__ring::before {
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #1d242b;
    content: "";
}

.ft-summary__ring span {
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.ft-summary__ring small {
    margin-left: 1px;
    color: #9aa6b2;
    font-size: 7px;
    font-weight: 500;
}

.ft-summary__asidecopy {
    min-width: 0;
}

.ft-summary__aside-label {
    display: block;
    color: #95a1ad;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ft-summary__aside-value {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.ft-summary__aside-note {
    display: block;
    margin-top: 3px;
    color: #7f8b97;
    font-size: 8px;
    line-height: 1.35;
}

.ft-summary .ft-summary__heading {
    color: #fff !important;
}

.ft-summary .ft-summary__heading span {
    color: #77838f !important;
}

@media screen and (max-width: 991px) {
    .ft-summary {
        grid-template-columns: 1fr;
    }

    .ft-summary__intro {
        padding: 16px 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .ft-summary__metrics {
        padding: 8px 0;
    }

    .ft-summary__aside {
        padding: 12px 20px;
        border-top: 1px solid rgba(255, 255, 255, .08);
        border-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .ft-summary__intro {
        padding: 15px 16px;
    }

    .ft-summary__heading {
        font-size: 16px;
    }

    .ft-summary__metrics {
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    .ft-summary__metric {
        padding: 12px 16px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .ft-summary__metric:nth-child(2n) {
        border-right: 0;
    }

    .ft-summary__metric:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .ft-summary__aside {
        padding: 12px 16px;
    }
}

/* ==========================================================================
   REFERANS UYUMLU AÇIK ÖZET
   ========================================================================== */

.ft-summary {
    border: 1px solid var(--ft-line);
    border-left: 3px solid var(--ft-red);
    background: #fff;
    box-shadow: 0 4px 14px rgba(23, 28, 34, .06);
    color: var(--ft-ink);
}

.ft-summary__intro {
    padding: 12px 16px;
    border-right: 1px solid var(--ft-line-2);
}

.ft-summary__eyebrow {
    color: var(--ft-red);
}

.ft-summary__heading {
    margin: 4px 0 2px;
    font-size: 16px;
}

.ft-summary .ft-summary__heading {
    color: var(--ft-ink) !important;
}

.ft-summary .ft-summary__heading span {
    color: var(--ft-muted) !important;
}

.ft-summary__sub {
    color: var(--ft-muted);
}

.ft-summary__metrics {
    padding: 6px 0;
}

.ft-summary__metric {
    padding: 4px 12px;
    border-right: 1px solid var(--ft-line-2);
}

.ft-summary__icon {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
    background: #f0f3f7;
    color: var(--ft-muted);
    font-size: 10px;
}

.ft-summary__label {
    color: var(--ft-muted);
}

.ft-summary__value {
    color: var(--ft-ink);
    font-size: 18px;
}

.ft-summary__value small {
    color: var(--ft-muted);
}

.ft-summary__metric--accent .ft-summary__icon {
    background: var(--ft-red-soft);
    color: var(--ft-red);
}

.ft-summary__metric--green .ft-summary__icon {
    background: var(--ft-green-soft);
    color: var(--ft-green);
}

.ft-summary__metric--gold .ft-summary__icon {
    background: #fff7df;
    color: #a06a00;
}

.ft-summary__aside {
    padding: 10px 16px;
    border-left: 1px solid var(--ft-line-2);
    background: #f7f9fb;
}

.ft-summary__ring {
    width: 46px;
    height: 46px;
    background: conic-gradient(var(--ft-green) calc(var(--p) * 1%), #e4e9ef 0);
}

.ft-summary__ring::before {
    inset: 4px;
    background: #fff;
}

.ft-summary__ring span {
    color: var(--ft-ink);
    font-size: 11px;
}

.ft-summary__ring small {
    color: var(--ft-muted);
}

.ft-summary__aside-label {
    color: var(--ft-muted);
}

.ft-summary__aside-value {
    color: var(--ft-ink);
}

.ft-summary__aside-note {
    color: #8a96a3;
}

@media screen and (max-width: 767px) {
    .ft-summary__intro {
        padding: 12px 14px;
    }

    .ft-summary__metric {
        padding: 10px 14px;
    }

    .ft-summary__aside {
        padding: 10px 14px;
    }

    .ft-summary__ring {
        width: 44px;
        height: 44px;
    }
}

/* ==========================================================================
   ÖZÇETE / 3.JPEG REFERANS TEMASI
   Krem zemin, turuncu aksan, lacivert sekme bandı
   ========================================================================== */

body.firat-theme {
    --ft-red: #e85d22;
    --ft-red-dark: #c44712;
    --ft-red-soft: #fff1e6;
    --ft-ink: #263043;
    --ft-ink-2: #3a4458;
    --ft-navy: #1f2a44;
    --ft-blue: #2d5a8e;
    --ft-blue-soft: #edf3fa;
    --ft-green: #238b4b;
    --ft-green-soft: #e8f5ec;
    --ft-yellow: #f2c94c;
    --ft-yellow-soft: #fff6cd;
    --ft-bg: #f4efe3;
    --ft-panel: #fffaf0;
    --ft-line: #dfd2bc;
    --ft-line-2: #ece2d2;
    --ft-muted: #7d7465;
    --ft-muted-2: #a49a89;
}

body.firat-theme .ft-topbar {
    background: #efe6d4;
    color: #5f5546;
    border-bottom: 1px solid #e2d5c0;
}

body.firat-theme .ft-topbar i {
    color: #b56a2a;
}

body.firat-theme .ft-topbar a {
    color: #5f5546;
}

body.firat-theme .ft-topbar a:hover {
    color: var(--ft-red);
}

body.firat-theme .ft-topbar__sep {
    color: #c5b7a2;
}

body.firat-theme .ft-topbar__badge {
    background: var(--ft-red);
    border-color: var(--ft-red);
    color: #fff;
}

body.firat-theme .ft-topbar__badge i {
    color: #fff;
}

body.firat-theme .ft-header-bar {
    background: #fbf5e8;
    border-bottom-color: #e0d2bc;
    box-shadow: 0 2px 8px rgba(74, 58, 35, .05);
}

body.firat-theme .ft-brand__mark {
    background: linear-gradient(145deg, #f58a3c, #e85d22);
    box-shadow: 0 3px 10px rgba(232, 93, 34, .24);
}

body.firat-theme .ft-brand__name {
    color: var(--ft-ink);
}

body.firat-theme .ft-brand__name small {
    color: #8a7a65;
}

body.firat-theme .ft-headsearch {
    background: #fffaf0;
    border-color: #dfd2bc;
    color: #8a7a65;
}

body.firat-theme .ft-headsearch:hover {
    border-color: var(--ft-red);
    background: #fff;
}

body.firat-theme .ft-headsearch > b {
    background: var(--ft-red);
}

body.firat-theme .ft-headaction {
    color: var(--ft-ink) !important;
}

body.firat-theme .ft-headaction > i,
body.firat-theme .ft-headaction--cart > i {
    color: var(--ft-red);
}

body.firat-theme .ft-headaction:hover {
    border-color: #dfd2bc;
    background: #fffaf0;
}

body.firat-theme .ft-avatar {
    background: #f5ebd8;
    color: var(--ft-red);
}

body.firat-theme #cssmenu {
    background: #f8f1e3;
    border-top: 1px solid #e2d5c0;
    border-bottom: 1px solid #d9cbb4;
    box-shadow: 0 2px 5px rgba(74, 58, 35, .08);
}

body.firat-theme #cssmenu > ul > li > a {
    border-right-color: #e2d5c0;
    color: var(--ft-ink) !important;
}

body.firat-theme #cssmenu > ul > li > a i {
    color: #b56a2a;
}

body.firat-theme #cssmenu > ul > li:hover > a,
body.firat-theme #cssmenu > ul > li.active > a,
body.firat-theme #cssmenu > ul > li > a:hover {
    background: var(--ft-red);
    color: #fff !important;
}

body.firat-theme #cssmenu > ul > li:hover > a i,
body.firat-theme #cssmenu > ul > li.active > a i,
body.firat-theme #cssmenu > ul > li > a:hover i {
    color: #fff;
}

body.firat-theme #cssmenu ul ul {
    border-top-color: var(--ft-red);
    background: #fffaf0;
}

body.firat-theme #cssmenu ul ul li a {
    color: #3a4458 !important;
}

body.firat-theme #cssmenu ul ul li a:hover,
body.firat-theme #cssmenu ul ul li:hover > a {
    background: #fff1e6;
    color: var(--ft-red) !important;
}

body.firat-theme .ft-banner,
body.firat-theme #Banner.ft-banner,
body.firat-theme .ft-brandstrip {
    background: #fbf5e8;
    border-color: #e2d5c0;
}

body.firat-theme .ft-page-head {
    align-items: center;
    margin-bottom: 12px;
    padding: 10px 14px;
    border: 1px solid #172033;
    border-left: 4px solid var(--ft-red);
    border-radius: 4px;
    background: #1f2a44;
    color: #fff;
}

body.firat-theme .ft-page-head h1 {
    color: #fff;
    font-size: 16px;
}

body.firat-theme .ft-breadcrumb,
body.firat-theme .ft-breadcrumb a {
    color: #cbd3e2;
}

body.firat-theme .ft-breadcrumb a:hover {
    color: #ffb47f;
}

body.firat-theme .ft-breadcrumb i {
    color: #8795aa;
}

body.firat-theme .ft-page-head__meta {
    color: #f0c58c;
}

body.firat-theme #aramasecenekleri {
    margin-bottom: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.firat-theme .ft-stok-searchpanel,
body.firat-theme .ft-searchpanel,
body.firat-theme .ft-search-panel {
    border: 1px solid #dfd2bc;
    border-radius: 4px;
    background: #fbf5e8;
    box-shadow: 0 2px 7px rgba(74, 58, 35, .06);
}

body.firat-theme .ft-stok-searchpanel {
    padding: 13px 15px 8px;
}

body.firat-theme .ft-stok-searchpanel__head {
    border-bottom-color: #e6d8c2;
}

body.firat-theme .ft-stok-searchpanel__head span {
    color: var(--ft-ink);
}

body.firat-theme .ft-stok-searchpanel__head i {
    color: var(--ft-red);
}

body.firat-theme .ft-stok-searchpanel__head small {
    color: #8a7a65;
}

body.firat-theme #aramasecenekleri .form-control,
body.firat-theme .ft-searchpanel .form-control,
body.firat-theme .ft-search-panel .form-control {
    border-color: #dfd2bc;
    background: #fffdf8;
}

body.firat-theme #HizliArama {
    border-color: #e3c35b !important;
    background: #fff6c9 !important;
    color: #1f4e9e !important;
    font-weight: 700;
}

body.firat-theme #HizliArama::placeholder {
    color: #a08a58;
    font-weight: 400;
}

body.firat-theme #aramasecenekleri .btn,
body.firat-theme .ft-searchpanel .btn,
body.firat-theme .ft-search-panel .btn {
    border-radius: 3px;
}

body.firat-theme #aramasecenekleri .Renk1,
body.firat-theme #aramasecenekleri .btn-primary,
body.firat-theme .ft-searchpanel .btn-primary,
body.firat-theme .ft-search-panel .btn-primary {
    border-color: var(--ft-red-dark) !important;
    background: var(--ft-red) !important;
    color: #fff !important;
}

body.firat-theme #Temizle {
    border: 1px solid #dfd2bc !important;
    background: #fffaf0 !important;
    color: #7d7465 !important;
}

body.firat-theme .ft-summary {
    border: 1px solid #dfd2bc;
    border-left: 4px solid var(--ft-red);
    background: #fffaf0;
    box-shadow: 0 3px 10px rgba(74, 58, 35, .05);
    color: var(--ft-ink);
}

body.firat-theme .ft-summary__intro {
    border-right-color: #ece2d2;
}

body.firat-theme .ft-summary__eyebrow {
    color: var(--ft-red);
}

body.firat-theme .ft-summary .ft-summary__heading,
body.firat-theme .ft-summary .ft-summary__heading span {
    color: var(--ft-ink) !important;
}

body.firat-theme .ft-summary .ft-summary__heading span {
    color: #a49a89 !important;
}

body.firat-theme .ft-summary__sub {
    color: #8a7a65;
}

body.firat-theme .ft-summary__metric {
    border-right-color: #ece2d2;
}

body.firat-theme .ft-summary__icon {
    background: #f5ebd8;
    color: #8a7a65;
}

body.firat-theme .ft-summary__label {
    color: #8a7a65;
}

body.firat-theme .ft-summary__value {
    color: var(--ft-ink);
}

body.firat-theme .ft-summary__metric--accent .ft-summary__value {
    color: var(--ft-red);
}

body.firat-theme .ft-summary__metric--green .ft-summary__value {
    color: var(--ft-green);
}

body.firat-theme .ft-summary__metric--gold .ft-summary__value {
    color: #a06a00;
}

body.firat-theme .ft-summary__metric--accent .ft-summary__icon {
    background: var(--ft-red-soft);
    color: var(--ft-red);
}

body.firat-theme .ft-summary__metric--green .ft-summary__icon {
    background: var(--ft-green-soft);
    color: var(--ft-green);
}

body.firat-theme .ft-summary__metric--gold .ft-summary__icon {
    background: #fff2cb;
    color: #a06a00;
}

body.firat-theme .ft-summary__aside {
    border-left-color: #ece2d2;
    background: #f5ebd8;
}

body.firat-theme .ft-summary__ring {
    background: conic-gradient(var(--ft-green) calc(var(--p) * 1%), #e2d6c3 0);
}

body.firat-theme .ft-summary__ring::before {
    background: #fffaf0;
}

body.firat-theme .ft-summary__ring span,
body.firat-theme .ft-summary__aside-value {
    color: var(--ft-ink);
}

body.firat-theme .ft-summary__aside-label,
body.firat-theme .ft-summary__aside-note {
    color: #8a7a65;
}

body.firat-theme .ft-stok-promos a {
    border-color: #dfd2bc;
    background: #fffaf0;
}

body.firat-theme #StokGrid {
    border-color: #dfd2bc;
}

body.firat-theme #StokGrid thead th,
body.firat-theme #StokGrid .tableheaderrenk th {
    border-color: #dfd2bc !important;
    background: #f2e8d6 !important;
    color: var(--ft-ink) !important;
}

body.firat-theme #StokGrid thead th a {
    color: var(--ft-ink) !important;
}

body.firat-theme #StokGrid tbody td {
    border-color: #ece2d2 !important;
}

body.firat-theme #StokGrid tbody tr:nth-child(odd) td {
    background: #fffdf8;
}

body.firat-theme #StokGrid tbody tr:nth-child(even) td {
    background: #fffaf0;
}

body.firat-theme #StokGrid tbody tr:hover td:not(.renkyok) {
    background: #fff1df !important;
}

body.firat-theme #StokGrid tbody td.zeminsari {
    background: #fff3bf !important;
}

body.firat-theme #StokGrid tfoot th {
    background: #263043 !important;
    color: #fff !important;
}

body.firat-theme #StokGrid button {
    padding: 2px 4px;
    border: 1px solid #dfd2bc;
    border-radius: 3px;
    background: #fffaf0;
    color: var(--ft-red);
}

body.firat-theme #StokGrid button i {
    color: var(--ft-red) !important;
    font-size: 20px !important;
}

body.firat-theme .ft-search-panel #demoHizli {
    border-color: #e3c35b !important;
    background: #fff6c9 !important;
    color: #1f4e9e !important;
    font-weight: 700;
}

body.firat-theme .ft-search-panel #demoHizli::placeholder {
    color: #a08a58;
    font-weight: 400;
}

body.firat-theme .ft-table thead th {
    border-color: #dfd2bc !important;
    background: #f2e8d6 !important;
    color: var(--ft-ink) !important;
}

body.firat-theme .ft-table tbody td {
    border-color: #ece2d2 !important;
}

body.firat-theme .ft-table tbody tr:hover td:not(.ft-campaign) {
    background: #fff1df !important;
}

body.firat-theme .ft-footer {
    background: #fbf5e8;
    border-top: 1px solid #dfd2bc;
}

body.firat-theme .ft-footer__col h4 {
    color: var(--ft-ink);
}

@media screen and (max-width: 767px) {
    body.firat-theme .ft-page-head {
        padding: 8px 12px;
    }

    body.firat-theme .ft-page-head__meta {
        display: none;
    }

    body.firat-theme .ft-stok-searchpanel {
        padding: 11px 12px 7px;
    }
}

@media print {
    .ft-topbar,
    .ft-header-bar,
    #cssmenu,
    .ft-banner,
    .ft-support,
    .ft-footer {
        display: none !important;
    }

    .dashboard-container,
    body.firat-theme {
        background: #fff !important;
    }
}