/* ============================================================
   FETAI · LAMBO LX · SHTRESA E PËRVOJËS
   Një shtresë e hollë mbi sistemin Baroque (creme · jade · ar).
   Asgjë nuk errësohet. Ajo që shtohet, është ndjesia e shpejtësisë
   dhe e precizionit: tehe të prera, vija shpejtësie, kalime faqesh
   si një perde ari, numra që ngrihen, foto që zbulohen me teh.
   Ngarkohet PAS fetai-kine.css. Zëvendëson lambo-theme.css,
   lambo.js dhe lambo-wrapper.js të versionit të mëparshëm.
   ============================================================ */

:root {
  --lx-gold: #c9a96e;
  --lx-gold-bright: #e0c896;
  --lx-gold-deep: #a3844a;
  --lx-cream: #faf8f3;
  --lx-cut: 9px;                                   /* prerja e këndit, si te kabinat e makinës */
  --lx-speed: cubic-bezier(0.16, 1, 0.3, 1);       /* nis fort, ndalon butë */
  --lx-glide: cubic-bezier(0.22, 0.61, 0.36, 1);
  --lx-line: linear-gradient(90deg, transparent, var(--lx-gold) 18%, var(--lx-gold-bright) 50%, var(--lx-gold) 82%, transparent);
}

/* ---------- 0 · Përparësi: kush nuk do lëvizje, nuk merr lëvizje ---------- */
@media (prefers-reduced-motion: reduce) {
  .lx-blade, .lx-intro, .lx-progress { display: none !important; }
  html.lx-intro-pending::before { display: none !important; }
  .lx-count { opacity: 1 !important; }
}

/* ============================================================
   1 · HYRJA E PARË · vula Fetai vizatohet një herë në sesion
   ============================================================ */
html.lx-intro-pending::before {
  content: ""; position: fixed; inset: 0; z-index: 9998;
  background: var(--lx-cream);
  animation: lxSafety 0.5s ease 2.4s forwards;   /* nëse skripti nuk vjen, perdja bie vetë */
}
@keyframes lxSafety { to { opacity: 0; visibility: hidden; } }
.lx-intro {
  position: fixed; inset: 0; z-index: 9999;
  display: grid; place-items: center;
  background: var(--lx-cream);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.9s var(--lx-speed);
}
.lx-intro.out { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); pointer-events: none; }
.lx-intro svg {
  width: clamp(72px, 9vw, 110px); height: auto;
  color: #0a1a13;
  filter: drop-shadow(0 18px 40px rgba(10,26,19,0.10));
  opacity: 0; transform: translateY(8px) scale(0.96);
  animation: lxSeal 0.8s var(--lx-glide) 0.05s forwards;
}
.lx-intro span {
  position: absolute; bottom: 12vh; left: 50%; transform: translateX(-50%);
  font-family: var(--ui); font-size: 10px; letter-spacing: 0.32em; text-transform: uppercase;
  color: var(--lx-gold-deep); white-space: nowrap;
  opacity: 0; animation: lxFade 0.6s ease 0.35s forwards;
}
.lx-intro i {
  position: absolute; left: 50%; top: 50%; width: min(60vw, 420px); height: 1px;
  transform: translate(-50%, 72px) scaleX(0); transform-origin: left;
  background: var(--lx-line);
  animation: lxLine 0.7s var(--lx-speed) 0.25s forwards;
}
@keyframes lxSeal { to { opacity: 1; transform: none; } }
@keyframes lxFade { to { opacity: 1; } }
@keyframes lxLine { to { transform: translate(-50%, 72px) scaleX(1); } }

/* ============================================================
   2 · KALIMI MIDIS FAQEVE · tehu prej kremi me buzë ari
   Kur shfletuesi njeh View Transitions, e bën vetë me clip-path.
   Përndryshe, .lx-blade rrëshqet përpara se të ndryshojë adresa.
   ============================================================ */
