.shot-info > .btn-outline,.shot-info > .btn-outline:hover{
	cursor: context-menu;
	background: transparent;
}
.sidebar-block > .btn-outline,.sidebar-block > .btn-outline:hover{
	cursor: context-menu;
	background: transparent;
}
.btn-outline i:first-child {
	font-size:20px;
}
input.error, textarea.error, input.error:focus, textarea.error:focus {
	box-shadow: inset 0px 0px 10px 2px #f88596;
}
label.error, label.error:focus{
	color: #f88596;
	font-size: 20px;
}
input.valid, textarea.valid, input.valid:focus, textarea.valid:focus {
	box-shadow: inset 0px 0px 10px 2px #3aa99e;
}
label.valid,label.valid:focus{
	color: #3aa99e;
	font-size: 20px;
}
/* Header UX — see .cursor/rules/mobile-first-header.mdc
   Desktop: PONUDI dugme + ikone u traci; + ikonica sakrivena.
   Mobile (≤991px): samo + ikonica; PONUDI tekst sakriven.
   Jezik: avatar dropdown + footer — ne u traci akcija ni glavnoj navigaciji. */
.szd-navbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.szd-nav-add {
	margin-right: 4px;
	white-space: nowrap;
}
.szd-nav-add-icon {
	display: none !important;
}
@media (max-width: 991px) {
	.szd-nav-add,
	.szd-navbar-actions .szd-nav-add.btn {
		display: none !important;
	}
	.szd-nav-add-icon {
		display: inline-flex !important;
	}
}
@media (min-width: 992px) {
	.szd-nav-add-icon {
		display: none !important;
	}
}

.szd-lang-switch {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: var(--szd-font-size-xs);
	font-weight: 600;
}
.szd-lang-switch a {
	color: var(--szd-text-muted, #818a91);
	padding: 4px 6px;
	text-decoration: none;
}
.szd-lang-switch a.active,
.szd-lang-switch a:hover {
	color: var(--szd-primary, #f88596);
}
.szd-lang-sep {
	color: var(--szd-border, #e8ecef);
	font-size: var(--szd-font-size-xs);
}
.szd-lang-switch--dropdown a {
	padding: 4px 8px;
	border-radius: var(--szd-radius-sm, 6px);
	font-size: 12px;
}
.szd-lang-switch--dropdown a.active {
	background: rgba(248, 133, 150, 0.12);
}
.user-account .dropdown-menu li.szd-dropdown-lang {
	padding: 0;
}
.user-account .dropdown-menu .szd-dropdown-lang__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 16px;
	min-height: 44px;
}
.user-account .dropdown-menu .szd-dropdown-lang__label {
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text, #333);
	white-space: nowrap;
}
.szd-lang-switch--footer {
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.szd-footer-lang {
	margin: 0;
}

.szd-logout-form-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.user-account .dropdown-menu li.divider {
	margin: 6px 8px;
	border-top: 1px solid var(--szd-border, #e8ecef);
	height: 0;
	padding: 0;
}

.user-account .dropdown-menu li > a.szd-logout-trigger {
	color: #c0392b;
}

.user-account .dropdown-menu li > a.szd-logout-trigger:hover {
	color: #a93226;
}

/* Touch / Bootstrap dropdown, theme only uses :hover */
.user-account.open .dropdown-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

@media (max-width: 991px) {
	.user-account .dropdown-menu {
		right: 0;
		left: auto;
		min-width: 220px;
		max-width: min(320px, calc(100vw - 24px));
		z-index: 1100;
		margin-top: 6px;
	}
}

/* Subnav (panel) */
.szd-subnav {
	margin-bottom: 24px;
}
.szd-subnav .link-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
}
.szd-subnav .link-list li {
	margin: 0;
}

@media (max-width: 767px) {
	.szd-subnav .link-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}

	.szd-subnav .link-list li {
		flex-shrink: 0;
	}
}

/* Filter form */
.szd-filter-card {
	margin-bottom: 20px;
}
.szd-filter-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
	align-items: flex-end;
}
.szd-filter-form .form-group {
	margin: 0;
	min-width: 120px;
}
.szd-filter-form label {
	display: block;
	font-size: var(--szd-font-size-xs);
	margin-bottom: 4px;
	color: #666;
}
.szd-filter-actions {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* Admin layout */
.szd-admin-layout {
	margin-top: 10px;
}
.szd-admin-nav {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	padding: 8px 0;
	margin-bottom: 20px;
}
.szd-admin-nav-group {
	border-bottom: 1px solid #f0f0f0;
}
.szd-admin-nav-group:last-child {
	border-bottom: 0;
}
.szd-admin-nav-group-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 12px 14px;
	border: 0;
	background: transparent;
	color: #333;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
.szd-admin-nav-group-toggle:hover,
.szd-admin-nav-group-toggle:focus-visible {
	background: #f8f8f8;
	color: #2a9d8f;
}
.szd-admin-nav-group-toggle__label {
	min-width: 0;
}
.szd-admin-nav-group-toggle__meta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
.szd-admin-nav-group-toggle__chevron {
	font-size: 12px;
	transition: transform 0.2s ease;
}
.szd-admin-nav-group.is-open .szd-admin-nav-group-toggle__chevron {
	transform: rotate(180deg);
}
.szd-admin-nav-group .szd-admin-nav-list {
	display: none;
	padding: 0 8px 10px;
}
.szd-admin-nav-group.is-open .szd-admin-nav-list {
	display: block;
}
.szd-admin-nav-single {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-bottom: 1px solid #f0f0f0;
	color: #333;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.szd-admin-nav-single:last-child {
	border-bottom: 0;
}
.szd-admin-nav-single:hover,
.szd-admin-nav-single.is-active {
	background: #f0faf9;
	color: #2a9d8f;
	text-decoration: none;
}
.szd-admin-nav-single__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.szd-admin-nav-single__label i {
	width: 18px;
	text-align: center;
	opacity: 0.75;
}
.szd-admin-nav-single.is-active .szd-admin-nav-single__label i {
	opacity: 1;
}
.szd-admin-nav-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #888;
	margin: 0 0 8px;
	padding: 0 8px;
}
.szd-admin-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szd-admin-nav-list li {
	margin: 0;
}
.szd-admin-nav-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	border-radius: 4px;
	color: #444;
	text-decoration: none;
}
.szd-admin-nav-list a:hover,
.szd-admin-nav-list a.active {
	background: #f0faf9;
	color: #2a9d8f;
}
.szd-badge {
	display: inline-block;
	min-width: 20px;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	border-radius: 10px;
	background: #e74c3c;
	color: #fff;
}
.szd-badge-light {
	background: #fff;
	color: #2a9d8f;
	border: 1px solid rgba(255,255,255,0.6);
}
.szd-admin-content .card {
	margin-bottom: 20px;
}
.szd-dashboard-stats .szd-stat-card h3 {
	margin: 0 0 4px;
	font-size: 28px;
}
.szd-quick-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.szd-quick-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.szd-admin-actions {
	min-width: 220px;
}
.szd-admin-actions .btn,
.szd-admin-actions .szd-inline-form {
	margin: 2px 4px 2px 0;
}
.szd-inline-form {
	display: inline-block;
	vertical-align: middle;
	margin: 2px 4px 2px 0;
}
.szd-inline-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
@media (max-width: 767px) {
	.szd-admin-shell .szd-admin-nav {
		max-height: 280px;
		overflow-y: auto;
	}
	.szd-filter-form .form-group {
		width: 100%;
	}
	.szd-filter-form .form-control {
		width: 100%;
	}
}

/* Auth page */
.szd-auth-page .section-header {
	margin-bottom: 10px;
}
.szd-auth-page .section-header h1 {
	margin-bottom: 8px;
}
.szd-card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.szd-form-card-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.szd-auth-divider {
	margin: 15px 0;
}
.szd-auth-resend {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}
.szd-auth-switch {
	margin-top: 16px;
	margin-bottom: 0;
}

/* Admin toolbar & filters */
.szd-admin-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}
.szd-admin-filter-card {
	margin-bottom: 16px;
}
.szd-admin-filter-form,
.szd-admin-bulk-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-end;
}
.szd-admin-filter-form .form-group,
.szd-admin-bulk-form .form-group {
	margin: 0;
	min-width: 140px;
}
.szd-admin-filter-form label {
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
	color: #666;
}
.szd-admin-bulk-bar {
	margin-bottom: 12px;
}

.szd-related-posts {
	padding-top: 40px;
}

/* ==========================================================================
   Modern responsive layer (2026), overrides only, app.min.css unchanged
   ========================================================================== */

:root {
	--szd-primary: #f88596;
	--szd-primary-dark: #e66d80;
	--szd-accent: #3aa99e;
	--szd-teal: #2a9d8f;
	--szd-text: #3d4348;
	--szd-text-muted: #818a91;
	--szd-border: #e8ecef;
	--szd-surface: #ffffff;
	--szd-surface-muted: #f7f9fa;
	--szd-danger: #dc3545;
	--szd-success: #28a745;
	--szd-warning: #e8a317;
	--szd-radius: 10px;
	--szd-radius-sm: 6px;
	--szd-radius-pill: 999px;
	--szd-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
	--szd-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
	--szd-shadow-hover: 0 10px 28px rgba(15, 23, 42, 0.12);
	--szd-font: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--szd-font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--szd-font-weight-regular: 400;
	--szd-font-weight-medium: 600;
	--szd-font-weight-bold: 700;
	/* Fraunces: softer optical size + no wonk = warm community tone, not quirky editorial */
	--szd-font-display-variation: "SOFT" 100, "WONK" 0;
	/* Bootstrap 3 (app.min.css) sets html { font-size: 10px }. rem = 10px base.
	   Use --szd-font-size-* px tokens for all custom UI copy; avoid bare rem. */
	--szd-rem-base: 10px;
	--szd-font-size-overline: 12px;
	--szd-font-size-breadcrumb: 14px;
	--szd-font-size-xs: 13px;
	--szd-font-size-sm: 14px;
	--szd-font-size-base: 15px;
	--szd-font-size-lg: 17px;
	--szd-font-size-xl: 20px;
	--szd-font-size-h1: clamp(22px, 4vw, 32px);
	--szd-font-size-h2: clamp(20px, 3.5vw, 28px);
	--szd-font-size-h3: clamp(18px, 3vw, 24px);
	--szd-font-size-price: clamp(20px, 3vw, 26px);
	--szd-line-height: 1.5;
	--szd-line-height-tight: 1.35;
	--szd-line-height-heading: 1.25;
	--szd-transition: 0.2s ease;
	--szd-container-pad: clamp(12px, 3vw, 15px);
	--szd-space-1: 4px;
	--szd-space-2: 8px;
	--szd-space-3: 12px;
	--szd-space-4: 16px;
	--szd-space-5: 24px;
	--szd-space-6: 32px;
	--szd-space-7: 48px;
	--szd-btn-min-h: 44px;
	--szd-input-min-h: 44px;
}

html {
	scroll-behavior: smooth;
	/* font-size: 10px from Bootstrap — see --szd-rem-base */
}

