/* ===== imported: style.css ===== */
/*
|--------------------------------------------------------------------------
| DİB Personel Web Tema - Çekirdek Uyumlu / Radius Yok
|--------------------------------------------------------------------------
*/

:root {
    --dp-bg: #eef6f7;
    --dp-bg-2: #dcecee;
    --dp-panel: #ffffff;
    --dp-panel-2: #f5fafb;
    --dp-line: #9ccfd5;
    --dp-line-dark: #008c95;
    --dp-text: #102a33;
    --dp-muted: #526b73;

    --dp-primary: #00a6ad;
    --dp-primary-2: #007b83;
    --dp-primary-3: #dff5f6;
    --dp-head-bg: #dff7f8;

    --dp-sidebar: #eefafa;
    --dp-sidebar-2: #e4f5f6;
    --dp-sidebar-text: #004d55;
    --dp-sidebar-muted: #55777c;

    --dp-success: #16794c;
    --dp-danger: #b42318;
    --dp-warning: #a15c07;
    --dp-info: #175cd3;

    --dp-shadow: none;
    --dp-radius: 0;
    --dp-font: "Segoe UI", Arial, sans-serif;
}

body.theme-trq {
    --dp-bg: #eef6f7;
    --dp-bg-2: #dcecee;
    --dp-panel: #ffffff;
    --dp-panel-2: #f5fafb;
    --dp-line: #9ccfd5;
    --dp-line-dark: #008c95;
    --dp-text: #102a33;
    --dp-muted: #526b73;
    --dp-primary: #00a6ad;
    --dp-primary-2: #007b83;
    --dp-primary-3: #dff5f6;
    --dp-head-bg: #dff7f8;
    --dp-sidebar: #eefafa;
    --dp-sidebar-2: #e4f5f6;
    --dp-sidebar-text: #004d55;
    --dp-sidebar-muted: #55777c;
}

body.theme-mavi {
    --dp-bg: #eef4ff;
    --dp-bg-2: #dbe8ff;
    --dp-panel: #ffffff;
    --dp-panel-2: #f4f8ff;
    --dp-line: #8db7ff;
    --dp-line-dark: #235bd8;
    --dp-text: #0f2447;
    --dp-muted: #54657e;
    --dp-primary: #235bd8;
    --dp-primary-2: #1744aa;
    --dp-primary-3: #dce9ff;
    --dp-head-bg: #dbe8ff;
    --dp-sidebar: #eef4ff;
    --dp-sidebar-2: #e3edff;
    --dp-sidebar-text: #163b85;
    --dp-sidebar-muted: #58709e;
}

body.theme-kirmizi {
    --dp-bg: #fff0f0;
    --dp-bg-2: #ffdada;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff7f7;
    --dp-line: #ff9b9b;
    --dp-line-dark: #c81e1e;
    --dp-text: #421313;
    --dp-muted: #7a5555;
    --dp-primary: #c81e1e;
    --dp-primary-2: #9f1515;
    --dp-primary-3: #ffe1e1;
    --dp-head-bg: #ffe0e0;
    --dp-sidebar: #fff3f3;
    --dp-sidebar-2: #ffe8e8;
    --dp-sidebar-text: #831414;
    --dp-sidebar-muted: #915a5a;
}

body.theme-mor {
    --dp-bg: #f5f0ff;
    --dp-bg-2: #eadfff;
    --dp-panel: #ffffff;
    --dp-panel-2: #faf7ff;
    --dp-line: #c6a8ff;
    --dp-line-dark: #6d28d9;
    --dp-text: #2c174d;
    --dp-muted: #66587e;
    --dp-primary: #6d28d9;
    --dp-primary-2: #551cab;
    --dp-primary-3: #eadfff;
    --dp-head-bg: #eee5ff;
    --dp-sidebar: #f7f2ff;
    --dp-sidebar-2: #eee6ff;
    --dp-sidebar-text: #4a1d95;
    --dp-sidebar-muted: #75619d;
}

body.theme-turuncu {
    --dp-bg: #fff4e8;
    --dp-bg-2: #ffe3c6;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff8f1;
    --dp-line: #ffb06d;
    --dp-line-dark: #ea580c;
    --dp-text: #43200a;
    --dp-muted: #785d4a;
    --dp-primary: #ea580c;
    --dp-primary-2: #b94108;
    --dp-primary-3: #ffe6cf;
    --dp-head-bg: #ffead5;
    --dp-sidebar: #fff7ef;
    --dp-sidebar-2: #ffedda;
    --dp-sidebar-text: #9a3412;
    --dp-sidebar-muted: #8a6550;
}

body.theme-sari {
    --dp-bg: #fff9df;
    --dp-bg-2: #fff0a6;
    --dp-panel: #ffffff;
    --dp-panel-2: #fffced;
    --dp-line: #e7bd2c;
    --dp-line-dark: #b77900;
    --dp-text: #3a2b05;
    --dp-muted: #735f28;
    --dp-primary: #b77900;
    --dp-primary-2: #8d5f00;
    --dp-primary-3: #fff1b8;
    --dp-head-bg: #fff3bd;
    --dp-sidebar: #fffbea;
    --dp-sidebar-2: #fff3c4;
    --dp-sidebar-text: #805500;
    --dp-sidebar-muted: #7a6738;
}

body.theme-pembe {
    --dp-bg: #fff0f8;
    --dp-bg-2: #ffd8ea;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff7fb;
    --dp-line: #f69ac5;
    --dp-line-dark: #db2777;
    --dp-text: #45162d;
    --dp-muted: #75566a;
    --dp-primary: #db2777;
    --dp-primary-2: #ad1f5e;
    --dp-primary-3: #ffe0ef;
    --dp-head-bg: #ffe3f0;
    --dp-sidebar: #fff3fa;
    --dp-sidebar-2: #ffe8f4;
    --dp-sidebar-text: #9d174d;
    --dp-sidebar-muted: #855c72;
}

body.theme-kahve {
    --dp-bg: #f8f0e7;
    --dp-bg-2: #eadcc9;
    --dp-panel: #fffdf9;
    --dp-panel-2: #fbf6ef;
    --dp-line: #c8a985;
    --dp-line-dark: #8a5a2b;
    --dp-text: #322315;
    --dp-muted: #715f4c;
    --dp-primary: #8a5a2b;
    --dp-primary-2: #6f4520;
    --dp-primary-3: #f1dfcc;
    --dp-head-bg: #ecddca;
    --dp-sidebar: #fbf5ee;
    --dp-sidebar-2: #f0e4d6;
    --dp-sidebar-text: #66411f;
    --dp-sidebar-muted: #806b55;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background: var(--dp-bg);
    color: var(--dp-text);
    font-family: var(--dp-font);
    font-size: 14px;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font-family: var(--dp-font);
}

code {
    padding: 2px 5px;
    background: var(--dp-panel-2);
    border: 1px solid var(--dp-line);
    color: var(--dp-primary-2);
}

.dp-app-shell {
    min-height: calc(100vh - 44px);
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    grid-template-rows: 62px minmax(0, 1fr);
    background: var(--dp-bg);
}

.dp-topbar {
    grid-column: 1 / -1;
    position: sticky;
    top: 0;
    z-index: 30;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: var(--dp-head-bg);
    border-bottom: 2px solid var(--dp-primary);
    box-shadow: none;
}

.dp-topbar-left,
.dp-topbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dp-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dp-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.dp-brand-mark,
.auth-logo {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dp-primary);
    color: #ffffff;
    font-weight: 800;
    letter-spacing: .4px;
    border: 1px solid var(--dp-primary-2);
    box-shadow: none;
}

.dp-brand-text strong {
    display: block;
    font-size: 19px;
    line-height: 1.05;
    color: var(--dp-text);
    text-transform: uppercase;
}

.dp-brand-text small {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--dp-muted);
}

.dp-theme-picker {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 4px;
}

.dp-theme-dot {
    width: 13px;
    height: 13px;
    padding: 0;
    border: 1px solid var(--dp-line-dark);
    background: var(--dot-color);
    cursor: pointer;
    display: inline-block;
}

.dp-theme-dot.is-active {
    outline: 2px solid var(--dp-text);
    outline-offset: 1px;
}

.dp-mobile-toggle {
    display: none;
    width: 34px;
    height: 34px;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    color: var(--dp-text);
    cursor: pointer;
}

.dp-user-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    color: var(--dp-text);
    font-weight: 600;
}

.dp-sidebar {
    grid-row: 2;
    min-height: 100%;
    padding: 8px;
    background: linear-gradient(180deg, var(--dp-sidebar), var(--dp-sidebar-2));
    color: var(--dp-sidebar-text);
    border-right: 2px solid var(--dp-primary);
}

.dp-menu {
    position: sticky;
    top: 72px;
}

.dp-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: var(--dp-sidebar-text);
    background: color-mix(in srgb, var(--dp-panel) 65%, transparent);
    border: 1px solid var(--dp-line);
    transition: background .12s ease, border-color .12s ease;
    font-weight: 700;
}

.dp-menu-item:hover,
.dp-menu-item.is-active {
    background: var(--dp-primary);
    border-color: var(--dp-primary-2);
    color: #ffffff;
}

.dp-sidebar-box {
    margin-bottom: 8px;
    border: 1px solid var(--dp-line);
    background: color-mix(in srgb, var(--dp-panel) 72%, transparent);
}

.dp-sidebar-box .dp-menu-item {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--dp-line);
    background: transparent;
}

.dp-sidebar-box .dp-menu-item:last-child {
    border-bottom: 0;
}

.dp-sidebar-box .dp-menu-item:hover,
.dp-sidebar-box .dp-menu-item.is-active {
    background: var(--dp-primary);
    color: #ffffff;
}

.dp-sidebar-info {
    padding: 0;
}

.dp-sidebar-row {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 6px;
    padding: 7px 8px;
    border-bottom: 1px solid var(--dp-line);
    font-size: 12px;
    line-height: 1.35;
}

.dp-sidebar-row:last-child {
    border-bottom: 0;
}

.dp-sidebar-row span {
    color: var(--dp-muted);
    font-weight: 700;
}

.dp-sidebar-row strong {
    color: var(--dp-sidebar-text);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.dp-main {
    grid-row: 2;
    min-width: 0;
    padding: 12px;
    background: var(--dp-bg);
}

.dp-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.dp-page-head h1 {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
}

.dp-page-head p {
    margin: 0;
    color: var(--dp-muted);
    line-height: 1.45;
}

.dp-kicker {
    margin: 0 0 5px !important;
    color: var(--dp-primary-2) !important;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.dp-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dp-grid {
    display: grid;
    gap: 10px;
}

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

.dp-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dp-card {
    padding: 10px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
    box-shadow: none;
}

.dp-card h2 {
    margin: 0 0 7px;
    font-size: 16px;
    color: var(--dp-text);
}

.dp-card p {
    color: var(--dp-muted);
    line-height: 1.5;
}

.dp-card-head {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dp-line);
}

.dp-link {
    color: var(--dp-primary-2);
    font-weight: 700;
}

.dp-link:hover {
    text-decoration: underline;
}

.dp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid transparent;
    font-weight: 700;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}

.dp-btn-sm {
    min-height: 28px;
    padding: 0 8px;
    font-size: 12px;
}

.dp-btn-primary {
    background: var(--dp-primary);
    color: #ffffff;
    border-color: var(--dp-primary-2);
}

.dp-btn-primary:hover {
    background: var(--dp-primary-2);
}

.dp-btn-soft {
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
    border-color: var(--dp-line-dark);
}

.dp-btn-soft:hover {
    background: var(--dp-bg-2);
}

.dp-btn-ghost {
    background: var(--dp-panel);
    color: var(--dp-text);
    border-color: var(--dp-line-dark);
}

.dp-btn-ghost:hover {
    background: var(--dp-panel-2);
}

.dp-form {
    display: grid;
    gap: 10px;
}

.dp-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.dp-col-span {
    grid-column: 1 / -1;
}

.dp-form label {
    display: grid;
    gap: 4px;
}

.dp-form label span {
    color: var(--dp-text);
    font-weight: 700;
    font-size: 12px;
}

.dp-form input,
.dp-form select,
.dp-form textarea,
.dp-table select {
    width: 100%;
    min-height: 34px;
    padding: 0 8px;
    border: 1px solid var(--dp-line);
    background: #ffffff;
    color: var(--dp-text);
    outline: none;
    font: inherit;
}

.dp-form textarea {
    min-height: 100px;
    padding-top: 8px;
    resize: vertical;
}

.dp-form input:focus,
.dp-form select:focus,
.dp-form textarea:focus,
.dp-table select:focus {
    border-color: var(--dp-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dp-primary) 18%, transparent);
}

.dp-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.dp-flash-wrap {
    margin-bottom: 10px;
}

.dp-alert {
    padding: 9px 10px;
    margin-bottom: 8px;
    border: 1px solid transparent;
    line-height: 1.45;
}

.dp-alert-success {
    background: #eaf7f0;
    border-color: #9fd9bd;
    color: var(--dp-success);
}

.dp-alert-danger {
    background: #fff0ee;
    border-color: #f0aca6;
    color: var(--dp-danger);
}

.dp-alert-warning {
    background: #fff6e5;
    border-color: #e6c474;
    color: var(--dp-warning);
}

.dp-alert-info {
    background: #eef5ff;
    border-color: #adcdf5;
    color: var(--dp-info);
}

.dp-info-list {
    display: grid;
    gap: 7px;
}

.dp-info-list div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 9px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.dp-info-list span {
    color: var(--dp-muted);
}

.dp-info-list strong {
    text-align: right;
}

.dp-table-wrap {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
}

.dp-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.dp-table th,
.dp-table td {
    padding: 7px 8px;
    border-bottom: 1px solid var(--dp-line);
    text-align: left;
    vertical-align: middle;
}

.dp-table th {
    background: var(--dp-primary-3);
    color: var(--dp-text);
    font-size: 12px;
    font-weight: 800;
}

.dp-table tr:hover td {
    background: color-mix(in srgb, var(--dp-primary-3) 55%, #fff);
}

.dp-table small {
    color: var(--dp-muted);
}

.dp-footer {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: var(--dp-head-bg);
    border-top: 1px solid var(--dp-line);
    color: var(--dp-muted);
}

.y-app-shell {
    grid-template-columns: 250px minmax(0, 1fr);
}

.y-topbar {
    border-bottom-width: 3px;
}

.y-sidebar {
    background: color-mix(in srgb, var(--dp-sidebar) 90%, var(--dp-primary-3));
    border-right-width: 3px;
}

.y-main .dp-page-head {
    border-color: var(--dp-primary);
}

.y-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.y-stat-card h2 {
    font-size: 14px;
    margin-bottom: 4px;
}

.y-stat-value {
    margin: 0;
    font-size: 28px;
    font-weight: 900;
    color: var(--dp-primary-2);
}

.y-stat-text {
    font-size: 18px;
}

.auth-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--dp-bg);
}

.auth-box {
    position: relative;
    z-index: 1;
    width: min(100%, 420px);
    background: var(--dp-panel);
    border: 2px solid var(--dp-primary);
    padding: 18px;
    box-shadow: none;
}

.auth-box-wide {
    width: min(100%, 760px);
}

.auth-logo {
    width: 46px;
    height: 46px;
    margin-bottom: 12px;
}

.auth-title {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-desc {
    margin: 0 0 15px;
    color: var(--dp-muted);
    line-height: 1.45;
}

.auth-form {
    display: grid;
    gap: 10px;
}

.auth-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.auth-span {
    grid-column: 1 / -1;
}

.auth-form label {
    display: grid;
    gap: 4px;
    font-weight: 700;
    color: var(--dp-text);
    font-size: 12px;
}

.auth-form input {
    height: 36px;
    border: 1px solid var(--dp-line);
    padding: 0 8px;
    font: inherit;
    background: #ffffff;
}

.auth-form input:focus {
    outline: none;
    border-color: var(--dp-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dp-primary) 18%, transparent);
}

.auth-actions {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-top: 4px;
}

.auth-btn {
    height: 34px;
    border: 1px solid var(--dp-primary-2);
    padding: 0 13px;
    font-weight: 800;
    cursor: pointer;
}

.auth-btn-main {
    background: var(--dp-primary);
    color: #ffffff;
}

.auth-btn-main:hover {
    background: var(--dp-primary-2);
}

.auth-link {
    color: var(--dp-primary-2);
    font-weight: 800;
}

.auth-alert {
    padding: 8px 9px;
    margin-bottom: 8px;
    line-height: 1.45;
}

.auth-alert-danger {
    background: #fff0ee;
    color: var(--dp-danger);
    border: 1px solid #f0aca6;
}

.auth-alert-success {
    background: #eaf7f0;
    color: var(--dp-success);
    border: 1px solid #9fd9bd;
}

.auth-alert-warning {
    background: #fff6e5;
    color: var(--dp-warning);
    border: 1px solid #e6c474;
}

/* Radius kesin kapalı */
*,
*::before,
*::after {
    border-radius: 0 !important;
}


/* ===== imported: content.css ===== */
.content-admin-grid {
    align-items: start;
}

.content-filter-card {
    margin-bottom: 10px;
}

.content-filter-form {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 150px 150px 220px auto auto;
    gap: 8px;
    align-items: center;
}

.content-filter-form input,
.content-filter-form select {
    min-height: 34px;
    border: 1px solid var(--dp-line);
    padding: 0 8px;
    background: #fff;
    color: var(--dp-text);
}

.content-category-table {
    min-width: 700px;
}

.dp-table-actions {
    display: flex;
    gap: 5px;
    align-items: center;
}

.dp-table-actions form {
    display: inline-flex;
    margin: 0;
}

.content-edit-grid {
    align-items: start;
}

.content-edit-form {
    gap: 10px;
}

.type-fields {
    margin-top: 10px;
}

.content-current-file {
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    display: grid;
    gap: 5px;
}

.content-check {
    display: inline-flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 5px;
    font-weight: 700;
}

.content-sticky-actions {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-head-bg);
}

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

.content-post-card h2 {
    margin-top: 6px;
}

.content-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.content-post-meta span {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid var(--dp-line);
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
    font-size: 12px;
    font-weight: 800;
}

.content-single h1 {
    margin: 6px 0 10px;
    font-size: 26px;
}

.content-summary {
    padding: 9px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-muted);
    font-weight: 700;
}

.content-html {
    line-height: 1.65;
}

.content-html h2,
.content-html h3,
.content-html h4 {
    margin: 14px 0 8px;
}

.content-html p {
    margin: 0 0 10px;
    color: var(--dp-text);
}

.content-html blockquote {
    margin: 10px 0;
    padding: 8px 10px;
    border-left: 4px solid var(--dp-primary);
    background: var(--dp-panel-2);
}

.content-attachment,
.content-video {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--dp-line);
}

.content-file-info {
    display: grid;
    gap: 6px;
    margin: 10px 0;
}

.content-file-info div {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 8px;
    padding: 7px 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.content-file-info span {
    color: var(--dp-muted);
    font-weight: 700;
}

.content-video video {
    width: 100%;
    max-height: 520px;
    border: 1px solid var(--dp-line);
    background: #000;
}

@media (max-width: 1100px) {
    .content-filter-form {
        grid-template-columns: 1fr 1fr;
    }

    .content-post-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .content-filter-form,
    .content-post-grid {
        grid-template-columns: 1fr;
    }

    .content-sticky-actions {
        position: static;
        flex-wrap: wrap;
    }
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

.content-server-select {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    align-items: end;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.content-server-select small {
    grid-column: 1 / -1;
    color: var(--dp-muted);
    font-weight: 700;
}

@media (max-width: 700px) {
    .content-server-select {
        grid-template-columns: 1fr;
    }
}

.content-server-select-direct {
    grid-template-columns: minmax(0, 1fr) auto;
}

.content-server-select select {
    width: 100%;
    min-height: 34px;
    border: 1px solid var(--dp-line);
    padding: 0 8px;
    background: #fff;
    color: var(--dp-text);
}

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

.home-content-card {
    display: flex;
    flex-direction: column;
    min-height: 360px;
}

.home-card-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dp-line);
    margin-bottom: 8px;
}

.home-card-head h2 {
    margin: 0;
}

.home-card-head span {
    color: var(--dp-primary-2);
    font-weight: 800;
    font-size: 12px;
}

.home-latest-list {
    display: grid;
    gap: 6px;
    flex: 1;
}

.home-latest-item {
    display: block;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.home-latest-item:hover {
    background: var(--dp-primary-3);
    border-color: var(--dp-primary);
}

.home-latest-item strong {
    display: block;
    color: var(--dp-text);
    margin-bottom: 4px;
}

.home-latest-item span {
    display: block;
    color: var(--dp-muted);
    font-size: 12px;
    line-height: 1.4;
}

.home-empty {
    color: var(--dp-muted);
}

.home-all-btn {
    margin-top: 10px;
    width: 100%;
}

.content-list-summary {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    margin-bottom: 10px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-muted);
}

.content-list-summary strong {
    color: var(--dp-primary-2);
}

.content-list {
    display: grid;
    gap: 8px;
}

.content-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.content-list-item h2 {
    margin: 5px 0;
    font-size: 17px;
}

.content-list-item p {
    margin: 0 0 5px;
}

.content-list-actions {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.content-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

@media (max-width: 1100px) {
    .home-content-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .content-list-item {
        grid-template-columns: 1fr;
    }

    .content-list-actions {
        justify-content: flex-start;
    }

    .content-list-summary {
        flex-direction: column;
    }
}

/* HOME_GRID_FIX_BEGIN */
.home-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px;
    align-items: stretch;
}

.home-content-card {
    min-width: 0;
}

@media (max-width: 760px) {
    .home-content-grid {
        grid-template-columns: 1fr !important;
    }
}
/* HOME_GRID_FIX_END */

/* FEATURED_IMAGE_AND_HOME_FEATURE_BEGIN */
.content-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    flex: 0 0 64px;
}

.home-latest-item.has-thumb {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.home-latest-text {
    min-width: 0;
}

.home-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.home-feature-card {
    min-height: 260px;
}

.home-feature-card-empty {
    background: color-mix(in srgb, var(--dp-panel) 78%, transparent);
}

.content-list-item.has-thumb {
    grid-template-columns: 64px minmax(0, 1fr) auto;
}

.content-list-thumb {
    display: block;
    width: 64px;
    height: 64px;
}

.content-current-image {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.content-current-image img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border: 1px solid var(--dp-line);
    background: #fff;
}

.content-feature-image-box {
    margin-top: 8px;
}

.content-feature-check {
    margin-top: 8px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

@media (max-width: 900px) {
    .home-feature-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-latest-item.has-thumb,
    .content-list-item.has-thumb,
    .content-current-image {
        grid-template-columns: 1fr;
    }

    .content-thumb,
    .content-list-thumb,
    .content-current-image img {
        width: 64px;
        height: 64px;
    }
}
/* FEATURED_IMAGE_AND_HOME_FEATURE_END */


/* ===== imported: content-home-fix.css ===== */
/* HOME_GRID_FIX_BEGIN */
.home-content-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px;
    align-items: stretch;
}

.home-content-card {
    min-width: 0;
}

@media (max-width: 760px) {
    .home-content-grid {
        grid-template-columns: 1fr !important;
    }
}
/* HOME_GRID_FIX_END */


/* ===== imported: editor.css ===== */
.dp-editor-wrap {
    border: 1px solid var(--dp-line);
    background: #fff;
}

.dp-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    border-bottom: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.dp-editor-toolbar button {
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid var(--dp-line);
    background: #fff;
    color: var(--dp-text);
    font-weight: 800;
    cursor: pointer;
}

.dp-editor-toolbar button:hover {
    background: var(--dp-primary);
    color: #fff;
    border-color: var(--dp-primary-2);
}

.dp-editor-area {
    min-height: 220px;
    padding: 9px;
    outline: none;
    line-height: 1.55;
}

.dp-editor-area:focus {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--dp-primary) 18%, transparent);
}

.dp-editor-source {
    display: none !important;
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}


/* ===== imported: depo.css ===== */
.depo-grid {
    align-items: start;
}

.depo-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.depo-checks label {
    display: inline-flex;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 5px;
    font-weight: 800;
}

.depo-action-form {
    margin-top: 8px;
}

.depo-info-list {
    margin-bottom: 10px;
}

.depo-table small {
    color: var(--dp-muted);
    overflow-wrap: anywhere;
}

.depo-table code {
    font-size: 11px;
}

@media (max-width: 900px) {
    .depo-grid {
        grid-template-columns: 1fr;
    }
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}


/* ===== imported: talep.css ===== */
.talep-form-card {
    width: 100%;
    max-width: none;
}

.talep-counter {
    display: block;
    color: var(--dp-muted);
    font-weight: 700;
    text-align: right;
}

.talep-status {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 7px;
    border: 1px solid var(--dp-line);
    font-weight: 800;
    font-size: 12px;
}

.status-waiting {
    background: #fff6e5;
    color: #a15c07;
    border-color: #e6c474;
}

.status-seen {
    background: #eef5ff;
    color: #175cd3;
    border-color: #adcdf5;
}

.status-planned {
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
    border-color: var(--dp-line-dark);
}

.status-progress {
    background: #f5f0ff;
    color: #6d28d9;
    border-color: #c6a8ff;
}

.status-rejected {
    background: #fff0ee;
    color: #b42318;
    border-color: #f0aca6;
}

.status-done {
    background: #eaf7f0;
    color: #16794c;
    border-color: #9fd9bd;
}

.talep-detail-grid {
    align-items: start;
}

.talep-answer {
    padding: 9px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    line-height: 1.55;
}

.talep-description-card {
    margin-top: 10px;
}

.talep-description {
    white-space: normal;
    line-height: 1.65;
}

