/* ==========================================================================
   Welkem Flow — motion system v2 · nasro-shop-three
   Native scroll. Transform / opacity only. Loops pause off-screen.
   ========================================================================== */
:where(:root) {
    --wk-primary: #0ea5e9;
    --wk-secondary: #0284c7;
    --wk-accent: #67e8f9;
}
:root {
    --wk-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --wk-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
    --wk-primary-soft: rgba(14, 165, 233, 0.18);
    --wk-primary-soft: color-mix(in srgb, var(--wk-primary) 18%, transparent);
    --wk-primary-glow: rgba(14, 165, 233, 0.45);
    --wk-primary-glow: color-mix(in srgb, var(--wk-primary) 45%, transparent);
}

/* ---------- 0. Gate: only above-the-fold elements wait for JS ---------- */
.wk-motion [data-wk-hero],
.wk-motion .wk-hero .wk-scene,
.wk-motion .my-feature-strip { opacity: 0; }

.wk-animating { transition: none !important; }

.wk-offscreen *,
.wk-offscreen *::before,
.wk-offscreen *::after { animation-play-state: paused !important; }

/* ---------- 1. Split text ---------- */
.wk-w,
.wk-line {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    padding: 0.08em 0.04em 0.18em;
    margin: -0.08em -0.04em -0.18em;
}
.wk-wi,
.wk-li { display: inline-block; transform-origin: 0% 100%; }

/* ---------- 2. Hero ---------- */
.wk-hero { isolation: isolate; }
.wk-hero-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(148, 163, 184, 0.16) 1px, transparent 1.4px);
    background-size: 30px 30px;
    -webkit-mask-image: radial-gradient(ellipse 55% 65% at 76% 46%, #000 0%, transparent 72%);
            mask-image: radial-gradient(ellipse 55% 65% at 76% 46%, #000 0%, transparent 72%);
    pointer-events: none;
}
.wk-hero-accent.animate-gradient { animation-duration: 8s; }
.wk-hero-badge { background-color: rgba(255, 255, 255, 0.07); }

.wk-pulse-dot {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--wk-primary);
    box-shadow: 0 0 12px var(--wk-primary-glow);
    flex: none;
}
.wk-pulse-dot::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: inherit;
    animation: wk-ping 2.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes wk-ping { 75%, 100% { transform: scale(2.8); opacity: 0; } }

.wk-scroll-cue {
    position: absolute;
    z-index: 10;
    right: clamp(1.25rem, 3vw, 3rem);
    bottom: 6.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    transition: color 0.4s;
}
.wk-scroll-cue:hover { color: #fff; }
.wk-scroll-cue__label { writing-mode: vertical-rl; transform: rotate(180deg); }
.wk-scroll-cue__line {
    position: relative;
    width: 1px;
    height: 68px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.16);
}
.wk-scroll-cue__line i {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 45%;
    background: linear-gradient(to bottom, transparent, var(--wk-accent));
    animation: wk-cue 2.4s var(--wk-ease-inout) infinite;
}
@keyframes wk-cue { 0% { transform: translate3d(0, -100%, 0); } 100% { transform: translate3d(0, 240%, 0); } }
@media (max-width: 1023px) { .wk-scroll-cue { display: none; } }

