:root {
	--tblr-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--tblr-success: #10B981;
	--tblr-success-rgb: 16, 185, 129;
}
body {
	font-feature-settings: "cv03", "cv04", "cv11";
}
a.card:hover {
	box-shadow: none !important;
}
.bg-success {
	background-color: #10B981 !important;
}
.card {
	--tblr-card-border-radius: 0.5rem;
	margin-bottom: 1rem;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--tblr-primary) !important;
	border-color: var(--tblr-primary) !important;
	opacity: 0.9 !important;
}

[x-cloak] { display: none !important; }

.section {
	margin: 3rem 0;
}

.border-input {
	border-color: #dadfe5 !important;
}

.card-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.fs-100 {
	font-size: 100%;
}

.alert-success {
	color: #fff;
	background-color: var(--tblr-success) !important;
}
.alert-danger {
	color: #fff;
	background-color: var(--tblr-danger) !important;
}
.alert-warning {
	color: #fff;
	background-color: var(--tblr-warning) !important;
}
.alert-info {
	color: #fff;
	background-color: var(--tblr-info) !important;
}

.widget-title {
	color: inherit;
	margin-bottom: 0.5rem;
}

.widget-link {
	--tblr-text-opacity: 1;
	color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
}
[data-bs-theme=dark] .widget-link {
	color: rgba(255, 255, 255, 0.5) !important;
}
.widget-link:hover {
	text-decoration: none;
	color: inherit !important;
}

.footer {
	color: inherit;
	background-color: var(--tblr-bg-surface);
}

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

.breadcrumb {
	background-color: var(--tblr-bg-surface);
	padding: 1rem 1.5rem;
	border-radius: 0.5rem;
	border: 1px solid var(--tblr-border-color) !important;
	margin-bottom: 0.75rem;
}
.breadcrumb-item a {
	color: inherit;
}
.breadcrumb-item.active {
	--tblr-text-opacity: 1;
	font-weight: normal;
	color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
}
[data-bs-theme=dark] .breadcrumb-item.active {
	color: rgba(255, 255, 255, 0.5) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
	color: var(--tblr-dropdown-link-active-color) !important;
	text-decoration: none;
	background-color: var(--tblr-dropdown-link-active-bg);
}
[data-bs-theme=dark] .dropdown-item.active, .dropdown-item:active,
[data-bs-theme=dark] .dropdown-item:hover {
	color: #fff !important;
}

[data-bs-theme=dark] .text-muted {
	color: rgba(255, 255, 255, 0.5) !important;
}

.btn-transparent {
	background-color: transparent;
	border-color: transparent !important;
	box-shadow: none;
	color: inherit;
}

@media (min-width: 768px) {
	.navbar-expand-md .nav-item:hover {
		position: relative;
	}
	.navbar-expand-md .nav-item:hover:not(.no-hover-border)::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: -.25rem;
		border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
		border-bottom-width: 2px;
	}
}

.ti {
	font-size: 20px;
}

.page-center {
	justify-content: center;
}

.card-header .ck-content p:last-child,
.card-body .ck-content p:last-child {
	margin-bottom: 0;
}

.superWheel .sWheel-inner {
	background-color: #d2a100;
	border-radius: 100%;
}

.input-group.input-icon {
	margin-left: 1px;
}
.input-group.input-icon .input-icon-addon {
	z-index: 6;
}
.input-group.input-icon .form-control {
	height: calc(2.25rem + 2px);
}

.table a:not(.btn) {
	color: inherit;
}
.table a:hover {
	text-decoration: none;
}

.btn-group-sm>.btn, .btn-sm {
	--tblr-btn-line-height: 1.625;
	--tblr-btn-icon-size: 0.813rem;
}

tbody td {
	vertical-align: middle;
}

.btn-icon .ti {
	font-size: 1rem;
}

.bg-surface {
	background-color: var(--tblr-bg-surface);
}

.card-product .stock {
	position: absolute;
	top: -.75rem;
	left: -0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	padding: .325rem .625rem;
	font-size: 90%;
	color: #ffffff;
	border-radius: .375rem;
	z-index: 2;
}
.card-product .stock.stock-sm {
	top: -0.5rem;
	left: -0.5rem;
	font-size: 85%;
	padding: .25rem .5rem;
}
.card-product .stock.have-stock {
	background-color: #fb6340;
}
.card-product .stock.stock-out {
	background-color: #f5365c;
}

.card-product .discount {
	position: absolute;
	top: -1.25rem;
	right: -0.75rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	font-weight: 600;
	color: #ffffff;
	background-color: var(--tblr-primary);
	border-radius: 50%;
	z-index: 2;
}
.card-product .discount.discount-sm {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 90%;
	font-weight: 600;
	top: -0.75rem;
	right: -0.5rem;
}


.card-product .price {
	font-size: 1.125rem;
	font-weight: 600;
}

.card-product .old-price {
	font-size: 80%;
	font-weight: 700;
	color: #f5365c;
	text-decoration: line-through;
}

.card-product {
	height: 100%;
}

.card-product .card-img-top {
	height: auto;
}

.card-product .card-body {
	display: flex;
	flex-direction: column;
	position: initial;
}

.border-bottom-separator > * {
	padding-top: .875rem;
	padding-bottom: .875rem;
	border-bottom: 1px solid var(--tblr-border-color) !important;
}
.border-bottom-separator > *:last-child {
	border-bottom: 0 !important;
}

.no-underline:hover {
	text-decoration: none;
}

.icon-sm {
	font-size: 1rem !important;
}

.card-img-right {
	border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 992px) {
	.home-slider .carousel-inner, .home-slider .carousel-item {
		height: 400px;
		overflow: hidden;
	}
	.home-slider .carousel-item img {
		height: 400px;
		object-fit: cover;
		overflow: hidden;
	}
}

/* BROADCAST */
.broadcast {
	width: 100%;
	height: 44px;
	background-color: var(--tblr-bg-surface);
	overflow: hidden;
	border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}
.broadcast-item {
	display: inline-block;
	padding: 10px 600px 10px 0;
}
@media (max-width: 768px) {
	.broadcast-item {
		padding-right: 400px;
	}
}
.broadcast-link {
	color: var(--tblr-body-color);
}

.shopping-cart-count-circle {
	width: 18px;
	height: 18px;
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	border-radius: 50%;
	font-size: 80%;
	background-color: var(--tblr-primary);
	color: #fff;
}

/*NAV-TABS*/
.nav-tabs {
	margin-bottom: 0;
}
.nav-tabs .nav-link {
	display: block;
	text-align: center;
	padding: 1rem;
	font-weight: 500;
	color: var(--tblr-body-color);
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid var(--tblr-border-color);
}

.nav-tabs .nav-link:hover {
	color: var(--tblr-primary);
	border-color: var(--tblr-border-color);
}

.nav-tabs .nav-link:first-child {
	border-top-left-radius: 10px;
}

.nav-tabs .nav-link:last-child {
	border-top-right-radius: 10px;
}

.nav-tabs .nav-link.active {
	border: 0;
	border-bottom: 2px solid var(--tblr-primary);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--tblr-primary);
	border-color: var(--tblr-primary);
	background-color: transparent;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	--tblr-btn-disabled-border-color: var(--tblr-btn-disabled-bg);
}

@media (min-width: 768px) {
	.termsfeed-com---nb .cc-nb-main-container {
		padding: 2rem !important;
	}
	.termsfeed-com---nb-simple {
		bottom: 20px !important;
		right: 20px !important;
		border-radius: 0.625rem !important;
	}
}
.cc-cp-foot-byline {
	visibility: hidden;
}
.cc-pc-head-close:focus {
	border: none !important;
}
.termsfeed-com---palette-dark *:focus {
	box-shadow: none !important;
}
.cc-nb-okagree, .cc-cp-foot-save {
	color: #fff !important;
	background-color: var(--tblr-primary) !important;
}

.btn-link {
	color: rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,1));
}

.btn-link:hover {
	color: rgba(var(--tblr-link-hover-color-rgb),var(--tblr-link-opacity,1));
}

.role__default {
	display: inline-block;
	justify-content: center;
	align-items: center;
	background: var(--tblr-bg-surface-secondary);
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 1.35714285em;
	font-size: 85%;
	font-weight: var(--tblr-font-weight-bold);
	letter-spacing: .04em;
	vertical-align: bottom;
	line-height: 1;
	padding: 0.25rem 0.5rem;
	text-align: center;
	white-space: nowrap;
	border-radius: 0.25rem;
}

.forum-online-users a:hover {
	text-decoration: none;
}
.forum-online-users a:not(:last-child)::after {
	margin-left: -3px;
	content: ",";
	font-size: 90%;
	color: rgb(var(--tblr-body-color-rgb)) !important;
}

.select2-container--bootstrap4 .select2-selection--single {
	height: calc(1.875em + .75rem + 2px) !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	line-height: calc(1.875em + .75rem);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 12px;
}

.select2-container--bootstrap4 .select2-selection {
	background-color: var(--tblr-bg-forms);
	border-color: var(--tblr-border-color);
}

.select2-results__option {
	background-color: var(--tblr-bg-forms);
}

.select2-container--bootstrap4 .select2-dropdown {
	border-color: var(--tblr-border-color);
}

/* ckeditor */
.ck-editor__editable {
	min-height: 150px !important;
}
[data-bs-theme=dark] .ck-editor .ck-content {
	background: var(--tblr-bg-surface) !important;
	border-color: var(--tblr-border-color-translucent) !important;
}
[data-bs-theme=dark] .card .ck-editor .ck-content {
	background: var(--tblr-bg-forms) !important;
	border-color: var(--tblr-bg-forms) !important;
}
[data-bs-theme=dark] .ck-editor .ck-toolbar {
	background: #171a21 !important;
	border-color: #171a21 !important;
}
[data-bs-theme=dark] .ck-editor .ck-toolbar__items * {
	color: #FFF !important;
}
[data-bs-theme=dark] .ck-editor .ck-button:hover {
	background: #111111 !important;
}
[data-bs-theme=dark] .ck-editor .ck-button:focus {
	background: #111111 !important;
}
[data-bs-theme=dark] .ck-editor .ck-list__item {
	background: #171a21 !important;
	border-color: #171a21 !important;
}
.ck-editor.ck-toolbar {
	border: 1px solid #efefef !important;
}