.talep-filter-card {
    margin-bottom: 10px;
}

.talep-filter-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 190px auto auto;
    gap: 8px;
    align-items: center;
}

.talep-filter-form input,
.talep-filter-form select {
    min-height: 34px;
    border: 1px solid var(--dp-line);
    padding: 0 8px;
    background: #fff;
    color: var(--dp-text);
}

.talep-table small {
    color: var(--dp-muted);
}

@media (max-width: 760px) {
    .talep-filter-form {
        grid-template-columns: 1fr;
    }
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* TALEP_FORM_FULL_WIDTH_BEGIN */
.talep-form-card {
    width: 100%;
    max-width: none;
}

.talep-form-card .dp-form {
    width: 100%;
}

.talep-form-card input,
.talep-form-card textarea {
    width: 100%;
}

.talep-form-card textarea {
    min-height: 280px;
    resize: vertical;
}

@media (max-width: 760px) {
    .talep-form-card {
        padding: 8px;
    }

    .talep-form-card textarea {
        min-height: 220px;
    }

    .talep-form-card .dp-form-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .talep-form-card .dp-form-actions .dp-btn {
        width: 100%;
    }
}
/* TALEP_FORM_FULL_WIDTH_END */


/* ===== imported: muhabbet.css ===== */
.muhabbet-app {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 10px;
    min-height: 640px;
    padding: 10px;
}

.muhabbet-users,
.muhabbet-main {
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
    min-width: 0;
}

.muhabbet-users {
    display: flex;
    flex-direction: column;
}

.muhabbet-panel-title,
.muhabbet-current {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
    border-bottom: 1px solid var(--dp-line);
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
    font-weight: 900;
    text-align: left;
}

.muhabbet-user-list {
    overflow: auto;
    padding: 6px;
    display: grid;
    gap: 5px;
    align-content: start;
}

.muhabbet-user {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 6px;
    align-items: center;
    min-height: 40px;
    padding: 6px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    text-align: left;
}

.muhabbet-user-main {
    min-width: 0;
    text-align: left;
}

.muhabbet-user-name {
    display: block;
    font-weight: 900;
    color: var(--dp-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.muhabbet-user-meta {
    display: block;
    color: var(--dp-muted);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.muhabbet-online-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 4px;
    border: 1px solid currentColor;
    background: transparent;
    vertical-align: middle;
}

.muhabbet-online-dot.is-online {
    background: var(--dp-success);
    color: var(--dp-success);
}

.muhabbet-chat-btn,
.muhabbet-attach-btn,
.muhabbet-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    color: var(--dp-primary-2);
    cursor: pointer;
}

.muhabbet-chat-btn {
    width: 32px;
    height: 32px;
}

.muhabbet-attach-btn {
    width: 36px;
    height: 36px;
}

.muhabbet-chat-btn:hover,
.muhabbet-attach-btn:hover,
.muhabbet-modal-close:hover {
    background: var(--dp-primary);
    color: #fff;
}

.muhabbet-chat-btn svg,
.muhabbet-attach-btn svg {
    width: 17px;
    height: 17px;
}

.muhabbet-main {
    display: grid;
    grid-template-rows: 38px minmax(280px, 1fr) auto auto;
}

.muhabbet-messages {
    overflow: auto;
    padding: 10px;
    background: color-mix(in srgb, var(--dp-bg) 70%, #fff);
}

.muhabbet-message {
    max-width: 78%;
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
}

.muhabbet-message.is-mine {
    margin-left: auto;
    background: var(--dp-primary-3);
    border-color: var(--dp-line-dark);
}

.muhabbet-message-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
    color: var(--dp-muted);
    font-size: 11px;
    font-weight: 800;
}

.muhabbet-message-text {
    white-space: pre-wrap;
    line-height: 1.45;
    color: var(--dp-text);
}

.muhabbet-attachment {
    margin-top: 6px;
    padding: 6px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    display: grid;
    gap: 4px;
}

.muhabbet-attachment a {
    color: var(--dp-primary-2);
    font-weight: 900;
}

.muhabbet-attachment small {
    color: var(--dp-muted);
    font-weight: 700;
}

.muhabbet-attachment.is-expired {
    opacity: .7;
}

.muhabbet-compose {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px 86px;
    gap: 6px;
    padding: 8px;
    border-top: 1px solid var(--dp-line);
    background: var(--dp-panel);
}

.muhabbet-compose input[type="text"] {
    width: 100%;
    height: 36px;
    padding: 0 8px;
    border: 1px solid var(--dp-line);
    background: #fff;
    color: var(--dp-text);
    font: inherit;
}

.muhabbet-compose button {
    height: 36px;
}

.muhabbet-selected-file {
    grid-column: 1 / -1;
    padding: 6px 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-muted);
    font-size: 12px;
    font-weight: 700;
}

.muhabbet-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding: 8px;
    border-top: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    text-align: left;
}

.muhabbet-tab {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--dp-line);
    background: #fff;
    color: var(--dp-text);
    padding: 0 8px;
    cursor: pointer;
    font-weight: 800;
}

.muhabbet-tab.is-active,
.muhabbet-tab:hover {
    background: var(--dp-primary);
    border-color: var(--dp-primary-2);
    color: #fff;
}

.muhabbet-tab-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    border: 1px solid currentColor;
    font-size: 11px;
    line-height: 1;
}

.muhabbet-muted,
.muhabbet-error {
    padding: 8px;
    color: var(--dp-muted);
    text-align: left;
}

.muhabbet-error {
    color: var(--dp-danger);
}

.muhabbet-modal[hidden] {
    display: none;
}

.muhabbet-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
}

.muhabbet-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

.muhabbet-modal-box {
    position: relative;
    z-index: 1;
    width: min(96vw, 520px);
    border: 2px solid var(--dp-primary);
    background: var(--dp-panel);
}

.muhabbet-modal-head {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    border-bottom: 1px solid var(--dp-line);
    background: var(--dp-primary-3);
}

.muhabbet-modal-close {
    width: 30px;
    height: 30px;
    font-size: 20px;
}

.muhabbet-modal-body {
    display: grid;
    gap: 10px;
    padding: 10px;
}

.muhabbet-modal-body label {
    display: grid;
    gap: 4px;
    font-weight: 800;
}

.muhabbet-modal-body input,
.muhabbet-modal-body select {
    min-height: 34px;
    border: 1px solid var(--dp-line);
    padding: 0 8px;
    background: #fff;
    color: var(--dp-text);
}

.muhabbet-modal-note {
    margin: 0;
    color: var(--dp-muted);
    line-height: 1.45;
}

.muhabbet-modal-actions {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    padding: 10px;
    border-top: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.muhabbet-admin-grid {
    align-items: start;
    margin-top: 10px;
}

@media (max-width: 900px) {
    .muhabbet-app {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .muhabbet-user-list {
        max-height: 220px;
    }

    .muhabbet-main {
        min-height: 560px;
    }
}

@media (max-width: 600px) {
    .muhabbet-compose {
        grid-template-columns: 1fr 36px;
    }

    .muhabbet-compose .dp-btn-primary {
        grid-column: 1 / -1;
        width: 100%;
    }

    .muhabbet-message {
        max-width: 100%;
    }
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* MUHABBET_ONE_LINE_MESSAGE_BEGIN */
.muhabbet-message {
    max-width: 100%;
    margin-bottom: 5px;
    padding: 5px 7px;
}

.muhabbet-message.is-mine {
    margin-left: 0;
}

.muhabbet-message-head,
.muhabbet-message-text {
    display: none;
}

.muhabbet-message-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 24px;
    line-height: 1.35;
}

.muhabbet-message-body {
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--dp-text);
}

.muhabbet-message-body strong {
    color: var(--dp-primary-2);
    font-weight: 900;
}

.muhabbet-message-line time {
    color: var(--dp-muted);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.muhabbet-attachment {
    margin-top: 4px;
}
/* MUHABBET_ONE_LINE_MESSAGE_END */


.muhabbet-extension-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
}

@media (max-width: 900px) {
    .muhabbet-extension-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MUHABBET_ADMIN_COMPACT_BEGIN */
.y-main .muhabbet-admin-grid {
    gap: 8px;
    margin-top: 8px;
}

.y-main .muhabbet-admin-grid .dp-card {
    padding: 8px;
}

.y-main .muhabbet-admin-grid .dp-card-head {
    margin-bottom: 6px;
    padding-bottom: 5px;
}

.y-main .muhabbet-admin-grid .dp-card-head h2 {
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
}

.y-main .muhabbet-admin-grid .dp-form {
    gap: 6px;
}

.y-main .muhabbet-admin-grid .dp-form-grid {
    gap: 6px;
}

.y-main .muhabbet-admin-grid .dp-form label span {
    font-size: 11px;
    line-height: 1.2;
}

.y-main .muhabbet-admin-grid .dp-form input,
.y-main .muhabbet-admin-grid .dp-form select {
    min-height: 28px;
    height: 28px;
    padding: 0 6px;
    font-size: 12px;
}

.y-main .muhabbet-admin-grid .content-check {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-height: 26px;
    padding: 4px 6px;
    margin: 0;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-align: left;
}

.y-main .muhabbet-admin-grid .content-check input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0;
    padding: 0;
    flex: 0 0 13px;
}

.y-main .muhabbet-admin-grid .muhabbet-extension-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    margin-top: 6px;
}

.y-main .muhabbet-admin-grid .muhabbet-extension-grid .content-check {
    min-height: 24px;
    padding: 3px 5px;
    font-size: 11px;
}

.y-main .muhabbet-admin-grid .dp-form-actions {
    margin-top: 2px;
    gap: 4px;
}

.y-main .muhabbet-admin-grid .dp-btn {
    min-height: 28px;
    height: 28px;
    padding: 0 8px;
    font-size: 12px;
}

.y-main .muhabbet-admin-grid hr {
    margin: 8px 0;
    border: 0;
    border-top: 1px solid var(--dp-line);
}

.y-main .muhabbet-admin-grid + .dp-card {
    margin-top: 8px;
}

.y-main .muhabbet-admin-grid + .dp-card .dp-card-head {
    margin-bottom: 6px;
    padding-bottom: 5px;
}

.y-main .muhabbet-admin-grid + .dp-card .dp-table th,
.y-main .muhabbet-admin-grid + .dp-card .dp-table td {
    padding: 5px 6px;
    font-size: 12px;
}

@media (max-width: 900px) {
    .y-main .muhabbet-admin-grid .muhabbet-extension-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .y-main .muhabbet-admin-grid .muhabbet-extension-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* MUHABBET_ADMIN_COMPACT_END */

/* MUHABBET_INLINE_ADMIN_CLEAN_BEGIN */
.muhabbet-current-row {
    min-height: 38px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--dp-line);
    background: var(--dp-primary-3);
}

.muhabbet-current-row .muhabbet-current {
    flex: 1 1 auto;
    min-height: 38px;
    border-bottom: 0;
    background: transparent;
}

.muhabbet-inline-clean {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding: 4px 6px;
}

.muhabbet-inline-clean label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: var(--dp-primary-2);
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.muhabbet-inline-clean select {
    width: 132px;
    height: 28px;
    min-height: 28px;
    padding: 0 5px;
    border: 1px solid var(--dp-line);
    background: #fff;
    color: var(--dp-text);
    font-size: 11px;
}

.muhabbet-inline-clean .dp-btn {
    height: 28px;
    min-height: 28px;
    padding: 0 8px;
    font-size: 11px;
}

@media (max-width: 900px) {
    .muhabbet-current-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .muhabbet-inline-clean {
        justify-content: flex-start;
        border-top: 1px solid var(--dp-line);
    }
}

@media (max-width: 560px) {
    .muhabbet-inline-clean {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .muhabbet-inline-clean label {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .muhabbet-inline-clean select {
        width: 100%;
    }
}
/* MUHABBET_INLINE_ADMIN_CLEAN_END */


/* ===== imported: mobil.css ===== */
@media (max-width: 980px) {
    .dp-app-shell,
    .y-app-shell {
        grid-template-columns: 1fr;
        grid-template-rows: 62px minmax(0, 1fr);
    }

    .dp-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .dp-sidebar,
    .y-sidebar {
        position: fixed;
        z-index: 50;
        top: 62px;
        left: 0;
        bottom: 0;
        width: 270px;
        transform: translateX(-100%);
        transition: transform .16s ease;
        box-shadow: none;
        border-right: 2px solid var(--dp-primary);
    }

    body.dp-sidebar-open .dp-sidebar,
    body.dp-sidebar-open .y-sidebar {
        transform: translateX(0);
    }

    .dp-main {
        grid-row: 2;
        padding: 10px;
    }

    .dp-page-head {
        flex-direction: column;
        gap: 8px;
    }

    .dp-grid-2,
    .dp-grid-3,
    .dp-form-grid,
    .y-stat-grid {
        grid-template-columns: 1fr;
    }

    .dp-topbar {
        height: 62px;
        padding: 0 8px;
    }

    .dp-brand-text small {
        display: none;
    }

    .dp-theme-picker {
        gap: 3px;
    }

    .dp-theme-dot {
        width: 12px;
        height: 12px;
    }

    .dp-user-chip {
        display: none;
    }
}

@media (max-width: 700px) {
    .auth-grid {
        grid-template-columns: 1fr;
    }

    .auth-box-wide {
        width: min(100%, 460px);
    }

    .dp-brand-text strong {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    html,
    body {
        font-size: 13px;
    }

    .dp-topbar-right {
        gap: 5px;
    }

    .dp-btn {
        min-height: 30px;
        padding: 0 8px;
        font-size: 12px;
    }

    .dp-main {
        padding: 8px;
    }

    .dp-card {
        padding: 9px;
    }

    .dp-footer {
        padding: 0 8px;
        font-size: 12px;
    }

    .dp-info-list div {
        flex-direction: column;
        gap: 4px;
    }

    .dp-info-list strong {
        text-align: left;
    }

    .auth-page {
        padding: 8px;
    }

    .auth-box {
        padding: 14px;
    }

    .auth-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .auth-btn,
    .auth-link {
        width: 100%;
        text-align: center;
    }
}

/* Mobilde de radius kesin kapalı */
*,
*::before,
*::after {
    border-radius: 0 !important;
}


/* =====================================================================
   HARMANCORMAN.COM UYUM KATMANI
   Amaç: Ek DİB Personel dp/y temasını mevcut hc-* PHP yapısına uygulamak.
   ===================================================================== */
:root,
body.theme-trq,
body.theme-mavi,
body.theme-kirmizi,
body.theme-mor,
body.theme-turuncu,
body.theme-sari,
body.theme-pembe,
body.theme-kahve {
    --hc-bg: var(--dp-bg);
    --hc-bg-top: var(--dp-primary);
    --hc-bg-bottom: var(--dp-bg);
    --hc-surface: var(--dp-panel);
    --hc-surface-soft: var(--dp-panel);
    --hc-surface-glass: var(--dp-panel);
    --hc-text-main: var(--dp-text);
    --hc-text-soft: var(--dp-muted);
    --hc-text-muted: var(--dp-muted);
    --hc-text-faint: var(--dp-sidebar-muted);
    --hc-primary: var(--dp-primary);
    --hc-primary-2: var(--dp-primary-2);
    --hc-primary-strong: var(--dp-primary-2);
    --hc-accent-strong: var(--dp-primary-2);
    --hc-danger: var(--dp-danger);
    --hc-warn: var(--dp-warning);
    --hc-ok: var(--dp-success);
    --hc-blue: var(--dp-info);
    --hc-purple: #6d28d9;
    --hc-orange: #ea580c;
    --hc-border: var(--dp-line);
    --hc-border-soft: var(--dp-line);
    --hc-border-subtle: var(--dp-line);
    --hc-shadow: none;
    --hc-shadow-soft: none;
    --hc-shadow-strong: none;
    --hc-r-xl: 0;
    --hc-r-lg: 0;
    --hc-r-md: 0;
    --hc-r-sm: 0;
    --hc-r-pill: 0;
    --hc-gap: 10px;
    --hc-pad: 10px;
    --hc-pad-sm: 8px;
    --hc-pad-lg: 12px;
    --hc-fs-10: 10px;
    --hc-fs-11: 11px;
    --hc-fs-12: 12px;
    --hc-fs-13: 13px;
    --hc-fs-14: 14px;
    --hc-fs-16: 16px;
    --hc-fs-18: 18px;
    --hc-shell-width: 100%;
    --hc-header-height: 62px;
    --hc-footer-height: 40px;
    --hc-sidebar-width: 250px;
    --hc-btn-h: 32px;
    --hc-btn-h-sm: 28px;
    --hc-btn-h-lg: 38px;
}

html,
body {
    min-height: 100%;
    background: var(--dp-bg) !important;
    color: var(--dp-text) !important;
    font-family: var(--dp-font) !important;
    font-size: 14px;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--dp-primary) 10%, transparent), transparent 260px);
    opacity: .45;
    z-index: -1;
}

.hc-shell {
    width: 100% !important;
    min-height: calc(100vh - 40px);
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: 62px minmax(0, 1fr) 40px;
    background: var(--dp-bg) !important;
}

.hc-header {
    min-height: 62px !important;
    height: 62px;
    position: sticky;
    top: 0;
    z-index: 80;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 14px !important;
    background: var(--dp-head-bg) !important;
    border: 0 !important;
    border-bottom: 2px solid var(--dp-primary) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.hc-header-left,
.hc-header-actions,
.hc-userbar,
.hc-logo-link,
.hc-theme-picker {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hc-header-center {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.hc-logo-block { min-width: 210px; }
.hc-logo-texts { display: grid; gap: 1px; min-width: 0; }
.hc-logo-text {
    display: block;
    font-size: 19px !important;
    line-height: 1.05;
    font-weight: 900 !important;
    color: var(--dp-text) !important;
    text-transform: uppercase;
}
.hc-logo-tagline {
    display: block;
    color: var(--dp-muted) !important;
    font-size: 11px;
    line-height: 1.2;
}
.hc-logo-mark,
.auth-logo {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dp-primary) !important;
    color: #fff !important;
    border: 1px solid var(--dp-primary-2) !important;
    font-weight: 900;
    letter-spacing: .4px;
    box-shadow: none !important;
}

.hc-mobile-toggle,
.dp-mobile-toggle {
    display: none;
    width: 34px;
    height: 34px;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    color: var(--dp-text);
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
}

.hc-search {
    width: min(100%, 520px);
    max-width: 520px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0;
    padding: 0 !important;
    border: 1px solid var(--dp-line) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.hc-search-input {
    min-height: 34px !important;
    height: 34px;
    padding: 0 8px !important;
    border: 0 !important;
    background: #fff !important;
    color: var(--dp-text) !important;
    outline: none;
}
.hc-search-btn {
    min-height: 34px !important;
    height: 34px;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 1px solid var(--dp-line-dark) !important;
    background: var(--dp-primary) !important;
    color: #fff !important;
    font-weight: 800;
    cursor: pointer;
}
.hc-search-btn:hover { background: var(--dp-primary-2) !important; }

.hc-theme-picker,
.dp-theme-picker {
    display: flex;
    align-items: center;
    gap: 4px;
}
.hc-theme-dot,
.dp-theme-dot {
    width: 13px;
    height: 13px;
    padding: 0;
    display: inline-block;
    border: 1px solid var(--dp-line-dark);
    background: var(--dot-color);
    cursor: pointer;
}
.hc-theme-dot.is-active,
.dp-theme-dot.is-active {
    outline: 2px solid var(--dp-text);
    outline-offset: 1px;
}

.hc-user-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    color: var(--dp-text);
    font-weight: 700;
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hc-avatar,
.hc-avatar-wrap {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dp-line-dark) !important;
    background: var(--dp-panel) !important;
    overflow: hidden;
    box-shadow: none !important;
}
.hc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.hc-avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff;
    background: #fff;
}
.hc-avatar-admin { border-color: var(--dp-warning) !important; }

.hc-main-layout {
    min-height: 0;
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 0 !important;
    align-items: stretch;
    background: var(--dp-bg);
}
.hc-sidebar,
.hc-sidebar-public {
    width: 250px !important;
    min-height: 100%;
    padding: 8px !important;
    border: 0 !important;
    border-right: 2px solid var(--dp-primary) !important;
    background: linear-gradient(180deg, var(--dp-sidebar), var(--dp-sidebar-2)) !important;
    color: var(--dp-sidebar-text) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    overflow: visible;
}
.hc-sidebar-section,
.hc-admin-nav { display: grid !important; gap: 8px !important; }
.hc-sidebar-title,
.hc-admin-nav-group-title {
    margin: 4px 0 !important;
    color: var(--dp-sidebar-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.hc-sidebar-empty {
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-muted);
    font-size: 12px;
}
.hc-cat-menu-root,
.hc-cat-menu-children {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 5px;
}
.hc-cat-item { position: relative; }
.hc-cat-link,
.hc-admin-nav-link,
.hc-sidebar-link {
    min-height: 34px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 10px !important;
    margin: 0 0 5px 0 !important;
    border: 1px solid var(--dp-line) !important;
    background: color-mix(in srgb, var(--dp-panel) 68%, transparent) !important;
    color: var(--dp-sidebar-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background .12s ease, border-color .12s ease;
}
.hc-cat-link:hover,
.hc-admin-nav-link:hover,
.hc-admin-nav-link-active,
.hc-sidebar-link:hover {
    background: var(--dp-primary) !important;
    border-color: var(--dp-primary-2) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.hc-cat-icon,
.hc-admin-nav-icon {
    width: 20px !important;
    min-width: 20px;
    height: 20px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor !important;
    background: transparent !important;
}
.hc-cat-icon svg { width: 15px; height: 15px; }

/* PUBLIC_SIDEBAR_MARQUEE_BEGIN */
.hc-cat-link {
    overflow: hidden !important;
}

.hc-cat-label {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.hc-cat-label-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    will-change: transform;
}

.hc-cat-link.hc-cat-link-marquee:hover .hc-cat-label-text,
.hc-cat-link.hc-cat-link-marquee:focus-within .hc-cat-label-text {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    padding-right: 18px;
    animation: hc-sidebar-label-marquee var(--hc-marquee-duration, 5s) linear infinite alternate;
}

@keyframes hc-sidebar-label-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-1 * var(--hc-marquee-distance, 0px))); }
}

@media (prefers-reduced-motion: reduce) {
    .hc-cat-link.hc-cat-link-marquee:hover .hc-cat-label-text,
    .hc-cat-link.hc-cat-link-marquee:focus-within .hc-cat-label-text {
        animation: none;
        transform: none;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        padding-right: 0;
    }
}
/* PUBLIC_SIDEBAR_MARQUEE_END */

.hc-cat-popover {
    display: none;
    position: absolute;
    top: -7px;
    left: calc(100% - 5px);
    min-width: 230px;
    border: 1px solid var(--dp-line-dark);
    background: var(--dp-panel);
    padding: 8px;
    z-index: 5000;
    box-shadow: none;
}
.hc-cat-popover::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%;
}
.hc-cat-item:hover > .hc-cat-popover,
.hc-cat-item:focus-within > .hc-cat-popover { display: block; }

.hc-content {
    min-width: 0;
    padding: 12px !important;
    border: 0 !important;
    background: var(--dp-bg) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.hc-section {
    display: grid;
    gap: 10px;
    margin: 0 0 10px 0 !important;
}
.hc-section-header,
.hc-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--dp-line) !important;
    background: var(--dp-panel-2) !important;
    box-shadow: none !important;
}
.hc-section-title {
    margin: 0 0 5px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: var(--dp-text) !important;
}
.hc-hero-subtitle,
.hc-section-subtitle,
.hc-card-subtitle {
    margin: 0 !important;
    color: var(--dp-muted) !important;
    font-size: 12px;
    line-height: 1.45;
}

.hc-card,
.hc-box,
.hc-article,
.hc-notfound,
.hc-comments,
.hc-rating,
.hc-profile-card,
.hc-profile-meta-card,
.hc-profile-edit-card,
.hc-siteayar-card,
.hc-admin-kpi-card,
.hc-stat-card,
.hc-stat-box,
.hc-galeri-card,
.hc-galeri-item,
.hc-gorsel-kart,
.hc-gorsel-feature-card,
.hc-kurulum-card {
    border: 1px solid var(--dp-line) !important;
    background: var(--dp-panel) !important;
    color: var(--dp-text) !important;
    box-shadow: none !important;
    padding: 10px;
}
.hc-card-header,
.hc-card-head,
.hc-article-header-line,
.hc-comments-head {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dp-line) !important;
}
.hc-card-title,
.hc-box-title,
.hc-comments-title,
.hc-profile-meta-title,
.hc-kurulum-title {
    margin: 0 0 7px !important;
    color: var(--dp-text) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}
.hc-card-body,
.hc-box-body,
.hc-article-body { line-height: 1.58; }
.hc-text-soft,
.hc-muted,
.hc-form-help,
.hc-auth-note,
.hc-profile-email,
.hc-profile-hint,
.hc-admin-row-meta,
.hc-galeri-meta,
.hc-galeri-note,
.hc-stat-sub,
.hc-admin-kpi-sub { color: var(--dp-muted) !important; }