/* ---------- 3. Buttons ---------- */
.wk-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    gap: 0.6rem;
    transition: transform 0.6s var(--wk-ease-out), box-shadow 0.6s var(--wk-ease-out), color 0.35s, border-color 0.35s;
}
.wk-btn::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: inherit;
    transform: translate3d(0, 102%, 0);
    transition: transform 0.6s var(--wk-ease-out);
}
.wk-btn--primary::before { background: var(--wk-secondary); }
.wk-btn--ghost::before { background: #fff; }
.wk-btn:hover::before,
.wk-btn:focus-visible::before { transform: translate3d(0, 0, 0); }
.wk-btn:hover { transform: translate3d(0, -2px, 0); box-shadow: 0 20px 40px -20px var(--wk-primary-glow); }
.wk-btn--ghost:hover { color: #0f172a; border-color: #fff; }
.wk-btn:active { transform: translate3d(0, 0, 0) scale(0.98); }
.wk-btn.wk-magnet { transition: box-shadow 0.6s var(--wk-ease-out), color 0.35s, border-color 0.35s; }
.wk-btn__label { display: inline-block; }
.wk-btn__icon { display: inline-flex; transition: transform 0.6s var(--wk-ease-out); }
.wk-btn:hover .wk-btn__icon { transform: translate3d(4px, 0, 0); }
.wk-btn:hover .wk-btn__icon--lead { transform: rotate(144deg) scale(1.08); }

.wk-link svg { transition: transform 0.5s var(--wk-ease-out); }
.wk-link { position: relative; }
.wk-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 1.5rem;
    bottom: -4px;
    height: 1.5px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.6s var(--wk-ease-out);
}
.wk-link:hover::after { transform: scaleX(1); transform-origin: left center; }
.wk-link:hover svg { transform: translate3d(4px, 0, 0); }

/* ---------- 4. Hero scene — orbits & drop ---------- */
.wk-scene {
    --wk-scene-size: min(520px, 35vw);
    --wk-scene-alpha: 1;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 2.5vw;
    width: var(--wk-scene-size);
    height: var(--wk-scene-size);
    margin-top: calc(var(--wk-scene-size) * -0.42);
    color: var(--wk-primary);
    pointer-events: none;
    contain: layout style;
}
@media (max-width: 1023px) {
    .wk-hero .wk-scene {
        --wk-scene-size: min(440px, 92vw);
        --wk-scene-alpha: 0.32;
        top: 4%;
        right: -22%;
        margin-top: 0;
    }
    .wk-hero .wk-chip { display: none; }
}
html:not(.wk-motion) .wk-hero .wk-scene { opacity: var(--wk-scene-alpha); }

.wk-scene__glow,
.wk-orbit,
.wk-orbit__intro,
.wk-orbit__svg,
.wk-drop__intro,
.wk-drop__body,
.wk-drop__glass,
.wk-drop__liquid { position: absolute; inset: 0; }

.wk-scene__glow {
    inset: 16%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.28) 0%, transparent 68%);
    background: radial-gradient(circle, color-mix(in srgb, var(--wk-primary) 30%, transparent) 0%, transparent 68%);
}
.wk-orbit__svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: wk-spin 96s linear infinite;
    will-change: transform;
}
.wk-orbit--2 { color: var(--wk-accent); opacity: 0.85; }
.wk-orbit--2 .wk-orbit__svg { animation-duration: 74s; animation-direction: reverse; }
.wk-orbit--3 { opacity: 0.7; }
.wk-orbit--3 .wk-orbit__svg { animation-duration: 58s; }
.wk-orbit--ring { color: var(--wk-accent); }
.wk-orbit--ring .wk-orbit__svg { animation-duration: 42s; animation-direction: reverse; }
@keyframes wk-spin { to { transform: rotate(360deg); } }

.wk-drop {
    position: absolute;
    left: 33%;
    top: 27.9%;
    width: 34%;
    height: 44.2%;
}
.wk-drop__body {
    container-type: size;
    --wk-rise: -240px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 260'%3E%3Cpath d='M100 6C100 6 28 98 28 162a72 72 0 0 0 144 0C172 98 100 6 100 6Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 260'%3E%3Cpath d='M100 6C100 6 28 98 28 162a72 72 0 0 0 144 0C172 98 100 6 100 6Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
@supports (height: 1cqh) { .wk-drop__body { --wk-rise: -92cqh; } }
.wk-drop__glass {
    background:
        radial-gradient(120% 80% at 30% 22%, rgba(255, 255, 255, 0.16), transparent 52%),
        linear-gradient(180deg, rgba(14, 165, 233, 0.06), rgba(14, 165, 233, 0.2));
}
.wk-drop__level { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; }
html:not(.wk-motion) .wk-drop__level { transform: translateY(38%); }
.wk-drop__liquid {
    background: linear-gradient(180deg, var(--wk-primary) 0%, #075985 100%);
    opacity: 0.92;
}
.wk-wave {
    position: absolute;
    left: 0;
    bottom: calc(100% - 1px);
    width: 200%;
    height: 9%;
    fill: var(--wk-primary);
    animation: wk-wave 6s linear infinite;
    will-change: transform;
}
.wk-wave--back { opacity: 0.45; fill: var(--wk-accent); bottom: calc(100% + 1px); animation-duration: 9.5s; animation-direction: reverse; }
@keyframes wk-wave { to { transform: translate3d(-50%, 0, 0); } }

.wk-bubble {
    position: absolute;
    left: var(--x);
    bottom: -6%;
    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.12) 62%);
    opacity: 0;
    animation: wk-bubble var(--d) var(--delay) linear infinite;
    will-change: transform, opacity;
}
@keyframes wk-bubble {
    0% { transform: translate3d(0, 0, 0) scale(0.6); opacity: 0; }
    12% { opacity: 0.9; }
    55% { transform: translate3d(5px, calc(var(--wk-rise) * 0.55), 0) scale(0.9); }
    85% { opacity: 0.75; }
    100% { transform: translate3d(-3px, var(--wk-rise), 0) scale(1.1); opacity: 0; }
}
.wk-drop__outline { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }

