/* ============================================================
   Andrijana Ljubić — glavna tema (Claude Design → WP)
   Tokeni iz _ds/andrijana-ljubi-design-system, 1:1.
   ============================================================ */

:root {
	/* Brand palette */
	--kreda: #F6F2EF;
	--puder: #E6D5CE;
	--glina: #C2897E;
	--sampanj: #C2A575;
	--espreso: #2A2320;
	--espreso-duboki: #1E1917;

	--sampanj-tekst: #96784B;
	--kreda-topla: #F1EAE5;
	--travertin: #F3EDE9;
	--lak-visoko: #3A2F2A;
	--lak-nisko: #302520;

	--tekst-jak: #2A2320;
	--tekst: #453B35;
	--tekst-tiho: #6E5D55;
	--tekst-na-tamnom: #CBBDB6;
	--tekst-na-tamnom-tiho: #A08D84;

	--linija-vlas: #DDCDC5;
	--linija-ivica: #E6D5CE;
	--linija-jaka: #2A2320;
	--placeholder-polje: #DECBC3;
	--placeholder-linija: #C9B2A8;

	--font-sans: 'Jost', system-ui, sans-serif;
	--mono: ui-monospace, Menlo, monospace;

	--fill-lak: linear-gradient(140deg, #3A2F2A 0%, #1E1917 55%, #2A2320 100%);
	--fill-travertin: radial-gradient(ellipse at 22% 26%, rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 58%);
	--fill-pamuk: repeating-linear-gradient(0deg, rgba(90,76,70,.045) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(90,76,70,.045) 0 1px, transparent 1px 3px);
	--fill-placeholder: repeating-linear-gradient(135deg, #C9B2A8 0 1px, transparent 1px 12px);

	--ease: cubic-bezier(.2, 0, .2, 1);
	--dur-fast: 120ms;
	--dur: 200ms;

	--pad-x: clamp(24px, 4.5vw, 84px);
	--pad-y: clamp(70px, 9vw, 150px);
	--wrap: 1680px;
}

/* ---------- baza ---------- */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
	background: var(--kreda);
	color: var(--tekst-jak);
	font-family: var(--font-sans);
	font-weight: 300;
	font-size: 17px;
	line-height: 1.7;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--sampanj-tekst); text-decoration: none; }
a:hover { color: var(--espreso); }
img, video { display: block; max-width: 100%; }
[hidden] { display: none !important; }
p { margin: 0; }
h1, h2, h3 { margin: 0; }
::selection { background: #C2A575; color: #2A2320; }
button { font-family: var(--font-sans); }

.al-page { overflow-x: hidden; }
.al-wrap { max-width: var(--wrap); margin: 0 auto; display: flex; flex-direction: column; gap: clamp(32px, 3.6vw, 58px); }
.al-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* tipografske pomoćne */
.al-overline {
	font-size: 13px; font-weight: 300; letter-spacing: .34em; text-indent: .34em;
	text-transform: uppercase; color: var(--tekst-jak);
}
.al-overline--gold { color: var(--sampanj-tekst); }
.al-overline--sampanj { color: var(--sampanj); }
.al-overline--kreda { color: var(--kreda); }
.al-mono { font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--tekst); }
.al-mono--gold { color: var(--sampanj-tekst); }
.al-mono--sampanj { color: var(--sampanj); letter-spacing: .24em; }
.al-mono--strong { color: var(--tekst-jak); letter-spacing: .18em; }
.al-h2 { font-weight: 200; letter-spacing: -.02em; color: var(--tekst-jak); }
.al-h2--display { font-size: clamp(36px, 5.4vw, 92px); line-height: 1.02; letter-spacing: -.028em; }
.al-h2--kreda { color: var(--kreda); }
.al-hairline { height: 1px; background: rgba(42,35,32,.18); max-width: 620px; }

/* potpis kao maska (994/360) */
.al-sig {
	aspect-ratio: 994 / 360;
	max-width: 100%;
	-webkit-mask-size: contain; mask-size: contain;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: left center; mask-position: left center;
}

/* placeholder polje dok fotografija ne stigne */
.al-ph {
	background: var(--fill-placeholder), var(--placeholder-polje);
	display: flex; align-items: flex-end; justify-content: flex-start;
	min-height: 100%;
}
.al-ph span {
	font-family: var(--mono); font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
	color: var(--tekst); background: var(--kreda); padding: 7px 11px; margin: 14px;
}