.hc-btn,
.hc-pill,
.hc-comment-submit-btn,
button.hc-btn,
a.hc-btn {
    min-height: 32px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid transparent !important;
    background: var(--dp-primary) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: none !important;
}
.hc-btn:hover,
.hc-pill:hover { background: var(--dp-primary-2) !important; color: #fff !important; }
.hc-btn-sm { min-height: 28px !important; padding: 0 8px !important; font-size: 12px !important; }
.hc-btn-lg { min-height: 38px !important; padding: 0 13px !important; }
.hc-btn-primary { background: var(--dp-primary) !important; border-color: var(--dp-primary-2) !important; color: #fff !important; }
.hc-btn-ghost,
.hc-pill-outline,
.hc-btn-outline {
    background: var(--dp-panel) !important;
    color: var(--dp-text) !important;
    border-color: var(--dp-line-dark) !important;
}
.hc-btn-ghost:hover,
.hc-pill-outline:hover,
.hc-btn-outline:hover {
    background: var(--dp-panel-2) !important;
    color: var(--dp-text) !important;
}
.hc-btn-danger { background: var(--dp-danger) !important; border-color: var(--dp-danger) !important; }
.hc-btn-link,
.hc-link,
.hc-link-plain,
.hc-link-small,
.hc-footer-link,
.hc-auth-link {
    color: var(--dp-primary-2) !important;
    font-weight: 800;
    text-decoration: none;
}
.hc-btn-link:hover,
.hc-link:hover,
.hc-link-plain:hover,
.hc-link-small:hover,
.hc-footer-link:hover,
.hc-auth-link:hover { text-decoration: underline !important; }
.hc-is-disabled,
.hc-btn[disabled],
button[disabled] { opacity: .55; pointer-events: none; }

.hc-form,
form.hc-form { display: grid; gap: 10px; }
.hc-form-grid,
.hc-siteayar-grid,
.hc-yazi-form-grid,
.hc-kategori-form-grid,
.hc-profile-layout,
.hc-gorsel-layout,
.hc-dil-grid,
.hc-kurulum-grid,
.hc-grid-2,
.hc-section-grid {
    display: grid;
    gap: 10px;
}
.hc-grid-2,
.hc-kurulum-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hc-siteayar-grid,
.hc-yazi-form-grid,
.hc-kategori-form-grid,
.hc-profile-layout,
.hc-gorsel-layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr); }
.hc-dil-grid { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.hc-form-field,
.hc-auth-field { display: grid; gap: 4px; margin-bottom: 10px; }
.hc-form-label,
.hc-auth-label,
.hc-label {
    display: block;
    margin: 0;
    color: var(--dp-text) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}
.hc-form-input,
.hc-form-select,
.hc-form-textarea,
.hc-auth-input,
.hc-input-compact,
.hc-form-file,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="file"],
textarea,
select {
    width: 100%;
    min-height: 34px;
    padding: 0 8px !important;
    border: 1px solid var(--dp-line) !important;
    background: #fff !important;
    color: var(--dp-text) !important;
    outline: none;
    font: inherit;
    box-shadow: none !important;
}
textarea,
.hc-form-textarea { min-height: 100px; padding-top: 8px !important; resize: vertical; }
.hc-form-input:focus,
.hc-form-select:focus,
.hc-form-textarea:focus,
.hc-auth-input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--dp-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dp-primary) 18%, transparent) !important;
}
.hc-yazi-actions,
.hc-auth-actions,
.hc-req-actions,
.hc-kurulum-actions,
.hc-form-actions,
.hc-profile-actions,
.hc-admin-filter-bar,
.hc-filter-bar,
.hc-galeri-topbar,
.hc-between,
.hc-row {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.hc-yazi-actions,
.hc-auth-actions,
.hc-req-actions,
.hc-kurulum-actions,
.hc-profile-actions { justify-content: space-between; }
.hc-admin-filter-right { margin-left: auto; display: flex; gap: 6px; }

.hc-alert,
.hc-alert-error,
.hc-alert-success,
.hc-auth-error,
.hc-auth-success,
.hc-alert-warning,
.hc-alert-info {
    padding: 9px 10px !important;
    margin-bottom: 8px !important;
    border: 1px solid transparent !important;
    line-height: 1.45;
    box-shadow: none !important;
}
.hc-alert-error,
.hc-auth-error,
.hc-alert-danger { background: #fff0ee !important; border-color: #f0aca6 !important; color: var(--dp-danger) !important; }
.hc-alert-success,
.hc-auth-success { background: #eaf7f0 !important; border-color: #9fd9bd !important; color: var(--dp-success) !important; }
.hc-alert-warning { background: #fff6e5 !important; border-color: #e6c474 !important; color: var(--dp-warning) !important; }
.hc-alert-info { background: #eef5ff !important; border-color: #adcdf5 !important; color: var(--dp-info) !important; }

.hc-table-wrapper,
.hc-table-wrap,
.hc-table-scroll {
    width: 100%;
    overflow: auto;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
}
table,
.hc-table,
.hc-admin-table,
.hc-yorum-table,
.hc-info-table,
.hc-req-table {
    width: 100%;
    border-collapse: collapse !important;
    background: var(--dp-panel) !important;
    color: var(--dp-text);
}
.hc-table th,
.hc-table td,
.hc-admin-table th,
.hc-admin-table td,
.hc-yorum-table th,
.hc-yorum-table td,
.hc-info-table th,
.hc-info-table td,
.hc-req-table th,
.hc-req-table td,
th,
td {
    padding: 7px 8px !important;
    border: 1px solid var(--dp-line) !important;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}
th,
.hc-table th,
.hc-admin-table th,
.hc-yorum-table th,
.hc-info-table th,
.hc-req-table th {
    background: var(--dp-primary-3) !important;
    color: var(--dp-text) !important;
    font-weight: 900 !important;
    white-space: nowrap;
}
tr:hover td { background: color-mix(in srgb, var(--dp-primary-3) 55%, #fff) !important; }
.text-right,
.hc-td-right { text-align: right !important; }
.text-center,
.hc-td-center { text-align: center !important; }

.hc-admin-kpi-grid,
.hc-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}
.hc-admin-kpi-label,
.hc-stat-label { color: var(--dp-muted) !important; font-size: 11px; font-weight: 800; }
.hc-admin-kpi-value,
.hc-stat-value { font-size: 24px !important; font-weight: 900 !important; color: var(--dp-primary-2) !important; }

.hc-badge,
.hc-admin-status-pill,
.hc-admin-role-pill,
.hc-profile-badge,
.hc-kullanim-badge,
.hc-yorum-durum-badge,
.hc-post-cat-chip,
.hc-post-tag-chip,
.hc-tag-badge,
.hc-article-meta-pill,
.hc-post-date,
.hc-post-counter,
.hc-page,
.hc-comment-page-link,
.hc-comment-page-current,
.hc-footer-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 7px !important;
    border: 1px solid var(--dp-line) !important;
    background: var(--dp-panel-2) !important;
    color: var(--dp-muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    gap: 5px;
}
.hc-badge-success,
.hc-badge-aktif,
.hc-admin-status-aktif,
.hc-admin-status-yayinda,
.hc-admin-role-kullanici,
.hc-yorum-durum-onayli { background: #eaf7f0 !important; color: var(--dp-success) !important; border-color: #9fd9bd !important; }
.hc-badge-muted,
.hc-badge-pasif,
.hc-admin-status-pasif,
.hc-admin-status-taslak,
.hc-yorum-durum-cop { background: var(--dp-panel-2) !important; color: var(--dp-muted) !important; }
.hc-admin-role-admin,
.hc-yorum-durum-reddedildi { background: #fff0ee !important; color: var(--dp-danger) !important; border-color: #f0aca6 !important; }
.hc-admin-role-editor { background: #eef5ff !important; color: var(--dp-info) !important; border-color: #adcdf5 !important; }
.hc-yorum-durum-beklemede { background: #fff6e5 !important; color: var(--dp-warning) !important; border-color: #e6c474 !important; }

.hc-post-list { display: grid; gap: 10px; }
.hc-post-item {
    display: grid !important;
    grid-template-columns: 164px minmax(0, 1fr);
    gap: 0;
    border: 1px solid var(--dp-line) !important;
    background: var(--dp-panel) !important;
    box-shadow: none !important;
    overflow: hidden;
}
.hc-post-thumb-wrap {
    width: 164px;
    min-width: 164px;
    height: 122px;
    border-right: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    display: block;
}
.hc-post-thumb-wrap img,
.hc-thumb-ph { width: 100%; height: 100%; object-fit: cover; }
.hc-thumb-ph { display: flex; align-items: center; justify-content: center; color: var(--dp-muted); }
.hc-post-main { padding: 10px; display: grid; gap: 8px; min-width: 0; }
.hc-post-header { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.hc-post-title { margin: 0 !important; font-size: 17px !important; font-weight: 900 !important; }
.hc-post-cats,
.hc-post-counters,
.hc-post-tags,
.hc-tags-container { display: flex; flex-wrap: wrap; gap: 6px; }
.hc-post-counters { justify-content: flex-end; }
.hc-post-excerpt { color: var(--dp-text) !important; font-size: 12px; line-height: 1.45; }
.hc-post-tags-row {
    display: flex;
    gap: 8px;
    padding: 7px 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2) !important;
}
.hc-pagination,
.hc-admin-pagination,
.hc-pager,
.hc-comment-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.hc-article-title-main { margin: 0 !important; font-size: 22px !important; font-weight: 900 !important; }
.hc-article-meta-right { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.hc-article-section { margin-top: 10px; }
.hc-article-footer-note { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--dp-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: var(--dp-muted); font-size: 11px; }
.hc-tab-nav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }
.hc-tab-btn { min-height: 30px; padding: 0 10px; border: 1px solid var(--dp-line); background: #fff; color: var(--dp-text); font-weight: 800; cursor: pointer; }
.hc-tab-btn--active,
.hc-tab-btn:hover { background: var(--dp-primary); color: #fff; border-color: var(--dp-primary-2); }
.hc-tab-panel { border: 1px solid var(--dp-line); background: var(--dp-panel); padding: 10px; }
.hc-gallery-strip-wrapper { display: flex; align-items: center; gap: 8px; }
.hc-gallery-strip { flex: 1; display: flex; gap: 8px; overflow-x: auto; padding: 6px; }
.hc-gallery-thumb { width: 88px; height: 88px; border: 1px solid var(--dp-line); background: #fff; overflow: hidden; cursor: pointer; padding: 0; }
.hc-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hc-gallery-nav { width: 28px; height: 28px; border: 1px solid var(--dp-line-dark); background: var(--dp-panel); color: var(--dp-primary-2); cursor: pointer; }
.hc-lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.72); display: flex; align-items: center; justify-content: center; }
.hc-lightbox-dialog { position: relative; width: min(96%, 1024px); background: #0b1120; border: 2px solid var(--dp-primary); padding: 12px 40px; }
.hc-lightbox-image-wrap { display: flex; align-items: center; justify-content: center; max-height: 640px; overflow: hidden; }
.hc-lightbox-image-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; }
.hc-lightbox-caption { color: #e5e7eb; font-size: 11px; text-align: center; }
.hc-lightbox-close,
.hc-lightbox-prev,
.hc-lightbox-next { position: absolute; border: 1px solid var(--dp-line); background: rgba(255,255,255,.08); color: #fff; cursor: pointer; width: 30px; height: 30px; }
.hc-lightbox-close { top: 8px; right: 10px; }
.hc-lightbox-prev { left: 8px; top: 50%; transform: translateY(-50%); }
.hc-lightbox-next { right: 8px; top: 50%; transform: translateY(-50%); }

.hc-comments { margin-top: 10px; }
.hc-comment-form { padding-bottom: 10px; border-bottom: 1px solid var(--dp-line); margin-bottom: 10px; }
.hc-comment-form-row { display: flex; flex-wrap: wrap; gap: 9px; }
.hc-comment-form-field { flex: 1 1 180px; display: grid; gap: 5px; }
.hc-comment-list { list-style: none; padding: 0; margin: 0 0 10px; display: grid; gap: 8px; }
.hc-comment-item { border: 1px solid var(--dp-line); background: var(--dp-panel-2); padding: 8px; }
.hc-comment-header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.hc-comment-author { font-weight: 900; }
.hc-comment-meta { color: var(--dp-muted); font-size: 11px; }
.hc-comment-body { white-space: pre-wrap; line-height: 1.45; }

.hc-rating { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0; }
.hc-rating-left { display: flex; align-items: center; gap: 10px; }
.hc-rating-kpi { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid #e6c474; background: #fff6e5; }
.hc-rating-score { font-size: 18px; font-weight: 900; }
.hc-rating-count,
.hc-rating-hint { font-size: 11px; color: var(--dp-muted); }
.hc-starbar { --val: 0; position: relative; width: 120px; height: 20px; }
.hc-starbar-track,
.hc-starbar-fill { position: absolute; inset: 0; display: flex; gap: 4px; }
.hc-starbar-track svg,
.hc-starbar-fill svg { width: 18px; height: 18px; }
.hc-starbar-fill { width: calc((var(--val) / 5) * 100%); overflow: hidden; pointer-events: none; color: #d97706; }
.hc-rating-right,
.hc-rating-form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hc-star-select { display: inline-flex; flex-direction: row-reverse; gap: 5px; padding: 6px; border: 1px solid var(--dp-line); background: #fff; }
.hc-star-select input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.hc-star-select label { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #e6c474; background: #fff6e5; color: #7a5200; cursor: pointer; }
.hc-star-select label:hover,
.hc-star-select label:hover ~ label,
.hc-star-select input:checked ~ label { background: #ffe3a6; color: #b77900; }

.hc-profile-top { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }
.hc-profile-avatar { width: 62px; height: 62px; border: 2px solid var(--dp-line-dark); background: var(--dp-panel-2); overflow: hidden; display: grid; place-items: center; font-size: 26px; font-weight: 900; }
.hc-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.hc-profile-name { margin: 0 0 4px; font-size: 18px; font-weight: 900; }
.hc-profile-row { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-top: 1px dashed var(--dp-line); }
.hc-profile-row:first-of-type { border-top: 0; }
.hc-profile-label { color: var(--dp-muted); }
.hc-profile-value { font-weight: 800; }

.hc-kategori-listesi,
.hc-dil-list { max-height: 260px; overflow-y: auto; padding: 7px; border: 1px solid var(--dp-line); background: var(--dp-panel-2); }
.hc-kategori-item,
.hc-dil-item,
.hc-switch-row,
.hc-radio-row,
.hc-comment-check { display: flex !important; align-items: center; gap: 7px; }
.hc-dil-item { justify-content: space-between; padding: 6px 8px; border-bottom: 1px solid var(--dp-line); }
.hc-dil-arrows { display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center; }
.hc-baglanti-grid { display: grid; grid-template-columns: 2fr 3fr 1.2fr .8fr; gap: 9px; align-items: end; }

.hc-galeri-grid,
.hc-gorsel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.hc-galeri-card,
.hc-galeri-item,
.hc-gorsel-kart { display: grid; gap: 6px; overflow: hidden; }
.hc-galeri-thumb,
.hc-galeri-card-img,
.hc-gorsel-kart-img,
.hc-gorsel-feature-img { width: 100%; height: 112px; background: var(--dp-panel-2); border: 1px solid var(--dp-line); display: grid; place-items: center; overflow: hidden; }
.hc-galeri-thumb img,
.hc-galeri-card-img img,
.hc-gorsel-kart-img img,
.hc-gorsel-feature-img img { width: 100%; height: 100%; object-fit: cover; }
.hc-galeri-title,
.hc-galeri-card-title { font-weight: 900; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hc-galeri-actions { display: grid; gap: 4px; }
.hc-galeri-card-badges { position: absolute; top: 6px; left: 6px; right: 6px; display: flex; justify-content: space-between; z-index: 5; }
.hc-galeri-link-btn,
.hc-galeri-delete-btn { border: 1px solid var(--dp-line-dark); background: var(--dp-panel); color: var(--dp-primary-2); cursor: pointer; min-height: 24px; padding: 0 6px; }

.hc-auth-wrapper {
    min-height: 100vh;
    display: grid !important;
    place-items: center;
    padding: 18px !important;
    background: var(--dp-bg) !important;
}
.hc-auth-card {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    border: 2px solid var(--dp-primary) !important;
    background: var(--dp-panel) !important;
    padding: 18px !important;
    box-shadow: none !important;
}
.hc-auth-title { margin: 0 0 5px !important; font-size: 24px !important; font-weight: 900 !important; text-transform: uppercase; }
.hc-auth-desc { margin: 0 0 15px !important; color: var(--dp-muted) !important; }
.hc-auth-links { margin-top: 10px; display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }

.hc-footer {
    min-height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 0 14px !important;
    border: 0 !important;
    border-top: 1px solid var(--dp-line) !important;
    background: var(--dp-head-bg) !important;
    color: var(--dp-muted) !important;
    box-shadow: none !important;
    font-size: 12px !important;
}
.hc-footer-left,
.hc-footer-right { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }

@media (max-width: 980px) {
    .hc-shell { grid-template-rows: 62px minmax(0, 1fr) auto; }
    .hc-main-layout { grid-template-columns: 1fr; }
    .hc-mobile-toggle,
    .dp-mobile-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
    .hc-sidebar,
    .hc-sidebar-public {
        position: fixed;
        z-index: 70;
        top: 62px;
        left: 0;
        bottom: 0;
        width: 270px !important;
        transform: translateX(-100%);
        transition: transform .16s ease;
        border-right: 2px solid var(--dp-primary) !important;
        overflow-y: auto;
    }
    body.hc-sidebar-open .hc-sidebar,
    body.dp-sidebar-open .hc-sidebar { transform: translateX(0); }
    .hc-content { padding: 10px !important; }
    .hc-section-header { flex-direction: column; gap: 8px; }
    .hc-grid-2,
    .hc-form-grid,
    .hc-siteayar-grid,
    .hc-yazi-form-grid,
    .hc-kategori-form-grid,
    .hc-profile-layout,
    .hc-gorsel-layout,
    .hc-dil-grid,
    .hc-kurulum-grid,
    .hc-baglanti-grid { grid-template-columns: 1fr !important; }
    .hc-logo-block { min-width: 0; }
    .hc-logo-tagline,
    .hc-user-chip { display: none !important; }
    .hc-header-center { order: 3; width: 100%; flex-basis: 100%; }
    .hc-header { height: auto; min-height: 62px !important; flex-wrap: wrap; padding: 8px !important; }
    .hc-search { max-width: 100%; }
}
@media (max-width: 720px) {
    html,
    body { font-size: 13px; }
    .hc-content { padding: 8px !important; }
    .hc-card,
    .hc-box,
    .hc-article,
    .hc-comments,
    .hc-rating { padding: 9px !important; }
    .hc-post-item { grid-template-columns: 1fr; }
    .hc-post-thumb-wrap { width: 100%; min-width: 0; height: 180px; border-right: 0; border-bottom: 1px solid var(--dp-line); }
    .hc-post-header,
    .hc-rating,
    .hc-footer,
    .hc-content-list-item { flex-direction: column; align-items: stretch; }
    .hc-post-counters { justify-content: flex-start; }
    .hc-auth-actions,
    .hc-yazi-actions,
    .hc-req-actions,
    .hc-kurulum-actions { flex-direction: column; align-items: stretch; }
    .hc-auth-actions .hc-btn,
    .hc-yazi-actions .hc-btn,
    .hc-req-actions .hc-btn,
    .hc-kurulum-actions .hc-btn { width: 100%; }
    .hc-admin-filter-right { margin-left: 0; }
    .hc-footer { align-items: flex-start; padding: 8px !important; }
}

* ,
*::before,
*::after {
    border-radius: 0 !important;
}

/* =====================================================================
   HC_PUBLIC_LIST_IMAGE_WATERMARK_AND_SIDEBAR_WIDTH_FIX_BEGIN
   2026-06-30
   - Ana sayfa / kategori / etiket listelerindeki yazı görsellerine tema renkli filigran.
   - Hover/focus durumunda görsel netleşir.
   - Public sidebar grid genişliği daraltıldı ve uzun kategori metninin sidebar'ı büyütmesi engellendi.
   ===================================================================== */
:root,
body.theme-trq,
body.theme-mavi,
body.theme-kirmizi,
body.theme-mor,
body.theme-turuncu,
body.theme-sari,
body.theme-pembe,
body.theme-kahve {
    --hc-public-sidebar-width: 220px;
    --hc-image-watermark-text: "";
}

.hc-main-layout {
    grid-template-columns: var(--hc-public-sidebar-width) minmax(0, 1fr) !important;
}

.hc-sidebar-public {
    width: var(--hc-public-sidebar-width) !important;
    min-width: 0 !important;
    max-width: var(--hc-public-sidebar-width) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.hc-sidebar-public .hc-sidebar-section,
.hc-sidebar-public .hc-cat-nav,
.hc-sidebar-public .hc-cat-menu-root,
.hc-sidebar-public .hc-cat-menu-children,
.hc-sidebar-public .hc-cat-item,
.hc-sidebar-public .hc-cat-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.hc-sidebar-public .hc-cat-menu-root,
.hc-sidebar-public .hc-cat-menu-children {
    overflow: visible !important;
}

.hc-sidebar-public .hc-cat-link {
    overflow: hidden !important;
    white-space: nowrap !important;
}

.hc-sidebar-public .hc-cat-icon {
    flex: 0 0 20px !important;
}

.hc-sidebar-public .hc-cat-label {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
}

.hc-sidebar-public .hc-cat-label-text {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hc-sidebar-public .hc-cat-link.hc-cat-link-marquee:hover .hc-cat-label-text,
.hc-sidebar-public .hc-cat-link.hc-cat-link-marquee:focus .hc-cat-label-text,
.hc-sidebar-public .hc-cat-link.hc-cat-link-marquee:focus-visible .hc-cat-label-text {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.hc-post-thumb-wrap {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

.hc-post-thumb-wrap img {
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: .70;
    filter: grayscale(.28) saturate(.76) contrast(.92);
    transform: scale(1.005);
    transition: opacity .18s ease, filter .18s ease, transform .18s ease;
}

.hc-post-thumb-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--dp-primary) 54%, transparent),
            color-mix(in srgb, var(--dp-primary-2) 26%, transparent)
        );
    mix-blend-mode: multiply;
    opacity: .88;
    transition: opacity .18s ease;
}

.hc-post-thumb-wrap::after {
    content: none !important;
    display: none !important;
}

.hc-post-thumb-wrap:hover img,
.hc-post-thumb-wrap:focus img,
.hc-post-thumb-wrap:focus-visible img {
    opacity: 1;
    filter: none;
    transform: scale(1.035);
}

.hc-post-thumb-wrap:hover::before,
.hc-post-thumb-wrap:focus::before,
.hc-post-thumb-wrap:focus-visible::before,
.hc-post-thumb-wrap:hover::after,
.hc-post-thumb-wrap:focus::after,
.hc-post-thumb-wrap:focus-visible::after {
    opacity: 0;
}

.hc-post-thumb-wrap .hc-thumb-ph {
    position: relative;
    z-index: 1;
}

@media (max-width: 980px) {
    .hc-main-layout {
        grid-template-columns: 1fr !important;
    }

    .hc-sidebar-public {
        width: min(82vw, 270px) !important;
        max-width: min(82vw, 270px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-post-thumb-wrap img,
    .hc-post-thumb-wrap::before,
    .hc-post-thumb-wrap::after {
        transition: none !important;
        transform: none !important;
    }
}
/* HC_PUBLIC_LIST_IMAGE_WATERMARK_AND_SIDEBAR_WIDTH_FIX_END */

/* HC_PUBLIC_LIST_WATERMARK_AND_SIDEBAR_FINAL_BEGIN */
@media (min-width: 981px) {
    .hc-main-layout {
        grid-template-columns: 230px minmax(0, 1fr) !important;
    }

    .hc-sidebar-public {
        width: 230px !important;
        min-width: 0 !important;
        max-width: 230px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}

.hc-sidebar-public,
.hc-sidebar-public * {
    min-width: 0;
}

.hc-sidebar-public .hc-cat-nav,
.hc-sidebar-public .hc-cat-menu-root,
.hc-sidebar-public .hc-cat-menu-children,
.hc-sidebar-public .hc-cat-item,
.hc-sidebar-public .hc-cat-link,
.hc-sidebar-public .hc-cat-label {
    width: 100% !important;
    max-width: 100% !important;
}

.hc-sidebar-public .hc-cat-link {
    min-width: 0 !important;
    overflow: hidden !important;
    contain: layout paint;
}

.hc-sidebar-public .hc-cat-label {
    flex: 1 1 0 !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.hc-sidebar-public .hc-cat-label-text {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transform: translateX(0);
}

.hc-sidebar-public .hc-cat-link.hc-cat-link-marquee:hover .hc-cat-label-text,
.hc-sidebar-public .hc-cat-link.hc-cat-link-marquee:focus-within .hc-cat-label-text {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding-right: 22px !important;
    animation: hc-sidebar-label-marquee var(--hc-marquee-duration, 5s) linear infinite alternate !important;
}

.hc-sidebar-public .hc-cat-popover {
    position: static !important;
    display: none !important;
    left: auto !important;
    top: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 0 0 !important;
    padding: 0 0 0 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: auto !important;
}

.hc-sidebar-public .hc-cat-popover::before {
    display: none !important;
}

.hc-sidebar-public .hc-cat-item:hover > .hc-cat-popover,
.hc-sidebar-public .hc-cat-item:focus-within > .hc-cat-popover {
    display: block !important;
}

.hc-sidebar-public .hc-cat-menu-children .hc-cat-link {
    min-height: 31px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
}

.hc-post-thumb-wrap {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    background: color-mix(in srgb, var(--dp-primary) 18%, var(--dp-panel-2)) !important;
}

.hc-post-thumb-wrap img,
.hc-post-thumb-wrap .hc-thumb-ph {
    position: relative;
    z-index: 0;
    transition: filter .18s ease, opacity .18s ease, transform .18s ease;
}

.hc-post-thumb-wrap img {
    filter: blur(.45px) saturate(.72) contrast(.92) brightness(.94);
    opacity: .62;
    transform: scale(1.01);
}

.hc-post-thumb-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--dp-primary) 72%, transparent),
            color-mix(in srgb, var(--dp-primary-2) 46%, transparent)
        ),
        repeating-linear-gradient(-35deg,
            transparent 0 16px,
            color-mix(in srgb, #ffffff 24%, transparent) 16px 18px,
            transparent 18px 34px
        );
    opacity: .72;
    mix-blend-mode: multiply;
    transition: opacity .18s ease;
}

.hc-post-thumb-wrap::after {
    content: none !important;
    display: none !important;
}

.hc-post-item:hover .hc-post-thumb-wrap img,
.hc-post-thumb-wrap:hover img,
.hc-post-thumb-wrap:focus-visible img {
    filter: none;
    opacity: 1;
    transform: scale(1.035);
}

.hc-post-item:hover .hc-post-thumb-wrap::before,
.hc-post-item:hover .hc-post-thumb-wrap::after,
.hc-post-thumb-wrap:hover::before,
.hc-post-thumb-wrap:hover::after,
.hc-post-thumb-wrap:focus-visible::before,
.hc-post-thumb-wrap:focus-visible::after {
    opacity: 0;
}

@supports not (background: color-mix(in srgb, #000 50%, transparent)) {
    .hc-post-thumb-wrap::before {
        background: rgba(0, 166, 173, .52);
    }

    .hc-post-thumb-wrap::after {
        background: rgba(0, 166, 173, .55);
        color: #ffffff;
        border-color: rgba(255, 255, 255, .55);
    }
}

@media (max-width: 980px) {
    .hc-sidebar-public {
        max-width: 270px !important;
        overflow-x: hidden !important;
    }
}
/* HC_PUBLIC_LIST_WATERMARK_AND_SIDEBAR_FINAL_END */


/* =====================================================================
   HC_PUBLIC_SIDEBAR_RIGHT_POPOVER_FIX_BEGIN
   2026-06-30
   - Masaüstünde public sidebar alt kategorileri tekrar sağa açılır.
   - Mobilde mevcut aşağı açılan yapı korunur.
   - Uzun menü metinleri sidebar genişliğini büyütmez; marquee davranışı korunur.
   ===================================================================== */
@media (min-width: 981px) {
    .hc-main-layout {
        overflow: visible !important;
    }

    .hc-sidebar,
    .hc-sidebar-public {
        position: relative !important;
        z-index: 80 !important;
        overflow: visible !important;
    }

    .hc-content {
        position: relative !important;
        z-index: 10 !important;
    }

    .hc-sidebar-public .hc-cat-nav,
    .hc-sidebar-public .hc-cat-menu-root,
    .hc-sidebar-public .hc-cat-menu-children,
    .hc-sidebar-public .hc-cat-item {
        overflow: visible !important;
    }

    .hc-sidebar-public .hc-cat-item {
        position: relative !important;
    }

    .hc-sidebar-public .hc-cat-popover {
        position: absolute !important;
        display: none !important;
        top: -8px !important;
        left: calc(100% + 6px) !important;
        width: 250px !important;
        min-width: 230px !important;
        max-width: 320px !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 1px solid var(--dp-line-dark) !important;
        background: var(--dp-panel) !important;
        box-shadow: none !important;
        z-index: 9000 !important;
    }

    .hc-sidebar-public .hc-cat-popover::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: -8px !important;
        top: 0 !important;
        width: 8px !important;
        height: 100% !important;
        background: transparent !important;
    }

    .hc-sidebar-public .hc-cat-item:hover > .hc-cat-popover,
    .hc-sidebar-public .hc-cat-item:focus-within > .hc-cat-popover {
        display: block !important;
    }
}
/* HC_PUBLIC_SIDEBAR_RIGHT_POPOVER_FIX_END */

/* HC_LIGHTBOX_HIDDEN_FIX_BEGIN
   Konu liste görseli/başlığı konuyu açar; lightbox sadece konu içi galeri tıklanınca görünür. */
.hc-lightbox[hidden] {
    display: none !important;
}
/* HC_LIGHTBOX_HIDDEN_FIX_END */

/* HC_ADMIN_LAYOUT_COLUMN_FIX_BEGIN
   Public sidebar 230px düzeltmesi admin panel grid yapısını etkilemesin.
   Admin y-sidebar 250px kalır; içerik alanı sidebar içine kaymaz. */
@media (min-width: 981px) {
    .hc-main-layout:has(> .y-sidebar) {
        grid-template-columns: 250px minmax(0, 1fr) !important;
    }

    .hc-main-layout > .y-sidebar {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        box-sizing: border-box !important;
    }

    .hc-main-layout > .y-sidebar + .y-main {
        min-width: 0 !important;
        margin-left: 0 !important;
        position: relative !important;
        z-index: 10 !important;
    }
}

@supports not selector(.hc-main-layout:has(> .y-sidebar)) {
    @media (min-width: 981px) {
        .hc-main-layout > .y-sidebar + .y-main {
            margin-left: 20px !important;
        }
    }
}
/* HC_ADMIN_LAYOUT_COLUMN_FIX_END */


/* HC_PRO_EDITOR_BEGIN
   Profesyonel metin editörü + editör çıktısı render katmanı. */
.dp-editor-wrap {
    width: 100%;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel, #fff);
    box-shadow: none;
    overflow: hidden;
}

.dp-editor-toolbar {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 7px;
    border-bottom: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
}

.dp-editor-group {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding-right: 6px;
    border-right: 1px solid var(--dp-line, var(--hc-border-soft));
}

.dp-editor-group:last-child {
    border-right: 0;
    padding-right: 0;
}

.dp-editor-btn,
.dp-editor-select {
    min-height: 30px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #fff;
    color: var(--dp-text, var(--hc-text-main));
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.dp-editor-btn {
    padding: 0 8px;
}

.dp-editor-select {
    min-width: 132px;
    padding: 0 8px;
}

.dp-editor-btn:hover,
.dp-editor-btn.is-active,
.dp-editor-select:focus {
    background: var(--dp-primary, var(--hc-primary));
    color: #fff;
    border-color: var(--dp-primary-2, var(--hc-primary-2));
    outline: none;
}

.dp-editor-area,
.dp-editor-html-source {
    width: 100%;
    min-height: 420px;
    padding: 12px;
    border: 0;
    outline: none;
    background: #fff;
    color: var(--dp-text, var(--hc-text-main));
    font: inherit;
    font-size: 14px;
    line-height: 1.68;
    overflow: auto;
}

.dp-editor-area:focus,
.dp-editor-html-source:focus {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--dp-primary, var(--hc-primary)) 18%, transparent);
}

.dp-editor-html-source {
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.dp-editor-status {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 9px;
    border-top: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
    color: var(--dp-muted, var(--hc-text-soft));
    font-size: 11px;
    font-weight: 750;
}

.dp-editor-source {
    display: none !important;
}

.dp-editor-wrap.is-source-mode .dp-editor-source-toggle,
.dp-editor-wrap.is-fullscreen .dp-editor-fullscreen-toggle {
    background: var(--dp-primary, var(--hc-primary));
    color: #fff;
    border-color: var(--dp-primary-2, var(--hc-primary-2));
}

body.dp-editor-fullscreen-open {
    overflow: hidden;
}

.dp-editor-wrap.is-fullscreen {
    position: fixed;
    inset: 12px;
    z-index: 10000;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 2px solid var(--dp-primary, var(--hc-primary));
    background: #fff;
}

.dp-editor-wrap.is-fullscreen .dp-editor-toolbar {
    position: static;
}

.dp-editor-wrap.is-fullscreen .dp-editor-area,
.dp-editor-wrap.is-fullscreen .dp-editor-html-source {
    min-height: 0;
    height: 100%;
}

.dp-editor-area h2,
.dp-editor-area h3,
.dp-editor-area h4,
.hc-article-body h2,
.hc-article-body h3,
.hc-article-body h4,
.hc-tab-panel-content h2,
.hc-tab-panel-content h3,
.hc-tab-panel-content h4 {
    margin: 18px 0 9px;
    line-height: 1.25;
    font-weight: 900;
    color: var(--dp-text, var(--hc-text-main));
}

.dp-editor-area h2,
.hc-article-body h2,
.hc-tab-panel-content h2 {
    padding-left: 9px;
    border-left: 4px solid var(--dp-primary, var(--hc-primary));
    font-size: 20px;
}

.dp-editor-area h3,
.hc-article-body h3,
.hc-tab-panel-content h3 {
    font-size: 17px;
}

.dp-editor-area h4,
.hc-article-body h4,
.hc-tab-panel-content h4 {
    font-size: 15px;
}

.dp-editor-area p,
.hc-article-body p,
.hc-tab-panel-content p {
    margin: 0 0 11px;
    color: var(--dp-text, var(--hc-text-main));
    line-height: 1.7;
}

.dp-editor-area ul,
.dp-editor-area ol,
.hc-article-body ul,
.hc-article-body ol,
.hc-tab-panel-content ul,
.hc-tab-panel-content ol {
    margin: 8px 0 12px 22px;
    padding: 0;
}

.dp-editor-area li,
.hc-article-body li,
.hc-tab-panel-content li {
    margin: 4px 0;
    line-height: 1.65;
}

.dp-editor-area blockquote,
.hc-article-body blockquote,
.hc-tab-panel-content blockquote {
    margin: 12px 0;
    padding: 10px 12px;
    border-left: 4px solid var(--dp-primary, var(--hc-primary));
    background: var(--dp-primary-3, rgba(0, 183, 177, .075));
    color: var(--dp-text, var(--hc-text-main));
}

.dp-editor-area a,
.hc-article-body a,
.hc-tab-panel-content a {
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-weight: 850;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.dp-editor-area code,
.hc-article-body code,
.hc-tab-panel-content code {
    padding: 2px 5px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}

.dp-editor-area pre,
.hc-article-body pre,
.hc-tab-panel-content pre {
    overflow: auto;
    margin: 12px 0;
    padding: 11px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #0f172a;
    color: #e5e7eb;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.55;
}

.dp-editor-area pre code,
.hc-article-body pre code,
.hc-tab-panel-content pre code {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.dp-editor-area table,
.hc-article-body table,
.hc-tab-panel-content table {
    width: 100%;
    margin: 12px 0;
    border-collapse: collapse;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #fff;
}

.dp-editor-area th,
.dp-editor-area td,
.hc-article-body th,
.hc-article-body td,
.hc-tab-panel-content th,
.hc-tab-panel-content td {
    padding: 8px 9px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    vertical-align: top;
}

.dp-editor-area th,
.hc-article-body th,
.hc-tab-panel-content th {
    background: var(--dp-primary-3, rgba(0, 183, 177, .075));
    font-weight: 900;
}

.dp-editor-area figure,
.hc-article-body figure,
.hc-tab-panel-content figure {
    margin: 13px 0;
    padding: 8px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
}

.dp-editor-area img,
.hc-article-body img,
.hc-tab-panel-content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #fff;
}

.dp-editor-area figcaption,
.hc-article-body figcaption,
.hc-tab-panel-content figcaption {
    margin-top: 6px;
    color: var(--dp-muted, var(--hc-text-soft));
    font-size: 12px;
    font-weight: 750;
    text-align: center;
}

.dp-editor-area hr,
.hc-article-body hr,
.hc-tab-panel-content hr {
    height: 1px;
    margin: 16px 0;
    border: 0;
    background: var(--dp-line, var(--hc-border-soft));
}

.hc-text-left { text-align: left; }
.hc-text-center { text-align: center; }
.hc-text-right { text-align: right; }
.hc-text-justify { text-align: justify; }

@media (max-width: 760px) {
    .dp-editor-toolbar {
        gap: 5px;
        padding: 6px;
    }

    .dp-editor-group {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid var(--dp-line, var(--hc-border-soft));
        padding: 0 0 5px;
    }

    .dp-editor-group:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .dp-editor-select {
        width: 100%;
    }

    .dp-editor-area,
    .dp-editor-html-source {
        min-height: 320px;
        padding: 10px;
    }

    .dp-editor-wrap.is-fullscreen {
        inset: 0;
    }
}
/* HC_PRO_EDITOR_END */


/* HC_THEME_RATING_AND_PAGE_LOADER_BEGIN
   Yorum/puan yıldızları tema rengiyle çalışır.
   Sayfa geçişlerinde içerik tamamen yüklenene kadar tema uyumlu yükleniyor ekranı gösterilir. */
.hc-rating {
    position: relative !important;
    overflow: hidden !important;
    border-color: color-mix(in srgb, var(--dp-primary) 32%, var(--dp-line)) !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--dp-primary-3) 54%, var(--dp-panel)),
            var(--dp-panel) 54%,
            color-mix(in srgb, var(--dp-primary) 7%, var(--dp-panel))
        ) !important;
}

.hc-rating::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--dp-primary), var(--dp-primary-2));
    pointer-events: none;
}

.hc-rating-kpi {
    border-color: color-mix(in srgb, var(--dp-primary) 48%, var(--dp-line)) !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--dp-primary) 16%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-primary-3) 72%, var(--dp-panel))
        ) !important;
    color: var(--dp-primary-2) !important;
}

.hc-rating-score {
    color: var(--dp-primary-2) !important;
}

.hc-rating-title {
    color: var(--dp-text) !important;
}

.hc-rating-hint strong {
    color: var(--dp-primary-2) !important;
}

.hc-starbar-track svg {
    color: color-mix(in srgb, var(--dp-primary) 24%, var(--dp-muted)) !important;
}

.hc-starbar-track svg path {
    fill: color-mix(in srgb, var(--dp-primary) 5%, transparent) !important;
    stroke: currentColor !important;
    stroke-width: 1.45 !important;
}

.hc-starbar-fill {
    color: var(--dp-primary) !important;
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--dp-primary) 34%, transparent));
}

.hc-starbar-fill svg path {
    fill: color-mix(in srgb, var(--dp-primary) 36%, transparent) !important;
    stroke: currentColor !important;
    stroke-width: 1.45 !important;
}

.hc-star-select {
    border-color: color-mix(in srgb, var(--dp-primary) 32%, var(--dp-line)) !important;
    background: color-mix(in srgb, var(--dp-primary-3) 45%, var(--dp-panel)) !important;
}

.hc-star-select label {
    border-color: color-mix(in srgb, var(--dp-primary) 28%, var(--dp-line)) !important;
    background: var(--dp-panel) !important;
    color: color-mix(in srgb, var(--dp-primary) 42%, var(--dp-muted)) !important;
    transition:
        transform .14s ease,
        background .14s ease,
        border-color .14s ease,
        color .14s ease,
        box-shadow .14s ease !important;
}

.hc-star-select label svg path {
    fill: transparent !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
}

.hc-star-select label:hover,
.hc-star-select label:hover ~ label,
.hc-star-select input:checked ~ label {
    background: color-mix(in srgb, var(--dp-primary) 15%, var(--dp-panel)) !important;
    border-color: color-mix(in srgb, var(--dp-primary) 62%, var(--dp-line)) !important;
    color: var(--dp-primary-2) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dp-primary) 22%, transparent) !important;
}

.hc-star-select label:hover svg path,
.hc-star-select label:hover ~ label svg path,
.hc-star-select input:checked ~ label svg path {
    fill: color-mix(in srgb, var(--dp-primary) 34%, transparent) !important;
}

html[data-hc-theme="theme-trq"] {
    --dp-bg: #eef6f7;
    --dp-bg-2: #dcecee;
    --dp-panel: #ffffff;
    --dp-panel-2: #f5fafb;
    --dp-line: #9ccfd5;
    --dp-line-dark: #008c95;
    --dp-text: #102a33;
    --dp-muted: #526b73;
    --dp-primary: #00a6ad;
    --dp-primary-2: #007b83;
    --dp-primary-3: #dff5f6;
    --dp-head-bg: #dff7f8;
}

html[data-hc-theme="theme-mavi"] {
    --dp-bg: #eef4ff;
    --dp-bg-2: #dbe8ff;
    --dp-panel: #ffffff;
    --dp-panel-2: #f4f8ff;
    --dp-line: #8db7ff;
    --dp-line-dark: #235bd8;
    --dp-text: #0f2447;
    --dp-muted: #54657e;
    --dp-primary: #235bd8;
    --dp-primary-2: #1744aa;
    --dp-primary-3: #dce9ff;
    --dp-head-bg: #dbe8ff;
}

html[data-hc-theme="theme-kirmizi"] {
    --dp-bg: #fff0f0;
    --dp-bg-2: #ffdada;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff7f7;
    --dp-line: #ff9b9b;
    --dp-line-dark: #c81e1e;
    --dp-text: #421313;
    --dp-muted: #7a5555;
    --dp-primary: #c81e1e;
    --dp-primary-2: #9f1515;
    --dp-primary-3: #ffe1e1;
    --dp-head-bg: #ffe0e0;
}

html[data-hc-theme="theme-mor"] {
    --dp-bg: #f5f0ff;
    --dp-bg-2: #eadfff;
    --dp-panel: #ffffff;
    --dp-panel-2: #faf7ff;
    --dp-line: #c6a8ff;
    --dp-line-dark: #6d28d9;
    --dp-text: #2c174d;
    --dp-muted: #66587e;
    --dp-primary: #6d28d9;
    --dp-primary-2: #551cab;
    --dp-primary-3: #eadfff;
    --dp-head-bg: #eee5ff;
}

html[data-hc-theme="theme-turuncu"] {
    --dp-bg: #fff4e8;
    --dp-bg-2: #ffe3c6;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff8f1;
    --dp-line: #ffb06d;
    --dp-line-dark: #ea580c;
    --dp-text: #43200a;
    --dp-muted: #785d4a;
    --dp-primary: #ea580c;
    --dp-primary-2: #b94108;
    --dp-primary-3: #ffe6cf;
    --dp-head-bg: #ffead5;
}

html[data-hc-theme="theme-sari"] {
    --dp-bg: #fff9df;
    --dp-bg-2: #fff0a6;
    --dp-panel: #ffffff;
    --dp-panel-2: #fffced;
    --dp-line: #e7bd2c;
    --dp-line-dark: #b77900;
    --dp-text: #3a2b05;
    --dp-muted: #735f28;
    --dp-primary: #b77900;
    --dp-primary-2: #8d5f00;
    --dp-primary-3: #fff1b8;
    --dp-head-bg: #fff3bd;
}

html[data-hc-theme="theme-pembe"] {
    --dp-bg: #fff0f8;
    --dp-bg-2: #ffd8ea;
    --dp-panel: #ffffff;
    --dp-panel-2: #fff7fb;
    --dp-line: #f69ac5;
    --dp-line-dark: #db2777;
    --dp-text: #45162d;
    --dp-muted: #75566a;
    --dp-primary: #db2777;
    --dp-primary-2: #ad1f5e;
    --dp-primary-3: #ffe0ef;
    --dp-head-bg: #ffe3f0;
}

html[data-hc-theme="theme-kahve"] {
    --dp-bg: #f8f0e7;
    --dp-bg-2: #eadcc9;
    --dp-panel: #fffdf9;
    --dp-panel-2: #fbf6ef;
    --dp-line: #c8a985;
    --dp-line-dark: #8a5a2b;
    --dp-text: #322315;
    --dp-muted: #715f4c;
    --dp-primary: #8a5a2b;
    --dp-primary-2: #6f4520;
    --dp-primary-3: #f1dfcc;
    --dp-head-bg: #ecddca;
}

@keyframes hc-loader-grid {
    0% { background-position: 0 0, 0 0, 0 0, 0 0; }
    100% { background-position: 0 0, 42px 42px, -42px 42px, 0 160px; }
}

@keyframes hc-transition-orbit-ring {
    0% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
    50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.045); }
    100% { transform: translate(-50%, -50%) rotate(360deg) scale(1); }
}

@keyframes hc-transition-orbit-core {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--dp-panel) 45%, transparent),
            0 0 0 8px color-mix(in srgb, var(--dp-primary) 8%, transparent),
            0 0 42px color-mix(in srgb, var(--dp-primary) 28%, transparent);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--dp-panel) 55%, transparent),
            0 0 0 12px color-mix(in srgb, var(--dp-primary) 12%, transparent),
            0 0 70px color-mix(in srgb, var(--dp-primary) 42%, transparent);
    }
}

