/* KONNEKTION v80 (Mykonos round 5, 12 Nov 2026): ONE standard iMove transfers block for every Mykonos club page,
   the four daily-party pages and their patterns. iMove logo on the left, the KONN / -10% text, then the buttons
   To <Venue>, From <Venue>, Download for iOS, Download for Android (normal Liquid Glass buttons).
   Button recipe = the house Liquid Glass recipe (.kx-lg-btn in /assets/kx-round2.css), copied here and scoped to
   .kx-imove so club pages need no other stylesheet. No new look. */
.kx-imove{--kxr2-hx:16%;--kxr2-hy:12%;display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:24px;row-gap:6px;align-items:start}
.kx-imove-logo{grid-column:1;grid-row:1/span 2;display:block;width:132px;height:auto;aspect-ratio:162/126;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#141414}
.kx-imove-text{grid-column:2;grid-row:1;min-width:0}
.kx-imove-actions{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0;padding:0}
.kx-imove-actions .kx-lg-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff8ef!important;
  font:500 14px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;text-decoration:none!important;text-align:center;cursor:pointer;
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(237,28,36,.055) 50%,rgba(255,255,255,.04)),rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(14px) saturate(128%);backdrop-filter:blur(14px) saturate(128%);
  transition:color 1500ms ease,background 1500ms ease,border-color 1500ms ease,box-shadow 1500ms ease,transform 1500ms ease;box-sizing:border-box;max-width:100%}
.kx-imove-actions .kx-lg-btn:hover{color:#fff!important;border-color:rgba(255,255,255,.52);transform:translateY(-1px);
  background:radial-gradient(circle at var(--kxr2-hx) var(--kxr2-hy),rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(237,28,36,.23) 58%,rgba(255,255,255,.08)),rgba(237,28,36,.24)}
.kx-imove-actions .kx-lg-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.kx-imove-actions .kx-lg-btn::after{position:absolute;inset:-45% auto -45% -70%;width:42%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);content:"";opacity:0;pointer-events:none}
.kx-imove-actions .kx-lg-btn:hover::after{animation:kxImoveRefl 1500ms ease forwards}
@keyframes kxImoveRefl{0%{left:-70%;opacity:0}18%{opacity:.62}100%{left:128%;opacity:0}}
/* daily-party normal pages: the description column is narrow (about 230 px at 1280) and centred; the logo floats on the left
   of the text, the buttons sit below in an even grid. */
.event-description .kx-imove{display:block;max-width:760px;margin:18px auto 22px;text-align:left}
.event-description .kx-imove::after{content:"";display:table;clear:both}
.event-description img.kx-imove-logo{float:left;width:64px!important;max-width:64px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:162/126;object-fit:contain!important;margin:4px 14px 6px 0!important;border-radius:12px;box-shadow:none}
.event-description .kx-imove-text p{margin:0 0 14px}
.event-description .kx-imove-actions{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;margin:12px auto 0;max-width:760px}
.event-description .kx-imove-actions .kx-lg-btn{min-height:44px;padding:8px 12px;margin:0;font-size:14px;line-height:1.2}
.event-description .kx-interni-menus{margin:26px auto 30px}
/* daily-party AEO pages: more room between the Google / Apple / Waze buttons and "Mykonos transfers" (Niko, 12 Nov) */
.kx-imove-aeo{margin-top:40px}
.kx-imove-aeo>h3{margin:0 0 16px}
.kx-imove-aeo .kx-transfer-note{margin-top:0}
@media(max-width:640px){
  .kx-imove{grid-template-columns:76px minmax(0,1fr);column-gap:14px}
  .kx-imove-logo{grid-row:1;width:76px;border-radius:12px}
  .kx-imove-actions{grid-column:1/-1;grid-row:2;margin-top:10px}
  .kx-imove-actions .kx-lg-btn{flex:1 1 calc(50% - 5px);padding:0 12px}
}
@media(prefers-reduced-motion:reduce){.kx-imove-actions .kx-lg-btn{transition:none}.kx-imove-actions .kx-lg-btn:hover{transform:none}.kx-imove-actions .kx-lg-btn:hover::after{animation:none}}

/* KX-V82-IMOVE-R6 (Mykonos round 6, Niko 13 Nov 2026): "iMove logo under 'Transfers with iMove' and a bit bigger; To and From
   buttons in the same row after the first paragraph; the other two under the second paragraph (iOS first)."
   Order inside .kx-imove-r6: logo (about 35% larger than round 5) -> paragraph 1 -> row To | From -> paragraph 2 -> row
   Download for iOS | Download for Android. Two equal buttons per row at every width. Same rules for club pages, daily-party
   pages (normal + AEO) and their patterns. */