/* ---------- dugmad ---------- */
@keyframes sjaj {
	0%, 4% { background-position: -60% 0, 0 0; }
	16% { background-position: 160% 0, 0 0; }
	100% { background-position: 160% 0, 0 0; }
}
.al-cta { display: flex; flex-wrap: wrap; gap: clamp(12px, 1.2vw, 18px); }
.al-btn {
	flex: 0 0 auto;
	font-family: var(--font-sans); font-weight: 400;
	font-size: clamp(18px, 1.15vw, 20px); letter-spacing: .015em; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	cursor: pointer; text-decoration: none; white-space: nowrap;
	padding: clamp(13px, 1.05vw, 15px) clamp(24px, 2vw, 34px);
	border: 0; border-radius: 999px;
	color: #F6F2EF;
	transition: background 220ms var(--ease), box-shadow 220ms var(--ease);
}
.al-btn:hover { color: #F6F2EF; }
.al-btn--sjaj {
	animation: sjaj 10s cubic-bezier(.25, 0, .3, 1) infinite;
}
.al-btn--primary {
	background: linear-gradient(135deg, #83614C 0%, #765E4A 52%, #59483B 100%);
	box-shadow: 0 0 0 1px rgba(194,165,117,.6);
}
.al-btn--primary.al-btn--sjaj {
	background: linear-gradient(100deg, rgba(255,255,255,0) 42%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 58%) -60% 0 / 260% 100% no-repeat, linear-gradient(135deg, #83614C 0%, #765E4A 52%, #59483B 100%);
}
.al-btn--primary:hover, .al-btn--primary:active {
	background: linear-gradient(135deg, #84654F 0%, #826450 52%, #685142 100%);
	box-shadow: 0 0 0 1px rgba(214,188,141,.95);
}
.al-btn--primary-warm {
	background: linear-gradient(135deg, #A4503E 0%, #A15547 52%, #7F473D 100%);
	box-shadow: 0 0 0 1px rgba(226,166,152,.5);
}
.al-btn--primary-warm.al-btn--sjaj {
	background: linear-gradient(100deg, rgba(255,255,255,0) 42%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 58%) -60% 0 / 260% 100% no-repeat, linear-gradient(135deg, #A4503E 0%, #A15547 52%, #7F473D 100%);
}
.al-btn--primary-warm:hover, .al-btn--primary-warm:active {
	background: linear-gradient(135deg, #A05744 0%, #9C5848 52%, #915045 100%);
	box-shadow: 0 0 0 1px rgba(238,187,174,.9);
}
.al-btn--ig {
	background: linear-gradient(135deg, #B84025 0%, #B04379 50%, #8248AA 100%);
	box-shadow: 0 0 0 1px rgba(240,160,140,.44);
}
.al-btn--ig.al-btn--sjaj {
	background: linear-gradient(100deg, rgba(255,255,255,0) 42%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 58%) -60% 0 / 260% 100% no-repeat, linear-gradient(135deg, #B84025 0%, #B04379 50%, #8248AA 100%);
}
.al-btn--ig:hover, .al-btn--ig:active {
	background: linear-gradient(135deg, #B5442C 0%, #AA467B 50%, #8853AF 100%);
	box-shadow: 0 0 0 1px rgba(246,186,168,.85);
}
.al-btn--wa {
	background: linear-gradient(135deg, #1D7747 0%, #2B784F 52%, #296B47 100%);
	box-shadow: 0 0 0 1px rgba(126,227,160,.42);
}
.al-btn--wa:hover, .al-btn--wa:active {
	background: linear-gradient(135deg, #1F7749 0%, #2B774D 52%, #2B774E 100%);
	box-shadow: 0 0 0 1px rgba(150,235,180,.82);
}
.al-btn--viber {
	background: linear-gradient(135deg, #7459BF 0%, #6E56AF 52%, #5A4596 100%);
	box-shadow: 0 0 0 1px rgba(195,180,250,.42);
}
.al-btn--viber:hover, .al-btn--viber:active {
	background: linear-gradient(135deg, #6D59B5 0%, #705AAE 52%, #6952AD 100%);
	box-shadow: 0 0 0 1px rgba(212,200,255,.82);
}

/* ---------- navigacija ---------- */
.al-topbar {
	position: relative; z-index: 800;
	display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
	gap: 24px 40px;
	padding: clamp(24px, 2.6vw, 40px) var(--pad-x) 0;
}
.al-header-dark { background: var(--espreso-duboki); padding-bottom: clamp(24px, 2.6vw, 40px); }
.al-topbar__logo { display: block; }
.al-nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 40px); flex-wrap: wrap; }
.al-nav__link {
	font-size: clamp(17px, 1.25vw, 19px); letter-spacing: .1em; color: var(--kreda);
	border-bottom: 1px solid transparent; padding-bottom: 3px;
	transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
	display: inline-flex; align-items: center; gap: 8px;
}
.al-nav__link:hover { color: var(--kreda); border-bottom-color: var(--sampanj); }
.al-nav__caret { font-size: 15px; line-height: 1; color: var(--sampanj); transition: transform 240ms var(--ease); }
.al-nav__dd { position: relative; display: inline-flex; }
.al-nav__dd:hover .al-nav__caret, .al-nav__dd:focus-within .al-nav__caret { transform: rotate(45deg); }
.al-nav__panel { display: none; position: absolute; top: 100%; left: -22px; padding-top: 14px; z-index: 600; }
.al-nav__dd:hover > .al-nav__panel, .al-nav__dd:focus-within > .al-nav__panel { display: block; }
.al-nav__panel-in {
	min-width: 264px;
	background: linear-gradient(150deg, rgba(58,47,42,.97) 0%, rgba(30,25,23,.97) 100%);
	padding: 10px 0; display: flex; flex-direction: column;
}
.al-nav__panel-link {
	font-size: 18px; font-weight: 300; line-height: 1.3; color: #F6F2EF;
	padding: 11px 24px; white-space: nowrap;
	transition: color var(--dur) var(--ease);
}
.al-nav__panel-link:hover { color: var(--sampanj); }
.al-nav__panel-link--first {
	border-bottom: 1px solid rgba(194,165,117,.3);
	margin-bottom: 6px; padding-bottom: 15px;
}
.al-lang {
	display: flex; align-items: center; gap: clamp(12px, 1.2vw, 18px);
	padding-left: clamp(6px, 1.2vw, 18px);
	border-left: 1px solid rgba(203,189,182,.28);
}
.al-lang__item {
	font-family: var(--mono); font-size: 13px; letter-spacing: .18em;
	padding: 4px 3px 3px; color: #F6F2EF; cursor: default;
}
.al-lang__item--on { padding: 4px 9px 3px; background: #F6F2EF; color: #2A2320; }

/* burger + mobilni panel (checkbox, bez JS-a) */
.al-burger__toggle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.al-burger {
	display: none; color: #F6F2EF;
	flex-direction: column; justify-content: center; align-items: flex-end; gap: 6px;
	width: 46px; height: 46px; cursor: pointer;
}
.al-burger span { display: block; width: 30px; height: 1px; background: currentColor; }
.al-burger .al-burger__mid { width: 22px; }
.al-mnav {
	display: none; position: fixed; inset: 0; z-index: 2147480000;
	background: #241E1B; flex-direction: column; gap: 4px;
	padding: 26px 26px 40px; overflow-y: auto;
}
.al-mnav__close {
	align-self: flex-end; width: 46px; height: 46px;
	display: flex; align-items: center; justify-content: center;
	font-size: 30px; font-weight: 200; color: #F6F2EF; cursor: pointer; line-height: 1;
}
.al-mnav__link {
	font-size: 30px; font-weight: 200; letter-spacing: -.01em; line-height: 1;
	color: #F6F2EF; padding: 10px 0;
}
.al-mnav__sub {
	display: flex; flex-direction: column;
	padding: 2px 0 10px 18px; margin: 2px 0 6px 4px;
	border-left: 1px solid rgba(194,165,117,.35);
}
.al-mnav__sub a { font-size: 19px; font-weight: 300; line-height: 1.3; color: rgba(246,242,239,.82); padding: 8px 0; }
.al-mnav__lang { display: flex; gap: 14px; padding-top: 26px; font-family: var(--mono); font-size: 13px; letter-spacing: .18em; color: #F6F2EF; }
.al-mnav__lang span { padding: 5px 3px; }
.al-mnav__lang-on { padding: 5px 9px !important; background: #F6F2EF; color: #2A2320; }
.al-mnav__cta { margin-top: 22px; align-self: flex-start; font-size: 19px; }

/* ---------- hero ---------- */
.al-hero {
	position: relative;
	height: clamp(700px, 100vh, 1120px); min-height: 700px;
	background: var(--espreso-duboki);
	overflow: hidden;
	display: flex; flex-direction: column;
}
.al-hero__backdrop, .al-hero__video {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; object-position: 50% 18%;
	background-size: cover; background-position: 50% 18%;
	filter: saturate(.78) contrast(1.04) brightness(.66);
}
.al-hero__shade { position: absolute; inset: 0; }
.al-hero__shade--v { background: linear-gradient(180deg, rgba(30,25,23,.9) 0%, rgba(30,25,23,.3) 32%, rgba(30,25,23,.44) 58%, rgba(30,25,23,.96) 100%); }
.al-hero__shade--h { background: linear-gradient(96deg, rgba(30,25,23,.86) 0%, rgba(30,25,23,.24) 46%, rgba(30,25,23,.1) 68%, rgba(30,25,23,.6) 100%); }
.al-hero__body {
	position: relative; z-index: 2; flex: 1;
	display: flex; flex-direction: column; justify-content: flex-end;
	gap: clamp(22px, 2.6vw, 40px);
	padding: 0 var(--pad-x) clamp(30px, 3.4vw, 60px);
}
.al-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.al-hero__row--bottom { gap: 36px; }
.al-hero__title-wrap { display: flex; flex-direction: column; gap: clamp(18px, 2vw, 30px); }
.al-hero__h1 {
	/* 6.6vw: najduži balansirani red (SR „makeup studio za profesionalno" = 12.57em u Jost 200) staje u 91vw; plafon 7.24vw */
	font-size: clamp(48px, 6.6vw, 150px); font-weight: 200;
	line-height: .93; letter-spacing: -.03em; color: var(--kreda);
	text-wrap: balance;
}
.al-hero__h1-lok { display: block; }
/* veliki ekrani: lok-span u istom toku teksta, a max-width (mora ostati u prozoru 12.58–15.10em) tera prelom posle „profesionalno" → 2 balansirana reda na sva 3 jezika */
@media (min-width: 900px) {
	.al-hero__h1 { max-width: 13.8em; }
	.al-hero__h1-lok { display: inline; }
}
.al-hero__rule { height: 1px; background: rgba(194,165,117,.35); }
.al-hero__lead {
	font-size: clamp(17px, 1.5vw, 21px); line-height: 1.7;
	color: var(--tekst-na-tamnom); max-width: 34ch; text-wrap: pretty;
}
.al-hero__actions { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 34px); flex-wrap: wrap; }
.al-hero__pricelink {
	font-size: 16px; letter-spacing: .14em; color: var(--sampanj);
	border-bottom: 1px solid rgba(194,165,117,.4); padding-bottom: 4px;
	transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.al-hero__pricelink:hover { color: var(--kreda); border-bottom-color: var(--kreda); }

/* ---------- sekcije ---------- */
.al-section { padding: var(--pad-y) var(--pad-x); }
.al-section--travertin {
	background: var(--fill-travertin),
		radial-gradient(ellipse 62% 52% at 80% 20%, rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 60%),
		radial-gradient(ellipse 52% 46% at 10% 86%, rgba(222,203,195,.52) 0%, rgba(222,203,195,0) 62%),
		var(--fill-pamuk), var(--travertin);
}
.al-section--bordered { border-top: 1px solid var(--linija-ivica); }
.al-section--rail { padding: clamp(60px, 7vw, 110px) var(--pad-x) var(--pad-y); }
.al-section--glina { background: var(--glina); position: relative; overflow: hidden; }
.al-section--roze { background: var(--fill-placeholder), var(--placeholder-polje); padding: clamp(60px, 8vw, 130px) var(--pad-x); }

.al-sechead {
	display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap;
	gap: 12px 34px;
	padding-bottom: clamp(14px, 1.4vw, 20px);
	border-bottom: 1px solid var(--linija-jaka);
}
.al-sechead--big { align-items: flex-end; gap: 30px; padding-bottom: clamp(18px, 2vw, 28px); }
.al-sechead__left { display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 22px); }
.al-sechead__note { font-size: 11px; text-align: right; line-height: 1.8; color: var(--tekst-tiho); }
.al-sechead--on-glina { border-bottom-color: rgba(42,35,32,.34); }
.al-sechead--map { border-bottom-color: rgba(42,35,32,.28); }

/* 01 pristup */
.al-pristup { display: flex; flex-direction: column; gap: clamp(22px, 2.4vw, 36px); max-width: 1240px; margin: 0 auto; }
.al-pristup__h2 { font-size: clamp(30px, 3.2vw, 54px); line-height: 1.22; text-wrap: pretty; }
.al-pristup__cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 3vw, 56px); }
.al-pristup__cols p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.85; color: var(--tekst); text-wrap: pretty; }

/* split sekcije (o meni, mladenačka, izbliza) */
.al-split { display: flex; flex-wrap: wrap; align-items: stretch; background: var(--kreda); }
.al-split--travertin-roze { background: var(--fill-placeholder), var(--placeholder-polje); }
.al-split--pigment { background: var(--espreso-duboki); }
.al-split__media {
	position: relative; flex: 1 1 480px; min-width: min(100%, 360px);
	aspect-ratio: 4 / 5; min-height: 0; overflow: hidden;
	background: rgba(222,203,195,.55);
}
.al-split__media--dark { aspect-ratio: auto; min-height: clamp(560px, 86vh, 1000px); background: var(--espreso); }
.al-split--pigment .al-split__media--dark { min-height: clamp(480px, 74vh, 900px); }
.al-split__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.al-split__media .al-ph { position: absolute; inset: 0; }
.al-split__backdrop { position: absolute; inset: 0; background-size: cover; background-position: 50% 24%; }
.al-split__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 24%; }
.al-split__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,25,23,.18) 0%, rgba(30,25,23,0) 30%, rgba(30,25,23,.42) 100%); }
.al-split__edge { position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(194,165,117,.55); }
.al-split__media--edge-right::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: rgba(194,165,117,.55); }
.al-split__tag { position: absolute; left: clamp(18px, 2vw, 30px); bottom: clamp(18px, 2vw, 30px); font-size: 11px; letter-spacing: .22em; color: var(--kreda); }
.al-split__tag--kreda { font-size: 12px; }
.al-split__text {
	flex: 1 1 480px; min-width: min(100%, 360px);
	padding: clamp(60px, 7vw, 130px) var(--pad-x);
	display: flex; flex-direction: column; gap: clamp(26px, 3vw, 46px); justify-content: center;
}
.al-split--pigment .al-split__text { flex: 1 1 420px; min-width: min(100%, 320px); gap: clamp(22px, 2.6vw, 38px); padding: clamp(60px, 8vw, 130px) var(--pad-x); }
.al-split__head { display: flex; flex-direction: column; gap: clamp(18px, 2.2vw, 34px); }
.al-split__lead { font-size: clamp(19px, 1.7vw, 26px); line-height: 1.62; color: var(--tekst-jak); max-width: 40ch; text-wrap: pretty; }
.al-split__body { font-size: clamp(17px, 1.4vw, 21px); line-height: 1.8; color: var(--tekst); max-width: 54ch; text-wrap: pretty; }
.al-split__body--on-dark { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.85; color: var(--tekst-na-tamnom); max-width: 52ch; }
.al-split--pigment .al-h2--display { font-size: clamp(36px, 4.6vw, 80px); max-width: 14ch; text-wrap: pretty; letter-spacing: -.025em; }
.al-split__cta { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); flex-wrap: wrap; }
.al-split__cta .al-cta { display: grid; grid-template-columns: repeat(2, max-content); }
.al-split__cta-note { font-size: 15px; line-height: 1.7; color: var(--tekst-tiho); max-width: 30ch; }

.al-facts { display: flex; flex-wrap: wrap; gap: clamp(26px, 3.4vw, 64px); padding-top: clamp(6px, 1vw, 14px); }
.al-facts__item { display: flex; flex-direction: column; gap: 8px; }
.al-facts__item .al-mono { letter-spacing: .22em; }
.al-facts__item div:last-child { font-size: clamp(17px, 1.4vw, 20px); color: var(--tekst-jak); }

/* koraci (mladenačka) */
.al-steps { display: flex; flex-direction: column; max-width: 560px; }
.al-steps__row { display: flex; gap: clamp(18px, 2vw, 30px); padding: clamp(16px, 1.6vw, 22px) 0; border-top: 1px solid var(--linija-vlas); }
.al-steps__row--last { border-bottom: 1px solid var(--linija-vlas); }
.al-steps__num {
	flex: 0 0 auto; width: clamp(40px, 3.6vw, 54px); padding-top: 1px;
	font-variant-numeric: lining-nums tabular-nums;
	font-size: clamp(24px, 2.2vw, 34px); font-weight: 300; letter-spacing: .04em;
	color: var(--sampanj-tekst); line-height: 1.2;
	text-shadow: 0 1px 0 rgba(255,255,255,.92), 0 -1px 1px rgba(90,50,44,.3);
}
.al-steps__text { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.7; color: var(--tekst); text-wrap: pretty; }

/* velika slika (traka) */
.al-strip { position: relative; height: clamp(420px, 62vh, 820px); background: var(--espreso); overflow: hidden; }
.al-strip__grid { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.al-strip__cell { position: relative; overflow: hidden; }
.al-strip__cell .al-ph { position: absolute; inset: 0; }
.al-strip__scrim { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(30,25,23,.34) 0%, rgba(30,25,23,0) 34%, rgba(30,25,23,.52) 100%); }
.al-strip__text {
	position: absolute; left: var(--pad-x); right: var(--pad-x); bottom: clamp(26px, 3vw, 48px);
	display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px;
}
.al-strip__headline { font-size: clamp(24px, 3vw, 48px); font-weight: 200; line-height: 1.14; letter-spacing: -.02em; color: var(--kreda); max-width: 24ch; text-wrap: pretty; }
.al-strip__tag { font-size: 11px; letter-spacing: .22em; color: rgba(246,242,239,.8); }

/* cenovnik */
.al-prices {
	display: flex; flex-wrap: wrap; gap: clamp(40px, 5vw, 90px);
	font-variant-numeric: lining-nums tabular-nums;
}
.al-prices__col { flex: 1 1 420px; display: flex; flex-direction: column; }
.al-prices__label { font-size: 11px; letter-spacing: .24em; padding-bottom: 14px; }
.al-prices__row {
	display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
	padding: clamp(14px, 1.5vw, 20px) 0;
	border-top: 1px solid var(--linija-vlas);
}
.al-prices__row--last { border-bottom: 1px solid var(--linija-vlas); }
.al-prices__row span { font-size: clamp(22px, 1.9vw, 27px); font-weight: 300; color: var(--tekst-jak); }
.al-prices__row b { font-size: clamp(22px, 1.9vw, 27px); font-weight: 500; color: var(--tekst-jak); white-space: nowrap; }

/* galerija rail */
.al-rail-wrap { display: flex; flex-direction: column; gap: clamp(22px, 2.2vw, 34px); }
.al-rail {
	display: flex; align-items: flex-start; gap: clamp(12px, 1.2vw, 22px);
	overflow-x: auto; overflow-y: hidden;
	scroll-snap-type: x proximity;
	padding: 0 var(--pad-x) 2px 0; margin-right: calc(-1 * var(--pad-x));
	cursor: grab; outline: none;
	scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain;
}
.al-rail::-webkit-scrollbar { display: none; }
.al-rail[data-vuce="1"] { cursor: grabbing; scroll-snap-type: none; }
.al-rail:focus-visible { outline: 1px solid rgba(42,35,32,.45); outline-offset: 6px; }
.al-rail-morelink {
	display: inline-flex; align-items: baseline; gap: 12px;
	font-size: clamp(16px, 1.4vw, 20px); letter-spacing: .14em; color: var(--tekst-jak);
	border-bottom: 1px solid var(--linija-ivica); padding-bottom: 4px;
	transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.al-rail-morelink:hover { color: var(--espreso); border-bottom-color: var(--sampanj); }
.al-tile {
	flex: 0 0 auto; width: clamp(240px, 24.8vw, 408px);
	display: flex; flex-direction: column; gap: clamp(12px, 1vw, 16px);
	scroll-snap-align: start; color: inherit;
}
.al-tile:hover { color: inherit; }
.al-tile--offset { margin-top: clamp(0px, 2.2vw, 38px); }
.al-tile__media { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: var(--placeholder-polje); }
.al-tile__media .al-ph { position: absolute; inset: 0; }
.al-tile__badge { position: absolute; top: 0; left: 0; padding: 9px 13px; background: rgba(30,25,23,.68); color: #F6F2EF; }
.al-tile__caption { display: flex; flex-direction: column; gap: 10px; }
.al-tile__line { height: 1px; background: rgba(42,35,32,.22); transition: background var(--dur) var(--ease); }
.al-tile:hover .al-tile__line { background: rgba(194,165,117,.95); }
.al-tile__meta { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 14px; }
.al-tile__title { min-width: 0; font-size: clamp(20px, 1.5vw, 26px); font-weight: 300; line-height: 1.1; letter-spacing: -.015em; color: var(--tekst-jak); transition: color var(--dur) var(--ease); }
.al-tile__tag { flex: 0 0 auto; }
.al-tile--end {
	width: clamp(250px, 20vw, 330px); height: clamp(300px, 31vw, 510px);
	display: flex; flex-direction: column; justify-content: space-between; gap: 26px;
	padding: clamp(22px, 2vw, 34px); background: var(--kreda);
}
.al-tile__end-body { display: flex; flex-direction: column; gap: clamp(14px, 1.2vw, 18px); }
.al-tile__end-title { font-size: clamp(28px, 2.3vw, 40px); font-weight: 200; line-height: 1.02; letter-spacing: -.025em; color: var(--tekst-jak); }
.al-tile__end-note { font-size: 17px; line-height: 1.55; color: var(--tekst); }
.al-rail-controls { display: flex; align-items: center; gap: clamp(16px, 2vw, 36px); flex-wrap: wrap; }
.al-rail-buttons { display: flex; align-items: center; gap: clamp(14px, 1.4vw, 24px); flex: 0 0 auto; }
.al-rail-buttons button {
	background: none; border: 0; padding: 11px 0; cursor: pointer;
	font-size: 18px; font-weight: 300; letter-spacing: .1em; color: var(--tekst-jak);
	border-bottom: 1px solid transparent;
	transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.al-rail-buttons button:hover { color: var(--espreso); border-bottom-color: var(--sampanj); }
.al-rail-buttons__sep { width: 1px; height: 16px; background: rgba(42,35,32,.24); }
.al-rail-hint { flex: 0 0 auto; }
.al-rail-track { position: relative; flex: 1 1 200px; min-width: 140px; height: 1px; background: rgba(42,35,32,.2); }
.al-rail-progress { position: absolute; top: 0; bottom: 0; left: 0; width: 14%; background: rgba(42,35,32,.78); transition: width var(--dur) var(--ease); }
.al-rail-count { font-variant-numeric: lining-nums tabular-nums; font-size: 17px; font-weight: 300; letter-spacing: .1em; color: var(--tekst-jak); flex: 0 0 auto; }

/* edukacija */
.al-edu { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); gap: clamp(24px, 2.6vw, 44px); align-items: stretch; position: relative; z-index: 2; }
.al-edu__media { position: relative; min-height: clamp(360px, 38vw, 620px); overflow: hidden; background: rgba(222,203,195,.55); }
.al-edu__media .al-ph, .al-edu__img { position: absolute; inset: 0; width: 100%; height: 100%; }
.al-edu__img { object-fit: cover; object-position: 50% 28%; }
.al-edu__panel { display: flex; flex-direction: column; background: var(--kreda); padding: clamp(24px, 2.8vw, 48px); }
.al-acc { display: flex; flex-direction: column; border-top: 1px solid rgba(42,35,32,.22); transition: border-color 240ms var(--ease); }
.al-acc:last-child { border-bottom: 1px solid rgba(42,35,32,.22); }
.al-acc--open { border-top-color: rgba(42,35,32,.45); }
.al-acc__head {
	display: flex; align-items: center; justify-content: space-between; gap: 20px;
	width: 100%; background: none; border: 0; cursor: pointer; text-align: left;
	padding: clamp(18px, 1.8vw, 26px) 0;
}
.al-acc__label { display: flex; align-items: baseline; gap: clamp(14px, 1.6vw, 22px); }
.al-acc__num { font-size: 13px; color: var(--tekst-jak); }
.al-acc__title { font-size: clamp(22px, 2.3vw, 34px); font-weight: 300; line-height: 1.16; color: var(--tekst-jak); }
.al-acc__sign { font-size: clamp(20px, 1.8vw, 26px); line-height: 1; color: var(--tekst-jak); flex: 0 0 auto; transition: transform 260ms var(--ease); }
.al-acc--open .al-acc__sign { transform: rotate(45deg); }
.al-acc__body { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 320ms var(--ease), opacity 260ms var(--ease); }
.al-acc--open .al-acc__body { max-height: 340px; opacity: 1; }
.al-acc__body-in { display: flex; flex-direction: column; gap: 14px; padding-bottom: clamp(20px, 2.2vw, 30px); max-width: 52ch; }
.al-acc__body-in p { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.7; color: var(--tekst-jak); text-wrap: pretty; }
.al-acc__meta { font-size: 13px; }

/* mapa + recenzije */
.al-map-note { display: flex; flex-direction: column; gap: 10px; max-width: 34ch; }
.al-map-note p { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.7; color: var(--tekst-jak); text-wrap: pretty; }
.al-linklight {
	font-size: 12px; letter-spacing: .18em; color: var(--espreso);
	border-bottom: 1px solid rgba(42,35,32,.4); padding-bottom: 4px; align-self: flex-start;
}
.al-linklight:hover { border-bottom-color: var(--espreso); color: var(--espreso); }
.al-map-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(18px, 1.8vw, 28px); align-items: stretch; }
.al-card { background: #FFFDFB; box-shadow: inset 0 0 0 1px rgba(42,35,32,.12); }
.al-map-card { display: flex; flex-direction: column; min-width: 0; height: 640px; }
.al-map-frame { position: relative; flex: 1 1 auto; min-height: 0; }
.al-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.al-map-caption {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px;
	padding: clamp(16px, 1.6vw, 22px) clamp(18px, 1.8vw, 26px);
	border-top: 1px solid var(--linija-vlas);
}
.al-map-caption .al-mono { letter-spacing: .18em; color: var(--tekst-jak); }
.al-map-caption__note { font-size: 16px; color: var(--tekst); }
.al-reviews { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; height: 640px; }
.al-reviews__head {
	display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px;
	padding: clamp(22px, 2.2vw, 32px) clamp(20px, 2vw, 30px) clamp(18px, 1.8vw, 24px);
	border-bottom: 1px solid var(--linija-jaka);
}
.al-reviews__score { display: flex; align-items: flex-end; gap: 16px; }
.al-reviews__rating { font-variant-numeric: lining-nums tabular-nums; font-size: clamp(40px, 4.2vw, 64px); font-weight: 200; line-height: .9; letter-spacing: -.03em; color: var(--tekst-jak); }
.al-reviews__stars-wrap { display: flex; flex-direction: column; gap: 8px; }
.al-reviews__stars { font-size: 15px; letter-spacing: .34em; color: #8A5A52; }
.al-reviews__head-note { font-size: 16px; line-height: 1.6; color: var(--tekst); max-width: 40ch; }
.al-reviews__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 clamp(20px, 2vw, 30px); scrollbar-width: thin; }
.al-review { display: flex; flex-direction: column; gap: 10px; padding: clamp(18px, 1.8vw, 24px) 0; border-bottom: 1px solid var(--linija-vlas); }
.al-review__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; }
.al-review__who { display: flex; align-items: center; gap: 12px; }
.al-review__initial {
	flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
	display: grid; place-items: center; font-size: 15px; color: var(--tekst-jak);
	box-shadow: inset 0 0 0 1px rgba(42,35,32,.14);
}
.al-review__initial--a { background: rgba(222,203,195,.62); }
.al-review__initial--b { background: var(--kreda-topla); }
.al-review__name { font-size: clamp(17px, 1.4vw, 19px); color: var(--tekst-jak); }
.al-review__stars { font-size: 13px; letter-spacing: .3em; color: #8A5A52; }
.al-review__text { font-size: 17px; line-height: 1.7; color: var(--tekst); text-wrap: pretty; }
.al-reviews__cta { display: flex; flex-direction: column; gap: 12px; padding: clamp(22px, 2.2vw, 30px) 0; }
.al-reviews--empty .al-reviews__list { display: flex; flex-direction: column; justify-content: center; }
.al-reviews__cta p { font-size: 17px; line-height: 1.7; color: var(--tekst-jak); }

/* ---------- futer ---------- */
.al-footer { background: var(--fill-lak); }
.al-footer__in {
	max-width: var(--wrap); margin: 0 auto;
	padding: clamp(64px, 7vw, 120px) var(--pad-x) clamp(26px, 2.6vw, 40px);
	display: flex; flex-direction: column; gap: clamp(44px, 5vw, 80px);
}
.al-footer__cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(28px, 3.4vw, 56px); }
.al-footer__cta-text { flex: 1 1 380px; min-width: min(100%, 320px); display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 22px); }
.al-footer__headline { font-size: clamp(32px, 3.8vw, 60px); font-weight: 200; line-height: 1.08; letter-spacing: -.024em; color: var(--kreda); max-width: 22ch; text-wrap: balance; }
.al-footer__rule { height: 1px; background: rgba(194,165,117,.28); }
.al-footer__rule--quiet { background: rgba(203,189,182,.14); }
.al-footer__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: clamp(26px, 3vw, 56px); }
.al-footer__col { display: flex; flex-direction: column; gap: 14px; }
.al-footer__col:first-child { gap: clamp(18px, 2vw, 26px); }
.al-footer__about { font-size: 18px; line-height: 1.6; color: var(--tekst-na-tamnom); max-width: 28ch; text-wrap: pretty; }
.al-footer__link { font-size: 18px; line-height: 1.5; color: var(--tekst-na-tamnom); transition: color var(--dur) var(--ease); }
.al-footer__link:hover { color: var(--kreda); }
.al-footer__plain { font-size: 18px; line-height: 1.5; color: var(--tekst-na-tamnom); }
.al-footer__gap-top { padding-top: 12px; letter-spacing: .22em; }
.al-footer__note { color: var(--tekst-na-tamnom-tiho); line-height: 1.9; padding-top: 6px; }
.al-footer__legal {
	display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;
	font-family: var(--mono); font-size: 11px; letter-spacing: .2em; color: var(--tekst-na-tamnom-tiho);
}
.al-footer__legal a { color: var(--tekst-na-tamnom-tiho); transition: color var(--dur) var(--ease); }
.al-footer__legal a:hover { color: var(--sampanj); }

/* ---------- unutrašnje strane (privremeno, do dizajna po stranicama) ---------- */
.al-inner { padding: var(--pad-y) var(--pad-x); min-height: 46vh; }
.al-inner__wrap { gap: clamp(22px, 2.6vw, 40px); }
.al-inner__content, .al-inner__note { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.8; color: var(--tekst); max-width: 64ch; }
.al-inner__list { display: flex; flex-direction: column; }
.al-inner__row {
	display: flex; justify-content: space-between; align-items: baseline; gap: 18px;
	padding: clamp(16px, 1.6vw, 22px) 0;
	border-top: 1px solid var(--linija-vlas);
	font-size: clamp(19px, 1.7vw, 24px); font-weight: 300; color: var(--tekst-jak);
}
.al-inner__row:last-child { border-bottom: 1px solid var(--linija-vlas); }
.al-inner__row:hover { color: var(--espreso); }

/* ---------- blog post ---------- */
.al-post__wrap { max-width: 880px; gap: clamp(16px, 2vw, 26px); }
.al-post__crumbs a { color: var(--tekst); }
.al-post__crumbs a:hover { color: var(--espreso); }
.al-post__title { font-size: clamp(32px, 4.6vw, 64px); line-height: 1.06; }
.al-post__meta { display: flex; flex-wrap: wrap; gap: 10px 26px; }
.al-prose { display: flex; flex-direction: column; gap: clamp(16px, 1.8vw, 22px); }
.al-prose p, .al-prose li { font-size: clamp(17px, 1.35vw, 19px); line-height: 1.85; color: var(--tekst); text-wrap: pretty; }
.al-prose h2 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 300; line-height: 1.25; letter-spacing: -.015em; color: var(--tekst-jak); margin-top: clamp(14px, 1.8vw, 24px); scroll-margin-top: 40px; }
.al-prose h3 { font-size: clamp(19px, 1.7vw, 24px); font-weight: 400; line-height: 1.3; color: var(--tekst-jak); margin-top: clamp(8px, 1vw, 14px); }
.al-prose ul, .al-prose ol { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 8px; }
.al-prose a:not(.al-btn) { color: var(--sampanj-tekst); border-bottom: 1px solid var(--linija-ivica); }
.al-prose a:not(.al-btn):hover { color: var(--espreso); border-bottom-color: var(--sampanj); }
.al-prose strong { font-weight: 500; color: var(--tekst-jak); }
.al-faq { display: flex; flex-direction: column; gap: 0; margin-top: clamp(22px, 2.6vw, 36px); }
.al-faq h2 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 300; color: var(--tekst-jak); padding-bottom: clamp(12px, 1.4vw, 18px); border-bottom: 1px solid var(--linija-jaka); margin: 0; }
.al-faq__item { padding: clamp(16px, 1.8vw, 22px) 0; border-bottom: 1px solid var(--linija-vlas); }
.al-faq__item h3 { margin: 0 0 8px; font-size: clamp(18px, 1.6vw, 22px); font-weight: 400; color: var(--tekst-jak); }
.al-faq__item p { margin: 0; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.75; color: var(--tekst); }
.al-post__cta {
	margin-top: clamp(22px, 2.6vw, 36px);
	display: flex; flex-direction: column; gap: clamp(16px, 1.8vw, 24px);
	padding: clamp(22px, 2.4vw, 34px);
	background: var(--fill-placeholder), var(--placeholder-polje);
}
.al-post__cta-text { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.7; color: var(--tekst-jak); max-width: 52ch; text-wrap: pretty; }
.al-post__nav { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: clamp(14px, 1.6vw, 20px); }
.al-post__nav-link { display: flex; flex-direction: column; gap: 6px; font-size: clamp(17px, 1.4vw, 20px); color: var(--tekst-jak); max-width: 40ch; }
.al-post__nav-link--next { text-align: right; margin-left: auto; }
.al-post__nav-link:hover { color: var(--espreso); }
.al-inner__excerpt { font-size: 16px; line-height: 1.7; color: var(--tekst-tiho); max-width: 64ch; }

/* ---------- responsive ---------- */
@media (max-width: 980px) {
	.al-pristup__cols { grid-template-columns: 1fr; }
	.al-edu { grid-template-columns: 1fr; }
	.al-edu__media { min-height: clamp(300px, 64vw, 460px); }
}
@media (max-width: 900px) {
	.al-nav { display: none; }
	.al-burger { display: inline-flex; }
	.al-burger__toggle:checked ~ .al-mnav { display: flex; }
	.al-rail-hint { display: none; }
	.al-tile--offset { margin-top: 0; }
	.al-rail { cursor: default; }
	.al-topbar { flex-wrap: nowrap; gap: 16px; }
	.al-topbar__logo { --sig-w: clamp(180px, 55vw, 300px); min-width: 0; }
}
@media (max-width: 640px) {
	.al-strip { height: auto; display: flex; flex-direction: column; }
	.al-strip__grid { position: static; grid-template-columns: 1fr; }
	.al-strip__cell { aspect-ratio: 4 / 3; }
	.al-strip__scrim { display: none; }
	.al-strip__text { position: static; order: 2; align-items: flex-start; flex-direction: column; padding: 22px 24px 30px; gap: 12px; }
}
@media (max-width: 620px) {
	.al-cta { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.al-split__cta .al-cta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.al-cta .al-btn { width: 100%; font-size: clamp(14px, 4vw, 17px); padding: 14px 8px; }
	.al-hero { height: auto; min-height: 92svh; }
	.al-rail-controls { row-gap: 14px; }
	.al-rail-track { order: 3; flex: 1 1 100%; }
	.al-rail-count { order: 2; }
	.al-map-card { height: auto; }
	.al-map-frame { flex: 0 0 360px; }
	.al-reviews { height: 520px; }
}
@media (max-width: 380px) {
	.al-cta { grid-template-columns: 1fr; }
	.al-split__cta .al-cta { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.al-reviews { height: 520px; }
}

/* reveal (JS postavlja tranziciju; bez JS-a sve je vidljivo) */
[data-reveal] { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	.al-btn--sjaj { animation: none; }
	.al-acc__body, .al-acc__sign, .al-rail-progress { transition: none; }
}

/* ============================================================
   Unutrašnje strane (Usluge, Usluga-*, O meni, Galerija,
   Edukacija, Kontakt, Blog, Blog-tekst) — v1.1
   ============================================================ */

/* pozadine po strani: telo prati prvu sekciju, da se topbar stopi */
body.strana-usluge, body.strana-sminka-za-mladu, body.strana-svecana-sminka,
body.strana-sminka-za-maturu, body.strana-dnevna-sminka, body.strana-sminkanje-na-adresi,
body.strana-sminka-i-frizura, body.strana-galerija, body.strana-profesionalno-sminkanje-vozdovac,
body.strana-galereya, body.strana-gallery, body.strana-lokaciya, body.strana-location,
body.strana-sminkanje-novi-beograd, body.strana-sminkanje-vracar-centar,
body.strana-kurs-profesionalnog-sminkanja, body.strana-kurs-nasminkaj-se-sama {
	background: var(--fill-travertin),
		radial-gradient(ellipse 62% 52% at 80% 14%, rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 60%),
		radial-gradient(ellipse 52% 46% at 8% 88%, rgba(222,203,195,.5) 0%, rgba(222,203,195,0) 62%),
		var(--fill-pamuk), var(--travertin);
}
body.strana-o-meni { background: var(--fill-placeholder), var(--placeholder-polje); }

/* svetli topbar */
.al-header .al-topbar { padding-bottom: clamp(22px, 2.4vw, 36px); border-bottom: 1px solid var(--linija-vlas); }
body.strana-o-meni .al-header .al-topbar { border-bottom-color: rgba(42,35,32,.18); }
.al-topbar--light .al-nav__link { color: var(--tekst); }
.al-topbar--light .al-nav__link:hover { color: var(--tekst-jak); border-bottom-color: var(--sampanj-tekst); }
.al-topbar--light .al-nav__link--on { color: var(--tekst-jak); border-bottom-color: var(--sampanj-tekst); }
.al-topbar--light .al-lang { border-left-color: rgba(90,76,70,.28); }
.al-topbar--light .al-lang__item { color: var(--tekst); }
.al-topbar--light .al-lang__item--on { background: var(--espreso); color: #F6F2EF; }
.al-topbar--light .al-burger { color: var(--espreso); }
.al-nav__link--on { border-bottom-color: var(--sampanj); }
.al-mono--espreso { color: var(--espreso); }
.al-hairline--jaka { background: var(--linija-jaka); }

/* breadcrumb */
.al-crumbs { padding: clamp(18px, 2vw, 26px) var(--pad-x); border-bottom: 1px solid var(--linija-vlas); }
.al-crumbs__in {
	max-width: var(--wrap); margin: 0 auto;
	display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
	font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--tekst);
}
.al-crumbs a { color: var(--tekst); }
.al-crumbs a:hover { color: var(--espreso); }
.al-crumbs [aria-current] { color: var(--tekst-jak); }

/* naslovni hero unutrašnjih strana */
.al-pagehero { padding: clamp(56px, 7vw, 120px) var(--pad-x) clamp(34px, 4vw, 60px); }
.al-uspage .al-crumbs + .al-pagehero { padding-top: clamp(48px, 6vw, 100px); }
.al-pagehero__in {
	max-width: var(--wrap); margin: 0 auto;
	display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
	gap: clamp(28px, 4vw, 70px);
}
.al-pagehero__title { display: flex; flex-direction: column; gap: clamp(18px, 2.2vw, 32px); }
.al-pagehero__h1 {
	font-size: clamp(44px, 7vw, 120px); font-weight: 200;
	line-height: .95; letter-spacing: -.03em; color: var(--tekst-jak);
}
.al-pagehero__h1--usluga { font-size: clamp(42px, 6.4vw, 110px); line-height: .96; max-width: 14ch; text-wrap: pretty; }
.al-pagehero__side { display: flex; flex-direction: column; gap: 16px; max-width: 46ch; }
.al-pagehero__lead { font-size: clamp(18px, 1.6vw, 23px); line-height: 1.7; color: var(--tekst); text-wrap: pretty; }
/* svi H1: prvo slovo veliko (naslovi su u izvorniku malim slovima po dizajnu) */
h1::first-letter { text-transform: uppercase; }
/* veliki ekrani: naslov zauzima dve trećine reda, da ne ostaje prazno polje desno */
@media (min-width: 1100px) {
	.al-pagehero__title { flex: 0 1 64%; }
	.al-pagehero__h1--usluga { max-width: none; }
	.al-pagehero__side { flex: 0 1 32%; }
}

/* usluga: o usluzi */
.al-uslugatekst { padding: 0 var(--pad-x) clamp(44px, 5vw, 80px); }
.al-uslugatekst__in {
	max-width: var(--wrap); margin: 0 auto;
	display: flex; flex-direction: column; gap: clamp(22px, 2.4vw, 36px);
	border-top: 1px solid var(--linija-jaka); padding-top: clamp(26px, 3vw, 46px);
}
.al-uslugatekst__h2 { font-size: clamp(28px, 3vw, 50px); line-height: 1.1; }
.al-uslugatekst__cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 3vw, 56px); }
.al-uslugatekst__col { display: flex; flex-direction: column; gap: clamp(16px, 1.6vw, 24px); }
.al-uslugatekst__col p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.85; color: var(--tekst); text-wrap: pretty; }
.al-uslugatekst__puna { display: flex; flex-direction: column; gap: clamp(16px, 1.6vw, 24px); max-width: 78ch; }
.al-uslugatekst__puna p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.85; color: var(--tekst); text-wrap: pretty; }