body {
	font-family: var(--szd-font);
	font-size: var(--szd-font-size-base);
	font-weight: var(--szd-font-weight-regular);
	line-height: var(--szd-line-height);
	color: var(--szd-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* Typography lock — overrides Shot theme (Open Sans / Montserrat / Raleway) site-wide */
button,
input,
select,
textarea,
.btn,
.form-control,
.navbar,
.navbar a,
.nav-menu,
.nav-menu a,
.dropdown-menu,
.dropdown-menu a,
.site-footer,
.site-footer p,
.site-footer a,
.site-footer li,
.page-links,
.page-links a,
.shot,
.shot-info,
.shot-info a,
.card,
.card-block,
.card-footer,
.profile-head,
.profile-head p,
.comment-form,
.table,
.alert,
.list-group,
.list-group-item,
.pagination,
.pagination a,
.bootstrap-select,
.modal,
.modal-body,
.panel,
.well,
.szd-breadcrumb,
.szd-filter-form,
.szd-panel-shell,
.szd-admin-shell,
.dropzone,
.dropify-wrapper {
	font-family: var(--szd-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-header h1,
.section-header h2,
.section-header h3,
.szd-post-hero__title,
.szd-section-heading__title,
.szd-vision-hero__title,
.page-title,
.page-title h1,
.page-title h2 {
	font-family: var(--szd-font-display);
	font-variation-settings: var(--szd-font-display-variation);
	text-wrap: balance;
}

.section-header span,
.section-header--compact span,
.szd-section-heading__label,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.nav-menu > li > a,
.szd-buybox__price {
	font-family: var(--szd-font);
}

.szd-buybox__price {
	font-variant-numeric: tabular-nums;
	font-weight: var(--szd-font-weight-bold);
}

p,
.form-control,
textarea.form-control,
select.form-control,
.btn,
.alert,
.help-block,
.list-group-item {
	font-size: var(--szd-font-size-base);
	line-height: var(--szd-line-height);
}

.text-muted,
.help-block {
	font-size: var(--szd-font-size-sm);
}

small,
.small,
.text-muted.small,
small.text-muted {
	font-size: var(--szd-font-size-sm);
	line-height: var(--szd-line-height);
}

.alert {
	font-size: var(--szd-font-size-sm);
	line-height: var(--szd-line-height);
	padding: 12px 14px;
}

.sidebar-block h6,
.shot-sidebar .sidebar-block h6 {
	font-size: var(--szd-font-size-xs);
	letter-spacing: 0.05em;
}

.card-block,
.card .table {
	font-size: var(--szd-font-size-base);
}

img {
	max-width: 100%;
	height: auto;
}

/* Layout rhythm — horizontal gutter on .container / .szd-page-wrap only.
   Theme (app.min.css @767px) zeros section > .container padding; restore it here. */
section {
	padding-top: clamp(32px, 6vw, 56px);
	padding-bottom: clamp(32px, 6vw, 56px);
	padding-left: 0;
	padding-right: 0;
}

section section {
	padding-top: 0;
	padding-bottom: 0;
}

.section-sm {
	padding-top: clamp(24px, 4vw, 40px);
	padding-bottom: clamp(24px, 4vw, 40px);
}

.container,
.szd-page-wrap,
section > .container,
header.site-header > .container,
.site-footer > .container {
	padding-left: var(--szd-container-pad);
	padding-right: var(--szd-container-pad);
}

/* Section headers, include h1 used on listing/single pages */
.section-header h1,
.section-header h2,
.section-header h3 {
	font-family: var(--szd-font-display);
	color: var(--szd-text);
}

.section-header h1 {
	font-size: var(--szd-font-size-h1);
	line-height: var(--szd-line-height-heading);
	margin-bottom: 0.5rem;
}

.section-header h2 {
	font-size: var(--szd-font-size-h2);
	line-height: var(--szd-line-height-heading);
}

.section-header h3 {
	font-size: var(--szd-font-size-h3);
	line-height: var(--szd-line-height-heading);
}

.section-header span {
	font-size: var(--szd-font-size-overline);
	letter-spacing: 0.08em;
}

.section-header p {
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
}

.section-header--compact {
	margin-bottom: clamp(24px, 4vw, 36px);
}

.section-header--compact span {
	display: block;
	font-size: var(--szd-font-size-overline);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
}

.section-header--compact p {
	font-size: var(--szd-font-size-sm);
}

.section-header h1::after,
.section-header h2::after,
.section-header h3::after {
	background-color: var(--szd-primary);
	opacity: 0.85;
}

.section-header--compact h1,
.section-header--compact h2,
.section-header--compact h3 {
	margin-bottom: 0.35rem;
}

.section-header--compact h1::after,
.section-header--compact h2::after,
.section-header--compact h3::after {
	display: none;
}

.section-header--compact span + h1,
.section-header--compact span + h2,
.section-header--compact span + h3 {
	margin-top: 8px;
}

/* Navbar */
.sticky-nav .navbar {
	box-shadow: var(--szd-shadow-sm);
	transition: box-shadow var(--szd-transition), background-color var(--szd-transition);
}

.sticky-nav.body-scrolled .navbar {
	box-shadow: var(--szd-shadow);
}

.navbar .logo img {
	width: auto;
}

.szd-nav-add.btn {
	border-radius: 999px;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.navbar > .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-height: 56px;
		padding-top: 6px;
		padding-bottom: 6px;
		position: relative;
	}

	.navbar .pull-left,
	.navbar .pull-right {
		float: none !important;
	}

	.navbar .pull-left {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		min-width: 0;
		gap: 8px;
		padding-right: 0;
		min-height: auto;
	}

	.navbar .logo {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
	}

	.navbar .logo a {
		display: block;
		max-width: 100%;
	}

	.navbar .logo img {
		max-height: 42px;
	}

	.navbar .pull-right.szd-navbar-actions {
		position: static;
		flex: 0 0 auto;
		height: auto;
		gap: 0;
	}

	.navbar .navbar-toggle {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.navbar .btn-navbar,
	.navbar .szd-nav-add-icon,
	.user-account .dropdown-toggle {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.szd-nav-desktop-only {
		display: none !important;
	}

	.szd-nav-mobile-only {
		display: block;
	}

	.navbar .nav-menu > li > a {
		padding: 12px 16px;
		font-size: 15px;
	}

	.navbar .nav-menu > li.szd-nav-mobile-divider {
		margin: 8px 16px 0;
		padding: 0;
		height: 0;
		border-top: 1px solid var(--szd-border, #e8ecef);
	}

	.navbar .nav-menu .szd-nav-mobile-label {
		display: block;
		padding: 10px 16px 4px;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--szd-text-muted, #818a91);
	}

	.navbar .nav-menu .szd-nav-mobile-badge {
		float: right;
		min-width: 20px;
		height: 20px;
		padding: 0 6px;
		border-radius: 999px;
		background: #e74c3c;
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		line-height: 20px;
		text-align: center;
	}

	.navbar .nav-menu .szd-nav-mobile-cta {
		color: var(--szd-primary, #f88596);
		font-weight: 600;
	}

	/* Categories submenu, tap toggles on small screens */
	.navbar .nav-menu > li.szd-nav-expanded > ul,
	.navbar .nav-menu > li.szd-nav-has-sub > ul {
		max-height: none;
	}

	.navbar .nav-menu > li.szd-nav-has-sub:not(.szd-nav-expanded) > ul {
		display: none;
	}

	.navbar .nav-menu .szd-nav-dropdown::after {
		content: "\e649";
		font-family: themify;
		float: right;
		font-size: 12px;
		opacity: 0.5;
	}

	.navbar .nav-menu > li.szd-nav-expanded .szd-nav-dropdown::after {
		transform: rotate(180deg);
	}
}

@media (min-width: 992px) {
	.szd-nav-mobile-only {
		display: none !important;
	}

	.navbar > .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.navbar .pull-left,
	.navbar .pull-right {
		float: none !important;
	}

	.navbar .pull-left {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		min-width: 0;
	}

	.navbar .logo {
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	.navbar .logo a {
		display: flex;
		align-items: center;
		line-height: 0;
	}

	.navbar .logo img {
		max-height: none;
		height: 54px;
		display: block;
		transition: height .2s linear;
	}

	.navbar .nav-menu {
		margin-left: 32px;
		white-space: nowrap;
	}

	.navbar .nav-menu > li > a {
		line-height: 100px;
		transition: line-height .2s linear;
	}

	.navbar .user-account .dropdown-toggle {
		line-height: 100px;
		transition: line-height .2s linear;
	}

	.sticky-nav {
		padding-top: 100px;
		transition: padding-top .3s linear;
	}

	.sticky-nav.body-scrolled .navbar .logo img {
		height: 42px;
	}

	.sticky-nav.body-scrolled .navbar .nav-menu > li > a,
	.sticky-nav.body-scrolled .navbar .user-account .dropdown-toggle {
		line-height: 60px;
	}

	.sticky-nav.body-scrolled {
		padding-top: 60px;
	}

	.navbar .btn-navbar:not(.szd-nav-add-icon) {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		width: auto;
		height: auto;
		line-height: 1;
	}
}

.szd-user-avatar-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.szd-user-avatar-badge {
	position: absolute;
	top: 4px;
	right: 0;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #e74c3c;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
}

@media (min-width: 992px) {
	.szd-user-avatar-badge {
		display: none;
	}
}

@media (max-width: 480px) {
	.navbar .logo img {
		max-height: 34px;
	}

	.user-account .dropdown-toggle img {
		width: 34px;
		height: 34px;
	}
}

/* Hero */
.szd-home-hero {
	position: relative;
	overflow: hidden;
}
.szd-hero-media-wrap,
.szd-hero-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.szd-hero-media {
	object-fit: cover;
	object-position: center;
}
.szd-home-hero .container {
	position: relative;
	z-index: 2;
}
.szd-home-hero.overlay-black::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	z-index: 1;
	pointer-events: none;
}

.szd-home-hero--no-featured .szd-home-hero__actions {
	margin-bottom: 0;
}
.szd-hero.site-header {
	padding: clamp(48px, 10vw, 120px) 0;
}

.szd-hero .header-slider-wrapper {
	margin-top: 24px;
	opacity: 1;
	background-color: #fff;
	padding: clamp(12px, 3vw, 20px);
	border-radius: var(--szd-radius, 12px);
	box-shadow: var(--szd-shadow, 0 12px 40px rgba(0, 0, 0, 0.18));
}

.szd-hero .header-slider-wrapper:hover {
	opacity: 1;
}

.szd-hero .header-shot-slider img {
	border-radius: var(--szd-radius);
	box-shadow: none;
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}

@media (max-width: 767px) {
	.site-header.bg-fixed,
	.szd-stats-section.bg-fixed {
		background-attachment: scroll !important;
	}

	.szd-hero .header-slider-wrapper {
		margin-top: 20px;
		padding: 0 4px;
	}
}

/* Stats strip */
.szd-stats-section .counter {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.szd-stats-section .counter {
		margin-bottom: 28px;
	}
}

/* Cards */
.card {
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	box-shadow: var(--szd-shadow-sm);
	overflow: hidden;
}

.card-block {
	padding: clamp(16px, 3vw, 24px);
}

.szd-filter-card,
.szd-admin-filter-card {
	border-radius: var(--szd-radius);
}

/* Listing cards */
.shot {
	border-radius: var(--szd-radius);
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	margin-top: 12px;
	margin-bottom: 12px;
	transition: transform var(--szd-transition), box-shadow var(--szd-transition);
}

.shot:hover {
	transform: translateY(-2px);
	box-shadow: var(--szd-shadow-hover);
}

.shot-preview .img {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	width: 100%;
	background: var(--szd-surface-muted);
	line-height: 0;
}

.shot-preview .img picture {
	position: absolute;
	inset: 0;
	display: block;
}

.shot-preview .img img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
	opacity: 1;
}

.shot.shot-small .shot-info {
	padding: 14px 16px 16px;
}

.shot.shot-small .shot-info > .btn-outline {
	border-radius: var(--szd-radius-sm);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.4;
	padding: 8px 12px;
	margin-bottom: 10px;
}

.shot.shot-small .shot-info > br {
	display: none;
}

.shot.shot-small .shot-info img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 8px;
	vertical-align: middle;
}

.shot.shot-small .shot-info h6 {
	font-size: 15px;
	line-height: 1.35;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.shot.shot-small .shot-info p {
	font-size: 13px;
	line-height: 1.45;
	color: var(--szd-text-muted);
}

/* Grid listing (all posts) */
.shot.shot-minimal .shot-detail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px 12px;
}

.shot.shot-minimal .shot-info h6,
.shot.shot-minimal .shot-info p,
.shot.shot-minimal .shot-info > time {
	max-width: none;
	flex: 1 1 auto;
	min-width: 0;
}

.shot.shot-minimal .shot-info p {
	font-size: var(--szd-font-size-xs);
	margin: 0;
}

.shot.shot-minimal .shot-stats {
	flex-shrink: 0;
}

/* Page tabs */
.page-links {
	border-radius: 0;
}

.page-links .link-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 8px;
}

.page-links .link-list a {
	border-radius: 999px;
	padding: 8px 18px;
	font-weight: 600;
	font-size: 13px;
	transition: background-color var(--szd-transition), color var(--szd-transition);
}

.page-links .link-list a.active {
	background: rgba(58, 169, 158, 0.12);
	color: var(--szd-accent);
}

@media (max-width: 767px) {
	.page-links {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 12px;
	}

	.page-links .link-list {
		flex-wrap: nowrap;
		justify-content: flex-start;
		min-width: min-content;
		padding-bottom: 4px;
	}

	.page-links .link-list li {
		flex-shrink: 0;
	}
}

/* Filters */
.szd-filter-form {
	background: var(--szd-surface-muted);
	border-radius: var(--szd-radius-sm);
	padding: 12px;
}

.szd-filter-form .form-control {
	border-radius: var(--szd-radius-sm);
	border-color: var(--szd-border);
}

.szd-filter-form .form-control:focus {
	border-color: var(--szd-accent);
	box-shadow: 0 0 0 3px rgba(58, 169, 158, 0.15);
}

@media (max-width: 767px) {
	.szd-filter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.szd-filter-form .form-group,
	.szd-filter-actions {
		width: 100%;
	}

	.szd-filter-actions {
		justify-content: stretch;
	}

	.szd-filter-actions .btn {
		flex: 1;
	}
}

/* Pagination — minimal: brojevi + strelice, bez grupisanog box-a */
.pagination {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	margin: 24px 0 8px;
	padding: 0;
	list-style: none;
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.pagination > li {
	display: inline-block;
	float: none;
}

.pagination > li > a,
.pagination > li > span {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: var(--szd-radius-sm) !important;
	min-width: 40px;
	text-align: center;
	padding: 8px 12px;
	color: var(--szd-text, #606873);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--szd-accent);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
	background-color: var(--szd-accent) !important;
	border-color: var(--szd-accent) !important;
	color: #fff !important;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--szd-color-muted, #9ca3af);
	opacity: 0.55;
	cursor: default;
}

/* Buttons */
.btn {
	border-radius: var(--szd-radius-sm);
	transition: background-color var(--szd-transition), transform var(--szd-transition), box-shadow var(--szd-transition);
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--szd-primary-dark);
	border-color: var(--szd-primary-dark) !important;
}

.btn:active {
	transform: translateY(1px);
}

/* Single post */
.shot-sidebar .sidebar-block {
	border-bottom-color: var(--szd-border);
	padding-bottom: 28px;
	margin-bottom: 28px;
}

.shot-sidebar .sidebar-block .btn-outline {
	border-radius: var(--szd-radius-sm);
	padding: 14px 12px;
}

.single-shot-stats li a,
.single-shot-stats li span {
	font-size: 15px;
}

@media (max-width: 991px) {
	.shot-sidebar {
		margin-top: 8px;
		margin-bottom: 24px;
	}

	.shot-sidebar .sidebar-block:first-child {
		margin-top: 0;
	}
}

/* User widgets */
.user-widget-mini {
	border-radius: var(--szd-radius);
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	height: calc(100% - 24px);
}

.user-widget-mini img {
	width: 88px;
	height: 88px;
	object-fit: cover;
}

/* Footer */
.site-footer.szd-footer {
	background: var(--szd-surface-muted);
	border-top: 3px solid var(--szd-primary);
	padding: 0;
}

.szd-footer__main {
	padding: 48px 0 40px;
}

.szd-footer__grid > [class*="col-"] {
	margin-bottom: 28px;
}

.szd-footer__logo {
	display: inline-block;
	margin-bottom: 14px;
}

.szd-footer__logo img {
	display: block;
	height: 36px;
	width: auto;
	max-width: 100%;
}

.szd-footer__tagline {
	margin: 0 0 18px;
	max-width: 28em;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-sm);
	line-height: 1.55;
}

.szd-footer__heading {
	margin: 0 0 14px;
	color: var(--szd-text);
	font-size: var(--szd-font-size-overline);
	font-weight: var(--szd-font-weight-medium);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.site-footer.szd-footer .szd-footer__heading {
	color: var(--szd-text);
	font-family: var(--szd-font);
}

.szd-footer-links {
	margin: 0;
}

.szd-footer-links li + li {
	margin-top: 2px;
}

.szd-footer-links a {
	display: inline-block;
	margin-right: 0;
	line-height: 1.65;
	padding: 2px 0;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-sm);
	transition: color 0.15s ease;
}

.szd-footer-links a:hover,
.szd-footer-links a:focus {
	color: var(--szd-primary-dark);
	text-decoration: none;
}

.szd-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.szd-footer-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--szd-radius-pill);
	border: 1px solid var(--szd-border);
	background: var(--szd-surface);
	color: var(--szd-text-muted);
	font-size: 15px;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

.szd-footer-social__link:hover,
.szd-footer-social__link:focus {
	color: #fff;
	border-color: transparent;
	text-decoration: none;
	transform: translateY(-1px);
}

.szd-footer-social__link--facebook:hover,
.szd-footer-social__link--facebook:focus {
	background: #1877f2;
}

.szd-footer-social__link--instagram:hover,
.szd-footer-social__link--instagram:focus {
	background: #e4405f;
}

.szd-footer-social__link--twitter:hover,
.szd-footer-social__link--twitter:focus {
	background: #1da1f2;
}

.szd-footer__newsletter-desc {
	margin: 0 0 14px;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-sm);
	line-height: 1.5;
}

.szd-footer-newsletter__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.szd-footer-newsletter__fields .form-control {
	flex: 1 1 180px;
	min-width: 0;
	margin-bottom: 0;
	height: 42px;
	border-radius: var(--szd-radius-sm);
	border-color: var(--szd-border);
	box-shadow: none;
}

.szd-footer-newsletter__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 auto;
	height: 42px;
	padding: 0 16px;
	border-radius: var(--szd-radius-sm);
	white-space: nowrap;
}

.szd-footer__bar {
	border-top: 1px solid var(--szd-border);
	background: rgba(255, 255, 255, 0.72);
}

.szd-footer__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 16px 0;
}

