/* Home page width override (Astra boxed) */
.home .kks-slider{
	--kks-maxw: 940px;
	width: min(var(--kks-maxw), calc(100% - 40px));
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* Wrapper */
.kks-slider{
	position:relative;
	width:100%;
	max-width: var(--kks-maxw, 1100px);
	margin: 0 auto;
	border-radius: var(--kks-radius, 18px);
	overflow:hidden;
	background: #0b1220;
}

/* Track */
.kks-track{
	display:flex;
	width:100%;
	transform: translate3d(0,0,0);
	transition: transform 420ms ease;
}

/* Slide base + gradient */
.kks-slide{
	position: relative;
	min-width:100%;
	height: var(--kks-h, 380px);
	display:flex;
	align-items:center;
	color:#fff;

	background:
		radial-gradient(900px 420px at 10% 20%, rgba(255,255,255,.16), transparent 55%),
		linear-gradient(90deg, var(--kks-g1, #00b6c3), var(--kks-g2, #0072D1));
}


.kks-prev,
.kks-next{
	display:none !important;
}



/* Content wrapper must be above ::after */
.kks-inner{
	position: relative;
	z-index: 1;

	width:100%;
	max-width: var(--kks-maxw, 1100px);
	margin:0 auto;
	padding: 26px;

	display:grid;
	grid-template-columns: 1.35fr .85fr;
	gap: var(--kks-gap, 28px);
	align-items:center;
}

@media (max-width: 860px){
	.kks-slide{ height: auto; }

	/* na mobilnom panel neka bude full width (bez dijagonale da ne “reže” sadržaj) */
	.kks-slide::after{
		width: 100%;
		clip-path: none;
	}

	.kks-inner{
		grid-template-columns: 1fr;
		padding: 22px;
	}
	.kks-media{ justify-content:flex-start; }
}

/* Text */
.kks-title{
	margin:0 0 10px;
	font-size: clamp(24px, 3.4vw, 44px);
	line-height:1.08;
	color:#fff;
}

.kks-text{
	margin:0 0 16px;
	max-width: 60ch;
	font-size: clamp(18px, 1.2vw, 22px);
	color:#fff;
	opacity:.95;
}

.kks-cta{ margin-top: 6px; }

/* Button: white bg, no underline, 4px radius */
.kks-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 10px 18px;

	border-radius: 4px;
	background: #fff;
	color: black;
	border: 0;

	text-decoration: none !important;
	-webkit-text-decoration: none !important;
}

.kks-btn:hover{
	color: #00b6c3;
}

/* Right image: plain img, no shadow/background */
.kks-media{
	position: relative;
	display:flex;
	justify-content:flex-end;
	align-items:center;

	/* bez unutrašnjeg paddinga, jer panel sada ide edge-to-edge */
	padding: 0;
}

.kks-img{
	display:block;
	width:min(340px, 100%);
	height:auto;
	background: transparent;
	box-shadow: none;
	filter: none;
	border-radius: 15px;
}

/* Dots */
.kks-dots{
	position:absolute;
	left:0; right:0; bottom:12px;
	display:flex;
	justify-content:center;
	gap:8px;
	z-index:3;
}

.kks-dot{
	width:10px; height:10px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.65);
	background:rgba(255,255,255,.22);
	cursor:pointer;
	padding:0;
}

.kks-dot.is-active{
	background:rgba(255,255,255,.92);
	border-color:rgba(255,255,255,.95);
}