.wk-spark {
    position: absolute;
    left: var(--sx);
    top: var(--sy);
    width: calc(26px * var(--ss));
    height: calc(26px * var(--ss));
    color: #fff;
}
.wk-scene--light .wk-spark { color: var(--wk-primary); }
.wk-spark svg {
    width: 100%;
    height: 100%;
    display: block;
    animation: wk-twinkle 4.6s var(--sd) ease-in-out infinite;
}
@keyframes wk-twinkle {
    0%, 100% { transform: scale(0.25) rotate(0deg); opacity: 0.1; }
    45% { transform: scale(1) rotate(45deg); opacity: 1; }
    65% { transform: scale(0.85) rotate(60deg); opacity: 0.8; }
}

.wk-chip { position: absolute; z-index: 3; }
.wk-chip--1 { left: -4%; bottom: 13%; }
.wk-chip--2 { right: -2%; top: 15%; }
.wk-chip__card {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.7rem 1.15rem 0.7rem 0.7rem;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 48px -24px rgba(2, 6, 23, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    color: #fff;
    white-space: nowrap;
    animation: wk-floaty 7s ease-in-out infinite;
}
.wk-chip--2 .wk-chip__card { animation-duration: 8.5s; animation-delay: -3s; }
.wk-chip__icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: var(--wk-accent);
    background: var(--wk-primary-soft);
    flex: none;
}
.wk-chip__icon svg { width: 20px; height: 20px; }
.wk-chip__text { display: flex; flex-direction: column; line-height: 1.15; }
.wk-chip__text strong { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 1.05rem; letter-spacing: -0.01em; }
.wk-chip__text em { font-style: normal; font-size: 0.72rem; color: #94a3b8; font-weight: 600; }
@keyframes wk-floaty { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -10px, 0); } }

