/*
Theme Name: Lekcija Child
Theme URI: https://lekcija.mk
Description: Child theme for Lekcija.mk 2.0
Author: Iko Kostadinov
Template: lekcija
Version: 2.0.0
*/

/* ============================================================
   VARIABLES
============================================================ */
:root {
	--lk-bg:      #070b10;
	--lk-bg2:     #0b1018;
	--lk-bg3:     #0f1520;
	--lk-red:     #e63946;
	--lk-red2:    #c1121f;
	--lk-teal:    #0d9488;
	--lk-gold:    #D4AF37;
	--lk-cream:   #e8e4dc;
	--lk-mid:     #9a9690;
	--lk-dim:     #6e6a64;
	--lk-border:  rgba(255,255,255,0.08);
	--lk-border2: rgba(255,255,255,0.12);
	--lk-nav-h:   60px;
}

/* ============================================================
   GLOBAL RESET
============================================================ */
.lk-dark,
.lk-dark body,
.lk-root {
	background-color: var(--lk-bg) !important;
	color: var(--lk-cream) !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.lk-root {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.lk-main {
	flex: 1;
}

.lk-logo-accent {
	color: var(--lk-red);
}

.lk-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	width: 100%;
}

@media (max-width: 768px) {
	.lk-container {
		padding: 0 20px;
	}
}

/* ============================================================
   NAVIGATION
============================================================ */
.lk-nav {
	position: sticky;
	top: 0;
	z-index: 200;
	background: rgba(7, 11, 16, 0.97);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid var(--lk-border);
	width: 100%;
}

.lk-nav-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	height: var(--lk-nav-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.lk-logo {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--lk-cream);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
}

.lk-logo-img {
	height: 30px;
	width: auto;
	filter: brightness(10);
	display: block;
}

.lk-nav-links {
	display: flex;
	align-items: center;
	height: var(--lk-nav-h);
	flex: 1;
	justify-content: center;
}

.lk-nav-link {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b8b4ae;
	text-decoration: none;
	padding: 0 14px;
	height: var(--lk-nav-h);
	display: inline-flex;
	align-items: center;
	border-bottom: 2px solid transparent;
	transition: color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.lk-nav-link:hover {
	color: var(--lk-cream);
}

.lk-nav-link--active {
	color: var(--lk-cream);
	border-bottom-color: var(--lk-red);
}

.lk-nav-cta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.lk-btn-login {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--lk-mid);
	text-decoration: none;
	padding: 7px 16px;
	border: 1px solid var(--lk-border2);
	border-radius: 3px;
	transition: all 0.2s;
	white-space: nowrap;
}

.lk-btn-login:hover {
	color: var(--lk-cream);
	border-color: rgba(255,255,255,0.25);
}

.lk-btn-register {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	background: var(--lk-red);
	padding: 8px 18px;
	border-radius: 3px;
	transition: background 0.2s;
	white-space: nowrap;
}

.lk-btn-register:hover {
	background: var(--lk-red2);
}

.lk-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.lk-hamburger span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--lk-mid);
	border-radius: 2px;
	transition: all 0.3s;
	transform-origin: center;
}

.lk-hamburger--open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.lk-hamburger--open span:nth-child(2) { opacity: 0; }
.lk-hamburger--open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.lk-mobile-menu {
	display: none;
	background: var(--lk-bg2);
	border-top: 1px solid var(--lk-border);
}

.lk-mobile-menu--open {
	display: block;
}

.lk-mobile-menu-inner {
	padding: 20px 40px 24px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lk-mobile-link {
	font-size: 15px;
	font-weight: 600;
	color: var(--lk-mid);
	text-decoration: none;
	padding: 10px 0;
	border-bottom: 1px solid var(--lk-border);
	transition: color 0.2s;
}

.lk-mobile-link:hover,
.lk-mobile-link--active { color: var(--lk-cream); }

.lk-mobile-cta {
	display: flex;
	gap: 10px;
	margin-top: 16px;
}

@media (max-width: 960px) {
	.lk-nav-links, .lk-nav-cta { display: none; }
	.lk-hamburger { display: flex; }
	.lk-nav-container { padding: 0 20px; }
}

@media (max-width: 480px) {
	.lk-mobile-menu-inner { padding: 16px 20px 20px; }
	.lk-mobile-cta { flex-direction: column; }
	.lk-mobile-cta .lk-btn-login,
	.lk-mobile-cta .lk-btn-register { text-align: center; padding: 10px; }
}

/* ============================================================
   FOOTER
============================================================ */
.lk-footer {
	background: var(--lk-bg) !important;
	border-top: 1px solid var(--lk-border) !important;
	padding: 52px 0 28px !important;
}

.lk-footer-grid {
	display: grid;
	grid-template-columns: 1.8fr 1fr 1fr 1fr;
	gap: 48px;
	margin-bottom: 40px;
}

.lk-footer-logo {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--lk-cream);
	text-decoration: none;
	display: inline-block;
	margin-bottom: 12px;
}

.lk-footer-logo-img {
	height: 28px;
	width: auto;
	filter: brightness(10);
	display: block;
	margin-bottom: 12px;
}

.lk-footer-tagline {
	font-size: 14px;
	color: var(--lk-mid);
	margin-bottom: 6px;
	line-height: 1.5;
}

.lk-footer-desc {
	font-size: 13px;
	color: var(--lk-dim);
	line-height: 1.65;
	margin-top: 8px;
}

.lk-footer-socials {
	display: flex;
	gap: 8px;
	margin-top: 18px;
}

.lk-social-icon {
	width: 34px;
	height: 34px;
	border: 1px solid var(--lk-border2);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lk-mid);
	text-decoration: none;
	transition: all 0.2s;
}

.lk-social-icon:hover {
	border-color: var(--lk-red);
	color: var(--lk-red);
}

.lk-footer-col-title {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: var(--lk-red) !important;
	margin-bottom: 16px !important;
	display: block;
}

.lk-footer-menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lk-footer-link {
	font-size: 14px;
	color: #b8b4ae !important;
	text-decoration: none !important;
	transition: color 0.2s;
	display: block;
}

.lk-footer-link:hover { color: var(--lk-cream) !important; }

.lk-footer-bottom {
    border-top: 1px solid var(--lk-border);
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.lk-footer-copy {
    font-size: 13px;
    color: rgba(232, 228, 220, 0.7);
}

.lk-footer-made {
    font-size: 13px;
    color: rgba(232, 228, 220, 0.6);
    margin-left: auto;
}

@media (max-width: 960px) {
	.lk-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 600px) {
	.lk-footer-grid { grid-template-columns: 1fr; gap: 28px; }
	.lk-footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* ============================================================
   ФАЗА 5 — MEMBER NAV
============================================================ */
.lk-member-nav { position: relative; }

.lk-avatar-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: 1px solid var(--lk-border2);
	border-radius: 50px;
	padding: 4px 10px 4px 4px;
	cursor: pointer;
	transition: border-color 0.2s;
}

.lk-avatar-btn:hover { border-color: rgba(255,255,255,0.25); }

.lk-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--lk-red);
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	user-select: none;
}

