/* Containers - page-level wrapperi */
.ot-container-s { width: 100%; max-width: 768px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
.ot-container-m { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
.ot-container-l { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 calc(var(--ot-spacing-m) * 2); }
.ot-container-full { width: 100%; padding: 0 calc(var(--ot-spacing-m) * 2); }

@media screen and (max-width: 900px)
{
    .ot-container-s,
    .ot-container-m,
    .ot-container-l,
    .ot-container-full
    {
        padding: 0 var(--ot-spacing-m);
    }
}

/* Grid - responsive auto layouts */
.ot-grid-auto-s { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--ot-spacing-s); }
.ot-grid-auto-m { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--ot-spacing-m); }
.ot-grid-auto-l { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--ot-spacing-m); }

/* Scrollbar - opt-in tanke skrol regije */
.ot-scrollbar { overflow: auto; scrollbar-width: thin; scrollbar-color: var(--ot-bg-4) var(--ot-bg-1); }
.ot-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.ot-scrollbar::-webkit-scrollbar-track { background: var(--ot-bg-1); }
.ot-scrollbar::-webkit-scrollbar-thumb { background: var(--ot-bg-4); border-radius: 4px; }
.ot-scrollbar::-webkit-scrollbar-thumb:hover { background: var(--ot-bg-4-hover); }

/* Truncate - single line ellipsis */
.ot-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

/* Line clamp - multi-line ellipsis */
.ot-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ot-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ot-clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* Flex */

.ot-flex-vertical { display: flex; flex-direction: column; gap: var(--ot-spacing-l); }
.ot-flex-horizontal { display: flex; gap: var(--ot-spacing-l); }
.ot-flex-between { display: flex; align-items: center; justify-content: space-between; gap: var(--ot-spacing-m); }
.ot-flex-center { display: flex; align-items: center; justify-content: center; gap: var(--ot-spacing-m); }
.ot-flex-start { display: flex; align-items: center; gap: var(--ot-spacing-m); }
.ot-flex-end { display: flex; align-items: center; justify-content: flex-end; gap: var(--ot-spacing-m); }
.ot-flex-wrap { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-m); }
.ot-flex-1 { flex: 1; min-width: 0; }

/* Gap overrides */

.ot-gap-0 { gap: 0; }
.ot-gap-x { gap: var(--ot-spacing-x); }
.ot-gap-s { gap: var(--ot-spacing-s); }
.ot-gap-m { gap: var(--ot-spacing-m); }
.ot-gap-l { gap: var(--ot-spacing-l); }
.ot-p-0 { padding: 0; }
.ot-p-x { padding: var(--ot-spacing-x); }
.ot-p-s { padding: var(--ot-spacing-s); }
.ot-p-m { padding: var(--ot-spacing-m); }
.ot-p-l { padding: var(--ot-spacing-l); }

.ot-px-0 { padding-left: 0; padding-right: 0; }
.ot-px-x { padding-left: var(--ot-spacing-x); padding-right: var(--ot-spacing-x); }
.ot-px-s { padding-left: var(--ot-spacing-s); padding-right: var(--ot-spacing-s); }
.ot-px-m { padding-left: var(--ot-spacing-m); padding-right: var(--ot-spacing-m); }
.ot-px-l { padding-left: var(--ot-spacing-l); padding-right: var(--ot-spacing-l); }

.ot-py-0 { padding-top: 0; padding-bottom: 0; }
.ot-py-x { padding-top: var(--ot-spacing-x); padding-bottom: var(--ot-spacing-x); }
.ot-py-s { padding-top: var(--ot-spacing-s); padding-bottom: var(--ot-spacing-s); }
.ot-py-m { padding-top: var(--ot-spacing-m); padding-bottom: var(--ot-spacing-m); }
.ot-py-l { padding-top: var(--ot-spacing-l); padding-bottom: var(--ot-spacing-l); }

.ot-pt-0 { padding-top: 0; }
.ot-pt-x { padding-top: var(--ot-spacing-x); }
.ot-pt-s { padding-top: var(--ot-spacing-s); }
.ot-pt-m { padding-top: var(--ot-spacing-m); }
.ot-pt-l { padding-top: var(--ot-spacing-l); }

.ot-pr-0 { padding-right: 0; }
.ot-pr-x { padding-right: var(--ot-spacing-x); }
.ot-pr-s { padding-right: var(--ot-spacing-s); }
.ot-pr-m { padding-right: var(--ot-spacing-m); }
.ot-pr-l { padding-right: var(--ot-spacing-l); }

.ot-pb-0 { padding-bottom: 0; }
.ot-pb-x { padding-bottom: var(--ot-spacing-x); }
.ot-pb-s { padding-bottom: var(--ot-spacing-s); }
.ot-pb-m { padding-bottom: var(--ot-spacing-m); }
.ot-pb-l { padding-bottom: var(--ot-spacing-l); }

.ot-pl-0 { padding-left: 0; }
.ot-pl-x { padding-left: var(--ot-spacing-x); }
.ot-pl-s { padding-left: var(--ot-spacing-s); }
.ot-pl-m { padding-left: var(--ot-spacing-m); }
.ot-pl-l { padding-left: var(--ot-spacing-l); }

.ot-m-0 { margin: 0; }
.ot-m-auto { margin: auto; }
.ot-m-x { margin: var(--ot-spacing-x); }
.ot-m-s { margin: var(--ot-spacing-s); }
.ot-m-m { margin: var(--ot-spacing-m); }
.ot-m-l { margin: var(--ot-spacing-l); }

.ot-mx-0 { margin-left: 0; margin-right: 0; }
.ot-mx-auto { margin-left: auto; margin-right: auto; }
.ot-mx-x { margin-left: var(--ot-spacing-x); margin-right: var(--ot-spacing-x); }
.ot-mx-s { margin-left: var(--ot-spacing-s); margin-right: var(--ot-spacing-s); }
.ot-mx-m { margin-left: var(--ot-spacing-m); margin-right: var(--ot-spacing-m); }
.ot-mx-l { margin-left: var(--ot-spacing-l); margin-right: var(--ot-spacing-l); }

.ot-my-0 { margin-top: 0; margin-bottom: 0; }
.ot-my-auto { margin-top: auto; margin-bottom: auto; }
.ot-my-x { margin-top: var(--ot-spacing-x); margin-bottom: var(--ot-spacing-x); }
.ot-my-s { margin-top: var(--ot-spacing-s); margin-bottom: var(--ot-spacing-s); }
.ot-my-m { margin-top: var(--ot-spacing-m); margin-bottom: var(--ot-spacing-m); }
.ot-my-l { margin-top: var(--ot-spacing-l); margin-bottom: var(--ot-spacing-l); }

.ot-mt-0 { margin-top: 0; }
.ot-mt-auto { margin-top: auto; }
.ot-mt-x { margin-top: var(--ot-spacing-x); }
.ot-mt-s { margin-top: var(--ot-spacing-s); }
.ot-mt-m { margin-top: var(--ot-spacing-m); }
.ot-mt-l { margin-top: var(--ot-spacing-l); }

.ot-mr-0 { margin-right: 0; }
.ot-mr-auto { margin-right: auto; }
.ot-mr-x { margin-right: var(--ot-spacing-x); }
.ot-mr-s { margin-right: var(--ot-spacing-s); }
.ot-mr-m { margin-right: var(--ot-spacing-m); }
.ot-mr-l { margin-right: var(--ot-spacing-l); }

.ot-mb-0 { margin-bottom: 0; }
.ot-mb-auto { margin-bottom: auto; }
.ot-mb-x { margin-bottom: var(--ot-spacing-x); }
.ot-mb-s { margin-bottom: var(--ot-spacing-s); }
.ot-mb-m { margin-bottom: var(--ot-spacing-m); }
.ot-mb-l { margin-bottom: var(--ot-spacing-l); }

.ot-ml-0 { margin-left: 0; }
.ot-ml-auto { margin-left: auto; }
.ot-ml-x { margin-left: var(--ot-spacing-x); }
.ot-ml-s { margin-left: var(--ot-spacing-s); }
.ot-ml-m { margin-left: var(--ot-spacing-m); }
.ot-ml-l { margin-left: var(--ot-spacing-l); }

.ot-gap-0 { gap: 0; }
.ot-gap-x { gap: var(--ot-spacing-x); }
.ot-gap-s { gap: var(--ot-spacing-s); }
.ot-gap-m { gap: var(--ot-spacing-m); }
.ot-gap-l { gap: var(--ot-spacing-l); }
*,
*::before,
*::after
{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	scroll-behavior: smooth;
	font-size: 100%;
	tab-size: 4;
}

body
{
	min-height: 100vh;
	font-family: var(--ot-font-primary), system-ui, sans-serif;
	font-size: var(--ot-size-m);
	line-height: 1.5;
	color: var(--ot-text-1);
	background: var(--ot-bg-1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:focus-visible
{
	outline: 2px solid var(--ot-brand);
	outline-offset: 2px;
}

:focus:not(:focus-visible)
{
	outline: none;
}

h1, h2, h3, h4, h5, h6
{
	font-family: var(--ot-font-secondary), Georgia, serif;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.25rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p
{
	line-height: 1.6;
	color: var(--ot-text-2);
}

@media screen and (max-width: 768px)
{
	html { font-size: 95%; }
	h1 { line-height: 1.05; }
	p { line-height: 1.5; }
}

@media screen and (max-width: 480px)
{
	html { font-size: 90%; }
	h1 { line-height: 1.05; }
	p { line-height: 1.4; }
}

small
{
	font-size: 0.875em;
}

a
{
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

img,
picture,
video,
canvas,
svg
{
	display: block;
	max-width: 100%;
	height: auto;
}

button,
input,
optgroup,
select,
textarea
{
	font: inherit;
	color: inherit;
	line-height: inherit;
}

button
{
	cursor: pointer;
	background: none;
	border: none;
}

ul, ol
{
	list-style: none;
}

table
{
	border-collapse: collapse;
	width: 100%;
}

i
{
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	color: inherit;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings: 'opsz' 24, 'wght' 300, 'FILL' 0, 'GRAD' 0;
}

*
{
	scrollbar-width: thin;
	scrollbar-color: var(--ot-bg-3) transparent;
}

::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track
{
	background: transparent;
}

::-webkit-scrollbar-thumb
{
	background: var(--ot-bg-3);
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover
{
	background: var(--ot-bg-4);
}

@media print
{
	body { background: #fff; color: #000; }
	a { color: #000; text-decoration: underline; }
	@page { margin: 2cm; }
}

hr 
{
	border: 1px solid var(--ot-bg-1-border);
}

hr.bg-2
{
	border: 1px solid var(--ot-bg-2-border);
}

hr.bg-3
{
	border: 1px solid var(--ot-bg-3-border);
}

hr.bg-4
{
	border: 1px solid var(--ot-bg-4-border);
}
:root
{
    --ot-spacing-x: 4px;
    --ot-spacing-s: 8px;
    --ot-spacing-m: 16px;
    --ot-spacing-l: 32px;

    --ot-radius-s: 4px;
    --ot-radius-m: 8px;
    --ot-radius-l: 12px;

    --ot-height-x: 18px;
    --ot-height-s: 28px;
    --ot-height-m: 34px;
    --ot-height-l: 44px;

    --ot-size-s: 11px;
    --ot-size-m: 13px;
    --ot-size-l: 22px;

    --ot-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ot-font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --ot-bg-1: rgba(29, 29, 31, 1);
    --ot-bg-1-border: rgba(43, 43, 45, 1);
    --ot-bg-1-opacity: rgba(29, 29, 31, 0.85);
    --ot-bg-1-hover: rgba(33, 33, 35, 1);

    --ot-bg-2: rgba(34, 34, 36, 1);
    --ot-bg-2-border: rgba(48, 48, 50, 1);
    --ot-bg-2-opacity: rgba(34, 34, 36, 0.85);
    --ot-bg-2-hover: rgba(38, 38, 40, 1);

    --ot-bg-3: rgba(39, 39, 41, 1);
    --ot-bg-3-border: rgba(53, 53, 55, 1);
    --ot-bg-3-opacity: rgba(39, 39, 41, 0.85);
    --ot-bg-3-hover: rgba(43, 43, 45, 1);

    --ot-bg-4: rgba(44, 44, 46, 1);
    --ot-bg-4-border: rgba(58, 58, 60, 1);
    --ot-bg-4-opacity: rgba(44, 44, 46, 0.85);
    --ot-bg-4-hover: rgba(48, 48, 50, 1);

    --ot-text-1: rgb(237, 233, 233);
    --ot-text-2: rgb(161, 153, 153);
    --ot-text-3: rgb(131, 130, 130);

    --ot-brand: rgba(226, 112, 85, 1);
    --ot-brand-border: rgba(236, 142, 120, 1);
    --ot-brand-opacity: rgba(226, 112, 85, 0.12);
    --ot-brand-hover: rgba(206, 92, 65, 1);

    --ot-blue: rgba(56, 189, 248, 1);
    --ot-blue-border: rgba(125, 211, 252, 1);
    --ot-blue-opacity: rgba(56, 189, 248, 0.12);
    --ot-blue-hover: rgba(14, 165, 233, 1);

    --ot-red: rgba(244, 63, 94, 1);
    --ot-red-border: rgba(251, 113, 133, 1);
    --ot-red-opacity: rgba(244, 63, 94, 0.12);
    --ot-red-hover: rgba(225, 29, 72, 1);

    --ot-orange: rgba(251, 146, 60, 1);
    --ot-orange-border: rgba(253, 186, 116, 1);
    --ot-orange-opacity: rgba(251, 146, 60, 0.12);
    --ot-orange-hover: rgba(249, 115, 22, 1);

    --ot-green: rgba(52, 211, 153, 1);
    --ot-green-border: rgba(110, 231, 183, 1);
    --ot-green-opacity: rgba(52, 211, 153, 0.12);
    --ot-green-hover: rgba(16, 185, 129, 1);

    --ot-transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
    --ot-transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
    --ot-transition-slow: 280ms cubic-bezier(0.4, 0, 0.2, 1);

    --ot-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.2);
    --ot-shadow-m: 0 4px 12px rgba(0, 0, 0, 0.25);
    --ot-shadow-l: 0 12px 32px rgba(0, 0, 0, 0.35);

    --ot-blur: blur(12px) saturate(180%);
}

@media screen and (max-width: 900px)
{
    :root
    {
        --ot-spacing-l: 16px;
    }
}
.ot-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100000;
}

.ot-overlay > .backdrop
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	pointer-events: auto;
}

.ot-overlay > .content
{
	position: absolute;
	pointer-events: auto;
}

.ot-overlay.ot-modal > .content
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.ot-tooltip
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: var(--ot-bg-3);
	border: 1px solid var(--ot-bg-3-border);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-1);
	font-size: var(--ot-size-s);
	max-width: 280px;
	white-space: normal;
}

.ot-tooltip > .icon
{
	font-size: 16px;
	color: var(--ot-text-2);
}

.ot-tooltip > .content > .title
{
	font-weight: 600;
	margin-bottom: 2px;
}

.ot-tooltip > .content > .text
{
	color: var(--ot-text-2);
}

.ot-tooltip.info > .icon { color: var(--ot-blue); }
.ot-tooltip.success > .icon { color: var(--ot-green); }
.ot-tooltip.warning > .icon { color: var(--ot-orange); }
.ot-tooltip.error > .icon { color: var(--ot-red); }

.ot-toast
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: 16px 20px;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-l);
	color: var(--ot-text-1);
	font-size: var(--ot-size-m);
	min-width: 320px;
	max-width: 420px;
	animation: toast-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes toast-in
{
	from { opacity: 0; transform: translateY(-12px) scale(0.96); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.ot-toast > .icon
{
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

.ot-toast > .content
{
	flex: 1;
}

.ot-toast > .content > .title
{
	font-weight: 600;
	font-size: 13.5px;
	margin-bottom: 3px;
	color: var(--ot-text-1);
}

.ot-toast > .content > .message
{
	font-size: var(--ot-size-m);
	font-weight: 600;
	line-height: 1.45;
	color: var(--ot-text-1);
}

.ot-toast > .close
{
	width: 28px;
	height: 28px;
	background: none;
	border: none;
	color: var(--ot-text-3);
	cursor: pointer;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

.ot-toast > .close:hover
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
}

.ot-toast > .close > i
{
	font-size: 16px;
}

.ot-toast.info > .icon { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.ot-toast.success > .icon { background: var(--ot-green-opacity); color: var(--ot-green); }
.ot-toast.warning > .icon { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.ot-toast.error > .icon { background: var(--ot-red-opacity); color: var(--ot-red); }

/* Confirm */

.ot-confirm
{
	display: flex;
	flex-direction: column;
	padding: 28px 32px 24px;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: 20px;
	min-width: 400px;
	max-width: 460px;
	animation: confirm-in 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes confirm-in
{
	from { opacity: 0; transform: scale(0.95) translateY(8px); }
	to { opacity: 1; transform: scale(1) translateY(0); }
}

/* Icon */

.ot-confirm > .icon
{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.ot-confirm > .icon > i
{
	font-size: 22px;
}

.ot-confirm > .icon.default { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.ot-confirm > .icon.danger { background: var(--ot-red-opacity); color: var(--ot-red); }
.ot-confirm > .icon.warning { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.ot-confirm > .icon.info { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.ot-confirm > .icon.success { background: var(--ot-green-opacity); color: var(--ot-green); }

/* Title */

.ot-confirm > .title
{
	font-family: var(--ot-font-secondary);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.015em;
	line-height: 1.15;
	color: var(--ot-text-1);
	margin-bottom: 8px;
}

/* Description */

.ot-confirm > .description
{
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--ot-text-2);
	margin-bottom: 24px;
}

/* Input */

.ot-confirm > .input
{
	width: 100%;
	margin-bottom: 24px;
}

/* Actions */

.ot-confirm > .actions
{
	display: flex;
	gap: 10px;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid var(--ot-bg-1-border);
}

.ot-confirm > .actions > *,
.ot-confirm > .actions > * > *
{
	width: 100%;
}
/* ===== POPUP PANEL — chrome for modals, drawers and sheets ===== */

.e-5ea275cd
{
	display: contents;
}

.e-5ea275cd > .box
{
	display: flex;
	flex-direction: column;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	overflow: hidden;
}

/* ===== PLACEMENT — all floating cards: full border, radius, margin from edges ===== */

.e-5ea275cd > .box
{
	border-radius: var(--ot-radius-l);
}

/* Center — modal card */
.e-5ea275cd > .box.place-center
{
	max-height: 85vh;
}

/* Right / Left — drawer, full height minus margin */
.e-5ea275cd > .box.place-right,
.e-5ea275cd > .box.place-left
{
	height: calc(100vh - var(--ot-spacing-m) * 2);
}

/* Bottom / Top — sheet, full width minus margin */
.e-5ea275cd > .box.place-bottom,
.e-5ea275cd > .box.place-top
{
	width: calc(100vw - var(--ot-spacing-m) * 2);
	max-height: 85vh;
}

/* ===== WIDTH (center / right / left) ===== */

.e-5ea275cd > .box.place-center.width-s, .e-5ea275cd > .box.place-right.width-s, .e-5ea275cd > .box.place-left.width-s { width: 320px; }
.e-5ea275cd > .box.place-center.width-m, .e-5ea275cd > .box.place-right.width-m, .e-5ea275cd > .box.place-left.width-m { width: 420px; }
.e-5ea275cd > .box.place-center.width-l, .e-5ea275cd > .box.place-right.width-l, .e-5ea275cd > .box.place-left.width-l { width: 560px; }

.e-5ea275cd > .box.place-center { max-width: 90vw; }

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

.e-5ea275cd > .box > .head
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
	flex-shrink: 0;
	align-items: center;
}

.e-5ea275cd > .box > .head > .titles
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.e-5ea275cd > .box > .head > .titles > .title
{
	font-size: var(--ot-size-m);
	font-weight: 600;
	color: var(--ot-text-1);
}

.e-5ea275cd > .box > .head > .titles > .description
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

.e-5ea275cd > .box > .head > .close
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	flex-shrink: 0;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-5ea275cd > .box > .head > .close:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-5ea275cd > .box > .head > .close > i
{
	font-size: 18px;
}

/* ===== BODY ===== */

.e-5ea275cd > .box > .body
{
	overflow-y: auto;
	flex: 1;
}

.e-5ea275cd > .box > .body.pad-none { padding: 0; }
.e-5ea275cd > .box > .body.pad-s { padding: var(--ot-spacing-s); }
.e-5ea275cd > .box > .body.pad-m { padding: var(--ot-spacing-m); }
.e-5ea275cd > .box > .body.pad-l { padding: var(--ot-spacing-l); }

.e-5ea275cd > .box.clean > .body
{
	padding: 0;
}

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

.e-5ea275cd > .box > .foot
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-2-border);
	flex-shrink: 0;
}
/* ===== TYPE SYSTEM — global reusable cell styles ===== */

/* Group — recursive layout wrapper */

.ot-type-group
{
	display: flex;
	min-width: 0;
}

.ot-type-group.layout-row
{
	flex-direction: row;
	align-items: center;
}

.ot-type-group.layout-column
{
	flex-direction: column;
	align-items: flex-start;
}

.ot-type-group.gap-none { gap: 0; }
.ot-type-group.gap-small { gap: 4px; }
.ot-type-group.gap-medium { gap: var(--ot-spacing-s); }
.ot-type-group.gap-large { gap: var(--ot-spacing-m); }

/* Text */

.ot-type-text
{
	color: var(--ot-text-1);
	font-weight: 600;
}

/* Description */

.ot-type-description
{
	color: var(--ot-text-2);
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Number */

.ot-type-number
{
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	color: var(--ot-text-1);
}

/* Date / Timeago */

.ot-type-date
{
	color: var(--ot-text-2);
	font-variant-numeric: tabular-nums;
}

/* Boolean */

.ot-type-boolean
{
	font-size: 18px;
}

.ot-type-boolean.yes { color: var(--ot-green); }
.ot-type-boolean.no { color: var(--ot-red); opacity: 0.5; }

/* Icon */

.ot-type-icon
{
	font-size: 18px;
	color: var(--ot-text-2);
}

/* Image */

.ot-type-image
{
	height: 32px;
	padding: 4px;
	border-radius: var(--ot-radius-s);
	border: 1px solid var(--ot-bg-2-border);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	max-width: 64px;
}

.ot-type-image.empty
{
	background-image: none;
}

/* Avatar */

.ot-type-avatar
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--ot-bg-2);
	color: var(--ot-text-3);
}

.ot-type-avatar > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ot-type-avatar.ot-type-avatar-fallback > i
{
	font-size: 18px;
}

/* Media */

.ot-type-media
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	min-width: 0;
}

.ot-type-media > .ot-type-media-thumb
{
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: var(--ot-radius-s);
	background-size: cover;
	background-position: center;
	background-color: var(--ot-bg-2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ot-text-3);
}

.ot-type-media > .ot-type-media-thumb.empty > i
{
	font-size: 18px;
}

.ot-type-media > .ot-type-media-info
{
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 1px;
}

.ot-type-media > .ot-type-media-info > .ot-type-media-title
{
	font-weight: 600;
	color: var(--ot-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ot-type-media > .ot-type-media-info > .ot-type-media-subtitle
{
	font-size: 11px;
	color: var(--ot-text-3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Badge */

.ot-type-badge
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-2);
}

.ot-type-badge > i
{
	font-size: 13px;
}

.ot-type-badge.color-brand { background: var(--ot-brand-opacity); border-color: var(--ot-brand-border); color: var(--ot-brand); }
.ot-type-badge.color-blue { background: var(--ot-blue-opacity); border-color: var(--ot-blue-border); color: var(--ot-blue); }
.ot-type-badge.color-green { background: var(--ot-green-opacity); border-color: var(--ot-green-border); color: var(--ot-green); }
.ot-type-badge.color-red { background: var(--ot-red-opacity); border-color: var(--ot-red-border); color: var(--ot-red); }
.ot-type-badge.color-orange { background: var(--ot-orange-opacity); border-color: var(--ot-orange-border); color: var(--ot-orange); }

/* Chip */

.ot-type-chip
{
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-2);
}

/* Tag */

.ot-type-tag
{
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	background: var(--ot-bg-3);
	border-radius: var(--ot-radius-s);
	font-size: 10px;
	font-weight: 600;
	color: var(--ot-text-2);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.ot-type-tags
{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}

/* Status */

.ot-type-status
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	background: var(--ot-bg-2);
	border-radius: 100px;
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-2);
}

.ot-type-status > .ot-type-status-dot
{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ot-text-3);
}

.ot-type-status.color-green { color: var(--ot-green); background: var(--ot-green-opacity); }
.ot-type-status.color-green > .ot-type-status-dot { background: var(--ot-green); box-shadow: 0 0 0 3px var(--ot-green-opacity); }
.ot-type-status.color-red { color: var(--ot-red); background: var(--ot-red-opacity); }
.ot-type-status.color-red > .ot-type-status-dot { background: var(--ot-red); box-shadow: 0 0 0 3px var(--ot-red-opacity); }
.ot-type-status.color-orange { color: var(--ot-orange); background: var(--ot-orange-opacity); }
.ot-type-status.color-orange > .ot-type-status-dot { background: var(--ot-orange); box-shadow: 0 0 0 3px var(--ot-orange-opacity); }
.ot-type-status.color-blue { color: var(--ot-blue); background: var(--ot-blue-opacity); }
.ot-type-status.color-blue > .ot-type-status-dot { background: var(--ot-blue); }
.ot-type-status.color-brand { color: var(--ot-brand); background: var(--ot-brand-opacity); }
.ot-type-status.color-brand > .ot-type-status-dot { background: var(--ot-brand); }

/* Metric */

.ot-type-metric
{
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	font-variant-numeric: tabular-nums;
}

.ot-type-metric > .ot-type-metric-value
{
	font-weight: 700;
	color: var(--ot-text-1);
}

.ot-type-metric > .ot-type-metric-delta
{
	font-size: 11px;
	font-weight: 700;
	padding: 1px 5px;
	border-radius: var(--ot-radius-s);
}

.ot-type-metric > .ot-type-metric-delta.up { color: var(--ot-green); background: var(--ot-green-opacity); }
.ot-type-metric > .ot-type-metric-delta.down { color: var(--ot-red); background: var(--ot-red-opacity); }

/* Progress */

.ot-type-progress
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.ot-type-progress > .ot-type-progress-track
{
	flex: 1;
	height: 6px;
	background: var(--ot-bg-3);
	border-radius: 100px;
	overflow: hidden;
	min-width: 60px;
}

.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar
{
	height: 100%;
	border-radius: 100px;
	transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar.color-brand { background: var(--ot-brand); }
.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar.color-blue { background: var(--ot-blue); }
.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar.color-green { background: var(--ot-green); }
.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar.color-red { background: var(--ot-red); }
.ot-type-progress > .ot-type-progress-track > .ot-type-progress-bar.color-orange { background: var(--ot-orange); }

.ot-type-progress > .ot-type-progress-label
{
	font-size: 11px;
	font-weight: 700;
	color: var(--ot-text-2);
	font-variant-numeric: tabular-nums;
	min-width: 32px;
	text-align: right;
}

/* Count */

.ot-type-count
{
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}

.ot-type-count > .ot-type-count-value
{
	font-weight: 700;
	color: var(--ot-text-1);
	font-variant-numeric: tabular-nums;
}

.ot-type-count > .ot-type-count-label
{
	color: var(--ot-text-3);
	font-weight: 400;
}

/* Color */

.ot-type-color
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ot-type-color > .ot-type-color-swatch
{
	width: 18px;
	height: 18px;
	border-radius: var(--ot-radius-s);
	border: 1px solid var(--ot-bg-2-border);
	flex-shrink: 0;
}

.ot-type-color > .ot-type-color-value
{
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-2);
	text-transform: uppercase;
}

/* Link */

.ot-type-link
{
	color: var(--ot-brand);
	text-decoration: none;
	font-weight: 500;
}

.ot-type-link:hover
{
	text-decoration: underline;
}
/* Base page styles */
.ot-page
{
	display: grid;
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100dvh;
	overflow: hidden;
}

/* Page area containers */
.ot-page-area
{
	position: relative;
	overflow: auto;
}

.ot-page-area > div
{
	display: contents;
}
[ot]
{
	opacity: 0;
}
/* Root */

.e-5511e8fd
{
	display: block;
	width: 100%;
}

/* Editor */

.e-5511e8fd > .ot-editor
{
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	padding: var(--ot-spacing-l) 0;
}

/* Blocks Container */

.e-5511e8fd > .ot-editor > .ot-editor-blocks
{
	display: flex;
	flex-direction: column;
}

/* Placeholder */

.e-5511e8fd > .ot-editor > .ot-editor-placeholder
{
	color: var(--ot-text-3);
	font-size: var(--ot-size-m);
	padding: 0 var(--ot-spacing-m);
	padding-left: 44px;
	pointer-events: none;
}

/* Block */

.e-5511e8fd .ot-block
{
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 2px 0;
	border-radius: var(--ot-radius-m);
	outline: none;
	transition: background 0.1s ease;
}

.e-5511e8fd .ot-block:hover
{
	background: var(--ot-bg-1-hover);
}

/* Gutter */

.e-5511e8fd .ot-block-gutter
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 44px;
	flex-shrink: 0;
	opacity: 0;
	transition: opacity 0.15s ease;
	padding-top: 2px;
}

.e-5511e8fd .ot-block:hover > .ot-block-gutter
{
	opacity: 1;
}

.e-5511e8fd .ot-block-handle,
.e-5511e8fd .ot-block-add
{
	width: 24px;
	height: 24px;
	border-radius: var(--ot-radius-s);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ot-text-3);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

.e-5511e8fd .ot-block-handle:hover,
.e-5511e8fd .ot-block-add:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-5511e8fd .ot-block-handle > i,
.e-5511e8fd .ot-block-add > i
{
	font-size: 16px;
}

.e-5511e8fd .ot-block-handle
{
	cursor: grab;
}

.e-5511e8fd .ot-block-handle:active
{
	cursor: grabbing;
}

/* Content */

.e-5511e8fd .ot-block-content
{
	flex: 1;
	min-width: 0;
	min-height: 24px;
	outline: none;
}

.e-5511e8fd .ot-block-content > [contenteditable]
{
	outline: none;
	min-height: 24px;
	word-break: break-word;
	overflow-wrap: break-word;
}

.e-5511e8fd .ot-block-content > [contenteditable]:empty::before
{
	content: attr(data-placeholder);
	color: var(--ot-text-3);
	pointer-events: none;
}

/* Paragraph */

.e-5511e8fd .ot-block-content > p
{
	margin: 0;
	font-size: var(--ot-size-m);
	line-height: 1.7;
	color: var(--ot-text-1);
}

/* Inline Formats */

.e-5511e8fd .ot-block-content strong
{
	font-weight: 600;
	color: var(--ot-text-1);
}

.e-5511e8fd .ot-block-content em
{
	font-style: italic;
}

.e-5511e8fd .ot-block-content code
{
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: 0.9em;
	padding: 0.15em 0.4em;
	border-radius: var(--ot-radius-s);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
}

.e-5511e8fd .ot-block-content a
{
	color: var(--ot-brand);
	text-decoration: underline;
	text-decoration-color: var(--ot-brand-opacity);
	text-underline-offset: 3px;
}

/* Actions */

.e-5511e8fd .ot-block-actions
{
	display: flex;
	align-items: flex-start;
	flex-shrink: 0;
	opacity: 0;
	transition: opacity 0.15s ease;
	padding-top: 2px;
}

.e-5511e8fd .ot-block:hover > .ot-block-actions
{
	opacity: 1;
}

.e-5511e8fd .ot-block-settings
{
	width: 24px;
	height: 24px;
	border-radius: var(--ot-radius-s);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ot-text-3);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background 0.15s ease, color 0.15s ease;
}

.e-5511e8fd .ot-block-settings:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-5511e8fd .ot-block-settings > i
{
	font-size: 16px;
}

/* Selection */

.e-5511e8fd .ot-block-selected
{
	background: var(--ot-brand-opacity);
}

.e-5511e8fd .ot-block-focused
{
	background: transparent;
}

/* Bordered variant */

.e-5511e8fd > .ot-editor.bordered
{
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-l);
	padding: var(--ot-spacing-l);
}

/* Compact variant */

.e-5511e8fd > .ot-editor.compact
{
	max-width: 100%;
	padding: var(--ot-spacing-m) 0;
}
/* ===== CLOUDFLARE IMAGES INPUT ===== */

.e-6180cbf3
{
	display: contents;
}
/* ===== CLOUDFLARE IMAGES UPLOAD ===== */

.e-1cd2e108
{
	display: contents;
}
/* Responsive raspored stranice: pravila vaze samo uz [data-responsive], koji
   render.js postavlja kad stranica ima grid.tablet ili grid.mobile. Sirine su jedini
   breakpointi platforme: tablet 900, mobile 640. */

.ot-page[data-responsive]
{
	grid-template-areas: var(--grid-areas);
	grid-template-columns: var(--grid-columns);
	grid-template-rows: var(--grid-rows);
	gap: var(--grid-gap);
}

.ot-page[data-responsive] > .ot-page-area
{
	display: var(--area-d);
}

@media (max-width: 900px)
{
	/* Stranica je fixed sa overflow:hidden, a oblasti overflow:auto: auto redovi bi dobili
	   visinu ekrana i sadrzaj bi se secao. Ovde skroluje cela stranica, ne svaka oblast. */
	.ot-page[data-responsive]
	{
		overflow-y: auto;
		align-content: start;
		grid-template-areas: var(--grid-areas-t);
		grid-template-columns: var(--grid-columns-t);
		grid-template-rows: var(--grid-rows-t);
		gap: var(--grid-gap-t);
	}

	.ot-page[data-responsive] > .ot-page-area
	{
		display: var(--area-t);
		overflow: visible;
	}
}

@media (max-width: 640px)
{
	.ot-page[data-responsive]
	{
		grid-template-areas: var(--grid-areas-m);
		grid-template-columns: var(--grid-columns-m);
		grid-template-rows: var(--grid-rows-m);
		gap: var(--grid-gap-m);
	}

	.ot-page[data-responsive] > .ot-page-area
	{
		display: var(--area-m);
	}
}
body
{
	background-color: var(--ot-bg-2);
}
:root
{
    --ot-spacing-x: 4px;
    --ot-spacing-s: 8px;
    --ot-spacing-m: 16px;
    --ot-spacing-l: 32px;

    --ot-radius-s: 8px;
    --ot-radius-m: 12px;
    --ot-radius-l: 16px;

    --ot-height-x: 20px;
    --ot-height-s: 32px;
    --ot-height-m: 38px;
    --ot-height-l: 46px;

    --ot-size-s: 12px;
    --ot-size-m: 13px;
    --ot-size-l: 28px;

    --ot-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ot-font-secondary: 'Fraunces', 'Inter', Georgia, serif;

    --ot-bg-1: rgba(255, 255, 255, 1);
    --ot-bg-1-border: rgba(234, 232, 226, 1);
    --ot-bg-1-opacity: rgba(255, 255, 255, 0.85);
    --ot-bg-1-hover: rgba(250, 249, 246, 1);

    --ot-bg-2: rgba(252, 251, 249, 1);
    --ot-bg-2-border: rgba(236, 234, 228, 1);
    --ot-bg-2-opacity: rgba(252, 251, 249, 0.85);
    --ot-bg-2-hover: rgba(247, 246, 241, 1);

    --ot-bg-3: rgba(248, 247, 243, 1);
    --ot-bg-3-border: rgba(230, 227, 220, 1);
    --ot-bg-3-opacity: rgba(248, 247, 243, 0.85);
    --ot-bg-3-hover: rgba(243, 241, 234, 1);

    --ot-bg-4: rgba(243, 241, 235, 1);
    --ot-bg-4-border: rgba(224, 220, 210, 1);
    --ot-bg-4-opacity: rgba(243, 241, 235, 0.85);
    --ot-bg-4-hover: rgba(236, 233, 224, 1);

    --ot-text-1: rgba(10, 10, 14, 1);
    --ot-text-2: rgba(62, 62, 72, 1);
    --ot-text-3: rgba(105, 105, 118, 1);

    --ot-brand: rgba(202, 86, 60, 1);
    --ot-brand-border: rgba(216, 116, 92, 1);
    --ot-brand-opacity: rgba(202, 86, 60, 0.10);
    --ot-brand-hover: rgba(178, 70, 46, 1);

    --ot-blue: rgba(14, 116, 180, 1);
    --ot-blue-border: rgba(56, 152, 208, 1);
    --ot-blue-opacity: rgba(14, 116, 180, 0.10);
    --ot-blue-hover: rgba(8, 96, 156, 1);

    --ot-red: rgba(200, 40, 60, 1);
    --ot-red-border: rgba(224, 80, 96, 1);
    --ot-red-opacity: rgba(200, 40, 60, 0.10);
    --ot-red-hover: rgba(176, 28, 48, 1);

    --ot-orange: rgba(214, 138, 58, 1);
    --ot-orange-border: rgba(232, 168, 100, 1);
    --ot-orange-opacity: rgba(214, 138, 58, 0.10);
    --ot-orange-hover: rgba(190, 116, 36, 1);

    --ot-green: rgba(20, 144, 95, 1);
    --ot-green-border: rgba(60, 176, 130, 1);
    --ot-green-opacity: rgba(20, 144, 95, 0.10);
    --ot-green-hover: rgba(12, 120, 78, 1);

    --ot-text-xs: 11px;
    --ot-text-s: 13px;
    --ot-text-m: 15px;
    --ot-text-l: 18px;
    --ot-text-xl: 24px;
    --ot-text-2xl: 32px;
    --ot-text-3xl: 44px;

    --ot-leading-tight: 1.2;
    --ot-leading-normal: 1.5;

    --ot-weight-regular: 400;
    --ot-weight-medium: 500;
    --ot-weight-bold: 700;

    --ot-shadow-card: 0 1px 2px rgba(10, 10, 14, 0.06), 0 2px 8px rgba(10, 10, 14, 0.06);
    --ot-shadow-hover: 0 4px 16px rgba(10, 10, 14, 0.12);
    --ot-shadow-overlay: 0 16px 48px rgba(10, 10, 14, 0.24);

    --ot-ease: cubic-bezier(0.2, 0, 0, 1);

    --ot-z-dock: 40;
    --ot-z-navbar: 50;
    --ot-z-popover: 60;
    --ot-z-sheet: 70;
    --ot-z-modal: 80;
    --ot-z-toast: 100;

    --ot-focus: 0 0 0 2px var(--ot-bg-1), 0 0 0 4px var(--ot-brand);

    --ot-dock-height: 64px;
}
/* Root */

.e-60cd2d73
{
	display: block;
	width: 100%;
	min-height: 100vh;
}

/* Split */

.e-60cd2d73 > .split
{
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	min-height: 100vh;
	width: 100%;
}

/* Showcase */

.e-60cd2d73 > .split > .showcase
{
	position: relative;
	overflow: hidden;
	display: flex;
	padding: var(--ot-spacing-l);
}

.e-60cd2d73 > .split > .showcase > .e-18fbce40
{
	width: 100%;
	height: 100%;
}

.e-60cd2d73 > .split > .showcase > .e-18fbce40 > .holder
{
	height: 100%;
}

.e-60cd2d73 > .split > .showcase > .overlay
{
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 20, 30, 0.05) 0%, rgba(20, 20, 30, 0.7) 100%);
	pointer-events: none;
}

.e-60cd2d73 > .split > .showcase > .content
{
	position: relative;
	padding: 56px 56px;
	color: var(--ot-on-image, #fff);
	max-width: 640px;
}

.e-60cd2d73 > .split > .showcase > .content > .brand
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px 6px 8px;
	background: var(--ot-image-glass, rgba(255, 255, 255, 0.12));
	border: 1px solid var(--ot-image-glass-border, rgba(255, 255, 255, 0.18));
	border-radius: 100px;
	margin-bottom: var(--ot-spacing-l);
	backdrop-filter: blur(12px);
}

.e-60cd2d73 > .split > .showcase > .content > .brand > i
{
	font-size: 16px;
	color: var(--ot-on-image-accent, #ffd9a8);
}

.e-60cd2d73 > .split > .showcase > .content > .brand > span
{
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--ot-on-image, #fff);
}

.e-60cd2d73 > .split > .showcase > .content > h2
{
	font-family: var(--ot-font-secondary);
	font-size: 56px;
	font-weight: 400;
	line-height: 1.0;
	letter-spacing: -0.025em;
	color: var(--ot-on-image, #fff);
	margin: 0 0 var(--ot-spacing-m);
	font-variation-settings: 'opsz' 144, 'wght' 400;
}

.e-60cd2d73 > .split > .showcase > .content > h2 em
{
	font-style: italic;
	color: var(--ot-on-image-accent, #ffd9a8);
	font-weight: 400;
}

.e-60cd2d73 > .split > .showcase > .content > p
{
	font-size: 15px;
	line-height: 1.6;
	color: var(--ot-on-image-dim, rgba(255, 255, 255, 0.85));
	max-width: 500px;
	margin: 0 0 var(--ot-spacing-l);
}

.e-60cd2d73 > .split > .showcase > .content > .stats
{
	display: flex;
	gap: var(--ot-spacing-l);
	padding-top: var(--ot-spacing-m);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.e-60cd2d73 > .split > .showcase > .content > .stats > .stat > strong
{
	display: block;
	font-family: var(--ot-font-secondary);
	font-size: 26px;
	font-weight: 500;
	color: var(--ot-on-image, #fff);
	font-variation-settings: 'opsz' 144;
	line-height: 1;
	margin-bottom: 4px;
}

.e-60cd2d73 > .split > .showcase > .content > .stats > .stat > span
{
	font-size: 11px;
	color: rgba(255, 255, 255, 0.65);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Form */

.e-60cd2d73 > .split > .form
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ot-bg-1);
	padding: var(--ot-spacing-l);
}

.e-60cd2d73 > .split > .form > .holder
{
	width: 100%;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
}

.e-60cd2d73 > .split > .form > .holder > .header > h1
{
	font-family: var(--ot-font-secondary);
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.022em;
	color: var(--ot-text-1);
	margin: 0 0 6px;
	font-variation-settings: 'opsz' 144;
}

.e-60cd2d73 > .split > .form > .holder > .header > p
{
	font-size: 14px;
	color: var(--ot-text-2);
	margin: 0;
}

.e-60cd2d73 > .split > .form > .holder .auth-field
{
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: var(--ot-spacing-m);
}

.e-60cd2d73 > .split > .form > .holder .auth-field > label
{
	font-size: 12px;
	font-weight: 600;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
}

.e-60cd2d73 > .split > .form > .holder .footer
{
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--ot-text-2);
	padding-top: var(--ot-spacing-s);
	border-top: 1px solid var(--ot-bg-1-border);
}

.e-60cd2d73 > .split > .form > .holder .footer > a
{
	color: var(--ot-brand);
	font-weight: 600;
	text-decoration: none;
}

.e-60cd2d73 > .split > .form > .holder .footer > a:hover
{
	text-decoration: underline;
}

.e-60cd2d73 > .split > .form > .holder .redirect-notice
{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	background: var(--ot-brand-opacity);
	border-radius: var(--ot-radius-m);
	font-size: 12px;
	color: var(--ot-brand);
}

.e-60cd2d73 > .split > .form > .holder .redirect-notice > i
{
	font-size: 16px;
}

.e-60cd2d73 > .split > .form > .holder .redirect-notice strong
{
	font-weight: 700;
}

@media screen and (max-width: 900px)
{
	.e-60cd2d73 > .split
	{
		grid-template-columns: 1fr;
	}

	.e-60cd2d73 > .split > .showcase
	{
		min-height: 320px;
	}

	.e-60cd2d73 > .split > .showcase > .content
	{
		padding: 36px;
	}

	.e-60cd2d73 > .split > .showcase > .content > h2
	{
		font-size: 36px;
	}
}
/* Root */

.e-47276740
{
	display: block;
	width: 100%;
	min-height: 100vh;
}

/* Split */

.e-47276740 > .split
{
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	min-height: 100vh;
	width: 100%;
}

/* Showcase */

.e-47276740 > .split > .showcase
{
	position: relative;
	overflow: hidden;
	display: flex;
	padding: var(--ot-spacing-l);
}

.e-47276740 > .split > .showcase > .e-18fbce40
{
	width: 100%;
	height: 100%;
}

.e-47276740 > .split > .showcase > .e-18fbce40 > .holder
{
	height: 100%;
}

/* Form */

.e-47276740 > .split > .form
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ot-bg-1);
	padding: var(--ot-spacing-l);
}

.e-47276740 > .split > .form > .holder
{
	width: 100%;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
}

.e-47276740 > .split > .form > .holder > .header > h1
{
	font-family: var(--ot-font-secondary);
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.022em;
	color: var(--ot-text-1);
	margin: 0 0 6px;
	font-variation-settings: 'opsz' 144;
}

.e-47276740 > .split > .form > .holder > .header > p
{
	font-size: 14px;
	line-height: 1.6;
	color: var(--ot-text-2);
	margin: 0;
}

.e-47276740 > .split > .form > .holder > .actions
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

@media screen and (max-width: 900px)
{
	.e-47276740 > .split
	{
		grid-template-columns: 1fr;
	}

	.e-47276740 > .split > .showcase
	{
		min-height: 320px;
	}
}
/* Root */

.e-4308bc59
{
	display: block;
	width: 100%;
	min-height: 100vh;
}

/* Split */

.e-4308bc59 > .split
{
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	min-height: 100vh;
	width: 100%;
}

/* Showcase */

.e-4308bc59 > .split > .showcase
{
	position: relative;
	overflow: hidden;
	display: flex;
	padding: var(--ot-spacing-l);
}

.e-4308bc59 > .split > .showcase > .e-18fbce40
{
	width: 100%;
	height: 100%;
}

.e-4308bc59 > .split > .showcase > .e-18fbce40 > .holder
{
	height: 100%;
}

.e-4308bc59 > .split > .showcase > .overlay
{
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 20, 30, 0.05) 0%, rgba(20, 20, 30, 0.7) 100%);
	pointer-events: none;
}

.e-4308bc59 > .split > .showcase > .content
{
	position: relative;
	padding: 56px 56px;
	color: var(--ot-on-image, #fff);
	max-width: 640px;
}

.e-4308bc59 > .split > .showcase > .content > .brand
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px 6px 8px;
	background: var(--ot-image-glass, rgba(255, 255, 255, 0.12));
	border: 1px solid var(--ot-image-glass-border, rgba(255, 255, 255, 0.18));
	border-radius: 100px;
	margin-bottom: var(--ot-spacing-l);
	backdrop-filter: blur(12px);
}

.e-4308bc59 > .split > .showcase > .content > .brand > i
{
	font-size: 16px;
	color: var(--ot-on-image-accent, #ffd9a8);
}

.e-4308bc59 > .split > .showcase > .content > .brand > span
{
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--ot-on-image, #fff);
}

.e-4308bc59 > .split > .showcase > .content > h2
{
	font-family: var(--ot-font-secondary);
	font-size: 56px;
	font-weight: 400;
	line-height: 1.0;
	letter-spacing: -0.025em;
	color: var(--ot-on-image, #fff);
	margin: 0 0 var(--ot-spacing-m);
	font-variation-settings: 'opsz' 144, 'wght' 400;
}

.e-4308bc59 > .split > .showcase > .content > h2 em
{
	font-style: italic;
	color: var(--ot-on-image-accent, #ffd9a8);
	font-weight: 400;
}

.e-4308bc59 > .split > .showcase > .content > p
{
	font-size: 15px;
	line-height: 1.6;
	color: var(--ot-on-image-dim, rgba(255, 255, 255, 0.85));
	max-width: 500px;
	margin: 0 0 var(--ot-spacing-l);
}

.e-4308bc59 > .split > .showcase > .content > .stats
{
	display: flex;
	gap: var(--ot-spacing-l);
	padding-top: var(--ot-spacing-m);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.e-4308bc59 > .split > .showcase > .content > .stats > .stat > strong
{
	display: block;
	font-family: var(--ot-font-secondary);
	font-size: 26px;
	font-weight: 500;
	color: var(--ot-on-image, #fff);
	font-variation-settings: 'opsz' 144;
	line-height: 1;
	margin-bottom: 4px;
}

.e-4308bc59 > .split > .showcase > .content > .stats > .stat > span
{
	font-size: 11px;
	color: rgba(255, 255, 255, 0.65);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Form */

.e-4308bc59 > .split > .form
{
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ot-bg-1);
	padding: var(--ot-spacing-l);
}

.e-4308bc59 > .split > .form > .holder
{
	width: 100%;
	max-width: 460px;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
}

.e-4308bc59 > .split > .form > .holder > .header > h1
{
	font-family: var(--ot-font-secondary);
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.022em;
	color: var(--ot-text-1);
	margin: 0 0 6px;
	font-variation-settings: 'opsz' 144;
}

.e-4308bc59 > .split > .form > .holder > .header > p
{
	font-size: 14px;
	color: var(--ot-text-2);
	margin: 0;
}

.e-4308bc59 > .split > .form > .holder .auth-field
{
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: var(--ot-spacing-m);
}

.e-4308bc59 > .split > .form > .holder .auth-field > label
{
	font-size: 12px;
	font-weight: 600;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
}

/* Rules */

.e-4308bc59 > .split > .form > .holder .rules
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 14px;
	margin-top: 10px;
}

.e-4308bc59 > .split > .form > .holder .rule
{
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--ot-text-3);
	transition: color 0.2s;
}

.e-4308bc59 > .split > .form > .holder .rule > i
{
	font-size: 14px;
}

.e-4308bc59 > .split > .form > .holder .rule.pass
{
	color: var(--ot-green);
}

.e-4308bc59 > .split > .form > .holder .rule.fail
{
	color: var(--ot-red);
}

.e-4308bc59 > .split > .form > .holder .footer
{
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--ot-text-2);
	padding-top: var(--ot-spacing-s);
	border-top: 1px solid var(--ot-bg-1-border);
}

.e-4308bc59 > .split > .form > .holder .footer > a
{
	color: var(--ot-brand);
	font-weight: 600;
	text-decoration: none;
}

.e-4308bc59 > .split > .form > .holder .footer > a:hover
{
	text-decoration: underline;
}

.e-4308bc59 > .split > .form > .holder .redirect-notice
{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	background: var(--ot-brand-opacity);
	border-radius: var(--ot-radius-m);
	font-size: 12px;
	color: var(--ot-brand);
}

.e-4308bc59 > .split > .form > .holder .redirect-notice > i
{
	font-size: 16px;
}

.e-4308bc59 > .split > .form > .holder .redirect-notice strong
{
	font-weight: 700;
}

@media screen and (max-width: 900px)
{
	.e-4308bc59 > .split
	{
		grid-template-columns: 1fr;
	}

	.e-4308bc59 > .split > .showcase
	{
		min-height: 320px;
	}

	.e-4308bc59 > .split > .showcase > .content
	{
		padding: 36px;
	}

	.e-4308bc59 > .split > .showcase > .content > h2
	{
		font-size: 36px;
	}
}
/* ===== CARDS INFO ===== */

.e-7e93ff6e
{
	display: contents;
}

/* Box */

.e-7e93ff6e > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-l);
}

.e-7e93ff6e > .box.bg-1,
.e-7e93ff6e > .box.bg-2,
.e-7e93ff6e > .box.bg-3,
.e-7e93ff6e > .box.bg-4,
.e-7e93ff6e > .box.border
{
	padding: var(--ot-spacing-m);
}

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

.e-7e93ff6e > .box > .header
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
}

/* Header icon */

.e-7e93ff6e > .box > .header > .icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	flex-shrink: 0;
}

.e-7e93ff6e > .box > .header > .icon > i
{
	font-size: 22px;
}

/* Header text */

.e-7e93ff6e > .box > .header > .text
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.e-7e93ff6e > .box > .header > .text > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
	line-height: 1.2;
}

.e-7e93ff6e > .box > .header > .text > .description
{
	margin: 0;
	font-size: 12px;
	color: var(--ot-text-2);
	line-height: 1.4;
	font-family: var(--ot-font-primary);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

/* Header badge */

.e-7e93ff6e > .box > .header > .badge
{
	display: inline-flex;
	align-items: center;
	padding: var(--ot-spacing-x) 10px;
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	border-radius: 100px;
	font-size: 10.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--ot-font-primary);
	flex-shrink: 0;
}

/* ===== STATUS ===== */

.e-7e93ff6e > .box > .status
{
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: var(--ot-spacing-s);
	padding: 6px 12px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 600;
	font-family: var(--ot-font-primary);
}

.e-7e93ff6e > .box > .status > .dot
{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
}

.e-7e93ff6e > .box > .status > .dot::before
{
	content: '';
	position: absolute;
	inset: -3px;
	border-radius: 50%;
	opacity: 0.3;
	animation: e-7e93ff6e-pulse 2.4s ease-in-out infinite;
}

@keyframes e-7e93ff6e-pulse
{
	0%, 100% { transform: scale(1); opacity: 0.3; }
	50% { transform: scale(1.4); opacity: 0.1; }
}

.e-7e93ff6e > .box > .status.color-brand { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.e-7e93ff6e > .box > .status.color-brand > .dot { background: var(--ot-brand); }
.e-7e93ff6e > .box > .status.color-brand > .dot::before { background: var(--ot-brand); }

.e-7e93ff6e > .box > .status.color-blue { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.e-7e93ff6e > .box > .status.color-blue > .dot { background: var(--ot-blue); }
.e-7e93ff6e > .box > .status.color-blue > .dot::before { background: var(--ot-blue); }

.e-7e93ff6e > .box > .status.color-red { background: var(--ot-red-opacity); color: var(--ot-red); }
.e-7e93ff6e > .box > .status.color-red > .dot { background: var(--ot-red); }
.e-7e93ff6e > .box > .status.color-red > .dot::before { background: var(--ot-red); }

.e-7e93ff6e > .box > .status.color-orange { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-7e93ff6e > .box > .status.color-orange > .dot { background: var(--ot-orange); }
.e-7e93ff6e > .box > .status.color-orange > .dot::before { background: var(--ot-orange); }

.e-7e93ff6e > .box > .status.color-green { background: var(--ot-green-opacity); color: var(--ot-green); }
.e-7e93ff6e > .box > .status.color-green > .dot { background: var(--ot-green); }
.e-7e93ff6e > .box > .status.color-green > .dot::before { background: var(--ot-green); }

/* ===== STATS ===== */

.e-7e93ff6e > .box > .stats
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m) 0;
	border-top: 1px solid var(--ot-bg-2-border);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-7e93ff6e > .box > .stats > .stat
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.e-7e93ff6e > .box > .stats > .stat > .stat-icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	font-size: 18px;
	flex-shrink: 0;
}

.e-7e93ff6e > .box > .stats > .stat > .stat-text
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.e-7e93ff6e > .box > .stats > .stat > .stat-text > .value
{
	font-family: var(--ot-font-secondary);
	font-size: 20px;
	font-weight: 600;
	color: var(--ot-text-1);
	line-height: 1;
	font-variation-settings: 'opsz' 144;
}

.e-7e93ff6e > .box > .stats > .stat > .stat-text > .label
{
	font-size: 10.5px;
	font-weight: 600;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-family: var(--ot-font-primary);
}

.e-7e93ff6e > .box > .stats > .stat.color-brand > .stat-icon { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.e-7e93ff6e > .box > .stats > .stat.color-blue > .stat-icon { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.e-7e93ff6e > .box > .stats > .stat.color-red > .stat-icon { background: var(--ot-red-opacity); color: var(--ot-red); }
.e-7e93ff6e > .box > .stats > .stat.color-orange > .stat-icon { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-7e93ff6e > .box > .stats > .stat.color-green > .stat-icon { background: var(--ot-green-opacity); color: var(--ot-green); }

/* ===== ROWS ===== */

.e-7e93ff6e > .box > .rows
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-x);
}

.e-7e93ff6e > .box > .rows > .row
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	padding: 6px 0;
	font-size: var(--ot-size-m);
	font-family: var(--ot-font-primary);
}

.e-7e93ff6e > .box > .rows > .row > .row-label
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	color: var(--ot-text-2);
}

.e-7e93ff6e > .box > .rows > .row > .row-label > i
{
	font-size: 16px;
	color: var(--ot-text-3);
}

.e-7e93ff6e > .box > .rows > .row > .row-value
{
	font-weight: 600;
	color: var(--ot-text-1);
	text-align: right;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-7e93ff6e > .box > .rows > .row.wrap
{
	align-items: flex-start;
}

.e-7e93ff6e > .box > .rows > .row.wrap > .row-value
{
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	overflow-wrap: anywhere;
}

.e-7e93ff6e > .box > .rows > .row.color-brand > .row-value { color: var(--ot-brand); }
.e-7e93ff6e > .box > .rows > .row.color-blue > .row-value { color: var(--ot-blue); }
.e-7e93ff6e > .box > .rows > .row.color-red > .row-value { color: var(--ot-red); }
.e-7e93ff6e > .box > .rows > .row.color-orange > .row-value { color: var(--ot-orange); }
.e-7e93ff6e > .box > .rows > .row.color-green > .row-value { color: var(--ot-green); }

/* ===== TAGS ===== */

.e-7e93ff6e > .box > .tags
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-x);
}

.e-7e93ff6e > .box > .tags > .tag
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: var(--ot-spacing-x) 10px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.e-7e93ff6e > .box > .tags > .tag > i
{
	font-size: 13px;
}

.e-7e93ff6e > .box > .tags > .tag.color-brand { background: var(--ot-brand-opacity); border-color: var(--ot-brand-opacity); color: var(--ot-brand); }
.e-7e93ff6e > .box > .tags > .tag.color-blue { background: var(--ot-blue-opacity); border-color: var(--ot-blue-opacity); color: var(--ot-blue); }
.e-7e93ff6e > .box > .tags > .tag.color-red { background: var(--ot-red-opacity); border-color: var(--ot-red-opacity); color: var(--ot-red); }
.e-7e93ff6e > .box > .tags > .tag.color-orange { background: var(--ot-orange-opacity); border-color: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-7e93ff6e > .box > .tags > .tag.color-green { background: var(--ot-green-opacity); border-color: var(--ot-green-opacity); color: var(--ot-green); }

/* ===== NOTICE ===== */

.e-7e93ff6e > .box > .notice
{
	display: flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border-radius: var(--ot-radius-m);
	font-size: 12.5px;
	line-height: 1.5;
	font-family: var(--ot-font-primary);
}

.e-7e93ff6e > .box > .notice > i
{
	font-size: 18px;
	flex-shrink: 0;
	margin-top: 1px;
}

.e-7e93ff6e > .box > .notice.color-brand { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.e-7e93ff6e > .box > .notice.color-blue { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.e-7e93ff6e > .box > .notice.color-red { background: var(--ot-red-opacity); color: var(--ot-red); }
.e-7e93ff6e > .box > .notice.color-orange { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-7e93ff6e > .box > .notice.color-green { background: var(--ot-green-opacity); color: var(--ot-green); }

/* ===== BODY ===== */

.e-7e93ff6e > .box > .body
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* ===== ACTIONS ===== */

.e-7e93ff6e > .box > .actions
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-7e93ff6e > .box > .actions:empty
{
	display: none;
}

/* ===== BACKGROUND ===== */

.e-7e93ff6e > .box.bg-1 { background: var(--ot-bg-1); }
.e-7e93ff6e > .box.bg-1 > .stats { border-color: var(--ot-bg-1-border); }
.e-7e93ff6e > .box.bg-1 > .tags > .tag { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }

.e-7e93ff6e > .box.bg-2 { background: var(--ot-bg-2); }
.e-7e93ff6e > .box.bg-2 > .stats { border-color: var(--ot-bg-2-border); }
.e-7e93ff6e > .box.bg-2 > .tags > .tag { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }

.e-7e93ff6e > .box.bg-3 { background: var(--ot-bg-3); }
.e-7e93ff6e > .box.bg-3 > .stats { border-color: var(--ot-bg-3-border); }
.e-7e93ff6e > .box.bg-3 > .tags > .tag { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }

.e-7e93ff6e > .box.bg-4 { background: var(--ot-bg-4); }
.e-7e93ff6e > .box.bg-4 > .stats { border-color: var(--ot-bg-4-border); }
.e-7e93ff6e > .box.bg-4 > .tags > .tag { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }

/* ===== BORDER ===== */

.e-7e93ff6e > .box.border { border-color: var(--ot-bg-2-border); }
.e-7e93ff6e > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-7e93ff6e > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-7e93ff6e > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-7e93ff6e > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-7e93ff6e > .box.size-s
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-7e93ff6e > .box.size-s > .header > .icon { width: 32px; height: 32px; }
.e-7e93ff6e > .box.size-s > .header > .icon > i { font-size: 18px; }
.e-7e93ff6e > .box.size-s > .header > .text > .title { font-size: 14px; }
.e-7e93ff6e > .box.size-s > .rows > .row { font-size: 12px; padding: 4px 0; }

.e-7e93ff6e > .box.size-l
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-l);
}

.e-7e93ff6e > .box.size-l > .header > .icon { width: 48px; height: 48px; }
.e-7e93ff6e > .box.size-l > .header > .icon > i { font-size: 26px; }
.e-7e93ff6e > .box.size-l > .header > .text > .title { font-size: 20px; }
.e-7e93ff6e > .box.size-l > .rows > .row { font-size: 14px; padding: 8px 0; }
.e-7e93ff6e > .box.size-l > .stats > .stat > .stat-icon { width: 40px; height: 40px; font-size: 22px; }
.e-7e93ff6e > .box.size-l > .stats > .stat > .stat-text > .value { font-size: 24px; }
/* ===== CARDS PROFILE ===== */

.e-7dbb0917
{
	display: contents;
}

/* Box */

.e-7dbb0917 > .box
{
	position: relative;
	display: flex;
	width: 100%;
	border-radius: var(--ot-radius-l);
	overflow: hidden;
	transition: border-color var(--ot-transition), box-shadow var(--ot-transition), transform var(--ot-transition);
}

.e-7dbb0917 > .box.vertical
{
	flex-direction: column;
}

.e-7dbb0917 > .box.horizontal
{
	flex-direction: row;
	align-items: center;
	gap: var(--ot-spacing-m);
}

/* Link overlay */

.e-7dbb0917 > .box > .link
{
	position: absolute;
	inset: 0;
	z-index: 1;
}

.e-7dbb0917 > .box:has(> .link):hover
{
	transform: translateY(-2px);
	box-shadow: var(--ot-shadow-m);
}

/* Cover */

.e-7dbb0917 > .box > .cover
{
	height: 120px;
	background-size: cover;
	background-position: center;
	background-color: var(--ot-bg-3);
}

.e-7dbb0917 > .box.horizontal > .cover
{
	display: none;
}

/* Body */

.e-7dbb0917 > .box > .body
{
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-l);
	flex: 1;
	min-width: 0;
}

/* Cover offset */

.e-7dbb0917 > .box.vertical:has(> .cover) > .body
{
	margin-top: -36px;
}

/* Head */

.e-7dbb0917 > .box > .body > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	min-width: 0;
}

/* Avatar */

.e-7dbb0917 > .box > .body > .head > .avatar
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: var(--ot-bg-3);
	background-size: cover;
	background-position: center;
	border: 3px solid var(--ot-bg-1);
	box-shadow: var(--ot-shadow-s);
	flex-shrink: 0;
}

.e-7dbb0917 > .box > .body > .head > .avatar > i
{
	font-size: 28px;
	color: var(--ot-text-3);
}

/* Identity */

.e-7dbb0917 > .box > .body > .head > .identity
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.e-7dbb0917 > .box > .body > .head > .identity > .name
{
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: var(--ot-font-secondary);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--ot-text-1);
	line-height: 1.2;
	font-variation-settings: 'opsz' 144;
}

.e-7dbb0917 > .box > .body > .head > .identity > .name > .verified
{
	font-size: 15px;
	color: var(--ot-blue);
	font-variation-settings: 'FILL' 1;
}

.e-7dbb0917 > .box > .body > .head > .identity > .role
{
	font-size: 12px;
	color: var(--ot-text-2);
}

/* Description */

.e-7dbb0917 > .box > .body > .description
{
	margin: 0;
	font-size: var(--ot-size-m);
	line-height: 1.55;
	color: var(--ot-text-2);
}

/* Tags */

.e-7dbb0917 > .box > .body > .tags
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-x);
}

.e-7dbb0917 > .box > .body > .tags > .tag
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 9px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-2);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.e-7dbb0917 > .box > .body > .tags > .tag > i
{
	font-size: 13px;
}

/* Meta */

.e-7dbb0917 > .box > .body > .meta
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

/* Stats */

.e-7dbb0917 > .box > .body > .stats
{
	display: flex;
	gap: var(--ot-spacing-l);
	padding: var(--ot-spacing-m) 0;
	border-top: 1px solid var(--ot-bg-2-border);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-7dbb0917 > .box > .body > .stats > .stat > .num
{
	font-family: var(--ot-font-secondary);
	font-size: 18px;
	font-weight: 600;
	color: var(--ot-text-1);
	line-height: 1;
	font-variation-settings: 'opsz' 144;
	margin-bottom: 3px;
}

.e-7dbb0917 > .box > .body > .stats > .stat > .label
{
	font-size: 10px;
	font-weight: 600;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Socials */

.e-7dbb0917 > .box > .body > .socials
{
	display: flex;
	gap: var(--ot-spacing-s);
}

.e-7dbb0917 > .box > .body > .socials > .social
{
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--ot-height-m);
	height: var(--ot-height-m);
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-2);
	text-decoration: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast), border-color var(--ot-transition-fast), transform var(--ot-transition-fast);
}

.e-7dbb0917 > .box > .body > .socials > .social:hover
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	border-color: var(--ot-brand);
	transform: translateY(-1px);
}

.e-7dbb0917 > .box > .body > .socials > .social > i
{
	font-size: 16px;
}

/* Actions */

.e-7dbb0917 > .box > .body > .actions
{
	position: relative;
	z-index: 3;
	display: flex;
	gap: var(--ot-spacing-s);
}

/* Follow */

.e-7dbb0917 > .box > .body > .follow
{
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-x);
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-size: var(--ot-size-m);
	font-weight: 600;
	color: var(--ot-text-1);
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
	align-self: flex-start;
}

.e-7dbb0917 > .box > .body > .follow:hover
{
	border-color: var(--ot-text-1);
	transform: translateY(-1px);
}

.e-7dbb0917 > .box > .body > .follow > i
{
	font-size: 16px;
}

.e-7dbb0917 > .box > .body > .follow.active
{
	background: var(--ot-text-1);
	border-color: var(--ot-text-1);
	color: var(--ot-bg-1);
}

/* ===== HORIZONTAL ===== */

.e-7dbb0917 > .box.horizontal > .body
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-7dbb0917 > .box.horizontal > .body > .stats
{
	padding: 0;
	border: none;
	gap: var(--ot-spacing-m);
}

/* ===== BACKGROUND ===== */

.e-7dbb0917 > .box.bg-1 { background: var(--ot-bg-1); }
.e-7dbb0917 > .box.bg-1 .avatar { border-color: var(--ot-bg-1); }
.e-7dbb0917 > .box.bg-1 .tag { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }
.e-7dbb0917 > .box.bg-1 .social { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }
.e-7dbb0917 > .box.bg-1 .stats { border-color: var(--ot-bg-1-border); }

.e-7dbb0917 > .box.bg-2 { background: var(--ot-bg-2); }
.e-7dbb0917 > .box.bg-2 .avatar { border-color: var(--ot-bg-2); }
.e-7dbb0917 > .box.bg-2 .tag { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }
.e-7dbb0917 > .box.bg-2 .social { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }
.e-7dbb0917 > .box.bg-2 .stats { border-color: var(--ot-bg-2-border); }

.e-7dbb0917 > .box.bg-3 { background: var(--ot-bg-3); }
.e-7dbb0917 > .box.bg-3 .avatar { border-color: var(--ot-bg-3); }
.e-7dbb0917 > .box.bg-3 .tag { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }
.e-7dbb0917 > .box.bg-3 .social { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }
.e-7dbb0917 > .box.bg-3 .stats { border-color: var(--ot-bg-3-border); }

.e-7dbb0917 > .box.bg-4 { background: var(--ot-bg-4); }
.e-7dbb0917 > .box.bg-4 .avatar { border-color: var(--ot-bg-4); }
.e-7dbb0917 > .box.bg-4 .tag { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }
.e-7dbb0917 > .box.bg-4 .social { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }
.e-7dbb0917 > .box.bg-4 .stats { border-color: var(--ot-bg-4-border); }

/* Border */

.e-7dbb0917 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-7dbb0917 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-7dbb0917 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-7dbb0917 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-7dbb0917 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

/* Small */

.e-7dbb0917 > .box.size-s > .body
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-7dbb0917 > .box.size-s .avatar { width: 44px; height: 44px; }
.e-7dbb0917 > .box.size-s .avatar > i { font-size: 22px; }
.e-7dbb0917 > .box.size-s .identity > .name { font-size: 15px; }
.e-7dbb0917 > .box.size-s .identity > .role { font-size: var(--ot-size-s); }
.e-7dbb0917 > .box.size-s .description { font-size: 12px; }
.e-7dbb0917 > .box.size-s .stats > .stat > .num { font-size: 16px; }
.e-7dbb0917 > .box.size-s.vertical:has(> .cover) > .body { margin-top: -28px; }

/* Medium */

.e-7dbb0917 > .box.size-m > .body
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-m);
}

.e-7dbb0917 > .box.size-m .avatar { width: 56px; height: 56px; }
.e-7dbb0917 > .box.size-m .avatar > i { font-size: 28px; }
.e-7dbb0917 > .box.size-m .identity > .name { font-size: 17px; }

/* Large */

.e-7dbb0917 > .box.size-l > .body
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-m);
}

.e-7dbb0917 > .box.size-l .avatar { width: 72px; height: 72px; }
.e-7dbb0917 > .box.size-l .avatar > i { font-size: 36px; }
.e-7dbb0917 > .box.size-l .identity > .name { font-size: 20px; }
.e-7dbb0917 > .box.size-l .identity > .role { font-size: var(--ot-size-m); }
.e-7dbb0917 > .box.size-l .description { font-size: 14px; }
.e-7dbb0917 > .box.size-l .stats > .stat > .num { font-size: var(--ot-size-l); }
.e-7dbb0917 > .box.size-l.vertical:has(> .cover) > .body { margin-top: -44px; }
.e-7dbb0917 > .box.size-l > .cover { height: 140px; }
/* ===== CARDS SHARE ===== */

.e-54760d1f
{
	display: contents;
}

/* Box */

.e-54760d1f > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	width: 100%;
	padding: var(--ot-spacing-l);
	border-radius: var(--ot-radius-l);
}

/* Title */

.e-54760d1f > .box > .title
{
	font-size: var(--ot-size-s);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ot-text-3);
	font-family: var(--ot-font-primary);
}

/* Actions */

.e-54760d1f > .box > .actions
{
	display: flex;
	gap: var(--ot-spacing-s);
	flex-wrap: wrap;
}

/* Action button */

.e-54760d1f > .box > .actions > .action
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-x);
	min-width: 38px;
	height: 38px;
	padding: 0 var(--ot-spacing-s);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	color: var(--ot-text-2);
	cursor: pointer;
	font-family: var(--ot-font-primary);
	font-size: 12.5px;
	font-weight: 600;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-54760d1f > .box > .actions > .action:hover
{
	background: var(--ot-bg-2-hover);
	color: var(--ot-text-1);
	transform: translateY(-1px);
}

.e-54760d1f > .box > .actions > .action:active
{
	transform: translateY(0) scale(0.95);
	transition-duration: 100ms;
}

.e-54760d1f > .box > .actions > .action > i
{
	font-size: 17px;
	transition: transform var(--ot-transition);
}

.e-54760d1f > .box > .actions > .action > .count
{
	font-variant-numeric: tabular-nums;
}

/* Copied state */

.e-54760d1f > .box > .actions > .action.copied
{
	background: var(--ot-green-opacity);
	border-color: var(--ot-green);
	color: var(--ot-green);
}

.e-54760d1f > .box > .actions > .action.copied > i
{
	animation: e-54760d1f-pop 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-54760d1f-pop
{
	0% { transform: scale(0.5); opacity: 0; }
	60% { transform: scale(1.2); opacity: 1; }
	100% { transform: scale(1); }
}

/* Saved state */

.e-54760d1f > .box > .actions > .action.saved
{
	background: var(--ot-text-1);
	border-color: var(--ot-text-1);
	color: var(--ot-bg-1);
}

.e-54760d1f > .box > .actions > .action.saved > i
{
	font-variation-settings: 'FILL' 1;
	animation: e-54760d1f-pop 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Liked state */

.e-54760d1f > .box > .actions > .action.liked
{
	background: var(--ot-brand);
	border-color: var(--ot-brand);
	color: #fff;
}

.e-54760d1f > .box > .actions > .action.liked > i
{
	font-variation-settings: 'FILL' 1;
	animation: e-54760d1f-heart 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-54760d1f-heart
{
	0% { transform: scale(1); }
	30% { transform: scale(0.7); }
	60% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

/* Platforms */

.e-54760d1f > .box > .platforms
{
	display: flex;
	gap: var(--ot-spacing-s);
	padding-top: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-2-border);
	flex-wrap: wrap;
}

.e-54760d1f > .box > .platforms > .platform
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-2);
	text-decoration: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-54760d1f > .box > .platforms > .platform > i
{
	font-size: 17px;
}

.e-54760d1f > .box > .platforms > .platform > svg
{
	width: 16px;
	height: 16px;
	display: block;
}

.e-54760d1f > .box > .platforms > .platform:hover
{
	transform: translateY(-2px);
}

.e-54760d1f > .box > .platforms > .platform[data-platform="twitter"]:hover { background: #1DA1F2; border-color: #1DA1F2; color: #fff; }
.e-54760d1f > .box > .platforms > .platform[data-platform="facebook"]:hover { background: #1877F2; border-color: #1877F2; color: #fff; }
.e-54760d1f > .box > .platforms > .platform[data-platform="linkedin"]:hover { background: #0A66C2; border-color: #0A66C2; color: #fff; }
.e-54760d1f > .box > .platforms > .platform[data-platform="whatsapp"]:hover { background: #25D366; border-color: #25D366; color: #fff; }
.e-54760d1f > .box > .platforms > .platform[data-platform="telegram"]:hover { background: #26A5E4; border-color: #26A5E4; color: #fff; }
.e-54760d1f > .box > .platforms > .platform[data-platform="email"]:hover { background: var(--ot-text-1); border-color: var(--ot-text-1); color: var(--ot-bg-1); }

/* ===== ORIENTATION: VERTICAL ===== */

.e-54760d1f > .box.vertical > .actions
{
	flex-direction: column;
	align-items: stretch;
}

.e-54760d1f > .box.vertical > .actions > .action
{
	justify-content: center;
}

.e-54760d1f > .box.vertical > .platforms
{
	flex-direction: column;
	align-items: stretch;
}

.e-54760d1f > .box.vertical > .platforms > .platform
{
	width: 100%;
	height: 38px;
	border-radius: var(--ot-radius-m);
	justify-content: center;
	gap: var(--ot-spacing-s);
}

/* ===== VARIANT: INLINE ===== */

.e-54760d1f > .box.inline
{
	padding: 0;
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	flex-direction: row;
	align-items: center;
	gap: var(--ot-spacing-m);
}

.e-54760d1f > .box.inline > .title
{
	margin: 0;
}

.e-54760d1f > .box.inline > .platforms
{
	padding-top: 0;
	border-top: none;
	border-left: 1px solid var(--ot-bg-2-border);
	padding-left: var(--ot-spacing-m);
}

/* ===== VARIANT: COMPACT ===== */

.e-54760d1f > .box.compact
{
	padding: var(--ot-spacing-s);
	gap: var(--ot-spacing-x);
}

.e-54760d1f > .box.compact > .title
{
	display: none;
}

.e-54760d1f > .box.compact > .actions > .action
{
	min-width: 34px;
	height: 34px;
	padding: 0 var(--ot-spacing-x);
}

/* ===== BACKGROUND ===== */

.e-54760d1f > .box.bg-1 { background: var(--ot-bg-1); }
.e-54760d1f > .box.bg-1 > .actions > .action { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }
.e-54760d1f > .box.bg-1 > .actions > .action:hover { background: var(--ot-bg-1-hover); }
.e-54760d1f > .box.bg-1 > .platforms { border-color: var(--ot-bg-1-border); }
.e-54760d1f > .box.bg-1 > .platforms > .platform { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }

.e-54760d1f > .box.bg-2 { background: var(--ot-bg-2); }
.e-54760d1f > .box.bg-2 > .actions > .action { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }
.e-54760d1f > .box.bg-2 > .actions > .action:hover { background: var(--ot-bg-2-hover); }
.e-54760d1f > .box.bg-2 > .platforms { border-color: var(--ot-bg-2-border); }
.e-54760d1f > .box.bg-2 > .platforms > .platform { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }

.e-54760d1f > .box.bg-3 { background: var(--ot-bg-3); }
.e-54760d1f > .box.bg-3 > .actions > .action { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }
.e-54760d1f > .box.bg-3 > .actions > .action:hover { background: var(--ot-bg-3-hover); }
.e-54760d1f > .box.bg-3 > .platforms { border-color: var(--ot-bg-3-border); }
.e-54760d1f > .box.bg-3 > .platforms > .platform { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }

.e-54760d1f > .box.bg-4 { background: var(--ot-bg-4); }
.e-54760d1f > .box.bg-4 > .actions > .action { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }
.e-54760d1f > .box.bg-4 > .actions > .action:hover { background: var(--ot-bg-4-hover); }
.e-54760d1f > .box.bg-4 > .platforms { border-color: var(--ot-bg-4-border); }
.e-54760d1f > .box.bg-4 > .platforms > .platform { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }

/* ===== VARIANT: BORDER ===== */

.e-54760d1f > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-54760d1f > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-54760d1f > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-54760d1f > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-54760d1f > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-54760d1f > .box.size-s
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-54760d1f > .box.size-s > .actions > .action
{
	min-width: 32px;
	height: 32px;
	font-size: var(--ot-size-s);
}

.e-54760d1f > .box.size-s > .actions > .action > i
{
	font-size: 15px;
}

.e-54760d1f > .box.size-s > .platforms > .platform
{
	width: 32px;
	height: 32px;
}

.e-54760d1f > .box.size-s > .platforms > .platform > i
{
	font-size: 15px;
}

.e-54760d1f > .box.size-s > .platforms > .platform > svg
{
	width: 14px;
	height: 14px;
}

.e-54760d1f > .box.size-l
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-l);
}

.e-54760d1f > .box.size-l > .title
{
	font-size: 12.5px;
}

.e-54760d1f > .box.size-l > .actions > .action
{
	min-width: 44px;
	height: 44px;
	padding: 0 var(--ot-spacing-m);
	font-size: 13.5px;
}

.e-54760d1f > .box.size-l > .actions > .action > i
{
	font-size: 19px;
}

.e-54760d1f > .box.size-l > .platforms > .platform
{
	width: 44px;
	height: 44px;
}

.e-54760d1f > .box.size-l > .platforms > .platform > i
{
	font-size: 19px;
}

.e-54760d1f > .box.size-l > .platforms > .platform > svg
{
	width: 18px;
	height: 18px;
}
/* ===== CORE BUILDER ===== */

.e-7d599f7d
{
	display: flex;
	width: 100%;
}

/* Box */

.e-7d599f7d > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--ot-spacing-l);
}

.e-7d599f7d > .box.has-steps.steps-vertical
{
	flex-direction: row;
	align-items: flex-start;
	gap: var(--ot-spacing-m);
}

.e-7d599f7d > .box.has-steps.steps-horizontal
{
	flex-direction: column;
	gap: var(--ot-spacing-m);
}

/* Steps sidebar */

.e-7d599f7d > .box.steps-vertical > .steps
{
	flex-shrink: 0;
	width: 260px;
	min-width: 260px;
	max-width: 260px;
	position: sticky;
	top: 0;
}

.e-7d599f7d > .box.steps-horizontal > .steps
{
	width: 100%;
}

/* Main */

.e-7d599f7d > .box > .main
{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: var(--ot-spacing-l);
}

/* Sections */

.e-7d599f7d > .box > .main > .sections
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
}

.e-7d599f7d > .box > .main > .sections > .step-panel
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
}

/* Grid */

.e-7d599f7d .grid
{
	display: grid;
	gap: var(--ot-spacing-m);
	width: 100%;
}

/* Footer */

.e-7d599f7d > .box > .main > .footer
{
	display: flex;
	justify-content: flex-end;
}

/* ===== BACKGROUND ===== */

.e-7d599f7d > .box.bg-1 { background: var(--ot-bg-1); padding: var(--ot-spacing-l); border-radius: var(--ot-radius-m); }
.e-7d599f7d > .box.bg-2 { background: var(--ot-bg-2); padding: var(--ot-spacing-l); border-radius: var(--ot-radius-m); }
.e-7d599f7d > .box.bg-3 { background: var(--ot-bg-3); padding: var(--ot-spacing-l); border-radius: var(--ot-radius-m); }
.e-7d599f7d > .box.bg-4 { background: var(--ot-bg-4); padding: var(--ot-spacing-l); border-radius: var(--ot-radius-m); }

/* ===== BORDER ===== */

.e-7d599f7d > .box.border
{
	border: 1px solid var(--ot-bg-2-border);
	padding: var(--ot-spacing-l);
	border-radius: var(--ot-radius-m);
}

/* ===== SIZE ===== */

.e-7d599f7d > .box.size-s { gap: var(--ot-spacing-m); }
.e-7d599f7d > .box.size-s > .main { gap: var(--ot-spacing-m); }
.e-7d599f7d > .box.size-s > .main > .sections { gap: var(--ot-spacing-m); }
.e-7d599f7d > .box.size-s > .main > .sections > .step-panel { gap: var(--ot-spacing-m); }
.e-7d599f7d > .box.size-s .grid { gap: var(--ot-spacing-s); }

.e-7d599f7d > .box.size-l .grid { gap: var(--ot-spacing-l); }

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

@media (max-width: 900px)
{
	.e-7d599f7d > .box.has-steps
	{
		flex-direction: column;
	}

	.e-7d599f7d > .box > .steps
	{
		width: 100%;
		position: static;
	}

	.e-7d599f7d .grid
	{
		grid-template-columns: 1fr !important;
	}
}
/* ===== CORE REPEATER ===== */

.e-d62eba0
{
	display: flex;
	width: 100%;
}

/* Box */

.e-d62eba0 > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	width: 100%;
	border-radius: var(--ot-radius-m);
	border: 1px solid transparent;
}

/* ===== ROWS ===== */

.e-d62eba0 > .box > .rows
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* Row */

.e-d62eba0 > .box > .rows > .row
{
	position: relative;
	display: flex;
	align-items: stretch;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	transition: background var(--ot-transition), border-color var(--ot-transition);
}

.e-d62eba0 > .box > .rows > .row:hover
{
	border-color: var(--ot-bg-3-border);
}

/* Reorder */

.e-d62eba0 > .box > .rows > .row > .reorder
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 2px;
	align-self: center;
}

.e-d62eba0 > .box > .rows > .row > .reorder > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 18px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-d62eba0 > .box > .rows > .row > .reorder > .action:hover:not(:disabled)
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
}

.e-d62eba0 > .box > .rows > .row > .reorder > .action:disabled
{
	opacity: 0.3;
	cursor: not-allowed;
}

.e-d62eba0 > .box > .rows > .row > .reorder > .action > i
{
	font-size: 18px;
}

/* Number */

.e-d62eba0 > .box > .rows > .row > .number
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	align-self: center;
	border: 1px solid transparent;
	border-radius: 50%;
	font-family: var(--ot-font-primary);
	font-size: 11px;
	font-weight: 700;
	color: var(--ot-text-2);
}

/* Fields */

.e-d62eba0 > .box > .rows > .row > .fields
{
	display: flex;
	flex: 1;
	gap: var(--ot-spacing-s);
	min-width: 0;
}

.e-d62eba0 > .box.vertical > .rows > .row > .fields
{
	flex-direction: column;
}

/* Field */

.e-d62eba0 > .box > .rows > .row > .fields > .field
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-x);
	flex: 1;
	min-width: 0;
}

.e-d62eba0 > .box > .rows > .row > .fields > .field > .field-info
{
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.e-d62eba0 > .box > .rows > .row > .fields > .field > .field-info > .field-label
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-2);
	line-height: 1.2;
}

.e-d62eba0 > .box > .rows > .row > .fields > .field > .field-info > .field-description
{
	font-family: var(--ot-font-primary);
	font-size: 10.5px;
	color: var(--ot-text-3);
	line-height: 1.3;
}

/* Hide labels on subsequent rows in horizontal mode */

.e-d62eba0 > .box.horizontal > .rows > .row:not(:first-child) .field > .field-info
{
	display: none;
}

/* Row actions */

.e-d62eba0 > .box > .rows > .row > .actions
{
	display: flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	align-self: center;
}

.e-d62eba0 > .box > .rows > .row > .actions > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-d62eba0 > .box > .rows > .row > .actions > .action:hover
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
}

.e-d62eba0 > .box > .rows > .row > .actions > .action.danger:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

.e-d62eba0 > .box > .rows > .row > .actions > .action > i
{
	font-size: 16px;
}

/* ===== EMPTY ===== */

.e-d62eba0 > .box > .empty
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-l);
	border: 1px dashed var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
}

.e-d62eba0 > .box > .empty > .empty-icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--ot-bg-2);
	color: var(--ot-text-3);
}

.e-d62eba0 > .box > .empty > .empty-icon > i
{
	font-size: 24px;
}

.e-d62eba0 > .box > .empty > .empty-text
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	color: var(--ot-text-2);
}

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

.e-d62eba0 > .box > .footer
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-s);
}

.e-d62eba0 > .box > .footer > .counter
{
	font-family: var(--ot-font-primary);
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.e-d62eba0 > .box > .footer > .footer-actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.e-d62eba0 > .box > .empty > .empty-actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

/* ===== ITERATION ===== */

.e-d62eba0 > .box > .iteration
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* Iteration chip */

.e-d62eba0 > .box > .iteration > .iteration-chip
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: var(--ot-brand-opacity);
	border: 1px solid var(--ot-brand-opacity);
	border-radius: var(--ot-radius-m);
	transition: border-color var(--ot-transition);
}

.e-d62eba0 > .box > .iteration > .iteration-chip:hover
{
	border-color: var(--ot-brand);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-brand);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-text
{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 2px;
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-text > .iteration-label
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-text > .iteration-expression
{
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-m);
	font-weight: 600;
	color: var(--ot-brand);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-count
{
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: 2px var(--ot-spacing-s);
	background: var(--ot-bg-1);
	border-radius: 100px;
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-2);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-brand);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-action:hover
{
	background: var(--ot-bg-1);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-action.danger:hover
{
	background: rgba(244,63,94,0.18);
	color: var(--ot-red);
}

.e-d62eba0 > .box > .iteration > .iteration-chip > .iteration-action > i
{
	font-size: 14px;
}

/* Iteration template editor */

.e-d62eba0 > .box > .iteration > .iteration-template
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
}

.e-d62eba0 > .box > .iteration > .iteration-template > .iteration-template-head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding-bottom: var(--ot-spacing-s);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-d62eba0 > .box > .iteration > .iteration-template > .iteration-template-head > i
{
	font-size: 16px;
	color: var(--ot-brand);
	flex-shrink: 0;
}

.e-d62eba0 > .box > .iteration > .iteration-template > .iteration-template-head > .iteration-template-label
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-2);
}

.e-d62eba0 > .box > .iteration > .iteration-template > .iteration-template-head > .iteration-template-hint
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

.e-d62eba0 > .box > .iteration > .iteration-template > .iteration-template-head > .iteration-template-hint > code
{
	padding: 1px 5px;
	background: var(--ot-bg-1);
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: 11px;
	color: var(--ot-text-2);
}

.e-d62eba0 > .box > .iteration > .iteration-template > .fields
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* Iteration preview */

.e-d62eba0 > .box > .iteration > .iteration-preview
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: var(--ot-spacing-s);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	max-height: 200px;
	overflow-y: auto;
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-preview-head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-preview-head > i
{
	font-size: 13px;
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-row
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: 4px var(--ot-spacing-s);
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-s);
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-row:nth-child(odd)
{
	background: var(--ot-bg-1);
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-row > .iteration-row-index
{
	flex-shrink: 0;
	width: 22px;
	color: var(--ot-text-3);
	font-weight: 700;
	text-align: right;
}

.e-d62eba0 > .box > .iteration > .iteration-preview > .iteration-row > .iteration-row-text
{
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--ot-text-2);
}

/* Iteration empty */

.e-d62eba0 > .box > .iteration > .iteration-empty
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	background: var(--ot-bg-2);
	border: 1px dashed var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-3);
	font-size: var(--ot-size-s);
}

.e-d62eba0 > .box > .iteration > .iteration-empty > i
{
	font-size: 16px;
}

/* ===== BACKGROUND ===== */

.e-d62eba0 > .box.bg-1 > .rows > .row { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-d62eba0 > .box.bg-1 > .rows > .row:hover { background: var(--ot-bg-1-hover); }
.e-d62eba0 > .box.bg-1 > .empty { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-d62eba0 > .box.bg-1 .number { background: var(--ot-bg-2); border-color: var(--ot-bg-1-border); }

.e-d62eba0 > .box.bg-2 > .rows > .row { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-d62eba0 > .box.bg-2 > .rows > .row:hover { background: var(--ot-bg-2-hover); }
.e-d62eba0 > .box.bg-2 > .empty { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-d62eba0 > .box.bg-2 .number { background: var(--ot-bg-3); border-color: var(--ot-bg-2-border); }
.e-d62eba0 > .box.bg-2 .action:hover { background: var(--ot-bg-1); }

.e-d62eba0 > .box.bg-3 > .rows > .row { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-d62eba0 > .box.bg-3 > .rows > .row:hover { background: var(--ot-bg-3-hover); }
.e-d62eba0 > .box.bg-3 > .empty { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-d62eba0 > .box.bg-3 .number { background: var(--ot-bg-4); border-color: var(--ot-bg-3-border); }
.e-d62eba0 > .box.bg-3 .action:hover { background: var(--ot-bg-2); }

.e-d62eba0 > .box.bg-4 > .rows > .row { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }
.e-d62eba0 > .box.bg-4 > .rows > .row:hover { background: var(--ot-bg-4-hover); }
.e-d62eba0 > .box.bg-4 > .empty { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }
.e-d62eba0 > .box.bg-4 .number { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }
.e-d62eba0 > .box.bg-4 .action:hover { background: var(--ot-bg-3); }

/* ===== BORDER ===== */

.e-d62eba0 > .box.border { border-color: var(--ot-bg-2-border); padding: var(--ot-spacing-m); }
.e-d62eba0 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-d62eba0 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-d62eba0 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-d62eba0 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-d62eba0 > .box.size-s > .rows > .row { padding: var(--ot-spacing-x); gap: var(--ot-spacing-x); }
.e-d62eba0 > .box.size-s > .rows > .row > .fields { gap: var(--ot-spacing-x); }
.e-d62eba0 > .box.size-s .action { width: 24px; height: 24px; }
.e-d62eba0 > .box.size-s .action > i { font-size: 14px; }

.e-d62eba0 > .box.size-m > .rows > .row { padding: var(--ot-spacing-s); gap: var(--ot-spacing-s); }
.e-d62eba0 > .box.size-m > .rows > .row > .fields { gap: var(--ot-spacing-s); }

.e-d62eba0 > .box.size-l > .rows > .row { padding: var(--ot-spacing-m); gap: var(--ot-spacing-m); }
.e-d62eba0 > .box.size-l > .rows > .row > .fields { gap: var(--ot-spacing-m); }
.e-d62eba0 > .box.size-l .action { width: 32px; height: 32px; }
.e-d62eba0 > .box.size-l .action > i { font-size: 18px; }

/* ===== DISABLED ===== */

.e-d62eba0 > .box.disabled > .rows > .row
{
	opacity: 0.7;
	cursor: not-allowed;
}
/* ===== DATA FILTERS ===== */

.e-435be612
{
	display: contents;
}

/* Box */

.e-435be612 > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	overflow: hidden;
}

.e-435be612 > .box.sticky
{
	position: sticky;
	top: var(--ot-spacing-m);
	max-height: calc(100vh - var(--ot-spacing-l));
}

/* ===== BACKGROUND ===== */

.e-435be612 > .box.bg-1 { background: var(--ot-bg-1); }
.e-435be612 > .box.bg-2 { background: var(--ot-bg-2); }
.e-435be612 > .box.bg-3 { background: var(--ot-bg-3); }
.e-435be612 > .box.bg-4 { background: var(--ot-bg-4); }

/* ===== BORDER ===== */

.e-435be612 > .box.border { border-color: var(--ot-bg-2-border); }
.e-435be612 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-435be612 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-435be612 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-435be612 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== BORDER-LEFT ===== */

.e-435be612 > .box.border-left
{
	border: none;
	border-left: 1px solid var(--ot-bg-2-border);
	border-radius: 0;
}

.e-435be612 > .box.bg-1.border-left { border-left-color: var(--ot-bg-1-border); }
.e-435be612 > .box.bg-2.border-left { border-left-color: var(--ot-bg-2-border); }
.e-435be612 > .box.bg-3.border-left { border-left-color: var(--ot-bg-3-border); }
.e-435be612 > .box.bg-4.border-left { border-left-color: var(--ot-bg-4-border); }

/* ===== MODIFIERS ===== */

.e-435be612 > .box.clean
{
	background: transparent;
	border-color: transparent;
}

/* ===== HEAD ===== */

.e-435be612 > .box > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	height: 65px;
	padding: 0 var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-435be612 > .box > .head > .head-title
{
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 700;
	color: var(--ot-text-1);
	min-width: 0;
}

.e-435be612 > .box > .head > .head-title > i
{
	font-size: 18px;
	color: var(--ot-text-2);
}

.e-435be612 > .box > .head > .head-title > .head-count
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
	border-radius: 100px;
	font-size: 11px;
	font-weight: 700;
	margin-left: 4px;
}

.e-435be612 > .box > .head > .head-clear
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 500;
	color: var(--ot-text-2);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-435be612 > .box > .head > .head-clear:hover
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
	border-color: var(--ot-bg-3-border);
}

.e-435be612 > .box > .head > .head-clear > i
{
	font-size: 14px;
}

/* ===== GROUPS ===== */

.e-435be612 > .box > .groups
{
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	flex: 1;
}

.e-435be612 > .box > .groups > .group
{
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-435be612 > .box > .groups > .group:last-child
{
	border-bottom: none;
}

/* Group head */

.e-435be612 > .box > .groups > .group > .group-head
{
	display: flex;
	align-items: center;
	gap: 6px;
	height: 44px;
	padding: 0 var(--ot-spacing-m);
	user-select: none;
}

.e-435be612 > .box > .groups > .group > .group-head.collapsible
{
	cursor: pointer;
}

.e-435be612 > .box > .groups > .group > .group-head > .group-label
{
	font-family: var(--ot-font-primary);
	font-size: 11px;
	font-weight: 700;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.e-435be612 > .box > .groups > .group > .group-head > .group-count
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 16px;
	padding: 0 5px;
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	border-radius: 100px;
	font-size: 10px;
	font-weight: 700;
}

.e-435be612 > .box > .groups > .group > .group-head > .group-spacer
{
	flex: 1;
}

.e-435be612 > .box > .groups > .group > .group-head > .group-clear
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-435be612 > .box > .groups > .group > .group-head > .group-clear:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

.e-435be612 > .box > .groups > .group > .group-head > .group-clear > i
{
	font-size: 14px;
}

.e-435be612 > .box > .groups > .group > .group-head > .group-chevron
{
	font-size: 18px;
	color: var(--ot-text-3);
	transition: transform var(--ot-transition);
}

.e-435be612 > .box > .groups > .group.collapsed > .group-head > .group-chevron
{
	transform: rotate(-90deg);
}

/* Group body */

.e-435be612 > .box > .groups > .group > .group-body
{
	padding: 0 var(--ot-spacing-m) var(--ot-spacing-m);
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.e-435be612 > .box > .groups > .group > .group-body:first-child
{
	padding-top: var(--ot-spacing-m);
}

/* ===== OPTIONS (checkbox / radio wrappers) ===== */

.e-435be612 > .box > .groups > .group > .group-body > .options
{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.e-435be612 > .box > .groups > .group > .group-body > .options > .search
{
	margin-bottom: var(--ot-spacing-s);
}

/* Show more */

.e-435be612 > .box > .groups > .group > .group-body > .options > .show-more
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	padding: 6px 10px;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-brand);
	cursor: pointer;
	transition: background var(--ot-transition);
	align-self: flex-start;
}

.e-435be612 > .box > .groups > .group > .group-body > .options > .show-more:hover
{
	background: var(--ot-brand-opacity);
}

.e-435be612 > .box > .groups > .group > .group-body > .options > .show-more > i
{
	font-size: 16px;
}

/* ===== TAGS ===== */

.e-435be612 > .box > .groups > .group > .group-body > .tags
{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.e-435be612 > .box > .groups > .group > .group-body > .tags > .tag
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 10px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 500;
	color: var(--ot-text-2);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-435be612 > .box > .groups > .group > .group-body > .tags > .tag:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-435be612 > .box > .groups > .group > .group-body > .tags > .tag.active
{
	background: var(--ot-brand-solid, var(--ot-brand));
	border-color: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

.e-435be612 > .box > .groups > .group > .group-body > .tags > .tag > i
{
	font-size: 15px;
}

.e-435be612 > .box > .groups > .group > .group-body > .tags > .tag > .tag-count
{
	font-size: 11px;
	font-weight: 700;
	opacity: 0.75;
	font-variant-numeric: tabular-nums;
}

/* ===== RANGE ===== */

.e-435be612 > .box > .groups > .group > .group-body > .range
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.e-435be612 > .box > .groups > .group > .group-body > .range > .range-dash
{
	color: var(--ot-text-3);
	font-weight: 500;
}

/* ===== DATE RANGE ===== */

.e-435be612 > .box > .groups > .group > .group-body > .date-range
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* ===== TOGGLE ===== */

.e-435be612 > .box > .groups > .group > .group-body > .toggle-wrap
{
	padding: 4px 0;
}

/* ===== FOOT ===== */

.e-435be612 > .box > .foot
{
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-2-border);
}

/* ===== HORIZONTAL ===== */

.e-435be612 > .box.horizontal > .groups
{
	flex-direction: row;
	align-items: flex-start;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	overflow-x: auto;
	overflow-y: visible;
}

.e-435be612 > .box.horizontal > .groups > .group
{
	min-width: 200px;
	border-bottom: none;
	border-right: 1px solid var(--ot-bg-2-border);
	padding-right: var(--ot-spacing-m);
}

.e-435be612 > .box.horizontal > .groups > .group:last-child
{
	border-right: none;
	padding-right: 0;
}

.e-435be612 > .box.horizontal > .groups > .group > .group-head,
.e-435be612 > .box.horizontal > .groups > .group > .group-body
{
	padding-left: 0;
	padding-right: 0;
}
/* ===== DATA TABLE ===== */

.e-305e9281
{
	display: block;
	width: 100%;
}

/* Box */

.e-305e9281 > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	overflow: hidden;
}

/* ===== BACKGROUND ===== */

.e-305e9281 > .box.bg-1 { background: var(--ot-bg-1); }
.e-305e9281 > .box.bg-2 { background: var(--ot-bg-2); }
.e-305e9281 > .box.bg-3 { background: var(--ot-bg-3); }
.e-305e9281 > .box.bg-4 { background: var(--ot-bg-4); }

/* ===== BORDER ===== */

.e-305e9281 > .box.border { border-color: var(--ot-bg-2-border); }
.e-305e9281 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-305e9281 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-305e9281 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-305e9281 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== MODIFIERS ===== */

.e-305e9281 > .box.border-bottom
{
	border-color: transparent;
	border-bottom-color: var(--ot-bg-2-border);
	border-radius: 0;
}

.e-305e9281 > .box.bg-1.border-bottom { border-bottom-color: var(--ot-bg-1-border); }
.e-305e9281 > .box.bg-2.border-bottom { border-bottom-color: var(--ot-bg-2-border); }
.e-305e9281 > .box.bg-3.border-bottom { border-bottom-color: var(--ot-bg-3-border); }
.e-305e9281 > .box.bg-4.border-bottom { border-bottom-color: var(--ot-bg-4-border); }

.e-305e9281 > .box.clean
{
	border-color: transparent;
	border-radius: 0;
}

/* ===== HEAD ===== */

.e-305e9281 > .box > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-305e9281 > .box > .head > .head-icon
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-1);
	flex-shrink: 0;
}

.e-305e9281 > .box > .head > .head-icon > i
{
	font-size: 22px;
}

.e-305e9281 > .box > .head > .head-text
{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	gap: 2px;
}

.e-305e9281 > .box > .head > .head-text > .head-title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.018em;
	color: var(--ot-text-1);
	line-height: 1.15;
	font-variation-settings: 'opsz' 144;
}

.e-305e9281 > .box > .head > .head-text > .head-description
{
	margin: 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.5;
}

.e-305e9281 > .box > .head > .head-actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

/* ===== TOOLBAR ===== */

.e-305e9281 > .box > .toolbar
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-305e9281 > .box > .toolbar > .toolbar-search
{
	flex: 1 1 auto;
	max-width: 320px;
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	margin-left: auto;
	padding: 4px var(--ot-spacing-s) 4px var(--ot-spacing-m);
	background: var(--ot-brand-opacity);
	border: 1px solid var(--ot-brand-border);
	border-radius: var(--ot-radius-s);
	animation: e-305e9281-bulk-in 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-305e9281-bulk-in
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk > .toolbar-bulk-count
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	color: var(--ot-brand);
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk > .toolbar-bulk-actions
{
	display: flex;
	align-items: center;
	gap: 2px;
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-action
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 10px;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 500;
	color: var(--ot-text-1);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-action:hover
{
	background: var(--ot-bg-1);
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-action.danger:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-action > i
{
	font-size: 15px;
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-clear
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-brand);
	cursor: pointer;
	margin-left: 4px;
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-clear:hover
{
	background: var(--ot-bg-1);
}

.e-305e9281 > .box > .toolbar > .toolbar-bulk .bulk-clear > i
{
	font-size: 16px;
}

/* ===== TABLE ===== */

.e-305e9281 > .box > .table
{
	display: flex;
	flex-direction: column;
	overflow-x: auto;
}

.e-305e9281 > .box > .table > .row,
.e-305e9281 > .box > .table > div > .row
{
	display: grid;
	align-items: center;
	min-height: 48px;
	padding: 0 var(--ot-spacing-m);
	gap: var(--ot-spacing-m);
	transition: background var(--ot-transition);
}

/* Head row */

.e-305e9281 > .box > .table > .head-row
{
	min-height: 42px;
	background: var(--ot-bg-2);
	border-bottom: 1px solid var(--ot-bg-2-border);
	position: sticky;
	top: 0;
	z-index: 2;
}

.e-305e9281 > .box.bg-2 > .table > .head-row { background: var(--ot-bg-3); }
.e-305e9281 > .box.bg-3 > .table > .head-row { background: var(--ot-bg-4); }

.e-305e9281 > .box > .table > .head-row > .cell
{
	font-family: var(--ot-font-primary);
	font-size: 11px;
	font-weight: 700;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.e-305e9281 > .box > .table > .head-row > .head-cell
{
	display: flex;
	align-items: center;
	gap: 4px;
	user-select: none;
}

.e-305e9281 > .box > .table > .head-row > .head-cell.sortable
{
	cursor: pointer;
	transition: color var(--ot-transition);
}

.e-305e9281 > .box > .table > .head-row > .head-cell.sortable:hover
{
	color: var(--ot-text-1);
}

.e-305e9281 > .box > .table > .head-row > .head-cell.sorted
{
	color: var(--ot-brand);
}

.e-305e9281 > .box > .table > .head-row > .head-cell > .sort-icon
{
	font-size: 14px;
	opacity: 0.6;
	transition: opacity var(--ot-transition);
}

.e-305e9281 > .box > .table > .head-row > .head-cell.sortable:hover > .sort-icon
{
	opacity: 1;
}

/* Body row */

.e-305e9281 > .box > .table > div > .body-row
{
	border-bottom: 1px solid var(--ot-bg-2-border);
	cursor: default;
}

.e-305e9281 > .box > .table > div > .body-row.clickable
{
	cursor: pointer;
}

.e-305e9281 > .box > .table > div:last-child > .body-row
{
	border-bottom: none;
}

.e-305e9281 > .box > .table > div > .body-row:hover
{
	background: var(--ot-bg-2);
}

.e-305e9281 > .box.bg-2 > .table > div > .body-row:hover { background: var(--ot-bg-3); }
.e-305e9281 > .box.bg-3 > .table > div > .body-row:hover { background: var(--ot-bg-4); }

.e-305e9281 > .box > .table > div > .body-row.selected
{
	background: var(--ot-brand-opacity);
}

/* Striped */

.e-305e9281 > .box.striped > .table > div:nth-child(even) > .body-row
{
	background: var(--ot-bg-2);
}

.e-305e9281 > .box.striped.bg-2 > .table > div:nth-child(even) > .body-row
{
	background: var(--ot-bg-3);
}

/* Sticky */

.e-305e9281 > .box.sticky > .table
{
	max-height: 560px;
	overflow-y: auto;
}

/* Cells */

.e-305e9281 > .box > .table .cell
{
	min-width: 0;
	padding: 10px 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-1);
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-305e9281 > .box > .table .cell.align-left { text-align: left; }
.e-305e9281 > .box > .table .cell.align-center { text-align: center; display: flex; justify-content: center; }
.e-305e9281 > .box > .table .cell.align-right { text-align: right; display: flex; justify-content: flex-end; }

/* Select cell */

.e-305e9281 > .box > .table .select-cell
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.e-305e9281 > .box > .table .select-cell > .select-box
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	padding: 0;
	background: var(--ot-bg-1);
	border: 1.5px solid var(--ot-bg-3-border);
	border-radius: 4px;
	color: transparent;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition);
}

.e-305e9281 > .box > .table .select-cell > .select-box:hover
{
	border-color: var(--ot-brand);
}

.e-305e9281 > .box > .table .select-cell > .select-box.checked,
.e-305e9281 > .box > .table .select-cell > .select-box.indeterminate
{
	background: var(--ot-brand-solid, var(--ot-brand));
	border-color: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

.e-305e9281 > .box > .table .select-cell > .select-box > i
{
	font-size: 14px;
	font-weight: 700;
}

/* Actions cell */

.e-305e9281 > .box > .table .actions-cell
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--ot-spacing-x);
	padding: 0 var(--ot-spacing-s) 0 0;
}

.e-305e9281 > .box > .table .actions-cell > .actions-trigger
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-305e9281 > .box > .table .actions-cell > .actions-trigger:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-305e9281 > .box > .table .actions-cell > .actions-trigger > i
{
	font-size: 18px;
}

/* ===== EMPTY ===== */

.e-305e9281 > .box > .empty
{
	padding: var(--ot-spacing-l);
}

/* ===== LOADING SKELETON ===== */

.e-305e9281 > .box > .table .skeleton
{
	background: linear-gradient(90deg, var(--ot-bg-2) 0%, var(--ot-bg-3) 50%, var(--ot-bg-2) 100%);
	background-size: 200% 100%;
	animation: e-305e9281-shimmer 1.4s infinite linear;
	border-radius: var(--ot-radius-s);
}

.e-305e9281 > .box > .table .skeleton-line
{
	height: 14px;
	width: 80%;
}

.e-305e9281 > .box > .table .skeleton-box
{
	width: 18px;
	height: 18px;
}

@keyframes e-305e9281-shimmer
{
	from { background-position: 200% 0; }
	to { background-position: -200% 0; }
}

/* ===== PAGINATION ===== */

.e-305e9281 > .box > .pagination
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-s) var(--ot-spacing-l);
	border-top: 1px solid var(--ot-bg-2-border);
}

.e-305e9281 > .box > .pagination > .pagination-info
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	font-variant-numeric: tabular-nums;
}

.e-305e9281 > .box > .pagination > .pagination-controls
{
	display: flex;
	align-items: center;
	gap: 2px;
}

.e-305e9281 > .box > .pagination > .pagination-controls > .page-btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-2);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-305e9281 > .box > .pagination > .pagination-controls > .page-btn:hover:not(:disabled)
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
	border-color: var(--ot-bg-2-border);
}

.e-305e9281 > .box > .pagination > .pagination-controls > .page-btn:disabled
{
	opacity: 0.35;
	cursor: not-allowed;
}

.e-305e9281 > .box > .pagination > .pagination-controls > .page-btn > i
{
	font-size: 18px;
}

.e-305e9281 > .box > .pagination > .pagination-controls > .page-current
{
	padding: 0 var(--ot-spacing-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	color: var(--ot-text-1);
	font-variant-numeric: tabular-nums;
}

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

@media (max-width: 767.98px)
{
	.e-305e9281 > .box > .toolbar
	{
		flex-direction: column;
		align-items: stretch;
	}

	.e-305e9281 > .box > .toolbar > .toolbar-search
	{
		max-width: 100%;
	}

	.e-305e9281 > .box > .pagination
	{
		flex-direction: column;
		gap: var(--ot-spacing-s);
	}
}

/* Reorder */

.e-305e9281 > .box > .table > .head-row > .handle-cell,
.e-305e9281 > .box > .table > div > .body-row > .handle-cell
{
	padding: 0;
	justify-content: center;
}

.e-305e9281 > .box > .table > div > .body-row > .handle-cell
{
	display: flex;
	align-items: center;
	color: var(--ot-text-3);
	cursor: grab;
}

.e-305e9281 > .box > .table > div > .body-row > .handle-cell:hover
{
	color: var(--ot-text-1);
}

.e-305e9281 > .box > .table > div > .body-row.dragging
{
	opacity: 0.4;
}

.e-305e9281 > .box > .table > div > .body-row.drag-over
{
	background: var(--ot-brand-opacity);
	box-shadow: inset 0 2px 0 var(--ot-brand);
}

/* ===== CARDS (variant "cards") ===== */

/* Na telefonu red postaje kartica: prva celija je naslov, ostale su "naziv kolone: vrednost" u redu koji se lomi, a radnje
   stoje gore desno. Bez varijante tabela ostaje ista i na uskom ekranu skroluje vodoravno. */

@media (max-width: 640px)
{
	.e-305e9281 > .box.cards > .table
	{
		overflow-x: visible;
	}

	.e-305e9281 > .box.cards > .table > .head-row
	{
		display: none;
	}

	.e-305e9281 > .box.cards > .table > div > .body-row
	{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 2px var(--ot-spacing-m);
		padding: var(--ot-spacing-m);
		border-bottom: 1px solid var(--ot-bg-1-border);
	}

	.e-305e9281 > .box.cards .body-row > .cell
	{
		padding: 0;
		flex: 0 1 auto;
		max-width: 100%;
		overflow: visible;
		font-size: var(--ot-size-s);
		color: var(--ot-text-2);
	}

	.e-305e9281 > .box.cards .body-row > .cell:not(.actions-cell):not(.handle-cell)::before
	{
		content: attr(data-label);
		display: inline-block;
		margin-right: var(--ot-spacing-x);
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: var(--ot-text-3);
	}

	.e-305e9281 > .box.cards .body-row > .cell:nth-child(1 of :not(.handle-cell))
	{
		flex: 1 1 100%;
		padding-right: 84px;
		font-size: var(--ot-size-m);
		font-weight: 600;
		color: var(--ot-text-1);
	}

	.e-305e9281 > .box.cards .body-row > .cell:nth-child(1 of :not(.handle-cell))::before
	{
		display: none;
	}

	.e-305e9281 > .box.cards .body-row > .handle-cell
	{
		display: none;
	}

	.e-305e9281 > .box.cards .body-row > .actions-cell
	{
		position: absolute;
		top: var(--ot-spacing-s);
		right: var(--ot-spacing-s);
		padding: 0;
	}
}
/* ===== FORM BUTTON ===== */

.e-64e877b
{
	display: contents;
}

/* Box */

.e-64e877b > .box
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-s);
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	user-select: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), box-shadow var(--ot-transition), transform var(--ot-transition);
}

.e-64e877b > .box:hover { transform: translateY(-1px); }
.e-64e877b > .box:active { transform: translateY(0) scale(0.97); transition-duration: 100ms; }
.e-64e877b > .box:focus-visible { box-shadow: 0 0 0 1px var(--ot-brand-opacity); }

/* Body */

.e-64e877b > .box > .body
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.e-64e877b > .box > .body > i
{
	font-size: 18px;
	transition: transform var(--ot-transition);
}

.e-64e877b > .box > .body > .left { margin-right: -2px; }
.e-64e877b > .box > .body > .right { margin-left: -2px; }
.e-64e877b > .box:hover > .body > .right { transform: translateX(2px); }

/* Spinner */

.e-64e877b > .box > .spin > i
{
	font-size: 18px;
	animation: e-64e877b-spin 0.8s linear infinite;
}

@keyframes e-64e877b-spin
{
	to { transform: rotate(360deg); }
}

/* States */

.e-64e877b > .box.disabled
{
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
	transform: none;
}

.e-64e877b > .box.loading
{
	cursor: wait;
	pointer-events: none;
}

/* ===== STYLE: SOLID ===== */

.e-64e877b > .box.solid.brand  { background: var(--ot-brand-solid, var(--ot-brand));  border-color: var(--ot-brand-solid, var(--ot-brand));  color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.solid.blue   { background: var(--ot-blue);   border-color: var(--ot-blue);   color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.solid.red    { background: var(--ot-red);    border-color: var(--ot-red);    color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.solid.orange { background: var(--ot-orange); border-color: var(--ot-orange); color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.solid.green  { background: var(--ot-green);  border-color: var(--ot-green);  color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.solid.dark   { background: var(--ot-text-1); border-color: var(--ot-text-1); color: var(--ot-bg-1); }

.e-64e877b > .box.solid.brand:hover  { background: var(--ot-brand-hover);  border-color: var(--ot-brand-hover); }
.e-64e877b > .box.solid.blue:hover   { background: var(--ot-blue-hover);   border-color: var(--ot-blue-hover); }
.e-64e877b > .box.solid.red:hover    { background: var(--ot-red-hover);    border-color: var(--ot-red-hover); }
.e-64e877b > .box.solid.orange:hover { background: var(--ot-orange-hover); border-color: var(--ot-orange-hover); }
.e-64e877b > .box.solid.green:hover  { background: var(--ot-green-hover);  border-color: var(--ot-green-hover); }
.e-64e877b > .box.solid.dark:hover   { background: var(--ot-text-2);       border-color: var(--ot-text-2); }

/* Tamna tema (data-theme="dark" na <html>, platforma): boje su svetle, pa beli tekst nema kontrast (1.8 do 2.7 : 1). Tamni tekst (--ot-on-ink) daje 7+ : 1
   i na :hover. SAMO dark selektor: svetla tema i sajtovi (nemaju data-theme) ostaju isti; brand ostaje beo (3.3 : 1, brend). */
:root[data-theme='dark'] .e-64e877b > .box.solid.blue,
:root[data-theme='dark'] .e-64e877b > .box.solid.red,
:root[data-theme='dark'] .e-64e877b > .box.solid.orange,
:root[data-theme='dark'] .e-64e877b > .box.solid.green { color: var(--ot-on-ink, #0a0a0e); }

/* ===== STYLE: SOFT ===== */

.e-64e877b > .box.soft.brand  { background: var(--ot-brand-opacity);  color: var(--ot-brand); }
.e-64e877b > .box.soft.blue   { background: var(--ot-blue-opacity);   color: var(--ot-blue); }
.e-64e877b > .box.soft.red    { background: var(--ot-red-opacity);    color: var(--ot-red); }
.e-64e877b > .box.soft.orange { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-64e877b > .box.soft.green  { background: var(--ot-green-opacity);  color: var(--ot-green); }

.e-64e877b > .box.soft.brand:hover  { background: var(--ot-brand-solid, var(--ot-brand));  color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.soft.blue:hover   { background: var(--ot-blue);   color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.soft.red:hover    { background: var(--ot-red);    color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.soft.orange:hover { background: var(--ot-orange); color: var(--ot-on-solid, #fff); }
.e-64e877b > .box.soft.green:hover  { background: var(--ot-green);  color: var(--ot-on-solid, #fff); }

/* Isto kao solid: na :hover soft dugme dobija punu svetlu boju iz dark teme, pa mu treba tamni tekst. Samo dark selektor; brand ostaje beo. */
:root[data-theme='dark'] .e-64e877b > .box.soft.blue:hover,
:root[data-theme='dark'] .e-64e877b > .box.soft.red:hover,
:root[data-theme='dark'] .e-64e877b > .box.soft.orange:hover,
:root[data-theme='dark'] .e-64e877b > .box.soft.green:hover { color: var(--ot-on-ink, #0a0a0e); }

/* ===== STYLE: OUTLINE ===== */

.e-64e877b > .box.outline.brand  { border-color: var(--ot-brand);  color: var(--ot-brand); }
.e-64e877b > .box.outline.blue   { border-color: var(--ot-blue);   color: var(--ot-blue); }
.e-64e877b > .box.outline.red    { border-color: var(--ot-red);    color: var(--ot-red); }
.e-64e877b > .box.outline.orange { border-color: var(--ot-orange); color: var(--ot-orange); }
.e-64e877b > .box.outline.green  { border-color: var(--ot-green);  color: var(--ot-green); }

.e-64e877b > .box.outline.brand:hover  { background: var(--ot-brand-opacity); }
.e-64e877b > .box.outline.blue:hover   { background: var(--ot-blue-opacity); }
.e-64e877b > .box.outline.red:hover    { background: var(--ot-red-opacity); }
.e-64e877b > .box.outline.orange:hover { background: var(--ot-orange-opacity); }
.e-64e877b > .box.outline.green:hover  { background: var(--ot-green-opacity); }

/* ===== STYLE: GHOST ===== */

.e-64e877b > .box.ghost
{
	background: transparent;
	color: var(--ot-text-2);
}

.e-64e877b > .box.ghost:hover
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
}

/* ===== STYLE: LINK ===== */

.e-64e877b > .box.link
{
	height: auto;
	padding: 0;
	background: transparent;
	border-color: transparent;
	color: var(--ot-brand);
}

.e-64e877b > .box.link:hover
{
	background: transparent;
	color: var(--ot-brand-hover);
	transform: none;
}

.e-64e877b > .box.link:hover > .body > .text
{
	text-decoration: underline;
	text-underline-offset: 3px;
}

.e-64e877b > .box.link:active { transform: none; }

/* ===== BACKGROUND ===== */

.e-64e877b > .box.bg-1 { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-64e877b > .box.bg-2 { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-64e877b > .box.bg-3 { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-64e877b > .box.bg-4 { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

.e-64e877b > .box.bg-1:hover { background: var(--ot-bg-1-hover); }
.e-64e877b > .box.bg-2:hover { background: var(--ot-bg-2-hover); }
.e-64e877b > .box.bg-3:hover { background: var(--ot-bg-3-hover); }
.e-64e877b > .box.bg-4:hover { background: var(--ot-bg-4-hover); }

/* Glass */

.e-64e877b > .box.glass
{
	background: var(--ot-bg-1-opacity);
	border-color: var(--ot-bg-2-border);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
}

.e-64e877b > .box.glass:hover { background: var(--ot-bg-2-opacity); }

/* ===== SIZE ===== */

.e-64e877b > .box.size-s
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-s);
	font-size: var(--ot-size-s);
	gap: var(--ot-spacing-x);
}

.e-64e877b > .box.size-s > .body { gap: var(--ot-spacing-x); }

.e-64e877b > .box.size-s > .body > i,
.e-64e877b > .box.size-s > .spin > i { font-size: 14px; }

.e-64e877b > .box.size-l
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-l);
}

.e-64e877b > .box.size-l > .body > i,
.e-64e877b > .box.size-l > .spin > i { font-size: 20px; }

/* ===== MODIFIERS ===== */

.e-64e877b > .box.full
{
	width: 100%;
}

.e-64e877b > .box.rounded
{
	border-radius: 100px;
}

.e-64e877b > .box.icon-only
{
	padding: 0;
	width: var(--ot-height-m);
	gap: 0;
}

.e-64e877b > .box.icon-only.size-s { width: var(--ot-height-s); }
.e-64e877b > .box.icon-only.size-l { width: var(--ot-height-l); }

/* Link size resets */

.e-64e877b > .box.link.size-s,
.e-64e877b > .box.link.size-l
{
	height: auto;
	padding: 0;
}
/* ===== FORM CHECKBOX ===== */

.e-f249baa
{
	display: contents;
}

/* Expression wrapper */

.e-f249baa > .expression
{
	display: block;
	width: 100%;
}

/* Variable button */

.e-f249baa > .box > .variable-btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--ot-height-s);
	height: var(--ot-height-s);
	padding: 0;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-f249baa > .box > .variable-btn:hover
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-f249baa > .box > .variable-btn > i
{
	font-size: 14px;
}

/* Box */

.e-f249baa > .box
{
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	cursor: pointer;
	font-family: var(--ot-font-primary);
}

.e-f249baa > .box.reverse
{
	flex-direction: row-reverse;
}

/* Input — hidden but accessible */

.e-f249baa > .box > input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
	margin: 0;
}

/* Info */

.e-f249baa > .box > .info
{
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding-top: 1px;
}

.e-f249baa > .box > .info > .label
{
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	line-height: 1.3;
	user-select: none;
	transition: color var(--ot-transition);
}

.e-f249baa > .box > .info > .description
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.4;
	user-select: none;
	transition: color var(--ot-transition);
}

/* Mark */

.e-f249baa > .box > .mark
{
	position: relative;
	display: block;
	flex-shrink: 0;
	border-radius: var(--ot-radius-s);
	border: 1px solid transparent;
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), transform var(--ot-transition-fast), box-shadow var(--ot-transition);
}

/* Checkmark */

.e-f249baa > .box > .mark::after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	border: solid white;
	transform: translate(-50%, -60%) rotate(45deg) scale(0);
	opacity: 0;
	transition: transform var(--ot-transition), opacity var(--ot-transition-fast);
}

.e-f249baa > .box > input:checked ~ .mark::after
{
	transform: translate(-50%, -60%) rotate(45deg) scale(1);
	opacity: 1;
}

/* Indeterminate */

.e-f249baa > .box.indeterminate > .mark::after
{
	transform: translate(-50%, -50%) rotate(0) scale(1);
	opacity: 1;
	border: none;
	background: white;
	border-radius: 1px;
}

/* Focus */

.e-f249baa > .box > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Active */

.e-f249baa > .box:active > .mark
{
	transform: scale(0.92);
}

/* Disabled */

.e-f249baa > .box.disabled
{
	cursor: not-allowed;
}

.e-f249baa > .box.disabled > .mark
{
	opacity: 0.45;
}

.e-f249baa > .box.disabled > .info > .label,
.e-f249baa > .box.disabled > .info > .description
{
	color: var(--ot-text-3);
	opacity: 0.6;
}

/* ===== SIZE ===== */

/* Small */

.e-f249baa > .box.size-s > .mark
{
	width: 16px;
	height: 16px;
}

.e-f249baa > .box.size-s > .mark::after
{
	width: 3px;
	height: 6px;
	border-width: 0 1.5px 1.5px 0;
}

.e-f249baa > .box.size-s.indeterminate > .mark::after
{
	width: 8px;
	height: 1.5px;
}

.e-f249baa > .box.size-s > .info > .label
{
	font-size: var(--ot-size-s);
}

.e-f249baa > .box.size-s > .info > .description
{
	font-size: 10.5px;
}

.e-f249baa > .box.size-s > .icon { font-size: 16px; }

/* Medium */

.e-f249baa > .box.size-m > .mark
{
	width: 20px;
	height: 20px;
}

.e-f249baa > .box.size-m > .mark::after
{
	width: 4px;
	height: 8px;
	border-width: 0 2px 2px 0;
}

.e-f249baa > .box.size-m.indeterminate > .mark::after
{
	width: 10px;
	height: 2px;
}

.e-f249baa > .box.size-m > .info > .label
{
	font-size: var(--ot-size-m);
}

/* Large */

.e-f249baa > .box.size-l > .mark
{
	width: 24px;
	height: 24px;
}

.e-f249baa > .box.size-l > .mark::after
{
	width: 5px;
	height: 10px;
	border-width: 0 2.5px 2.5px 0;
}

.e-f249baa > .box.size-l.indeterminate > .mark::after
{
	width: 12px;
	height: 2.5px;
}

.e-f249baa > .box.size-l > .info > .label
{
	font-size: var(--ot-size-m);
}

.e-f249baa > .box.size-l > .icon { font-size: 20px; }

/* ===== BACKGROUND ===== */

.e-f249baa > .box.bg-1 > .mark { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-f249baa > .box.bg-2 > .mark { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-f249baa > .box.bg-3 > .mark { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-f249baa > .box.bg-4 > .mark { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

.e-f249baa > .box.bg-1:hover:not(.disabled):not(.indeterminate) > input:not(:checked) ~ .mark { background: var(--ot-bg-1-hover); }
.e-f249baa > .box.bg-2:hover:not(.disabled):not(.indeterminate) > input:not(:checked) ~ .mark { background: var(--ot-bg-2-hover); }
.e-f249baa > .box.bg-3:hover:not(.disabled):not(.indeterminate) > input:not(:checked) ~ .mark { background: var(--ot-bg-3-hover); }
.e-f249baa > .box.bg-4:hover:not(.disabled):not(.indeterminate) > input:not(:checked) ~ .mark { background: var(--ot-bg-4-hover); }

/* Transparent */

.e-f249baa > .box.transparent > .mark
{
	background: transparent;
	border-color: transparent;
}

/* Border */

.e-f249baa > .box.border > .mark
{
	border-color: var(--ot-bg-2-border);
}

.e-f249baa > .box.border:hover:not(.disabled) > .mark
{
	border-color: var(--ot-text-3);
}

/* ===== COLOR (checked state) ===== */

.e-f249baa > .box > input:checked ~ .mark,
.e-f249baa > .box.indeterminate > .mark
{
	background: var(--ot-brand);
	border-color: var(--ot-brand);
}

.e-f249baa > .box.color-blue > input:checked ~ .mark,
.e-f249baa > .box.color-blue.indeterminate > .mark
{
	background: var(--ot-blue);
	border-color: var(--ot-blue);
}

.e-f249baa > .box.color-red > input:checked ~ .mark,
.e-f249baa > .box.color-red.indeterminate > .mark
{
	background: var(--ot-red);
	border-color: var(--ot-red);
}

.e-f249baa > .box.color-orange > input:checked ~ .mark,
.e-f249baa > .box.color-orange.indeterminate > .mark
{
	background: var(--ot-orange);
	border-color: var(--ot-orange);
}

.e-f249baa > .box.color-green > input:checked ~ .mark,
.e-f249baa > .box.color-green.indeterminate > .mark
{
	background: var(--ot-green);
	border-color: var(--ot-green);
}

/* Focus per color */

.e-f249baa > .box.color-blue > input:focus-visible ~ .mark { box-shadow: 0 0 0 1px var(--ot-blue-opacity); }
.e-f249baa > .box.color-red > input:focus-visible ~ .mark { box-shadow: 0 0 0 1px var(--ot-red-opacity); }
.e-f249baa > .box.color-orange > input:focus-visible ~ .mark { box-shadow: 0 0 0 1px var(--ot-orange-opacity); }
.e-f249baa > .box.color-green > input:focus-visible ~ .mark { box-shadow: 0 0 0 1px var(--ot-green-opacity); }

/* Icon */

.e-f249baa > .box > .icon
{
	font-size: 18px;
	color: var(--ot-text-2);
	flex-shrink: 0;
	align-self: center;
}

/* Count */

.e-f249baa > .box > .count
{
	margin-left: auto;
	padding-left: var(--ot-spacing-s);
	font-size: 11px;
	font-weight: 700;
	color: var(--ot-text-3);
	font-variant-numeric: tabular-nums;
	align-self: center;
}
/* ===== FORM CHIPS ===== */

.e-2134520c
{
	display: block;
	min-width: 0;
}

.e-2134520c > .box
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-s);
	font-family: var(--ot-font-primary);
}

/* Chip */

.e-2134520c > .box > .chip
{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	height: var(--ot-height-m);
	padding: 0 14px;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-4-border);
	border-radius: 100px;
	color: var(--ot-text-2);
	font-family: inherit;
	font-size: var(--ot-text-s);
	font-weight: var(--ot-weight-medium);
	white-space: nowrap;
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-2134520c > .box > .chip > i
{
	font-size: 18px;
}

.e-2134520c > .box > .chip:hover:not(:disabled)
{
	background: var(--ot-bg-1-hover);
	border-color: var(--ot-text-3);
	color: var(--ot-text-1);
}

.e-2134520c > .box > .chip:active:not(:disabled)
{
	transform: scale(0.97);
}

.e-2134520c > .box > .chip:focus-visible
{
	outline: none;
	box-shadow: var(--ot-focus);
}

/* On */

.e-2134520c > .box > .chip.on
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand);
	color: var(--ot-brand);
}

.e-2134520c > .box > .chip.on:hover:not(:disabled)
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand-hover);
	color: var(--ot-brand-hover);
}

/* Disabled */

.e-2134520c > .box > .chip:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

.e-2134520c > .box.disabled > .chip.on:disabled
{
	opacity: 0.7;
}

/* Error */

.e-2134520c > .box.error > .chip:not(.on)
{
	border-color: var(--ot-red);
}

/* Size */

.e-2134520c > .box.size-s > .chip
{
	height: var(--ot-height-s);
	padding: 0 12px;
	font-size: var(--ot-text-xs);
}

.e-2134520c > .box.size-s > .chip > i
{
	font-size: 16px;
}

/* Na telefonu jedan red koji se vuce prstom; cip koji proviruje pokazuje da ima jos. */

@media (max-width: 640px)
{
	.e-2134520c > .box:not(.wrap)
	{
		flex-wrap: nowrap;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		/* Fokus-prsten i senka ne smeju da budu odsečeni gornjom i donjom ivicom skrola. */
		padding: 4px 2px;
		margin: -4px -2px;
	}

	.e-2134520c > .box:not(.wrap)::-webkit-scrollbar
	{
		display: none;
	}

	.e-2134520c > .box:not(.wrap) > .chip
	{
		height: 44px;
		scroll-snap-align: start;
	}

	.e-2134520c > .box.size-s:not(.wrap) > .chip
	{
		height: var(--ot-height-m);
	}
}

@media (prefers-reduced-motion: reduce)
{
	.e-2134520c > .box > .chip
	{
		transition: none;
	}
}
/* ===== FORM COLOR ===== */

.e-21311850
{
	display: contents;
}

/* Box */

.e-21311850 > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	width: 100%;
}

/* Field */

.e-21311850 > .box > .field
{
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: 0 var(--ot-spacing-s);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-21311850 > .box > .field:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Swatch */

.e-21311850 > .box > .field > .swatch
{
	position: relative;
	flex-shrink: 0;
	border-radius: var(--ot-radius-s);
	border: 1px solid var(--ot-bg-2-border);
	cursor: pointer;
	overflow: hidden;
	padding: 0;
	outline: none;
	background-color: transparent;
	background-image: linear-gradient(45deg, var(--ot-bg-3) 25%, transparent 25%), linear-gradient(-45deg, var(--ot-bg-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ot-bg-3) 75%), linear-gradient(-45deg, transparent 75%, var(--ot-bg-3) 75%);
	background-size: 8px 8px;
	background-position: 0 0, 0 4px, 4px -4px, -4px 0;
	transition: border-color var(--ot-transition), transform var(--ot-transition);
}

.e-21311850 > .box > .field > .swatch:hover
{
	transform: scale(1.08);
}

/* Native color input */

.e-21311850 > .box > .field > .swatch > .native
{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	border: none;
	padding: 0;
}

/* Hex input */

.e-21311850 > .box > .field > .input
{
	flex: 1;
	min-width: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
	font-size: var(--ot-size-m);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 0;
}

.e-21311850 > .box > .field > .input::placeholder
{
	color: var(--ot-text-3);
	text-transform: none;
}

/* Action */

.e-21311850 > .box > .field > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-21311850 > .box > .field > .action:hover
{
	background: var(--ot-bg-2-hover);
	color: var(--ot-text-1);
}

.e-21311850 > .box > .field > .action > i
{
	font-size: 14px;
}

.e-21311850 > .box > .field > .action.copied
{
	color: var(--ot-green);
	background: var(--ot-green-opacity);
}

/* Presets */

.e-21311850 > .box > .presets
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-x);
}

.e-21311850 > .box > .presets > .preset
{
	width: 22px;
	height: 22px;
	padding: 0;
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	cursor: pointer;
	outline: none;
	transition: border-color var(--ot-transition), transform var(--ot-transition), box-shadow var(--ot-transition);
}

.e-21311850 > .box > .presets > .preset:hover
{
	transform: scale(1.1);
}

.e-21311850 > .box > .presets > .preset.active
{
	box-shadow: 0 0 0 2px var(--ot-bg-1), 0 0 0 4px var(--ot-brand);
}

/* Disabled */

.e-21311850 > .box.disabled > .field
{
	cursor: not-allowed;
	opacity: 0.55;
}

.e-21311850 > .box.disabled > .field > .swatch
{
	cursor: not-allowed;
	transform: none;
}

.e-21311850 > .box.disabled > .field > .input
{
	cursor: not-allowed;
}

/* ===== BACKGROUND ===== */

.e-21311850 > .box.bg-1 > .field { background: var(--ot-bg-1); }
.e-21311850 > .box.bg-2 > .field { background: var(--ot-bg-2); }
.e-21311850 > .box.bg-3 > .field { background: var(--ot-bg-3); }
.e-21311850 > .box.bg-4 > .field { background: var(--ot-bg-4); }

.e-21311850 > .box.bg-1 > .field:hover:not(:focus-within) { background: var(--ot-bg-1-hover); }
.e-21311850 > .box.bg-2 > .field:hover:not(:focus-within) { background: var(--ot-bg-2-hover); }
.e-21311850 > .box.bg-3 > .field:hover:not(:focus-within) { background: var(--ot-bg-3-hover); }
.e-21311850 > .box.bg-4 > .field:hover:not(:focus-within) { background: var(--ot-bg-4-hover); }

.e-21311850 > .box.bg-1 > .field > .swatch { border-color: var(--ot-bg-1-border); }
.e-21311850 > .box.bg-2 > .field > .swatch { border-color: var(--ot-bg-2-border); }
.e-21311850 > .box.bg-3 > .field > .swatch { border-color: var(--ot-bg-3-border); }
.e-21311850 > .box.bg-4 > .field > .swatch { border-color: var(--ot-bg-4-border); }

.e-21311850 > .box.bg-1 > .field > .action:hover { background: var(--ot-bg-1-hover); }
.e-21311850 > .box.bg-2 > .field > .action:hover { background: var(--ot-bg-2-hover); }
.e-21311850 > .box.bg-3 > .field > .action:hover { background: var(--ot-bg-3-hover); }
.e-21311850 > .box.bg-4 > .field > .action:hover { background: var(--ot-bg-4-hover); }

/* Transparent */

.e-21311850 > .box.transparent > .field
{
	background: transparent;
	padding: 0;
}

/* Border */

.e-21311850 > .box.border > .field { border-color: var(--ot-bg-2-border); }
.e-21311850 > .box.bg-1.border > .field { border-color: var(--ot-bg-1-border); }
.e-21311850 > .box.bg-2.border > .field { border-color: var(--ot-bg-2-border); }
.e-21311850 > .box.bg-3.border > .field { border-color: var(--ot-bg-3-border); }
.e-21311850 > .box.bg-4.border > .field { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-21311850 > .box.size-s > .field
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-x);
}

.e-21311850 > .box.size-s > .field > .swatch { width: 18px; height: 18px; }
.e-21311850 > .box.size-s > .field > .input { font-size: var(--ot-size-s); }
.e-21311850 > .box.size-s > .field > .action { width: 18px; height: 18px; }
.e-21311850 > .box.size-s > .field > .action > i { font-size: 13px; }
.e-21311850 > .box.size-s > .presets > .preset { width: 18px; height: 18px; }

.e-21311850 > .box.size-m > .field
{
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-s);
}

.e-21311850 > .box.size-m > .field > .swatch { width: 22px; height: 22px; }
.e-21311850 > .box.size-m > .field > .input { font-size: var(--ot-size-m); }

.e-21311850 > .box.size-l > .field
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-m);
}

.e-21311850 > .box.size-l > .field > .swatch { width: 28px; height: 28px; }
.e-21311850 > .box.size-l > .field > .input { font-size: var(--ot-size-m); }
.e-21311850 > .box.size-l > .field > .action { width: 26px; height: 26px; }
.e-21311850 > .box.size-l > .field > .action > i { font-size: 16px; }
.e-21311850 > .box.size-l > .presets > .preset { width: 28px; height: 28px; }
/* ===== FORM DATE ===== */

.e-283879c1
{
	display: contents;
}

/* Box */

.e-283879c1 > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	width: 100%;
}

/* Field */

.e-283879c1 > .box > .field
{
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: 0 var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-283879c1 > .box > .field:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Icon */

.e-283879c1 > .box > .field > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	transition: color var(--ot-transition);
}

.e-283879c1 > .box.today > .field > .icon
{
	color: var(--ot-brand);
}

/* Input */

.e-283879c1 > .box > .field > .input
{
	flex: 1;
	min-width: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	cursor: pointer;
}

.e-283879c1 > .box > .field > .input::placeholder
{
	color: var(--ot-text-3);
	font-weight: 400;
}

/* Hide native indicator — the whole field opens the picker now. */
.e-283879c1 > .box > .field > .input::-webkit-calendar-picker-indicator
{
	display: none;
}

.e-283879c1 > .box > .field > .input:disabled
{
	cursor: not-allowed;
}

/* Action */

.e-283879c1 > .box > .field > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-283879c1 > .box > .field > .action:hover
{
	background: var(--ot-bg-2-hover);
	color: var(--ot-text-1);
}

.e-283879c1 > .box > .field > .action > i
{
	font-size: 14px;
}

/* Presets */

.e-283879c1 > .box > .presets
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-x);
}

.e-283879c1 > .box > .presets > .preset
{
	display: inline-flex;
	align-items: center;
	padding: var(--ot-spacing-x) 10px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 500;
	color: var(--ot-text-2);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-283879c1 > .box > .presets > .preset:hover:not(.disabled):not(.active)
{
	background: var(--ot-bg-2-hover);
	color: var(--ot-text-1);
	transform: translateY(-1px);
}

.e-283879c1 > .box > .presets > .preset.active
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand);
	color: var(--ot-brand);
}

.e-283879c1 > .box > .presets > .preset.disabled
{
	opacity: 0.4;
	cursor: not-allowed;
}

/* Disabled */

.e-283879c1 > .box.disabled > .field
{
	cursor: not-allowed;
	opacity: 0.55;
}

/* ===== BACKGROUND ===== */

.e-283879c1 > .box.bg-1 > .field { background: var(--ot-bg-1); }
.e-283879c1 > .box.bg-2 > .field { background: var(--ot-bg-2); }
.e-283879c1 > .box.bg-3 > .field { background: var(--ot-bg-3); }
.e-283879c1 > .box.bg-4 > .field { background: var(--ot-bg-4); }

.e-283879c1 > .box.bg-1 > .field:hover:not(:focus-within) { background: var(--ot-bg-1-hover); }
.e-283879c1 > .box.bg-2 > .field:hover:not(:focus-within) { background: var(--ot-bg-2-hover); }
.e-283879c1 > .box.bg-3 > .field:hover:not(:focus-within) { background: var(--ot-bg-3-hover); }
.e-283879c1 > .box.bg-4 > .field:hover:not(:focus-within) { background: var(--ot-bg-4-hover); }

.e-283879c1 > .box.bg-1 > .field > .action:hover { background: var(--ot-bg-1-hover); }
.e-283879c1 > .box.bg-2 > .field > .action:hover { background: var(--ot-bg-2-hover); }
.e-283879c1 > .box.bg-3 > .field > .action:hover { background: var(--ot-bg-3-hover); }
.e-283879c1 > .box.bg-4 > .field > .action:hover { background: var(--ot-bg-4-hover); }

/* Transparent */

.e-283879c1 > .box.transparent > .field
{
	background: transparent;
	padding: 0;
}

/* Border */

.e-283879c1 > .box.border > .field { border-color: var(--ot-bg-2-border); }
.e-283879c1 > .box.bg-1.border > .field { border-color: var(--ot-bg-1-border); }
.e-283879c1 > .box.bg-2.border > .field { border-color: var(--ot-bg-2-border); }
.e-283879c1 > .box.bg-3.border > .field { border-color: var(--ot-bg-3-border); }
.e-283879c1 > .box.bg-4.border > .field { border-color: var(--ot-bg-4-border); }

/* Today */

.e-283879c1 > .box.today > .field,
.e-283879c1 > .box.today.border > .field
{
	border-color: var(--ot-brand);
}

/* ===== SIZE ===== */

.e-283879c1 > .box.size-s > .field
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-s);
}

.e-283879c1 > .box.size-s > .field > .icon { font-size: 15px; }
.e-283879c1 > .box.size-s > .field > .input { font-size: var(--ot-size-s); }
.e-283879c1 > .box.size-s > .field > .action { width: 18px; height: 18px; }
.e-283879c1 > .box.size-s > .field > .action > i { font-size: 13px; }
.e-283879c1 > .box.size-s > .presets > .preset { font-size: 10.5px; padding: 3px 8px; }

.e-283879c1 > .box.size-m > .field
{
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
}

.e-283879c1 > .box.size-l > .field
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-l);
}

.e-283879c1 > .box.size-l > .field > .icon { font-size: 20px; }
.e-283879c1 > .box.size-l > .field > .action { width: 26px; height: 26px; }
.e-283879c1 > .box.size-l > .field > .action > i { font-size: 16px; }
.e-283879c1 > .box.size-l > .presets > .preset { font-size: 12.5px; padding: 5px 12px; }
/* ===== FORM DATERANGE ===== */

.e-4f6b01c
{
	display: inline-block;
	min-width: 0;
}

/* Field */

.e-4f6b01c .field
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	min-width: 220px;
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m) 0 12px;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-4-border);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-text-s);
	text-align: left;
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-4f6b01c .field.size-l
{
	height: var(--ot-height-l);
	font-size: var(--ot-text-m);
}

.e-4f6b01c .field > .lead,
.e-4f6b01c .field > .chevron
{
	font-size: 20px;
	color: var(--ot-text-3);
}

.e-4f6b01c .field > .text
{
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-4f6b01c .field > .chevron
{
	transition: transform var(--ot-transition);
}

.e-4f6b01c .field:hover:not(:disabled)
{
	background: var(--ot-bg-1-hover);
	border-color: var(--ot-text-3);
}

.e-4f6b01c .field:focus-visible
{
	outline: none;
	box-shadow: var(--ot-focus);
}

.e-4f6b01c .field.opened
{
	border-color: var(--ot-brand);
}

.e-4f6b01c .field.opened > .chevron
{
	transform: rotate(180deg);
}

.e-4f6b01c .field:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

.e-4f6b01c .field.error
{
	border-color: var(--ot-red);
}

/* Calendar */

.e-4f6b01c .cal
{
	position: relative;
	color: var(--ot-text-1);
}

.e-4f6b01c .grids
{
	display: flex;
	gap: var(--ot-spacing-l);
}

.e-4f6b01c .grid
{
	flex: 1;
	min-width: 0;
}

.e-4f6b01c .cap
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	font-size: var(--ot-text-m);
	font-weight: var(--ot-weight-medium);
	text-transform: capitalize;
}

.e-4f6b01c .nav
{
	position: absolute;
	top: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 50%;
	color: var(--ot-text-1);
	cursor: pointer;
	transition: background var(--ot-transition);
}

.e-4f6b01c .nav.prev { left: 0; }
.e-4f6b01c .nav.next { right: 0; }

.e-4f6b01c .nav:hover:not(:disabled) { background: var(--ot-bg-3); }
.e-4f6b01c .nav:focus-visible { outline: none; box-shadow: var(--ot-focus); }
.e-4f6b01c .nav:disabled { opacity: 0.3; cursor: not-allowed; }

/* Days */

.e-4f6b01c .week,
.e-4f6b01c .days
{
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.e-4f6b01c .dow
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	font-size: var(--ot-text-xs);
	font-weight: var(--ot-weight-medium);
	color: var(--ot-text-3);
	text-transform: capitalize;
}

.e-4f6b01c .day
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--ot-text-1);
	font-family: inherit;
	font-size: var(--ot-text-s);
	cursor: pointer;
}

.e-4f6b01c .day > .num
{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-variant-numeric: tabular-nums;
	transition: background var(--ot-transition), color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-4f6b01c .day:focus-visible { outline: none; }
.e-4f6b01c .day:focus-visible > .num { box-shadow: var(--ot-focus); }

.e-4f6b01c .day:hover:not(.off):not(.picked) > .num { box-shadow: inset 0 0 0 1px var(--ot-text-1); }

.e-4f6b01c .day.today > .num { box-shadow: inset 0 0 0 1px var(--ot-text-3); }

/* Range band: the days between and a half-cell behind each end make it one strip. */

.e-4f6b01c .day.between,
.e-4f6b01c .day.preview
{
	background: var(--ot-brand-opacity);
}

.e-4f6b01c .day.preview:not(.between) { background: var(--ot-bg-3); }

.e-4f6b01c .day.open-right::before,
.e-4f6b01c .day.open-left::before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	background: var(--ot-brand-opacity);
}

.e-4f6b01c .day.open-right::before { left: 50%; }
.e-4f6b01c .day.open-left::before { right: 50%; }

.e-4f6b01c .day.picked > .num
{
	background: var(--ot-brand);
	color: #fff;
	font-weight: var(--ot-weight-medium);
}

/* Unavailable */

.e-4f6b01c .day.off
{
	cursor: not-allowed;
}

.e-4f6b01c .day.off > .num
{
	color: var(--ot-text-3);
	text-decoration: line-through;
	opacity: 0.6;
}

.e-4f6b01c .day.off.picked > .num { opacity: 1; text-decoration: none; }

/* Foot */

.e-4f6b01c .foot
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	margin-top: var(--ot-spacing-s);
	padding-top: var(--ot-spacing-s);
	border-top: 1px solid var(--ot-bg-1-border);
}

.e-4f6b01c .sum
{
	font-size: var(--ot-text-s);
	color: var(--ot-text-2);
}

.e-4f6b01c .clear
{
	height: 36px;
	padding: 0 var(--ot-spacing-m);
	background: transparent;
	border: 0;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-1);
	font-family: inherit;
	font-size: var(--ot-text-s);
	font-weight: var(--ot-weight-medium);
	text-decoration: underline;
	cursor: pointer;
}

.e-4f6b01c .clear:hover:not(:disabled) { background: var(--ot-bg-3); }
.e-4f6b01c .clear:focus-visible { outline: none; box-shadow: var(--ot-focus); }
.e-4f6b01c .clear:disabled { opacity: 0.4; cursor: not-allowed; }

@media (max-width: 640px)
{
	.e-4f6b01c { display: block; }

	.e-4f6b01c .field { height: 44px; font-size: var(--ot-text-m); }

	.e-4f6b01c .day { height: 48px; }
	.e-4f6b01c .day > .num { width: 42px; height: 42px; font-size: var(--ot-text-m); }

	.e-4f6b01c .nav { width: 44px; height: 44px; top: -4px; }
	.e-4f6b01c .cap { height: 36px; }
}

@media (prefers-reduced-motion: reduce)
{
	.e-4f6b01c .field,
	.e-4f6b01c .field > .chevron,
	.e-4f6b01c .nav,
	.e-4f6b01c .day > .num
	{
		transition: none;
	}
}
/* ===== FORM EDITOR ===== */

.e-2248d40
{
	display: contents;
}

/* Box */

.e-2248d40 > .box
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: var(--ot-radius-m);
	overflow: visible;
	transition: border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-2248d40 > .box:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Toolbar */

.e-2248d40 > .box > .bar
{
	display: flex;
	align-items: center;
	gap: 2px;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
	flex-wrap: wrap;
	border-radius: var(--ot-radius-m) var(--ot-radius-m) 0 0;
}

.e-2248d40 > .box > .bar > div
{
	display: inline-flex;
	align-items: center;
}

.e-2248d40 > .box > .bar .btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-2);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-2248d40 > .box > .bar .btn:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-2248d40 > .box > .bar .btn.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-2248d40 > .box > .bar .btn > i
{
	font-size: 18px;
}

.e-2248d40 > .box > .bar .sep
{
	width: 1px;
	height: 20px;
	background: var(--ot-bg-2-border);
	margin: 0 6px;
}

/* Area */

.e-2248d40 > .box > .area
{
	position: relative;
	padding: var(--ot-spacing-l);
	width: 100%;
	border-radius: 0 0 var(--ot-radius-m) var(--ot-radius-m);
}

/* Body (contenteditable) */

.e-2248d40 > .box > .area > .body
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	line-height: 1.75;
	color: var(--ot-text-1);
	outline: none;
	min-height: 200px;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* Placeholder */

.e-2248d40 > .box > .area > .body:empty::before,
.e-2248d40 > .box > .area > .body > p:only-child:empty::before
{
	content: attr(data-placeholder);
	color: var(--ot-text-3);
	pointer-events: none;
}

.e-2248d40 > .box > .area > .body > *:first-child { margin-top: 0; }
.e-2248d40 > .box > .area > .body > *:last-child { margin-bottom: 0; }

/* Headings */

.e-2248d40 > .box > .area > .body :is(h2, h3, h4)
{
	font-family: var(--ot-font-secondary);
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--ot-text-1);
	line-height: 1.2;
}

.e-2248d40 > .box > .area > .body h2 { font-size: 26px; margin: 1.2em 0 0.5em; }
.e-2248d40 > .box > .area > .body h3 { font-size: 21px; margin: 1.1em 0 0.45em; }
.e-2248d40 > .box > .area > .body h4 { font-size: 17px; margin: 1em 0 0.4em; }

.e-2248d40 > .box > .area > .body :is(h2, h3, h4) + :is(h2, h3, h4)
{
	margin-top: 0;
}

/* Paragraphs */

.e-2248d40 > .box > .area > .body p
{
	margin: 0 0 1em;
	color: var(--ot-text-2);
}

/* Inline formatting */

.e-2248d40 > .box > .area > .body strong { font-weight: 700; color: var(--ot-text-1); }
.e-2248d40 > .box > .area > .body em { font-style: italic; }

/* Preglednik kurziv upisuje kao <i>, a reset.css <i> koristi za ikone (Material Symbols): u polju za pisanje <i> je obican kurziv.
   Pri cuvanju cistac ga pretvara u <em>. */
.e-2248d40 > .box > .area > .body i
{
	display: inline;
	font: inherit;
	font-style: italic;
	line-height: inherit;
	white-space: inherit;
}
.e-2248d40 > .box > .area > .body s { text-decoration: line-through; color: var(--ot-text-3); }
.e-2248d40 > .box > .area > .body u { text-decoration: underline; }

/* Links */

.e-2248d40 > .box > .area > .body a
{
	color: var(--ot-brand);
	text-decoration: underline;
	text-decoration-color: var(--ot-brand-opacity);
	text-underline-offset: 3px;
	transition: text-decoration-color var(--ot-transition-fast);
}

.e-2248d40 > .box > .area > .body a:hover
{
	text-decoration-color: var(--ot-brand);
}

/* Lists */

.e-2248d40 > .box > .area > .body :is(ul, ol)
{
	margin: 0 0 1em;
	padding-left: 1.6em;
}

.e-2248d40 > .box > .area > .body ul { list-style: disc; }
.e-2248d40 > .box > .area > .body ol { list-style: decimal; }

.e-2248d40 > .box > .area > .body li
{
	margin: 0 0 0.3em;
	color: var(--ot-text-2);
}

.e-2248d40 > .box > .area > .body li:last-child
{
	margin-bottom: 0;
}

/* Blockquote */

.e-2248d40 > .box > .area > .body blockquote
{
	margin: 1.3em 0;
	padding: 0.2em 0 0.2em 1em;
	border-left: 3px solid var(--ot-brand);
	font-family: var(--ot-font-secondary);
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.5;
	color: var(--ot-text-1);
}

.e-2248d40 > .box > .area > .body blockquote p
{
	margin: 0;
	color: inherit;
}

/* Inline code */

.e-2248d40 > .box > .area > .body code
{
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: 0.9em;
	padding: 0.1em 0.35em;
	border-radius: var(--ot-radius-s);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-1);
}

/* Pre / code block */

.e-2248d40 > .box > .area > .body pre
{
	margin: 1.3em 0;
	padding: 1em 1.2em;
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	overflow-x: auto;
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: 0.9em;
	line-height: 1.6;
}

.e-2248d40 > .box > .area > .body pre > code
{
	background: transparent;
	border: none;
	padding: 0;
}

/* Images */

.e-2248d40 > .box > .area > .body img
{
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--ot-radius-m);
	margin: 1.5em 0;
}

/* Embeds */

.e-2248d40 > .box > .area > .body iframe
{
	display: block;
	width: 100%;
	min-height: 1000px;
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-1);
	margin: 1.5em 0;
}

/* HR */

.e-2248d40 > .box > .area > .body hr
{
	border: none;
	height: 1px;
	background: var(--ot-bg-2-border);
	margin: 2em 0;
}

/* Tables */

.e-2248d40 > .box > .area > .body table
{
	width: 100%;
	border-collapse: collapse;
	margin: 1.5em 0;
	font-size: var(--ot-size-s);
}

.e-2248d40 > .box > .area > .body th,
.e-2248d40 > .box > .area > .body td
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border: 1px solid var(--ot-bg-2-border);
	text-align: left;
	vertical-align: top;
}

.e-2248d40 > .box > .area > .body thead td,
.e-2248d40 > .box > .area > .body th
{
	font-weight: 600;
	color: var(--ot-text-1);
	background: var(--ot-bg-2);
}

.e-2248d40 > .box > .area > .body td
{
	color: var(--ot-text-2);
}

/* ===== BACKGROUND ===== */

.e-2248d40 > .box.bg-1 { background: var(--ot-bg-1); }
.e-2248d40 > .box.bg-1 > .bar { background: var(--ot-bg-1); }

.e-2248d40 > .box.bg-2 { background: var(--ot-bg-2); }
.e-2248d40 > .box.bg-2 > .bar { background: var(--ot-bg-2); border-bottom-color: var(--ot-bg-2-border); }
.e-2248d40 > .box.bg-2 > .bar .btn:hover { background: var(--ot-bg-3); }
.e-2248d40 > .box.bg-2 > .bar .sep { background: var(--ot-bg-2-border); }

.e-2248d40 > .box.bg-3 { background: var(--ot-bg-3); }
.e-2248d40 > .box.bg-3 > .bar { background: var(--ot-bg-3); border-bottom-color: var(--ot-bg-3-border); }
.e-2248d40 > .box.bg-3 > .bar .btn:hover { background: var(--ot-bg-4); }
.e-2248d40 > .box.bg-3 > .bar .sep { background: var(--ot-bg-3-border); }

.e-2248d40 > .box.bg-4 { background: var(--ot-bg-4); }
.e-2248d40 > .box.bg-4 > .bar { background: var(--ot-bg-4); border-bottom-color: var(--ot-bg-4-border); }
.e-2248d40 > .box.bg-4 > .bar .btn:hover { background: var(--ot-bg-3); }
.e-2248d40 > .box.bg-4 > .bar .sep { background: var(--ot-bg-4-border); }

/* ===== BORDER ===== */

.e-2248d40 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-2248d40 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-2248d40 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-2248d40 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-2248d40 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-2248d40 > .box.size-s > .bar { padding: var(--ot-spacing-x) var(--ot-spacing-s); }
.e-2248d40 > .box.size-s > .bar .btn { width: 26px; height: 26px; }
.e-2248d40 > .box.size-s > .bar .btn > i { font-size: 16px; }
.e-2248d40 > .box.size-s > .area { padding: var(--ot-spacing-m); }
.e-2248d40 > .box.size-s > .area > .body { font-size: var(--ot-size-s); min-height: 140px; }

.e-2248d40 > .box.size-m > .bar { padding: var(--ot-spacing-s) var(--ot-spacing-m); }
.e-2248d40 > .box.size-m > .area { padding: var(--ot-spacing-l); }

.e-2248d40 > .box.size-l > .bar { padding: var(--ot-spacing-m) var(--ot-spacing-l); }
.e-2248d40 > .box.size-l > .bar .btn { width: 34px; height: 34px; }
.e-2248d40 > .box.size-l > .bar .btn > i { font-size: 20px; }
.e-2248d40 > .box.size-l > .area { padding: var(--ot-spacing-l); }
.e-2248d40 > .box.size-l > .area > .body { min-height: 280px; }

/* ===== COMPACT ===== */

.e-2248d40 > .box.compact > .area { padding: var(--ot-spacing-m); }
.e-2248d40 > .box.compact > .area > .body { min-height: 120px; }
/* ===== FORM FIELD ===== */

.e-2109a6b9
{
	display: contents;
}

/* Box */

.e-2109a6b9 > .box
{
	display: flex;
	width: 100%;
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-l);
}

.e-2109a6b9 > .box.horizontal
{
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.e-2109a6b9 > .box.vertical
{
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

/* Info */

.e-2109a6b9 > .box > .info
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-x);
	min-width: 0;
	flex: 1;
}

.e-2109a6b9 > .box.horizontal > .info
{
	padding-top: 6px;
	max-width: 240px;
}

/* Label */

.e-2109a6b9 > .box > .info > .label
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	line-height: 1.3;
	cursor: default;
}

.e-2109a6b9 > .box > .info > .label > .required
{
	color: var(--ot-red);
	font-weight: 600;
}

.e-2109a6b9 > .box > .info > .label > .hint
{
	font-size: 16px;
	color: var(--ot-text-3);
	cursor: help;
	transition: color var(--ot-transition);
}

.e-2109a6b9 > .box > .info > .label > .hint:hover
{
	color: var(--ot-text-1);
}

/* Description */

.e-2109a6b9 > .box > .info > .description
{
	margin: 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.5;
}

/* Control */

.e-2109a6b9 > .box > .control
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-x);
	flex: 1;
	min-width: 0;
}

.e-2109a6b9 > .box.horizontal > .control
{
	flex: 1.5;
}

.e-2109a6b9 > .box.vertical > .control
{
	width: 100%;
}

/* Input slot */

.e-2109a6b9 > .box > .control > .input
{
	display: flex;
	width: 100%;
}

.e-2109a6b9 > .box > .control > .input > *
{
	width: 100%;
}

/* Error message */

.e-2109a6b9 > .box > .control > .message
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-red);
	animation: e-2109a6b9-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.e-2109a6b9 > .box > .control > .message > i
{
	font-size: 14px;
	font-variation-settings: 'FILL' 1;
}

@keyframes e-2109a6b9-shake
{
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-3px); }
	75% { transform: translateX(3px); }
}

/* Error state */

.e-2109a6b9 > .box.error > .control > .input > *
{
	--ot-brand: var(--ot-red);
	--ot-brand-opacity: var(--ot-red-opacity);
}

/* ===== VARIANT ===== */

.e-2109a6b9 > .box.clean
{
	padding: 0;
}

.e-2109a6b9 > .box.border
{
	border-bottom: 1px solid var(--ot-bg-2-border);
}

/* ===== SIZE ===== */

/* Small */

.e-2109a6b9 > .box.size-s
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	gap: var(--ot-spacing-m);
}

.e-2109a6b9 > .box.size-s.vertical
{
	gap: var(--ot-spacing-x);
}

.e-2109a6b9 > .box.size-s > .info > .label
{
	font-size: var(--ot-size-s);
}

.e-2109a6b9 > .box.size-s > .info > .description
{
	font-size: var(--ot-size-s);
}

/* Medium */

.e-2109a6b9 > .box.size-m
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-m);
}

/* Large */

.e-2109a6b9 > .box.size-l
{
	padding: var(--ot-spacing-l) var(--ot-spacing-m);
	gap: var(--ot-spacing-l);
}

.e-2109a6b9 > .box.size-l.vertical
{
	gap: var(--ot-spacing-s);
}

.e-2109a6b9 > .box.size-l > .info > .label
{
	font-size: 15px;
}

.e-2109a6b9 > .box.size-l > .info > .description
{
	font-size: var(--ot-size-m);
}

/* Clean overrides */

.e-2109a6b9 > .box.clean.size-s,
.e-2109a6b9 > .box.clean.size-m,
.e-2109a6b9 > .box.clean.size-l
{
	padding: 0;
}

/* ===== NARROW SCREEN ===== */

/* Vodoravno polje (natpis levo, kontrola desno) na telefonu ostavlja kontroli ~150 px: natpis i kontrola
   se slazu jedno ispod drugog. */

@media (max-width: 520px)
{
	.e-2109a6b9 > .box.horizontal
	{
		flex-direction: column;
		align-items: stretch;
		gap: var(--ot-spacing-s);
	}

	.e-2109a6b9 > .box.horizontal > .info
	{
		flex: none;
		max-width: none;
		padding-top: 0;
	}

	.e-2109a6b9 > .box.horizontal > .control
	{
		flex: none;
		width: 100%;
	}
}
/* ===== FORM INPUT ===== */

.e-20dcefe9
{
	display: contents;
}

/* Box */

.e-20dcefe9 > .box
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-20dcefe9 > .box:focus-within
{
	border-color: var(--ot-brand);
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Field */

.e-20dcefe9 > .box > .field
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
}

/* Icon */

.e-20dcefe9 > .box > .field > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	transition: color var(--ot-transition);
}

.e-20dcefe9 > .box:focus-within > .field > .icon
{
	color: var(--ot-text-1);
}

/* Affix */

.e-20dcefe9 > .box > .field > .affix
{
	flex-shrink: 0;
	color: var(--ot-text-3);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	user-select: none;
}

/* Input */

.e-20dcefe9 > .box > .field > .input
{
	flex: 1;
	min-width: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
}

.e-20dcefe9 > .box > .field > .input::placeholder
{
	color: var(--ot-text-3);
	font-weight: 400;
}

.e-20dcefe9 > .box > .field > .input:disabled
{
	cursor: not-allowed;
}

/* Action */

.e-20dcefe9 > .box > .field > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-20dcefe9 > .box > .field > .action:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-20dcefe9 > .box > .field > .action > i
{
	font-size: 14px;
}

/* Dropdown */

.e-20dcefe9 > .box > .dropdown
{
	position: absolute;
	top: calc(100% + var(--ot-spacing-x));
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	padding: var(--ot-spacing-x);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	box-shadow: var(--ot-shadow-m);
	z-index: 10;
	max-height: 240px;
	overflow-y: auto;
	animation: e-20dcefe9-drop var(--ot-transition);
}

@keyframes e-20dcefe9-drop
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.e-20dcefe9 > .box > .dropdown > .option
{
	display: flex;
	align-items: center;
	width: 100%;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-20dcefe9 > .box > .dropdown > .option:hover,
.e-20dcefe9 > .box > .dropdown > .option.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

/* Disabled */

.e-20dcefe9 > .box.disabled
{
	cursor: not-allowed;
	opacity: 0.5;
}

/* ===== BACKGROUND ===== */

.e-20dcefe9 > .box.bg-1 { background: var(--ot-bg-1); }
.e-20dcefe9 > .box.bg-2 { background: var(--ot-bg-2); }
.e-20dcefe9 > .box.bg-3 { background: var(--ot-bg-3); }
.e-20dcefe9 > .box.bg-4 { background: var(--ot-bg-4); }
.e-20dcefe9 > .box.transparent { background: transparent; }

.e-20dcefe9 > .box.bg-1:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-1-hover); }
.e-20dcefe9 > .box.bg-2:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-2-hover); }
.e-20dcefe9 > .box.bg-3:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-3-hover); }
.e-20dcefe9 > .box.bg-4:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-4-hover); }

/* ===== BORDER ===== */

.e-20dcefe9 > .box.border { border-color: var(--ot-bg-2-border); }
.e-20dcefe9 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-20dcefe9 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-20dcefe9 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-20dcefe9 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-20dcefe9 > .box.size-s > .field
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-s);
}

.e-20dcefe9 > .box.size-s > .field > .icon
{
	font-size: 15px;
}

.e-20dcefe9 > .box.size-s > .field > .affix,
.e-20dcefe9 > .box.size-s > .field > .input
{
	font-size: var(--ot-size-s);
}

.e-20dcefe9 > .box.size-s > .field > .action
{
	width: 18px;
	height: 18px;
}

.e-20dcefe9 > .box.size-s > .field > .action > i
{
	font-size: 13px;
}

.e-20dcefe9 > .box.size-m > .field
{
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
}

.e-20dcefe9 > .box.size-l > .field
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-l);
}

.e-20dcefe9 > .box.size-l > .field > .icon
{
	font-size: 20px;
}

.e-20dcefe9 > .box.size-l > .field > .action
{
	width: 26px;
	height: 26px;
}

.e-20dcefe9 > .box.size-l > .field > .action > i
{
	font-size: 16px;
}
.holder { display: block; }

.holder > .text
{
	white-space: pre-wrap;
	word-break: break-word;
	font-family: var(--ot-font-primary);
	font-size: 14px;
	line-height: 1.6;
	color: var(--ot-text-1);
}

.holder > .text a
{
	color: var(--ot-brand);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.holder > .text a:hover
{
	color: var(--ot-brand-hover);
}

.holder > .placeholder
{
	font-family: var(--ot-font-primary);
	font-size: 14px;
	color: var(--ot-text-3);
}
/* ===== FORM RADIO ===== */

.e-206433b8
{
	display: contents;
}

/* Box */

.e-206433b8 > .box
{
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	cursor: pointer;
	font-family: var(--ot-font-primary);
}

.e-206433b8 > .box.reverse
{
	flex-direction: row-reverse;
}

/* Input */

.e-206433b8 > .box > input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
	margin: 0;
}

/* Info */

.e-206433b8 > .box > .info
{
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding-top: 1px;
}

.e-206433b8 > .box > .info > .label
{
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	line-height: 1.3;
	user-select: none;
	transition: color var(--ot-transition);
}

.e-206433b8 > .box > .info > .description
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.4;
	user-select: none;
	transition: color var(--ot-transition);
}

/* Mark */

.e-206433b8 > .box > .mark
{
	position: relative;
	display: block;
	flex-shrink: 0;
	border-radius: 50%;
	border: 1px solid transparent;
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), transform var(--ot-transition-fast), box-shadow var(--ot-transition);
}

/* Dot */

.e-206433b8 > .box > .mark::after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	background: white;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	transition: transform var(--ot-transition), opacity var(--ot-transition-fast);
}

.e-206433b8 > .box > input:checked ~ .mark::after
{
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

/* Focus */

.e-206433b8 > .box > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Active */

.e-206433b8 > .box:active > .mark
{
	transform: scale(0.92);
}

/* Disabled */

.e-206433b8 > .box.disabled
{
	cursor: not-allowed;
}

.e-206433b8 > .box.disabled > .mark
{
	opacity: 0.45;
}

.e-206433b8 > .box.disabled > .info > .label,
.e-206433b8 > .box.disabled > .info > .description
{
	color: var(--ot-text-3);
	opacity: 0.6;
}

/* ===== SIZE ===== */

.e-206433b8 > .box.size-s > .mark
{
	width: 16px;
	height: 16px;
}

.e-206433b8 > .box.size-s > .mark::after
{
	width: 6px;
	height: 6px;
}

.e-206433b8 > .box.size-s > .info > .label
{
	font-size: var(--ot-size-s);
}

.e-206433b8 > .box.size-s > .info > .description
{
	font-size: 10.5px;
}

.e-206433b8 > .box.size-m > .mark
{
	width: 20px;
	height: 20px;
}

.e-206433b8 > .box.size-m > .mark::after
{
	width: 8px;
	height: 8px;
}

.e-206433b8 > .box.size-m > .info > .label
{
	font-size: var(--ot-size-m);
}

.e-206433b8 > .box.size-l > .mark
{
	width: 24px;
	height: 24px;
}

.e-206433b8 > .box.size-l > .mark::after
{
	width: 10px;
	height: 10px;
}

.e-206433b8 > .box.size-l > .info > .label
{
	font-size: var(--ot-size-m);
}

/* ===== BACKGROUND ===== */

.e-206433b8 > .box.bg-1 > .mark
{
	background: var(--ot-bg-1);
	border-color: var(--ot-bg-1-border);
}

.e-206433b8 > .box.bg-1:hover:not(.disabled) > input:not(:checked) ~ .mark
{
	background: var(--ot-bg-1-hover);
}

.e-206433b8 > .box.bg-2 > .mark
{
	background: var(--ot-bg-2);
	border-color: var(--ot-bg-2-border);
}

.e-206433b8 > .box.bg-2:hover:not(.disabled) > input:not(:checked) ~ .mark
{
	background: var(--ot-bg-2-hover);
}

.e-206433b8 > .box.bg-3 > .mark
{
	background: var(--ot-bg-3);
	border-color: var(--ot-bg-3-border);
}

.e-206433b8 > .box.bg-3:hover:not(.disabled) > input:not(:checked) ~ .mark
{
	background: var(--ot-bg-3-hover);
}

.e-206433b8 > .box.bg-4 > .mark
{
	background: var(--ot-bg-4);
	border-color: var(--ot-bg-4-border);
}

.e-206433b8 > .box.bg-4:hover:not(.disabled) > input:not(:checked) ~ .mark
{
	background: var(--ot-bg-4-hover);
}

/* Transparent */

.e-206433b8 > .box.transparent > .mark
{
	background: transparent;
	border-color: transparent;
}

.e-206433b8 > .box.transparent > input:not(:checked) ~ .mark::after
{
	background: var(--ot-text-1);
}

/* Border */

.e-206433b8 > .box.border > .mark
{
	background: transparent;
	border-color: var(--ot-bg-2-border);
}

.e-206433b8 > .box.border:hover:not(.disabled) > input:not(:checked) ~ .mark
{
	border-color: var(--ot-text-3);
}

/* ===== CHECKED ===== */

.e-206433b8 > .box.bg-1 > input:checked ~ .mark,
.e-206433b8 > .box.bg-2 > input:checked ~ .mark,
.e-206433b8 > .box.bg-3 > input:checked ~ .mark,
.e-206433b8 > .box.bg-4 > input:checked ~ .mark,
.e-206433b8 > .box.transparent > input:checked ~ .mark,
.e-206433b8 > .box.border > input:checked ~ .mark
{
	background: var(--ot-brand);
	border-color: var(--ot-brand);
}

/* ===== COLOR ===== */

.e-206433b8 > .box.color-brand > input:checked ~ .mark
{
	background: var(--ot-brand);
	border-color: var(--ot-brand);
}

.e-206433b8 > .box.color-blue > input:checked ~ .mark
{
	background: var(--ot-blue);
	border-color: var(--ot-blue);
}

.e-206433b8 > .box.color-red > input:checked ~ .mark
{
	background: var(--ot-red);
	border-color: var(--ot-red);
}

.e-206433b8 > .box.color-orange > input:checked ~ .mark
{
	background: var(--ot-orange);
	border-color: var(--ot-orange);
}

.e-206433b8 > .box.color-green > input:checked ~ .mark
{
	background: var(--ot-green);
	border-color: var(--ot-green);
}

/* Color focus rings */

.e-206433b8 > .box.color-blue > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-blue-opacity);
}

.e-206433b8 > .box.color-red > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-red-opacity);
}

.e-206433b8 > .box.color-orange > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-orange-opacity);
}

.e-206433b8 > .box.color-green > input:focus-visible ~ .mark
{
	box-shadow: 0 0 0 1px var(--ot-green-opacity);
}

/* ===== ICON ===== */

.e-206433b8 > .box > .icon
{
	font-size: 18px;
	color: var(--ot-text-2);
	flex-shrink: 0;
	align-self: center;
}

.e-206433b8 > .box.size-s > .icon { font-size: 16px; }
.e-206433b8 > .box.size-l > .icon { font-size: 20px; }

/* ===== COUNT ===== */

.e-206433b8 > .box > .count
{
	margin-left: auto;
	padding-left: var(--ot-spacing-s);
	font-size: var(--ot-size-s);
	font-weight: 700;
	color: var(--ot-text-3);
	font-variant-numeric: tabular-nums;
	align-self: center;
}
/* ===== FORM SECTION ===== */

.e-5c75a80e
{
	display: contents;
}

/* Box */

.e-5c75a80e > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-l);
	transition: border-color var(--ot-transition);
}

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

.e-5c75a80e > .box > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	border-bottom: 1px solid transparent;
	transition: border-color var(--ot-transition);
}

.e-5c75a80e > .box:not(.collapsed) > .head
{
	border-bottom-color: var(--ot-bg-2-border);
}

/* Head main */

.e-5c75a80e > .box > .head > .head-main
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	flex: 1;
	min-width: 0;
}

.e-5c75a80e > .box.collapsible > .head > .head-main
{
	cursor: pointer;
}

/* Icon */

.e-5c75a80e > .box > .head > .head-main > .icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	flex-shrink: 0;
}

.e-5c75a80e > .box > .head > .head-main > .icon > i
{
	font-size: 22px;
}

/* Text */

.e-5c75a80e > .box > .head > .head-main > .text
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.e-5c75a80e > .box > .head > .head-main > .text > .eyebrow
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ot-brand);
}

.e-5c75a80e > .box > .head > .head-main > .text > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--ot-text-1);
	line-height: 1.25;
	font-variation-settings: 'opsz' 144;
}

.e-5c75a80e > .box > .head > .head-main > .text > .description
{
	margin: 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	color: var(--ot-text-2);
	line-height: 1.5;
}

/* Chevron */

.e-5c75a80e > .box > .head > .head-main > .chevron
{
	flex-shrink: 0;
	font-size: 22px;
	color: var(--ot-text-3);
	transition: transform var(--ot-transition-slow), color var(--ot-transition);
}

.e-5c75a80e > .box.collapsible > .head > .head-main:hover > .chevron
{
	color: var(--ot-text-1);
}

.e-5c75a80e > .box.collapsed > .head > .head-main > .chevron
{
	transform: rotate(-90deg);
}

/* Actions */

.e-5c75a80e > .box > .head > .actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	flex-shrink: 0;
}

/* ===== CONTENT ===== */

.e-5c75a80e > .box > .content
{
	display: flex;
	flex-direction: column;
	animation: e-5c75a80e-expand 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-5c75a80e-expand
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Padded content */

.e-5c75a80e > .box.padded > .content
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-m);
}

.e-5c75a80e > .box.padded.size-s > .content
{
	padding: var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-5c75a80e > .box.padded.size-l > .content
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-l);
}

/* ===== BACKGROUND ===== */

.e-5c75a80e > .box.bg-1 { background: var(--ot-bg-1); }
.e-5c75a80e > .box.bg-2 { background: var(--ot-bg-2); }
.e-5c75a80e > .box.bg-3 { background: var(--ot-bg-3); }
.e-5c75a80e > .box.bg-4 { background: var(--ot-bg-4); }

.e-5c75a80e > .box.bg-1:not(.collapsed) > .head { border-bottom-color: var(--ot-bg-1-border); }
.e-5c75a80e > .box.bg-2:not(.collapsed) > .head { border-bottom-color: var(--ot-bg-2-border); }
.e-5c75a80e > .box.bg-3:not(.collapsed) > .head { border-bottom-color: var(--ot-bg-3-border); }
.e-5c75a80e > .box.bg-4:not(.collapsed) > .head { border-bottom-color: var(--ot-bg-4-border); }

/* ===== BORDER ===== */

.e-5c75a80e > .box.border { border-color: var(--ot-bg-2-border); }
.e-5c75a80e > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-5c75a80e > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-5c75a80e > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-5c75a80e > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== CLEAN ===== */

.e-5c75a80e > .box.clean
{
	background: transparent;
	border: none;
	border-radius: 0;
	gap: var(--ot-spacing-m);
}

.e-5c75a80e > .box.clean > .head
{
	padding: 0 0 var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-5c75a80e > .box.clean > .content
{
	padding: 0;
}

/* ===== SIZE: SMALL ===== */

.e-5c75a80e > .box.size-s > .head
{
	padding: var(--ot-spacing-m);
}

.e-5c75a80e > .box.size-s > .head > .head-main
{
	gap: var(--ot-spacing-s);
}

.e-5c75a80e > .box.size-s > .head > .head-main > .icon
{
	width: 34px;
	height: 34px;
	border-radius: var(--ot-radius-s);
}

.e-5c75a80e > .box.size-s > .head > .head-main > .icon > i
{
	font-size: 18px;
}

.e-5c75a80e > .box.size-s > .head > .head-main > .text > .eyebrow
{
	font-size: 10px;
}

.e-5c75a80e > .box.size-s > .head > .head-main > .text > .title
{
	font-size: 15px;
}

.e-5c75a80e > .box.size-s > .head > .head-main > .text > .description
{
	font-size: var(--ot-size-s);
}

.e-5c75a80e > .box.size-s > .head > .head-main > .chevron
{
	font-size: 20px;
}

/* ===== SIZE: LARGE ===== */

.e-5c75a80e > .box.size-l > .head
{
	padding: var(--ot-spacing-l);
}

.e-5c75a80e > .box.size-l > .head > .head-main > .icon
{
	width: 52px;
	height: 52px;
	border-radius: var(--ot-radius-l);
}

.e-5c75a80e > .box.size-l > .head > .head-main > .icon > i
{
	font-size: 26px;
}

.e-5c75a80e > .box.size-l > .head > .head-main > .text > .title
{
	font-size: 22px;
}

.e-5c75a80e > .box.size-l > .head > .head-main > .text > .description
{
	font-size: 14px;
}

.e-5c75a80e > .box.size-l > .head > .head-main > .chevron
{
	font-size: 26px;
}

/* Clean size overrides */

.e-5c75a80e > .box.clean.size-s > .head { padding: 0 0 var(--ot-spacing-s); }
.e-5c75a80e > .box.clean.size-l > .head { padding: 0 0 var(--ot-spacing-l); }
/* ===== FORM SELECT ===== */

.e-15ce864f
{
	display: contents;
}

/* Box */

.e-15ce864f > .box
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-15ce864f > .box.open
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Trigger */

.e-15ce864f > .box > .trigger
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
	cursor: pointer;
	user-select: none;
}

.e-15ce864f > .box > .trigger > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	transition: color var(--ot-transition);
}

.e-15ce864f > .box.open > .trigger > .icon
{
	color: var(--ot-text-1);
}

.e-15ce864f > .box > .trigger > .selected
{
	flex: 1;
	min-width: 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-15ce864f > .box > .trigger > .placeholder
{
	flex: 1;
	min-width: 0;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	color: var(--ot-text-3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Action (clear) */

.e-15ce864f > .box > .trigger > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	margin-left: auto;
	border: none;
	background: transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-15ce864f > .box > .trigger > .action:hover
{
	background: var(--ot-bg-2-hover);
	color: var(--ot-text-1);
}

.e-15ce864f > .box > .trigger > .action > i
{
	font-size: 14px;
}

/* Arrow */

.e-15ce864f > .box > .trigger > .arrow
{
	flex-shrink: 0;
	font-size: 20px;
	color: var(--ot-text-3);
	margin-left: auto;
	transition: transform var(--ot-transition), color var(--ot-transition);
}

.e-15ce864f > .box > .trigger > .action + .arrow
{
	margin-left: 0;
}

.e-15ce864f > .box.open > .trigger > .arrow
{
	transform: rotate(180deg);
	color: var(--ot-brand);
}

/* ===== DROPDOWN (rendered via float overlay) ===== */

.e-15ce864f > .box > .dropdown
{
	position: absolute;
	top: calc(100% + var(--ot-spacing-x));
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	box-shadow: var(--ot-shadow-m);
	z-index: 100;
	overflow: hidden;
	animation: e-15ce864f-drop var(--ot-transition);
}

@keyframes e-15ce864f-drop
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.e-15ce864f > .box.above > .dropdown
{
	top: auto;
	bottom: calc(100% + var(--ot-spacing-x));
	animation: e-15ce864f-drop-above var(--ot-transition);
}

@keyframes e-15ce864f-drop-above
{
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Search */

.e-15ce864f > .box > .dropdown > .search
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: 0 var(--ot-spacing-m);
	height: var(--ot-height-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-15ce864f > .box > .dropdown > .search > i
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
}

.e-15ce864f > .box > .dropdown > .search > input
{
	flex: 1;
	min-width: 0;
	width: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
}

.e-15ce864f > .box > .dropdown > .search > input::placeholder
{
	color: var(--ot-text-3);
	font-weight: 400;
}

/* List */

.e-15ce864f > .box > .dropdown > .list
{
	display: flex;
	flex-direction: column;
	padding: var(--ot-spacing-x);
	max-height: 280px;
	overflow-y: auto;
}

/* Option */

.e-15ce864f > .box > .dropdown > .list > .option
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-15ce864f > .box > .dropdown > .list > .option > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	transition: color var(--ot-transition-fast);
}

.e-15ce864f > .box > .dropdown > .list > .option > .text
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.e-15ce864f > .box > .dropdown > .list > .option > .text > .label
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-15ce864f > .box > .dropdown > .list > .option > .text > .description
{
	font-size: var(--ot-size-s);
	font-weight: 400;
	color: var(--ot-text-3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-15ce864f > .box > .dropdown > .list > .option > .check
{
	flex-shrink: 0;
	margin-left: auto;
	font-size: 18px;
	color: var(--ot-brand);
}

.e-15ce864f > .box > .dropdown > .list > .option:hover:not(.disabled),
.e-15ce864f > .box > .dropdown > .list > .option.active:not(.disabled)
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-15ce864f > .box > .dropdown > .list > .option:hover:not(.disabled) > .icon,
.e-15ce864f > .box > .dropdown > .list > .option.active:not(.disabled) > .icon
{
	color: var(--ot-brand);
}

.e-15ce864f > .box > .dropdown > .list > .option.selected
{
	color: var(--ot-brand);
}

.e-15ce864f > .box > .dropdown > .list > .option.selected > .icon
{
	color: var(--ot-brand);
}

.e-15ce864f > .box > .dropdown > .list > .option.disabled
{
	opacity: 0.4;
	cursor: not-allowed;
}

/* Empty */

.e-15ce864f > .box > .dropdown > .list > .empty
{
	padding: var(--ot-spacing-m);
	text-align: center;
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

/* ===== DISABLED ===== */

.e-15ce864f > .box.disabled
{
	cursor: not-allowed;
	opacity: 0.55;
}

.e-15ce864f > .box.disabled > .trigger
{
	cursor: not-allowed;
}

/* ===== BACKGROUND ===== */

.e-15ce864f > .box.bg-1 { background: var(--ot-bg-1); }
.e-15ce864f > .box.bg-2 { background: var(--ot-bg-2); }
.e-15ce864f > .box.bg-3 { background: var(--ot-bg-3); }
.e-15ce864f > .box.bg-4 { background: var(--ot-bg-4); }

.e-15ce864f > .box.bg-1:hover:not(.open):not(.disabled) { background: var(--ot-bg-1-hover); }
.e-15ce864f > .box.bg-2:hover:not(.open):not(.disabled) { background: var(--ot-bg-2-hover); }
.e-15ce864f > .box.bg-3:hover:not(.open):not(.disabled) { background: var(--ot-bg-3-hover); }
.e-15ce864f > .box.bg-4:hover:not(.open):not(.disabled) { background: var(--ot-bg-4-hover); }

.e-15ce864f > .box.bg-1 > .trigger > .action:hover { background: var(--ot-bg-1-hover); }
.e-15ce864f > .box.bg-2 > .trigger > .action:hover { background: var(--ot-bg-2-hover); }
.e-15ce864f > .box.bg-3 > .trigger > .action:hover { background: var(--ot-bg-3-hover); }
.e-15ce864f > .box.bg-4 > .trigger > .action:hover { background: var(--ot-bg-4-hover); }

.e-15ce864f > .box.transparent { background: transparent; }

/* Border */

.e-15ce864f > .box.border { border-color: var(--ot-bg-2-border); }
.e-15ce864f > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-15ce864f > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-15ce864f > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-15ce864f > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-15ce864f > .box.size-s > .trigger
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-s);
}

.e-15ce864f > .box.size-s > .trigger > .icon { font-size: 15px; }

.e-15ce864f > .box.size-s > .trigger > .selected,
.e-15ce864f > .box.size-s > .trigger > .placeholder { font-size: var(--ot-size-s); }

.e-15ce864f > .box.size-s > .trigger > .arrow { font-size: 17px; }

.e-15ce864f > .box.size-s > .trigger > .action { width: 18px; height: 18px; }
.e-15ce864f > .box.size-s > .trigger > .action > i { font-size: 13px; }

.e-15ce864f > .box.size-m > .trigger
{
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
}

.e-15ce864f > .box.size-l > .trigger
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-l);
}

.e-15ce864f > .box.size-l > .trigger > .icon { font-size: 20px; }
.e-15ce864f > .box.size-l > .trigger > .arrow { font-size: 22px; }
.e-15ce864f > .box.size-l > .trigger > .action { width: 26px; height: 26px; }
.e-15ce864f > .box.size-l > .trigger > .action > i { font-size: 16px; }
/* ===== FORM STEPPER ===== */

.e-42c28022
{
	display: inline-block;
}

.e-42c28022 > .box
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	font-family: var(--ot-font-primary);
}

/* Buttons */

.e-42c28022 > .box > .btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--ot-height-m);
	height: var(--ot-height-m);
	padding: 0;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-4-border);
	border-radius: 50%;
	color: var(--ot-text-1);
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-42c28022 > .box > .btn > i
{
	font-size: 18px;
}

.e-42c28022 > .box > .btn:hover:not(:disabled)
{
	background: var(--ot-bg-1-hover);
	border-color: var(--ot-text-3);
}

.e-42c28022 > .box > .btn:active:not(:disabled)
{
	transform: scale(0.94);
}

.e-42c28022 > .box > .btn:focus-visible
{
	outline: none;
	box-shadow: var(--ot-focus);
}

.e-42c28022 > .box > .btn:disabled
{
	color: var(--ot-text-3);
	border-color: var(--ot-bg-2-border);
	opacity: 0.5;
	cursor: not-allowed;
}

/* Value */

.e-42c28022 > .box > .value
{
	min-width: 2ch;
	text-align: center;
	font-size: var(--ot-text-m);
	font-weight: var(--ot-weight-medium);
	font-variant-numeric: tabular-nums;
	color: var(--ot-text-1);
}

/* Size */

.e-42c28022 > .box.size-s > .btn
{
	width: var(--ot-height-s);
	height: var(--ot-height-s);
}

.e-42c28022 > .box.size-s > .btn > i
{
	font-size: 16px;
}

/* States */

.e-42c28022 > .box.error > .btn
{
	border-color: var(--ot-red);
}

.e-42c28022 > .box.error > .value
{
	color: var(--ot-red);
}

.e-42c28022 > .box.disabled > .value
{
	color: var(--ot-text-3);
}

/* Touch targets */

@media (max-width: 640px)
{
	.e-42c28022 > .box > .btn
	{
		width: 44px;
		height: 44px;
	}
}

@media (prefers-reduced-motion: reduce)
{
	.e-42c28022 > .box > .btn
	{
		transition: none;
	}
}
/* ===== FORM TAGS ===== */

.e-283fbe2c
{
	display: contents;
}

/* Box */

.e-283fbe2c > .box
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-283fbe2c > .box:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Field */

.e-283fbe2c > .box > .field
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ot-spacing-x);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	min-height: var(--ot-height-m);
}

/* Tag */

.e-283fbe2c > .box > .field > .tag
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	padding: 3px 4px 3px var(--ot-spacing-s);
	border-radius: 100px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1;
	transition: background var(--ot-transition), border-color var(--ot-transition), transform var(--ot-transition);
}

.e-283fbe2c > .box > .field > .tag > .text
{
	padding: 0 var(--ot-spacing-x);
}

/* Remove button */

.e-283fbe2c > .box > .field > .tag > .remove
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 50%;
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-283fbe2c > .box > .field > .tag > .remove:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-283fbe2c > .box > .field > .tag > .remove > i
{
	font-size: 13px;
}

/* Shake */

.e-283fbe2c > .box > .field > .tag.shake
{
	animation: e-283fbe2c-shake 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-283fbe2c-shake
{
	0%, 100% { transform: translateX(0); }
	20% { transform: translateX(-3px); }
	40% { transform: translateX(3px); }
	60% { transform: translateX(-2px); }
	80% { transform: translateX(2px); }
}

/* Input */

.e-283fbe2c > .box > .field > .input
{
	flex: 1;
	min-width: 80px;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
}

.e-283fbe2c > .box > .field > .input::placeholder
{
	color: var(--ot-text-3);
}

.e-283fbe2c > .box > .field > .input:disabled
{
	cursor: not-allowed;
}

/* Dropdown */

.e-283fbe2c > .box > .dropdown
{
	position: absolute;
	top: calc(100% + var(--ot-spacing-x));
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	padding: var(--ot-spacing-x);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	box-shadow: var(--ot-shadow-m);
	z-index: 10;
	max-height: 240px;
	overflow-y: auto;
	animation: e-283fbe2c-drop var(--ot-transition);
}

@keyframes e-283fbe2c-drop
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

.e-283fbe2c > .box.above > .dropdown
{
	top: auto;
	bottom: calc(100% + var(--ot-spacing-x));
	animation: e-283fbe2c-drop-above var(--ot-transition);
}

@keyframes e-283fbe2c-drop-above
{
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

.e-283fbe2c > .box > .dropdown > .option
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	color: var(--ot-text-1);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-283fbe2c > .box > .dropdown > .option > .label
{
	font-weight: 500;
	flex-shrink: 0;
}

.e-283fbe2c > .box > .dropdown > .option > .description
{
	color: var(--ot-text-3);
	font-size: var(--ot-size-s);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.e-283fbe2c > .box > .dropdown > .option:hover,
.e-283fbe2c > .box > .dropdown > .option.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

/* Chips (select mode) */

.e-283fbe2c > .box > .chips
{
	display: flex;
	flex-wrap: wrap;
	gap: var(--ot-spacing-x);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	min-height: var(--ot-height-m);
}

.e-283fbe2c > .box > .chips > .placeholder
{
	color: var(--ot-text-3);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 400;
	user-select: none;
}

.e-283fbe2c > .box > .chips > .chip
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	padding: 4px var(--ot-spacing-s);
	border-radius: 100px;
	background: var(--ot-bg-3);
	border: 1px solid var(--ot-bg-3-border);
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	outline: none;
	user-select: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-283fbe2c > .box > .chips > .chip:hover
{
	background: var(--ot-bg-3-hover);
	color: var(--ot-text-1);
}

.e-283fbe2c > .box > .chips > .chip:active
{
	transform: scale(0.95);
}

.e-283fbe2c > .box > .chips > .chip.selected
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand);
	color: var(--ot-brand);
}

.e-283fbe2c > .box > .chips > .chip:disabled
{
	cursor: not-allowed;
	opacity: 0.5;
}

/* Disabled */

.e-283fbe2c > .box.disabled
{
	cursor: not-allowed;
	opacity: 0.55;
}

.e-283fbe2c > .box.disabled > .field
{
	cursor: not-allowed;
}

/* ===== BACKGROUND ===== */

.e-283fbe2c > .box.bg-1 { background: var(--ot-bg-1); }

.e-283fbe2c > .box.bg-1 > .field > .tag
{
	background: var(--ot-bg-2);
	border-color: var(--ot-bg-1-border);
}

.e-283fbe2c > .box.bg-1 > .field > .tag > .remove:hover { background: var(--ot-bg-3); }
.e-283fbe2c > .box.bg-1 > .dropdown { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }

.e-283fbe2c > .box.bg-2 { background: var(--ot-bg-2); }

.e-283fbe2c > .box.bg-2 > .field > .tag
{
	background: var(--ot-bg-1);
	border-color: var(--ot-bg-2-border);
}

.e-283fbe2c > .box.bg-2 > .field > .tag > .remove:hover { background: var(--ot-bg-2-hover); }
.e-283fbe2c > .box.bg-2 > .dropdown { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }

.e-283fbe2c > .box.bg-3 { background: var(--ot-bg-3); }

.e-283fbe2c > .box.bg-3 > .field > .tag
{
	background: var(--ot-bg-2);
	border-color: var(--ot-bg-3-border);
}

.e-283fbe2c > .box.bg-3 > .field > .tag > .remove:hover { background: var(--ot-bg-3-hover); }
.e-283fbe2c > .box.bg-3 > .dropdown { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }

.e-283fbe2c > .box.bg-4 { background: var(--ot-bg-4); }

.e-283fbe2c > .box.bg-4 > .field > .tag
{
	background: var(--ot-bg-3);
	border-color: var(--ot-bg-4-border);
}

.e-283fbe2c > .box.bg-4 > .field > .tag > .remove:hover { background: var(--ot-bg-4-hover); }
.e-283fbe2c > .box.bg-4 > .dropdown { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

.e-283fbe2c > .box.bg-1:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-1-hover); }
.e-283fbe2c > .box.bg-2:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-2-hover); }
.e-283fbe2c > .box.bg-3:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-3-hover); }
.e-283fbe2c > .box.bg-4:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-4-hover); }

/* Transparent */

.e-283fbe2c > .box.transparent { background: transparent; }

/* Border */

.e-283fbe2c > .box.border { border-color: var(--ot-bg-2-border); }
.e-283fbe2c > .box.border.bg-1 { border-color: var(--ot-bg-1-border); }
.e-283fbe2c > .box.border.bg-2 { border-color: var(--ot-bg-2-border); }
.e-283fbe2c > .box.border.bg-3 { border-color: var(--ot-bg-3-border); }
.e-283fbe2c > .box.border.bg-4 { border-color: var(--ot-bg-4-border); }

/* ===== COLOR (tag chips) ===== */

.e-283fbe2c > .box.brand > .field > .tag { background: var(--ot-brand-opacity); border-color: var(--ot-brand); color: var(--ot-brand); }
.e-283fbe2c > .box.brand > .field > .tag > .remove { color: var(--ot-brand); }
.e-283fbe2c > .box.brand > .field > .tag > .remove:hover { background: var(--ot-brand-solid, var(--ot-brand)); color: var(--ot-on-solid, #fff); }
.e-283fbe2c > .box.brand > .chips > .chip.selected { background: var(--ot-brand-opacity); border-color: var(--ot-brand); color: var(--ot-brand); }

.e-283fbe2c > .box.blue > .field > .tag { background: var(--ot-blue-opacity); border-color: var(--ot-blue); color: var(--ot-blue); }
.e-283fbe2c > .box.blue > .field > .tag > .remove { color: var(--ot-blue); }
.e-283fbe2c > .box.blue > .field > .tag > .remove:hover { background: var(--ot-blue); color: var(--ot-on-solid, #fff); }
.e-283fbe2c > .box.blue > .chips > .chip.selected { background: var(--ot-blue-opacity); border-color: var(--ot-blue); color: var(--ot-blue); }

.e-283fbe2c > .box.red > .field > .tag { background: var(--ot-red-opacity); border-color: var(--ot-red); color: var(--ot-red); }
.e-283fbe2c > .box.red > .field > .tag > .remove { color: var(--ot-red); }
.e-283fbe2c > .box.red > .field > .tag > .remove:hover { background: var(--ot-red); color: var(--ot-on-solid, #fff); }
.e-283fbe2c > .box.red > .chips > .chip.selected { background: var(--ot-red-opacity); border-color: var(--ot-red); color: var(--ot-red); }

.e-283fbe2c > .box.orange > .field > .tag { background: var(--ot-orange-opacity); border-color: var(--ot-orange); color: var(--ot-orange); }
.e-283fbe2c > .box.orange > .field > .tag > .remove { color: var(--ot-orange); }
.e-283fbe2c > .box.orange > .field > .tag > .remove:hover { background: var(--ot-orange); color: var(--ot-on-solid, #fff); }
.e-283fbe2c > .box.orange > .chips > .chip.selected { background: var(--ot-orange-opacity); border-color: var(--ot-orange); color: var(--ot-orange); }

.e-283fbe2c > .box.green > .field > .tag { background: var(--ot-green-opacity); border-color: var(--ot-green); color: var(--ot-green); }
.e-283fbe2c > .box.green > .field > .tag > .remove { color: var(--ot-green); }
.e-283fbe2c > .box.green > .field > .tag > .remove:hover { background: var(--ot-green); color: var(--ot-on-solid, #fff); }
.e-283fbe2c > .box.green > .chips > .chip.selected { background: var(--ot-green-opacity); border-color: var(--ot-green); color: var(--ot-green); }

/* ===== SIZE ===== */

/* Small */

.e-283fbe2c > .box.size-s > .field,
.e-283fbe2c > .box.size-s > .chips
{
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
	min-height: var(--ot-height-s);
}

.e-283fbe2c > .box.size-s > .field > .tag
{
	font-size: 10.5px;
	padding: 2px 3px 2px 7px;
}

.e-283fbe2c > .box.size-s > .field > .tag > .remove
{
	width: 14px;
	height: 14px;
}

.e-283fbe2c > .box.size-s > .field > .tag > .remove > i
{
	font-size: 11px;
}

.e-283fbe2c > .box.size-s > .field > .input
{
	font-size: var(--ot-size-s);
}

.e-283fbe2c > .box.size-s > .chips > .chip
{
	font-size: 10.5px;
	padding: 2px var(--ot-spacing-s);
}

/* Medium */

.e-283fbe2c > .box.size-m > .field,
.e-283fbe2c > .box.size-m > .chips
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	min-height: var(--ot-height-m);
}

/* Large */

.e-283fbe2c > .box.size-l > .field,
.e-283fbe2c > .box.size-l > .chips
{
	padding: var(--ot-spacing-s) var(--ot-spacing-l);
	min-height: var(--ot-height-l);
}

.e-283fbe2c > .box.size-l > .field > .tag
{
	font-size: 12.5px;
	padding: 4px 5px 4px var(--ot-spacing-s);
}

.e-283fbe2c > .box.size-l > .field > .tag > .remove
{
	width: 18px;
	height: 18px;
}

.e-283fbe2c > .box.size-l > .field > .tag > .remove > i
{
	font-size: 14px;
}

.e-283fbe2c > .box.size-l > .field > .input
{
	font-size: var(--ot-size-m);
}

.e-283fbe2c > .box.size-l > .chips > .chip
{
	font-size: 12.5px;
	padding: 5px var(--ot-spacing-m);
}
/* ===== FORM TEXTAREA ===== */

.e-5973ffcd
{
	display: contents;
}

/* Box */

.e-5973ffcd > .box
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	background: transparent;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-5973ffcd > .box:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Textarea */

.e-5973ffcd > .box > textarea
{
	width: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	line-height: 1.6;
}

.e-5973ffcd > .box > textarea::placeholder
{
	color: var(--ot-text-3);
	font-weight: 400;
}

.e-5973ffcd > .box > textarea:disabled
{
	cursor: not-allowed;
}

/* Counter */

.e-5973ffcd > .box > .counter
{
	display: flex;
	align-items: center;
	gap: 2px;
	align-self: flex-end;
	margin-top: var(--ot-spacing-x);
	padding-top: var(--ot-spacing-x);
	font-family: var(--ot-font-primary);
	font-size: 10.5px;
	font-weight: 500;
	color: var(--ot-text-3);
	font-variant-numeric: tabular-nums;
	transition: color var(--ot-transition);
	pointer-events: none;
}

.e-5973ffcd > .box > .counter > .slash
{
	opacity: 0.5;
}

.e-5973ffcd > .box > .counter > .full
{
	color: var(--ot-red);
	font-weight: 600;
}

/* Disabled */

.e-5973ffcd > .box.disabled
{
	cursor: not-allowed;
	opacity: 0.55;
}

/* ===== BACKGROUND ===== */

.e-5973ffcd > .box.bg-1 { background: var(--ot-bg-1); }
.e-5973ffcd > .box.bg-2 { background: var(--ot-bg-2); }
.e-5973ffcd > .box.bg-3 { background: var(--ot-bg-3); }
.e-5973ffcd > .box.bg-4 { background: var(--ot-bg-4); }

.e-5973ffcd > .box.bg-1:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-1-hover); }
.e-5973ffcd > .box.bg-2:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-2-hover); }
.e-5973ffcd > .box.bg-3:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-3-hover); }
.e-5973ffcd > .box.bg-4:hover:not(:focus-within):not(.disabled) { background: var(--ot-bg-4-hover); }

/* Transparent */

.e-5973ffcd > .box.transparent
{
	background: transparent;
	padding: 0;
}

/* ===== BORDER ===== */

.e-5973ffcd > .box.border { border-color: var(--ot-bg-2-border); }
.e-5973ffcd > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-5973ffcd > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-5973ffcd > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-5973ffcd > .box.bg-4.border { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-5973ffcd > .box.size-s
{
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
}

.e-5973ffcd > .box.size-s > textarea
{
	font-size: var(--ot-size-s);
	line-height: 1.5;
}

.e-5973ffcd > .box.size-m
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
}

.e-5973ffcd > .box.size-m > textarea
{
	font-size: var(--ot-size-m);
	line-height: 1.6;
}

.e-5973ffcd > .box.size-l
{
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
}

.e-5973ffcd > .box.size-l > textarea
{
	font-size: var(--ot-size-m);
	line-height: 1.7;
}

/* Variable button */
.e-5973ffcd > .box
{
	position: relative;
}

.e-5973ffcd > .box > .variable-btn
{
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	transition: background var(--ot-transition), color var(--ot-transition);
	z-index: 1;
}

.e-5973ffcd > .box > .variable-btn:hover
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-5973ffcd > .box > .variable-btn > i
{
	font-size: 14px;
}
/* ===== FORM TOGGLE ===== */

.e-180e0ca7
{
	display: contents;
}

/* Expression wrapper */

.e-180e0ca7 > .expression
{
	display: block;
	width: 100%;
}

/* Variable button */

.e-180e0ca7 > .box > .variable-btn
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--ot-height-s);
	height: var(--ot-height-s);
	padding: 0;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-180e0ca7 > .box > .variable-btn:hover
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-180e0ca7 > .box > .variable-btn > i
{
	font-size: 14px;
}

/* Box */

.e-180e0ca7 > .box
{
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	cursor: pointer;
	user-select: none;
	font-family: var(--ot-font-primary);
}

.e-180e0ca7 > .box.reverse
{
	flex-direction: row-reverse;
}

/* Hidden input */

.e-180e0ca7 > .box > input
{
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

/* Track */

.e-180e0ca7 > .box > .track
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	border-radius: 100px;
	background: var(--ot-bg-3);
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

/* Thumb */

.e-180e0ca7 > .box > .track > .thumb
{
	position: absolute;
	top: 50%;
	border-radius: 50%;
	background: #fff;
	box-shadow: var(--ot-shadow-s);
	transform: translateY(-50%);
	transition: transform var(--ot-transition);
}

/* Active */

.e-180e0ca7 > .box.active > .track
{
	background: var(--ot-brand);
}

/* Press feedback */

.e-180e0ca7 > .box:active:not(.disabled) > .track > .thumb
{
	transform: translateY(-50%) scaleX(1.1);
}

/* Focus ring */

.e-180e0ca7 > .box > input:focus-visible ~ .track
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Info */

.e-180e0ca7 > .box > .info
{
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding-top: 1px;
}

.e-180e0ca7 > .box > .info > .label
{
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	line-height: 1.3;
	transition: color var(--ot-transition);
}

.e-180e0ca7 > .box > .info > .desc
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.4;
	transition: color var(--ot-transition);
}

/* Disabled */

.e-180e0ca7 > .box.disabled
{
	cursor: not-allowed;
}

.e-180e0ca7 > .box.disabled > .track
{
	opacity: 0.45;
}

.e-180e0ca7 > .box.disabled > .info > .label,
.e-180e0ca7 > .box.disabled > .info > .desc
{
	color: var(--ot-text-3);
	opacity: 0.6;
}

/* ===== BACKGROUND ===== */

.e-180e0ca7 > .box.bg-1 > .track { background: var(--ot-bg-1); }
.e-180e0ca7 > .box.bg-2 > .track { background: var(--ot-bg-2); }
.e-180e0ca7 > .box.bg-3 > .track { background: var(--ot-bg-3); }
.e-180e0ca7 > .box.bg-4 > .track { background: var(--ot-bg-4); }

/* Border */

.e-180e0ca7 > .box.border.bg-1 > .track { border: 1px solid var(--ot-bg-1-border); }
.e-180e0ca7 > .box.border.bg-2 > .track { border: 1px solid var(--ot-bg-2-border); }
.e-180e0ca7 > .box.border.bg-3 > .track { border: 1px solid var(--ot-bg-3-border); }
.e-180e0ca7 > .box.border.bg-4 > .track { border: 1px solid var(--ot-bg-4-border); }

/* ===== COLOR (active state) ===== */

.e-180e0ca7 > .box.active.brand > .track { background: var(--ot-brand); border-color: var(--ot-brand); }
.e-180e0ca7 > .box.active.blue > .track { background: var(--ot-blue); border-color: var(--ot-blue); }
.e-180e0ca7 > .box.active.red > .track { background: var(--ot-red); border-color: var(--ot-red); }
.e-180e0ca7 > .box.active.orange > .track { background: var(--ot-orange); border-color: var(--ot-orange); }
.e-180e0ca7 > .box.active.green > .track { background: var(--ot-green); border-color: var(--ot-green); }

/* Focus per color */

.e-180e0ca7 > .box.blue > input:focus-visible ~ .track { box-shadow: 0 0 0 1px var(--ot-blue-opacity); }
.e-180e0ca7 > .box.red > input:focus-visible ~ .track { box-shadow: 0 0 0 1px var(--ot-red-opacity); }
.e-180e0ca7 > .box.orange > input:focus-visible ~ .track { box-shadow: 0 0 0 1px var(--ot-orange-opacity); }
.e-180e0ca7 > .box.green > input:focus-visible ~ .track { box-shadow: 0 0 0 1px var(--ot-green-opacity); }

/* ===== SIZE ===== */

/* Small */

.e-180e0ca7 > .box.size-s > .track
{
	width: 28px;
	height: 16px;
}

.e-180e0ca7 > .box.size-s > .track > .thumb
{
	width: 12px;
	height: 12px;
	left: 2px;
}

.e-180e0ca7 > .box.size-s.active > .track > .thumb
{
	transform: translate(12px, -50%);
}

.e-180e0ca7 > .box.size-s:active:not(.disabled) > .track > .thumb
{
	transform: translateY(-50%) scaleX(1.1);
}

.e-180e0ca7 > .box.size-s.active:active:not(.disabled) > .track > .thumb
{
	transform: translate(10px, -50%) scaleX(1.2);
}

.e-180e0ca7 > .box.size-s > .info > .label
{
	font-size: var(--ot-size-s);
}

.e-180e0ca7 > .box.size-s > .info > .desc
{
	font-size: 10.5px;
}

/* Medium */

.e-180e0ca7 > .box.size-m > .track
{
	width: 36px;
	height: 20px;
}

.e-180e0ca7 > .box.size-m > .track > .thumb
{
	width: 16px;
	height: 16px;
	left: 2px;
}

.e-180e0ca7 > .box.size-m.active > .track > .thumb
{
	transform: translate(16px, -50%);
}

.e-180e0ca7 > .box.size-m:active:not(.disabled) > .track > .thumb
{
	transform: translateY(-50%) scaleX(1.15);
}

.e-180e0ca7 > .box.size-m.active:active:not(.disabled) > .track > .thumb
{
	transform: translate(13px, -50%) scaleX(1.25);
}

/* Large */

.e-180e0ca7 > .box.size-l > .track
{
	width: 44px;
	height: 24px;
}

.e-180e0ca7 > .box.size-l > .track > .thumb
{
	width: 20px;
	height: 20px;
	left: 2px;
}

.e-180e0ca7 > .box.size-l.active > .track > .thumb
{
	transform: translate(20px, -50%);
}

.e-180e0ca7 > .box.size-l:active:not(.disabled) > .track > .thumb
{
	transform: translateY(-50%) scaleX(1.15);
}

.e-180e0ca7 > .box.size-l.active:active:not(.disabled) > .track > .thumb
{
	transform: translate(17px, -50%) scaleX(1.25);
}

.e-180e0ca7 > .box.size-l > .info > .label
{
	font-size: var(--ot-size-m);
}
/* ===== FORM TRANSFER ===== */

.e-1e66ff82
{
	display: contents;
}

/* Box */

.e-1e66ff82 > .box
{
	display: flex;
	align-items: stretch;
	gap: var(--ot-spacing-m);
	width: 100%;
	min-height: 320px;
}

/* ===== PANEL ===== */

.e-1e66ff82 > .box > .panel
{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	border-radius: var(--ot-radius-m);
	border: 1px solid transparent;
	overflow: hidden;
}

/* Head */

.e-1e66ff82 > .box > .panel > .head
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	flex-shrink: 0;
}

.e-1e66ff82 > .box > .panel > .head > .title
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	color: var(--ot-text-2);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.e-1e66ff82 > .box > .panel > .head > .counter
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-3);
}

/* Search */

.e-1e66ff82 > .box > .panel > .search
{
	padding: 0 var(--ot-spacing-s) var(--ot-spacing-s);
	flex-shrink: 0;
}

/* List */

.e-1e66ff82 > .box > .panel > .list
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0 var(--ot-spacing-s) var(--ot-spacing-s);
	flex: 1;
	min-height: 0;
	max-height: 300px;
	overflow-y: auto;
}

/* Empty */

.e-1e66ff82 > .box > .panel > .list > .empty
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-s);
	flex: 1;
	min-height: 160px;
	color: var(--ot-text-3);
}

.e-1e66ff82 > .box > .panel > .list > .empty > i
{
	font-size: 28px;
	opacity: 0.6;
}

.e-1e66ff82 > .box > .panel > .list > .empty > span
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
}

/* Item */

.e-1e66ff82 > .box > .panel > .list > .item
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: var(--ot-spacing-s);
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-s);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), border-color var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-1e66ff82 > .box > .panel > .list > .item:hover:not(.disabled)
{
	background: var(--ot-bg-2);
}

.e-1e66ff82 > .box > .panel > .list > .item.disabled
{
	opacity: 0.4;
	cursor: not-allowed;
}

/* Item icon */

.e-1e66ff82 > .box > .panel > .list > .item > .item-icon
{
	flex-shrink: 0;
	font-size: 20px;
	color: var(--ot-text-2);
}


/* Item text */

.e-1e66ff82 > .box > .panel > .list > .item > .item-text
{
	display: flex;
	flex-direction: column;
	gap: 1px;
	flex: 1;
	min-width: 0;
}

.e-1e66ff82 > .box > .panel > .list > .item > .item-text > .item-label
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-1e66ff82 > .box > .panel > .list > .item > .item-text > .item-desc
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Item move indicator (revealed on hover) */

.e-1e66ff82 > .box > .panel > .list > .item > .item-move
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	opacity: 0;
	transition: opacity var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-1e66ff82 > .box > .panel > .list > .item:hover:not(.disabled) > .item-move
{
	opacity: 1;
	color: var(--ot-brand);
}

/* ===== CONTROLS ===== */

.e-1e66ff82 > .box > .controls
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-s);
	flex-shrink: 0;
	padding: var(--ot-spacing-s);
}

.e-1e66ff82 > .box > .controls > .control
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--ot-height-m);
	height: var(--ot-height-m);
	padding: 0;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-2);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast), border-color var(--ot-transition-fast), transform var(--ot-transition-fast);
}

.e-1e66ff82 > .box > .controls > .control:hover:not(:disabled)
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
	border-color: var(--ot-bg-3-border);
}

.e-1e66ff82 > .box > .controls > .control.accent:not(:disabled)
{
	background: var(--ot-brand-solid, var(--ot-brand));
	border-color: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

.e-1e66ff82 > .box > .controls > .control.accent:hover:not(:disabled)
{
	background: var(--ot-brand-hover);
	border-color: var(--ot-brand-hover);
	transform: translateX(2px);
}

.e-1e66ff82 > .box > .controls > .control.accent:nth-child(3):hover:not(:disabled)
{
	transform: translateX(-2px);
}

.e-1e66ff82 > .box > .controls > .control:disabled
{
	opacity: 0.35;
	cursor: not-allowed;
}

.e-1e66ff82 > .box > .controls > .control > i
{
	font-size: 18px;
}

/* ===== BACKGROUND ===== */

.e-1e66ff82 > .box.bg-1 > .panel { background: var(--ot-bg-1); }
.e-1e66ff82 > .box.bg-2 > .panel { background: var(--ot-bg-2); }
.e-1e66ff82 > .box.bg-3 > .panel { background: var(--ot-bg-3); }
.e-1e66ff82 > .box.bg-4 > .panel { background: var(--ot-bg-4); }

/* Border */

.e-1e66ff82 > .box.border.bg-1 > .panel { border-color: var(--ot-bg-1-border); }
.e-1e66ff82 > .box.border.bg-2 > .panel { border-color: var(--ot-bg-2-border); }
.e-1e66ff82 > .box.border.bg-3 > .panel { border-color: var(--ot-bg-3-border); }
.e-1e66ff82 > .box.border.bg-4 > .panel { border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-1e66ff82 > .box.size-s > .panel > .head
{
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
}

.e-1e66ff82 > .box.size-s > .panel > .list > .item
{
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
	gap: var(--ot-spacing-x);
}

.e-1e66ff82 > .box.size-s > .panel > .list > .item > .item-icon
{
	font-size: 16px;
}

.e-1e66ff82 > .box.size-s > .controls > .control
{
	width: var(--ot-height-s);
	height: var(--ot-height-s);
}

.e-1e66ff82 > .box.size-s > .controls > .control > i
{
	font-size: 15px;
}

.e-1e66ff82 > .box.size-l > .panel > .head
{
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
}

.e-1e66ff82 > .box.size-l > .panel > .list > .item
{
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
	gap: var(--ot-spacing-m);
}

.e-1e66ff82 > .box.size-l > .panel > .list > .item > .item-icon
{
	font-size: 22px;
}

.e-1e66ff82 > .box.size-l > .controls > .control
{
	width: var(--ot-height-l);
	height: var(--ot-height-l);
}

.e-1e66ff82 > .box.size-l > .controls > .control > i
{
	font-size: 20px;
}

/* ===== DISABLED ===== */

.e-1e66ff82 > .box.disabled
{
	opacity: 0.65;
	pointer-events: none;
}

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

@media (max-width: 767.98px)
{
	.e-1e66ff82 > .box
	{
		flex-direction: column;
	}

	.e-1e66ff82 > .box > .controls
	{
		flex-direction: row;
		width: 100%;
		justify-content: center;
	}
}
/* ===== FORM TRAVELLERS ===== */

.e-6f007367
{
	display: inline-block;
	min-width: 0;
}

/* Trigger */

.e-6f007367 .field
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	min-width: 200px;
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m) 0 12px;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-4-border);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-text-s);
	text-align: left;
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-6f007367 .field.size-l
{
	height: var(--ot-height-l);
	font-size: var(--ot-text-m);
}

.e-6f007367 .field > .lead
{
	font-size: 20px;
	color: var(--ot-text-3);
}

.e-6f007367 .field > .text
{
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-6f007367 .field > .chevron
{
	font-size: 20px;
	color: var(--ot-text-3);
	transition: transform var(--ot-transition);
}

.e-6f007367 .field:hover:not(:disabled)
{
	background: var(--ot-bg-1-hover);
	border-color: var(--ot-text-3);
}

.e-6f007367 .field:focus-visible
{
	outline: none;
	box-shadow: var(--ot-focus);
}

.e-6f007367 .field.opened
{
	border-color: var(--ot-brand);
}

.e-6f007367 .field.opened > .chevron
{
	transform: rotate(180deg);
}

.e-6f007367 .field:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

.e-6f007367 .field.error
{
	border-color: var(--ot-red);
}

/* Panel */

.e-6f007367 .guests
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	color: var(--ot-text-1);
}

.e-6f007367 .row
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
}

.e-6f007367 .copy
{
	min-width: 0;
}

.e-6f007367 .name
{
	font-size: var(--ot-text-m);
	font-weight: var(--ot-weight-medium);
	color: var(--ot-text-1);
}

.e-6f007367 .hint
{
	font-size: var(--ot-text-s);
	color: var(--ot-text-3);
}

/* Age */

.e-6f007367 .age
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
}

.e-6f007367 .age > .name
{
	font-size: var(--ot-text-s);
	font-weight: var(--ot-weight-regular);
}

.e-6f007367 .select
{
	flex: none;
	width: 140px;
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-s);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-4-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-text-s);
}

.e-6f007367 .select:focus-visible
{
	outline: none;
	box-shadow: var(--ot-focus);
}

.e-6f007367 .select.bad
{
	border-color: var(--ot-red);
}

.e-6f007367 .note
{
	font-size: var(--ot-text-xs);
	color: var(--ot-text-3);
}

@media (max-width: 640px)
{
	.e-6f007367
	{
		display: block;
	}

	.e-6f007367 .field
	{
		height: 44px;
		font-size: var(--ot-text-m);
	}

	.e-6f007367 .select
	{
		height: 44px;
		font-size: var(--ot-text-m);
	}
}

@media (prefers-reduced-motion: reduce)
{
	.e-6f007367 .field,
	.e-6f007367 .field > .chevron
	{
		transition: none;
	}
}
/* ===== FORM UPLOAD ===== */

.e-3f8bc2c8
{
	display: contents;
}

/* Box */

.e-3f8bc2c8 > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	width: 100%;
}

.e-3f8bc2c8 > .box.disabled
{
	opacity: 0.5;
	pointer-events: none;
}

/* ===== DROPZONE ===== */

.e-3f8bc2c8 > .box > .zone
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 160px;
	padding: var(--ot-spacing-l);
	background: var(--ot-bg-2);
	border: 1.5px dashed var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	cursor: pointer;
	transition: background var(--ot-transition), border-color var(--ot-transition), transform var(--ot-transition);
}

.e-3f8bc2c8 > .box > .zone:hover
{
	background: var(--ot-bg-3);
	border-color: var(--ot-bg-3-border);
}

/* Hidden input */

.e-3f8bc2c8 > .box > .zone > .input
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Prompt */

.e-3f8bc2c8 > .box > .zone > .prompt
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-s);
	text-align: center;
	cursor: pointer;
}

.e-3f8bc2c8 > .box > .zone > .prompt > .badge
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-2);
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition), transform var(--ot-transition);
}

.e-3f8bc2c8 > .box > .zone > .prompt > .badge > i
{
	font-size: 24px;
}

.e-3f8bc2c8 > .box > .zone > .prompt > .badge > .spin
{
	font-size: 24px;
	animation: e-3f8bc2c8-spin 0.8s linear infinite;
}

@keyframes e-3f8bc2c8-spin
{
	to { transform: rotate(360deg); }
}

.e-3f8bc2c8 > .box > .zone > .prompt > .text
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.e-3f8bc2c8 > .box > .zone > .prompt > .text > .label
{
	font-size: var(--ot-size-m);
	font-weight: 600;
	color: var(--ot-text-1);
}

.e-3f8bc2c8 > .box > .zone > .prompt > .text > .hint
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

/* Has files — zone becomes grid container */

.e-3f8bc2c8 > .box > .zone.compact
{
	min-height: auto;
	padding: var(--ot-spacing-s);
	align-items: stretch;
	justify-content: stretch;
}

/* ===== GRID (inside zone) ===== */

.e-3f8bc2c8 > .box > .zone > .grid
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	gap: var(--ot-spacing-s);
	width: 100%;
}

/* Card */

.e-3f8bc2c8 > .box > .zone > .grid > .card
{
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: var(--ot-radius-s);
	overflow: hidden;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	animation: e-3f8bc2c8-in 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-3f8bc2c8-in
{
	from { opacity: 0; transform: scale(0.95); }
	to { opacity: 1; transform: scale(1); }
}

/* Drag and drop reorder */

.e-3f8bc2c8 > .box > .zone > .grid > .card[draggable="true"]
{
	cursor: grab;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.dragging
{
	opacity: 0.4;
	cursor: grabbing;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.drag-over
{
	border-color: var(--ot-brand);
	background: var(--ot-brand-opacity);
}

/* Thumbnail */

.e-3f8bc2c8 > .box > .zone > .grid > .card > .thumb
{
	width: 100%;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: var(--ot-radius-s);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card > .thumb > img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card > .thumb.placeholder
{
	color: var(--ot-text-3);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card > .thumb.placeholder > i
{
	font-size: 28px;
}

/* Remove button */

.e-3f8bc2c8 > .box > .zone > .grid > .card > .remove
{
	position: absolute;
	top: var(--ot-spacing-x);
	right: var(--ot-spacing-x);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	background: var(--ot-bg-1-opacity);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	border: none;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-2);
	cursor: pointer;
	opacity: 0;
	transition: opacity var(--ot-transition-fast), background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card:hover > .remove
{
	opacity: 1;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card > .remove:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card > .remove > i
{
	font-size: 14px;
}

/* Add card */

.e-3f8bc2c8 > .box > .zone > .grid > .card.add
{
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	border: 1.5px dashed var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	background: var(--ot-bg-1);
	cursor: pointer;
	color: var(--ot-text-3);
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.add:hover
{
	background: var(--ot-bg-3);
	border-color: var(--ot-bg-3-border);
	color: var(--ot-text-1);
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.add.loading
{
	cursor: default;
	border-style: solid;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.add .spin
{
	animation: e-3f8bc2c8-spin 0.8s linear infinite;
}

.e-3f8bc2c8 > .box > .zone > .grid > .card.add > i
{
	font-size: 24px;
}

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

.e-3f8bc2c8 > .box > .footer
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
}

.e-3f8bc2c8 > .box > .footer > .count
{
	font-size: var(--ot-size-s);
	font-weight: 700;
	color: var(--ot-text-3);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.e-3f8bc2c8 > .box > .footer > .clear
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-x);
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-size: var(--ot-size-s);
	font-weight: 500;
	color: var(--ot-text-3);
	cursor: pointer;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-3f8bc2c8 > .box > .footer > .clear:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

.e-3f8bc2c8 > .box > .footer > .clear > i
{
	font-size: 14px;
}


/* ===== BACKGROUND ===== */

.e-3f8bc2c8 > .box.bg-1 > .zone { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-3f8bc2c8 > .box.bg-1 > .zone:hover { background: var(--ot-bg-2); }
.e-3f8bc2c8 > .box.bg-1 > .zone > .prompt > .badge { background: var(--ot-bg-2); }

.e-3f8bc2c8 > .box.bg-2 > .zone { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-3f8bc2c8 > .box.bg-2 > .zone:hover { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }

.e-3f8bc2c8 > .box.bg-3 > .zone { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-3f8bc2c8 > .box.bg-3 > .zone:hover { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

.e-3f8bc2c8 > .box.bg-4 > .zone { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

/* ===== SIZE ===== */

.e-3f8bc2c8 > .box.size-s > .zone
{
	min-height: 100px;
	padding: var(--ot-spacing-m);
}

.e-3f8bc2c8 > .box.size-s > .zone > .prompt > .badge
{
	width: 36px;
	height: 36px;
}

.e-3f8bc2c8 > .box.size-s > .zone > .prompt > .badge > i
{
	font-size: 18px;
}

.e-3f8bc2c8 > .box.size-s > .zone > .grid
{
	grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
	gap: var(--ot-spacing-x);
}

.e-3f8bc2c8 > .box.size-l > .zone
{
	min-height: 220px;
	padding: var(--ot-spacing-l);
}

.e-3f8bc2c8 > .box.size-l > .zone > .prompt > .badge
{
	width: 60px;
	height: 60px;
}

.e-3f8bc2c8 > .box.size-l > .zone > .prompt > .badge > i
{
	font-size: 30px;
}

.e-3f8bc2c8 > .box.size-l > .zone > .grid
{
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
/* ===== FORM UPLOAD INPUT ===== */

.e-37c1b86d
{
	display: contents;
}

/* Box */

.e-37c1b86d > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.e-37c1b86d > .box.disabled
{
	opacity: 0.5;
	pointer-events: none;
}

/* Field */

.e-37c1b86d > .box > .field
{
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-37c1b86d > .box > .field:focus-within
{
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

/* Preview */

.e-37c1b86d > .box > .field > .preview
{
	flex-shrink: 0;
	width: var(--ot-height-s);
	height: var(--ot-height-s);
	border-radius: var(--ot-radius-s);
	overflow: hidden;
	margin-right: var(--ot-spacing-s);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--ot-bg-1);
}

.e-37c1b86d > .box > .field > .preview > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.e-37c1b86d > .box > .field > .preview.placeholder
{
	color: var(--ot-text-3);
}

.e-37c1b86d > .box > .field > .preview.placeholder > i
{
	font-size: 16px;
}

/* Icon */

.e-37c1b86d > .box > .field > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	margin-right: var(--ot-spacing-s);
	transition: color var(--ot-transition);
}

.e-37c1b86d > .box > .field:focus-within > .icon
{
	color: var(--ot-text-1);
}

.e-37c1b86d > .box > .field > .icon.spin
{
	margin-right: 0;
	margin-left: var(--ot-spacing-s);
	animation: e-37c1b86d-spin 0.8s linear infinite;
}

@keyframes e-37c1b86d-spin
{
	to { transform: rotate(360deg); }
}

/* Input */

.e-37c1b86d > .box > .field > .input
{
	flex: 1;
	min-width: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
}

.e-37c1b86d > .box > .field > .input::placeholder
{
	color: var(--ot-text-3);
	font-weight: 400;
}

/* Action buttons */

.e-37c1b86d > .box > .field > .action
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	margin-left: var(--ot-spacing-x);
	border: none;
	background: transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-37c1b86d > .box > .field > .action:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-37c1b86d > .box > .field > .action > i
{
	font-size: 14px;
}

/* Hidden file input */

.e-37c1b86d > .box > .picker
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ===== BACKGROUNDS ===== */

.e-37c1b86d > .box.bg-1 > .field { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-37c1b86d > .box.bg-2 > .field { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-37c1b86d > .box.bg-3 > .field { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-37c1b86d > .box.bg-4 > .field { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

.e-37c1b86d > .box.bg-1 > .field:hover:not(:focus-within) { background: var(--ot-bg-1-hover); }
.e-37c1b86d > .box.bg-2 > .field:hover:not(:focus-within) { background: var(--ot-bg-2-hover); }
.e-37c1b86d > .box.bg-3 > .field:hover:not(:focus-within) { background: var(--ot-bg-3-hover); }
.e-37c1b86d > .box.bg-4 > .field:hover:not(:focus-within) { background: var(--ot-bg-4-hover); }

/* Border */

.e-37c1b86d > .box.border > .field { border-color: var(--ot-bg-2-border); }
.e-37c1b86d > .box.bg-1.border > .field { border-color: var(--ot-bg-1-border); }
.e-37c1b86d > .box.bg-3.border > .field { border-color: var(--ot-bg-3-border); }
.e-37c1b86d > .box.bg-4.border > .field { border-color: var(--ot-bg-4-border); }

/* Border bottom */

.e-37c1b86d > .box.border-bottom > .field
{
	border-radius: 0;
	border-color: transparent;
	border-bottom-color: var(--ot-bg-2-border);
}

/* ===== SIZES ===== */

.e-37c1b86d > .box.size-s > .field
{
	height: var(--ot-height-s);
	padding: 0 var(--ot-spacing-s);
}

.e-37c1b86d > .box.size-s > .field > .preview
{
	width: 20px;
	height: 20px;
}

.e-37c1b86d > .box.size-s > .field > .icon { font-size: 15px; }
.e-37c1b86d > .box.size-s > .field > .input { font-size: var(--ot-size-s); }
.e-37c1b86d > .box.size-s > .field > .action { width: 18px; height: 18px; }
.e-37c1b86d > .box.size-s > .field > .action > i { font-size: 13px; }

.e-37c1b86d > .box.size-l > .field
{
	height: var(--ot-height-l);
	padding: 0 var(--ot-spacing-l);
}

.e-37c1b86d > .box.size-l > .field > .preview
{
	width: var(--ot-height-m);
	height: var(--ot-height-m);
}

.e-37c1b86d > .box.size-l > .field > .icon { font-size: 20px; }
.e-37c1b86d > .box.size-l > .field > .action { width: 26px; height: 26px; }
.e-37c1b86d > .box.size-l > .field > .action > i { font-size: 16px; }
/* ===== FORM WIZARD ===== */

.e-1ce096be
{
	display: block;
	min-width: 0;
}

.e-1ce096be > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	min-width: 0;
}

/* Zaglavlje: koraci na sirokom ekranu, traka napretka na uskom */

.e-1ce096be .compact
{
	display: none;
}

.e-1ce096be .compact > .line
{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--ot-spacing-s);
	margin-bottom: 8px;
}

.e-1ce096be .compact .count
{
	font-size: var(--ot-text-xs);
	font-weight: 600;
	color: var(--ot-text-3);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.e-1ce096be .compact .name
{
	min-width: 0;
	overflow: hidden;
	font-size: var(--ot-text-s);
	font-weight: 600;
	color: var(--ot-text-1);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-1ce096be .meter
{
	height: 4px;
	overflow: hidden;
	border-radius: 2px;
	background: var(--ot-bg-3);
}

.e-1ce096be .meter > .fill
{
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--ot-brand-solid, var(--ot-brand));
	transition: width 0.25s ease;
}

/* Korak */

.e-1ce096be .stage
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	min-width: 0;
}

.e-1ce096be .heading
{
	margin: 0;
	font-family: var(--ot-font-display, inherit);
	font-size: var(--ot-text-xl, 24px);
	font-weight: 500;
	line-height: 1.2;
	color: var(--ot-text-1);
	outline: none;
}

.e-1ce096be .problems
{
	display: flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border: 1px solid var(--ot-red-border);
	border-radius: var(--ot-radius-m);
	background: var(--ot-red-opacity);
	color: var(--ot-red);
	font-size: var(--ot-text-s);
}

.e-1ce096be .problems > i
{
	flex: none;
	margin-top: 1px;
	font-size: 18px;
}

.e-1ce096be .problems > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.e-1ce096be .content
{
	min-width: 0;
}

/* Podnozje: lepi se za dno da dugmad ostanu pri ruci i na dugom koraku */

.e-1ce096be .footer
{
	position: sticky;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) 0;
	background: color-mix(in srgb, var(--ot-bg-2) 88%, transparent);
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	border-top: 1px solid var(--ot-bg-2-border);
}

.e-1ce096be .failure
{
	margin: 0;
	color: var(--ot-red);
	font-size: var(--ot-text-s);
}

.e-1ce096be .bar
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

.e-1ce096be .side
{
	display: flex;
	flex: 1 1 0;
	min-width: 0;
}

.e-1ce096be .status
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	overflow: hidden;
	font-size: var(--ot-text-xs);
	color: var(--ot-text-3);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.e-1ce096be .status > i
{
	font-size: 16px;
	color: var(--ot-green, currentColor);
}

.e-1ce096be .status > i.bad
{
	color: var(--ot-red);
}

.e-1ce096be .actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
}

@media (max-width: 700px)
{
	.e-1ce096be .full
	{
		display: none;
	}

	.e-1ce096be .compact
	{
		display: block;
	}

	.e-1ce096be .heading
	{
		font-size: var(--ot-text-l, 20px);
	}

	/* Dugmad popunjavaju red: Nazad i Dalje, nacrt ispod njih kao red teksta */
	.e-1ce096be .bar
	{
		flex-wrap: wrap;
	}

	.e-1ce096be .side
	{
		flex: 0 0 auto;
	}

	.e-1ce096be .status
	{
		order: 3;
		flex: 1 0 100%;
	}

	.e-1ce096be .actions
	{
		flex: 1 1 0;
		justify-content: flex-end;
	}
}

@media (prefers-reduced-motion: reduce)
{
	.e-1ce096be .meter > .fill
	{
		transition: none;
	}
}
/* Root */

.e-18fbce40
{
	display: block;
	width: 100%;
}

/* Holder */

.e-18fbce40 > .holder
{
	position: relative;
	width: 100%;
	border-radius: var(--ot-radius-l);
	overflow: hidden;
	background-color: #1a1a20;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
}

/* Overlay */

.e-18fbce40 > .holder > .overlay
{
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.e-18fbce40 > .holder.image > .overlay
{
	background: linear-gradient(180deg, rgba(20, 20, 30, 0.05) 0%, rgba(20, 20, 30, 0.55) 100%);
}

.e-18fbce40 > .holder.dark
{
	background: linear-gradient(160deg, #1a1a20 0%, #2c2632 100%);
}

.e-18fbce40 > .holder.dark > .overlay
{
	background: radial-gradient(circle at 100% 0%, rgba(214, 138, 58, 0.35) 0%, transparent 50%);
}

/* Content */

.e-18fbce40 > .holder > .content
{
	position: relative;
	width: 100%;
	color: var(--ot-on-image, #fff);
	display: flex;
	flex-direction: column;
}

/* Icon (dark variant) */

.e-18fbce40 > .holder > .content > .icon
{
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: var(--ot-image-glass, rgba(255, 255, 255, 0.12));
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--ot-spacing-m);
	flex-shrink: 0;
}

.e-18fbce40 > .holder > .content > .icon > i
{
	color: var(--ot-on-image-accent, #ffd9a8);
	font-size: 22px;
}

/* Eyebrow */

.e-18fbce40 > .holder > .content > .eyebrow
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: 5px 12px 5px 7px;
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--ot-image-glass-border, rgba(255, 255, 255, 0.18));
	border-radius: 100px;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--ot-on-image, #fff);
	margin-bottom: var(--ot-spacing-m);
	width: fit-content;
	font-family: var(--ot-font-primary);
}

.e-18fbce40 > .holder > .content > .eyebrow > .dot
{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--ot-chip-surface, rgba(255, 255, 255, 0.95));
	display: flex;
	align-items: center;
	justify-content: center;
}

.e-18fbce40 > .holder > .content > .eyebrow > .dot > i
{
	font-size: 11px;
	color: var(--ot-brand);
}

/* Title */

.e-18fbce40 > .holder > .content > .title
{
	font-family: var(--ot-font-secondary);
	font-weight: 400;
	letter-spacing: -0.025em;
	color: var(--ot-on-image, #fff);
	font-variation-settings: 'opsz' 144, 'wght' 400;
	margin: 0 0 var(--ot-spacing-s);
	max-width: 720px;
}

.e-18fbce40 > .holder > .content > .title em
{
	font-style: italic;
	color: var(--ot-on-image-accent, #ffd9a8);
	font-weight: 400;
}

/* Description */

.e-18fbce40 > .holder > .content > .description
{
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--ot-on-image-dim, rgba(255, 255, 255, 0.85));
	max-width: 540px;
	margin: 0;
	font-family: var(--ot-font-primary);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Bottom slot */

.e-18fbce40 > .holder > .content > .bottom:not(:empty)
{
	display: flex;
	align-items: center;
	margin-top: var(--ot-spacing-l);
}

.e-18fbce40 > .holder > .content > .title
{
	line-height: 1.0;
}

.e-18fbce40 > .holder.dark
{
	align-items: flex-start;
}

.e-18fbce40 > .holder.dark > .content > .title
{
	font-size: 26px;
}

/* Size variants */

.e-18fbce40 > .holder.size-s > .content
{
	padding: 32px 24px;
}

.e-18fbce40 > .holder.size-s > .content > .title
{
	font-size: 26px;
}

.e-18fbce40 > .holder.size-s > .content > .description
{
	font-size: 13px;
}

.e-18fbce40 > .holder.size-m > .content
{
	padding: 48px 36px;
}

.e-18fbce40 > .holder.size-m > .content > .title
{
	font-size: var(--ot-h1-size, 36px);
}

.e-18fbce40 > .holder.size-l > .content
{
	padding: 44px 48px;
}

.e-18fbce40 > .holder.size-l > .content > .title
{
	font-size: var(--ot-display-size, 52px);
}
/* ===== GLOBAL CODE ===== */

.e-4a15b201
{
	display: contents;

	--code-background: var(--ot-bg-2);
	--code-border: var(--ot-bg-2-border);
	--code-overlay: var(--ot-bg-1-opacity);
	--code-hover: var(--ot-bg-4);
	--code-text: var(--ot-text-1);
	--code-muted: var(--ot-text-3);

	--code-keyword: #cf222e;
	--code-string: #0a3069;
	--code-number: #953800;
	--code-comment: #6e7781;
	--code-function: #8250df;
	--code-tag: #116329;
	--code-attribute: #0550ae;
}

/* Box */

.e-4a15b201 > .box
{
	display: flex;
	flex-direction: column;
	width: 100%;
	background: var(--code-background);
	border: 1px solid var(--code-border);
	border-radius: var(--ot-radius-m);
	overflow: hidden;
}

.e-4a15b201 > .box.bg-1 { --code-background: var(--ot-bg-1); --code-border: var(--ot-bg-1-border); }
.e-4a15b201 > .box.bg-2 { --code-background: var(--ot-bg-2); --code-border: var(--ot-bg-2-border); }
.e-4a15b201 > .box.bg-3 { --code-background: var(--ot-bg-3); --code-border: var(--ot-bg-3-border); }
.e-4a15b201 > .box.bg-4 { --code-background: var(--ot-bg-4); --code-border: var(--ot-bg-4-border); }

/* Head */

.e-4a15b201 > .box > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: var(--code-overlay);
	border-bottom: 1px solid var(--code-border);
}

/* Dots */

.e-4a15b201 > .box > .head > .dots
{
	display: flex;
	gap: 6px;
	flex-shrink: 0;
}

.e-4a15b201 > .box > .head > .dots > span
{
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

.e-4a15b201 > .box > .head > .dots > span:nth-child(1) { background: #ff5f56; }
.e-4a15b201 > .box > .head > .dots > span:nth-child(2) { background: #ffbd2e; }
.e-4a15b201 > .box > .head > .dots > span:nth-child(3) { background: #27c93f; }

/* Filename / Language */

.e-4a15b201 > .box > .head > .filename,
.e-4a15b201 > .box > .head > .language
{
	flex: 1;
	text-align: center;
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: 12px;
	font-weight: 500;
	color: var(--code-muted);
}

.e-4a15b201 > .box > .head > .language
{
	text-transform: uppercase;
	font-size: 10.5px;
	letter-spacing: 0.06em;
}

/* Copy */

.e-4a15b201 > .box > .head > .copy
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	background: var(--ot-bg-3);
	border: 1px solid var(--ot-bg-3-border);
	border-radius: 100px;
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 600;
	cursor: pointer;
	flex-shrink: 0;
	transition: background var(--ot-transition), color var(--ot-transition), border-color var(--ot-transition);
}

.e-4a15b201 > .box > .head > .copy:hover
{
	background: var(--code-hover);
	color: var(--code-text);
}

.e-4a15b201 > .box > .head > .copy > i
{
	font-size: 13px;
}

.e-4a15b201 > .box > .head > .copy.copied
{
	background: var(--ot-green-opacity);
	border-color: var(--ot-green-border);
	color: var(--ot-green);
}

/* Body */

.e-4a15b201 > .box > .body
{
	margin: 0;
	padding: var(--ot-spacing-m);
	overflow-x: auto;
	font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
	font-size: var(--ot-size-m);
	line-height: 1.65;
	color: var(--code-text);
	tab-size: 4;
}

.e-4a15b201 > .box > .body > code
{
	font-family: inherit;
	font-size: inherit;
	background: none;
	padding: 0;
	border: none;
	color: inherit;
	display: block;
	white-space: pre;
}

/* Scrollbar */

.e-4a15b201 > .box > .body::-webkit-scrollbar { height: 8px; }
.e-4a15b201 > .box > .body::-webkit-scrollbar-track { background: transparent; }
.e-4a15b201 > .box > .body::-webkit-scrollbar-thumb { background: var(--ot-bg-4); border-radius: 100px; }
.e-4a15b201 > .box > .body::-webkit-scrollbar-thumb:hover { background: var(--ot-bg-4-hover); }

/* ===== LINE NUMBERS ===== */

.e-4a15b201 .numbered
{
	display: flex;
	flex-direction: column;
}

.e-4a15b201 .line
{
	display: flex;
	padding: 0 var(--ot-spacing-m) 0 0;
	margin: 0 calc(var(--ot-spacing-m) * -1);
	transition: background var(--ot-transition-fast);
}

.e-4a15b201 .line > .number
{
	width: 40px;
	padding-right: 14px;
	text-align: right;
	color: var(--code-muted);
	user-select: none;
	flex-shrink: 0;
	border-right: 1px solid var(--code-border);
	margin-right: 14px;
}

.e-4a15b201 .line > .code
{
	flex: 1;
	min-width: 0;
}

/* Highlighted line */

.e-4a15b201 .line.highlighted
{
	background: var(--ot-brand-opacity);
	box-shadow: inset 2px 0 0 var(--ot-brand);
}

.e-4a15b201 .line.highlighted > .number
{
	color: var(--ot-brand);
}

/* Plain (no numbers) */

.e-4a15b201 .plain
{
	display: block;
	white-space: pre;
}

/* ===== SYNTAX TOKENS ===== */

.e-4a15b201 .t-keyword { color: var(--code-keyword); font-weight: 500; }
.e-4a15b201 .t-string { color: var(--code-string); }
.e-4a15b201 .t-number { color: var(--code-number); }
.e-4a15b201 .t-comment { color: var(--code-comment); font-style: italic; }
.e-4a15b201 .t-fn { color: var(--code-function); }
.e-4a15b201 .t-tag { color: var(--code-tag); }
.e-4a15b201 .t-attr { color: var(--code-attribute); }
.e-4a15b201 .t-selector { color: var(--code-tag); }
.e-4a15b201 .t-prop { color: var(--code-attribute); }

/* ===== BORDER ===== */

.e-4a15b201 > .box.border { border-color: var(--code-border); }

/* ===== SIZE ===== */

.e-4a15b201 > .box.size-s > .head
{
	padding: var(--ot-spacing-x) var(--ot-spacing-s);
}

.e-4a15b201 > .box.size-s > .body
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	font-size: 12px;
	line-height: 1.55;
}

.e-4a15b201 > .box.size-l > .head
{
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
}

.e-4a15b201 > .box.size-l > .body
{
	padding: var(--ot-spacing-l);
	font-size: 14px;
	line-height: 1.75;
}
/* ===== GLOBAL GALLERY ===== */

.e-ee00abe
{
	display: block;
	width: 100%;
}

/* Box */

.e-ee00abe > .box
{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.e-ee00abe > .box.rounded
{
	border-radius: var(--ot-radius-l);
}

/* ===== BENTO LAYOUT ===== */

.e-ee00abe > .box > .bento
{
	display: grid;
	grid-template-columns: 2fr 1fr;
	height: 480px;
	width: 100%;
}

.e-ee00abe > .box.compact > .bento
{
	height: 360px;
}

.e-ee00abe > .box.tall > .bento
{
	height: 560px;
}

/* Bento main */

.e-ee00abe > .box > .bento > .bento-main
{
	overflow: hidden;
	cursor: pointer;
}

.e-ee00abe > .box > .bento > .bento-main > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter var(--ot-transition-slow), transform var(--ot-transition-slow);
}

.e-ee00abe > .box > .bento > .bento-main:hover > img
{
	filter: brightness(0.92);
	transform: scale(1.02);
}

/* Bento side */

.e-ee00abe > .box > .bento > .bento-side
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}

.e-ee00abe > .box > .bento > .bento-side > .bento-thumb
{
	overflow: hidden;
	cursor: pointer;
}

.e-ee00abe > .box > .bento > .bento-side > .bento-thumb > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter var(--ot-transition-slow), transform var(--ot-transition-slow);
}

.e-ee00abe > .box > .bento > .bento-side > .bento-thumb:hover > img
{
	filter: brightness(0.88);
	transform: scale(1.03);
}

/* Show all button */

.e-ee00abe > .box > .bento > .show-all
{
	position: absolute;
	bottom: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: 10px 20px;
	background: var(--ot-text-1);
	border: none;
	border-radius: 100px;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-bg-1);
	cursor: pointer;
	box-shadow: var(--ot-shadow-m);
	transition: transform var(--ot-transition), box-shadow var(--ot-transition);
	z-index: 1;
}

.e-ee00abe > .box > .bento > .show-all:hover
{
	transform: translateY(-2px);
	box-shadow: var(--ot-shadow-l);
}

.e-ee00abe > .box > .bento > .show-all > i
{
	font-size: 16px;
}

/* ===== GRID LAYOUT ===== */

.e-ee00abe > .box > .grid
{
	display: grid;
	width: 100%;
}

.e-ee00abe > .box > .grid > .grid-item
{
	overflow: hidden;
	cursor: pointer;
	border-radius: var(--ot-radius-m);
}

.e-ee00abe > .box > .grid > .grid-item > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter var(--ot-transition-slow), transform var(--ot-transition-slow);
}

.e-ee00abe > .box > .grid > .grid-item:hover > img
{
	filter: brightness(0.92);
	transform: scale(1.04);
}

/* ===== CAROUSEL LAYOUT ===== */

.e-ee00abe > .box > .carousel
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	width: 100%;
}

/* Carousel stage */

.e-ee00abe > .box > .carousel > .carousel-stage
{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--ot-radius-m);
	background: var(--ot-bg-2);
}

.e-ee00abe > .box > .carousel > .carousel-stage > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: zoom-in;
	animation: e-ee00abe-fade var(--ot-transition-slow);
}

@keyframes e-ee00abe-fade
{
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Carousel nav */

.e-ee00abe > .box > .carousel > .carousel-stage > .carousel-nav
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: var(--ot-bg-1-opacity);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 50%;
	color: var(--ot-text-1);
	cursor: pointer;
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	box-shadow: var(--ot-shadow-m);
	transition: transform var(--ot-transition), box-shadow var(--ot-transition);
	z-index: 1;
}

.e-ee00abe > .box > .carousel > .carousel-stage > .prev { left: 16px; }
.e-ee00abe > .box > .carousel > .carousel-stage > .next { right: 16px; }

.e-ee00abe > .box > .carousel > .carousel-stage > .carousel-nav:hover
{
	box-shadow: var(--ot-shadow-l);
}

.e-ee00abe > .box > .carousel > .carousel-stage > .prev:hover { transform: translateY(-50%) translateX(-2px); }
.e-ee00abe > .box > .carousel > .carousel-stage > .next:hover { transform: translateY(-50%) translateX(2px); }

.e-ee00abe > .box > .carousel > .carousel-stage > .carousel-nav > i
{
	font-size: 22px;
}

/* Carousel counter */

.e-ee00abe > .box > .carousel > .carousel-stage > .carousel-counter
{
	position: absolute;
	bottom: 16px;
	right: 16px;
	padding: 6px 12px;
	background: var(--ot-bg-1-opacity);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	border-radius: 100px;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	letter-spacing: 0.04em;
}

/* Carousel thumbs */

.e-ee00abe > .box > .carousel > .carousel-thumbs
{
	display: flex;
	gap: var(--ot-spacing-x);
	overflow-x: auto;
	padding: 2px 0;
	scrollbar-width: none;
}

.e-ee00abe > .box > .carousel > .carousel-thumbs::-webkit-scrollbar
{
	display: none;
}

.e-ee00abe > .box > .carousel > .carousel-thumbs > .carousel-thumb
{
	flex-shrink: 0;
	width: 80px;
	height: 56px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--ot-radius-s);
	background: transparent;
	overflow: hidden;
	cursor: pointer;
	transition: border-color var(--ot-transition), opacity var(--ot-transition);
	opacity: 0.65;
}

.e-ee00abe > .box > .carousel > .carousel-thumbs > .carousel-thumb:hover
{
	opacity: 1;
}

.e-ee00abe > .box > .carousel > .carousel-thumbs > .carousel-thumb.active
{
	opacity: 1;
	border-color: var(--ot-brand);
}

.e-ee00abe > .box > .carousel > .carousel-thumbs > .carousel-thumb > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ===== LIGHTBOX ===== */

.lightbox-box
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	padding: 80px 80px 140px;
	box-sizing: border-box;
}

/* Lightbox close */

.lightbox-close
{
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	color: var(--ot-on-image, #fff);
	cursor: pointer;
	transition: background var(--ot-transition), transform var(--ot-transition);
	z-index: 10;
}

.lightbox-close:hover
{
	background: rgba(255, 255, 255, 0.2);
	transform: rotate(90deg);
}

.lightbox-close > i
{
	font-size: 22px;
}

/* Lightbox counter */

.lightbox-counter
{
	position: absolute;
	top: 28px;
	left: 50%;
	transform: translateX(-50%);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 100px;
	color: var(--ot-on-image, #fff);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	letter-spacing: 0.04em;
	z-index: 10;
}

/* Lightbox nav */

.lightbox-nav
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: var(--ot-blur);
	-webkit-backdrop-filter: var(--ot-blur);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	color: var(--ot-on-image, #fff);
	cursor: pointer;
	transition: background var(--ot-transition), transform var(--ot-transition);
	z-index: 10;
}

.lightbox-nav.prev { left: 32px; }
.lightbox-nav.next { right: 32px; }

.lightbox-nav:hover { background: rgba(255, 255, 255, 0.2); }
.lightbox-nav.prev:hover { transform: translateY(-50%) translateX(-3px); }
.lightbox-nav.next:hover { transform: translateY(-50%) translateX(3px); }

.lightbox-nav > i
{
	font-size: 26px;
}

/* Lightbox stage */

.lightbox-stage
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-m);
	max-width: 100%;
	max-height: 100%;
}

.lightbox-stage > img
{
	max-width: 100%;
	max-height: calc(100vh - 220px);
	object-fit: contain;
	border-radius: var(--ot-radius-m);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
	animation: e-ee00abe-lightbox-in var(--ot-transition-slow);
}

@keyframes e-ee00abe-lightbox-in
{
	from { opacity: 0; transform: scale(0.96); }
	to { opacity: 1; transform: scale(1); }
}

/* Lightbox caption */

.lightbox-caption
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	color: var(--ot-on-image-dim, rgba(255, 255, 255, 0.85));
	text-align: center;
	max-width: 600px;
	line-height: 1.5;
}

/* Lightbox thumbs */

.lightbox-thumbs
{
	position: absolute;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	max-width: calc(100vw - 64px);
	overflow-x: auto;
	scrollbar-width: none;
	z-index: 10;
}

.lightbox-thumbs::-webkit-scrollbar
{
	display: none;
}

.lightbox-thumbs > .lightbox-thumb
{
	flex-shrink: 0;
	width: 56px;
	height: 44px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--ot-radius-s);
	background: transparent;
	overflow: hidden;
	cursor: pointer;
	transition: border-color var(--ot-transition), opacity var(--ot-transition);
	opacity: 0.55;
}

.lightbox-thumbs > .lightbox-thumb:hover
{
	opacity: 0.9;
}

.lightbox-thumbs > .lightbox-thumb.active
{
	opacity: 1;
	border-color: var(--ot-on-image, #fff);
}

.lightbox-thumbs > .lightbox-thumb > img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

@media (max-width: 767.98px)
{
	.e-ee00abe > .box > .bento
	{
		height: 320px;
	}

	.e-ee00abe > .box > .bento > .bento-side
	{
		display: none;
	}

	.e-ee00abe > .box > .carousel > .carousel-thumbs > .carousel-thumb
	{
		width: 60px;
		height: 42px;
	}

	.lightbox-box
	{
		padding: 60px 16px 120px;
	}

	.lightbox-nav.prev { left: 12px; }
	.lightbox-nav.next { right: 12px; }

	.lightbox-nav
	{
		width: 40px;
		height: 40px;
	}

	.lightbox-nav > i
	{
		font-size: 20px;
	}
}
/* ===== GLOBAL HEADING ===== */

.e-49fb116e
{
	display: contents;
}

/* Box */

.e-49fb116e > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-l);
	width: 100%;
}

.e-49fb116e > .box.border
{
	padding-bottom: var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

/* Top */

.e-49fb116e > .box > .top
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
}

/* Icon */

.e-49fb116e > .box > .top > .icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: var(--ot-radius-m);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	flex-shrink: 0;
}

.e-49fb116e > .box > .top > .icon > i
{
	font-size: 26px;
}

/* Text */

.e-49fb116e > .box > .top > .text
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	min-width: 0;
	flex: 1;
}

/* Eyebrow */

.e-49fb116e > .box > .top > .text > .eyebrow
{
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ot-brand);
}

/* Title */

.e-49fb116e > .box > .top > .text > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-weight: 500;
	letter-spacing: -0.022em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
	line-height: 1.05;
}

.e-49fb116e > .box > .top > .text > .title em
{
	font-style: italic;
	color: var(--ot-brand);
	font-weight: 500;
}

/* Description */

.e-49fb116e > .box > .top > .text > .description
{
	margin: 0;
	font-family: var(--ot-font-primary);
	font-size: 14px;
	line-height: 1.55;
	color: var(--ot-text-2);
	max-width: 560px;
}

/* Right */

.e-49fb116e > .box > .top > .right
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	flex-shrink: 0;
}

.e-49fb116e > .box > .top > .right:empty
{
	display: none;
}

/* Bottom */

.e-49fb116e > .box > .bottom
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	flex-wrap: wrap;
}

/* ===== ALIGN ===== */

.e-49fb116e > .box.center > .top
{
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.e-49fb116e > .box.center > .top > .text
{
	align-items: center;
	flex: 0 1 auto;
}

.e-49fb116e > .box.center > .top > .text > .description
{
	max-width: 540px;
}

.e-49fb116e > .box.center > .bottom
{
	justify-content: center;
}

.e-49fb116e > .box.right > .top
{
	flex-direction: row-reverse;
	text-align: right;
}

.e-49fb116e > .box.right > .top > .text
{
	align-items: flex-end;
}

.e-49fb116e > .box.right > .bottom
{
	justify-content: flex-end;
}

/* ===== SIZE ===== */

/* Small */

.e-49fb116e > .box.size-s > .top > .icon
{
	width: 36px;
	height: 36px;
}

.e-49fb116e > .box.size-s > .top > .icon > i
{
	font-size: 20px;
}

.e-49fb116e > .box.size-s > .top > .text > .title
{
	font-size: var(--ot-size-l);
	line-height: 1.15;
}

.e-49fb116e > .box.size-s > .top > .text > .description
{
	font-size: var(--ot-size-m);
}

/* Medium */

.e-49fb116e > .box.size-m > .top > .text > .title
{
	font-size: 32px;
	line-height: 1.05;
}

.e-49fb116e > .box.size-m > .top > .text > .description
{
	font-size: 14px;
}

/* Large */

.e-49fb116e > .box.size-l > .top > .icon
{
	width: 60px;
	height: 60px;
}

.e-49fb116e > .box.size-l > .top > .icon > i
{
	font-size: 32px;
}

.e-49fb116e > .box.size-l > .top > .text > .title
{
	font-size: var(--ot-h1-size, 48px);
	font-weight: var(--ot-heading-weight, 500);
	line-height: 1;
}

.e-49fb116e > .box.size-l > .top > .text > .description
{
	font-size: 16px;
	max-width: 640px;
}
/* ===== GLOBAL MARKDOWN ===== */

.e-4696d703
{
	display: contents;
}

/* Box */

.e-4696d703 > .box
{
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Body */

.e-4696d703 > .box > .body
{
	overflow: hidden;
	transition: max-height var(--ot-transition-slow);
}

.e-4696d703 > .box.expanded > .body
{
	max-height: none !important;
}

/* Prose */

.e-4696d703 .prose
{
	font-family: var(--ot-font-primary);
	font-size: 14px;
	line-height: 1.75;
	color: var(--ot-text-1);
}

.e-4696d703 .prose > .segment + .segment
{
	margin-top: 1.5em;
}

.e-4696d703 .prose > .segment:first-child .line:first-child > *,
.e-4696d703 .prose > .segment:first-child > *:first-child,
.e-4696d703 .prose > *:first-child
{
	margin-top: 0;
	padding-top: 0;
}

.e-4696d703 .prose > .segment:last-child .line:last-child > *,
.e-4696d703 .prose > .segment:last-child > *:last-child,
.e-4696d703 .prose > *:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ===== HEADINGS ===== */

.e-4696d703 .prose :is(h1, h2, h3, h4, h5, h6)
{
	font-family: var(--ot-font-secondary);
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
	line-height: 1.15;
}

.e-4696d703 .prose h1 { font-size: 2.25em; margin: 0 0 0.9em; }
.e-4696d703 .prose h2 { font-size: 1.5em; margin: 1em 0 0.75em; }
.e-4696d703 .prose h3 { font-size: 1.25em; margin: 1.6em 0 0.6em; }
.e-4696d703 .prose h4 { font-size: 1.1em; margin: 1.5em 0 0.5em; }

.e-4696d703 .prose :is(h1, h2, h3, h4) + :is(h1, h2, h3, h4)
{
	margin-top: 0;
}

/* ===== INLINE ===== */

.e-4696d703 .prose em
{
	font-style: italic;
	color: var(--ot-brand);
}

.e-4696d703 .prose strong
{
	font-weight: 700;
	color: var(--ot-text-1);
}

.e-4696d703 .prose del
{
	text-decoration: line-through;
	opacity: 0.6;
}

/* ===== PARAGRAPH ===== */

.e-4696d703 .prose p
{
	margin: 0 0 1.25em;
	color: var(--ot-text-2);
	line-height: 1.75;
}

.e-4696d703 .prose > p:first-child
{
	color: var(--ot-text-1);
}

/* ===== LINKS ===== */

.e-4696d703 .prose a
{
	color: var(--ot-brand);
	text-decoration: underline;
	text-decoration-color: var(--ot-brand-opacity);
	text-underline-offset: 3px;
	transition: text-decoration-color var(--ot-transition);
}

.e-4696d703 .prose a:hover
{
	text-decoration-color: var(--ot-brand);
}

/* ===== LISTS ===== */

.e-4696d703 .prose :is(ul, ol)
{
	margin: 0 0 1.25em;
	padding-left: 1.6em;
}

.e-4696d703 .prose ul { list-style: disc; }
.e-4696d703 .prose ol { list-style: decimal; }

.e-4696d703 .prose li
{
	margin: 0 0 0.5em;
	color: var(--ot-text-2);
	line-height: 1.7;
}

.e-4696d703 .prose li::marker
{
	color: var(--ot-brand);
}

.e-4696d703 .prose li:last-child
{
	margin-bottom: 0;
}

/* ===== BLOCKQUOTE ===== */

.e-4696d703 .prose blockquote
{
	margin: 1.6em 0;
	padding: 0.25em 0 0.25em 1.2em;
	border-left: 3px solid var(--ot-brand);
	font-family: var(--ot-font-secondary);
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.45;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
}

.e-4696d703 .prose blockquote p
{
	margin: 0;
	color: inherit;
}

/* ===== INLINE CODE ===== */

.e-4696d703 .prose code,
.e-4696d703 .prose code.inline
{
	font-family: ui-monospace, 'SF Mono', Menlo, monospace;
	font-size: 0.88em;
	padding: 0.15em 0.4em;
	border-radius: var(--ot-radius-s);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-brand);
}

/* ===== IMAGES ===== */

.e-4696d703 .prose img
{
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ot-radius-l);
	margin: 2em 0 0.5em;
}

.e-4696d703 .prose img + em
{
	display: block;
	font-size: 0.85em;
	font-style: italic;
	color: var(--ot-text-3);
	text-align: center;
	margin-bottom: 2em;
}

/* ===== HR ===== */

.e-4696d703 .prose hr
{
	border: none;
	height: 1px;
	background: var(--ot-bg-2-border);
	margin: 3em 0;
}

/* ===== TABLE ===== */

.e-4696d703 .prose table
{
	margin: 1.5em 0;
	width: 100%;
	border-collapse: collapse;
}

.e-4696d703 .prose th
{
	font-size: 0.85em;
	font-weight: 600;
	text-align: left;
	padding: 0.6em 1em;
	border-bottom: 2px solid var(--ot-bg-2-border);
	color: var(--ot-text-1);
}

.e-4696d703 .prose td
{
	font-size: 0.9em;
	padding: 0.6em 1em;
	border-bottom: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-2);
}

.e-4696d703 .prose tr:last-child td
{
	border-bottom: none;
}

/* ===== LINE WRAPPER ===== */

.e-4696d703 .prose > .line:empty
{
	height: var(--ot-spacing-m);
}

.e-4696d703 .prose > .line:first-child > *
{
	margin-top: 0;
	padding-top: 0;
}

.e-4696d703 .prose > .line:last-child > *
{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ===== COLLAPSIBLE ===== */

.e-4696d703 > .box.collapsible:not(.expanded) > .fade
{
	position: absolute;
	bottom: 44px;
	left: 0;
	right: 0;
	height: 80px;
	background: linear-gradient(180deg, transparent 0%, var(--ot-bg-1) 100%);
	pointer-events: none;
}

.e-4696d703 > .box.collapsible > .toggle
{
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-x);
	width: 100%;
	margin-top: var(--ot-spacing-m);
	padding-top: var(--ot-spacing-m);
	background: transparent;
	border: none;
	border-top: 1px solid var(--ot-bg-1-border);
	color: var(--ot-brand);
	font-size: var(--ot-size-s);
	font-weight: 600;
	font-family: var(--ot-font-primary);
	cursor: pointer;
	transition: color var(--ot-transition);
}

.e-4696d703 > .box.collapsible > .toggle:hover
{
	color: var(--ot-brand-hover);
}

.e-4696d703 > .box.collapsible > .toggle > i
{
	font-size: 18px;
}

/* ===== BACKGROUND ===== */

.e-4696d703 > .box.bg-1 { background: var(--ot-bg-1); padding: var(--ot-spacing-l); }
.e-4696d703 > .box.bg-2 { background: var(--ot-bg-2); padding: var(--ot-spacing-l); }
.e-4696d703 > .box.bg-3 { background: var(--ot-bg-3); padding: var(--ot-spacing-l); }
.e-4696d703 > .box.bg-4 { background: var(--ot-bg-4); padding: var(--ot-spacing-l); }

.e-4696d703 > .box.bg-1.collapsible:not(.expanded) > .fade { background: linear-gradient(180deg, transparent 0%, var(--ot-bg-1) 100%); }
.e-4696d703 > .box.bg-2.collapsible:not(.expanded) > .fade { background: linear-gradient(180deg, transparent 0%, var(--ot-bg-2) 100%); }
.e-4696d703 > .box.bg-3.collapsible:not(.expanded) > .fade { background: linear-gradient(180deg, transparent 0%, var(--ot-bg-3) 100%); }
.e-4696d703 > .box.bg-4.collapsible:not(.expanded) > .fade { background: linear-gradient(180deg, transparent 0%, var(--ot-bg-4) 100%); }

.e-4696d703 > .box.bg-1.collapsible > .toggle { border-top-color: var(--ot-bg-1-border); }
.e-4696d703 > .box.bg-2.collapsible > .toggle { border-top-color: var(--ot-bg-2-border); }
.e-4696d703 > .box.bg-3.collapsible > .toggle { border-top-color: var(--ot-bg-3-border); }
.e-4696d703 > .box.bg-4.collapsible > .toggle { border-top-color: var(--ot-bg-4-border); }

/* ===== BORDER ===== */

.e-4696d703 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-4696d703 > .box.bg-1.border { border-color: var(--ot-bg-1-border); }
.e-4696d703 > .box.bg-2.border { border-color: var(--ot-bg-2-border); }
.e-4696d703 > .box.bg-3.border { border-color: var(--ot-bg-3-border); }
.e-4696d703 > .box.bg-4.border { border-color: var(--ot-bg-4-border); }
/* ===== GLOBAL MENU ===== */

.e-4a1a1973
{
	display: contents;
}

/* Box */

.e-4a1a1973 > .box
{
	display: flex;
	flex-direction: column;
	min-width: 180px;
	padding: var(--ot-spacing-x);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	box-shadow: var(--ot-shadow-m);
	overflow: hidden;
}

/* Option */

.e-4a1a1973 > .box > .entry > .option
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-m);
	font-weight: 500;
	color: var(--ot-text-1);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition-fast), color var(--ot-transition-fast);
}

.e-4a1a1973 > .box > .entry > .option > .icon
{
	flex-shrink: 0;
	font-size: 18px;
	color: var(--ot-text-3);
	transition: color var(--ot-transition-fast);
}

.e-4a1a1973 > .box > .entry > .option > .label
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-4a1a1973 > .box > .entry > .option:hover
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-4a1a1973 > .box > .entry > .option:hover > .icon
{
	color: var(--ot-brand);
}

/* Danger */

.e-4a1a1973 > .box > .entry > .option.danger
{
	color: var(--ot-red);
}

.e-4a1a1973 > .box > .entry > .option.danger > .icon
{
	color: var(--ot-red);
}

.e-4a1a1973 > .box > .entry > .option.danger:hover
{
	background: var(--ot-red-opacity);
	color: var(--ot-red);
}

/* Separator */

.e-4a1a1973 > .box > .entry > .separator
{
	height: 1px;
	margin: var(--ot-spacing-x) 0;
	background: var(--ot-bg-2-border);
}

/* Entry wrapper */

.e-4a1a1973 > .box > .entry
{
	display: contents;
}
/* ===== GLOBAL MODAL ===== */

.e-6d286e7
{
	display: contents;
}

.e-6d286e7 > .root > .layer
{
	position: fixed;
	inset: 0;
	z-index: var(--ot-z-modal);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--ot-spacing-m);
}

.e-6d286e7 .backdrop
{
	position: absolute;
	inset: 0;
	background: var(--ot-text-1);
	opacity: 0.45;
	animation: e-modal-fade var(--ot-transition) var(--ot-ease);
}

.e-6d286e7 .panel
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: calc(100vh - 2 * var(--ot-spacing-m));
	background: var(--ot-bg-1);
	border-radius: var(--ot-radius-l);
	box-shadow: var(--ot-shadow-overlay);
	outline: none;
	animation: e-modal-in var(--ot-transition-slow) var(--ot-ease);
}

.e-6d286e7 .panel.size-s { max-width: 400px; }
.e-6d286e7 .panel.size-m { max-width: 560px; }
.e-6d286e7 .panel.size-l { max-width: 800px; }

.e-6d286e7 .header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m) var(--ot-spacing-m) 0 var(--ot-spacing-m);
}

.e-6d286e7 .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: var(--ot-text-l);
	font-weight: var(--ot-weight-medium);
	line-height: var(--ot-leading-tight);
	color: var(--ot-text-1);
}

.e-6d286e7 .close
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	margin: -8px -8px -8px 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ot-text-2);
	cursor: pointer;
	transition: background var(--ot-transition);
}

.e-6d286e7 .close:hover { background: var(--ot-bg-3); }
.e-6d286e7 .close:focus-visible { outline: none; box-shadow: var(--ot-focus); }

.e-6d286e7 .panel > .body
{
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: var(--ot-spacing-m);
	font-size: var(--ot-text-m);
	line-height: var(--ot-leading-normal);
	color: var(--ot-text-2);
}

.e-6d286e7 .footer
{
	display: flex;
	justify-content: flex-end;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-1-border);
}

@keyframes e-modal-fade
{
	from { opacity: 0; }
	to { opacity: 0.45; }
}

@keyframes e-modal-in
{
	from { opacity: 0; transform: translateY(8px) scale(0.98); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 640px)
{
	.e-6d286e7 .panel.size-l { max-width: none; }
}

@media (prefers-reduced-motion: reduce)
{
	.e-6d286e7 .backdrop,
	.e-6d286e7 .panel { animation: none; }
}
/* ===== GLOBAL NOTICE ===== */

.e-2e3de5ec
{
	display: contents;
}

/* Box */

.e-2e3de5ec > .box
{
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	width: 100%;
	padding: var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	font-family: var(--ot-font-primary);
	transition: opacity var(--ot-transition), transform var(--ot-transition);
}

/* Icon */

.e-2e3de5ec > .box > .icon
{
	flex-shrink: 0;
	font-size: 20px;
	line-height: 1.3;
	font-variation-settings: 'FILL' 1;
}

/* Body */

.e-2e3de5ec > .box > .body
{
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.e-2e3de5ec > .box > .body > .title
{
	font-size: var(--ot-size-m);
	font-weight: 600;
	line-height: 1.3;
}

.e-2e3de5ec > .box > .body > .text
{
	font-size: 12.5px;
	line-height: 1.5;
	opacity: 0.85;
}

/* Actions */

.e-2e3de5ec > .box > .actions
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	flex-shrink: 0;
}

.e-2e3de5ec > .box > .actions:empty
{
	display: none;
}

/* Close */

.e-2e3de5ec > .box > .close
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: var(--ot-radius-s);
	color: currentColor;
	cursor: pointer;
	flex-shrink: 0;
	opacity: 0.6;
	transition: background var(--ot-transition), opacity var(--ot-transition);
}

.e-2e3de5ec > .box > .close:hover
{
	opacity: 1;
	background: rgba(255, 255, 255, 0.1);
}

.e-2e3de5ec > .box > .close > i
{
	font-size: 18px;
}

/* ===== TONE: SOFT (opacity background) ===== */

.e-2e3de5ec > .box.soft.brand  { background: var(--ot-brand-opacity);  border-color: var(--ot-brand-border);  color: var(--ot-brand); }
.e-2e3de5ec > .box.soft.blue   { background: var(--ot-blue-opacity);   border-color: var(--ot-blue-border);   color: var(--ot-blue); }
.e-2e3de5ec > .box.soft.red    { background: var(--ot-red-opacity);    border-color: var(--ot-red-border);    color: var(--ot-red); }
.e-2e3de5ec > .box.soft.orange { background: var(--ot-orange-opacity); border-color: var(--ot-orange-border); color: var(--ot-orange); }
.e-2e3de5ec > .box.soft.green  { background: var(--ot-green-opacity);  border-color: var(--ot-green-border);  color: var(--ot-green); }

.e-2e3de5ec > .box.soft > .body > .title { color: inherit; }
.e-2e3de5ec > .box.soft > .body > .text  { color: var(--ot-text-1); }

/* ===== TONE: FILLED (solid background) ===== */

.e-2e3de5ec > .box.filled.brand  { background: var(--ot-brand-solid, var(--ot-brand));  border-color: var(--ot-brand-solid, var(--ot-brand));  color: var(--ot-on-solid, #fff); }
.e-2e3de5ec > .box.filled.blue   { background: var(--ot-blue);   border-color: var(--ot-blue);   color: var(--ot-on-solid, #fff); }
.e-2e3de5ec > .box.filled.red    { background: var(--ot-red);    border-color: var(--ot-red);    color: var(--ot-on-solid, #fff); }
.e-2e3de5ec > .box.filled.orange { background: var(--ot-orange); border-color: var(--ot-orange); color: var(--ot-on-solid, #fff); }
.e-2e3de5ec > .box.filled.green  { background: var(--ot-green);  border-color: var(--ot-green);  color: var(--ot-on-solid, #fff); }

.e-2e3de5ec > .box.filled > .body > .title { color: var(--ot-on-solid, #fff); }
.e-2e3de5ec > .box.filled > .body > .text  { color: #fff; opacity: 0.9; }

/* ===== TONE: ACCENT (left border bar) ===== */

.e-2e3de5ec > .box.accent
{
	border-left-width: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.e-2e3de5ec > .box.accent.brand  { background: var(--ot-brand-opacity);  border-color: transparent; border-left-color: var(--ot-brand);  color: var(--ot-brand); }
.e-2e3de5ec > .box.accent.blue   { background: var(--ot-blue-opacity);   border-color: transparent; border-left-color: var(--ot-blue);   color: var(--ot-blue); }
.e-2e3de5ec > .box.accent.red    { background: var(--ot-red-opacity);    border-color: transparent; border-left-color: var(--ot-red);    color: var(--ot-red); }
.e-2e3de5ec > .box.accent.orange { background: var(--ot-orange-opacity); border-color: transparent; border-left-color: var(--ot-orange); color: var(--ot-orange); }
.e-2e3de5ec > .box.accent.green  { background: var(--ot-green-opacity);  border-color: transparent; border-left-color: var(--ot-green);  color: var(--ot-green); }

.e-2e3de5ec > .box.accent > .body > .title { color: inherit; }
.e-2e3de5ec > .box.accent > .body > .text  { color: var(--ot-text-1); }

/* ===== BACKGROUND (neutral) ===== */

.e-2e3de5ec > .box.bg-1 { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); color: var(--ot-text-2); }
.e-2e3de5ec > .box.bg-2 { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); color: var(--ot-text-2); }
.e-2e3de5ec > .box.bg-3 { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); color: var(--ot-text-2); }
.e-2e3de5ec > .box.bg-4 { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); color: var(--ot-text-2); }

.e-2e3de5ec > .box.bg-1 > .body > .title,
.e-2e3de5ec > .box.bg-2 > .body > .title,
.e-2e3de5ec > .box.bg-3 > .body > .title,
.e-2e3de5ec > .box.bg-4 > .body > .title
{
	color: var(--ot-text-1);
}

/* ===== SIZE ===== */

.e-2e3de5ec > .box.size-s
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	gap: var(--ot-spacing-s);
}

.e-2e3de5ec > .box.size-s > .icon
{
	font-size: 17px;
}

.e-2e3de5ec > .box.size-s > .body > .title
{
	font-size: 12px;
}

.e-2e3de5ec > .box.size-s > .body > .text
{
	font-size: var(--ot-size-s);
}

.e-2e3de5ec > .box.size-s > .close
{
	width: 24px;
	height: 24px;
}

.e-2e3de5ec > .box.size-s > .close > i
{
	font-size: 15px;
}

.e-2e3de5ec > .box.size-l
{
	padding: var(--ot-spacing-l);
	gap: var(--ot-spacing-m);
}

.e-2e3de5ec > .box.size-l > .icon
{
	font-size: 24px;
}

.e-2e3de5ec > .box.size-l > .body > .title
{
	font-size: 15px;
}

.e-2e3de5ec > .box.size-l > .body > .text
{
	font-size: 13.5px;
}

.e-2e3de5ec > .box.size-l > .close
{
	width: 32px;
	height: 32px;
}

.e-2e3de5ec > .box.size-l > .close > i
{
	font-size: 20px;
}
/* ===== GLOBAL POPOVER ===== */

.e-315f211
{
	display: inline-block;
}

.e-315f211 > .box
{
	position: relative;
	display: inline-block;
}

.e-315f211 > .box > .trigger
{
	display: inline-flex;
	cursor: pointer;
}

.e-315f211 > .box > .panel
{
	position: absolute;
	display: none;
	top: calc(100% + var(--ot-spacing-s));
	z-index: var(--ot-z-popover);
	min-width: 100%;
	max-width: min(420px, calc(100vw - 2 * var(--ot-spacing-m)));
	padding: var(--ot-spacing-m);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-m);
	box-shadow: var(--ot-shadow-overlay);
	font-size: var(--ot-text-s);
	line-height: var(--ot-leading-normal);
	color: var(--ot-text-2);
	animation: e-popover-in var(--ot-transition) var(--ot-ease);
}

.e-315f211 > .box > .panel.shown { display: block; }

/* Zadata sirina sme da prelazi 420px, ali ne i ekran. */
.e-315f211 > .box > .panel.sized { max-width: calc(100vw - 2 * var(--ot-spacing-m)); }

.e-315f211 > .box > .panel.align-start { left: 0; }
.e-315f211 > .box > .panel.align-end { right: 0; }

.e-315f211 > .box > .panel.above
{
	top: auto;
	bottom: calc(100% + var(--ot-spacing-s));
}

@keyframes e-popover-in
{
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: none; }
}

/* Samo uz `sheet`: ispod 640px panel postaje donji list preko cele sirine. */

.e-315f211 > .box > .backdrop { display: none; }
.e-315f211 > .box > .panel > .head { display: none; }

@media (max-width: 640px)
{
	.e-315f211 > .box > .backdrop
	{
		position: fixed;
		inset: 0;
		z-index: calc(var(--ot-z-sheet) - 1);
		display: block;
		background: rgba(0, 0, 0, 0.45);
	}

	.e-315f211 > .box > .panel.sheeted
	{
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--ot-z-sheet);
		width: auto;
		min-width: 0;
		max-width: none;
		max-height: 92vh;
		overflow-y: auto;
		padding: 0 var(--ot-spacing-m) calc(var(--ot-spacing-m) + env(safe-area-inset-bottom));
		border: 0;
		border-radius: var(--ot-radius-l) var(--ot-radius-l) 0 0;
		animation: e-popover-up var(--ot-transition) var(--ot-ease);
	}

	.e-315f211 > .box > .panel.sheeted:focus { outline: none; }

	.e-315f211 > .box > .panel.sheeted > .head
	{
		position: sticky;
		top: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--ot-spacing-s);
		padding: var(--ot-spacing-m) 0 var(--ot-spacing-s);
		background: var(--ot-bg-1);
	}

	.e-315f211 > .box > .panel.sheeted > .head > .heading
	{
		margin: 0;
		font-size: var(--ot-text-l);
		font-weight: var(--ot-weight-medium);
		line-height: var(--ot-leading-tight);
		color: var(--ot-text-1);
	}

	.e-315f211 > .box > .panel.sheeted > .head > .x
	{
		display: flex;
		align-items: center;
		justify-content: center;
		flex: none;
		width: 44px;
		height: 44px;
		margin-right: -8px;
		border: 0;
		border-radius: 50%;
		background: transparent;
		color: var(--ot-text-2);
		cursor: pointer;
	}

	.e-315f211 > .box > .panel.sheeted > .head > .x:hover { background: var(--ot-bg-3); }
	.e-315f211 > .box > .panel.sheeted > .head > .x:focus-visible { outline: none; box-shadow: var(--ot-focus); }
}

@keyframes e-popover-up
{
	from { transform: translateY(100%); }
	to { transform: none; }
}

@media (prefers-reduced-motion: reduce)
{
	.e-315f211 > .box > .panel,
	.e-315f211 > .box > .panel.sheeted { animation: none; }
}
/* ===== GLOBAL PRICE ===== */

.e-6a6d04b
{
	display: block;
}

/* Box */

.e-6a6d04b > .box
{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 var(--ot-spacing-x);
	font-family: var(--ot-font-primary);
}

.e-6a6d04b > .box.right
{
	justify-content: flex-end;
	text-align: right;
}

/* From */

.e-6a6d04b > .box > .from
{
	flex-basis: 100%;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ot-text-3);
}

/* Amount */

.e-6a6d04b > .box > .amount
{
	font-family: var(--ot-font-secondary);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--ot-text-1);
}

.e-6a6d04b > .box.s > .amount
{
	font-size: 16px;
}

.e-6a6d04b > .box.l > .amount
{
	font-size: 28px;
}

/* Request text is a statement, not a figure */

.e-6a6d04b > .box.request > .amount
{
	font-family: var(--ot-font-primary);
	font-size: 13px;
	font-weight: 500;
	color: var(--ot-text-2);
}

/* Per */

.e-6a6d04b > .box > .per
{
	font-size: 11px;
	color: var(--ot-text-2);
}
/* ===== GLOBAL RATING ===== */

.e-344c00b1
{
	display: inline-block;
}

/* Box */

.e-344c00b1 > .box
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-family: var(--ot-font-primary);
	font-weight: 600;
	color: var(--ot-text-1);
}

.e-344c00b1 > .box.m
{
	font-size: 14px;
}

.e-344c00b1 > .box.s
{
	font-size: 12px;
}

/* Icon */

.e-344c00b1 > .box > .icon
{
	font-size: 1.15em;
	color: var(--ot-brand);
	font-variation-settings: 'FILL' 1;
}
/* ===== GLOBAL REPORT ===== */

.e-3482a448
{
	display: block;
}

.e-3482a448 > .link
{
	display: inline-flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) 0;
	background: transparent;
	border: 0;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	font: inherit;
	font-size: var(--ot-text-s);
	text-decoration: none;
	cursor: pointer;
	transition: color var(--ot-transition);
}

.e-3482a448 > .link:hover
{
	color: var(--ot-brand-ink, var(--ot-brand));
}

.e-3482a448 > .link:focus-visible
{
	outline: 2px solid var(--ot-brand);
	outline-offset: 2px;
}

.e-3482a448 > .link > i
{
	font-size: var(--ot-text-l);
}

/* Dijalog */

.e-3482a448 .form
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
}

.e-3482a448 .hint
{
	margin: 0;
	color: var(--ot-text-2);
	font-size: var(--ot-text-s);
	line-height: 1.5;
}

.e-3482a448 .problem
{
	margin: 0;
	color: var(--ot-red);
	font-size: var(--ot-text-s);
}

.e-3482a448 .thanks
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m) 0;
	text-align: center;
	color: var(--ot-text-2);
	font-size: var(--ot-text-s);
}

.e-3482a448 .thanks > i
{
	font-size: 40px;
	color: var(--ot-green);
}

.e-3482a448 .thanks > strong
{
	color: var(--ot-text-1);
	font-size: var(--ot-text-m);
}

.e-3482a448 .actions
{
	display: flex;
	justify-content: flex-end;
	gap: var(--ot-spacing-s);
}
/* ===== GLOBAL SHEET ===== */

.e-6812435
{
	display: contents;
}

.e-6812435 > .root > .layer
{
	position: fixed;
	inset: 0;
	z-index: var(--ot-z-modal);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--ot-spacing-m);
}

.e-6812435 .backdrop
{
	position: absolute;
	inset: 0;
	background: var(--ot-text-1);
	opacity: 0.45;
	animation: e-sheet-fade var(--ot-transition) var(--ot-ease);
}

.e-6812435 .panel
{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: calc(100vh - 2 * var(--ot-spacing-m));
	background: var(--ot-bg-1);
	border-radius: var(--ot-radius-l);
	box-shadow: var(--ot-shadow-overlay);
	outline: none;
	animation: e-sheet-in var(--ot-transition-slow) var(--ot-ease);
}

.e-6812435 .panel.size-s { max-width: 400px; }
.e-6812435 .panel.size-m { max-width: 560px; }
.e-6812435 .panel.size-l { max-width: 800px; }

.e-6812435 .header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m) var(--ot-spacing-m) 0 var(--ot-spacing-m);
}

.e-6812435 .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: var(--ot-text-l);
	font-weight: var(--ot-weight-medium);
	line-height: var(--ot-leading-tight);
	color: var(--ot-text-1);
}

.e-6812435 .close
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	margin: -8px -8px -8px 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ot-text-2);
	cursor: pointer;
	transition: background var(--ot-transition);
}

.e-6812435 .close:hover { background: var(--ot-bg-3); }
.e-6812435 .close:focus-visible { outline: none; box-shadow: var(--ot-focus); }

.e-6812435 .panel > .body
{
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	padding: var(--ot-spacing-m);
	font-size: var(--ot-text-m);
	line-height: var(--ot-leading-normal);
	color: var(--ot-text-2);
}

.e-6812435 .footer
{
	display: flex;
	justify-content: flex-end;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-1-border);
}

@keyframes e-sheet-fade
{
	from { opacity: 0; }
	to { opacity: 0.45; }
}

@keyframes e-sheet-in
{
	from { opacity: 0; transform: translateY(8px) scale(0.98); }
	to { opacity: 1; transform: none; }
}

.e-6812435 .grip { display: none; }

@media (max-width: 640px)
{
	.e-6812435 > .root > .layer { padding: 0; align-items: flex-end; }
	.e-6812435 .panel { max-width: none; max-height: 92vh; padding-bottom: env(safe-area-inset-bottom); border-radius: var(--ot-radius-l) var(--ot-radius-l) 0 0; animation-name: e-sheet-up; }
	.e-6812435 .grip { display: block; width: 36px; height: 4px; margin: var(--ot-spacing-s) auto 0; border-radius: 2px; background: var(--ot-bg-3-border); }
}

@keyframes e-sheet-up
{
	from { transform: translateY(100%); }
	to { transform: none; }
}

@media (prefers-reduced-motion: reduce)
{
	.e-6812435 .backdrop,
	.e-6812435 .panel { animation: none; }
}
/* ===== NAVIGATION DOCK ===== */

.e-1a845976
{
	display: contents;
}

/* Box */

.e-1a845976 > .box
{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	width: 68px;
	height: 100%;
	padding: var(--ot-spacing-s) 0;
	overflow: hidden;
}

/* Logo */

.e-1a845976 > .box > .logo
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	margin-bottom: var(--ot-spacing-s);
	transition: transform var(--ot-transition);
}

.e-1a845976 > .box > .logo:hover
{
	transform: scale(1.06);
}

.e-1a845976 > .box > .logo > img
{
	width: 22px;
	height: 22px;
	object-fit: contain;
}

/* Stack */

.e-1a845976 > .box > .stack
{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	width: 100%;
}

.e-1a845976 > .box > .stack.bottom
{
	margin-top: auto;
}

/* Separator */

.e-1a845976 .separator
{
	width: 32px;
	height: 1px;
	background: var(--ot-bg-2-border);
	margin: var(--ot-spacing-s) auto;
	flex-shrink: 0;
}

/* Group */

.e-1a845976 .group
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-x);
	flex-shrink: 0;
}

/* Item */

.e-1a845976 .item
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-2);
	text-decoration: none;
	transition: background var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-1a845976 .item:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-1a845976 .item:active
{
	transform: scale(0.94);
	transition-duration: 100ms;
}

.e-1a845976 .item > i
{
	font-size: 20px;
	font-variation-settings: 'wght' 400;
}

/* Active */

.e-1a845976 .item.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-1a845976 .item.active > i
{
	font-variation-settings: 'wght' 500;
}

.e-1a845976 .item.active::before
{
	content: '';
	position: absolute;
	left: calc(var(--ot-spacing-s) * -1);
	top: 50%;
	width: 3px;
	height: 50%;
	border-radius: 0 3px 3px 0;
	background: var(--ot-brand);
	transform: translateY(-50%);
}

/* Badge */

.e-1a845976 .item > .badge
{
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 100px;
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
	font-size: 10px;
	font-weight: 700;
	font-family: var(--ot-font-primary);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--ot-bg-2);
}

/* ===== BACKGROUND ===== */

.e-1a845976 > .box.bg-1 { background: var(--ot-bg-1); }
.e-1a845976 > .box.bg-1 .item:hover { background: var(--ot-bg-1-hover); }
.e-1a845976 > .box.bg-1 .separator { background: var(--ot-bg-1-border); }
.e-1a845976 > .box.bg-1 .item > .badge { border-color: var(--ot-bg-1); }

.e-1a845976 > .box.bg-2 { background: var(--ot-bg-2); }
.e-1a845976 > .box.bg-2 .item:hover { background: var(--ot-bg-2-hover); }
.e-1a845976 > .box.bg-2 .separator { background: var(--ot-bg-2-border); }
.e-1a845976 > .box.bg-2 .item > .badge { border-color: var(--ot-bg-2); }

.e-1a845976 > .box.bg-3 { background: var(--ot-bg-3); }
.e-1a845976 > .box.bg-3 .item:hover { background: var(--ot-bg-3-hover); }
.e-1a845976 > .box.bg-3 .separator { background: var(--ot-bg-3-border); }
.e-1a845976 > .box.bg-3 .item > .badge { border-color: var(--ot-bg-3); }

.e-1a845976 > .box.bg-4 { background: var(--ot-bg-4); }
.e-1a845976 > .box.bg-4 .item:hover { background: var(--ot-bg-4-hover); }
.e-1a845976 > .box.bg-4 .separator { background: var(--ot-bg-4-border); }
.e-1a845976 > .box.bg-4 .item > .badge { border-color: var(--ot-bg-4); }

/* ===== BORDER ===== */

.e-1a845976 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-1a845976 > .box.border-top { border-top: 1px solid var(--ot-bg-2-border); }
.e-1a845976 > .box.border-right { border-right: 1px solid var(--ot-bg-2-border); }
.e-1a845976 > .box.border-bottom { border-bottom: 1px solid var(--ot-bg-2-border); }
.e-1a845976 > .box.border-left { border-left: 1px solid var(--ot-bg-2-border); }

.e-1a845976 > .box.bg-1.border,
.e-1a845976 > .box.bg-1.border-top,
.e-1a845976 > .box.bg-1.border-right,
.e-1a845976 > .box.bg-1.border-bottom,
.e-1a845976 > .box.bg-1.border-left { border-color: var(--ot-bg-1-border); }

.e-1a845976 > .box.bg-2.border,
.e-1a845976 > .box.bg-2.border-top,
.e-1a845976 > .box.bg-2.border-right,
.e-1a845976 > .box.bg-2.border-bottom,
.e-1a845976 > .box.bg-2.border-left { border-color: var(--ot-bg-2-border); }

.e-1a845976 > .box.bg-3.border,
.e-1a845976 > .box.bg-3.border-top,
.e-1a845976 > .box.bg-3.border-right,
.e-1a845976 > .box.bg-3.border-bottom,
.e-1a845976 > .box.bg-3.border-left { border-color: var(--ot-bg-3-border); }

.e-1a845976 > .box.bg-4.border,
.e-1a845976 > .box.bg-4.border-top,
.e-1a845976 > .box.bg-4.border-right,
.e-1a845976 > .box.bg-4.border-bottom,
.e-1a845976 > .box.bg-4.border-left { border-color: var(--ot-bg-4-border); }
/* ===== NAVIGATION SIDEBAR ===== */

/* Root */

.e-210c16c7
{
	display: flex;
	flex-shrink: 0;
	height: 100%;
}

/* Box */

.e-210c16c7 > .box
{
	display: flex;
	flex-direction: column;
	width: 260px;
	height: 100%;
	overflow-y: auto;
}

/* ===== HEAD ===== */

.e-210c16c7 > .box > .head
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-x);
	flex-shrink: 0;
	padding: var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-2-border);
}

.e-210c16c7 > .box > .head > .title
{
	font-family: var(--ot-font-secondary);
	font-size: var(--ot-size-l);
	font-weight: 500;
	letter-spacing: -0.018em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
	line-height: 1.1;
}

.e-210c16c7 > .box > .head > .subtitle
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	font-family: var(--ot-font-primary);
	line-height: 1.4;
}

.e-210c16c7 > .box > .head > .version
{
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	padding: 3px 9px;
	margin-top: var(--ot-spacing-x);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	border-radius: 100px;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-family: var(--ot-font-primary);
}

/* ===== STACK ===== */

.e-210c16c7 > .box > .stack
{
	display: flex;
	flex-direction: column;
	padding: var(--ot-spacing-s);
	gap: var(--ot-spacing-x);
}

.e-210c16c7 > .box > .stack.bottom
{
	margin-top: auto;
	border-top: 1px solid var(--ot-bg-2-border);
}

/* ===== GROUP ===== */

.e-210c16c7 .group
{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.e-210c16c7 .group + .group
{
	margin-top: var(--ot-spacing-s);
}

.e-210c16c7 .group-title
{
	font-size: 10.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--ot-text-3);
	padding: var(--ot-spacing-s) var(--ot-spacing-s) var(--ot-spacing-x);
	font-family: var(--ot-font-primary);
}

/* ===== ITEM ===== */

.e-210c16c7 .item
{
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	height: var(--ot-height-m);
	padding: 0 var(--ot-spacing-s);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-2);
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-210c16c7 .item.child
{
	margin-left: calc(var(--depth) * 13px + var(--ot-spacing-s));
}

.e-210c16c7 .item.child::before
{
	content: '';
	position: absolute;
	left: calc(var(--ot-spacing-s) * -1);
	top: 0;
	bottom: 0;
	border-left: 1px solid var(--ot-bg-2-border);
}

.e-210c16c7 .item > i
{
	color: var(--ot-text-2);
	font-size: 16px;
	flex-shrink: 0;
	transition: color var(--ot-transition);
}

.e-210c16c7 .item > .label
{
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-210c16c7 .item > .chevron
{
	opacity: 0;
	font-size: 16px;
	transform: translateX(-4px);
	transition: opacity var(--ot-transition), transform var(--ot-transition);
	margin-left: auto;
}

.e-210c16c7 .item:hover
{
	background: var(--ot-bg-1);
	color: var(--ot-text-1);
}

.e-210c16c7 .item:hover > i
{
	color: var(--ot-text-1);
}

.e-210c16c7 .item:hover > .chevron
{
	opacity: 1;
	transform: translateX(0);
}

/* Active */

.e-210c16c7 .item.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-210c16c7 .item.active > i
{
	color: var(--ot-brand);
	font-variation-settings: 'FILL' 0, 'wght' 500;
}

.e-210c16c7 .item.active > .chevron
{
	opacity: 1;
	transform: translateX(0);
	color: var(--ot-brand);
}

.e-210c16c7 .item.active::after
{
	content: '';
	position: absolute;
	left: calc(var(--ot-spacing-s) * -1);
	top: 50%;
	width: 3px;
	height: 50%;
	border-radius: 0 3px 3px 0;
	background: var(--ot-brand);
	transform: translateY(-50%);
}


/* ===== BADGE ===== */

.e-210c16c7 .item > .badge
{
	min-width: 20px;
	height: 20px;
	padding: 0 7px;
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
	border-radius: 100px;
	font-size: 10px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--ot-font-primary);
	line-height: 1;
	margin-left: auto;
}

/* Count */

.e-210c16c7 .item > .count
{
	min-width: 20px;
	height: 20px;
	padding: 0 7px;
	background: var(--ot-bg-3);
	color: var(--ot-text-2);
	border-radius: 100px;
	font-size: 10.5px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--ot-font-primary);
	line-height: 1;
	margin-left: auto;
}

.e-210c16c7 .item.active > .count
{
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

/* Soon badge */

.e-210c16c7 .item > .soon-badge
{
	font-size: 9.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 3px 7px;
	background: var(--ot-bg-3);
	color: var(--ot-text-3);
	border-radius: 100px;
	font-family: var(--ot-font-primary);
	margin-left: auto;
}

/* Soon / Disabled */

.e-210c16c7 .item.soon,
.e-210c16c7 .item.disabled
{
	cursor: not-allowed;
	opacity: 0.55;
}

.e-210c16c7 .item.soon:hover,
.e-210c16c7 .item.disabled:hover
{
	background: transparent;
	color: var(--ot-text-2);
}

.e-210c16c7 .item.soon:hover > i,
.e-210c16c7 .item.disabled:hover > i
{
	color: var(--ot-text-3);
}

/* ===== FOOT ===== */

.e-210c16c7 > .box > .foot
{
	flex-shrink: 0;
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-2-border);
}

/* ===== BACKGROUND ===== */

.e-210c16c7 > .box.bg-1 { background: var(--ot-bg-1); }
.e-210c16c7 > .box.bg-1 > .head,
.e-210c16c7 > .box.bg-1 > .stack.bottom,
.e-210c16c7 > .box.bg-1 > .foot { border-color: var(--ot-bg-1-border); }
.e-210c16c7 > .box.bg-1 .item:hover { background: var(--ot-bg-1-hover); }
.e-210c16c7 > .box.bg-1 .item > .count { background: var(--ot-bg-2); }

.e-210c16c7 > .box.bg-2 { background: var(--ot-bg-2); }
.e-210c16c7 > .box.bg-2 > .head,
.e-210c16c7 > .box.bg-2 > .stack.bottom,
.e-210c16c7 > .box.bg-2 > .foot { border-color: var(--ot-bg-2-border); }
.e-210c16c7 > .box.bg-2 .item:hover { background: var(--ot-bg-2-hover); }
.e-210c16c7 > .box.bg-2 .item > .count { background: var(--ot-bg-3); }

.e-210c16c7 > .box.bg-3 { background: var(--ot-bg-3); }
.e-210c16c7 > .box.bg-3 > .head,
.e-210c16c7 > .box.bg-3 > .stack.bottom,
.e-210c16c7 > .box.bg-3 > .foot { border-color: var(--ot-bg-3-border); }
.e-210c16c7 > .box.bg-3 .item:hover { background: var(--ot-bg-3-hover); }
.e-210c16c7 > .box.bg-3 .item > .count { background: var(--ot-bg-4); }

.e-210c16c7 > .box.bg-4 { background: var(--ot-bg-4); }
.e-210c16c7 > .box.bg-4 > .head,
.e-210c16c7 > .box.bg-4 > .stack.bottom,
.e-210c16c7 > .box.bg-4 > .foot { border-color: var(--ot-bg-4-border); }
.e-210c16c7 > .box.bg-4 .item:hover { background: var(--ot-bg-4-hover); }
.e-210c16c7 > .box.bg-4 .item > .count { background: var(--ot-bg-3); }

/* ===== BORDER ===== */

.e-210c16c7 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-210c16c7 > .box.border-top { border-top: 1px solid var(--ot-bg-2-border); }
.e-210c16c7 > .box.border-right { border-right: 1px solid var(--ot-bg-2-border); }
.e-210c16c7 > .box.border-bottom { border-bottom: 1px solid var(--ot-bg-2-border); }
.e-210c16c7 > .box.border-left { border-left: 1px solid var(--ot-bg-2-border); }

.e-210c16c7 > .box.bg-1.border,
.e-210c16c7 > .box.bg-1.border-top,
.e-210c16c7 > .box.bg-1.border-right,
.e-210c16c7 > .box.bg-1.border-bottom,
.e-210c16c7 > .box.bg-1.border-left { border-color: var(--ot-bg-1-border); }

.e-210c16c7 > .box.bg-2.border,
.e-210c16c7 > .box.bg-2.border-top,
.e-210c16c7 > .box.bg-2.border-right,
.e-210c16c7 > .box.bg-2.border-bottom,
.e-210c16c7 > .box.bg-2.border-left { border-color: var(--ot-bg-2-border); }

.e-210c16c7 > .box.bg-3.border,
.e-210c16c7 > .box.bg-3.border-top,
.e-210c16c7 > .box.bg-3.border-right,
.e-210c16c7 > .box.bg-3.border-bottom,
.e-210c16c7 > .box.bg-3.border-left { border-color: var(--ot-bg-3-border); }

.e-210c16c7 > .box.bg-4.border,
.e-210c16c7 > .box.bg-4.border-top,
.e-210c16c7 > .box.bg-4.border-right,
.e-210c16c7 > .box.bg-4.border-bottom,
.e-210c16c7 > .box.bg-4.border-left { border-color: var(--ot-bg-4-border); }
/* ===== NAVIGATION STEPS ===== */

.e-36dc8444
{
	display: contents;
}

/* Box */

.e-36dc8444 > .box
{
	display: flex;
	width: 100%;
	border-radius: var(--ot-radius-l);
	overflow: hidden;
}

.e-36dc8444 > .box.vertical
{
	flex-direction: column;
}

.e-36dc8444 > .box.horizontal
{
	flex-direction: row;
	align-items: stretch;
}

/* Step */

.e-36dc8444 .step
{
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	background: transparent;
	border: none;
	text-align: left;
	font-family: var(--ot-font-primary);
	cursor: pointer;
	transition: background var(--ot-transition);
}

.e-36dc8444 > .box.vertical > .step
{
	width: 100%;
}

.e-36dc8444 > .box.horizontal > .step
{
	flex: 1;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.e-36dc8444 .step:hover:not(.disabled)
{
	background: var(--ot-bg-2-opacity);
}

/* Marker */

.e-36dc8444 .step > .marker
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	color: var(--ot-text-2);
	font-weight: 600;
	z-index: 1;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition), transform var(--ot-transition);
}

.e-36dc8444 .step > .marker > i
{
	font-variation-settings: 'wght' 500;
}

/* Text */

.e-36dc8444 .step > .text
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}

.e-36dc8444 .step > .text > .label
{
	font-weight: 600;
	color: var(--ot-text-2);
	line-height: 1.3;
	transition: color var(--ot-transition);
}

.e-36dc8444 .step > .text > .description
{
	color: var(--ot-text-3);
	line-height: 1.4;
	font-weight: 400;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* ===== STATES ===== */

/* Done */

.e-36dc8444 .step.done > .marker
{
	background: var(--ot-brand-solid, var(--ot-brand));
	border-color: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

.e-36dc8444 .step.done > .text > .label
{
	color: var(--ot-text-1);
}

/* Active */

.e-36dc8444 .step.active > .marker
{
	background: var(--ot-brand-solid, var(--ot-brand));
	border-color: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
	transform: scale(1.05);
	box-shadow: 0 0 0 4px var(--ot-brand-opacity);
}

.e-36dc8444 .step.active > .text > .label
{
	color: var(--ot-brand);
}

.e-36dc8444 .step.active > .text > .description
{
	color: var(--ot-text-2);
}

/* Disabled */

.e-36dc8444 .step.disabled
{
	cursor: not-allowed;
	opacity: 0.45;
}

.e-36dc8444 .step.disabled:hover
{
	background: transparent;
}

/* ===== CONNECTED ===== */

.e-36dc8444 > .box.vertical.connected > .step + .step::before
{
	content: '';
	position: absolute;
	width: 2px;
	background: var(--ot-bg-2-border);
	transition: background var(--ot-transition);
	z-index: 0;
}

.e-36dc8444 > .box.vertical.connected > .step.done + .step::before
{
	background: var(--ot-brand);
}

.e-36dc8444 > .box.horizontal.connected > .step + .step::before
{
	content: '';
	position: absolute;
	height: 2px;
	background: var(--ot-bg-2-border);
	transition: background var(--ot-transition);
	z-index: 0;
}

.e-36dc8444 > .box.horizontal.connected > .step.done + .step::before
{
	background: var(--ot-brand);
}

/* ===== CLEAN ===== */

.e-36dc8444 > .box.clean
{
	background: transparent !important;
	border: none !important;
	border-radius: 0;
}

/* ===== BACKGROUND ===== */

.e-36dc8444 > .box.bg-1 { background: var(--ot-bg-1); }
.e-36dc8444 > .box.bg-1 .step.upcoming > .marker { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-36dc8444 > .box.bg-1 .step:hover:not(.disabled) { background: var(--ot-bg-1-hover); }

.e-36dc8444 > .box.bg-2 { background: var(--ot-bg-2); }
.e-36dc8444 > .box.bg-2 .step.upcoming > .marker { background: var(--ot-bg-1); border-color: var(--ot-bg-2-border); }
.e-36dc8444 > .box.bg-2 .step:hover:not(.disabled) { background: var(--ot-bg-2-hover); }

.e-36dc8444 > .box.bg-3 { background: var(--ot-bg-3); }
.e-36dc8444 > .box.bg-3 .step.upcoming > .marker { background: var(--ot-bg-2); border-color: var(--ot-bg-3-border); }
.e-36dc8444 > .box.bg-3 .step:hover:not(.disabled) { background: var(--ot-bg-3-hover); }

.e-36dc8444 > .box.bg-4 { background: var(--ot-bg-4); }
.e-36dc8444 > .box.bg-4 .step.upcoming > .marker { background: var(--ot-bg-3); border-color: var(--ot-bg-4-border); }
.e-36dc8444 > .box.bg-4 .step:hover:not(.disabled) { background: var(--ot-bg-4-hover); }

/* ===== BORDER ===== */

.e-36dc8444 > .box.border { border: 1px solid var(--ot-bg-2-border); }
.e-36dc8444 > .box.border-top { border-top: 1px solid var(--ot-bg-2-border); }
.e-36dc8444 > .box.border-right { border-right: 1px solid var(--ot-bg-2-border); }
.e-36dc8444 > .box.border-bottom { border-bottom: 1px solid var(--ot-bg-2-border); }
.e-36dc8444 > .box.border-left { border-left: 1px solid var(--ot-bg-2-border); }

.e-36dc8444 > .box.bg-1.border,
.e-36dc8444 > .box.bg-1.border-top,
.e-36dc8444 > .box.bg-1.border-right,
.e-36dc8444 > .box.bg-1.border-bottom,
.e-36dc8444 > .box.bg-1.border-left { border-color: var(--ot-bg-1-border); }

.e-36dc8444 > .box.bg-2.border,
.e-36dc8444 > .box.bg-2.border-top,
.e-36dc8444 > .box.bg-2.border-right,
.e-36dc8444 > .box.bg-2.border-bottom,
.e-36dc8444 > .box.bg-2.border-left { border-color: var(--ot-bg-2-border); }

.e-36dc8444 > .box.bg-3.border,
.e-36dc8444 > .box.bg-3.border-top,
.e-36dc8444 > .box.bg-3.border-right,
.e-36dc8444 > .box.bg-3.border-bottom,
.e-36dc8444 > .box.bg-3.border-left { border-color: var(--ot-bg-3-border); }

.e-36dc8444 > .box.bg-4.border,
.e-36dc8444 > .box.bg-4.border-top,
.e-36dc8444 > .box.bg-4.border-right,
.e-36dc8444 > .box.bg-4.border-bottom,
.e-36dc8444 > .box.bg-4.border-left { border-color: var(--ot-bg-4-border); }

/* Connected line per background */

.e-36dc8444 > .box.bg-1.connected > .step + .step::before { background: var(--ot-bg-1-border); }
.e-36dc8444 > .box.bg-2.connected > .step + .step::before { background: var(--ot-bg-2-border); }
.e-36dc8444 > .box.bg-3.connected > .step + .step::before { background: var(--ot-bg-3-border); }
.e-36dc8444 > .box.bg-4.connected > .step + .step::before { background: var(--ot-bg-4-border); }

.e-36dc8444 > .box.bg-1.connected > .step.done + .step::before,
.e-36dc8444 > .box.bg-2.connected > .step.done + .step::before,
.e-36dc8444 > .box.bg-3.connected > .step.done + .step::before,
.e-36dc8444 > .box.bg-4.connected > .step.done + .step::before { background: var(--ot-brand); }

/* ===== SIZE — vertical ===== */

.e-36dc8444 > .box.vertical.size-s > .step { padding: var(--ot-spacing-s) var(--ot-spacing-m); gap: var(--ot-spacing-s); }
.e-36dc8444 > .box.vertical.size-s .step > .marker { width: 24px; height: 24px; font-size: 11px; }
.e-36dc8444 > .box.vertical.size-s .step > .marker > i { font-size: 15px; }
.e-36dc8444 > .box.vertical.size-s .step > .text > .label { font-size: 12px; }
.e-36dc8444 > .box.vertical.size-s .step > .text > .description { font-size: 10.5px; }
.e-36dc8444 > .box.vertical.size-s.connected > .step + .step::before
{
	left: calc(var(--ot-spacing-m) + 12px - 1px);
	top: calc(-1 * var(--ot-spacing-s));
	height: calc(var(--ot-spacing-s) * 2);
}

.e-36dc8444 > .box.vertical.size-m > .step { padding: var(--ot-spacing-m); gap: var(--ot-spacing-m); }
.e-36dc8444 > .box.vertical.size-m .step > .marker { width: 32px; height: 32px; font-size: 13px; }
.e-36dc8444 > .box.vertical.size-m .step > .marker > i { font-size: 18px; }
.e-36dc8444 > .box.vertical.size-m .step > .text > .label { font-size: 13px; }
.e-36dc8444 > .box.vertical.size-m .step > .text > .description { font-size: 11.5px; }
.e-36dc8444 > .box.vertical.size-m.connected > .step + .step::before
{
	left: calc(var(--ot-spacing-m) + 16px - 1px);
	top: calc(-1 * var(--ot-spacing-m));
	height: calc(var(--ot-spacing-m) * 2);
}

.e-36dc8444 > .box.vertical.size-l > .step { padding: var(--ot-spacing-l) var(--ot-spacing-m); gap: var(--ot-spacing-m); }
.e-36dc8444 > .box.vertical.size-l .step > .marker { width: 40px; height: 40px; font-size: 15px; }
.e-36dc8444 > .box.vertical.size-l .step > .marker > i { font-size: 20px; }
.e-36dc8444 > .box.vertical.size-l .step > .text > .label { font-size: 15px; }
.e-36dc8444 > .box.vertical.size-l .step > .text > .description { font-size: 13px; }
.e-36dc8444 > .box.vertical.size-l.connected > .step + .step::before
{
	left: calc(var(--ot-spacing-m) + 20px - 1px);
	top: calc(-1 * var(--ot-spacing-l));
	height: calc(var(--ot-spacing-l) * 2);
}

/* ===== SIZE — horizontal ===== */

.e-36dc8444 > .box.horizontal.size-s > .step { padding: var(--ot-spacing-s); gap: var(--ot-spacing-x); }
.e-36dc8444 > .box.horizontal.size-s .step > .marker { width: 24px; height: 24px; font-size: 11px; }
.e-36dc8444 > .box.horizontal.size-s .step > .marker > i { font-size: 15px; }
.e-36dc8444 > .box.horizontal.size-s .step > .text > .label { font-size: 12px; }
.e-36dc8444 > .box.horizontal.size-s .step > .text > .description { font-size: 10.5px; }
.e-36dc8444 > .box.horizontal.size-s.connected > .step + .step::before
{
	top: calc(var(--ot-spacing-s) + 12px - 1px);
	left: calc(-50% + 12px);
	width: calc(100% - 24px);
}

.e-36dc8444 > .box.horizontal.size-m > .step { padding: var(--ot-spacing-m); gap: var(--ot-spacing-s); }
.e-36dc8444 > .box.horizontal.size-m .step > .marker { width: 32px; height: 32px; font-size: 13px; }
.e-36dc8444 > .box.horizontal.size-m .step > .marker > i { font-size: 18px; }
.e-36dc8444 > .box.horizontal.size-m .step > .text > .label { font-size: 13px; }
.e-36dc8444 > .box.horizontal.size-m .step > .text > .description { font-size: 11.5px; }
.e-36dc8444 > .box.horizontal.size-m.connected > .step + .step::before
{
	top: calc(var(--ot-spacing-m) + 16px - 1px);
	left: calc(-50% + 16px);
	width: calc(100% - 32px);
}

.e-36dc8444 > .box.horizontal.size-l > .step { padding: var(--ot-spacing-l) var(--ot-spacing-m); gap: var(--ot-spacing-s); }
.e-36dc8444 > .box.horizontal.size-l .step > .marker { width: 40px; height: 40px; font-size: 15px; }
.e-36dc8444 > .box.horizontal.size-l .step > .marker > i { font-size: 20px; }
.e-36dc8444 > .box.horizontal.size-l .step > .text > .label { font-size: 15px; }
.e-36dc8444 > .box.horizontal.size-l .step > .text > .description { font-size: 13px; }
.e-36dc8444 > .box.horizontal.size-l.connected > .step + .step::before
{
	top: calc(var(--ot-spacing-l) + 20px - 1px);
	left: calc(-50% + 20px);
	width: calc(100% - 40px);
}
/* ===== NAVIGATION TABS ===== */

.e-1a8b6ac1
{
	display: contents;
}

/* Box */

.e-1a8b6ac1 > .box
{
	display: flex;
	flex-direction: column;
}

/* Tabs nav */

.e-1a8b6ac1 > .box > .tabs
{
	display: flex;
	align-items: center;
	overflow-x: auto;
	scrollbar-width: none;
	overflow: hidden;
}

.e-1a8b6ac1 > .box > .tabs::-webkit-scrollbar
{
	display: none;
}

/* Tab base */

.e-1a8b6ac1 .tab
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-s);
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	font-family: var(--ot-font-primary);
	font-weight: 500;
	color: var(--ot-text-2);
	user-select: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition);
}

.e-1a8b6ac1 .tab:hover:not(.disabled)
{
	color: var(--ot-text-1);
}

.e-1a8b6ac1 .tab.active
{
	color: var(--ot-text-1);
	font-weight: 600;
}

.e-1a8b6ac1 .tab.disabled
{
	cursor: not-allowed;
	opacity: 0.45;
}

/* Count badge */

.e-1a8b6ac1 .tab > .count
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	padding: 0 6px;
	background: var(--ot-bg-2);
	border-radius: 100px;
	font-size: 10.5px;
	font-weight: 600;
	color: var(--ot-text-3);
	line-height: 18px;
	font-family: var(--ot-font-primary);
}

.e-1a8b6ac1 .tab.active > .count
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

/* Content panels */

.e-1a8b6ac1 > .box > .body
{
	padding-top: var(--ot-spacing-l);
}

/* When a background or border is set, wrap the panel content in a card. */

.e-1a8b6ac1 > .box.border > .body,
.e-1a8b6ac1 > .box.bg-1 > .body,
.e-1a8b6ac1 > .box.bg-2 > .body,
.e-1a8b6ac1 > .box.bg-3 > .body,
.e-1a8b6ac1 > .box.bg-4 > .body
{
	margin-top: var(--ot-spacing-s);
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
	border-radius: var(--ot-radius-l);
}

.e-1a8b6ac1 > .box.bg-1 > .body { background: var(--ot-bg-1); }
.e-1a8b6ac1 > .box.bg-2 > .body { background: var(--ot-bg-2); }
.e-1a8b6ac1 > .box.bg-3 > .body { background: var(--ot-bg-3); }
.e-1a8b6ac1 > .box.bg-4 > .body { background: var(--ot-bg-4); }

.e-1a8b6ac1 > .box.border > .body
{
	border: 1px solid var(--ot-bg-2-border);
}

.e-1a8b6ac1 > .box > .body .panel
{
	display: none;
}

.e-1a8b6ac1 > .box > .body .panel.active
{
	display: block;
	animation: e-1a8b6ac1-fade 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes e-1a8b6ac1-fade
{
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ===== TONE: UNDERLINE ===== */

.e-1a8b6ac1 > .box.underline > .tabs
{
	gap: var(--ot-spacing-l);
}

.e-1a8b6ac1 > .box.underline > .tabs > .tab
{
	padding: 14px 0;
}

.e-1a8b6ac1 > .box.underline > .tabs > .tab.active::after
{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--ot-brand);
	border-radius: 2px 2px 0 0;
}

/* ===== TONE: PILLS ===== */

.e-1a8b6ac1 > .box.pills > .tabs
{
	gap: var(--ot-spacing-s);
}

.e-1a8b6ac1 > .box.pills > .tabs > .tab
{
	padding: 8px 16px;
	border-radius: 100px;
	background: transparent;
	border: 1px solid transparent;
}

.e-1a8b6ac1 > .box.pills > .tabs > .tab:hover:not(.disabled)
{
	background: var(--ot-bg-2);
}

.e-1a8b6ac1 > .box.pills > .tabs > .tab.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-1a8b6ac1 > .box.pills > .tabs > .tab.active > .count
{
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

/* ===== TONE: CONTAINED ===== */

.e-1a8b6ac1 > .box.contained > .tabs
{
	padding: var(--ot-spacing-x);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	gap: 2px;
}

.e-1a8b6ac1 > .box.contained > .tabs > .tab
{
	padding: 8px 14px;
	border-radius: calc(var(--ot-radius-m) - 2px);
}

.e-1a8b6ac1 > .box.contained > .tabs > .tab:hover:not(.disabled)
{
	background: var(--ot-bg-2-hover);
}

.e-1a8b6ac1 > .box.contained > .tabs > .tab.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-1a8b6ac1 > .box.contained > .tabs > .tab.active > .count
{
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

/* ===== TONE: SEGMENTED ===== */

.e-1a8b6ac1 > .box.segmented > .tabs
{
	padding: 3px;
	background: var(--ot-bg-3);
	border-radius: 100px;
	gap: 0;
	display: inline-flex;
	align-self: flex-start;
}

.e-1a8b6ac1 > .box.segmented > .tabs > .tab
{
	padding: 8px 18px;
	border-radius: 100px;
	flex: 1;
}

.e-1a8b6ac1 > .box.border.segmented > .tabs { border: 1px solid var(--ot-bg-2-border); }
.e-1a8b6ac1 > .box.bg-1.border.segmented > .tabs { border-color: var(--ot-bg-1-border); }
.e-1a8b6ac1 > .box.bg-2.border.segmented > .tabs { border-color: var(--ot-bg-2-border); }
.e-1a8b6ac1 > .box.bg-3.border.segmented > .tabs { border-color: var(--ot-bg-3-border); }
.e-1a8b6ac1 > .box.bg-4.border.segmented > .tabs { border-color: var(--ot-bg-4-border); }

.e-1a8b6ac1 > .box.segmented > .tabs > .tab:hover:not(.disabled)
{
	color: var(--ot-text-1);
}

.e-1a8b6ac1 > .box.segmented > .tabs > .tab.active
{
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

.e-1a8b6ac1 > .box.segmented > .tabs > .tab.active > .count
{
	background: var(--ot-brand-solid, var(--ot-brand));
	color: var(--ot-on-solid, #fff);
}

/* ===== BACKGROUND ===== */

/* underline / pills — bg on box */

.e-1a8b6ac1 > .box.bg-1.underline,
.e-1a8b6ac1 > .box.bg-1.pills { background: var(--ot-bg-1); padding: 0 var(--ot-spacing-m); }

.e-1a8b6ac1 > .box.bg-2.underline,
.e-1a8b6ac1 > .box.bg-2.pills { background: var(--ot-bg-2); padding: 0 var(--ot-spacing-m); }

.e-1a8b6ac1 > .box.bg-3.underline,
.e-1a8b6ac1 > .box.bg-3.pills { background: var(--ot-bg-3); padding: 0 var(--ot-spacing-m); }

.e-1a8b6ac1 > .box.bg-4.underline,
.e-1a8b6ac1 > .box.bg-4.pills { background: var(--ot-bg-4); padding: 0 var(--ot-spacing-m); }

/* contained — bg on track */

.e-1a8b6ac1 > .box.bg-1.contained > .tabs { background: var(--ot-bg-1); border-color: var(--ot-bg-1-border); }
.e-1a8b6ac1 > .box.bg-2.contained > .tabs { background: var(--ot-bg-2); border-color: var(--ot-bg-2-border); }
.e-1a8b6ac1 > .box.bg-3.contained > .tabs { background: var(--ot-bg-3); border-color: var(--ot-bg-3-border); }
.e-1a8b6ac1 > .box.bg-4.contained > .tabs { background: var(--ot-bg-4); border-color: var(--ot-bg-4-border); }

/* segmented — bg on track */

.e-1a8b6ac1 > .box.bg-1.segmented > .tabs { background: var(--ot-bg-1); }
.e-1a8b6ac1 > .box.bg-2.segmented > .tabs { background: var(--ot-bg-2); }
.e-1a8b6ac1 > .box.bg-3.segmented > .tabs { background: var(--ot-bg-3); }
.e-1a8b6ac1 > .box.bg-4.segmented > .tabs { background: var(--ot-bg-4); }

/* pills hover per bg */

.e-1a8b6ac1 > .box.bg-1.pills > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-1-hover); }
.e-1a8b6ac1 > .box.bg-2.pills > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-2-hover); }
.e-1a8b6ac1 > .box.bg-3.pills > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-3-hover); }
.e-1a8b6ac1 > .box.bg-4.pills > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-4-hover); }

/* contained hover per bg */

.e-1a8b6ac1 > .box.bg-1.contained > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-1-hover); }
.e-1a8b6ac1 > .box.bg-2.contained > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-2-hover); }
.e-1a8b6ac1 > .box.bg-3.contained > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-3-hover); }
.e-1a8b6ac1 > .box.bg-4.contained > .tabs > .tab:hover:not(.disabled) { background: var(--ot-bg-4-hover); }

/* count badge per bg */

.e-1a8b6ac1 > .box.bg-1 .tab > .count { background: var(--ot-bg-2); }
.e-1a8b6ac1 > .box.bg-2 .tab > .count { background: var(--ot-bg-3); }
.e-1a8b6ac1 > .box.bg-3 .tab > .count { background: var(--ot-bg-4); }
.e-1a8b6ac1 > .box.bg-4 .tab > .count { background: var(--ot-bg-3); }

/* ===== BORDER ===== */

.e-1a8b6ac1 > .box.border.underline,
.e-1a8b6ac1 > .box.border.pills { border-bottom: 1px solid var(--ot-bg-2-border); }

.e-1a8b6ac1 > .box.bg-1.border.underline,
.e-1a8b6ac1 > .box.bg-1.border.pills { border-bottom-color: var(--ot-bg-1-border); }

.e-1a8b6ac1 > .box.bg-2.border.underline,
.e-1a8b6ac1 > .box.bg-2.border.pills { border-bottom-color: var(--ot-bg-2-border); }

.e-1a8b6ac1 > .box.bg-3.border.underline,
.e-1a8b6ac1 > .box.bg-3.border.pills { border-bottom-color: var(--ot-bg-3-border); }

.e-1a8b6ac1 > .box.bg-4.border.underline,
.e-1a8b6ac1 > .box.bg-4.border.pills { border-bottom-color: var(--ot-bg-4-border); }

/* ===== STRETCH ===== */

.e-1a8b6ac1 > .box.stretch > .tabs
{
	width: 100%;
}

.e-1a8b6ac1 > .box.stretch.segmented > .tabs
{
	align-self: stretch;
}

.e-1a8b6ac1 > .box.stretch > .tabs > .tab
{
	flex: 1;
}

/* ===== SIZE: S ===== */

.e-1a8b6ac1 > .box.size-s .tab
{
	font-size: 12px;
}

.e-1a8b6ac1 > .box.size-s .tab > i
{
	font-size: 14px;
}

.e-1a8b6ac1 > .box.size-s .tab > .count
{
	min-width: 16px;
	font-size: 10px;
	line-height: 16px;
	padding: 0 5px;
}

.e-1a8b6ac1 > .box.size-s.underline > .tabs > .tab { padding: 10px 0; }
.e-1a8b6ac1 > .box.size-s.underline > .tabs { gap: var(--ot-spacing-m); }
.e-1a8b6ac1 > .box.size-s.pills > .tabs > .tab { padding: 6px 12px; }
.e-1a8b6ac1 > .box.size-s.contained > .tabs > .tab { padding: 6px 10px; }
.e-1a8b6ac1 > .box.size-s.segmented > .tabs > .tab { padding: 6px 14px; }

/* ===== SIZE: M ===== */

.e-1a8b6ac1 > .box.size-m .tab
{
	font-size: 13px;
}

.e-1a8b6ac1 > .box.size-m .tab > i
{
	font-size: 16px;
}

/* ===== SIZE: L ===== */

.e-1a8b6ac1 > .box.size-l .tab
{
	font-size: 14px;
}

.e-1a8b6ac1 > .box.size-l .tab > i
{
	font-size: 18px;
}

.e-1a8b6ac1 > .box.size-l .tab > .count
{
	min-width: 22px;
	font-size: 11.5px;
	line-height: 22px;
	padding: 0 8px;
}

.e-1a8b6ac1 > .box.size-l.underline > .tabs > .tab { padding: 18px 0; }
.e-1a8b6ac1 > .box.size-l.pills > .tabs > .tab { padding: 12px 22px; }
.e-1a8b6ac1 > .box.size-l.contained > .tabs > .tab { padding: 12px 18px; }
.e-1a8b6ac1 > .box.size-l.segmented > .tabs > .tab { padding: 12px 24px; }
/* ===== STATUS CODE ===== */

.e-471f3f12
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 320px;
	padding: var(--ot-spacing-l);
}

/* Box */

.e-471f3f12 > .box
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-m);
	text-align: center;
	max-width: 480px;
}

/* Code number */

.e-471f3f12 > .box > .code
{
	font-family: var(--ot-font-secondary);
	font-size: 140px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--ot-brand);
	background: linear-gradient(180deg, var(--ot-brand) 0%, var(--ot-brand-hover) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-variation-settings: 'opsz' 144;
	user-select: none;
	margin-bottom: var(--ot-spacing-s);
}

/* Title */

.e-471f3f12 > .box > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--ot-text-1);
	line-height: 1.15;
	font-variation-settings: 'opsz' 144;
}

/* Description */

.e-471f3f12 > .box > .description
{
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
}

/* ===== COLOR ===== */

.e-471f3f12 > .box.brand > .code  { background: linear-gradient(180deg, var(--ot-brand) 0%, var(--ot-brand-hover) 100%);   -webkit-background-clip: text; background-clip: text; }
.e-471f3f12 > .box.blue > .code   { background: linear-gradient(180deg, var(--ot-blue) 0%, var(--ot-blue-hover) 100%);     -webkit-background-clip: text; background-clip: text; }
.e-471f3f12 > .box.red > .code    { background: linear-gradient(180deg, var(--ot-red) 0%, var(--ot-red-hover) 100%);       -webkit-background-clip: text; background-clip: text; }
.e-471f3f12 > .box.orange > .code { background: linear-gradient(180deg, var(--ot-orange) 0%, var(--ot-orange-hover) 100%); -webkit-background-clip: text; background-clip: text; }
.e-471f3f12 > .box.green > .code  { background: linear-gradient(180deg, var(--ot-green) 0%, var(--ot-green-hover) 100%);   -webkit-background-clip: text; background-clip: text; }

/* ===== SIZE ===== */

.e-471f3f12 > .box.size-s
{
	min-height: 240px;
	padding: var(--ot-spacing-m);
}

.e-471f3f12 > .box.size-s > .code        { font-size: 96px; }
.e-471f3f12 > .box.size-s > .title       { font-size: 20px; }
.e-471f3f12 > .box.size-s > .description { font-size: var(--ot-size-m); }

.e-471f3f12 > .box.size-m > .code  { font-size: 140px; }
.e-471f3f12 > .box.size-m > .title { font-size: 26px; }

.e-471f3f12 > .box.size-l
{
	min-height: 480px;
}

.e-471f3f12 > .box.size-l > .code        { font-size: 200px; letter-spacing: -0.05em; }
.e-471f3f12 > .box.size-l > .title       { font-size: 36px; }
.e-471f3f12 > .box.size-l > .description { font-size: 16px; max-width: 560px; }
/* ===== STATUS EMPTY ===== */

.e-631be738
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 320px;
	padding: var(--ot-spacing-l);
}

/* Compact: manje mesta u kartici (omotac nema svoju klasu, pa :has) */

.e-631be738:has(> .box.compact)
{
	min-height: 0;
	padding: var(--ot-spacing-m);
}

.e-631be738 > .box.compact > .circle
{
	width: 48px;
	height: 48px;
	margin-bottom: 0;
}

.e-631be738 > .box.compact > .circle > i
{
	font-size: 24px;
}

/* Box */

.e-631be738 > .box
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-m);
	text-align: center;
	max-width: 420px;
}

/* Circle */

.e-631be738 > .box > .circle
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin-bottom: var(--ot-spacing-s);
}

.e-631be738 > .box > .circle::before
{
	content: '';
	position: absolute;
	inset: -8px;
	border-radius: 50%;
	opacity: 0.6;
}

.e-631be738 > .box > .circle > i
{
	font-size: 32px;
	font-variation-settings: 'wght' 400;
}

/* Title */

.e-631be738 > .box > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-weight: 500;
	font-size: 22px;
	letter-spacing: -0.01em;
	color: var(--ot-text-1);
	line-height: 1.2;
	font-variation-settings: 'opsz' 144;
}

/* Description */

.e-631be738 > .box > .description
{
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
}

/* ===== COLOR ===== */

.e-631be738 > .box.brand > .circle { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.e-631be738 > .box.brand > .circle::before { border: 1px dashed var(--ot-brand-opacity); }

.e-631be738 > .box.blue > .circle { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.e-631be738 > .box.blue > .circle::before { border: 1px dashed var(--ot-blue-opacity); }

.e-631be738 > .box.red > .circle { background: var(--ot-red-opacity); color: var(--ot-red); }
.e-631be738 > .box.red > .circle::before { border: 1px dashed var(--ot-red-opacity); }

.e-631be738 > .box.orange > .circle { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.e-631be738 > .box.orange > .circle::before { border: 1px dashed var(--ot-orange-opacity); }

.e-631be738 > .box.green > .circle { background: var(--ot-green-opacity); color: var(--ot-green); }
.e-631be738 > .box.green > .circle::before { border: 1px dashed var(--ot-green-opacity); }

/* ===== SIZE ===== */

.e-631be738 > .box.size-s
{
	max-width: 360px;
}

.e-631be738 > .box.size-s > .circle { width: 56px; height: 56px; }
.e-631be738 > .box.size-s > .circle > i { font-size: 26px; }
.e-631be738 > .box.size-s > .title { font-size: 18px; }
.e-631be738 > .box.size-s > .description { font-size: var(--ot-size-m); }

.e-631be738 > .box.size-l
{
	max-width: 500px;
}

.e-631be738 > .box.size-l > .circle { width: 96px; height: 96px; }
.e-631be738 > .box.size-l > .circle::before { inset: -10px; }
.e-631be738 > .box.size-l > .circle > i { font-size: 44px; }
.e-631be738 > .box.size-l > .title { font-size: 28px; }
.e-631be738 > .box.size-l > .description { font-size: 15px; }
/* ===== STATUS ERROR ===== */

.e-63199a7d
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 240px;
	padding: var(--ot-spacing-l) var(--ot-spacing-m);
}

.e-63199a7d > .box
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ot-spacing-m);
	max-width: 420px;
	text-align: center;
}

.e-63199a7d > .box > .circle
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--ot-red-opacity);
	color: var(--ot-red);
	font-size: 32px;
}

.e-63199a7d > .box > .title
{
	margin: 0;
	font-family: var(--ot-font-secondary);
	font-size: var(--ot-text-l);
	font-weight: var(--ot-weight-medium);
	line-height: var(--ot-leading-tight);
	color: var(--ot-text-1);
}

.e-63199a7d > .box > .message
{
	margin: 0;
	font-size: var(--ot-text-s);
	line-height: var(--ot-leading-normal);
	color: var(--ot-text-2);
}
/* ===== STATUS LOADING ===== */

.e-691b81f7
{
	display: contents;
}

/* Box */

.e-691b81f7 > .box
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-m);
	width: 100%;
	min-height: 320px;
	padding: var(--ot-spacing-l);
}

/* Circle */

.e-691b81f7 > .box > .circle
{
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid var(--ot-bg-3-border);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: e-691b81f7-pulse 2.4s ease-in-out infinite;
}

.e-691b81f7 > .box > .circle::before
{
	content: '';
	position: absolute;
	inset: -10px;
	border-radius: 50%;
	border: 1px dashed var(--ot-bg-3-border);
	opacity: 0.5;
	animation: e-691b81f7-pulse 2.4s ease-in-out infinite reverse;
}

.e-691b81f7 > .box > .circle > .spin
{
	font-size: 32px;
	animation: e-691b81f7-spin 0.8s linear infinite;
}

/* Text */

.e-691b81f7 > .box > .text
{
	font-size: var(--ot-size-m);
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
}

/* ===== COLOR ===== */

.e-691b81f7 > .box.brand > .circle { border-color: var(--ot-brand-opacity); }
.e-691b81f7 > .box.brand > .circle::before { border-color: var(--ot-brand-opacity); }
.e-691b81f7 > .box.brand > .circle > .spin { color: var(--ot-brand); }

.e-691b81f7 > .box.blue > .circle { border-color: var(--ot-blue-opacity); }
.e-691b81f7 > .box.blue > .circle::before { border-color: var(--ot-blue-opacity); }
.e-691b81f7 > .box.blue > .circle > .spin { color: var(--ot-blue); }

.e-691b81f7 > .box.red > .circle { border-color: var(--ot-red-opacity); }
.e-691b81f7 > .box.red > .circle::before { border-color: var(--ot-red-opacity); }
.e-691b81f7 > .box.red > .circle > .spin { color: var(--ot-red); }

.e-691b81f7 > .box.orange > .circle { border-color: var(--ot-orange-opacity); }
.e-691b81f7 > .box.orange > .circle::before { border-color: var(--ot-orange-opacity); }
.e-691b81f7 > .box.orange > .circle > .spin { color: var(--ot-orange); }

.e-691b81f7 > .box.green > .circle { border-color: var(--ot-green-opacity); }
.e-691b81f7 > .box.green > .circle::before { border-color: var(--ot-green-opacity); }
.e-691b81f7 > .box.green > .circle > .spin { color: var(--ot-green); }

/* ===== SIZE ===== */

.e-691b81f7 > .box.size-s
{
	min-height: 200px;
	padding: var(--ot-spacing-m);
}

.e-691b81f7 > .box.size-s > .circle { width: 56px; height: 56px; }
.e-691b81f7 > .box.size-s > .circle > .spin { font-size: 24px; }
.e-691b81f7 > .box.size-s > .text { font-size: var(--ot-size-s); }

.e-691b81f7 > .box.size-l
{
	min-height: 440px;
}

.e-691b81f7 > .box.size-l > .circle { width: 104px; height: 104px; }
.e-691b81f7 > .box.size-l > .circle > .spin { font-size: 44px; }
.e-691b81f7 > .box.size-l > .text { font-size: 15px; }

/* ===== AUTO ===== */

.e-691b81f7 > .box.auto
{
	min-height: auto;
}

/* ===== ANIMATIONS ===== */

@keyframes e-691b81f7-spin
{
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@keyframes e-691b81f7-pulse
{
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(1.02); }
}
/* ===== STATUS SKELETON ===== */

.e-3ad9910e
{
	display: block;
	width: 100%;
}

.e-3ad9910e > .box
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-3ad9910e .group
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-3ad9910e .group.cards
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--ot-spacing-m);
}

.e-3ad9910e > .box.list > .group
{
	gap: var(--ot-spacing-m);
}

.e-3ad9910e .line,
.e-3ad9910e .avatar,
.e-3ad9910e .image
{
	background: linear-gradient(90deg, var(--ot-bg-3) 0%, var(--ot-bg-4) 50%, var(--ot-bg-3) 100%);
	background-size: 200% 100%;
	animation: e-skeleton-shimmer 1.4s linear infinite;
}

.e-3ad9910e .line
{
	height: 14px;
	border-radius: var(--ot-radius-s);
}

.e-3ad9910e .line.short { width: 60%; }

.e-3ad9910e .avatar
{
	width: 44px;
	height: 44px;
	flex: none;
	border-radius: 50%;
}

.e-3ad9910e .image
{
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: var(--ot-radius-m);
}

.e-3ad9910e .card
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-3ad9910e .item
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
}

.e-3ad9910e .item > .lines
{
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

@keyframes e-skeleton-shimmer
{
	from { background-position: 200% 0; }
	to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce)
{
	.e-3ad9910e .line,
	.e-3ad9910e .avatar,
	.e-3ad9910e .image { animation: none; }
}
/* ===== VARIABLE BUILDER ===== */

.e-66c5db60
{
	display: contents;
}

/* Box */

.e-66c5db60 > .box
{
	display: flex;
	flex-direction: column;
	width: 70vw;
	max-width: 1000px;
	max-height: 90vh;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-l);
	overflow: hidden;
}

/* ===== HEAD ===== */

.e-66c5db60 > .box > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	border-bottom: 1px solid var(--ot-bg-1-border);
	flex-shrink: 0;
}

.e-66c5db60 > .box > .head > .head-icon
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: var(--ot-brand-opacity);
	border-radius: var(--ot-radius-s);
	color: var(--ot-brand);
	flex-shrink: 0;
}

.e-66c5db60 > .box > .head > .head-icon > i
{
	font-size: 16px;
}

.e-66c5db60 > .box > .head > .head-text
{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.e-66c5db60 > .box > .head > .head-text > .head-eyebrow
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-66c5db60 > .box > .head > .head-text > .head-title
{
	font-size: var(--ot-size-m);
	font-weight: 600;
	color: var(--ot-text-1);
}

.e-66c5db60 > .box > .head > .head-close
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--ot-height-s);
	height: var(--ot-height-s);
	padding: 0;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-2);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), color var(--ot-transition);
}

.e-66c5db60 > .box > .head > .head-close:hover
{
	background: var(--ot-bg-3);
	color: var(--ot-text-1);
}

.e-66c5db60 > .box > .head > .head-close > i
{
	font-size: 14px;
}

/* ===== BODY ===== */

.e-66c5db60 > .box > .body
{
	flex: 1;
	display: grid;
	grid-template-columns: 320px 1fr;
	min-height: 0;
	overflow: hidden;
}

/* ===== PICKER ===== */

.e-66c5db60 > .box > .body > .picker
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	background: var(--ot-bg-2);
	border-right: 1px solid var(--ot-bg-1-border);
	min-height: 0;
	overflow: hidden;
}

.e-66c5db60 > .box > .body > .picker > .picker-head
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
}

.e-66c5db60 > .box > .body > .picker > .picker-head > .picker-label
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-66c5db60 > .box > .body > .picker > .picker-head > .picker-count
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 18px;
	padding: 0 6px;
	background: var(--ot-bg-3);
	border-radius: 100px;
	font-size: 10px;
	font-weight: 700;
	color: var(--ot-text-2);
}

/* Picker search */

.e-66c5db60 > .box > .body > .picker > .picker-search
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	flex-shrink: 0;
	padding: 0 var(--ot-spacing-s);
	height: var(--ot-height-s);
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-s);
	transition: border-color var(--ot-transition);
}

.e-66c5db60 > .box > .body > .picker > .picker-search:focus-within
{
	border-color: var(--ot-brand);
}

.e-66c5db60 > .box > .body > .picker > .picker-search > i
{
	font-size: 14px;
	color: var(--ot-text-3);
	flex-shrink: 0;
}

.e-66c5db60 > .box > .body > .picker > .picker-search > input
{
	flex: 1;
	min-width: 0;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	color: var(--ot-text-1);
}

.e-66c5db60 > .box > .body > .picker > .picker-search > input::placeholder
{
	color: var(--ot-text-3);
}

/* Picker tree */

.e-66c5db60 > .box > .body > .picker > .picker-tree
{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1px;
	overflow-y: auto;
	min-height: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--ot-bg-3) transparent;
}

.e-66c5db60 > .box > .body > .picker > .picker-tree::-webkit-scrollbar
{
	width: 6px;
}

.e-66c5db60 > .box > .body > .picker > .picker-tree::-webkit-scrollbar-thumb
{
	background: var(--ot-bg-3);
	border-radius: 100px;
}

/* Node */

.e-66c5db60 .node
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	width: 100%;
	padding: 0 var(--ot-spacing-s) 0 calc(var(--ot-spacing-s) + var(--depth, 0) * 14px);
	height: 28px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	font-size: var(--ot-size-s);
	text-align: left;
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition);
}

.e-66c5db60 .node:hover
{
	background: var(--ot-bg-3);
}

.e-66c5db60 .node.active
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand-opacity);
}

/* Chevron */

.e-66c5db60 .node > .node-chevron
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	color: var(--ot-text-3);
}

.e-66c5db60 .node > .node-chevron > i
{
	font-size: 14px;
	transition: transform var(--ot-transition);
}

.e-66c5db60 .node.expandable.expanded > .node-chevron > i
{
	transform: rotate(90deg);
}

/* Key */

.e-66c5db60 .node > .node-key
{
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-s);
	font-weight: 600;
	color: var(--ot-text-1);
	flex-shrink: 0;
}

/* Preview value */

.e-66c5db60 .node > .node-preview
{
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
}

/* Type chip */

.e-66c5db60 .node > .node-type
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 2px 6px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 100px;
	background: var(--ot-bg-1);
	color: var(--ot-text-3);
}

.e-66c5db60 .node.type-object  > .node-type { background: rgba(56,189,248,0.12);  color: var(--ot-blue); }
.e-66c5db60 .node.type-array   > .node-type { background: rgba(251,146,60,0.12);  color: var(--ot-orange); }
.e-66c5db60 .node.type-string  > .node-type { background: rgba(52,211,153,0.12);  color: var(--ot-green); }
.e-66c5db60 .node.type-number  > .node-type { background: rgba(226,112,85,0.12);  color: var(--ot-brand); }
.e-66c5db60 .node.type-boolean > .node-type { background: rgba(244,63,94,0.12);   color: var(--ot-red); }
.e-66c5db60 .node.type-date    > .node-type { background: var(--ot-bg-3);          color: var(--ot-text-2); }
.e-66c5db60 .node.type-null    > .node-type { background: var(--ot-bg-3);          color: var(--ot-text-3); }

/* Empty */

.e-66c5db60 > .box > .body > .picker > .picker-tree > .picker-empty,
.e-66c5db60 > .box > .body > .picker .picker-empty
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: var(--ot-spacing-m);
	border: 1px dashed var(--ot-bg-2-border);
	border-radius: var(--ot-radius-s);
	color: var(--ot-text-3);
	font-size: var(--ot-size-s);
}

.e-66c5db60 .picker-empty > i
{
	font-size: 18px;
}

/* ===== EDITOR ===== */

.e-66c5db60 > .box > .body > .editor
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
	padding: var(--ot-spacing-m);
	overflow-y: auto;
	min-height: 0;
}

.e-66c5db60 > .box > .body > .editor > .editor-field
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-label
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-area
{
	width: 100%;
	min-height: 96px;
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	color: var(--ot-text-1);
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-m);
	line-height: 1.5;
	resize: vertical;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), box-shadow var(--ot-transition);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-area::placeholder
{
	color: var(--ot-text-3);
	font-family: var(--ot-font-primary);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-area:focus
{
	border-color: var(--ot-brand);
	box-shadow: 0 0 0 1px var(--ot-brand-opacity);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-hint
{
	font-size: var(--ot-size-s);
	color: var(--ot-text-3);
	line-height: 1.5;
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-hint > code
{
	padding: 1px 6px;
	background: var(--ot-bg-2);
	border-radius: var(--ot-radius-s);
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: 11px;
	color: var(--ot-text-2);
}

/* ===== QUICK INSERTS ===== */

.e-66c5db60 > .box > .body > .editor > .editor-quick
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ot-spacing-s);
}

.e-66c5db60 > .box > .body > .editor > .editor-quick > .editor-quick-label
{
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ot-text-3);
}

.e-66c5db60 > .box > .body > .editor > .editor-quick > .editor-quick-item
{
	display: inline-flex;
	align-items: center;
	padding: 0 var(--ot-spacing-s);
	height: 24px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-s);
	color: var(--ot-text-2);
	cursor: pointer;
	outline: none;
	transition: background var(--ot-transition), border-color var(--ot-transition), color var(--ot-transition);
}

.e-66c5db60 > .box > .body > .editor > .editor-quick > .editor-quick-item:hover
{
	background: var(--ot-brand-opacity);
	border-color: var(--ot-brand-opacity);
	color: var(--ot-brand);
}

/* ===== PREVIEW ===== */

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview
{
	display: flex;
	align-items: flex-start;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	border: 1px solid transparent;
	border-radius: var(--ot-radius-m);
	font-size: var(--ot-size-m);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview > i
{
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 2px;
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview > pre
{
	flex: 1;
	margin: 0;
	font-family: var(--ot-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--ot-size-m);
	line-height: 1.5;
	white-space: pre-wrap;
	word-break: break-word;
	color: var(--ot-text-1);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview.ok
{
	background: rgba(52,211,153,0.08);
	border-color: rgba(52,211,153,0.18);
	color: var(--ot-text-1);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview.ok > i
{
	color: var(--ot-green);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview.error
{
	background: rgba(244,63,94,0.08);
	border-color: rgba(244,63,94,0.18);
	color: var(--ot-red);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview.error > i
{
	color: var(--ot-red);
}

.e-66c5db60 > .box > .body > .editor > .editor-field > .editor-preview.empty
{
	background: var(--ot-bg-2);
	border: 1px dashed var(--ot-bg-2-border);
	color: var(--ot-text-3);
}

/* ===== FOOT ===== */

.e-66c5db60 > .box > .foot
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-1-border);
	flex-shrink: 0;
}

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

@media (max-width: 900px)
{
	.e-66c5db60 > .box
	{
		width: 95vw;
		max-height: 95vh;
	}

	.e-66c5db60 > .box > .body
	{
		grid-template-columns: 1fr;
	}

	.e-66c5db60 > .box > .body > .picker
	{
		border-right: none;
		border-bottom: 1px solid var(--ot-bg-1-border);
		max-height: 40vh;
	}
}
.videos { max-width: 640px; display: flex; flex-direction: column; gap: var(--ot-spacing-m); }
.videos .video { display: flex; flex-direction: column; gap: var(--ot-spacing-x); color: inherit; text-decoration: none; }
.videos .frame { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--ot-radius-l); overflow: hidden; background: var(--ot-bg-2); border: 1px solid var(--ot-bg-2-border); }
.videos .frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.videos .play { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--ot-red); color: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .35); transition: transform .2s ease; }
.videos .play i { font-size: 36px; }
.videos .video:hover .frame img { transform: scale(1.03); }
.videos .video:hover .play { transform: translate(-50%, -50%) scale(1.1); }
.videos .watch { display: inline-flex; align-items: center; gap: 6px; color: var(--ot-text-2); font-size: 14px; font-weight: 500; }
.videos .video:hover .watch { color: var(--ot-brand); }
.videos .watch i { font-size: 16px; }
/* Root */

.e-68d92230
{
	display: block;
	width: 100%;
	height: calc(100vh - 150px);
	min-height: 520px;
}

/* Gate */

.e-68d92230 > .gate
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 60vh;
}

/* Holder */

.e-68d92230 > .holder
{
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: var(--ot-spacing-m);
	width: 100%;
	height: 100%;
	min-height: 0;
}

.e-68d92230 > .holder > .left,
.e-68d92230 > .holder > .right
{
	min-width: 0;
	min-height: 0;
}

@media screen and (max-width: 1100px)
{
	.e-68d92230 > .holder
	{
		grid-template-columns: 320px 1fr;
	}
}

@media screen and (max-width: 800px)
{
	.e-68d92230 > .holder
	{
		grid-template-columns: 1fr;
	}
}

.e-68d92230 .compose
{
	display: flex;
	justify-content: flex-end;
	margin-bottom: var(--ot-spacing-m);
}

.e-68d92230 .picker
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
}

.e-68d92230 .list
{
	display: flex;
	flex-direction: column;
	max-height: 50vh;
	overflow-y: auto;
}

.e-68d92230 .company
{
	padding: 10px 12px;
	border: 0;
	border-radius: var(--ot-radius-s);
	background: none;
	color: var(--ot-text-1);
	font: inherit;
	font-size: var(--ot-text-s);
	text-align: left;
	cursor: pointer;
	transition: background var(--ot-transition);
}

.e-68d92230 .company:hover
{
	background: var(--ot-bg-2-hover);
}

.e-68d92230 .company:focus-visible
{
	outline: 2px solid var(--ot-brand);
	outline-offset: -2px;
}

.e-68d92230 .none
{
	margin: 0;
	padding: var(--ot-spacing-m) 0;
	color: var(--ot-text-2);
	font-size: var(--ot-text-s);
	text-align: center;
}
/* Root */

.e-1b8e8047
{
	display: block;
	width: 100%;
	height: 100%;
}

/* Holder */

.e-1b8e8047 > .holder
{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-l);
	overflow: hidden;
}

/* Head */

.e-1b8e8047 > .holder > .head
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-m);
	padding: 18px var(--ot-spacing-l);
	border-bottom: 1px solid var(--ot-bg-1-border);
	flex-shrink: 0;
}

.e-1b8e8047 > .holder > .head > .user
{
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1;
	min-width: 0;
}

.e-1b8e8047 > .holder > .head > .user > .avatar
{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--ot-bg-3);
	flex-shrink: 0;
}

.e-1b8e8047 > .holder > .head > .user > .avatar.letter
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 600;
	color: var(--ot-text-2);
}

.e-1b8e8047 > .holder > .head > .user > .info
{
	min-width: 0;
}

.e-1b8e8047 > .holder > .head > .user > .info > .name
{
	font-family: var(--ot-font-primary);
	font-size: 15px;
	font-weight: 600;
	color: var(--ot-text-1);
	margin-bottom: 2px;
}

.e-1b8e8047 > .holder > .head > .user > .info > .meta
{
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--ot-text-2);
	font-family: var(--ot-font-primary);
}

.e-1b8e8047 > .holder > .head > .user > .info > .meta > .sep
{
	color: var(--ot-text-3);
}

.e-1b8e8047 > .holder > .head > .user > .info > .meta > .verified
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--ot-green);
	font-weight: 500;
}

.e-1b8e8047 > .holder > .head > .user > .info > .meta > .verified > i
{
	font-size: 14px;
}

.e-1b8e8047 > .holder > .head > .actions
{
	display: flex;
	align-items: center;
	gap: 4px;
}

.e-1b8e8047 > .holder > .head > .actions > .icon-btn
{
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ot-text-2);
	transition: background 0.2s, color 0.2s;
	background: none;
	border: none;
	cursor: pointer;
}

.e-1b8e8047 > .holder > .head > .actions > .icon-btn:hover
{
	background: var(--ot-bg-2);
	color: var(--ot-text-1);
}

.e-1b8e8047 > .holder > .head > .actions > .icon-btn > i
{
	font-size: 18px;
}

/* Empty state */

.e-1b8e8047 > .holder > .empty
{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-l);
	text-align: center;
}

.e-1b8e8047 > .holder > .empty > .empty-icon
{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--ot-bg-2);
	border: 1px dashed var(--ot-bg-3-border);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--ot-spacing-s);
}

.e-1b8e8047 > .holder > .empty > .empty-icon > i
{
	font-size: 28px;
	color: var(--ot-text-3);
}

.e-1b8e8047 > .holder > .empty > .empty-title
{
	font-family: var(--ot-font-secondary);
	font-size: 18px;
	font-weight: 500;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
}

.e-1b8e8047 > .holder > .empty > .empty-desc
{
	font-size: 13px;
	color: var(--ot-text-2);
}

/* Messages */

.e-1b8e8047 > .holder > .messages
{
	flex: 1;
	overflow-y: auto;
	padding: var(--ot-spacing-l);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

/* Message */

.e-1b8e8047 > .holder > .messages > .message
{
	display: flex;
	gap: 12px;
	max-width: 78%;
}

.e-1b8e8047 > .holder > .messages > .message.mine
{
	margin-left: auto;
	flex-direction: row-reverse;
}

.e-1b8e8047 > .holder > .messages > .message > .msg-avatar
{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--ot-bg-3);
	flex-shrink: 0;
	margin-top: 4px;
}

.e-1b8e8047 > .holder > .messages > .message > .msg-avatar.letter
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	color: var(--ot-text-2);
}

.e-1b8e8047 > .holder > .messages > .message > .bubble-wrap
{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.e-1b8e8047 > .holder > .messages > .message.mine > .bubble-wrap
{
	align-items: flex-end;
}

.e-1b8e8047 > .holder > .messages > .message > .bubble-wrap > .bubble
{
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	padding: 12px 16px;
	border-radius: 16px 16px 16px 4px;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	white-space: pre-line;
	word-break: break-word;
}

.e-1b8e8047 > .holder > .messages > .message.mine > .bubble-wrap > .bubble
{
	background: var(--ot-ink, var(--ot-text-1));
	border-color: var(--ot-ink, var(--ot-text-1));
	color: var(--ot-on-ink, white);
	border-radius: 16px 16px 4px 16px;
}

.e-1b8e8047 > .holder > .messages > .message > .bubble-wrap > .time
{
	font-size: 10.5px;
	color: var(--ot-text-3);
	padding: 0 4px;
}

/* Composer */

.e-1b8e8047 > .holder > .composer
{
	display: flex;
	align-items: center;
	gap: var(--ot-spacing-s);
	padding: var(--ot-spacing-m) var(--ot-spacing-l);
	border-top: 1px solid var(--ot-bg-1-border);
	flex-shrink: 0;
}

.e-1b8e8047 > .holder > .composer > .input
{
	flex: 1;
	height: 44px;
	padding: 0 22px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
	font-size: 13.5px;
	color: var(--ot-text-1);
	font-family: var(--ot-font-primary);
	outline: none;
	transition: border-color 0.2s, background 0.2s;
}

.e-1b8e8047 > .holder > .composer > .input::placeholder
{
	color: var(--ot-text-3);
}

.e-1b8e8047 > .holder > .composer > .input:focus
{
	background: var(--ot-bg-1);
	border-color: var(--ot-brand);
}

.e-1b8e8047 > .holder > .composer > .send
{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--ot-brand);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: none;
	cursor: pointer;
	transition: background 0.2s, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	box-shadow: 0 4px 14px var(--ot-brand-opacity);
}

.e-1b8e8047 > .holder > .composer > .send:hover
{
	background: var(--ot-brand-hover);
	transform: scale(1.05);
}

.e-1b8e8047 > .holder > .composer > .send > i
{
	color: white;
	font-size: 20px;
}
/* Root */

.e-5641890c
{
	display: block;
	width: 100%;
	height: 100%;
}

/* Holder */

.e-5641890c > .holder
{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: var(--ot-bg-1);
	border: 1px solid var(--ot-bg-1-border);
	border-radius: var(--ot-radius-l);
	overflow: hidden;
}

/* Head */

.e-5641890c > .holder > .head
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px var(--ot-spacing-l);
	border-bottom: 1px solid var(--ot-bg-1-border);
	flex-shrink: 0;
}

.e-5641890c > .holder > .head > .title
{
	font-family: var(--ot-font-secondary);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.015em;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144;
	margin: 0;
}

.e-5641890c > .holder > .head > .count
{
	font-size: 11px;
	font-weight: 600;
	color: var(--ot-text-2);
	padding: 4px 10px;
	background: var(--ot-bg-2);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: 100px;
}

/* List */

.e-5641890c > .holder > .list
{
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

/* Thread */

.e-5641890c > .holder > .list > .thread
{
	position: relative;
	display: flex;
	gap: 14px;
	padding: 16px var(--ot-spacing-l);
	border: none;
	background: transparent;
	border-bottom: 1px solid var(--ot-bg-1-border);
	cursor: pointer;
	text-align: left;
	transition: background 0.15s cubic-bezier(0.22, 1, 0.36, 1);
	font-family: var(--ot-font-primary);
}

.e-5641890c > .holder > .list > .thread:hover
{
	background: var(--ot-bg-1-hover);
}

.e-5641890c > .holder > .list > .thread.active
{
	background: var(--ot-bg-2);
}

.e-5641890c > .holder > .list > .thread.active::before
{
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: var(--ot-brand);
}

/* Avatar */

.e-5641890c > .holder > .list > .thread > .avatar
{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: var(--ot-bg-3);
	flex-shrink: 0;
}

.e-5641890c > .holder > .list > .thread > .avatar.letter
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: var(--ot-text-2);
}

/* Body */

.e-5641890c > .holder > .list > .thread > .body
{
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.e-5641890c > .holder > .list > .thread > .body > .row
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.e-5641890c > .holder > .list > .thread > .body > .row > .name
{
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ot-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-5641890c > .holder > .list > .thread > .body > .row > .time
{
	font-size: 11px;
	color: var(--ot-text-3);
	flex-shrink: 0;
}

.e-5641890c > .holder > .list > .thread > .body > .subject
{
	font-size: 12.5px;
	font-weight: 500;
	color: var(--ot-text-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.e-5641890c > .holder > .list > .thread > .body > .preview
{
	font-size: 12px;
	color: var(--ot-text-2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
}

/* Unread dot */

.e-5641890c > .holder > .list > .thread > .dot
{
	position: absolute;
	top: 22px;
	right: var(--ot-spacing-l);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ot-brand);
}
/* Na vrlo sirokim ekranima redovi bi se razvukli do neuglednosti, pa se sirina zaustavlja na 1760px. */
.wall { display: flex; flex-direction: column; gap: var(--ot-spacing-m); width: 100%; max-width: 1760px; margin: 0 auto; }

.wall .composer { display: flex; flex-direction: column; gap: var(--ot-spacing-s); padding: var(--ot-spacing-m); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-l); }
.wall .composer-head { display: flex; align-items: center; gap: var(--ot-spacing-x); font-family: var(--ot-font-secondary); font-weight: 600; color: var(--ot-text-1); }
.wall .composer-head i { font-size: 20px; color: var(--ot-brand); }
.wall .composer-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ot-spacing-s); }
.wall .composer-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--ot-spacing-s); flex-wrap: wrap; }
.wall .composer-actions { display: flex; gap: var(--ot-spacing-x); margin-left: auto; }

.wall .files { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-x); }
.wall .file { display: flex; align-items: center; gap: var(--ot-spacing-x); padding: 4px 8px; background: var(--ot-bg-2); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-s); font-size: 13px; color: var(--ot-text-2); }
.wall .file img { width: 24px; height: 24px; object-fit: cover; border-radius: 4px; }
.wall .file-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wall .file-drop { display: flex; border: 0; background: none; cursor: pointer; color: var(--ot-text-3); padding: 0; }
.wall .file-drop:hover { color: var(--ot-red); }

.wall .chips { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-x); }
.wall .chip { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--ot-bg-1-border); background: var(--ot-bg-1); color: var(--ot-text-2); font-size: 13px; cursor: pointer; }
.wall .chip i { font-size: 16px; }
.wall .chip:hover { background: var(--ot-bg-1-hover); }
.wall .chip.is-active { background: var(--ot-brand); border-color: var(--ot-brand); color: #fff; }

.wall .feed { display: flex; flex-direction: column; border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-l); overflow: hidden; background: var(--ot-bg-1); }
.wall .post { border-bottom: 1px solid var(--ot-bg-1-border); }
.wall .post:last-child { border-bottom: 0; }
.wall .post.is-open { background: var(--ot-bg-2); }

.wall .row { display: grid; grid-template-columns: 120px minmax(180px, 1.6fr) auto 20px 74px 20px; align-items: center; gap: var(--ot-spacing-m); padding: 10px var(--ot-spacing-s); cursor: pointer; }
.wall .row:hover { background: var(--ot-bg-1-hover); }

/* Logotip se vidi ceo, bez secenja: agencije imaju i siroke i uske znakove. */
.wall .logo { display: flex; align-items: center; justify-content: center; height: 32px; overflow: hidden; }
.wall .logo img { max-width: 120px; max-height: 32px; width: auto; height: auto; object-fit: contain; }
/* Bez logotipa se ispisuje ime, u dva reda ako je dugacko — kolona je uska. */
.wall .logo .name { font-weight: 600; text-align: center; font-size: 13px; line-height: 1.2; color: var(--ot-text-1); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Uspravna crta razdvaja logotip od naslova: bez nje se znak agencije i tekst
   objave stapaju u jedan red i oko ne zna gde je kraj jednog a pocetak drugog. */
.wall .row .title { padding-left: var(--ot-spacing-m); border-left: 1px solid var(--ot-bg-1-border); color: var(--ot-text-1); font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wall .topics { display: flex; gap: 4px; flex-wrap: nowrap; overflow: hidden; }
.wall .clip i, .wall .caret i { font-size: 18px; color: var(--ot-text-3); }
.wall .row .time { color: var(--ot-text-3); font-size: 12px; text-align: right; white-space: nowrap; }

/* Mora `.post .body`, ne samo `.body`: i dugme ima unutrasnji `span.body`, pa je
   ovo pravilo njemu slagalo ikonicu i tekst jedno ispod drugog i guralo ih van okvira. */
.wall .post .body { display: flex; flex-direction: column; gap: var(--ot-spacing-s); padding: 0 var(--ot-spacing-s) var(--ot-spacing-m) 136px; }

.wall .post .text { display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.wall .post .text p { margin: 0; white-space: pre-line; line-height: 1.6; color: var(--ot-text-1); }

.wall .post .plain { display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.wall .post .rich { line-height: 1.6; color: var(--ot-text-1); overflow-wrap: anywhere; }
.wall .post .rich > * { margin: 0 0 var(--ot-spacing-s); }
.wall .post .rich > :last-child { margin-bottom: 0; }
.wall .post .rich h2, .wall .post .rich h3, .wall .post .rich h4 { font-family: var(--ot-font-primary); line-height: 1.3; }
.wall .post .rich ul, .wall .post .rich ol { padding-left: var(--ot-spacing-l); }
.wall .post .rich blockquote { padding-left: var(--ot-spacing-m); border-left: 3px solid var(--ot-bg-1-border); color: var(--ot-text-2); }
.wall .post .rich a { color: var(--ot-brand); text-decoration: underline; }
.wall .post .rich hr { border: 0; border-top: 1px solid var(--ot-bg-1-border); }

.wall .badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.wall .badge i { font-size: 14px; }
.wall .badge.brand { background: var(--ot-brand-opacity); color: var(--ot-brand); }
.wall .badge.blue { background: var(--ot-blue-opacity); color: var(--ot-blue); }
.wall .badge.green { background: var(--ot-green-opacity); color: var(--ot-green); }
.wall .badge.orange { background: var(--ot-orange-opacity); color: var(--ot-orange); }
.wall .badge.red { background: var(--ot-red-opacity); color: var(--ot-red); }

.wall .attachments { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-x); }
.wall .attachment { display: inline-flex; align-items: center; }
.wall .attachment .preview { display: inline-flex; padding: 0; border: 0; background: none; cursor: pointer; }
.wall .attachment img { width: 120px; height: 90px; object-fit: cover; border-radius: var(--ot-radius-s); border: 1px solid var(--ot-bg-2-border); }

/* Preuzimanje je zasebno dugme, ne ceo prilog: klik na sliku otvara pregled, a
   dokument se cuva - jedan link bi morao da bude ili jedno ili drugo. */
.wall .attachment .get { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; background: var(--ot-bg-2); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-s); color: var(--ot-text-2); font-family: inherit; font-size: 13px; cursor: pointer; }
.wall .attachment .get i { font-size: 18px; }
.wall .attachment .get:hover { background: var(--ot-bg-2-hover); color: var(--ot-text-1); }
.wall .attachment .get-name { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Uz sliku dugme stoji u njenom donjem uglu, pa mreza priloga ostaje mirna. */
.wall .attachment.is-image { position: relative; }
.wall .attachment.is-image .get { position: absolute; right: 6px; bottom: 6px; padding: 5px; border-radius: 999px; background: var(--ot-bg-1); opacity: 0.92; }
.wall .attachment.is-image .get:hover { opacity: 1; }

.wall .post footer { display: flex; gap: var(--ot-spacing-s); padding-top: var(--ot-spacing-x); border-top: 1px solid var(--ot-bg-1-border); }
.wall .post footer button { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; padding: 0; cursor: pointer; color: var(--ot-text-3); font-size: 13px; }
.wall .post footer button i { font-size: 16px; }
.wall .post footer button:hover { color: var(--ot-text-1); }
.wall .post footer button.danger:hover { color: var(--ot-red); }

.wall .empty { display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-l); color: var(--ot-text-3); }
.wall .empty i { font-size: 32px; }
.wall .more { display: flex; justify-content: center; }

@media (max-width: 1100px)
{
	.wall .row { grid-template-columns: 1fr 20px 20px; grid-template-areas: 'logo clip caret' 'title title title' 'topics topics topics'; row-gap: 6px; }
	.wall .logo { grid-area: logo; justify-content: flex-start; }
	.wall .logo .name { text-align: left; }
	.wall .row .title { grid-area: title; white-space: normal; padding-left: 0; border-left: 0; }
	.wall .topics { grid-area: topics; flex-wrap: wrap; }
	.wall .clip { grid-area: clip; }
	.wall .caret { grid-area: caret; }
	.wall .row .time { display: none; }
	.wall .post .body { padding-left: var(--ot-spacing-s); }
}

@media (max-width: 700px) { .wall .composer-row { grid-template-columns: 1fr; } }
.apply { max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.apply-head { display: flex; gap: var(--ot-spacing-s); align-items: flex-start; margin-bottom: var(--ot-spacing-x); }
.apply-head i { font-size: 28px; color: var(--ot-brand); }
.apply-head h2 { margin: 0; font-family: var(--ot-font-secondary); font-size: 22px; color: var(--ot-text-1); }
.apply-head p { margin: 4px 0 0; color: var(--ot-text-3); font-size: 14px; }
.apply-form { display: flex; flex-direction: column; gap: var(--ot-spacing-s); padding: var(--ot-spacing-m); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-l); }
.apply-state { display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-l); text-align: center; color: var(--ot-text-3); }
.apply-state i { font-size: 40px; }
.apply-state h2 { margin: 0; font-size: 20px; color: var(--ot-text-1); }
.apply-state p { margin: 0; font-size: 14px; }
.apply-state.error i { color: var(--ot-red); }
.apply-state.ok i { color: var(--ot-green); }
.product { display: flex; flex-direction: column; gap: var(--ot-spacing-m); }
.product-state { display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-s); padding: var(--ot-spacing-l); color: var(--ot-text-3); }
.product-state i { font-size: 40px; }

.product-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--ot-spacing-l); align-items: start; }

.product-media { display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.product-main { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: var(--ot-bg-2); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); overflow: hidden; }
.product-main img { width: 100%; height: 100%; object-fit: cover; }
.product-main i { font-size: 48px; color: var(--ot-text-3); }
.product-thumbs { display: flex; gap: var(--ot-spacing-x); flex-wrap: wrap; }
.product-thumbs .thumb { width: 72px; height: 56px; padding: 0; border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-s); overflow: hidden; background: none; cursor: pointer; }
.product-thumbs .thumb.is-active { border-color: var(--ot-brand); }
.product-thumbs .thumb img { width: 100%; height: 100%; object-fit: cover; }

.product-info { display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.product-info .back { display: inline-flex; align-items: center; gap: 4px; color: var(--ot-text-3); text-decoration: none; font-size: 13px; }
.product-info .back:hover { color: var(--ot-text-1); }
.product-info .back i { font-size: 16px; }
.product-info h1 { margin: 0; font-family: var(--ot-font-secondary); font-size: 28px; color: var(--ot-text-1); }
.product-info .price { display: flex; align-items: baseline; gap: var(--ot-spacing-x); }
.product-info .now { font-size: 22px; font-weight: 700; color: var(--ot-text-1); }
.product-info .was { color: var(--ot-text-3); text-decoration: line-through; }
.product-info .summary { margin: 0; color: var(--ot-text-2); line-height: 1.6; }

.product .variant { display: flex; flex-direction: column; gap: 6px; }
.product .variant-name { color: var(--ot-text-3); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.product .options { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-x); }
.product .option { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--ot-bg-1-border); background: var(--ot-bg-1); color: var(--ot-text-2); font-size: 13px; cursor: pointer; }
.product .option:hover { background: var(--ot-bg-1-hover); }
.product .option.is-active { background: var(--ot-brand); border-color: var(--ot-brand); color: #fff; }

.product .buy { display: flex; align-items: center; gap: var(--ot-spacing-s); margin-top: var(--ot-spacing-x); }
.product .qty { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid var(--ot-bg-1-border); border-radius: 999px; }
.product .qty button { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; border: 0; background: var(--ot-bg-2); cursor: pointer; color: var(--ot-text-2); }
.product .qty i { font-size: 15px; }

.product .added { display: flex; align-items: center; gap: var(--ot-spacing-x); padding: 10px var(--ot-spacing-s); border-radius: var(--ot-radius-m); background: var(--ot-green-opacity); color: var(--ot-green); font-size: 14px; }
.product .added a { color: inherit; font-weight: 600; }

.product .content { margin-top: var(--ot-spacing-s); padding-top: var(--ot-spacing-s); border-top: 1px solid var(--ot-bg-1-border); color: var(--ot-text-2); line-height: 1.7; }

@media (max-width: 900px) { .product-body { grid-template-columns: 1fr; } }
.store { display: flex; flex-direction: column; gap: var(--ot-spacing-m); position: relative; }

.store-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ot-spacing-m); }
.store-head h2 { margin: 0; font-family: var(--ot-font-secondary); font-size: 24px; color: var(--ot-text-1); }
.store-head p { margin: 4px 0 0; color: var(--ot-text-3); font-size: 14px; }

.store .basket-open { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ot-bg-1-border); background: var(--ot-bg-1); cursor: pointer; color: var(--ot-text-1); }
.store .basket-open:hover { background: var(--ot-bg-1-hover); }
.store .basket-open .count { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: var(--ot-brand); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

.store .chips { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-x); }
.store .chip { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--ot-bg-1-border); background: var(--ot-bg-1); color: var(--ot-text-2); font-size: 13px; cursor: pointer; }
.store .chip i { font-size: 16px; }
.store .chip:hover { background: var(--ot-bg-1-hover); }
.store .chip.is-active { background: var(--ot-brand); border-color: var(--ot-brand); color: #fff; }

.store .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--ot-spacing-m); }
.store .card { display: flex; flex-direction: column; gap: var(--ot-spacing-x); padding: var(--ot-spacing-s); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-l); }
.store .card h3 a { color: inherit; text-decoration: none; }
.store .card h3 a:hover { color: var(--ot-brand); }
.store .thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; border-radius: var(--ot-radius-m); background: var(--ot-bg-2); overflow: hidden; }
.store .thumb img { width: 100%; height: 100%; object-fit: cover; }
.store .thumb i { font-size: 32px; color: var(--ot-text-3); }
.store .card h3 { margin: 0; font-size: 15px; color: var(--ot-text-1); }
.store .summary { margin: 0; color: var(--ot-text-3); font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.store .price { display: flex; align-items: baseline; gap: var(--ot-spacing-x); margin-top: auto; }
.store .now { font-weight: 700; color: var(--ot-text-1); }
.store .was { color: var(--ot-text-3); font-size: 13px; text-decoration: line-through; }

.store .basket { position: fixed; top: 0; right: 0; bottom: 0; width: 380px; max-width: 100%; z-index: 40; display: flex; flex-direction: column; background: var(--ot-bg-1); border-left: 1px solid var(--ot-bg-1-border); box-shadow: -8px 0 24px rgba(0, 0, 0, .08); }
.store .basket-head { display: flex; align-items: center; justify-content: space-between; padding: var(--ot-spacing-s); border-bottom: 1px solid var(--ot-bg-1-border); font-weight: 600; color: var(--ot-text-1); }
.store .basket-head button { border: 0; background: none; cursor: pointer; color: var(--ot-text-3); display: flex; }
.store .basket-body { display: flex; flex-direction: column; gap: var(--ot-spacing-s); padding: var(--ot-spacing-s); overflow-y: auto; }

.store .line { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: var(--ot-spacing-x); }
.store .line-name { font-size: 14px; color: var(--ot-text-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store .qty { display: inline-flex; align-items: center; gap: 6px; }
.store .qty button { display: flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--ot-bg-1-border); background: var(--ot-bg-1); cursor: pointer; color: var(--ot-text-2); }
.store .qty i { font-size: 14px; }
.store .line-price { font-size: 14px; color: var(--ot-text-1); white-space: nowrap; }

.store .sum { display: flex; align-items: center; justify-content: space-between; padding-top: var(--ot-spacing-x); border-top: 1px solid var(--ot-bg-1-border); color: var(--ot-text-2); }
.store .sum strong { font-size: 18px; color: var(--ot-text-1); }
.store .form { display: flex; flex-direction: column; gap: var(--ot-spacing-x); }
.store .form .note { margin: 0; color: var(--ot-text-3); font-size: 12px; }

.store .done { display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-l) var(--ot-spacing-s); text-align: center; }
.store .done i { font-size: 40px; color: var(--ot-green); }
.store .done h3 { margin: 0; font-size: 18px; color: var(--ot-text-1); }
.store .done p { margin: 0; color: var(--ot-text-3); font-size: 14px; }

.store .empty { display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-l); color: var(--ot-text-3); }
.store .empty i { font-size: 32px; }
.store .more { display: flex; justify-content: center; }
/* Rezervacija sa polja u cenovniku. Boje idu iz teme, jer ista forma stoji na
   svim sajtovima koji tu ponudu prodaju. */

.ot-pricelist-cell.bookable
{
	cursor: pointer;
	position: relative;
}

.ot-pricelist-cell.bookable:hover,
.ot-pricelist-cell.bookable:focus-visible
{
	background: var(--ot-brand-opacity);
	outline: none;
}

.ot-pricelist-cell .book
{
	display: none;
	margin-top: 2px;
	color: var(--ot-brand);
	font-size: 11px;
	font-weight: 600;
}

.ot-pricelist-cell.bookable:hover .book,
.ot-pricelist-cell.bookable:focus-visible .book
{
	display: block;
}

.ot-booking
{
	position: fixed;
	inset: 0;
	z-index: 9000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.45);
}

.ot-booking-box
{
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: 90vh;
	overflow-y: auto;
	padding: 24px;
	border-radius: var(--ot-radius-l, 12px);
	background: var(--ot-bg-1, #fff);
	color: var(--ot-text-1, #111);
}

.ot-booking-box h3
{
	margin: 0 0 12px;
	font-size: 20px;
}

.ot-booking-close
{
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	background: var(--ot-bg-2, #f2f2f2);
	color: var(--ot-text-2, #444);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.ot-booking-pick
{
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0 0 16px;
	padding: 12px;
	border-radius: var(--ot-radius-m, 8px);
	background: var(--ot-bg-2, #f7f7f7);
	font-size: 14px;
}

.ot-booking-price
{
	color: var(--ot-brand, #e06c00);
	font-weight: 700;
}

.ot-booking-form
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ot-booking-form label
{
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	color: var(--ot-text-2, #444);
}

.ot-booking-form input,
.ot-booking-form textarea
{
	padding: 10px 12px;
	border: 1px solid var(--ot-bg-3-border, #ddd);
	border-radius: var(--ot-radius-s, 6px);
	background: var(--ot-bg-1, #fff);
	color: var(--ot-text-1, #111);
	font-family: inherit;
	font-size: 14px;
}

.ot-booking-note
{
	margin: 0;
	color: var(--ot-text-3, #777);
	font-size: 12px;
}

.ot-booking-error
{
	margin: 0;
	color: var(--ot-red, #c00);
	font-size: 13px;
}

.ot-booking-send
{
	margin-top: 4px;
	padding: 12px 16px;
	border: 0;
	border-radius: var(--ot-radius-m, 8px);
	background: var(--ot-brand, #e06c00);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

.ot-booking-send[disabled]
{
	opacity: 0.6;
	cursor: default;
}

.ot-booking-done
{
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.5;
}
.lookup { display: flex; flex-direction: column; gap: var(--ot-spacing-m); }
.lookup-head { display: flex; gap: var(--ot-spacing-s); align-items: flex-start; }
.lookup-head i { font-size: 28px; color: var(--ot-brand); }
.lookup-head h2 { margin: 0; font-family: var(--ot-font-secondary); font-size: 20px; color: var(--ot-text-1); }
.lookup-head p { margin: 4px 0 0; color: var(--ot-text-3); font-size: 14px; }
.lookup-form { display: grid; grid-template-columns: 1fr auto; gap: var(--ot-spacing-s); align-items: center; }
.lookup-error { display: flex; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-s); border-radius: var(--ot-radius-m); background: var(--ot-red-opacity); color: var(--ot-red); font-size: 14px; }
.lookup-card { display: flex; flex-direction: column; gap: var(--ot-spacing-s); padding: var(--ot-spacing-m); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-l); }
.lookup-title { display: flex; align-items: center; gap: var(--ot-spacing-s); flex-wrap: wrap; }
.lookup-code { padding: 4px 10px; border-radius: 999px; background: var(--ot-brand-opacity); color: var(--ot-brand); font-weight: 600; font-size: 13px; }
.lookup-title h3 { margin: 0; font-family: var(--ot-font-secondary); font-size: 18px; color: var(--ot-text-1); }
.lookup-meta { display: flex; gap: var(--ot-spacing-m); color: var(--ot-text-3); font-size: 13px; }
.lookup-meta span { display: inline-flex; align-items: center; gap: 4px; }
.lookup-meta i { font-size: 16px; }
.lookup-links { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ot-spacing-s); padding-top: var(--ot-spacing-x); border-top: 1px solid var(--ot-bg-1-border); }
.lookup-group { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lookup-label { color: var(--ot-text-3); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.lookup-link { display: inline-flex; align-items: center; gap: 6px; color: var(--ot-brand); text-decoration: none; font-size: 14px; word-break: break-all; }
.lookup-link:hover { text-decoration: underline; }
.lookup-link i { font-size: 16px; }
.lookup-none { color: var(--ot-text-3); font-size: 13px; }
@media (max-width: 700px) { .lookup-links { grid-template-columns: 1fr; } }
.e-12f28f11 .holder { padding: var(--ot-spacing-l) var(--ot-spacing-m); max-width: 1440px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--ot-spacing-m); }

.e-12f28f11 .head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--ot-spacing-m); }
.e-12f28f11 .head h1 { margin: 0 0 2px; font-size: 1.6rem; color: var(--ot-text-1); }
.e-12f28f11 .head p { margin: 0; color: var(--ot-text-2); font-size: .9rem; }
.e-12f28f11 .count { color: var(--ot-text-3); font-size: .85rem; white-space: nowrap; }

.e-12f28f11 .filters { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: var(--ot-spacing-s); align-items: center; padding: var(--ot-spacing-s); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); }

.e-12f28f11 .state { padding: calc(var(--ot-spacing-l) * 1.5); text-align: center; color: var(--ot-text-2); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); }

.e-12f28f11 .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--ot-spacing-m); }
.e-12f28f11 .card { display: flex; flex-direction: column; background: var(--ot-bg-1); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); overflow: hidden; transition: .15s; }
.e-12f28f11 .card:hover { border-color: var(--ot-brand); box-shadow: 0 10px 26px rgba(0, 0, 0, .08); }

.e-12f28f11 .cover { position: relative; aspect-ratio: 4 / 3; flex: 0 0 auto; background: var(--ot-bg-3); overflow: hidden; }
.e-12f28f11 .cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.e-12f28f11 .no-cover { height: 100%; display: flex; align-items: center; justify-content: center; color: var(--ot-text-3); font-size: .8rem; }
.e-12f28f11 .organizer { position: absolute; left: 10px; bottom: 10px; padding: 5px 8px; background: #fff; border-radius: var(--ot-radius-s); box-shadow: 0 4px 12px rgba(0, 0, 0, .14); display: flex; align-items: center; }
.e-12f28f11 .organizer img { height: 20px; max-width: 96px; object-fit: contain; display: block; }
.e-12f28f11 .organizer.text { font-size: .75rem; font-weight: 600; color: #151c4d; }

.e-12f28f11 .body { padding: var(--ot-spacing-s) var(--ot-spacing-m) 0; flex: 1; }
.e-12f28f11 .meta { display: flex; align-items: center; justify-content: space-between; gap: var(--ot-spacing-x); }
.e-12f28f11 .code { font-size: .74rem; font-weight: 700; letter-spacing: .04em; color: var(--ot-brand); }
.e-12f28f11 .stars { font-size: .78rem; color: var(--ot-orange); }
.e-12f28f11 .body h2 { margin: 4px 0 0; font-size: 1rem; line-height: 1.3; color: var(--ot-text-1); }
.e-12f28f11 .duration { margin-top: 4px; font-size: .8rem; color: var(--ot-text-2); }
.e-12f28f11 .company { margin-top: 2px; font-size: .78rem; color: var(--ot-text-3); }

.e-12f28f11 .actions { display: flex; align-items: center; justify-content: space-between; gap: var(--ot-spacing-x); margin-top: auto; padding: var(--ot-spacing-s) var(--ot-spacing-m) var(--ot-spacing-m); }
.e-12f28f11 .link { font-size: .78rem; color: var(--ot-text-2); text-decoration: underline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.e-12f28f11 .more { display: flex; justify-content: center; padding: var(--ot-spacing-s) 0 var(--ot-spacing-l); }

@media (max-width: 1100px) {
	.e-12f28f11 .filters { grid-template-columns: 1fr 1fr; }
}
.inquiry-data { display: flex; flex-direction: column; border: 1px solid var(--ot-bg-1-border); border-radius: var(--ot-radius-m); overflow: hidden; }
.inquiry-data .inquiry-row { display: grid; grid-template-columns: 200px 1fr; gap: var(--ot-spacing-s); padding: 10px var(--ot-spacing-s); border-bottom: 1px solid var(--ot-bg-1-border); }
.inquiry-data .inquiry-row:last-child { border-bottom: 0; }
.inquiry-data .inquiry-row:nth-child(odd) { background: var(--ot-bg-2); }
.inquiry-data .inquiry-label { color: var(--ot-text-3); font-size: 13px; }
.inquiry-data .inquiry-value { color: var(--ot-text-1); font-size: 14px; word-break: break-word; }
a.inquiry-value { color: var(--ot-brand); text-decoration: none; }
a.inquiry-value:hover { text-decoration: underline; }
.inquiry-data .inquiry-empty { display: flex; align-items: center; gap: var(--ot-spacing-x); padding: var(--ot-spacing-m); color: var(--ot-text-3); font-size: 14px; }
.inquiry-data .inquiry-empty i { font-size: 20px; }
@media (max-width: 700px) { .inquiry-data .inquiry-row { grid-template-columns: 1fr; gap: 2px; } }

.inquiry-data .inquiry-tours
{
	margin-bottom: var(--ot-spacing-m);
	border: 1px solid var(--ot-bg-2-border);
	border-radius: var(--ot-radius-m);
	overflow: hidden;
}

.inquiry-data .inquiry-tours-head
{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px var(--ot-spacing-m);
	background: var(--ot-bg-2);
	font-weight: 600;
	font-size: 13px;
}

.inquiry-data .inquiry-tours-head i
{
	font-size: 18px;
	color: var(--ot-brand);
}

.inquiry-data .inquiry-tours-count
{
	margin-left: auto;
	padding: 2px 8px;
	border-radius: var(--ot-radius-s);
	background: var(--ot-brand-opacity);
	color: var(--ot-brand);
	font-size: 12px;
}

.inquiry-data .inquiry-tour
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px var(--ot-spacing-m);
	border-top: 1px solid var(--ot-bg-2-border);
}

.inquiry-data .inquiry-tour-no
{
	flex: 0 0 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ot-bg-2);
	color: var(--ot-text-2);
	font-size: 12px;
}

.inquiry-data .inquiry-tour-name
{
	color: var(--ot-text-1);
	text-decoration: none;
	font-size: 14px;
}

.inquiry-data a.inquiry-tour-name:hover
{
	color: var(--ot-brand);
	text-decoration: underline;
}
/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-54973093 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-54973093 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-54973093 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-54973093 *, .e-54973093 *::before, .e-54973093 *::after { box-sizing: border-box; }
.e-54973093 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-54973093 a { text-decoration: none; color: inherit; }
.e-54973093 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-54973093 button { font: inherit; }
.e-54973093 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-54973093 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-54973093 .btn:hover { background: #062d59; color: #fff; }
.e-54973093 .btn.solid { background: #062d59; color: #fff; }

.e-54973093 .box { padding: 22px 22px 20px; border: 1px solid #e3e8ec; border-radius: 4px; background: #fff; }
.e-54973093 .head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #e3e8ec; }
.e-54973093 .head > i { font-size: 24px; color: #be985a; }
.e-54973093 .head h3 { flex: 1; font-size: 20px; font-weight: 500; }
.e-54973093 .count { min-width: 26px; padding: 2px 8px; border-radius: 4px; background: #f3f6f9; text-align: center; font-size: 13px; font-weight: 700; color: #062d59; }
.e-54973093 ul { display: grid; grid-template-columns: repeat(var(--columns, 4), minmax(0, 1fr)); gap: 12px 14px; margin: 0; padding: 0; list-style: none; }
.e-54973093 li { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; line-height: 1.35; color: #5f6b76; }
.e-54973093 li i { flex: 0 0 auto; font-size: 20px; color: #be985a; }
.e-54973093 li span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 700px) { .e-54973093 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .e-54973093 .box { padding: 18px 16px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-3a80c598 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-3a80c598 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-3a80c598 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-3a80c598 *, .e-3a80c598 *::before, .e-3a80c598 *::after { box-sizing: border-box; }
.e-3a80c598 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-3a80c598 a { text-decoration: none; color: inherit; }
.e-3a80c598 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-3a80c598 button { font: inherit; }
.e-3a80c598 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-3a80c598 .more { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-3a80c598 .more:hover { background: #062d59; color: #fff; }
.e-3a80c598 .more.solid { background: #062d59; color: #fff; }

.e-3a80c598 .list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.e-3a80c598 .attraction { display: flex; flex-direction: column; border: 1px solid #e3e8ec; border-radius: 4px; background: #fff; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; }
.e-3a80c598 .attraction:hover { border-color: #be985a; box-shadow: 0 10px 28px rgba(6, 45, 89, 0.08); }
.e-3a80c598 .photo { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #f3f6f9; }
.e-3a80c598 .photo .empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 44px; color: #e3e8ec; }
.e-3a80c598 .badge { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 4px; background: #fff; font-size: 12px; font-weight: 700; color: #062d59; }
.e-3a80c598 .badge i { font-size: 16px; color: #be985a; }
.e-3a80c598 .info { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 8px; padding: 20px 22px 22px; }
.e-3a80c598 .info h3 { font-size: 21px; line-height: 1.25; font-weight: 500; }
.e-3a80c598 .city { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: #0b3f78; }
.e-3a80c598 .city i { font-size: 18px; color: #be985a; }
.e-3a80c598 .info p { margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.65; }
.e-3a80c598 .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: auto; padding-top: 8px; }
.e-3a80c598 .more { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 14px; }
.e-3a80c598 .more i { font-size: 18px; }
.e-3a80c598 .more:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
@media (max-width: 700px) { .e-3a80c598 .list { grid-template-columns: 1fr; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-8ccceb3 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-8ccceb3 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-8ccceb3 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-8ccceb3 *, .e-8ccceb3 *::before, .e-8ccceb3 *::after { box-sizing: border-box; }
.e-8ccceb3 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-8ccceb3 a { text-decoration: none; color: inherit; }
.e-8ccceb3 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-8ccceb3 button { font: inherit; }
.e-8ccceb3 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-8ccceb3 .more { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-8ccceb3 .more:hover { background: #062d59; color: #fff; }
.e-8ccceb3 .more.solid { background: #062d59; color: #fff; }

.e-8ccceb3 .chips { display: flex; flex-wrap: wrap; gap: 8px; }
.e-8ccceb3 .chip { display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; font-size: 14px; font-weight: 700; color: #062d59; }
.e-8ccceb3 .chip i { font-size: 18px; color: #be985a; }
.e-8ccceb3 .cards { display: grid; gap: 22px; }
.e-8ccceb3 .place { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); border: 1px solid #e3e8ec; border-radius: 4px; background: #fff; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; }
.e-8ccceb3 .place:hover { border-color: #be985a; box-shadow: 0 10px 28px rgba(6, 45, 89, 0.08); }
.e-8ccceb3 .photo { position: relative; min-height: 240px; background: #f3f6f9; overflow: hidden; }
.e-8ccceb3 .frames { display: flex; height: 100%; transition: transform 0.35s ease; }
.e-8ccceb3 .frame { flex: 0 0 100%; height: 100%; }
.e-8ccceb3 .arrow { position: absolute; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #062d59; cursor: pointer; opacity: 0.92; transition: background 0.2s, color 0.2s; }
.e-8ccceb3 .arrow:hover { background: #062d59; color: #fff; }
.e-8ccceb3 .arrow:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-8ccceb3 .arrow i { font-size: 24px; }
.e-8ccceb3 .prev { left: 10px; }
.e-8ccceb3 .next { right: 10px; }
.e-8ccceb3 .dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 6px; }
.e-8ccceb3 .dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.6); cursor: pointer; transition: background 0.2s, transform 0.2s; }
.e-8ccceb3 .dot:hover { background: #fff; }
.e-8ccceb3 .dot.on { background: #be985a; transform: scale(1.25); }
.e-8ccceb3 .info { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px 24px; }
.e-8ccceb3 .head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.e-8ccceb3 .head h3 { font-size: 24px; line-height: 1.2; font-weight: 500; }
.e-8ccceb3 .tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; font-size: 12px; font-weight: 700; color: #062d59; }
.e-8ccceb3 .tag i { font-size: 15px; color: #be985a; }
.e-8ccceb3 .info p { margin: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.65; }
.e-8ccceb3 .more { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 14px; }
.e-8ccceb3 .more i { font-size: 18px; }
.e-8ccceb3 .more:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-8ccceb3 .meta { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: auto; font-size: 14px; }
.e-8ccceb3 .meta span { display: inline-flex; align-items: center; gap: 5px; }
.e-8ccceb3 .meta i { font-size: 17px; color: #be985a; }
@media (max-width: 1000px) { .e-8ccceb3 .place { grid-template-columns: 1fr; } .e-8ccceb3 .photo { aspect-ratio: 16 / 10; min-height: 0; } }
@media (max-width: 700px) { .e-8ccceb3 .info { padding: 18px; } .e-8ccceb3 .head h3 { font-size: 21px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-203c5bd5 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-203c5bd5 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-203c5bd5 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-203c5bd5 *, .e-203c5bd5 *::before, .e-203c5bd5 *::after { box-sizing: border-box; }
.e-203c5bd5 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-203c5bd5 a { text-decoration: none; color: inherit; }
.e-203c5bd5 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-203c5bd5 button { font: inherit; }
.e-203c5bd5 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-203c5bd5 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-203c5bd5 .btn:hover { background: #062d59; color: #fff; }
.e-203c5bd5 .btn.solid { background: #062d59; color: #fff; }

.e-203c5bd5 .list { border-top: 1px solid #e3e8ec; }
.e-203c5bd5 .excursion { border-bottom: 1px solid #e3e8ec; }
.e-203c5bd5 .head { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 18px 4px; border: 0; background: transparent; text-align: left; color: #062d59; cursor: pointer; transition: color 0.2s; }
.e-203c5bd5 .head:hover { color: #0b3f78; }
.e-203c5bd5 .head:focus-visible { outline: 2px solid #be985a; outline-offset: -2px; }
.e-203c5bd5 .name { font-size: 17px; font-weight: 700; }
.e-203c5bd5 .side { display: inline-flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.e-203c5bd5 .side b { font-size: 16px; font-weight: 700; color: #be985a; white-space: nowrap; }
.e-203c5bd5 .side i { font-size: 24px; transition: transform 0.25s; }
.e-203c5bd5 .open .side i { transform: rotate(180deg); }
.e-203c5bd5 .body { display: none; padding: 0 4px 20px; }
.e-203c5bd5 .open .body { display: block; }
.e-203c5bd5 .body p { margin: 0; max-width: 760px; font-size: 16px; line-height: 1.7; }
@media (max-width: 700px) { .e-203c5bd5 .name { font-size: 16px; } .e-203c5bd5 .side { gap: 8px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7bbcb103 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7bbcb103 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7bbcb103 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7bbcb103 *, .e-7bbcb103 *::before, .e-7bbcb103 *::after { box-sizing: border-box; }
.e-7bbcb103 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7bbcb103 a { text-decoration: none; color: inherit; }
.e-7bbcb103 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7bbcb103 button { font: inherit; }
.e-7bbcb103 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7bbcb103 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7bbcb103 .btn:hover { background: #062d59; color: #fff; }
.e-7bbcb103 .btn.solid { background: #062d59; color: #fff; }

.e-7bbcb103 .facts { display: grid; grid-template-columns: repeat(var(--columns, 4), minmax(0, 1fr)); border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; }
.e-7bbcb103 .fact { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 18px 20px; border-right: 1px solid #e3e8ec; }
.e-7bbcb103 .fact:last-child { border-right: 0; }
.e-7bbcb103 .fact i { flex: 0 0 auto; font-size: 26px; color: #be985a; }
.e-7bbcb103 .fact span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.e-7bbcb103 .fact small { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #5f6b76; }
.e-7bbcb103 .fact b { font-size: 16px; font-weight: 700; color: #062d59; overflow-wrap: anywhere; }
@media (max-width: 1000px) { .e-7bbcb103 .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .e-7bbcb103 .fact { border-bottom: 1px solid #e3e8ec; } .e-7bbcb103 .fact:nth-child(2n) { border-right: 0; } .e-7bbcb103 .fact:nth-last-child(-n+2) { border-bottom: 0; } .e-7bbcb103 .fact:last-child:nth-child(odd) { border-right: 0; } }
@media (max-width: 700px) { .e-7bbcb103 .facts { grid-template-columns: 1fr; } .e-7bbcb103 .fact { border-right: 0; border-bottom: 1px solid #e3e8ec !important; padding: 14px 16px; } .e-7bbcb103 .fact:last-child { border-bottom: 0 !important; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-3465b155 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-3465b155 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-3465b155 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-3465b155 *, .e-3465b155 *::before, .e-3465b155 *::after { box-sizing: border-box; }
.e-3465b155 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-3465b155 a { text-decoration: none; color: inherit; }
.e-3465b155 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-3465b155 button { font: inherit; }
.e-3465b155 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-3465b155 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-3465b155 .btn:hover { background: #062d59; color: #fff; }
.e-3465b155 .btn.solid { background: #062d59; color: #fff; }

.e-3465b155 .holder { min-width: 0; padding-top: 6px; }
.e-3465b155 .skeleton { width: 62%; max-width: 100%; height: 13px; border-radius: 4px; background: linear-gradient(90deg, #eef2f5, #f7f9fb, #eef2f5); }
.e-3465b155 .note { margin: 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.e-3465b155 .note .line-link { color: #0b3f78; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s; }
.e-3465b155 .note .line-link:hover { color: #be985a; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7c7c7eb6 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7c7c7eb6 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7c7c7eb6 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7c7c7eb6 *, .e-7c7c7eb6 *::before, .e-7c7c7eb6 *::after { box-sizing: border-box; }
.e-7c7c7eb6 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7c7c7eb6 a { text-decoration: none; color: inherit; }
.e-7c7c7eb6 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7c7c7eb6 button { font: inherit; }
.e-7c7c7eb6 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7c7c7eb6 .more { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7c7c7eb6 .more:hover { background: #062d59; color: #fff; }
.e-7c7c7eb6 .more.solid { background: #062d59; color: #fff; }

.e-7c7c7eb6 .list { display: grid; gap: 22px; }
.e-7c7c7eb6 .stay { display: grid; grid-template-columns: 300px minmax(0, 1fr); border: 1px solid #e3e8ec; border-radius: 4px; background: #fff; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; }
.e-7c7c7eb6 .stay:hover { border-color: #be985a; box-shadow: 0 10px 28px rgba(6, 45, 89, 0.08); }
.e-7c7c7eb6 .photo { position: relative; min-height: 210px; background: #f3f6f9; }
.e-7c7c7eb6 .photo i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 44px; color: #e3e8ec; }
.e-7c7c7eb6 .info { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 24px; }
.e-7c7c7eb6 .head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.e-7c7c7eb6 .head h3 { font-size: 22px; line-height: 1.25; font-weight: 500; }
.e-7c7c7eb6 .head em { font-style: normal; font-size: 15px; letter-spacing: 2px; color: #be985a; }
.e-7c7c7eb6 .city { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: #0b3f78; }
.e-7c7c7eb6 .city i { font-size: 18px; color: #be985a; }
.e-7c7c7eb6 .info p { margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.65; }
.e-7c7c7eb6 .more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 10px 20px; font-size: 14px; }
.e-7c7c7eb6 .more i { font-size: 18px; }
.e-7c7c7eb6 .more:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
@media (max-width: 1000px) { .e-7c7c7eb6 .stay { grid-template-columns: 220px minmax(0, 1fr); } }
@media (max-width: 700px) { .e-7c7c7eb6 .stay { grid-template-columns: 1fr; } .e-7c7c7eb6 .photo { aspect-ratio: 3 / 2; min-height: 0; } .e-7c7c7eb6 .info { padding: 18px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-6756a57e :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-6756a57e :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-6756a57e { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-6756a57e *, .e-6756a57e *::before, .e-6756a57e *::after { box-sizing: border-box; }
.e-6756a57e :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-6756a57e a { text-decoration: none; color: inherit; }
.e-6756a57e img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-6756a57e button { font: inherit; }
.e-6756a57e i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-6756a57e .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-6756a57e .btn:hover { background: #062d59; color: #fff; }
.e-6756a57e .btn.solid { background: #062d59; color: #fff; }

.e-6756a57e .holder { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.e-6756a57e .tabs { display: flex; align-items: stretch; gap: 4px; flex-wrap: wrap; border-bottom: 1px solid #e3e8ec; }
.e-6756a57e .tab { display: inline-flex; align-items: center; gap: 6px; margin-bottom: -1px; padding: 12px 20px; border: 0; border-bottom: 2px solid transparent; background: transparent; font-size: 15px; font-weight: 700; color: #5f6b76; white-space: nowrap; cursor: pointer; transition: color 0.2s, border-color 0.2s, background 0.2s; }
.e-6756a57e .tab:hover { color: #062d59; background: #f3f6f9; }
.e-6756a57e .tab:focus-visible { outline: 2px solid #be985a; outline-offset: -2px; }
.e-6756a57e .tab.on { color: #062d59; border-bottom-color: #be985a; }
.e-6756a57e .tab i { font-size: 19px; color: #be985a; }
.e-6756a57e .panel { min-width: 0; overflow-x: auto; font-size: 16px; line-height: 1.75; }
.e-6756a57e .panel > :is(h1, h2, h3, h4) { margin: 26px 0 10px; font-size: 24px; line-height: 1.25; font-weight: 500; }
.e-6756a57e .panel > :first-child { margin-top: 0; }
.e-6756a57e .panel > p { margin: 0 0 12px; }
.e-6756a57e .panel > :is(ul, ol) { margin: 10px 0 14px; padding-left: 22px; }
.e-6756a57e .panel > ul { list-style: disc; }
.e-6756a57e .panel > ol { list-style: decimal; }
.e-6756a57e .panel li { margin-bottom: 6px; }
.e-6756a57e .panel li::marker { color: #be985a; }
.e-6756a57e .panel > img { max-width: 100%; height: auto; margin: 14px 0; border-radius: 4px; }
.e-6756a57e .panel a { color: #0b3f78; text-decoration: underline; text-underline-offset: 2px; }
.e-6756a57e .panel a:hover { color: #be985a; }
.e-6756a57e .panel .rt-title:not(:first-child) { margin-top: 30px; }
.e-6756a57e .panel .table-wrap { margin: 18px 0; border: 1px solid #e3e8ec; border-radius: 4px; background: #fff; overflow-x: auto; overflow-y: hidden; }
.e-6756a57e .panel .table-wrap > table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.5; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th) { padding: 11px 9px; border-right: 1px solid #e3e8ec; border-bottom: 1px solid #e3e8ec; background: #fff; color: #5f6b76; text-align: center; vertical-align: middle; font-weight: 400; white-space: nowrap; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th) * { color: inherit; line-height: inherit; }
.e-6756a57e .panel .table-wrap > table > tbody > tr.is-alt > :is(td, th) { background: #f3f6f9; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th):first-child:not(:only-child) { position: sticky; left: 0; z-index: 1; min-width: 96px; background: #f3f6f9; color: #062d59; font-weight: 700; text-align: left; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th):last-child { border-right: 0; }
.e-6756a57e .panel .table-wrap > table > tbody > tr:last-child > :is(td, th) { border-bottom: 0; }
.e-6756a57e .panel .table-wrap > table > tbody > tr:hover > :is(td, th) { background: #f3f6f9; }
.e-6756a57e .panel .table-wrap > table > tbody > tr.is-head > :is(td, th), .e-6756a57e .panel .table-wrap > table > tbody > tr.is-head > :is(td, th):first-child:not(:only-child) { border-color: rgba(255, 255, 255, 0.2); background: #062d59; color: #fff; font-weight: 700; }
.e-6756a57e .panel .table-wrap > table > tbody > tr.is-note > :is(td, th) { border-top: 2px solid #e3e8ec; background: #f3f6f9; font-size: 13px; line-height: 1.6; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > td.is-text { min-width: 150px; white-space: normal; }
.e-6756a57e .panel .table-wrap > table > tbody > tr.is-intro > :is(td, th) { background: #fff; color: #5f6b76; font-size: 13.5px; text-align: left; white-space: normal; }
.e-6756a57e .panel .table-wrap > table > tbody > tr.is-cols > :is(td, th), .e-6756a57e .panel .table-wrap > table > tbody > tr.is-cols > :is(td, th):first-child:not(:only-child) { background: color-mix(in srgb, #062d59 10%, #fff); border-bottom: 2px solid #062d59; color: #062d59; font-weight: 700; }
.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th) > .cap { display: block; position: sticky; left: 10px; width: max-content; max-width: min(640px, calc(100vw - 112px)); white-space: normal; }
@media (max-width: 700px) {
	.e-6756a57e .tabs { flex-wrap: nowrap; overflow-x: auto; }
	.e-6756a57e .tab { padding: 11px 16px; }
	.e-6756a57e .panel { font-size: 15px; }
	.e-6756a57e .panel > :is(h1, h2, h3, h4) { font-size: 21px; }
	.e-6756a57e .panel .table-wrap > table { font-size: 13px; }
	.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th) { padding: 8px 10px; }
	.e-6756a57e .panel .table-wrap > table > tbody > tr > :is(td, th):first-child:not(:only-child) { min-width: 104px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-4e7d6295 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-4e7d6295 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-4e7d6295 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-4e7d6295 *, .e-4e7d6295 *::before, .e-4e7d6295 *::after { box-sizing: border-box; }
.e-4e7d6295 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-4e7d6295 a { text-decoration: none; color: inherit; }
.e-4e7d6295 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-4e7d6295 button { font: inherit; }
.e-4e7d6295 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-4e7d6295 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-4e7d6295 .btn:hover { background: #062d59; color: #fff; }
.e-4e7d6295 .btn.solid { background: #062d59; color: #fff; }

.e-4e7d6295 .card { display: block; }
.e-4e7d6295 .photo { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 4px; background: #e9eef2; margin-bottom: 18px; }
.e-4e7d6295 .photo img { transition: transform 0.5s ease; }
.e-4e7d6295 .card:hover .photo img { transform: scale(1.05); }
.e-4e7d6295 small { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #be985a; }
.e-4e7d6295 h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 23px; line-height: 1.3; transition: color 0.2s; }
.e-4e7d6295 .card:hover h4 { color: #0b3f78; }
.e-4e7d6295 p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: #5f6b76; }
.e-4e7d6295 .more { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 15px; font-weight: 700; color: #0b3f78; transition: gap 0.2s, color 0.2s; }
.e-4e7d6295 .more i { font-size: 19px; }
.e-4e7d6295 .card:hover .more { gap: 10px; color: #be985a; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-4e7f344d :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-4e7f344d :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-4e7f344d { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-4e7f344d *, .e-4e7f344d *::before, .e-4e7f344d *::after { box-sizing: border-box; }
.e-4e7f344d :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-4e7f344d a { text-decoration: none; color: inherit; }
.e-4e7f344d img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-4e7f344d button { font: inherit; }
.e-4e7f344d i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-4e7f344d .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-4e7f344d .btn:hover { background: #062d59; color: #fff; }
.e-4e7f344d .btn.solid { background: #062d59; color: #fff; }
.e-4e7f344d .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-4e7f344d .card { display: block; }
.e-4e7f344d .photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; background: #e9eef2; margin-bottom: 14px; }
.e-4e7f344d .photo img { transition: transform 0.5s ease; }
.e-4e7f344d .card:hover .photo img { transform: scale(1.05); }
.e-4e7f344d .place { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #be985a; }
.e-4e7f344d .card h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; font-size: 19px; line-height: 1.25; }
.e-4e7f344d .card p { margin: 8px 0 0; font-size: 14px; color: #6b7783; }
.e-4e7f344d .card p em { margin-right: 8px; font-style: normal; letter-spacing: 1px; color: #062d59; }
.e-4e7f344d { background: transparent; }

.e-4e7f344d .wrap { position: relative; height: 100%; }
.e-4e7f344d .save { position: absolute; top: 12px; right: 12px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #062d59; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); cursor: pointer; transition: transform 0.2s, color 0.2s, background-color 0.2s; }
.e-4e7f344d .save:hover { transform: scale(1.08); }
.e-4e7f344d .save .save-icon { font-size: 22px; }
/* Sacuvana ponuda: puno srce u boji teme, jer font ikonica nema posebno stanje (zajednicki favorites.js dodaje ot-fav-on). */
.e-4e7f344d .save.ot-fav-on { background: #be985a; color: #062d59; }
.e-4e7f344d .save.ot-fav-on .save-icon { font-variation-settings: 'FILL' 1; }

.e-4e7f344d .card { position: relative; }
.e-4e7f344d .promo { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 6px 10px; background: #be985a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.e-4e7f344d .highlights { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.e-4e7f344d .highlight { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; background: #eef2f5; font-size: 12px; font-weight: 600; color: #062d59; }
.e-4e7f344d .highlight i { font-size: 15px; color: #be985a; }

/* Kontrole listanja leze preko fotografije kao sibling kartice, da klik na strelicu ne otvori ponudu. */
.e-4e7f344d .controls { position: absolute; top: 0; left: 0; right: 0; z-index: 2; aspect-ratio: 4 / 3; pointer-events: none; }
.e-4e7f344d .photo { position: relative; }
.e-4e7f344d .frames { position: absolute; inset: 0; display: flex; transition: transform 420ms ease; }
.e-4e7f344d .frame { flex: 0 0 100%; background-color: #e9eef2; background-size: cover; background-position: center; }
.e-4e7f344d .arrow { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-top: -17px; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #062d59; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); cursor: pointer; opacity: 0; pointer-events: auto; transition: opacity 0.2s, background-color 0.2s; }
.e-4e7f344d .arrow.prev { left: 10px; }
.e-4e7f344d .arrow.next { right: 10px; }
.e-4e7f344d .arrow:hover { background: #be985a; }
.e-4e7f344d .arrow .icon { font-size: 22px; }
.e-4e7f344d .wrap:hover .arrow,
.e-4e7f344d .arrow:focus-visible { opacity: 1; }
.e-4e7f344d .dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; pointer-events: none; }
.e-4e7f344d .dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.65); pointer-events: auto; cursor: pointer; transition: background-color 0.2s, width 0.2s; }
.e-4e7f344d .dot.is-active { width: 16px; border-radius: 3px; background: #fff; }
@media (hover: none) { .e-4e7f344d .arrow { opacity: 1; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-381d5a74 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-381d5a74 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-381d5a74 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-381d5a74 *, .e-381d5a74 *::before, .e-381d5a74 *::after { box-sizing: border-box; }
.e-381d5a74 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-381d5a74 a { text-decoration: none; color: inherit; }
.e-381d5a74 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-381d5a74 button { font: inherit; }
.e-381d5a74 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-381d5a74 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-381d5a74 .btn:hover { background: #062d59; color: #fff; }
.e-381d5a74 .btn.solid { background: #062d59; color: #fff; }

.e-381d5a74 { position: relative; z-index: 400; width: auto; background: transparent; }
.e-381d5a74 .holder { position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(6, 45, 89, 0.72); overflow-y: auto; }
.e-381d5a74 .dialog { position: relative; width: 100%; max-width: 860px; max-height: calc(100vh - 48px); overflow-y: auto; border-radius: 4px; background: #fff; box-shadow: 0 24px 60px rgba(6, 45, 89, 0.35); }
.e-381d5a74 .close { position: absolute; top: 12px; right: 12px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #062d59; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-381d5a74 .close:hover { background: #062d59; color: #fff; }
.e-381d5a74 .close:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-381d5a74 .photos { background: #f3f6f9; }
.e-381d5a74 .details { padding: 28px 32px 34px; }
.e-381d5a74 .head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 12px; }
.e-381d5a74 .head h3 { font-size: 28px; line-height: 1.2; font-weight: 500; }
.e-381d5a74 .rating { font-style: normal; font-size: 16px; letter-spacing: 2px; color: #be985a; }
.e-381d5a74 .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-bottom: 18px; }
.e-381d5a74 .tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; font-size: 13px; font-weight: 700; color: #062d59; }
.e-381d5a74 .tag i, .e-381d5a74 .place i { font-size: 17px; color: #be985a; }
.e-381d5a74 .place { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; }
.e-381d5a74 .text p { margin: 0 0 12px; font-size: 16px; line-height: 1.7; }
@media (max-width: 700px) { .e-381d5a74 .holder { padding: 0; align-items: flex-end; } .e-381d5a74 .dialog { max-height: 94vh; border-radius: 4px 4px 0 0; } .e-381d5a74 .details { padding: 20px 18px 28px; } .e-381d5a74 .head h3 { font-size: 23px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-16946172 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-16946172 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-16946172 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-16946172 *, .e-16946172 *::before, .e-16946172 *::after { box-sizing: border-box; }
.e-16946172 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-16946172 a { text-decoration: none; color: inherit; }
.e-16946172 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-16946172 button { font: inherit; }
.e-16946172 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-16946172 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-16946172 .btn:hover { background: #062d59; color: #fff; }
.e-16946172 .btn.solid { background: #062d59; color: #fff; }

.e-16946172 .grid { display: grid; grid-template-columns: 2fr 1fr; gap: 8px; }
.e-16946172 .count-1 .grid { grid-template-columns: 1fr; }
.e-16946172 .main, .e-16946172 .thumb { position: relative; display: block; padding: 0; border: 0; border-radius: 4px; background: #f3f6f9; overflow: hidden; cursor: pointer; }
.e-16946172 .main { aspect-ratio: 4 / 3; }
.e-16946172 .count-1 .main { aspect-ratio: 16 / 7; }
.e-16946172 .main img, .e-16946172 .thumb img { transition: transform 0.5s ease; }
.e-16946172 .main:hover img, .e-16946172 .thumb:hover img { transform: scale(1.04); }
.e-16946172 .main:focus-visible, .e-16946172 .thumb:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-16946172 .caption { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 28px); padding: 7px 12px; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 700; color: #062d59; }
.e-16946172 .caption i { font-size: 18px; color: #be985a; }
.e-16946172 .thumbs { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; }
.e-16946172 .count-2 .thumbs { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.e-16946172 .count-3 .thumbs { grid-template-columns: 1fr; }
.e-16946172 .more { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: rgba(6, 45, 89, 0.62); color: #fff; }
.e-16946172 .more b { font-size: 26px; font-weight: 700; }
.e-16946172 .more small { font-size: 13px; }
.e-16946172 .viewer { display: none; position: fixed; inset: 0; z-index: 500; align-items: center; justify-content: center; padding: 64px 72px 72px; background: rgba(6, 45, 89, 0.96); }
.e-16946172 .open .viewer { display: flex; }
.e-16946172 .viewer-image { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; }
.e-16946172 .viewer-close, .e-16946172 .viewer-arrow { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; background: transparent; color: #fff; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-16946172 .viewer-close:hover, .e-16946172 .viewer-arrow:hover { background: #fff; color: #062d59; }
.e-16946172 .viewer-close:focus-visible, .e-16946172 .viewer-arrow:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-16946172 .viewer-close { top: 16px; right: 16px; }
.e-16946172 .viewer-arrow { top: 50%; margin-top: -23px; }
.e-16946172 .viewer-arrow.prev { left: 16px; }
.e-16946172 .viewer-arrow.next { right: 16px; }
.e-16946172 .viewer-bar { position: absolute; left: 0; right: 0; bottom: 18px; display: flex; align-items: center; justify-content: center; gap: 18px; color: #fff; font-size: 14px; }
.e-16946172 .viewer-caption { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.e-16946172 .viewer-caption i { font-size: 18px; color: #be985a; }
@media (max-width: 1000px) { .e-16946172 .viewer { padding: 64px 56px 72px; } }
@media (max-width: 700px) {
	.e-16946172 .grid { grid-template-columns: 1fr; }
	.e-16946172 .thumbs { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; }
	.e-16946172 .count-2 .thumbs, .e-16946172 .count-3 .thumbs { grid-template-columns: repeat(2, 1fr); }
	.e-16946172 .thumb { aspect-ratio: 1 / 1; }
	.e-16946172 .main, .e-16946172 .count-1 .main { aspect-ratio: 4 / 3; }
	.e-16946172 .viewer { padding: 60px 8px 68px; }
	.e-16946172 .viewer-arrow { top: auto; bottom: 12px; margin-top: 0; }
	.e-16946172 .viewer-arrow.prev { left: 12px; }
	.e-16946172 .viewer-arrow.next { right: 12px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-93fbdf :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-93fbdf :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-93fbdf { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-93fbdf *, .e-93fbdf *::before, .e-93fbdf *::after { box-sizing: border-box; }
.e-93fbdf :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-93fbdf a { text-decoration: none; color: inherit; }
.e-93fbdf img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-93fbdf button { font: inherit; }
.e-93fbdf i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-93fbdf .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-93fbdf .btn:hover { background: #062d59; color: #fff; }
.e-93fbdf .btn.solid { background: #062d59; color: #fff; }

.e-93fbdf .holder { position: relative; width: 100%; overflow: hidden; background: #f3f6f9; }
.e-93fbdf .frames { display: flex; height: 100%; transition: transform 0.35s ease; }
.e-93fbdf .frame { flex: 0 0 100%; height: 100%; }
.e-93fbdf .arrow { position: absolute; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 0; border-radius: 4px; background: #fff; color: #062d59; cursor: pointer; opacity: 0.92; transition: background 0.2s, color 0.2s; }
.e-93fbdf .arrow:hover { background: #062d59; color: #fff; }
.e-93fbdf .arrow:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-93fbdf .arrow i { font-size: 26px; }
.e-93fbdf .prev { left: 12px; }
.e-93fbdf .next { right: 12px; }
.e-93fbdf .dots { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 6px; }
.e-93fbdf .dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.6); cursor: pointer; transition: background 0.2s, transform 0.2s; }
.e-93fbdf .dot:hover { background: #fff; }
.e-93fbdf .dot.on { background: #be985a; transform: scale(1.25); }
.e-93fbdf .count { position: absolute; right: 12px; bottom: 12px; padding: 4px 10px; border-radius: 4px; background: rgba(6, 45, 89, 0.8); color: #fff; font-size: 13px; font-weight: 700; }
@media (max-width: 700px) { .e-93fbdf .arrow { width: 34px; height: 34px; margin-top: -17px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-1aab8b4a :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-1aab8b4a :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-1aab8b4a { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-1aab8b4a *, .e-1aab8b4a *::before, .e-1aab8b4a *::after { box-sizing: border-box; }
.e-1aab8b4a :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-1aab8b4a i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-1aab8b4a .holder { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; align-items: start; max-width: 1440px; margin: 0 auto; padding: 72px 40px 80px; }
.e-1aab8b4a .holder.side-left { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.e-1aab8b4a .holder.side-left figure { order: -1; }
.e-1aab8b4a .paragraph { margin: 0 0 20px; font-size: 17px; line-height: 1.75; }
.e-1aab8b4a .checklist { margin: 8px 0 28px; padding: 28px 30px; background: #f3f6f9; border-left: 4px solid #be985a; }
.e-1aab8b4a .checklist h2 { margin-bottom: 16px; font-size: 24px; line-height: 1.25; }
.e-1aab8b4a .checklist ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.e-1aab8b4a .checklist li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.55; }
.e-1aab8b4a .checklist li i { flex: none; margin-top: 2px; font-size: 22px; color: #be985a; }
.e-1aab8b4a figure { margin: 0; position: sticky; top: 110px; aspect-ratio: 4 / 3; overflow: hidden; background: #e3e8ec; }
.e-1aab8b4a figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { .e-1aab8b4a .holder, .e-1aab8b4a .holder.side-left { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 40px 18px 52px; } .e-1aab8b4a .holder figure, .e-1aab8b4a .holder.side-left figure { order: -1; position: static; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-1bc608b8 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-1bc608b8 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-1bc608b8 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-1bc608b8 *, .e-1bc608b8 *::before, .e-1bc608b8 *::after { box-sizing: border-box; }
.e-1bc608b8 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-1bc608b8 a { text-decoration: none; color: inherit; }
.e-1bc608b8 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-1bc608b8 button { font: inherit; }
.e-1bc608b8 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-1bc608b8 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-1bc608b8 .btn:hover { background: #062d59; color: #fff; }
.e-1bc608b8 .btn.solid { background: #062d59; color: #fff; }
.e-1bc608b8 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-1bc608b8 .holder { padding: 96px 0 90px; overflow: hidden; }
.e-1bc608b8 .intro { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; max-width: 1040px; margin: 0 auto 56px; padding: 0 32px; align-items: start; }
.e-1bc608b8 h2 { font-size: 46px; line-height: 1.15; font-weight: 700; }
.e-1bc608b8 .intro p { margin: 8px 0 0; font-size: 17px; line-height: 1.7; }
.e-1bc608b8 .tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px 52px; margin-bottom: 32px; padding: 0 32px; }
.e-1bc608b8 .tab { padding: 0 0 6px; border: 0; border-bottom: 2px solid transparent; background: none; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 20px; font-weight: 600; color: #9aa3ab; cursor: pointer; transition: color 0.2s; }
.e-1bc608b8 .tab:hover { color: #062d59; }
.e-1bc608b8 .tab.on { color: #062d59; border-bottom-color: #be985a; }
.e-1bc608b8 .stage { position: relative; display: grid; grid-template-columns: 0.6fr 1.7fr 0.6fr; gap: 20px; height: 480px; margin: 0 -6%; }
.e-1bc608b8 .shot { position: relative; display: block; overflow: hidden; padding: 0; border: 0; background: #e9eef2; }
.e-1bc608b8 .shot.side { cursor: pointer; }
.e-1bc608b8 .shot.side img { opacity: 0.8; transition: opacity 0.2s; }
.e-1bc608b8 .shot.side:hover img { opacity: 1; }
.e-1bc608b8 .shot.main img { transition: transform 0.6s ease; }
.e-1bc608b8 .shot.main:hover img { transform: scale(1.03); }
.e-1bc608b8 .caption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 4px; padding: 56px 32px 28px; background: linear-gradient(180deg, transparent, rgba(4, 24, 48, 0.78)); color: #fff; }
.e-1bc608b8 .caption b { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 30px; font-weight: 600; }
.e-1bc608b8 .caption em { max-width: 520px; font-style: normal; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); }
.e-1bc608b8 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-1bc608b8 .caption small { font-size: 15px; color: rgba(255, 255, 255, 0.9); }
.e-1bc608b8 .arrow { position: absolute; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-top: -22px; border: 1px solid #d3dae0; border-radius: 50%; background: #fff; color: #062d59; cursor: pointer; box-shadow: 0 4px 14px rgba(6, 45, 89, 0.14); transition: background 0.2s; }
.e-1bc608b8 .arrow:hover { background: #f3f6f9; }
.e-1bc608b8 .arrow i { font-size: 24px; }
.e-1bc608b8 .arrow.is-prev { left: 20.5%; }
.e-1bc608b8 .arrow.is-next { right: 20.5%; }
.e-1bc608b8 .foot { margin-top: 40px; text-align: center; }
@media (max-width: 800px) { .e-1bc608b8 .holder { padding: 56px 0 56px; } .e-1bc608b8 .intro { grid-template-columns: 1fr; gap: 14px; } .e-1bc608b8 h2 { font-size: 34px; } .e-1bc608b8 .stage { grid-template-columns: 1fr; height: 340px; margin: 0; padding: 0 18px; } .e-1bc608b8 .shot.side { display: none; } .e-1bc608b8 .arrow { display: none; } .e-1bc608b8 .tabs { gap: 10px 24px; } .e-1bc608b8 .tab { font-size: 16px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-66dfe275 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-66dfe275 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-66dfe275 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-66dfe275 *, .e-66dfe275 *::before, .e-66dfe275 *::after { box-sizing: border-box; }
.e-66dfe275 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-66dfe275 a { text-decoration: none; color: inherit; }
.e-66dfe275 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-66dfe275 button { font: inherit; }
.e-66dfe275 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-66dfe275 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-66dfe275 .btn:hover { background: #062d59; color: #fff; }
.e-66dfe275 .btn.solid { background: #062d59; color: #fff; }
.e-66dfe275 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-66dfe275 { background: #f3f6f9; }
.e-66dfe275 .holder { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 64px; align-items: center; max-width: 1440px; margin: 0 auto; padding: 88px 40px; }
.e-66dfe275 .copy small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-66dfe275 h2 { font-size: 42px; line-height: 1.15; font-weight: 700; }
.e-66dfe275 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-66dfe275 .copy p { margin: 20px 0 32px; font-size: 17px; line-height: 1.75; }
.e-66dfe275 .rail { min-width: 0; }
.e-66dfe275 .viewport { overflow: hidden; padding: 6px 0; }
.e-66dfe275 .track { display: flex; gap: 24px; transition: transform 0.5s ease; }
.e-66dfe275 .city { display: flex; flex: 0 0 calc((100% - (var(--per) - 1) * 24px) / var(--per)); flex-direction: column; align-items: center; min-width: 0; text-align: center; }
.e-66dfe275 .disc { display: block; width: 100%; max-width: 220px; aspect-ratio: 1; overflow: hidden; border-radius: 50%; background: #dfe6ec; box-shadow: 0 10px 28px rgba(6, 45, 89, 0.14); }
.e-66dfe275 .disc img { transition: transform 0.5s ease; }
.e-66dfe275 .city:hover .disc img { transform: scale(1.08); }
.e-66dfe275 .city b { margin-top: 18px; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 22px; font-weight: 700; color: #062d59; }
.e-66dfe275 .city small { margin-top: 2px; font-size: 14px; color: #6b7a8a; }
.e-66dfe275 .count { margin-top: 8px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #be985a; }
.e-66dfe275 .arrows { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
.e-66dfe275 .arrows button { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #c9d1d8; border-radius: 50%; background: #fff; color: #062d59; cursor: pointer; transition: border-color 0.2s; }
.e-66dfe275 .arrows button:hover { border-color: #062d59; }
.e-66dfe275 .arrows i { font-size: 24px; }
@media (max-width: 900px) { .e-66dfe275 .holder { grid-template-columns: 1fr; gap: 40px; padding: 56px 18px; } .e-66dfe275 h2 { font-size: 32px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7f09e274 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7f09e274 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7f09e274 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7f09e274 *, .e-7f09e274 *::before, .e-7f09e274 *::after { box-sizing: border-box; }
.e-7f09e274 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7f09e274 a { text-decoration: none; color: inherit; }
.e-7f09e274 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7f09e274 button { font: inherit; }
.e-7f09e274 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7f09e274 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7f09e274 .btn:hover { background: #062d59; color: #fff; }
.e-7f09e274 .btn.solid { background: #062d59; color: #fff; }

.e-7f09e274 .holder { padding: 88px 32px; }
.e-7f09e274 .inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 64px; align-items: stretch; }
.e-7f09e274 small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-7f09e274 h2 { font-size: 38px; line-height: 1.18; font-weight: 500; }
.e-7f09e274 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-7f09e274 .lead { margin: 14px 0 0; max-width: 520px; font-size: 17px; line-height: 1.65; }
.e-7f09e274 .rows { display: flex; flex-direction: column; margin-top: 32px; border-top: 1px solid #e3e8ec; }
.e-7f09e274 .row { display: flex; align-items: center; gap: 18px; padding: 18px 0; border-bottom: 1px solid #e3e8ec; }
.e-7f09e274 a.row { transition: background 0.2s; }
.e-7f09e274 a.row:hover .row-value { color: #be985a; }
.e-7f09e274 .row-icon-wrap { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 4px; background: #f3f6f9; }
.e-7f09e274 .row-icon { font-size: 24px; color: #be985a; }
.e-7f09e274 .row-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.e-7f09e274 .row-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6b7783; }
.e-7f09e274 .row-value { font-size: 18px; font-weight: 600; color: #062d59; overflow-wrap: anywhere; transition: color 0.2s; }
.e-7f09e274 .map { min-height: 420px; border: 1px solid #e3e8ec; border-radius: 4px; overflow: hidden; background: #f3f6f9; }
.e-7f09e274 .map-frame { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }
@media (max-width: 1000px) { .e-7f09e274 .holder { padding: 56px 24px; } .e-7f09e274 .inner { grid-template-columns: 1fr; gap: 40px; } .e-7f09e274 h2 { font-size: 32px; } }
@media (max-width: 700px) { .e-7f09e274 .holder { padding: 40px 18px; } .e-7f09e274 h2 { font-size: 28px; } .e-7f09e274 .row-value { font-size: 16px; } .e-7f09e274 .map, .e-7f09e274 .map-frame { min-height: 300px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-4d3c1408 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-4d3c1408 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-4d3c1408 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-4d3c1408 *, .e-4d3c1408 *::before, .e-4d3c1408 *::after { box-sizing: border-box; }
.e-4d3c1408 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-4d3c1408 a { text-decoration: none; color: inherit; }
.e-4d3c1408 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-4d3c1408 button { font: inherit; }
.e-4d3c1408 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-4d3c1408 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-4d3c1408 .btn:hover { background: #062d59; color: #fff; }
.e-4d3c1408 .btn.solid { background: #062d59; color: #fff; }
.e-4d3c1408 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-4d3c1408 .tone-soft { background: #f3f6f9; }
.e-4d3c1408 .holder { max-width: 1440px; margin: 0 auto; padding: 80px 40px; }
.e-4d3c1408 .head { max-width: 720px; margin: 0 auto 36px; text-align: center; }
.e-4d3c1408 .head small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-4d3c1408 h2 { font-size: 42px; line-height: 1.15; font-weight: 700; }
.e-4d3c1408 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-4d3c1408 .head p { margin: 18px 0 0; font-size: 17px; line-height: 1.7; }
.e-4d3c1408 .tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 44px; }
.e-4d3c1408 .tab { padding: 11px 22px; border: 1px solid #c9d1d8; border-radius: 999px; background: #fff; font-size: 15px; font-weight: 700; color: #062d59; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.e-4d3c1408 .tab:hover { border-color: #062d59; }
.e-4d3c1408 .tab.on { border-color: #062d59; background: #062d59; color: #fff; }
.e-4d3c1408 .cards { display: grid; grid-template-columns: repeat(5, 1fr); gap: 36px 20px; }
.e-4d3c1408 .slot { min-width: 0; }
.e-4d3c1408 .skeleton { aspect-ratio: 4 / 3.6; border-radius: 4px; background: linear-gradient(90deg, #eef2f5, #f7f9fb, #eef2f5); }
.e-4d3c1408 .cities { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 28px; }
.e-4d3c1408 .cities a { display: flex; flex-direction: column; padding: 16px 0; border-bottom: 1px solid #e3e8ec; transition: padding 0.2s; }
.e-4d3c1408 .cities a:hover { padding-left: 8px; }
.e-4d3c1408 .cities b { font-size: 16px; font-weight: 700; color: #062d59; }
.e-4d3c1408 .cities a:hover b { color: #be985a; }
.e-4d3c1408 .cities span { font-size: 14px; color: #6b7a8a; }
.e-4d3c1408 .empty { margin: 0; text-align: center; color: #6b7783; }
.e-4d3c1408 .foot { margin-top: 48px; text-align: center; }
@media (max-width: 1100px) { .e-4d3c1408 .cards { grid-template-columns: repeat(3, 1fr); } .e-4d3c1408 .cities { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .e-4d3c1408 .cards { grid-template-columns: repeat(2, 1fr); gap: 28px 14px; } .e-4d3c1408 .cities { grid-template-columns: repeat(2, 1fr); } .e-4d3c1408 .holder { padding: 52px 18px; } .e-4d3c1408 h2 { font-size: 32px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-1b87759c :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-1b87759c :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-1b87759c { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-1b87759c *, .e-1b87759c *::before, .e-1b87759c *::after { box-sizing: border-box; }
.e-1b87759c :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-1b87759c a { text-decoration: none; color: inherit; }
.e-1b87759c i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-1b87759c .wrap { max-width: 1440px; margin: 0 auto; padding: 56px 40px 88px; }
.e-1b87759c .holder { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: #062d59; color: #fff; }
.e-1b87759c .holder.side-right .photo { order: 2; }
.e-1b87759c .photo { min-height: 320px; background: #0b3f78; }
.e-1b87759c .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-1b87759c .text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; padding: 48px 52px; }
.e-1b87759c .text h2 { font-size: 40px; line-height: 1.15; color: #fff; }
.e-1b87759c .sub { margin: 0; font-size: 18px; color: rgba(255, 255, 255, 0.82); }
.e-1b87759c .btn { display: inline-block; margin-top: 8px; padding: 16px 34px; background: #be985a; font-size: 17px; font-weight: 700; color: #062d59; transition: background 0.2s; }
.e-1b87759c .btn:hover { background: #fff; }
.e-1b87759c .note { margin: 0; font-size: 15px; color: rgba(255, 255, 255, 0.78); }
@media (max-width: 900px) { .e-1b87759c .wrap { padding: 32px 18px 56px; } .e-1b87759c .holder { grid-template-columns: minmax(0, 1fr); } .e-1b87759c .holder.side-right .photo { order: 0; } .e-1b87759c .photo { min-height: 220px; } .e-1b87759c .text { padding: 32px 24px; } .e-1b87759c .text h2 { font-size: 30px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-57676dd3 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-57676dd3 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-57676dd3 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-57676dd3 *, .e-57676dd3 *::before, .e-57676dd3 *::after { box-sizing: border-box; }
.e-57676dd3 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-57676dd3 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-57676dd3 .holder { max-width: 1440px; margin: 0 auto; padding: 56px 40px 72px; }
.e-57676dd3 iframe { display: block; width: 100%; border: 1px solid #e3e8ec; background: #fff; }
@media (max-width: 700px) { .e-57676dd3 .holder { padding: 32px 14px 48px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-5767375f :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-5767375f :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-5767375f { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-5767375f *, .e-5767375f *::before, .e-5767375f *::after { box-sizing: border-box; }
.e-5767375f :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-5767375f a { text-decoration: none; color: inherit; }
.e-5767375f img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-5767375f button { font: inherit; }
.e-5767375f i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-5767375f .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-5767375f .btn:hover { background: #062d59; color: #fff; }
.e-5767375f .btn.solid { background: #062d59; color: #fff; }

.e-5767375f .empty { display: flex; flex-direction: column; align-items: center; max-width: 520px; margin: 0 auto; padding: 72px 24px; text-align: center; }
.e-5767375f .empty i { margin-bottom: 18px; font-size: 56px; color: #be985a; }
.e-5767375f .empty h3 { margin-bottom: 10px; font-size: 26px; }
.e-5767375f .empty p { margin: 0 0 26px; font-size: 16px; line-height: 1.6; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-575ec525 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-575ec525 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-575ec525 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-575ec525 *, .e-575ec525 *::before, .e-575ec525 *::after { box-sizing: border-box; }
.e-575ec525 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-575ec525 a { text-decoration: none; color: inherit; }
.e-575ec525 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-575ec525 .holder { max-width: 1440px; margin: 0 auto; padding: 32px 40px 24px; }
.e-575ec525 h2 { margin-bottom: 24px; font-size: 32px; line-height: 1.2; }
@media (max-width: 700px) { .e-575ec525 .holder { padding: 24px 18px 8px; } .e-575ec525 h2 { font-size: 26px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-1363624f :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-1363624f :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-1363624f { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-1363624f *, .e-1363624f *::before, .e-1363624f *::after { box-sizing: border-box; }
.e-1363624f :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-1363624f a { text-decoration: none; color: inherit; }
.e-1363624f img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-1363624f button { font: inherit; }
.e-1363624f i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-1363624f .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-1363624f .btn:hover { background: #062d59; color: #fff; }
.e-1363624f .btn.solid { background: #062d59; color: #fff; }

.e-1363624f .holder { display: block; }
.e-1363624f .head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 2px solid #062d59; }
.e-1363624f .head-left { display: inline-flex; align-items: center; gap: 10px; }
.e-1363624f .head-icon { font-size: 22px; color: #be985a; }
.e-1363624f .head-title { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 22px; font-weight: 600; color: #062d59; }
.e-1363624f .reset { padding: 4px 0; border: 0; background: transparent; color: #0b3f78; font-size: 14px; font-weight: 700; cursor: pointer; transition: color 0.2s; }
.e-1363624f .reset:hover { color: #be985a; text-decoration: underline; }
.e-1363624f .chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0 4px; }
.e-1363624f .chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 8px 6px 12px; border: 1px solid #c9d1d8; border-radius: 4px; background: #f3f6f9; color: #062d59; font-size: 14px; font-weight: 600; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.e-1363624f .chip:hover { border-color: #062d59; background: #fff; }
.e-1363624f .chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-1363624f .chip-icon { font-size: 16px; color: #6b7783; }
.e-1363624f .group { border-bottom: 1px solid #e3e8ec; }
.e-1363624f .group-search { padding: 18px 0; }
.e-1363624f .search, .e-1363624f .group-search-field { position: relative; }
.e-1363624f .search-icon, .e-1363624f .group-search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #6b7783; pointer-events: none; }
.e-1363624f .search-input, .e-1363624f .group-search-input { width: 100%; height: 44px; padding: 0 14px 0 40px; border: 1px solid #c9d1d8; border-radius: 4px; background: #fff; color: #062d59; font: inherit; font-size: 15px; outline: none; transition: border-color 0.2s, box-shadow 0.2s; }
.e-1363624f .group-search-input { height: 38px; font-size: 14px; }
.e-1363624f .search-input::placeholder, .e-1363624f .group-search-input::placeholder { color: #8a95a0; }
.e-1363624f .search-input:focus, .e-1363624f .group-search-input:focus { border-color: #be985a; box-shadow: 0 0 0 3px rgba(190, 152, 90, 0.18); }
.e-1363624f .group-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 18px 0; border: 0; background: transparent; color: #062d59; cursor: pointer; text-align: left; }
.e-1363624f .group-left { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.e-1363624f .group-icon { font-size: 20px; color: #be985a; }
.e-1363624f .group-label { font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.e-1363624f .group-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #062d59; color: #fff; font-size: 12px; font-weight: 700; }
.e-1363624f .group-chevron { font-size: 22px; color: #6b7783; transition: transform 0.25s; }
.e-1363624f .group-head:hover .group-chevron { color: #062d59; }
.e-1363624f .group.is-closed .group-chevron { transform: rotate(-90deg); }
.e-1363624f .group-body { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.25s ease; }
.e-1363624f .group.is-closed .group-body { grid-template-rows: 0fr; }
.e-1363624f .group-inner { min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 2px; padding-bottom: 14px; }
.e-1363624f .group.is-closed .group-inner { padding-bottom: 0; visibility: hidden; }
.e-1363624f .group-note { margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: #6b7783; font-style: italic; }
.e-1363624f .group-search-field { margin-bottom: 8px; }
.e-1363624f .option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 6px; margin: 0 -6px; border: 0; border-radius: 4px; background: transparent; color: #5f6b76; font-size: 15px; text-align: left; cursor: pointer; transition: background 0.15s, color 0.15s; }
.e-1363624f .option:hover { background: #f3f6f9; color: #062d59; }
.e-1363624f .option-box { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; height: 18px; border: 1.5px solid #b4bec8; border-radius: 3px; background: #fff; transition: background 0.15s, border-color 0.15s; }
.e-1363624f .option-check { font-size: 14px; font-weight: 700; color: #fff; opacity: 0; }
.e-1363624f .option.is-checked { color: #062d59; font-weight: 600; }
.e-1363624f .option.is-checked .option-box { border-color: #062d59; background: #062d59; }
.e-1363624f .option.is-checked .option-check { opacity: 1; }
.e-1363624f .option-icon { flex: 0 0 auto; font-size: 18px; color: #be985a; }
.e-1363624f .option-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-1363624f .option-count { flex: 0 0 auto; font-size: 13px; color: #6b7783; font-variant-numeric: tabular-nums; }
.e-1363624f .group-empty { padding: 8px 0; font-size: 14px; color: #6b7783; }
.e-1363624f .more { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; margin-top: 6px; padding: 4px 0; border: 0; background: transparent; color: #0b3f78; font-size: 14px; font-weight: 700; cursor: pointer; transition: color 0.2s; }
.e-1363624f .more:hover { color: #be985a; }
.e-1363624f .more-icon { font-size: 18px; }
.e-1363624f .reset:focus-visible, .e-1363624f .chip:focus-visible, .e-1363624f .group-head:focus-visible, .e-1363624f .option:focus-visible, .e-1363624f .more:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-202ac985 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-202ac985 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-202ac985 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-202ac985 *, .e-202ac985 *::before, .e-202ac985 *::after { box-sizing: border-box; }
.e-202ac985 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-202ac985 a { text-decoration: none; color: inherit; }
.e-202ac985 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-202ac985 button { font: inherit; }
.e-202ac985 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-202ac985 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-202ac985 .btn:hover { background: #062d59; color: #fff; }
.e-202ac985 .btn.solid { background: #062d59; color: #fff; }
.e-202ac985 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-202ac985 { position: fixed; right: 24px; bottom: calc(var(--ot-ticker-height) + 24px); z-index: 49; width: auto; background: transparent; }
.e-202ac985 .holder { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.e-202ac985 .trigger { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 0; border-radius: 50%; background: #062d59; color: #fff; cursor: pointer; box-shadow: 0 10px 28px rgba(6, 45, 89, 0.35); transition: background 0.2s, transform 0.2s; }
.e-202ac985 .trigger:hover { background: #0b3f78; transform: translateY(-2px); }
.e-202ac985 .trigger i { font-size: 28px; }
.e-202ac985 .panel { display: none; width: 320px; max-width: calc(100vw - 48px); padding: 24px; background: #fff; border-radius: 4px; box-shadow: 0 18px 50px rgba(6, 45, 89, 0.25); }
.e-202ac985 .is-open .panel { display: block; }
.e-202ac985 .panel h4 { font-size: 24px; font-weight: 700; }
.e-202ac985 .panel > p { margin: 6px 0 0; font-size: 14px; }
.e-202ac985 .row { display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 12px 14px; border: 1px solid #e3e8ec; border-radius: 4px; transition: border-color 0.2s; }
.e-202ac985 .row:hover { border-color: #be985a; }
.e-202ac985 .row > i { font-size: 24px; color: #be985a; }
.e-202ac985 .row small { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #6b7a8a; }
.e-202ac985 .row b { display: block; font-size: 15px; color: #062d59; word-break: break-word; }
.e-202ac985 .panel .hours { display: flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 14px; }
.e-202ac985 .hours i { font-size: 18px; color: #be985a; }
@media (max-width: 700px) { .e-202ac985 { right: 14px; bottom: calc(var(--ot-ticker-height) + 14px); } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-6c50dcc7 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-6c50dcc7 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-6c50dcc7 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-6c50dcc7 *, .e-6c50dcc7 *::before, .e-6c50dcc7 *::after { box-sizing: border-box; }
.e-6c50dcc7 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-6c50dcc7 a { text-decoration: none; color: inherit; }
.e-6c50dcc7 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-6c50dcc7 button { font: inherit; }
.e-6c50dcc7 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-6c50dcc7 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-6c50dcc7 .btn:hover { background: #062d59; color: #fff; }
.e-6c50dcc7 .btn.solid { background: #062d59; color: #fff; }
.e-6c50dcc7 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-6c50dcc7 .holder { max-width: 1440px; margin: 0 auto; padding: 80px 40px 40px; }
.e-6c50dcc7 .main { display: grid; grid-template-columns: 340px 1fr; gap: 72px; }
.e-6c50dcc7 .logo { display: block; margin-bottom: 22px; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #062d59; }
.e-6c50dcc7 .about p { margin: 0 0 18px; font-size: 15px; line-height: 1.7; }
.e-6c50dcc7 .contact a { display: block; color: #0b3f78; font-weight: 600; }
.e-6c50dcc7 .cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 24px; align-content: start; }
.e-6c50dcc7 h5 { margin: 0 0 16px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #062d59; font-weight: 800; }
.e-6c50dcc7 .cols a { display: block; margin-bottom: 12px; font-size: 15px; color: #3b4a5a; transition: color 0.2s; }
.e-6c50dcc7 .cols a:hover { color: #be985a; }
.e-6c50dcc7 .save { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 64px; padding: 36px 40px; background: #f3f6f9; }
.e-6c50dcc7 .save h3 { margin-bottom: 8px; font-size: 28px; font-weight: 700; }
.e-6c50dcc7 .save p { margin: 0; max-width: 520px; font-size: 15px; line-height: 1.6; }
.e-6c50dcc7 .save .btn { display: inline-flex; align-items: center; gap: 8px; }
.e-6c50dcc7 .save .btn i { font-size: 18px; }
.e-6c50dcc7 .note { margin: 40px 0 0; font-size: 13px; line-height: 1.7; color: #6b7783; }
.e-6c50dcc7 .legal { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #e3e8ec; }
.e-6c50dcc7 .legal nav { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 14px; color: #3b4a5a; }
.e-6c50dcc7 .support { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.e-6c50dcc7 .support-label { font-size: 13px; color: #8a96a2; }
.e-6c50dcc7 .legal .partners { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; }
.e-6c50dcc7 .partner { display: inline-flex; align-items: center; }
.e-6c50dcc7 .partner .partner-image { display: block; width: auto; height: 20px; object-fit: contain; opacity: 0.8; transition: opacity 0.2s; }
.e-6c50dcc7 .partner:hover .partner-image { opacity: 1; }
.e-6c50dcc7 .social { display: flex; gap: 22px; font-size: 14px; font-weight: 600; color: #062d59; }
.e-6c50dcc7 .legal a:hover { color: #be985a; }
.e-6c50dcc7 small { display: block; margin-top: 22px; font-size: 13px; color: #8a96a2; }
@media (max-width: 1000px) { .e-6c50dcc7 .main { grid-template-columns: 1fr; gap: 40px; } .e-6c50dcc7 .cols { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .e-6c50dcc7 .holder { padding: 52px 18px 32px; } .e-6c50dcc7 .save, .e-6c50dcc7 .legal { flex-direction: column; align-items: flex-start; } .e-6c50dcc7 .save { padding: 28px 22px; } }
.e-6c50dcc7 .legal-info { margin-bottom: 28px; padding-top: 24px; border-top: 1px solid #e3e8ec; }
.e-6c50dcc7 .legal-info p { margin: 0 0 16px; font-size: 13px; line-height: 1.7; color: #6b7783; }
.e-6c50dcc7 dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 24px; margin: 0; }
.e-6c50dcc7 dt { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #be985a; }
.e-6c50dcc7 dd { margin: 2px 0 0; font-size: 14px; font-weight: 600; color: #062d59; word-break: break-word; }
@media (max-width: 900px) { .e-6c50dcc7 dl { grid-template-columns: repeat(2, 1fr); } }
.e-6c50dcc7 .bottom-links { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 22px; }
.e-6c50dcc7 .bottom-links:empty, .e-6c50dcc7 .manage-link-zone:empty { display: none; }
.e-6c50dcc7 .bottom-link { font-size: 14px; color: #3b4a5a; transition: color 0.2s; }
.e-6c50dcc7 .bottom-link:hover { color: #be985a; }
.e-6c50dcc7 .logo { display: inline-flex; align-items: center; }
.e-6c50dcc7 .logo-image { display: block; width: auto; height: 56px; max-width: 220px; object-fit: contain; }
@media (max-width: 700px) { .e-6c50dcc7 .logo-image { height: 46px; max-width: 170px; } }

.e-6c50dcc7 .note-more
{
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
}

.e-6c50dcc7 .note-more:hover
{
	opacity: 0.8;
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-55652dda :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-55652dda :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-55652dda { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-55652dda *, .e-55652dda *::before, .e-55652dda *::after { box-sizing: border-box; }
.e-55652dda :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-55652dda a { text-decoration: none; color: inherit; }
.e-55652dda img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-55652dda button { font: inherit; }
.e-55652dda i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-55652dda .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-55652dda .btn:hover { background: #062d59; color: #fff; }
.e-55652dda .btn.solid { background: #062d59; color: #fff; }
.e-55652dda .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-55652dda .hero { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 700px; padding: 80px 32px 110px; color: #fff; overflow: visible; }
.e-55652dda .layer { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 0.9s ease; }
.e-55652dda .layer.on { opacity: 1; }
.e-55652dda .hero::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(4, 24, 48, 0.5), rgba(4, 24, 48, 0.3) 45%, rgba(4, 24, 48, 0.6)); }
.e-55652dda .copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; max-width: 920px; text-align: center; }
.e-55652dda .copy small { display: block; margin-bottom: 18px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #fff; }
.e-55652dda h1 { margin: 0 0 16px; text-wrap: balance; font-size: 54px; line-height: 1.1; font-weight: 500; color: #fff; }
.e-55652dda h1 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-55652dda .sub { margin: 0 0 30px; max-width: 640px; font-size: 20px; line-height: 1.5; color: rgba(255, 255, 255, 0.92); }
.e-55652dda .btn.light { border-color: #fff; color: #fff; }
.e-55652dda .btn.light:hover { background: #fff; color: #062d59; }
.e-55652dda .rate { display: flex; align-items: center; gap: 8px; margin: 26px 0 0; font-size: 15px; color: #fff; }
.e-55652dda .rate i { font-size: 20px; color: #fff; }
.e-55652dda .arrow { position: absolute; z-index: 2; top: 50%; margin-top: -44px; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 50%; background: rgba(4, 24, 48, 0.25); color: #fff; cursor: pointer; transition: background 0.2s; }
.e-55652dda .arrow:hover { background: rgba(4, 24, 48, 0.55); }
.e-55652dda .arrow i { font-size: 26px; }
.e-55652dda .arrow.is-prev { left: 28px; }
.e-55652dda .arrow.is-next { right: 28px; }
.e-55652dda .dots { position: absolute; z-index: 2; bottom: 36px; display: flex; gap: 10px; }
.e-55652dda .dot { width: 10px; height: 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; transition: background 0.2s, width 0.2s; }
.e-55652dda .dot.on { width: 28px; border-radius: 6px; background: #fff; }
@media (max-width: 1000px) { .e-55652dda h1 { font-size: 38px; } .e-55652dda .arrow { display: none; } }
@media (max-width: 700px) { .e-55652dda .hero { min-height: 640px; padding: 56px 18px 90px; } .e-55652dda h1 { font-size: 30px; } .e-55652dda .sub { font-size: 17px; } .e-55652dda .dots { bottom: 30px; } .e-55652dda .rate { flex-wrap: wrap; justify-content: center; } }
.e-55652dda { position: relative; z-index: 2; margin-bottom: 44px; }
@media (max-width: 700px) { .e-55652dda { margin-bottom: 56px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7154e632 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7154e632 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7154e632 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7154e632 *, .e-7154e632 *::before, .e-7154e632 *::after { box-sizing: border-box; }
.e-7154e632 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7154e632 a { text-decoration: none; color: inherit; }
.e-7154e632 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7154e632 button { font: inherit; }
.e-7154e632 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7154e632 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7154e632 .btn:hover { background: #062d59; color: #fff; }
.e-7154e632 .btn.solid { background: #062d59; color: #fff; }
.e-7154e632 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-7154e632 { background: #062d59; color: #fff; }
.e-7154e632 .line { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 40px; padding: 8px 18px; font-size: 14px; font-weight: 600; color: #fff; text-align: center; }
.e-7154e632 .line i { font-size: 18px; color: #be985a; }
.e-7154e632 .line:hover span { text-decoration: underline; text-underline-offset: 3px; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-451ab7e5 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-451ab7e5 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-451ab7e5 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-451ab7e5 *, .e-451ab7e5 *::before, .e-451ab7e5 *::after { box-sizing: border-box; }
.e-451ab7e5 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-451ab7e5 a { text-decoration: none; color: inherit; }
.e-451ab7e5 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-451ab7e5 button { font: inherit; }
.e-451ab7e5 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-451ab7e5 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-451ab7e5 .btn:hover { background: #062d59; color: #fff; }
.e-451ab7e5 .btn.solid { background: #062d59; color: #fff; }

.e-451ab7e5 .holder { background: #f3f6f9; padding: 80px 32px; }
.e-451ab7e5 .inner { max-width: 1000px; margin: 0 auto; }
.e-451ab7e5 .card { background: #fff; border: 1px solid #e3e8ec; border-radius: 4px; padding: 52px 56px 48px; }
.e-451ab7e5 .head { text-align: center; max-width: 680px; margin: 0 auto 38px; }
.e-451ab7e5 .head small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-451ab7e5 .head h2 { font-size: 38px; line-height: 1.18; font-weight: 500; }
.e-451ab7e5 .head h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-451ab7e5 .head p { margin: 14px 0 0; font-size: 17px; line-height: 1.65; }

.e-451ab7e5 .done { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 36px 24px 28px; text-align: center; }
.e-451ab7e5 .done-icon { font-size: 64px; color: #be985a; }
.e-451ab7e5 .done-text { max-width: 480px; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 24px; line-height: 1.4; color: #062d59; }

.e-451ab7e5 .steps { margin-bottom: 40px; }
.e-451ab7e5 .steps-track { display: flex; align-items: flex-start; }
.e-451ab7e5 .crumb { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 8px; border: 0; background: transparent; cursor: default; }
.e-451ab7e5 .crumb::before { content: ''; position: absolute; top: 18px; right: 50%; width: 100%; height: 2px; background: #e3e8ec; }
.e-451ab7e5 .crumb:first-child::before { display: none; }
.e-451ab7e5 .crumb.is-done::before, .e-451ab7e5 .crumb.is-now::before { background: #be985a; }
.e-451ab7e5 .crumb.is-done { cursor: pointer; }
.e-451ab7e5 .crumb-dot { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 2px solid #cfd8e0; border-radius: 4px; background: #fff; font-size: 15px; font-weight: 700; color: #6b7783; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.e-451ab7e5 .crumb.is-now .crumb-dot { border-color: #062d59; background: #062d59; color: #fff; }
.e-451ab7e5 .crumb.is-done .crumb-dot { border-color: #be985a; background: #be985a; color: #fff; }
.e-451ab7e5 .crumb-dot i { font-size: 20px; }
.e-451ab7e5 .crumb-label { font-size: 14px; font-weight: 600; color: #6b7783; }
.e-451ab7e5 .crumb.is-now .crumb-label { color: #062d59; }
.e-451ab7e5 .crumb.is-done:hover .crumb-label { color: #be985a; }
.e-451ab7e5 .steps-compact { display: none; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #be985a; }

.e-451ab7e5 .form { position: relative; display: flex; flex-direction: column; gap: 28px; }
.e-451ab7e5 .panel.is-off { display: none; }
.e-451ab7e5 .panel-head { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #e3e8ec; }
.e-451ab7e5 .panel-titles { display: flex; flex-direction: column; gap: 4px; }
.e-451ab7e5 .panel-title { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 26px; font-weight: 500; color: #062d59; }
.e-451ab7e5 .panel-note { font-size: 15px; color: #6b7783; }
.e-451ab7e5 .fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.e-451ab7e5 .field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.e-451ab7e5 .field.is-full { grid-column: 1 / -1; }
.e-451ab7e5 .field.type-check { justify-content: flex-end; }
.e-451ab7e5 .label { font-size: 14px; font-weight: 700; color: #062d59; }
.e-451ab7e5 .label-star { margin-left: 3px; color: #c0392b; font-weight: 700; }
.e-451ab7e5 .help { font-size: 13px; line-height: 1.5; color: #6b7783; }
.e-451ab7e5 .control { position: relative; display: block; min-width: 0; }

.e-451ab7e5 .input { display: block; width: 100%; height: 52px; padding: 0 16px; border: 1px solid #cfd8e0; border-radius: 4px; background: #fff; font: inherit; font-size: 16px; color: #062d59; outline: 0; transition: border-color 0.2s, box-shadow 0.2s; }
.e-451ab7e5 .input::placeholder { color: #8d98a3; }
.e-451ab7e5 .input:hover { border-color: #9fb0bf; }
.e-451ab7e5 .input:focus { border-color: #be985a; box-shadow: 0 0 0 3px rgba(190, 152, 90, 0.2); }
.e-451ab7e5 .input:user-invalid { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.12); }
.e-451ab7e5 .area { height: auto; min-height: 140px; padding: 14px 16px; line-height: 1.55; resize: vertical; }
.e-451ab7e5 .select { appearance: none; -webkit-appearance: none; padding-right: 46px; cursor: pointer; }
.e-451ab7e5 .chevron { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); font-size: 24px; color: #6b7783; pointer-events: none; }
.e-451ab7e5 input[type="date"].input { min-width: 0; }

.e-451ab7e5 .control-choices { display: flex; flex-wrap: wrap; gap: 10px; }
.e-451ab7e5 .choice { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px 0 14px; border: 1px solid #cfd8e0; border-radius: 4px; background: #fff; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.e-451ab7e5 .choice:hover { border-color: #be985a; }
.e-451ab7e5 .choice.is-on { border-color: #be985a; background: #f3f6f9; }
.e-451ab7e5 .choice-input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.e-451ab7e5 .choice-box { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1.5px solid #9fb0bf; border-radius: 3px; background: #fff; transition: background 0.2s, border-color 0.2s; }
.e-451ab7e5 .choice-input[type="radio"] + .choice-box { border-radius: 50%; }
.e-451ab7e5 .choice-mark { font-size: 15px; font-weight: 700; color: #fff; opacity: 0; }
.e-451ab7e5 .choice-input:checked + .choice-box { border-color: #be985a; background: #be985a; }
.e-451ab7e5 .choice-input:checked + .choice-box .choice-mark { opacity: 1; }
.e-451ab7e5 .choice-input:focus-visible + .choice-box { box-shadow: 0 0 0 3px rgba(190, 152, 90, 0.35); }
.e-451ab7e5 .choice-label { font-size: 15px; font-weight: 600; color: #062d59; }

.e-451ab7e5 .control-stepper { display: inline-flex; align-self: flex-start; max-width: 100%; }
.e-451ab7e5 .step { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid #cfd8e0; background: #fff; color: #062d59; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.e-451ab7e5 .step:first-child { border-radius: 4px 0 0 4px; }
.e-451ab7e5 .step:last-child { border-radius: 0 4px 4px 0; }
.e-451ab7e5 .step:hover { border-color: #be985a; background: #be985a; color: #fff; }
.e-451ab7e5 .step:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(190, 152, 90, 0.35); }
.e-451ab7e5 .step-icon { font-size: 22px; }
.e-451ab7e5 .step-value { width: 72px; height: 52px; padding: 0; border: solid #cfd8e0; border-width: 1px 0; border-radius: 0; background: #fff; font-size: 18px; font-weight: 700; text-align: center; color: #062d59; outline: 0; cursor: default; }

.e-451ab7e5 .control-ages { display: flex; flex-wrap: wrap; gap: 12px; }
.e-451ab7e5 .age { display: inline-flex; align-items: center; gap: 8px; }
.e-451ab7e5 .age-index { font-size: 14px; font-weight: 700; color: #6b7783; }
.e-451ab7e5 .age-select { width: 96px; padding-right: 14px; }

.e-451ab7e5 .foot { display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
.e-451ab7e5 .consents { display: flex; flex-direction: column; gap: 12px; }
.e-451ab7e5 .consent { position: relative; display: flex; align-items: flex-start; gap: 12px; }
.e-451ab7e5 .consent .choice-box { margin-top: 1px; cursor: pointer; }
.e-451ab7e5 .consent-text { font-size: 15px; line-height: 1.5; }
.e-451ab7e5 .consent-label { cursor: pointer; }
.e-451ab7e5 .consent-link { margin-left: 6px; font-weight: 700; color: #0b3f78; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s; }
.e-451ab7e5 .consent-link:hover { color: #be985a; }
.e-451ab7e5 .note { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #6b7783; }
.e-451ab7e5 .note-icon { font-size: 17px; color: #be985a; }

.e-451ab7e5 .trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; opacity: 0; pointer-events: none; }

.e-451ab7e5 .nav { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 24px; border-top: 1px solid #e3e8ec; }
.e-451ab7e5 .act { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 30px; border: 2px solid #062d59; border-radius: 0; background: #062d59; font-size: 15px; font-weight: 700; color: #fff; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.e-451ab7e5 .act:hover { background: #0b3f78; border-color: #0b3f78; }
.e-451ab7e5 .act:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(190, 152, 90, 0.35); }
.e-451ab7e5 .act-back { margin-right: auto; background: transparent; color: #062d59; }
.e-451ab7e5 .act-back:hover { background: #062d59; border-color: #062d59; color: #fff; }
.e-451ab7e5 .act-icon { font-size: 20px; transition: transform 0.2s; }
.e-451ab7e5 .act-next:hover .act-icon, .e-451ab7e5 .act-submit:hover .act-icon { transform: translateX(3px); }
.e-451ab7e5 .act-back:hover .act-icon-left { transform: translateX(-3px); }
.e-451ab7e5 .act:disabled { border-color: #cfd8e0; background: #e3e8ec; color: #8d98a3; cursor: not-allowed; }
.e-451ab7e5 .act:disabled:hover .act-icon { transform: none; }

.e-451ab7e5 .form-notice { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 4px; font-size: 15px; font-weight: 600; line-height: 1.5; }
.e-451ab7e5 .form-notice.success { border: 1px solid #be985a; background: #f3f6f9; color: #062d59; }
.e-451ab7e5 .form-notice.success::before { content: 'check_circle'; flex: 0 0 auto; font-family: 'Material Symbols Rounded'; font-size: 26px; font-weight: 400; color: #be985a; }
.e-451ab7e5 .form-notice.error { border: 1px solid #c0392b; background: #fdf3f1; color: #c0392b; }
.e-451ab7e5 .form-notice.error::before { content: 'error'; flex: 0 0 auto; font-family: 'Material Symbols Rounded'; font-size: 26px; font-weight: 400; }

@media (max-width: 1000px) { .e-451ab7e5 .holder { padding: 56px 24px; } .e-451ab7e5 .card { padding: 40px 32px; } .e-451ab7e5 .head h2 { font-size: 32px; } }
@media (max-width: 700px) {
	.e-451ab7e5 .holder { padding: 32px 14px; }
	.e-451ab7e5 .card { padding: 28px 18px; }
	.e-451ab7e5 .head { margin-bottom: 26px; }
	.e-451ab7e5 .head h2 { font-size: 28px; }
	.e-451ab7e5 .steps { margin-bottom: 28px; text-align: center; }
	.e-451ab7e5 .steps-track { display: none; }
	.e-451ab7e5 .steps-compact { display: block; }
	.e-451ab7e5 .fields { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.e-451ab7e5 .field.type-check { justify-content: flex-start; }
	.e-451ab7e5 .panel-title { font-size: 22px; }
	.e-451ab7e5 .nav { flex-wrap: wrap; }
	.e-451ab7e5 .act { flex: 1 1 auto; padding: 0 20px; }
	.e-451ab7e5 .act-back { margin-right: 0; }
	.e-451ab7e5 .done-text { font-size: 20px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-570859f3 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-570859f3 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-570859f3 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-570859f3 *, .e-570859f3 *::before, .e-570859f3 *::after { box-sizing: border-box; }
.e-570859f3 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-570859f3 a { text-decoration: none; color: inherit; }
.e-570859f3 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-570859f3 button { font: inherit; }
.e-570859f3 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-570859f3 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-570859f3 .btn:hover { background: #062d59; color: #fff; }
.e-570859f3 .btn.solid { background: #062d59; color: #fff; }

.e-570859f3 .holder { max-width: 1440px; margin: 0 auto; padding: 64px 40px 96px; }
.e-570859f3 .rich { max-width: 760px; font-size: 18px; line-height: 1.75; min-width: 0; overflow-wrap: anywhere; }
.e-570859f3 .rich > :first-child { margin-top: 0; }
.e-570859f3 .rich h2 { margin: 52px 0 16px; font-size: 30px; line-height: 1.25; font-weight: 600; }
.e-570859f3 .rich h3 { margin: 36px 0 12px; font-size: 23px; line-height: 1.3; font-weight: 600; }
.e-570859f3 .rich p { margin: 0 0 20px; }
.e-570859f3 .rich ul, .e-570859f3 .rich ol { margin: 0 0 24px; padding-left: 26px; }
.e-570859f3 .rich li { margin-bottom: 10px; padding-left: 4px; }
.e-570859f3 .rich li::marker { color: #be985a; }
.e-570859f3 .rich a { color: #0b3f78; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s; }
.e-570859f3 .rich a:hover { color: #be985a; }
.e-570859f3 .rich strong, .e-570859f3 .rich b { color: #062d59; font-weight: 700; }
.e-570859f3 .rich blockquote { margin: 28px 0; padding: 20px 26px; background: #f3f6f9; border-left: 3px solid #be985a; border-radius: 0 4px 4px 0; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-style: italic; color: #062d59; }
.e-570859f3 .rich blockquote > :last-child { margin-bottom: 0; }
.e-570859f3 .rich img { max-width: 100%; height: auto; margin: 28px 0; border-radius: 4px; }
.e-570859f3 .rich table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 16px; }
.e-570859f3 .rich :is(th, td) { padding: 10px 12px; border-bottom: 1px solid #e3e8ec; text-align: left; }
@media (max-width: 1000px) { .e-570859f3 .holder { padding: 48px 24px 72px; } }
@media (max-width: 700px) { .e-570859f3 .holder { padding: 36px 18px 56px; } .e-570859f3 .rich { font-size: 16px; } .e-570859f3 .rich h2 { margin-top: 40px; font-size: 25px; } .e-570859f3 .rich h3 { font-size: 20px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-512b78d8 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-512b78d8 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-512b78d8 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-512b78d8 *, .e-512b78d8 *::before, .e-512b78d8 *::after { box-sizing: border-box; }
.e-512b78d8 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-512b78d8 a { text-decoration: none; color: inherit; }
.e-512b78d8 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-512b78d8 button { font: inherit; }
.e-512b78d8 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-512b78d8 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-512b78d8 .btn:hover { background: #062d59; color: #fff; }
.e-512b78d8 .btn.solid { background: #062d59; color: #fff; }

.e-512b78d8 { background: #fff; }
.e-512b78d8 .body { max-width: 1440px; margin: 0 auto; padding: 44px 40px 88px; display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 48px; align-items: start; }
.e-512b78d8 .sidebar { position: sticky; top: 88px; max-height: calc(100vh - 112px); overflow-y: auto; padding-right: 6px; scrollbar-width: thin; scrollbar-color: #c9d1d8 transparent; }
.e-512b78d8 .sidebar-top, .e-512b78d8 .sidebar-foot { display: none; }
.e-512b78d8 .content { min-width: 0; }
.e-512b78d8 .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; }
.e-512b78d8 .skeleton { aspect-ratio: 4 / 4.2; border-radius: 4px; background: linear-gradient(90deg, #eef2f5 25%, #f7f9fb 50%, #eef2f5 75%); background-size: 200% 100%; animation: shimmer 1.4s linear infinite; }
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.e-512b78d8 .filters-overlay { display: none; }
@media (max-width: 1240px) { .e-512b78d8 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1000px)
{
	.e-512b78d8 .body { grid-template-columns: minmax(0, 1fr); padding: 32px 24px 72px; }
	.e-512b78d8 .sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 71; display: flex; flex-direction: column; width: min(360px, 92vw); max-height: none; padding: 0 22px; background: #fff; box-shadow: 8px 0 32px rgba(6, 45, 89, 0.18); transform: translateX(-102%); visibility: hidden; transition: transform 0.3s ease, visibility 0.3s; overflow-y: auto; }
	.e-512b78d8 .holder.is-filters-open .sidebar { transform: translateX(0); visibility: visible; }
	.e-512b78d8 .sidebar-top { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 6px; }
	.e-512b78d8 .sidebar-title { font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #6b7783; }
	.e-512b78d8 .sidebar-close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: -10px; border: 0; border-radius: 4px; background: transparent; color: #062d59; cursor: pointer; transition: background 0.2s; }
	.e-512b78d8 .sidebar-close:hover { background: #f3f6f9; }
	.e-512b78d8 .sidebar-close i { font-size: 26px; }
	.e-512b78d8 .sidebar-foot { display: block; position: sticky; bottom: 0; margin-top: auto; padding: 16px 0 20px; background: #fff; border-top: 1px solid #e3e8ec; }
	.e-512b78d8 .sidebar-foot .btn { width: 100%; text-align: center; }
	.e-512b78d8 .filters-overlay { display: block; position: fixed; inset: 0; z-index: 70; background: rgba(6, 45, 89, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s; }
	.e-512b78d8 .holder.is-filters-open .filters-overlay { opacity: 1; pointer-events: auto; }
}
@media (max-width: 700px)
{
	.e-512b78d8 .body { padding: 24px 18px 56px; }
	.e-512b78d8 .grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-57065917 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-57065917 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-57065917 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-57065917 *, .e-57065917 *::before, .e-57065917 *::after { box-sizing: border-box; }
.e-57065917 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-57065917 a { text-decoration: none; color: inherit; }
.e-57065917 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-57065917 button { font: inherit; }
.e-57065917 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-57065917 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-57065917 .btn:hover { background: #062d59; color: #fff; }
.e-57065917 .btn.solid { background: #062d59; color: #fff; }
.e-57065917 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-57065917 { background: #f3f6f9; }
.e-57065917 .holder { max-width: 1440px; margin: 0 auto; padding: 88px 40px; }
.e-57065917 .head { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.e-57065917 .head small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-57065917 h2 { font-size: 42px; line-height: 1.15; font-weight: 700; }
.e-57065917 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-57065917 .head p { margin: 18px 0 0; font-size: 17px; line-height: 1.7; }
.e-57065917 .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.e-57065917 .card { display: flex; flex-direction: column; padding: 36px 32px 28px; border-radius: 4px; background: #fff; box-shadow: 0 1px 0 #e3e8ec; }
.e-57065917 .card h3 { font-size: 30px; font-weight: 700; }
.e-57065917 .card h3 a:hover { color: #be985a; }
.e-57065917 .card > small { display: block; margin: 6px 0 22px; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #be985a; }
.e-57065917 ul { flex: 1; margin: 0; padding: 0; list-style: none; }
.e-57065917 li a { display: block; padding: 12px 0; border-top: 1px solid #e3e8ec; transition: padding 0.2s; }
.e-57065917 li a:hover { padding-left: 6px; }
.e-57065917 li b { display: block; font-size: 15px; color: #062d59; }
.e-57065917 li span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #6b7783; }
.e-57065917 .all { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 14px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #062d59; }
.e-57065917 .all i { font-size: 18px; transition: transform 0.2s; }
.e-57065917 .all:hover i { transform: translateX(4px); }
.e-57065917 .tone-accent { background: #062d59; }
.e-57065917 .tone-accent :is(h3, li b, .all) { color: #fff; }
.e-57065917 .tone-accent li a { border-top-color: rgba(255, 255, 255, 0.18); }
.e-57065917 .tone-accent li span { color: rgba(255, 255, 255, 0.7); }
.e-57065917 .tone-accent h3 a:hover { color: #be985a; }
.e-57065917 .foot { margin-top: 48px; text-align: center; }
@media (max-width: 1000px) { .e-57065917 .cards { grid-template-columns: 1fr; } .e-57065917 .holder { padding: 56px 18px; } .e-57065917 h2 { font-size: 32px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7935433c :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7935433c :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7935433c { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7935433c *, .e-7935433c *::before, .e-7935433c *::after { box-sizing: border-box; }
.e-7935433c :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7935433c a { text-decoration: none; color: inherit; }
.e-7935433c img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7935433c button { font: inherit; }
.e-7935433c i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7935433c .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7935433c .btn:hover { background: #062d59; color: #fff; }
.e-7935433c .btn.solid { background: #062d59; color: #fff; }
.e-7935433c .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-7935433c { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 1px 0 #e3e8ec; }
.e-7935433c .holder { display: flex; align-items: center; gap: 20px; max-width: 1560px; height: 84px; margin: 0 auto; padding: 0 28px; }
.e-7935433c .logo { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 20px; letter-spacing: 4px; font-weight: 500; text-transform: uppercase; color: #062d59; white-space: nowrap; }
.e-7935433c .links { display: flex; flex: 1; align-items: center; justify-content: center; gap: 0; min-width: 0; }
.e-7935433c .item { position: static; }
.e-7935433c .item > a { display: inline-flex; align-items: center; gap: 2px; height: 84px; padding: 0 9px; font-size: 13.5px; font-weight: 600; color: #062d59; white-space: nowrap; transition: color 0.2s; }
.e-7935433c .item > a i { font-size: 18px; transition: transform 0.2s; }
.e-7935433c .item:hover > a { color: #be985a; }
.e-7935433c .item:hover > a i { transform: rotate(180deg); }
.e-7935433c .panel { position: absolute; left: 0; right: 0; top: 100%; display: none; background: #fff; border-top: 1px solid #e3e8ec; box-shadow: 0 24px 40px rgba(6, 45, 89, 0.12); }
.e-7935433c .item.has-menu:hover .panel { display: block; }
.e-7935433c .panel .inner { display: grid; gap: 8px 28px; max-width: 1440px; margin: 0 auto; padding: 28px 40px 20px; }
.e-7935433c .panel ul { list-style: none; margin: 0; padding: 0; }
.e-7935433c .panel li a { display: block; padding: 6px 0; font-size: 15px; font-weight: 600; color: #062d59; transition: color 0.2s; }
.e-7935433c .panel li a:hover { color: #be985a; }
.e-7935433c .country { display: grid; grid-template-columns: auto 1fr; gap: 0 12px; align-items: center; padding: 10px 12px; border-radius: 4px; transition: background 0.2s; }
.e-7935433c .country:hover { background: #f3f6f9; }
.e-7935433c .country span { grid-row: span 2; font-size: 24px; }
.e-7935433c .country .flag { grid-row: span 2; width: 28px; height: 20px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); }
.e-7935433c .country b { font-size: 15px; color: #062d59; }
.e-7935433c .country small { font-size: 13px; color: #6b7a8a; }
.e-7935433c .all { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; background: #f3f6f9; font-size: 14px; font-weight: 700; color: #062d59; }
.e-7935433c .all:hover { color: #be985a; }
.e-7935433c .all i { font-size: 20px; }
.e-7935433c .cta { padding: 11px 20px; font-size: 13.5px; white-space: nowrap; }
.e-7935433c .burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; border: 1px solid #c9d1d8; border-radius: 50%; background: #fff; color: #062d59; cursor: pointer; }
.e-7935433c .burger i { font-size: 24px; }
.e-7935433c .sheet { display: none; flex-direction: column; padding: 8px 18px 20px; border-top: 1px solid #e3e8ec; background: #fff; }
.e-7935433c .sheet a:not(.btn) { padding: 14px 0; border-bottom: 1px solid #eef2f5; font-size: 16px; font-weight: 600; color: #062d59; }
.e-7935433c .sheet .btn { margin-top: 16px; text-align: center; }
@media (max-width: 1360px) { .e-7935433c .links, .e-7935433c .cta { display: none; } .e-7935433c .burger { display: inline-flex; } .e-7935433c .holder { height: 68px; padding: 0 18px; } .e-7935433c .bar.is-open .sheet { display: flex; } }
@media (max-width: 700px) { .e-7935433c .logo { font-size: 17px; letter-spacing: 3px; } }
@media (max-width: 1500px) { .e-7935433c .cta { display: none; } }
.e-7935433c .logo { display: inline-flex; align-items: center; }
.e-7935433c .logo-image { display: block; width: auto; height: 56px; max-width: 220px; object-fit: contain; }
@media (max-width: 700px) { .e-7935433c .logo-image { height: 44px; max-width: 170px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-27554a1b :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-27554a1b :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-27554a1b { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-27554a1b *, .e-27554a1b *::before, .e-27554a1b *::after { box-sizing: border-box; }
.e-27554a1b :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-27554a1b a { text-decoration: none; color: inherit; }
.e-27554a1b img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-27554a1b button { font: inherit; }
.e-27554a1b i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-27554a1b .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-27554a1b .btn:hover { background: #062d59; color: #fff; }
.e-27554a1b .btn.solid { background: #062d59; color: #fff; }
.e-27554a1b .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-27554a1b { background: #062d59; color: #fff; }
.e-27554a1b .holder { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); }
.e-27554a1b .copy { padding: 88px 56px 88px max(32px, calc((100vw - 1240px) / 2 + 32px)); }
.e-27554a1b .copy small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-27554a1b h2 { font-size: 42px; line-height: 1.15; font-weight: 700; color: #fff; }
.e-27554a1b h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-27554a1b .copy p { margin: 18px 0 30px; max-width: 520px; font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.85); }
.e-27554a1b form { display: flex; max-width: 520px; background: #fff; padding: 6px; }
.e-27554a1b input { flex: 1; min-width: 0; padding: 0 18px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; color: #062d59; }
.e-27554a1b form button { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border: 0; background: #be985a; font-size: 15px; font-weight: 700; color: #fff; cursor: pointer; transition: background 0.2s; }
.e-27554a1b form button:hover { background: #a98245; }
.e-27554a1b form button i { font-size: 20px; }
.e-27554a1b .note { display: flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 13px; color: rgba(255, 255, 255, 0.65); }
.e-27554a1b .note i { font-size: 16px; }
.e-27554a1b ul { display: flex; flex-wrap: wrap; gap: 14px 28px; margin: 32px 0 0; padding: 0; list-style: none; }
.e-27554a1b li { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.9); }
.e-27554a1b li i { font-size: 20px; color: #be985a; }
.e-27554a1b .photo { min-height: 360px; }
@media (max-width: 900px) { .e-27554a1b .holder { grid-template-columns: 1fr; } .e-27554a1b .copy { padding: 56px 18px; } .e-27554a1b h2 { font-size: 32px; } .e-27554a1b .photo { min-height: 240px; } .e-27554a1b form { flex-direction: column; gap: 6px; } .e-27554a1b input { padding: 14px 12px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-56dda250 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-56dda250 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-56dda250 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-56dda250 *, .e-56dda250 *::before, .e-56dda250 *::after { box-sizing: border-box; }
.e-56dda250 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-56dda250 a { text-decoration: none; color: inherit; }
.e-56dda250 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-56dda250 button { font: inherit; }
.e-56dda250 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-56dda250 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-56dda250 .btn:hover { background: #062d59; color: #fff; }
.e-56dda250 .btn.solid { background: #062d59; color: #fff; }
.e-56dda250 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-56dda250 .head { max-width: 560px; padding: 0; text-align: left; }
.e-56dda250 h2 { margin-bottom: 22px; font-size: 46px; line-height: 1.15; font-weight: 700; }
.e-56dda250 .head p { margin: 0 0 30px; font-size: 17px; line-height: 1.75; }
.e-56dda250 .head small { display: block; margin-top: 14px; font-size: 13px; color: #6b7783; }
.e-56dda250 .photo { height: 440px; overflow: hidden; border-radius: 8px; background: #e9eef2; }
@media (max-width: 700px) { .e-56dda250 .photo { height: 260px; } .e-56dda250 h2 { font-size: 34px; } }
.e-56dda250 ul { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; gap: 14px 40px; margin: 0 0 32px; padding: 0; list-style: none; text-align: left; }
.e-56dda250 li { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; color: #062d59; }
.e-56dda250 li i { font-size: 22px; color: #be985a; }
@media (max-width: 700px) { .e-56dda250 ul { grid-template-columns: 1fr; } }
.e-56dda250 { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; max-width: 1440px; margin: 0 auto; padding: 80px 40px; }
.e-56dda250 .head { justify-self: end; }
@media (max-width: 900px) { .e-56dda250 { grid-template-columns: 1fr; gap: 36px; padding: 52px 18px; } .e-56dda250 .head { justify-self: start; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-619c5f0e :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-619c5f0e :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-619c5f0e { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-619c5f0e *, .e-619c5f0e *::before, .e-619c5f0e *::after { box-sizing: border-box; }
.e-619c5f0e :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-619c5f0e a { text-decoration: none; color: inherit; }
.e-619c5f0e img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-619c5f0e button { font: inherit; }
.e-619c5f0e i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-619c5f0e .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-619c5f0e .btn:hover { background: #062d59; color: #fff; }
.e-619c5f0e .btn.solid { background: #062d59; color: #fff; }

.e-619c5f0e .wrap { max-width: 1440px; margin: 0 auto; padding: 32px 40px 72px; }
.e-619c5f0e .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-bottom: 20px; font-size: 14px; color: #5f6b76; }
.e-619c5f0e .crumbs span + span::before { content: '/'; margin: 0 10px; color: #e3e8ec; }
.e-619c5f0e .crumbs a { color: #0b3f78; font-weight: 600; transition: color 0.2s; }
.e-619c5f0e .crumbs a:hover { color: #be985a; }
.e-619c5f0e .crumbs b { font-weight: 600; color: #062d59; }
.e-619c5f0e .title { padding: 32px 0 34px; border-bottom: 1px solid #e3e8ec; }
.e-619c5f0e .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.e-619c5f0e .chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; font-size: 14px; font-weight: 700; color: #062d59; }
.e-619c5f0e .chip i { font-size: 18px; color: #be985a; }
.e-619c5f0e .row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.e-619c5f0e h1 { max-width: 900px; font-size: 44px; line-height: 1.12; font-weight: 500; text-wrap: balance; }
.e-619c5f0e .stars { font-style: normal; font-size: 22px; letter-spacing: 3px; color: #be985a; }
.e-619c5f0e .code { display: block; margin-top: 14px; font-size: 14px; }
.e-619c5f0e .code strong { color: #062d59; letter-spacing: 0.5px; }
.e-619c5f0e .body { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start; padding-top: 36px; }
.e-619c5f0e .content { display: flex; flex-direction: column; gap: 52px; min-width: 0; }
.e-619c5f0e .block { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.e-619c5f0e h2 { font-size: 30px; line-height: 1.2; font-weight: 500; }
.e-619c5f0e h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-619c5f0e h2 small { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-619c5f0e .lead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; }
.e-619c5f0e .lead .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; font-size: 14px; }
.e-619c5f0e .lead .btn i { font-size: 19px; }
.e-619c5f0e .lead .btn:disabled { opacity: 0.6; cursor: wait; }
.e-619c5f0e .lead .btn:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-619c5f0e .rich { font-size: 16px; line-height: 1.75; }
.e-619c5f0e .side { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.e-619c5f0e .panel { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 14px; padding: 28px 26px; border: 1px solid #e3e8ec; border-radius: 4px; background: #f3f6f9; }
.e-619c5f0e .panel h3 { font-size: 24px; font-weight: 500; }
.e-619c5f0e .panel p { margin: 0; font-size: 15px; line-height: 1.6; }
.e-619c5f0e .panel .btn { margin-top: 4px; text-align: center; }
.e-619c5f0e .panel .btn.solid:hover { background: #be985a; border-color: #be985a; color: #fff; }
.e-619c5f0e .panel .btn:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
.e-619c5f0e .note { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 13px; }
.e-619c5f0e .note i { font-size: 17px; color: #be985a; }
.e-619c5f0e .panel ul { display: flex; flex-direction: column; gap: 10px; margin: 4px 0 0; padding: 16px 0 0; border-top: 1px solid #e3e8ec; list-style: none; }
.e-619c5f0e .panel li { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.e-619c5f0e .panel li i { font-size: 19px; color: #0b3f78; }
@media (max-width: 1000px) {
	.e-619c5f0e .wrap { padding: 24px 24px 56px; }
	.e-619c5f0e .body { grid-template-columns: 1fr; gap: 40px; }
	.e-619c5f0e .panel { position: static; }
	.e-619c5f0e h1 { font-size: 36px; }
}
@media (max-width: 700px) {
	.e-619c5f0e .wrap { padding: 18px 18px 44px; }
	.e-619c5f0e .title { padding: 24px 0 26px; }
	.e-619c5f0e h1 { font-size: 30px; }
	.e-619c5f0e h2 { font-size: 25px; }
	.e-619c5f0e .content { gap: 40px; }
	.e-619c5f0e .panel { padding: 22px 20px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-48b7a2e5 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-48b7a2e5 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-48b7a2e5 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-48b7a2e5 *, .e-48b7a2e5 *::before, .e-48b7a2e5 *::after { box-sizing: border-box; }
.e-48b7a2e5 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-48b7a2e5 a { text-decoration: none; color: inherit; }
.e-48b7a2e5 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-48b7a2e5 button { font: inherit; }
.e-48b7a2e5 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-48b7a2e5 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-48b7a2e5 .btn:hover { background: #062d59; color: #fff; }
.e-48b7a2e5 .btn.solid { background: #062d59; color: #fff; }

.e-48b7a2e5 .head { background: #f3f6f9; border-bottom: 1px solid #e3e8ec; }
.e-48b7a2e5 .holder { max-width: 1440px; margin: 0 auto; padding: 44px 40px 52px; }
.e-48b7a2e5 .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-bottom: 22px; font-size: 14px; color: #6b7783; }
.e-48b7a2e5 .crumbs span + span::before { content: '/'; margin: 0 10px; color: #b4bec8; }
.e-48b7a2e5 .crumbs a { color: #0b3f78; font-weight: 600; transition: color 0.2s; }
.e-48b7a2e5 .crumbs a:hover { color: #be985a; }
.e-48b7a2e5 .crumbs b { font-weight: 600; color: #062d59; }
.e-48b7a2e5 small { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-48b7a2e5 h1 { max-width: 880px; text-wrap: balance; font-size: 46px; line-height: 1.12; font-weight: 500; }
.e-48b7a2e5 h1 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-48b7a2e5 p { max-width: 720px; margin: 16px 0 0; font-size: 18px; line-height: 1.6; }
@media (max-width: 700px) { .e-48b7a2e5 .holder { padding: 28px 18px 34px; } .e-48b7a2e5 h1 { font-size: 32px; } .e-48b7a2e5 p { font-size: 16px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-1bb4173a :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-1bb4173a :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-1bb4173a { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-1bb4173a *, .e-1bb4173a *::before, .e-1bb4173a *::after { box-sizing: border-box; }
.e-1bb4173a :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-1bb4173a a { text-decoration: none; color: inherit; }
.e-1bb4173a img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-1bb4173a button { font: inherit; }
.e-1bb4173a i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-1bb4173a .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-1bb4173a .btn:hover { background: #062d59; color: #fff; }
.e-1bb4173a .btn.solid { background: #062d59; color: #fff; }

.e-1bb4173a .holder { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 28px; margin-top: 44px; border-top: 1px solid #e3e8ec; }
.e-1bb4173a .arrow { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border: 1px solid #c9d1d8; border-radius: 4px; background: #fff; color: #062d59; font-size: 15px; font-weight: 700; cursor: pointer; transition: border-color 0.2s, background 0.2s, color 0.2s; }
.e-1bb4173a .arrow i { font-size: 20px; }
.e-1bb4173a .arrow:hover:not(:disabled) { border-color: #062d59; background: #062d59; color: #fff; }
.e-1bb4173a .arrow:disabled { opacity: 0.4; cursor: default; }
.e-1bb4173a .slots { display: flex; align-items: center; gap: 6px; }
.e-1bb4173a .slot { display: block; }
.e-1bb4173a .slot-button { min-width: 42px; height: 42px; padding: 0 8px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: #062d59; font-size: 16px; font-weight: 600; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.e-1bb4173a .slot-button:hover { border-color: #c9d1d8; background: #f3f6f9; }
.e-1bb4173a .slot.is-active .slot-button { border-color: #062d59; background: #062d59; color: #fff; cursor: default; }
.e-1bb4173a .gap { display: flex; align-items: center; justify-content: center; min-width: 28px; color: #6b7783; }
.e-1bb4173a .arrow:focus-visible, .e-1bb4173a .slot-button:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
@media (max-width: 700px)
{
	.e-1bb4173a .holder { flex-wrap: wrap; justify-content: center; }
	.e-1bb4173a .slots { order: -1; flex-basis: 100%; justify-content: center; }
	.e-1bb4173a .arrow-label { display: none; }
	.e-1bb4173a .arrow { padding: 11px 14px; }
	.e-1bb4173a .holder { gap: 12px 24px; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7cfeafad :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7cfeafad :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7cfeafad { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7cfeafad *, .e-7cfeafad *::before, .e-7cfeafad *::after { box-sizing: border-box; }
.e-7cfeafad :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7cfeafad a { text-decoration: none; color: inherit; }
.e-7cfeafad i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7cfeafad .holder { max-width: 1440px; margin: 0 auto; padding: 40px 40px 24px; }
.e-7cfeafad .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 20px; }
.e-7cfeafad img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #e3e8ec; }
@media (max-width: 700px) { .e-7cfeafad .holder { padding: 24px 18px 8px; } .e-7cfeafad .grid { grid-template-columns: minmax(0, 1fr); } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7d306f78 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7d306f78 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7d306f78 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7d306f78 *, .e-7d306f78 *::before, .e-7d306f78 *::after { box-sizing: border-box; }
.e-7d306f78 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7d306f78 a { text-decoration: none; color: inherit; }
.e-7d306f78 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7d306f78 button { font: inherit; }
.e-7d306f78 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7d306f78 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7d306f78 .btn:hover { background: #062d59; color: #fff; }
.e-7d306f78 .btn.solid { background: #062d59; color: #fff; }
.e-7d306f78 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-7d306f78 .holder { max-width: 1440px; margin: 0 auto; padding: 72px 40px 96px; }
.e-7d306f78 h2 { text-align: center; font-size: 46px; line-height: 1.15; font-weight: 700; }
.e-7d306f78 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-7d306f78 .intro { max-width: 580px; margin: 22px auto 0; text-align: center; font-size: 17px; line-height: 1.7; }
.e-7d306f78 h2 + .featured { margin-top: 56px; }
.e-7d306f78 .intro + .featured { margin-top: 56px; }
.e-7d306f78 .featured { display: grid; grid-template-columns: 1fr 1fr; min-height: 440px; }
.e-7d306f78 .copy { display: flex; flex-direction: column; justify-content: center; padding: 56px; background: #f3f6f9; }
.e-7d306f78 .copy small { font-size: 13px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: #be985a; }
.e-7d306f78 .copy h3 { margin: 10px 0 18px; font-size: 38px; font-weight: 700; }
.e-7d306f78 .copy p { margin: 0 0 28px; font-size: 17px; line-height: 1.75; }
.e-7d306f78 .more { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; font-size: 14px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #062d59; border-bottom: 2px solid #be985a; padding-bottom: 4px; }
.e-7d306f78 .more i { font-size: 18px; transition: transform 0.2s; }
.e-7d306f78 .more:hover i { transform: translateX(4px); }
.e-7d306f78 .photo { position: relative; display: block; overflow: hidden; background: #e9eef2; }
.e-7d306f78 .badge { position: absolute; top: 28px; right: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 104px; height: 104px; border-radius: 50%; background: #fff; color: #062d59; box-shadow: 0 6px 20px rgba(6, 45, 89, 0.2); }
.e-7d306f78 .badge b { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 26px; font-weight: 700; line-height: 1; }
.e-7d306f78 .badge small { margin-top: 4px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.e-7d306f78 .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 24px; margin-top: 44px; }
.e-7d306f78 .tile { display: block; }
.e-7d306f78 .tile h4 { margin-bottom: 10px; font-size: 21px; font-weight: 700; }
.e-7d306f78 .shot { display: block; aspect-ratio: 1 / 0.8; overflow: hidden; background: #e9eef2; }
.e-7d306f78 .shot img { transition: transform 0.5s ease; }
.e-7d306f78 .tile:hover .shot img { transform: scale(1.05); }
.e-7d306f78 .tile small { display: block; margin-top: 10px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #be985a; }
.e-7d306f78 .tile p { margin: 6px 0 0; font-size: 15px; line-height: 1.55; color: #5f6b76; }
.e-7d306f78 .foot { margin-top: 52px; text-align: center; }
@media (max-width: 900px) { .e-7d306f78 .featured { grid-template-columns: 1fr; } .e-7d306f78 .photo { min-height: 280px; } .e-7d306f78 .copy { padding: 32px 24px; } .e-7d306f78 .grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .e-7d306f78 .holder { padding: 48px 18px 56px; } .e-7d306f78 h2 { font-size: 34px; } .e-7d306f78 .copy h3 { font-size: 30px; } .e-7d306f78 .grid { grid-template-columns: 1fr; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-55616534 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-55616534 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-55616534 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-55616534 *, .e-55616534 *::before, .e-55616534 *::after { box-sizing: border-box; }
.e-55616534 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-55616534 a { text-decoration: none; color: inherit; }
.e-55616534 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-55616534 button { font: inherit; }
.e-55616534 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-55616534 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-55616534 .btn:hover { background: #062d59; color: #fff; }
.e-55616534 .btn.solid { background: #062d59; color: #fff; }


.e-55616534 .rich {  font-size: 18px; line-height: 1.75; min-width: 0; overflow-wrap: anywhere; }
.e-55616534 .rich > :first-child { margin-top: 0; }
.e-55616534 .rich h2 { margin: 52px 0 16px; font-size: 30px; line-height: 1.25; font-weight: 600; }
.e-55616534 .rich h3 { margin: 36px 0 12px; font-size: 23px; line-height: 1.3; font-weight: 600; }
.e-55616534 .rich p { margin: 0 0 20px; }
.e-55616534 .rich ul, .e-55616534 .rich ol { margin: 0 0 24px; padding-left: 26px; }
.e-55616534 .rich li { margin-bottom: 10px; padding-left: 4px; }
.e-55616534 .rich li::marker { color: #be985a; }
.e-55616534 .rich a { color: #0b3f78; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s; }
.e-55616534 .rich a:hover { color: #be985a; }
.e-55616534 .rich strong, .e-55616534 .rich b { color: #062d59; font-weight: 700; }
.e-55616534 .rich blockquote { margin: 28px 0; padding: 20px 26px; background: #f3f6f9; border-left: 3px solid #be985a; border-radius: 0 4px 4px 0; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-style: italic; color: #062d59; }
.e-55616534 .rich blockquote > :last-child { margin-bottom: 0; }
.e-55616534 .rich img { max-width: 100%; height: auto; margin: 28px 0; border-radius: 4px; }
.e-55616534 .rich table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 16px; }
.e-55616534 .rich :is(th, td) { padding: 10px 12px; border-bottom: 1px solid #e3e8ec; text-align: left; }
.e-55616534 .head { background: #f3f6f9; border-bottom: 1px solid #e3e8ec; }
.e-55616534 .wrap { max-width: 1440px; margin: 0 auto; padding: 44px 40px 52px; }
.e-55616534 .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-bottom: 22px; font-size: 14px; color: #6b7783; }
.e-55616534 .crumbs span + span::before { content: '/'; margin: 0 10px; color: #b4bec8; }
.e-55616534 .crumbs a { color: #0b3f78; font-weight: 600; transition: color 0.2s; }
.e-55616534 .crumbs a:hover { color: #be985a; }
.e-55616534 .crumbs b { font-weight: 600; color: #062d59; }
.e-55616534 .head small { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-55616534 h1 { max-width: 880px; text-wrap: balance; font-size: 46px; line-height: 1.12; font-weight: 500; }
.e-55616534 h1 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-55616534 .meta { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 20px; font-size: 15px; color: #6b7783; }
.e-55616534 .meta-item { display: inline-flex; align-items: center; gap: 7px; }
.e-55616534 .meta-item i { font-size: 19px; color: #be985a; }
.e-55616534 .cover { max-width: 1440px; margin: 44px auto 0; padding: 0 40px; }
.e-55616534 .cover img { height: auto; aspect-ratio: 16 / 9; max-height: 620px; border-radius: 4px; background: #e9eef2; }
.e-55616534 .body { max-width: 824px; margin: 0 auto; padding: 52px 32px 96px; }
.e-55616534 .lead { margin: 0 0 36px; padding-left: 22px; border-left: 3px solid #be985a; font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 23px; line-height: 1.55; color: #062d59; }
.e-55616534 .rich { margin: 0 auto; }
@media (max-width: 1000px) { .e-55616534 .wrap { padding: 36px 24px 44px; } .e-55616534 .cover { padding: 0 24px; margin-top: 32px; } .e-55616534 .body { padding: 40px 24px 72px; } .e-55616534 h1 { font-size: 40px; } }
@media (max-width: 700px) { .e-55616534 .wrap { padding: 28px 18px 34px; } .e-55616534 .cover { padding: 0 18px; margin-top: 24px; } .e-55616534 .body { padding: 32px 18px 56px; } .e-55616534 h1 { font-size: 32px; } .e-55616534 .lead { font-size: 19px; padding-left: 16px; } .e-55616534 .rich { font-size: 16px; } .e-55616534 .rich h2 { margin-top: 40px; font-size: 25px; } .e-55616534 .rich h3 { font-size: 20px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-56cb40d9 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-56cb40d9 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-56cb40d9 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-56cb40d9 *, .e-56cb40d9 *::before, .e-56cb40d9 *::after { box-sizing: border-box; }
.e-56cb40d9 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-56cb40d9 a { text-decoration: none; color: inherit; }
.e-56cb40d9 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-56cb40d9 button { font: inherit; }
.e-56cb40d9 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-56cb40d9 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-56cb40d9 .btn:hover { background: #062d59; color: #fff; }
.e-56cb40d9 .btn.solid { background: #062d59; color: #fff; }
.e-56cb40d9 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-56cb40d9 .holder { max-width: 1440px; margin: 0 auto; padding: 88px 40px; }
.e-56cb40d9 header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.e-56cb40d9 header small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-56cb40d9 h2 { font-size: 42px; line-height: 1.15; font-weight: 700; }
.e-56cb40d9 h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-56cb40d9 header p { margin: 14px 0 0; font-size: 17px; line-height: 1.6; }
.e-56cb40d9 .arrows { display: flex; gap: 10px; }
.e-56cb40d9 .arrows button { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #c9d1d8; border-radius: 50%; background: #fff; color: #062d59; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.e-56cb40d9 .arrows button:hover:not(:disabled) { border-color: #062d59; background: #f3f6f9; }
.e-56cb40d9 .arrows button:disabled { opacity: 0.35; cursor: default; }
.e-56cb40d9 .arrows i { font-size: 24px; }
.e-56cb40d9 .viewport { overflow: hidden; }
.e-56cb40d9 .track { display: flex; gap: 24px; transition: transform 0.45s ease; }
.e-56cb40d9 .story { display: block; flex: 0 0 calc((100% - (var(--per) - 1) * 24px) / var(--per)); min-width: 0; }
.e-56cb40d9 .photo { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 4px; background: #e9eef2; margin-bottom: 16px; }
.e-56cb40d9 .photo img { transition: transform 0.5s ease; }
.e-56cb40d9 .story:hover .photo img { transform: scale(1.05); }
.e-56cb40d9 .story small { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #be985a; }
.e-56cb40d9 .story h4 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 22px; line-height: 1.3; }
.e-56cb40d9 .story p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 10px 0 0; font-size: 15px; line-height: 1.6; color: #6b7783; }
.e-56cb40d9 .skeleton { aspect-ratio: 3 / 2.6; border-radius: 4px; background: linear-gradient(90deg, #eef2f5, #f7f9fb, #eef2f5); }
.e-56cb40d9 .empty { margin: 0; color: #6b7783; }
.e-56cb40d9 .foot { margin-top: 44px; text-align: center; }
@media (max-width: 700px) { .e-56cb40d9 .holder { padding: 56px 18px; } .e-56cb40d9 h2 { font-size: 32px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-2a224e2c :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-2a224e2c :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-2a224e2c { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-2a224e2c *, .e-2a224e2c *::before, .e-2a224e2c *::after { box-sizing: border-box; }
.e-2a224e2c :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-2a224e2c a { text-decoration: none; color: inherit; }
.e-2a224e2c img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-2a224e2c button { font: inherit; }
.e-2a224e2c i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-2a224e2c .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-2a224e2c .btn:hover { background: #062d59; color: #fff; }
.e-2a224e2c .btn.solid { background: #062d59; color: #fff; }

.e-2a224e2c .band { width: 100%; }
.e-2a224e2c .band.background-soft { background: #f3f6f9; border-top: 1px solid #e3e8ec; }
.e-2a224e2c .holder { max-width: 1440px; margin: 0 auto; padding: 72px 40px 88px; }
.e-2a224e2c header { margin-bottom: 36px; }
.e-2a224e2c header small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-2a224e2c h2 { font-size: 42px; line-height: 1.15; font-weight: 700; }
.e-2a224e2c h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; }
.e-2a224e2c header p { margin: 14px 0 0; max-width: 720px; font-size: 17px; line-height: 1.6; }
.e-2a224e2c .grid { display: grid; grid-template-columns: repeat(var(--columns, 3), minmax(0, 1fr)); gap: 44px 28px; }
.e-2a224e2c .skeleton { display: block; aspect-ratio: 3 / 2.6; border-radius: 4px; background: linear-gradient(90deg, #eef2f5, #f7f9fb, #eef2f5); }
.e-2a224e2c .foot { margin-top: 48px; text-align: center; }
@media (max-width: 1000px) { .e-2a224e2c .holder { padding: 56px 24px 72px; } .e-2a224e2c .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .e-2a224e2c h2 { font-size: 36px; } }
@media (max-width: 700px) { .e-2a224e2c .holder { padding: 44px 18px 56px; } .e-2a224e2c .grid { grid-template-columns: 1fr; gap: 36px; } .e-2a224e2c h2 { font-size: 32px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-627b9a9e :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-627b9a9e :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-627b9a9e { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-627b9a9e *, .e-627b9a9e *::before, .e-627b9a9e *::after { box-sizing: border-box; }
.e-627b9a9e :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-627b9a9e i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-627b9a9e .holder { max-width: 1440px; margin: 0 auto; padding: 24px 40px 80px; }
.e-627b9a9e h2 { margin-bottom: 28px; font-size: 34px; line-height: 1.2; }
.e-627b9a9e .tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }
.e-627b9a9e .table { border: 1px solid #e3e8ec; }
.e-627b9a9e .head, .e-627b9a9e .row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 14px 24px; font-size: 16px; }
.e-627b9a9e .head { background: #062d59; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.e-627b9a9e .row { border-top: 1px solid #e3e8ec; }
.e-627b9a9e .row:nth-child(even) { background: #f3f6f9; }
.e-627b9a9e .is-price { text-align: right; font-weight: 700; }
.e-627b9a9e .row .is-price { color: #062d59; }
.e-627b9a9e .note { margin: 24px 0 0; padding: 18px 22px; background: #f3f6f9; border-left: 4px solid #be985a; font-size: 15px; line-height: 1.6; }
@media (max-width: 900px) { .e-627b9a9e .holder { padding: 16px 18px 52px; } .e-627b9a9e .tables { grid-template-columns: minmax(0, 1fr); gap: 20px; } .e-627b9a9e h2 { font-size: 26px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-29c5e376 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-29c5e376 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-29c5e376 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-29c5e376 *, .e-29c5e376 *::before, .e-29c5e376 *::after { box-sizing: border-box; }
.e-29c5e376 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-29c5e376 a { text-decoration: none; color: inherit; }
.e-29c5e376 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-29c5e376 .holder { max-width: 1440px; margin: 0 auto; padding: 80px 40px; }
.e-29c5e376 .head { max-width: 720px; margin: 0 auto 40px; text-align: center; }
.e-29c5e376 .head small { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }
.e-29c5e376 .head h2 { font-size: 40px; line-height: 1.15; }
.e-29c5e376 .head h2 em { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; }
.e-29c5e376 .head p { margin: 14px 0 0; font-size: 17px; line-height: 1.65; }
.e-29c5e376 .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; }
.e-29c5e376 .card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e8ec; transition: box-shadow 0.2s, transform 0.2s; }
.e-29c5e376 .card:hover { box-shadow: 0 18px 40px -22px rgba(6, 45, 89, 0.35); transform: translateY(-3px); }
.e-29c5e376 .photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #e3e8ec; }
.e-29c5e376 .photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-29c5e376 .body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 24px 24px 26px; }
.e-29c5e376 .body h3 { font-size: 24px; line-height: 1.25; }
.e-29c5e376 .body p { flex: 1; margin: 0; font-size: 16px; line-height: 1.6; }
.e-29c5e376 .btn { align-self: flex-start; margin-top: 8px; padding: 12px 24px; border: 2px solid #062d59; font-size: 14px; font-weight: 700; color: #062d59; transition: background 0.2s, color 0.2s; }
.e-29c5e376 .card:hover .btn { background: #062d59; color: #fff; }
@media (max-width: 700px) { .e-29c5e376 .holder { padding: 48px 18px; } .e-29c5e376 .head h2 { font-size: 30px; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7c256dca :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7c256dca :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7c256dca { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7c256dca *, .e-7c256dca *::before, .e-7c256dca *::after { box-sizing: border-box; }
.e-7c256dca :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7c256dca a { text-decoration: none; color: inherit; }
.e-7c256dca img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7c256dca button { font: inherit; }
.e-7c256dca i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7c256dca .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7c256dca .btn:hover { background: #062d59; color: #fff; }
.e-7c256dca .btn.solid { background: #062d59; color: #fff; }
.e-7c256dca .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-7c256dca { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: #062d59; color: #fff; }
.e-7c256dca .bar { display: flex; align-items: center; height: var(--ot-ticker-height); }
.e-7c256dca .bar > b { flex: none; display: flex; align-items: center; height: 100%; padding: 0 22px; background: #be985a; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.e-7c256dca .window { flex: 1; overflow: hidden; }
.e-7c256dca .run { display: flex; width: max-content; animation-name: avt-ticker; animation-timing-function: linear; animation-iteration-count: infinite; }
.e-7c256dca .window:hover .run { animation-play-state: paused; }
.e-7c256dca .run a { display: inline-flex; align-items: center; gap: 8px; padding: 0 36px; font-size: 14px; font-weight: 600; color: #fff; white-space: nowrap; }
.e-7c256dca .run a:hover { color: #be985a; }
.e-7c256dca .run i { font-size: 18px; color: #be985a; }
@keyframes avt-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .e-7c256dca .run { animation: none; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-25e49cf :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-25e49cf :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-25e49cf { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-25e49cf *, .e-25e49cf *::before, .e-25e49cf *::after { box-sizing: border-box; }
.e-25e49cf :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-25e49cf a { text-decoration: none; color: inherit; }
.e-25e49cf img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-25e49cf button { font: inherit; }
.e-25e49cf i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-25e49cf .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-25e49cf .btn:hover { background: #062d59; color: #fff; }
.e-25e49cf .btn.solid { background: #062d59; color: #fff; }

.e-25e49cf .holder { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; padding-bottom: 18px; margin-bottom: 28px; border-bottom: 1px solid #e3e8ec; }
.e-25e49cf .left { display: flex; align-items: center; gap: 16px; }
.e-25e49cf .right { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 28px; }
.e-25e49cf .filters-trigger { display: none; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid #062d59; border-radius: 4px; background: #fff; color: #062d59; font-size: 15px; font-weight: 700; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-25e49cf .filters-trigger:hover { background: #062d59; color: #fff; }
.e-25e49cf .filters-icon { font-size: 20px; }
.e-25e49cf .count { display: inline-flex; align-items: baseline; gap: 8px; font-size: 16px; }
.e-25e49cf .count-value { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-size: 26px; font-weight: 600; color: #062d59; }
.e-25e49cf .sorts, .e-25e49cf .pers { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.e-25e49cf .sorts-label, .e-25e49cf .pers-label { margin-right: 8px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #6b7783; }
.e-25e49cf .sort-option, .e-25e49cf .per-option { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: #5f6b76; font-size: 15px; font-weight: 600; cursor: pointer; transition: color 0.2s, background 0.2s, border-color 0.2s; }
.e-25e49cf .sort-option:hover, .e-25e49cf .per-option:hover { color: #062d59; background: #f3f6f9; }
.e-25e49cf .sort-option.is-active, .e-25e49cf .per-option.is-active { color: #062d59; border-color: #062d59; background: #fff; }
.e-25e49cf .sort-icon { font-size: 18px; color: #be985a; }
.e-25e49cf .filters-trigger:focus-visible, .e-25e49cf .sort-option:focus-visible, .e-25e49cf .per-option:focus-visible { outline: 2px solid #be985a; outline-offset: 2px; }
@media (max-width: 1000px) { .e-25e49cf .filters-trigger { display: inline-flex; } }
@media (max-width: 700px)
{
	.e-25e49cf .holder { gap: 12px; }
	.e-25e49cf .left { width: 100%; justify-content: space-between; }
	.e-25e49cf .right { width: 100%; }
	.e-25e49cf .sorts, .e-25e49cf .pers { width: 100%; }
	.e-25e49cf .sorts-label, .e-25e49cf .pers-label { width: 100%; margin: 0 0 2px; }
	.e-25e49cf .sort-label { white-space: nowrap; }
}

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-7bcb1a36 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-7bcb1a36 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-7bcb1a36 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-7bcb1a36 *, .e-7bcb1a36 *::before, .e-7bcb1a36 *::after { box-sizing: border-box; }
.e-7bcb1a36 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-7bcb1a36 a { text-decoration: none; color: inherit; }
.e-7bcb1a36 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-7bcb1a36 button { font: inherit; }
.e-7bcb1a36 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-7bcb1a36 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-7bcb1a36 .btn:hover { background: #062d59; color: #fff; }
.e-7bcb1a36 .btn.solid { background: #062d59; color: #fff; }
.e-7bcb1a36 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-7bcb1a36 { background: #f3f6f9; border-bottom: 1px solid #e3e8ec; }
.e-7bcb1a36 .holder { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1440px; min-height: 40px; margin: 0 auto; padding: 0 40px; font-size: 13px; }
.e-7bcb1a36 .where { display: flex; align-items: center; gap: 6px; margin: 0; color: #5f6b76; }
.e-7bcb1a36 .where i { font-size: 17px; color: #be985a; }
.e-7bcb1a36 .where span { margin-left: 10px; padding-left: 12px; border-left: 1px solid #d3dae0; }
.e-7bcb1a36 nav { display: flex; align-items: center; gap: 22px; }
.e-7bcb1a36 nav a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #062d59; transition: color 0.2s; }
.e-7bcb1a36 nav a:hover { color: #be985a; }
.e-7bcb1a36 nav i { font-size: 17px; color: #be985a; }
@media (max-width: 900px) { .e-7bcb1a36 .where span, .e-7bcb1a36 nav a:not(.phone) { display: none; } .e-7bcb1a36 .holder { padding: 0 18px; } }
@media (max-width: 900px) { .e-7bcb1a36 .phone { white-space: nowrap; } .e-7bcb1a36 .where { font-size: 12px; } }

@media (max-width: 900px) { .e-7bcb1a36 .phone-extra { display: none; } }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-5692db91 :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-5692db91 :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-5692db91 { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-5692db91 *, .e-5692db91 *::before, .e-5692db91 *::after { box-sizing: border-box; }
.e-5692db91 :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-5692db91 a { text-decoration: none; color: inherit; }
.e-5692db91 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.e-5692db91 button { font: inherit; }
.e-5692db91 i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-5692db91 .btn { display: inline-block; white-space: nowrap; padding: 16px 34px; border: 2px solid #062d59; font-size: 15px; font-weight: 700; color: #062d59; background: transparent; cursor: pointer; transition: background 0.2s, color 0.2s; }
.e-5692db91 .btn:hover { background: #062d59; color: #fff; }
.e-5692db91 .btn.solid { background: #062d59; color: #fff; }
.e-5692db91 .btn.solid:hover { background: #0b3f78; border-color: #0b3f78; }

.e-5692db91 .holder { max-width: 1440px; margin: 0 auto; padding: 72px 40px 24px; }
.e-5692db91 .row { margin-bottom: 56px; }
.e-5692db91 header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.e-5692db91 header h3 { font-size: 30px; line-height: 1.2; }
.e-5692db91 header h3 a { display: inline-flex; align-items: center; gap: 10px; }
.e-5692db91 header h3 i { font-size: 24px; font-weight: 300; transition: transform 0.2s; }
.e-5692db91 header h3 a:hover i { transform: translateX(4px); }
.e-5692db91 .arrows { display: flex; gap: 10px; }
.e-5692db91 .arrows button { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #c9d1d8; border-radius: 50%; background: #fff; color: #062d59; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.e-5692db91 .arrows button:hover:not(:disabled) { border-color: #062d59; background: #f3f6f9; }
.e-5692db91 .arrows button:disabled { opacity: 0.35; cursor: default; }
.e-5692db91 .arrows i { font-size: 24px; }
.e-5692db91 .viewport { overflow: hidden; }
.e-5692db91 .cards { display: flex; gap: 20px; transition: transform 0.45s ease; }
.e-5692db91 .slot { display: block; flex: 0 0 calc((100% - (var(--per) - 1) * 20px) / var(--per)); min-width: 0; }
.e-5692db91 .skeleton { aspect-ratio: 4 / 3.6; border-radius: 4px; background: linear-gradient(90deg, #eef2f5, #f7f9fb, #eef2f5); }
.e-5692db91 .empty { margin: 0; color: #6b7783; }
@media (max-width: 700px) { .e-5692db91 .holder { padding: 48px 18px 8px; } .e-5692db91 header h3 { font-size: 24px; } }

.e-5692db91 header p { margin: 8px 0 0; max-width: 620px; font-size: 16px; line-height: 1.6; }
.e-5692db91 .foot { margin-top: 32px; text-align: center; }
.e-5692db91 header small { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #be985a; }

/* Tema pribija font i boju na naslove i pasuse, pa se nasledjivanje vraca rucno. */
.e-3ec9d0d :is(h1, h2, h3, h4, h5, p, b, strong, em, small, span, a, button, label, input, select, option, textarea) { font-family: inherit; }
.e-3ec9d0d :is(h1, h2, h3, h4, h5, p, strong, em) { color: inherit; font-variation-settings: normal; }
.e-3ec9d0d { display: block; width: 100%; box-sizing: border-box; font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; color: #5f6b76; background: #fff; }
.e-3ec9d0d *, .e-3ec9d0d *::before, .e-3ec9d0d *::after { box-sizing: border-box; }
.e-3ec9d0d :is(h1, h2, h3, h4) { font-family: 'Bodoni Moda', 'Bauer Bodoni', Georgia, serif; font-weight: 600; color: #062d59; margin: 0; }
.e-3ec9d0d a { text-decoration: none; color: inherit; }
.e-3ec9d0d i { font-style: normal; font-family: 'Material Symbols Rounded'; font-weight: 400; line-height: 1; }
.e-3ec9d0d .holder { max-width: 1440px; margin: 0 auto; padding: 32px 40px 64px; }
.e-3ec9d0d .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 28px; }
.e-3ec9d0d .card { background: #fff; border: 1px solid #e3e8ec; }
.e-3ec9d0d .photo { overflow: hidden; background: #e3e8ec; }
.e-3ec9d0d .body { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px 26px; }
.e-3ec9d0d .body h3 { font-size: 24px; line-height: 1.25; }
.e-3ec9d0d .chips { display: flex; flex-wrap: wrap; gap: 8px; }
.e-3ec9d0d .chips span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: #f3f6f9; font-size: 14px; font-weight: 600; color: #062d59; }
.e-3ec9d0d .chips i { font-size: 18px; color: #be985a; }
.e-3ec9d0d .body p { margin: 0; font-size: 15px; line-height: 1.6; }
@media (max-width: 700px) { .e-3ec9d0d .holder { padding: 24px 18px 48px; } }
.ot-fav-chip { position: fixed; left: 18px; bottom: 18px; z-index: 9998; display: none; align-items: center; gap: 8px; padding: 10px 16px; background: var(--ot-bg-1, #fff); color: var(--ot-text-1, #151c4d); border-radius: 999px; box-shadow: 0 10px 28px rgba(0, 0, 0, .16); font-size: .88rem; font-weight: 600; text-decoration: none; }
.ot-fav-chip:hover { box-shadow: 0 12px 32px rgba(0, 0, 0, .22); }
.ot-fav-heart { color: var(--ot-brand, #fe5000); font-size: 1rem; }
.ot-fav-count { min-width: 22px; height: 22px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; background: var(--ot-brand, #fe5000); color: #fff; border-radius: 999px; font-size: .76rem; }

/* Sacuvana ponuda se vidi i kad se tema ponovo iscrta: teme boje srce svojim
   stanjem, a ovo je jedina oznaka koja prezivi osvezavanje. */
button.save.ot-fav-on .save-icon { color: var(--ot-brand, #fe5000); font-variation-settings: 'FILL' 1; }

/* Srce u redu sa sifrom ponude: font, velicinu i boju nasledjuje od reda, pa lepo stoji u svakoj temi.
   Kontra-nagib je za temu koja red iskosi; u ostalim temama promenljiva ne postoji pa je nula.
   vertical-align spusta srce na sredinu velikih slova u temama gde je red obican inline (bez flex-a): inace
   srce sedi donjom ivicom na liniji teksta i izgleda podignuto; u flex temama se vertical-align ignorise. */
.ot-fav-offer { display: inline-flex; align-items: center; vertical-align: -.44em; gap: 8px; margin: 0 14px 0 0; padding: 0 14px 0 0; background: none; border: 0; border-right: 1px solid currentColor; border-right-color: color-mix(in srgb, currentColor 30%, transparent); color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; transform: skewX(var(--t3-skew-back, 0deg)); transition: color .2s; }
.ot-fav-offer svg { width: 1.5em; height: 1.5em; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; transition: transform .2s; }
.ot-fav-offer:hover svg { transform: scale(1.15); }
.ot-fav-offer.ot-fav-on { color: var(--ot-brand, #fe5000); }
.ot-fav-offer.ot-fav-on svg { fill: currentColor; }
.ot-notifications { position: fixed; right: 18px; bottom: 18px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; width: min(340px, calc(100vw - 36px)); }

.ot-notification { position: relative; padding: 14px 34px 12px 14px; background: var(--ot-bg-1, #fff); border-radius: 14px; border-left: 4px solid var(--ot-brand, #fe5000); box-shadow: 0 14px 34px rgba(0, 0, 0, .18); font-family: inherit; animation: ot-notification-in .25s ease-out; }
.ot-notification.tone-blue { border-left-color: var(--ot-blue, #2f6fed); }
.ot-notification.tone-green { border-left-color: var(--ot-green, #1f9d55); }
.ot-notification.tone-orange { border-left-color: var(--ot-orange, #e08300); }
.ot-notification.tone-red { border-left-color: var(--ot-red, #d33a2c); }

.ot-notification-title { font-weight: 700; font-size: .95rem; color: var(--ot-text-1, #151c4d); }
.ot-notification-message { margin-top: 4px; font-size: .86rem; line-height: 1.45; color: var(--ot-text-2, #4a4f6b); }
.ot-notification-link { display: inline-block; margin-top: 8px; font-size: .84rem; font-weight: 600; color: var(--ot-brand, #fe5000); text-decoration: underline; }
.ot-notification-meta { margin-top: 8px; font-size: .74rem; color: var(--ot-text-3, #8b8fa3); }
.ot-notification-close { position: absolute; top: 6px; right: 8px; width: 22px; height: 22px; border: 0; background: transparent; color: var(--ot-text-3, #8b8fa3); font-size: 1.15rem; line-height: 1; cursor: pointer; border-radius: 6px; }
.ot-notification-close:hover { background: rgba(0, 0, 0, .06); color: var(--ot-text-1, #151c4d); }

@keyframes ot-notification-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.e-59ffb03
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.e-59ffb03 .social-icon
{
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.e-59ffb03 .social-icon.size-s
{
	width: 15px;
	height: 15px;
}

.e-59ffb03 .social-icon.size-l
{
	width: 22px;
	height: 22px;
}

.e-59ffb03 .social-icon.fallback
{
	font-family: 'Material Symbols Rounded';
	font-style: normal;
	font-size: 18px;
}
/* Bez dana element ne sme da zauzme mesto u roditeljskom flex-u, inace pravi dupli razmak. */

.e-3d87f094
{
	display: contents;
}

.e-3d87f094 > .holder
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
}

.e-3d87f094 > .holder > .timeline
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.e-3d87f094 > .holder > .timeline > .day
{
	position: relative;
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: var(--ot-spacing-m);
	padding-bottom: var(--ot-spacing-l);
}

.e-3d87f094 > .holder > .timeline > .day:last-child
{
	padding-bottom: 0;
}

/* Linija spaja markere; poslednji dan je ne vuce u prazno. */

.e-3d87f094 > .holder > .timeline > .day:not(:last-child)::before
{
	content: '';
	position: absolute;
	left: 19px;
	top: 40px;
	bottom: 0;
	width: 2px;
	background: var(--ot-bg-2-border);
}

.e-3d87f094 > .holder > .timeline > .day > .marker
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ot-brand);
	color: #fff;
	font-family: var(--ot-font-primary);
	font-size: 15px;
	font-weight: 700;
}

.e-3d87f094 > .holder > .timeline > .day > .body
{
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-s);
	padding-top: 8px;
	min-width: 0;
}

.e-3d87f094 > .holder > .timeline > .day > .body > .title
{
	margin: 0;
	font-family: var(--ot-font-primary);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--ot-text-1);
}

.e-3d87f094 > .holder > .timeline > .day > .body > .content
{
	font-family: var(--ot-font-primary);
	font-size: 15px;
	line-height: 1.7;
	color: var(--ot-text-2);
	overflow-wrap: anywhere;
}

.e-3d87f094 > .holder > .timeline > .day > .body > .content p
{
	margin: 0 0 var(--ot-spacing-s);
}

.e-3d87f094 > .holder > .timeline > .day > .body > .content p:last-child
{
	margin-bottom: 0;
}

@media (max-width: 640px)
{
	.e-3d87f094 > .holder > .timeline > .day
	{
		grid-template-columns: 32px 1fr;
		gap: var(--ot-spacing-s);
	}

	.e-3d87f094 > .holder > .timeline > .day > .marker
	{
		width: 32px;
		height: 32px;
		font-size: 13px;
	}

	.e-3d87f094 > .holder > .timeline > .day:not(:last-child)::before
	{
		left: 15px;
		top: 32px;
	}
}
.e-49a5f2a5
{
	display: block;
	width: 100%;
	min-height: 100vh;
}

.e-49a5f2a5 > .split
{
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	min-height: 100vh;
	width: 100%;
}

/* ===== SHOWCASE ===== */

.e-49a5f2a5 > .split > .showcase
{
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	padding: var(--ot-spacing-l);
	background-image: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1800&q=80');
	background-size: cover;
	background-position: center;
}

.e-49a5f2a5 > .split > .showcase > .overlay
{
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 20, 30, 0.15) 0%, rgba(20, 20, 30, 0.72) 100%);
	pointer-events: none;
}

.e-49a5f2a5 > .split > .showcase > .content
{
	position: relative;
	padding: 48px;
	color: white;
	max-width: 600px;
}

.e-49a5f2a5 > .split > .showcase > .content > .brand
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px 6px 12px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 100px;
	margin-bottom: var(--ot-spacing-l);
	backdrop-filter: blur(12px);
}

.e-49a5f2a5 > .split > .showcase > .content > .brand > i
{
	font-family: 'Material Symbols Rounded';
	font-size: 18px;
	color: white;
}

.e-49a5f2a5 > .split > .showcase > .content > .brand > span
{
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: white;
}

.e-49a5f2a5 > .split > .showcase > .content > h2
{
	font-family: var(--ot-font-secondary);
	font-size: 52px;
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: white;
	margin: 0 0 var(--ot-spacing-m);
	font-variation-settings: 'opsz' 144;
}

.e-49a5f2a5 > .split > .showcase > .content > h2 em
{
	font-style: italic;
	color: white;
	opacity: 0.92;
}

.e-49a5f2a5 > .split > .showcase > .content > p
{
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.85);
	max-width: 460px;
	margin: 0;
}

/* ===== FORM ===== */

.e-49a5f2a5 > .split > .form
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--ot-spacing-l);
	background: var(--ot-bg-1);
}

.e-49a5f2a5 > .split > .form > .holder
{
	width: 100%;
	max-width: 380px;
	display: flex;
	flex-direction: column;
	gap: var(--ot-spacing-m);
}

.e-49a5f2a5 > .split > .form > .holder > .header > h1
{
	font-family: var(--ot-font-secondary);
	font-size: 32px;
	font-weight: 400;
	color: var(--ot-text-1);
	margin: 0 0 6px;
	font-variation-settings: 'opsz' 144;
}

.e-49a5f2a5 > .split > .form > .holder > .header > p
{
	font-size: 14px;
	color: var(--ot-text-2);
	margin: 0;
}

.e-49a5f2a5 .auth-field
{
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: var(--ot-spacing-s);
}

.e-49a5f2a5 .auth-field > label
{
	font-size: 12px;
	font-weight: 600;
	color: var(--ot-text-2);
}

.e-49a5f2a5 > .split > .form > .holder > .footer
{
	text-align: center;
	padding-top: var(--ot-spacing-s);
}

.e-49a5f2a5 > .split > .form > .holder > .footer > a
{
	font-size: 13px;
	color: var(--ot-text-2);
	text-decoration: none;
	transition: color var(--ot-transition);
}

.e-49a5f2a5 > .split > .form > .holder > .footer > a:hover
{
	color: var(--ot-brand);
}

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

@media (max-width: 900px)
{
	.e-49a5f2a5 > .split
	{
		grid-template-columns: 1fr;
	}

	.e-49a5f2a5 > .split > .showcase
	{
		min-height: 280px;
	}
}
.e-31c941ed .holder { max-width: 980px; margin: 0 auto; padding: var(--ot-spacing-l) var(--ot-spacing-m) calc(var(--ot-spacing-l) * 2); display: flex; flex-direction: column; gap: var(--ot-spacing-l); }

.e-31c941ed .head h1 { margin: 0 0 var(--ot-spacing-x); font-family: var(--ot-font-primary); font-size: 2rem; color: var(--ot-text-1); }
.e-31c941ed .head p { margin: 0; color: var(--ot-text-2); }

.e-31c941ed .list { display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.e-31c941ed .row { display: grid; grid-template-columns: 110px 1fr auto; gap: var(--ot-spacing-m); align-items: center; padding: var(--ot-spacing-s); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); }
.e-31c941ed .thumb { display: block; aspect-ratio: 4 / 3; border-radius: var(--ot-radius-m); overflow: hidden; background: var(--ot-bg-3); }
.e-31c941ed .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.e-31c941ed .name { font-weight: 600; color: var(--ot-text-1); text-decoration: none; font-size: 1rem; }
.e-31c941ed .name:hover { text-decoration: underline; }
.e-31c941ed .remove { background: none; border: 0; color: var(--ot-text-3); font-size: .85rem; cursor: pointer; text-decoration: underline; }
.e-31c941ed .remove:hover { color: var(--ot-red); }
.e-31c941ed .clear { align-self: flex-start; background: none; border: 0; color: var(--ot-text-3); font-size: .82rem; cursor: pointer; text-decoration: underline; padding: 0; }

.e-31c941ed .inquiry { padding: var(--ot-spacing-m); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); display: flex; flex-direction: column; gap: var(--ot-spacing-s); }
.e-31c941ed .inquiry h2 { margin: 0; font-size: 1.2rem; color: var(--ot-text-1); }
.e-31c941ed .inquiry p { margin: 0 0 var(--ot-spacing-x); color: var(--ot-text-2); font-size: .9rem; }
.e-31c941ed .fields { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ot-spacing-s); }
.e-31c941ed .field { display: flex; flex-direction: column; gap: 4px; }
.e-31c941ed .field.full { grid-column: 1 / -1; }
.e-31c941ed .field label { font-size: .8rem; font-weight: 600; color: var(--ot-text-2); }
.e-31c941ed .error { padding: 10px 12px; background: var(--ot-red-opacity); color: var(--ot-red); border-radius: var(--ot-radius-m); font-size: .85rem; }

.e-31c941ed .back { align-self: flex-start; color: var(--ot-text-2); font-size: .88rem; text-decoration: none; }
.e-31c941ed .back:hover { text-decoration: underline; }
.e-31c941ed .done { padding: calc(var(--ot-spacing-l) * 1.2) var(--ot-spacing-m); text-align: center; background: var(--ot-bg-2); border-radius: var(--ot-radius-l); }
.e-31c941ed .done h2 { margin: 0 0 var(--ot-spacing-x); color: var(--ot-text-1); }
.e-31c941ed .done p { margin: 0; color: var(--ot-text-2); }

@media (max-width: 720px) {
	.e-31c941ed .row { grid-template-columns: 80px 1fr auto; }
	.e-31c941ed .fields { grid-template-columns: 1fr; }
}
.p-6aaecdd6 .content
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 80px);
	padding: 80px 0;
}
.e-63db4934 .holder { max-width: 1180px; margin: 0 auto; padding: var(--ot-spacing-l) var(--ot-spacing-m) calc(var(--ot-spacing-l) * 2); display: flex; flex-direction: column; gap: var(--ot-spacing-l); }

.e-63db4934 .hero h1 { font-family: var(--ot-font-primary); font-size: 2.2rem; margin: 0 0 var(--ot-spacing-x); color: var(--ot-text-1); }
.e-63db4934 .hero p { margin: 0; color: var(--ot-text-2); }

.e-63db4934 .search { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: var(--ot-spacing-m); padding: var(--ot-spacing-m); background: var(--ot-bg-2); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); }
.e-63db4934 .search .field { display: flex; flex-direction: column; gap: var(--ot-spacing-x); min-width: 0; }
.e-63db4934 .search label, .e-63db4934 .booking label { font-size: .8rem; font-weight: 600; color: var(--ot-text-2); }

.e-63db4934 .pair { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--ot-spacing-x); }
.e-63db4934 .switch { display: flex; gap: var(--ot-spacing-x); }
.e-63db4934 .switch .option { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border: 1px solid var(--ot-bg-2-border); background: var(--ot-bg-1); color: var(--ot-text-2); border-radius: var(--ot-radius-m); cursor: pointer; font-size: .85rem; transition: .15s; }
.e-63db4934 .switch .option:hover { border-color: var(--ot-brand); }
.e-63db4934 .switch .option.active { background: var(--ot-brand); border-color: var(--ot-brand); color: #fff; }

.e-63db4934 .state { padding: var(--ot-spacing-l); text-align: center; color: var(--ot-text-2); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); }

.e-63db4934 .results { display: flex; flex-direction: column; gap: var(--ot-spacing-m); }
.e-63db4934 .lot { display: grid; grid-template-columns: 1.5fr 1fr .8fr; gap: var(--ot-spacing-m); padding: var(--ot-spacing-m); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); }
.e-63db4934 .lot-head h2 { margin: 0 0 var(--ot-spacing-x); font-size: 1.25rem; color: var(--ot-text-1); }
.e-63db4934 .lot-meta { display: flex; flex-wrap: wrap; gap: var(--ot-spacing-s); color: var(--ot-text-2); font-size: .85rem; }
.e-63db4934 .lot-meta span { display: inline-flex; align-items: center; gap: 4px; }
.e-63db4934 .lot-description { margin: var(--ot-spacing-s) 0 0; color: var(--ot-text-2); font-size: .9rem; }
.e-63db4934 .features { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--ot-spacing-s); }
.e-63db4934 .feature { padding: 3px 10px; background: var(--ot-bg-3); color: var(--ot-text-2); border-radius: 999px; font-size: .78rem; }
.e-63db4934 .lot-address { display: flex; align-items: center; gap: 4px; margin-top: var(--ot-spacing-s); color: var(--ot-text-2); font-size: .85rem; }

.e-63db4934 .lot-map { border-radius: var(--ot-radius-m); overflow: hidden; min-height: 170px; background: var(--ot-bg-3); }
.e-63db4934 .lot-map iframe { width: 100%; height: 100%; min-height: 170px; border: 0; display: block; }
.e-63db4934 .no-map { height: 100%; min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--ot-text-3); font-size: .85rem; }

.e-63db4934 .lot-price { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 6px; text-align: center; padding-left: var(--ot-spacing-m); border-left: 1px solid var(--ot-bg-2-border); }
.e-63db4934 .amount { font-size: 1.6rem; font-weight: 700; color: var(--ot-text-1); }
.e-63db4934 .unit { font-size: .8rem; color: var(--ot-text-3); margin-bottom: var(--ot-spacing-x); }
.e-63db4934 .unavailable { font-size: .85rem; color: var(--ot-orange); }
.e-63db4934 .route { font-size: .8rem; color: var(--ot-text-2); text-decoration: underline; }

.e-63db4934 .booking .back { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: var(--ot-text-2); cursor: pointer; padding: 0 0 var(--ot-spacing-m); font-size: .9rem; }
.e-63db4934 .booking-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--ot-spacing-m); align-items: start; }
.e-63db4934 .booking-form { display: flex; flex-direction: column; gap: var(--ot-spacing-m); padding: var(--ot-spacing-m); background: var(--ot-bg-1); border: 1px solid var(--ot-bg-2-border); border-radius: var(--ot-radius-l); }
.e-63db4934 .booking-form h2 { margin: 0; font-size: 1.25rem; color: var(--ot-text-1); }
.e-63db4934 .booking-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ot-spacing-m); }
.e-63db4934 .booking-form .field { display: flex; flex-direction: column; gap: var(--ot-spacing-x); }
.e-63db4934 .error { display: flex; align-items: center; gap: 6px; padding: 10px 12px; background: var(--ot-red-opacity); color: var(--ot-red); border-radius: var(--ot-radius-m); font-size: .85rem; }

.e-63db4934 .summary { padding: var(--ot-spacing-m); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); position: sticky; top: var(--ot-spacing-m); }
.e-63db4934 .summary h3 { margin: 0 0 var(--ot-spacing-s); font-size: 1rem; color: var(--ot-text-1); }
.e-63db4934 .summary .line { display: flex; justify-content: space-between; gap: var(--ot-spacing-s); padding: 7px 0; border-bottom: 1px dashed var(--ot-bg-2-border); font-size: .85rem; color: var(--ot-text-2); }
.e-63db4934 .summary .line strong { color: var(--ot-text-1); text-align: right; }
.e-63db4934 .summary .total { display: flex; justify-content: space-between; align-items: center; padding-top: var(--ot-spacing-s); margin-top: var(--ot-spacing-s); }
.e-63db4934 .summary .total strong { font-size: 1.35rem; color: var(--ot-brand); }

.e-63db4934 .done { text-align: center; padding: calc(var(--ot-spacing-l) * 1.5) var(--ot-spacing-m); background: var(--ot-bg-2); border-radius: var(--ot-radius-l); display: flex; flex-direction: column; align-items: center; gap: var(--ot-spacing-s); }
.e-63db4934 .done h2 { margin: 0; color: var(--ot-text-1); }
.e-63db4934 .done p { margin: 0; color: var(--ot-text-2); }
.e-63db4934 .done-line { color: var(--ot-text-2); font-size: .9rem; margin-bottom: var(--ot-spacing-s); }

@media (max-width: 900px) {
	.e-63db4934 .search { grid-template-columns: 1fr 1fr; }
	.e-63db4934 .lot { grid-template-columns: 1fr; }
	.e-63db4934 .lot-price { border-left: 0; border-top: 1px solid var(--ot-bg-2-border); padding: var(--ot-spacing-m) 0 0; }
	.e-63db4934 .booking-grid, .e-63db4934 .booking-form .row { grid-template-columns: 1fr; }
}
/* ===== FORM NOTICE ===== */

.form-notice
{
	padding: var(--ot-spacing-s) var(--ot-spacing-m);
	margin-top: var(--ot-spacing-m);
	border-radius: var(--ot-radius-m);
	font-size: var(--ot-size-m);
	font-weight: 500;
	line-height: 1.4;
}

.form-notice.success
{
	background: var(--ot-green-opacity);
	border: 1px solid var(--ot-green-border);
	color: var(--ot-green);
}

.form-notice.error
{
	background: var(--ot-red-opacity);
	border: 1px solid var(--ot-red-border);
	color: var(--ot-red);
}

/* ===== NEWSLETTER ===== */

/* Polje i dugme obicno stoje u jednom redu; poruka bez ovoga upada u taj red
   i steze polje za email, pa se adresa vise ne vidi. Prelom reda se ukljucuje
   tek kad poruka postoji, da raspored obrasca pre slanja ostane kakav je. */

form[data-newsletter]:has(> .form-notice)
{
	flex-wrap: wrap;
}

/* `width` a ne `flex-basis`: u obrascu koji slaze polja jedno ispod drugog
   (flex column) flex-basis od 100% meri visinu pa poruku rastegne. */

form[data-newsletter] > .form-notice
{
	flex: none;
	width: 100%;
	box-sizing: border-box;
	grid-column: 1 / -1;
	margin-top: 0;
}
/* ===== ATLAS — Mondorama brand ===== */

:root
{
	--ot-spacing-x: 4px;
	--ot-spacing-s: 10px;
	--ot-spacing-m: 20px;
	--ot-spacing-l: 40px;

	--ot-radius-s: 6px;
	--ot-radius-m: 10px;
	--ot-radius-l: 18px;

	--ot-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ot-font-secondary: 'Fraunces', 'Inter', Georgia, serif;

	/* Pure white surfaces, neutral light borders */

	--ot-bg-1: rgba(255, 255, 255, 1);
	--ot-bg-1-border: rgba(232, 232, 232, 1);
	--ot-bg-1-opacity: rgba(255, 255, 255, 0.94);
	--ot-bg-1-hover: rgba(250, 250, 250, 1);

	--ot-bg-2: rgba(248, 248, 248, 1);
	--ot-bg-2-border: rgba(228, 228, 228, 1);
	--ot-bg-2-opacity: rgba(248, 248, 248, 0.92);
	--ot-bg-2-hover: rgba(243, 243, 243, 1);

	--ot-bg-3: rgba(240, 240, 240, 1);
	--ot-bg-3-border: rgba(218, 218, 218, 1);
	--ot-bg-3-opacity: rgba(240, 240, 240, 0.92);
	--ot-bg-3-hover: rgba(232, 232, 232, 1);

	--ot-bg-4: rgba(228, 228, 228, 1);
	--ot-bg-4-border: rgba(208, 208, 208, 1);
	--ot-bg-4-opacity: rgba(228, 228, 228, 0.92);
	--ot-bg-4-hover: rgba(218, 218, 218, 1);

	--ot-text-1: rgba(18, 18, 20, 1);
	--ot-text-2: rgba(72, 72, 76, 1);
	--ot-text-3: rgba(120, 120, 124, 1);

	/* Mondorama brand red — #ed1c24 */

	--ot-brand: rgba(237, 28, 36, 1);
	--ot-brand-border: rgba(243, 76, 82, 1);
	--ot-brand-opacity: rgba(237, 28, 36, 0.10);
	--ot-brand-hover: rgba(204, 16, 24, 1);

	--ot-shadow-s: 0 1px 3px rgba(0, 0, 0, 0.06);
	--ot-shadow-m: 0 8px 24px -8px rgba(0, 0, 0, 0.10);
	--ot-shadow-l: 0 24px 60px -16px rgba(0, 0, 0, 0.14);

	/* Visina fiksnog kajrona (layout-ticker-1) na dnu ekrana */

	--ot-ticker-height: 38px;
}

/* Rezerviši prostor na dnu skrol kontejnera da fiksni kajron ne prekriva napomene */

.ot-page-area
{
	padding-bottom: var(--ot-ticker-height);
}

body
{
	background: var(--ot-bg-1);
	font-family: var(--ot-font-primary);
	color: var(--ot-text-1);
}

h1, h2, h3, h4, h5, h6
{
	font-family: var(--ot-font-secondary);
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: 1.05;
	color: var(--ot-text-1);
	font-variation-settings: 'opsz' 144, 'wght' 400;
}

h1 em, h2 em, h3 em, h4 em
{
	font-style: italic;
	font-weight: 400;
	color: var(--ot-brand);
}

a
{
	color: inherit;
	text-decoration: none;
	transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
}