.header-banner{
	position: relative;
	overflow: hidden;
}

.header-image {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 255px;
}

.header-image img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

.header-banner-content {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.5rem;
	color: #fff;
	font-weight: 600;
}

@media (max-width: 768px) {
	.header-banner-content {
		width: 100%;
		justify-content: center;
	}
}
.zoom-hover {
	transition: transform .3s;
	transform: scale(1.0);
}
.zoom-hover:hover {
	transform: scale(1.1);
}
.header-banner-logo {
	max-height: 150px;
}
.header-side-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 0.5rem;
	color: #fff;
}
.header-side-icon svg {
	fill: white;
	width: 30px;
	height: 30px;
}

#powered_by_leaderos {
	color: var(--body-color);
}

[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image {
	filter: none !important;
}
.auth-logo {
	max-height: 100px;
}
.auth-layout #powered_by_leaderos {
	opacity: 0.75;
}
[data-bs-theme=dark] .auth-layout #powered_by_leaderos {
	opacity: 0.5;
}
.toggle-password {
	line-height: 1;
}

.user-data {
	display: flex;
	align-items: center;
	padding: 8px;
}

.user-data:nth-child(2n) {
	border-right: none !important;
}

.user-data:last-child {
	border-bottom: none;
}

/* Mobile */
@media (max-width: 768px) {
	.user-data {
		border-right: none !important;
	}
}

.sidebar-profile-card .sidebar-link {
	display: flex;
	align-items: center;
	padding: 0.5rem 1.5rem;
	color: var(--body-color);
	text-decoration: none !important;
}
.sidebar-profile-card .sidebar-link:hover,
.sidebar-profile-card .sidebar-link.active {
	background-color: rgb(var(--tblr-body-bg-rgb));
}
.avatar-150px {
	width: 150px;
	height: 150px;
}

/* =====================================================================
   POMERA NETWORK - NAR TEMASI - SON SURUM "Nar Gecesi"
   extra.css dosyasinin EN ALTINA yapistirin. Ustteki orijinal koda
   dokunmayin. Eski "NAR TEMASI" blogunu once tamamen silin.
   Tema acik modda da koyu gorunur; mod butonu gizlenir.
   ===================================================================== */

/* ---------- 1. Palet (acik ve koyu mod ayni) ---------- */
body[data-bs-theme] {
    --nar-black: #0a0607;
    --nar-950: #12070a;
    --nar-900: #2a080b;
    --nar-800: #4a0e12;
    --nar-700: #7a161d;   /* koyu kirmizi */
    --nar-600: #a8202a;
    --nar-500: #c62a32;   /* ana kirmizi */
    --nar-400: #de4f4c;
    --nar-300: #ee827a;   /* acik kirmizi */
    --nar-200: #f2cbc5;

    --nar-gradient: linear-gradient(135deg, var(--nar-400) 0%, var(--nar-500) 50%, var(--nar-600) 100%);
    --nar-gradient-soft: linear-gradient(135deg, rgba(224, 75, 75, .16) 0%, rgba(122, 20, 27, .10) 100%);
    --nar-glow: 0 10px 26px -12px rgba(196, 55, 61, .45);
    --nar-line: rgba(232, 120, 112, .13);
    --nar-line-hover: rgba(238, 130, 122, .42);
    --nar-ease: cubic-bezier(.22, .61, .36, 1);
    --nar-radius: 16px;

    color-scheme: dark;
    --tblr-primary: var(--nar-500);
    --tblr-primary-rgb: 198, 42, 50;
    --tblr-primary-fg: #fff;
    --tblr-primary-lt: #2a0f13;
    --tblr-primary-lt-rgb: 42, 15, 19;
    --tblr-link-color: var(--nar-300);
    --tblr-link-color-rgb: 240, 124, 114;
    --tblr-link-hover-color: var(--nar-200);
    --tblr-link-hover-color-rgb: 249, 185, 176;

    --tblr-body-bg: var(--nar-black);
    --tblr-body-bg-rgb: 10, 6, 7;
    --tblr-body-color: #d3c6c4;
    --tblr-body-color-rgb: 214, 196, 193;
    --tblr-heading-color: #ffffff;
    --tblr-emphasis-color: #ffffff;
    --tblr-emphasis-color-rgb: 255, 255, 255;
    --tblr-secondary-color: #a08a87;
    --tblr-muted: #a08a87;
    --tblr-muted-rgb: 160, 138, 135;
    --tblr-bg-forms: #120d0e;
    --tblr-bg-surface: #151011;
    --tblr-bg-surface-dark: #070304;
    --tblr-bg-surface-secondary: #1d1517;
    --tblr-bg-surface-tertiary: #0c0507;
    --tblr-border-color: var(--nar-line);
    --tblr-border-color-translucent: rgba(224, 75, 75, .10);
    --tblr-border-dark-color: #3a161b;
    --tblr-border-color-active: #4a1a20;
    --tblr-active-bg: #241014;
    --tblr-code-bg: #241014;
    --tblr-dropdown-bg: #171112;
    --tblr-dropdown-link-color: #e7d6d3;
    --tblr-dropdown-link-hover-bg: #241014;
    --tblr-dropdown-link-active-bg: #2e1217;
    --tblr-dropdown-link-active-color: #fff;
    --tblr-card-bg: var(--tblr-bg-surface);
    --tblr-card-border-color: var(--nar-line);
    --tblr-card-cap-bg: transparent;
    --tblr-navbar-bg: rgba(13, 10, 11, .85);
    --tblr-navbar-color: #e7d6d3;
    --tblr-navbar-border-color: var(--nar-line);
    --tblr-table-color: var(--tblr-body-color);
    --tblr-border-radius: 10px;
    --tblr-card-border-radius: var(--nar-radius);
}

/* ---------- 2. Zemin: siyah, ustte koyu kirmizi isik ---------- */
body[data-bs-theme] {
    color: var(--tblr-body-color);
    background-color: var(--nar-black) !important;
    background-image:
        radial-gradient(1200px 600px at 50% -10%, rgba(168, 32, 42, .30), transparent 70%),
        radial-gradient(800px 500px at 100% 40%, rgba(122, 22, 29, .15), transparent 70%),
        radial-gradient(800px 500px at 0% 75%, rgba(122, 22, 29, .13), transparent 70%) !important;
    background-attachment: fixed !important;
}
body[data-bs-theme] .page,
body[data-bs-theme] .page-wrapper { background: transparent !important; }

body[data-bs-theme] h1, body[data-bs-theme] h2, body[data-bs-theme] h3,
body[data-bs-theme] h4, body[data-bs-theme] h5, body[data-bs-theme] h6,
body[data-bs-theme] .h1, body[data-bs-theme] .h2, body[data-bs-theme] .h3,
body[data-bs-theme] .card-title, body[data-bs-theme] .page-title,
body[data-bs-theme] strong, body[data-bs-theme] .fw-bold,
body[data-bs-theme] .fw-medium, body[data-bs-theme] .text-heading,
body[data-bs-theme] .form-label { color: #fff; }
body[data-bs-theme] h3 a, body[data-bs-theme] .h3 a,
body[data-bs-theme] .table a:not(.btn) { color: #fff; }
body[data-bs-theme] .text-muted { color: var(--tblr-muted) !important; }
body[data-bs-theme] .text-dark { color: #fff !important; }
body[data-bs-theme] hr { border-color: var(--nar-line); opacity: 1; }
body[data-bs-theme] ::selection { background: var(--nar-500); color: #fff; }
body[data-bs-theme] a { transition: color .2s var(--nar-ease); }

/* Acik/koyu mod butonu artik gereksiz */
body[data-bs-theme] #changeMode { display: none !important; }

/* Scrollbar */
html { scrollbar-color: #a51b24 #070304; scrollbar-width: thin; }
body[data-bs-theme] ::-webkit-scrollbar { width: 10px; height: 10px; }
body[data-bs-theme] ::-webkit-scrollbar-track { background: var(--nar-black); }
body[data-bs-theme] ::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--nar-400), var(--nar-700));
    border-radius: 10px;
    border: 2px solid var(--nar-black);
}

/* ---------- 3. Duyuru bandi ---------- */
body[data-bs-theme] .broadcast {
    background: linear-gradient(90deg, #2a1416, #5a2328, #2a1416);
    border: 0;
}
body[data-bs-theme] .broadcast .broadcast-link { color: #fff !important; font-weight: 600; }

/* ---------- 4. Combo header ---------- */
body[data-bs-theme] .header-image { height: 300px; }
body[data-bs-theme] .header-image img { filter: saturate(1.1) brightness(.8); }
body[data-bs-theme] .header-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 50% 100%, rgba(168, 32, 42, .38), transparent 65%),
        linear-gradient(180deg, rgba(13, 10, 11, .15) 0%, rgba(13, 10, 11, .45) 60%, var(--nar-black) 100%);
    pointer-events: none;
}
body[data-bs-theme] .header-banner-content { z-index: 2; }
body[data-bs-theme] .header-banner-logo {
    max-height: 170px;
    filter: drop-shadow(0 10px 24px rgba(196, 55, 61, .4));
    transition: filter .4s;
    animation: narFloat 5s ease-in-out infinite;
}
body[data-bs-theme] .zoom-hover:hover .header-banner-logo {
    filter: drop-shadow(0 14px 32px rgba(232, 144, 138, .55));
}

/* IP kopyalama ve Discord kutulari */
body[data-bs-theme] .header-banner a[data-toggle="copyip"],
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"] {
    position: relative;
    overflow: hidden;
    padding: .7rem 1.1rem .7rem .7rem;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(100, 22, 29, .62), rgba(18, 9, 11, .82));
    border: 1px solid rgba(238, 130, 122, .26);
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform .3s var(--nar-ease), border-color .3s, box-shadow .3s, background .3s;
}
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"] { padding: .7rem .7rem .7rem 1.1rem; }
body[data-bs-theme] .header-banner a[data-toggle="copyip"]::before,
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .18), transparent);
    transform: skewX(-20deg);
    transition: left .7s var(--nar-ease);
    pointer-events: none;
}
body[data-bs-theme] .header-banner a[data-toggle="copyip"]:hover,
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"]:hover {
    transform: translateY(-3px);
    border-color: rgba(232, 144, 138, .42);
    background: linear-gradient(135deg, rgba(140, 28, 36, .75), rgba(30, 10, 13, .88));
    box-shadow: 0 16px 34px -16px rgba(196, 55, 61, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
}
body[data-bs-theme] .header-banner a[data-toggle="copyip"]:hover::before,
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"]:hover::before { left: 130%; }