.szd-footer__bar .copyright-text {
	margin: 0;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-xs);
}

.szd-footer__hosting-credit {
	margin: 0;
	padding: 0 0 4px;
	text-align: center;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-xs);
	opacity: 0.85;
}

.szd-footer__hosting-credit a {
	color: var(--szd-text-muted);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.szd-footer__hosting-credit a:hover,
.szd-footer__hosting-credit a:focus {
	color: var(--szd-primary-dark);
	border-bottom-color: var(--szd-primary-dark);
	text-decoration: none;
}

.szd-footer-lang {
	margin: 0;
}

.site-footer {
	background: var(--szd-surface-muted);
}

.site-footer .form-control {
	border-radius: var(--szd-radius-sm);
}

.site-footer .btn-block {
	border-radius: var(--szd-radius-sm);
}

@media (max-width: 767px) {
	.szd-footer__main {
		padding: 36px 0 28px;
	}

	.szd-footer__grid > [class*="col-"]:last-child {
		margin-bottom: 0;
	}

	.szd-footer__bar-inner {
		justify-content: center;
		text-align: center;
	}

	.szd-footer-newsletter__submit {
		width: 100%;
	}

	.site-footer .footer-links {
		padding-left: 0;
	}

	.site-footer .social-icons li {
		margin: 0 6px;
	}
}

@media (min-width: 992px) {
	.szd-footer__newsletter {
		padding-left: 12px;
	}
}

/* Auth */
.szd-auth-page .card {
	max-width: 100%;
}

.szd-auth-page .form-control {
	border-radius: var(--szd-radius-sm);
}

.szd-auth-page .form-control:focus {
	border-color: var(--szd-accent);
	box-shadow: 0 0 0 3px rgba(58, 169, 158, 0.12);
}

/* Forms global focus */
.form-control:focus {
	border-color: var(--szd-accent);
	box-shadow: 0 0 0 3px rgba(58, 169, 158, 0.12);
}

/* Search overlay — markup uses type=search; theme styles only type=text */
.search-screen {
	z-index: 10050;
}
.search-closer {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 10051;
}
.search-form {
	left: 0;
	right: 0;
	padding-left: var(--szd-container-pad);
	padding-right: var(--szd-container-pad);
	box-sizing: border-box;
}
.search-form input[type="search"],
.search-form input[type="text"] {
	font-family: var(--szd-font-display);
	font-size: clamp(22px, 5vw, 48px);
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-align: center;
	display: block;
	width: min(720px, 100%);
	max-width: 100%;
	margin: 0 auto;
	padding: 12px 4px;
	border: none;
	border-bottom: 2px solid var(--szd-border);
	border-radius: 0;
	background-color: transparent;
	color: var(--szd-text);
	transition: border-color var(--szd-transition);
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.search-form input[type="search"]::placeholder,
.search-form input[type="text"]::placeholder {
	color: var(--szd-text-muted);
	font-weight: 400;
}
.search-form input[type="search"]:focus,
.search-form input[type="text"]:focus {
	border-bottom-color: var(--szd-accent);
}
.search-form input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
@media (max-width: 767px) {
	.search-form {
		top: 42%;
	}
	.search-form input[type="search"],
	.search-form input[type="text"] {
		font-size: clamp(18px, 5vw, 26px);
		font-weight: 500;
	}
	.search-closer {
		top: 12px;
		right: var(--szd-container-pad);
	}
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-control:focus-visible {
	outline: 2px solid var(--szd-accent);
	outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.shot,
	.btn,
	.shot-preview .img img,
	.szd-card:hover .shot-preview .img img {
		transition: none;
	}

	.shot:hover,
	.szd-card:hover {
		transform: none;
	}
}

/* Mobile offcanvas, theme uses body.offcanvas-show (app.js); do not override slide logic */
@media (max-width: 991px) {
	body.offcanvas-show {
		overflow: hidden;
	}

	.navbar-toggle {
		position: relative;
		z-index: 1050;
	}

	.navbar .nav-menu > li > ul {
		background: var(--szd-surface-muted, #f7f7f9);
	}

	.navbar .nav-menu > li > ul > li > a {
		padding-left: 28px;
		font-size: 14px;
	}
}

.szd-safe-list {
	margin: 0 0 1.5rem;
	padding-left: 1.25rem;
}

.szd-safe-list li {
	margin-bottom: 0.65rem;
}

.szd-report-block .form-group {
	margin-bottom: 10px;
}

.szd-report-block--compact {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.szd-report-block--compact .szd-report-details {
	border: 1px solid var(--szd-border, #eee);
	border-radius: var(--szd-radius-sm, 6px);
	padding: 10px 12px;
	background: var(--szd-surface-muted, #f7f7f9);
}

.szd-report-block--compact .szd-report-details summary {
	cursor: pointer;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	text-align: center;
	list-style: none;
}

.szd-report-block--compact .szd-report-details summary::-webkit-details-marker {
	display: none;
}

.szd-block-block .form-group {
	margin-bottom: 10px;
}

.szd-block-block--compact {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 12px;
}

.szd-block-block--compact .szd-block-details {
	border: 1px solid var(--szd-border, #eee);
	border-radius: var(--szd-radius-sm, 6px);
	padding: 10px 12px;
	background: var(--szd-surface-muted, #f7f7f9);
}

.szd-block-block--compact .szd-block-details summary {
	cursor: pointer;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	text-align: center;
	list-style: none;
}

.szd-block-block--compact .szd-block-details summary::-webkit-details-marker {
	display: none;
}

.szd-block-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
}

.szd-link-btn {
	padding: 0;
	border: 0;
	background: none;
	font-size: inherit;
	vertical-align: baseline;
}

.szd-profile-safety .sidebar-block {
	margin-bottom: 0;
}

.szd-thread-block-form {
	margin-top: 8px;
}

.szd-nav-notifications .dropdown-menu {
	min-width: 300px;
	max-width: 360px;
	padding: 0;
}

.szd-notifications-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	border-bottom: 1px solid var(--szd-border, #eee);
}

.szd-notifications-mark-all {
	margin: 0;
}

.szd-notifications-mark-all .btn-link {
	padding: 0;
	font-size: var(--szd-font-size-xs);
}

.szd-notifications-menu li.szd-notifications-empty {
	padding: 14px;
	text-align: center;
	color: var(--szd-text-muted);
}

.szd-notifications-menu .szd-notification-link {
	display: block;
	padding: 10px 14px;
	white-space: normal;
}

.szd-notifications-menu .szd-notification-unread .szd-notification-link {
	background: var(--szd-surface-muted, #f7f7f9);
}

.szd-notifications-menu .szd-notification-text {
	display: block;
	font-size: var(--szd-font-size-sm);
	line-height: 1.4;
}

.szd-notifications-list .szd-notification-unread {
	background: var(--szd-surface-muted, #f7f7f9);
}

.szd-report-block--compact .szd-report-details-body {
	margin-top: 12px;
	text-align: left;
}

.szd-safe-notice {
	font-size: var(--szd-font-size-sm);
	line-height: var(--szd-line-height);
	padding: 12px 14px;
	margin-bottom: 12px;
}

.szd-safe-notice a {
	font-weight: 600;
}

.shot-preview {
	position: relative;
}

.szd-post-status {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: var(--szd-font-size-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #fff;
	background: rgba(0, 0, 0, 0.65);
}

.szd-post-status--5 {
	background: rgba(23, 162, 184, 0.92);
}

.szd-post-status--6 {
	background: rgba(108, 117, 125, 0.92);
}

.szd-post-demo-badge {
	left: auto;
	right: 10px;
	background: rgba(106, 76, 147, 0.92);
	text-transform: none;
	letter-spacing: 0;
}

.szd-post-gift-badge {
	left: auto;
	right: 10px;
	background: rgba(40, 167, 69, 0.92);
	text-transform: none;
	letter-spacing: 0;
}

.szd-post-demo-label {
	background: #6a4c93;
	color: #fff;
	font-weight: 600;
}

.szd-post-upload {
	margin-bottom: 20px;
}

.szd-post-dropzone,
.szd-post-dropzone.dropzone {
	position: relative;
	display: block;
	min-height: 140px;
	border: 2px dashed #c5cdd3;
	background-color: #fafbfc;
	padding: 16px;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.szd-post-dropzone:hover,
.szd-post-dropzone.dz-drag-hover {
	border-color: #6a4c93;
	background-color: #f3eef8;
	box-shadow: inset 0 0 0 1px rgba(106, 76, 147, 0.12);
}

.szd-post-dropzone:focus {
	outline: 2px solid rgba(106, 76, 147, 0.45);
	outline-offset: 2px;
}

.szd-post-dropzone__hint {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	max-width: 360px;
	min-height: 100px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: center;
	color: #667;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(106, 76, 147, 0.15);
	touch-action: manipulation;
}

@media (max-width: 767px) {
	.szd-post-dropzone__hint {
		max-width: none;
		min-height: 120px;
		padding: 16px 12px;
	}
}

.szd-post-dropzone__mobile-actions {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 6px;
}

@media (pointer: coarse), (max-width: 767px) {
	.szd-post-dropzone__mobile-actions {
		display: flex;
	}

	.szd-post-dropzone__hint {
		cursor: default;
	}

	.szd-post-dropzone__hint .dz-hidden-input {
		display: none !important;
	}
}

.szd-post-dropzone__mobile-actions .btn {
	min-width: 110px;
	min-height: 44px;
}

.szd-post-dropzone__text {
	font-size: var(--szd-font-size-sm, 14px);
	line-height: 1.45;
}

.szd-post-dropzone .dz-message {
	display: none !important;
}

.szd-post-dropzone.szd-dropzone-has-files {
	min-height: 0;
}

.szd-post-dropzone.szd-dropzone-has-files .szd-post-dropzone__hint {
	flex-direction: row;
	gap: 8px;
	padding: 8px 0 0;
	position: relative;
	min-height: 44px;
}

.szd-post-dropzone.szd-dropzone-has-files .szd-post-dropzone__text {
	font-size: 13px;
}

.szd-post-dropzone.szd-dropzone-has-files .dropzone-file-icon {
	font-size: 24px;
}

.szd-post-dropzone .szd-dropzone-previews {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
	min-height: 0;
}

.szd-post-dropzone.szd-dropzone-has-files .szd-dropzone-previews {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid #e8ecef;
}

.szd-post-dropzone .dz-preview {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	width: 120px;
	margin: 0;
	min-height: 0;
	vertical-align: top;
}

.szd-post-dropzone .dz-preview .dz-image {
	width: 120px;
	height: 120px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	display: block;
}

.szd-post-dropzone .dz-preview .dz-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.szd-post-dropzone .dz-preview .dz-success-mark,
.szd-post-dropzone .dz-preview .dz-error-mark {
	display: none !important;
}

.szd-post-dropzone .dz-preview.dz-success .dz-image {
	box-shadow: 0 0 0 2px #27ae60;
}

.szd-post-dropzone .dz-preview.dz-error .dz-image {
	box-shadow: 0 0 0 2px #c0392b;
}

.szd-post-dropzone .dz-preview .dz-details {
	position: static;
	opacity: 1;
	padding: 6px 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.35;
	color: #666;
	min-width: 0;
	max-width: 120px;
}

.szd-post-dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.szd-post-dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: 600;
	color: #444;
}

.szd-post-dropzone .dz-preview .dz-details .dz-filename {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

.szd-post-dropzone .dz-preview .dz-details .dz-filename span,
.szd-post-dropzone .dz-preview .dz-details .dz-size span {
	background: none;
	padding: 0;
	border: 0;
	border-radius: 0;
	word-break: break-all;
}

.szd-post-dropzone .dz-preview .dz-remove {
	font-size: 12px;
	color: #c0392b;
	margin-top: 4px;
	padding: 0;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none;
	background: none;
}

.szd-post-dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline;
}

.szd-post-dropzone .dz-preview .dz-progress {
	height: 6px;
	border-radius: 3px;
	overflow: hidden;
	top: auto;
	bottom: 8px;
	left: 8px;
	right: 8px;
	margin-top: 0;
	width: auto;
}

.szd-post-dropzone .dz-preview.dz-error .dz-error-message {
	display: block;
	opacity: 1;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(192, 57, 43, 0.92);
	border-radius: 0 0 8px 8px;
	padding: 6px 8px;
	font-size: 11px;
	line-height: 1.3;
	pointer-events: none;
}

.szd-demo-notice {
	margin-bottom: 20px;
	border-color: rgba(106, 76, 147, 0.35);
	background: #f3eef8;
	color: #4a3566;
}

.szd-thread-list .list-group-item {
	border-left: 0;
	border-right: 0;
}

.szd-thread-unread {
	background: #f7fbff;
}

.szd-thread-preview {
	margin-top: 6px;
	color: #555;
	font-size: var(--szd-font-size-sm);
}

.szd-thread-card {
	margin-bottom: 24px;
}

.szd-thread-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--szd-border, #eee);
}

.szd-thread-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.szd-thread-messages {
	max-height: 420px;
	overflow-y: auto;
	margin-bottom: 20px;
	padding: 8px 0;
}

.szd-thread-bubble {
	max-width: 85%;
	margin-bottom: 12px;
	padding: 10px 14px;
	border-radius: 12px;
	background: var(--szd-surface-muted, #f7f7f9);
}

.szd-thread-bubble--mine {
	margin-left: auto;
	background: #e8f4fd;
	text-align: right;
}

.szd-thread-sender {
	display: block;
	margin-bottom: 4px;
	color: #818a91;
}

.szd-thread-reply textarea {
	resize: vertical;
}

/* Member ratings (P27) */
.szd-user-rating {
	margin: 8px 0 12px;
	text-align: center;
}

.shot-by-widget .szd-user-rating {
	margin-top: 6px;
}

/* Trust badges (P34) */
.szd-trust-badges {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 14px;
}

.szd-trust-badges--profile {
	align-items: center;
	text-align: center;
}

.szd-trust-badges--sidebar {
	margin: 6px 0 0;
	gap: 6px;
}

.szd-trust-badges__featured {
	width: 100%;
}

.szd-trust-badges__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.szd-trust-badges--profile .szd-trust-badges__facts {
	justify-content: center;
}

.szd-trust-badges--sidebar .szd-trust-badges__facts {
	justify-content: flex-start;
}

.szd-trust-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	font-size: var(--szd-font-size-xs, 12px);
	font-weight: 600;
	line-height: 1.3;
	border-radius: 999px;
	background: #eef7f6;
	color: #2a9d8f;
	border: 1px solid rgba(42, 157, 143, 0.25);
}

.szd-trust-badge--featured {
	width: 100%;
	justify-content: center;
	padding: 7px 12px;
	font-size: 12px;
	font-weight: 700;
	border-radius: var(--szd-radius-sm);
}

.szd-trust-badge--meta {
	font-size: 11px;
	font-weight: 500;
	padding: 3px 8px;
}

.szd-trust-badge--verified_email {
	background: #e8f4fd;
	color: #1a73b8;
	border-color: rgba(26, 115, 184, 0.25);
}

.szd-trust-badge--member {
	background: #f0f4f8;
	color: #5a6a7a;
	border-color: rgba(90, 106, 122, 0.2);
}

.szd-trust-badge--completed_deals {
	background: #eef7f6;
	color: #2a9d8f;
	border-color: rgba(42, 157, 143, 0.2);
}

.szd-trust-badge--trusted_seller {
	background: #fff8e6;
	color: #b8860b;
	border-color: rgba(184, 134, 11, 0.35);
}

.shot-by-widget .szd-trust-badges {
	margin-bottom: 8px;
}

.shot-by-widget .szd-trust-badges__facts {
	justify-content: flex-start;
}

.szd-profile-stats {
	margin: 16px 0 24px;
	padding: 14px 16px;
	background: #f8fafb;
	border: 1px solid #e8ecef;
	border-radius: 8px;
}

.szd-profile-stats h6 {
	margin: 0 0 12px;
	font-size: var(--szd-font-size-sm);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--szd-text-muted, #818a91);
}

.szd-profile-stats-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.szd-profile-stats-list li {
	min-width: 72px;
	text-align: center;
}

.szd-profile-stat-value {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #2a9d8f;
	line-height: 1.2;
}

.szd-profile-stat-label {
	display: block;
	font-size: var(--szd-font-size-xs, 12px);
	color: var(--szd-text-muted, #818a91);
	margin-top: 2px;
}

.szd-stars,
.szd-stars-inline {
	color: #f5a623;
	letter-spacing: 1px;
}

.szd-rating-count {
	color: var(--szd-text-muted, #818a91);
	font-size: var(--szd-font-size-sm);
	margin-left: 4px;
}

.szd-star-input {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 4px;
}

.szd-star-input-label {
	margin: 0;
	cursor: pointer;
	color: #ccc;
	font-size: 22px;
}

.szd-star-input-label input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.szd-star-input-label:hover,
.szd-star-input-label:hover ~ .szd-star-input-label,
.szd-star-input-label:has(input:checked),
.szd-star-input-label:has(input:checked) ~ .szd-star-input-label {
	color: #f5a623;
}

.szd-review-row {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.szd-review-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.szd-rating-form-card {
	border: 1px solid var(--szd-border, #e8ecef);
	margin-bottom: 16px;
}

.szd-nav-messages,
.szd-nav-ratings {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.szd-nav-badge {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	background: #e74c3c;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}

.dropdown-menu .szd-badge {
	float: right;
	margin-top: 2px;
}

/* =====================================================================
   Design system v2, spacing, cards, single post, filters
   ===================================================================== */

/* --- Listing grid: proper row/column gaps (fixes vertically stuck cards) --- */
.szd-listing-row {
	display: flex;
	flex-wrap: wrap;
	row-gap: 28px;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.szd-listing-row::before,
.szd-listing-row::after {
	display: none !important;
	content: none !important;
}

.szd-listing-row > [class*="col-"],
.szd-listing-row > li[class*="col-"] {
	display: flex;
	float: none !important;
	margin-bottom: 0;
}

.szd-listing-row > [class*="col-"] > .shot,
.szd-listing-row > li[class*="col-"] > .shot {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.szd-listing-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.szd-skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 10000;
	padding: 10px 16px;
	background: #fff;
	color: #222;
	border: 2px solid var(--szd-brand, #f88596);
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
}

.szd-skip-link:focus {
	left: 12px;
	top: 12px;
	width: auto;
	height: auto;
	overflow: visible;
}

.profile-head .szd-profile-name {
	margin: 12px 0 8px;
	font-size: 1.5rem;
}

/* --- Unified product card --- */
.szd-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: var(--szd-surface);
	margin-top: 0;
	margin-bottom: 0;
}

.szd-card .shot-preview {
	overflow: hidden;
}

.szd-card .shot-preview .img img {
	transition: transform 0.35s ease;
}

.szd-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--szd-shadow-hover);
}

.szd-card:hover .shot-preview .img img {
	transform: scale(1.04);
}

.szd-card-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px 16px;
	flex: 1 1 auto;
}

.szd-card-price {
	font-family: var(--szd-font-display);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	color: var(--szd-accent);
	letter-spacing: 0.01em;
}

.szd-card-title {
	margin: 0;
	font-family: var(--szd-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.8em;
}

.szd-card-title a {
	color: var(--szd-text);
}

.szd-card-title a:hover {
	color: var(--szd-accent);
}

.szd-card-meta {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--szd-text-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 4px 6px;
	align-items: center;
}

.szd-card-meta a {
	color: var(--szd-text-muted);
}

.szd-card-meta a:hover {
	color: var(--szd-accent);
}

.szd-card-dot {
	opacity: 0.4;
}

.szd-card .shot-stats {
	list-style: none;
	margin: auto 0 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--szd-border);
	display: flex;
	gap: 18px;
}

.szd-card .shot-stats li,
.szd-card .shot-stats li a {
	color: var(--szd-text-muted);
	font-size: 12px;
	line-height: 1;
}

.szd-card .shot-stats .fa {
	margin-right: 5px;
	opacity: 0.75;
}

.szd-card .shot-stats .like:hover .fa,
.szd-card .shot-stats .fa-heart {
	color: var(--szd-primary);
	opacity: 1;
}

/* --- Single post page --- */
.szd-single-post {
	padding-top: clamp(24px, 4vw, 40px);
	padding-bottom: clamp(32px, 5vw, 56px);
}

.szd-post-hero {
	text-align: center;
	max-width: 820px;
	margin: 0 auto clamp(28px, 4vw, 40px);
}

.szd-post-hero__title {
	font-family: var(--szd-font-display);
	font-size: var(--szd-font-size-h1);
	font-weight: 700;
	line-height: var(--szd-line-height-heading);
	color: var(--szd-text);
	margin: 0 0 16px;
	letter-spacing: -0.02em;
}

.szd-post-hero__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.szd-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 13px;
	line-height: 1.3;
	color: var(--szd-text-muted);
	background: var(--szd-surface-muted);
	border: 1px solid var(--szd-border);
}

.szd-chip a {
	color: var(--szd-text);
	font-weight: 500;
}

.szd-chip a:hover {
	color: var(--szd-accent);
}

.szd-chip .fa {
	font-size: 12px;
	opacity: 0.65;
}

.szd-chip--status {
	color: #fff;
	background: var(--szd-accent);
	border-color: var(--szd-accent);
	font-weight: 600;
}

.szd-chip--status-5 {
	background: #17a2b8;
	border-color: #17a2b8;
}

.szd-chip--status-6 {
	background: #6c757d;
	border-color: #6c757d;
}

.szd-chip--demo {
	color: #fff;
	background: #6a4c93;
	border-color: #6a4c93;
	font-weight: 600;
}

.szd-chip--gift {
	color: #fff;
	background: #28a745;
	border-color: #28a745;
	font-weight: 600;
}

.szd-post-hero__notice {
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: var(--szd-radius-sm);
	font-size: var(--szd-font-size-sm);
	line-height: 1.5;
	text-align: left;
	color: #4a3566;
	background: #f3eef8;
	border: 1px solid rgba(106, 76, 147, 0.25);
}

.szd-post-hero__notice--warning {
	color: #856404;
	background: #fff8e6;
	border-color: rgba(133, 100, 4, 0.25);
}

.szd-post-moderation-bar {
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: var(--szd-radius-sm);
	background: #fff8e6;
	border: 1px solid rgba(133, 100, 4, 0.35);
}

.szd-post-moderation-bar__flash {
	margin-bottom: 10px;
	padding: 8px 12px;
	border-radius: var(--szd-radius-sm);
	font-size: var(--szd-font-size-sm);
}

.szd-post-moderation-bar__flash--success {
	color: #155724;
	background: #d4edda;
	border: 1px solid rgba(21, 87, 36, 0.2);
}

.szd-post-moderation-bar__flash--error {
	color: #721c24;
	background: #f8d7da;
	border: 1px solid rgba(114, 28, 36, 0.2);
}

.szd-post-moderation-bar__body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px 16px;
}

.szd-post-moderation-bar__text {
	flex: 1 1 220px;
	min-width: 0;
	font-size: var(--szd-font-size-sm);
	color: #856404;
}

.szd-post-moderation-bar__text p {
	margin: 6px 0 0;
	line-height: 1.5;
}

.szd-post-moderation-bar__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	flex: 0 1 auto;
}

.szd-post-moderation-bar__actions .szd-inline-form {
	margin: 0;
}

.szd-single-post__layout {
	margin-top: 0;
}

.szd-post-content-card {
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	margin-top: 0;
}

.szd-post-content-card .card-block {
	padding: clamp(20px, 3vw, 28px);
}

.szd-post-gallery-single,
.szd-post-gallery > li > a,
.szd-post-gallery > li > picture,
.szd-post-gallery .lslide > a,
.szd-post-gallery .lslide > picture {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--szd-radius-sm, 8px);
	background: var(--szd-surface-muted);
	line-height: 0;
}

.szd-post-gallery-single picture,
.szd-post-gallery > li > a picture,
.szd-post-gallery .lslide > a picture,
.szd-post-gallery > li > picture,
.szd-post-gallery .lslide > picture {
	position: absolute;
	inset: 0;
	display: block;
}

.szd-post-gallery-single img,
.szd-post-gallery .lslide img,
.szd-post-gallery > li img,
.szd-post-gallery > li > a img,
.szd-post-gallery .lslide > a img,
.szd-post-gallery > li > picture img,
.szd-post-gallery .lslide > picture img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

.szd-post-gallery-single:hover img {
	transform: scale(1.02);
	transition: transform 0.35s ease;
}

/* Lightbox: prikaži punu originalnu sliku u prirodnoj veličini */
.lity-content img,
.lity-image img {
	display: block;
	max-width: min(95vw, 100%);
	max-height: 90vh;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
}

.image-gallery.szd-post-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}

.szd-post-description {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--szd-border);
	font-size: var(--szd-font-size-base);
	line-height: 1.65;
	color: var(--szd-text);
}

.szd-post-description p {
	margin: 0;
}

/* Single post sidebar v5, unified primary card */
.szd-post-sidebar {
	margin-top: 0;
}
.szd-post-sidebar__stack {
	display: flex;
	flex-direction: column;
	gap: var(--szd-space-3);
}
@media (min-width: 992px) {
	.szd-post-sidebar__stack {
		position: sticky;
		top: 84px;
	}
}
.szd-sidebar-card {
	background: var(--szd-surface);
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	box-shadow: var(--szd-shadow-sm);
	padding: var(--szd-space-4);
}
.szd-sidebar-card--primary {
	border-color: rgba(58, 169, 158, 0.22);
	padding: 0;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
}
.szd-sidebar-card--secondary {
	box-shadow: none;
	padding: var(--szd-space-3) var(--szd-space-4);
}
.szd-sidebar-card--muted {
	background: var(--szd-surface-muted);
	box-shadow: none;
	padding: var(--szd-space-3) var(--szd-space-4);
}
.szd-sidebar-card--muted .sidebar-block {
	border: 0;
	margin: 0;
	padding: 0;
}
.szd-sidebar-card--muted .sidebar-block h6 {
	display: none;
}
.szd-sidebar-card__label {
	margin: 0 0 var(--szd-space-2);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
}
.szd-sidebar-section {
	padding: var(--szd-space-4);
}
.szd-sidebar-section--buy {
	background: linear-gradient(180deg, #f3fbf9 0%, var(--szd-surface) 100%);
}
.szd-sidebar-divider {
	height: 1px;
	margin: 0;
	background: var(--szd-border);
}
.szd-buybox__head {
	display: flex;
	flex-direction: column;
	gap: var(--szd-space-2);
	margin-bottom: var(--szd-space-3);
}
@media (min-width: 480px) {
	.szd-buybox__head {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: var(--szd-space-2) var(--szd-space-4);
	}
}
.szd-buybox__price {
	font-size: var(--szd-font-size-price);
	font-weight: var(--szd-font-weight-bold);
	line-height: var(--szd-line-height-heading);
	color: var(--szd-accent);
	margin: 0;
}
.szd-buybox__meta {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-1) var(--szd-space-3);
}
.szd-buybox__meta li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
}
.szd-buybox__meta .fa {
	color: var(--szd-accent);
	opacity: 0.85;
	font-size: 12px;
}
.szd-buybox__engage {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
}
.szd-engage-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 0 12px;
	border-radius: var(--szd-radius-pill);
	background: var(--szd-surface);
	border: 1px solid var(--szd-border);
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	color: var(--szd-text-muted);
}
.szd-engage-chip--action {
	color: var(--szd-text);
	text-decoration: none;
	transition: border-color var(--szd-transition), color var(--szd-transition), background-color var(--szd-transition);
}
.szd-engage-chip--action:hover {
	border-color: rgba(58, 169, 158, 0.45);
	color: var(--szd-accent);
	background: #f8fdfc;
}
.szd-engage-chip .fa-heart,
.szd-engage-chip--action[data-liked="1"] .fa-heart {
	color: var(--szd-primary);
}
.szd-engage-chip--action[data-favorited="1"] .fa-bookmark {
	color: var(--szd-accent);
}
.szd-seller-card {
	display: flex;
	align-items: flex-start;
	gap: var(--szd-space-3);
}
.szd-seller-card__avatar {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid rgba(58, 169, 158, 0.25);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.szd-seller-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.szd-seller-card__body {
	flex: 1;
	min-width: 0;
}
.szd-seller-card__label {
	margin: 0 0 2px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
}
.szd-seller-card__name {
	display: inline-block;
	font-size: var(--szd-font-size-lg);
	font-weight: 700;
	color: var(--szd-text);
	margin-bottom: 2px;
	text-decoration: none;
}
.szd-seller-card__name:hover {
	color: var(--szd-accent);
}
.szd-seller-card__body .szd-user-rating {
	margin: 0 0 6px;
	text-align: left;
	font-size: var(--szd-font-size-sm);
}
.szd-seller-card__body .szd-trust-badges {
	margin: 6px 0 0;
	gap: 6px;
}
.szd-seller-card__body .szd-trust-badge--meta {
	font-size: 10px;
	padding: 2px 7px;
}
.szd-seller-card__body .szd-trust-badge--featured {
	font-size: 11px;
	padding: 5px 8px;
}
.szd-seller-card__work {
	margin: 8px 0 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
}
.szd-sidebar-section--share {
	padding-top: var(--szd-space-3);
	padding-bottom: var(--szd-space-3);
}
.szd-share-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--szd-space-3);
}
.szd-share-bar__label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
}
.szd-share-bar__icons {
	display: flex;
	gap: var(--szd-space-2);
}
.szd-share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid var(--szd-border);
	color: var(--szd-text-muted);
	background: var(--szd-surface);
	font-size: 15px;
	transition: transform var(--szd-transition), border-color var(--szd-transition), color var(--szd-transition), background-color var(--szd-transition);
}
.szd-share-icon:hover {
	transform: translateY(-1px);
	color: #fff;
}
.szd-share-icon--facebook:hover {
	background: #1877f2;
	border-color: #1877f2;
}
.szd-share-icon--twitter:hover {
	background: #1da1f2;
	border-color: #1da1f2;
}
.szd-share-icon--instagram:hover {
	background: #e4405f;
	border-color: #e4405f;
}
.szd-share-icon--copy {
	border: none;
	background: var(--szd-surface-muted);
	cursor: pointer;
	font: inherit;
	padding: 0;
}
.szd-share-icon--copy.is-copied {
	background: rgba(58, 169, 158, 0.2);
	color: var(--szd-accent);
}
.szd-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
}
.szd-tag {
	display: inline-block;
	padding: 6px 12px;
	border-radius: var(--szd-radius-pill);
	background: var(--szd-surface-muted);
	border: 1px solid var(--szd-border);
	font-size: var(--szd-font-size-xs);
	color: var(--szd-text);
	text-decoration: none;
}
.szd-tag:hover {
	border-color: rgba(58, 169, 158, 0.45);
	color: var(--szd-accent);
	background: #f8fdfc;
}
.szd-seller-more {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--szd-space-2);
}
.szd-seller-more a {
	display: block;
	border-radius: var(--szd-radius-sm);
	overflow: hidden;
	aspect-ratio: 1;
	background: var(--szd-surface-muted);
	border: 1px solid var(--szd-border);
}
.szd-seller-more img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}
.szd-seller-more a:hover img {
	transform: scale(1.04);
}
.szd-sidebar-card--contact .form-group:last-of-type {
	margin-bottom: var(--szd-space-3);
}
.szd-sidebar-alert {
	margin-bottom: var(--szd-space-3);
	padding: 10px 12px;
	font-size: var(--szd-font-size-sm);
}
.szd-form-feedback {
	margin-top: var(--szd-space-2);
	font-size: var(--szd-font-size-sm);
}
.szd-offer-type-hint {
	display: none;
}
.szd-post-form--gift .szd-offer-type-hint {
	display: block;
}
.szd-post-form--gift .szd-post-price-field {
	display: none !important;
}
.szd-post-sidebar .szd-block-details,
.szd-post-sidebar .szd-report-details {
	font-size: var(--szd-font-size-sm);
}
.szd-post-sidebar .szd-block-details summary,
.szd-post-sidebar .szd-report-details summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--szd-text-muted);
}
@media (max-width: 991px) {
	.szd-post-sidebar {
		margin-top: var(--szd-space-5);
	}
	.szd-post-sidebar__stack {
		position: static;
	}
}

