.kaya-slider,
.kaya-slider *,
.kaya-slider *::before,
.kaya-slider *::after { box-sizing: border-box; }

.kaya-slider {
    --ks-width: 100%;
    --ks-max-width: 2048px;
    --ks-speed: 650ms;
    position: relative;
    width: min(100%, var(--ks-width));
    max-width: 100%;
    margin: 0 auto;
    overflow: visible;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    line-height: 1.4;
}

.kaya-slider--full {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.kaya-slider--boxed { width: min(100%, var(--ks-width)); max-width: var(--ks-max-width); }
.kaya-slider--content { width: min(100%, var(--ks-width)); max-width: 100%; }

.kaya-slider__viewport {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    isolation: isolate;
    background: #111;
    transition: height .25s ease;
}
.kaya-slider__slides,
.kaya-slider__slide { position: absolute; inset: 0; width: 100%; height: 100%; }
.kaya-slider__slides { z-index: 1; }
.kaya-slider__slide {
    --ks-slide-offset: 100%;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(var(--ks-slide-offset), 0, 0);
    transition: transform var(--ks-speed) cubic-bezier(.22,.61,.36,1), opacity var(--ks-speed) ease, visibility 0s linear var(--ks-speed);
    will-change: transform, opacity;
}
.kaya-slider__slide.is-active { z-index: 3; opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0,0,0); transition-delay: 0s; }
.kaya-slider--transition-fade .kaya-slider__slide { transform: none; }
.kaya-slider--transition-zoom .kaya-slider__slide { transform: scale(1.08); }
.kaya-slider--transition-zoom .kaya-slider__slide.is-active { transform: scale(1); }
.kaya-slider--transition-flip .kaya-slider__slides { perspective: 1200px; }
.kaya-slider--transition-flip .kaya-slider__slide { transform: rotateY(35deg) scale(.94); transform-origin: center; backface-visibility: hidden; }
.kaya-slider--transition-flip .kaya-slider__slide.is-active { transform: rotateY(0) scale(1); }