@keyframes hc-transition-label {
    0%, 100% {
        letter-spacing: .11em;
        background-position: 0 0;
        filter: brightness(1);
    }
    50% {
        letter-spacing: .18em;
        background-position: 210px 0;
        filter: brightness(1.08);
    }
}

@keyframes hc-transition-fade-panel {
    0%, 100% { opacity: .98; }
    50% { opacity: .92; }
}

@keyframes hc-transition-fade-core {
    0%, 100% { transform: translate(-50%, -50%) scale(.96); opacity: .82; }
    50% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

@keyframes hc-transition-wipe-sweep {
    0% { transform: translate(-115%, -50%) skewX(-12deg); opacity: .54; }
    42% { transform: translate(-50%, -50%) skewX(-12deg); opacity: .92; }
    100% { transform: translate(18%, -50%) skewX(-12deg); opacity: .54; }
}

@keyframes hc-transition-blocks-grid {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 0 0, 32px 32px, -32px 32px; }
}

@keyframes hc-transition-blocks-tile {
    0% { transform: translate(-50%, -50%) scale(.94) rotate(0deg); }
    50% { transform: translate(-50%, -50%) scale(1.04) rotate(2deg); }
    100% { transform: translate(-50%, -50%) scale(.94) rotate(0deg); }
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) {
    background: var(--dp-bg);
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body {
    overflow: hidden;
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before,
html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after,
html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before,
html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::after {
    content: "";
    position: fixed;
    pointer-events: none;
    box-sizing: border-box;
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before {
    inset: 0;
    z-index: 2147483600;
    background:
        radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--dp-primary) 20%, transparent), transparent 176px),
        linear-gradient(180deg,
            color-mix(in srgb, var(--dp-bg) 92%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-panel) 90%, var(--dp-primary-3))
        );
    backdrop-filter: blur(12px) saturate(1.14);
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
    left: 50%;
    top: calc(50% - 42px);
    width: 128px;
    height: 128px;
    z-index: 2147483601;
    transform: translate(-50%, -50%);
    border: 1px solid color-mix(in srgb, var(--dp-primary) 44%, transparent);
    box-shadow:
        0 0 0 10px color-mix(in srgb, var(--dp-primary) 7%, transparent),
        0 0 58px color-mix(in srgb, var(--dp-primary) 32%, transparent);
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
    content: "HC";
    left: 50%;
    top: calc(50% - 42px);
    width: 62px;
    height: 62px;
    z-index: 2147483602;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 58%, var(--dp-line));
    background:
        linear-gradient(135deg, var(--dp-primary), var(--dp-primary-2)),
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.42), transparent 38%);
    color: color-mix(in srgb, #fff 92%, var(--dp-primary-3));
    font-size: 18px;
    font-weight: 950;
    letter-spacing: .08em;
    text-shadow: 0 1px 0 color-mix(in srgb, var(--dp-primary-2) 64%, #000);
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::after {
    content: "Yükleniyor...";
    left: 50%;
    top: calc(50% + 56px);
    transform: translateX(-50%);
    z-index: 2147483603;
    min-width: 238px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 52%, var(--dp-line));
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--dp-panel) 92%, var(--dp-primary-3)),
            color-mix(in srgb, var(--dp-primary-3) 82%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-panel) 92%, var(--dp-primary-3))
        );
    background-size: 230% 100%;
    color: var(--dp-primary-2);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--dp-primary) 12%, transparent),
        0 20px 72px color-mix(in srgb, var(--dp-primary) 22%, transparent);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
    animation: hc-transition-label 1.2s ease-in-out infinite;
}

html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body > :not(script):not(style):not(noscript) {
    opacity: 0 !important;
    pointer-events: none !important;
}

html.hc-page-ready body > :not(script):not(style):not(noscript) {
    opacity: 1;
    transition: opacity .18s ease;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="orbit"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before {
    background:
        radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--dp-primary) 23%, transparent), transparent 174px),
        linear-gradient(90deg, color-mix(in srgb, var(--dp-primary) 10%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--dp-primary) 10%, transparent) 1px, transparent 1px),
        linear-gradient(180deg,
            color-mix(in srgb, var(--dp-bg) 92%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-panel) 90%, var(--dp-primary-3))
        );
    background-size: auto, 42px 42px, 42px 42px, auto;
    animation: hc-loader-grid 2.4s linear infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="orbit"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
    background:
        conic-gradient(
            from 0deg,
            transparent 0 8%,
            var(--dp-primary) 9% 21%,
            transparent 22% 35%,
            var(--dp-primary-2) 36% 49%,
            transparent 50% 63%,
            var(--dp-primary) 64% 77%,
            transparent 78% 100%
        );
    -webkit-mask: radial-gradient(circle, transparent 0 49%, #000 50% 62%, transparent 63%);
    mask: radial-gradient(circle, transparent 0 49%, #000 50% 62%, transparent 63%);
    animation: hc-transition-orbit-ring 1.05s linear infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="orbit"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
    animation: hc-transition-orbit-core 1.36s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="fade"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before {
    background:
        radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--dp-primary) 24%, transparent), transparent 260px),
        linear-gradient(180deg,
            color-mix(in srgb, var(--dp-bg) 90%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-primary-3) 48%, var(--dp-panel))
        );
    animation: hc-transition-fade-panel 1.4s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="fade"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
    width: 150px;
    height: 150px;
    border-color: color-mix(in srgb, var(--dp-primary) 24%, transparent);
    background:
        radial-gradient(circle, color-mix(in srgb, var(--dp-primary) 17%, transparent), transparent 62%),
        color-mix(in srgb, var(--dp-panel) 66%, transparent);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--dp-panel) 62%, transparent),
        0 28px 90px color-mix(in srgb, var(--dp-primary) 20%, transparent);
    animation: hc-transition-fade-core 1.15s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="fade"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
    animation: hc-transition-fade-core 1.15s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="wipe"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before {
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--dp-bg) 88%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-primary-3) 62%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-bg) 88%, var(--dp-panel))
        );
}