.szd-sidebar-card--guest-contact .szd-guest-contact__intro {
	margin: 0 0 12px;
	font-size: var(--szd-font-size-sm);
	line-height: 1.5;
	color: var(--szd-text-muted);
}

.szd-sidebar-card--guest-contact .szd-guest-contact__register {
	margin: 12px 0 0;
	font-size: var(--szd-font-size-sm);
}

.szd-post-mobile-cta {
	display: none;
}

@media (max-width: 991px) {
	.szd-post-mobile-cta {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1040;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
		background: rgba(255, 255, 255, 0.97);
		border-top: 1px solid var(--szd-border);
		box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08);
		backdrop-filter: blur(8px);
	}

	.szd-post-mobile-cta__price {
		font-size: 1.125rem;
		font-weight: 700;
		color: var(--szd-accent);
		line-height: 1.2;
		min-width: 0;
	}

	.szd-post-mobile-cta__btn {
		flex-shrink: 0;
		min-height: 44px;
		padding-left: 16px;
		padding-right: 16px;
		font-weight: 700;
		white-space: nowrap;
	}

	body.szd-has-post-mobile-cta {
		padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
	}

	body.szd-has-post-mobile-cta .site-footer {
		margin-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
	}
}

/* --- Filters --- */
.szd-filter-card {
	margin-bottom: 24px;
	box-shadow: var(--szd-shadow-sm);
	border: 1px solid var(--szd-border);
}