/* panel grid (usluga "kako izgleda" + edukacija "šta dobijaš") */
.al-uslugatelo-wrap { padding: 0 var(--pad-x) clamp(70px, 9vw, 140px); }
.al-panelgrid {
	max-width: var(--wrap); margin: 0 auto;
	display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
	gap: clamp(24px, 2.6vw, 44px); align-items: stretch;
}
.al-panelgrid__media { position: relative; min-height: clamp(360px, 38vw, 620px); overflow: hidden; background: var(--placeholder-polje); }
.al-panelgrid__media--kreda { background: rgba(246,242,239,.5); }
.al-panelgrid__media .al-ph, .al-panelgrid__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.al-panelgrid__card {
	display: flex; flex-direction: column; gap: clamp(22px, 2.4vw, 34px);
	background: var(--kreda); padding: clamp(26px, 3vw, 52px);
	box-shadow: inset 0 0 0 1px var(--linija-ivica);
}
.al-panelgrid__h2 { font-size: clamp(30px, 3.4vw, 56px); line-height: 1.04; letter-spacing: -.025em; }
.al-ministeps { display: flex; flex-direction: column; }
.al-ministeps__row { display: flex; gap: clamp(16px, 1.8vw, 26px); padding: clamp(15px, 1.5vw, 20px) 0; border-top: 1px solid var(--linija-vlas); }
.al-ministeps__row--last { border-bottom: 1px solid var(--linija-vlas); }
.al-ministeps__num { flex: 0 0 auto; padding-top: 5px; }
.al-ministeps__text { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.7; color: var(--tekst); text-wrap: pretty; }
.al-cenared { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.al-cenared__iznos { font-size: clamp(20px, 1.8vw, 26px); color: var(--tekst-jak); font-variant-numeric: lining-nums tabular-nums; }
.al-panelgrid__cta { margin-top: auto; }
.al-panelgrid__note { padding-top: 6px; }

/* FAQ sekcija na stranicama */
.al-uslugafaq { padding: 0 var(--pad-x) clamp(70px, 9vw, 140px); }
.al-uslugafaq__in { max-width: 1240px; margin: 0 auto; }
.al-uslugafaq--glina .al-uslugafaq__in { background: var(--kreda); padding: clamp(26px, 3vw, 52px); }
.al-uslugafaq--glina { padding-top: clamp(24px, 2.6vw, 44px); }

/* usluge pregled: kartice */
.al-uskarte { padding: 0 var(--pad-x) clamp(60px, 7vw, 110px); }
.al-uskarte__grid {
	max-width: var(--wrap); margin: 0 auto;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(16px, 1.6vw, 26px);
}
.al-uskarta {
	display: flex; flex-direction: column;
	background: var(--kreda); box-shadow: inset 0 0 0 1px var(--linija-ivica);
	color: inherit; transition: box-shadow var(--dur) var(--ease);
}
.al-uskarta:hover { box-shadow: inset 0 0 0 1px var(--sampanj); color: inherit; }
.al-uskarta__media { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--placeholder-polje); }
.al-uskarta__media .al-ph, .al-uskarta__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.al-uskarta__body { display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.2vw, 30px); }
.al-uskarta__naslov { font-size: clamp(24px, 2.1vw, 32px); font-weight: 300; line-height: 1.1; color: var(--tekst-jak); }
.al-uskarta__opis { font-size: 17px; line-height: 1.7; color: var(--tekst); text-wrap: pretty; }
.al-uskarta__line { height: 1px; background: var(--linija-vlas); }
.al-uskarta__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.al-uskarta__cena { font-size: clamp(19px, 1.5vw, 22px); color: var(--tekst-jak); font-variant-numeric: lining-nums tabular-nums; }