.lk-avatar--sm {
	width: 36px;
	height: 36px;
	font-size: 14px;
}

.lk-avatar-chevron {
	color: var(--lk-mid);
	transition: transform 0.2s;
	flex-shrink: 0;
}

.lk-avatar-btn[aria-expanded="true"] .lk-avatar-chevron { transform: rotate(180deg); }

.lk-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 240px;
	background: #0f1520;
	border: 1px solid var(--lk-border2);
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(0,0,0,0.5);
	z-index: 500;
	overflow: hidden;
	animation: lkDropIn 0.15s ease;
}

.lk-dropdown--open { display: block; }

@keyframes lkDropIn {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.lk-dropdown-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
}

.lk-dropdown-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--lk-red);
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lk-dropdown-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.lk-dropdown-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--lk-cream);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lk-dropdown-meta { display: flex; align-items: center; gap: 6px; }

.lk-dropdown-divider {
	height: 1px;
	background: var(--lk-border);
	margin: 0;
}

.lk-dropdown-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	font-size: 14px;
	color: var(--lk-mid);
	text-decoration: none;
	transition: background 0.15s, color 0.15s;
	cursor: pointer;
}

.lk-dropdown-link:hover {
	background: rgba(255,255,255,0.04);
	color: var(--lk-cream);
}

.lk-dropdown-link svg,
.lk-dropdown-logout svg {
	flex-shrink: 0;
	opacity: 0.6;
}

.lk-dropdown-link:hover svg,
.lk-dropdown-logout:hover svg { opacity: 1; }

.lk-dropdown-logout {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 12px 16px;
	background: none;
	border: none;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	color: var(--lk-mid);
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
	text-align: left;
}

.lk-dropdown-logout:hover {
	background: rgba(230,57,70,0.08);
	color: var(--lk-red);
}

.lk-badge {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 2px 7px;
	border-radius: 3px;
	white-space: nowrap;
}

.lk-badge--lifetime {
	background: rgba(212,175,55,0.12);
	color: var(--lk-gold);
	border: 1px solid rgba(212,175,55,0.3);
}

.lk-badge--pro {
	background: rgba(13,148,136,0.12);
	color: var(--lk-teal);
	border: 1px solid rgba(13,148,136,0.3);
}

.lk-badge--free {
	background: rgba(255,255,255,0.06);
	color: var(--lk-mid);
	border: 1px solid var(--lk-border);
}

.lk-mobile-member {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.lk-mobile-member-info {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0 8px;
	border-bottom: 1px solid var(--lk-border);
	margin-bottom: 4px;
}

.lk-mobile-member-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--lk-cream);
	display: block;
	margin-bottom: 4px;
}

.lk-btn-logout-mobile {
	width: 100%;
	background: none;
	border: 1px solid rgba(230,57,70,0.3);
	border-radius: 3px;
	color: var(--lk-red);
	font-size: 12px;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 10px;
	cursor: pointer;
	transition: background 0.2s;
}

.lk-btn-logout-mobile:hover {
	background: rgba(230,57,70,0.08);
}

/* ============================================================
   ФАЗА 6 — CONTENT LOCK
============================================================ */
.lk-content-locked-wrapper {
	display: flex;
	justify-content: center;
	padding: 80px 20px;
	width: 100%;
}

.lk-locked-box {
	background: var(--lk-bg3);
	border: 1px solid var(--lk-border);
	border-radius: 12px;
	padding: 50px 40px;
	max-width: 500px;
	width: 100%;
	text-align: center;
	box-shadow: 0 20px 40px rgba(0,0,0,0.6);
}

.lk-locked-box h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: var(--lk-cream);
	margin-bottom: 12px;
}

.lk-locked-box p {
	font-size: 14px;
	color: var(--lk-mid);
	line-height: 1.6;
	margin-bottom: 24px;
}

.lk-btn-register-lg {
	display: block;
	width: 100%;
	background: var(--lk-red);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 14px 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s;
}

.lk-btn-register-lg:hover {
	background: var(--lk-red2);
}

.lk-overlay-login {
	margin-top: 16px;
	font-size: 13px;
	color: var(--lk-mid);
}

.lk-overlay-login a {
	color: var(--lk-red);
	font-weight: 600;
	text-decoration: none;
}

/* ============================================================
   STICKY FOOTER BAR (SINGLE POST)
============================================================ */
.single-post .lk-main {
	padding-bottom: 110px;
}

.lk-sticky-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(7, 11, 16, 0.95);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-top: 1px solid rgba(255,255,255,0.05);
	z-index: 150;
	padding: 20px 0;
	box-shadow: 0 -10px 40px rgba(0,0,0,0.5);
}

.lk-sticky-bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.lk-sticky-left, .lk-sticky-right {
	flex: 1;
	display: flex;
	min-width: 0;
}

.lk-sticky-left {
	justify-content: flex-start;
	padding-left: 60px;
}

.lk-sticky-right {
	justify-content: flex-end;
}

.lk-sticky-center {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-shrink: 0;
}

.lk-nav-block {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	transition: opacity 0.2s;
	max-width: 100%;
}

.lk-nav-block:hover {
	opacity: 0.8;
}

.lk-nav-icon {
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lk-cream);
	background: rgba(255,255,255,0.02);
	transition: all 0.25s ease;
	flex-shrink: 0;
}

.lk-nav-block:hover .lk-nav-icon {
	border-color: rgba(230,57,70,0.4);
	color: var(--lk-red);
	background: rgba(230,57,70,0.05);
}

.lk-nav-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.lk-nav-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--lk-red);
	text-transform: uppercase;
	margin-bottom: 4px;
}

.lk-nav-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--lk-cream);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 180px;
}

/* --- Централни Копчиња --- */
.lk-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 8px;
	height: 48px;
	padding: 0 24px;
	color: var(--lk-cream);
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.25s ease;
	outline: none;
	text-decoration: none;
	white-space: nowrap;
	line-height: normal;
}

.lk-action-btn:hover {
	background: rgba(255,255,255,0.05);
	border-color: rgba(255,255,255,0.2);
}

.lk-action-btn.lk-btn-read.is-active {
	border-color: rgba(16, 185, 129, 0.4);
	background: rgba(16, 185, 129, 0.05);
	color: #10b981;
	box-shadow: 0 0 15px rgba(16, 185, 129, 0.1);
}

.lk-action-btn.lk-action-bookmark.is-active {
	border-color: rgba(230, 57, 70, 0.4);
	background: rgba(230, 57, 70, 0.05);
	color: var(--lk-red);
	box-shadow: 0 0 15px rgba(230, 57, 70, 0.1);
}

.lk-action-btn svg {
	display: block;
	flex-shrink: 0;
	margin: 0;
	transform: none;
}

.lk-action-text {
	display: block;
	margin: 0;
	transform: none;
}

.lk-action-btn .lk-icon-active,
.lk-action-btn .lk-text-active,
.lk-action-btn.is-active .lk-icon-default,
.lk-action-btn.is-active .lk-text-default {
	display: none;
}