body[data-bs-theme] .header-banner a[data-toggle="copyip"] div[style],
body[data-bs-theme] .header-banner .col-md-4 > a[target="_blank"] div[style] {
    color: var(--nar-200) !important;
    font-size: .72rem;
    letter-spacing: .08em;
    opacity: .9;
}
body[data-bs-theme] .header-banner .text-white {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}
body[data-bs-theme] .header-side-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--nar-gradient) !important;
    box-shadow: 0 6px 14px -8px rgba(196, 55, 61, .7), inset 0 1px 0 rgba(255, 255, 255, .2);
    transition: transform .4s var(--nar-ease);
}
body[data-bs-theme] .header-side-icon svg { width: 26px; height: 26px; }
body[data-bs-theme] .header-side-icon svg,
body[data-bs-theme] .header-side-icon svg path,
body[data-bs-theme] .header-side-icon svg .cls-1 { fill: #fff !important; }
body[data-bs-theme] .header-banner a:hover .header-side-icon { transform: rotate(-8deg) scale(1.08); }

/* ---------- 5. Ust menu ---------- */
body[data-bs-theme] header.navbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(13, 10, 11, .85) !important;
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-top: 1px solid var(--nar-line);
    border-bottom: 1px solid var(--nar-line);
    box-shadow: 0 10px 30px -24px rgba(196, 55, 61, .5);
}
body[data-bs-theme] .navbar .nav-link {
    color: #d9c7c4 !important;
    transition: color .25s var(--nar-ease);
}
body[data-bs-theme] .navbar .nav-link .nav-link-icon i {
    color: inherit;
    transition: transform .3s var(--nar-ease), color .25s;
}
body[data-bs-theme] .navbar .nav-item:hover > .nav-link,
body[data-bs-theme] .navbar .nav-item.active > .nav-link,
body[data-bs-theme] .navbar .nav-item:hover a,
body[data-bs-theme] .navbar .nav-item.active a { color: #fff !important; }
body[data-bs-theme] .navbar .nav-item:hover .nav-link-icon i,
body[data-bs-theme] .navbar .nav-item.active .nav-link-icon i {
    color: var(--nar-400) !important;
    transform: translateY(-2px) scale(1.12);
}
body[data-bs-theme] .navbar .nav-item.active .nav-link-title { text-shadow: none; }
@media (min-width: 768px) {
    body[data-bs-theme] .navbar-expand-md .nav-item { position: relative; }
    body[data-bs-theme] .navbar-expand-md .nav-item:not(.no-hover-border)::after,
    body[data-bs-theme] .navbar-expand-md .nav-item.active::after,
    body[data-bs-theme] .navbar-expand-md .nav-item:hover:not(.no-hover-border)::after {
        content: "" !important;
        border: 0 !important;
        border-bottom-width: 0 !important;
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: -1px;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: var(--nar-gradient);
        box-shadow: 0 0 8px rgba(217, 98, 95, .45);
        transform: scaleX(0);
        transition: transform .3s var(--nar-ease);
    }
    body[data-bs-theme] .navbar-expand-md .nav-item.active::after,
    body[data-bs-theme] .navbar-expand-md .nav-item:hover:not(.no-hover-border)::after { transform: scaleX(1); }
}
body[data-bs-theme] .navbar-toggler { filter: invert(1); }

/* Acilir menuler */
body[data-bs-theme] .dropdown-menu {
    background: #140a0d;
    border: 1px solid var(--nar-line);
    border-radius: 12px;
    padding: .4rem;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, .9);
    animation: narDrop .18s var(--nar-ease);
}
body[data-bs-theme] .dropdown-item {
    color: #e7d6d3;
    border-radius: 8px;
    transition: background-color .2s, color .2s, padding-left .2s var(--nar-ease);
}
body[data-bs-theme] .dropdown-item:hover,
body[data-bs-theme] .dropdown-item:focus {
    background: var(--nar-gradient-soft) !important;
    color: #fff !important;
    padding-left: 1.1rem;
}
body[data-bs-theme] .dropdown-item.active,
body[data-bs-theme] .dropdown-item:active { background: var(--nar-gradient) !important; color: #fff !important; }
body[data-bs-theme] .avatar { transition: transform .25s var(--nar-ease), box-shadow .25s; }
body[data-bs-theme] .nav-item:hover .avatar,
body[data-bs-theme] a:hover > .avatar { transform: scale(1.08); box-shadow: 0 0 0 2px var(--nar-400); }

/* ---------- 6. Butonlar ---------- */
body[data-bs-theme] .btn {
    border-radius: 10px;
    font-weight: 600;
    transition: transform .2s var(--nar-ease), box-shadow .25s var(--nar-ease),
                background-position .4s var(--nar-ease), color .2s, border-color .2s, background-color .2s;
}
body[data-bs-theme] .btn:active { transform: scale(.98); }
body[data-bs-theme] .btn-primary,
body[data-bs-theme] .btn-success {
    color: #fff !important;
    border-color: transparent !important;
    background-color: var(--nar-500) !important;
    background-image: linear-gradient(135deg, var(--nar-400) 0%, var(--nar-500) 40%, var(--nar-600) 70%, var(--nar-500) 100%) !important;
    background-size: 220% 100% !important;
    background-position: 0% 50%;
    box-shadow: 0 6px 16px -10px rgba(196, 55, 61, .6);
    opacity: 1 !important;
}
body[data-bs-theme] .btn-primary:not(.stretched-link),
body[data-bs-theme] .btn-success:not(.stretched-link) { position: relative; overflow: hidden; }
body[data-bs-theme] .btn-primary:hover,
body[data-bs-theme] .btn-success:hover {
    background-position: 100% 50% !important;
    transform: translateY(-2px);
    box-shadow: var(--nar-glow);
}
body[data-bs-theme] .btn-primary:not(.stretched-link)::before,
body[data-bs-theme] .btn-success:not(.stretched-link)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .22), transparent);
    transform: skewX(-20deg);
    transition: left .6s var(--nar-ease);
    pointer-events: none;
}
body[data-bs-theme] .btn-primary:not(.stretched-link):hover::before,
body[data-bs-theme] .btn-success:not(.stretched-link):hover::before { left: 125%; }

body[data-bs-theme] .btn-light,
body[data-bs-theme] .btn-transparent,
body[data-bs-theme] .btn-outline-secondary {
    background-color: #1b0d10;
    color: #e7d6d3 !important;
    border-color: var(--nar-line) !important;
}
body[data-bs-theme] .btn-transparent { background-color: transparent; }
body[data-bs-theme] .btn-light:hover,
body[data-bs-theme] .btn-transparent:hover,
body[data-bs-theme] .btn-outline-secondary:hover {
    background-color: #2a1015;
    color: #fff !important;
    border-color: var(--nar-line-hover) !important;
    transform: translateY(-1px);
}
body[data-bs-theme] .border-input { border-color: var(--nar-line) !important; }

/* Formlar */
body[data-bs-theme] .form-control,
body[data-bs-theme] .form-select,
body[data-bs-theme] .input-group-text {
    background-color: var(--tblr-bg-forms);
    border-color: var(--nar-line);
    color: #f1e4e2;
}
body[data-bs-theme] .form-control::placeholder { color: #7d6765; }
body[data-bs-theme] .form-control:focus,
body[data-bs-theme] .form-select:focus {
    border-color: var(--nar-400) !important;
    box-shadow: 0 0 0 .2rem rgba(200, 35, 44, .22) !important;
}

/* ---------- 7. Kutular / kartlar (hepsinde hover var) ---------- */
body[data-bs-theme] .card,
body[data-bs-theme] .breadcrumb {
    position: relative;
    background: linear-gradient(180deg, #170d10 0%, #110809 100%) !important;
    border: 1px solid var(--nar-line) !important;
    border-radius: var(--nar-radius);
    box-shadow: 0 8px 24px -18px rgba(0, 0, 0, .8);
    transition: transform .35s var(--nar-ease), box-shadow .35s var(--nar-ease), border-color .35s;
}
/* ustte ince kirmizi isik cizgisi */
body[data-bs-theme] .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(232, 144, 138, .45), transparent);
    opacity: .2;
    transition: opacity .35s, left .35s var(--nar-ease), right .35s var(--nar-ease);
    pointer-events: none;
}
body[data-bs-theme] .card:hover,
body[data-bs-theme] .breadcrumb:hover {
    transform: translateY(-3px);
    border-color: var(--nar-line-hover) !important;
    box-shadow: 0 20px 40px -26px rgba(196, 55, 61, .45) !important;
}
body[data-bs-theme] .card:hover::after { opacity: .8; left: 0; right: 0; }
/* Icinde form olan kartlar yerinden oynamasin, sadece parlasin */
body[data-bs-theme] .card:has(form):hover,
body[data-bs-theme] .card:has(.ck-editor):hover { transform: none; }

body[data-bs-theme] .card-header {
    position: relative;
    border-bottom: 1px solid var(--nar-line);
}
body[data-bs-theme] .card-header .card-title { font-weight: 700; }
body[data-bs-theme] .card-header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    bottom: 25%;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--nar-gradient);
    box-shadow: none;
}

/* Tiklanabilir kartlar daha fazla hareket eder */
body[data-bs-theme] .card-hover,
body[data-bs-theme] a.card,
body[data-bs-theme] .card-product { cursor: pointer; overflow: hidden; }
body[data-bs-theme] .card-hover:hover,
body[data-bs-theme] a.card:hover,
body[data-bs-theme] .card-product:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 44px -24px rgba(196, 55, 61, .55), 0 0 0 1px rgba(232, 144, 138, .22) !important;
}
/* Paket kartlarinda rozetler kenardan tasar, bu yuzden gorsel zoom yerine hafif parlama */
body[data-bs-theme] .card-product { overflow: visible; }
body[data-bs-theme] .card-product:hover .card-img-top { filter: saturate(1.2) brightness(1.08); }
body[data-bs-theme] .card-product .card-img-top { border-radius: var(--nar-radius) var(--nar-radius) 0 0; }