.lx-blade {
  position: fixed; inset: -2vh -12vw; z-index: 9997; pointer-events: none;
  background: var(--lx-cream);
  transform: translateX(-118%) skewX(-8deg);
  transition: transform 0.55s var(--lx-speed);
  will-change: transform;
}
.lx-blade::after {
  content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 2px;
  background: linear-gradient(180deg, transparent, var(--lx-gold) 30%, var(--lx-gold-bright) 50%, var(--lx-gold) 70%, transparent);
  box-shadow: 0 0 24px rgba(201,169,110,0.45);
}
body.lx-leaving .lx-blade { transform: translateX(0) skewX(-8deg); }
body.lx-leaving { pointer-events: none; }

@supports (view-transition-name: root) {
  @media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) {
      animation: lxOut 0.42s var(--lx-speed) both;
    }
    ::view-transition-new(root) {
      animation: lxIn 0.62s var(--lx-speed) both;
    }
  }
}
@keyframes lxOut {
  to { opacity: 0.6; transform: translateX(-2%); }
}
@keyframes lxIn {
  from { clip-path: polygon(0 0, 0 0, -12% 100%, -12% 100%); }
  to   { clip-path: polygon(0 0, 112% 0, 100% 100%, -12% 100%); }
}

/* ============================================================
   3 · SHIRITI I RRUGËS · ari në krye, me majë që ndriçon
   ============================================================ */
.lx-progress {
  position: fixed; top: 0; left: 0; height: 2px; width: 0; z-index: 9996;
  background: linear-gradient(90deg, var(--lx-gold-deep), var(--lx-gold) 60%, var(--lx-gold-bright));
  pointer-events: none;
  transition: width 0.12s linear, opacity 0.4s ease;
}
.lx-progress::after {
  content: ""; position: absolute; right: -1px; top: -3px; width: 18px; height: 8px;
  background: radial-gradient(ellipse at right, rgba(224,200,150,0.9), transparent 70%);
}
.lx-progress.done { opacity: 0; }
.progress { display: none !important; }   /* shiriti i vjetër i nënfaqeve, e zëvendëson ky */

/* ============================================================
   4 · KOKA · vijë ari e hollë që ndizet kur faqja rrëshqet
   ============================================================ */
.header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: var(--lx-line);
  opacity: 0; transform: scaleX(0.6);
  transition: opacity 0.6s ease, transform 0.9s var(--lx-speed);
  pointer-events: none;
}
.header.scrolled::after { opacity: 0.7; transform: scaleX(1); }
.header.scrolled { box-shadow: 0 10px 40px -18px rgba(10,26,19,0.55); }

/* menyja: nënvizim që shkon si teh nga e majta */
.mainnav .nav-link { position: relative; }
.mainnav .nav-link::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px;
  background: var(--lx-gold-bright);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.45s var(--lx-speed);
  clip-path: polygon(0 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
}
.mainnav .nav-link:hover::before,
.mainnav .submenu:hover > .nav-link::before,
.mainnav .nav-link[aria-current="page"]::before { transform: scaleX(1); }

/* flamujt: ngrihen një grimë */
.lang-flags .flag { transition: transform 0.35s var(--lx-speed), box-shadow 0.35s ease; }
.lang-flags .flag:hover { transform: translateY(-1px); }
.icon-btn { transition: transform 0.35s var(--lx-speed), border-color 0.3s ease, color 0.3s ease; }
.icon-btn:hover { transform: translateY(-2px); }

/* ============================================================
   5 · BUTONAT · kënde të prera si në kabinë, shkëlqim që kalon
   ============================================================ */