.lk-action-btn.is-active .lk-icon-active,
.lk-action-btn.is-active .lk-text-active {
	display: inline-block;
}

@media (max-width: 1024px) {
	.lk-nav-title { max-width: 120px; }
}

@media (max-width: 960px) {
	.lk-hide-mobile { display: none !important; }
	.lk-sticky-left { padding-left: 50px; flex: 0 0 auto; }
	.lk-sticky-right { flex: 0 0 auto; }
	.lk-sticky-bar-inner { justify-content: center; }
}

@media (max-width: 600px) {
	.lk-sticky-bar { padding: 12px 0; }
	.lk-action-btn { padding: 0 16px; height: 44px; font-size: 11px; }
	.lk-nav-icon { width: 44px; height: 44px; }
	.lk-sticky-left { padding-left: 45px; }
	.lk-sticky-center { gap: 8px; }
}

/* ============================================================
   ФАЗА 8 — МОЈ ПРОФИЛ
============================================================ */
.lk-profile-wrap {
	padding: 60px 0 100px;
}
.lk-profile-header {
	background: var(--lk-bg3);
	border: 1px solid var(--lk-border);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 50px;
}
.lk-profile-avatar-lg {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: var(--lk-red);
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 10px 30px rgba(230,57,70,0.25);
}
.lk-profile-info h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: var(--lk-cream);
	margin-bottom: 12px;
	line-height: 1.1;
}
.lk-profile-meta {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.lk-profile-date {
	font-size: 13px;
	color: var(--lk-mid);
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
}
.lk-profile-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 60px;
}
.lk-stat-card {
	background: rgba(255,255,255,0.02);
	border: 1px solid var(--lk-border2);
	border-radius: 16px;
	padding: 30px;
	display: flex;
	flex-direction: column;
}
.lk-stat-card .lk-stat-num {
	font-family: 'Oswald', sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: transparent;
	margin-bottom: 8px;
}
.lk-stat-card.red .lk-stat-num { -webkit-text-stroke: 1.5px var(--lk-red); }
.lk-stat-card.purple .lk-stat-num { -webkit-text-stroke: 1.5px #a855f7; }
.lk-stat-card.teal .lk-stat-num { -webkit-text-stroke: 1.5px var(--lk-teal); }

.lk-stat-label {
	font-size: 16px;
	color: var(--lk-cream);
	font-weight: 500;
	margin-bottom: 4px;
}
.lk-stat-sub {
	font-size: 14px;
	color: var(--lk-mid);
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Tabs */
.lk-tabs {
	display: flex;
	gap: 12px;
	margin-bottom: 40px;
	border-bottom: 1px solid var(--lk-border);
	padding-bottom: 20px;
	overflow-x: auto;
}
.lk-tab-btn {
	background: transparent;
	border: none;
	color: var(--lk-mid);
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 24px;
	cursor: pointer;
	transition: all 0.2s;
	border-radius: 8px;
	white-space: nowrap;
}
.lk-tab-btn:hover {
	color: var(--lk-cream);
	background: rgba(255,255,255,0.03);
}
.lk-tab-btn.is-active {
	color: var(--lk-cream);
	background: rgba(255,255,255,0.06);
	border: 1px solid var(--lk-border2);
}
.lk-tab-content { display: none; }
.lk-tab-content.is-active { display: block; animation: lkFadeIn 0.4s ease; }

@keyframes lkFadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Horizontal Lists (Categorized) */
.lk-category-group {
	margin-bottom: 40px;
}
.lk-category-title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	text-transform: uppercase;
}
.lk-list-rows {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.lk-list-row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 24px;
	background: rgba(255,255,255,0.02);
	border: 1px solid var(--lk-border2);
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.2s;
}
.lk-list-row:hover {
	background: rgba(255,255,255,0.04);
	border-color: rgba(255,255,255,0.15);
	transform: translateX(4px);
}
.lk-row-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lk-row-title {
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	color: var(--lk-cream);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lk-row-arrow {
	flex-shrink: 0;
	color: var(--lk-mid);
	transition: color 0.2s;
}
.lk-list-row:hover .lk-row-arrow {
	color: var(--lk-cream);
}
.lk-btn-load-more {
	display: block;
	width: 100%;
	text-align: center;
	padding: 16px;
	background: rgba(255,255,255,0.03);
	border: 1px solid var(--lk-border2);
	border-radius: 8px;
	color: var(--lk-cream);
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s;
	margin-top: 10px;
}
.lk-btn-load-more:hover {
	background: rgba(255,255,255,0.06);
}

/* Settings Grid */
.lk-settings-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.lk-settings-card {
	background: rgba(255,255,255,0.02);
	border: 1px solid var(--lk-border2);
	border-radius: 16px;
	padding: 32px;
}
.lk-settings-card.danger-zone {
	border-color: rgba(230,57,70,0.3);
}
.lk-settings-card h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	color: var(--lk-cream);
	margin-bottom: 12px;
}
.lk-settings-card p {
	font-size: 14px;
	color: var(--lk-mid);
	margin-bottom: 24px;
	line-height: 1.6;
}
.lk-input-group {
	margin-bottom: 16px;
}
.lk-input-group label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--lk-mid);
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.lk-input-group input {
	width: 100%;
	background: rgba(255,255,255,0.04);
	border: 1px solid var(--lk-border2);
	border-radius: 6px;
	padding: 12px 16px;
	color: var(--lk-cream);
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}
.lk-input-group input:focus {
	border-color: rgba(255,255,255,0.2);
}
.lk-btn-save {
	width: 100%;
	background: var(--lk-red);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 14px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition: background 0.2s;
	margin-top: 8px;
}
.lk-btn-save:hover {
	background: var(--lk-red2);
}
.lk-btn-delete {
	background: transparent;
	color: var(--lk-red);
	border: 1px solid rgba(230,57,70,0.4);
	border-radius: 6px;
	padding: 12px 24px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	cursor: pointer;
	transition: background 0.2s;
}
.lk-btn-delete:hover {
	background: rgba(230,57,70,0.1);
}

.lk-empty-state {
	text-align: center;
	padding: 60px 20px;
	background: rgba(255,255,255,0.02);
	border: 1px dashed var(--lk-border2);
	border-radius: 12px;
}
.lk-empty-state svg {
	color: var(--lk-dim);
	margin-bottom: 16px;
}
.lk-empty-state h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--lk-cream);
	margin-bottom: 8px;
}
.lk-empty-state p {
	font-size: 14px;
	color: var(--lk-mid);
}

@media (max-width: 768px) {
	.lk-profile-header {
		flex-direction: column;
		text-align: center;
		padding: 30px;
	}
	.lk-profile-meta { justify-content: center; }
	.lk-profile-stats { grid-template-columns: 1fr; gap: 16px; }
	.lk-stat-card { padding: 24px; }
	.lk-settings-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   ФАЗА 9.3 — CAROUSEL (HOME PAGE)
============================================================ */
.lk-series-carousel-section {
	padding-bottom: 60px;
}

.lk-divider-gradient {
	height: 1px;
	width: 100%;
	background: linear-gradient(270deg, rgba(230,57,70,0.8) 0%, rgba(230,57,70,0) 50%);
	margin-bottom: 60px;
}

.lk-series-carousel-wrapper {
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(230, 57, 70, 0.3);
	box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(255,255,255,0.05);
}

.lk-series-carousel-wrapper .swiper-slide {
	position: relative;
	height: 350px;
	display: flex;
	align-items: center;
	padding: 30px 50px;
	box-sizing: border-box;
}

.lk-cs-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center right;
	z-index: 0;
	transition: transform 6s ease;
}

