/* PVC STOLARIJA */
.pvc-page { --pvc-header-h: 75px; --pvc-red:#fe1e1e; }

/* HERO UNIQUE */
.pvc-page .pvc-hero-unique {
	position: relative;
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--pvc-header-h) + 50px) 6% 50px;
	overflow: hidden;
}

.pvc-page .pvc-hero-bg-image {
	position: absolute;
	inset: 0;
	background: url('images/pvcStolarija/PVC-Stolarija.webp') center/cover no-repeat;
	z-index: 0;
}

.pvc-page .pvc-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 100%);
	z-index: 1;
}

.pvc-page .pvc-hero-wrap {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-right: auto;
	animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.pvc-page .pvc-hero-wrap h1 {
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.pvc-page .pvc-hero-line {
	display: block;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
}

.pvc-page .pvc-hero-accent {
	color: #fe1e1e;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.pvc-page .pvc-hero-text {
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	margin: 0 0 35px;
}

.pvc-page .pvc-hero-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 16px 32px;
	background: #fe1e1e;
	color: #fff;
	text-decoration: none;
	font-size: 1.05rem;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 8px 24px rgba(254, 30, 30, 0.4);
}

.pvc-page .pvc-hero-link:hover {
	background: #fff;
	color: #fe1e1e;
	transform: translateX(8px);
	box-shadow: 0 12px 32px rgba(255, 255, 255, 0.3);
}

.pvc-page .pvc-arrow {
	font-size: 1.3rem;
	transition: transform 0.3s ease;
}

.pvc-page .pvc-hero-link:hover .pvc-arrow {
	transform: translateX(6px);
}

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

@media (max-width: 900px) {
	.pvc-page { --pvc-header-h: 65px; }
	
	.pvc-page .pvc-hero-unique {
		padding: calc(var(--pvc-header-h) + 50px) 5% 50px;
		min-height: 70vh;
	}
	
	.pvc-page .pvc-hero-overlay {
		background: radial-gradient(ellipse at center, rgba(0,0,0,.7) 0%, rgba(0,0,0,.85) 100%);
	}
	
	.pvc-page .pvc-hero-wrap {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	.pvc-page .pvc-hero-wrap h1 {
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.pvc-page .pvc-hero-unique {
		min-height: 85vh;
		padding: calc(var(--pvc-header-h) + 60px) 5% 60px;
		display: flex;
		align-items: center;
	}
	
	.pvc-page .pvc-hero-line {
		font-size: clamp(2.2rem, 6vw, 2.8rem);
		letter-spacing: -0.02em;
	}
	
	.pvc-page .pvc-hero-accent {
		font-size: clamp(2.6rem, 7.5vw, 3.5rem);
		margin-top: 4px;
	}
	
	.pvc-page .pvc-hero-text {
		font-size: clamp(1rem, 4vw, 1.1rem);
		line-height: 1.65;
		margin-top: 20px;
		margin-bottom: 0;
	}
}

/* ALU STOLARIJA HERO */
.alu-page { --alu-header-h: 75px; --alu-red:#fe1e1e; }

.alu-page .alu-hero-unique {
	position: relative;
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--alu-header-h) + 50px) 6% 50px;
	overflow: hidden;
}

.alu-page .alu-hero-bg-image {
	position: absolute;
	inset: 0;
	background: url('images/aluStolarija/ALU-Stolarija.webp') center/cover no-repeat;
	z-index: 0;
}

.alu-page .alu-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 100%);
	z-index: 1;
}