.cta-primary, .cta-outline, .kx-btn, .hero-strip-cta a, .ask-contact a.btn, .form-actions button {
  clip-path: polygon(var(--lx-cut) 0, 100% 0, 100% calc(100% - var(--lx-cut)), calc(100% - var(--lx-cut)) 100%, 0 100%, 0 var(--lx-cut));
  position: relative; overflow: hidden; isolation: isolate;
}
.cta-primary::before {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -30%; width: 40%;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,0.28), transparent);
  transform: translateX(-160%) skewX(-18deg);
  transition: transform 0.9s var(--lx-speed);
  pointer-events: none; z-index: 1;
}
.cta-primary:hover::before { transform: translateX(420%) skewX(-18deg); }
.cta-primary, .cta-outline { transition: transform 0.45s var(--lx-speed), box-shadow 0.45s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; }
.cta-primary:hover, .cta-outline:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -18px rgba(10,26,19,0.45); }
.cta-primary svg, .cta-outline svg, .mk-tile em svg { transition: transform 0.45s var(--lx-speed); }
.cta-primary:hover svg, .cta-outline:hover svg, .mk-tile:hover em svg { transform: translateX(4px); }

/* ============================================================
   6 · VIJAT E SHPEJTËSISË · në kreun e faqes, shumë të lehta
   ============================================================ */
.hero, .page-hero { position: relative; }
.lx-speed-lines {
  position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 35%, transparent 62%);
          mask-image: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 35%, transparent 62%);
}
.lx-speed-lines::before, .lx-speed-lines::after {
  content: ""; position: absolute; inset: -30% -10%;
  background: repeating-linear-gradient(-24deg, transparent 0 118px, rgba(201,169,110,0.14) 118px 119px);
  animation: lxDrift 34s linear infinite;
}
.lx-speed-lines::after {
  background: repeating-linear-gradient(-24deg, transparent 0 260px, rgba(201,169,110,0.09) 260px 261px);
  animation-duration: 52s; animation-direction: reverse;
}
.page-hero .lx-speed-lines::before { background: repeating-linear-gradient(-24deg, transparent 0 118px, rgba(224,200,150,0.10) 118px 119px); }
.page-hero .lx-speed-lines::after  { background: repeating-linear-gradient(-24deg, transparent 0 260px, rgba(224,200,150,0.06) 260px 261px); }
@keyframes lxDrift { to { transform: translateX(-118px); } }
@media (prefers-reduced-motion: reduce) { .lx-speed-lines::before, .lx-speed-lines::after { animation: none; } }

/* ============================================================
   7 · KARTAT DHE FOTOT · teh kremi që hiqet, kënd ari që ndizet
   ============================================================ */
.mk-tile-img, .kx-card, .voice-card, .mk-tile { position: relative; }
.js .mk-tile-img::after {
  content: ""; position: absolute; inset: -1px; z-index: 3;
  background: linear-gradient(120deg, var(--lx-cream) 0 96%, var(--lx-gold) 96% 100%);
  transform: translateX(0) skewX(-10deg) scaleX(1.25); transform-origin: right;
  transition: transform 1.05s var(--lx-speed) 0.12s;
  pointer-events: none;
}
.js .mk-tile.rise.in .mk-tile-img::after,
.js .mk-tile.in .mk-tile-img::after,
.js .mk-tile:not(.rise) .mk-tile-img::after { transform: translateX(130%) skewX(-10deg) scaleX(1.25); }
.mk-tile-img img { transition: transform 1.4s var(--lx-glide), filter 0.6s ease; }
.mk-tile:hover .mk-tile-img img { transform: scale(1.045); }

/* kënd i prerë me ar, sipër djathtas, vetëm në prekje */
.mk-tile::after, .kx-card::after, .voice-card::after {
  content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; z-index: 4;
  border-style: solid; border-width: 0 0 0 0;
  border-color: transparent var(--lx-gold) transparent transparent;
  transition: border-width 0.4s var(--lx-speed);
  pointer-events: none;
}
.mk-tile:hover::after, .kx-card:hover::after, .voice-card:hover::after { border-width: 0 22px 22px 0; }

/* vija ari poshtë kartës që vizatohet nga e majta */
.kx-card-line, .lx-underline {
  transform-origin: left;
}
.mk-tile b { position: relative; display: inline-block; }
.mk-tile b::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px;
  background: var(--lx-gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.5s var(--lx-speed);
}
.mk-tile:hover b::after { transform: scaleX(1); }