/* Gorsel zoom */
body[data-bs-theme] .card-img-top,
body[data-bs-theme] .card-img-right { transition: transform .6s var(--nar-ease), filter .6s; }
body[data-bs-theme] .card-hover .col-md-5 > a,
body[data-bs-theme] a.card { overflow: hidden; }
body[data-bs-theme] .card-hover:hover .card-img-top,
body[data-bs-theme] .card-hover:hover .card-img-right,
body[data-bs-theme] a.card:hover .card-img-top {
    transform: scale(1.05);
    filter: saturate(1.1) brightness(1.04);
}

/* Magaza kategori kartlari */
body[data-bs-theme] a.card .card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    transition: color .25s;
}
body[data-bs-theme] a.card .card-title::after {
    content: "\2192";
    font-weight: 700;
    color: var(--nar-400);
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity .25s, transform .3s var(--nar-ease);
}
body[data-bs-theme] a.card:hover .card-title { color: var(--nar-300) !important; }
body[data-bs-theme] a.card:hover .card-title::after { opacity: 1; transform: none; }

/* Blog / haber kartlari */
body[data-bs-theme] .home-section .card-hover { margin-bottom: 1.25rem; }
body[data-bs-theme] .home-section .card-hover h3 a { color: #fff; transition: color .25s; }
body[data-bs-theme] .home-section .card-hover:hover h3 a { color: var(--nar-300) !important; }
body[data-bs-theme] .home-section .card-body > a.fs-sm {
    display: inline-block;
    padding: .12rem .6rem;
    border-radius: 999px;
    background: rgba(196, 55, 61, .12);
    border: 1px solid rgba(232, 144, 138, .22);
    color: var(--nar-300);
    font-weight: 600;
    text-decoration: none;
}
body[data-bs-theme] .home-section .card-body p { color: #bfaaa7; }

/* Kredi paketleri */
body[data-bs-theme] .card-product .card-body { text-align: center; }
body[data-bs-theme] .card-product .price {
    font-size: 1.4rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--nar-200), var(--nar-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
body[data-bs-theme] .card-product .old-price { color: #8d7774; opacity: .8; }
body[data-bs-theme] .card-product .stock,
body[data-bs-theme] .card-product .discount { z-index: 3; box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .7); }
body[data-bs-theme] .card-product .discount {
    background: var(--nar-gradient) !important;
    animation: narPulse 2.2s ease-in-out infinite;
}
body[data-bs-theme] .card-product .stock.bg-success {
    background: linear-gradient(135deg, #f2b84b, #d9822b) !important;
    color: #2a1416 !important;
    font-weight: 700;
}

/* Urun detay */
body[data-bs-theme] .page-section .text-success.fw-bold {
    background: linear-gradient(135deg, var(--nar-200), var(--nar-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}
body[data-bs-theme] .page-section .bg-info { background: var(--nar-700) !important; }
body[data-bs-theme] .page-section .col-md-4 img.lazyload { border-radius: 12px; transition: transform .5s var(--nar-ease); }
body[data-bs-theme] .page-section .col-md-4 img.lazyload:hover { transform: scale(1.04) rotate(-1deg); }

/* ---------- 8. Basliklar, breadcrumb ---------- */
body[data-bs-theme] .page-title {
    position: relative;
    font-weight: 800;
    letter-spacing: -.02em;
    padding-bottom: .55rem;
    text-shadow: none;
}
body[data-bs-theme] .page-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 4px;
    border-radius: 4px;
    background: var(--nar-gradient);
    box-shadow: none;
}
body[data-bs-theme] .breadcrumb-item a { color: #e7d6d3; }
body[data-bs-theme] .breadcrumb-item a:hover { color: var(--nar-300) !important; }
body[data-bs-theme] .breadcrumb-item.active { color: var(--nar-300) !important; }
body[data-bs-theme] .breadcrumb-item + .breadcrumb-item::before { color: #6e5855; }

/* ---------- 9. Tablolar ---------- */
body[data-bs-theme] .table {
    --tblr-table-bg: transparent;
    --tblr-table-color: var(--tblr-body-color);
    --tblr-table-border-color: var(--nar-line);
    color: var(--tblr-body-color);
}
body[data-bs-theme] .table thead th {
    background: rgba(122, 34, 40, .12);
    color: var(--nar-200) !important;
    border-color: var(--nar-line);
}
body[data-bs-theme] .table > :not(caption) > * > * { border-color: var(--nar-line); }
body[data-bs-theme] .table-hover > tbody > tr > * { transition: background-color .2s; }
body[data-bs-theme] .table-hover > tbody > tr:hover > * {
    --tblr-table-accent-bg: transparent;
    background: rgba(196, 55, 61, .08);
    color: #fff;
}
body[data-bs-theme] .table-hover > tbody > tr:hover > td:first-child { box-shadow: inset 3px 0 0 var(--nar-500); }

/* ---------- 10. Slider, sayfalama, uyarilar ---------- */
body[data-bs-theme] .home-slider { overflow: hidden; box-shadow: 0 20px 44px -28px rgba(196, 55, 61, .45); border: 1px solid var(--nar-line); }
body[data-bs-theme] .home-slider .carousel-item img { transition: transform 6s linear; }
body[data-bs-theme] .home-slider .carousel-item.active img { transform: scale(1.05); }
body[data-bs-theme] .home-slider .carousel-control-prev,
body[data-bs-theme] .home-slider .carousel-control-next { opacity: 0; transition: opacity .3s; }
body[data-bs-theme] .home-slider:hover .carousel-control-prev,
body[data-bs-theme] .home-slider:hover .carousel-control-next { opacity: .9; }

body[data-bs-theme] .pagination .page-link {
    background: #140a0d;
    border-color: var(--nar-line);
    color: #e7d6d3;
    border-radius: 10px !important;
    margin: 0 2px;
    transition: background .2s, color .2s, transform .2s var(--nar-ease), border-color .2s;
}
body[data-bs-theme] .pagination .page-link:hover { transform: translateY(-2px); color: #fff; border-color: var(--nar-line-hover); }
body[data-bs-theme] .pagination .page-item.active .page-link { background: var(--nar-gradient); border-color: transparent; color: #fff; }

/* Uyarilar: dolu renk yerine yumusak, solda renkli cizgi */
body[data-bs-theme] .alert {
    color: #e9dcda !important;
    background: #171112 !important;
    border: 1px solid var(--nar-line) !important;
    border-left: 3px solid var(--nar-400) !important;
    border-radius: 12px;
    box-shadow: none;
}
body[data-bs-theme] .alert-danger  { background: linear-gradient(90deg, rgba(196, 55, 61, .12), #171112 60%) !important; border-left-color: #d9625f !important; }
body[data-bs-theme] .alert-success { background: linear-gradient(90deg, rgba(16, 185, 129, .10), #171112 60%) !important; border-left-color: #34c48f !important; }
body[data-bs-theme] .alert-warning { background: linear-gradient(90deg, rgba(242, 184, 75, .10), #171112 60%) !important; border-left-color: #f2b84b !important; }
body[data-bs-theme] .alert-info    { background: linear-gradient(90deg, rgba(120, 160, 220, .10), #171112 60%) !important; border-left-color: #7aa2dc !important; }
body[data-bs-theme] .alert .alert-icon,
body[data-bs-theme] .alert i { color: inherit; }

/* Acilir bildirim kutusu (SweetAlert): "Sunucu adresi kopyalandi" vb. */
body[data-bs-theme] .swal2-container.swal2-backdrop-show,
body[data-bs-theme] .swal2-container.swal2-shown {
    background: rgba(8, 5, 6, .72) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
body[data-bs-theme] .swal2-popup {
    background: linear-gradient(180deg, #1b1415, #141011) !important;
    border: 1px solid rgba(232, 144, 138, .16);
    border-radius: 18px !important;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .02);
    padding: 2rem 1.75rem 1.75rem !important;
}
body[data-bs-theme] .swal2-title { color: #fff !important; font-weight: 700 !important; }
body[data-bs-theme] .swal2-content,
body[data-bs-theme] .swal2-html-container { color: #d3c6c4 !important; font-size: 1.05rem !important; }
body[data-bs-theme] .swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, var(--nar-400), var(--nar-600)) !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: .6rem 2rem !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 20px -10px rgba(196, 55, 61, .7) !important;
    transition: transform .2s var(--nar-ease), filter .2s;
}
body[data-bs-theme] .swal2-styled.swal2-confirm:hover { transform: translateY(-2px); filter: brightness(1.08); }
body[data-bs-theme] .swal2-styled.swal2-cancel {
    background: #241b1c !important;
    color: #e9dcda !important;
    border: 1px solid var(--nar-line) !important;
    border-radius: 10px !important;
}
body[data-bs-theme] .swal2-styled:focus { box-shadow: 0 0 0 3px rgba(196, 55, 61, .3) !important; }
/* Basari ikonu: beyaz arka plan parcalarini koyu yap */
body[data-bs-theme] .swal2-icon.swal2-success [class^=swal2-success-circular-line],
body[data-bs-theme] .swal2-icon.swal2-success .swal2-success-fix { background-color: transparent !important; }
body[data-bs-theme] .swal2-icon.swal2-success { border-color: rgba(52, 196, 143, .35) !important; }
body[data-bs-theme] .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(52, 196, 143, .3) !important; }
body[data-bs-theme] .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #34c48f !important; }
body[data-bs-theme] .swal2-icon.swal2-error { border-color: rgba(217, 98, 95, .5) !important; }
body[data-bs-theme] .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: #d9625f !important; }
body[data-bs-theme] .swal2-icon.swal2-warning { border-color: #f2b84b !important; color: #f2b84b !important; }
body[data-bs-theme] .swal2-icon.swal2-info { border-color: #7aa2dc !important; color: #7aa2dc !important; }

/* ---------- 11. Footer ---------- */
body[data-bs-theme] footer.footer {
    position: relative;
    border-top: 0;
    color: var(--tblr-body-color);
    background:
        radial-gradient(ellipse at 50% 0%, rgba(168, 32, 42, .2), transparent 60%),
        #070405 !important;
}
body[data-bs-theme] footer.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(217, 98, 95, .6), transparent);
}
body[data-bs-theme] footer .widget-title {
    position: relative;
    color: #fff;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    font-weight: 700;
}
body[data-bs-theme] footer .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 3px;
    border-radius: 3px;
    background: var(--nar-gradient);
}
body[data-bs-theme] footer .widget-link {
    display: inline-flex;
    align-items: center;
    color: #a08a87 !important;
    transition: color .2s, transform .25s var(--nar-ease);
}
body[data-bs-theme] footer .widget-link:hover { color: var(--nar-300) !important; transform: translateX(5px); }
body[data-bs-theme] footer .widget-link i { transition: transform .3s var(--nar-ease); }
body[data-bs-theme] footer .widget-link:hover i { transform: scale(1.2); }
body[data-bs-theme] footer .copyright-text { border-top: 1px solid var(--nar-line); padding-top: 1rem; padding-bottom: 1rem; }

/* ---------- 12. Giris animasyonu ---------- */
body[data-bs-theme] .page-wrapper > .section .card,
body[data-bs-theme] .page-wrapper > .section .page-title,
body[data-bs-theme] .page-wrapper > .section .breadcrumb,
body[data-bs-theme] .page-wrapper > .section .home-slider {
    animation: narRise .6s var(--nar-ease) backwards;
}
body[data-bs-theme] .page-wrapper .row > div:nth-child(2) > .card { animation-delay: .06s; }
body[data-bs-theme] .page-wrapper .row > div:nth-child(3) > .card { animation-delay: .12s; }
body[data-bs-theme] .page-wrapper .row > div:nth-child(4) > .card { animation-delay: .18s; }
body[data-bs-theme] .page-wrapper .row > div:nth-child(5) > .card { animation-delay: .24s; }
body[data-bs-theme] .page-wrapper .row > div:nth-child(6) > .card { animation-delay: .30s; }
body[data-bs-theme] .page-wrapper .row > div:nth-child(n+7) > .card { animation-delay: .36s; }
body[data-bs-theme] .home-section .card-hover:nth-of-type(2) { animation-delay: .08s; }
body[data-bs-theme] .home-section .card-hover:nth-of-type(3) { animation-delay: .16s; }
body[data-bs-theme] .home-section .card-hover:nth-of-type(n+4) { animation-delay: .24s; }

@keyframes narRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes narDrop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes narFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@keyframes narPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(224, 75, 75, .55); }
    50%      { box-shadow: 0 0 0 8px rgba(224, 75, 75, 0); }
}

@media (prefers-reduced-motion: reduce) {
    body[data-bs-theme] *,
    body[data-bs-theme] *::before,
    body[data-bs-theme] *::after { animation: none !important; transition: none !important; }
}
/* ---------- 13. 3D baski efekti, isik takibi, imlec ----------
   Bu bolum main.php'ye eklenen NAR EFEKT kodu ile calisir.
   Kod yuklenmezse site bozulmaz, sadece efektler gorunmez. */
body[data-bs-theme] .nar-tilt {
    transform-style: preserve-3d;
    will-change: transform;
}
body[data-bs-theme] .nar-tilt.nar-tilting { transition: transform .15s ease-out, box-shadow .35s, border-color .35s !important; }
body[data-bs-theme] .nar-tilt.nar-leaving { transition: transform .6s var(--nar-ease), box-shadow .35s, border-color .35s !important; }
body[data-bs-theme] .nar-tilt.nar-tilting { box-shadow: 0 30px 50px -28px rgba(198, 42, 50, .55), 0 0 0 1px rgba(238, 130, 122, .2) !important; }

/* Kutunun icinde mouse'u takip eden isik */
body[data-bs-theme] .nar-tilt::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(380px circle at var(--nar-mx, 50%) var(--nar-my, 50%),
                rgba(255, 170, 160, .12), rgba(222, 79, 76, .05) 40%, transparent 70%);
    opacity: 0;
    transition: opacity .4s;
    pointer-events: none;
    z-index: 1;
}
body[data-bs-theme] .nar-tilt.nar-tilting::before { opacity: 1; }
/* Kenarda isigin vurdugu nokta parlar */
body[data-bs-theme] .card.nar-tilt.nar-tilting {
    border-color: transparent !important;
    background:
        linear-gradient(180deg, #170d10 0%, #110809 100%) padding-box,
        radial-gradient(260px circle at var(--nar-mx, 50%) var(--nar-my, 50%), rgba(255, 150, 140, .6), rgba(238, 130, 122, .12) 60%) border-box !important;
}

/* Sayfa genelinde mouse'un etrafinda isik */
.nar-light {
    position: fixed;
    left: 0;
    top: 0;
    width: 720px;
    height: 720px;
    margin: -360px 0 0 -360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(222, 79, 76, .10) 0%, rgba(168, 32, 42, .045) 35%, transparent 68%);
    pointer-events: none;
    z-index: 9997;
    mix-blend-mode: screen;
    opacity: 0;
    transition: opacity .6s;
}
.nar-light.on { opacity: 1; }

/* Ozel imlec: sadece efekt kodu calisinca devreye girer (html.nar-cursor) */
html.nar-cursor, html.nar-cursor body, html.nar-cursor body * { cursor: none !important; }
html.nar-cursor input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
html.nar-cursor textarea, html.nar-cursor [contenteditable=true],
html.nar-cursor iframe { cursor: text !important; }
html.nar-cursor iframe { cursor: auto !important; }
.nar-dot, .nar-ring {
    position: fixed;
    left: 0;
    top: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 100001;
    opacity: 0;
}
.nar-dot {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: radial-gradient(circle at 35% 30%, #ffc2bb, #e04b4b 55%, #a8202a);
    box-shadow: 0 0 10px rgba(238, 100, 92, .9);
    transition: opacity .3s, width .3s var(--nar-ease, ease), height .3s var(--nar-ease, ease), margin .3s var(--nar-ease, ease);
}
.nar-ring {
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 1.5px solid rgba(238, 130, 122, .6);
    box-shadow: 0 0 18px rgba(222, 79, 76, .25), inset 0 0 10px rgba(222, 79, 76, .15);
    transition: opacity .3s, width .35s cubic-bezier(.22, .61, .36, 1), height .35s cubic-bezier(.22, .61, .36, 1),
                margin .35s cubic-bezier(.22, .61, .36, 1), background-color .35s, border-color .35s;
}
.nar-dot.on, .nar-ring.on { opacity: 1; }
.nar-ring.big {
    width: 58px;
    height: 58px;
    margin: -29px 0 0 -29px;
    background-color: rgba(222, 79, 76, .10);
    border-color: rgba(255, 160, 150, .85);
}
.nar-dot.big { width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; }
.nar-ring.down { width: 26px; height: 26px; margin: -13px 0 0 -13px; background-color: rgba(222, 79, 76, .22); }
.nar-ring.text, .nar-dot.text { opacity: 0 !important; }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .nar-dot, .nar-ring, .nar-light { display: none !important; }
}

/* ---------- 14. Cerez bildirimi (TermsFeed) ---------- */
body[data-bs-theme] .termsfeed-com---nb {
    font-family: inherit !important;
}
body[data-bs-theme] .termsfeed-com---nb-simple {
    max-width: 440px !important;
    left: auto !important;
    right: 24px !important;
    bottom: 24px !important;
    border-radius: 18px !important;
    overflow: hidden;
    animation: narCookieIn .7s cubic-bezier(.22, .61, .36, 1) .6s both;
}
body[data-bs-theme] .termsfeed-com---palette-dark.termsfeed-com---nb {
    background: linear-gradient(160deg, rgba(36, 14, 17, .94), rgba(14, 8, 9, .96)) !important;
    border: 1px solid rgba(238, 130, 122, .22) !important;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .9), 0 0 40px -10px rgba(198, 42, 50, .35) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
body[data-bs-theme] .termsfeed-com---nb .cc-nb-main-container { padding: 1.6rem 1.6rem 1.4rem !important; position: relative; }
body[data-bs-theme] .termsfeed-com---nb .cc-nb-main-container::before {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: .9rem;
    border-radius: 12px;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5z' fill='%23fff'/%3E%3Ccircle cx='8.5' cy='10.5' r='1.4' fill='%23a8202a'/%3E%3Ccircle cx='13' cy='15.5' r='1.4' fill='%23a8202a'/%3E%3Ccircle cx='8' cy='15.5' r='1' fill='%23a8202a'/%3E%3C/svg%3E") center / 58% no-repeat,
        linear-gradient(135deg, #de4f4c, #a8202a);
    box-shadow: 0 8px 20px -8px rgba(198, 42, 50, .8);
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-title {
    color: #fff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    margin-bottom: .5rem !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-text {
    color: #cdbbb8 !important;
    font-size: .88rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1.1rem !important;
}
body[data-bs-theme] .termsfeed-com---nb .cc-nb-buttons-container { display: flex; gap: .5rem; flex-wrap: wrap; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-okagree,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-foot-save {
    background: linear-gradient(135deg, #e0605b, #c62a32 50%, #a8202a) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: .65rem 1.3rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px -10px rgba(198, 42, 50, .9) !important;
    transition: transform .2s, filter .2s !important;
    margin: 0 !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-changep,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-reject {
    background: rgba(255, 255, 255, .04) !important;
    color: #e9dcda !important;
    border: 1px solid rgba(238, 130, 122, .22) !important;
    border-radius: 10px !important;
    padding: .65rem 1.1rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    transition: background .2s, border-color .2s, transform .2s !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-okagree:hover,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-foot-save:hover { transform: translateY(-2px); filter: brightness(1.08); }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-changep:hover,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-nb-reject:hover { background: rgba(198, 42, 50, .14) !important; border-color: rgba(238, 130, 122, .5) !important; transform: translateY(-2px); }

/* Cerez tercihleri penceresi */
body[data-bs-theme] .termsfeed-com---pc-overlay { background: rgba(8, 5, 6, .75) !important; backdrop-filter: blur(4px); }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-container {
    background: #140c0e !important;
    border: 1px solid rgba(238, 130, 122, .2) !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .95) !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-foot {
    background: #1a0f12 !important;
    border-color: rgba(238, 130, 122, .14) !important;
    color: #fff !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head-title-headline,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head-title-text { color: #fff !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body,
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-content { background: #140c0e !important; color: #cdbbb8 !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-tabs { background: #110a0b !important; border-color: rgba(238, 130, 122, .14) !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-tabs-item {
    background: transparent !important;
    border-color: rgba(238, 130, 122, .1) !important;
    color: #cdbbb8 !important;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-tabs-item[active=true],
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-tabs-item-link:hover {
    background: #1d1114 !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 #de4f4c;
}
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-tabs-item-link { color: inherit !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head-lang select { background: #1d1114 !important; color: #fff !important; border-color: rgba(238, 130, 122, .2) !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-cp-body-content-entry-title { color: #fff !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-custom-checkbox label:before { background: #3a2226 !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-custom-checkbox input[type=checkbox]:checked + label:before { background: #c62a32 !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head-close { color: #e9dcda !important; }
body[data-bs-theme] .termsfeed-com---palette-dark .cc-pc-head-close:hover { color: #ee827a !important; }
@keyframes narCookieIn { from { opacity: 0; transform: translateY(30px) scale(.96); } to { opacity: 1; transform: none; } }
@media (max-width: 575px) {
    body[data-bs-theme] .termsfeed-com---nb-simple { right: 12px !important; left: 12px !important; bottom: 12px !important; max-width: none !important; }
}

/* ---------- 15. Menu tasmasi ve yazi tipleri ---------- */
body[data-bs-theme] .navbar .nav-link-title { white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1399.98px) {
    body[data-bs-theme] .navbar-expand-md .navbar-nav .nav-link { padding-left: .55rem; padding-right: .55rem; font-size: .88rem; }
    body[data-bs-theme] .navbar .nav-link-icon { margin-right: .3rem; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    body[data-bs-theme] .navbar .nav-link-icon { display: none !important; }
}
body[data-bs-theme] h1, body[data-bs-theme] h2, body[data-bs-theme] h3,
body[data-bs-theme] .page-title, body[data-bs-theme] .card-title,
body[data-bs-theme] .widget-title, body[data-bs-theme] .header-banner .text-white,
body[data-bs-theme] .btn, body[data-bs-theme] .nav-link-title {
    font-family: "Outfit", var(--tblr-font-sans-serif);
    letter-spacing: .005em;
}
body[data-bs-theme] .page-title { font-weight: 800; letter-spacing: -.01em; }


/* ===================== NAR TEMASI SON SURUM ===================== */

/* ---------- 16. Giris / kayit / sifre sayfalari (layouts/auth) ---------- */
body:has(.card.card-md) {
    background:
        radial-gradient(900px 600px at 15% 10%, rgba(168, 32, 42, .22), transparent 60%),
        radial-gradient(800px 600px at 90% 95%, rgba(122, 22, 29, .28), transparent 60%),
        var(--nar-black, #0a0607) !important;
    background-attachment: fixed !important;
}
/* arkada yavasca suzulen nar taneleri */
body:has(.card.card-md)::before,
body:has(.card.card-md)::after {
    content: "";
    position: fixed;
    inset: -10%;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(6px 8px at 12% 30%, rgba(238, 130, 122, .55), transparent 70%),
        radial-gradient(5px 7px at 28% 78%, rgba(222, 79, 76, .5), transparent 70%),
        radial-gradient(7px 9px at 72% 18%, rgba(238, 130, 122, .45), transparent 70%),
        radial-gradient(5px 7px at 86% 62%, rgba(198, 42, 50, .55), transparent 70%),
        radial-gradient(4px 6px at 52% 90%, rgba(238, 130, 122, .4), transparent 70%),
        radial-gradient(6px 8px at 40% 12%, rgba(222, 79, 76, .4), transparent 70%);
    animation: narAuthSeeds 26s linear infinite;
}
body:has(.card.card-md)::after {
    transform: scale(1.4) rotate(40deg);
    opacity: .6;
    animation-duration: 38s;
    animation-direction: reverse;
}
@keyframes narAuthSeeds {
    from { translate: 0 0; }
    to   { translate: 0 -12%; }
}
body:has(.card.card-md) .page,
body:has(.card.card-md) .page-wrapper,
body:has(.card.card-md) .container-tight { position: relative; z-index: 1; }

/* logo */
body[data-bs-theme] .auth-layout .auth-logo {
    filter: drop-shadow(0 14px 30px rgba(198, 42, 50, .45));
    animation: narAuthLogo 5s ease-in-out infinite;
}
@keyframes narAuthLogo { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* kart */
body:has(.card.card-md) .card.card-md {
    background:
        linear-gradient(180deg, rgba(28, 13, 17, .92) 0%, rgba(16, 8, 10, .94) 100%) padding-box,
        linear-gradient(160deg, rgba(238, 130, 122, .45), rgba(122, 22, 29, .15) 40%, rgba(198, 42, 50, .35)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 22px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9), 0 0 60px -20px rgba(198, 42, 50, .35) !important;
    overflow: hidden;
    animation: narAuthIn .8s var(--nar-ease, cubic-bezier(.22, .61, .36, 1)) backwards;
}
body:has(.card.card-md) .card.card-md:hover { transform: none; }
/* ust kenarda hafif kayan isik */
body:has(.card.card-md) .card.card-md::after {
    content: "";
    position: absolute;
    top: 0; left: -40%;
    width: 40%; height: 2px;
    background: linear-gradient(90deg, transparent, #ee827a, transparent);
    animation: narAuthLine 4.5s ease-in-out infinite;
    opacity: 1;
}
@keyframes narAuthLine { 0% { left: -40%; } 60%, 100% { left: 110%; } }
@keyframes narAuthIn { from { opacity: 0; transform: translateY(24px) scale(.98); } to { opacity: 1; transform: none; } }

body:has(.card.card-md) .card-md > .card-body { padding: 2.25rem 2rem; }

/* baslik ustundeki ikon rozeti */
body[data-bs-theme] .nar-auth-ikon {
    width: 58px; height: 58px;
    margin: 0 auto 1rem;
    display: grid; place-items: center;
    border-radius: 18px;
    font-size: 28px;
    color: #fff;
    background: linear-gradient(145deg, #de4f4c, #7a161d);
    box-shadow: 0 12px 30px -10px rgba(198, 42, 50, .75), inset 0 1px 0 rgba(255, 255, 255, .25);
    animation: narAuthBadge 3.2s ease-in-out infinite;
}
@keyframes narAuthBadge {
    0%, 100% { box-shadow: 0 12px 30px -10px rgba(198, 42, 50, .75), inset 0 1px 0 rgba(255, 255, 255, .25); }
    50%      { box-shadow: 0 12px 40px -6px rgba(222, 79, 76, .9), inset 0 1px 0 rgba(255, 255, 255, .25); }
}

body:has(.card.card-md) .card-md .h2 {
    font-family: "Outfit", var(--tblr-font-sans-serif);
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: .01em;
    background: linear-gradient(180deg, #fff 20%, #ee827a 120%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}
body:has(.card.card-md) .card-md .text-muted { color: #a48f8c !important; }
body:has(.card.card-md) .card-md p.mb-5 { margin-bottom: 2rem !important; }

/* form alanlari */
body:has(.card.card-md) .card-md .form-label {
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #cdb4b0;
    display: flex;
    align-items: center;
}
body:has(.card.card-md) .card-md .form-label-description { margin-left: auto; text-transform: none; letter-spacing: 0; }
body:has(.card.card-md) .card-md .form-label-description a { color: var(--nar-300, #ee827a); font-weight: 500; }
body:has(.card.card-md) .card-md .form-label-description a:hover { color: #fff; }

body:has(.card.card-md) .card-md .form-control,
body:has(.card.card-md) .card-md .input-group-text {
    min-height: 46px;
    background-color: rgba(10, 6, 7, .65) !important;
    border-color: rgba(232, 120, 112, .16) !important;
    transition: border-color .25s, box-shadow .25s, background-color .25s;
}
body:has(.card.card-md) .card-md .form-control { border-radius: 12px; font-size: .95rem; }
body:has(.card.card-md) .card-md .input-group { border-radius: 12px; transition: box-shadow .25s; }
body:has(.card.card-md) .card-md .input-group > :first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
body:has(.card.card-md) .card-md .input-group > :last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
body:has(.card.card-md) .card-md .input-group-text { color: #8f7673; padding-left: .9rem; padding-right: .9rem; }
body:has(.card.card-md) .card-md .input-group-text .ti { font-size: 1.15rem; transition: color .25s; }
body:has(.card.card-md) .card-md .input-group-flat > .input-group-text:first-child { border-right: 0 !important; }
body:has(.card.card-md) .card-md .input-group-flat > .input-group-text:last-child { border-left: 0 !important; }
body:has(.card.card-md) .card-md .input-group-flat > .form-control:not(:first-child) { border-left: 0 !important; }
body:has(.card.card-md) .card-md .input-group-flat > .form-control:not(:last-child) { border-right: 0 !important; }
body:has(.card.card-md) .card-md .input-group-flat .form-control:focus { box-shadow: none !important; }
body:has(.card.card-md) .card-md .input-group:focus-within {
    box-shadow: 0 0 0 3px rgba(198, 42, 50, .22), 0 10px 26px -14px rgba(198, 42, 50, .8);
}
body:has(.card.card-md) .card-md .input-group:focus-within .form-control,
body:has(.card.card-md) .card-md .input-group:focus-within .input-group-text {
    border-color: var(--nar-400, #de4f4c) !important;
    background-color: rgba(26, 10, 13, .85) !important;
}
body:has(.card.card-md) .card-md .input-group:focus-within .input-group-text .ti { color: var(--nar-300, #ee827a); }
body:has(.card.card-md) .card-md .toggle-password { color: #8f7673 !important; }
body:has(.card.card-md) .card-md .toggle-password:hover { color: #fff !important; }

/* beni hatirla */
body:has(.card.card-md) .card-md .form-check-input {
    background-color: rgba(10, 6, 7, .8);
    border-color: rgba(232, 120, 112, .3);
    border-radius: 6px;
}
body:has(.card.card-md) .card-md .form-check-input:checked {
    background-color: var(--nar-500, #c62a32);
    border-color: var(--nar-400, #de4f4c);
    box-shadow: 0 0 12px rgba(198, 42, 50, .55);
}
body:has(.card.card-md) .card-md .form-check-label { color: #cdb4b0; }

/* ana buton */
body:has(.card.card-md) .card-md .form-footer .btn-primary {
    min-height: 48px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
}

/* "veya" ayraci */
body:has(.card.card-md) .card-md .hr-text {
    margin: .25rem 2rem;
    color: #8f7673;
    font-size: .72rem;
    letter-spacing: .2em;
}
body:has(.card.card-md) .card-md .hr-text::before,
body:has(.card.card-md) .card-md .hr-text::after {
    background: linear-gradient(90deg, transparent, rgba(232, 120, 112, .3), transparent) !important;
    border: 0 !important;
    height: 1px;
}

/* Discord ve diger saglayici butonlari */
body:has(.card.card-md) .card-md .card-body .btn:not(.btn-primary) {
    min-height: 46px;
    border-radius: 12px;
    background: rgba(88, 101, 242, .08) !important;
    border: 1px solid rgba(140, 150, 255, .22) !important;
    color: #e7e4ff !important;
    font-weight: 600;
    transition: transform .25s, background-color .25s, border-color .25s, box-shadow .25s;
}
body:has(.card.card-md) .card-md .card-body .btn:not(.btn-primary) .ti-brand-discord { color: #8b96ff !important; font-size: 1.25rem; }
body:has(.card.card-md) .card-md .card-body .btn:not(.btn-primary):hover {
    background: rgba(88, 101, 242, .2) !important;
    border-color: rgba(140, 150, 255, .5) !important;
    box-shadow: 0 12px 26px -14px rgba(88, 101, 242, .8);
    transform: translateY(-2px);
}

/* kartin altindaki "hesabin yok mu?" satiri */
body:has(.card.card-md) .container-tight > .text-center.text-secondary,
body:has(.card.card-md) .card-md + .text-center.text-secondary {
    margin-top: 1.25rem !important;
    color: #a48f8c !important;
    animation: narAuthIn .8s .15s var(--nar-ease, cubic-bezier(.22, .61, .36, 1)) backwards;
}
body:has(.card.card-md) .card-md + .text-center.text-secondary a {
    display: inline-block;
    margin-left: .35rem;
    padding: .3rem .9rem;
    border-radius: 999px;
    color: #fff;
    font-weight: 600;
    background: rgba(198, 42, 50, .14);
    border: 1px solid rgba(238, 130, 122, .3);
    transition: background-color .25s, border-color .25s, transform .25s;
}
body:has(.card.card-md) .card-md + .text-center.text-secondary a:hover {
    background: rgba(198, 42, 50, .32);
    border-color: rgba(238, 130, 122, .6);
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 480px) {
    body:has(.card.card-md) .card-md > .card-body { padding: 1.75rem 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
    body:has(.card.card-md)::before, body:has(.card.card-md)::after,
    body:has(.card.card-md) .card.card-md::after, body[data-bs-theme] .nar-auth-ikon,
    body[data-bs-theme] .auth-layout .auth-logo { animation: none !important; }
}

/* ---------- 17. Ana sayfa: haberlerin altindaki kredi kutulari ---------- */
body[data-bs-theme] .nar-kredi-grid { margin-top: .75rem; margin-bottom: 1.5rem; }
body[data-bs-theme] .nar-kredi-grid .card-header { padding-top: .9rem; padding-bottom: .9rem; }
body[data-bs-theme] .nar-kredi-grid .card-title { font-size: .95rem; }
body[data-bs-theme] .nar-kredi-grid .table td,
body[data-bs-theme] .nar-kredi-grid .table th { white-space: nowrap; }

/* ---------- 18. Ana sayfa ek bolumleri + kaydirinca belirme ---------- */
body[data-bs-theme] .nar-kredi-grid { margin-top: 1.5rem; }
body[data-bs-theme] .nar-kredi-grid .table td { padding-top: .85rem; padding-bottom: .85rem; }

body[data-bs-theme] .nar-bolum { margin-top: 5rem; }
body[data-bs-theme] .nar-bolum:last-of-type { margin-bottom: 2rem; }
body[data-bs-theme] .nar-bolum-baslik { max-width: 640px; margin: 0 auto 2.5rem; }
body[data-bs-theme] .nar-bolum h2,
body[data-bs-theme] .nar-promo-baslik {
    font-family: "Outfit", var(--tblr-font-sans-serif);
    font-weight: 800;
    letter-spacing: -.01em;
    color: #fff;
}
body[data-bs-theme] .nar-bolum h2 { font-size: clamp(1.7rem, 2.6vw, 2.4rem); line-height: 1.15; margin-bottom: .75rem; }
body[data-bs-theme] .nar-bolum p { font-size: 1rem; line-height: 1.65; }
body[data-bs-theme] .nar-ust-yazi {
    display: inline-block;
    margin-bottom: .6rem;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #ee827a, #de4f4c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ikon kutusu (fotograftaki gibi) */
body[data-bs-theme] .nar-ikon-kutu {
    flex: 0 0 auto;
    width: 64px; height: 64px;
    display: grid; place-items: center;
    border-radius: 16px;
    font-size: 30px;
    color: #ee827a;
    background: linear-gradient(145deg, rgba(198, 42, 50, .28), rgba(122, 22, 29, .12));
    border: 1px solid rgba(238, 130, 122, .22);
    transition: transform .45s var(--nar-ease), background .45s, color .45s, box-shadow .45s;
}
body[data-bs-theme] .nar-ikon-dc { color: #9aa3ff; background: linear-gradient(145deg, rgba(88, 101, 242, .3), rgba(88, 101, 242, .08)); border-color: rgba(140, 150, 255, .25); }

body[data-bs-theme] .nar-ozellik .card-body { padding: 1.75rem; }
body[data-bs-theme] .nar-ozellik h3 { font-family: "Outfit", var(--tblr-font-sans-serif); font-size: 1.15rem; font-weight: 700; color: #fff; margin-bottom: .35rem; }
body[data-bs-theme] .nar-ozellik p { font-size: .9rem; line-height: 1.55; }
body[data-bs-theme] .nar-ok { font-size: 1.5rem; color: #6d5653; transition: transform .35s var(--nar-ease), color .35s; }
body[data-bs-theme] .nar-ozellik:hover .nar-ok { color: #ee827a; transform: translateX(5px); }
body[data-bs-theme] .nar-ozellik:hover .nar-ikon-kutu,
body[data-bs-theme] .nar-promo:hover .nar-ikon-kutu {
    transform: rotate(-6deg) scale(1.06);
    color: #fff;
    background: linear-gradient(145deg, #de4f4c, #7a161d);
    box-shadow: 0 14px 30px -12px rgba(198, 42, 50, .8);
}
body[data-bs-theme] .nar-ozellik:hover .nar-ikon-dc { background: linear-gradient(145deg, #7984ff, #4752c4); box-shadow: 0 14px 30px -12px rgba(88, 101, 242, .8); }

/* kredi listesindeki tanitim kutusu */
body[data-bs-theme] .nar-promo {
    background:
        radial-gradient(420px 260px at 100% 0%, rgba(198, 42, 50, .28), transparent 70%),
        linear-gradient(180deg, #1a0c10 0%, #110809 100%) !important;
}
body[data-bs-theme] .nar-promo .card-body { padding: 2rem; }
body[data-bs-theme] .nar-promo-baslik { font-size: 1.35rem; margin-bottom: .5rem; }

/* Discord - kenar cubugu */
body[data-bs-theme] .nar-dc-mini .card-body { padding: 1.1rem 1.25rem; }
body[data-bs-theme] .nar-dc-mini-baslik { font-weight: 700; color: #fff; }
body[data-bs-theme] .nar-dc-logo {
    flex: 0 0 auto;
    width: 46px; height: 46px;
    display: grid; place-items: center;
    border-radius: 14px;
    font-size: 24px;
    color: #fff;
    background: linear-gradient(145deg, #7984ff, #4752c4);
    box-shadow: 0 10px 24px -12px rgba(88, 101, 242, .9);
}
body[data-bs-theme] .nar-dc-btn {
    background: linear-gradient(135deg, #6b77ff, #4752c4) !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 12px 28px -12px rgba(88, 101, 242, .85);
    transition: transform .3s var(--nar-ease), box-shadow .3s, filter .3s;
}
body[data-bs-theme] .nar-dc-btn:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 18px 34px -12px rgba(88, 101, 242, 1); }
body[data-bs-theme] .nar-dc-nokta {
    display: inline-block;
    width: 8px; height: 8px;
    margin-right: .4rem;
    border-radius: 50%;
    background: #3ddc84;
    box-shadow: 0 0 0 0 rgba(61, 220, 132, .6);
    animation: narDcNokta 2s ease-in-out infinite;
    vertical-align: middle;
}
@keyframes narDcNokta { 0%, 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, .55); } 50% { box-shadow: 0 0 0 6px rgba(61, 220, 132, 0); } }

/* Discord - buyuk bolum */
body[data-bs-theme] .nar-dc-buyuk {
    overflow: hidden;
    background:
        radial-gradient(700px 420px at 85% 50%, rgba(88, 101, 242, .22), transparent 65%),
        radial-gradient(600px 400px at 0% 100%, rgba(198, 42, 50, .22), transparent 65%),
        linear-gradient(180deg, #150b10 0%, #0f0709 100%) !important;
}
body[data-bs-theme] .nar-dc-buyuk > .card-body { padding: clamp(2rem, 5vw, 4rem); }
body[data-bs-theme] .nar-dc-maddeler { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0 2rem; }
body[data-bs-theme] .nar-dc-maddeler span {
    display: inline-flex; align-items: center; gap: .45rem;
    padding: .5rem .9rem;
    border-radius: 999px;
    font-size: .88rem;
    color: #e7d6d3;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(238, 130, 122, .16);
    transition: border-color .3s, background .3s, transform .3s;
}
body[data-bs-theme] .nar-dc-maddeler span:hover { border-color: rgba(140, 150, 255, .5); background: rgba(88, 101, 242, .12); transform: translateY(-2px); }
body[data-bs-theme] .nar-dc-maddeler .ti { color: #9aa3ff; font-size: 1.05rem; }
body[data-bs-theme] .nar-dc-gorsel {
    position: relative;
    height: 300px;
    display: grid; place-items: center;
}
body[data-bs-theme] .nar-dc-buyuk-logo {
    position: relative;
    width: 150px; height: 150px;
    display: grid; place-items: center;
    border-radius: 42px;
    font-size: 84px;
    color: #fff;
    background: linear-gradient(145deg, #7984ff, #4752c4);
    box-shadow: 0 30px 70px -20px rgba(88, 101, 242, .9), inset 0 1px 0 rgba(255, 255, 255, .3);
    animation: narFloat 5s ease-in-out infinite;
}
body[data-bs-theme] .nar-dc-halka {
    position: absolute;
    width: 230px; height: 230px;
    border-radius: 50%;
    border: 1px solid rgba(140, 150, 255, .35);
    animation: narDcHalka 3.6s ease-out infinite;
}
body[data-bs-theme] .nar-dc-halka-2 { animation-delay: 1.8s; border-color: rgba(238, 130, 122, .35); }
@keyframes narDcHalka { from { transform: scale(.6); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }

/* son cagri bandi */
body[data-bs-theme] .nar-cta {
    overflow: hidden;
    background:
        linear-gradient(115deg, rgba(23, 13, 16, 1) 0%, rgba(23, 13, 16, 1) 58%, rgba(122, 22, 29, .55) 58.1%, rgba(198, 42, 50, .35) 100%) !important;
}
body[data-bs-theme] .nar-cta > .card-body { padding: clamp(2rem, 4vw, 3.25rem); }
body[data-bs-theme] .nar-ip-btn { min-height: 54px; padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 700; letter-spacing: .03em; }
@media (max-width: 991.98px) {
    body[data-bs-theme] .nar-cta { background: linear-gradient(180deg, #170d10 0%, #2a0f14 100%) !important; }
    body[data-bs-theme] .nar-bolum { margin-top: 3.5rem; }
}

/* Kaydirinca belirme (efekt kodu html'e nar-reveal-on ekler) */
html.nar-reveal-on .nar-r { animation: none !important; }
html.nar-reveal-on .nar-r:not(.nar-r-in) { opacity: 0; transform: translateY(36px); }
html.nar-reveal-on .nar-r[data-nar="left"]:not(.nar-r-in) { transform: translateX(-40px); }
html.nar-reveal-on .nar-r[data-nar="right"]:not(.nar-r-in) { transform: translateX(40px); }
html.nar-reveal-on .nar-r[data-nar="zoom"]:not(.nar-r-in) { transform: scale(.85); }
html.nar-reveal-on .nar-r.nar-r-in:not(.nar-r-done) {
    transition: opacity .8s var(--nar-ease) var(--nar-rd, 0s), transform .95s var(--nar-ease) var(--nar-rd, 0s) !important;
}
@media (prefers-reduced-motion: reduce) {
    html.nar-reveal-on .nar-r:not(.nar-r-in) { opacity: 1; transform: none; }
}
body[data-bs-theme] .nar-ikon-kutu .ti,
body[data-bs-theme] .nar-dc-logo .ti,
body[data-bs-theme] .nar-dc-buyuk-logo .ti { font-size: inherit !important; line-height: 1; }
body[data-bs-theme] .nar-dc-mini .nar-dc-btn { padding: .4rem 1rem; border-radius: 10px; font-size: .85rem; }

/* ---------- 19. "Hemen Oyna" bolumu (yeni) + ust banner + ozel kartlarin hover duzeltmesi ---------- */
/* ozel kartlar 3D sirasinda kendi arka planini kaybetmesin */
body[data-bs-theme] .card.nar-promo.nar-tilt.nar-tilting {
    border-color: var(--nar-line-hover) !important;
    background:
        radial-gradient(420px 260px at 100% 0%, rgba(198, 42, 50, .34), transparent 70%),
        linear-gradient(180deg, #1a0c10 0%, #110809 100%) !important;
}
body[data-bs-theme] .card.nar-dc-buyuk.nar-tilt.nar-tilting {
    border-color: rgba(140, 150, 255, .35) !important;
    background:
        radial-gradient(700px 420px at 85% 50%, rgba(88, 101, 242, .26), transparent 65%),
        radial-gradient(600px 400px at 0% 100%, rgba(198, 42, 50, .24), transparent 65%),
        linear-gradient(180deg, #150b10 0%, #0f0709 100%) !important;
}

/* ust banner: yeni gorsel kendi renginde gorunsun */
body[data-bs-theme] .header-image img { filter: none; object-fit: cover; object-position: center 60%; }

.nar-cta2 {
    position: relative;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    border-radius: 24px;
    border: 1px solid rgba(238, 130, 122, .18);
    background:
        radial-gradient(900px 500px at 0% 0%, rgba(122, 22, 29, .45), transparent 60%),
        linear-gradient(160deg, #1b0b0f 0%, #0e0608 100%);
    box-shadow: 0 40px 80px -50px rgba(198, 42, 50, .6);
}
.nar-cta2::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(238, 130, 122, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(238, 130, 122, .05) 1px, transparent 1px);
    background-size: 36px 36px;
    -webkit-mask-image: radial-gradient(ellipse at 70% 50%, #000 0%, transparent 70%);
    mask-image: radial-gradient(ellipse at 70% 50%, #000 0%, transparent 70%);
    pointer-events: none;
}
.nar-cta2-isik {
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    pointer-events: none;
    animation: narCtaIsik 9s ease-in-out infinite;
}
.nar-cta2-isik-1 { width: 420px; height: 420px; right: -80px; top: -120px; background: rgba(198, 42, 50, .35); }
.nar-cta2-isik-2 { width: 300px; height: 300px; right: 25%; bottom: -160px; background: rgba(238, 130, 122, .18); animation-delay: -4.5s; }
@keyframes narCtaIsik { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-40px, 30px) scale(1.12); } }
.nar-cta2-tane {
    position: absolute;
    bottom: -20px;
    left: calc(6% + var(--i) * 8%);
    width: 9px; height: 13px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #ffb3aa, #c62a32 60%, #7a161d);
    opacity: 0;
    pointer-events: none;
    animation: narCtaTane calc(7s + var(--i) * .45s) linear infinite;
    animation-delay: calc(var(--i) * -1.1s);
}
@keyframes narCtaTane {
    0%   { transform: translateY(0) rotate(0); opacity: 0; }
    15%  { opacity: .7; }
    85%  { opacity: .5; }
    100% { transform: translateY(-420px) rotate(220deg); opacity: 0; }
}
body[data-bs-theme] .nar-cta2 h2 { font-size: clamp(2rem, 3.4vw, 3rem); }
.nar-vurgu {
    background: linear-gradient(90deg, #ee827a, #de4f4c, #ee827a);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: narVurgu 4s linear infinite;
}
@keyframes narVurgu { to { background-position: -200% 0; } }

.nar-adimlar { list-style: none; padding: 0; margin: 1.75rem 0 0; display: flex; flex-wrap: wrap; gap: .75rem; }
.nar-adimlar li {
    display: flex; align-items: center; gap: .6rem;
    padding: .55rem 1rem .55rem .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(238, 130, 122, .16);
    color: #e7d6d3;
    font-size: .9rem;
    transition: border-color .3s, background .3s, transform .3s;
}
.nar-adimlar li:hover { border-color: rgba(238, 130, 122, .45); background: rgba(198, 42, 50, .1); transform: translateY(-2px); }
.nar-adimlar b {
    width: 28px; height: 28px;
    display: grid; place-items: center;
    border-radius: 50%;
    font-size: .8rem;
    color: #fff;
    background: linear-gradient(145deg, #de4f4c, #7a161d);
}

.nar-sunucu-kart {
    position: relative;
    padding: 1.75rem;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(36, 14, 19, .85), rgba(18, 8, 10, .9));
    border: 1px solid rgba(238, 130, 122, .22);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .05);
    transition: transform .45s var(--nar-ease, ease), box-shadow .45s, border-color .45s;
}
.nar-sunucu-kart:hover { transform: translateY(-4px); border-color: rgba(238, 130, 122, .45); box-shadow: 0 40px 70px -30px rgba(198, 42, 50, .55); }
.nar-sunucu-logo { width: 56px; height: 56px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(198, 42, 50, .5)); }
.nar-sunucu-ad { font-family: "Outfit", sans-serif; font-weight: 800; font-size: 1.2rem; color: #fff; }
.nar-sunucu-durum { font-size: .85rem; color: #8fe0b3; }
.nar-ip-etiket { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #a48f8c; margin-bottom: .5rem; }
.nar-ip-kutu {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding: .6rem .6rem .6rem 1.1rem;
    border-radius: 14px;
    background: rgba(10, 6, 7, .75);
    border: 1px dashed rgba(238, 130, 122, .35);
    transition: border-color .3s, background .3s, box-shadow .3s;
}
.nar-ip-kutu:hover { border-style: solid; border-color: #de4f4c; background: rgba(26, 10, 13, .9); box-shadow: 0 0 0 3px rgba(198, 42, 50, .18); }
.nar-ip-yazi { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.05rem; font-weight: 700; color: #fff; letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nar-ip-kopyala {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; gap: .35rem;
    padding: .45rem .8rem;
    border-radius: 10px;
    font-size: .82rem; font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #de4f4c, #a8202a);
    transition: transform .25s;
}
.nar-ip-kutu:hover .nar-ip-kopyala { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) {
    .nar-cta2-isik, .nar-cta2-tane, .nar-vurgu { animation: none !important; }
}
.nar-ip-kutu, .nar-ip-kutu:hover, .nar-ip-kutu * { text-decoration: none !important; }