.szd-filter-card .card-block {
	padding: clamp(16px, 2.5vw, 20px);
}

.szd-listings-count {
	margin: 0 0 20px;
	font-size: var(--szd-font-size-sm);
}

/* --- Hero --- */
.szd-hero h1,
.szd-hero h4,
.szd-hero p {
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

.szd-hero h1 {
	font-size: clamp(34px, 6vw, 58px);
	letter-spacing: -0.01em;
}

.szd-hero h4 {
	font-weight: 400;
	opacity: 0.96;
}

/* --- Buttons --- */
.btn {
	transition: transform var(--szd-transition), box-shadow var(--szd-transition), background-color var(--szd-transition);
}

.btn-primary:hover,
.btn-secondary:hover {
	box-shadow: var(--szd-shadow);
	transform: translateY(-1px);
}

.btn-block {
	border-radius: var(--szd-radius-sm);
}

/* --- Admin / panel tables --- */
.szd-admin-content .table .btn,
.card .table .btn {
	border-radius: var(--szd-radius-sm);
	font-size: 12px;
	padding: 5px 10px;
	margin: 2px 2px 0 0;
}

/* --- Mobile listing grid --- */
@media (max-width: 575px) {
	.szd-listing-row {
		row-gap: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.szd-listing-row > [class*="col-"] {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 6px;
		padding-right: 6px;
	}

	.szd-card-body {
		padding: 10px 10px 12px;
		gap: 4px;
	}

	.szd-card-price {
		font-size: 14px;
	}

	.szd-card-title {
		font-size: 13px;
		min-height: 2.6em;
	}

	.szd-card .shot-stats {
		gap: 10px;
		padding-top: 8px;
	}

	.szd-card .shot-stats li,
	.szd-card .shot-stats li a {
		font-size: 11px;
	}

	.szd-post-hero__meta {
		gap: 6px;
	}

	.szd-chip {
		font-size: 12px;
		padding: 5px 10px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.szd-listing-row {
		row-gap: 24px;
	}
}

/* =====================================================================
   Design system v3, global UX standardization (2026)
   Principles: 8px rhythm, 44px touch targets, one primary CTA/screen,
   WCAG AA contrast, parent-to-parent trust tone (VISION.md)
   ===================================================================== */

/* --- Typography roles --- */
.szd-section-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--szd-space-4);
	margin-bottom: var(--szd-space-5);
}
.szd-section-heading__text {
	flex: 1 1 220px;
	min-width: 0;
}
.szd-section-heading__label {
	display: block;
	font-size: var(--szd-font-size-overline);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
	margin-bottom: var(--szd-space-1);
}
.szd-section-heading__title {
	margin: 0 0 var(--szd-space-1);
	font-family: var(--szd-font-display);
	font-size: var(--szd-font-size-h2);
	font-weight: 700;
	line-height: var(--szd-line-height-heading);
	color: var(--szd-text);
}
.szd-section-heading__desc {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	max-width: 42rem;
	line-height: var(--szd-line-height);
}
.szd-section-heading__actions {
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	align-items: center;
}

/* Panel subsection headers (legacy section-header in partials) */
.szd-panel-shell .section-header:not(.section-header--compact) {
	text-align: left;
	margin-bottom: var(--szd-space-5);
}
.szd-panel-shell .section-header:not(.section-header--compact) span {
	display: block;
	font-size: var(--szd-font-size-overline);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
	margin-bottom: var(--szd-space-1);
}
.szd-panel-shell .section-header:not(.section-header--compact) h3 {
	margin: 0 0 var(--szd-space-1);
	font-size: var(--szd-font-size-h3);
	font-weight: 700;
	line-height: var(--szd-line-height-heading);
}
.szd-panel-shell .section-header:not(.section-header--compact) h3::after {
	display: none;
}
.szd-panel-shell .section-header:not(.section-header--compact) p {
	margin: 0;
	text-align: left;
	max-width: none;
	font-size: var(--szd-font-size-sm);
}

/* --- Buttons: sizes, touch targets, hierarchy --- */
.btn {
	font-weight: 600;
	letter-spacing: 0.01em;
	border-radius: var(--szd-radius-sm);
	min-height: var(--szd-btn-min-h);
	padding: 10px 18px;
	line-height: 1.25;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.btn-sm {
	min-height: 36px;
	padding: 6px 12px;
	font-size: var(--szd-font-size-xs);
}
.btn-xs,
.btn-group-xs > .btn {
	min-height: 32px;
	padding: 4px 10px;
	font-size: 12px;
}
.btn-block {
	width: 100%;
}
.btn-default {
	background: var(--szd-surface);
	border-color: var(--szd-border);
	color: var(--szd-text);
}
.btn-default:hover,
.btn-default:focus {
	background: var(--szd-surface-muted);
	border-color: #d5dbe0;
	color: var(--szd-text);
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:active:focus {
	color: var(--szd-teal);
	background-color: transparent;
	border: 0;
	box-shadow: none;
	text-transform: none;
	letter-spacing: 0.01em;
}
.btn-link:hover,
.btn-link:focus {
	color: var(--szd-accent);
	text-decoration: underline;
}
.btn-link.text-danger,
.btn-link.text-danger:hover,
.btn-link.text-danger:focus {
	color: var(--szd-danger);
}
.site-header.color-alt .btn-link,
.szd-home-hero .btn-link {
	color: #fff !important;
	opacity: 0.95;
}
.site-header.color-alt .btn-link:hover,
.site-header.color-alt .btn-link:focus,
.szd-home-hero .btn-link:hover,
.szd-home-hero .btn-link:focus {
	color: #fff !important;
	opacity: 1;
	text-decoration: underline;
}
.btn-primary {
	background-color: var(--szd-accent);
	border-color: var(--szd-accent) !important;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--szd-teal);
	border-color: var(--szd-teal) !important;
}
.btn-danger {
	background-color: var(--szd-danger);
	border-color: var(--szd-danger) !important;
}
.btn-success,
.btn-info,
.btn-warning {
	background: var(--szd-surface);
	border: 1px solid var(--szd-border);
	color: var(--szd-text);
}
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover {
	background: var(--szd-surface-muted);
	color: var(--szd-text);
}
.szd-action-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.szd-action-group .szd-inline-form {
	margin: 0;
}

/* --- Forms --- */
.form-group {
	margin-bottom: var(--szd-space-4);
}
.form-group label,
.control-label {
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	color: var(--szd-text);
	margin-bottom: 6px;
}
.form-control {
	min-height: var(--szd-input-min-h);
	border-radius: var(--szd-radius-sm);
	border-color: var(--szd-border);
	box-shadow: none;
	padding: 10px 14px;
	transition: border-color var(--szd-transition), box-shadow var(--szd-transition);
}
.form-control:focus {
	border-color: var(--szd-accent);
	box-shadow: 0 0 0 3px rgba(58, 169, 158, 0.15);
}
.form-control.input-sm,
select.form-control.input-sm {
	min-height: 38px;
	padding: 6px 10px;
}
textarea.form-control {
	min-height: 120px;
	resize: vertical;
}
.card-header h6,
.card-header .szd-form-card-title {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--szd-text-muted);
}
.card-header {
	background: var(--szd-surface-muted);
	border-bottom: 1px solid var(--szd-border);
	padding: var(--szd-space-3) var(--szd-space-4);
}

/* --- Subnav (panel + auth + listings tabs) --- */
.szd-subnav,
.page-links {
	margin-bottom: var(--szd-space-5);
}
.szd-subnav .link-list a,
.page-links .link-list a {
	border-radius: var(--szd-radius-pill);
	padding: 8px 16px;
	font-weight: 600;
	font-size: 13px;
	color: var(--szd-text-muted);
	transition: background-color var(--szd-transition), color var(--szd-transition);
}
.szd-subnav .link-list a.active,
.page-links .link-list a.active {
	background: rgba(58, 169, 158, 0.12);
	color: var(--szd-accent);
}
.szd-subnav .link-list a:hover,
.page-links .link-list a:hover {
	color: var(--szd-accent);
}

/* --- Data tables (panel + admin), all table views --- */
.szd-data-card,
.szd-panel-shell .card:not(.szd-data-table) .table-responsive,
.szd-admin-content .card:not(.szd-data-table) .table-responsive {
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	margin-bottom: var(--szd-space-5);
	border-radius: var(--szd-radius);
	overflow: hidden;
}
.szd-admin-app .szd-data-table .table-responsive,
.szd-admin-content .szd-data-table .table-responsive {
	overflow: visible;
}
.szd-admin-app .szd-data-table .dropdown,
.szd-admin-content .szd-data-table .dropdown {
	position: static;
}
.szd-admin-app .szd-data-table .dropdown.open,
.szd-admin-content .szd-data-table .dropdown.open {
	position: relative;
	z-index: 30;
}
.szd-admin-app .szd-data-table .dropdown-menu,
.szd-admin-content .szd-data-table .dropdown-menu {
	z-index: 1060;
}
.szd-admin-app .szd-data-table .dropdown-menu.szd-admin-dropdown-fixed,
.szd-admin-content .szd-data-table .dropdown-menu.szd-admin-dropdown-fixed {
	position: fixed;
	display: block;
}
.szd-data-card {
	margin-bottom: var(--szd-space-5);
}
.szd-data-card .card-block {
	padding: 0;
}
.szd-data-card .card-block > p,
.szd-data-card .card-block > .szd-empty-state {
	padding: var(--szd-space-5);
	margin: 0;
}
.szd-data-table,
.szd-panel-shell .table-responsive,
.szd-admin-content .table-responsive {
	margin: 0;
}
.szd-data-table .table,
.szd-panel-shell .card .table,
.szd-admin-content .card .table {
	margin-bottom: 0;
}
.szd-data-table .table > thead > tr > th,
.szd-panel-shell .card .table > thead > tr > th,
.szd-admin-content .card .table > thead > tr > th {
	background: var(--szd-surface-muted);
	border-bottom: 1px solid var(--szd-border);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--szd-text-muted);
	padding: 12px 14px;
	white-space: nowrap;
}
.szd-data-table .table > tbody > tr > td,
.szd-panel-shell .card .table > tbody > tr > td,
.szd-admin-content .card .table > tbody > tr > td {
	padding: 12px 14px;
	vertical-align: middle;
	border-top-color: var(--szd-border);
	font-size: var(--szd-font-size-sm);
}
.szd-data-table .table-hover > tbody > tr:hover,
.szd-panel-shell .card .table-hover > tbody > tr:hover,
.szd-admin-content .card .table-hover > tbody > tr:hover {
	background: rgba(58, 169, 158, 0.04);
}
.szd-admin-actions .form-control {
	max-width: 110px;
	min-height: 36px;
	padding: 6px 8px;
	font-size: 12px;
	display: inline-block;
}
.label {
	border-radius: var(--szd-radius-pill);
	font-size: 11px;
	font-weight: 600;
	padding: 4px 10px;
}