/* ============================================================
   8 · ETIKETAT E SEKSIONEVE · një pllakëz e vogël ari, e pjerrët
   ============================================================ */
.section-label, .overline, .page-hero-label {
  position: relative;
}
.section-label::before {
  content: ""; display: inline-block; width: 14px; height: 6px; margin-right: 10px;
  vertical-align: middle;
  background: linear-gradient(90deg, var(--lx-gold-deep), var(--lx-gold-bright));
  clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
}

/* ============================================================
   9 · NUMRAT QË NGRIHEN · kreu i faqes dhe shiriti i besimit
   ============================================================ */
.lx-count { display: inline-block; font-variant-numeric: tabular-nums; }

/* ============================================================
   10 · FOTOT E MËDHA · foto e faqes hyn me teh të pjerrët
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .js .page-hero-photo { clip-path: polygon(0 0, 0 0, -14% 100%, -14% 100%); transition: clip-path 1.25s var(--lx-speed) 0.1s; }
  .js .page-hero.lit .page-hero-photo, .js .page-hero.lx-lit .page-hero-photo { clip-path: polygon(0 0, 114% 0, 100% 100%, -14% 100%); }
}

/* ============================================================
   11 · KËMBA E FAQES · vijë ari lart që merr frymë
   ============================================================ */
footer { position: relative; }
footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: var(--lx-line); opacity: 0.75;
  background-size: 200% 100%;
  animation: lxBreathe 9s ease-in-out infinite;
}
@keyframes lxBreathe { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }

/* ============================================================
   12 · SHIRITI ANËSOR (float-bar) · kënde të prera
   ============================================================ */
.float-bar {
  clip-path: polygon(var(--lx-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--lx-cut));
}
.float-btn { transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.35s var(--lx-speed); }
.float-btn:hover { padding-left: 22px; }

/* ============================================================
   13 · LIDHJET NË TEKST · nënvizim ari që ecën
   ============================================================ */
.prose-main a:not([class]), .answer a:not([class]), .prose-block a:not([class]) {
  background-image: linear-gradient(var(--lx-gold), var(--lx-gold));
  background-repeat: no-repeat; background-size: 0% 1px; background-position: 0 100%;
  transition: background-size 0.45s var(--lx-speed);
  text-decoration-color: transparent;
}
.prose-main a:not([class]):hover, .answer a:not([class]):hover, .prose-block a:not([class]):hover { background-size: 100% 1px; }

/* ============================================================
   14 · TELEFONI · më pak, por e njëjta gjuhë
   ============================================================ */
@media (max-width: 760px) {
  .lx-speed-lines { display: none; }
  .lx-intro svg { width: 64px; }
  :root { --lx-cut: 7px; }
}

/* ============================================================
   LX 2 · MË SHUMË LËVIZJE, PO TË QETA
   Gjuha e "Lamborghini Edition": gjashtëkëndësh, karbon, tehe të
   prera, vija shpejtësie, showroom që rrëshqet vetë. Gjithçka e
   ngadaltë (20 deri 90 sekonda), gjithçka me opacitet të ulët.
   ============================================================ */

/* ---------- 15 · Gjashtëkëndëshat dhe karboni në sipërfaqet jade ---------- */
[data-tone="dark"], .facts-section.dark, .prose-section.dark, .mk-social-band, .page-hero, footer, .mk-tile.dark, .kx-map {
  position: relative; isolation: isolate;
}
.lx-hex {
  position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  opacity: 0.55;
  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 70% 30%, #000 0%, transparent 100%);
          mask-image: radial-gradient(ellipse 70% 80% at 70% 30%, #000 0%, transparent 100%);
}
.lx-hex::before {
  content: ""; position: absolute; inset: -140px -80px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'><path d='M28 1 L54 16 L54 48 L28 63 L2 48 L2 16 Z M28 63 L54 78 L54 110 M28 63 L2 78 L2 110' fill='none' stroke='rgba(201,169,110,0.16)' stroke-width='0.8'/></svg>");
  background-size: 56px 97px;
  animation: lxHexDrift 90s linear infinite;
}
.lx-hex::after {
  content: ""; position: absolute; inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 3px, rgba(0,0,0,0.05) 3px 4px),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,0,0,0.04) 3px 4px);
  opacity: 0.6;
}
@keyframes lxHexDrift { to { transform: translate(-56px, -97px); } }
.page-hero .lx-hex { opacity: 0.35; }
footer .lx-hex { opacity: 0.4; -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%); }