.lk-series-carousel-wrapper .swiper-slide-active .lk-cs-bg {
	transform: scale(1.05);
}

.lk-cs-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #070b10 0%, #070b10 35%, rgba(7,11,16,0.8) 55%, rgba(7,11,16,0.1) 100%);
	z-index: 1;
}

.lk-cs-content {
	position: relative;
	z-index: 2;
	max-width: 520px;
}

.lk-cs-subtitle {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--lk-red);
	text-transform: uppercase;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.lk-cs-title {
	font-family: 'Oswald', sans-serif;
	font-size: clamp(30px, 4vw, 40px);
	font-weight: 700;
	line-height: 1.1;
	color: var(--lk-cream);
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

.lk-cs-desc {
	font-size: 14px;
	color: var(--lk-mid);
	line-height: 1.5;
	margin: 0 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.lk-cs-meta {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.lk-cs-meta-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lk-cs-stroke-num {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--lk-red);
}

.lk-cs-meta-text {
	font-size: 12px;
	line-height: 1.3;
}

.lk-cs-tag {
	display: inline-block;
	padding: 5px 10px;
	background: rgba(230, 57, 70, 0.08);
	border: 1px solid rgba(230, 57, 70, 0.2);
	border-radius: 4px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--lk-red);
}

.lk-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,0.03);
	border: 1px solid var(--lk-border2);
	border-radius: 6px;
	padding: 10px 20px;
	color: var(--lk-cream);
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.25s ease;
}

.lk-btn-outline:hover {
	background: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.3);
	transform: translateX(4px);
}

.lk-series-carousel-wrapper .swiper-pagination-bullets {
	bottom: 15px !important;
}

.lk-series-carousel-wrapper .swiper-pagination-bullet {
	background: rgba(255,255,255,0.3);
	opacity: 1;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	transition: all 0.3s;
}

.lk-series-carousel-wrapper .swiper-pagination-bullet-active {
	background: var(--lk-red);
	width: 20px;
	border-radius: 4px;
}

@media (max-width: 768px) {
	.lk-series-carousel-wrapper .swiper-slide {
		padding: 30px 20px 50px 20px;
		height: 400px;
		align-items: flex-end;
	}
	.lk-cs-overlay {
		background: linear-gradient(0deg, #070b10 0%, #070b10 50%, rgba(7,11,16,0.3) 100%);
	}
	.lk-cs-meta-item {
		border-left: none !important;
		padding-left: 0 !important;
	}
}

/* ============================================================
   ФАЗА 9.6 — ТОП 5 И НАЈНОВИ ЛЕКЦИИ
============================================================ */
.lk-t5-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	flex-wrap: wrap;
	gap: 20px;
}

.lk-t5-tabs {
	display: flex;
	gap: 30px;
}

.lk-t5-tab-btn {
	background: transparent;
	border: none;
	color: var(--lk-mid);
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0 0 12px 0;
	cursor: pointer;
	position: relative;
	transition: color 0.2s;
	display: flex;
	align-items: center;
}

.lk-t5-tab-btn:hover { color: var(--lk-cream); }
.lk-t5-tab-btn.is-active { color: var(--lk-cream); }
.lk-t5-tab-btn.is-active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--lk-red);
}

.lk-t5-link {
	color: var(--lk-mid);
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 12px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s;
}
.lk-t5-link:hover { color: var(--lk-cream); }

.lk-top5-content {
	display: none;
	animation: lkFadeIn 0.4s ease;
}
.lk-top5-content.is-active { display: block; }

@keyframes lkFadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}

.lk-t5-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.lk-t5-col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.lk-tc-card {
	position: relative;
	display: flex;
	background: var(--lk-bg3);
	border: 1px solid var(--lk-border2);
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	min-height: 105px;
	transition: all 0.25s ease;
}

.lk-tc-card:hover {
	border-color: rgba(255,255,255,0.25);
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.lk-tc-bg {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 20%;
	background-size: cover;
	background-position: center;
	z-index: 0;
	opacity: 0.9;
	transition: transform 0.5s ease;
}
.lk-tc-card:hover .lk-tc-bg {
	transform: scale(1.05);
}

.lk-tc-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #0f1520 0%, #0f1520 45%, rgba(15,21,32,0.6) 75%, rgba(15,21,32,0.1) 100%);
	z-index: 1;
}

.lk-tc-content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 24px;
	gap: 20px;
}

.lk-tc-num { 
	font-family: 'Oswald', sans-serif; 
	font-size: 56px; 
	font-weight: 700; 
	line-height: 1; 
	flex-shrink: 0;
	width: 50px;
	text-align: left;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--card-color);
}

.lk-tc-info { flex: 1; min-width: 0; padding-right: 20px; }

.lk-tc-cat { 
	font-size: 11.5px; 
	font-weight: 700; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	margin-bottom: 6px; 
	color: var(--card-color);
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}

.lk-tc-title { 
	font-size: 17px; 
	font-weight: 600; 
	color: var(--lk-cream); 
	line-height: 1.4; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	overflow: hidden; 
}

.lk-tc-arrow { 
	color: var(--lk-mid); 
	transition: color 0.2s, transform 0.2s; 
	flex-shrink: 0; 
	display: flex; 
	background: rgba(0,0,0,0.4);
	border-radius: 50%;
	padding: 6px;
	backdrop-filter: blur(4px);
}
.lk-tc-card:hover .lk-tc-arrow { 
	color: var(--lk-cream); 
	transform: translateX(4px); 
	background: rgba(0,0,0,0.6);
}