/* --- App shells --- */
.szd-app-shell section {
	padding-top: clamp(20px, 3vw, 32px);
	padding-bottom: clamp(28px, 4vw, 48px);
}
.szd-admin-shell .szd-admin-nav {
	border-radius: var(--szd-radius);
	border-color: var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
}
.szd-admin-shell .szd-admin-nav-list a {
	border-radius: var(--szd-radius-sm);
	font-size: var(--szd-font-size-sm);
	padding: 9px 12px;
}
.szd-admin-content > .card,
.szd-panel-shell .card:not(.szd-data-card) {
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	margin-bottom: var(--szd-space-5);
}

/* --- Empty states & helpers --- */
.szd-empty-state {
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-sm);
	line-height: var(--szd-line-height);
}
.szd-listings-count {
	margin: 0 0 var(--szd-space-4);
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	text-align: center;
}

/* --- Auth --- */
.szd-auth-page .card {
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
}
.szd-auth-page .section-header {
	margin-bottom: var(--szd-space-4);
}

/* --- Focus visible (a11y) --- */
a:focus-visible,
.btn:focus-visible,
.form-control:focus-visible {
	outline: 2px solid var(--szd-accent);
	outline-offset: 2px;
}

/* --- Mobile table UX --- */
@media (max-width: 767px) {
	.szd-data-table .table > thead > tr > th,
	.szd-data-table .table > tbody > tr > td {
		padding: 10px 12px;
		font-size: 13px;
	}
	.szd-section-heading__actions {
		width: 100%;
	}
	.szd-section-heading__actions .btn {
		flex: 1 1 auto;
	}
	.szd-admin-shell .szd-admin-layout > [class*="col-"]:first-child {
		margin-bottom: var(--szd-space-4);
	}
}

.szd-breadcrumb {
	margin: 0 0 var(--szd-space-4);
	font-size: var(--szd-font-size-breadcrumb);
	line-height: var(--szd-line-height);
}
.szd-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}
.szd-breadcrumb__item {
	display: flex;
	align-items: center;
	max-width: 100%;
	min-width: 0;
	color: var(--szd-text-muted);
	font-size: inherit;
}
.szd-breadcrumb__item + .szd-breadcrumb__item::before {
	content: '/';
	padding: 0 0.45em;
	color: var(--szd-text-muted);
	flex-shrink: 0;
	font-size: inherit;
}
.szd-breadcrumb__item a {
	color: var(--szd-accent);
	text-decoration: none;
	font-size: inherit;
}
.szd-breadcrumb__item a:hover,
.szd-breadcrumb__item a:focus-visible {
	text-decoration: underline;
}
.szd-breadcrumb__item.is-current span {
	color: var(--szd-text);
	font-weight: 500;
	font-size: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media (max-width: 767px) {
	.szd-breadcrumb {
		font-size: var(--szd-font-size-breadcrumb);
	}
	.szd-breadcrumb__item.is-current {
		max-width: min(72vw, 100%);
	}
}

.szd-onboarding-steps {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szd-onboarding-steps li {
	padding: var(--szd-space-3) 0;
	border-bottom: 1px solid var(--szd-border);
}
.szd-onboarding-steps li:last-child {
	border-bottom: 0;
}
.szd-onboarding-steps li.is-done strong {
	color: var(--szd-accent);
}
.szd-onboarding-steps li.is-active {
	background: var(--szd-surface-muted);
	margin: 0 calc(-1 * var(--szd-space-4));
	padding-left: var(--szd-space-4);
	padding-right: var(--szd-space-4);
	border-radius: var(--szd-radius-sm);
}

/* Vision / mission promo page */
.szd-vision-hero {
	background: linear-gradient(135deg, #1f6b62 0%, #2a9d8f 45%, #3aa99e 100%);
	color: #fff;
	padding: clamp(48px, 8vw, 88px) 0;
	text-align: center;
}
.szd-vision-hero__eyebrow {
	margin: 0 0 var(--szd-space-3);
	font-size: var(--szd-font-size-sm);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.92;
}
.szd-vision-hero h1 {
	margin: 0 auto var(--szd-space-4);
	max-width: 16ch;
	font-family: var(--szd-font-display);
	font-size: clamp(1.75rem, 4.5vw, 2.75rem);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
}
.szd-vision-hero__lead {
	margin: 0 auto var(--szd-space-6);
	max-width: 42rem;
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.65;
	opacity: 0.95;
}
.szd-vision-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--szd-space-3);
}
.szd-vision-hero__actions .btn-default {
	background: rgba(255, 255, 255, 0.95);
	border-color: transparent;
	color: var(--szd-text);
}
.szd-vision-stats {
	background: var(--szd-surface);
	border-bottom: 1px solid var(--szd-border);
	padding: var(--szd-space-5) 0;
}
.szd-vision-stats__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--szd-space-3) var(--szd-space-2);
	text-align: center;
	align-items: start;
}
.szd-vision-stats__grid li {
	min-width: 0;
}
.szd-vision-stats__grid strong {
	display: block;
	font-family: var(--szd-font-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: var(--szd-accent);
	line-height: 1.2;
}
.szd-vision-stats__grid span {
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	line-height: 1.35;
}

/* Vision page: jedan horizontalni padding (container), ne section + container */
.szd-vision-page > section,
.szd-vision-page > header.szd-vision-hero {
	padding-left: 0;
	padding-right: 0;
}
.szd-vision-section {
	padding: clamp(40px, 6vw, 72px) 0;
}
.szd-vision-section--muted {
	background: var(--szd-surface-muted);
}
.szd-vision-section__header {
	text-align: left;
}
.szd-vision-prose p {
	font-size: var(--szd-font-size-lg);
	line-height: 1.65;
	color: var(--szd-text);
}
.szd-vision-quote {
	border: 0;
	box-shadow: var(--szd-shadow);
	border-left: 4px solid var(--szd-accent);
	height: 100%;
}
.szd-vision-quote__text {
	margin: 0 0 var(--szd-space-3);
	font-size: var(--szd-font-size-lg);
	font-style: italic;
	line-height: 1.6;
	color: var(--szd-text);
	border: 0;
}
.szd-vision-quote cite {
	font-size: var(--szd-font-size-sm);
	font-style: normal;
	color: var(--szd-text-muted);
}
.szd-vision-pain-list,
.szd-vision-pillar-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szd-vision-pain-card,
.szd-vision-pillar-card {
	height: 100%;
	background: var(--szd-surface);
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	padding: var(--szd-space-4);
	box-shadow: var(--szd-shadow-sm);
}
.szd-vision-section--muted .szd-vision-pain-card {
	background: var(--szd-surface);
}
.szd-vision-pain-list > li,
.szd-vision-pillar-list > li {
	margin-bottom: var(--szd-space-4);
}
.szd-vision-pain-card__icon,
.szd-vision-pillar-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: var(--szd-space-3);
	border-radius: 50%;
	background: rgba(58, 169, 158, 0.12);
	color: var(--szd-accent);
	font-size: 18px;
}
.szd-vision-pain-card h3,
.szd-vision-pillar-card h3 {
	margin: 0 0 var(--szd-space-2);
	font-size: var(--szd-font-size-lg);
	font-weight: 700;
}
.szd-vision-pain-card p,
.szd-vision-pillar-card p {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	line-height: 1.55;
}
.szd-vision-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 720px;
}
.szd-vision-steps li {
	display: flex;
	align-items: flex-start;
	gap: var(--szd-space-4);
	padding: var(--szd-space-4) 0;
	border-bottom: 1px solid var(--szd-border);
}
.szd-vision-steps li:last-child {
	border-bottom: 0;
}
.szd-vision-steps__num {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--szd-accent);
	color: #fff;
	font-weight: 700;
	font-size: var(--szd-font-size-lg);
	line-height: 40px;
	text-align: center;
}
.szd-vision-steps h3 {
	margin: 0 0 4px;
	font-size: var(--szd-font-size-lg);
}
.szd-vision-steps p {
	margin: 0;
	color: var(--szd-text-muted);
}
.szd-vision-compare__table {
	width: 100%;
	margin: 0;
}
.szd-vision-compare__table th,
.szd-vision-compare__table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--szd-border);
	vertical-align: middle;
	text-align: center;
}
.szd-vision-compare__table thead th {
	font-size: var(--szd-font-size-sm);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--szd-text-muted);
	border-bottom-width: 2px;
}
.szd-vision-compare__table tbody th {
	text-align: left;
	font-weight: 600;
	color: var(--szd-text);
}
.szd-vision-compare__us {
	background: rgba(58, 169, 158, 0.06);
}
.szd-vision-cta {
	background: linear-gradient(180deg, var(--szd-surface-muted) 0%, #eef8f6 100%);
	padding: clamp(48px, 7vw, 80px) 0;
	text-align: center;
}
.szd-vision-cta h2 {
	margin: 0 0 var(--szd-space-3);
	font-family: var(--szd-font-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
}
.szd-vision-cta p {
	margin: 0 auto var(--szd-space-5);
	max-width: 36rem;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-lg);
}
.szd-vision-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--szd-space-3);
}

