/**
 * The Khatoon Shop v6.0.2
 * Static approved hero artwork. No live catalogue product overlays.
 */
body.tks-reference-v602 .tks-hero-static-v602 {
    width: 100%;
    min-height: 0 !important;
    overflow: hidden;
    background: #fbecef;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero__viewport,
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero__track {
    min-height: 0 !important;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero__track {
    position: relative;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide {
    position: absolute;
    inset: 0;
    min-height: 0 !important;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #fbecef;
    opacity: 0;
    visibility: hidden;
    transform: none;
    transition: opacity .45s ease, visibility .45s ease;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--confidence { aspect-ratio: 1536 / 403; background: #f5e4dc; }
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--glow { aspect-ratio: 1536 / 403; background: #f9d9e4; }
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--makeup { aspect-ratio: 1536 / 403; background: #f3e4da; }
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-picture {
    position: absolute;
    inset: 0;
    display: block;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    background: transparent;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-hotspot {
    position: absolute;
    z-index: 5;
    display: block;
    border-radius: 8px;
    outline-offset: 4px;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-hotspot:focus-visible {
    outline: 3px solid #111;
    box-shadow: 0 0 0 3px #fff;
}
body.tks-reference-v602 .tks-hero-static-slide--confidence .tks-hero-static-hotspot--primary {
    left: 7.1%; top: 68.5%; width: 10.8%; height: 10.8%;
}
body.tks-reference-v602 .tks-hero-static-slide--confidence .tks-hero-static-hotspot--secondary {
    right: 7.1%; top: 65.2%; width: 10.7%; height: 10.2%;
}
body.tks-reference-v602 .tks-hero-static-slide--glow .tks-hero-static-hotspot--primary {
    left: 60.2%; top: 79.3%; width: 14.1%; height: 13.3%;
}
body.tks-reference-v602 .tks-hero-static-slide--makeup .tks-hero-static-hotspot--primary {
    left: 7.1%; top: 68.1%; width: 12.1%; height: 12.2%;
}
/* The artwork already contains its approved visible arrows and pagination dots.
   These transparent controls sit over the printed arrows, retaining keyboard
   and pointer navigation without drawing duplicate UI. */
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-arrow {
    z-index: 8;
    top: 50%;
    width: clamp(42px, 4.4vw, 68px);
    height: clamp(42px, 4.4vw, 68px);
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-arrow--prev { left: .7%; }
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-arrow--next { right: .7%; }
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-arrow:focus-visible {
    outline: 3px solid #111;
    outline-offset: 2px;
}
body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-tabs {
    position: absolute !important;
}
@media (max-width: 767px) {
    body.tks-reference-v602 .tks-hero-static-v602,
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--confidence {
        aspect-ratio: 686 / 580;
        min-height: 0 !important;
        background: #f5e5dd;
    }
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--glow,
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide--makeup,
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-arrow,
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-tabs {
        display: none !important;
    }
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-image {
        object-fit: cover;
    }
    body.tks-reference-v602 .tks-hero-static-slide--confidence .tks-hero-static-hotspot--primary {
        left: 3.1%; top: 35.8%; width: 24.2%; height: 8.2%;
    }
    body.tks-reference-v602 .tks-hero-static-slide--confidence .tks-hero-static-hotspot--secondary {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.tks-reference-v602 .tks-hero-static-v602 .tks-hero-static-slide { transition: none; }
}