html[data-hc-transition-active="1"][data-hc-transition-effect="wipe"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
    left: 50%;
    top: 50%;
    width: 160vw;
    height: 100vh;
    border: 0;
    background:
        linear-gradient(90deg,
            transparent,
            color-mix(in srgb, var(--dp-primary) 20%, transparent) 18%,
            color-mix(in srgb, var(--dp-primary) 56%, transparent) 48%,
            color-mix(in srgb, var(--dp-primary-2) 28%, transparent) 68%,
            transparent
        );
    box-shadow: none;
    animation: hc-transition-wipe-sweep 1.25s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="wipe"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
    width: 72px;
    height: 72px;
    border-width: 2px;
    box-shadow: 0 0 0 14px color-mix(in srgb, var(--dp-primary) 10%, transparent);
}

html[data-hc-transition-active="1"][data-hc-transition-effect="blocks"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before {
    background:
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--dp-primary) 20%, transparent), transparent 230px),
        linear-gradient(90deg, color-mix(in srgb, var(--dp-primary) 13%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--dp-primary) 13%, transparent) 1px, transparent 1px),
        linear-gradient(180deg,
            color-mix(in srgb, var(--dp-bg) 92%, var(--dp-panel)),
            color-mix(in srgb, var(--dp-panel) 86%, var(--dp-primary-3))
        );
    background-size: auto, 32px 32px, 32px 32px, auto;
    animation: hc-transition-blocks-grid 1.9s linear infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="blocks"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
    width: 132px;
    height: 132px;
    border-color: color-mix(in srgb, var(--dp-primary) 58%, transparent);
    background:
        repeating-conic-gradient(
            from 0deg,
            color-mix(in srgb, var(--dp-primary) 78%, transparent) 0 25%,
            color-mix(in srgb, var(--dp-primary-3) 85%, transparent) 0 50%
        ) 0 0 / 33px 33px;
    box-shadow:
        0 0 0 10px color-mix(in srgb, var(--dp-primary) 9%, transparent),
        0 24px 80px color-mix(in srgb, var(--dp-primary) 27%, transparent);
    animation: hc-transition-blocks-tile 1.05s ease-in-out infinite;
}

html[data-hc-transition-active="1"][data-hc-transition-effect="blocks"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
    background: color-mix(in srgb, var(--dp-panel) 90%, var(--dp-primary-3));
    color: var(--dp-primary-2);
    text-shadow: none;
    box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--dp-primary) 12%, transparent);
}

@media (max-width: 560px) {
    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
        width: 102px;
        height: 102px;
        top: calc(50% - 38px);
    }

    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before {
        width: 52px;
        height: 52px;
        top: calc(50% - 38px);
        font-size: 15px;
    }

    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::after {
        min-width: 196px;
        min-height: 40px;
        top: calc(50% + 42px);
        font-size: 11px;
    }

    html[data-hc-transition-active="1"][data-hc-transition-effect="wipe"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after {
        width: 160vw;
        height: 100vh;
        top: 50%;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::before,
    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving)::after,
    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::before,
    html[data-hc-transition-active="1"]:where(.hc-page-loading:not(.hc-page-ready), .hc-page-leaving) body::after {
        animation: none !important;
    }
}

@media (scripting: none) {
    html[data-hc-transition-active="1"].hc-page-loading:not(.hc-page-ready)::before,
    html[data-hc-transition-active="1"].hc-page-loading:not(.hc-page-ready)::after,
    html[data-hc-transition-active="1"].hc-page-loading:not(.hc-page-ready) body::before,
    html[data-hc-transition-active="1"].hc-page-loading:not(.hc-page-ready) body::after {
        display: none !important;
    }

    html[data-hc-transition-active="1"].hc-page-loading:not(.hc-page-ready) body > :not(script):not(style):not(noscript) {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}
/* HC_THEME_RATING_AND_PAGE_LOADER_END */

/* =========================================================
   31) Reklam Sistemi
========================================================= */
.hc-ad-slot {
  --hc-ad-main: var(--dp-primary, var(--hc-primary, #00b7b1));
  --hc-ad-main-2: var(--dp-primary-2, var(--hc-primary-2, #009d97));
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hc-ad-main) 28%, var(--hc-border-soft, #d7e2ea));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hc-ad-main) 7%, #fff), rgba(255,255,255,.95));
  box-shadow: var(--hc-shadow, none);
}

.hc-ad-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 18px;
  padding: 4px 7px 0;
  pointer-events: none;
}

.hc-ad-label span {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 6px;
  border: 1px solid color-mix(in srgb, var(--hc-ad-main) 32%, transparent);
  background: color-mix(in srgb, var(--hc-ad-main) 9%, #fff);
  color: var(--hc-ad-main-2);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hc-ad-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 8px;
  color: var(--hc-text-main, var(--dp-text, #102a33));
}

.hc-ad-inner > *,
.hc-ad-inner ins,
.hc-ad-inner div,
.hc-ad-inner section,
.hc-ad-inner article {
  max-width: 100% !important;
}

.hc-ad-inner img,
.hc-ad-inner picture,
.hc-ad-inner svg,
.hc-ad-inner video,
.hc-ad-inner canvas {
  max-width: 100% !important;
  height: auto;
}

.hc-ad-inner iframe,
.hc-ad-inner object,
.hc-ad-inner embed {
  max-width: 100% !important;
  border: 0;
}

.hc-ad-inner iframe:not([height]) {
  min-height: 90px;
}

.hc-ad-slot--list {
  margin: 0;
  min-height: 112px;
  display: block;
  border-radius: var(--hc-r-lg, 6px);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--hc-ad-main) 12%, #fff), rgba(255,255,255,.92));
}

.hc-ad-slot--list::before,
.hc-ad-slot--article::before,
.hc-ad-slot--sidebar::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: color-mix(in srgb, var(--hc-ad-main) 54%, transparent);
  pointer-events: none;
}

.hc-ad-slot--article {
  margin: 10px 0;
  border-radius: var(--hc-r-lg, 6px);
}

.hc-sidebar .hc-ad-slot,
.hc-sidebar-public .hc-ad-slot,
.hc-ad-slot--sidebar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hc-ad-slot--sidebar {
  margin-top: 10px;
  border-radius: var(--hc-r-md, 5px);
  background: rgba(255,255,255,.68);
}

.hc-ad-slot--sidebar .hc-ad-inner {
  padding: 7px;
  overflow-x: auto;
}

.hc-ad-slot--sidebar .hc-ad-label {
  justify-content: center;
}

.hc-ad-admin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr);
  gap: 10px;
  align-items: start;
}

.hc-ad-editor-card,
.hc-ad-side-card {
  min-width: 0;
}

.hc-ad-location-box {
  display: grid;
  gap: 4px;
  padding: 8px 9px;
  border: 1px solid var(--hc-border-soft, var(--dp-line, #d7e2ea));
  background: color-mix(in srgb, var(--dp-primary, var(--hc-primary, #00b7b1)) 7%, #fff);
  font-size: 12px;
}

.hc-ad-location-box strong {
  color: var(--dp-primary-2, var(--hc-primary-2, #009d97));
  font-weight: 900;
}

.hc-ad-location-box span {
  color: var(--hc-text-soft, var(--dp-muted, #64748b));
  line-height: 1.4;
}

.hc-ad-code-input {
  min-height: 300px !important;
  font-family: Consolas, Monaco, "Courier New", monospace !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  white-space: pre;
}

.hc-ad-form-actions {
  align-items: center;
}

.hc-ad-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.hc-ad-mini-stats div {
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--hc-border-soft, var(--dp-line, #d7e2ea));
  background: var(--hc-surface-soft, var(--dp-panel-2, #f5fafb));
}

.hc-ad-mini-stats span {
  display: block;
  margin-bottom: 3px;
  color: var(--hc-text-soft, var(--dp-muted, #64748b));
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hc-ad-mini-stats strong {
  display: block;
  color: var(--hc-text-main, var(--dp-text, #102a33));
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.hc-ad-preview-box {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--hc-border-soft, var(--dp-line, #d7e2ea));
}

.hc-ad-preview-box h3 {
  margin: 0 0 7px;
  font-size: 13px;
  font-weight: 900;
}

.hc-ad-preview-inner {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 8px;
  border: 1px dashed color-mix(in srgb, var(--dp-primary, var(--hc-primary, #00b7b1)) 42%, var(--hc-border-soft, #d7e2ea));
  background: rgba(255,255,255,.76);
}

.hc-ad-preview-inner > *,
.hc-ad-preview-inner img,
.hc-ad-preview-inner iframe,
.hc-ad-preview-inner ins,
.hc-ad-preview-inner div {
  max-width: 100% !important;
}

.hc-ad-status,
.hc-ad-html-state,
.hc-ad-event {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid var(--hc-border-soft, var(--dp-line, #d7e2ea));
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.hc-ad-status.is-active,
.hc-ad-html-state.is-full,
.hc-ad-event.is-click {
  border-color: color-mix(in srgb, var(--dp-primary, var(--hc-primary, #00b7b1)) 38%, transparent);
  background: color-mix(in srgb, var(--dp-primary, var(--hc-primary, #00b7b1)) 10%, #fff);
  color: var(--dp-primary-2, var(--hc-primary-2, #009d97));
}

.hc-ad-status.is-passive,
.hc-ad-html-state.is-empty {
  border-color: rgba(148, 163, 184, .34);
  background: rgba(148, 163, 184, .12);
  color: #64748b;
}

.hc-ad-event.is-view {
  border-color: rgba(59, 130, 246, .32);
  background: rgba(59, 130, 246, .08);
  color: #1d4ed8;
}

.hc-ad-table small,
.hc-ad-events-table small {
  color: var(--hc-text-soft, var(--dp-muted, #64748b));
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .hc-ad-admin-grid {
    grid-template-columns: 1fr;
  }

  .hc-ad-mini-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .hc-ad-slot--list {
    min-height: 90px;
  }

  .hc-ad-label {
    justify-content: flex-start;
  }

  .hc-ad-code-input {
    min-height: 230px !important;
  }
}

/* HC_FOOTER_BOTTOM_AND_AD_LABEL_FIX_BEGIN
   - Reklam alanlarındaki etiket satırı kapalı.
   - İçerik az olduğunda footer görünür alanın altına oturur. */
.hc-ad-label {
  display: none !important;
}

html,
body {
  min-height: 100%;
}

body > .hc-shell {
  min-height: calc(100vh - 9px) !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body > .hc-shell > .hc-main-layout {
  flex: 1 0 auto !important;
}

body > .hc-shell > .hc-footer {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}

@supports (min-height: 100svh) {
  body > .hc-shell {
    min-height: calc(100svh - 9px) !important;
  }
}

@media (max-width: 1320px) {
  body > .hc-shell {
    min-height: 100vh !important;
    padding-bottom: 0 !important;
  }

  @supports (min-height: 100svh) {
    body > .hc-shell {
      min-height: 100svh !important;
    }
  }
}
/* HC_FOOTER_BOTTOM_AND_AD_LABEL_FIX_END */

/* =========================================================
   31) 1. Aşama Özellikleri: Benzer / Popüler / En Puanlı
========================================================= */
.hc-sidebar-feature {
  margin-top: 10px;
  padding: 9px;
  border: 1px solid var(--hc-border-soft);
  border-radius: var(--hc-r-lg);
  background: rgba(255, 255, 255, .72);
  box-shadow: var(--hc-shadow);
  overflow: hidden;
}

.hc-sidebar-feature-title {
  margin: 0 0 8px;
  font-size: var(--hc-fs-11);
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
  color: var(--hc-primary-strong);
}

.hc-sidebar-feature-list {
  display: grid;
  gap: 7px;
}

.hc-sidebar-mini-post {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 6px;
  border: 1px solid rgba(226, 232, 240, .86);
  border-radius: var(--hc-r-md);
  background: rgba(255, 255, 255, .70);
  transition: background var(--hc-med), border-color var(--hc-med), transform var(--hc-fast);
}

.hc-sidebar-mini-post:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 183, 177, .28);
  background: rgba(255, 255, 255, .94);
}

.hc-sidebar-mini-thumb {
  width: 46px;
  height: 42px;
  border-radius: var(--hc-r-md);
  overflow: hidden;
  background: rgba(0, 183, 177, .08);
  border: 1px solid rgba(226, 232, 240, .86);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hc-primary-strong);
  font-size: 10px;
  font-weight: 900;
}

.hc-sidebar-mini-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hc-sidebar-mini-body {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.hc-sidebar-mini-body strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--hc-fs-12);
  line-height: 1.25;
  color: var(--hc-text-main);
}

.hc-sidebar-mini-body small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--hc-fs-10);
  color: var(--hc-text-soft);
}

.hc-related-section .hc-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(240, 253, 250, .70));
}

.hc-related-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  padding-bottom: 8px;
  margin-bottom: 9px;
  border-bottom: 1px solid rgba(226, 232, 240, .86);
}

.hc-related-head p {
  margin: 0;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
  line-height: 1.35;
}

.hc-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.hc-related-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 9px;
  padding: 8px;
  border: 1px solid rgba(226, 232, 240, .88);
  border-radius: var(--hc-r-md);
  background: rgba(255, 255, 255, .76);
  transition: border-color var(--hc-med), background var(--hc-med), transform var(--hc-fast);
}

.hc-related-card:hover {
  transform: translateY(-1px);
  border-color: rgba(0, 183, 177, .30);
  background: rgba(255, 255, 255, .96);
}

.hc-related-thumb {
  width: 82px;
  height: 66px;
  border-radius: var(--hc-r-md);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .88);
  background: rgba(0, 183, 177, .08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hc-primary-strong);
  font-size: 12px;
  font-weight: 900;
}

.hc-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hc-related-body {
  min-width: 0;
}

.hc-related-body h3 {
  margin: 0 0 5px;
  font-size: var(--hc-fs-13);
  line-height: 1.25;
}

.hc-related-body h3 a:hover {
  text-decoration: underline;
}

.hc-related-body p {
  margin: 0 0 5px;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
  line-height: 1.35;
}

.hc-related-body small {
  color: var(--hc-text-faint);
  font-size: var(--hc-fs-10);
}

@media (max-width: 1100px) {
  .hc-related-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .hc-related-head {
    flex-direction: column;
  }

  .hc-related-card {
    grid-template-columns: 1fr;
  }

  .hc-related-thumb {
    width: 100%;
    height: 150px;
  }
}

/* ASAMA_2_YAZILIM_BILGI_BEGIN */
.hc-software-info-section .hc-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), color-mix(in srgb, var(--hc-primary) 7%, #ffffff));
}

.hc-software-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.hc-software-info-item {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid var(--hc-border-soft);
  background: rgba(255, 255, 255, .78);
}

.hc-software-info-item span {
  display: block;
  margin-bottom: 4px;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-10);
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.hc-software-info-item strong {
  display: block;
  color: var(--hc-text-main);
  font-size: var(--hc-fs-13);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.hc-changelog-box {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--hc-border-soft);
}

.hc-changelog-box h3 {
  margin: 0 0 7px;
  color: var(--hc-primary-strong);
  font-size: var(--hc-fs-13);
  font-weight: 900;
}

.hc-changelog-content {
  line-height: 1.62;
  color: var(--hc-text-main);
}

.hc-changelog-content ul,
.hc-changelog-content ol {
  margin: 0 0 0 18px;
  padding: 0;
}

.hc-changelog-content li + li {
  margin-top: 4px;
}

.hc-changelog-content p {
  margin: 0 0 8px;
}

.hc-changelog-content table {
  margin-top: 7px;
}

@media (max-width: 720px) {
  .hc-software-info-grid {
    grid-template-columns: 1fr;
  }
}
/* ASAMA_2_YAZILIM_BILGI_END */

/* =========================================================
   AŞAMA 3 - Favoriler + Hata Bildirimi
========================================================= */
.hc-interaction-alert {
  margin: 0 0 10px;
}

.hc-interaction-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 10px;
  padding: 9px 10px;
  border: 1px solid var(--hc-border-soft);
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(0,183,177,.06));
  box-shadow: var(--hc-shadow);
}

.hc-interaction-info {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.hc-interaction-info strong {
  color: var(--hc-text-main);
  font-size: var(--hc-fs-13);
  font-weight: 900;
}

.hc-interaction-info span {
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
}

.hc-fav-form {
  margin: 0;
  flex: 0 0 auto;
}

.hc-fav-btn {
  white-space: nowrap;
}

.hc-fav-btn.is-active {
  border-color: rgba(0,183,177,.45);
  color: var(--hc-primary-strong);
  background: rgba(255,255,255,.92);
}

.hc-report-section {
  margin-top: 10px;
}

.hc-report-box {
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.92);
  box-shadow: var(--hc-shadow);
  padding: 0;
}

.hc-report-box summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
  color: var(--hc-primary-strong);
  font-size: var(--hc-fs-12);
  font-weight: 900;
  background: rgba(0,183,177,.065);
  border-bottom: 1px solid transparent;
}

.hc-report-box[open] summary {
  border-bottom-color: var(--hc-border-soft);
}

.hc-report-form {
  padding: 10px;
}

.hc-report-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.hc-report-message textarea {
  min-height: 86px;
}

.hc-report-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.hc-profile-favorites-card {
  margin-top: 0;
}

.hc-favorite-list {
  display: grid;
  gap: 7px;
}

.hc-favorite-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  border: 1px solid var(--hc-border-soft);
  background: rgba(248,250,252,.76);
  transition: background var(--hc-med), border-color var(--hc-med), transform var(--hc-fast);
}

.hc-favorite-item:hover {
  background: rgba(0,183,177,.065);
  border-color: rgba(0,183,177,.28);
  transform: translateY(-1px);
}

.hc-favorite-item strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--hc-fs-13);
  color: var(--hc-text-main);
}

.hc-favorite-item span {
  flex: 0 0 auto;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
}

.hc-empty-text {
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-12);
  padding: 8px;
  border: 1px dashed var(--hc-border-soft);
  background: rgba(255,255,255,.6);
}

@media (max-width: 720px) {
  .hc-interaction-bar,
  .hc-favorite-item {
    align-items: stretch;
    flex-direction: column;
  }

  .hc-fav-form,
  .hc-fav-btn {
    width: 100%;
  }

  .hc-report-grid {
    grid-template-columns: 1fr;
  }
}

/* ASAMA_4_KONTROL_SISTEMLERI_BEGIN */
.hc-control-card {
  overflow: visible;
}

.hc-control-table th,
.hc-control-table td {
  vertical-align: top;
}

.hc-break {
  display: inline-block;
  max-width: 520px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hc-control-list {
  display: grid;
  gap: 10px;
}

.hc-control-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .48fr);
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.92);
  border-radius: var(--hc-r-lg);
}

.hc-control-main {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.hc-control-main p {
  color: var(--hc-text-main);
  line-height: 1.5;
}

.hc-control-action-form {
  display: grid;
  gap: 7px;
  align-content: start;
}

.hc-control-action-inline {
  grid-template-columns: minmax(160px, 1fr) auto auto;
  align-items: center;
}

.hc-inline-form {
  display: inline-flex;
  margin: 0;
}

.hc-badge-danger {
  background: rgba(239,68,68,.10);
  color: #b91c1c;
  border-color: rgba(239,68,68,.30);
}

.hc-badge-warning {
  background: rgba(245,158,11,.12);
  color: #92400e;
  border-color: rgba(245,158,11,.30);
}

.hc-badge-success {
  background: rgba(34,197,94,.10);
  color: #15803d;
  border-color: rgba(34,197,94,.30);
}

@media (max-width: 900px) {
  .hc-control-item,
  .hc-control-action-inline {
    grid-template-columns: 1fr;
  }

  .hc-break {
    max-width: 100%;
  }
}
/* ASAMA_4_KONTROL_SISTEMLERI_END */


/* ASAMA_5_SEO_ARAMA_KARSILASTIRMA_BEGIN */
.hc-index-tools,
.hc-compare-toolbar,
.hc-list-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.78);
  border-radius: var(--hc-r-md);
}
.hc-compare-list-form { margin: 0; }
.hc-post-compare {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 5px 8px;
  border: 1px solid rgba(0,183,177,.22);
  background: rgba(0,183,177,.07);
  color: var(--hc-primary-strong);
  border-radius: var(--hc-r-md);
  font-size: var(--hc-fs-11);
  font-weight: 850;
  cursor: pointer;
}
.hc-post-compare input { width: auto; margin: 0; }
.hc-compare-single {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 8px;
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.76);
  border-radius: var(--hc-r-md);
}
.hc-advanced-search {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 10px;
}
.hc-advanced-search label { display: grid; gap: 5px; }
.hc-advanced-search label span { font-size: var(--hc-fs-11); font-weight: 900; color: var(--hc-text-soft); }
.hc-advanced-search-actions {
  display: flex;
  align-items: end;
  gap: 7px;
  flex-wrap: wrap;
}
.hc-compare-table-wrap,
.hc-seo-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.86);
  border-radius: var(--hc-r-lg);
}
.hc-compare-table,
.hc-seo-table { min-width: 760px; }
.hc-compare-table th:first-child { width: 150px; }
.hc-compare-table td,
.hc-compare-table th { vertical-align: top; }
.hc-compare-img {
  width: 150px;
  height: 92px;
  object-fit: cover;
  border: 1px solid var(--hc-border-soft);
  border-radius: var(--hc-r-md);
}
.hc-compare-empty { color: var(--hc-text-faint); font-size: var(--hc-fs-11); }
.hc-seo-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 10px;
}
.hc-seo-kpi {
  border: 1px solid var(--hc-border-soft);
  background: rgba(255,255,255,.88);
  border-radius: var(--hc-r-lg);
  padding: 10px;
}
.hc-seo-kpi strong { display:block; font-size: 22px; color: var(--hc-primary-strong); }
.hc-seo-kpi span { display:block; color: var(--hc-text-soft); font-size: var(--hc-fs-11); font-weight: 850; }
.hc-seo-issue-list { display:flex; flex-wrap:wrap; gap:5px; }
.hc-seo-issue {
  display:inline-flex;
  padding:3px 6px;
  border:1px solid rgba(239,68,68,.24);
  background: rgba(239,68,68,.07);
  color:#b91c1c;
  border-radius: var(--hc-r-md);
  font-size:10px;
  font-weight:850;
}
.hc-seo-ok {
  display:inline-flex;
  padding:3px 6px;
  border:1px solid rgba(34,197,94,.24);
  background: rgba(34,197,94,.08);
  color:#15803d;
  border-radius: var(--hc-r-md);
  font-size:10px;
  font-weight:850;
}
@media (max-width: 900px) {
  .hc-advanced-search { grid-template-columns: 1fr; }
  .hc-seo-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .hc-seo-kpi-grid { grid-template-columns: 1fr; }
}
/* ASAMA_5_SEO_ARAMA_KARSILASTIRMA_END */

/* REQUEST_ADMIN_SEARCH_REKLAM_FIX_BEGIN */
.hc-search {
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}
.hc-search-advanced-btn {
    min-height: 34px !important;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-left: 1px solid var(--dp-line-dark) !important;
    background: var(--dp-panel-2);
    color: var(--dp-primary-2);
    font-weight: 900;
    font-size: 12px;
    white-space: nowrap;
}
.hc-search-advanced-btn:hover {
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
}
.hc-search-page-layout {
    display: grid;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
.hc-filter-panel {
    position: sticky;
    top: 78px;
    align-self: start;
    min-width: 0;
}
.hc-advanced-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px;
    margin-bottom: 0;
}
.hc-filter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--hc-border-soft);
}
.hc-filter-head strong {
    color: var(--hc-text-main);
    font-size: 14px;
    font-weight: 950;
}
.hc-filter-clear {
    color: var(--hc-primary-strong);
    font-size: 11px;
    font-weight: 900;
}
.hc-filter-field {
    display: grid;
    gap: 5px;
}
.hc-filter-field span {
    color: var(--hc-text-soft);
    font-size: var(--hc-fs-11);
    font-weight: 900;
}
.hc-advanced-search-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}
.hc-advanced-search-actions .hc-btn {
    width: 100%;
}
.hc-search-results-panel {
    min-width: 0;
    display: grid;
    gap: 10px;
}
.hc-search-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.hc-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}
.hc-active-filters span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 7px;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 28%, var(--dp-line));
    background: var(--dp-primary-3);
    color: var(--dp-primary-2);
    font-size: 11px;
    font-weight: 900;
}
.hc-admin-kpi-grid-wide {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
}
.hc-dashboard-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.hc-dashboard-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.hc-mini-list {
    display: grid;
    gap: 7px;
}
.hc-mini-list div {
    display: grid;
    gap: 3px;
    padding: 7px 8px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.74);
}
.hc-mini-list strong {
    color: var(--hc-text-main);
    font-size: 12px;
}
.hc-mini-list span {
    color: var(--hc-text-soft);
    font-size: 11px;
    line-height: 1.35;
}
.hc-ad-event-pagination {
    margin-top: 10px;
    justify-content: flex-end;
}
@media (max-width: 980px) {
    .hc-search-page-layout,
    .hc-dashboard-grid-2,
    .hc-dashboard-grid-3 {
        grid-template-columns: 1fr;
    }
    .hc-filter-panel {
        position: static;
    }
    .hc-search {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 640px) {
    .hc-search {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
    .hc-search-advanced-btn {
        grid-column: 1 / -1;
        border-left: 0 !important;
        border-top: 1px solid var(--dp-line-dark) !important;
    }
    .hc-search-result-head {
        flex-direction: column;
    }
    .hc-active-filters {
        justify-content: flex-start;
    }
}
/* REQUEST_ADMIN_SEARCH_REKLAM_FIX_END */

/* REQUEST_SEARCH_SIDEBAR_HEADER_FIX_BEGIN */
.hc-header .hc-search {
    width: min(100%, 700px) !important;
    max-width: 700px !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.hc-header .hc-search-btn,
.hc-header a.hc-search-advanced-btn.hc-search-btn {
    min-height: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 1px solid var(--dp-line-dark) !important;
    background: var(--dp-primary) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.hc-header .hc-search-btn:hover,
.hc-header a.hc-search-advanced-btn.hc-search-btn:hover {
    background: var(--dp-primary-2) !important;
    color: #fff !important;
}

.hc-search-layout {
    align-items: flex-start !important;
}

.hc-search-sidebar {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
    position: sticky !important;
    top: 78px !important;
    align-self: flex-start !important;
    overflow: visible !important;
}

.hc-search-sidebar .hc-sidebar-title {
    color: var(--hc-text-faint);
}

.hc-search-sidebar .hc-advanced-search {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hc-search-sidebar .hc-filter-head {
    margin-bottom: 2px;
}

.hc-search-sidebar input,
.hc-search-sidebar select {
    min-height: 34px;
}

.hc-search-content {
    min-width: 0;
}

.hc-search-content .hc-search-results-panel {
    width: 100%;
}

@media (max-width: 980px) {
    .hc-search-sidebar {
        position: static !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    .hc-header .hc-search {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
    }

    .hc-header .hc-search-btn,
    .hc-header a.hc-search-advanced-btn.hc-search-btn {
        padding: 0 8px !important;
        font-size: 11px !important;
    }
}
/* REQUEST_SEARCH_SIDEBAR_HEADER_FIX_END */

/* REQUEST_SEARCH_LAYOUT_OVERLAP_FIX_BEGIN
   ara.php özel süzgeç sidebarı içerik alanının üstüne binmesin.
   Genel public sidebar 230px kuralı arama sayfasında geçersiz kılınır. */
@media (min-width: 981px) {
    .hc-main-layout.hc-search-layout {
        display: grid !important;
        grid-template-columns: 280px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: flex-start !important;
        overflow: visible !important;
    }

    .hc-main-layout.hc-search-layout > .hc-search-sidebar {
        grid-column: 1 !important;
        width: 280px !important;
        min-width: 0 !important;
        max-width: 280px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        position: sticky !important;
        top: 78px !important;
        z-index: 20 !important;
    }

    .hc-main-layout.hc-search-layout > .hc-search-content {
        grid-column: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 10 !important;
    }
}

@media (max-width: 980px) {
    .hc-main-layout.hc-search-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .hc-main-layout.hc-search-layout > .hc-search-sidebar,
    .hc-main-layout.hc-search-layout > .hc-search-content {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        transform: none !important;
    }
}
/* REQUEST_SEARCH_LAYOUT_OVERLAP_FIX_END */

/* INDEX_COMPARE_NEXT_TO_COMMENT_BEGIN */
.hc-post-counters .hc-post-compare-counter {
  margin: 0;
  width: auto;
  min-height: 26px;
  white-space: nowrap;
}
.hc-post-counters .hc-post-compare-counter input {
  width: auto;
  min-width: 13px;
  height: 13px;
  margin: 0;
  flex: 0 0 auto;
}
@media (max-width: 720px) {
  .hc-post-counters .hc-post-compare-counter {
    width: max-content;
  }
}
/* INDEX_COMPARE_NEXT_TO_COMMENT_END */


/* COMPARE_DETAIL_ONLY_AND_TOAST_BEGIN */
.hc-compare-detail {
  justify-content: flex-start;
}
.hc-compare-detail-check {
  min-height: var(--hc-btn-h-sm);
}
.hc-compare-detail-check input {
  width: auto;
  min-width: 14px;
  height: 14px;
  margin: 0;
  flex: 0 0 auto;
}
.hc-compare-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 10050;
  width: min(330px, calc(100vw - 32px));
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--hc-primary) 42%, var(--hc-border-soft));
  background: color-mix(in srgb, var(--hc-surface) 92%, var(--hc-primary) 8%);
  color: var(--hc-text-main);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .16);
  border-radius: var(--hc-r-lg);
  transform: translateX(0);
  opacity: 1;
  transition: opacity .24s ease, transform .24s ease;
}
.hc-compare-toast::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--hc-primary);
  border-radius: var(--hc-r-lg) 0 0 var(--hc-r-lg);
}
.hc-compare-toast strong {
  display: block;
  margin-bottom: 5px;
  color: var(--hc-primary-strong);
  font-size: var(--hc-fs-13);
  font-weight: 900;
}
.hc-compare-toast small {
  display: block;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
  line-height: 1.45;
}
.hc-compare-toast.is-hiding {
  opacity: 0;
  transform: translateX(-18px);
}
@media (max-width: 560px) {
  .hc-compare-toast {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }
}
/* COMPARE_DETAIL_ONLY_AND_TOAST_END */

/* AUTH_SECURITY_BEGIN */
body.hc-auth-security-open {
  overflow: hidden;
}

.hc-auth-security-backdrop[hidden] {
  display: none !important;
}

.hc-auth-security-backdrop {
  position: fixed;
  inset: 0;
  z-index: 11050;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(5px);
}

.hc-auth-security-dialog {
  position: relative;
  width: min(460px, 100%);
  max-height: calc(100vh - 36px);
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--hc-border-subtle);
  border-radius: 18px;
  background: var(--hc-surface);
  color: var(--hc-text-main);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
}

.hc-auth-security-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hc-border-subtle);
  border-radius: 999px;
  background: var(--hc-surface-soft);
  color: var(--hc-text-soft);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.hc-auth-security-close:hover,
.hc-auth-security-close:focus-visible {
  border-color: var(--hc-primary);
  color: var(--hc-primary-strong);
  outline: none;
}

.hc-auth-security-head {
  padding-right: 34px;
}

.hc-auth-security-head h2 {
  margin: 0 0 6px;
  color: var(--hc-text-main);
  font-size: 20px;
  font-weight: 900;
}

.hc-auth-security-head p {
  margin: 0;
  color: var(--hc-text-muted);
  font-size: 13px;
  line-height: 1.45;
}

.hc-auth-security-targets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 14px;
}

.hc-auth-security-target {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--hc-primary) 42%, var(--hc-border-subtle));
  border-radius: 14px;
  background: color-mix(in srgb, var(--hc-primary) 9%, var(--hc-surface));
  color: var(--hc-primary-strong);
  font-size: 13px;
  font-weight: 900;
}

.hc-auth-security-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.hc-auth-security-choice {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 8px;
  border: 1px solid var(--hc-border-subtle);
  border-radius: 15px;
  background: var(--hc-surface-soft);
  color: var(--hc-text-main);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.hc-auth-security-choice:hover,
.hc-auth-security-choice:focus-visible {
  border-color: var(--hc-primary);
  background: color-mix(in srgb, var(--hc-primary) 8%, var(--hc-surface));
  color: var(--hc-primary-strong);
  outline: none;
  transform: translateY(-1px);
}

.hc-auth-security-choice.is-selected,
.hc-auth-security-choice:disabled.is-selected {
  border-color: var(--hc-primary);
  background: color-mix(in srgb, var(--hc-primary) 15%, var(--hc-surface));
  color: var(--hc-primary-strong);
  opacity: 1;
}

.hc-auth-security-choice:disabled {
  cursor: default;
}

.hc-auth-security-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.hc-auth-security-icon svg {
  width: 32px;
  height: 32px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hc-auth-security-status {
  min-height: 18px;
  margin: 12px 0 0;
  color: var(--hc-text-muted);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 520px) {
  .hc-auth-security-backdrop {
    padding: 12px;
  }

  .hc-auth-security-dialog {
    padding: 16px;
    border-radius: 16px;
  }

  .hc-auth-security-targets,
  .hc-auth-security-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-auth-security-choice {
    min-height: 84px;
  }
}
/* AUTH_SECURITY_END */


/* REQUEST_COMPARE_FAVORITE_INLINE_PANEL_BEGIN */
.hc-post-action-line {
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 0 0 10px;
}

.hc-post-action-line > .hc-interaction-bar,
.hc-post-action-line > .hc-compare-single {
  margin: 0;
}

.hc-post-action-line > .hc-interaction-bar {
  flex: 1 1 auto;
  min-width: 0;
}

.hc-post-action-line > .hc-compare-single {
  flex: 0 0 auto;
}

.hc-post-action-line .hc-interaction-info {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.hc-post-action-line .hc-interaction-info strong,
.hc-post-action-line .hc-interaction-info span {
  white-space: nowrap;
}

.hc-post-action-line .hc-interaction-info span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hc-post-action-line .hc-compare-detail {
  justify-content: flex-start;
  white-space: nowrap;
}

.hc-post-compare.is-selected {
  border-color: rgba(0,183,177,.42);
  background: rgba(0,183,177,.13);
}

.hc-compare-toast[hidden] {
  display: none !important;
}

.hc-compare-toast {
  display: grid;
  gap: 8px;
  padding: 12px 12px 12px 14px;
}

.hc-compare-toast-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.hc-compare-toast-head strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--hc-primary-strong);
  font-size: var(--hc-fs-13);
  font-weight: 950;
}

.hc-compare-toast-head strong span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(0,183,177,.14);
  color: var(--hc-primary-strong);
  font-size: var(--hc-fs-10);
}

.hc-compare-toast-clear {
  flex: 0 0 auto;
  min-height: 25px;
  padding: 0 8px;
  border: 1px solid rgba(239,68,68,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: #b91c1c;
  font-size: var(--hc-fs-10);
  font-weight: 900;
  cursor: pointer;
}

.hc-compare-toast-clear:hover {
  background: rgba(254,226,226,.88);
  border-color: rgba(239,68,68,.38);
}

.hc-compare-toast-message {
  display: block;
  margin: -3px 0 0;
  color: var(--hc-text-soft);
  font-size: var(--hc-fs-11);
  line-height: 1.35;
}

.hc-compare-toast-list {
  display: grid;
  gap: 6px;
  max-height: 220px;
  overflow: auto;
  padding-right: 2px;
}

.hc-compare-toast-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 7px 7px 9px;
  border: 1px solid rgba(0,183,177,.18);
  border-radius: var(--hc-r-md);
  background: rgba(255,255,255,.74);
}

.hc-compare-toast-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hc-text-main);
  font-size: var(--hc-fs-12);
  font-weight: 850;
}