.alu-page .alu-hero-wrap {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-right: auto;
	animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.alu-page .alu-hero-wrap h1 {
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.alu-page .alu-hero-line {
	display: block;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
}

.alu-page .alu-hero-accent {
	color: #fe1e1e;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.alu-page .alu-hero-text {
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

@media (max-width: 900px) {
	.alu-page { --alu-header-h: 65px; }
	
	.alu-page .alu-hero-unique {
		padding: calc(var(--alu-header-h) + 50px) 5% 50px;
		min-height: 70vh;
	}
	
	.alu-page .alu-hero-overlay {
		background: radial-gradient(ellipse at center, rgba(0,0,0,.7) 0%, rgba(0,0,0,.85) 100%);
	}
	
	.alu-page .alu-hero-wrap {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	.alu-page .alu-hero-wrap h1 {
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.alu-page .alu-hero-unique {
		min-height: 85vh;
		padding: calc(var(--alu-header-h) + 60px) 5% 60px;
		display: flex;
		align-items: center;
	}
	
	.alu-page .alu-hero-line {
		font-size: clamp(2.2rem, 6vw, 2.8rem);
		letter-spacing: -0.02em;
	}
	
	.alu-page .alu-hero-accent {
		font-size: clamp(2.6rem, 7.5vw, 3.5rem);
		margin-top: 4px;
	}
	
	.alu-page .alu-hero-text {
		font-size: clamp(1rem, 4vw, 1.1rem);
		line-height: 1.65;
		margin-top: 20px;
	}
}

/* STAKLO HERO */
.staklo-page { --staklo-header-h: 75px; --staklo-red:#fe1e1e; }

.staklo-page .staklo-hero-unique {
	position: relative;
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--staklo-header-h) + 50px) 6% 50px;
	overflow: hidden;
}

.staklo-page .staklo-hero-bg-image {
	position: absolute;
	inset: 0;
	background: url('images/staklo/stakloSlika.webp') center/cover no-repeat;
	z-index: 0;
}

.staklo-page .staklo-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,.4) 100%);
	z-index: 1;
}

.staklo-page .staklo-hero-wrap {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-right: auto;
	animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.staklo-page .staklo-hero-wrap h1 {
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.staklo-page .staklo-hero-line {
	display: block;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
}

.staklo-page .staklo-hero-accent {
	color: #fe1e1e;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.staklo-page .staklo-hero-text {
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

@media (max-width: 900px) {
	.staklo-page { --staklo-header-h: 65px; }
	
	.staklo-page .staklo-hero-unique {
		padding: calc(var(--staklo-header-h) + 50px) 5% 50px;
		min-height: 70vh;
	}
	
	.staklo-page .staklo-hero-overlay {
		background: radial-gradient(ellipse at center, rgba(0,0,0,.7) 0%, rgba(0,0,0,.85) 100%);
	}
	
	.staklo-page .staklo-hero-wrap {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	.staklo-page .staklo-hero-wrap h1 {
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.staklo-page .staklo-hero-unique {
		min-height: 85vh;
		padding: calc(var(--staklo-header-h) + 60px) 5% 60px;
		display: flex;
		align-items: center;
	}
	
	.staklo-page .staklo-hero-line {
		font-size: clamp(2.2rem, 6vw, 2.8rem);
		letter-spacing: -0.02em;
	}
	
	.staklo-page .staklo-hero-accent {
		font-size: clamp(2.6rem, 7.5vw, 3.5rem);
		margin-top: 4px;
	}
	
	.staklo-page .staklo-hero-text {
		font-size: clamp(1rem, 4vw, 1.1rem);
		line-height: 1.65;
		margin-top: 20px;
	}
}

/* SJENILA I KOMARNICI HERO */
.sjenila-page { --sjenila-header-h: 75px; --sjenila-red:#fe1e1e; }

.sjenila-page .sjenila-hero-unique {
	position: relative;
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--sjenila-header-h) + 50px) 6% 50px;
	overflow: hidden;
}

.sjenila-page .sjenila-hero-bg-image {
	position: absolute;
	inset: 0;
	background: url('images/sjenilaKomarnici/sjenilaKomarnici.webp') center/cover no-repeat;
	z-index: 0;
}

.sjenila-page .sjenila-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 100%);
	z-index: 1;
}

.sjenila-page .sjenila-hero-wrap {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-right: auto;
	animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.sjenila-page .sjenila-hero-wrap h1 {
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sjenila-page .sjenila-hero-line {
	display: block;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
}

.sjenila-page .sjenila-hero-accent {
	color: #fe1e1e;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.sjenila-page .sjenila-hero-text {
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

@media (max-width: 900px) {
	.sjenila-page { --sjenila-header-h: 65px; }
	
	.sjenila-page .sjenila-hero-unique {
		padding: calc(var(--sjenila-header-h) + 50px) 5% 50px;
		min-height: 70vh;
	}
	
	.sjenila-page .sjenila-hero-overlay {
		background: radial-gradient(ellipse at center, rgba(0,0,0,.7) 0%, rgba(0,0,0,.85) 100%);
	}
	
	.sjenila-page .sjenila-hero-wrap {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	.sjenila-page .sjenila-hero-wrap h1 {
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.sjenila-page .sjenila-hero-unique {
		min-height: 85vh;
		padding: calc(var(--sjenila-header-h) + 60px) 5% 60px;
		display: flex;
		align-items: center;
	}
	
	.sjenila-page .sjenila-hero-line {
		font-size: clamp(2.2rem, 6vw, 2.8rem);
		letter-spacing: -0.02em;
	}
	
	.sjenila-page .sjenila-hero-accent {
		font-size: clamp(2.6rem, 7.5vw, 3.5rem);
		margin-top: 4px;
	}
	
	.sjenila-page .sjenila-hero-text {
		font-size: clamp(1rem, 4vw, 1.1rem);
		line-height: 1.65;
		margin-top: 20px;
	}
}

/* GARAŽNA VRATA HERO */
.garazna-page { --garazna-header-h: 75px; --garazna-red:#fe1e1e; }

.garazna-page .garazna-hero-unique {
	position: relative;
	min-height: 50vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--garazna-header-h) + 50px) 6% 50px;
	overflow: hidden;
}

.garazna-page .garazna-hero-bg-image {
	position: absolute;
	inset: 0;
	background: url('images/garaznaVrata/gVrata.webp') center/cover no-repeat;
	z-index: 0;
}

.garazna-page .garazna-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 100%);
	z-index: 1;
}

.garazna-page .garazna-hero-wrap {
	position: relative;
	z-index: 2;
	max-width: 700px;
	margin-right: auto;
	animation: heroSlideUp 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.garazna-page .garazna-hero-wrap h1 {
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.garazna-page .garazna-hero-line {
	display: block;
	font-size: clamp(1.8rem, 3.5vw, 3rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
}

.garazna-page .garazna-hero-accent {
	color: #fe1e1e;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.garazna-page .garazna-hero-text {
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
}

@media (max-width: 900px) {
	.garazna-page { --garazna-header-h: 65px; }
	
	.garazna-page .garazna-hero-unique {
		padding: calc(var(--garazna-header-h) + 50px) 5% 50px;
		min-height: 70vh;
	}
	
	.garazna-page .garazna-hero-overlay {
		background: radial-gradient(ellipse at center, rgba(0,0,0,.7) 0%, rgba(0,0,0,.85) 100%);
	}
	
	.garazna-page .garazna-hero-wrap {
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
	}
	
	.garazna-page .garazna-hero-wrap h1 {
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.garazna-page .garazna-hero-unique {
		min-height: 85vh;
		padding: calc(var(--garazna-header-h) + 60px) 5% 60px;
		display: flex;
		align-items: center;
	}
	
	.garazna-page .garazna-hero-line {
		font-size: clamp(2.2rem, 6vw, 2.8rem);
		letter-spacing: -0.02em;
	}
	
	.garazna-page .garazna-hero-accent {
		font-size: clamp(2.6rem, 7.5vw, 3.5rem);
		margin-top: 4px;
	}
	
	.garazna-page .garazna-hero-text {
		font-size: clamp(1rem, 4vw, 1.1rem);
		line-height: 1.65;
		margin-top: 20px;
	}
}

/* PRODUCT CTA SECTION */
.product-cta {
	position: relative;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	padding: 50px 6% 55px;
	margin: 60px 0 0;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
}

.product-cta-wrap {
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.product-cta-wrap h2 {
	margin: 0 0 14px;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	color: #1a1a1a;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.product-cta-wrap p {
	margin: 0 0 28px;
	font-size: clamp(0.98rem, 1.4vw, 1.08rem);
	line-height: 1.6;
	color: #666;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.product-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 36px;
	background: #fe1e1e;
	color: #fff;
	text-decoration: none;
	font-size: 1.05rem;
	font-weight: 600;
	border-radius: 50px;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 6px 20px rgba(254, 30, 30, 0.25);
	position: relative;
	overflow: hidden;
}

.product-cta-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 100%);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.product-cta-btn:hover {
	background: #e01a1a;
	box-shadow: 0 12px 32px rgba(254, 30, 30, 0.35);
	transform: translateY(-3px);
}

.product-cta-btn:hover::before {
	opacity: 1;
}

@media (max-width: 900px) {
	.product-cta {
		padding: 45px 5% 50px;
		margin-top: 50px;
	}
}

@media (max-width: 640px) {
	.product-cta {
		padding: 40px 5% 45px;
		margin-top: 40px;
	}
	
	.product-cta-wrap p {
		margin-bottom: 24px;
	}
	
	.product-cta-btn {
		padding: 13px 32px;
		font-size: 1rem;
	}
}

/* SHARED CONTENT STYLES FOR ALL PRODUCT PAGES */
.pvc-page .pvc-content,
.alu-page .alu-content,
.staklo-page .staklo-content,
.sjenila-page .sjenila-content,
.garazna-page .garazna-content { 
	max-width: 1300px;
	margin: 0 auto;
	padding: 60px 6% 80px;
	color: #333;
}

.pvc-page .pvc-section,
.alu-page .alu-section,
.staklo-page .staklo-section,
.sjenila-page .sjenila-section,
.garazna-page .garazna-section { 
	margin-top: 70px;
	position: relative;
}

.pvc-page .pvc-section:first-child,
.alu-page .alu-section:first-child,
.staklo-page .staklo-section:first-child,
.sjenila-page .sjenila-section:first-child,
.garazna-page .garazna-section:first-child {
	margin-top: 0;
}

.pvc-page .pvc-section-title,
.alu-page .alu-section-title,
.staklo-page .staklo-section-title,
.sjenila-page .sjenila-section-title,
.garazna-page .garazna-section-title {
	margin: 0 0 40px;
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	color: #1a1a1a;
	text-align: center;
	font-weight: 700;
	letter-spacing: -0.02em;
	position: relative;
	padding-bottom: 16px;
}

.pvc-page .pvc-section-title::after,
.alu-page .alu-section-title::after,
.staklo-page .staklo-section-title::after,
.sjenila-page .sjenila-section-title::after,
.garazna-page .garazna-section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, #fe1e1e 0%, #ff6b6b 100%);
	border-radius: 2px;
}

.pvc-page .pvc-grid,
.alu-page .alu-grid,
.staklo-page .staklo-grid,
.sjenila-page .sjenila-grid,
.garazna-page .garazna-grid {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	max-width: 1200px;
	margin: 0 auto;
}

/* KARTICE */
.pvc-page .pvc-card,
.alu-page .alu-card,
.staklo-page .staklo-card,
.sjenila-page .sjenila-card,
.garazna-page .garazna-card {
	background: #fff;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 16px;
	padding: 0;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	transition: all .35s cubic-bezier(0.4, 0, 0.2, 1);
	text-align: left;
	opacity: 0;
	filter: blur(4px);
	transform: translateY(20px);
	overflow: hidden;
}

.pvc-page .pvc-card.visible,
.alu-page .alu-card.visible,
.staklo-page .staklo-card.visible,
.sjenila-page .sjenila-card.visible,
.garazna-page .garazna-card.visible {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
}

.pvc-page .pvc-card:hover,
.alu-page .alu-card:hover,
.staklo-page .staklo-card:hover,
.sjenila-page .sjenila-card:hover,
.garazna-page .garazna-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 36px rgba(0,0,0,.15);
	border-color: rgba(254, 30, 30, 0.2);
}

.pvc-page .pvc-card img,
.alu-page .alu-card img,
.staklo-page .staklo-card img,
.sjenila-page .sjenila-card img,
.garazna-page .garazna-card img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	transition: transform .5s ease;
}

.pvc-page .pvc-card:hover img,
.alu-page .alu-card:hover img,
.staklo-page .staklo-card:hover img,
.sjenila-page .sjenila-card:hover img,
.garazna-page .garazna-card:hover img {
	transform: scale(1.05);
}

.pvc-page .pvc-card-content,
.alu-page .alu-card-content,
.staklo-page .staklo-card-content,
.sjenila-page .sjenila-card-content,
.garazna-page .garazna-card-content {
	padding: 24px;
}

.pvc-page .pvc-card h3,
.alu-page .alu-card h3,
.staklo-page .staklo-card h3,
.sjenila-page .sjenila-card h3,
.garazna-page .garazna-card h3 {
	margin: 0 0 12px;
	font-size: 1.25rem;
	color: #1a1a1a;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.pvc-page .pvc-card p,
.alu-page .alu-card p,
.staklo-page .staklo-card p,
.sjenila-page .sjenila-card p,
.garazna-page .garazna-card p {
	margin: 0;
	font-size: 0.98rem;
	color: #666;
	line-height: 1.65;
}

/* Mobile responsive za sve product stranice */
@media (max-width:900px){
	.pvc-page .pvc-grid,
	.alu-page .alu-grid,
	.staklo-page .staklo-grid,
	.sjenila-page .sjenila-grid,
	.garazna-page .garazna-grid {
		gap: 24px;
	}
}

@media (max-width:640px){
	.pvc-page .pvc-grid,
	.alu-page .alu-grid,
	.staklo-page .staklo-grid,
	.sjenila-page .sjenila-grid,
	.garazna-page .garazna-grid {
		gap: 20px;
		grid-template-columns: 1fr;
	}
	
	.pvc-page .pvc-card,
	.alu-page .alu-card,
	.staklo-page .staklo-card,
	.sjenila-page .sjenila-card,
	.garazna-page .garazna-card {
		padding: 18px;
		border-radius: 14px;
	}
	
	.pvc-page .pvc-card img,
	.alu-page .alu-card img,
	.staklo-page .staklo-card img,
	.sjenila-page .sjenila-card img,
	.garazna-page .garazna-card img {
		height: 200px;
	}
	
	.pvc-page .pvc-card h3,
	.alu-page .alu-card h3,
	.staklo-page .staklo-card h3,
	.sjenila-page .sjenila-card h3,
	.garazna-page .garazna-card h3 {
		font-size: 1.1rem;
	}
	
	.pvc-page .pvc-card p,
	.alu-page .alu-card p,
	.staklo-page .staklo-card p,
	.sjenila-page .sjenila-card p,
	.garazna-page .garazna-card p {
		font-size: 0.92rem;
	}
}

/* A11y util + motion */
.pvc-page .pvc-visually-hidden{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce){
	.pvc-page .pvc-hero-inner,
	.pvc-page .pvc-card,
	.pvc-page .pvc-intro-part { animation:none!important; transition:none!important; }
}

/* ALU STOLARIJA */
.alu-page { --alu-header-h: 70px; --alu-red: #fe1e1e; --alu-shadow: 0 12px 36px -12px rgba(0,0,0,.25); }

.alu-page .alu-hero{
	position:relative;
	min-height: 46vh;
	padding: calc(var(--alu-header-h) + 30px) 6% 40px;
	background:
		linear-gradient(160deg, rgba(0,0,0,.45), rgba(0,0,0,.15)),
		url('images/aluStolarija/ALU-Stolarija.webp') center/cover no-repeat;
	isolation:isolate;
	overflow:hidden;
}
.alu-page .alu-hero::after{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%);
	pointer-events:none;
}
.alu-page .alu-hero-inner{
	max-width: 1100px;
	margin: 0 auto;
	color:#fff;
	text-align:center;
	text-shadow: 0 6px 24px rgba(0,0,0,.26);
	animation: aluFadeDown .8s ease both;
}
.alu-page .alu-hero h1{
	margin:0 0 14px;
	font-size: clamp(2.1rem, 4.2vw, 3rem);
	letter-spacing:.5px;
}
.alu-page .alu-hero-lead{
	margin: 0 auto;
	max-width: 780px;
	font-size: 1.05rem;
	line-height:1.55;
	color:#fff;
	background: rgba(0,0,0,.45);
	padding: 14px 18px;
	border-radius: 18px;
	box-shadow: var(--alu-shadow);
}

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

@media (max-width: 900px){
	.alu-page { --alu-header-h: 60px; }
	.alu-page .alu-hero{
		padding: calc(var(--alu-header-h) + 72px) 7% 42px;
		min-height: 40vh;
	}
	.alu-page .alu-hero-lead{ font-size: .98rem; }
}
@media (max-width: 560px){
	.alu-page .alu-hero{
		padding: calc(var(--alu-header-h) + 68px) 8% 38px;
	}
	.alu-page .alu-hero h1{ margin-top: 4px; }
	.alu-page .alu-hero-lead{ font-size: .9rem; }
}

.alu-page .alu-intro{
	padding: 42px 6% 20px;
}
.alu-page .alu-intro-box{
	max-width: 1100px;
	margin: 0 auto;
	background:#ffffff;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 20px;
	box-shadow: 0 10px 34px -14px rgba(0,0,0,.24);
	padding: 26px 24px;
}
.alu-page .alu-intro-part{
	margin: 8px 0;
	font-size: 1.05rem;
	line-height: 1.6;
	color:#333;
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .6s ease, transform .6s ease;
}
.alu-page .alu-intro-part.visible{
	opacity: 1;
	transform: translateY(0);
}
@media (max-width:640px){
	.alu-page .alu-intro{ padding: 28px 6% 12px; }
	.alu-page .alu-intro-box{ padding: 18px 16px; border-radius:16px; }
	.alu-page .alu-intro-part{ font-size: .95rem; }
}

/* Old ALU styles removed - now using unified product page styles */

.alu-page .alu-visually-hidden{
	position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}

@media (prefers-reduced-motion: reduce){
	.alu-page .alu-hero-inner,
	.alu-page .alu-card { animation:none !important; transition:none !important; }
}

/* GARAZNA VRATA */
.garazna-page { --gv-header-h:70px; --gv-red:#fe1e1e; --gv-shadow:0 12px 36px -12px rgba(0,0,0,.25); }

.garazna-page .garazna-hero{
	position:relative;
	min-height:46vh;
	padding: calc(var(--gv-header-h) + 30px) 6% 40px;
	background:
		linear-gradient(160deg, rgba(0,0,0,.45), rgba(0,0,0,.15)),
		url('images/garaznaVrata/gVrata.webp') center/cover no-repeat;
	isolation:isolate;
	overflow:hidden;
}
.garazna-page .garazna-hero::after{
	content:"";
	position:absolute; inset:0;
	background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%);
	pointer-events:none;
}
.garazna-page .garazna-hero-inner{
	max-width:1100px; margin:0 auto; color:#fff; text-align:center;
	text-shadow:0 6px 24px rgba(0,0,0,.26);
	animation:gvFadeDown .8s ease both;
}
.garazna-page .garazna-hero h1{
	margin:0 0 14px;
	font-size:clamp(2.1rem,4.2vw,3rem);
	letter-spacing:.5px;
}
.garazna-page .garazna-hero-lead{
	margin:0 auto; max-width:780px;
	font-size:1.05rem; line-height:1.55; color:#fff;
	background: rgba(0,0,0,.45);
	padding:14px 18px; border-radius:18px; box-shadow:var(--gv-shadow);
}
@keyframes gvFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:900px){
	.garazna-page { --gv-header-h:60px; }
	.garazna-page .garazna-hero{ padding: calc(var(--gv-header-h) + 72px) 7% 42px; min-height:40vh; }
	.garazna-page .garazna-hero-lead{ font-size:.98rem; }
}
@media (max-width:560px){
	.garazna-page .garazna-hero{ padding: calc(var(--gv-header-h) + 68px) 8% 38px; }
	.garazna-page .garazna-hero h1{ margin-top:4px; }
	.garazna-page .garazna-hero-lead{ font-size:.9rem; }
}

.garazna-page .garazna-intro{ padding:42px 6% 20px; color:#333; }
.garazna-page .garazna-intro-box{
	max-width:1100px; margin:0 auto; background:#fff;
	border:1px solid rgba(0,0,0,.06); border-radius:20px;
	box-shadow:0 10px 34px -14px rgba(0,0,0,.24); padding:26px 24px;
}
.garazna-page .garazna-intro-part{
	margin:8px 0; font-size:1.05rem; line-height:1.6;
	opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;
}
.garazna-page .garazna-intro-part.visible{ opacity:1; transform:translateY(0); }
@media (max-width:640px){
	.garazna-page .garazna-intro{ padding:28px 6% 12px; }
	.garazna-page .garazna-intro-box{ padding:18px 16px; border-radius:16px; }
	.garazna-page .garazna-intro-part{ font-size:.95rem; }
}

/* Old garazna styles removed - now using unified product page styles */

.garazna-page .garazna-visually-hidden{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce){
	.garazna-page .garazna-hero-inner, .garazna-page .garazna-card { animation:none!important; transition:none!important; }
}

/* STAKLO */
.staklo-page { --staklo-header-h: 70px; --staklo-red:#fe1e1e; --staklo-shadow:0 12px 36px -12px rgba(0,0,0,.25); }

.staklo-page .staklo-hero{
	position:relative;
	min-height:46vh;
	padding: calc(var(--staklo-header-h) + 30px) 6% 40px;
	background:
		linear-gradient(160deg, rgba(0,0,0,.45), rgba(0,0,0,.15)),
		url('images/staklo/stakloSlika.webp') center/cover no-repeat;
	isolation:isolate;
	overflow:hidden;
}
.staklo-page .staklo-hero::after{
	content:"";
	position:absolute; inset:0;
	background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%);
	pointer-events:none;
}
.staklo-page .staklo-hero-inner{
	max-width:1100px; margin:0 auto; color:#fff; text-align:center;
	text-shadow:0 6px 24px rgba(0,0,0,.26);
	animation:stFadeDown .8s ease both;
}
.staklo-page .staklo-hero h1{
	margin:0 0 14px;
	font-size:clamp(2.1rem,4.2vw,3rem);
	letter-spacing:.5px;
}
.staklo-page .staklo-hero-lead{
	margin:0 auto; max-width:780px;
	font-size:1.05rem; line-height:1.55; color:#fff;
	background: rgba(0,0,0,.45);
	padding:14px 18px; border-radius:18px; box-shadow:var(--staklo-shadow);
}
@keyframes stFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:900px){
	.staklo-page { --staklo-header-h: 60px; }
	.staklo-page .staklo-hero{ padding: calc(var(--staklo-header-h) + 72px) 7% 42px; min-height:40vh; }
	.staklo-page .staklo-hero-lead{ font-size:.98rem; }
}
@media (max-width:560px){
	.staklo-page .staklo-hero{ padding: calc(var(--staklo-header-h) + 68px) 8% 38px; }
	.staklo-page .staklo-hero h1{ margin-top:4px; }
	.staklo-page .staklo-hero-lead{ font-size:.9rem; }
}

.staklo-page .staklo-intro{ padding:42px 6% 20px; color:#333; }
.staklo-page .staklo-intro-box{
	max-width:1100px; margin:0 auto; background:#fff;
	border:1px solid rgba(0,0,0,.06); border-radius:20px;
	box-shadow:0 10px 34px -14px rgba(0,0,0,.24); padding:26px 24px;
}
.staklo-page .staklo-intro-part{
	margin:8px 0; font-size:1.05rem; line-height:1.6; opacity:0; transform:translateY(18px);
	transition:opacity .6s ease, transform .6s ease;
}
.staklo-page .staklo-intro-part.visible{ opacity:1; transform:translateY(0); }
@media (max-width:640px){
	.staklo-page .staklo-intro{ padding:28px 6% 12px; }
	.staklo-page .staklo-intro-box{ padding:18px 16px; border-radius:16px; }
	.staklo-page .staklo-intro-part{ font-size:.95rem; }
}

/* Old staklo styles removed - now using unified product page styles */

.staklo-page .staklo-visually-hidden{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce){
	.staklo-page .staklo-hero-inner, .staklo-page .staklo-card { animation:none!important; transition:none!important; }
}

/* SJENILA I KOMARNICI */
.sjenila-page { --sj-header-h:70px; --sj-red:#fe1e1e; --sj-shadow:0 12px 36px -12px rgba(0,0,0,.25); }

.sjenila-page .sjenila-hero{
	position:relative;
	min-height:46vh;
	padding: calc(var(--sj-header-h) + 30px) 6% 40px;
	background:
		linear-gradient(160deg, rgba(0,0,0,.45), rgba(0,0,0,.15)),
		url('images/sjenilaKomarnici/sjenilaKomarnici.webp') center/cover no-repeat;
	isolation:isolate;
	overflow:hidden;
}
.sjenila-page .sjenila-hero::after{
	content:"";
	position:absolute; inset:0;
	background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%);
	pointer-events:none;
}
.sjenila-page .sjenila-hero-inner{
	max-width:1100px; margin:0 auto; color:#fff; text-align:center;
	text-shadow:0 6px 24px rgba(0,0,0,.26);
	animation:sjFadeDown .8s ease both;
}
.sjenila-page .sjenila-hero h1{
	margin:0 0 14px;
	font-size:clamp(2.1rem,4.2vw,3rem);
	letter-spacing:.5px;
}
.sjenila-page .sjenila-hero-lead{
	margin:0 auto; max-width:780px;
	font-size:1.05rem; line-height:1.55; color:#fff;
	background: rgba(0,0,0,.45);
	padding:14px 18px; border-radius:18px; box-shadow:var(--sj-shadow);
}
@keyframes sjFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:900px){
	.sjenila-page { --sj-header-h:60px; }
	.sjenila-page .sjenila-hero{ padding: calc(var(--sj-header-h) + 72px) 7% 42px; min-height:40vh; }
	.sjenila-page .sjenila-hero-lead{ font-size:.98rem; }
}
@media (max-width:560px){
	.sjenila-page .sjenila-hero{ padding: calc(var(--sj-header-h) + 68px) 8% 38px; }
	.sjenila-page .sjenila-hero h1{ margin-top:4px; }
	.sjenila-page .sjenila-hero-lead{ font-size:.9rem; }
}

.sjenila-page .sjenila-intro{ padding:42px 6% 20px; color:#333; }
.sjenila-page .sjenila-intro-box{
	max-width:1100px; margin:0 auto; background:#fff;
	border:1px solid rgba(0,0,0,.06); border-radius:20px;
	box-shadow:0 10px 34px -14px rgba(0,0,0,.24); padding:26px 24px;
}
.sjenila-page .sjenila-intro-part{
	margin:8px 0; font-size:1.05rem; line-height:1.6;
	opacity:0; transform:translateY(18px); transition:opacity .6s, transform .6s;
}
.sjenila-page .sjenila-intro-part.visible{ opacity:1; transform:translateY(0); }
@media (max-width:640px){
	.sjenila-page .sjenila-intro{ padding:28px 6% 12px; }
	.sjenila-page .sjenila-intro-box{ padding:18px 16px; border-radius:16px; }
	.sjenila-page .sjenila-intro-part{ font-size:.95rem; }
}

/* Old sjenila styles removed - now using unified product page styles */

.sjenila-page .sjenila-visually-hidden{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce){
	.sjenila-page .sjenila-hero-inner, .sjenila-page .sjenila-card { animation:none!important; transition:none!important; }
}

/* IZVOZ */
.izvoz-page { --ex-header-h:70px; --ex-red:#fe1e1e; --ex-shadow:0 12px 36px -12px rgba(0,0,0,.25); }

.izvoz-page .ex-hero{
	position:relative;
	min-height:46vh;
	padding: calc(var(--ex-header-h) + 30px) 6% 42px;
	background:
		linear-gradient(160deg, rgba(0,0,0,.45), rgba(0,0,0,.15)),
		url('images/izvoz/izvoz.png') center/cover no-repeat;
	isolation:isolate;
	overflow:hidden;
}
.izvoz-page .ex-hero::after{
	content:"";
	position:absolute; inset:0;
	background:radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%);
	pointer-events:none;
}
.izvoz-page .ex-hero-inner{
	max-width:1100px; margin:0 auto; color:#fff; text-align:center;
	text-shadow:0 6px 24px rgba(0,0,0,.26);
	animation:exFadeDown .8s ease both;
}
.izvoz-page .ex-hero h1{
	margin:0 0 14px; font-size:clamp(2.1rem,4.2vw,3rem); letter-spacing:.5px;
}
.izvoz-page .ex-hero-lead{
	margin:0 auto; max-width:820px; color:#fff;
	font-size:1.05rem; line-height:1.55;
	background: rgba(0,0,0,.45);
	padding:14px 18px; border-radius:18px; box-shadow:var(--ex-shadow);
}
@keyframes exFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:900px){
	.izvoz-page{ --ex-header-h:60px; }
	.izvoz-page .ex-hero{ padding: calc(var(--ex-header-h) + 72px) 7% 42px; min-height:40vh; }
	.izvoz-page .ex-hero-lead{ font-size:.98rem; }
}
@media (max-width:560px){
	.izvoz-page .ex-hero{ padding: calc(var(--ex-header-h) + 68px) 8% 38px; }
	.izvoz-page .ex-hero h1{ margin-top:4px; }
	.izvoz-page .ex-hero-lead{ font-size:.9rem; }
}

.izvoz-page .ex-intro{ padding:42px 6% 20px; color:#333; }
.izvoz-page .ex-intro-box{
	max-width:1100px; margin:0 auto; background:#fff;
	border:1px solid rgba(0,0,0,.06); border-radius:20px;
	box-shadow:0 10px 34px -14px rgba(0,0,0,.24); padding:26px 24px;
}
.izvoz-page .ex-intro-pills{
	display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0;
	justify-content: center;
}
.izvoz-page .ex-pill{
	background:#f4f4f4; border-radius:30px; padding:8px 12px; font-size:.85rem; color:#333;
}
.izvoz-page .ex-intro-part{
	margin:8px 0; font-size:1.05rem; line-height:1.6;
	opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;
}
.izvoz-page .ex-intro-part.visible{ opacity:1; transform:translateY(0); }
@media (max-width:640px){
	.izvoz-page .ex-intro{ padding:28px 6% 12px; }
	.izvoz-page .ex-intro-box{ padding:18px 16px; border-radius:16px; }
	.izvoz-page .ex-intro-part{ font-size:.95rem; }
}

.izvoz-page .ex-content{ max-width:1280px; margin:0 auto; padding:10px 5% 70px; color:#333; }
.izvoz-page .ex-section{ margin-top:40px; }
.izvoz-page .ex-section-title{
	margin:0 0 16px; font-size:clamp(1.5rem,2.4vw,2rem);
	color:var(--ex-red); text-align:center; letter-spacing:.3px;
}

.izvoz-page .ex-steps{
	display:grid; gap:24px; justify-content:center;
	grid-template-columns:repeat(auto-fit, minmax(260px, 360px));
}
.izvoz-page .ex-step{
	background:#fff; border:1px solid rgba(254,30,30,.12);
	border-radius:18px; padding:22px 18px 24px;
	box-shadow:0 10px 34px -14px rgba(254,30,30,.18), 0 2px 4px rgba(0,0,0,.05);
	opacity:0; transform:translateY(24px) scale(.98);
	transition:.7s cubic-bezier(.77,0,.18,1);
	position:relative;
}
.izvoz-page .ex-step.visible{ opacity:1; transform:translateY(0) scale(1); }
.izvoz-page .ex-step:before{
	content:attr(data-step); position:absolute; top:-10px; right:-2px;
	font-size:60px; font-weight:700; color:rgba(254,30,30,.12); pointer-events:none;
	transition:.6s;
}
.izvoz-page .ex-step.visible:before{ color:rgba(254,30,30,.18); }
.izvoz-page .ex-step h4{ margin:2px 0 10px; font-size:1.08rem; color:var(--ex-red); }
.izvoz-page .ex-step p{ margin:0; color:#424242; font-size:.96rem; line-height:1.55; }

.izvoz-page .ex-terms{
	max-width:1100px; margin:10px auto 0;
}
.izvoz-page .ex-terms h3{
	margin:0 0 12px; font-size:1.1rem; color:var(--ex-red); text-align:center;
}
.izvoz-page .ex-terms-grid{
	display:grid; gap:18px;
	grid-template-columns: 1fr;
}
.izvoz-page .ex-term{
	background:#fff; border:1px solid rgba(0,0,0,.08);
	border-radius:16px; padding:18px;
	box-shadow:0 12px 40px -18px rgba(0,0,0,.18);
	display:flex; gap:12px; align-items:flex-start;
	opacity:0; transform:translateY(16px) scale(.985);
	transition:.6s ease;
}
.izvoz-page .ex-term.visible{ opacity:1; transform:translateY(0) scale(1); }
.izvoz-page .ex-term-icon{
	flex:0 0 28px; width:28px; height:28px; border-radius:50%;
	background:rgba(254,30,30,.1); display:grid; place-items:center;
	color:var(--ex-red);
}
.izvoz-page .ex-term h5{ margin:0 0 4px; font-size:.98rem; color:#222; }
.izvoz-page .ex-term p{ margin:0; font-size:.9rem; color:#424242; line-height:1.5; }

.izvoz-page .ex-cta{ text-align:center; margin:44px 0 0; }
.izvoz-page .ex-btn{
	display:inline-block; background:var(--ex-red); color:#fff; text-decoration:none;
	padding:12px 18px; border-radius:10px; font-weight:600;
	box-shadow:0 10px 24px -12px rgba(254,30,30,.5);
	transition: transform .25s ease, box-shadow .25s ease;
}
.izvoz-page .ex-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 36px -14px rgba(254,30,30,.6); }

.izvoz-page .ex-visually-hidden{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce){
	.izvoz-page .ex-hero-inner,
	.izvoz-page .ex-intro-part,
	.izvoz-page .ex-step,
	.izvoz-page .ex-term{ animation:none!important; transition:none!important; }
}

.izvoz-page .ex-intro-box { text-align: center; }
.izvoz-page .ex-intro-pills { justify-content: center; }

@media (min-width: 1000px){
	.izvoz-page .ex-steps{
		grid-template-columns: repeat(auto-fit, minmax(300px, 420px));
	}
}

@media (min-width: 900px){
	.izvoz-page .ex-steps > .ex-step:last-child:nth-child(odd){
		grid-column: 1 / -1;
		justify-self: center;
		width: 100%;
		max-width: 720px;
	}
}

@media (min-width: 700px){
	.izvoz-page .ex-terms-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 1024px){
	.izvoz-page .ex-terms-grid{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 900px){
	.izvoz-page .ex-terms-grid > .ex-term:last-child:nth-child(odd){
		grid-column: auto;
		justify-self: stretch;
		width: auto;
		max-width: none;
	}
}

/* MONTAŽA */
.mont-page{
	--m-text:#171717;
	--m-dim:#4a4a4a;
	--m-accent:#fe1e1e;
	--m-bg:#f7f8fb;
	--m-card:#ffffff;
	--m-br:14px;
	--m-shadow:0 14px 40px -18px rgba(0,0,0,.22);
	color:var(--m-text);
	background:var(--m-bg);
	font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.mo-wrap{ max-width:1200px; margin:0 auto; padding:0 6%; }

.mo-hero{
	position:relative; padding:110px 0 62px; overflow:hidden;
	background:
		radial-gradient(1200px 300px at 10% 0%, rgba(254,30,30,.06), transparent 60%),
		radial-gradient(700px 220px at 90% 0%, rgba(0,0,0,.06), transparent 60%);
	border-bottom:1px solid rgba(0,0,0,.06);
}
.mo-hero-row{ display:grid; gap:28px; grid-template-columns: 1.2fr .9fr; align-items:center; }
.mo-hero h1{ margin:0 0 10px; font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.08; letter-spacing:.2px; animation:moFadeUp .8s ease both; }
.mo-sub{ margin:0; color:var(--m-dim); font-size:clamp(1rem,1.6vw,1.1rem); line-height:1.65; animation:moFadeUp .8s ease .12s both; }
.mo-side{
	background:var(--m-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--m-br);
	padding:18px; box-shadow:var(--m-shadow); animation:moFadeUp .8s ease .15s both;
}
.mo-side p{ margin:0; color:var(--m-text); }
.mo-underline{ position:relative; display:inline-block; }
.mo-underline::after{
	content:""; position:absolute; left:0; right:0; bottom:-6px; height:6px; border-radius:999px;
	background: linear-gradient(90deg, rgba(254,30,30,.65), rgba(254,30,30,.15));
	transform:scaleX(0); transform-origin:left; animation:moLineIn .9s ease .25s both;
}
@keyframes moFadeUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes moLineIn{ to{ transform:scaleX(1); } }
@media (max-width:980px){ .mo-hero-row{ grid-template-columns:1fr; } }

.mo-section{ margin:40px 0 0; }
.mo-title{ margin:0 0 14px; font-size:clamp(1.5rem,2.4vw,2rem); text-align:center; color:var(--m-accent); }

.mo-steps{
	display:grid; gap:20px; justify-content:center;
	grid-template-columns: repeat(auto-fit, minmax(260px, 360px));
}
.mo-step{
	background:var(--m-card); border:1px solid rgba(254,30,30,.12); border-radius:18px;
	padding:20px 18px; box-shadow:0 10px 34px -14px rgba(254,30,30,.18), 0 2px 4px rgba(0,0,0,.05);
	position:relative; opacity:0; transform:translateY(24px) scale(.985); transition:.7s cubic-bezier(.77,0,.18,1);
}
.mo-step.in{ opacity:1; transform:none; }
.mo-step:before{
	content:attr(data-step); position:absolute; top:-10px; right:-2px;
	font-size:60px; font-weight:700; color:rgba(254,30,30,.12); pointer-events:none; transition:.6s;
}
.mo-step.in:before{ color:rgba(254,30,30,.18); }
.mo-step h3{ margin:2px 0 8px; font-size:1.02rem; color:var(--m-accent); }
.mo-step p{ margin:0; color:#424242; font-size:.94rem; line-height:1.55; }

.mo-focus{
	background:var(--m-card); border:1px solid rgba(254,30,30,.15);
	border-radius:22px; padding:34px 26px; box-shadow:0 14px 55px -18px rgba(0,0,0,.18);
	margin:42px 0 70px; position:relative; overflow:hidden;
	opacity:0; transform:translateY(28px); transition:.8s cubic-bezier(.77,0,.18,1);
}
.mo-focus.in{ opacity:1; transform:none; }
.mo-focus::before{
	content:""; position:absolute; inset:0;
	background:radial-gradient(circle at 88% 18%,rgba(254,30,30,.12),transparent 55%);
	pointer-events:none;
}
.mo-focus h2{ margin:0 0 14px; font-size:clamp(1.6rem,2.1vw,2rem); text-align:center; color:var(--m-accent); position:relative; z-index:1; }
.mo-focus p{ margin:0 0 18px; text-align:center; font-size:1rem; color:#3d3d3d; line-height:1.55; max-width:820px; margin-inline:auto; position:relative; z-index:1; }

.mo-tags{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; position:relative; z-index:1; }
.mo-tag{
	background:var(--m-accent); color:#fff; padding:10px 16px; border-radius:999px;
	font-size:.82rem; letter-spacing:.3px; box-shadow:0 6px 18px -6px rgba(254,30,30,.35);
	opacity:0; transform:translateY(12px); transition:.5s ease;
}
.mo-tag.in{ opacity:1; transform:none; }

@media (min-width:900px){
	.mo-steps > .mo-step:last-child:nth-child(odd){
		grid-column:1 / -1; justify-self:center; max-width: clamp(340px, 60%, 720px);
	}
}

@media (max-width:900px){
	.mo-hero{ padding:90px 0 40px; }
	.mo-hero-row{ grid-template-columns:1fr; }
	.mo-hero h1{ font-size: clamp(1.9rem, 6vw, 2.2rem); line-height:1.15; }
	.mo-sub{ font-size:1rem; line-height:1.7; }
	.mo-side{ margin:6px auto 0; width:100%; max-width:640px; }

	.mo-step, .mo-focus, .mo-tag{ opacity:1; transform:none; }
}
@media (max-width:560px){
	.mo-wrap{ padding:0 5%; }
}

@media (prefers-reduced-motion:reduce){
	.mo-step, .mo-focus, .mo-tag, .mo-hero h1, .mo-sub, .mo-side, .mo-underline::after{
		transition:none!important; animation:none!important;
	}
}
.mont-page, .mont-page *{ box-sizing:border-box; min-width:0; }

/* PROIZVODNJA */
.prod-page{
	--p-text:#171717;
	--p-dim:#4a4a4a;
	--p-accent:#fe1e1e;
	--p-bg:#f7f8fb;
	--p-card:#ffffff;
	--p-br:14px;
	--p-shadow:0 14px 40px -18px rgba(0,0,0,.22);
	color:var(--p-text);
	background:var(--p-bg);
	font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr-wrap{ max-width:1200px; margin:0 auto; padding:0 6%; }

.pr-hero{
	position:relative; padding:110px 0 62px; overflow:hidden;
	background:
		radial-gradient(1200px 300px at 10% 0%, rgba(254,30,30,.06), transparent 60%),
		radial-gradient(700px 220px at 90% 0%, rgba(0,0,0,.06), transparent 60%);
	border-bottom:1px solid rgba(0,0,0,.06);
}
.pr-hero-row{ display:grid; gap:28px; grid-template-columns: 1.2fr .9fr; align-items:center; }
.pr-hero h1{ margin:0 0 10px; font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.08; letter-spacing:.2px; animation:prFadeUp .8s ease both; }
.pr-sub{ margin:0; color:var(--p-dim); font-size:clamp(1rem,1.6vw,1.1rem); line-height:1.65; animation:prFadeUp .8s ease .12s both; }
.pr-hero-side{
	background:var(--p-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--p-br);
	padding:18px; box-shadow:var(--p-shadow); animation:prFadeUp .8s ease .15s both;
}
.pr-hero-side p{ margin:0; color:var(--p-text); }
.pr-underline{ position:relative; display:inline-block; }
.pr-underline::after{
	content:""; position:absolute; left:0; right:0; bottom:-6px; height:6px; border-radius:999px;
	background: linear-gradient(90deg, rgba(254,30,30,.65), rgba(254,30,30,.15));
	transform:scaleX(0); transform-origin:left; animation:prLineIn .9s ease .25s both;
}
@keyframes prFadeUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes prLineIn{ to{ transform:scaleX(1); } }
@media (max-width:980px){ .pr-hero-row{ grid-template-columns:1fr; } }

.pr-section{ margin:40px 0 0; }
.pr-title{ margin:0 0 14px; font-size:clamp(1.5rem,2.4vw,2rem); text-align:center; color:var(--p-accent); }

.pr-steps{
	display:grid; gap:20px; justify-content:center;
	grid-template-columns: repeat(auto-fit, minmax(260px, 360px));
}
.pr-step{
	background:var(--p-card); border:1px solid rgba(254,30,30,.12); border-radius:18px;
	padding:20px 18px; box-shadow:0 10px 34px -14px rgba(254,30,30,.18), 0 2px 4px rgba(0,0,0,.05);
	position:relative; opacity:0; transform:translateY(24px) scale(.985); transition:.7s cubic-bezier(.77,0,.18,1);
}
.pr-step.in{ opacity:1; transform:none; }
.pr-step:before{
	content:attr(data-step); position:absolute; top:-10px; right:-2px;
	font-size:60px; font-weight:700; color:rgba(254,30,30,.12); pointer-events:none; transition:.6s;
}
.pr-step.in:before{ color:rgba(254,30,30,.18); }
.pr-step h3{ margin:2px 0 8px; font-size:1.02rem; color:var(--p-accent); }
.pr-step p{ margin:0; color:#424242; font-size:.94rem; line-height:1.55; }

.pr-focus{
	background:var(--p-card); border:1px solid rgba(254,30,30,.15);
	border-radius:22px; padding:34px 26px; box-shadow:0 14px 55px -18px rgba(0,0,0,.18);
	margin:42px 0 70px; position:relative; overflow:hidden;
	opacity:0; transform:translateY(28px); transition:.8s cubic-bezier(.77,0,.18,1);
}
.pr-focus.in{ opacity:1; transform:none; }
.pr-focus::before{
	content:""; position:absolute; inset:0;
	background:radial-gradient(circle at 88% 18%,rgba(254,30,30,.12),transparent 55%);
	pointer-events:none;
}
.pr-focus h2{ margin:0 0 14px; font-size:clamp(1.6rem,2.1vw,2rem); text-align:center; color:var(--p-accent); position:relative; z-index:1; }
.pr-focus p{ margin:0 0 18px; text-align:center; font-size:1rem; color:#3d3d3d; line-height:1.55; max-width:820px; margin-inline:auto; position:relative; z-index:1; }

.pr-reasons{
	display:flex; flex-wrap:wrap; gap:12px; justify-content:center; position:relative; z-index:1;
}
.pr-reason{
	background:var(--p-accent); color:#fff; padding:10px 16px; border-radius:999px;
	font-size:.82rem; letter-spacing:.3px; box-shadow:0 6px 18px -6px rgba(254,30,30,.35);
	opacity:0; transform:translateY(12px); transition:.5s ease;
}
.pr-reason.in{ opacity:1; transform:none; }

@media (min-width:900px){
	.pr-steps > .pr-step:last-child:nth-child(odd){ grid-column:1 / -1; justify-self:center; max-width: clamp(340px, 60%, 720px); }
}

@media (max-width:900px){
	.pr-hero{ padding:90px 0 40px; }
	.pr-hero-row{ grid-template-columns:1fr; }
	.pr-hero h1{ font-size: clamp(1.9rem, 6vw, 2.2rem); line-height:1.15; }
	.pr-sub{ font-size:1rem; line-height:1.7; }
	.pr-hero-side{ margin:6px auto 0; width:100%; max-width:640px; }

	.pr-step, .pr-focus, .pr-reason{ opacity:1; transform:none; }
}
@media (max-width:560px){
	.pr-wrap{ padding:0 5%; }
}

@media (prefers-reduced-motion:reduce){
	.pr-step, .pr-focus, .pr-reason, .pr-hero h1, .pr-sub, .pr-hero-side, .pr-underline::after{
		transition:none!important; animation:none!important;
	}
}
.prod-page, .prod-page *{ box-sizing:border-box; min-width:0; }

/* KONTAKT */
.contact-page{
	--k-text:#171717;
	--k-dim:#4a4a4a;
	--k-accent:#fe1e1e;
	--k-bg:#f7f8fb;
	--k-card:#ffffff;
	--k-br:14px;
	--k-shadow:0 14px 40px -18px rgba(0,0,0,.22);
	color:var(--k-text);
	background:var(--k-bg);
	font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.kt-wrap{ max-width:1200px; margin:0 auto; padding:0 6%; }

.kt-hero{
	position:relative; padding:110px 0 62px; overflow:hidden;
	background:
		radial-gradient(1200px 300px at 10% 0%, rgba(254,30,30,.06), transparent 60%),
		radial-gradient(700px 220px at 90% 0%, rgba(0,0,0,.06), transparent 60%);
	border-bottom:1px solid rgba(0,0,0,.06);
}
.kt-hero-row{ display:grid; gap:28px; grid-template-columns: 1.2fr .9fr; align-items:center; }
.kt-hero h1{ margin:0 0 10px; font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.08; letter-spacing:.2px; animation:ktFadeUp .8s ease both; }
.kt-sub{ margin:0; color:var(--k-dim); font-size:clamp(1rem,1.6vw,1.1rem); line-height:1.65; animation:ktFadeUp .8s ease .12s both; }
.kt-side{
	background:var(--k-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--k-br);
	padding:18px; box-shadow:var(--k-shadow); animation:ktFadeUp .8s ease .15s both;
}
.kt-side p{ margin:0; color:var(--k-text); }
.kt-underline{ position:relative; display:inline-block; }
.kt-underline::after{
	content:""; position:absolute; left:0; right:0; bottom:-6px; height:6px; border-radius:999px;
	background: linear-gradient(90deg, rgba(254,30,30,.65), rgba(254,30,30,.15));
	transform:scaleX(0); transform-origin:left; animation:ktLineIn .9s ease .25s both;
}
@keyframes ktFadeUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes ktLineIn{ to{ transform:scaleX(1); } }
@media (max-width:980px){ .kt-hero-row{ grid-template-columns:1fr; } }

.kt-section{ margin:38px 0 70px; }
.kt-grid{
	display:grid; gap:18px; align-items:start;
	grid-template-columns: 1fr 1.1fr;
}
.kt-card{
	background:var(--k-card); border:1px solid rgba(0,0,0,.08); border-radius:18px;
	padding:20px; box-shadow:var(--k-shadow);
}
.kt-card h2{ margin:0 0 10px; font-size:1.2rem; color:#222; }
.kt-list{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px; }
.kt-list li{ display:flex; align-items:center; gap:10px; color:var(--k-dim); }
.kt-list a{ color:#222; text-decoration:none; }
.kt-list a:hover{ text-decoration:underline; }

.kt-form-box{
	background:var(--k-accent); color:#fff; border-radius:18px; padding:24px 22px;
	box-shadow:0 12px 34px -14px rgba(254,30,30,.5), 0 2px 4px rgba(0,0,0,.06);
	border:1px solid rgba(254,30,30,.2);
}
.kt-form-box h2{ margin:0 0 12px; font-size:1.4rem; }
.kt-form-box p{ margin:0 0 16px; color:#fff; opacity:.95; }
.kt-form-box form{ display:flex; flex-direction:column; gap:14px; }
.kt-form-box form button{ align-self:flex-start; }

@media (max-width:900px){
	.kt-hero{ padding:90px 0 40px; }
	.kt-hero-row{ grid-template-columns:1fr; }
	.kt-hero h1{ font-size: clamp(1.9rem, 6vw, 2.2rem); line-height:1.15; }
	.kt-sub{ font-size:1rem; line-height:1.7; }
	.kt-side{ margin:6px auto 0; width:100%; max-width:640px; }

	.kt-grid{ grid-template-columns: 1fr; gap:14px; }
	.kt-form-box form button{ width:100%; }
}
@media (max-width:560px){
	.kt-wrap{ padding:0 5%; }
}

@media (prefers-reduced-motion:reduce){
	.kt-hero h1, .kt-sub, .kt-side, .kt-underline::after{ transition:none!important; animation:none!important; }
}
.contact-page, .contact-page *{ box-sizing:border-box; min-width:0; }

/* O NAMA */
.about-page{
	--ab-text:#1a1a1a;
	--ab-dim:#4a4a4a;
	--ab-accent:#fe1e1e;
	--ab-bg:#f7f7f9;
	--ab-card:#ffffff;
	--ab-br:14px;
	--ab-shadow:0 12px 40px -18px rgba(0,0,0,.2);
	color:var(--ab-text);
	font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	background:var(--ab-bg);
}
.ab-container{ max-width:1200px; margin:0 auto; padding:0 6%; }

/* HERO */
.ab-hero{
	position:relative; padding:110px 0 62px; overflow:hidden;
	background:
		radial-gradient(1200px 300px at 10% 0%, rgba(254,30,30,.06), transparent 60%),
		radial-gradient(700px 220px at 90% 0%, rgba(0,0,0,.06), transparent 60%);
	border-bottom:1px solid rgba(0,0,0,.06);
}
.ab-hero-row{ display:grid; gap:34px; grid-template-columns:1.2fr .9fr; align-items:center; }
.ab-hero h1{ font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.1; margin:0 0 12px; letter-spacing:.2px; animation:abFadeUp .8s ease both; }
.ab-hero .ab-sub{ margin:0; color:var(--ab-dim); font-size:clamp(1rem,1.6vw,1.1rem); line-height:1.6; animation:abFadeUp .8s ease .12s both; }
.ab-hero .ab-side{
	background:var(--ab-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--ab-br);
	padding:18px; box-shadow:var(--ab-shadow); animation:abFadeUp .8s ease .15s both;
}
.ab-hero .ab-side p{ margin:0; color:var(--ab-text); }
.ab-underline{ display:inline-block; position:relative; }
.ab-underline::after{
	content:""; position:absolute; left:0; right:0; bottom:-6px; height:6px; border-radius:999px;
	background:linear-gradient(90deg, rgba(254,30,30,.65), rgba(254,30,30,.15));
	transform:scaleX(0); transform-origin:left; animation:abLineIn .9s ease .25s both;
}
@keyframes abFadeUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes abLineIn{ to{ transform:scaleX(1); } }
@media (max-width:980px){ .ab-hero-row{ grid-template-columns:1fr; } }

/* TIMELINE */
.ab-timeline{ padding:42px 0 20px; }
.ab-tl-wrap{ position:relative; }
.ab-tl-wrap::before{
	content:""; position:absolute; top:0; bottom:0; left:50%;
	width:2px; background:linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.18));
	transform:translateX(-50%);
}
.ab-tl{ position:relative; display:grid; gap:34px; }
.ab-tl-item{ display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; }
.ab-tl-item .ab-tl-dot{
	position:absolute; left:50%; transform:translateX(-50%);
	width:14px; height:14px; border-radius:50%; background:var(--ab-accent);
	box-shadow:0 0 0 6px rgba(254,30,30,.14);
}
.ab-tl-card{
	background:var(--ab-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--ab-br);
	box-shadow:var(--ab-shadow); padding:18px;
	transition:transform .25s ease, box-shadow .25s ease, opacity .6s ease;
	opacity:0; transform:translateY(16px);
}
.ab-tl-card.in{ opacity:1; transform:none; }
.ab-tl-year{
	display:inline-block; font-weight:700; letter-spacing:.5px;
	color:#fff; background:var(--ab-accent); padding:6px 10px; border-radius:999px; font-size:.9rem; margin-bottom:8px;
}
.ab-tl-card h3{ margin:4px 0 6px; font-size:1.05rem; }
.ab-tl-card p{ margin:0; color:var(--ab-dim); line-height:1.6; }
.ab-tl-item:nth-child(odd) .ab-tl-card{ grid-column:1/2; justify-self:end; max-width:90%; }
.ab-tl-item:nth-child(even) .ab-tl-card{ grid-column:2/3; justify-self:start; max-width:90%; }

/* STATS */
.ab-stats{ padding:28px 0 8px; }
.ab-stats-grid{
	display:grid; gap:14px;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
	align-items:stretch; justify-content:center;
}
.ab-stat{
	background:var(--ab-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--ab-br);
	padding:16px 14px; text-align:center; box-shadow:var(--ab-shadow);
	opacity:0; transform:translateY(12px); transition:.5s ease;
}
.ab-stat.in{ opacity:1; transform:none; }
.ab-stat .num{ font-weight:700; font-size:1.4rem; color:var(--ab-text); }
.ab-stat .label{ color:var(--ab-dim); font-size:.92rem; }

/* GALLERY */
.ab-gallery{ padding:36px 0 10px; }
.ab-g-title{ margin:0 0 16px; font-size:clamp(1.5rem,2.4vw,2rem); text-align:center; }
.ab-grid{
	display:grid; gap:16px;
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
	justify-content:center;
}
.ab-photo{
	position:relative; overflow:hidden; border-radius:16px; background:#ececec; aspect-ratio:4/3;
	box-shadow:var(--ab-shadow); opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;
}
.ab-photo.in{ opacity:1; transform:none; }
.ab-photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.ab-photo:hover img{ transform:scale(1.04); }

/* CTA */
.ab-cta{ text-align:center; padding:34px 0 70px; }
.ab-btn{
	display:inline-block; background:var(--ab-accent); color:#fff; text-decoration:none;
	padding:12px 18px; border-radius:12px; font-weight:700; letter-spacing:.2px;
	box-shadow:0 12px 28px -12px rgba(254,30,30,.5);
	transition:transform .25s ease, box-shadow .25s ease;
}
.ab-btn:hover{ transform:translateY(-2px); box-shadow:0 18px 38px -16px rgba(254,30,30,.55); }

/* RESPONSIVE & A11Y */
@media (max-width:900px){
	.ab-hero{ padding:90px 0 40px; }
	.ab-hero-row{ grid-template-columns:1fr; }
	.ab-hero h1{ font-size:clamp(1.9rem, 6.2vw, 2.2rem); line-height:1.15; }
	.ab-hero .ab-sub{ font-size:1rem; line-height:1.7; margin-bottom:10px; }
	.ab-hero .ab-side{ margin:6px auto 0; width:100%; max-width:640px; }

	.ab-tl-wrap::before{ display:none; }
	.ab-tl{ gap:18px; }
	.ab-tl::before{
		content:""; position:absolute; left:18px; top:0; bottom:0;
		width:2px; background:linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.18));
	}
	.ab-tl-item{ grid-template-columns:1fr; padding-left:44px; align-items:flex-start; }
	.ab-tl-item .ab-tl-dot{ position:absolute; left:12px; top:18px; z-index:1; }
	.ab-tl-card{ max-width:100%; padding:16px; opacity:1; transform:none; }
	.ab-tl-card h3{ font-size:1.02rem; }
	.ab-tl-card p{ line-height:1.65; }

	.ab-stats-grid{ grid-template-columns:repeat(2, minmax(140px, 1fr)); gap:10px; }
	.ab-stat{ opacity:1; transform:none; }
	.ab-stat .num{ font-size:1.2rem; }
	.ab-stat .label{ font-size:.9rem; }

	.ab-grid{ grid-template-columns:repeat(2, minmax(140px, 1fr)); gap:12px; }
	.ab-photo{ opacity:1; transform:none; }
}
@media (max-width:560px){
	.ab-container{ padding:0 5%; }
	.ab-hero h1{ font-size:1.8rem; }
	.ab-hero .ab-sub{ font-size:.96rem; }
	.ab-grid{ grid-template-columns:1fr; }
}

@media (max-width: 768px){
	.ab-gallery .ab-container{ padding-right:0; padding-left:0; }
	.ab-grid{
		grid-template-columns:unset;
		grid-auto-flow:column;
		grid-auto-columns:84%;
		gap:12px;
		overflow-x:auto;
		overscroll-behavior-x:contain;
		-webkit-overflow-scrolling:touch;
		scroll-snap-type:x mandatory;
		scroll-padding:0 8%;
		padding:2px 8% 16px;
	}
	.ab-grid::-webkit-scrollbar{ display:none; }
	.ab-grid{ scrollbar-width:none; -ms-overflow-style:none; }
	.ab-photo{
		scroll-snap-align:center;
		scroll-snap-stop:always;
		opacity:1;
		transform:none;
	}
}
@media (max-width:420px){
	.ab-grid{
		grid-auto-columns:90%;
		padding-left:5%;
		padding-right:5%;
		scroll-padding:0 5%;
	}
}

@media (prefers-reduced-motion:reduce){
	.ab-tl-card, .ab-stat, .ab-photo, .ab-hero h1, .ab-hero .ab-sub, .ab-hero .ab-side, .ab-underline::after{
		transition:none!important; animation:none!important;
	}
}
.about-page, .about-page *{ box-sizing:border-box; min-width:0; }

/* KOOPERANTI */
.coop-page{
	--co-text:#171717;
	--co-dim:#4a4a4a;
	--co-accent:#fe1e1e;
	--co-bg:#f7f8fb;
	--co-card:#ffffff;
	--co-br:14px;
	--co-shadow:0 14px 40px -18px rgba(0,0,0,.22);
	color:var(--co-text);
	background:var(--co-bg);
	font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.co-wrap{ max-width:1200px; margin:0 auto; padding:0 6%; }

.co-hero{
	position:relative; padding:110px 0 62px; overflow:hidden;
	background:
		radial-gradient(1200px 300px at 10% 0%, rgba(254,30,30,.06), transparent 60%),
		radial-gradient(700px 220px at 90% 0%, rgba(0,0,0,.06), transparent 60%);
	border-bottom:1px solid rgba(0,0,0,.06);
}
.co-hero-row{ display:grid; gap:28px; grid-template-columns:1.2fr .9fr; align-items:center; }
.co-hero h1{ margin:0 0 10px; font-size:clamp(2.2rem,5vw,3.2rem); line-height:1.08; letter-spacing:.2px; animation:coFadeUp .8s ease both; }
.co-sub{ margin:0; color:var(--co-dim); font-size:clamp(1rem,1.6vw,1.1rem); line-height:1.65; animation:coFadeUp .8s ease .12s both; }
.co-hero-side{
	background:var(--co-card); border:1px solid rgba(0,0,0,.06); border-radius:var(--co-br);
	padding:18px; box-shadow:var(--co-shadow); animation:coFadeUp .8s ease .15s both;
}
.co-hero-side p{ margin:0; color:var(--co-text); }
.co-underline{ position:relative; display:inline-block; }
.co-underline::after{
	content:""; position:absolute; left:0; right:0; bottom:-6px; height:6px; border-radius:999px;
	background:linear-gradient(90deg, rgba(254,30,30,.65), rgba(254,30,30,.15));
	transform:scaleX(0); transform-origin:left; animation:coLineIn .9s ease .25s both;
}
@keyframes coFadeUp{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes coLineIn{ to{ transform:scaleX(1); } }
@media (max-width:980px){ .co-hero-row{ grid-template-columns:1fr; } }

.co-intro{ margin:40px 0 0; }
.co-title{ margin:0 0 14px; font-size:clamp(1.5rem,2.4vw,2rem); text-align:center; color:var(--co-accent); }
.co-intro-box{ background:var(--co-card); border:1px solid rgba(0,0,0,.08); border-radius:18px; padding:24px; box-shadow:var(--co-shadow); }
.co-intro-grid{ display:grid; gap:12px; }
.co-intro-part{ margin:0; font-size:1rem; line-height:1.65; color:var(--co-text); opacity:0; transform:translateY(12px); transition:.5s ease; }
.co-intro-part.in{ opacity:1; transform:none; }

.co-section{ margin:40px 0 0; }
.co-areas-grid{
	display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.co-card{
	background:var(--co-card); border:1px solid rgba(0,0,0,.08); border-radius:18px;
	padding:20px; box-shadow:var(--co-shadow); display:flex; gap:14px; align-items:flex-start;
	opacity:0; transform:translateY(16px); transition:.6s ease;
}
.co-card.in{ opacity:1; transform:none; }
.co-ico{
	flex:0 0 48px; width:48px; height:48px; border-radius:50%;
	background:linear-gradient(135deg, rgba(254,30,30,.15), rgba(254,30,30,.08));
	display:grid; place-items:center; color:var(--co-accent);
	box-shadow:0 4px 12px rgba(254,30,30,.12);
	transition:transform .3s ease, box-shadow .3s ease;
}
.co-card:hover .co-ico{
	transform:scale(1.08);
	box-shadow:0 6px 16px rgba(254,30,30,.2);
}
.co-card h3{ margin:0 0 6px; font-size:1.05rem; color:var(--co-text); }
.co-card p{ margin:0; font-size:.92rem; color:var(--co-dim); line-height:1.55; }

.co-steps{
	display:grid; gap:20px; justify-content:center;
	grid-template-columns:repeat(auto-fit, minmax(220px, 300px));
}
.co-step{
	background:var(--co-card); border:1px solid rgba(254,30,30,.12); border-radius:18px;
	padding:20px 18px; box-shadow:0 10px 34px -14px rgba(254,30,30,.18), 0 2px 4px rgba(0,0,0,.05);
	position:relative; opacity:0; transform:translateY(24px) scale(.985); transition:.7s cubic-bezier(.77,0,.18,1);
}
.co-step.in{ opacity:1; transform:none; }
.co-step:before{
	content:attr(data-step); position:absolute; top:-10px; right:-2px;
	font-size:60px; font-weight:700; color:rgba(254,30,30,.12); pointer-events:none; transition:.6s;
}
.co-step.in:before{ color:rgba(254,30,30,.18); }
.co-step h4{ margin:2px 0 8px; font-size:1.02rem; color:var(--co-accent); }
.co-step p{ margin:0; color:#424242; font-size:.94rem; line-height:1.55; }

.co-benefits{
	display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.co-benefit{
	background:var(--co-card); border:1px solid rgba(0,0,0,.08); border-radius:18px;
	padding:18px; box-shadow:var(--co-shadow); display:flex; gap:12px; align-items:flex-start;
	opacity:0; transform:translateY(12px); transition:.5s ease;
}
.co-benefit.in{ opacity:1; transform:none; }
.co-benefit .co-ico{ flex:0 0 44px; width:44px; height:44px; }
.co-benefit h5{ margin:0 0 4px; font-size:1rem; color:var(--co-text); }
.co-benefit p{ margin:0; font-size:.9rem; color:var(--co-dim); line-height:1.5; }

.co-cta{ text-align:center; margin:34px 0 70px; }
.co-btn{
	display:inline-block; background:var(--co-accent); color:#fff; text-decoration:none;
	padding:12px 18px; border-radius:12px; font-weight:700; letter-spacing:.2px;
	box-shadow:0 12px 28px -12px rgba(254,30,30,.5);
	transition:transform .25s ease, box-shadow .25s ease;
}
.co-btn:hover{ transform:translateY(-2px); box-shadow:0 18px 38px -16px rgba(254,30,30,.55); }

@media (max-width:900px){
	.co-hero{ padding:90px 0 40px; }
	.co-hero-row{ grid-template-columns:1fr; }
	.co-hero h1{ font-size:clamp(1.9rem, 6vw, 2.2rem); line-height:1.15; }
	.co-sub{ font-size:1rem; line-height:1.7; }
	.co-hero-side{ margin:6px auto 0; width:100%; max-width:640px; }

	.co-intro-part, .co-card, .co-step, .co-benefit{ opacity:1; transform:none; }
}
@media (max-width:560px){
	.co-wrap{ padding:0 5%; }
}

@media (prefers-reduced-motion:reduce){
	.co-intro-part, .co-card, .co-step, .co-benefit, .co-hero h1, .co-sub, .co-hero-side, .co-underline::after{
		transition:none!important; animation:none!important;
	}
}
.coop-page, .coop-page *{ box-sizing:border-box; min-width:0; }