@media (max-width: 991px) {
	.szd-vision-page .container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.szd-vision-hero {
		padding: calc(var(--szd-space-6) + 8px) 0 var(--szd-space-6);
	}

	.szd-vision-hero h1 {
		max-width: none;
		padding: 0;
		font-size: clamp(1.5rem, 6.5vw, 2rem);
	}

	.szd-vision-hero__lead {
		padding: 0;
		font-size: 1rem;
	}

	.szd-vision-hero__actions,
	.szd-vision-cta__actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	.szd-vision-hero__actions .btn,
	.szd-vision-cta__actions .btn {
		width: 100%;
		margin: 0;
		white-space: normal;
	}

	.szd-vision-stats {
		padding: var(--szd-space-4) 0;
	}

	.szd-vision-stats__grid {
		gap: 8px 6px;
	}

	.szd-vision-stats__grid strong {
		font-size: clamp(1.125rem, 5vw, 1.5rem);
	}

	.szd-vision-stats__grid span {
		font-size: 11px;
	}

	.szd-vision-section {
		padding: var(--szd-space-6) 0;
	}

	.szd-vision-section .section-header,
	.szd-vision-section__header {
		text-align: left;
	}

	.szd-vision-quote {
		margin-top: var(--szd-space-5);
		height: auto;
	}

	.szd-vision-pain-list > li,
	.szd-vision-pillar-list > li {
		margin-bottom: var(--szd-space-3);
	}

	.szd-vision-pain-list.row,
	.szd-vision-pillar-list.row {
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}

	.szd-vision-pain-list > li,
	.szd-vision-pillar-list > li {
		padding-left: 0;
		padding-right: 0;
		float: none;
	}

	.szd-vision-pain-card,
	.szd-vision-pillar-card {
		padding: var(--szd-space-3);
	}

	.szd-vision-pain-card h3,
	.szd-vision-pillar-card h3 {
		font-size: var(--szd-font-size-base);
	}

	.szd-vision-pain-card p,
	.szd-vision-pillar-card p {
		font-size: var(--szd-font-size-sm);
	}

	.szd-vision-steps li {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--szd-space-2);
	}

	.szd-vision-compare.card {
		margin-left: calc(-1 * var(--szd-container-pad, 15px));
		margin-right: calc(-1 * var(--szd-container-pad, 15px));
		border-radius: 0;
		border-left: 0;
		border-right: 0;
	}

	.szd-vision-compare .card-block {
		padding: var(--szd-space-3);
	}
}

@media (max-width: 767px) {
	.szd-vision-pain-list.row,
	.szd-vision-pillar-list.row {
		flex-direction: column;
		gap: var(--szd-space-3);
	}

	.szd-vision-pain-list > li,
	.szd-vision-pillar-list > li {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
	}

	.szd-vision-pain-card,
	.szd-vision-pillar-card {
		display: grid;
		grid-template-columns: 44px 1fr;
		grid-template-rows: auto auto;
		column-gap: var(--szd-space-3);
		row-gap: 4px;
		align-items: start;
	}

	.szd-vision-pain-card__icon,
	.szd-vision-pillar-card__icon {
		grid-row: 1 / span 2;
		margin-bottom: 0;
	}

	.szd-vision-pain-card h3,
	.szd-vision-pillar-card h3 {
		grid-column: 2;
		margin-bottom: 0;
	}

	.szd-vision-pain-card p,
	.szd-vision-pillar-card p {
		grid-column: 2;
	}
}

@media (max-width: 767px) {
	.szd-vision-compare__table thead {
		display: none;
	}
	.szd-vision-compare__table tr {
		display: block;
		margin-bottom: var(--szd-space-4);
		border: 1px solid var(--szd-border);
		border-radius: var(--szd-radius-sm);
		overflow: hidden;
	}
	.szd-vision-compare__table th,
	.szd-vision-compare__table td {
		display: block;
		text-align: left;
		border: 0;
		padding: 10px 12px;
	}
	.szd-vision-compare__table tbody th {
		background: var(--szd-surface-muted);
		font-size: var(--szd-font-size-sm);
	}
	.szd-vision-compare__table tbody td::before {
		content: attr(data-col) ': ';
		font-weight: 600;
		color: var(--szd-text-muted);
		font-size: var(--szd-font-size-xs);
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}
	.szd-vision-compare__table tbody td i {
		margin-left: 4px;
	}
}

/* =====================================================================
   Admin panel v2 — layout, sidebar, tables (2026)
   ===================================================================== */
.szd-admin-mode .navbar .nav-menu,
.szd-admin-mode .search-screen,
.szd-admin-mode .search-opener,
.szd-admin-mode .szd-nav-add,
.szd-admin-mode .szd-nav-add-icon,
.szd-admin-mode .szd-nav-messages,
.szd-admin-mode .szd-nav-ratings,
.szd-admin-mode .szd-nav-notifications,
.szd-admin-mode .szd-lang-switch {
	display: none !important;
}
.szd-admin-mode .navbar {
	border-bottom: 1px solid var(--szd-border);
	box-shadow: none;
}
.szd-admin-mode .navbar-toggle {
	display: none !important;
}
.szd-admin-mode.offcanvas-show > main,
.szd-admin-mode.offcanvas-show .navbar,
.szd-admin-mode.offcanvas-show .site-footer {
	left: 0 !important;
	right: auto !important;
}
.szd-admin-mode.offcanvas-show {
	overflow: auto !important;
}
.szd-admin-mode.offcanvas-show .navbar .nav-menu {
	left: auto !important;
}
.szd-admin-app {
	padding-top: 0;
}
.szd-admin-app__layout {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: var(--szd-space-5);
	align-items: start;
	max-width: 1400px;
	margin: 0 auto;
	padding: var(--szd-space-4) var(--szd-space-4) var(--szd-space-6);
}
.szd-admin-app__sidebar-wrap {
	position: relative;
}
.szd-admin-nav-toggle {
	display: none;
	width: 100%;
	margin-bottom: var(--szd-space-3);
}
.szd-admin-app__sidebar {
	position: sticky;
	top: 72px;
}
.szd-admin-nav {
	padding: var(--szd-space-3) 0;
	max-height: calc(100vh - 96px);
	overflow-y: auto;
}
.szd-admin-nav-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.szd-admin-nav-link i {
	width: 18px;
	text-align: center;
	opacity: 0.75;
	flex-shrink: 0;
}
.szd-admin-nav-list a.active .szd-admin-nav-link i {
	opacity: 1;
}
.szd-admin-topbar {
	display: flex;
	align-items: center;
	gap: var(--szd-space-3);
	margin-bottom: var(--szd-space-4);
	padding-bottom: var(--szd-space-3);
	border-bottom: 1px solid var(--szd-border);
}
.szd-admin-topbar__back {
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.szd-admin-topbar__back:hover {
	color: var(--szd-accent);
	text-decoration: none;
}
.szd-admin-topbar__title {
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	color: var(--szd-text-muted);
}
.szd-admin-topbar__notify {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--szd-text);
	text-decoration: none;
}
.szd-admin-topbar__notify:hover {
	color: var(--szd-accent);
	text-decoration: none;
}
.szd-mail-test-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--szd-space-3);
	margin-top: var(--szd-space-2);
}
.szd-mail-test-actions .btn .ti-email {
	margin-right: 4px;
}
.szd-admin-alert {
	margin-bottom: var(--szd-space-4);
}
.szd-admin-context-nav {
	margin-bottom: var(--szd-space-4);
}
.szd-admin-context-nav .szd-breadcrumb {
	margin-bottom: var(--szd-space-3);
}
.szd-admin-subnav {
	margin-bottom: 0;
}
.szd-admin-subnav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-1);
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--szd-border);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.szd-admin-subnav__item {
	margin: 0;
}
.szd-admin-subnav__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.55rem 0.85rem;
	margin-bottom: -1px;
	border-bottom: 2px solid transparent;
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	color: var(--szd-text-muted);
	text-decoration: none;
	white-space: nowrap;
}
.szd-admin-subnav__link:hover,
.szd-admin-subnav__link:focus-visible {
	color: var(--szd-text);
	text-decoration: none;
}
.szd-admin-subnav__link.is-active {
	color: var(--szd-primary, #2f6fed);
	border-bottom-color: var(--szd-primary, #2f6fed);
}
.szd-admin-page-header {
	margin-bottom: var(--szd-space-5);
}
.szd-admin-app .card,
.szd-admin-card {
	border: 1px solid var(--szd-border);
	box-shadow: var(--szd-shadow-sm);
	margin-bottom: var(--szd-space-4);
}
.szd-admin-app .card-header h6 {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	font-weight: 700;
}
.szd-admin-stat-card {
	display: block;
	background: var(--szd-surface);
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	padding: var(--szd-space-4);
	margin-bottom: var(--szd-space-4);
	text-decoration: none;
	color: inherit;
	box-shadow: var(--szd-shadow-sm);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.szd-admin-stat-card:hover {
	border-color: var(--szd-accent);
	box-shadow: var(--szd-shadow-md);
	text-decoration: none;
	color: inherit;
}
.szd-admin-stat-card--warn {
	border-color: rgba(231, 76, 60, 0.25);
}
.szd-admin-stat-card__value {
	display: block;
	font-family: var(--szd-font-display);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 4px;
}
.szd-admin-stat-card__label {
	display: block;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
}
.szd-admin-growth-metrics .card-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--szd-space-2);
}
.szd-admin-metrics-table th,
.szd-admin-metrics-table td {
	vertical-align: middle;
}
.szd-admin-metrics-footnote {
	margin: var(--szd-space-3) 0 0;
}
.szd-admin-queue {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szd-admin-queue li + li {
	border-top: 1px solid var(--szd-border);
}
.szd-admin-queue a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--szd-space-3);
	padding: 12px 0;
	color: var(--szd-text);
	text-decoration: none;
}
.szd-admin-queue a:hover {
	color: var(--szd-accent);
	text-decoration: none;
}
.szd-admin-quick-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
}
.szd-admin-toolbar-card .card-block,
.szd-admin-bulk-bar .card-block {
	padding-top: var(--szd-space-3);
	padding-bottom: var(--szd-space-3);
}
.szd-admin-toolbar-row,
.szd-admin-bulk-form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-3);
	align-items: flex-end;
}
.szd-admin-toolbar-row .form-group,
.szd-admin-bulk-form .form-group {
	margin: 0;
	min-width: 160px;
}
.szd-admin-toolbar-row label {
	display: block;
	font-size: var(--szd-font-size-xs);
	color: var(--szd-text-muted);
	margin-bottom: 4px;
}
.szd-col-check {
	width: 36px;
}
.szd-col-actions {
	min-width: 130px;
	white-space: nowrap;
}
.szd-col-actions.szd-admin-actions {
	min-width: 220px;
	max-width: 280px;
	white-space: normal;
}
.szd-admin-row-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}
.szd-dropdown-form {
	margin: 0;
	padding: 0;
}
.szd-dropdown-form .btn-link {
	padding: 8px 16px;
	text-align: left;
	width: 100%;
}
.szd-dropdown-form--inline {
	padding: 8px 16px;
	min-width: 200px;
}
.szd-dropdown-form--inline .btn-block {
	margin-top: 8px;
}
.szd-admin-meta-list {
	list-style: none;
	margin: 0 0 var(--szd-space-4);
	padding: 0;
}
.szd-admin-meta-list li {
	display: flex;
	justify-content: space-between;
	gap: var(--szd-space-3);
	padding: 8px 0;
	border-bottom: 1px solid var(--szd-border);
	font-size: var(--szd-font-size-sm);
}
.szd-admin-meta-list li span {
	color: var(--szd-text-muted);
}
.szd-admin-side-form {
	margin-top: var(--szd-space-3);
	padding-top: var(--szd-space-3);
	border-top: 1px solid var(--szd-border);
}
.szd-admin-meta-links {
	margin-bottom: var(--szd-space-4);
	font-size: var(--szd-font-size-sm);
}
.szd-admin-footnote {
	margin-top: var(--szd-space-2);
}
@media (max-width: 991px) {
	.szd-admin-app {
		overflow-x: clip;
	}
	.szd-admin-app__layout {
		grid-template-columns: 1fr;
		gap: var(--szd-space-3);
		max-width: none;
		padding: var(--szd-space-3) var(--szd-container-pad) var(--szd-space-5);
	}
	.szd-admin-app__sidebar-wrap {
		position: static;
		z-index: auto;
	}
	.szd-admin-app__main {
		min-width: 0;
		max-width: 100%;
	}
	.szd-admin-nav-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		width: 100%;
		min-height: var(--szd-btn-min-h);
		margin-bottom: var(--szd-space-2);
	}
	.szd-admin-app__sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1201;
		width: min(300px, 88vw);
		display: block;
		padding: var(--szd-space-3);
		padding-top: calc(56px + var(--szd-space-3));
		background: var(--szd-surface, #fff);
		box-shadow: var(--szd-shadow-md);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateX(-105%);
		transition: transform 0.2s ease;
		visibility: hidden;
		pointer-events: none;
	}
	.szd-admin-app__sidebar.is-open {
		transform: translateX(0);
		visibility: visible;
		pointer-events: auto;
	}
	.szd-admin-nav {
		max-height: none;
		overflow-y: visible;
	}
	.szd-admin-topbar {
		flex-wrap: wrap;
		gap: var(--szd-space-2);
	}
	.szd-admin-topbar__back {
		flex: 1 1 auto;
		min-width: 0;
	}
	.szd-admin-topbar__title {
		flex: 1 1 100%;
		order: -1;
	}
	.szd-admin-topbar__notify {
		margin-left: 0;
	}
	.szd-admin-context-nav {
		margin-bottom: var(--szd-space-3);
	}
	.szd-admin-context-nav .szd-breadcrumb {
		margin-bottom: var(--szd-space-2);
		font-size: 12px;
	}
	.szd-admin-page-header {
		margin-bottom: var(--szd-space-4);
	}
	.szd-admin-app .szd-section-heading__title {
		font-size: var(--szd-font-size-h3);
	}
	.szd-admin-toolbar-row,
	.szd-admin-bulk-form,
	.szd-admin-filter-form {
		flex-direction: column;
		align-items: stretch;
	}
	.szd-admin-toolbar-row .form-group,
	.szd-admin-bulk-form .form-group,
	.szd-admin-filter-form .form-group {
		min-width: 0;
		width: 100%;
	}
	.szd-admin-toolbar-row .form-control,
	.szd-admin-bulk-form .form-control,
	.szd-admin-bulk-form .btn,
	.szd-admin-filter-form .form-control,
	.szd-admin-filter-form .btn {
		width: 100%;
	}
	.szd-admin-app .szd-data-table .card-block {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}
	.szd-admin-app .table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}
	.szd-admin-app .szd-data-table .table {
		min-width: 520px;
	}
	.szd-admin-row-actions {
		flex-wrap: wrap;
	}
	.szd-admin-app .section-header {
		display: none;
	}
	body.szd-admin-sidebar-open {
		overflow: hidden;
	}
	body.szd-admin-sidebar-open::before {
		content: '';
		position: fixed;
		inset: 0;
		z-index: 1200;
		background: rgba(15, 23, 42, 0.45);
	}
}
@media (min-width: 992px) {
	.szd-admin-nav-toggle {
		display: none !important;
	}
}