.hc-compare-toast-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(239,68,68,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #b91c1c;
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.hc-compare-toast-remove:hover {
  background: rgba(254,226,226,.9);
  border-color: rgba(239,68,68,.40);
}

.hc-compare-toast-start {
  width: 100%;
  justify-content: center;
}

@media (max-width: 860px) {
  .hc-post-action-line {
    flex-wrap: wrap;
  }

  .hc-post-action-line > .hc-interaction-bar,
  .hc-post-action-line > .hc-compare-single {
    flex: 1 1 100%;
  }
}

@media (max-width: 560px) {
  .hc-post-action-line .hc-interaction-bar,
  .hc-post-action-line .hc-compare-detail {
    align-items: stretch;
    flex-direction: column;
  }

  .hc-post-action-line .hc-interaction-info {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .hc-post-action-line .hc-fav-form,
  .hc-post-action-line .hc-fav-btn,
  .hc-post-action-line .hc-compare-detail-check,
  .hc-post-action-line .hc-compare-detail .hc-btn {
    width: 100%;
  }
}
/* REQUEST_COMPARE_FAVORITE_INLINE_PANEL_END */


/* HC_RESPONSIVE_SIDEBAR_FOOTER_LAYER_FIX_BEGIN
   2026-07-07
   - Mobil/dar ekranda off-canvas sidebar header katmanının arkasından açılır.
   - Header yüksekliği JS ile --hc-header-live-height olarak güncellenir.
   - Footer flex düzende içerik genişliğine düşmez; tam pencere genişliğine yayılır. */
:root {
    --hc-header-live-height: 62px;
    --hc-layer-header: 9500;
    --hc-layer-sidebar: 9400;
}

.hc-shell,
body > .hc-shell {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.hc-header,
.dp-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: var(--hc-layer-header) !important;
    isolation: isolate;
}

.hc-footer,
.dp-footer,
body > .hc-shell > .hc-footer {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

.hc-footer-left {
    justify-content: flex-start !important;
    text-align: left !important;
}

@media (max-width: 980px) {
    .hc-header,
    .dp-topbar {
        z-index: var(--hc-layer-header) !important;
    }

    .hc-sidebar,
    .hc-sidebar-public,
    .dp-sidebar,
    .y-sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: var(--hc-layer-sidebar) !important;
        box-sizing: border-box !important;
        padding-top: calc(var(--hc-header-live-height, 62px) + 8px) !important;
        overflow-y: auto !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
    }
}
/* HC_RESPONSIVE_SIDEBAR_FOOTER_LAYER_FIX_END */

/* =====================================================================
   HC_HOME_THUMB_TAG_NOTE_BEGIN
   2026-07-07
   - Ana sayfa liste etiketleri içerik satırından kaldırıldı.
   - Etiketler sadece öne çıkan görsel hover/focus durumunda sağa açılan tek satırlık not olarak görünür.
   ===================================================================== */
.hc-post-item--tag-note {
    overflow: visible !important;
}

.hc-post-item--tag-note:hover,
.hc-post-item--tag-note:focus-within {
    position: relative;
    z-index: 20;
}

.hc-post-thumb-wrap--tag-note {
    overflow: visible !important;
    perspective: 680px;
}

.hc-post-thumb-wrap--tag-note .hc-post-thumb-link {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

.hc-post-thumb-wrap--tag-note .hc-post-thumb-link:focus-visible {
    outline: 2px solid var(--dp-primary);
    outline-offset: -2px;
}

.hc-post-item--tag-note .hc-post-main > .hc-post-tags-row {
    display: none !important;
}

.hc-post-thumb-tags-note {
    position: absolute;
    left: calc(100% - 10px);
    top: 50%;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: min(460px, calc(100vw - 220px));
    min-height: 34px;
    padding: 5px 10px 5px 16px;
    border: 1px solid var(--dp-line-dark);
    background:
        linear-gradient(90deg, #fff8cf 0%, #fffdf0 42%, #ffffff 100%);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .14);
    color: var(--dp-text);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%) translateX(-22px) rotateY(76deg) scaleX(.22);
    transform-origin: left center;
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .28s cubic-bezier(.2, .82, .2, 1);
}

.hc-post-thumb-tags-note::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 6px;
    bottom: 6px;
    width: 14px;
    border: 1px solid var(--dp-line-dark);
    border-right: 0;
    background: linear-gradient(90deg, #f2e49b, #fff8cf);
    transform: skewX(-12deg);
    box-shadow: -3px 5px 12px rgba(15, 23, 42, .12);
}

.hc-post-thumb-tags-note::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background: linear-gradient(135deg, rgba(0, 0, 0, .08), rgba(255, 255, 255, .68));
}

.hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
.hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) rotateY(0) scaleX(1);
}

.hc-post-thumb-tags-icon {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: var(--dp-primary-2);
}

.hc-post-thumb-tags-icon svg {
    width: 18px;
    height: 18px;
}

.hc-post-thumb-tags {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.hc-post-thumb-tags .hc-post-tag-chip {
    flex: 0 0 auto;
    max-width: 118px;
    min-height: 22px;
    padding: 0 7px !important;
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .12) !important;
    color: var(--dp-primary-2) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.hc-post-thumb-tags .hc-post-tag-chip:hover,
.hc-post-thumb-tags .hc-post-tag-chip:focus-visible {
    background: var(--dp-primary) !important;
    border-color: var(--dp-primary-2) !important;
    color: #ffffff !important;
}

@media (max-width: 720px) {
    .hc-post-item--tag-note {
        overflow: hidden !important;
    }

    .hc-post-thumb-wrap--tag-note {
        overflow: hidden !important;
    }

    .hc-post-thumb-tags-note {
        left: 10px;
        right: 10px;
        top: auto;
        bottom: 10px;
        width: auto;
        max-width: none;
        transform: translateY(12px) rotateX(68deg) scaleY(.36);
        transform-origin: center bottom;
    }

    .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
        transform: translateY(0) rotateX(0) scaleY(1);
    }

    .hc-post-thumb-tags {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .hc-post-thumb-tags::-webkit-scrollbar {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-post-thumb-tags-note {
        transition: opacity .01s linear, visibility .01s linear !important;
        transform: translateY(-50%) !important;
    }

    @media (max-width: 720px) {
        .hc-post-thumb-tags-note {
            transform: none !important;
        }
    }
}


/* =====================================================================
   HC_HOME_THUMB_SHARE_NOTE_BEGIN
   2026-07-07
   - Görsel üstü not kağıdına ikinci satır SVG paylaşım ikonları eklendi.
   - Görsel filigran yazısı kapatıldı.
   ===================================================================== */
.hc-post-thumb-wrap::after {
    content: none !important;
    display: none !important;
}

.hc-post-thumb-tags-note {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    max-width: min(560px, calc(100vw - 220px));
    min-height: 0;
    padding: 7px 10px 7px 16px;
}

.hc-post-thumb-note-row {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
}

.hc-post-thumb-note-row--share-after-tags {
    padding-top: 6px;
    border-top: 1px dashed rgba(15, 23, 42, .16);
}

.hc-post-thumb-share-label {
    flex: 0 0 auto;
    min-width: 42px;
    color: var(--dp-primary-2);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.hc-post-thumb-share-icons {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.hc-post-share-btn {
    flex: 0 0 auto;
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .14);
    background: #ffffff;
    color: var(--dp-primary-2);
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(15, 23, 42, .06);
    transition: transform .14s ease, background-color .14s ease, color .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.hc-post-share-btn svg {
    display: block;
    width: 15px;
    height: 15px;
}

.hc-post-share-btn:hover,
.hc-post-share-btn:focus-visible {
    background: var(--dp-primary) !important;
    border-color: var(--dp-primary-2) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 9px rgba(15, 23, 42, .14);
}

.hc-post-share-btn:focus-visible {
    outline: 2px solid var(--dp-primary-2);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .hc-post-thumb-tags-note {
        max-width: none;
        gap: 7px;
        padding-right: 9px;
    }

    .hc-post-thumb-share-icons {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .hc-post-thumb-share-icons::-webkit-scrollbar {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-post-share-btn {
        transition: none !important;
    }

    .hc-post-share-btn:hover,
    .hc-post-share-btn:focus-visible {
        transform: none !important;
    }
}
/* HC_HOME_THUMB_SHARE_NOTE_END */

/* HC_HOME_THUMB_TAG_NOTE_END */


/* =====================================================================
   HC_DETAIL_SHARE_ACTION_LINE_BEGIN
   2026-07-07
   - Yazı detayında paylaşım SVG ikonları favorilerden önce aynı aksiyon satırına eklendi.
   ===================================================================== */
.hc-post-action-line--with-share {
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.hc-post-action-line--with-share > .hc-detail-share-inline,
.hc-post-action-line--with-share > .hc-interaction-bar,
.hc-post-action-line--with-share > .hc-compare-single {
    flex: 0 0 auto;
    margin: 0;
}

.hc-detail-share-inline {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--hc-border-soft);
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(0,183,177,.055));
    box-shadow: var(--hc-shadow);
    white-space: nowrap;
}

.hc-detail-share-label {
    flex: 0 0 auto;
    color: var(--hc-primary-strong);
    font-size: var(--hc-fs-11);
    font-weight: 950;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

.hc-detail-share-icons {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.hc-detail-share-btn {
    width: 25px;
    height: 25px;
}

.hc-detail-share-btn svg {
    width: 15px;
    height: 15px;
}

.hc-post-action-line--with-share .hc-interaction-bar {
    min-height: 42px;
}

.hc-post-action-line--with-share .hc-interaction-info {
    flex: 0 1 auto;
}

@media (max-width: 860px) {
    .hc-post-action-line--with-share {
        flex-wrap: nowrap;
    }

    .hc-post-action-line--with-share > .hc-detail-share-inline,
    .hc-post-action-line--with-share > .hc-interaction-bar,
    .hc-post-action-line--with-share > .hc-compare-single {
        flex: 0 0 auto;
    }
}

@media (max-width: 560px) {
    .hc-post-action-line--with-share .hc-interaction-bar,
    .hc-post-action-line--with-share .hc-compare-detail {
        align-items: center;
        flex-direction: row;
    }

    .hc-post-action-line--with-share .hc-interaction-info {
        align-items: center;
        flex-direction: row;
        gap: 7px;
    }

    .hc-post-action-line--with-share .hc-fav-form,
    .hc-post-action-line--with-share .hc-fav-btn,
    .hc-post-action-line--with-share .hc-compare-detail-check,
    .hc-post-action-line--with-share .hc-compare-detail .hc-btn {
        width: auto;
    }
}
/* HC_DETAIL_SHARE_ACTION_LINE_END */

/* 20260707-8: katalog genişletme / görsel paylaşım / yazılım bul */
.hc-software-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 10px;
}
.hc-software-badges--mini {
    margin: 8px 0 0;
    gap: 5px;
}
.hc-software-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid var(--hc-border-soft);
    background: color-mix(in srgb, var(--hc-primary-3) 72%, #fff 28%);
    color: var(--hc-primary-2);
    font-size: var(--hc-fs-11);
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}
.hc-software-badges--mini .hc-software-badge {
    min-height: 20px;
    padding: 0 6px;
    font-size: 10px;
}
.hc-software-link-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.hc-software-score-card {
    display: grid;
    grid-template-columns: 156px minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.72);
}
.hc-software-score-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 10px;
    border: 1px dashed var(--hc-border-soft);
    background: color-mix(in srgb, var(--hc-primary-3) 48%, #fff 52%);
}
.hc-software-score-main span {
    color: var(--hc-text-soft);
    font-size: var(--hc-fs-11);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.hc-software-score-main strong {
    color: var(--hc-primary-2);
    font-size: 28px;
    line-height: 1;
}
.hc-software-score-main small {
    font-size: var(--hc-fs-12);
    margin-left: 2px;
    color: var(--hc-text-soft);
}
.hc-software-score-bars {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.hc-software-score-row {
    display: grid;
    grid-template-columns: minmax(115px, 1fr) 48px minmax(90px, 1.25fr);
    align-items: center;
    gap: 8px;
    font-size: var(--hc-fs-11);
    color: var(--hc-text-soft);
    font-weight: 800;
}
.hc-software-score-row b {
    color: var(--hc-text-main);
    text-align: right;
    font-size: var(--hc-fs-11);
}
.hc-software-score-row i {
    position: relative;
    display: block;
    height: 7px;
    border: 1px solid var(--hc-border-soft);
    background: var(--hc-surface-soft);
    overflow: hidden;
}
.hc-software-score-row i em {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--hc-score, 0%);
    background: linear-gradient(90deg, var(--hc-primary), var(--hc-primary-2));
}
.hc-catalog-checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}
.hc-catalog-check {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 8px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.74);
    font-size: var(--hc-fs-12);
    font-weight: 800;
    color: var(--hc-text-main);
}
.hc-catalog-check input {
    width: auto;
    min-height: 0;
    margin: 0;
}
.hc-catalog-score-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.hc-catalog-score-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px;
    align-items: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.74);
}
.hc-catalog-score-item span {
    font-size: var(--hc-fs-11);
    color: var(--hc-text-soft);
    font-weight: 900;
}
.hc-catalog-score-item input {
    min-height: 30px;
    padding: 0 6px;
    text-align: center;
}
.hc-lightbox-dialog {
    overflow: visible;
}
.hc-lightbox-share {
    position: absolute;
    top: 8px;
    right: 48px;
    z-index: 4;
}
.hc-lightbox-share-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    padding: 0 9px;
    border: 1px solid var(--dp-line);
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}
.hc-lightbox-share-trigger svg {
    width: 15px;
    height: 15px;
}
.hc-lightbox-share-menu {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: min(74vw, 390px);
    padding: 7px;
    border: 1px solid var(--dp-line);
    background: rgba(11,17,32,.96);
    box-shadow: 0 14px 30px rgba(0,0,0,.22);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.hc-lightbox-share:hover .hc-lightbox-share-menu,
.hc-lightbox-share:focus-within .hc-lightbox-share-menu,
.hc-lightbox-share.is-open .hc-lightbox-share-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.hc-lightbox-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.08);
    color: #fff;
    flex: 0 0 auto;
}
.hc-lightbox-share-btn svg {
    width: 16px;
    height: 16px;
    display: block;
}
.hc-lightbox-share-btn:hover,
.hc-lightbox-share-btn:focus-visible {
    background: var(--hc-primary);
    border-color: var(--hc-primary);
    color: #fff;
}
.hc-sidebar-finder-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.86);
    color: var(--hc-text-main);
    text-decoration: none;
}
.hc-sidebar-finder-card:hover,
.hc-sidebar-finder-card:focus-visible {
    border-color: var(--hc-primary);
    background: color-mix(in srgb, var(--hc-primary-3) 48%, #fff 52%);
}
.hc-sidebar-finder-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--hc-border-soft);
    color: var(--hc-primary-2);
    background: var(--hc-surface-soft);
}
.hc-sidebar-finder-icon svg {
    width: 19px;
    height: 19px;
}
.hc-sidebar-finder-card strong,
.hc-sidebar-finder-card small {
    display: block;
    min-width: 0;
}
.hc-sidebar-finder-card strong {
    font-size: var(--hc-fs-12);
    font-weight: 900;
}
.hc-sidebar-finder-card small {
    margin-top: 2px;
    color: var(--hc-text-soft);
    font-size: var(--hc-fs-11);
    line-height: 1.3;
}
.hc-finder-form {
    padding: 14px;
    margin-bottom: 14px;
}
.hc-finder-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(150px, .8fr) minmax(150px, .8fr);
    gap: 10px;
}
.hc-finder-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.hc-finder-checks label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 8px;
    border: 1px solid var(--hc-border-soft);
    background: rgba(255,255,255,.78);
    font-size: var(--hc-fs-12);
    font-weight: 800;
}
.hc-finder-checks input {
    width: auto;
    margin: 0;
}
.hc-finder-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 11px;
}
.hc-finder-results {
    margin-top: 12px;
}
.hc-finder-empty {
    grid-column: 1 / -1;
}