/* light variant (About fallback artwork) */
.wk-about-art {
    position: relative;
    background:
        radial-gradient(circle at 50% 46%, rgba(224, 242, 254, 0.95) 0%, rgba(241, 245, 249, 0.9) 58%, #f8fafc 100%);
}
.wk-about-art:not([class*="aspect-"]) { aspect-ratio: 4 / 3; }
.wk-about-art .wk-scene {
    --wk-scene-size: 72%;
    top: 50%;
    left: 50%;
    right: auto;
    width: var(--wk-scene-size);
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0;
    transform: translate(-50%, -50%);
}
.wk-scene--light .wk-drop__glass {
    background:
        radial-gradient(120% 80% at 30% 22%, rgba(255, 255, 255, 0.9), transparent 55%),
        linear-gradient(180deg, rgba(14, 165, 233, 0.05), rgba(14, 165, 233, 0.14));
}
.wk-scene--light .wk-scene__glow { opacity: 0.6; }

/* ---------- 5. Feature strip ---------- */
.wk-feature { position: relative; }
.wk-feature__icon {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    flex: none;
    transition: transform 0.7s var(--wk-ease-out), color 0.4s, box-shadow 0.7s var(--wk-ease-out);
}
.wk-feature__icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--wk-primary);
    transform: scale(0);
    transition: transform 0.7s var(--wk-ease-out);
}
.wk-feature:hover .wk-feature__icon { color: #fff; transform: translate3d(0, -3px, 0) rotate(-6deg); box-shadow: 0 16px 30px -16px var(--wk-primary-glow); }
.wk-feature:hover .wk-feature__icon::before { transform: scale(1.6); }
.wk-feature h3 { transition: color 0.35s; }
.wk-feature:hover h3 { color: var(--wk-primary); }
@media (min-width: 1024px) {
    .wk-features .wk-feature + .wk-feature::before {
        content: "";
        position: absolute;
        left: -1rem;
        top: 8%;
        bottom: 8%;
        width: 1px;
        background: linear-gradient(transparent, #e2e8f0, transparent);
    }
}

/* ---------- 6. Partners marquee ---------- */
.wk-marquee {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
}
.wk-marquee .gsap-marquee { will-change: transform; }
.wk-logo {
    filter: grayscale(1);
    opacity: 0.5;
    transition: filter 0.5s, opacity 0.5s, transform 0.6s var(--wk-ease-out), color 0.4s;
}
.wk-logo:hover { filter: none; opacity: 1; transform: translate3d(0, -2px, 0); color: #0f172a; }

/* ---------- 7. Counters ---------- */
.counter-number { font-variant-numeric: tabular-nums; }
.wk-counter__suffix.is-word { margin-left: 0.2em; font-size: 0.6em; font-weight: 700; letter-spacing: 0.01em; opacity: 0.85; }
.wk-counter__bar {
    display: block;
    width: 34px;
    height: 2px;
    margin: 0.55rem auto 0.6rem;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--wk-primary), var(--wk-accent));
    transform-origin: 0 50%;
}
.wk-counter__icon { transition: transform 0.7s var(--wk-ease-out), box-shadow 0.7s var(--wk-ease-out); }
.wk-counter:hover .wk-counter__icon { transform: translate3d(0, -4px, 0) scale(1.06); }
.wk-counters--dark .wk-counter__icon { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 14px 32px -18px var(--wk-primary-glow); }
.wk-counter { position: relative; }
@media (min-width: 1024px) {
    .wk-counters .wk-counter + .wk-counter::before {
        content: "";
        position: absolute;
        left: -1rem;
        top: 12%;
        bottom: 12%;
        width: 1px;
        background: linear-gradient(transparent, rgba(148, 163, 184, 0.28), transparent);
    }
}

/* ---------- 8. Product cards ---------- */
.my-product-grid .product-card { position: relative; }
.my-product-grid .product-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    width: 55%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
    transform: translate3d(-190%, 0, 0) skewX(-14deg);
}
.my-product-grid .product-card:hover::after { transform: translate3d(290%, 0, 0) skewX(-14deg); transition: transform 1.1s var(--wk-ease-out); }
.my-product-grid .product-card:hover { transform: translate3d(0, -6px, 0); }

/* ---------- 9. Category cards ---------- */
.wk-cat-card { transform: translateZ(0); }
.wk-cat-card__img { transition: transform 1.2s var(--wk-ease-out); }
.wk-cat-card:hover .wk-cat-card__img { transform: scale(1.08); }

/* ---------- 10. Catalogue carousel ---------- */
@media (hover: hover) and (pointer: fine) { .wk-carousel { cursor: grab; } }
.wk-carousel.is-dragging { cursor: grabbing; scroll-snap-type: none !important; scroll-behavior: auto !important; user-select: none; }
.wk-carousel.is-dragging * { pointer-events: none; }
.wk-carousel img { -webkit-user-drag: none; }

/* ---------- 11. About ---------- */
.wk-float { animation: wk-floaty 6s ease-in-out infinite; }
.wk-about-media { transform: translateZ(0); }
.wk-about-img { transform-origin: 50% 50%; }
.wk-curtain {
    position: absolute;
    inset: -1px;
    z-index: 3;
    background: linear-gradient(160deg, var(--wk-primary), var(--wk-secondary));
    transform-origin: 50% 0%;
    pointer-events: none;
}