.al-section--kreda { background: var(--kreda); }
.al-infotraka { display: flex; flex-wrap: wrap; gap: clamp(26px, 3.4vw, 64px); }
.al-infotraka__item {
	display: flex; flex-direction: column; gap: 12px; flex: 1 1 240px;
	border-top: 1px solid var(--linija-jaka); padding-top: clamp(14px, 1.4vw, 20px);
}
.al-infotraka__item .al-mono { letter-spacing: .22em; }
.al-infotraka__item div:last-child { font-size: clamp(17px, 1.4vw, 20px); color: var(--tekst-jak); line-height: 1.7; }
.al-infotraka--tri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 44px); }
.al-infotraka--tri .al-infotraka__item div:last-child { font-size: clamp(17px, 1.3vw, 19px); color: var(--tekst); line-height: 1.8; }
.al-uslugenap { font-size: 17px; line-height: 1.7; color: var(--tekst); max-width: 56ch; }

/* ghost pilule */
.al-btn--ghost-light { color: #2A2320; background: linear-gradient(135deg, rgba(42,35,32,.08) 0%, rgba(42,35,32,.04) 100%); box-shadow: 0 0 0 1px rgba(42,35,32,.3); }
.al-btn--ghost-light:hover { color: #2A2320; background: linear-gradient(135deg, rgba(42,35,32,.16) 0%, rgba(42,35,32,.09) 100%); box-shadow: 0 0 0 1px rgba(42,35,32,.55); }
.al-btn--ghost-dark { color: #F6F2EF; background: linear-gradient(135deg, rgba(246,242,239,.16) 0%, rgba(246,242,239,.09) 100%); box-shadow: 0 0 0 1px rgba(246,242,239,.34); }
.al-btn--ghost-dark:hover { background: linear-gradient(135deg, rgba(246,242,239,.28) 0%, rgba(246,242,239,.17) 100%); box-shadow: 0 0 0 1px rgba(246,242,239,.6); }

/* o meni */
.al-omeni-hero { background: var(--fill-placeholder), var(--placeholder-polje); padding: clamp(56px, 7vw, 120px) var(--pad-x) clamp(70px, 8vw, 140px); }
.al-omeni-hero__in { max-width: var(--wrap); margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(40px, 5vw, 100px); }
.al-omeni-hero__text { flex: 3 1 520px; min-width: min(100%, 340px); display: flex; flex-direction: column; gap: clamp(26px, 3vw, 46px); }
.al-omeni-hero__h1 { font-size: clamp(40px, 6vw, 104px); line-height: 1; max-width: 20ch; }
.al-omeni-hero__lead { font-size: clamp(19px, 1.7vw, 26px); line-height: 1.62; color: var(--tekst-jak); max-width: 40ch; text-wrap: pretty; }
.al-omeni-hero__p { font-size: clamp(17px, 1.4vw, 21px); line-height: 1.8; color: var(--tekst-jak); max-width: 54ch; text-wrap: pretty; }
.al-omeni-hero__side { flex: 1 1 300px; max-width: 460px; display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 20px); }
.al-omeni-hero__foto { position: relative; aspect-ratio: 4 / 5; background: rgba(222,203,195,.55); box-shadow: inset 0 0 0 1px rgba(42,35,32,.14); overflow: hidden; }
.al-omeni-hero__foto .al-ph, .al-omeni-hero__foto img { position: absolute; inset: 0; width: 100%; height: 100%; }
.al-omeni-termin { display: flex; flex-wrap: wrap; gap: clamp(30px, 4vw, 70px); }
.al-omeni-termin__head { flex: 1 1 300px; max-width: 420px; display: flex; flex-direction: column; gap: clamp(16px, 2vw, 28px); }
.al-omeni-termin__head .al-h2--display { font-size: clamp(36px, 4.4vw, 76px); }
.al-steps--wide { flex: 2 1 520px; max-width: 760px; }
.al-glina-h2 { margin-bottom: clamp(24px, 2.8vw, 44px); }
.al-glinacard { background: var(--kreda); padding: clamp(26px, 3vw, 52px); display: flex; flex-direction: column; gap: clamp(22px, 2.4vw, 36px); }
.al-glinacard__intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(26px, 3vw, 56px); max-width: 1240px; }
.al-glinacard__intro p { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.85; color: var(--tekst); text-wrap: pretty; }
.al-putred {
	display: grid; grid-template-columns: clamp(70px, 7vw, 110px) minmax(0, .85fr) minmax(0, 1.5fr);
	gap: clamp(14px, 2.2vw, 44px); align-items: baseline;
	padding: clamp(18px, 2vw, 28px) 0; border-top: 1px solid var(--linija-vlas);
}
.al-kvartovi { margin-top: clamp(30px, 3.4vw, 54px); }
.al-kvartovi .al-putred__faza { letter-spacing: .16em; }
.al-putred--last { border-bottom: 1px solid var(--linija-vlas); }
.al-putred__faza { font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--sampanj-tekst); text-transform: uppercase; }
.al-putred__naslov { font-size: clamp(20px, 1.7vw, 26px); font-weight: 300; line-height: 1.2; color: var(--tekst-jak); }
.al-putred__opis { font-size: clamp(17px, 1.3vw, 19px); line-height: 1.75; color: var(--tekst); max-width: 62ch; }