.kaya-slider__background-clip { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.kaya-slider__picture,
.kaya-slider__image,
.kaya-slider__overlay,
.kaya-slider__layers { position: absolute; inset: 0; width: 100%; height: 100%; }
.kaya-slider__picture { display: block; z-index: 1; }
.kaya-slider__image {
    display: block;
    object-fit: var(--ks-fit-desktop, cover);
    object-position: var(--ks-focus-x-desktop,50%) var(--ks-focus-y-desktop,50%);
    user-select: none;
    -webkit-user-drag: none;
}
.kaya-slider__overlay { z-index: 2; background: var(--ks-overlay,#000); opacity: var(--ks-overlay-opacity,0); pointer-events: none; }
.kaya-slider__layers { z-index: 3; pointer-events: none; overflow: visible; }
.kaya-slider__missing-image { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: #2c3338; }

.kaya-slider__layer {
    --ks-x: 7%; --ks-y: 22%; --ks-w: 48%; --ks-h: 18%;
    --ks-z: 5; --ks-color: #fff; --ks-bg: transparent; --ks-bg2: #e2231a;
    --ks-border: transparent; --ks-border-width: 0px; --ks-radius: 0px;
    --ks-pad-x: 0px; --ks-pad-y: 0px; --ks-shadow: rgba(0,0,0,.35);
    --ks-hover-bg: #b71912; --ks-hover-color: #fff; --ks-hover-border: #b71912;
    --ks-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    --ks-weight: 700; --ks-font-desktop: 54px; --ks-font-tablet: 40px; --ks-font-mobile: 30px;
    --ks-line: 1.12; --ks-letter: 0px; --ks-align: left;
    --ks-icon-size: 20px; --ks-icon-gap: 10px; --ks-icon-color: currentColor;
    --ks-delay: 0ms; --ks-duration: 700ms;
    --ks-halign: center; --ks-valign: center; --ks-content-x: 0px; --ks-content-y: 0px;
    position: absolute;
    left: var(--ks-x);
    top: var(--ks-y);
    z-index: var(--ks-z);
    width: var(--ks-w);
    height: var(--ks-h);
    min-width: 0;
    min-height: 0;
    color: var(--ks-color);
    font-family: var(--ks-font);
    font-size: var(--ks-font-desktop);
    font-weight: var(--ks-weight);
    line-height: var(--ks-line);
    letter-spacing: var(--ks-letter);
    text-align: var(--ks-align);
    pointer-events: auto;
    transform-origin: center;
}
.kaya-slider__layer[data-width-mode-desktop="auto"] { width: max-content; max-width: calc(100% - var(--ks-x)); }
.kaya-slider__layer[data-height-mode-desktop="auto"] { height: auto; }
.kaya-slider__layer[data-show-desktop="0"] { display: none; }

.kaya-slider__text-inner {
    width: 100%;
    height: 100%;
    padding: var(--ks-pad-y) var(--ks-pad-x);
    color: var(--ks-color);
    background: var(--ks-bg);
    border: var(--ks-border-width) solid var(--ks-border);
    border-radius: var(--ks-radius);
    overflow-wrap: anywhere;
}

/* Buton içeriği: tema stillerinden yalıtılmış, önizlemeyle aynı ölçü. */
.kaya-slider .kaya-slider__layer--button {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
.kaya-slider .kaya-slider__layer--button > a {
    position: relative !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: 100%;
    height: 100%;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100%;
    margin: 0 !important;
    align-items: var(--ks-valign) !important;
    justify-content: var(--ks-halign) !important;
    overflow: hidden !important;
    padding: var(--ks-pad-y) var(--ks-pad-x) !important;
    color: var(--ks-color) !important;
    background: var(--ks-bg);
    border: var(--ks-border-width) solid var(--ks-border) !important;
    border-radius: var(--ks-radius);
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    line-height: var(--ks-line) !important;
    transition: transform .28s ease, color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease, filter .28s ease;
}
.kaya-slider__layer--button[data-height-mode-desktop="auto"] > a { height: auto; min-height: 44px; }
.kaya-slider__layer--button[data-button-fit="1"] {
    width: max-content !important;
    height: auto !important;
    max-width: calc(100% - 8px) !important;
}
.kaya-slider__layer--button[data-button-fit="1"] > a {
    width: max-content !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
}
.kaya-slider__button-content {
    position: relative;
    z-index: 3;
    display: inline-flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    align-items: center;
    justify-content: center;
    gap: var(--ks-icon-gap);
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(var(--ks-content-x), var(--ks-content-y));
    text-align: center;
    line-height: inherit;
}
.kaya-slider__layer--button[data-button-fit="1"] .kaya-slider__button-content { width: auto; height: auto; }
.kaya-slider__button-label { display: block; min-width: 0; max-width: 100%; margin:0 !important; padding:0 !important; text-align: center; line-height: inherit; overflow-wrap: anywhere; }
.kaya-slider__button-icon { display: inline-flex; flex: 0 0 auto; width: var(--ks-icon-size); height: var(--ks-icon-size); color: var(--ks-icon-color); align-items: center; justify-content: center; }
.kaya-slider__button-icon svg { display: block; width: 100%; height: 100%; }
.ks-icon-right .kaya-slider__button-content { flex-direction: row; }
.ks-icon-left .kaya-slider__button-content { flex-direction: row; }

/* Yazı modelleri */
.ks-text--shadow .kaya-slider__text-inner { text-shadow: 0 7px 20px var(--ks-shadow); }
.ks-text--outline .kaya-slider__text-inner { color: transparent; -webkit-text-stroke: 1.5px var(--ks-color); text-shadow: 0 2px 8px var(--ks-shadow); }
.ks-text--glass .kaya-slider__text-inner { background: color-mix(in srgb,var(--ks-bg) 65%,transparent); backdrop-filter: blur(10px); box-shadow: 0 12px 30px var(--ks-shadow); }
.ks-text--highlight .kaya-slider__text-inner { background: var(--ks-bg); }
.ks-text--gradient .kaya-slider__text-inner { color: transparent; background: linear-gradient(135deg,var(--ks-bg),var(--ks-bg2)); -webkit-background-clip: text; background-clip: text; }
.ks-text--neon .kaya-slider__text-inner { text-shadow: 0 0 8px currentColor,0 0 18px currentColor,0 0 34px var(--ks-bg2); }
.ks-text--label .kaya-slider__text-inner { display: inline-block; width: auto; background: var(--ks-bg); }
.ks-text--underline .kaya-slider__text-inner { border-bottom: 4px solid var(--ks-bg2); }
.ks-text--ribbon .kaya-slider__text-inner { background: linear-gradient(135deg,var(--ks-bg),var(--ks-bg2)); clip-path: polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,3% 50%); }

/* Buton modelleri */
.ks-button--outline > a { color: var(--ks-bg); background: transparent; border-color: var(--ks-bg); }
.ks-button--ghost > a { background: transparent; border-color: transparent; }
.ks-button--pill > a { border-radius: 999px; }
.ks-button--glass > a { background: color-mix(in srgb,var(--ks-bg) 52%,transparent); backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,.4),0 12px 28px var(--ks-shadow); }
.ks-button--gradient > a { background: linear-gradient(135deg,var(--ks-bg),var(--ks-bg2)); }
.ks-button--raised > a { box-shadow: 0 6px 0 color-mix(in srgb,var(--ks-bg) 68%,#000),0 12px 22px var(--ks-shadow); }
.ks-button--raised > a:active { transform: translateY(5px); box-shadow: 0 1px 0 color-mix(in srgb,var(--ks-bg) 68%,#000),0 6px 14px var(--ks-shadow); }
.ks-button--link > a { justify-content: flex-start; width: max-content; height: auto; padding: 4px 0; background: transparent; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; }
.ks-button--soft > a { background: color-mix(in srgb,var(--ks-bg) 18%,#fff); color: var(--ks-bg) !important; border-color: color-mix(in srgb,var(--ks-bg) 35%,transparent) !important; }
.ks-button--dark > a { background: #111820; color: #fff !important; border-color: rgba(255,255,255,.18) !important; box-shadow: 0 12px 28px rgba(0,0,0,.28); }
.ks-button--light > a { background: #fff; color: #111820 !important; border-color: rgba(15,23,42,.12) !important; box-shadow: 0 10px 24px rgba(15,23,42,.16); }
.ks-button--dashed > a { background: transparent; color: var(--ks-bg) !important; border-style: dashed !important; border-width: max(2px,var(--ks-border-width)) !important; border-color: var(--ks-bg) !important; }
.ks-button--double > a { background: var(--ks-bg); outline: 2px solid var(--ks-border); outline-offset: 3px; }
.ks-button--gradient-border > a { border: 2px solid transparent !important; background: linear-gradient(var(--ks-bg),var(--ks-bg)) padding-box,linear-gradient(135deg,var(--ks-bg2),var(--ks-hover-bg)) border-box; }
.ks-button--shadow-soft > a { background: var(--ks-bg); box-shadow: 0 14px 30px color-mix(in srgb,var(--ks-bg) 26%,transparent); }
.ks-button--brutal > a { background: var(--ks-bg); border: 3px solid #111 !important; border-radius: 2px; box-shadow: 6px 6px 0 #111; }
.ks-button--icon-box > a .kaya-slider__button-icon { width: calc(var(--ks-icon-size) + 12px); height: calc(var(--ks-icon-size) + 12px); padding: 6px; border-radius: 8px; background: color-mix(in srgb,currentColor 14%,transparent); }
.ks-button--outline-pill > a { background: transparent; color: var(--ks-bg) !important; border: 2px solid var(--ks-bg) !important; border-radius: 999px; }
.ks-button--glossy > a { background: linear-gradient(180deg,color-mix(in srgb,var(--ks-bg) 72%,#fff),var(--ks-bg)); box-shadow: inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px var(--ks-shadow); }
.ks-button--minimal > a { background: transparent; color: var(--ks-color) !important; border: 0 !important; border-radius: 0; box-shadow: inset 0 -2px 0 currentColor; }


/* Hover modelleri */
.ks-hover--lift > a:hover { transform: translateY(-5px); }
.ks-hover--scale > a:hover { transform: scale(1.06); }
.ks-hover--glow > a:hover { box-shadow: 0 0 0 2px var(--ks-hover-border),0 0 28px var(--ks-hover-bg); }
.ks-hover--invert > a:hover { color: var(--ks-hover-color); background: var(--ks-hover-bg); border-color: var(--ks-hover-border); }
.ks-hover--slide-right > a:hover { transform: translateX(7px); }
.ks-hover--shadow > a:hover { box-shadow: 0 18px 38px var(--ks-shadow); }
.ks-hover--border-grow > a:hover { box-shadow: inset 0 0 0 3px var(--ks-hover-border); }
.ks-hover--pulse > a:hover { animation: ksPulse .8s ease-in-out infinite alternate; }
.ks-hover--tilt > a:hover { transform: rotate(-2deg) scale(1.025); }
.ks-hover--rotate > a:hover { transform: rotate(2.5deg); }
.ks-hover--bounce-hover > a:hover { animation: ksButtonBounce .65s ease; }
.ks-hover--wobble > a:hover { animation: ksWobble .7s ease; }
.ks-hover--press > a:hover { transform: translateY(3px) scale(.98); box-shadow: inset 0 3px 8px rgba(0,0,0,.18); }
.ks-hover--bright > a:hover { filter: brightness(1.2) saturate(1.18); }
.ks-hover--neon-hover > a:hover { box-shadow: 0 0 8px var(--ks-hover-border),0 0 22px var(--ks-hover-bg),inset 0 0 8px color-mix(in srgb,var(--ks-hover-bg) 50%,transparent); }
.ks-hover--underline > a:hover { box-shadow: inset 0 -5px 0 var(--ks-hover-border); }

.ks-hover--shine > a::before,
.ks-hover--sweep > a::before,
.ks-hover--fill-up > a::after,
.ks-hover--ripple > a::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.ks-hover--shine > a::before { top: -35%; left: -60%; width: 35%; height: 170%; transform: rotate(22deg); background: linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); transition: left .55s ease; }
.ks-hover--shine > a:hover::before { left: 125%; }
.ks-hover--sweep > a::before { inset: 0; background: var(--ks-hover-bg); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.ks-hover--sweep > a:hover { color: var(--ks-hover-color); border-color: var(--ks-hover-border); }
.ks-hover--sweep > a:hover::before { transform: scaleX(1); }
.ks-hover--fill-up > a::after { inset: 0; background: var(--ks-hover-bg); transform: scaleY(0); transform-origin: bottom; transition: transform .35s ease; }
.ks-hover--fill-up > a:hover { color: var(--ks-hover-color); border-color: var(--ks-hover-border); }
.ks-hover--fill-up > a:hover::after { transform: scaleY(1); }
.ks-hover--ripple > a::after { left: 50%; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: color-mix(in srgb,var(--ks-hover-bg) 75%,transparent); transform: translate(-50%,-50%) scale(0); opacity: .85; transition: transform .55s ease,opacity .55s ease; }
.ks-hover--ripple > a:hover::after { transform: translate(-50%,-50%) scale(24); opacity: 0; }
.ks-hover--skew > a:hover { transform: skewX(-10deg) translateY(-2px); }
.ks-hover--swing > a:hover { animation: ksSwing .7s ease; transform-origin: top center; }
.ks-hover--flip-x-hover > a:hover { transform: perspective(700px) rotateX(18deg); }
.ks-hover--flip-y-hover > a:hover { transform: perspective(700px) rotateY(-18deg); }
.ks-hover--zoom-out > a:hover { transform: scale(.94); }
.ks-hover--flash > a:hover { animation: ksFlash .8s ease; }
.ks-hover--jelly > a:hover { animation: ksJelly .75s ease; }
.ks-hover--ring > a:hover { box-shadow: 0 0 0 0 color-mix(in srgb,var(--ks-hover-border) 72%,transparent); animation: ksRing 1s ease; }
.ks-hover--color-shift > a:hover { color: var(--ks-hover-color); background: linear-gradient(135deg,var(--ks-bg2),var(--ks-hover-bg)); border-color: var(--ks-hover-border); }
.ks-hover--float-shadow > a:hover { transform: translateY(-8px); box-shadow: 0 22px 34px rgba(0,0,0,.28), 0 10px 18px var(--ks-shadow); }

/* İkon hover */
.ks-icon-hover--slide > a:hover .kaya-slider__button-icon { transform: translateX(4px); }
.ks-icon-hover--bounce > a:hover .kaya-slider__button-icon { animation: ksIconBounce .65s ease infinite alternate; }
.ks-icon-hover--rotate > a:hover .kaya-slider__button-icon { transform: rotate(360deg); }
.ks-icon-hover--pulse > a:hover .kaya-slider__button-icon { animation: ksPulse .65s ease infinite alternate; }
.kaya-slider__button-icon { transition: transform .35s ease; }

/* Görsel katmanı */
.kaya-slider__layer--image { background: transparent; border: 0; padding: 0; }
.kaya-slider__layer-image { display: block; width: 100%; height: 100%; object-fit: var(--ks-layer-fit,contain); opacity: var(--ks-image-opacity,1); transform: rotate(var(--ks-image-rotation,0deg)) scale(var(--ks-flip-x,1),var(--ks-flip-y,1)); transform-origin: center; }
.ks-layer-overflow-hidden { overflow: hidden; }
.ks-layer-overflow-visible { overflow: visible; }
.kaya-slider--allow-layer-overflow .kaya-slider__viewport,
.kaya-slider--allow-layer-overflow .kaya-slider__slide { overflow: visible; }
.kaya-slider--allow-layer-overflow .kaya-slider__background-clip { overflow: hidden; }

/* Giriş animasyonları */
.kaya-slider__layer[data-animation]:not(.is-layer-visible) { opacity: 0; }
.kaya-slider__layer.is-layer-visible { animation-duration: var(--ks-duration); animation-delay: var(--ks-delay); animation-fill-mode: both; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
.kaya-slider__layer[data-animation="none"] { opacity: 1 !important; }
.kaya-slider__layer[data-animation="fade"].is-layer-visible { animation-name: ksFade; }
.kaya-slider__layer[data-animation="fade-up"].is-layer-visible { animation-name: ksFadeUp; }
.kaya-slider__layer[data-animation="fade-down"].is-layer-visible { animation-name: ksFadeDown; }
.kaya-slider__layer[data-animation="fade-left"].is-layer-visible { animation-name: ksFadeLeft; }
.kaya-slider__layer[data-animation="fade-right"].is-layer-visible { animation-name: ksFadeRight; }
.kaya-slider__layer[data-animation="zoom-in"].is-layer-visible { animation-name: ksZoomIn; }
.kaya-slider__layer[data-animation="zoom-out"].is-layer-visible { animation-name: ksZoomOut; }
.kaya-slider__layer[data-animation="bounce"].is-layer-visible { animation-name: ksLayerBounce; }
.kaya-slider__layer[data-animation="rotate-in"].is-layer-visible { animation-name: ksRotateIn; }
.kaya-slider__layer[data-animation="blur-in"].is-layer-visible { animation-name: ksBlurIn; }
.kaya-slider__layer[data-animation="flip-in"].is-layer-visible { animation-name: ksFlipIn; }
.kaya-slider__layer[data-animation="reveal"].is-layer-visible { animation-name: ksReveal; }

.kaya-slider__arrow { position: absolute; top: 50%; z-index: 15; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: rgba(0,0,0,.42); transform: translateY(-50%); cursor: pointer; transition: background .2s ease,transform .2s ease; }
.kaya-slider__arrow:hover { background: rgba(0,0,0,.7); transform: translateY(-50%) scale(1.05); }
.kaya-slider__arrow--prev { left: 18px; }
.kaya-slider__arrow--next { right: 18px; }
.kaya-slider__arrow-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; }
.kaya-slider__arrow-icon svg { display:block; width:100%; height:100%; stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.kaya-slider__dots { position: absolute; left: 50%; bottom: 16px; z-index: 20; display: flex; gap: 8px; transform: translateX(-50%); }
.kaya-slider__dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; }
.kaya-slider__dot.is-active { width: 28px; border-radius: 999px; background: #fff; }


@keyframes ksSwing {
    20% { transform: rotate(10deg); }
    40% { transform: rotate(-7deg); }
    60% { transform: rotate(4deg); }
    80% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}
@keyframes ksFlash {
    0%,100% { opacity: 1; }
    25%,75% { opacity: .55; }
    50% { opacity: 1; }
}
@keyframes ksJelly {
    0% { transform: scale3d(1,1,1); }
    30% { transform: scale3d(1.12,.88,1); }
    40% { transform: scale3d(.88,1.12,1); }
    55% { transform: scale3d(1.06,.94,1); }
    70% { transform: scale3d(.96,1.04,1); }
    100% { transform: scale3d(1,1,1); }
}
@keyframes ksRing {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb,var(--ks-hover-border) 72%,transparent); }
    70% { box-shadow: 0 0 0 12px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}

@media (max-width: 1024px) {
    .kaya-slider__image { object-fit: var(--ks-fit-tablet,cover); object-position: var(--ks-focus-x-tablet,50%) var(--ks-focus-y-tablet,50%); }
    .kaya-slider__layer {
        left: var(--ks-x-tablet); top: var(--ks-y-tablet); width: var(--ks-w-tablet); height: var(--ks-h-tablet);
        font-size: var(--ks-font-tablet) !important; --ks-pad-x: var(--ks-pad-x-tablet); --ks-pad-y: var(--ks-pad-y-tablet); --ks-icon-size: var(--ks-icon-size-tablet);
    }
    .kaya-slider__layer[data-show-tablet="0"] { display: none; }
    .kaya-slider__layer[data-show-tablet="1"] { display: block; }
    .kaya-slider__layer[data-width-mode-tablet="auto"] { width: max-content; max-width: calc(100% - var(--ks-x-tablet)); }
    .kaya-slider__layer[data-height-mode-tablet="auto"] { height: auto; }
    .kaya-slider__layer--button[data-show-tablet="1"] { display: block; }
    .kaya-slider__layer--button[data-height-mode-tablet="auto"] > a { height: auto; min-height: 42px; }
}

@media (max-width: 767px) {
    .kaya-slider--full { width: 100vw; max-width: 100vw; }
    .kaya-slider__image { object-fit: var(--ks-fit-mobile,cover); object-position: var(--ks-focus-x-mobile,50%) var(--ks-focus-y-mobile,50%); }
    .kaya-slider__layer {
        left: var(--ks-x-mobile); top: var(--ks-y-mobile); width: var(--ks-w-mobile); height: var(--ks-h-mobile);
        font-size: var(--ks-font-mobile) !important; --ks-pad-x: var(--ks-pad-x-mobile); --ks-pad-y: var(--ks-pad-y-mobile); --ks-icon-size: var(--ks-icon-size-mobile);
    }
    .kaya-slider__layer[data-show-mobile="0"] { display: none; }
    .kaya-slider__layer[data-show-mobile="1"] { display: block; }
    .kaya-slider__layer[data-width-mode-mobile="auto"] { width: max-content; max-width: calc(100% - var(--ks-x-mobile)); }
    .kaya-slider__layer[data-height-mode-mobile="auto"] { height: auto; }
    .kaya-slider__layer--button[data-show-mobile="1"] { display: block; }
    .kaya-slider__layer--button[data-height-mode-mobile="auto"] > a { height: auto; min-height: 38px; }
    .kaya-slider__arrow { width: 40px; height: 40px; }
    .kaya-slider__arrow--prev { left: 8px; }
    .kaya-slider__arrow--next { right: 8px; }
}

@keyframes ksFade { from{opacity:0} to{opacity:1} }
@keyframes ksFadeUp { from{opacity:0;transform:translateY(35px)} to{opacity:1;transform:translateY(0)} }
@keyframes ksFadeDown { from{opacity:0;transform:translateY(-35px)} to{opacity:1;transform:translateY(0)} }
@keyframes ksFadeLeft { from{opacity:0;transform:translateX(45px)} to{opacity:1;transform:translateX(0)} }
@keyframes ksFadeRight { from{opacity:0;transform:translateX(-45px)} to{opacity:1;transform:translateX(0)} }
@keyframes ksZoomIn { from{opacity:0;transform:scale(.75)} to{opacity:1;transform:scale(1)} }
@keyframes ksZoomOut { from{opacity:0;transform:scale(1.25)} to{opacity:1;transform:scale(1)} }
@keyframes ksLayerBounce { 0%{opacity:0;transform:translateY(55px)} 60%{opacity:1;transform:translateY(-12px)} 80%{transform:translateY(5px)} 100%{opacity:1;transform:translateY(0)} }
@keyframes ksRotateIn { from{opacity:0;transform:rotate(-12deg) scale(.8)} to{opacity:1;transform:rotate(0) scale(1)} }
@keyframes ksBlurIn { from{opacity:0;filter:blur(16px)} to{opacity:1;filter:blur(0)} }
@keyframes ksFlipIn { from{opacity:0;transform:perspective(700px) rotateX(-70deg)} to{opacity:1;transform:perspective(700px) rotateX(0)} }
@keyframes ksReveal { from{opacity:0;clip-path:inset(0 100% 0 0)} to{opacity:1;clip-path:inset(0)} }
@keyframes ksPulse { from{transform:scale(1)} to{transform:scale(1.055)} }
@keyframes ksButtonBounce { 0%,100%{transform:translateY(0)} 35%{transform:translateY(-8px)} 65%{transform:translateY(-3px)} }
@keyframes ksWobble { 0%,100%{transform:translateX(0) rotate(0)} 20%{transform:translateX(-6px) rotate(-2deg)} 40%{transform:translateX(5px) rotate(2deg)} 60%{transform:translateX(-3px) rotate(-1deg)} 80%{transform:translateX(2px) rotate(1deg)} }
@keyframes ksIconBounce { from{transform:translateY(0)} to{transform:translateY(-4px)} }

@media (prefers-reduced-motion: reduce) {
    .kaya-slider__slide,
    .kaya-slider__layer,
    .kaya-slider__layer--button > a,
    .kaya-slider__button-icon { animation: none !important; transition: none !important; }
}

/* =========================================================
   Cihaz bağımsız katman sistemi
   JS, kullanıcı tarafından seçilen kırılma noktalarına göre
   data-active-device değerini değiştirir. Böylece masaüstü,
   tablet ve mobil katman değerleri birbirine karışmaz.
   ========================================================= */
.kaya-slider[data-active-device="desktop"] .kaya-slider__image {
    object-fit: var(--ks-fit-desktop,cover);
    object-position: var(--ks-focus-x-desktop,50%) var(--ks-focus-y-desktop,50%);
}
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer {
    left: var(--ks-x);
    top: var(--ks-y);
    width: var(--ks-w);
    height: var(--ks-h);
    font-size: var(--ks-font-desktop);
    --ks-pad-x: var(--ks-pad-x-desktop,var(--ks-pad-x));
    --ks-pad-y: var(--ks-pad-y-desktop,var(--ks-pad-y));
    --ks-icon-size: var(--ks-icon-size-desktop,var(--ks-icon-size));
}
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer[data-show-desktop="0"] { display: none !important; }
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer[data-show-desktop="1"] { display: block !important; }
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer[data-width-mode-desktop="auto"] { width: max-content; max-width: calc(100% - var(--ks-x)); }
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer[data-height-mode-desktop="auto"] { height: auto; }
.kaya-slider[data-active-device="desktop"] .kaya-slider__layer--button[data-height-mode-desktop="auto"] > a { height: auto; min-height: 42px; }

.kaya-slider[data-active-device="tablet"] .kaya-slider__image {
    object-fit: var(--ks-fit-tablet,cover);
    object-position: var(--ks-focus-x-tablet,50%) var(--ks-focus-y-tablet,50%);
}
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer {
    left: var(--ks-x-tablet);
    top: var(--ks-y-tablet);
    width: var(--ks-w-tablet);
    height: var(--ks-h-tablet);
    font-size: var(--ks-font-tablet) !important;
    --ks-pad-x: var(--ks-pad-x-tablet);
    --ks-pad-y: var(--ks-pad-y-tablet);
    --ks-icon-size: var(--ks-icon-size-tablet);
}
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer[data-show-tablet="0"] { display: none !important; }
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer[data-show-tablet="1"] { display: block !important; }
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer[data-width-mode-tablet="auto"] { width: max-content; max-width: calc(100% - var(--ks-x-tablet)); }
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer[data-height-mode-tablet="auto"] { height: auto; }
.kaya-slider[data-active-device="tablet"] .kaya-slider__layer--button[data-height-mode-tablet="auto"] > a { height: auto; min-height: 40px; }

.kaya-slider[data-active-device="mobile"] .kaya-slider__image {
    object-fit: var(--ks-fit-mobile,cover);
    object-position: var(--ks-focus-x-mobile,50%) var(--ks-focus-y-mobile,50%);
}
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer {
    left: var(--ks-x-mobile);
    top: var(--ks-y-mobile);
    width: var(--ks-w-mobile);
    height: var(--ks-h-mobile);
    font-size: var(--ks-font-mobile) !important;
    --ks-pad-x: var(--ks-pad-x-mobile);
    --ks-pad-y: var(--ks-pad-y-mobile);
    --ks-icon-size: var(--ks-icon-size-mobile);
}
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer[data-show-mobile="0"] { display: none !important; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer[data-show-mobile="1"] { display: block !important; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer[data-width-mode-mobile="auto"] { width: max-content; max-width: calc(100% - var(--ks-x-mobile)); }
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer[data-height-mode-mobile="auto"] { height: auto; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__layer--button[data-height-mode-mobile="auto"] > a { height: auto; min-height: 36px; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__arrow { width:40px; height:40px; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__arrow--prev { left:8px; }
.kaya-slider[data-active-device="mobile"] .kaya-slider__arrow--next { right:8px; }