@media (max-width: 760px) {
    .hc-software-score-card,
    .hc-finder-grid {
        grid-template-columns: 1fr;
    }
    .hc-software-score-row {
        grid-template-columns: minmax(0, 1fr) 44px;
    }
    .hc-software-score-row i {
        grid-column: 1 / -1;
    }
    .hc-catalog-checks,
    .hc-catalog-score-grid {
        grid-template-columns: 1fr;
    }
    .hc-lightbox-share {
        right: 46px;
    }
    .hc-lightbox-share-trigger span {
        display: none;
    }
    .hc-lightbox-share-menu {
        overflow-x: auto;
        max-width: 76vw;
    }
}

/* =====================================================================
   HC_LAYOUT_STABILITY_RECOVERY_BEGIN
   2026-07-07
   - Katalog ekleri sonrası ön yüz/admin grid yapısını tekrar sabitler.
   - Sidebar, içerik ve footer alanlarının sola yığılmasını engeller.
   ===================================================================== */
:root,
body.theme-trq,
body.theme-mavi,
body.theme-kirmizi,
body.theme-mor,
body.theme-turuncu,
body.theme-sari,
body.theme-pembe,
body.theme-kahve {
    --hc-public-sidebar-width: 230px;
    --hc-admin-sidebar-width: 250px;
    --hc-layout-header-height: var(--hc-header-live-height, 62px);
    --hc-layer-header: 10000;
    --hc-layer-sidebar: 9990;
    --hc-primary-3: #e7fbfb;
}

.hc-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(62px, auto) minmax(0, 1fr) auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: clip;
}

.hc-header,
.dp-topbar {
    grid-row: 1 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    z-index: var(--hc-layer-header) !important;
}