/* kontakt */
.al-kontakt-hero { padding: clamp(56px, 7vw, 120px) var(--pad-x) clamp(70px, 9vw, 140px); }
.al-kontakt-hero__in { max-width: var(--wrap); margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(44px, 6vw, 100px); }
.al-kontakt-hero__main { flex: 1 1 460px; min-width: min(100%, 340px); display: flex; flex-direction: column; gap: clamp(28px, 3.2vw, 46px); }
.al-kontakt__h1 { font-size: clamp(44px, 7vw, 120px); }
.al-kontakt__lead { font-size: clamp(19px, 1.7vw, 24px); line-height: 1.65; color: var(--tekst-jak); max-width: 36ch; text-wrap: pretty; }
.al-kontakt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: clamp(22px, 2.6vw, 44px); }
.al-kontakt-kanal { display: flex; flex-direction: column; gap: 10px; color: inherit; }
.al-kontakt-kanal:hover { color: inherit; }
.al-kontakt-kanal .al-mono { letter-spacing: .22em; }
.al-kontakt-kanal__v { font-size: clamp(19px, 1.6vw, 23px); color: var(--tekst-jak); }
.al-kontakt-kanal__v--link { align-self: flex-start; font-size: clamp(20px, 1.8vw, 26px); border-bottom: 1px solid var(--linija-ivica); padding-bottom: 3px; transition: border-color var(--dur) var(--ease); }
.al-kontakt-kanal:hover .al-kontakt-kanal__v--link, a.al-kontakt-kanal__v--link:hover { border-bottom-color: var(--espreso); color: var(--tekst-jak); }
.al-kontakt-mejl { display: flex; flex-direction: column; gap: 10px; }
.al-kontakt-mejl__note { font-size: 16px; line-height: 1.7; color: var(--tekst); max-width: 40ch; }
.al-kontakt-hero__side { flex: 1 1 380px; max-width: 560px; display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 20px); }
.al-kontakt-foto { position: relative; aspect-ratio: 3 / 4; background: var(--placeholder-polje); box-shadow: inset 0 0 0 1px rgba(42,35,32,.1); overflow: hidden; }
.al-kontakt-foto .al-ph, .al-kontakt-foto img { position: absolute; inset: 0; width: 100%; height: 100%; }