.kx-imove.kx-imove-r6{display:block!important;max-width:760px}
.kx-imove.kx-imove-r6>img.kx-imove-logo{display:block!important;float:none!important;width:180px!important;max-width:180px!important;height:auto!important;
  min-height:0!important;max-height:none!important;aspect-ratio:162/126;object-fit:contain!important;margin:0 0 16px!important;border-radius:16px;box-shadow:none}
.event-description .kx-imove.kx-imove-r6>img.kx-imove-logo{width:88px!important;max-width:88px!important;border-radius:12px}
.kx-imove.kx-imove-r6>p{margin:0 0 12px}
.kx-imove.kx-imove-r6>.kx-imove-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;
  max-width:520px;margin:4px 0 18px!important;padding:0!important;clear:none}
.kx-imove.kx-imove-r6>.kx-imove-row:last-child{margin-bottom:0!important}
.kx-imove.kx-imove-r6>.kx-imove-row .kx-lg-btn{width:100%!important;min-width:0;margin:0!important;flex:none!important;padding:8px 10px!important;
  white-space:normal;line-height:1.2}
.event-description .kx-imove.kx-imove-r6>.kx-imove-row .kx-lg-btn{font-size:13px}
.event-description .kx-imove-r6+.kx-interni-menus{margin:14px 0 22px!important;max-width:520px}
@media(max-width:640px){
  .kx-imove.kx-imove-r6>img.kx-imove-logo{width:104px!important;max-width:104px!important;border-radius:12px}
  .kx-imove.kx-imove-r6>.kx-imove-row{max-width:none}
}
/* club pages: logo under the heading "Transfers with iMove" (left column on desktop, under the heading on phones) */
.club-solo .baoli-copy:has(> .kx-imove-logo-r6){grid-template-rows:auto auto auto 1fr}
.club-solo .baoli-copy:has(> .kx-imove-logo-r6)>.club-solo-body{grid-row:2/span 3}
.club-solo .baoli-copy>img.kx-imove-logo-r6{display:block;grid-column:1;grid-row:3;align-self:start;width:180px;max-width:180px;height:auto;aspect-ratio:162/126;
  margin:28px 0 0;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#141414}
@media(max-width:820px){
  .club-solo .baoli-copy:has(> .kx-imove-logo-r6){grid-template-rows:none}
  .club-solo .baoli-copy:has(> .kx-imove-logo-r6)>.club-solo-body{grid-row:auto}
  .club-solo .baoli-copy>img.kx-imove-logo-r6{grid-row:auto;width:104px;max-width:104px;margin:18px 0 0;border-radius:12px}
}
/* KX-V82-SEA (Niko 13 Nov): "Sea transfers to and from Nammos." / "Skip the queue, avoid the traffic!" in larger type, with the
   blue boat photo, next to the transfers block (Nammos normal + AEO pages). Photo beside text on wide screens, stacked in the
   narrow description column and on phones. */
.kx-sea-transfer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;margin:40px 0 0;text-align:left}
.kx-sea-photo{margin:0}
.kx-sea-photo img{display:block;width:100%!important;height:auto!important;max-height:none!important;border-radius:16px;border:1px solid rgba(255,255,255,.14)}
.kx-sea-title{font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;font-weight:800!important;margin:0 0 12px!important;color:#fff;text-align:left!important}
.kx-sea-line{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.2!important;font-weight:800!important;margin:0 0 12px!important;color:#fff}
.kx-sea-text{margin:0 0 14px!important}
.kx-sea-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.event-description .kx-sea-transfer{grid-template-columns:1fr;gap:14px;max-width:760px;margin:26px auto 30px}
.event-description .kx-sea-title{font-size:clamp(24px,2.4vw,32px)!important}
.event-description .kx-sea-actions{display:grid;grid-template-columns:1fr;max-width:520px}
@media(max-width:640px){.kx-sea-transfer{grid-template-columns:1fr;gap:14px}}
/* KX-V86-IMOVE-CENTER (round 9, Niko Review 33 note 6: "the iMove logo is not in the middle"): in the event description
   (daily-party normal pages + the /mykonos calendar panel) the heading "Book a transfer in Mykonos!" is centred, so the logo is
   centred under it. Club pages and AEO pages keep the logo left-aligned under their left-aligned heading. */
.event-description .kx-imove.kx-imove-r6>img.kx-imove-logo{margin:0 auto 16px!important}
.event-description .kx-interni-menus-food{margin:6px auto 30px!important;max-width:520px}