.hc-main-layout {
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: var(--hc-public-sidebar-width) minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

.hc-main-layout > .hc-sidebar-public,
.hc-main-layout > .hc-sidebar:not(.y-sidebar) {
    grid-column: 1 !important;
    width: var(--hc-public-sidebar-width) !important;
    min-width: var(--hc-public-sidebar-width) !important;
    max-width: var(--hc-public-sidebar-width) !important;
    box-sizing: border-box !important;
}

.hc-main-layout > .y-sidebar {
    grid-column: 1 !important;
    width: var(--hc-admin-sidebar-width) !important;
    min-width: var(--hc-admin-sidebar-width) !important;
    max-width: var(--hc-admin-sidebar-width) !important;
    box-sizing: border-box !important;
}

.hc-main-layout:has(> .y-sidebar) {
    grid-template-columns: var(--hc-admin-sidebar-width) minmax(0, 1fr) !important;
}

.hc-main-layout > .hc-content,
.hc-main-layout > .y-main,
.hc-main-layout > main {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
}

.hc-content > *,
.y-main > * {
    max-width: 100%;
    box-sizing: border-box;
}

.hc-footer,
.dp-footer {
    grid-row: 3 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

@supports not selector(.hc-main-layout:has(> .y-sidebar)) {
    .hc-main-layout > .y-sidebar + .hc-content,
    .hc-main-layout > .y-sidebar + .y-main,
    .hc-main-layout > .y-sidebar + main {
        grid-column: 2 !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 980px) {
    .hc-shell {
        display: grid !important;
        grid-template-rows: minmax(62px, auto) minmax(0, 1fr) auto !important;
        overflow-x: hidden;
    }

    .hc-main-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .hc-main-layout > .hc-content,
    .hc-main-layout > .y-main,
    .hc-main-layout > main {
        grid-column: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .hc-sidebar,
    .hc-sidebar-public,
    .y-sidebar {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: var(--hc-layer-sidebar) !important;
        width: min(82vw, 270px) !important;
        min-width: 0 !important;
        max-width: min(82vw, 270px) !important;
        transform: translateX(-105%) !important;
        transition: transform .18s ease !important;
        padding-top: calc(var(--hc-layout-header-height) + 8px) !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    body.hc-sidebar-open .hc-sidebar,
    body.hc-sidebar-open .hc-sidebar-public,
    body.hc-sidebar-open .y-sidebar,
    body.dp-sidebar-open .hc-sidebar,
    body.dp-sidebar-open .hc-sidebar-public,
    body.dp-sidebar-open .y-sidebar {
        transform: translateX(0) !important;
    }
}
/* HC_LAYOUT_STABILITY_RECOVERY_END */

/* =====================================================================
   HC_FRONT_PAGE_LIST_SETTINGS_BEGIN
   2026-07-07
   - Yönetim > Site Ayarları > Ön Sayfa Ayarları üzerinden ana sayfa ve kategori listelerinde 1/2 sütun görünümünü uygular.
   ===================================================================== */
.hc-post-list.hc-post-list--1 {
    grid-template-columns: minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
}

.hc-post-list.hc-post-list--2 .hc-post-item {
    min-width: 0 !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap {
    width: 132px !important;
    min-width: 132px !important;
    height: 132px !important;
}

.hc-post-list.hc-post-list--2 .hc-ad-slot--list {
    grid-column: 1 / -1 !important;
}

.hc-post-list.hc-post-list--2 .hc-post-main {
    gap: 7px !important;
    padding: 9px !important;
}

.hc-post-list.hc-post-list--2 .hc-post-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
}

.hc-post-list.hc-post-list--2 .hc-post-title {
    font-size: 15px !important;
    line-height: 1.22 !important;
}

.hc-post-list.hc-post-list--2 .hc-post-counters {
    justify-content: flex-start !important;
}

.hc-post-list.hc-post-list--2 .hc-post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note {
    overflow: hidden !important;
    perspective: 680px;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note {
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
    padding: 7px 8px !important;
    transform: translateY(14px) rotateX(66deg) scaleY(.36) !important;
    transform-origin: center bottom !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note::before {
    display: none !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
    transform: translateY(0) rotateX(0) scaleY(1) !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags,
.hc-post-list.hc-post-list--2 .hc-post-thumb-share-icons {
    overflow-x: auto !important;
    scrollbar-width: none;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags::-webkit-scrollbar,
.hc-post-list.hc-post-list--2 .hc-post-thumb-share-icons::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1180px) {
    .hc-post-list.hc-post-list--2 .hc-post-item {
        grid-template-columns: 118px minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap {
        width: 118px !important;
        min-width: 118px !important;
        height: 126px !important;
    }
}

@media (max-width: 980px) {
    .hc-post-list.hc-post-list--2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-item {
        grid-template-columns: 164px minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap {
        width: 164px !important;
        min-width: 164px !important;
        height: 122px !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-header {
        display: flex !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-title {
        font-size: 17px !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-counters {
        justify-content: flex-end !important;
    }
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--2 .hc-post-item {
        grid-template-columns: 1fr !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap {
        width: 100% !important;
        min-width: 0 !important;
        height: 180px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--dp-line) !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-header {
        display: grid !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-counters {
        justify-content: flex-start !important;
    }
}
/* HC_FRONT_PAGE_LIST_SETTINGS_END */

/* =====================================================================
   HC_HOME_TWO_COLUMN_THUMB_NOTE_FIX_BEGIN
   2026-07-07
   - 2 sütun ana sayfa/kategori görünümünde görsel hover etiket + paylaş notunu görsel içine sıkıştırma.
   - Not kağıdı tek sütun davranışı gibi sağa açılır, kart/grid overflow kuralına takılmaz.
   ===================================================================== */
.hc-post-list.hc-post-list--2 .hc-post-item--tag-note {
    overflow: visible !important;
}

.hc-post-list.hc-post-list--2 .hc-post-item--tag-note:hover,
.hc-post-list.hc-post-list--2 .hc-post-item--tag-note:focus-within {
    position: relative !important;
    z-index: 80 !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note {
    overflow: visible !important;
    perspective: 680px !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note {
    left: calc(100% - 10px) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: max-content !important;
    max-width: min(560px, calc(100vw - 220px)) !important;
    min-height: 0 !important;
    padding: 7px 10px 7px 16px !important;
    transform: translateY(-50%) translateX(-22px) rotateY(76deg) scaleX(.22) !important;
    transform-origin: left center !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note::before {
    display: block !important;
}

.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
.hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
    transform: translateY(-50%) translateX(0) rotateY(0) scaleX(1) !important;
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--2 .hc-post-item--tag-note,
    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note {
        overflow: hidden !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note {
        left: 10px !important;
        right: 10px !important;
        top: auto !important;
        bottom: 10px !important;
        width: auto !important;
        max-width: none !important;
        transform: translateY(12px) rotateX(68deg) scaleY(.36) !important;
        transform-origin: center bottom !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-tags-note::before {
        display: none !important;
    }

    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--2 .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
        transform: translateY(0) rotateX(0) scaleY(1) !important;
    }
}
/* HC_HOME_TWO_COLUMN_THUMB_NOTE_FIX_END */

/* =====================================================================
   HC_MEMBER_PROFILE_TABS_BEGIN
   2026-07-07
   - Üye profilinde yorum, oy, favori, bildirim, kullanım ve topluluk sekmeleri.
   ===================================================================== */
.hc-profile-hero-grid {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.hc-profile-card--identity {
    min-width: 0;
}

.hc-profile-mini-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.hc-profile-kpi-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.hc-profile-kpi {
    display: grid;
    gap: 4px;
    min-width: 0;
    min-height: 96px;
    padding: 12px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
    color: var(--dp-text);
    text-decoration: none;
    box-shadow: none;
}

.hc-profile-kpi:hover,
.hc-profile-kpi:focus-visible {
    border-color: var(--dp-primary-2);
    background: color-mix(in srgb, var(--dp-primary-3) 55%, #fff);
    color: var(--dp-text);
    text-decoration: none;
}

.hc-profile-kpi span {
    color: var(--dp-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hc-profile-kpi strong {
    color: var(--dp-primary-2);
    font-size: 28px;
    font-weight: 950;
    line-height: 1;
}

.hc-profile-kpi small {
    color: var(--dp-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

.hc-profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.hc-profile-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel);
    color: var(--dp-text);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}

.hc-profile-tab:hover,
.hc-profile-tab:focus-visible,
.hc-profile-tab.is-active {
    border-color: var(--dp-primary-2);
    background: var(--dp-primary);
    color: #fff !important;
    text-decoration: none;
}

.hc-profile-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}

.hc-profile-summary-list,
.hc-profile-timeline {
    display: grid;
    gap: 7px;
}

.hc-profile-summary-list div,
.hc-profile-timeline div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 9px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
}

.hc-profile-summary-list span,
.hc-profile-timeline span {
    color: var(--dp-muted);
    font-size: 12px;
    font-weight: 800;
}

.hc-profile-summary-list strong,
.hc-profile-timeline strong {
    color: var(--dp-primary-2);
    font-size: 13px;
    font-weight: 950;
    text-align: right;
}

.hc-profile-mini-list {
    display: grid;
    gap: 7px;
}

.hc-profile-mini-list a {
    display: grid;
    gap: 3px;
    padding: 8px 9px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-text);
    text-decoration: none;
}

.hc-profile-mini-list a:hover,
.hc-profile-mini-list a:focus-visible {
    border-color: var(--dp-primary-2);
    background: color-mix(in srgb, var(--dp-primary-3) 60%, #fff);
    text-decoration: none;
}

.hc-profile-mini-list strong {
    font-size: 13px;
    font-weight: 950;
}

.hc-profile-mini-list span {
    color: var(--dp-muted);
    font-size: 12px;
    line-height: 1.35;
}

.hc-profile-table-wrap {
    width: 100%;
    overflow: auto;
}

.hc-profile-table {
    min-width: 760px;
}

.hc-profile-table th {
    white-space: nowrap;
}

.hc-profile-table td {
    vertical-align: top;
}

.hc-profile-table td small {
    color: var(--dp-muted);
    font-size: 11px;
}

.hc-profile-table a:not(.hc-btn) {
    color: var(--dp-primary-2);
    font-weight: 850;
    text-decoration: none;
}

.hc-profile-table a:not(.hc-btn):hover,
.hc-profile-table a:not(.hc-btn):focus-visible {
    text-decoration: underline;
}

.hc-profile-status {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 7px;
    border: 1px solid var(--dp-line);
    background: var(--dp-panel-2);
    color: var(--dp-muted);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.hc-profile-status--onayli,
.hc-profile-status--yayinda,
.hc-profile-status--aktif {
    background: #eaf7f0;
    border-color: #9fd9bd;
    color: var(--dp-success);
}

.hc-profile-status--beklemede,
.hc-profile-status--yeni {
    background: #fff6e5;
    border-color: #e6c474;
    color: var(--dp-warning);
}

.hc-profile-status--reddedildi,
.hc-profile-status--cop,
.hc-profile-status--pasif {
    background: #fff0ee;
    border-color: #f0aca6;
    color: var(--dp-danger);
}

@media (max-width: 1080px) {
    .hc-profile-hero-grid {
        grid-template-columns: 1fr;
    }

    .hc-profile-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .hc-profile-kpi-grid,
    .hc-profile-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .hc-profile-kpi-grid,
    .hc-profile-overview-grid {
        grid-template-columns: 1fr;
    }

    .hc-profile-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .hc-profile-tabs::-webkit-scrollbar {
        display: none;
    }

    .hc-profile-tab {
        flex: 0 0 auto;
    }

    .hc-profile-table {
        min-width: 820px;
    }
}
/* HC_MEMBER_PROFILE_TABS_END */

/* HC_COMMENT_EDITOR_BEGIN
   Yazı detayındaki Yorumunuz alanı için güvenli mini zengin metin editörü. */
.hc-comment-editor-wrap {
    width: 100%;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel, #fff);
    overflow: hidden;
}

.hc-comment-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 6px;
    border-bottom: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
}

.hc-comment-editor-btn {
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #fff;
    color: var(--dp-text, var(--hc-text-main));
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.hc-comment-editor-btn:hover,
.hc-comment-editor-btn:focus {
    background: var(--dp-primary, var(--hc-primary));
    color: #fff;
    border-color: var(--dp-primary-2, var(--hc-primary-2));
    outline: none;
}

.hc-comment-editor-area {
    width: 100%;
    min-height: 145px;
    max-height: 360px;
    padding: 10px;
    border: 0;
    outline: none;
    background: #fff;
    color: var(--dp-text, var(--hc-text-main));
    font: inherit;
    font-size: 14px;
    line-height: 1.6;
    overflow: auto;
}

.hc-comment-editor-area:focus {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--dp-primary, var(--hc-primary)) 18%, transparent);
}

.hc-comment-editor-source {
    display: none !important;
}

.hc-comment-editor-status {
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px;
    border-top: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
    color: var(--dp-muted, var(--hc-text-soft));
    font-size: 11px;
    font-weight: 750;
}

.hc-comment-rich-body {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.hc-comment-rich-body p {
    margin: 0 0 8px;
    line-height: 1.6;
}

.hc-comment-rich-body p:last-child,
.hc-comment-rich-body ul:last-child,
.hc-comment-rich-body ol:last-child,
.hc-comment-rich-body blockquote:last-child,
.hc-comment-rich-body pre:last-child {
    margin-bottom: 0;
}

.hc-comment-rich-body ul,
.hc-comment-rich-body ol {
    margin: 6px 0 9px 20px;
    padding: 0;
}

.hc-comment-rich-body li {
    margin: 3px 0;
}

.hc-comment-rich-body blockquote {
    margin: 9px 0;
    padding: 8px 10px;
    border-left: 3px solid var(--dp-primary, var(--hc-primary));
    background: var(--dp-primary-3, rgba(0, 183, 177, .075));
}

.hc-comment-rich-body a {
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-weight: 850;
    text-decoration: underline;
}

.hc-comment-rich-body code {
    padding: 1px 5px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}

.hc-comment-rich-body pre {
    overflow: auto;
    margin: 9px 0;
    padding: 9px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #0f172a;
    color: #e5e7eb;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.55;
}

.hc-comment-rich-body pre code {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

@media (max-width: 760px) {
    .hc-comment-editor-toolbar {
        gap: 4px;
    }

    .hc-comment-editor-btn {
        min-height: 30px;
        padding: 0 7px;
    }

    .hc-comment-editor-status {
        align-items: flex-start;
        flex-direction: column;
        padding: 6px 8px;
    }
}
/* HC_COMMENT_EDITOR_END */


/* HC_COMMENT_MINI_EDITOR_AND_MAINTENANCE_BEGIN */
.hc-comment-editor-wrap {
    border-color: var(--dp-line, var(--hc-border-soft)) !important;
    background: var(--dp-panel, #fff) !important;
}
.hc-comment-editor-wrap .dp-editor-toolbar,
.hc-comment-editor-toolbar {
    position: static !important;
    gap: 4px !important;
    padding: 6px !important;
}
.hc-comment-editor-wrap .dp-editor-btn,
.hc-comment-editor-btn {
    min-height: 28px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
}
.hc-comment-editor-wrap .dp-editor-area,
.hc-comment-editor-area {
    min-height: 132px !important;
    max-height: 280px;
    padding: 10px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
    overflow: auto;
}
.hc-comment-editor-wrap .dp-editor-status,
.hc-comment-editor-status {
    min-height: 26px !important;
    justify-content: space-between !important;
    font-size: 10px !important;
}
.hc-comment-editor-help {
    display: block;
    color: var(--dp-muted, var(--hc-text-soft));
    font-size: 11px;
    line-height: 1.4;
}
.hc-comment-body.hc-comment-rich-body {
    white-space: normal !important;
}
.hc-comment-rich-body p { margin: 0 0 8px; line-height: 1.58; }
.hc-comment-rich-body p:last-child { margin-bottom: 0; }
.hc-comment-rich-body ul,
.hc-comment-rich-body ol { margin: 7px 0 8px 20px; padding: 0; }
.hc-comment-rich-body li { margin: 3px 0; line-height: 1.55; }
.hc-comment-rich-body blockquote {
    margin: 8px 0;
    padding: 8px 10px;
    border-left: 3px solid var(--dp-primary, var(--hc-primary));
    background: var(--dp-primary-3, rgba(0, 183, 177, .075));
}
.hc-comment-rich-body code {
    padding: 2px 5px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: var(--dp-panel-2, rgba(248, 250, 252, .96));
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}
.hc-comment-rich-body pre {
    overflow: auto;
    margin: 8px 0;
    padding: 9px;
    border: 1px solid var(--dp-line, var(--hc-border-soft));
    background: #0f172a;
    color: #e5e7eb;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    line-height: 1.5;
}
.hc-comment-rich-body pre code {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}
.hc-comment-rich-body a {
    color: var(--dp-primary-2, var(--hc-primary-2));
    font-weight: 850;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
@media (max-width: 760px) {
    .hc-comment-editor-wrap .dp-editor-toolbar,
    .hc-comment-editor-toolbar { gap: 4px !important; }
    .hc-comment-editor-wrap .dp-editor-btn,
    .hc-comment-editor-btn { flex: 0 0 auto; }
}
/* HC_COMMENT_MINI_EDITOR_AND_MAINTENANCE_END */
/* HC_MAINTENANCE_ADMIN_BADGE_BEGIN */
.hc-maintenance-admin-badge {
    border-color: rgba(248, 113, 113, .42) !important;
    background: rgba(254, 226, 226, .84) !important;
    color: #991b1b !important;
}
.hc-maintenance-admin-badge:hover,
.hc-maintenance-admin-badge:focus {
    background: #991b1b !important;
    border-color: #991b1b !important;
    color: #fff !important;
}
/* HC_MAINTENANCE_ADMIN_BADGE_END */



/* =====================================================================
   HC_FRONT_PAGE_DISCOVER_DESIGN_BEGIN
   2026-07-08
   - Yönetim > Site Ayarları > Ön Sayfa Ayarları üzerinden seçilen Keşfet tasarımı.
   - Ana sayfa ve kategori sayfalarında klasik görünümü bozmadan alternatif vitrin/kart görünümü sağlar.
   ===================================================================== */
.hc-front-card--design { border-color: color-mix(in srgb, var(--dp-primary) 42%, var(--dp-line)) !important; background: linear-gradient(135deg, color-mix(in srgb, var(--dp-primary) 8%, var(--dp-panel)), var(--dp-panel)) !important; }
.hc-front-card--design strong::after { content: "Alternatif ön yüz"; display: inline-flex; margin-left: 7px; min-height: 19px; align-items: center; padding: 0 7px; border: 1px solid color-mix(in srgb, var(--dp-primary) 40%, var(--dp-line)); background: color-mix(in srgb, var(--dp-primary) 9%, #fff); color: var(--dp-primary-2); font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; }
.hc-discover-head { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; align-items: stretch !important; margin: 0 0 12px !important; padding: 14px !important; border: 1px solid var(--dp-line) !important; background: radial-gradient(circle at top left, color-mix(in srgb, var(--dp-primary) 16%, transparent), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.90)) !important; box-shadow: 0 12px 24px rgba(15, 23, 42, .07) !important; overflow: hidden !important; }
.hc-discover-head-main { display: grid !important; gap: 5px !important; min-width: 0 !important; }
.hc-discover-kicker, .hc-discover-eyebrow { display: inline-flex !important; width: max-content !important; max-width: 100% !important; align-items: center !important; min-height: 22px !important; padding: 0 8px !important; border: 1px solid color-mix(in srgb, var(--dp-primary) 46%, var(--dp-line)) !important; background: color-mix(in srgb, var(--dp-primary) 10%, #fff) !important; color: var(--dp-primary-2) !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .02em !important; text-transform: uppercase !important; }
.hc-discover-head h1 { margin: 0 !important; color: var(--dp-text) !important; font-size: clamp(20px, 2.4vw, 30px) !important; line-height: 1.08 !important; font-weight: 950 !important; }
.hc-discover-head p { margin: 0 !important; max-width: 760px !important; color: var(--dp-muted) !important; font-size: 13px !important; line-height: 1.45 !important; }
.hc-discover-stats { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; align-content: center !important; gap: 7px !important; max-width: 360px !important; }
.hc-discover-stats span { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 0 10px !important; border: 1px solid var(--dp-line) !important; background: rgba(255,255,255,.82) !important; color: var(--dp-muted) !important; font-size: 11px !important; font-weight: 850 !important; white-space: nowrap !important; }
.hc-discover-stats strong { margin-right: 4px !important; color: var(--dp-primary-2) !important; font-size: 13px !important; font-weight: 950 !important; }
.hc-discover-action { display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; min-height: 34px !important; padding: 0 12px !important; border: 1px solid color-mix(in srgb, var(--dp-primary) 50%, var(--dp-line)) !important; background: linear-gradient(135deg, var(--dp-primary), var(--dp-primary-2)) !important; color: #fff !important; font-size: 12px !important; font-weight: 950 !important; text-decoration: none !important; white-space: nowrap !important; }
.hc-post-list.hc-post-list--design-kesfet { gap: 12px !important; align-items: stretch !important; overflow: visible !important; }
.hc-post-list.hc-post-list--design-kesfet.hc-post-list--1 { grid-template-columns: minmax(0, 1fr) !important; }
.hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-ad-slot--list { grid-column: 1 / -1 !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-item { position: relative !important; display: grid !important; grid-template-columns: 1fr !important; align-content: start !important; min-width: 0 !important; min-height: 100% !important; border: 1px solid color-mix(in srgb, var(--dp-line) 88%, var(--dp-primary) 12%) !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92)) !important; box-shadow: 0 12px 24px rgba(15, 23, 42, .065) !important; overflow: visible !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-item:hover, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:focus-within { z-index: 70 !important; border-color: color-mix(in srgb, var(--dp-primary) 42%, var(--dp-line)) !important; box-shadow: 0 18px 34px rgba(15, 23, 42, .11) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-wrap { width: 100% !important; min-width: 0 !important; height: 190px !important; border-right: 0 !important; border-bottom: 1px solid var(--dp-line) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-main { padding: 12px !important; gap: 9px !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-header { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-title { font-size: 18px !important; line-height: 1.18 !important; }
.hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 .hc-post-title { font-size: 16px !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-counters { justify-content: flex-start !important; gap: 6px !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-excerpt { margin: 0 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type { grid-column: 1 / -1 !important; grid-template-columns: minmax(260px, 42%) minmax(0, 1fr) !important; min-height: 260px !important; background: radial-gradient(circle at top right, color-mix(in srgb, var(--dp-primary) 12%, transparent), transparent 34%), linear-gradient(135deg, rgba(255,255,255,1), rgba(248,250,252,.92)) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured::before, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type::before { content: "Öne çıkan" !important; position: absolute !important; top: 10px !important; left: 10px !important; z-index: 12 !important; min-height: 24px !important; display: inline-flex !important; align-items: center !important; padding: 0 9px !important; border: 1px solid rgba(255,255,255,.72) !important; background: color-mix(in srgb, var(--dp-primary) 82%, #111827) !important; color: #fff !important; font-size: 11px !important; font-weight: 950 !important; box-shadow: 0 10px 20px rgba(15, 23, 42, .18) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-thumb-wrap, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-thumb-wrap { height: 100% !important; min-height: 260px !important; border-right: 1px solid var(--dp-line) !important; border-bottom: 0 !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-main, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-main { padding: 16px !important; align-content: center !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-title, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-title { font-size: clamp(22px, 2.6vw, 34px) !important; line-height: 1.08 !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-excerpt, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-excerpt { font-size: 13px !important; -webkit-line-clamp: 4 !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-foot { margin-top: 2px !important; display: flex !important; justify-content: flex-start !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-detail-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; padding: 0 10px !important; border: 1px solid color-mix(in srgb, var(--dp-primary) 42%, var(--dp-line)) !important; background: color-mix(in srgb, var(--dp-primary) 8%, #fff) !important; color: var(--dp-primary-2) !important; font-size: 11px !important; font-weight: 900 !important; text-decoration: none !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-detail-btn:hover, .hc-post-list.hc-post-list--design-kesfet .hc-discover-detail-btn:focus-visible { background: var(--dp-primary) !important; border-color: var(--dp-primary-2) !important; color: #fff !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-tags-note { max-width: min(560px, calc(100vw - 220px)) !important; }
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-thumb-tags-note, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-thumb-tags-note { max-width: min(620px, calc(100vw - 260px)) !important; }
@media (max-width: 1100px) { .hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type { grid-template-columns: 1fr !important; } .hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-thumb-wrap, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-thumb-wrap { height: 230px !important; min-height: 230px !important; border-right: 0 !important; border-bottom: 1px solid var(--dp-line) !important; } }
@media (max-width: 980px) { .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 { grid-template-columns: minmax(0, 1fr) !important; } .hc-discover-head { grid-template-columns: minmax(0, 1fr) !important; } .hc-discover-stats { justify-content: flex-start !important; max-width: none !important; } .hc-discover-action { justify-self: start !important; } }
@media (max-width: 720px) { .hc-discover-head { padding: 11px !important; } .hc-discover-action { width: 100% !important; } .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-wrap, .hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-thumb-wrap, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-thumb-wrap { height: 180px !important; min-height: 180px !important; } .hc-post-list.hc-post-list--design-kesfet .hc-post-main, .hc-post-list.hc-post-list--design-kesfet .hc-discover-card--featured .hc-post-main, .hc-post-list.hc-post-list--design-kesfet .hc-post-item:first-of-type .hc-post-main { padding: 10px !important; } }
/* HC_FRONT_PAGE_DISCOVER_DESIGN_END */



/* HC_DISCOVER_COMPACT_META_FIX_START
   Keşfet kartlarında üst tanıtım bloğu kaldırıldıktan sonra meta satırı kompaktlaştırır.
   Kategoriler aynı satırda kalır; tarih/görüntülenme/yorum tek ünlem ikonundan açılır.
*/
.hc-post-list.hc-post-list--design-kesfet .hc-post-title-block {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-cats {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: hidden !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-cats .hc-post-cat-chip {
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info {
    position: relative !important;
    z-index: 16 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 34%, var(--dp-line)) !important;
    background: color-mix(in srgb, var(--dp-primary) 8%, #fff) !important;
    color: var(--dp-primary-2) !important;
    cursor: help !important;
    outline: none !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-icon,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-icon svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:hover,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:focus,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:focus-visible {
    border-color: var(--dp-primary-2) !important;
    background: var(--dp-primary) !important;
    color: #fff !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-pop {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 210px !important;
    max-width: min(280px, calc(100vw - 32px)) !important;
    display: grid !important;
    gap: 5px !important;
    padding: 9px 10px !important;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 28%, var(--dp-line)) !important;
    background: rgba(255,255,255,.98) !important;
    color: var(--dp-text) !important;
    box-shadow: 0 16px 30px rgba(15, 23, 42, .16) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-4px) !important;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-pop::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    right: 9px !important;
    width: 10px !important;
    height: 10px !important;
    border-left: 1px solid color-mix(in srgb, var(--dp-primary) 28%, var(--dp-line)) !important;
    border-top: 1px solid color-mix(in srgb, var(--dp-primary) 28%, var(--dp-line)) !important;
    background: rgba(255,255,255,.98) !important;
    transform: rotate(45deg) !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:hover .hc-discover-info-pop,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:focus .hc-discover-info-pop,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:focus-visible .hc-discover-info-pop,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info:focus-within .hc-discover-info-pop {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-pop > span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: var(--dp-muted) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info-pop strong {
    color: var(--dp-text) !important;
    font-weight: 950 !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-post-excerpt-link {
    color: var(--dp-text) !important;
    text-decoration: none !important;
    border: 1px solid transparent !important;
    padding: 2px 0 !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-post-excerpt-link:hover,
.hc-post-list.hc-post-list--design-kesfet .hc-post-excerpt-link:focus-visible {
    color: var(--dp-primary-2) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-foot,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-detail-btn {
    display: none !important;
}
@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row {
        align-items: flex-start !important;
    }
    .hc-post-list.hc-post-list--design-kesfet .hc-discover-card-cats {
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }
    .hc-post-list.hc-post-list--design-kesfet .hc-discover-card-cats::-webkit-scrollbar {
        display: none !important;
    }
    .hc-post-list.hc-post-list--design-kesfet .hc-discover-info-pop {
        right: -2px !important;
        min-width: 196px !important;
    }
}
/* HC_DISCOVER_COMPACT_META_FIX_END */
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row > .hc-discover-info {
    margin-left: auto !important;
}

/* HC_DISCOVER_CATS_IN_THUMB_NOTE_START
   Keşfet tasarımında başlık altındaki kategori chipleri görsel hover not kağıdına taşındı.
   Klasik tasarım etkilenmez.
*/
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-note-row--cats {
    padding-bottom: 0 !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-note-row--after-cats,
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-note-row--cats + .hc-post-thumb-note-row--share {
    padding-top: 6px !important;
    border-top: 1px dashed rgba(15, 23, 42, .16) !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-cats .hc-post-cat-chip {
    flex: 0 0 auto !important;
    max-width: 132px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid color-mix(in srgb, var(--dp-primary) 28%, rgba(0,0,0,.12)) !important;
    background: color-mix(in srgb, var(--dp-primary) 8%, #fff) !important;
    color: var(--dp-primary-2) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-cats .hc-post-cat-chip:hover,
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-cats .hc-post-cat-chip:focus-visible {
    background: var(--dp-primary) !important;
    border-color: var(--dp-primary-2) !important;
    color: #ffffff !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row--info-only {
    justify-content: flex-end !important;
    min-height: 28px !important;
}
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row--info-only .hc-discover-info {
    margin-left: auto !important;
}
@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-cats {
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }
    .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-cats::-webkit-scrollbar {
        display: none !important;
    }
}
/* HC_DISCOVER_CATS_IN_THUMB_NOTE_END */


/* HC_DISCOVER_NOTE_STATS_EDGE_FIX_START
   Keşfet tasarımında ünlem tooltip kaldırıldı; tarih/görüntülenme/yorum paylaş satırının altına taşındı.
   2 sütun görünümde sağ kolondaki not kağıdı sola doğru açılır. Klasik tasarım etkilenmez.
*/
.hc-post-list.hc-post-list--design-kesfet .hc-discover-card-meta-row--info-only,
.hc-post-list.hc-post-list--design-kesfet .hc-discover-info {
    display: none !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-note-row--info {
    padding-top: 6px !important;
    border-top: 1px dashed rgba(15, 23, 42, .16) !important;
    align-items: center !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-label {
    flex: 0 0 auto !important;
    min-width: 62px !important;
    color: var(--dp-primary-2) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-list {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-list > span {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgba(255, 255, 255, .74) !important;
    color: var(--dp-muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-list strong {
    color: var(--dp-text) !important;
    font-weight: 950 !important;
}

@media (min-width: 981px) {
    .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-tags-note {
        max-width: min(660px, calc(100vw - 240px)) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-tags-note {
        left: auto !important;
        right: calc(100% - 10px) !important;
        padding: 7px 16px 7px 10px !important;
        transform-origin: right center !important;
        transform: translateY(-50%) translateX(22px) rotateY(-76deg) scaleX(.22) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-tags-note::before {
        left: auto !important;
        right: -9px !important;
        border-left: 0 !important;
        border-right: 1px solid var(--dp-line-dark) !important;
        background: linear-gradient(270deg, #f2e49b, #fff8cf) !important;
        transform: skewX(12deg) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-tags-note::after {
        left: 0 !important;
        right: auto !important;
        border-left: 0 !important;
        border-right: 1px solid rgba(0, 0, 0, .08) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
        transform: translateY(-50%) translateX(0) rotateY(0) scaleX(1) !important;
    }
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-list {
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-info-list::-webkit-scrollbar {
        display: none !important;
    }
}
/* HC_DISCOVER_NOTE_STATS_EDGE_FIX_END */

/* HC_DISCOVER_NOTE_CLEAN_EDGE_START
   Keşfet hover not alanındaki çapraz katlama/yan şerit dekorları kaldırıldı.
   Klasik tasarım etkilenmez.
*/
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-tags-note {
    padding: 7px 10px !important;
}

.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-tags-note::before,
.hc-post-list.hc-post-list--design-kesfet .hc-post-thumb-tags-note::after {
    content: none !important;
    display: none !important;
}

@media (min-width: 981px) {
    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--2 > .hc-post-item:nth-of-type(2n+3) .hc-post-thumb-tags-note {
        padding: 7px 10px !important;
    }
}
/* HC_DISCOVER_NOTE_CLEAN_EDGE_END */


/* HC_DISCOVER_THREE_BLOCK_DESIGN_START
   Keşfet tasarımına alternatif 3 bloklu vitrin görünümü.
   Yönetim > Site Ayarları > Ön Sayfa Ayarları bölümündeki "Keşfet - 3 Blok" seçeneğiyle çalışır.
   Klasik ve mevcut Keşfet tasarımlarını etkilemez.
*/
.hc-post-list.hc-post-list--design-kesfet3 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    grid-auto-rows: minmax(168px, auto) !important;
    gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.hc-post-list.hc-post-list--design-kesfet3 .hc-ad-slot--list {
    grid-column: 1 / -1 !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item {
    grid-column: span 3 !important;
    min-height: 100% !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1 {
    grid-column: span 3 !important;
    grid-row: span 2 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 350px !important;
    background: radial-gradient(circle at top left, color-mix(in srgb, var(--dp-primary) 15%, transparent), transparent 36%), linear-gradient(145deg, rgba(255,255,255,1), rgba(248,250,252,.90)) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 {
    grid-column: span 3 !important;
    grid-template-columns: minmax(178px, 38%) minmax(0, 1fr) !important;
    min-height: 168px !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 {
    background: linear-gradient(135deg, color-mix(in srgb, var(--dp-primary) 6%, #fff), rgba(255,255,255,.96)) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 {
    background: linear-gradient(135deg, rgba(255,255,255,.96), color-mix(in srgb, var(--dp-primary-2) 7%, #fff)) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1::before,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type::before {
    content: "Vitrin" !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2::before,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3::before {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 12 !important;
    min-height: 23px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: color-mix(in srgb, var(--dp-primary) 78%, #111827) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .16) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2::before {
    content: "Seçki" !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3::before {
    content: "Hızlı keşif" !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1 .hc-post-thumb-wrap,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type .hc-post-thumb-wrap {
    height: 238px !important;
    min-height: 238px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dp-line) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-wrap,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-wrap {
    height: 100% !important;
    min-height: 168px !important;
    border-right: 1px solid var(--dp-line) !important;
    border-bottom: 0 !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1 .hc-post-main,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type .hc-post-main {
    padding: 15px !important;
    align-content: start !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-main,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-main {
    padding: 12px !important;
    align-content: center !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1 .hc-post-title,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type .hc-post-title {
    font-size: clamp(21px, 2.15vw, 30px) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-title,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-title {
    font-size: clamp(15px, 1.45vw, 19px) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-excerpt,
.hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-excerpt {
    -webkit-line-clamp: 2 !important;
    font-size: 12px !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(n+4) {
    grid-template-columns: minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(n+4) .hc-post-thumb-wrap {
    height: 185px !important;
    min-height: 185px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dp-line) !important;
}

.hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(n+4) .hc-post-title {
    font-size: 16px !important;
}

@media (min-width: 981px) {
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(2n+5) .hc-post-thumb-tags-note {
        left: auto !important;
        right: calc(100% - 10px) !important;
        padding: 7px 10px !important;
        transform-origin: right center !important;
        transform: translateY(-50%) translateX(22px) rotateY(-76deg) scaleX(.22) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(2n+5) .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(2n+5) .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
        transform: translateY(-50%) translateX(0) rotateY(0) scaleX(1) !important;
    }
}

@media (max-width: 1120px) {
    .hc-post-list.hc-post-list--design-kesfet3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
    }

    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 {
        grid-column: span 1 !important;
        grid-row: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-wrap {
        height: 190px !important;
        min-height: 190px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--dp-line) !important;
    }
}

@media (max-width: 980px) {
    .hc-post-list.hc-post-list--design-kesfet3 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block1 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block2 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-discover-card--block3 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:first-of-type .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-kesfet3 > .hc-post-item:nth-of-type(n+4) .hc-post-thumb-wrap {
        height: 180px !important;
        min-height: 180px !important;
    }
}
/* HC_DISCOVER_THREE_BLOCK_DESIGN_END */

/* HC_DISCOVER_THREE_BLOCK_SPECIFICITY_FIX_START
   3 blok görünümünün eski tek/iki sütun keşfet grid kurallarına takılmasını engeller.
*/
.hc-post-list.hc-post-list--design-kesfet.hc-post-list--design-kesfet3 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    grid-auto-rows: minmax(168px, auto) !important;
}

@media (max-width: 1120px) {
    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--design-kesfet3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
    }
}

@media (max-width: 980px) {
    .hc-post-list.hc-post-list--design-kesfet.hc-post-list--design-kesfet3 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
/* HC_DISCOVER_THREE_BLOCK_SPECIFICITY_FIX_END */

/* HC_FRONT_PAGE_SOFTWARE_COLLECTION_DESIGNS_START
   Yazılım Kartı ve Koleksiyon alternatif ön yüz tasarımları.
   Yönetim > Site Ayarları > Ön Sayfa Ayarları üzerinden ana sayfa/kategori için ayrı seçilir.
   Klasik, Keşfet ve Keşfet - 3 Blok tasarımlarını etkilemez.
*/
.hc-post-list.hc-post-list--design-yazilim_karti,
.hc-post-list.hc-post-list--design-koleksiyon {
    gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1,
.hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--1 {
    grid-template-columns: minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2,
.hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-ad-slot--list,
.hc-post-list.hc-post-list--design-koleksiyon .hc-ad-slot--list {
    grid-column: 1 / -1 !important;
}

/* Yazılım Kartı */
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    min-width: 0 !important;
    min-height: 100% !important;
    border: 1px solid color-mix(in srgb, var(--dp-line) 86%, var(--dp-primary) 14%) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07) !important;
    overflow: visible !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-item:hover,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-item:focus-within {
    z-index: 68 !important;
    border-color: color-mix(in srgb, var(--dp-primary) 46%, var(--dp-line)) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, .12) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap {
    width: 100% !important;
    min-width: 0 !important;
    height: 205px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dp-line) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1 .hc-post-item {
    grid-template-columns: minmax(230px, 34%) minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1 .hc-post-thumb-wrap {
    height: 100% !important;
    min-height: 230px !important;
    border-right: 1px solid var(--dp-line) !important;
    border-bottom: 0 !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-main {
    padding: 13px !important;
    gap: 10px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-title {
    font-size: clamp(17px, 1.65vw, 22px) !important;
    line-height: 1.12 !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 .hc-post-title {
    font-size: 17px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-cats {
    margin-top: 2px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-counters {
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 2px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-excerpt {
    margin: 0 !important;
    color: var(--dp-muted) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

.hc-software-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.hc-software-meta-chip {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--dp-muted) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hc-software-meta-chip--license,
.hc-software-meta-chip--score {
    border-color: color-mix(in srgb, var(--dp-primary) 32%, var(--dp-line)) !important;
    background: color-mix(in srgb, var(--dp-primary) 8%, #fff) !important;
    color: var(--dp-primary-2) !important;
    font-weight: 950 !important;
}

.hc-software-card-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.hc-software-card-badges span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 21px !important;
    padding: 0 7px !important;
    border: 1px dashed color-mix(in srgb, var(--dp-primary) 34%, rgba(15,23,42,.14)) !important;
    background: color-mix(in srgb, var(--dp-primary) 6%, #fff) !important;
    color: var(--dp-text) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

/* Koleksiyon */
.hc-post-list.hc-post-list--design-koleksiyon .hc-post-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 30%) minmax(0, 1fr) !important;
    min-width: 0 !important;
    min-height: 192px !important;
    border: 1px solid color-mix(in srgb, var(--dp-line) 88%, var(--dp-primary) 12%) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.94)) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .065) !important;
    overflow: visible !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-item::before {
    content: "Koleksiyon" !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 12 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 23px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: color-mix(in srgb, var(--dp-primary) 78%, #111827) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, .16) !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-item:hover,
.hc-post-list.hc-post-list--design-koleksiyon .hc-post-item:focus-within {
    z-index: 66 !important;
    border-color: color-mix(in srgb, var(--dp-primary) 42%, var(--dp-line)) !important;
    box-shadow: 0 18px 32px rgba(15, 23, 42, .11) !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-thumb-wrap {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 192px !important;
    border-right: 1px solid var(--dp-line) !important;
    border-bottom: 0 !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-main {
    padding: 13px !important;
    gap: 10px !important;
    align-content: center !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-title {
    font-size: clamp(18px, 1.9vw, 24px) !important;
    line-height: 1.1 !important;
}

.hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 .hc-post-item {
    grid-template-columns: minmax(0, 1fr) !important;
}

.hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 .hc-post-thumb-wrap {
    height: 190px !important;
    min-height: 190px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--dp-line) !important;
}

.hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 .hc-post-title {
    font-size: 17px !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-counters {
    justify-content: flex-start !important;
    gap: 6px !important;
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-excerpt {
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

.hc-collection-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.hc-collection-card-meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--dp-muted) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.hc-collection-card-meta span:first-child {
    border-color: color-mix(in srgb, var(--dp-primary) 34%, var(--dp-line)) !important;
    background: color-mix(in srgb, var(--dp-primary) 8%, #fff) !important;
    color: var(--dp-primary-2) !important;
    font-weight: 950 !important;
}

@media (min-width: 981px) {
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-tags-note {
        left: auto !important;
        right: calc(100% - 10px) !important;
        padding: 7px 10px !important;
        transform-origin: right center !important;
        transform: translateY(-50%) translateX(22px) rotateY(-76deg) scaleX(.22) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-wrap--tag-note:hover .hc-post-thumb-tags-note,
    .hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-post-thumb-wrap--tag-note:focus-within .hc-post-thumb-tags-note {
        transform: translateY(-50%) translateX(0) rotateY(0) scaleX(1) !important;
    }
}

@media (max-width: 980px) {
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2,
    .hc-post-list.hc-post-list--design-koleksiyon.hc-post-list--2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1 .hc-post-item,
    .hc-post-list.hc-post-list--design-koleksiyon .hc-post-item {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-koleksiyon .hc-post-thumb-wrap {
        height: 190px !important;
        min-height: 190px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--dp-line) !important;
    }
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--1 .hc-post-thumb-wrap,
    .hc-post-list.hc-post-list--design-koleksiyon .hc-post-thumb-wrap {
        height: 178px !important;
        min-height: 178px !important;
    }

    .hc-software-card-meta,
    .hc-software-card-badges,
    .hc-collection-card-meta {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .hc-software-card-meta::-webkit-scrollbar,
    .hc-software-card-badges::-webkit-scrollbar,
    .hc-collection-card-meta::-webkit-scrollbar {
        display: none !important;
    }
}
/* HC_FRONT_PAGE_SOFTWARE_COLLECTION_DESIGNS_END */

/* HC_SOFTWARE_CARD_INFO_NOTE_AND_COLLECTION_CLEANUP_START
   - Yazılım Kartı tasarımında başlık ve özet dışındaki bilgiler görsel sol üstündeki ünlem paneline taşındı.
   - Koleksiyon tasarımındaki "Koleksiyon" etiketi ve koleksiyon bilgi satırı gizlendi.
*/
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap--tag-note {
    overflow: visible !important;
    perspective: 760px !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 18 !important;
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .74) !important;
    color: #fff !important;
    cursor: help !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .18) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    backdrop-filter: blur(7px) !important;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:hover,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:focus-visible {
    transform: translateY(-1px) scale(1.03) !important;
    background: color-mix(in srgb, var(--dp-primary) 82%, #0f172a) !important;
    border-color: rgba(255,255,255,.88) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .24) !important;
    outline: none !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel {
    left: 50px !important;
    right: auto !important;
    top: 10px !important;
    bottom: auto !important;
    width: max-content !important;
    max-width: min(560px, calc(100vw - 160px)) !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    border-color: color-mix(in srgb, var(--dp-primary) 24%, var(--dp-line-dark)) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,253,252,.96)) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    transform: translateY(-8px) translateX(-8px) scale(.96) !important;
    transform-origin: left top !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel::before,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel::after {
    content: none !important;
    display: none !important;
}

/* Yazılım kartında panel sadece ünlem ya da panel üzerine gelince açılsın; görsel hover tek başına açmasın. */
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap--tag-note:hover .hc-software-thumb-info-panel,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap--tag-note:focus-within .hc-software-thumb-info-panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) translateX(-8px) scale(.96) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:hover ~ .hc-software-thumb-info-panel,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:focus-visible ~ .hc-software-thumb-info-panel,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel:hover,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel:focus-within {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) translateX(0) scale(1) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--cats,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--software,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--badges,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--tags,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--share,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--info {
    width: 100% !important;
    align-items: flex-start !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--after-cats,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--share-after-tags,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--info {
    padding-top: 7px !important;
    border-top: 1px dashed rgba(15, 23, 42, .15) !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags-icon,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-share-label,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-label {
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    color: var(--dp-primary-2) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .065em !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--cats .hc-post-thumb-tags-icon::after {
    content: "Kategori" !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-note-row--tags .hc-post-thumb-tags-icon::after {
    content: "Etiket" !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags-icon svg {
    display: none !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-share-icons,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-chips,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-badges,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-list {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-cats .hc-post-cat-chip,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags .hc-post-tag-chip,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-meta-chip,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-badges span,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-list > span {
    flex: 0 1 auto !important;
    max-width: 180px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    border: 1px solid rgba(15,23,42,.11) !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--dp-muted) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-cats .hc-post-cat-chip,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags .hc-post-tag-chip,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-meta-chip--license,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-meta-chip--score,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-badges span {
    border-color: color-mix(in srgb, var(--dp-primary) 30%, rgba(15,23,42,.12)) !important;
    background: color-mix(in srgb, var(--dp-primary) 7%, #fff) !important;
    color: var(--dp-primary-2) !important;
    font-weight: 920 !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-list strong {
    color: var(--dp-text) !important;
    font-weight: 950 !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-header {
    align-items: start !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-title-block {
    gap: 0 !important;
}

.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-cats,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-counters,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-card-meta,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-software-card-badges {
    display: none !important;
}

@media (min-width: 981px) {
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-trigger {
        left: auto !important;
        right: 10px !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-panel {
        left: auto !important;
        right: 50px !important;
        transform-origin: right top !important;
        transform: translateY(-8px) translateX(8px) scale(.96) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-trigger:hover ~ .hc-software-thumb-info-panel,
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-trigger:focus-visible ~ .hc-software-thumb-info-panel,
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-panel:hover,
    .hc-post-list.hc-post-list--design-yazilim_karti.hc-post-list--2 > .hc-post-item:nth-of-type(2n+2) .hc-software-thumb-info-panel:focus-within {
        transform: translateY(0) translateX(0) scale(1) !important;
    }
}

@media (max-width: 720px) {
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger {
        left: 9px !important;
        top: 9px !important;
        width: 32px !important;
        height: 32px !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel {
        left: 9px !important;
        right: 9px !important;
        top: 48px !important;
        bottom: auto !important;
        width: auto !important;
        max-width: none !important;
        transform-origin: left top !important;
        transform: translateY(-8px) scale(.96) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:hover ~ .hc-software-thumb-info-panel,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-trigger:focus-visible ~ .hc-software-thumb-info-panel,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel:hover,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-thumb-info-panel:focus-within {
        transform: translateY(0) scale(1) !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-share-icons,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-chips,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-badges,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-list {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-tags::-webkit-scrollbar,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-share-icons::-webkit-scrollbar,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-chips::-webkit-scrollbar,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-software-note-badges::-webkit-scrollbar,
    .hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-info-list::-webkit-scrollbar {
        display: none !important;
    }
}

.hc-post-list.hc-post-list--design-koleksiyon .hc-post-item::before,
.hc-post-list.hc-post-list--design-koleksiyon .hc-collection-card-meta {
    content: none !important;
    display: none !important;
}
/* HC_SOFTWARE_CARD_INFO_NOTE_AND_COLLECTION_CLEANUP_END */

/* HC_SOFTWARE_CARD_INFO_NOTE_HOVER_LOCK_FIX_START */
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap--tag-note:hover .hc-software-thumb-info-panel:hover,
.hc-post-list.hc-post-list--design-yazilim_karti .hc-post-thumb-wrap--tag-note:focus-within .hc-software-thumb-info-panel:focus-within {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) translateX(0) scale(1) !important;
}
/* HC_SOFTWARE_CARD_INFO_NOTE_HOVER_LOCK_FIX_END */