/* galerija: mozaik + lightbox */
.al-mozaik-wrap { padding: 0 var(--pad-x) clamp(70px, 9vw, 140px); }
.al-mozaik { max-width: var(--wrap); margin: 0 auto; column-width: 340px; column-gap: clamp(14px, 1.5vw, 24px); }
.al-moz { break-inside: avoid; margin-bottom: clamp(14px, 1.5vw, 24px); display: flex; flex-direction: column; gap: 10px; cursor: zoom-in; }
.al-moz__frame { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: var(--placeholder-polje); box-shadow: inset 0 0 0 1px rgba(42,35,32,.1); }
.al-moz__frame--video { aspect-ratio: 9 / 14; background: var(--espreso); }
.al-moz__frame .al-cover { position: absolute; inset: 0; }
.al-moz__img { transition: transform 700ms var(--ease); }
.al-moz:hover .al-moz__img { transform: scale(1.04); }
.al-moz__cap { font-size: 12px; }
.al-lightbox {
	position: fixed; inset: 0; z-index: 2147480001; background: rgba(30,25,23,.94);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: clamp(16px, 2vw, 26px); padding: clamp(20px, 4vw, 70px); cursor: zoom-out;
}
.al-lightbox[hidden] { display: none; }
.al-lightbox__img, .al-lightbox__vid { max-width: 100%; max-height: 78vh; object-fit: contain; box-shadow: 0 30px 80px rgba(0,0,0,.5); }
.al-lightbox__cap { color: var(--tekst-na-tamnom); }
.al-lightbox__hint { color: var(--tekst-na-tamnom-tiho); }