@media (max-width: 960px) { 
	.lk-t5-cols { grid-template-columns: 1fr; } 
}
@media (max-width: 600px) { 
	.lk-tc-content { padding: 16px; gap: 12px; } 
	.lk-tc-num { font-size: 42px; width: 40px; } 
	.lk-tc-overlay { background: linear-gradient(90deg, #0f1520 0%, #0f1520 55%, rgba(15,21,32,0.7) 100%); }
}

/* ============================================================
   ФАЗА 9.7 — ДЕНЕС СЕКЦИЈА (3 КОЛОНИ)
============================================================ */
.lk-today-section {
	position: relative;
	padding-top: 60px;
	padding-bottom: 80px;
	z-index: 1;
}

.lk-today-section::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 1px;
	background: linear-gradient(270deg, rgba(232, 228, 220, 0.3) 0%, rgba(232, 228, 220, 0) 100%);
}

.lk-today-main-title {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: var(--lk-cream);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 24px;
}

/* Апстрактни светла во позадина */
.lk-today-bg-glows {
	position: absolute;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 24px 24px;
	background-position: center top;
}

.lk-glow {
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	filter: blur(120px);
	opacity: 0.12;
}

.lk-glow-teal { background: #0d9488; top: 10%; left: 10%; }
.lk-glow-orange { background: #f59e0b; top: 30%; left: 50%; transform: translateX(-50%); }
.lk-glow-purple { background: #a855f7; top: 10%; right: 10%; }

/* Grid */
.lk-today-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* Картички */
.lk-today-card {
	background: rgba(15, 21, 32, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 12px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
}

.lk-today-card:hover {
	transform: translateY(-4px);
}

.lk-card-teal { 
	border-color: rgba(13, 148, 136, 0.3); 
	background: linear-gradient(145deg, rgba(13,148,136,0.15) 0%, rgba(15,21,32,0.8) 100%); 
}
.lk-card-orange { 
	border-color: rgba(245, 158, 11, 0.3); 
	background: linear-gradient(145deg, rgba(245,158,11,0.15) 0%, rgba(15,21,32,0.8) 100%); 
}
.lk-card-purple { 
	border-color: rgba(168, 85, 247, 0.3); 
	background: linear-gradient(145deg, rgba(168,85,247,0.15) 0%, rgba(15,21,32,0.8) 100%); 
}

.lk-card-teal:hover { border-color: rgba(13, 148, 136, 0.6); box-shadow: 0 15px 35px rgba(13, 148, 136, 0.15); }
.lk-card-orange:hover { border-color: rgba(245, 158, 11, 0.6); box-shadow: 0 15px 35px rgba(245, 158, 11, 0.15); }
.lk-card-purple:hover { border-color: rgba(168, 85, 247, 0.6); box-shadow: 0 15px 35px rgba(168, 85, 247, 0.15); }

/* Header во картичката (и Голема икона во позадина) */
.lk-td-header {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 24px;
	position: relative;
	z-index: 2;
}

.lk-td-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.lk-card-teal .lk-td-label { color: #0d9488; }
.lk-card-orange .lk-td-label { color: #f59e0b; }
.lk-card-purple .lk-td-label { color: #a855f7; }

/* Иконите kako masivni bledi bekgraundi */
.lk-td-header svg {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 120px;
	height: 120px;
	opacity: 0.06;
	z-index: 0;
	pointer-events: none;
}
.lk-card-teal svg { color: #0d9488; }
.lk-card-orange svg { color: #f59e0b; }
.lk-card-purple svg { color: #a855f7; }

/* Содржина */
.lk-td-title {
	font-size: 26px;
	font-weight: 700;
	color: var(--lk-cream);
	line-height: 1.3;
	margin: 0 0 12px 0;
	position: relative;
	z-index: 2;
}

.lk-td-desc {
	font-size: 14px;
	color: var(--lk-mid);
	line-height: 1.6;
	margin: 0;
	flex: 1;
	position: relative;
	z-index: 2;
}

.lk-td-quote-wrap {
	flex: 1;
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.lk-td-quote {
	font-size: 20px;
	font-style: normal;
	color: var(--lk-cream);
	line-height: 1.5;
	margin: 0;
	font-weight: 500;
}

/* Footer (Категорија i Kopcinja) */
.lk-td-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(255,255,255,0.06);
	position: relative;
	z-index: 2;
}

.lk-td-footer-challenge {
	border-top: none;
	padding-top: 0;
	justify-content: flex-start;
}

.lk-td-meta {
	font-size: 11px;
	color: var(--lk-dim);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.lk-td-btn {
	font-size: 12px;
	font-weight: 700;
	color: var(--lk-cream);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s;
	border: 1px solid rgba(255,255,255,0.1);
	padding: 8px 14px;
	border-radius: 4px;
	white-space: nowrap;
}

.lk-td-btn:hover {
	background: rgba(255,255,255,0.05);
	border-color: rgba(255,255,255,0.25);
	color: #fff;
}

.lk-td-btn-outline {
	background: transparent;
	border: 1px solid rgba(168, 85, 247, 0.4);
	color: #d8b4fe;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 10px 20px;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.25s ease;
	text-decoration: none;
	display: inline-block;
}

.lk-td-btn-outline:hover:not(.is-accepted) {
	background: rgba(168, 85, 247, 0.1);
	border-color: #a855f7;
	color: #fff;
}

/* ============================================================
   ФАЗА 9.11 — БИЗНИС ИДЕИ (HOME PAGE) - Full Width Design
============================================================ */
.lk-bi-full-wrapper {
    position: relative;
    width: 100%;
    min-height: 450px;
    background-color: var(--lk-bg3);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.lk-bi-full-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7,11,16,0.95) 0%, rgba(7,11,16,0.85) 50%, rgba(7,11,16,0.4) 100%);
    z-index: 1;
}

.lk-bi-full-container {
    position: relative;
    z-index: 2;
}

.lk-bi-sec-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 40px;
}

.lk-bi-sec-icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: rgba(230, 57, 70, 0.1);
    color: var(--lk-red);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(230, 57, 70, 0.3);
}

.lk-bi-sec-title {
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--lk-cream);
    letter-spacing: 0.05em;
    margin: 0 0 4px 0;
    line-height: 1.2;
}

.lk-bi-sec-subtitle {
    font-size: 14px;
    color: var(--lk-mid);
    margin: 0;
    max-width: 600px;
    line-height: 1.5;
}

.lk-bi-grid-v2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.lk-bi-card-v2 {
    display: flex;
    flex-direction: column;
    background: rgba(15, 21, 32, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 32px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lk-bi-card-v2:hover {
    transform: translateY(-4px);
}

.lk-bi-card-teal { 
    border: 1px solid rgba(13, 148, 136, 0.3); 
    background: linear-gradient(145deg, rgba(13,148,136,0.1) 0%, rgba(15,21,32,0.85) 60%); 
}
.lk-bi-card-red { 
    border: 1px solid rgba(230, 57, 70, 0.3); 
    background: linear-gradient(145deg, rgba(230,57,70,0.1) 0%, rgba(15,21,32,0.85) 60%); 
}

.lk-bi-card-teal:hover { box-shadow: 0 15px 35px rgba(13, 148, 136, 0.15); border-color: rgba(13, 148, 136, 0.6); }
.lk-bi-card-red:hover { box-shadow: 0 15px 35px rgba(230, 57, 70, 0.15); border-color: rgba(230, 57, 70, 0.6); }

.lk-bi-card-top {
    display: flex;
    gap: 24px;
    margin-bottom: 30px;
}

.lk-bi-huge-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lk-bi-card-teal .lk-bi-huge-icon { border: 1px solid rgba(13,148,136,0.3); color: #0d9488; background: rgba(13,148,136,0.05); }
.lk-bi-card-red .lk-bi-huge-icon { border: 1px solid rgba(230,57,70,0.3); color: var(--lk-red); background: rgba(230,57,70,0.05); }

.lk-bi-card-info { flex: 1; min-width: 0; }

.lk-bi-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.lk-badge-teal { background: rgba(13,148,136,0.1); color: #0d9488; border: 1px solid rgba(13,148,136,0.2); }
.lk-badge-red { background: rgba(230,57,70,0.1); color: var(--lk-red); border: 1px solid rgba(230,57,70,0.2); }

.lk-bi-card-info h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--lk-cream);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.lk-bi-card-info p {
    font-size: 14px;
    color: var(--lk-mid);
    line-height: 1.5;
    margin: 0;
}

.lk-bi-stats {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 24px;
    gap: 16px;
}

.lk-bi-stat-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lk-bi-stat-item svg { color: var(--lk-dim); }
.lk-bi-stat-item span { font-size: 10px; font-weight: 700; color: var(--lk-dim); text-transform: uppercase; letter-spacing: 0.05em; }
.lk-bi-stat-item strong { font-size: 13px; color: var(--lk-cream); font-weight: 500; }

.lk-bi-card-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.lk-bi-btn-solid {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.2s;
    background: transparent;
}

.lk-btn-solid-teal { border: 1px solid rgba(13, 148, 136, 0.4); color: var(--lk-cream); }
.lk-btn-solid-teal:hover { border-color: #0d9488; background: rgba(13, 148, 136, 0.1); }

.lk-btn-solid-red { border: 1px solid rgba(230, 57, 70, 0.4); color: var(--lk-red); }
.lk-btn-solid-red:hover { border-color: var(--lk-red); background: rgba(230, 57, 70, 0.1); }

.lk-bi-footer-note {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lk-note-teal { color: #0d9488; }
.lk-note-red { color: var(--lk-mid); }

@media (max-width: 960px) {
    .lk-bi-grid-v2 { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .lk-bi-card-top { flex-direction: column; align-items: flex-start; }
    .lk-bi-stats { flex-direction: column; gap: 16px; }
}

/* ============================================================
   ФАЗА 9.14 — 1000 CLUB BANNER (HOME PAGE)
============================================================ */
.lk-club-banner-wrap {
	padding-bottom: 60px;
}

.lk-club-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--lk-cream); 
	border-radius: 12px;
	padding: 40px 48px;
	gap: 40px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

/* Суптилни декоративни бранови во позадината на светлиот банер */
.lk-club-banner::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; width: 40%;
	background-image: radial-gradient(circle at 100% 50%, rgba(230, 57, 70, 0.04) 0%, transparent 60%);
	pointer-events: none;
}

/* Лева страна (Икона + Текст) */
.lk-cb-left {
	display: flex;
	align-items: center;
	gap: 24px;
	flex: 1;
	position: relative;
	z-index: 2;
}

.lk-cb-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid rgba(230, 57, 70, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lk-red);
	flex-shrink: 0;
	background: transparent;
}

.lk-cb-info {
	flex: 1;
}

.lk-cb-label {
	font-size: 11px;
	font-weight: 700;
	color: var(--lk-red);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: 6px;
}

.lk-cb-title {
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: var(--lk-bg); 
	margin: 0 0 8px 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.lk-cb-desc {
	font-size: 14px;
	color: var(--lk-dim);
	margin: 0;
	line-height: 1.5;
	max-width: 400px;
}

/* Средина (Бројач) */
.lk-cb-middle {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.lk-cb-counter-box {
	border: 1px solid rgba(230, 57, 70, 0.4);
	border-radius: 8px;
	padding: 16px 32px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(255,255,255,0.5); 
}

.lk-cb-number {
	font-family: 'Oswald', sans-serif;
	font-size: 46px;
	font-weight: 700;
	color: var(--lk-bg);
	line-height: 1;
	margin-bottom: 6px;
}

.lk-cb-counter-text {
	font-size: 12px;
	color: var(--lk-dim);
	line-height: 1.3;
	text-align: center;
}

/* Десна страна (Копче) */
.lk-cb-right {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}

.lk-cb-btn {
	display: inline-flex;
	align-items: center;
	background: var(--lk-red);
	color: #fff !important;
	padding: 16px 32px;
	border-radius: 6px;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s;
	box-shadow: 0 10px 25px rgba(230, 57, 70, 0.25);
}

.lk-cb-btn:hover {
	background: var(--lk-red2);
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(230, 57, 70, 0.35);
}

/* Мобилен Респонзив */
@media (max-width: 1024px) {
	.lk-club-banner { flex-direction: column; text-align: center; gap: 30px; padding: 40px 24px; }
	.lk-cb-left { flex-direction: column; }
	.lk-cb-desc { max-width: 100%; }
}

/* ============================================================
   ФАЗА 10 — СТРАНИЦА "СИТЕ СЕРИИ / ДЕТСКА ЕДУКАЦИЈА"
============================================================ */
.lk-series-page-wrapper {
	position: relative;
	padding: 0 0 120px 0;
	background-color: var(--lk-bg);
	min-height: 100vh;
}

/* Hero Background Image */
.lk-sp-hero-bg {
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 400px;
	background-size: cover;
	background-position: right center;
	z-index: 0;
	opacity: 1 !important;
}

/* ФИКСЕН ОВЕРЛЕЈ (Сега е висок колку сликата za da ne se mesa so kartickite dolu) */
.lk-sp-hero-overlay {
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 400px;
	background: linear-gradient(180deg, rgba(7,11,16,0.2) 0%, rgba(7,11,16,0.6) 60%, #070b10 100%);
	z-index: 1;
}

/* Header Section */
.lk-sp-header {
	max-width: 800px;
	margin-bottom: 60px; /* DODADENO za da gi turne kartickite nadolu */
	padding-top: 60px;
	position: relative;
	z-index: 2;
}

.lk-sp-title {
	font-family: 'Oswald', sans-serif;
	font-size: clamp(36px, 5vw, 48px);
	font-weight: 700;
	color: var(--lk-cream);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 20px 0;
	line-height: 1.2;
	text-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

.lk-sp-desc {
	font-size: 16px;
	color: #e8e4dc;
	line-height: 1.6;
	margin-bottom: 40px;
	text-shadow: 0 2px 10px rgba(0,0,0,0.5);
	max-width: 600px;
}

.lk-sp-stats {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}

.lk-sp-stat-box {
	display: flex;
	align-items: center;
	gap: 16px;
}

.lk-sp-stat-icon svg {
	width: 36px;
	height: 36px;
}

.lk-sp-stat-box strong { 
	display: block; 
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight: 700; 
	line-height: 1;
	color: transparent;
	margin-bottom: 4px;
}

.lk-sp-stat-box:nth-child(1) strong { -webkit-text-stroke: 1.5px var(--lk-red); }
.lk-sp-stat-box:nth-child(1) .lk-sp-stat-icon svg { color: var(--lk-red); }

.lk-sp-stat-box:nth-child(2) strong { -webkit-text-stroke: 1.5px #a855f7; }
.lk-sp-stat-box:nth-child(2) .lk-sp-stat-icon svg { color: #a855f7; }

.lk-sp-stat-box:nth-child(3) strong { -webkit-text-stroke: 1.5px #0d9488; }
.lk-sp-stat-box:nth-child(3) .lk-sp-stat-icon svg { color: #0d9488; }

.lk-sp-stat-box span { 
	font-size: 13px; 
	color: var(--lk-cream); 
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500;
}

/* GRID SYSTEMS */
.lk-sp-featured-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.lk-sp-regular-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Karticki Opsto (POVTORNO FIKSIRANI VISINI I OPSTI STILOVI) */
.lk-sp-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #0d1219;
	border-radius: 16px;
	overflow: hidden;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.05);
	transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
	box-sizing: border-box;
}

.lk-sp-card * {
    box-sizing: border-box;
}

.lk-sp-card:hover {
	transform: translateY(-5px);
	border-color: var(--card-color);
	box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.lk-sp-card-large { min-height: 265px; } /* Namalena visina */
.lk-sp-card-small { min-height: 265px; }

/* Background Image & Overlay (Desnata strana) */
.lk-sp-card-bg-wrap {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 40%; /* Smeneto na 40% za poveke prostor za tekstot */
    z-index: 0;
    overflow: hidden;
}

.lk-sp-card-bg {
	width: 100%; height: 100%;
	background-size: cover;
	background-position: right center;
	opacity: 0.35;
	transition: transform 0.6s ease;
	mix-blend-mode: lighten;
}

.lk-sp-card:hover .lk-sp-card-bg { transform: scale(1.05); }

.lk-sp-card-bg-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #0d1219 0%, #0d1219 15%, transparent 100%);
}

.lk-sp-card-glow {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: radial-gradient(circle at top left, rgba(var(--card-color-rgb), 0.15) 0%, transparent 50%);
	z-index: 1;
	pointer-events: none;
}

/* Card Content */
.lk-sp-card-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	padding: 28px; /* Malku namalen pading */
	height: 100%;
	width: 100%;
	flex: 1;
}

/* Tags (Gore levo) */
.lk-sp-card-tag {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--card-color);
	margin-bottom: 20px;
}

.lk-tag-large .lk-tag-line {
    width: 2px;
    height: 14px;
    background: var(--card-color);
    display: inline-block;
}

.lk-tag-small .lk-tag-icon-wrap {
    width: 28px; 
	height: 28px;
    border-radius: 6px;
    background: rgba(var(--card-color-rgb), 0.15);
    display: flex; 
	align-items: center; 
	justify-content: center;
}

.lk-tag-small .lk-tag-icon-wrap img, 
.lk-tag-small .lk-tag-icon-wrap svg {
    width: 14px; 
	height: 14px;
    filter: brightness(0) saturate(100%) invert(1);
}

/* Title & Desc */
.lk-sp-card-main { margin-bottom: 24px; flex: 1; }
.lk-sp-card-large .lk-sp-card-main { max-width: 80%; }
.lk-sp-card-small .lk-sp-card-main { max-width: 90%; }

.lk-sp-card-title { 
	font-family: 'Oswald', sans-serif; 
	font-weight: 700; 
	color: var(--lk-cream); 
	margin: 0 0 10px 0; 
	line-height: 1.2; 
	text-transform: uppercase; 
}
.lk-sp-card-large .lk-sp-card-title { font-size: 26px; } /* Malku pomal font za 265px visina */
.lk-sp-card-small .lk-sp-card-title { font-size: 22px; }

/* TRIK ZA MAKSIMUM 2 REDA */
.lk-sp-card-desc { 
	font-size: 13px; 
	color: var(--lk-mid); 
	line-height: 1.5; 
	margin: 0; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Footer & Meta */
.lk-sp-card-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: auto;
	gap: 16px;
}

.lk-sp-card-meta { 
	display: flex; 
	align-items: center; 
	gap: 12px; /* Namaleno za da sobere se vo 1 red */
	flex-wrap: nowrap; /* Forsirame vo 1 red */
	overflow: hidden;
	flex: 1;
}

.lk-sp-meta-item { 
	display: flex; 
	align-items: center; 
	gap: 6px; 
	font-size: 12px; 
	color: var(--lk-mid); 
	font-weight: 500; 
	white-space: nowrap;
	flex-shrink: 0;
}
.lk-sp-meta-item:last-child {
	flex-shrink: 1;
	overflow: hidden;
}
.lk-sp-meta-item:last-child span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lk-sp-meta-item svg { color: var(--lk-dim); flex-shrink: 0; }

/* Buttons */
.lk-sp-btn-wrap {
	margin-top: 0;
	flex-shrink: 0;
}

.lk-sp-btn-large {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 6px;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--lk-cream);
	transition: all 0.2s;
	white-space: nowrap;
}
.lk-sp-card:hover .lk-sp-btn-large { 
	border-color: var(--card-color); 
	color: #fff; 
	background: rgba(var(--card-color-rgb), 0.08); 
}

.lk-sp-btn-small {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--lk-cream);
	transition: all 0.2s;
	flex-shrink: 0;
}
.lk-sp-card:hover .lk-sp-btn-small { 
	border-color: var(--card-color); 
	color: #fff; 
	background: var(--card-color); 
}

/* Pagination */
.lk-sp-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 60px;
}

.lk-sp-page-num {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    background: transparent;
    color: var(--lk-mid);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.lk-sp-page-num:hover,
.lk-sp-page-num.current {
    border-color: var(--lk-red);
    color: var(--lk-red);
    background: rgba(230,57,70,0.05);
}

/* Responsive */
@media (max-width: 1024px) {
    .lk-sp-featured-grid { grid-template-columns: 1fr; }
    .lk-sp-regular-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .lk-sp-regular-grid { grid-template-columns: 1fr; }
	.lk-sp-card-bg-wrap { left: 0; }
	.lk-sp-card-bg { opacity: 0.2; }
	.lk-sp-card-bg-overlay { background: linear-gradient(0deg, #0f1520 0%, #0f1520 50%, rgba(15,21,32,0.6) 100%); }
	.lk-sp-card-main { max-width: 100%; }
}

/* ============================================================
   ФАЗА 11 — SINGLE CATEGORY (ARCHIVE) HERO BANNER
============================================================ */
.lk-single-cat-page {
    background-color: var(--lk-bg);
    min-height: 100vh;
}

.lk-sc-hero {
    position: relative;
    padding: 60px 0; /* Намалено за помал банер */
    background-color: transparent; /* Тргнат lk-bg2 за да не пречи на сликата */
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Позадинска слика и оверлеј */
.lk-sc-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: right center; /* Фокусирање на десниот дел од сликата */
    opacity: 1; /* Сликата е 100% видлива */
    z-index: 0;
}

.lk-sc-hero-glow {
    position: absolute;
    top: -50%; right: -20%;
    width: 800px; height: 800px;
    background: radial-gradient(circle, rgba(var(--cat-color-rgb), 0.15) 0%, transparent 60%);
    z-index: 0;
    pointer-events: none;
}

.lk-sc-hero-overlay {
    position: absolute;
    inset: 0;
    /* Поправка за левата страна: градиентот е полупроѕирен за сликата да ѕирка низ него */
    background: linear-gradient(90deg, rgba(11,16,24,0.95) 0%, rgba(11,16,24,0.7) 45%, rgba(11,16,24,0.2) 70%, transparent 100%);
    z-index: 1;
}

.lk-sc-hero-container {
    position: relative;
    z-index: 2;
}

/* Flex Layout (Left / Right) */
.lk-sc-hero-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.lk-sc-hero-left {
    flex: 1.5; /* Повеќе простор за текстот */
    max-width: 750px; 
}

.lk-sc-hero-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

/* Typography */
.lk-sc-title {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(32px, 4vw, 46px); /* Благо намалено за да збере повеќе зборови */
    font-weight: 700;
    color: var(--lk-cream);
    margin: 0 0 16px 0;
    line-height: 1.2;
}

.lk-sc-desc {
    font-size: 16px;
    color: var(--lk-cream);
    line-height: 1.6;
    margin-bottom: 40px;
}

.lk-sc-meta-wrap {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Progress Bar & Numbers */
.lk-sc-status {
    width: 100%;
    max-width: none;
}

.lk-sc-status-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 12px;
}

.lk-sc-status-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--lk-mid);
    text-transform: uppercase;
}

.lk-sc-status-numbers {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 8px;
}

.lk-sc-stroke-num {
    font-family: 'Oswald', sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--cat-color);
    text-transform: uppercase;
}

.lk-sc-stroke-total {
    display: none; /* Сега целиот текст е во lk-sc-stroke-num */
}

.lk-sc-progress {
    height: 4px;
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}

.lk-sc-progress-fill {
    height: 100%;
    background: var(--cat-color); 
    border-radius: 4px;
    transition: width 1s ease;
}

/* Age Badge */
.lk-sc-age {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--lk-border2);
    border-radius: 8px;
    padding: 12px 20px;
    width: fit-content;
}

.lk-sc-age-icon {
    color: var(--cat-color); 
    display: flex;
    align-items: center;
}

.lk-sc-age-info strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--lk-cream);
    margin-bottom: 4px;
}

.lk-sc-age-info span {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--lk-dim);
    text-transform: uppercase;
}

/* Right Box (Што ќе научите) */
.lk-sc-learn-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--lk-border2);
    border-radius: 16px;
    padding: 40px;
    width: 100%;
    max-width: 480px;
    backdrop-filter: blur(10px);
}

.lk-sc-learn-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--lk-cream);
    margin: 0 0 24px 0;
}

.lk-sc-learn-title svg {
    color: var(--cat-color); /* Обоена икона */
}

.lk-sc-learn-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lk-sc-learn-list li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: var(--lk-cream); /* Текстот го направивме бел за да се чита убаво */
    line-height: 1.5;
}

/* Точката од листата ја боиме во главната боја на серијата */
.lk-sc-learn-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    background-color: var(--cat-color); 
    border-radius: 50%;
}

/* Responsive */
@media (max-width: 1024px) {
    .lk-sc-hero-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    .lk-sc-hero-right {
        justify-content: flex-start;
        width: 100%;
    }
    .lk-sc-learn-box {
        max-width: 100%;
    }
}

/* ============================================================
   ФАЗА 12 — SINGLE CATEGORY ЛЕКЦИИ (GRID & PAGINATION)
============================================================ */
/* Суптилна Патерна за Позадина */
.lk-pattern-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.5; /* Malka korekcija na vidlivost */
    background-image: radial-gradient(rgba(255, 255, 255, 0.25) 2px, transparent 2px); /* 2px tochki */
    background-size: 32px 32px;
    pointer-events: none;
    /* Magija za gubenje kon centarot */
    -webkit-mask-image: radial-gradient(ellipse at center, transparent 15%, black 80%);
    mask-image: radial-gradient(ellipse at center, transparent 15%, black 80%);
}

.lk-lesson-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.lk-lesson-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--lk-bg3);
    border: 1px solid var(--lk-border2);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    min-height: 320px;
    transition: all 0.3s ease;
}