/* Push obaveštenja (PWA) */
.szd-push-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	padding: var(--szd-space-3) var(--szd-container-pad);
	padding-bottom: calc(var(--szd-space-3) + env(safe-area-inset-bottom, 0px));
	background: var(--szd-surface, #fff);
	border-top: 1px solid var(--szd-border);
	box-shadow: 0 -4px 24px rgba(15, 23, 42, 0.12);
}
.szd-push-banner__inner {
	max-width: 640px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--szd-space-3);
}
.szd-push-banner__text {
	flex: 1 1 200px;
	margin: 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	line-height: var(--szd-line-height);
}
.szd-push-banner__actions {
	display: flex;
	align-items: center;
	gap: var(--szd-space-2);
	flex-shrink: 0;
}
.szd-push-banner__dismiss {
	font-size: 22px;
	line-height: 1;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
}
.szd-push-settings__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	margin-top: var(--szd-space-3);
}
.szd-push-settings__status {
	margin: var(--szd-space-2) 0 0;
	font-size: var(--szd-font-size-sm);
}

/* =====================================================================
   Homepage v2 — SEO hero, onboarding, categories (2026)
   ===================================================================== */
.szd-home-hero__eyebrow {
	display: block;
	font-size: var(--szd-font-size-overline);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: var(--szd-space-2);
}
.szd-home-hero h1 {
	font-family: var(--szd-font-display);
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	line-height: var(--szd-line-height-heading);
	margin-bottom: var(--szd-space-3);
}
.szd-home-hero__lead {
	font-size: var(--szd-font-size-lg);
	line-height: var(--szd-line-height);
	margin-bottom: var(--szd-space-3);
	max-width: 36rem;
}
.szd-home-hero__text {
	font-size: var(--szd-font-size-sm);
	opacity: 0.92;
	max-width: 34rem;
	margin-bottom: var(--szd-space-4);
}
.szd-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	align-items: center;
	margin-top: var(--szd-space-2);
}
.szd-home-steps {
	padding: clamp(40px, 6vw, 64px) 0;
}
.szd-home-steps__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--szd-space-5);
	counter-reset: home-step;
}
.szd-home-step {
	position: relative;
	padding: var(--szd-space-4);
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	background: var(--szd-surface);
	box-shadow: var(--szd-shadow-sm);
}
.szd-home-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--szd-accent);
	color: #fff;
	font-weight: 700;
	font-size: var(--szd-font-size-sm);
	margin-bottom: var(--szd-space-3);
}
.szd-home-step h3 {
	margin: 0 0 var(--szd-space-2);
	font-size: var(--szd-font-size-h4);
	font-weight: 700;
}
.szd-home-step p {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	line-height: var(--szd-line-height);
}
.szd-home-categories {
	padding: clamp(36px, 5vw, 56px) 0;
	background: var(--szd-surface-muted);
}
.szd-home-categories__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	justify-content: center;
}
.szd-home-categories__grid a {
	display: inline-block;
	padding: 10px 18px;
	border-radius: var(--szd-radius-pill);
	border: 1px solid var(--szd-border);
	background: var(--szd-surface);
	color: var(--szd-text);
	text-decoration: none;
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	transition: border-color 0.15s ease, color 0.15s ease;
}
.szd-home-categories__grid a:hover {
	border-color: var(--szd-accent);
	color: var(--szd-accent);
	text-decoration: none;
}
.szd-home-more {
	clear: both;
	position: relative;
	z-index: 1;
	margin-top: var(--szd-space-4);
	margin-bottom: var(--szd-space-2);
}
.szd-home-empty {
	max-width: 640px;
	margin: 0 auto var(--szd-space-4);
	border: 1px dashed var(--szd-border);
	box-shadow: none;
}
.szd-home-empty h3 {
	margin-top: 0;
	font-size: var(--szd-font-size-h3);
}
.szd-home-empty__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	justify-content: center;
	margin-top: var(--szd-space-4);
}
.szd-home-why {
	padding: clamp(40px, 6vw, 64px) 0;
}
.szd-home-benefit {
	text-align: center;
	padding: var(--szd-space-3);
}
.szd-home-benefit i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(58, 169, 158, 0.12);
	color: var(--szd-accent);
	font-size: 22px;
	margin-bottom: var(--szd-space-3);
}
.szd-home-benefit h3 {
	margin: 0 0 var(--szd-space-2);
	font-size: var(--szd-font-size-h4);
	font-weight: 700;
}
.szd-home-benefit p {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
	line-height: var(--szd-line-height);
	max-width: 22rem;
	margin-left: auto;
	margin-right: auto;
}
.szd-home-cta-band {
	padding: clamp(48px, 7vw, 72px) 0;
	background: linear-gradient(135deg, rgba(58, 169, 158, 0.12) 0%, rgba(248, 133, 150, 0.1) 100%);
}
.szd-home-cta-band__inner {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.szd-home-cta-band__inner h2 {
	margin: 0 0 var(--szd-space-2);
	font-family: var(--szd-font-display);
	font-size: var(--szd-font-size-h2);
}
.szd-home-cta-band__inner p {
	margin: 0 0 var(--szd-space-4);
	font-size: var(--szd-font-size-md);
	color: var(--szd-text-muted);
}
.szd-home-cta-band__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	justify-content: center;
	align-items: center;
}
.szd-home-stats .counter h3,
.szd-home-stats .counter h6 {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
}
@media (max-width: 991px) {
	.szd-home-steps__grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767px) {
	.szd-home-hero__actions .btn-lg {
		width: 100%;
	}
	.szd-home-hero__browse {
		width: 100%;
		text-align: center;
	}
}

/* Blog (P39) */
.szd-blog-section {
	padding: var(--szd-space-6) 0;
}
.szd-blog-categories {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	margin-bottom: var(--szd-space-4);
}
.szd-blog-cat-link {
	display: inline-block;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	border: 1px solid var(--szd-color-border, #e5e7eb);
	font-size: var(--szd-font-size-sm);
	color: inherit;
	text-decoration: none;
}
.szd-blog-cat-link.is-active,
.szd-blog-cat-link:hover {
	background: var(--szd-color-primary, #2f8f6f);
	border-color: var(--szd-color-primary, #2f8f6f);
	color: #fff;
}
.szd-blog-grid {
	display: grid;
	width: 100%;
	margin: 0;
	row-gap: 28px;
	column-gap: 20px;
	grid-template-columns: minmax(0, 1fr);
}
.szd-blog-grid > .szd-blog-card,
.szd-blog-grid > [class*="col-"] {
	display: flex;
	flex-direction: column;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
	min-width: 0;
}
.szd-blog-grid > [class*="col-"] > .szd-blog-card {
	flex: 1 1 auto;
	width: 100%;
}
@media (min-width: 768px) {
	.szd-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 992px) {
	.szd-blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
.szd-blog-section__body {
	display: block;
	width: 100%;
}
.szd-blog-section__pagination {
	display: block;
	width: 100%;
	clear: both;
	margin-top: clamp(36px, 5vw, 52px);
	padding-top: var(--szd-space-2);
	text-align: center;
}
.szd-blog-section__pagination:empty {
	display: none;
}
.szd-home-blog__body {
	display: block;
	width: 100%;
}
.szd-home-blog__actions {
	display: block;
	width: 100%;
	clear: both;
	margin-top: clamp(36px, 5vw, 52px);
	padding-top: var(--szd-space-2);
	text-align: center;
}
.szd-blog-section .szd-blog-grid {
	padding-bottom: 0;
}
.szd-blog-section__pagination .pagination {
	margin-top: 0;
	margin-bottom: 0;
}
.szd-blog-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}
.szd-blog-card .card-block {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.szd-blog-card h2,
.szd-blog-card h3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.szd-blog-card .card-block > p:not(.szd-blog-card__meta) {
	flex: 1 1 auto;
	margin-bottom: var(--szd-space-2);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.szd-blog-card__image {
	display: block;
	overflow: hidden;
	flex-shrink: 0;
}
.szd-blog-card__image img,
.szd-blog-card__image-placeholder {
	display: block;
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.szd-blog-card__image-placeholder {
	background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}
.szd-blog-card__category {
	display: inline-block;
	margin-bottom: var(--szd-space-1);
	font-size: var(--szd-font-size-xs);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--szd-color-muted, #6b7280);
}
.szd-blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	align-items: center;
	margin-top: auto;
	font-size: var(--szd-font-size-sm);
	color: var(--szd-color-muted, #6b7280);
}
.szd-blog-card__more {
	font-weight: 600;
}
.szd-blog-article__meta {
	color: var(--szd-color-muted, #6b7280);
	font-size: var(--szd-font-size-sm);
}
.szd-blog-article__hero {
	margin: 0 0 var(--szd-space-4);
}
.szd-blog-article__hero img {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	border-radius: 8px;
}
.szd-blog-article__excerpt {
	margin-bottom: var(--szd-space-4);
}
.szd-blog-article__body {
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.szd-blog-article__body > :first-child {
	margin-top: 0;
}
.szd-blog-article__body p,
.szd-blog-article__body ul,
.szd-blog-article__body ol {
	margin-bottom: var(--szd-space-3);
}
.szd-blog-article__body blockquote {
	margin: var(--szd-space-4) 0;
	padding-left: 1rem;
	border-left: 3px solid var(--szd-border, #e5e7eb);
	color: var(--szd-color-muted, #6b7280);
}
.szd-blog-article__body h2,
.szd-blog-article__body h3,
.szd-blog-article__body h4 {
	margin-top: var(--szd-space-4);
}
.szd-blog-article__body ul,
.szd-blog-article__body ol {
	padding-left: 1.25rem;
}
.szd-blog-article__body img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.szd-blog-figure {
	margin: var(--szd-space-4) 0;
}
.szd-blog-figure img {
	max-height: 460px;
	object-fit: cover;
}
.szd-blog-article__share {
	margin-top: var(--szd-space-4);
}
.szd-blog-article__share--top {
	margin-top: var(--szd-space-3);
	margin-bottom: var(--szd-space-4);
	padding-bottom: var(--szd-space-4);
	border-bottom: 1px solid var(--szd-border);
}
.szd-blog-article__share--top .szd-share-bar {
	flex-wrap: wrap;
	gap: var(--szd-space-2);
}
.szd-blog-article__share--bottom {
	margin-top: var(--szd-space-5);
	padding-top: var(--szd-space-4);
	border-top: 1px solid var(--szd-border);
}
.szd-blog-cta {
	margin-top: var(--szd-space-5);
	padding: var(--szd-space-5);
	border-radius: var(--szd-radius);
	background: linear-gradient(135deg, rgba(58, 169, 158, 0.1) 0%, rgba(248, 133, 150, 0.08) 100%);
	border: 1px solid var(--szd-border);
}
.szd-blog-cta__inner {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.szd-blog-cta__inner h2 {
	margin: 0 0 var(--szd-space-2);
	font-family: var(--szd-font-display);
	font-size: var(--szd-font-size-xl);
}
.szd-blog-cta__inner p {
	margin: 0 0 var(--szd-space-4);
	color: var(--szd-text-muted);
}
.szd-blog-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--szd-space-2);
	justify-content: center;
	align-items: center;
}
.szd-blog-article__footer {
	margin-top: var(--szd-space-5);
}
.szd-home-blog {
	padding: var(--szd-space-6) 0 var(--szd-space-7);
}

/* Unified site search results */
.szd-search-section {
	margin-top: var(--szd-space-6);
	padding-top: var(--szd-space-5);
	border-top: 1px solid var(--szd-border);
}
.szd-search-section:first-of-type {
	margin-top: var(--szd-space-4);
	padding-top: 0;
	border-top: 0;
}
.szd-search-section__header {
	margin-bottom: var(--szd-space-4);
}
.szd-search-section__header .h4 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--szd-space-2);
	margin: 0;
	font-family: var(--szd-font-display);
	font-size: var(--szd-font-size-lg);
	font-weight: 700;
}
.szd-search-section__count {
	font-weight: 500;
	color: var(--szd-text-muted);
	font-size: var(--szd-font-size-sm);
}
.szd-search-section__empty {
	margin: 0 0 var(--szd-space-4);
}
.szd-search-result-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--szd-space-3);
}
.szd-search-result {
	padding: var(--szd-space-4);
	border: 1px solid var(--szd-border);
	border-radius: var(--szd-radius);
	background: var(--szd-surface);
	box-shadow: var(--szd-shadow-sm);
}
.szd-search-result__type {
	display: inline-block;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	font-size: var(--szd-font-size-xs);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.3;
}
.szd-search-result__type--post {
	background: rgba(248, 133, 150, 0.14);
	color: #c0392b;
}
.szd-search-result__type--blog {
	background: rgba(58, 169, 158, 0.14);
	color: #1f7a6f;
}
.szd-search-result__type--page {
	background: rgba(52, 73, 94, 0.1);
	color: #34495e;
}
.szd-search-result__title {
	margin: var(--szd-space-2) 0 var(--szd-space-1);
	font-size: var(--szd-font-size-lg);
	line-height: var(--szd-line-height-heading);
}
.szd-search-result__title a {
	color: var(--szd-text);
	text-decoration: none;
}
.szd-search-result__title a:hover {
	color: var(--szd-accent);
}
.szd-search-result__meta {
	margin: 0 0 var(--szd-space-1);
	font-size: var(--szd-font-size-sm);
	color: var(--szd-text-muted);
}
.szd-search-result__excerpt {
	margin: 0;
	font-size: var(--szd-font-size-sm);
	line-height: var(--szd-line-height);
	color: var(--szd-text);
}