/* ---------- 16 · Aurora: një dritë ari që udhëton ngadalë nëpër jade ---------- */
.lx-aurora {
  position: absolute; inset: -20%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse 34% 40% at 20% 30%, rgba(201,169,110,0.16), transparent 70%),
    radial-gradient(ellipse 28% 36% at 80% 70%, rgba(42,99,70,0.35), transparent 70%);
  filter: blur(40px);
  animation: lxAurora 38s ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes lxAurora {
  0%   { transform: translate(0, 0) rotate(0deg); }
  50%  { transform: translate(6%, -4%) rotate(6deg); }
  100% { transform: translate(-5%, 5%) rotate(-4deg); }
}

/* ---------- 17 · Tehe të prera: kreu bie pjerrët në krem, këmba ngjitet pjerrët ---------- */
@media (min-width: 761px) {
  .hero, .page-hero {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 44px), 0 100%);
    padding-bottom: 24px;
  }
  footer {
    clip-path: polygon(0 44px, 100% 0, 100% 100%, 0 100%);
    padding-top: 44px;
  }
  footer::before {
    top: 0; height: 46px; background: none; animation: none; opacity: 1;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 4' preserveAspectRatio='none'><line x1='0' y1='4' x2='100' y2='0' stroke='rgb(201,169,110)' stroke-width='0.12' vector-effect='non-scaling-stroke'/></svg>");
    background-size: 100% 100%;
  }
}

/* ---------- 18 · Vija e shpejtësisë: kalon një herë në dhjetë sekonda ---------- */
.lx-speedline {
  position: absolute; left: -30%; top: 71%; width: 26%; height: 1px; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(201,169,110,0.65), rgba(224,200,150,0.9), transparent);
  filter: drop-shadow(0 0 6px rgba(201,169,110,0.5));
  animation: lxSpeed 10.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.lx-speedline.two { top: 78%; width: 14%; animation-duration: 13s; animation-delay: 4.2s; opacity: 0.6; }
@keyframes lxSpeed { 0%, 62% { transform: translateX(0); } 100% { transform: translateX(560%); } }
.page-hero .lx-speedline { top: 84%; }

