/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/MetaHero.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.mh {
  position: relative;
  overflow: hidden;
  background: radial-gradient(1100px 640px at 78% 8%, #fff3e2, transparent 60%), var(--cream, #F5F0E6);
  padding: 116px 24px 36px;
}

/* ---- pozadie ---- */
.mh-bg { position: absolute; inset: 0; pointer-events: none; }
.mh-blob { position: absolute; border-radius: 50%; filter: blur(75px); }
.mh-blob.warm1 { width: 480px; height: 480px; left: -120px; top: -60px; background: radial-gradient(circle, #ffcf8a, transparent 70%); opacity: .55; }
.mh-blob.warm2 { width: 420px; height: 420px; right: 6%; bottom: 4%; background: radial-gradient(circle, #ffb066, transparent 70%); opacity: .4; }
.mh-blob.pink { width: 340px; height: 340px; right: 30%; top: 4%; background: radial-gradient(circle, #ff5c8a, transparent 70%); opacity: .18; }
.mh-blob.blue { width: 320px; height: 320px; right: 2%; top: 30%; background: radial-gradient(circle, #4f8bff, transparent 70%); opacity: .16; }
.mh-blob.purple { width: 300px; height: 300px; right: 40%; bottom: 6%; background: radial-gradient(circle, #a855f7, transparent 70%); opacity: .15; }
.mh-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(#e7ddc9 1px, transparent 1px), linear-gradient(90deg, #e7ddc9 1px, transparent 1px);
  background-size: 46px 46px; opacity: .28;
  -webkit-mask-image: radial-gradient(760px 520px at 72% 34%, #000 0%, transparent 72%);
  mask-image: radial-gradient(760px 520px at 72% 34%, #000 0%, transparent 72%);
}
.mh-fly { position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mh-fly.heart { color: #ff3b5c; font-size: 22px; animation: mh-float 7s ease-in-out infinite; text-shadow: 0 6px 14px rgba(255,59,92,.35); }
.mh-fly.spark { color: #ffbc47; font-size: 20px; animation: mh-float 6s ease-in-out infinite; }
.mh-fly.food { width: 54px; animation: mh-float 8s ease-in-out infinite; filter: drop-shadow(0 12px 20px rgba(220,110,30,.28)); }
.mh-fly.f1 { left: 2%; top: 9%; }
.mh-fly.f2 { left: 45%; top: 12%; animation-delay: -2.5s; }
.mh-fly.f3 { left: 47%; top: 27%; bottom: auto; animation-delay: -1.5s; }
.mh-fly.f4 { right: 4%; top: 16%; animation-delay: -3.5s; }
.mh-fly.f5 { left: 40%; bottom: 24%; animation-delay: -1s; }
.mh-fly.f6 { right: 34%; top: 8%; animation-delay: -4s; }
@keyframes mh-float { 0%,100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-22px) rotate(8deg); } }

/* ---- layout ---- */
.mh-wrap {
  position: relative; z-index: 2;
  max-width: 1180px; margin: 0 auto;
  display: grid;
  grid-template-areas: "copy stage" "actions stage";
  grid-template-columns: 1.02fr 0.98fr;
  grid-column-gap: 40px;
  column-gap: 40px; grid-row-gap: 0; row-gap: 0;
  align-items: center;
}

/* ---- copy ---- */
.mh-copy { grid-area: copy; max-width: 560px; align-self: end; }
.mh-actions { grid-area: actions; max-width: 560px; align-self: start; }
.mh-stage { grid-area: stage; }
.mh-eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  border: 1.5px solid rgba(224,156,24,.34); border-radius: 100px;
  padding: 8px 17px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
  color: #9A6A0E; background: rgba(247,196,61,.08);
  margin-bottom: 20px;
  opacity: 0; transform: translateY(10px);
}
.mh-live {
  width: 8px; height: 8px; border-radius: 50%; background: #E09C18;
  box-shadow: 0 0 0 0 rgba(224,156,24,.5); animation: mhPulse 1.9s ease-in-out infinite;
}
@keyframes mhPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(224,156,24,.5); } 70% { box-shadow: 0 0 0 8px rgba(224,156,24,0); } }
.mh-h1 {
  font-family: "Clash Display", "Bricolage Grotesque", sans-serif; font-weight: 800;
  font-size: clamp(2.2rem, 4.3vw, 3.3rem); line-height: 1.14; letter-spacing: -0.008em;
  color: #1a1a1a; margin: 0 0 20px;
  opacity: 0; transform: translateY(14px);
}
.mh-h1 .hl {
  background: linear-gradient(transparent 62%, rgba(255,91,138,.35) 0);
  padding: 0 .06em; border-radius: 4px;
}
.mh-h1 .g { background: linear-gradient(102deg, #F5A623, #E2700A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.mh-body { color: #55524c; font-size: 1.12rem; line-height: 1.6; margin: 0 0 24px; opacity: 0; transform: translateY(14px); }

.mh-cta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 22px; opacity: 0; transform: translateY(14px); }
.mh-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: linear-gradient(135deg, #ffbc47, #ff6a1a); color: #1a1305;
  padding: 15px 26px; border-radius: 40px; font-weight: 700; text-decoration: none; font-size: 1rem;
  box-shadow: 0 16px 34px -14px rgba(255,106,26,.65); transition: transform .2s ease, box-shadow .2s ease;
}
.mh-btn:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -16px rgba(255,106,26,.75); }
.mh-link { display: inline-flex; align-items: center; gap: 6px; color: #55524c; font-weight: 600; text-decoration: none; }
.mh-link:hover { color: #d9640a; }

.mh-avail { display: inline-flex; align-items: center; gap: 9px; color: #55524c; font-size: .95rem; margin-bottom: 12px; opacity: 0; transform: translateY(14px); }
.mh-dot { width: 9px; height: 9px; border-radius: 50%; background: #37c46b; box-shadow: 0 0 0 4px rgba(55,196,107,.2); }
.mh-proof { display: flex; flex-direction: column; gap: 7px; opacity: 0; transform: translateY(14px); }
.mh-proof-rating { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: .93rem; color: #4a453d; line-height: 1.4; min-height: 21px; }
.mh-stars { color: #f5a623; letter-spacing: 2px; }
.mh-quote { animation: mhQuoteFade .5s ease; }
.mh-quote b { color: #7a766f; font-weight: 600; }
@keyframes mhQuoteFade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.mh-auth-line { font-size: .84rem; color: #7a766f; }

/* reveal — čisté CSS, beží hneď po načítaní štýlov (žiadna závislosť na JS) */
.mh-eyebrow { animation: mh-rise .6s ease .05s forwards; }
.mh-h1 { animation: mh-rise .7s ease .12s forwards; }
.mh-body { animation: mh-rise .7s ease .22s forwards; }
.mh-avail { animation: mh-rise .7s ease .3s forwards; }
.mh-cta { animation: mh-rise .7s ease .38s forwards; }
.mh-proof { animation: mh-rise .7s ease .44s forwards; }
@keyframes mh-rise { to { opacity: 1; transform: none; } }

/* ---- scéna ---- */
.mh-stage { position: relative; height: 470px; display: grid; place-items: center; }
.mh-ring { position: absolute; width: 380px; height: 380px; border-radius: 50%; border: 1.5px dashed #e6c79a; opacity: .55; animation: mh-spin 40s linear infinite; }
@keyframes mh-spin { to { transform: rotate(360deg); } }

.mh-post {
  position: relative; z-index: 3; width: 288px;
  background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 34px 70px -26px rgba(60,40,10,.4), 0 4px 14px rgba(60,40,10,.08);
  transform: rotate(-2deg); animation: mh-bob 6s ease-in-out infinite;
}
@keyframes mh-bob { 0%,100% { transform: rotate(-2deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-10px); } }
.mh-post-top { display: flex; align-items: center; gap: 9px; padding: 11px 13px; }
.mh-ava { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #ffbc47, #ff6a1a); color: #1a1305; font-family: "Clash Display", sans-serif; font-weight: 800; font-size: 1rem; }
.mh-acc { display: flex; flex-direction: column; line-height: 1.15; flex: 1 1; }
.mh-acc b { font-size: .86rem; color: #1a1a1a; }
.mh-acc i { font-size: .72rem; color: #8a857c; font-style: normal; }
.mh-dots { color: #b0a89b; font-weight: 800; letter-spacing: 1px; }
.mh-post-img { position: relative; aspect-ratio: 1/1; display: grid; place-items: center; background: radial-gradient(circle at 50% 40%, #ffdca6, #ff8a3d 75%, #ff5c1a); }
.mh-post-img img { width: 58%; filter: drop-shadow(0 14px 22px rgba(120,40,0,.3)); animation: mh-float 5s ease-in-out infinite; }
.mh-tag { position: absolute; left: 10px; bottom: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: .68rem; font-weight: 600; padding: 3px 9px; border-radius: 20px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.mh-post-acts { display: flex; align-items: center; gap: 14px; padding: 11px 14px 4px; color: #1a1a1a; }
.mh-post-acts .a-heart { color: #ff3b5c; }
.mh-post-acts .a-save { margin-left: auto; }
.mh-post-cap { padding: 2px 14px 14px; display: flex; flex-direction: column; gap: 3px; }
.mh-post-cap > b { font-size: .82rem; color: #1a1a1a; }
.mh-post-cap > span { font-size: .8rem; color: #55524c; line-height: 1.4; }
.mh-post-cap b { font-weight: 700; }

/* platform badge */
.mh-badge { position: absolute; z-index: 4; width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; color: #fff; box-shadow: 0 16px 30px -12px rgba(0,0,0,.35); animation: mh-float 6.5s ease-in-out infinite; }
.mh-badge.b-ig { top: 6%; left: 4%; background: linear-gradient(45deg, #feda75, #fa7e1e 25%, #d62976 55%, #962fbf 80%, #4f5bd5); }
.mh-badge.b-fb { top: 2%; right: 12%; background: #1877F2; animation-delay: -1.5s; }
.mh-badge.b-msg { bottom: 16%; left: 0%; background: linear-gradient(45deg, #00B2FF, #006AFF 45%, #A033FF 75%, #FF5280); animation-delay: -3s; }
.mh-badge.b-reels { bottom: 6%; right: 8%; background: linear-gradient(45deg, #ff5e3a, #ff2a68 55%, #c644fc); animation-delay: -2.2s; }

/* reaction bubliny */
.mh-chip { position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 7px; background: #fff; border-radius: 40px; padding: 8px 14px; font-weight: 700; font-size: .86rem; color: #1a1a1a; box-shadow: 0 16px 32px -14px rgba(60,40,10,.4); animation: mh-float 7.5s ease-in-out infinite; }
.mh-chip .ic { display: grid; place-items: center; }
.mh-chip.c-like { top: 20%; right: 2%; color: #1a1a1a; animation-delay: -1s; }
.mh-chip.c-like .ic { color: #17a34a; }
.mh-chip.c-comment { bottom: 30%; right: 0%; animation-delay: -2.6s; }
.mh-chip.c-comment .ic { color: #f5a623; }
.mh-chip.c-follow { bottom: 4%; left: 10%; background: linear-gradient(135deg, #37c46b, #17a34a); color: #fff; animation-delay: -1.8s; }

/* ---- marquee ---- */
.mh-marquee { position: relative; z-index: 2; max-width: 1180px; margin: 24px auto 0; padding-top: 18px; border-top: 1px solid #ece2cf; }
.mh-marquee-lbl { display: block; text-align: center; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: #a99f8c; margin-bottom: 14px; }
.mh-marquee-mask { position: relative; overflow: hidden; }
/* okrajový fade PREKRYTÍM (nie mask-image) — mask nad animovaným obsahom spôsobovala
   miznutie log na mobilných GPU (neprekreslená kompozitná vrstva) */
.mh-marquee-mask::before, .mh-marquee-mask::after { content: ""; position: absolute; top: 0; bottom: 0; width: 56px; z-index: 2; pointer-events: none; }
.mh-marquee-mask::before { left: 0; background: linear-gradient(90deg, var(--cream, #F5F0E6), rgba(245,240,230,0)); }
.mh-marquee-mask::after { right: 0; background: linear-gradient(270deg, var(--cream, #F5F0E6), rgba(245,240,230,0)); }
.mh-marquee-track { display: flex; align-items: center; width: max-content; animation: mh-scroll 34s linear infinite; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/* dve identické skupiny s rovnakou trailing medzerou → translateX(-50%) je presne jedna skupina (žiadny skok/biele miesto) */
.mh-marquee-group { display: flex; align-items: center; gap: 48px; padding-right: 48px; flex-shrink: 0; }
.mh-marquee-track img { height: 32px; width: auto; opacity: .95; flex-shrink: 0; transition: opacity .2s; }
.mh-marquee-track img:hover { opacity: 1; }
@keyframes mh-scroll { to { transform: translateX(-50%); } }

/* ===== desktop: výraznejšie CTA (mobil má vlastné pravidlá nižšie) ===== */
@media (min-width: 941px) {
  .mh-cta .btn-primary {
    padding: 19px 36px;
    font-size: 16.5px;
    border-radius: 16px;
    box-shadow: 0 18px 40px -14px rgba(201,130,11,.65), inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 5px rgba(120,76,0,.18);
  }
  .mh-cta .btn-primary svg { width: 20px; height: 20px; }
}

/* ===== mobil / tablet: poradie TEXT → BANNER → CTA, všetko viditeľné ===== */
@media (max-width: 940px) {
  .mh-wrap {
    grid-template-areas: "copy" "stage" "actions";
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .mh-copy, .mh-actions { max-width: 100%; align-self: auto; }
  /* margin-top: plávajúce badge sa vznášajú ~22px NAD okraj scény — nesmú siahať do textu */
  .mh-stage { height: 400px; margin-top: 16px; }
  .mh-fly.f4 { display: none; } /* pizza trčiaca z kraja */
}

@media (max-width: 560px) {
  .mh { padding: 100px 20px 28px; }

  /* nadpis: prirodzené zalamovanie (bez násilných <br>), menšie písmo */
  .mh-h1 br { display: none; }
  .mh-h1 { font-size: clamp(2.1rem, 9.2vw, 2.6rem); line-height: 1.16; margin-bottom: 14px; }
  .mh-eyebrow { margin-bottom: 14px; font-size: 12px; padding: 7px 14px; }
  .mh-body { font-size: 1.02rem; margin-bottom: 0; }

  /* kompaktný banner + vzduch nad textom aj pod (pred CTA) */
  .mh-stage { height: 372px; margin-top: 18px; margin-bottom: 12px; }
  .mh-ring { width: 250px; height: 250px; }
  .mh-post { width: 200px; }
  .mh-post-top { padding: 9px 11px; }
  .mh-ava { width: 30px; height: 30px; font-size: .88rem; }
  .mh-acc b { font-size: .8rem; }
  .mh-acc i { font-size: .68rem; }
  .mh-post-acts { gap: 12px; padding: 9px 12px 3px; }
  .mh-post-cap { padding: 2px 12px 12px; }
  .mh-post-cap > b { font-size: .76rem; }
  .mh-post-cap > span { font-size: .74rem; }

  /* platform badge: menšie, v rohoch mimo obsahu postu */
  .mh-badge { width: 42px; height: 42px; border-radius: 13px; }
  .mh-badge svg { width: 18px; height: 18px; }
  .mh-badge.b-ig { top: 2%; left: 2%; }
  .mh-badge.b-fb { top: 0; right: 4%; }
  .mh-badge.b-reels { bottom: 4%; left: 3%; right: auto; }
  .mh-badge.b-msg { display: none; }

  /* metriky: menšie, na hranách postu, nie cez jeho texty */
  .mh-chip { font-size: .76rem; padding: 6px 11px; gap: 5px; }
  .mh-chip .ic svg { width: 14px; height: 14px; }
  .mh-chip.c-like { top: 11%; right: 0; }
  .mh-chip.c-comment { top: 44%; left: 0; right: auto; bottom: auto; }
  .mh-chip.c-follow { bottom: 5%; right: 0; left: auto; }

  /* menej rozptýlení okolo (srdiečka/food mimo banner preč z textov) */
  .mh-fly.f1, .mh-fly.f2, .mh-fly.f3, .mh-fly.f5, .mh-fly.f6 { display: none; }

  /* CTA blok: všetko pekne na stred ako na ostatných stránkach */
  .mh-actions { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .mh-cta { width: 100%; flex-direction: column; gap: 16px; margin-bottom: 18px; }
  .mh-cta .btn-primary { width: 100%; justify-content: center; min-height: 54px; }
  .mh-avail { margin-bottom: 12px; justify-content: center; font-size: .8rem; gap: 7px; }
  .mh-avail .mh-dot { width: 7px; height: 7px; }
  .mh-proof { align-items: center; text-align: center; }
  /* rezervovaná výška — rotujúce recenzie majú rôzny počet riadkov;
     bez toho stránka „skáče" hore-dole každých 3,8 s (proof rástol o 21 px) */
  .mh-proof-rating { justify-content: center; align-content: center; min-height: 74px; }
  .mh-auth-line { font-size: .78rem; }
  .mh-marquee { margin-top: 30px; }
  .mh-marquee-track img { height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .mh-fly, .mh-post, .mh-badge, .mh-chip, .mh-ring, .mh-post-img img, .mh-marquee-track { animation: none; }
  /* texty MUSIA byť viditeľné aj bez animácií (Android „obmedziť animácie") */
  .mh-eyebrow, .mh-h1, .mh-body, .mh-cta, .mh-avail, .mh-proof { animation: none; opacity: 1; transform: none; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/MetaResults.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.mr {
  position: relative;
  overflow: hidden;
  background: radial-gradient(900px 540px at 20% -10%, #2b2118, transparent 60%), #1a1a1a;
  padding: clamp(76px, 9vw, 130px) 24px;
}

/* ---- pozadie ---- */
.mr-bg { position: absolute; inset: 0; pointer-events: none; }
.mr-blob { position: absolute; border-radius: 50%; filter: blur(85px); }
.mr-blob.p1 { width: 440px; height: 440px; left: -140px; top: 6%; background: radial-gradient(circle, #ff5c8a, transparent 70%); opacity: .13; }
.mr-blob.p2 { width: 480px; height: 480px; right: -150px; top: 34%; background: radial-gradient(circle, #4f8bff, transparent 70%); opacity: .12; }
.mr-blob.p3 { width: 420px; height: 420px; left: 34%; bottom: -160px; background: radial-gradient(circle, #ff8a3d, transparent 70%); opacity: .16; }
.mr-fly { position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; animation: mr-float 7.5s ease-in-out infinite; }
.mr-fly.h1x { color: #ff3b5c; font-size: 22px; left: 5%; top: 24%; text-shadow: 0 6px 14px rgba(255,59,92,.4); }
.mr-fly.h2x { color: #ff3b5c; font-size: 17px; right: 7%; top: 12%; animation-delay: -2.6s; }
.mr-fly.s1x { color: #ffbc47; font-size: 20px; right: 4%; bottom: 26%; animation-delay: -1.4s; }
.mr-fly.s2x { color: #ffbc47; font-size: 15px; left: 10%; top: 8%; animation-delay: -4s; }
.mr-fly.f1x { width: 52px; left: 2%; bottom: 14%; animation-delay: -3s; filter: drop-shadow(0 12px 20px rgba(0,0,0,.45)); }
.mr-fly.f2x { width: 56px; right: 3%; top: 44%; animation-delay: -5s; filter: drop-shadow(0 12px 20px rgba(0,0,0,.45)); }
@keyframes mr-float { 0%,100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-20px) rotate(7deg); } }

/* ---- hlavička ---- */
.mr-wrap { position: relative; z-index: 2; max-width: 1160px; margin: 0 auto; }
.mr-head { text-align: center; max-width: 700px; margin: 0 auto clamp(42px, 6vw, 68px); }
.mr-kicker {
  display: inline-block; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  font-size: .8rem; color: #ffbc47; margin-bottom: 14px;
}
.mr-title {
  font-family: "Clash Display", "Bricolage Grotesque", sans-serif;
  font-size: clamp(2rem, 5vw, 3.3rem); line-height: 1.14; letter-spacing: .005em;
  color: #F5F0E6; margin: 0 0 16px;
}
.mr-title .g {
  display: inline-block; padding-right: .08em; /* aby gradient neorezal poslednú literu/bodku */
  background: linear-gradient(102deg, #FCD34D, #F5A623 45%, #E2700A);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.mr-lead { color: #b9b2a4; font-size: 1.1rem; line-height: 1.6; margin: 0; }

/* ---- slider s kartami (social posty) ---- */
.mr-slider { position: relative; }
.mr-track {
  display: flex; gap: clamp(16px, 2.4vw, 28px); align-items: start;
  overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  padding: 26px 14px 14px; scrollbar-width: none; /* padding-top = priestor pre ROAS nálepku vytŕčajúcu z rohu */
}
.mr-track::-webkit-scrollbar { display: none; }
.mr-card {
  position: relative; flex: 0 0 clamp(272px, 31%, 344px); scroll-snap-align: center;
  transform: rotate(var(--rot, 0deg));
  transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
.mr-card-inner {
  background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 30px 60px -24px rgba(0,0,0,.55);
  transition: box-shadow .3s ease;
}
.reveal.mr-slider .mr-card { opacity: 0; transform: rotate(var(--rot, 0deg)) translateY(26px); }
.reveal.mr-slider.in .mr-card {
  opacity: 1; transform: rotate(var(--rot, 0deg)) translateY(0);
  transition: opacity .65s ease var(--d), transform .65s cubic-bezier(.2,.7,.2,1) var(--d);
}
.mr-card:hover { transform: rotate(0deg) translateY(-8px) !important; }
.mr-card:hover .mr-card-inner { box-shadow: 0 42px 80px -26px rgba(0,0,0,.65); }

/* ---- šípky slidera ---- */
.mr-arrow {
  position: absolute; top: 46%; transform: translateY(-50%); z-index: 6;
  width: 48px; height: 48px; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; color: #1a1a1a;
  background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 30px -8px rgba(0,0,0,.5);
  transition: transform .2s ease, background .2s ease;
}
.mr-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.08); }
.mr-arrow.left { left: -10px; }
.mr-arrow.left svg { transform: rotate(180deg); }
.mr-arrow.right { right: -10px; }

.mr-card-top { display: flex; align-items: center; gap: 9px; padding: 12px 14px; }
.mr-ava {
  width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
  background: #fff; box-shadow: 0 0 0 1.5px rgba(0,0,0,.06);
}
.mr-ava img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mr-acc { display: flex; flex-direction: column; line-height: 1.15; flex: 1 1; min-width: 0; }
.mr-acc b { font-size: .88rem; color: #1a1a1a; }
.mr-acc i { font-size: .72rem; color: #8a857c; font-style: normal; }
.mr-dots { color: #b0a89b; font-weight: 800; letter-spacing: 1px; }

.mr-creative { position: relative; aspect-ratio: 1/1; background: #0e0e0e; overflow: hidden; }
.mr-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* carousel — prelínanie grafík */
.mr-fade { opacity: 0; transition: opacity .8s ease; }
.mr-fade.on { opacity: 1; }
.mr-cdots { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 3; display: flex; justify-content: center; gap: 6px; }
.mr-cdots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.5); transition: background .3s ease, transform .3s ease; }
.mr-cdots i.on { background: #fff; transform: scale(1.25); }

/* ROAS nálepka — VYTŔČA z pravého horného rohu karty (mimo grafiky), gold gradient, naklonená */
.mr-stat {
  position: absolute; top: -14px; right: -10px; z-index: 6;
  display: inline-flex; flex-direction: column; align-items: center; line-height: 1.0;
  padding: 8px 14px 9px; border-radius: 15px;
  background: linear-gradient(135deg, #FCD34D, #F7A81E 52%, #E2700A);
  border: 1.5px solid rgba(255,255,255,.92);
  box-shadow: 0 12px 26px -6px rgba(226,112,10,.55), 0 4px 14px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.45) inset;
  transform: rotate(4deg); transform-origin: center;
}
.mr-stat b {
  font-family: "Clash Display", "Bricolage Grotesque", sans-serif; font-weight: 800;
  font-size: 1.6rem; letter-spacing: -.012em; color: #1a1208;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.mr-stat i {
  font-style: normal; font-size: .56rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .07em; color: #7a3d00; margin-top: 2px;
}

.mr-acts { display: flex; align-items: center; gap: 14px; padding: 12px 14px 4px; color: #1a1a1a; }
.mr-acts .a-heart { color: #ff3b5c; }
.mr-acts .a-save { margin-left: auto; }
.mr-likes { padding: 2px 14px 0; font-size: .82rem; font-weight: 700; color: #1a1a1a; }
.mr-caption { padding: 6px 14px 0; margin: 0; font-size: .88rem; line-height: 1.5; color: #55524c; }
.mr-chips { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 14px 16px; }
.mr-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: #f6f1e6; border: 1px solid #ece2cf; border-radius: 20px;
  padding: 6px 12px; font-size: .8rem; font-weight: 700; color: #1a1a1a;
}
.mr-chip .ic { display: grid; place-items: center; color: #17a34a; }

/* ---- footer link ---- */
.mr-foot { text-align: center; margin-top: clamp(36px, 5vw, 54px); }
.mr-note {
  max-width: 640px; margin: 0 auto clamp(20px, 3vw, 30px);
  color: #8a8477; font-size: .82rem; line-height: 1.55;
}
.mr-link {
  display: inline-flex; align-items: center; gap: 9px;
  color: #ffbc47; font-weight: 700; text-decoration: none; font-size: 1.05rem;
  transition: gap .2s ease, color .2s ease;
}
.mr-link:hover { gap: 14px; color: #ffd45a; }

@media (max-width: 940px) {
  .mr-card { flex: 0 0 84%; --rot: 0deg !important; }
  .mr-track { gap: 16px; scroll-padding: 0 8%; padding-left: 8%; padding-right: 8%; align-items: stretch; }

  /* rovnaká výška všetkých kariet — chips zarovnané dole */
  .mr-card-inner { height: 100%; display: flex; flex-direction: column; }
  .mr-creative { flex-shrink: 0; }
  .mr-caption { flex: 1 1 auto; }

  /* šípky ostávajú aj na mobile — klik doprava/doľava */
  .mr-arrow { display: grid; width: 42px; height: 42px; }
  .mr-arrow.left { left: 2px; }
  .mr-arrow.right { right: 2px; }

  /* jedlá (donut + taco) preč len na mobile v tejto sekcii */
  .mr-fly.f1x, .mr-fly.f2x { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mr-fly { animation: none; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/MetaCtaBand.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.mcb{position:relative;overflow:hidden;text-align:center;color:#14110D;
  background:linear-gradient(180deg,#FBF7ED 0%,#FBF4E4 55%,#FCF3DE 100%);
  padding:118px 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.mcb *{box-sizing:border-box}

/* ---------- pozadie: farebné social blobs + jemná mriežka ---------- */
.mcb-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.mcb-blob{position:absolute;border-radius:50%;filter:blur(85px);opacity:.5}
.mcb-blob.warm{width:460px;height:460px;top:-170px;left:50%;margin-left:-230px;background:radial-gradient(circle,rgba(247,196,61,.55),transparent 65%);animation:mcbFloat 20s ease-in-out infinite}
.mcb-blob.pink{width:400px;height:400px;bottom:-160px;left:4%;background:radial-gradient(circle,rgba(255,150,80,.34),transparent 65%);animation:mcbFloat 24s ease-in-out infinite reverse}
.mcb-blob.blue{width:360px;height:360px;top:12%;right:2%;background:radial-gradient(circle,rgba(255,180,90,.3),transparent 65%);animation:mcbFloat 27s ease-in-out infinite}
.mcb-blob.purple{width:340px;height:340px;bottom:2%;right:12%;background:radial-gradient(circle,rgba(247,170,60,.3),transparent 65%);animation:mcbFloat 23s ease-in-out infinite reverse}
@keyframes mcbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(26px,-22px) scale(1.06)}66%{transform:translate(-22px,16px) scale(.96)}}
.mcb-grid{position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(20,17,13,.05) 1.1px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 42%,#000,transparent 78%);mask-image:radial-gradient(70% 60% at 50% 42%,#000,transparent 78%)}

/* ---------- dekoračná vrstva ---------- */
.mcb-deco{position:absolute;inset:0;z-index:2;pointer-events:none;
  transform:translate(var(--mx,0),var(--my,0));transition:transform .3s ease-out}

/* food emoji (brandová kontinuita) */
.mcb-food{position:absolute;filter:drop-shadow(0 14px 20px rgba(80,50,10,.24));animation:mcbFloatY var(--fd,9s) ease-in-out infinite}
.f-pizza{bottom:6%;left:3%;width:138px;height:138px;transform:rotate(-13deg);--fd:10.5s}
.f-donut{top:6%;right:3%;width:138px;height:138px;transform:rotate(10deg);--fd:8.5s;animation-delay:-2s}
@keyframes mcbFloatY{0%,100%{translate:0 0}50%{translate:0 -20px}}

/* platform badge — brandové farby, zaoblený štvorec */
.mcb-badge{position:absolute;width:58px;height:58px;border-radius:17px;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 18px 34px -12px rgba(60,20,80,.4),inset 0 1px 0 rgba(255,255,255,.35);
  opacity:0;transform:translateY(26px) scale(.6);animation:mcbBadgeFloat var(--bf,7s) ease-in-out infinite}
.mcb.in .mcb-badge{animation:mcbBadgeIn .7s var(--d,.5s) both,mcbBadgeFloat var(--bf,7s) ease-in-out var(--d,.5s) infinite}
@keyframes mcbBadgeIn{0%{opacity:0;transform:translateY(26px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes mcbBadgeFloat{0%,100%{translate:0 0}50%{translate:0 -15px}}
.mcb-badge.b-ig{background:linear-gradient(135deg,#FEDA75,#FA7E1E 28%,#D62976 58%,#962FBF 78%,#4F5BD5)}
.mcb-badge.b-fb{background:linear-gradient(135deg,#1B8CFF,#1877F2)}
.mcb-badge.b-msg{background:linear-gradient(135deg,#00B2FF,#006AFF 38%,#A033FF 72%,#FF5280)}
.mcb-badge.b-reels{background:linear-gradient(135deg,#833AB4,#C13584 45%,#FD1D1D 78%,#FCB045)}
.mcb-badge.p1{top:13%;left:6%;--bf:6.6s}
.mcb-badge.p2{bottom:39%;left:6%;--bf:7.6s}
.mcb-badge.p3{top:39%;right:6%;--bf:8s}
.mcb-badge.p4{bottom:13%;right:6%;--bf:6.9s}
@media(max-width:1180px){.mcb-badge.p2,.mcb-badge.p4{display:none}}

/* srdiečka + iskričky */
.mcb-fly{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:mcbFloatY 7.5s ease-in-out infinite}
.mcb-fly.heart{color:#ff3b5c;text-shadow:0 6px 14px rgba(255,59,92,.4)}
.mcb-fly.spark{color:#F5A623}
.mcb-fly.h2{font-size:22px;left:25%;top:11%;animation-delay:-3.5s}
.mcb-fly.s1{font-size:18px;right:25%;top:12%;animation-delay:-1s}
.mcb-fly.s2{font-size:18px;left:25%;bottom:12%;animation-delay:-4s}
.mcb-fly.h1{font-size:22px;right:25%;bottom:11%;animation-delay:-1.5s}

/* hravé notifikačné bubliny */
.mcb-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;
  background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:800;color:#1a1a1a;
  box-shadow:0 16px 32px -12px rgba(60,30,90,.4),0 2px 6px rgba(0,0,0,.05);
  opacity:0;transform:scale(.6);animation:mcbFloatY 8s ease-in-out infinite}
.mcb.in .mcb-chip{animation:mcbChipIn .6s .7s both,mcbFloatY 8s ease-in-out .7s infinite}
@keyframes mcbChipIn{0%{opacity:0;transform:scale(.6) translateY(14px)}100%{opacity:1;transform:none}}
.mcb-chip .ic{display:grid;place-items:center}
.mcb-chip .ic.heart{color:#ff3b5c;font-size:15px}
.mcb-chip .ic svg{color:#17a34a}
.mcb-chip.c-like{top:38%;left:3%;--fd:7s}
.mcb-chip.c-buy{bottom:38%;right:3%;animation-delay:-2.5s}
@media(max-width:1180px){.mcb-chip{display:none}}

/* ---------- obsah ---------- */
.mcb-inner{position:relative;z-index:3;max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:center}

.mcb .r{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.mcb.in .r{opacity:1;transform:none}
.mcb.in .mcb-title{transition-delay:.12s}
.mcb.in .mcb-sub{transition-delay:.26s}
.mcb.in .mcb-btn{transition-delay:.4s}
.mcb.in .mcb-trust{transition-delay:.52s}

.mcb-scarcity{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:#5C574F;margin-bottom:24px;
  background:rgba(255,255,255,.7);border:1px solid rgba(20,17,13,.1);border-radius:999px;padding:8px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mcb-scarcity strong{color:#14110D;font-weight:700}
.mcb-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#3FB950;animation:mcbPulse 1.9s ease-in-out infinite}
@keyframes mcbPulse{0%{box-shadow:0 0 0 0 rgba(63,185,80,.5)}70%{box-shadow:0 0 0 9px rgba(63,185,80,0)}100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}}

.mcb-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;
  font-size:clamp(32px,5vw,56px);line-height:1.08;letter-spacing:-.02em;margin:0;color:#14110D}
.mcb-mark{position:relative;white-space:nowrap;background:linear-gradient(102deg,#FCD34D,#F5A623 45%,#E2700A);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.06em}

.mcb-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.64;color:#5C574F;margin:24px 0 0;max-width:60ch}

/* zlaté tlačidlo — rovnaký štýl ako inde na webe */
.mcb-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:12px;margin-top:38px;
  min-height:66px;padding:0 46px;border-radius:14px;text-decoration:none;font-weight:900;font-size:18.5px;letter-spacing:.01em;color:#2A1400;
  text-shadow:0 1px 0 rgba(255,240,200,.45);
  background:linear-gradient(135deg,#FFD262 0%,#F4B11F 48%,#D88A0C 100%);
  box-shadow:0 16px 34px -12px rgba(201,130,11,.6),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22);
  transform:translateZ(0);animation:mcbBtnPulse 2.8s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}
.mcb-btn svg{position:relative;z-index:2;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mcb-btn span{position:relative;z-index:2}
.mcb-btn::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);
  transform:translateX(-130%);animation:mcbBtnShine 4.5s ease-in-out 1.2s infinite}
.mcb-btn::after{content:"";position:absolute;left:0;right:0;top:0;height:48%;z-index:1;pointer-events:none;border-radius:14px 14px 40% 40%;
  background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);opacity:.7}
.mcb-btn:hover{transform:translateY(-3px) scale(1.025);animation-play-state:paused;
  box-shadow:0 26px 52px -12px rgba(201,130,11,.75),0 0 36px -4px rgba(255,200,70,.8),inset 0 1px 0 rgba(255,255,255,.6)}
.mcb-btn:hover::before{animation:none;transform:translateX(130%);transition:transform .8s ease}
.mcb-btn:hover svg{transform:translateX(6px)}
.mcb-btn:active{transform:translateY(-1px) scale(.99)}
@keyframes mcbBtnPulse{0%,100%{box-shadow:0 16px 34px -12px rgba(201,130,11,.6),0 0 0 0 rgba(244,192,74,0),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22)}
  50%{box-shadow:0 18px 38px -12px rgba(201,130,11,.62),0 0 30px 2px rgba(255,196,64,.55),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22)}}
@keyframes mcbBtnShine{0%{transform:translateX(-130%)}22%,100%{transform:translateX(130%)}}

.mcb-trust{margin-top:20px;font-size:13.5px;color:#8A8278}

/* ---------- mobil ---------- */
@media(max-width:560px){
  .mcb{padding:78px 16px}
  /* mobil ako Google: len jemné jedlo v rohoch (po stranách), badge/srdiečka/bubliny preč */
  .mcb-badge,.mcb-fly,.mcb-chip{display:none}
  .mcb-food{opacity:.3}
  .f-pizza{width:74px;height:74px;bottom:2%;left:1%}
  .f-donut{width:74px;height:74px;top:2%;right:1%}
  .mcb-btn{width:100%;justify-content:center;min-height:60px;font-size:15.5px;font-weight:700;letter-spacing:0;padding:0 18px;gap:10px;border-radius:16px;margin-top:30px}
  .mcb-btn span{white-space:nowrap}
}

/* výkon na dotykových zariadeniach: zastav ťažké animácie pozadia */
@media(pointer:coarse),(max-width:880px){
  .mcb-blob,.mcb-food,.mcb-fly{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .mcb-blob,.mcb-food,.mcb-fly,.mcb-badge,.mcb-chip,.mcb-btn,.mcb-btn::before,.mcb-dot{animation:none}
  .mcb.in .mcb-badge,.mcb.in .mcb-chip{opacity:1;transform:none;animation:none}
  .mcb .r{opacity:1;transform:none;transition:none}
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/WhyUs.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.wu{position:relative;overflow:hidden;background:#14110D;color:#F5F0E6;
  padding:clamp(80px,10vw,130px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.wu *{box-sizing:border-box}

/* pozadie */
.wu-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.wu-aurora{position:absolute;right:-12%;top:-25%;width:75%;height:130%;
  background:radial-gradient(42% 42% at 70% 35%,rgba(247,196,61,.15),transparent 62%),
    radial-gradient(40% 40% at 60% 72%,rgba(226,112,10,.1),transparent 60%);
  filter:blur(44px);animation:wuAurora 22s ease-in-out infinite}
@keyframes wuAurora{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-3%,3%) scale(1.08)}}
.wu-grid{position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(255,240,225,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,240,225,.04) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 40%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 75% 75% at 50% 40%,#000 35%,transparent 78%)}
/* farebné animované bloby */
.wu-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.wu-blob.wb1{width:420px;height:420px;top:-120px;left:8%;
  background:radial-gradient(circle,rgba(247,196,61,.5),transparent 66%);animation:wuFloat 20s ease-in-out infinite}
.wu-blob.wb2{width:360px;height:360px;bottom:-140px;left:30%;
  background:radial-gradient(circle,rgba(226,112,10,.42),transparent 66%);animation:wuFloat 26s ease-in-out infinite reverse}
.wu-blob.wb3{width:300px;height:300px;top:24%;right:30%;
  background:radial-gradient(circle,rgba(255,90,60,.26),transparent 66%);animation:wuFloat 23s ease-in-out infinite}
@keyframes wuFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-28px,22px) scale(.94)}}
/* stúpajúce častice */
.wu-particles{position:absolute;inset:0;overflow:hidden}
.wu-pt{position:absolute;bottom:-12px;width:var(--z,4px);height:var(--z,4px);border-radius:50%;opacity:0;
  background:radial-gradient(circle,#FCD34D,rgba(226,112,10,0) 70%);
  animation-name:wuRise;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes wuRise{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:.8}85%{opacity:.35}100%{transform:translateY(-600px) scale(1.1);opacity:0}}

.wu-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto}

/* hlavička — nadpis ROVNAKÝ ako hero */
.wu-head{max-width:760px;margin-bottom:54px}
.wu-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#F7C43D;font-weight:700;margin-bottom:16px}
.wu-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.04;
  letter-spacing:-.025em;font-size:clamp(24px,4.4vw,50px);margin:0;color:#F7F2E8}
.wu-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.wu-lead{margin:18px 0 0;font-size:17px;line-height:1.62;color:#A89F90;max-width:52ch}

/* layout: akordeón + fotka */
.wu-body{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:clamp(28px,4.5vw,64px);gap:clamp(28px,4.5vw,64px);align-items:center}

/* KOMPAKTNÝ AKORDEÓN */
.wu-acc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.wu-item{border-bottom:1px solid rgba(255,240,225,.09)}
.wu-item:first-child{border-top:1px solid rgba(255,240,225,.09)}
.wu-q{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;cursor:pointer;
  text-align:left;padding:16px 2px;color:#EFE9DD;font-family:inherit}
.wu-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(247,196,61,.1);border:1px solid rgba(247,196,61,.2);color:#F7C43D;
  transition:background .25s,color .25s,transform .25s}
.wu-item.open .wu-ic{background:linear-gradient(135deg,#F4C04A,#E09C18);border-color:transparent;color:#231000}
.wu-q-t{flex:1 1;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;letter-spacing:-.01em;
  font-size:18px;transition:color .25s}
.wu-item.open .wu-q-t,.wu-q:hover .wu-q-t{color:#F7C43D}
.wu-tg{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#A89F90;
  border:1px solid rgba(255,240,225,.15);transition:transform .35s cubic-bezier(.3,.8,.3,1),color .25s,border-color .25s}
.wu-item.open .wu-tg{transform:rotate(135deg);color:#F7C43D;border-color:rgba(247,196,61,.4)}
/* plynulé rozbalenie */
.wu-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.3,.8,.3,1)}
.wu-item.open .wu-a{grid-template-rows:1fr}
.wu-a-in{overflow:hidden}
.wu-a p{margin:0 2px 8px 52px;font-size:17px;line-height:1.62;color:#AEA595;max-width:52ch}
.wu-a p:first-child{margin-top:-2px}
.wu-a p:last-child{margin-bottom:20px}

/* PORTRÉT — moderný rám + rotujúci odznak (úplne nový štýl) */
.wu-portrait{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px;padding:18px 26px 18px 18px}
/* rám s fotkou — teplý prechod (zaujímavejší než ploché biele), cut-out splynie */
.wu-frame{position:relative;z-index:1;width:min(100%,380px);aspect-ratio:4/5;border-radius:30px;overflow:hidden;cursor:pointer;
  background:
    radial-gradient(78% 52% at 50% 100%,rgba(247,196,61,.32),transparent 72%),
    radial-gradient(60% 40% at 50% 6%,rgba(255,255,255,.95),transparent 70%),
    linear-gradient(168deg,#FFFFFF 0%,#FCF3DE 52%,#F3E2C2 100%);
  box-shadow:0 36px 70px -28px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.9);
  animation:wuCardIn .55s cubic-bezier(.22,.9,.3,1) both}
/* karta zozadu „príde dopredu" pri prekliknutí */
@keyframes wuCardIn{0%{transform:translate(28px,20px) scale(.9) rotate(3.5deg);opacity:0}
  55%{opacity:1}100%{transform:none;opacity:1}}
.wu-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
/* nakopený balíček za rámom — rovnaká zlato-oranžová, postupne transparentnejšia, jednotná štruktúra */
.wu-stack{position:absolute;z-index:0;left:50%;top:50%;width:min(100%,380px);aspect-ratio:4/5;border-radius:30px;
  background:linear-gradient(165deg,#F7C94E,#E2700A);box-shadow:0 24px 50px -30px rgba(120,60,5,.5)}
.wu-stack.s1{transform:translate(-50%,-50%) translate(14px,12px) rotate(2.5deg);opacity:.55}
.wu-stack.s2{transform:translate(-50%,-50%) translate(28px,24px) rotate(5deg);opacity:.34}
.wu-stack.s3{transform:translate(-50%,-50%) translate(42px,36px) rotate(7.5deg);opacity:.18}
/* rotujúci kruhový odznak */
.wu-badge{position:absolute;z-index:3;left:-6%;bottom:8%;width:104px;height:104px;color:#231000;
  background:linear-gradient(135deg,#FCD34D,#E09C18);border-radius:50%;box-shadow:none;
  animation:wuSpin 16s linear infinite}
.wu-badge text{font-size:8.4px;font-weight:700;letter-spacing:.06em;fill:#231000;
  font-family:"Plus Jakarta Sans",sans-serif;text-transform:uppercase}
@keyframes wuSpin{to{transform:rotate(360deg)}}
/* menovka */
.wu-name{position:absolute;z-index:3;right:-4%;bottom:12%;display:flex;flex-direction:column;
  padding:11px 18px;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  background:rgba(20,16,12,.82);border:1px solid rgba(247,196,61,.3);
  box-shadow:0 18px 34px -14px rgba(0,0,0,.7)}
.wu-name b{font-size:15.5px;color:#F7F2E8;font-weight:700}
.wu-name span{font-size:12.5px;color:#C9C0B0;margin-top:2px}
/* ovládanie — len šípka doprava, vpravo vedľa kariet */
.wu-next{position:absolute;z-index:4;right:-22px;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  color:#231000;background:linear-gradient(135deg,#FCD34D,#E09C18);border:none;
  box-shadow:0 14px 28px -10px rgba(224,156,24,.6);
  transition:transform .25s,box-shadow .25s;animation:wuNextNudge 2.4s ease-in-out infinite}
.wu-next:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 18px 34px -10px rgba(224,156,24,.75)}
@keyframes wuNextNudge{0%,100%{margin-left:0}50%{margin-left:5px}}
/* dekoračné bodky */
.wu-dot{position:absolute;z-index:2;border-radius:50%;background:radial-gradient(circle,#FCD34D,#E09C18);
  box-shadow:0 0 12px rgba(247,196,61,.7);animation:wuDot var(--dd,4s) ease-in-out infinite}
.wu-dot.d1{width:14px;height:14px;top:4%;left:8%;--dd:4.5s}
.wu-dot.d2{width:9px;height:9px;top:30%;right:-2%;--dd:5.2s;animation-delay:-1.5s}
.wu-dot.d3{width:11px;height:11px;bottom:-2%;left:34%;--dd:3.8s;animation-delay:-2.4s}
@keyframes wuDot{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-12px);opacity:1}}

/* reveal */
.wu .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.wu .reveal.in{opacity:1;transform:none}
.wu-portrait.reveal{transition-delay:.12s}

@media(max-width:880px){
  .wu{padding:64px 16px}
  .wu-head{margin-bottom:30px}
  .wu-kicker{font-size:10.5px;margin-bottom:12px}
  .wu-body{grid-template-columns:1fr;gap:30px}

  /* portrét = rovnaká karta ako na desktope, len menšia a POD otázkami */
  .wu-portrait{display:block;width:100%;max-width:none;margin:0 auto;min-height:auto;
    padding:14px 0 24px;position:relative}
  .wu-frame{width:min(64vw,248px);margin:0 auto}
  .wu-stack{width:min(64vw,248px)}
  .wu-stack.s1{transform:translate(-50%,-50%) translate(11px,9px) rotate(2.5deg)}
  .wu-stack.s2{transform:translate(-50%,-50%) translate(22px,18px) rotate(5deg)}
  .wu-stack.s3{transform:translate(-50%,-50%) translate(33px,27px) rotate(7.5deg)}
  .wu-badge{left:1%;bottom:14%;width:84px;height:84px}
  .wu-name{right:1%;bottom:16%}
  .wu-next{right:0;top:50%;bottom:auto;transform:translateY(-50%);width:48px;height:48px}
  .wu-next:hover{transform:translateY(-50%) scale(1.08)}
  .wu-dot.d1{left:8%;top:1%}.wu-dot.d2{right:5%;top:26%}.wu-dot.d3{left:30%;bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .wu-aurora,.wu-blob,.wu-pt,.wu-badge,.wu-dot,.wu-photo,.wu-frame,.wu-next{animation:none}
  .wu-pt{display:none}
  .wu .reveal{opacity:1;transform:none;transition:none}
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/MetaFormats.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.mf {
  position: relative;
  overflow: hidden;
  background: var(--cream, #F5F0E6);
  padding: clamp(70px, 9vw, 120px) 24px;
}
.mf-bg { position: absolute; inset: 0; pointer-events: none; }
.mf-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; }
.mf-blob.b1 { width: 460px; height: 460px; left: -140px; top: -80px; background: radial-gradient(circle, #ffcf8a, transparent 70%); }
.mf-blob.b2 { width: 520px; height: 520px; right: -160px; bottom: -120px; background: radial-gradient(circle, #ff8a3d55, transparent 70%); }

.mf-wrap { position: relative; max-width: 1140px; margin: 0 auto; }
.mf-head { text-align: center; max-width: 680px; margin: 0 auto clamp(38px, 5vw, 60px); }
.mf-kicker {
  display: inline-block; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  font-size: 0.8rem; color: #d98324; margin-bottom: 14px;
}
.mf-title {
  font-family: "Clash Display", "Bricolage Grotesque", sans-serif;
  font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.05; color: #1a1a1a; margin: 0 0 16px;
}
.mf-title .g {
  background: linear-gradient(102deg, #F5A623, #E2700A);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.mf-h-br { display: none; } /* zalomenie nadpisu „chutia publiku" len na mobile */
.mf-lead { color: #55524c; font-size: 1.12rem; line-height: 1.6; margin: 0; }

/* ---------- taby formátov ---------- */
.mf-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: clamp(30px, 4vw, 46px); }
.reveal.mf-tabs { opacity: 0; transform: translateY(16px); }
.reveal.mf-tabs.in { opacity: 1; transform: none; transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); }
.mf-tab {
  display: inline-flex; align-items: center; gap: 11px; cursor: pointer;
  background: #fff; border: 1px solid #ece7dd; border-radius: 15px; padding: 11px 18px 11px 13px;
  color: #1a1a1a; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.mf-tab:hover { transform: translateY(-2px); box-shadow: 0 16px 30px -18px rgba(217,131,36,.5); border-color: #f0c98a; }
.mf-tab-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; flex: none;
  background: linear-gradient(135deg, #fff1d6, #ffd79f); color: #d9640a; transition: background .22s ease, color .22s ease; }
.mf-tab-tx { display: flex; flex-direction: column; line-height: 1.14; text-align: left; }
.mf-tab-tx b { font-family: "Clash Display", "Bricolage Grotesque", sans-serif; font-weight: 700; font-size: 1rem; }
.mf-tab-tx i { font-style: normal; font-size: .72rem; color: #8a857c; margin-top: 2px; }
.mf-tab.on {
  background: linear-gradient(135deg, #FCD34D, #F4B11F 55%, #E2700A); border-color: transparent; color: #2A1400;
  box-shadow: 0 18px 34px -14px rgba(201,130,11,.6);
}
.mf-tab.on .mf-tab-ic { background: rgba(255,255,255,.55); color: #b0560a; }
.mf-tab.on .mf-tab-tx i { color: #7a3d00; }

/* ---------- panel + galéria ---------- */
.mf-panel { animation: mfPanelIn .45s cubic-bezier(.2,.7,.2,1); }
@keyframes mfPanelIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.mf-panel-d { text-align: center; max-width: 620px; margin: 0 auto 26px; color: #55524c; font-size: 1.04rem; line-height: 1.6; }

.mf-slider { position: relative; }
.mf-gallery {
  display: flex; gap: clamp(14px, 1.8vw, 22px); overflow-x: auto; padding: 20px 14px 56px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.mf-gallery::-webkit-scrollbar { display: none; }
.mf-shot {
  position: relative; flex: 0 0 clamp(230px, 31%, 344px); aspect-ratio: 1/1;
  border-radius: 20px; overflow: hidden; cursor: pointer; scroll-snap-align: center; padding: 0; border: none;
  box-shadow: 0 22px 46px -18px rgba(50,34,8,.5); background: #0e0e0e;
  transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease;
}
.mf-gallery.vert .mf-shot { flex-basis: clamp(190px, 25%, 285px); aspect-ratio: 9/16; }

/* šípky slidera */
.mf-arrow {
  position: absolute; top: 46%; transform: translateY(-50%); z-index: 6;
  width: 48px; height: 48px; border-radius: 50%; cursor: pointer;
  display: grid; place-items: center; color: #1a1a1a;
  background: rgba(255,255,255,.96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid rgba(0,0,0,.06); box-shadow: 0 14px 30px -8px rgba(60,40,10,.5);
  transition: transform .2s ease, background .2s ease;
}
.mf-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.08); }
.mf-arrow.left { left: -12px; }
.mf-arrow.left svg { transform: rotate(180deg); }
.mf-arrow.right { right: -12px; }
@media (max-width: 560px) { .mf-arrow { display: none; } }
.mf-shot img, .mf-shot video { width: 100%; height: 100%; object-fit: cover; display: block; }
.mf-shot:hover { transform: translateY(-6px) scale(1.015); box-shadow: 0 26px 50px -18px rgba(50,34,8,.6); }
.mf-shot-zoom {
  position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center; color: #1a1a1a;
  background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: 0 6px 16px rgba(0,0,0,.3);
  opacity: 0; transform: scale(.7); transition: opacity .25s ease, transform .25s ease;
}
.mf-shot:hover .mf-shot-zoom { opacity: 1; transform: none; }

/* prázdny stav (formát bez ukážok — zatiaľ) */
.mf-soon {
  display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;
  max-width: 460px; margin: 8px auto 0; padding: 42px 28px;
  border: 1.5px dashed #e2d6bf; border-radius: 20px; background: rgba(255,255,255,.45);
}
.mf-soon-ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px;
  background: linear-gradient(135deg, #fff1d6, #ffd79f); color: #d9640a; }
.mf-soon p { margin: 0; color: #6b675f; font-size: 1rem; line-height: 1.55; }

.mf-note { text-align: center; margin: clamp(28px, 4vw, 42px) auto 0; max-width: 560px; color: #8a857c; font-size: .9rem; line-height: 1.55; }
.mf-note b { color: #6b675f; }
.reveal.mf-note { opacity: 0; transform: translateY(14px); }
.reveal.mf-note.in { opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease; }

/* ---------- lightbox ---------- */
.mf-lb { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 24px;
  background: rgba(15,12,8,.82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: mfLbIn .25s ease; cursor: zoom-out; }
@keyframes mfLbIn { from { opacity: 0; } to { opacity: 1; } }
.mf-lb-media { max-width: min(92vw, 620px); max-height: 86vh; border-radius: 16px; cursor: default; background: #000;
  box-shadow: 0 40px 90px -20px rgba(0,0,0,.7); animation: mfLbImg .3s cubic-bezier(.2,.7,.2,1); }
@keyframes mfLbImg { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } }
.mf-lb-close { position: absolute; top: 20px; right: 22px; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer; color: #1a1a1a; border: none;
  background: rgba(255,255,255,.92); box-shadow: 0 8px 20px rgba(0,0,0,.4); transition: transform .2s ease; }
.mf-lb-close:hover { transform: scale(1.08) rotate(90deg); }

@media (max-width: 560px) {
  .mf-h-br { display: inline; }
  .mf-tab { padding: 9px 14px 9px 11px; gap: 9px; }
  .mf-tab-ic { width: 34px; height: 34px; border-radius: 9px; }
  .mf-tab-tx b { font-size: .92rem; }
  .mf-shot { width: 78vw; }
  .mf-gallery.vert .mf-shot { width: 62vw; }
}
@media (prefers-reduced-motion: reduce) {
  .mf-panel, .mf-lb, .mf-lb img { animation: none; }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/CtaApproach.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.cw{position:relative;overflow:hidden;background:#14110D;color:#F5F0E6;text-align:center;
  padding:clamp(88px,11vw,140px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.cw *{box-sizing:border-box}

/* pozadie */
.cw-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cw-aurora{position:absolute;left:-12%;top:-30%;width:124%;height:150%;
  background:radial-gradient(38% 38% at 32% 30%,rgba(247,196,61,.2),transparent 60%),
    radial-gradient(42% 42% at 70% 66%,rgba(226,112,10,.16),transparent 60%);
  filter:blur(46px);animation:cwAurora 24s ease-in-out infinite}
@keyframes cwAurora{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(3%,-3%) scale(1.08)}}
.cw-blob{position:absolute;border-radius:50%;filter:blur(80px)}
.cw-blob.b1{width:440px;height:440px;top:-180px;left:50%;margin-left:-220px;background:radial-gradient(circle,rgba(247,196,61,.34),transparent 65%);animation:cwFloat 18s ease-in-out infinite}
.cw-blob.b2{width:380px;height:380px;bottom:-160px;left:8%;background:radial-gradient(circle,rgba(226,112,10,.26),transparent 65%);animation:cwFloat 23s ease-in-out infinite reverse}
.cw-blob.b3{width:320px;height:320px;top:24%;right:8%;background:radial-gradient(circle,rgba(255,90,60,.16),transparent 65%);animation:cwFloat 21s ease-in-out infinite}
@keyframes cwFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(34px,-26px) scale(1.07)}66%{transform:translate(-24px,18px) scale(.95)}}
.cw-grid{position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(255,240,225,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,240,225,.04) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 65% at 50% 45%,#000 30%,transparent 80%)}
.cw-particles{position:absolute;inset:0;overflow:hidden}
.cw-pt{position:absolute;bottom:-12px;width:var(--z,4px);height:var(--z,4px);border-radius:50%;opacity:0;
  background:radial-gradient(circle,#FCD34D,rgba(226,112,10,0) 70%);
  animation-name:cwRise;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes cwRise{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:.75}85%{opacity:.35}100%{transform:translateY(-640px) scale(1.1);opacity:0}}

/* food emoji — rozsypané, plávajú + rotujú (iný štýl ako rohové hore) */
.cw-food{position:absolute;inset:0;overflow:hidden}
.cw-food-i{position:absolute;opacity:.82;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));
  animation:cwFoodDrift var(--fd,16s) ease-in-out infinite;animation-delay:var(--fdl,0s)}
@keyframes cwFoodDrift{0%,100%{transform:translateY(0) rotate(var(--r0,-12deg))}50%{transform:translateY(-26px) rotate(var(--r1,12deg))}}
.cw-food .f1{top:13%;left:3%;width:86px;--r0:-14deg;--r1:6deg;--fd:15s}
.cw-food .f2{top:66%;left:5%;width:72px;--r0:10deg;--r1:-8deg;--fd:18s;--fdl:-3s}
.cw-food .f3{top:23%;left:10%;width:56px;--r0:-6deg;--r1:12deg;--fd:13s;--fdl:-6s;opacity:.6}
.cw-food .f4{top:11%;right:3%;width:90px;--r0:12deg;--r1:-10deg;--fd:17s;--fdl:-2s}
.cw-food .f5{top:70%;right:5%;width:74px;--r0:-10deg;--r1:8deg;--fd:14s;--fdl:-5s}
.cw-food .f6{top:37%;right:9%;width:54px;--r0:8deg;--r1:-12deg;--fd:19s;--fdl:-8s;opacity:.6}
@media(max-width:900px){.cw-food .f3,.cw-food .f6{display:none}
  .cw-food .f1,.cw-food .f4{width:52px}.cw-food .f2,.cw-food .f5{width:46px}}
/* na mobile food ostáva (v pozadí, jemnejšie, nezavadzia textu) */
@media(max-width:560px){.cw-food-i{opacity:.34}
  .cw-food .f1,.cw-food .f4{width:46px}.cw-food .f2,.cw-food .f5{width:40px}}

/* performance marketingové badge — biele zaoblené, zlatá ikona, plávajú */
.cw-badges{position:absolute;inset:0;overflow:hidden}
.cw-badge{position:absolute;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#E09C18;opacity:.62;
  background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(246,238,220,.86));
  box-shadow:0 14px 28px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.7);
  animation:cwBadgeFloat var(--bf,7s) ease-in-out infinite;animation-delay:var(--bl,0s)}
.cw-badge svg{width:25px;height:25px}
@keyframes cwBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.cw-badge.p1{top:42%;left:2%;--bf:6.5s}
.cw-badge.p2{top:50%;right:2%;--bf:7.6s;--bl:-2s}
.cw-badge.p3{top:9%;left:12%;--bf:8s;--bl:-4s}
.cw-badge.p4{bottom:13%;right:12%;--bf:6.9s;--bl:-1.5s}
.cw-badge.p5{bottom:12%;left:13%;--bf:7.8s;--bl:-3s}
@media(max-width:900px){.cw-badge.p3,.cw-badge.p4,.cw-badge.p5{display:none}}
@media(max-width:560px){.cw-badges{display:none}}

/* obsah */
.cw-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.cw .r{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.cw.in .r{opacity:1;transform:none}
.cw.in .cw-title{transition-delay:.12s}
.cw.in .cw-sub{transition-delay:.26s}
.cw.in .cw-btn{transition-delay:.4s}
.cw.in .cw-trust{transition-delay:.52s}

.cw-scarcity{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:#C9C0B0;margin-bottom:24px;
  background:rgba(255,240,225,.05);border:1px solid rgba(255,240,225,.12);border-radius:999px;padding:8px 16px}
.cw-scarcity strong{color:#F7F2E8;font-weight:600}
.cw-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#3FB950;animation:cwPulse 1.9s ease-in-out infinite}
@keyframes cwPulse{0%{box-shadow:0 0 0 0 rgba(63,185,80,.5)}70%{box-shadow:0 0 0 9px rgba(63,185,80,0)}100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}}

.cw-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.05;
  letter-spacing:-.025em;font-size:clamp(30px,5vw,56px);margin:0;color:#F7F2E8}
.cw-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cw-sub{font-size:clamp(16px,1.6vw,19.5px);line-height:1.64;color:#A89F90;margin:24px 0 0;max-width:62ch}

/* zlatý „lákavý" button (rovnaký ako CTA hero) */
.cw-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:12px;margin-top:38px;
  min-height:66px;padding:0 46px;border-radius:14px;text-decoration:none;font-weight:900;font-size:18.5px;letter-spacing:.01em;color:#2A1400;
  text-shadow:0 1px 0 rgba(255,240,200,.45);
  background:linear-gradient(135deg,#FFD262 0%,#F4B11F 48%,#D88A0C 100%);
  box-shadow:0 16px 34px -12px rgba(201,130,11,.6),0 0 0 0 rgba(244,192,74,.5),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22);
  transform:translateZ(0);animation:cwBtnPulse 2.8s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}
.cw-btn svg{position:relative;z-index:2;color:#2A1400;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cw-btn span{position:relative;z-index:2}
.cw-btn::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);
  transform:translateX(-130%);animation:cwBtnShine 4.5s ease-in-out 1.2s infinite}
.cw-btn::after{content:"";position:absolute;left:0;right:0;top:0;height:48%;z-index:1;pointer-events:none;border-radius:14px 14px 40% 40%;
  background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);opacity:.7}
.cw-btn:hover{transform:translateY(-3px) scale(1.025);animation-play-state:paused;
  box-shadow:0 26px 52px -12px rgba(201,130,11,.75),0 0 36px -4px rgba(255,200,70,.8),inset 0 1px 0 rgba(255,255,255,.6)}
.cw-btn:hover::before{animation:none;transform:translateX(130%);transition:transform .8s ease}
.cw-btn:hover svg{transform:translateX(6px)}
.cw-btn:active{transform:translateY(-1px) scale(.99)}
@keyframes cwBtnPulse{
  0%,100%{box-shadow:0 16px 34px -12px rgba(201,130,11,.6),0 0 0 0 rgba(244,192,74,0),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22)}
  50%{box-shadow:0 18px 38px -12px rgba(201,130,11,.62),0 0 30px 2px rgba(255,196,64,.55),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 6px rgba(120,76,0,.22)}}
@keyframes cwBtnShine{0%{transform:translateX(-130%)}22%,100%{transform:translateX(130%)}}

.cw-trust{margin-top:20px;font-size:13.5px;color:#8A8278}

@media(max-width:560px){
  .cw{padding:74px 16px}
  /* button rovnaký ako v prvej CTA sekcii (zmestí sa na jeden riadok) */
  .cw-btn{width:100%;justify-content:center;min-height:60px;font-size:15.5px;font-weight:700;
    letter-spacing:0;padding:0 18px;gap:10px;border-radius:16px;margin-top:30px}
  .cw-btn span{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .cw-aurora,.cw-blob,.cw-pt,.cw-dot,.cw-btn,.cw-btn::before,.cw-food-i,.cw-badge{animation:none}
  .cw-pt{display:none}
  .cw .r{opacity:1;transform:none;transition:none}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/MetaCtaApproach.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/* farebné social badge — len Meta variant (.cw-meta), aby to neovplyvnilo Google */
.cw-meta .cw-badge.cw-social {
  opacity: 1; color: #fff; border: none;
  box-shadow: 0 16px 30px -12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.28);
}
.cw-meta .cw-badge.b-ig { background: linear-gradient(135deg,#FEDA75,#FA7E1E 28%,#D62976 58%,#962FBF 78%,#4F5BD5); }
.cw-meta .cw-badge.b-fb { background: linear-gradient(135deg,#1B8CFF,#1877F2); }
.cw-meta .cw-badge.b-msg { background: linear-gradient(135deg,#00B2FF,#006AFF 38%,#A033FF 72%,#FF5280); }
.cw-meta .cw-badge.b-reels { background: linear-gradient(135deg,#833AB4,#C13584 45%,#FD1D1D 78%,#FCB045); }
.cw-meta .cw-badge.b-heart { background: linear-gradient(135deg,#FF6B8B,#FF3B5C); }

/* mobil: rovnaké ako Google CtaApproach — jemné jedlo v rohoch (po stranách),
   badge skryté (v CtaApproach.css). Žiadny stredový rad ikoniek. */

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Faq.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* FAQ — kompaktná, jemná mriežka kariet vnútri sekcie referencií */
.fqe{max-width:920px;margin:clamp(48px,6vw,82px) auto 0;padding-top:clamp(26px,3.6vw,42px);
  border-top:1px solid rgba(20,17,13,.1);font-family:"Satoshi","Inter",system-ui,sans-serif}
.fqe-label{text-align:center;margin:0 0 18px;font-size:11.5px;letter-spacing:.15em;
  text-transform:uppercase;font-weight:700;color:#AC9F8B}

.fqe-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px;align-items:start}
.fqe-item{border:1px solid rgba(20,17,13,.07);border-radius:14px;background:rgba(255,255,255,.5);
  transition:background .25s,border-color .25s,box-shadow .25s}
.fqe-item:hover{background:rgba(255,255,255,.82);box-shadow:0 10px 26px -18px rgba(60,40,5,.34)}
.fqe-item.open{background:#fff;border-color:rgba(224,156,24,.32);box-shadow:0 14px 34px -20px rgba(60,40,5,.42)}
.fqe-q{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;
  background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}
.fqe-qt{flex:1 1;font-weight:600;font-size:13px;line-height:1.4;color:#3F3A33;transition:color .2s}
.fqe-q:hover .fqe-qt{color:#B97D08}
.fqe-ic{flex:none;width:20px;height:20px;display:grid;place-items:center;color:#C98A12;
  transition:transform .32s cubic-bezier(.3,.8,.3,1)}
.fqe-ic svg{width:14px;height:14px}
.fqe-item.open .fqe-ic{transform:rotate(180deg)}

.fqe-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.3,.8,.3,1)}
.fqe-item.open .fqe-a{grid-template-rows:1fr}
.fqe-a>div{overflow:hidden}
.fqe-a p{margin:0;padding:0 16px 14px 14px;font-size:12.5px;line-height:1.62;color:#6E675C}

@media(max-width:720px){
  .fqe-list{grid-template-columns:1fr 1fr;gap:8px}
  .fqe-q{padding:11px 10px;gap:7px}
  .fqe-qt{font-size:11.5px;line-height:1.32}
  .fqe-ic{width:18px;height:18px}.fqe-ic svg{width:13px;height:13px}
  .fqe-a p{font-size:11.5px;line-height:1.55;padding:0 11px 12px 10px}
}
@media(prefers-reduced-motion:reduce){.fqe-a,.fqe-ic{transition:none}}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/Reviews.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.rv{position:relative;overflow:hidden;background:#FBF7ED;color:#14110D;
  padding:clamp(48px,5.5vw,76px) 24px clamp(80px,10vw,128px);font-family:"Satoshi","Inter",system-ui,sans-serif}
.rv *{box-sizing:border-box}
.rv-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rv-blob{position:absolute;border-radius:50%;filter:blur(82px);opacity:.5}
.rv-blob.b1{width:480px;height:480px;top:-170px;left:-90px;background:radial-gradient(circle,rgba(247,196,61,.4),transparent 66%)}
.rv-blob.b2{width:420px;height:420px;bottom:-180px;right:-100px;background:radial-gradient(circle,rgba(226,112,10,.26),transparent 66%)}
.rv-wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto}

/* hlavička */
.rv-head{max-width:520px}
.rv-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#E9A412;font-weight:700;margin-bottom:16px}
.rv-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.04;
  letter-spacing:-.025em;font-size:clamp(24px,4.4vw,50px);margin:0;color:#14110D}
.rv-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 45%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rv-lead{margin:18px 0 0;font-size:17px;line-height:1.62;color:#5C574F;max-width:54ch}

/* ---------- layout: vľavo nadpis+fotka+dôvera, vpravo plnovýškový prúd recenzií ---------- */
.rv-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,0.96fr);
  grid-gap:clamp(26px,3.4vw,48px);
  gap:clamp(26px,3.4vw,48px);align-items:stretch}

/* ľavá strana — nadpis + väčšia fotka + dôvera (vycentrované) */
.rv-side{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}
.rv-head{align-self:stretch}
.rv-photo-col{position:relative;display:flex;align-items:center;justify-content:center}
.rv-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104%;height:114%;
  background:radial-gradient(50% 46% at 50% 50%,rgba(247,196,61,.42),rgba(226,112,10,.16) 52%,transparent 76%);
  filter:blur(24px);animation:rvGlow 7s ease-in-out infinite}
@keyframes rvGlow{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.rv-photo{position:relative;z-index:1;width:100%;max-width:600px;height:auto;object-fit:contain;
  filter:drop-shadow(0 28px 40px rgba(60,38,8,.34))}
.rv-emoji{position:absolute;z-index:2;width:54px;height:auto;filter:drop-shadow(0 10px 16px rgba(80,50,10,.25));animation:rvFloat 8s ease-in-out infinite}
.rv-emoji.e1{top:2%;left:0}
.rv-emoji.e2{bottom:14%;right:-1%;animation-delay:-3s;width:46px}
@keyframes rvFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
.rv-trust{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;width:100%;max-width:480px}
.rv-pill{display:inline-flex;align-self:center;align-items:center;gap:8px;
  background:rgba(247,196,61,.16);border:1px solid rgba(224,156,24,.32);color:#7A5410;
  font-size:12.5px;font-weight:700;letter-spacing:.01em;padding:7px 14px;border-radius:999px}
.rv-pill svg{color:#E09C18;flex:none}

/* rotujúci citát klientov (ako v hero) */
.rv-rotate{min-height:120px;display:flex;flex-direction:column;justify-content:center}
.rv-rq-in{animation:rvQ .5s cubic-bezier(.2,.7,.2,1)}
@keyframes rvQ{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.rv-rq{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(18px,2vw,23px);line-height:1.34;color:#14110D;margin:0 0 12px}
.rv-rq-author{display:inline-flex;align-items:baseline;gap:0;font-size:13px;font-weight:600;color:#14110D}
.rv-rq-author b{font-weight:700}
.rv-rq-author i{font-style:normal;font-weight:500;color:#A4977F}
.rv-rq-author i::before{content:"·";margin:0 8px;color:#D9CDBA}
.rv-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}
.rv-stat{flex:1 1 96px;background:rgba(255,255,255,.7);border:1px solid rgba(20,17,13,.07);border-radius:16px;padding:13px 14px;
  box-shadow:0 12px 26px -18px rgba(60,40,5,.4)}
.rv-stat b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;color:#E09C18;line-height:1;white-space:nowrap}
.rv-stat span{display:block;margin-top:6px;font-size:12px;line-height:1.32;color:#7A7468}

/* pravá strana — plnovýškový auto-rolujúci prúd recenzií */
.rv-stream-col{position:relative;min-width:0;min-height:520px}
.rv-stream{position:absolute;inset:0;overflow-y:auto;cursor:-webkit-grab;cursor:grab;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);
  mask:linear-gradient(180deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);
  overscroll-behavior:contain;scrollbar-width:none}
.rv-stream.grabbing{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.rv-stream::-webkit-scrollbar{width:0;height:0;display:none}
.rv-stream-inner{display:flex;flex-direction:column;gap:14px;padding:2px}
.rv-stream-group{display:flex;flex-direction:column;gap:14px}

.rv-card{position:relative;background:#fff;border-radius:18px;padding:22px 22px 18px;
  border:1px solid rgba(20,17,13,.06);box-shadow:0 16px 38px -26px rgba(60,40,5,.4),0 1px 4px rgba(0,0,0,.03);
  transition:transform .3s,box-shadow .3s}
.rv-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:99px;
  background:linear-gradient(#FCD34D,#E09C18);opacity:.85}
.rv-card:hover{transform:translateX(3px);box-shadow:0 26px 54px -30px rgba(60,40,5,.5),0 0 0 1px rgba(224,156,24,.22)}
.rv-quote{position:absolute;top:2px;right:18px;font-family:Georgia,serif;font-size:62px;line-height:1;color:rgba(224,156,24,.14)}
.rv-text{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#3F3A33}
.rv-who{display:flex;align-items:center;gap:12px}
.rv-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px;color:#3A2606;
  background:linear-gradient(135deg,#FCD34D,#E09C18)}
.rv-who-t{flex:1 1;min-width:0}
.rv-who-t b{display:block;font-size:14.5px;font-weight:700;color:#14110D}
.rv-who-t span{display:block;font-size:12.5px;color:#8A8278}
.rv-g{flex:none;opacity:.9}

/* reveal */
.rv .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv .reveal.in{opacity:1;transform:none}
.rv .rv-stream-col.reveal{transition-delay:.12s}

@media(max-width:860px){
  .rv-kicker{font-size:10px;margin-bottom:12px}
  .rv-title{font-size:clamp(30px,8.5vw,36px)}
  .rv-layout{grid-template-columns:1fr;gap:34px}
  .rv-side{max-width:540px;margin:0 auto;width:100%}
  .rv-stream-col{min-height:0;height:500px}
  /* na mobile = CSS marquee (žiadny scroll kontajner), aby touch vždy roloval stránku */
  .rv-stream{position:relative;inset:auto;height:100%;overflow:hidden;touch-action:pan-y;cursor:default;pointer-events:none}
  .rv-stream-inner{padding:0;animation:rvMarquee 46s linear infinite;will-change:transform}
}
@keyframes rvMarquee{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@media(prefers-reduced-motion:reduce){
  .rv-glow,.rv-emoji,.rv-rq-in,.rv-stream-inner{animation:none}
  .rv .reveal{opacity:1;transform:none;transition:none}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/FinalCta.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.fc{position:relative;overflow:hidden;color:#F5F0E6;
  background:linear-gradient(180deg,#1B1610 0%,#14110D 14%,#100D0A 100%);
  padding:clamp(84px,10vw,140px) 24px;font-family:"Satoshi","Inter",system-ui,sans-serif}
.fc *{box-sizing:border-box}
/* jemný teplý nábeh zhora — zmäkčuje prechod zo svetlej sekcie */
.fc::before{content:"";position:absolute;left:0;right:0;top:0;height:200px;pointer-events:none;z-index:0;
  background:radial-gradient(120% 100% at 50% 0%,rgba(247,196,61,.14),transparent 70%)}

/* animované pozadie */
.fc-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fc-aurora{position:absolute;left:50%;top:-12%;width:130%;height:95%;transform:translateX(-50%);
  background:radial-gradient(42% 50% at 28% 30%,rgba(247,196,61,.2),transparent 60%),
             radial-gradient(44% 52% at 74% 38%,rgba(226,112,10,.18),transparent 62%),
             radial-gradient(40% 46% at 52% 70%,rgba(247,196,61,.1),transparent 64%);
  filter:blur(24px);animation:fcAurora 18s ease-in-out infinite}
@keyframes fcAurora{0%,100%{transform:translateX(-50%) scale(1) rotate(0)}50%{transform:translateX(-50%) scale(1.1) rotate(5deg)}}
.fc-blob{position:absolute;border-radius:50%;filter:blur(74px);opacity:.55}
.fc-blob.b1{width:460px;height:460px;top:-130px;left:-100px;background:radial-gradient(circle,rgba(247,196,61,.34),transparent 66%);animation:fcFloat 14s ease-in-out infinite}
.fc-blob.b2{width:420px;height:420px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(226,112,10,.3),transparent 66%);animation:fcFloat 17s ease-in-out infinite reverse}
@keyframes fcFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-26px)}}
.fc-pt{position:absolute;border-radius:50%;background:rgba(247,196,61,.75);box-shadow:0 0 9px rgba(247,196,61,.7);
  opacity:.5;animation:fcRise linear infinite}
@keyframes fcRise{0%{transform:translateY(24px);opacity:0}12%{opacity:.7}100%{transform:translateY(-150px);opacity:0}}
/* perspektívna mriežka — dáva sekcii štruktúru a hĺbku */
.fc-grid-floor{position:absolute;left:50%;bottom:-6%;width:200%;height:62%;transform:translateX(-50%) perspective(120px) rotateX(56deg);transform-origin:50% 100%;
  background-image:linear-gradient(rgba(247,196,61,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(247,196,61,.16) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 38%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 38%,#000 72%,transparent);
  opacity:.5}

.fc-wrap{position:relative;z-index:1;max-width:1140px;margin:0 auto}

/* hlavička */
.fc-head{text-align:center;max-width:740px;margin:0 auto clamp(44px,5.5vw,66px)}
.fc-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(247,196,61,.32);
  border-radius:100px;padding:7px 17px;font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#F7C43D;margin-bottom:20px;background:rgba(247,196,61,.06)}
.fc-edot{width:8px;height:8px;border-radius:50%;background:#F7C43D;box-shadow:0 0 0 0 rgba(247,196,61,.5);animation:fcPulse 1.9s ease-in-out infinite}
@keyframes fcPulse{0%,100%{box-shadow:0 0 0 0 rgba(247,196,61,.5)}70%{box-shadow:0 0 0 8px rgba(247,196,61,0)}}
.fc-title{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;line-height:1.05;
  letter-spacing:-.025em;font-size:clamp(28px,4.7vw,54px);margin:0;color:#F7F2E8}
.fc-title .g{background:linear-gradient(102deg,#FCD34D 0%,#F5A623 48%,#E2700A 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.fc-sub{margin:20px auto 0;font-size:16px;line-height:1.7;color:#BCB3A2;max-width:60ch}
.fc-sub b{color:#E7DECB;font-weight:700}
/* layout — formulár vľavo, osoba vpravo */
.fc-grid{display:grid;grid-template-columns:1.16fr 0.84fr;grid-column-gap:clamp(26px,3.6vw,52px);column-gap:clamp(26px,3.6vw,52px);grid-row-gap:0;row-gap:0;align-items:start}
.fc-form-col{grid-column:1;grid-row:1 / span 2}
.fc-person-top{grid-column:2;grid-row:1}
.fc-person-bottom{grid-column:2;grid-row:2}

/* ====== osobný panel — voľne stojaca postava (cutout), bez bielej karty ====== */
.fc-person{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start}
.fc-stage{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:0.86/1;display:flex;align-items:flex-end;justify-content:center}
/* veľká mäkká žiara za postavou */
.fc-spot{position:absolute;z-index:0;left:50%;top:46%;transform:translate(-50%,-50%);width:118%;height:108%;
  background:radial-gradient(48% 50% at 50% 42%,rgba(247,196,61,.42),rgba(226,112,10,.16) 52%,transparent 72%);
  filter:blur(26px);animation:fcHalo 7s ease-in-out infinite}
@keyframes fcHalo{0%,100%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
/* tenké zlaté prstence — štruktúra za postavou */
.fc-ring{position:absolute;z-index:0;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;
  border:1px solid rgba(247,196,61,.22)}
.fc-ring.r1{width:84%;height:78%}
.fc-ring.r2{width:108%;height:100%;border-color:rgba(247,196,61,.1);border-style:dashed;animation:fcSpin 40s linear infinite}
@keyframes fcSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* samotná postava — bez pozadia, spodok jemne do stratena (nie tvrdo zrezaný) */
.fc-cut{position:relative;z-index:2;width:auto;height:100%;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));animation:fcBob 7s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 80%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 34%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 80%,transparent 100%)}
@keyframes fcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* plávajúce sklenené čipy s ikonkami (nový štýl) */
.fc-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:rgba(22,17,12,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(247,196,61,.26);
  color:#F2EADA;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:14px;
  box-shadow:0 16px 30px -14px rgba(0,0,0,.8)}
.fc-chip svg{width:17px;height:17px;color:#F7C43D}
.fc-chip b{color:#F7C43D}
.fc-stars{color:#F7C43D;letter-spacing:1px;font-size:13px}
/* nad fotkou */
.fc-chip-cred{top:4%;right:-6%;animation:fcChipA 6.6s ease-in-out infinite .4s}
/* za postavou — posunutý ďalej, aby bolo vidieť celý štítok */
.fc-chip-stat{z-index:1;top:11%;left:-22%;animation:fcChipA 6s ease-in-out infinite}
/* pod fotkou */
.fc-chip-reply{bottom:10%;right:-12%;animation:fcChipA 7s ease-in-out infinite 1s}
@keyframes fcChipA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fc-bdot{width:8px;height:8px;border-radius:50%;background:#3FB950;box-shadow:0 0 0 0 rgba(63,185,80,.5);animation:fcPulseG 1.9s ease-in-out infinite}
@keyframes fcPulseG{0%,100%{box-shadow:0 0 0 0 rgba(63,185,80,.5)}70%{box-shadow:0 0 0 7px rgba(63,185,80,0)}}
/* meno + rola nad fotkou */
.fc-person-head{text-align:center;margin-bottom:18px}
.fc-role{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#C9A24A;margin-bottom:7px}
.fc-person-head b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:21px;color:#F7F2E8}
.fc-person-info{margin-top:22px}
.fc-call-note{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#9A9182}
.fc-call-note b{color:#C9C0B0;font-weight:700}
.fc-phone{display:inline-flex;align-items:center;gap:8px;
  font-size:14.5px;font-weight:700;color:#F7C43D;text-decoration:none;
  border:1px solid rgba(247,196,61,.32);border-radius:100px;padding:9px 18px;
  background:rgba(247,196,61,.05);transition:background .2s,border-color .2s,transform .2s}
.fc-phone svg{width:16px;height:16px}
.fc-phone:hover{background:rgba(247,196,61,.12);border-color:rgba(247,196,61,.6);transform:translateY(-2px)}
.fc-quote{margin:18px auto 0;max-width:34ch;font-size:13.5px;line-height:1.6;color:#C2B9A9;font-style:italic}

/* ====== formulár ====== */
.fc-form-wrap{position:relative;border-radius:26px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(180deg,rgba(36,30,22,.92),rgba(22,18,13,.92)) padding-box,
            linear-gradient(155deg,rgba(247,196,61,.55),rgba(247,196,61,.04) 42%,rgba(226,112,10,.4)) border-box;
  border:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 50px 100px -50px rgba(0,0,0,.85),0 0 70px -40px rgba(247,196,61,.3)}
.fc-form{display:flex;flex-direction:column;gap:14px}
/* graficky zvýraznený nadpis nad formulárom */
.fc-form-lead{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.fc-form-lead-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  color:#1B1209;background:linear-gradient(135deg,#FCD34D,#E09C18);
  box-shadow:0 10px 22px -10px rgba(224,156,24,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.fc-form-lead-ic svg{width:22px;height:22px}
.fc-form-lead-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fc-form-lead-tx{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:800;
  font-size:19px;line-height:1.2;letter-spacing:-.01em;color:#F4EEE1}
.fc-form-lead-reply{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-size:12px;font-weight:700;color:#CFE6CF;padding:5px 12px;border-radius:100px;
  background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.3)}
.fc-flabel{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:13.5px;color:#D7CEBE;
  margin:2px 0 -2px}
.fc-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.fc-form-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#F7C43D;
  font-family:"Bricolage Grotesque",sans-serif;letter-spacing:.01em}
.fc-fb-dot{width:8px;height:8px;border-radius:50%;background:#3FB950;box-shadow:0 0 8px rgba(63,185,80,.8)}
.fc-form-note{font-size:12px;color:#8C8475}
.fc-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}
.fc-form select,.fc-form input{width:100%;height:54px;padding:0 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,240,225,.14);color:#F5F0E6;
  font-family:inherit;font-size:14.5px;transition:border-color .25s,background .25s,box-shadow .25s}
.fc-form textarea{width:100%;min-height:60px;padding:13px 16px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,240,225,.14);color:#F5F0E6;
  font-family:inherit;font-size:14.5px;line-height:1.5;resize:vertical;
  transition:border-color .25s,background .25s,box-shadow .25s}
.fc-form textarea:focus{outline:none;border-color:rgba(247,196,61,.65);
  background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(247,196,61,.16)}
.fc-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C9A24A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.fc-form select:invalid{color:#8C8475}
.fc-form option{color:#14110D}
.fc-form ::placeholder{color:#8C8475}
.fc-form select:focus,.fc-form input:focus{outline:none;border-color:rgba(247,196,61,.65);
  background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(247,196,61,.16)}

.fc-btn{position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;
  min-height:58px;padding:0 28px;border:none;border-radius:15px;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.005em;color:#3A2606;
  background:linear-gradient(135deg,#F4C04A 0%,#E09C18 55%,#C9820B 100%);
  box-shadow:0 20px 44px -16px rgba(201,130,11,.7),inset 0 1px 0 rgba(255,255,255,.4);
  animation:fcGlow 3.4s ease-in-out infinite;transition:transform .25s,box-shadow .3s}
@keyframes fcGlow{0%,100%{box-shadow:0 20px 44px -16px rgba(201,130,11,.6),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 20px 54px -14px rgba(244,192,74,.8),inset 0 1px 0 rgba(255,255,255,.45)}}
.fc-btn svg{width:20px;height:20px;position:relative;z-index:1;transition:transform .25s}
.fc-btn-sm{display:none}
.fc-btn::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);
  transform:translateX(-130%);animation:fcShine 4.5s ease-in-out 1.5s infinite}
@keyframes fcShine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
.fc-btn:hover{transform:translateY(-2px)}
.fc-btn:hover svg{transform:translateX(4px)}
.fc-trust{margin:0;text-align:center;font-size:12.5px;color:#988F80}

/* potvrdenie */
.fc-sent{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;
  min-height:300px;animation:fcSentIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes fcSentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fc-check{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#14110D;
  background:linear-gradient(135deg,#FCD34D,#E09C18);box-shadow:0 16px 32px -10px rgba(224,156,24,.6)}
.fc-check svg{width:30px;height:30px}
.fc-sent h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:25px;margin:18px 0 8px;color:#F7F2E8}
.fc-sent p{margin:0;font-size:15px;line-height:1.6;color:#B8AF9F;max-width:36ch}

/* reveal */
.fc .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.fc .reveal.in{opacity:1;transform:none}
.fc .fc-form-col.reveal{transition-delay:.08s}
.fc .fc-person.reveal{transition-delay:.18s}

@media(max-width:820px){
  .fc-eyebrow{font-size:11px;padding:6px 14px;margin-bottom:16px}
  .fc-title{font-size:clamp(30px,8.5vw,36px)}
  /* poradie na mobile: formulár → fotka (Zakladateľ) → kontakt (telefón) */
  .fc-grid{grid-template-columns:1fr;gap:34px}
  .fc-form-col{grid-column:1;grid-row:auto;order:1}
  .fc-person-top{grid-column:1;grid-row:auto;order:2}
  .fc-person-bottom{grid-column:1;grid-row:auto;order:3}
  .fc-stage{max-width:300px}
  /* štítok „výkon kampaní" — v popredí, zalomený, nad ramenom (nezakrýva tvár) */
  .fc-chip-stat{z-index:5;top:4%;left:-7%;max-width:142px;white-space:normal;line-height:1.22;
    align-items:flex-start;text-align:left}
  .fc-chip-stat svg{margin-top:1px}
  .fc-chip-reply{right:-4%;bottom:8%}
  .fc-chip-cred{right:-2%}
  /* CTA button ako ostatné na webe — jeden riadok */
  .fc-btn-lg{display:none}.fc-btn-sm{display:inline}
  .fc-btn{font-size:15.5px;font-weight:700;min-height:58px;padding:0 16px;gap:9px;line-height:1.2}
  .fc-btn span{white-space:nowrap}
}
@media(max-width:520px){.fc-field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .fc-aurora,.fc-blob,.fc-pt,.fc-cut,.fc-spot,.fc-ring.r2,.fc-pedestal,.fc-chip,.fc-edot,.fc-bdot,.fc-btn,.fc-btn::before{animation:none}
  .fc .reveal{opacity:1;transform:none;transition:none}
}