/* Žirnis karuselė */
.zk{
	--zk-green:#3c7230;
	--zk-light:#8cbe41;
	--zk-red:#e0212a;
	--zk-maxw:1200px;
	--zk-ease:cubic-bezier(.2,.7,.3,1);
	position:relative;overflow:hidden;background:#f4f2ef;width:100%;
	touch-action:pan-y;
}
.zk-frame{position:relative;width:100%;aspect-ratio:var(--zk-ar,1300/345)}
@media (max-width:767px){.zk-frame{aspect-ratio:var(--zk-ar-m,16/10)}}

/* Skaidrės: sklandus perėjimas */
.zk-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.zk-slide.is-on{opacity:1;visibility:visible}
.zk-slide:not(.is-on){pointer-events:none}

/* Paveikslėlis ir lėtas priartėjimas */
.zk-ph{position:absolute;inset:0;overflow:hidden;display:block}
.zk .zk-ph picture,.zk .zk-ph .zk-img{display:block;width:100%;height:100%}
.zk-ph .zk-img{object-fit:cover;max-width:none}
.zk-slide.is-on .zk-ph .zk-img{animation:zkKen 7s ease-out forwards}
@keyframes zkKen{from{transform:scale(1)}to{transform:scale(1.05)}}

/* Akcijos ir leidinio skaidrės */
.zk-bg{position:absolute;inset:0;background:var(--zk-bg,#3c7230);overflow:hidden}
.zk-dark{color:#fff}
.zk-light{color:#2b2f29}
.zk-deco span{position:absolute;border-radius:50%;pointer-events:none}
.zk-deco span:first-child{width:340px;height:340px;right:-60px;top:-120px}
.zk-deco span:last-child{width:180px;height:180px;right:24%;bottom:-80px}
.zk-dark .zk-deco span{background:rgba(255,255,255,.08)}
.zk-light .zk-deco span{background:rgba(140,190,65,.2)}
.zk-promo{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.zk-inner{padding-left:max(24px,calc(50vw - var(--zk-maxw)/2 + 24px));padding-right:24px;max-width:calc(620px + max(24px,calc(50vw - var(--zk-maxw)/2 + 24px)))}
.zk-tag{display:inline-block;background:var(--zk-red);color:#fff;font-weight:700;font-size:clamp(22px,3.2vw,42px);line-height:1;padding:12px 20px;border-radius:6px;letter-spacing:-.02em;margin-bottom:14px}
.zk .zk-h{margin:0;font-size:clamp(22px,3vw,42px);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:inherit;text-wrap:balance}
.zk .zk-p{margin:10px 0 20px;font-size:clamp(14px,1.35vw,18px);line-height:1.5;opacity:.9;max-width:40ch;color:inherit}
.zk .zk-btn{display:inline-block;font-weight:600;font-size:15px;letter-spacing:.03em;text-transform:uppercase;padding:13px 28px;border-radius:4px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}
.zk-dark .zk-btn{background:#fff;color:var(--zk-green)}
.zk-light .zk-btn{background:var(--zk-green);color:#fff}
@media (hover:hover){
	.zk-dark .zk-btn:hover{background:var(--zk-light);color:#1f3a18}
	.zk-light .zk-btn:hover{background:#2f5c25;color:#fff}
}
.zk .zk-btn:active{transform:scale(.97)}

/* Viršelis ar kitas paveikslėlis šone */
.zk .zk-side{position:absolute;z-index:1;right:max(6%,calc(50vw - var(--zk-maxw)/2 + 24px));top:50%;height:82%;width:auto;max-width:34%;object-fit:contain;transform:translateY(-50%) rotate(-4deg);border-radius:4px;box-shadow:0 18px 40px rgba(20,40,15,.25)}
.zk .zk-slide.is-on .zk-side{animation:zkSide .9s var(--zk-ease) both .15s}
@keyframes zkSide{from{opacity:0;transform:translateY(-50%) translateX(28px) rotate(0deg)}to{opacity:1;transform:translateY(-50%) rotate(-4deg)}}

/* Įslenkantis tekstas */
.zk-slide.is-on .zk-tag,.zk-slide.is-on .zk-h,.zk-slide.is-on .zk-p,.zk-slide.is-on .zk-btn{animation:zkRise .75s var(--zk-ease) both}
.zk-slide.is-on .zk-h{animation-delay:.1s}
.zk-slide.is-on .zk-p{animation-delay:.18s}
.zk-slide.is-on .zk-btn{animation-delay:.26s}
@keyframes zkRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Rodyklės */
.zk-arrow{position:absolute;top:50%;z-index:4;width:48px;height:48px;margin:-24px 0 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:var(--zk-green);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.zk-arrow svg{width:22px;height:22px;fill:currentColor}
.zk-prev{left:14px}
.zk-next{right:14px}
@media (hover:hover){.zk-arrow:hover{background:#fff;transform:scale(1.08)}}
.zk-arrow:active{transform:scale(.96)}
.zk-arrow:focus-visible,.zk-dots button:focus-visible,.zk .zk-btn:focus-visible{outline:2px solid var(--zk-light);outline-offset:2px}

/* Taškeliai */
.zk-dots{position:absolute;left:0;right:0;bottom:14px;z-index:4;display:flex;gap:9px;justify-content:center}
.zk-dots button{position:relative;width:12px;height:12px;margin:0;padding:0;border:2px solid #fff;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.18);transition:background-color .25s ease,width .35s var(--zk-ease)}
.zk-dots button[aria-current="true"]{background:var(--zk-light);width:34px}

@media (max-width:767px){
	.zk .zk-side{display:none}
	.zk-arrow{display:none}
	.zk-inner{padding-left:20px;padding-right:20px}
	.zk .zk-p{margin:6px 0 12px}
	.zk .zk-btn{padding:10px 18px;font-size:13px}
	.zk-tag{padding:8px 12px;margin-bottom:8px}
	.zk-dots{bottom:10px}
	.zk-deco span:first-child{width:200px;height:200px;right:-70px;top:-90px}
}

@media (prefers-reduced-motion:reduce){
	.zk-slide{transition:none}
	.zk-slide.is-on .zk-ph .zk-img,.zk .zk-slide.is-on .zk-side,.zk-slide.is-on .zk-tag,.zk-slide.is-on .zk-h,.zk-slide.is-on .zk-p,.zk-slide.is-on .zk-btn{animation:none}
}

/* Didesnis taškelių paspaudimo plotas telefone */
.zk-dots button::after{content:"";position:absolute;inset:-12px -6px}