/* ---------- 19 · Shenja e rrëshqitjes në kreun e faqes së parë ---------- */
.lx-scroll-hint {
  position: absolute; left: var(--pad-side, 48px); bottom: 34px; z-index: 2;
  display: flex; align-items: center; gap: 14px;
  font-family: var(--ui); font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-deep);
  opacity: 0; animation: lxFade 1s ease 1.8s forwards;
}
.lx-scroll-hint i {
  position: relative; display: block; width: 64px; height: 1px; background: rgba(163,132,74,0.3); overflow: hidden;
}
.lx-scroll-hint i::after {
  content: ""; position: absolute; inset: 0; width: 40%;
  background: linear-gradient(90deg, transparent, var(--gold));
  animation: lxHintRun 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes lxHintRun { from { transform: translateX(-100%); } to { transform: translateX(260%); } }
.header.scrolled ~ main .lx-scroll-hint { opacity: 0; transition: opacity 0.6s ease; animation: none; }

/* ---------- 20 · Showroom: shina rrëshqet vetë, ndalet nën dorë ---------- */
.kx-rail.lx-auto { scroll-snap-type: none; scroll-behavior: auto; }
.kx-rail-hint { position: relative; padding-left: 32px; }
.kx-rail-hint::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 1px; background: var(--gold);
  animation: lxHintRail 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes lxHintRail { 0% { transform: translateX(-100%); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateX(60%); opacity: 0; } }

/* ---------- 21 · Titujt zbulohen nga poshtë, si nga një perde ---------- */
@media (prefers-reduced-motion: no-preference) {
  .js .section-header .section-title, .js .kx-rail-head h2 {
    clip-path: inset(0 0 100% 0); transform: translateY(14px);
    transition: clip-path 1.1s var(--lx-speed), transform 1.1s var(--lx-speed);
  }
  .js .section-header.in .section-title, .js .kx-rail-head.in h2 {
    clip-path: inset(0 0 -20% 0); transform: none;
  }
  .js .section-header .section-label { opacity: 0; transform: translateX(-10px); transition: opacity 0.9s ease 0.3s, transform 0.9s var(--lx-speed) 0.3s; }
  .js .section-header.in .section-label { opacity: 1; transform: none; }
}

/* ---------- 22 · Paralaksë e butë me rrëshqitjen (vetëm CSS, pa JavaScript) ---------- */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 761px) {
    .mk-coat-photo, .zone-frame, .shot-inner, .prose-side, .kx-band-text, .mk-note, .hy-quote, .voice-card, .tl-step {
      animation: lxFloat linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
    .voice-card:nth-child(2n) { animation-name: lxFloatB; }
    .kx-band-frame img { animation: lxBandY linear both !important; animation-timeline: view() !important; animation-range: entry 0% exit 100% !important; }
  }
}
@keyframes lxFloat  { from { translate: 0 28px; } to { translate: 0 -28px; } }
@keyframes lxFloatB { from { translate: 0 44px; } to { translate: 0 -20px; } }
@keyframes lxBandY  { from { transform: translateY(-6%) scale(1.12); } to { transform: translateY(6%) scale(1.12); } }

/* ---------- 23 · Shiriti anësor hyn me radhë ---------- */
@media (prefers-reduced-motion: no-preference) {
  .float-bar .float-btn { opacity: 0; transform: translateX(24px); animation: lxSlideIn 0.8s var(--lx-speed) forwards; }
  .float-bar .float-btn:nth-child(1) { animation-delay: 1.4s; }
  .float-bar .float-btn:nth-child(2) { animation-delay: 1.52s; }
  .float-bar .float-btn:nth-child(3) { animation-delay: 1.64s; }
  .float-bar .float-btn:nth-child(4) { animation-delay: 1.76s; }
}
@keyframes lxSlideIn { to { opacity: 1; transform: none; } }

/* ---------- 24 · Logo: shkëlqim i rrallë, çdo 18 sekonda ---------- */
.logo { position: relative; overflow: hidden; }
.logo::after {
  content: ""; position: absolute; top: -40%; bottom: -40%; left: -60%; width: 40%;
  background: linear-gradient(100deg, transparent, rgba(224,200,150,0.22), transparent);
  transform: skewX(-20deg) translateX(0);
  animation: lxLogoShine 18s ease-in-out infinite;
  pointer-events: none;
}
@keyframes lxLogoShine { 0%, 88% { transform: skewX(-20deg) translateX(0); } 100% { transform: skewX(-20deg) translateX(520%); } }

/* ---------- 25 · Kartat kx: gloss i ngadaltë edhe pa dorë, me radhë ---------- */
.kx-card { transition: transform 0.9s var(--lx-glide), box-shadow 0.9s ease; }
.kx-card:hover { transform: translateY(-6px); }

/* ---------- 26 · Kush nuk do lëvizje ---------- */
@media (prefers-reduced-motion: reduce) {
  .lx-hex::before, .lx-aurora, .lx-speedline, .lx-scroll-hint, .lx-scroll-hint i::after, .kx-rail-hint::before, .logo::after { animation: none !important; }
  .lx-speedline, .lx-aurora { display: none; }
  .float-bar .float-btn { opacity: 1; transform: none; animation: none; }
}
@media (max-width: 760px) {
  .lx-speedline, .lx-scroll-hint { display: none; }
  .lx-hex { opacity: 0.35; }
}