.lk-lesson-card:hover {
    transform: translateY(-5px);
    border-color: var(--cat-color);
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.lk-lc-bg {
    position: absolute;
    top: 0; left: 0; right: 0; height: 200px;
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    transition: opacity 0.4s ease;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, transparent 100%);
}

.lk-lesson-card:hover .lk-lc-bg { opacity: 0.4; }

.lk-lc-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 0%, var(--lk-bg3) 180px);
    z-index: 1;
}

.lk-lc-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 32px;
    height: 100%;
    flex: 1;
}

.lk-lc-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

/* КОМБИНИРАН ДИЗАЈН НА БРОЈКАТА (Круг + Банер Текст) */
.lk-lc-num-circle {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(7, 11, 16, 0.6); /* Temno staklo */
    border: 1px solid rgba(255,255,255,0.15); /* Poostar rab */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
    backdrop-filter: blur(8px); /* Premium glass efekt */
}

.lk-lc-num-text {
    font-family: 'Oswald', sans-serif;
    font-size: 32px; /* Pogolema бројка */
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(255,255,255,0.4); /* Povidliva na normal */
    transition: all 0.3s ease;
    transform: translateY(1px);
}

/* Ефекти на Hover */
.lk-lesson-card:hover .lk-lc-num-circle {
    background: rgba(var(--cat-color-rgb), 0.15);
    border-color: var(--cat-color);
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(var(--cat-color-rgb), 0.3);
}