/* ---------- 12. Newsletter ---------- */
.wk-plane {
    flex: none;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: var(--wk-accent);
    background: var(--wk-primary-soft);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.wk-plane svg { width: 30px; height: 30px; overflow: visible; }
.wk-plane__body { transform-box: view-box; transform-origin: 24px 24px; animation: wk-plane 4.2s ease-in-out infinite; }
.wk-plane__trail { animation: wk-dash 1.8s linear infinite; opacity: 0.6; }
@keyframes wk-plane { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(2px, -3px) rotate(-5deg); } }
@keyframes wk-dash { to { stroke-dashoffset: -12; } }
.wk-newsletter.is-sent .wk-plane__body { animation: wk-plane-fly 1.5s var(--wk-ease-inout) forwards; }
.wk-newsletter.is-sent .wk-plane__trail { animation: none; opacity: 0; transition: opacity 0.4s; }
.wk-newsletter.is-back .wk-plane__body { animation: wk-plane-in 1.1s var(--wk-ease-out) both; }
@keyframes wk-plane-in { 0% { transform: translate(-60px, 40px) rotate(10deg); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes wk-plane-fly {
    0% { transform: none; opacity: 1; }
    35% { transform: translate(-5px, 5px) rotate(8deg); }
    100% { transform: translate(80px, -80px) rotate(-14deg); opacity: 0; }
}

.wk-newsletter .wpcf7-form p,
.wk-newsletter .welkem-native-newsletter {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: border-color 0.35s, box-shadow 0.5s var(--wk-ease-out), background-color 0.35s;
}
.wk-newsletter .wpcf7-form p:focus-within,
.wk-newsletter .welkem-native-newsletter:focus-within {
    border-color: var(--wk-primary);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 0 4px var(--wk-primary-soft);
}
.wk-newsletter .wpcf7-form br { display: none; }
.wk-newsletter .wpcf7-form-control-wrap { position: relative; flex: 1; min-width: 0; display: block; }
.wk-newsletter input[type="email"] {
    width: 100%;
    height: 48px;
    padding: 0 1.15rem;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    color: #fff;
    font-size: 0.95rem;
    box-shadow: none !important;
}
.wk-newsletter input[type="email"]::placeholder { color: #94a3b8; }
.wk-newsletter .wpcf7-submit,
.wk-newsletter .welkem-native-newsletter button[type="submit"] {
    height: 48px;
    padding: 0 1.6rem;
    border: 0;
    border-radius: 999px;
    background: var(--wk-primary);
    color: #fff;
    font-weight: 700;
    font-size: 0.92rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.35s, transform 0.6s var(--wk-ease-out), box-shadow 0.6s var(--wk-ease-out);
}
.wk-newsletter .wpcf7-submit:hover,
.wk-newsletter .welkem-native-newsletter button[type="submit"]:hover {
    background: var(--wk-secondary);
    transform: translate3d(2px, 0, 0);
    box-shadow: 0 14px 30px -14px var(--wk-primary-glow);
}
.wk-newsletter .wpcf7-spinner { position: absolute; right: -2.25rem; top: 50%; margin: -12px 0 0; }
.wk-newsletter .wpcf7-not-valid-tip { position: absolute; left: 1.15rem; top: calc(100% + 0.65rem); font-size: 0.75rem; color: #fca5a5; }
.wk-newsletter .wpcf7-response-output {
    margin: 1.25rem 0 0 !important;
    padding: 0.6rem 1rem !important;
    border-radius: 12px;
    font-size: 0.82rem;
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.wk-newsletter .welkem-native-newsletter input[type="email"] { border-radius: 999px; }
.wk-newsletter .welkem-native-newsletter .welkem-form-msg { position: absolute; left: 1.15rem; top: calc(100% + 0.6rem); margin: 0; }
@media (max-width: 480px) {
    .wk-newsletter .wpcf7-submit, .wk-newsletter .welkem-native-newsletter button[type="submit"] { padding: 0 1.1rem; }
    .wk-plane { display: none; }
}

/* ---------- 13. Footer ---------- */
footer ul li a svg,
footer ul li a i { transition: transform 0.5s var(--wk-ease-out); }
footer ul li a:hover svg,
footer ul li a:hover i { transform: translate3d(4px, 0, 0); }

/* ---------- 14. Smart header ---------- */
#site-header.wk-header-hidden { transform: translate3d(0, -110%, 0); }

/* ---------- 15. Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .wk-orbit__svg, .wk-wave, .wk-bubble, .wk-spark svg, .wk-chip__card, .wk-float,
    .wk-scroll-cue__line i, .wk-pulse-dot::after, .wk-plane__body, .wk-plane__trail,
    .wk-hero .animate-gradient { animation: none !important; }
    .wk-bubble { display: none; }
    .wk-btn, .wk-btn::before, .wk-feature__icon, .wk-cat-card__img { transition-duration: 0.01ms !important; }
}