/* blog lista */
.al-pagehero--blog {
	background: var(--fill-travertin),
		radial-gradient(ellipse 62% 52% at 80% 16%, rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 60%),
		radial-gradient(ellipse 52% 46% at 8% 88%, rgba(222,203,195,.5) 0%, rgba(222,203,195,0) 62%),
		var(--fill-pamuk), var(--travertin);
	padding-bottom: clamp(50px, 6vw, 90px);
}
.al-blogcount { display: flex; align-items: center; gap: clamp(20px, 2.6vw, 40px); }
.al-blogcount__num {
	font-variant-numeric: lining-nums tabular-nums;
	font-size: clamp(28px, 2.6vw, 40px); font-weight: 300; letter-spacing: .04em;
	color: var(--sampanj-tekst); line-height: 1.2;
	text-shadow: 0 1px 0 rgba(255,255,255,.92), 0 -1px 1px rgba(90,50,44,.3);
}
.al-blogcount__desc { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.7; color: var(--tekst); max-width: 34ch; text-wrap: pretty; }
.al-blogfeat-wrap { padding: clamp(50px, 6vw, 100px) var(--pad-x) 0; background: var(--kreda); }
.al-blogfeat { max-width: var(--wrap); margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(30px, 4vw, 70px); align-items: stretch; color: inherit; }
.al-blogfeat:hover { color: inherit; }
.al-blogfeat__media { flex: 1 1 420px; min-width: min(100%, 320px); position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--placeholder-polje); box-shadow: inset 0 0 0 1px rgba(42,35,32,.1); }
.al-blogfeat__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.al-blogfeat__text { flex: 1 1 420px; display: flex; flex-direction: column; justify-content: center; gap: clamp(18px, 2.2vw, 30px); }
.al-blogfeat__title { font-size: clamp(30px, 3.8vw, 64px); font-weight: 200; line-height: 1.08; letter-spacing: -.024em; color: var(--tekst-jak); max-width: 24ch; text-wrap: pretty; }
.al-blogfeat__lead { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.75; color: var(--tekst); max-width: 52ch; }
.al-blogfeat__link { font-size: clamp(16px, 1.3vw, 19px); letter-spacing: .14em; color: var(--sampanj-tekst); border-bottom: 1px solid var(--linija-ivica); padding-bottom: 4px; align-self: flex-start; }
.al-bloglista { padding: clamp(50px, 6vw, 100px) var(--pad-x) clamp(70px, 9vw, 140px); background: var(--kreda); }
.al-bloglista__in { max-width: var(--wrap); margin: 0 auto; display: flex; flex-direction: column; gap: clamp(28px, 3.4vw, 50px); }
.al-bloglista__h2 { font-size: clamp(26px, 3vw, 44px); font-weight: 200; letter-spacing: -.02em; color: var(--tekst-jak); }
.al-bloggrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(24px, 3vw, 44px); }
.al-blogkarta { display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 20px); color: inherit; }
.al-blogkarta:hover { color: inherit; }
.al-blogkarta:hover .al-blogkarta__title { color: var(--espreso); }
.al-blogkarta__media { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: var(--placeholder-polje); box-shadow: inset 0 0 0 1px rgba(42,35,32,.1); }
.al-blogkarta__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.al-blogkarta__meta { letter-spacing: .22em; }
.al-blogkarta__title { font-size: clamp(20px, 1.8vw, 27px); font-weight: 300; line-height: 1.24; color: var(--tekst-jak); text-wrap: pretty; transition: color var(--dur) var(--ease); }
.al-blogkarta__excerpt { font-size: clamp(16px, 1.3vw, 18px); line-height: 1.7; color: var(--tekst); text-wrap: pretty; }
/* usluga: saveti iz bloga (hub -> spoke redovi) */
.al-blogsaveti__lista { display: flex; flex-direction: column; }
.al-blogsaveti__red {
	display: grid; grid-template-columns: 200px 1fr auto; gap: 18px; align-items: baseline;
	padding: 16px 0; border-top: 1px solid var(--linija-ivica); color: var(--tekst);
}
.al-blogsaveti__red:last-child { border-bottom: 1px solid var(--linija-ivica); }
.al-blogsaveti__meta { font-size: 11px; color: var(--tekst); }
.al-blogsaveti__naslov { font-size: clamp(17px, 1.5vw, 22px); color: var(--tekst-jak); transition: color var(--dur) var(--ease); }
.al-blogsaveti__red:hover .al-blogsaveti__naslov { color: var(--espreso); }
.al-blogsaveti__vise { font-size: 11px; opacity: 0; transition: opacity var(--dur) var(--ease); }
.al-blogsaveti__red:hover .al-blogsaveti__vise { opacity: 1; }
@media (max-width: 700px) {
	.al-blogsaveti__red { grid-template-columns: 1fr; gap: 4px; }
	.al-blogsaveti__vise { display: none; }
}