.lk-lesson-card:hover .lk-lc-num-text {
    -webkit-text-stroke: 1.5px var(--cat-color);
}

.lk-lc-badge {
    background: linear-gradient(90deg, #e63946, #ff006e);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(230,57,70,0.3);
}

.lk-lc-main { flex: 1; }

.lk-lc-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--lk-cream);
    margin: 0 0 12px 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lk-lc-excerpt {
    font-size: 14px;
    color: var(--lk-mid);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lk-lc-footer {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.lk-lc-read-btn {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--lk-mid);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
}

.lk-lesson-card:hover .lk-lc-read-btn { color: var(--cat-color); }

/* --- STYLES FOR READ STATE (PROCHITANO) --- */
.lk-lesson-card.is-read {
    border-color: rgba(16, 185, 129, 0.4);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.05) 0%, var(--lk-bg3) 100%);
}

.lk-lesson-card.is-read:hover {
    border-color: #10b981;
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);
}

.lk-lesson-card.is-read .lk-lc-num-circle {
    border-color: rgba(16, 185, 129, 0.4);
}

.lk-lesson-card.is-read .lk-lc-num-text {
    -webkit-text-stroke: 1.5px rgba(16, 185, 129, 0.5);
}

.lk-lesson-card.is-read:hover .lk-lc-num-text {
    -webkit-text-stroke: 1.5px #10b981;
}

.lk-lc-badges-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lk-lc-badge-read {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.3);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.1);
}

@media (max-width: 1024px) {
    .lk-sc-hero-inner { flex-direction: column; align-items: flex-start; gap: 40px; }
    .lk-sc-hero-right { justify-content: flex-start; width: 100%; }
    .lk-sc-learn-box { max-width: 100%; }
    .lk-lesson-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .lk-lesson-grid { grid-template-columns: 1fr; }
}