/* paginacija blog liste: centrirani mono kvadratići, aktivna strana espreso */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.al-blogpage .navigation.pagination { margin-top: clamp(36px, 4.5vw, 64px); }
.al-blogpage .nav-links {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: 10px; font-family: var(--mono); font-size: 13px; letter-spacing: .12em;
}
.al-blogpage .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 46px; height: 46px; padding: 0 15px;
	color: var(--tekst); box-shadow: inset 0 0 0 1px var(--linija-ivica);
	transition: color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);
}
.al-blogpage a.page-numbers:hover { color: var(--tekst-jak); box-shadow: inset 0 0 0 1px var(--espreso); }
.al-blogpage .page-numbers.current { background: var(--espreso); color: #F6F2EF; box-shadow: inset 0 0 0 1px var(--espreso); }
.al-blogpage .page-numbers.dots { box-shadow: none; min-width: auto; padding: 0 4px; }
.al-blogpage .page-numbers.prev, .al-blogpage .page-numbers.next { text-transform: uppercase; padding: 0 18px; white-space: nowrap; }

/* blog tekst v2 */
.al-post2 .al-crumbs__in { max-width: 1240px; }
.al-post2-hero {
	background: var(--fill-travertin),
		radial-gradient(ellipse 62% 52% at 80% 16%, rgba(255,255,255,.62) 0%, rgba(255,255,255,0) 60%),
		var(--fill-pamuk), var(--travertin);
	padding: clamp(48px, 6vw, 100px) var(--pad-x) clamp(40px, 5vw, 80px);
}
.al-post2-hero__in { max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(24px, 3vw, 42px); }
.al-post2-hero__text { display: flex; flex-direction: column; gap: clamp(24px, 3vw, 42px); }
.al-post2-hero--media .al-post2-hero__in { flex-direction: row; flex-wrap: wrap; align-items: center; gap: clamp(34px, 4.5vw, 80px); }
.al-post2-hero--media .al-post2-hero__text { flex: 1 1 0; min-width: min(100%, 340px); }
.al-post2-hero__media {
	flex: 1 1 0; min-width: min(100%, 320px);
	background: var(--placeholder-polje); box-shadow: inset 0 0 0 1px rgba(42,35,32,.1);
}
.al-post2-hero__media img { display: block; width: 100%; height: auto; }
.al-post2-hero__meta { display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; font-family: var(--mono); font-size: 12px; letter-spacing: .2em; color: var(--tekst); }
.al-post2-hero__kat { color: var(--tekst-jak); }
.al-post2-hero__h1 { font-size: clamp(38px, 5.6vw, 96px); font-weight: 200; line-height: 1; letter-spacing: -.03em; color: var(--tekst-jak); max-width: 22ch; text-wrap: pretty; }
.al-post2-hero__lead { font-size: clamp(19px, 1.7vw, 26px); line-height: 1.6; color: var(--tekst-jak); max-width: 46ch; text-wrap: pretty; }
.al-autor { display: flex; align-items: center; gap: 16px; padding-top: clamp(6px, 1vw, 12px); }
.al-autor__foto { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; background: var(--placeholder-polje); position: relative; }
.al-autor__foto img, .al-autor__foto .al-ph { position: absolute; inset: 0; width: 100%; height: 100%; }
.al-autor__text { display: flex; flex-direction: column; gap: 4px; }
.al-autor__ime { font-size: 17px; color: var(--tekst-jak); }
.al-post2-body { padding: clamp(48px, 6vw, 100px) var(--pad-x) clamp(60px, 7vw, 120px); background: var(--kreda); }
.al-post2-body__in { max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(40px, 5vw, 90px); align-items: flex-start; }
.al-post2-aside {
	order: 2; flex: 1 1 220px; max-width: 300px;
	display: flex; flex-direction: column; gap: clamp(22px, 2.4vw, 34px);
	position: sticky; top: clamp(18px, 2.4vw, 34px);
	max-height: calc(100vh - clamp(36px, 4.8vw, 68px));
	overflow-y: auto; scrollbar-width: thin; overscroll-behavior: contain;
	padding-right: 4px;
}
.al-asideblok { display: flex; flex-direction: column; gap: 12px; }
.al-asideblok__line { height: 1px; background: var(--linija-vlas); }
.al-asideblok__line--jaka { background: var(--linija-jaka); }
.al-asideblok a { font-size: 17px; line-height: 1.5; color: var(--tekst); }
.al-asideblok a:hover { color: var(--espreso); }
.al-prose--post { flex: 3 1 560px; max-width: 74ch; gap: clamp(24px, 2.6vw, 38px); }
.al-prose--post p { font-size: clamp(18px, 1.5vw, 21px); line-height: 1.8; }
.al-prose--post > p:first-child { color: var(--tekst-jak); }
.al-prose--post h2 { font-size: clamp(28px, 2.8vw, 44px); font-weight: 200; line-height: 1.1; letter-spacing: -.02em; scroll-margin-top: 40px; }
.al-prose--post blockquote { margin: 0; display: flex; flex-direction: column; gap: 16px; border-top: 1px solid var(--linija-jaka); border-bottom: 1px solid var(--linija-jaka); padding: clamp(26px, 2.8vw, 40px) 0; }
.al-prose--post blockquote p { font-size: clamp(24px, 2.6vw, 40px); font-weight: 200; line-height: 1.24; letter-spacing: -.015em; color: var(--tekst-jak); }
.al-post2-cta {
	display: flex; flex-wrap: wrap; align-items: center; gap: clamp(20px, 2.4vw, 34px);
	background: var(--kreda-topla); padding: clamp(26px, 2.8vw, 40px);
	box-shadow: inset 0 3px 5px rgba(90,76,70,.28), inset 0 -3px 4px rgba(255,255,255,.95);
}
.al-post2-cta__text { flex: 1 1 320px; display: flex; flex-direction: column; gap: 12px; }
.al-post2-cta__naslov { font-size: clamp(22px, 2vw, 30px); font-weight: 200; line-height: 1.2; color: var(--tekst-jak); }
.al-post2-cta__opis { font-size: 17px; line-height: 1.7; color: var(--tekst); }
.al-srodni {
	background: var(--fill-travertin),
		radial-gradient(ellipse 52% 46% at 8% 88%, rgba(222,203,195,.5) 0%, rgba(222,203,195,0) 62%),
		var(--fill-pamuk), var(--travertin);
	padding: clamp(56px, 7vw, 110px) var(--pad-x);
}
.al-srodni__in { max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(28px, 3.4vw, 50px); }

/* responsive za nove obrasce */
@media (max-width: 980px) {
	.al-panelgrid { grid-template-columns: 1fr; }
	.al-panelgrid__media { min-height: clamp(300px, 64vw, 460px); }
	.al-putred { grid-template-columns: clamp(64px, 10vw, 90px) 1fr; }
	.al-putred__opis { grid-column: 2; }
	.al-infotraka--tri { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.al-uslugatekst__cols { grid-template-columns: 1fr; }
	.al-glinacard__intro { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
	.al-post2-aside { position: static; max-height: none; overflow: visible; padding-right: 0; }
}

/* ---------- roze (placeholder-polje) pozadine: sav tekst u espreso ---------- */
body.strana-o-meni .al-topbar--light .al-nav__link,
body.strana-o-meni .al-lang__item,
body.strana-o-meni .al-burger { color: var(--espreso); }
body.strana-o-meni .al-topbar--light .al-nav__link:hover,
body.strana-o-meni .al-topbar--light .al-nav__link--on { color: var(--espreso); border-bottom-color: var(--espreso); }
body.strana-o-meni .al-topbar--light .al-nav__caret { color: var(--espreso); }
.al-omeni-hero .al-mono,
.al-omeni-hero .al-overline,
.al-omeni-hero__lead,
.al-omeni-hero__p,
.al-omeni-hero .al-facts__item div:last-child { color: var(--espreso); }
.al-section--roze .al-mono,
.al-section--roze .al-overline,
.al-section--roze .al-map-note p,
.al-section--roze .al-map-caption__note,
.al-section--roze .al-reviews__head-note { color: var(--espreso); }
.al-section--roze .al-review__text,
.al-section--roze .al-reviews__cta p { color: var(--tekst-jak); }
.al-split--travertin-roze .al-mono,
.al-split--travertin-roze .al-overline,
.al-split--travertin-roze .al-split__body,
.al-split--travertin-roze .al-facts__item div:last-child { color: var(--espreso); }

.al-edured__vise { white-space: nowrap; color: var(--sampanj-tekst); border-bottom: 1px solid var(--linija-ivica); }
.al-edured__vise:hover { color: var(--espreso); border-bottom-color: var(--sampanj); }
body.strana-o-meni .al-lang__item--on { color: #F6F2EF; }