/* CN_V5_SOURCE_BEGIN /css/scheduler.css SHA256=7962aa32b7fb8acd0c68123221428c8b1f29c5fec4551ecdb7b87abd0cdb06fc */
/* FILE: /css/scheduler.css */

:root{
  --cnS-bg: rgba(255,255,255,.06);
  --cnS-brd: rgba(255,255,255,.14);
  --cnS-tx: rgba(255,255,255,.92);
  --cnS-dim: rgba(255,255,255,.70);
  --cnS-muted: rgba(255,255,255,.55);
  --cnS-good: rgba(93,255,184,.95);
  --cnS-warn: rgba(255,209,102,.95);
  --cnS-bad: rgba(255,107,107,.95);
  --cnS-accent: rgba(122,162,255,.95);
  --cnS-radius: 18px;
}

.cn-sched{
  border: 1px solid var(--cnS-brd);
  border-radius: var(--cnS-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
}

.cn-schedTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
}

.cn-schedTitle{
  display:flex;
  flex-direction:column;
  line-height:1.15;
  min-width: 0;
}

.cn-schedTitle strong{
  font-weight: 900;
  letter-spacing: .2px;
  font-size: 14px;
}

.cn-schedTitle span{
  font-size: 12px;
  color: rgba(255,255,255,.75);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cn-schedNav{
  display:flex;
  gap:10px;
  align-items:center;
}

.cn-schedBtn{
  appearance:none;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: var(--cnS-tx);
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
  .cn-schedBtn:active{
  transform: scale(.99);
}

.cn-schedBtn.primary{
  background: rgba(122,162,255,.20);
  border-color: rgba(122,162,255,.38);
}

.cn-schedPills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}

.cn-schedPill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-size: 13px;
  color: var(--cnS-dim);
  white-space:nowrap;
}

.cn-schedPill b{
  color: var(--cnS-tx);
}

.cn-schedPill.ok{
  border-color: rgba(93,255,184,.26);
  background: rgba(93,255,184,.10);
}

.cn-schedPill.bad{
  border-color: rgba(255,107,107,.26);
  background: rgba(255,107,107,.10);
}

.cn-schedBody{
  padding:12px;
}

.cn-schedGrid{
  display:grid;
  grid-template-columns: 58px 1fr;
  gap:10px;
}

.cn-schedTimes{
  display:grid;
  grid-auto-rows: 28px;
}

.cn-schedTime{
  height: 28px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-right:6px;
  font-size: 12px;
  color: rgba(255,255,255,.78);
  font-weight: 700;
}

.cn-schedLaneWrap{
  position: relative;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  overflow:hidden;
}

.cn-schedLane{
  position: relative;
  height: calc(var(--cnS-rows) * 28px);
}

.cn-schedRowLine{
  position:absolute;
  left:0; right:0;
  height: 1px;
  background: rgba(255,255,255,.08);
}

.cn-schedSlot{
  position:absolute;
  left:10px;
  right:10px;
  height: 24px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}

.cn-schedSlot[data-state="free"]{
  border-color: rgba(93,255,184,.22);
  background: rgba(93,255,184,.08);
}

.cn-schedSlot[data-state="busy"]{
  border-color: rgba(255,107,107,.26);
  background: rgba(255,107,107,.10);
  cursor:not-allowed;
  opacity:.95;
}

.cn-schedSlot[data-state="travel"]{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  cursor:not-allowed;
  opacity:.82;
}

.cn-schedSlot[data-state="blocked"]{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  cursor:not-allowed;
  opacity:.72;
}

.cn-schedSlot[data-selected="1"]{
  outline: 3px solid rgba(122,162,255,.20);
  border-color: rgba(122,162,255,.45);
  background: rgba(122,162,255,.14);
}

.cn-schedSlot small{
  font-weight: 900;
  color: rgba(255,255,255,.70);
}

.cn-schedHint{
  margin-top:10px;
  color: var(--cnS-muted);
  font-size: 12px;
  line-height: 1.45;
}

@media (min-width: 900px){
  .cn-schedGrid{ grid-template-columns: 70px 1fr; }
  .cn-schedTime{ font-size: 13px; }
}

.cn-sched .cn-schedToggle{
  appearance:none;
  -webkit-appearance:none;

  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:14px 16px;

  border-radius: 18px;
  overflow:hidden;

  border: 1px solid rgba(255,255,255,.12);

  background: rgba(255,255,255,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  color: rgba(255,255,255,.92);

  box-shadow:none;
  outline:none;

  font: inherit;
  line-height: 1.2;
  cursor:pointer;

  -webkit-tap-highlight-color: transparent;
}

.cn-sched .cn-schedToggle:active{
  transform: scale(.99);
}

.cn-sched .cn-schedToggleLeft{
  font-weight: 800;
  color: rgba(255,255,255,.90);
}

.cn-sched .cn-schedToggleRight{
  font-weight: 900;
  color: rgba(255,255,255,.92);
  white-space: nowrap;
  letter-spacing: .2px;
}
/* CN_V5_SOURCE_END /css/scheduler.css */
/* CN_V5_SOURCE_BEGIN /css/ui.css SHA256=b148971b99112b577d229eb5cb776be177e6f802c3db1c27d37d4edc8b33251d */
/* ================================
   TOAST (CONFIRM / ERROR) – PRO (FINAL)
   - higher position (raised more than 96px)
   - bigger padding + bigger font
   - strong contrast + glow
   - left state stripe (ok/warn/bad)
   - progress bar stronger (especially OK green)
   - always above content (z-index max)
================================== */

.cnToastHost{
  position:fixed;
  left:14px;
  right:14px;

  bottom:calc(160px + env(safe-area-inset-bottom, 0px));

  display:flex;
  justify-content:center;
  pointer-events:none;

  z-index:2147483000; /* stabil, elég magas, nem max-int */
}

/* alacsony viewportnál lejjebb, hogy ne takarja el a tartalmat */
@media (max-height: 740px){
  .cnToastHost{
    bottom:calc(140px + env(safe-area-inset-bottom, 0px));
  }
}

.cnToast{
  pointer-events:auto;
  position:relative;

  width:min(92vw, 460px);
  min-height:66px;

  display:flex;
  align-items:flex-start;
  gap:12px;

  padding:18px 16px 20px 26px;  /* nagyobb + hely a bal csíknak */
  border-radius:22px;

  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06));

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  box-shadow:
    0 22px 60px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.08) inset;

  transform:translateY(18px);
  opacity:0;
  will-change:transform,opacity;
}

/* LEFT STATE STRIPE */
.cnToast::before{
  content:"";
  position:absolute;
  left:10px;
  top:12px;
  bottom:12px;
  width:5px;
  border-radius:999px;
  background:rgba(122,162,255,.90); /* default */
  box-shadow:0 0 18px rgba(122,162,255,.45);
}

.cnToast[data-type="ok"]::before{
  background:rgba(80,255,160,1);
  box-shadow:0 0 22px rgba(80,255,160,.55);
}
.cnToast[data-type="warn"]::before{
  background:rgba(255,209,102,1);
  box-shadow:0 0 22px rgba(255,209,102,.55);
}
.cnToast[data-type="bad"]::before{
  background:rgba(255,107,107,1);
  box-shadow:0 0 22px rgba(255,107,107,.55);
}

/* SHOW / HIDE */
.cnToast[data-show="1"]{
  transform:translateY(0);
  opacity:1;
  transition:transform 180ms ease-out,opacity 180ms ease-out;
}
.cnToast[data-hide="1"]{
  transform:translateY(12px);
  opacity:0;
  transition:transform 160ms ease-in,opacity 160ms ease-in;
}

/* ICON */
.cnToastIcon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:999px;

  display:grid;
  place-items:center;

  border:1px solid rgba(255,255,255,.20);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.26), rgba(255,255,255,.06));
  box-shadow:0 14px 34px rgba(0,0,0,.46);
}
.cnToastIcon svg{ opacity:.98; }

/* TEXT */
.cnToastText{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-top:1px;
}
.cnToastText .t{
  font-weight:950;
  letter-spacing:.2px;
  font-size:15px;
  line-height:1.15;
}
.cnToastText .s{
  font-size:14px;
  line-height:1.35;
  opacity:.86;
}

/* GLOW LAYER */
.cnToastGlow{
  position:absolute;
  inset:-22px -18px -22px -18px;
  border-radius:30px;
  pointer-events:none;
  opacity:.98;
  filter:blur(14px);
}
.cnToast[data-type="ok"] .cnToastGlow{
  background:radial-gradient(260px 120px at 32% 52%, rgba(80,255,160,.36), transparent 70%);
}
.cnToast[data-type="warn"] .cnToastGlow{
  background:radial-gradient(260px 120px at 32% 52%, rgba(255,209,102,.30), transparent 70%);
}
.cnToast[data-type="bad"] .cnToastGlow{
  background:radial-gradient(260px 120px at 32% 52%, rgba(255,107,107,.30), transparent 70%);
}

/* PROGRESS BAR – STRONGER */
.cnToastBar{
  position:absolute;
  left:16px;
  right:16px;
  bottom:10px;

  height:5px;                 /* erősebb */
  border-radius:999px;

  background:rgba(255,255,255,.14);
  overflow:hidden;
}
.cnToastBar > i{
  display:block;
  height:100%;
  width:100%;
  transform-origin:left center;
  transform:scaleX(1);
  filter: drop-shadow(0 0 10px rgba(255,255,255,.10));
}

/* ok green: extra erős + glow */
.cnToast[data-type="ok"] .cnToastBar > i{
  background:linear-gradient(90deg, rgba(80,255,160,1), rgba(80,255,160,.55), rgba(80,255,160,0));
  filter: drop-shadow(0 0 12px rgba(80,255,160,.35));
}
.cnToast[data-type="warn"] .cnToastBar > i{
  background:linear-gradient(90deg, rgba(255,209,102,1), rgba(255,209,102,.55), rgba(255,209,102,0));
  filter: drop-shadow(0 0 12px rgba(255,209,102,.30));
}
.cnToast[data-type="bad"] .cnToastBar > i{
  background:linear-gradient(90deg, rgba(255,107,107,1), rgba(255,107,107,.55), rgba(255,107,107,0));
  filter: drop-shadow(0 0 12px rgba(255,107,107,.30));
}

.cnToast[data-run="1"] .cnToastBar > i{
  transition:transform var(--d,3600ms) linear;
  transform:scaleX(0);
}

/* ================================
   14 Tage (FAGG) – details styling
   FIX: [open] is on <details>, not on wrapper div
================================== */

.cn-consent14d{ margin-top:10px; }

.cn-consent14d__summary{
  cursor:pointer;
  font-weight:950;
  font-size:12px;
  color: rgba(255,255,255,.88);
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(10,16,34,.16);
  list-style:none;
}
.cn-consent14d__summary::-webkit-details-marker{ display:none; }

.cn-consent14d__details[open] .cn-consent14d__summary{
  border-color: rgba(122,162,255,.55);
  box-shadow: 0 0 0 3px rgba(122,162,255,.16);
}

.cn-consent14d__box{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.cn-consent14d__text{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.45;
  color: rgba(255,255,255,.74);
}

/* ===== CleanNest – Flatpickr DARK (FINAL) ===== */
html body .flatpickr-calendar{
  background:#0f1724 !important;               /* SÖTÉT ALAP */
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.65) !important;
  overflow:hidden !important;
}

html body .flatpickr-months{
  background:#0f1724 !important;
  padding:12px 12px 8px !important;
}

html body .flatpickr-current-month{
  font-size:16px !important;
  font-weight:700 !important;
  color:#fff !important;
}

html body .flatpickr-weekdays{
  background:#0f1724 !important;
  padding:6px 12px 0 !important;
}

html body span.flatpickr-weekday{
  color:rgba(255,255,255,.75) !important;
  font-weight:600 !important;
}

html body .flatpickr-days{
  background:#0f1724 !important;
  padding:10px 12px 14px !important;
}

html body .flatpickr-day{
  color:rgba(255,255,255,.85) !important;
  border-radius:12px !important;
  line-height:40px !important;
  height:40px !important;
  width:40px !important;
  font-weight:600 !important;
}

html body .flatpickr-day:hover{
  background:rgba(255,255,255,.08) !important;
}

html body .flatpickr-day.today{
  border:1px solid rgba(196,155,70,.7) !important;
}

html body .flatpickr-day.selected,
html body .flatpickr-day.startRange,
html body .flatpickr-day.endRange{
  background:#c49b46 !important;   /* CleanNest gold */
  border-color:transparent !important;
  color:#111 !important;
}

html body .flatpickr-day.flatpickr-disabled,
html body .flatpickr-day.disabled{
  opacity:.3 !important;
  cursor:not-allowed !important;
}

/* Mobil */
@media (max-width:520px){
  html body .flatpickr-calendar{
    width:min(390px, calc(100vw - 16px)) !important;
  }
  html body .flatpickr-day{
    line-height:44px !important;
    height:44px !important;
    max-width:44px !important;
  }
}

.cn-coupon-locked{
  background:#f3f7fb;
  color:#0a4b83;
  border:2px dashed rgba(15,111,194,.28);
  font-weight:700;
  cursor:not-allowed;
}
/* CN_V5_SOURCE_END /css/ui.css */
/* CN_V5_SOURCE_BEGIN /css/custom.min.css SHA256=077cc1a0e35da01c471cc6c2a28216e25c76cf91c325e32c41e7bd2e88f7b465 */
@media (prefers-reduced-motion:reduce){.cnStepsPro::before,
  .cnStepsProList::before,
  .cnStepsProList::after,
  .cnStepsProItem,
  .cnStepsProNumber{animation:none !important}.cnStepsProItem{transform:none !important}.cnStepsProList::after{transform:scaleY(1)}.cnStepsProItem:hover{transform:none}}:root{--sky0:#dceef8;--sky1:#0a1430;--sky2:#9fd4ff;--sky3:#2d78c8;--tx:rgba(255,255,255,.92);--dim:rgba(255,255,255,.70);--muted:rgba(255,255,255,.55);--card-glass:rgba(10,16,34,.46);--card-glass2:rgba(10,16,34,.62);--card-brd:rgba(255,255,255,.14);--accent:rgba(122,162,255,.95);--good:rgba(93,255,184,.95);--warn:rgba(255,209,102,.95);--bad:rgba(255,107,107,.95);--r:18px;--shadow:0 14px 40px rgba(0,0,0,.35)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;background:radial-gradient(900px 520px at 20% 12%, rgba(255,255,255,.06), transparent 62%),
      radial-gradient(1100px 620px at 80% 10%, rgba(255,255,255,.04), transparent 64%),
      radial-gradient(1200px 780px at 50% 35%, rgba(159,212,255,.45), transparent 60%),
      radial-gradient(1400px 900px at 50% 95%, rgba(45,120,200,.30), transparent 65%),
      linear-gradient(180deg, var(--sky1) 0%, var(--sky0) 45%, rgba(159,212,255,.55) 68%, rgba(45,120,200,.45) 100%);overflow-x:hidden;position:relative}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(12px 12px at 12% 22%, rgba(255,255,255,.18), transparent 62%),
      radial-gradient(18px 18px at 22% 44%, rgba(255,255,255,.16), transparent 62%),
      radial-gradient(10px 10px at 34% 28%, rgba(255,255,255,.14), transparent 62%),
      radial-gradient(22px 22px at 46% 52%, rgba(255,255,255,.16), transparent 62%),
      radial-gradient(14px 14px at 58% 34%, rgba(255,255,255,.14), transparent 62%),
      radial-gradient(26px 26px at 70% 58%, rgba(255,255,255,.16), transparent 62%),
      radial-gradient(16px 16px at 82% 30%, rgba(255,255,255,.14), transparent 62%),
      radial-gradient(20px 20px at 88% 48%, rgba(255,255,255,.15), transparent 62%),
      radial-gradient(12px 12px at 18% 78%, rgba(255,255,255,.12), transparent 62%),
      radial-gradient(24px 24px at 74% 82%, rgba(255,255,255,.12), transparent 62%);opacity:.9}.wrap{width:min(1120px, calc(100% - 32px));margin:0 auto;position:relative;z-index:1}a{color:inherit}.glass{background:linear-gradient(180deg, var(--card-glass2), var(--card-glass));border:1px solid var(--card-brd);border-radius:var(--r);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);position:relative;z-index:1}.btn{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(10,16,34,.18);color:var(--tx);border-radius:14px;padding:6px 12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.primary{background:rgba(122,162,255,.22);border-color:rgba(122,162,255,.38)}.btn.ghost{background:rgba(10,16,34,.14);border-color:rgba(255,255,255,.14)}.btn.choose{border:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg, #f3d17a, #c49b46);color:#0f1216;box-shadow:0 10px 24px rgba(196,155,70,.28), 0 6px 14px rgba(0,0,0,.18)}.btn.choose:focus{outline:none;box-shadow:0 0 0 4px rgba(196,155,70,.35), 0 10px 24px rgba(196,155,70,.28), 0 6px 14px rgba(0,0,0,.18)}#cnSizeCards .btn.primary{border:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg, #f3d17a, #c49b46);color:#0f1216;box-shadow:0 10px 24px rgba(196,155,70,.28), 0 6px 14px rgba(0,0,0,.18)}#cnSizeCards .btn.primary:active{transform:translateY(1px)}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,16,34,.14);font-size:13px;color:var(--dim);white-space:nowrap}.pill.strong{color:var(--tx);border-color:rgba(93,255,184,.30);background:rgba(93,255,184,.10)}section.hero{padding:28px 0 12px}.heroGrid{display:grid;grid-template-columns:1fr;gap:14px}.heroMain{padding:18px}.heroSide{padding:18px}h1{margin:0;font-size:clamp(28px, 4.4vw, 46px);letter-spacing:-.7px}.lead{margin:12px 0 0;color:var(--dim);font-size:16px;line-height:1.55}.badgeRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.ctaRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.brandOrb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.14);background:radial-gradient(420px 240px at 50% 20%, rgba(255,255,255,.14), transparent 62%),
    radial-gradient(520px 320px at 50% 80%, rgba(10,16,34,.22), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(10,16,34,.14))}.orbInner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(-6px)}.orbLogo{width:min(270px, 70%);height:auto;filter:drop-shadow(0 18px 44px rgba(0,0,0,.35));opacity:.95}.cnHeroFix{position:relative;overflow:hidden;padding:6px 0 2px}.cnHeroFix::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;background:radial-gradient(circle, rgba(243,209,122,.18), transparent 70%);filter:blur(18px);pointer-events:none}.cnHeroEyebrow{position:relative;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:rgba(93,255,184,.10);border:1px solid rgba(93,255,184,.30);color:#5dffb8;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 16px rgba(93,255,184,.14)}.cnHeroDot{width:8px;height:8px;border-radius:50%;background:#5dffb8;box-shadow:0 0 8px #5dffb8;animation:cnHeroDotPulse 2s infinite}.cnHeroTitle{position:relative;margin:0 0 16px;font-size:clamp(32px, 7.8vw, 56px);line-height:1.04;font-weight:950;letter-spacing:-1px;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.50)}.cnHeroTitle span{display:inline-block;background:linear-gradient(135deg,#fff 0%,#f3d17a 42%,#c49b46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(243,209,122,.24))}.cnHeroLead{position:relative;margin:0 0 18px;max-width:95%;font-size:clamp(16px,2.5vw,18px);line-height:1.62;color:var(--dim)}.cnPain{display:inline-block;position:relative;color:rgba(255,255,255,.48);margin-right:6px}.cnPain::after{content:"";position:absolute;left:-2%;top:56%;width:104%;height:2px;background:rgba(255,107,107,.42);transform:translateY(-50%) rotate(-1deg);box-shadow:0 0 4px rgba(255,107,107,.18)}.cnSolution{color:#5dffb8;font-weight:950;text-shadow:0 0 16px rgba(93,255,184,.30)}.cnHeroLead strong{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:8px;background:rgba(243,209,122,.12);border:1px solid rgba(243,209,122,.25);color:#f3d17a;font-weight:950}.cnHeroBadges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cnHeroPill{position:relative;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;appearance:none;-webkit-appearance:none;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(10,16,34,.50);color:rgba(255,255,255,.86);font:inherit;font-size:14px;font-weight:850;text-align:left;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.06);transition:transform .3s cubic-bezier(.25,.8,.25,1),
    filter .3s cubic-bezier(.25,.8,.25,1),
    background .3s cubic-bezier(.25,.8,.25,1),
    border-color .3s cubic-bezier(.25,.8,.25,1),
    box-shadow .3s cubic-bezier(.25,.8,.25,1)}.cnHeroPill:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}.cnHeroPill.cnInfoActive{color:#65ffb5;border-color:rgba(61,255,162,.75);background:linear-gradient(
      135deg,
      rgba(18,78,57,.72),
      rgba(7,24,29,.82)
    );box-shadow:0 0 0 1px rgba(61,255,162,.20) inset,
    0 0 18px rgba(61,255,162,.42),
    0 0 34px rgba(61,255,162,.18),
    0 10px 28px rgba(0,0,0,.38);transform:translateY(-2px) scale(1.02)}.cnHeroPill.cnInfoActive svg{stroke:#65ffb5;filter:drop-shadow(0 0 6px rgba(61,255,162,.65))}.cnHeroPill svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.cnHeroPillText{flex:1;min-width:0}.cnHeroInfoMark{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#f3d17a;font-size:18px;font-weight:900;line-height:1;opacity:.82;text-shadow:0 0 10px rgba(243,209,122,.32);transition:color .3s ease,
    opacity .3s ease,
    transform .3s cubic-bezier(.25,.8,.25,1),
    text-shadow .3s ease}.cnHeroPill:hover .cnHeroInfoMark{opacity:1;transform:scale(1.08);text-shadow:0 0 14px rgba(243,209,122,.55)}.cnHeroPill.cnInfoActive .cnHeroInfoMark{color:#65ffb5;opacity:1;transform:scale(1.1);text-shadow:0 0 8px rgba(61,255,162,.75),
    0 0 18px rgba(61,255,162,.45)}.cnHeroInfoHint{display:flex;align-items:center;gap:7px;margin:4px 0 10px;padding:0 2px;color:rgba(255,255,255,.62);font-size:12px;font-weight:700;line-height:1.4}.cnHeroInfoHint span{flex:0 0 auto;color:#f3d17a;font-size:15px;text-shadow:0 0 10px rgba(243,209,122,.35)}.cnHeroPillGold{background:linear-gradient(135deg, rgba(243,209,122,.22), rgba(196,155,70,.08));border-color:rgba(243,209,122,.52);color:#f3d17a;font-weight:950;box-shadow:0 8px 24px rgba(0,0,0,.30),
    0 0 20px rgba(243,209,122,.20)}@keyframes cnHeroDotPulse{0%{box-shadow:0 0 0 0 rgba(93,255,184,.60)}70%{box-shadow:0 0 0 7px rgba(93,255,184,0)}100%{box-shadow:0 0 0 0 rgba(93,255,184,0)}}@media (max-width:640px){.cnHeroBadges{gap:8px}.cnHeroPill{width:100%;padding:10px 12px}.cnHeroLead{max-width:100%}}.cnFocusNote{position:relative;padding:16px 16px 16px 18px;border-radius:16px;background:rgba(10,16,34,.26);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,.28)}.cnFocusNote:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg, rgba(196,155,70,.60), rgba(196,155,70,.18))}.cnFocusTitle{margin:0 0 8px 0;font-weight:900;font-size:16px;letter-spacing:-.2px;color:var(--tx)}.cnFocusText{margin:0;font-size:14px;line-height:1.55;color:var(--dim)}.cnFocusList{margin:0 0 10px 0;padding:0;list-style:none}.cnFocusList li{margin:6px 0;padding-left:14px;position:relative;font-size:14px;line-height:1.5;color:var(--dim)}.cnFocusList li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:rgba(196,155,70,.55);box-shadow:0 0 0 3px rgba(196,155,70,.12);transform:translateY(-50%)}.cnFocusDivider{margin:12px 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent)}.cnFocusNotePro{position:relative;padding:16px 16px 16px 20px;border-radius:16px;background:rgba(6,10,22,.48);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 22px 56px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04)}.cnFocusNotePro:before{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(
    180deg,
    rgba(196,155,70,.65),
    rgba(196,155,70,.25)
  );animation:cnGoldPulse 3.6s ease-in-out infinite}@keyframes cnGoldPulse{0%{box-shadow:0 0 0 rgba(196,155,70,.15),
      0 0 0 rgba(196,155,70,0);opacity:.85}50%{box-shadow:0 0 12px rgba(196,155,70,.35),
      0 0 28px rgba(196,155,70,.18);opacity:1}100%{box-shadow:0 0 0 rgba(196,155,70,.15),
      0 0 0 rgba(196,155,70,0);opacity:.85}}section.block{padding:14px 0}.h2{margin:0 0 12px;font-size:20px;letter-spacing:-.2px}.grid3{display:grid;grid-template-columns:1fr;gap:12px}.card{padding:14px}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--dim);font-size:14px;line-height:1.55}.note{color:var(--muted);font-size:12px;line-height:1.45}form label{display:block;color:#d4b46a}.field{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(10,16,34,.55);color:#d4b46a;font-weight:700;outline:none}.field:focus{border-color:rgba(122,162,255,.45);box-shadow:0 0 0 3px rgba(122,162,255,.14)}.formGrid{display:grid;grid-template-columns:1fr;gap:10px}.cn-cta-gate{display:block;margin:4px 0 12px}.cn-cta-primary{width:100%;appearance:none;border:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg, #f3d17a, #c49b46);color:#0f1216;border-radius:16px;padding:14px 16px;font-weight:950;font-size:16px;letter-spacing:.2px;text-align:center;cursor:pointer;box-shadow:0 12px 28px rgba(196,155,70,.35), 0 6px 14px rgba(0,0,0,.22)}.cn-cta-primary:active{transform:translateY(1px)}.cn-cta-primary:focus{outline:none;box-shadow:0 0 0 4px rgba(196,155,70,.35), 0 12px 28px rgba(196,155,70,.35), 0 6px 14px rgba(0,0,0,.22)}footer{margin-top:18px;padding:22px 0 34px;border-top:1px solid rgba(255,255,255,.10);background:linear-gradient(
    to bottom,
    rgba(10,16,34,.92),
    rgba(10,16,34,.98)
  )}.footGrid{display:grid;grid-template-columns:1fr;gap:12px}.legalLinks{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted)}.cnTagline{margin-top:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(
      135deg,
      rgba(243,209,122,.08),
      rgba(255,255,255,.02)
    );border:1px solid rgba(243,209,122,.20);font-size:15px;line-height:1.6;color:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(0,0,0,.25),
    0 0 18px rgba(243,209,122,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cnTagline strong{background:linear-gradient(180deg,#f3d17a,#c49b46);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.chatOrb{position:fixed;right:14px;bottom:14px;width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(122,162,255,.18));box-shadow:0 18px 46px rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;z-index:80;cursor:pointer}.chatOrb svg{opacity:.95}.chatSheetScrim{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;z-index:85}.chatSheet{position:fixed;left:12px;right:12px;bottom:12px;height:min(70vh, 560px);display:none;z-index:90;padding:12px}.chatHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 12px}.chatTitle{font-weight:900}.chatBody{height:calc(100% - 56px);display:flex;flex-direction:column;gap:10px;padding:0 10px 10px}.chatLog{flex:1;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.04);padding:10px}.msg{margin:0 0 8px;color:var(--dim);font-size:13px;line-height:1.45}.chatInputRow{display:flex;gap:10px}.chatInputRow input{flex:1}nav.desktopNav,
.desktopNav,
#desktopNav{display:none !important}header.topbar{position:sticky;top:0;z-index:9999;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(220px 150px at 15% 40%, rgba(52,183,255,.18), transparent 65%),
    radial-gradient(180px 130px at 15% 40%, rgba(31,174,91,.14), transparent 70%),
    linear-gradient(180deg, rgba(10,16,34,.85), rgba(10,16,34,.95));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 35px rgba(0,0,0,.55)}header.topbar .topbarWrap{width:min(1120px, calc(100% - 24px));margin:0 auto;padding:8px 0}header.topbar .toprow{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"brand hero hamb"
    "brand hero actions";align-items:center;column-gap:12px;min-height:72px}header.topbar a.brand{position:static;display:inline-flex;align-items:center;text-decoration:none;line-height:0}header.topbar a.brand{grid-area:brand}header.topbar img.brandLogoSmall{display:block;height:88px;width:auto;max-width:190px;object-fit:contain}header.topbar .heroMark{position:static;display:flex;align-items:center;justify-content:center;padding-left:0;pointer-events:none;justify-self:center;text-align:center}header.topbar .heroMark{grid-area:hero;grid-column:2}header.topbar .heroMark{transform:none !important}header.topbar .heroMark[style]{transform:none !important}header.topbar .actions{position:static;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;grid-area:actions}#cnHamb{position:static;appearance:none;border:1px solid rgba(25,255,140,.55);background:rgba(9,22,18,.45);color:#59ffb3;border-radius:14px;padding:8px 10px;line-height:1;cursor:pointer;box-shadow:0 0 0 3px rgba(25,255,140,.10),
    0 10px 26px rgba(0,0,0,.35),
    0 0 22px rgba(25,255,140,.28);grid-area:hamb}#cnHamb:active{transform:scale(0.98)}header.topbar .btn.primary.topbarCta{padding:6px 10px;font-size:13px;font-weight:950;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:linear-gradient(180deg, #f3d17a, #c49b46);color:#0f1216;box-shadow:0 10px 22px rgba(196,155,70,.26),
    0 6px 14px rgba(0,0,0,.18)}header.topbar .phoneLink{text-decoration:none;display:inline-flex;align-items:center;justify-content:flex-end}header.topbar .phoneNum{font-size:13px;font-weight:800;color:#ff3b3b;text-shadow:0 0 10px rgba(255,59,59,.42),
    0 0 18px rgba(255,59,59,.22);animation:phoneBreath 3.2s ease-in-out infinite}@keyframes phoneBreath{0%{opacity:.65}50%{opacity:1}100%{opacity:.65}}header.topbar .heroMark .heroBanner{display:block;width:auto;height:56px;max-width:100%;object-fit:contain}@media (max-width: 520px){header.topbar .heroMark{padding:0 6px}header.topbar .heroMark .heroBanner{height:52px}}.mobileMenuScrim{position:fixed;inset:0;display:none;z-index:120;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobileMenu{position:fixed;left:12px;right:12px;top:88px;max-height:calc(100vh - 110px);overflow:auto;display:none;z-index:130}.mobileMenu .row{display:grid;gap:10px}.mobileMenu a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;text-decoration:none;border:1px solid rgba(255,255,255,.18);background:rgba(6,10,22,.65);color:#eaf1ff;font-weight:900;font-size:15px;letter-spacing:.3px;box-shadow:0 10px 28px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.05)}@media (min-width: 900px){.heroGrid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.footGrid{grid-template-columns:1fr;align-items:start}}html{scroll-behavior:smooth}.bookingTitle{color:#F0ECE6;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.55),
    0 0 18px rgba(0,0,0,.35);background:linear-gradient(
    180deg,
    rgba(10,16,34,.75),
    rgba(10,16,34,.35)
  );padding:10px 14px;border-radius:14px}.btn.choose:hover,
.btn.choose:active{background:linear-gradient(180deg, #f7d774 0%, #d4a72c 100%);border-color:#f1c84b;color:#1a1a1a;box-shadow:0 6px 18px rgba(241,200,75,.35),
    0 2px 6px rgba(0,0,0,.25);transform:translateY(-1px)}.btn.choose:active{transform:translateY(0);box-shadow:0 3px 10px rgba(241,200,75,.35)}@media (max-width: 520px){header.topbar .toprow{grid-template-columns:auto minmax(0,1fr) auto}header.topbar img.brandLogoSmall{height:52px;max-width:120px}header.topbar .heroMark{min-width:0;overflow:hidden}header.topbar .heroMark *{max-width:100%}header.topbar .actions{min-width:0}header.topbar .phoneNum{font-size:12px}}header.topbar .toprow > *{min-width:0}header.topbar .heroMark{min-width:0;max-width:100%;overflow:hidden}header.topbar .heroMark *{min-width:0;max-width:100%}.cnFixpriceField{margin:12px 0 16px}.cnFixpriceField input{font-size:20px;font-weight:800;letter-spacing:.2px;padding:14px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#eaf1ff;box-shadow:0 10px 26px rgba(0,0,0,.18)}.cnFixpriceHint{margin-top:6px;font-size:12px;opacity:.75}.cnWarnDetails{overflow:hidden;border-radius:14px}.cnWarnSummary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;font-weight:950;line-height:1.15;color:#1b1400;background:linear-gradient(180deg,#FFD84D,#FFB300);box-shadow:0 8px 22px rgba(255,180,0,.35);animation:warnPulse 1.2s ease-in-out infinite;-webkit-tap-highlight-color:transparent;user-select:none}.cnWarnSummary::-webkit-details-marker{display:none}.cnWarnSub{display:block;font-size:12px;font-weight:900;opacity:.85}.cnWarnBody{padding:14px}.cnWarnDetails[open] .cnWarnSummary{animation:none;box-shadow:0 12px 30px rgba(255,180,0,.5)}@keyframes warnPulse{0%{box-shadow:0 8px 20px rgba(255,180,0,.30)}50%{box-shadow:0 16px 40px rgba(255,180,0,.60)}100%{box-shadow:0 8px 20px rgba(255,180,0,.30)}}@media (prefers-reduced-motion: reduce){.cnWarnSummary{animation:none}}.cnFixNote{margin-top:12px;padding:14px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(6,10,22,.46);box-shadow:0 18px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);color:var(--tx);font-weight:900;line-height:1.5}.cnPakToggleBtn{display:inline-flex;align-items:center;justify-content:center;margin:10px 0 14px;padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,#2f7dd1 0%, #3fbf6c 100%);color:#F0ECE6;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.35),
    0 4px 12px rgba(0,0,0,.25);transition:transform .18s ease, box-shadow .25s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.cnPakToggleBtn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.45),
    0 8px 18px rgba(0,0,0,.35)}.cnPakToggleBtn:active{transform:scale(.98)}#cnPakPanel{max-height:0px;overflow:hidden;transition:max-height .25s ease}#cnPakPanel[aria-hidden="true"]{max-height:0px}#buchung{background:rgba(18,16,14,.35) !important;backdrop-filter:blur(6px) !important}#buchung .glass,
#buchung .glass-card,
#buchung .block,
#buchung .wrap,
#buchung .card,
#buchung .cn-cta-gate,
#buchung #cnSizeWrap,
#buchung #cnFormRest,
#buchung #cnExtraOptions{background:rgba(18,16,14,.72) !important;backdrop-filter:blur(8px) !important}#buchung select,
  #buchung input,
  #buchung textarea{background:rgba(18,16,14,.55) !important;color:#fff !important;font-size:16px !important;font-weight:800 !important;-webkit-text-fill-color:#fff !important}#buchung input::placeholder,
#buchung textarea::placeholder{color:rgba(255,255,255,.55) !important;-webkit-text-fill-color:rgba(255,255,255,.55) !important}#buchung .cn-fixedPriceHint,
#buchung .cn-priceHint,
#buchung .hint,
#buchung small{opacity:1 !important}.footerCounter{margin-top:30px;display:flex;justify-content:center}.footerCounterInner{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:16px;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);font-size:18px;font-weight:600;letter-spacing:.3px}.fcIcon{font-size:20px}.fcLabel{opacity:.85}.fcNumber{font-size:22px;font-weight:700;color:var(--good)}[hidden]{display:none !important}.cn-window-hinweis{background:#ffe08a !important;color:#000 !important;padding:6px 8px !important;border-radius:8px !important;font-size:13px !important;line-height:1.35 !important;margin:6px 0 !important;border:1px solid #e2b400 !important}.cn-window-hinweis .cn-minimum{display:block !important;margin-top:6px !important;padding:6px 10px !important;font-weight:900 !important;font-size:14px !important;background:linear-gradient(135deg, #1f2a44, #2d3b63) !important;color:#ffffff !important;border-radius:8px !important;border:2px solid #162038 !important;box-shadow:0 3px 10px rgba(0,0,0,0.22) !important;letter-spacing:0.3px !important}.cnPromoGlow{position:relative;overflow:hidden;border:1px solid rgba(243,209,122,.55);background:linear-gradient(135deg, rgba(243,209,122,.12), rgba(196,155,70,.18));animation:cnPromoPulse 2.8s ease-in-out infinite}.cnPromoGlow::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(243,209,122,.25) 0%, transparent 60%);animation:cnPromoRotate 8s linear infinite}.cnPromoTitle{font-weight:950;font-size:18px;letter-spacing:.5px;color:#f3d17a;text-shadow:0 0 12px rgba(243,209,122,.6)}@keyframes cnPromoPulse{0%,100%{box-shadow:0 0 12px rgba(243,209,122,.25)}50%{box-shadow:0 0 28px rgba(243,209,122,.6)}}@keyframes cnPromoRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cnPriceToggleBtn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:10px;font-weight:900;font-size:13px;cursor:pointer;border:none;background:linear-gradient(135deg,#f3d17a,#c49b46);color:#111;box-shadow:0 4px 12px rgba(243,209,122,0.25);transition:transform .25s ease,box-shadow .25s ease}.cnPriceToggleBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(243,209,122,0.55)}.cnPriceToggleBtn:active{transform:scale(.98)}.old-price{position:relative;display:inline-block;font-size:18px;color:#2e7d32;font-weight:700;line-height:1.2}.old-price::after{content:"";position:absolute;width:120%;height:3px;background:#2e7d32;left:-10%;top:65%;transform:rotate(-8deg);border-radius:2px}.old-price{display:block;margin-bottom:12px}.new-price{position:relative;display:block;margin-top:2px;font-size:1.18em;font-weight:900;letter-spacing:0.5px;line-height:1.15;padding-bottom:12px;background:linear-gradient(
    110deg,
    #eafff3 0%,
    #22c55e 25%,
    #4ade80 45%,
    #16a34a 65%,
    #22c55e 85%,
    #eafff3 100%
  );background-size:250% 100%;background-position:0% 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(0,0,0,0.6),
    0 0 12px rgba(34,197,94,0.35),
    0 0 22px rgba(34,197,94,0.25);will-change:background-position, transform;animation:priceShimmer 2s linear infinite,
    priceFloat 2.2s ease-in-out infinite}@keyframes priceShimmer{0%{background-position:0% 50%}100%{background-position:250% 50%}}@keyframes priceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.new-price::after{content:"";position:absolute;left:8%;right:8%;bottom:2px;height:4px;border-radius:99px;background:linear-gradient(
    90deg,
    rgba(34,197,94,0),
    rgba(34,197,94,1),
    rgba(34,197,94,0)
  );opacity:0.7;filter:blur(0.4px);animation:underlineSweep 2s linear infinite}@keyframes underlineSweep{0%{opacity:0.3;transform:translateX(-14px)}50%{opacity:1;transform:translateX(0)}100%{opacity:0.3;transform:translateX(14px)}}@media (prefers-reduced-motion: reduce){.new-price{animation:none}.new-price::after{animation:none}}@keyframes cnPulse14d{0%{box-shadow:0 0 0 rgba(196,155,70,0.0)}35%{box-shadow:0 0 0 6px rgba(196,155,70,0.22)}70%{box-shadow:0 0 0 0 rgba(196,155,70,0.0)}100%{box-shadow:0 0 0 rgba(196,155,70,0.0)}}.cn-consent14d.cn-consent14d--pulse .cn-consent14d__box{animation:cnPulse14d 1.15s ease-in-out 0s 2}.cn-consent14d.cn-consent14d--active .cn-consent14d__box{position:relative;border-radius:16px;overflow:hidden}.cn-consent14d.cn-consent14d--active .cn-consent14d__box::before{pointer-events:none;content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(
    90deg,
    transparent,
    #f3d17a,
    #f3d17a,
    transparent
  );background-size:300% 300%;animation:cnBorderRun 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cn-consent14d.cn-consent14d--active .cn-consent14d__box{box-shadow:0 0 0 3px rgba(243,209,122,0.9),
    0 0 20px rgba(243,209,122,0.45),
    0 0 40px rgba(243,209,122,0.25);animation:cnGlowPulse 3s ease-in-out infinite}@keyframes cnBorderRun{0%{background-position:0% 50%}100%{background-position:300% 50%}}@keyframes cnGlowPulse{0%{box-shadow:0 0 0 3px rgba(243,209,122,0.9),
      0 0 15px rgba(243,209,122,0.35),
      0 0 30px rgba(243,209,122,0.15)}50%{box-shadow:0 0 0 3px rgba(243,209,122,1),
      0 0 35px rgba(243,209,122,0.6),
      0 0 60px rgba(243,209,122,0.35)}100%{box-shadow:0 0 0 3px rgba(243,209,122,0.9),
      0 0 15px rgba(243,209,122,0.35),
      0 0 30px rgba(243,209,122,0.15)}}#cnCouponWrap{margin-top:12px}#cnCouponWrap label{display:block;font-weight:600;margin-bottom:6px}#cnCoupon{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(10,14,20,.35);color:#fff;outline:none;-webkit-appearance:none;appearance:none}#cnCoupon::placeholder{color:rgba(255,255,255,.55)}#cnCoupon:focus{border-color:rgba(243,209,122,.9);box-shadow:0 0 0 3px rgba(243,209,122,.18)}#cnCouponHint{margin-top:6px;font-size:12px;line-height:1.25;color:rgba(255,255,255,.70)}#cnCouponWrap.is-ok #cnCoupon{border-color:rgba(110,255,170,.85);box-shadow:0 0 0 3px rgba(110,255,170,.15)}#cnCouponWrap.is-bad #cnCoupon{border-color:rgba(255,120,120,.85);box-shadow:0 0 0 3px rgba(255,120,120,.12)}.pill-highlight{background:linear-gradient(135deg,#c49b46,#f3d17a);color:#000;font-weight:800;border:1px solid rgba(255,255,255,0.4);box-shadow:0 0 16px rgba(243,209,122,0.5)}.steps{display:flex;flex-direction:column;gap:12px;margin-top:8px}.step{display:flex;align-items:flex-start;gap:10px}.step strong{display:flex;align-items:center;gap:8px;font-size:15px}.step strong::before{content:counter(step);counter-increment:step;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c49b46,#f3d17a);color:#000;font-weight:700;font-size:13px;box-shadow:0 0 8px rgba(243,209,122,0.6)}.steps{counter-reset:step}#cnAssistantHint{position:fixed;right:78px;bottom:78px;max-width:170px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#ffffff,#f4f6fb);color:#1b1f2a;font-size:12px;line-height:1.25;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,0.28), 0 0 10px rgba(243,209,122,0.28);border:1px solid rgba(255,255,255,0.65);z-index:2147483647;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .35s ease, transform .35s ease;pointer-events:none}#cnAssistantHint.show{opacity:1;transform:translateY(0) scale(1)}#cnAssistantHint::after{content:"";position:absolute;right:14px;bottom:-7px;width:14px;height:14px;background:#f4f6fb;border-right:1px solid rgba(255,255,255,0.65);border-bottom:1px solid rgba(255,255,255,0.65);transform:rotate(45deg)}.cnWhyPro{position:relative;margin:28px 0 20px;padding:22px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 10% 0%, rgba(93,255,184,.14), transparent 38%),
    radial-gradient(circle at 92% 5%, rgba(243,209,122,.18), transparent 42%),
    linear-gradient(180deg, rgba(6,10,22,.62), rgba(6,10,22,.42));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06)}.cnWhyPro::before{content:"";position:absolute;inset:-40%;background:linear-gradient(
      115deg,
      transparent 35%,
      rgba(255,255,255,.08) 48%,
      rgba(243,209,122,.10) 52%,
      transparent 65%
    );transform:translateX(-120%) rotate(8deg);animation:cnWhyProSweep 8s ease-in-out infinite;pointer-events:none}.cnWhyProHead,
.cnWhyProGrid{position:relative;z-index:1}.cnWhyProHead{max-width:820px;margin-bottom:20px}.cnWhyProLabel{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 13px;border-radius:999px;background:rgba(93,255,184,.10);border:1px solid rgba(93,255,184,.28);color:#5dffb8;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 18px rgba(93,255,184,.12)}.cnWhyProLabel span{width:8px;height:8px;border-radius:50%;background:#5dffb8;box-shadow:0 0 10px rgba(93,255,184,.9);animation:cnWhyDot 2s infinite}.cnWhyProHead h2{margin:0 0 12px;font-size:clamp(24px, 5vw, 38px);line-height:1.12;font-weight:950;letter-spacing:-.6px;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.45)}.cnWhyProHead p{margin:0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.65;font-weight:650}.cnWhyProGrid{display:grid;grid-template-columns:1fr;gap:14px}.cnWhyProCard{position:relative;overflow:hidden;padding:20px;border-radius:20px;background:rgba(10,16,34,.54);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06);transition:transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease}.cnWhyProCard:hover{transform:translateY(-3px);border-color:rgba(243,209,122,.32);box-shadow:0 18px 38px rgba(0,0,0,.30),
    0 0 26px rgba(243,209,122,.10),
    inset 0 1px 0 rgba(255,255,255,.08)}.cnWhyProCard::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent, rgba(255,255,255,.07), transparent);transform:translateX(-130%);animation:cnWhyCardSweep 7s ease-in-out infinite;pointer-events:none}.cnWhyProCardMain{border-color:rgba(93,255,184,.24);background:radial-gradient(circle at 0% 0%, rgba(93,255,184,.10), transparent 42%),
    rgba(10,16,34,.56)}.cnWhyProCardGold{border-color:rgba(243,209,122,.30);background:radial-gradient(circle at 0% 0%, rgba(243,209,122,.12), transparent 42%),
    rgba(10,16,34,.56)}.cnWhyProIcon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:14px;border-radius:15px;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#10131a;box-shadow:0 10px 24px rgba(196,155,70,.32),
    0 0 24px rgba(243,209,122,.18)}.cnWhyProIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnWhyProCard h3{margin:0 0 14px;color:#f3d17a;font-size:17px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.cnWhyProCard ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.cnWhyProCard li{position:relative;padding-left:28px;color:rgba(255,255,255,.90);font-size:15px;line-height:1.45;font-weight:750}.cnWhyProCard li::before{content:"";position:absolute;left:0;top:.3em;width:17px;height:17px;border-radius:50%;background:rgba(93,255,184,.12);border:1px solid rgba(93,255,184,.45);box-shadow:0 0 12px rgba(93,255,184,.16)}.cnWhyProCard li::after{content:"";position:absolute;left:6px;top:.62em;width:5px;height:5px;border-radius:50%;background:#5dffb8}.cnWhyProCardGold li::before{background:rgba(243,209,122,.12);border-color:rgba(243,209,122,.45);box-shadow:0 0 12px rgba(243,209,122,.16)}.cnWhyProCardGold li::after{background:#f3d17a}@media (min-width:760px){.cnWhyProGrid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.cnWhyPro{margin:24px 0 18px;padding:18px;border-radius:20px}.cnWhyProCard{padding:18px;border-radius:18px}.cnWhyProHead h2{font-size:clamp(23px, 7vw, 32px)}}@media (prefers-reduced-motion:reduce){.cnWhyPro::before,
  .cnWhyProCard::after,
  .cnWhyProLabel span{animation:none}.cnWhyProCard:hover{transform:none}}@keyframes cnWhyDot{0%{box-shadow:0 0 0 0 rgba(93,255,184,.60)}70%{box-shadow:0 0 0 8px rgba(93,255,184,0)}100%{box-shadow:0 0 0 0 rgba(93,255,184,0)}}@keyframes cnWhyProSweep{0%{transform:translateX(-120%) rotate(8deg);opacity:0}35%{opacity:1}65%{transform:translateX(120%) rotate(8deg);opacity:0}100%{transform:translateX(120%) rotate(8deg);opacity:0}}@keyframes cnWhyCardSweep{0%{transform:translateX(-130%);opacity:0}35%{opacity:1}65%{transform:translateX(130%);opacity:0}100%{transform:translateX(130%);opacity:0}}.cnSocial{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.cnSocialBtn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18);flex:0 0 auto}.cnSocialBtn img{width:24px;height:24px;display:block;filter:none}.cnSocialBtn:nth-child(1){background:#25D366}.cnSocialBtn:nth-child(2){background:#1877F2}.cnSocialBtn:nth-child(3){background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)}.cnSocialBtn:nth-child(4){background:#000000}.cnSocialBtn:nth-child(1) img,
.cnSocialBtn:nth-child(2) img,
.cnSocialBtn:nth-child(3) img,
.cnSocialBtn:nth-child(4) img{filter:brightness(0) invert(1)}.btn-gutschein{position:relative;border:1px solid #f3d17a;color:#f3d17a;font-weight:700;transition:background .3s ease,color .3s ease,border-color .3s ease}.btn-gutschein:hover{background:#f3d17a;color:#000}.btn-gutschein::after{content:"";position:absolute;inset:-4px;border-radius:30px;box-shadow:0 0 0 0 rgba(243,209,122,.7);animation:gutscheinGlow 2.2s infinite}@keyframes gutscheinGlow{0%{box-shadow:0 0 0 0 rgba(243,209,122,.7)}70%{box-shadow:0 0 0 12px rgba(243,209,122,0)}100%{box-shadow:0 0 0 0 rgba(243,209,122,0)}}#gutschein-teaser{padding-top:10px}.gutscheinTeaserCard{padding:18px;border:1px solid rgba(243,209,122,.24);border-radius:28px;background:linear-gradient(180deg, rgba(12,34,74,.92) 0%, rgba(18,34,68,.88) 52%, rgba(34,49,78,.84) 100%);box-shadow:0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06)}.gutscheinTop{display:grid;grid-template-columns:1.15fr .95fr;gap:18px;align-items:start}.gutscheinEyebrow{font-size:12px;line-height:1;letter-spacing:.16em;font-weight:900;color:#f3d17a;margin-bottom:10px}.gutscheinTitle{margin:0 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.04}.gutscheinLead{margin:0 0 12px;font-size:20px;color:#fff}.gutscheinText{margin:0 0 12px;color:rgba(255,255,255,.88);line-height:1.7;font-size:18px}.gutscheinBenefits{display:grid;gap:10px;margin-top:16px;color:#fff;font-size:16px;line-height:1.55}.gutscheinSteps{margin-top:18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(243,209,122,.20);background:rgba(255,255,255,.04);display:grid;gap:8px;color:#fff}.gutscheinStepsTitle{font-weight:800;color:#f3d17a;margin-bottom:2px}.gutscheinPreviewGrid{display:grid;grid-template-columns:1fr;gap:12px}.gutscheinMiniCard{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);box-shadow:0 12px 24px rgba(0,0,0,.18)}.gutscheinMiniImg{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e9e0d4}.gutscheinMiniLabel{padding:12px 14px 4px;font-weight:800;color:#fff;font-size:16px}.gutscheinMiniText{padding:0 14px 14px;color:rgba(255,255,255,.82);line-height:1.45;font-size:14px}.gutscheinBottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}.gutscheinBottomTitle{font-size:22px;font-weight:900;color:#fff;margin-bottom:12px}.gutscheinOccasions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.gutscheinOccasions .pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);border:1px solid rgba(243,209,122,.22);color:rgba(255,255,255,.92);font-size:16px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease}.gutscheinOccasions .pill:hover{transform:translateY(-1px);border-color:rgba(243,209,122,.38);background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.06) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 22px rgba(0,0,0,.18),
    0 0 0 1px rgba(243,209,122,.10)}@media (max-width:980px){.gutscheinOccasions{gap:10px;margin-bottom:16px}.gutscheinOccasions .pill{min-height:42px;padding:9px 15px;font-size:15px}}.gutscheinCtas{gap:12px}.btn-gutschein-live{position:relative;overflow:visible;box-shadow:0 0 0 1px rgba(243,209,122,.28),
    0 10px 26px rgba(243,209,122,.18);animation:gutscheinPulse 2.2s ease-in-out infinite}.btn-gutschein-live::after{content:"";position:absolute;inset:-5px;border-radius:999px;pointer-events:none;box-shadow:0 0 0 0 rgba(243,209,122,.42);animation:gutscheinRing 2.2s ease-out infinite}@keyframes gutscheinPulse{0%,100%{transform:translateY(0);box-shadow:0 0 0 1px rgba(243,209,122,.28),
      0 10px 26px rgba(243,209,122,.18)}50%{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(243,209,122,.42),
      0 14px 34px rgba(243,209,122,.28)}}@keyframes gutscheinRing{0%{box-shadow:0 0 0 0 rgba(243,209,122,.40);opacity:1}70%{box-shadow:0 0 0 14px rgba(243,209,122,0);opacity:.35}100%{box-shadow:0 0 0 0 rgba(243,209,122,0);opacity:0}}@media (max-width:980px){.gutscheinTop{grid-template-columns:1fr}.gutscheinTitle{font-size:clamp(24px,8vw,38px)}.gutscheinLead{font-size:18px}.gutscheinText{font-size:17px}.gutscheinPreviewGrid{grid-template-columns:1fr}}.cnCopyright{position:relative;margin-top:20px;padding:18px 18px 16px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg, rgba(8,12,28,.88) 0%, rgba(10,16,34,.72) 100%);border:1px solid rgba(243,209,122,.34);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 22px rgba(243,209,122,.12);font-size:13px;line-height:1.7;color:rgba(255,255,255,.96)}.cnCopyrightText{position:relative;z-index:1}.cnCopyrightBadge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#111318;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 20px rgba(196,155,70,.32),
    0 2px 8px rgba(0,0,0,.22);transition:transform .15s ease, box-shadow .15s ease}.cnCopyrightBadge:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(196,155,70,.45),
    0 4px 10px rgba(0,0,0,.30)}.cnCopyright::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(
    120deg,
    rgba(243,209,122,0) 0%,
    rgba(243,209,122,.85) 20%,
    rgba(255,255,255,.85) 35%,
    rgba(243,209,122,.75) 50%,
    rgba(243,209,122,0) 70%
  );background-size:250% 250%;animation:cnCopyBorderRun 5.5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.95}@keyframes cnCopyBorderRun{0%{background-position:0% 50%}100%{background-position:250% 50%}}@media (max-width:640px){.cnCopyright{margin-top:18px;padding:16px 16px 15px;border-radius:18px;font-size:13px;line-height:1.72}.cnCopyrightBadge{font-size:10px;padding:6px 10px}.cnCopyright::before{border-radius:18px}}.cnCopyright{transition:transform .22s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease}.cnCopyright:hover{transform:translateY(-2px);border-color:rgba(243,209,122,.58);box-shadow:0 22px 52px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 34px rgba(243,209,122,.22),
    0 0 64px rgba(243,209,122,.10)}.cnCopyright:hover .cnCopyrightBadge{box-shadow:0 14px 30px rgba(196,155,70,.48),
    0 4px 12px rgba(0,0,0,.28),
    0 0 18px rgba(243,209,122,.28)}.cnCopyright:active{transform:scale(.995)}.cnCopyright::after{content:"";position:absolute;inset:-30%;background:linear-gradient(
      115deg,
      rgba(243,209,122,0) 20%,
      rgba(243,209,122,.10) 38%,
      rgba(255,255,255,.18) 50%,
      rgba(243,209,122,.10) 62%,
      rgba(243,209,122,0) 80%
    );transform:translateX(-120%) rotate(8deg);transition:transform .9s ease;pointer-events:none;z-index:0}.cnCopyright:hover::after{transform:translateX(120%) rotate(8deg)}.cnCopyrightText,
.cnCopyrightBadge{position:relative;z-index:1}.footGrid{position:relative;padding:22px 18px 18px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg, rgba(4,10,28,.92) 0%, rgba(4,14,40,.82) 100%);border:1px solid rgba(243,209,122,.22);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:0 22px 52px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 28px rgba(243,209,122,.08);transition:transform .25s ease,
    box-shadow .30s ease,
    border-color .30s ease}.footGrid:hover{transform:translateY(-2px);border-color:rgba(243,209,122,.42);box-shadow:0 28px 62px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 42px rgba(243,209,122,.14)}.footGrid::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(
    120deg,
    rgba(243,209,122,0) 0%,
    rgba(243,209,122,.85) 18%,
    rgba(255,255,255,.75) 34%,
    rgba(243,209,122,.75) 48%,
    rgba(243,209,122,0) 66%
  );background-size:250% 250%;animation:cnFootBorderRun 7s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.footGrid::after{content:"";position:absolute;inset:-35%;background:linear-gradient(
      115deg,
      rgba(243,209,122,0) 22%,
      rgba(243,209,122,.06) 40%,
      rgba(255,255,255,.10) 50%,
      rgba(243,209,122,.06) 60%,
      rgba(243,209,122,0) 78%
    );transform:translateX(-120%) rotate(8deg);transition:transform 1s ease;pointer-events:none}.footGrid:hover::after{transform:translateX(120%) rotate(8deg)}@keyframes cnFootBorderRun{0%{background-position:0% 50%}100%{background-position:250% 50%}}.footGrid > *{position:relative;z-index:1}.footGrid .note{margin-top:10px !important;color:rgba(255,255,255,.82) !important;line-height:1.65 !important;font-size:15px}.footGrid > div:first-child > div:first-child{font-size:20px;font-weight:950 !important;letter-spacing:-.02em;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.30),
    0 0 20px rgba(255,255,255,.04)}.legalLinks{margin-top:18px;gap:14px !important}.legalLinks a{position:relative;display:inline-block;color:rgba(255,255,255,.88) !important;text-decoration:none !important;font-weight:700;padding-bottom:2px;transition:color .2s ease, transform .2s ease}.legalLinks a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(
    90deg,
    rgba(243,209,122,.0),
    rgba(243,209,122,.95),
    rgba(243,209,122,.0)
  );opacity:.85}.legalLinks a:hover{color:#f3d17a !important;transform:translateY(-1px)}@media (max-width:640px){.footGrid{padding:18px 16px 16px;border-radius:20px}.footGrid::before{border-radius:20px}.footGrid > div:first-child > div:first-child{font-size:18px}.footGrid .note{font-size:14px;line-height:1.62 !important}.legalLinks{gap:12px !important}.legalLinks a{font-size:15px}}.cnContactBox{border:1px solid rgba(196,155,70,.35);box-shadow:0 18px 42px rgba(0,0,0,.45),
    0 0 28px rgba(196,155,70,.15)}.cnContactButtons{display:flex;gap:10px;flex-wrap:wrap}.cnCallBtn{flex:1;text-align:center;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#111;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(196,155,70,.35)}.cnWhatsBtn{flex:1;text-align:center;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#25D366,#1ebe5d);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(37,211,102,.35)}.cnGoogleReview{display:inline-block;margin-top:16px;padding:12px 18px;border-radius:999px;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#111;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(196,155,70,.35)}.cnMailBtn{flex:1;text-align:center;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#4a8cff,#2f6df6);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(47,109,246,.35)}.cnMailBtn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(47,109,246,.45)}#buchung .wrap{position:relative}.bookingTitle{margin-bottom:14px;text-shadow:0 2px 10px rgba(0,0,0,.25),
    0 0 20px rgba(255,255,255,.04)}.cnPromoNote{position:relative;overflow:hidden;margin:10px 0 14px;padding:15px 15px 14px;border-radius:20px;background:radial-gradient(circle at 50% -20%, rgba(243,209,122,.22), transparent 60%),
    linear-gradient(145deg, rgba(28,12,4,.96), rgba(42,18,6,.92));border:1px solid rgba(243,209,122,.42);box-shadow:0 18px 42px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 24px rgba(243,209,122,.16);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);animation:cnPromoGlow 3.6s ease-in-out infinite}.cnPromoNote::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(
    120deg,
    rgba(243,209,122,0) 0%,
    rgba(243,209,122,.90) 20%,
    rgba(255,255,255,.80) 35%,
    rgba(243,209,122,.78) 50%,
    rgba(243,209,122,0) 72%
  );background-size:240% 240%;animation:cnPromoBorderRun 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.cnPromoNote::after{content:"";position:absolute;inset:-35%;background:linear-gradient(
    115deg,
    rgba(243,209,122,0) 20%,
    rgba(243,209,122,.10) 42%,
    rgba(255,255,255,.18) 50%,
    rgba(243,209,122,.10) 58%,
    rgba(243,209,122,0) 80%
  );transform:translateX(-120%) rotate(8deg);animation:cnPromoSweep 5.2s ease-in-out infinite;pointer-events:none}.cnPromoTitle,
.cnPromoText{position:relative;z-index:1}.cnPromoTitle{font-weight:950;font-size:17px;color:var(--tx);text-shadow:0 2px 10px rgba(0,0,0,.20),
    0 0 16px rgba(243,209,122,.10)}.cnPromoText{margin-top:7px;font-weight:800;color:rgba(255,255,255,.84);line-height:1.4}@keyframes cnPromoBorderRun{0%{background-position:0% 50%}100%{background-position:240% 50%}}@keyframes cnPromoSweep{0%,100%{transform:translateX(-120%) rotate(8deg)}55%{transform:translateX(120%) rotate(8deg)}}@keyframes cnPromoGlow{0%,100%{box-shadow:0 18px 42px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 0 24px rgba(243,209,122,.16)}50%{box-shadow:0 18px 42px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,255,255,.05) inset,
      0 0 38px rgba(243,209,122,.28)}}.cnBookingIntro{position:relative;overflow:hidden;padding:18px 16px !important;border-radius:22px;background:linear-gradient(180deg, rgba(4,8,20,.96) 0%, rgba(8,16,34,.84) 100%);border:1px solid rgba(243,209,122,.24);box-shadow:0 20px 48px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 26px rgba(243,209,122,.08);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.cnBookingIntro::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(
    120deg,
    rgba(243,209,122,0) 0%,
    rgba(243,209,122,.80) 22%,
    rgba(255,255,255,.75) 36%,
    rgba(243,209,122,.70) 50%,
    rgba(243,209,122,0) 72%
  );background-size:240% 240%;animation:cnBookingBorderRun 6.5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.cnBookingIntroTitle,
.cnBookingStatus,
.cnBookingFlowTitle,
.cnBookingFlowText,
.cnBookingFlowStrong,
.cnBookingHint{position:relative;z-index:1}.cnBookingIntroTitle{display:block;font-size:20px;font-weight:950;line-height:1.35;color:var(--tx);margin-bottom:14px;text-shadow:0 2px 10px rgba(0,0,0,.28),
    0 0 20px rgba(255,255,255,.04)}.cnBookingStatus{display:block;margin-top:8px;font-weight:800;color:var(--tx);line-height:1.4}.cnBookingFlowTitle{display:block;margin-top:14px;font-weight:900;color:var(--tx)}.cnBookingFlowText{display:block;margin-top:8px;color:var(--dim);line-height:1.55}.cnBookingFlowStrong{display:flex;flex-direction:column;gap:8px;margin-top:16px;color:var(--dim);line-height:1.55;font-weight:700}.cnBookingFlowStrong > span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);font-weight:900;color:var(--tx);box-shadow:0 6px 14px rgba(0,0,0,.16)}.cnBookingHint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:18px 0 10px}.cnBookingHintText{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#111318;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px rgba(196,155,70,.34),
    0 2px 8px rgba(0,0,0,.20)}.cnBookingHintArrow{font-size:30px;line-height:1;font-weight:900;color:#f3d17a;text-shadow:0 0 16px rgba(243,209,122,.55),
    0 0 28px rgba(243,209,122,.22);animation:cnBookingArrowBounce 1.1s ease-in-out infinite}@keyframes cnBookingBorderRun{0%{background-position:0% 50%}100%{background-position:240% 50%}}@keyframes cnBookingArrowBounce{0%,100%{transform:translateY(0);opacity:.95}50%{transform:translateY(8px);opacity:1}}#cnOpenBooking,
.cn-cta-primary{position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(196,155,70,.34),
    0 4px 14px rgba(0,0,0,.22);transition:transform .18s ease,
    box-shadow .24s ease,
    filter .24s ease}#cnOpenBooking::before,
.cn-cta-primary::before{content:"";position:absolute;inset:-30%;background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 22%,
    rgba(255,255,255,.14) 45%,
    rgba(255,255,255,.42) 50%,
    rgba(255,255,255,.14) 55%,
    rgba(255,255,255,0) 78%
  );transform:translateX(-120%) rotate(8deg);transition:transform .9s ease;pointer-events:none}#cnOpenBooking:hover,
.cn-cta-primary:hover{transform:translateY(-2px);filter:saturate(108%);box-shadow:0 18px 42px rgba(196,155,70,.44),
    0 8px 18px rgba(0,0,0,.26)}#cnOpenBooking:hover::before,
.cn-cta-primary:hover::before{transform:translateX(120%) rotate(8deg)}#cnOpenBooking{animation:cnBookingPulse 2.4s ease-in-out infinite}@keyframes cnBookingPulse{0%,100%{box-shadow:0 14px 34px rgba(196,155,70,.30),
      0 4px 14px rgba(0,0,0,.22)}50%{box-shadow:0 18px 42px rgba(196,155,70,.48),
      0 0 0 6px rgba(243,209,122,.08),
      0 4px 14px rgba(0,0,0,.22)}}@media (max-width:640px){.cnPromoNote{border-radius:18px;padding:13px 13px 12px}.cnPromoNote::before{border-radius:18px}.cnPromoTitle{font-size:16px}.cnPromoText{font-size:14px;line-height:1.42}.cnBookingIntro{padding:16px 14px !important;border-radius:20px}.cnBookingIntro::before{border-radius:20px}.cnBookingIntroTitle{font-size:18px}.cnBookingFlowText,
  .cnBookingFlowStrong,
  .cnBookingStatus{font-size:15px}.cnBookingHint{margin:14px 0 8px}.cnBookingHintText{font-size:10px;padding:6px 10px}.cnBookingHintArrow{font-size:24px}}#logo-placeholder{min-width:160px;height:52px;display:flex;align-items:center;justify-content:flex-start}@media (max-width: 520px){#logo-placeholder{transform:scale(0.8);margin-left:-30px}}.cnVoucherCard{margin-top:12px;padding:14px;border-radius:16px;background:linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));backdrop-filter:blur(10px);border:1px solid rgba(196,155,70,0.25);box-shadow:0 10px 30px rgba(0,0,0,0.25)}.cnVoucherTitle{font-size:14px;font-weight:800;color:#f3d17a;margin-bottom:10px;letter-spacing:0.3px}.cnVoucherRow{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#e5e7eb;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,0.08)}.cnVoucherRow strong{color:#f3d17a;font-weight:800}.cnVoucherLast{border-bottom:none;margin-top:4px}.cn-zugang-hero{margin:28px auto 34px;padding:34px 20px 30px;border-radius:24px;background:radial-gradient(circle at top, rgba(196,155,70,0.24), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));border:1px solid rgba(243,209,122,0.34);box-shadow:0 30px 80px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.06);position:relative;overflow:hidden}.cn-zugang-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);opacity:0.45}.cn-zugang-inner{width:min(100%, 720px);margin:0 auto;text-align:center;position:relative;z-index:1}.cn-badge{display:inline-block;margin-bottom:14px;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;color:#f3d17a;background:rgba(243,209,122,0.14);border:1px solid rgba(243,209,122,0.26);box-shadow:0 8px 22px rgba(196,155,70,0.16)}.cn-zugang-hero h2{margin:0 0 14px;font-size:clamp(28px, 6vw, 44px);line-height:1.08;font-weight:800;color:#fff}.cn-zugang-hero p{margin:0 0 18px;font-size:16px;color:rgba(255,255,255,0.88);line-height:1.65}.cn-zugang-points{margin:0 0 22px;padding:16px 16px 14px;border-radius:18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:15px;color:rgba(255,255,255,0.94);line-height:1.85}.cn-zugang-cta{display:inline-block;min-width:240px;padding:16px 24px;border-radius:16px;background:linear-gradient(180deg, #e0bb60 0%, #c49b46 100%);color:#111;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 20px 50px rgba(196,155,70,0.35);transition:transform 0.2s ease, box-shadow 0.2s ease}.cn-zugang-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 60px rgba(196,155,70,0.42)}@media (max-width: 640px){.cn-zugang-hero{margin:22px auto 28px;padding:24px 16px 22px;border-radius:20px}.cn-badge{font-size:11px;padding:6px 10px}.cn-zugang-hero h2{font-size:30px}.cn-zugang-hero p{font-size:15px}.cn-zugang-points{padding:14px 14px 12px;border-radius:16px;font-size:14px;line-height:1.75}.cn-zugang-cta{width:100%;min-width:0;border-radius:14px}}.menu-highlight{position:relative;z-index:20;display:block;text-decoration:none;cursor:pointer;margin:12px 14px 20px;padding:14px 16px;border-radius:14px;background:linear-gradient(
    180deg,
    rgba(212,175,55,0.10),
    rgba(255,255,255,0.03)
  );border:1px solid rgba(212,175,55,0.25);box-shadow:0 12px 30px rgba(0,0,0,0.35),
    0 0 14px rgba(212,175,55,0.15);font-size:14px;line-height:1.5;font-weight:700;color:#fff}.menu-highlight span{color:#d4af37;font-weight:900}.menu-highlight:active{transform:scale(0.99)}.menu-highlight{display:block;text-decoration:none;cursor:pointer}.menu-highlight-main{font-size:14px;line-height:1.5;font-weight:700;color:#fff}.menu-accent{color:#d4af37;font-weight:900}.menu-highlight-sub{margin-top:10px;font-size:12px;color:rgba(255,255,255,0.65);font-weight:600;line-height:1.4}.cnPromoHero{margin-top:14px;padding:16px;border-radius:20px;border:1px solid rgba(243,209,122,.55);background:linear-gradient(135deg, rgba(243,209,122,.18), rgba(10,16,34,.58));box-shadow:0 14px 34px rgba(0,0,0,.28), 0 0 28px rgba(243,209,122,.18)}.cnWhyTop{margin-top:16px;padding:16px;border-radius:22px;border:1px solid rgba(93,255,184,.24);background:linear-gradient(180deg, rgba(6,10,22,.72), rgba(10,16,34,.48));box-shadow:0 18px 42px rgba(0,0,0,.32)}.cnWhyTopTitle{font-size:22px;font-weight:950;color:#fff}.cnWhyTopSub{margin-top:6px;color:rgba(255,255,255,.72);line-height:1.45;font-weight:700}.cnWhyGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.cnWhyGrid div{padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;font-weight:850}details{position:relative;isolation:isolate;margin-top:18px;border-radius:22px;overflow:hidden;border:1px solid rgba(243,209,122,.38);background:radial-gradient(
      circle at 10% 0%,
      rgba(243,209,122,.14),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(8,14,30,.92),
      rgba(15,22,40,.78)
    );backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 42px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 24px rgba(243,209,122,.10);transition:transform .3s cubic-bezier(.25,.8,.25,1),
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease}details:hover{transform:translateY(-2px);border-color:rgba(243,209,122,.58);box-shadow:0 24px 52px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 34px rgba(243,209,122,.18)}details[open]{border-color:rgba(243,209,122,.62);box-shadow:0 26px 58px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 38px rgba(243,209,122,.20)}summary{cursor:pointer;padding:16px;font-size:18px;font-weight:950;color:#f3d17a;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"⌄";float:right;transition:transform .3s ease;}details[open] summary::after{transform :rotate(180deg);}.cnPromoHero{position:relative;margin:0 0 16px;padding:14px 18px 16px;border-radius:14px;overflow:hidden;border:1px solid #ffb800;background:radial-gradient(circle at 0% 0%, rgba(255, 184, 0, 0.6), transparent 50%),
    radial-gradient(circle at 100% 100%, rgba(230, 92, 0, 0.5), transparent 55%),
    linear-gradient(135deg, rgba(10, 14, 25, 0.98), rgba(25, 15, 5, 0.96));background-size:200% 200%;box-shadow:0 0 0 1px rgba(255, 216, 90, 0.3) inset,
    0 0 30px rgba(255, 184, 0, 0.42),
    0 14px 34px rgba(0, 0, 0, 0.7);animation:bgFluid 6s ease infinite,
    ultraHeartbeat 2.5s infinite;transition:box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.cnPromoHero:hover{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.5) inset,
    0 0 46px rgba(255, 184, 0, 0.7),
    0 20px 44px rgba(0, 0, 0, 0.82);animation-play-state:paused}.cnPromoHero::before{content:"";position:absolute;top:0;left:0%;width:50%;height:100%;background:linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.4),
    transparent
  );transform:translateX(-300%) skewX(-25deg);animation:laserSweep 3s cubic-bezier(0.1, 0.7, 1, 0.1) infinite;pointer-events:none;z-index:2;will-change:transform,opacity}.cnPromoHero::after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 46px rgba(255, 184, 0, 0.34);animation:innerGlowPulse 2.5s infinite alternate}.cnPromoHeroTop,
.cnPromoHeroMain,
.cnPromoHeroSub{position:relative;z-index:3}.cnPromoHeroTop{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:linear-gradient(90deg, #ff1b6b, #ff4500, #ffb800, #ff1b6b);background-size:300% 100%;color:#fff;font-size:13px;font-weight:950;letter-spacing:0.13em;text-transform:uppercase;box-shadow:0 0 22px rgba(255, 69, 0, 0.65);animation:promoBadgeShift 2s linear infinite,
    badgePop 1.2s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate}.cnPromoHeroMain{margin-top:12px;font-size:clamp(26px, 7vw, 38px);line-height:1.06;font-weight:950;color:#fff;text-shadow:0 4px 15px rgba(0, 0, 0, 0.8),
    0 0 35px rgba(255, 184, 0, 0.6)}.cnPromoHeroSub{margin-top:8px;font-size:16px;line-height:1.3;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0, 0, 0, 0.8)}@keyframes ultraHeartbeat{0%{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.3) inset,
      0 0 30px rgba(255, 184, 0, 0.42),
      0 14px 34px rgba(0, 0, 0, 0.7)}10%{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.45) inset,
      0 0 46px rgba(255, 184, 0, 0.72),
      0 18px 40px rgba(0, 0, 0, 0.78)}20%{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.3) inset,
      0 0 30px rgba(255, 184, 0, 0.42),
      0 14px 34px rgba(0, 0, 0, 0.7)}30%{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.4) inset,
      0 0 38px rgba(255, 184, 0, 0.6),
      0 16px 38px rgba(0, 0, 0, 0.74)}40%,
  100%{box-shadow:0 0 0 1px rgba(255, 216, 90, 0.3) inset,
      0 0 30px rgba(255, 184, 0, 0.42),
      0 14px 34px rgba(0, 0, 0, 0.7)}}@keyframes bgFluid{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}@keyframes laserSweep{0%{transform:translateX(-300%) skewX(-25deg);opacity:0}15%{transform:translateX(-100%) skewX(-25deg);opacity:1}30%{transform:translatex(300%) skewX(-25deg);opacity:0}100%{transform:translateX(300%) skewX(-25deg);opacity:0}}@keyframes innerGlowPulse{0%{box-shadow:inset 0 0 26px rgba(255, 184, 0, 0.18)}100%{box-shadow:inset 0 0 60px rgba(255, 184, 0, 0.5)}}@keyframes badgePop{0%{box-shadow:0 0 25px rgba(255, 69, 0, 0.7)}100%{box-shadow:0 0 35px rgba(255, 69, 0, 0.9)}}@keyframes promoBadgeShift{0%{background-position:0% 0%}100%{background-position:100% 0%}}html,
body{width:100%;max-width:100%;overflow-x:hidden}body{position:relative}.wrap,
.heroGrid,
.heroMain,
.heroSide,
.glass,
.card,
section,
header,
footer{max-width:100%;overflow-x:clip}img,
video,
iframe,
svg{max-width:100%;height:auto}*{min-width:0}.cnWhyAccordion{margin:28px 0}.cnWhyAccordionBtn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:none;cursor:pointer;border-radius:22px;background:linear-gradient(135deg,#0f172a,#182235);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.35),
0 0 30px rgba(243,209,122,.08);transition:.35s;position:relative;overflow:hidden}.cnWhyAccordionBtn::before{content:"";position:absolute;left:-160%;top:0;width:60%;height:100%;background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.22),
transparent
);animation:cnAccordionLaser 5s infinite}.cnWhyAccordionBtn:hover{box-shadow:0 18px 40px rgba(0,0,0,.4),

0 0 34px rgba(243,209,122,.22)}.cnWhyAccordionLeft{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cnWhyAccordionBadge{display:flex;align-items:center;gap:10px;font-weight:900;font-size:14px;color:#f3d17a;letter-spacing:.08em;text-transform:uppercase}.cnWhyAccordionBadge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnWhyAccordionText{color:#fff;font-size:17px;font-weight:800}.cnWhyAccordionArrow{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);transition:.35s}.cnWhyAccordionArrow svg{width:22px;height:22px;fill:none;stroke:#f3d17a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:.35s}.cnWhyAccordion.open .cnWhyAccordionArrow svg{transform:rotate(180deg)}.cnWhyAccordionContent{max-height:0;overflow:hidden;opacity:0;transform:translateY(-12px);transition:max-height .55s ease,

opacity .4s ease,

transform .4s ease}.cnWhyAccordion.open .cnWhyAccordionContent{max-height:2500px;opacity:1;transform:none}@keyframes cnAccordionLaser{0%{left:-160%}30%{left:170%}100%{left:170%}}@media (max-width:640px){.cnWhyAccordionBtn{padding:18px}.cnWhyAccordionText{font-size:15px}}.cnServicesPro{margin:24px 0 18px;border-radius:24px;overflow:hidden;border:1px solid rgba(243,209,122,.32);background:rgba(10,16,34,.48);box-shadow:0 18px 44px rgba(0,0,0,.32)}.cnServicesProSummary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;background:radial-gradient(circle at 10% 0%, rgba(243,209,122,.18), transparent 42%),
    linear-gradient(135deg, rgba(10,16,34,.96), rgba(17,24,44,.92))}.cnServicesProSummary::-webkit-details-marker{display:none}.cnServicesProIcon,
.cnServicesProArrow{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#10131a;flex:0 0 auto}.cnServicesProIcon svg,
.cnServicesProArrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cnServicesProText{flex:1;min-width:0}.cnServicesProText strong{display:block;color:#f3d17a;font-size:clamp(22px,6vw,34px);line-height:1.15;font-weight:950}.cnServicesProText small{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-size:14px;font-weight:750}.cnServicesProArrow{transition:transform .3s ease}.cnServicesProBody{padding:18px;display:grid;gap:16px;background:rgba(6,10,22,.36)}.cnServiceCard{padding:20px;border-radius:22px;background:rgba(10,16,34,.62);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.26)}.cnServiceCardGold{border-color:rgba(243,209,122,.34)}.cnServiceCardIcon{position:relative;overflow:hidden;width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3d17a,#c49b46);color:#10131a;margin-bottom:14px;animation:cnIconFloat 4s ease-in-out infinite;transform-style:preserve-3d}.cnServiceCardIcon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnServiceCard h3{margin:0 0 10px;color:#f3d17a;font-size:20px;font-weight:950;line-height:1.2}.cnServiceCard p{margin:0 0 14px;color:rgba(255,255,255,.76);line-height:1.6;font-weight:650}.cnServiceCard ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:9px}.cnServiceCard li{position:relative;padding-left:26px;color:rgba(255,255,255,.88);font-weight:750;line-height:1.45}.cnServiceCard li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;border:1px solid rgba(93,255,184,.45);background:rgba(93,255,184,.12)}.cnServiceCard li::after{content:"";position:absolute;left:6px;top:.67em;width:5px;height:5px;border-radius:50%;background:#5dffb8}.cnServicePriceGrid{display:grid;gap:10px;margin:14px 0 16px}.cnServicePriceGrid div{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}.cnServicePriceGrid strong{display:block;color:#fff;font-weight:950}.cnServicePriceGrid span{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-weight:750}.cnServiceBtn,
.cnServicesCta,
.cnServicesReview{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:16px;padding:12px 16px;font-weight:950}.cnServiceBtn,
.cnServicesCtaMain{background:linear-gradient(180deg,#f3d17a,#c49b46);color:#10131a;box-shadow:0 10px 24px rgba(196,155,70,.28)}.cnServicesCtaGrid{display:grid;gap:10px}.cnServicesCta{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}.cnServicesCtaGold{border-color:rgba(243,209,122,.55);color:#f3d17a}.cnServicesFast{margin:2px 0 0;color:#f3d17a;font-weight:950;font-size:18px;line-height:1.35}.cnServicesReview{border:1px solid rgba(243,209,122,.38);color:#f3d17a;background:rgba(243,209,122,.08)}@media (min-width:760px){.cnServicesProBody{grid-template-columns:1fr 1fr}.cnServicesCtaGrid,
  .cnServicesFast,
  .cnServicesReview{grid-column:1 / -1}.cnServicesCtaGrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.cnServicesProSummary{padding:18px}.cnServicesProIcon,
  .cnServicesProArrow{width:40px;height:40px;border-radius:14px}.cnServicesProBody{padding:14px}}.cnServiceCardIcon{transition:transform .25s ease, box-shadow .25s ease}.cnServiceCard::before{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(120deg, transparent, rgba(255,255,255,.035), transparent);transform:translateX(-130%);animation:cnServiceCardLight 7s ease-in-out infinite;z-index:0}.cnServiceCard > *{position:relative;z-index:1}.cnServicesProSummary{position:relative;isolation:isolate}.cnServicesProSummary::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent, rgba(255,255,255,.10), transparent);transform:translateX(-130%);animation:cnServicesHeaderSweep 5.8s ease-in-out infinite;pointer-events:none;z-index:-1}.cnServicesProArrow{box-shadow:0 10px 24px rgba(196,155,70,.28),
    0 0 24px rgba(243,209,122,.20)}.cnServicesPro[open] .cnServicesProArrow{transform:rotate(180deg) scale(1.04)}.cnServiceAccess{border-color:rgba(93,255,184,.34);background:radial-gradient(circle at 0% 0%, rgba(93,255,184,.16), transparent 42%),
    linear-gradient(180deg, rgba(10,16,34,.78), rgba(6,10,22,.64))}.cnServiceIroning{border-color:rgba(243,209,122,.42);background:radial-gradient(circle at 0% 0%, rgba(243,209,122,.18), transparent 42%),
    linear-gradient(180deg, rgba(10,16,34,.78), rgba(6,10,22,.64))}.cnServiceAccess .cnServiceCardIcon{background:linear-gradient(180deg,#5dffb8,#19b979);color:#061018;box-shadow:0 0 28px rgba(93,255,184,.30)}.cnServiceIroning .cnServiceCardIcon{background:linear-gradient(180deg,#f3d17a,#c49b46);color:#10131a;box-shadow:0 0 30px rgba(243,209,122,.34)}.cnServiceAccess h3{color:#5dffb8;text-shadow:0 0 18px rgba(93,255,184,.24)}.cnServiceIroning h3{color:#f3d17a;text-shadow:0 0 18px rgba(243,209,122,.30)}.cnServiceAccess h3,
.cnServiceIroning h3{font-size:clamp(24px,6vw,34px);line-height:1.12;letter-spacing:-.4px;text-transform:none}.cnServiceCard{position:relative;overflow:hidden}.cnServiceCard::before{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(120deg, transparent, rgba(255,255,255,.08), transparent);transform:translateX(-130%);animation:cnServiceCardLight 7s ease-in-out infinite}.cnServiceCardIcon,
.cnServiceCardIcon svg{transition:transform .25s ease, filter .25s ease, box-shadow .25s ease}.cnServiceCard:hover .cnServiceCardIcon{transform:translateY(-2px) scale(1.06)}.cnServiceCard:hover .cnServiceCardIcon svg{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(255,255,255,.35))}.cnServiceBtn::after,
.cnServicesCta::after,
.cnServicesReview::after{content:"";width:7px;height:7px;margin-left:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .22s ease}.cnServiceBtn:hover::after,
.cnServicesCta:hover::after,
.cnServicesReview:hover::after{transform:translateX(4px) rotate(-45deg)}@keyframes cnServicesHeaderSweep{0%{transform:translateX(-130%);opacity:0}35%{opacity:1}65%{transform:translateX(130%);opacity:0}100%{transform:translateX(130%);opacity:0}}@keyframes cnServiceCardLight{0%{transform:translateX(-130%);opacity:0}35%{opacity:1}65%{transform:translateX(130%);opacity:0}100%{transform:translateX(130%);opacity:0}}.cnServiceCardIcon{position:relative;overflow:hidden;width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;animation:cnIconFloat 4s ease-in-out infinite;transform-style:preserve-3d}.cnServiceCardIcon svg{width:30px;height:30px;overflow:visible}.cnSvgAccessPro{stroke-width:2.25;overflow:visible}.cnAccessProShield{animation:cnAccessProBreath 3.4s ease-in-out infinite;transform-origin:center}.cnAccessProDoor,
.cnAccessProDoorLine{opacity:.9;animation:cnAccessProDoorGlow 3.6s ease-in-out infinite}.cnAccessProCheck{stroke-dasharray:14;stroke-dashoffset:14;animation:cnAccessProCheckDraw 2.8s ease-in-out infinite}.cnAccessProKey,
.cnAccessProKeyRing{animation:cnAccessProKeyMove 3.2s ease-in-out infinite;transform-origin:8.2px 17.2px}.cnAccessProSpark{fill:currentColor;stroke:none;opacity:.45;animation:cnAccessProSparkPulse 2.2s ease-in-out infinite;transform-origin:18.2px 5.4px}.cnServiceAccess .cnServiceCardIcon{box-shadow:0 0 24px rgba(93,255,184,.34),
    0 14px 30px rgba(0,0,0,.28)}.cnServiceAccess:hover .cnServiceCardIcon{transform:translateY(-5px) scale(1.09) rotateX(9deg);box-shadow:0 20px 38px rgba(0,0,0,.34),
    0 0 34px rgba(93,255,184,.42)}.cnSvgIronPro{stroke-width:2.25;overflow:visible;animation:ironFloat 4s ease-in-out infinite;transform-origin:center}.cnSteam{opacity:.28;animation:steamMove 2.6s ease-in-out infinite}.cnSteam.s2{animation-delay:.45s}.cnSteam.s3{animation-delay:.9s}.cnIronTop,
.cnIronBase,
.cnIronHandle{animation:ironGlow 3.4s ease-in-out infinite}.cnIronHandle{transform-origin:14px 5px;animation:ironGlow 3.4s ease-in-out infinite,
    handleTilt 3.8s ease-in-out infinite}.cnIronShine{stroke-dasharray:11;stroke-dashoffset:11;animation:soleShine 3.6s ease-in-out infinite}.cnIronSpark{fill:currentColor;stroke:none;opacity:.35;animation:sparkPulse 2.4s ease-in-out infinite}.cnServiceIroning .cnServiceCardIcon{box-shadow:0 0 26px rgba(243,209,122,.35),
    0 14px 30px rgba(0,0,0,.30)}.cnServiceIroning:hover .cnServiceCardIcon{transform:translateY(-5px) rotateX(8deg) scale(1.08);box-shadow:0 22px 40px rgba(0,0,0,.35),
    0 0 34px rgba(243,209,122,.42)}.cnServiceCard:hover .cnServiceCardIcon::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(120deg, transparent, rgba(255,255,255,.38), transparent);transform:translateX(-130%);animation:cnIconHoverShine .9s ease forwards;pointer-events:none}@keyframes cnIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cnAccessProBreath{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(93,255,184,0))}50%{transform:scale(1.035);filter:drop-shadow(0 0 8px rgba(93,255,184,.62))}}@keyframes cnAccessProDoorGlow{0%,100%{opacity:.55;filter:drop-shadow(0 0 0 rgba(93,255,184,0))}50%{opacity:1;filter:drop-shadow(0 0 5px rgba(93,255,184,.45))}}@keyframes cnAccessProCheckDraw{0%{stroke-dashoffset:14;opacity:.15}35%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes cnAccessProKeyMove{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(1.4px) rotate(-8deg)}}@keyframes cnAccessProSparkPulse{0%,100%{transform:scale(.75);opacity:.25}50%{transform:scale(1.2);opacity:1;filter:drop-shadow(0 0 5px rgba(93,255,184,.75))}}@keyframes ironFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes steamMove{0%{transform:translateY(2px);opacity:.15}50%{transform:translateY(-5px);opacity:1}100%{transform:translateY(2px);opacity:.15}}@keyframes handleTilt{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-2deg)}}@keyframes ironGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(243,209,122,0))}50%{filter:drop-shadow(0 0 8px rgba(243,209,122,.75))}}@keyframes soleShine{0%{stroke-dashoffset:11;opacity:0}35%{opacity:1}60%{stroke-dashoffset:0}100%{opacity:0}}@keyframes sparkPulse{0%,100%{transform:scale(.7);opacity:.2}50%{transform:scale(1.2);opacity:1;filter:drop-shadow(0 0 6px rgba(243,209,122,.8))}}@keyframes cnIconHoverShine{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@media (prefers-reduced-motion:reduce){.cnServiceCardIcon,
  .cnSvgAccessPro,
  .cnAccessProShield,
  .cnAccessProDoor,
  .cnAccessProDoorLine,
  .cnAccessProCheck,
  .cnAccessProKey,
  .cnAccessProKeyRing,
  .cnAccessProSpark,
  .cnSvgIronPro,
  .cnSteam,
  .cnIronTop,
  .cnIronBase,
  .cnIronHandle,
  .cnIronShine,
  .cnIronSpark{animation:none}}.cnPromoLegalNote{--cn-gold-light:#fff3a8;--cn-gold:#ffd34d;--cn-orange:#ff8a00;--cn-orange-deep:#ff5e00;--cn-surface-1:rgba(31, 26, 15, 0.98);--cn-surface-2:rgba(17, 18, 28, 0.99);display:block;grid-template-columns:none;grid-template-rows:none;gap:0;align-items:initial;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:18px 0 0;padding:18px;border:1px solid transparent;border-radius:20px;background:linear-gradient(
      145deg,
      var(--cn-surface-1) 0%,
      var(--cn-surface-2) 47%,
      rgba(29, 22, 10, 0.99) 100%
    ) padding-box,

    conic-gradient(
      from var(--cnLegalAngle),
      #ff7300,
      #ffd447,
      #fff2a5,
      #ff9b16,
      #ff5c00,
      #ffd447,
      #ff7300
    ) border-box;box-shadow:0 18px 42px rgba(0, 0, 0, 0.48),
    0 0 0 1px rgba(255, 238, 167, 0.08) inset,
    0 0 26px rgba(255, 151, 17, 0.16);color:#f7f5ef;transform:perspective(900px)
    rotateX(0.6deg)
    translateZ(0);transform-origin:center center;animation:cnLegalAppear 0.8s cubic-bezier(.16, 1, .3, 1) both,
    cnLegalBorderRotate 7s linear infinite,
    cnLegalDepthPulse 4.6s ease-in-out infinite}.cnPromoLegalNote::before{content:"";position:absolute;z-index:-1;top:-70px;left:8%;width:84%;height:130px;border-radius:50%;background:radial-gradient(
      ellipse at center,
      rgba(255, 211, 77, 0.32) 0%,
      rgba(255, 145, 0, 0.13) 42%,
      transparent 72%
    );filter:blur(12px);animation:cnLegalTopGlow 3.8s ease-in-out infinite}.cnPromoLegalNote::after{content:"";position:absolute;z-index:0;top:-75%;left:-65%;width:33%;height:245%;pointer-events:none;background:linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 247, 202, 0.04) 22%,
      rgba(255, 232, 145, 0.24) 50%,
      rgba(255, 170, 40, 0.08) 75%,
      transparent 100%
    );filter:blur(6px);transform:rotate(18deg);animation:cnLegalLightSweep 6.5s ease-in-out infinite}.cnPromoLegalHeader{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-bottom:14px}.cnPromoLegalIcon{position:relative;flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255, 239, 158, 0.7);border-radius:15px;background:linear-gradient(
      145deg,
      rgba(255, 239, 154, 0.17),
      rgba(255, 144, 0, 0.09)
    );box-shadow:0 8px 22px rgba(255, 126, 0, 0.23),
    0 0 18px rgba(255, 200, 55, 0.22),
    0 1px 0 rgba(255, 255, 255, 0.26) inset;animation:cnLegalIconFloat 3.1s ease-in-out infinite}.cnPromoLegalIcon::before,
.cnPromoLegalIcon::after{content:"";position:absolute;pointer-events:none}.cnPromoLegalIcon::before{inset:-5px;border:1px solid rgba(255, 202, 57, 0.28);border-radius:19px;animation:cnLegalIconRing 2.8s ease-out infinite}.cnPromoLegalIcon::after{inset:4px;border-radius:11px;background:linear-gradient(
      115deg,
      transparent 20%,
      rgba(255, 255, 255, 0.24) 47%,
      transparent 72%
    );transform:translateX(-130%);animation:cnLegalIconShine 4.8s ease-in-out infinite}.cnPromoLegalIcon svg{position:relative;z-index:2;width:34px;height:34px;display:block;filter:drop-shadow(0 4px 8px rgba(255, 132, 0, 0.35))}.cnPromoLegalHeading{min-width:0;display:flex;flex-direction:column;gap:3px}.cnPromoLegalEyebrow{width:fit-content;padding:3px 8px;border:1px solid rgba(255, 219, 93, 0.42);border-radius:999px;background:linear-gradient(
      90deg,
      rgba(255, 191, 35, 0.14),
      rgba(255, 116, 0, 0.1)
    );color:#ffe589;font-size:10px;font-weight:900;line-height:1.15;letter-spacing:0.11em}.cnPromoLegalTitle{color:#fff0a0;font-size:clamp(16px, 4.5vw, 19px);font-weight:900;line-height:1.16;letter-spacing:0.015em;text-transform:uppercase;text-shadow:0 0 15px rgba(255, 205, 65, 0.23)}.cnPromoLegalText{position:relative;z-index:2;color:rgba(255, 255, 255, 0.89);font-size:clamp(13px, 3.55vw, 14px);font-weight:600;line-height:1.56;letter-spacing:0.002em;text-align:left;overflow-wrap:break-word;word-break:normal;hyphens:auto}.cnPromoLegalText strong{color:#fff0aa;font-weight:850}.cnPromoLegalDivider{display:block;width:52px;height:1px;margin:10px 0;background:linear-gradient(
      90deg,
      rgba(255, 208, 70, 0.85),
      rgba(255, 139, 0, 0.24),
      transparent
    );box-shadow:0 0 8px rgba(255, 180, 32, 0.28)}.cnPromoLegalParticle{position:absolute;z-index:1;width:3px;height:3px;border-radius:50%;background:#ffe785;box-shadow:0 0 6px rgba(255, 223, 108, 0.9),
    0 0 13px rgba(255, 145, 0, 0.45);pointer-events:none;opacity:0;animation:cnLegalParticleFloat 5s ease-in-out infinite}.cnPromoLegalParticle1{left:8%;bottom:12%;animation-delay:0s}.cnPromoLegalParticle2{left:23%;bottom:5%;animation-delay:1.1s}.cnPromoLegalParticle3{left:47%;bottom:9%;animation-delay:2.2s}.cnPromoLegalParticle4{right:34%;bottom:4%;animation-delay:0.7s}.cnPromoLegalParticle5{right:17%;bottom:13%;animation-delay:1.8s}.cnPromoLegalParticle6{right:7%;bottom:6%;animation-delay:3s}@property --cnLegalAngle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cnLegalBorderRotate{to{--cnLegalAngle:360deg}}@keyframes cnLegalAppear{0%{opacity:0;transform:perspective(900px)
      rotateX(5deg)
      translateY(18px)
      scale(0.975);filter:blur(5px)}100%{opacity:1;transform:perspective(900px)
      rotateX(0.6deg)
      translateY(0)
      scale(1);filter:blur(0)}}@keyframes cnLegalDepthPulse{0%,
  100%{box-shadow:0 18px 42px rgba(0, 0, 0, 0.48),
      0 0 0 1px rgba(255, 238, 167, 0.08) inset,
      0 0 22px rgba(255, 151, 17, 0.12)}50%{box-shadow:0 23px 50px rgba(0, 0, 0, 0.56),
      0 0 0 1px rgba(255, 238, 167, 0.13) inset,
      0 0 34px rgba(255, 151, 17, 0.23)}}@keyframes cnLegalTopGlow{0%,
  100%{opacity:0.62;transform:scaleX(0.9)}50%{opacity:1;transform:scaleX(1.08)}}@keyframes cnLegalLightSweep{0%,
  28%{left:-65%;opacity:0}38%{opacity:1}72%{opacity:0.85}82%,
  100%{left:145%;opacity:0}}@keyframes cnLegalIconFloat{0%,
  100%{transform:perspective(500px)
      translateY(0)
      rotateX(0deg)
      rotateY(0deg)}50%{transform:perspective(500px)
      translateY(-3px)
      rotateX(3deg)
      rotateY(-3deg)}}@keyframes cnLegalIconRing{0%{opacity:0.7;transform:scale(0.9)}80%,
  100%{opacity:0;transform:scale(1.2)}}@keyframes cnLegalIconShine{0%,
  28%{transform:translateX(-130%)}60%,
  100%{transform:translateX(130%)}}@keyframes cnLegalParticleFloat{0%{opacity:0;transform:translateY(8px) scale(0.5)}25%{opacity:0.75}65%{opacity:0.36}100%{opacity:0;transform:translateY(-70px) scale(1.15)}}@media (max-width: 480px){.cnPromoLegalNote{margin-top:16px;padding:15px;border-radius:18px;transform:perspective(700px)
      rotateX(0.35deg)
      translateZ(0);animation:cnLegalMobileAppear 0.68s cubic-bezier(.16, 1, .3, 1) both,
      cnLegalBorderRotate 7s linear infinite,
      cnLegalDepthPulse 4.6s ease-in-out infinite}.cnPromoLegalHeader{gap:11px;margin-bottom:12px}.cnPromoLegalIcon{width:43px;height:43px;border-radius:13px}.cnPromoLegalIcon svg{width:30px;height:30px}.cnPromoLegalEyebrow{padding:2px 7px;font-size:9px}.cnPromoLegalTitle{font-size:15px;line-height:1.15}.cnPromoLegalText{font-size:12.8px;line-height:1.54}.cnPromoLegalDivider{margin:8px 0}}@media (max-width: 360px){.cnPromoLegalNote{padding:13px;border-radius:16px}.cnPromoLegalIcon{width:39px;height:39px}.cnPromoLegalIcon svg{width:27px;height:27px}.cnPromoLegalTitle{font-size:14px}.cnPromoLegalText{font-size:12.4px}}@keyframes cnLegalMobileAppear{0%{opacity:0;transform:perspective(700px)
      translateY(14px)
      scale(0.985);filter:blur(3px)}100%{opacity:1;transform:perspective(700px)
      translateY(0)
      scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.cnPromoLegalNote,
  .cnPromoLegalNote::before,
  .cnPromoLegalNote::after,
  .cnPromoLegalIcon,
  .cnPromoLegalIcon::before,
  .cnPromoLegalIcon::after,
  .cnPromoLegalParticle{animation:none !important}}.cnInfoOverlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,8,7,.78);backdrop-filter:blur(10px) brightness(.55);-webkit-backdrop-filter:blur(10px) brightness(.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.25,.8,.25,1),
    visibility .3s cubic-bezier(.25,.8,.25,1)}.cnInfoOverlay.cnInfoOpen{opacity:1;visibility:visible;pointer-events:auto}.cnInfoModal{position:relative;width:min(520px,100%);max-height:min(80vh,650px);overflow-y:auto;padding:32px 28px 24px;border-radius:24px;border:1px solid rgba(93,255,184,.26);background:radial-gradient(
      500px 260px at 50% -10%,
      rgba(61,255,162,.11),
      transparent 60%
    ),
    linear-gradient(
      145deg,
      rgba(8,18,20,.94),
      rgba(5,12,18,.91)
    );backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 30px 90px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 42px rgba(61,255,162,.12);transform:translateY(20px)
    scale(.95);opacity:0;transition:transform .3s cubic-bezier(.25,.8,.25,1),
    opacity .3s cubic-bezier(.25,.8,.25,1)}.cnInfoOverlay.cnInfoOpen .cnInfoModal{transform:translateY(0)
    scale(1.05);opacity:1}.cnInfoOverlay.cnInfoClosing .cnInfoModal{transform:translateY(20px)
    scale(.98);opacity:0}.cnInfoIcon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:16px;color:#65ffb5;background:rgba(61,255,162,.09);border:1px solid rgba(61,255,162,.28);box-shadow:0 0 22px rgba(61,255,162,.16)}.cnInfoIcon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnInfoTitle{margin:0 40px 12px 0;color:#fff;font-size:clamp(22px,5vw,28px);line-height:1.15;font-weight:950;letter-spacing:-.4px}.cnInfoText{margin:0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.65}.cnInfoClose{position:absolute;top:16px;right:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:transform .2s ease,
    background .2s ease}.cnInfoClose:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}.cnInfoCloseBottom{width:100%;margin-top:24px;padding:13px 18px;border-radius:14px;border:1px solid rgba(61,255,162,.28);background:linear-gradient(
      135deg,
      rgba(61,255,162,.18),
      rgba(61,255,162,.07)
    );color:#8affc5;font-size:15px;font-weight:900;cursor:pointer;transition:background .25s ease,
    transform .25s ease}.cnInfoCloseBottom:active{transform:scale(.98)}@media (max-width:640px){.cnInfoOverlay{align-items:flex-end;padding:12px}.cnInfoModal{width:100%;padding:28px
      20px
      calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 20px 20px}.cnInfoOverlay.cnInfoOpen .cnInfoModal{transform:translateY(0)
      scale(1)}.cnInfoOverlay.cnInfoClosing .cnInfoModal{transform:translateY(20px)
      scale(.98)}}.cnProMaxFocus{position:relative;isolation:isolate;padding:24px 20px;border-radius:26px;overflow:hidden;border:1px solid rgba(243,209,122,.26);background:radial-gradient(
      500px 260px at 0% 0%,
      rgba(243,209,122,.11),
      transparent 62%
    ),
    linear-gradient(
      145deg,
      rgba(8,15,31,.94),
      rgba(9,17,35,.78)
    );backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:0 24px 60px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 40px rgba(243,209,122,.07);animation:cnProMaxEnter .65s cubic-bezier(.22,.8,.25,1) both}.cnProMaxGlow{position:absolute;z-index:-1;width:180px;height:180px;top:-90px;right:-70px;border-radius:50%;background:radial-gradient(
      circle,
      rgba(243,209,122,.20),
      rgba(243,209,122,.05) 45%,
      transparent 70%
    );filter:blur(8px);animation:cnProMaxGlow 5s ease-in-out infinite alternate;pointer-events:none}.cnProMaxHeader{position:relative;margin-bottom:20px}.cnProMaxBadge{position:relative;display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;padding:7px 12px;border-radius:999px;color:#f6d77f;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(
      135deg,
      rgba(243,209,122,.12),
      rgba(243,209,122,.035)
    );border:1px solid rgba(243,209,122,.24);box-shadow:0 8px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 20px rgba(243,209,122,.05);overflow:hidden;animation:cnBadgeEnter .55s cubic-bezier(.22,.8,.25,1) both}.cnProMaxBadge::after{content:"";position:absolute;inset:0;background:linear-gradient(
      110deg,
      transparent 25%,
      rgba(255,255,255,.22) 48%,
      transparent 70%
    );transform:translateX(-130%);animation:cnBadgeSweep 4.5s ease-in-out infinite;pointer-events:none}#cnProMaxTitle{position:relative;display:inline-block;margin:0;color:#fff;font-size:clamp(30px,7vw,42px);font-weight:950;line-height:1.03;letter-spacing:-1.2px;text-shadow:0 3px 14px rgba(0,0,0,.38),
    0 0 26px rgba(243,209,122,.06);background:linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 55%,
      #e8e8e8 100%
    );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cnTitleEnter .7s cubic-bezier(.22,.8,.25,1) both}#cnProMaxTitle::after{content:"";display:block;width:72px;height:3px;margin-top:12px;border-radius:999px;background:linear-gradient(
      90deg,
      #f3d17a,
      rgba(243,209,122,.25),
      transparent
    );box-shadow:0 0 16px rgba(243,209,122,.22);animation:cnTitleLine 1s cubic-bezier(.22,.8,.25,1) both}.cnProMaxIntro{position:relative;margin:18px 0 0;max-width:520px;padding-left:15px;color:rgba(255,255,255,.72);font-size:15px;font-weight:650;line-height:1.6;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.24);animation:cnIntroEnter .8s .08s cubic-bezier(.22,.8,.25,1) both}.cnProMaxIntro::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:999px;background:linear-gradient(
      180deg,
      #f3d17a,
      rgba(243,209,122,.15)
    );box-shadow:0 0 12px rgba(243,209,122,.16)}@keyframes cnBadgeEnter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes cnBadgeSweep{0%,
  65%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@keyframes cnTitleEnter{from{opacity:0;transform:translateY(14px)
      scale(.98)}to{opacity:1;transform:translateY(0)
      scale(1)}}@keyframes cnTitleLine{from{width:0;opacity:0}to{width:72px;opacity:1}}@keyframes cnIntroEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cnReviewsScroller{display:flex;gap:14px;margin-top:16px;padding:2px 2px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cnReviewsScroller::-webkit-scrollbar{display:none}.cnReviewCard{flex:0 0 86%;min-width:0;scroll-snap-align:start;display:block;padding:16px;border-radius:18px;text-decoration:none;background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .25s ease,
    box-shadow .25s ease}.cnReviewCard:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.24)}.cnReviewTop{display:flex;align-items:center;gap:11px}.cnReviewAvatar{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#7e57c2;color:#fff;font-size:18px;font-weight:850}.cnReviewAvatarOrange{background:#f4511e}.cnReviewAvatarGray{background:#607d8b}.cnReviewMeta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cnReviewName{color:#111827;font-size:14px;font-weight:900;line-height:1.2}.cnReviewSource{color:#6b7280;font-size:11px;font-weight:650}.cnReviewGoogle{width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex:0 0 29px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);color:#4285f4;font-size:16px;font-weight:950;box-shadow:0 2px 8px rgba(0,0,0,.08)}.cnReviewRating{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}.cnReviewStars{color:#fbbc04;font-size:15px;letter-spacing:1px}.cnReviewScore{color:#111827;font-size:12px;font-weight:850}.cnReviewDate{color:#9ca3af;font-size:12px;font-weight:600}.cnReviewText{margin:12px 0 0;color:#374151;font-size:14px;font-weight:500;line-height:1.55}.cnReviewMore{flex:0 0 74%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;padding:20px;border-radius:18px;text-align:center;text-decoration:none;background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px rgba(0,0,0,.18)}.cnReviewMoreIcon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3d17a;color:#111827;font-size:24px;font-weight:900}.cnReviewMore strong{color:#111827;font-size:15px;font-weight:900}.cnReviewMore span:last-child{color:#6b7280;font-size:12px;font-weight:600}.cnProMaxGrid{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 18px}.cnProMaxItem{position:relative;display:flex;align-items:center;gap:13px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(
      135deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );box-shadow:0 8px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035);opacity:0;transform:translateY(10px);animation:cnProMaxItemEnter .5s cubic-bezier(.22,.8,.25,1) forwards;transition:transform .3s cubic-bezier(.25,.8,.25,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease}.cnProMaxItem:nth-child(1){animation-delay:.12s}.cnProMaxItem:nth-child(2){animation-delay:.20s}.cnProMaxItem:nth-child(3){animation-delay:.28s}.cnProMaxItem:nth-child(4){animation-delay:.36s}.cnProMaxItem:hover{transform:translateY(-2px)
    translateX(3px);border-color:rgba(243,209,122,.26);background:linear-gradient(
      135deg,
      rgba(243,209,122,.075),
      rgba(255,255,255,.025)
    );box-shadow:0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(243,209,122,.05)}.cnReviewIntro{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"icon text"
    "swipe swipe";column-gap:14px;row-gap:13px;margin-top:22px;margin-bottom:16px;padding:18px;border-radius:20px;background:radial-gradient(
      220px 120px at 0% 0%,
      rgba(243,209,122,.16),
      transparent 70%
    ),
    linear-gradient(
      135deg,
      rgba(243,209,122,.10),
      rgba(255,255,255,.035)
    );border:1px solid rgba(243,209,122,.32);box-shadow:0 14px 34px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 25px rgba(243,209,122,.05);overflow:hidden;animation:cnReviewIntroEnter .65s cubic-bezier(.22,.8,.25,1) both}.cnReviewIntro::after{content:"";position:absolute;inset:0;background:linear-gradient(
      110deg,
      transparent 20%,
      rgba(255,255,255,.12) 45%,
      transparent 70%
    );transform:translateX(-120%);animation:cnReviewIntroSweep 5s ease-in-out infinite;pointer-events:none}.cnReviewIntroIcon{grid-area:icon;width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#f3d17a;background:rgba(243,209,122,.10);border:1px solid rgba(243,209,122,.25);box-shadow:0 0 18px rgba(243,209,122,.10)}.cnReviewIntroIcon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnReviewIntroText{grid-area:text;min-width:0;display:flex;flex-direction:column;gap:5px}.cnReviewIntroText strong{color:#fff;font-size:15px;font-weight:950;line-height:1.25}.cnReviewIntroText span{color:rgba(255,255,255,.67);font-size:12px;font-weight:650;line-height:1.45}.cnReviewSwipeHint{grid-area:swipe;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:9px 12px;border-radius:12px;color:#f3d17a;background:rgba(243,209,122,.075);border:1px solid rgba(243,209,122,.17);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;animation:cnReviewSwipe 1.8s ease-in-out infinite}@keyframes cnReviewIntroEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cnReviewIntroSweep{0%,
  65%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes cnReviewSwipe{0%,
  100%{transform:translateX(0)}50%{transform:translateX(4px)}}.cnProMaxIcon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#f3d17a;font-size:20px;font-weight:950;background:linear-gradient(
      145deg,
      rgba(243,209,122,.15),
      rgba(243,209,122,.045)
    );border:1px solid rgba(243,209,122,.20);box-shadow:0 0 18px rgba(243,209,122,.08)}.cnProMaxIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cnProMaxItemText{min-width:0;display:flex;flex-direction:column;gap:3px}.cnProMaxItemText strong{color:#fff;font-size:15px;font-weight:900;line-height:1.25}.cnProMaxItemText span{color:rgba(255,255,255,.62);font-size:13px;font-weight:600;line-height:1.4}.cnInfoToggle{width:100%;display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid rgba(243,209,122,.32);background:linear-gradient(
      135deg,
      rgba(243,209,122,.09),
      rgba(243,209,122,.025)
    );color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035);transition:transform .3s cubic-bezier(.25,.8,.25,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease}.cnInfoToggle:hover{transform:translateY(-2px);border-color:rgba(243,209,122,.55);background:linear-gradient(
      135deg,
      rgba(243,209,122,.14),
      rgba(243,209,122,.045)
    );box-shadow:0 14px 34px rgba(0,0,0,.28),
    0 0 22px rgba(243,209,122,.08)}.cnInfoToggleIcon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#f3d17a;font-size:23px;background:rgba(243,209,122,.10);border:1px solid rgba(243,209,122,.25);box-shadow:0 0 16px rgba(243,209,122,.12)}.cnInfoToggleText{flex:1;display:flex;flex-direction:column;gap:2px}.cnInfoToggleText strong{color:#f3d17a;font-size:14px;font-weight:950}.cnInfoToggleText small{color:rgba(255,255,255,.55);font-size:12px;font-weight:650}.cnInfoToggleArrow{color:#f3d17a;font-size:27px;font-weight:700;transition:transform .3s ease}.cnInfoToggle:hover .cnInfoToggleArrow{transform:translateX(3px)}.cnLegalModal{position:fixed;inset:0;z-index:13000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,7,12,.78);backdrop-filter:blur(11px)
    brightness(.55);-webkit-backdrop-filter:blur(11px)
    brightness(.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,
    visibility .3s ease}.cnLegalModal.active{opacity:1;visibility:visible;pointer-events:auto}.cnLegalContent{position:relative;width:min(460px,100%);padding:30px 24px 22px;border-radius:24px;border:1px solid rgba(243,209,122,.30);background:radial-gradient(
      450px 240px at 50% -10%,
      rgba(243,209,122,.10),
      transparent 65%
    ),
    linear-gradient(
      145deg,
      rgba(8,15,29,.97),
      rgba(5,11,20,.95)
    );box-shadow:0 35px 100px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 40px rgba(243,209,122,.08);transform:translateY(18px)
    scale(.94);opacity:0;transition:transform .35s cubic-bezier(.25,.8,.25,1),
    opacity .3s ease}.cnLegalModal.active .cnLegalContent{transform:translateY(0)
    scale(1);opacity:1}.cnLegalModalIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border-radius:15px;color:#f3d17a;font-size:27px;background:rgba(243,209,122,.10);border:1px solid rgba(243,209,122,.25)}.cnLegalEyebrow{margin-bottom:7px;color:#f3d17a;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.cnLegalContent h3{margin:0 38px 14px 0;color:#fff;font-size:26px;font-weight:950;line-height:1.15}.cnLegalContent p{margin:0 0 12px;color:rgba(255,255,255,.70);font-size:15px;line-height:1.65}.cnLegalContent strong{color:#fff}.cnLegalModalNote{margin-top:17px;padding:13px 14px;border-radius:14px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.5;background:rgba(243,209,122,.06);border:1px solid rgba(243,209,122,.15)}.cnLegalClose{position:absolute;top:15px;right:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:25px;cursor:pointer;transition:transform .25s ease,
    background .25s ease}.cnLegalClose:hover{transform:rotate(90deg);background:rgba(255,255,255,.11)}.cnLegalCloseBottom{width:100%;margin-top:20px;padding:13px 16px;border-radius:14px;border:1px solid rgba(243,209,122,.28);background:linear-gradient(
      135deg,
      rgba(243,209,122,.16),
      rgba(243,209,122,.055)
    );color:#f3d17a;font-size:14px;font-weight:950;cursor:pointer}@keyframes cnProMaxEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cnProMaxItemEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cnProMaxPulse{0%,
  100%{box-shadow:0 0 0 4px rgba(243,209,122,.08),
      0 0 10px rgba(243,209,122,.30)}50%{box-shadow:0 0 0 7px rgba(243,209,122,.02),
      0 0 18px rgba(243,209,122,.48)}}@keyframes cnProMaxGlow{from{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@media (max-width:640px){.cnProMaxFocus{padding:21px 16px}.cnProMaxItem{padding:13px 12px}.cnProMaxIcon{width:39px;height:39px;flex-basis:39px;font-size:18px}.cnLegalModal{align-items:flex-end;padding:12px}.cnLegalContent{width:100%;padding:27px 20px
      calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 20px 20px}}@media (prefers-reduced-motion:reduce){.cnProMaxFocus,
  .cnProMaxItem,
  .cnProMaxPulse,
  .cnProMaxGlow{animation:none !important}.cnProMaxItem,
  .cnLegalContent{opacity:1;transform:none}}.cnWhyHighlight::before{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.08),
    transparent
  );transform:skewX(-18deg);animation:cnWhyHighlightSweep 7s ease-in-out infinite;pointer-events:none}.cnWhyHighlight::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(
    90deg,
    transparent,
    rgba(88, 255, 195, 0.65),
    transparent
  );box-shadow:0 0 16px rgba(88, 255, 195, 0.28)}@keyframes cnWhyHighlightSweep{0%,
  65%{left:-60%}100%{left:130%}}.cnWhyHighlight .cnWhyProLabel span{position:relative;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#58ffc1;box-shadow:0 0 0 5px rgba(88, 255, 193, 0.10),
    0 0 16px rgba(88, 255, 193, 0.8);animation:cnWhyLabelPulse 2.4s ease-in-out infinite}@keyframes cnWhyLabelPulse{0%,
  100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:0.78}}.cnWhyHighlight h2{position:relative;z-index:2;margin:0 0 16px;font-size:clamp(32px, 7vw, 52px);line-height:0.98;font-weight:950;letter-spacing:-0.045em;color:#ffffff;text-wrap:balance;text-shadow:0 3px 20px rgba(0, 0, 0, 0.26)}.cnWhyHighlight h2::after{content:"";display:block;width:62px;height:4px;margin-top:14px;border-radius:999px;background:linear-gradient(
      90deg,
      #58ffc1,
      rgba(88, 255, 193, 0.15)
    );box-shadow:0 0 16px rgba(88, 255, 193, 0.35)}.cnWhyHighlight{position:relative;margin:32px 0;padding:32px;border-radius:28px;overflow:hidden;background:rgba(10, 16, 34, 0.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);background-image:linear-gradient(
      rgba(10, 16, 34, 0.95),
      rgba(10, 16, 34, 0.95)
    ),
    linear-gradient(
      135deg,
      #f3d17a,
      #c49b46,
      #5dffb8
    );background-origin:border-box;background-clip:padding-box, border-box;border:2px solid transparent}.cnWhyHighlight .cnWhyProLabel{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:rgba(93, 255, 184, 0.1);border:1px solid rgba(93, 255, 184, 0.3);color:#5dffb8;font-size:11px;font-weight:950;letter-spacing:0.1em;text-transform:uppercase;box-shadow:0 0 12px rgba(93, 255, 184, 0.1)}.cnWhyHighlight .cnWhyProLabel span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#5dffb8;box-shadow:0 0 8px #5dffb8}.cnWhyHighlight h2{position:relative;z-index:2;margin:0 0 16px;font-size:clamp(28px, 8vw, 42px);font-weight:950;line-height:1.1;color:#ffffff;background:linear-gradient(
      135deg,
      #ffffff 0%,
      #f3d17a 100%
    );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cnWhyHighlight p{position:relative;z-index:2;margin:0;max-width:650px;font-size:17px;line-height:1.6;font-weight:500;color:rgba(255, 255, 255, 0.7)}.cnWhyHighlight::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.05),
      transparent
    );transform:skewX(-25deg);animation:cnProMaxShine 6s infinite;pointer-events:none}@keyframes cnProMaxShine{0%{left:-100%}20%,
  100%{left:150%}}@media (max-width: 600px){.cnWhyHighlight{margin:20px 0;padding:20px 17px;border-radius:20px}.cnWhyHighlight .cnWhyProLabel{margin-bottom:13px;padding:6px 11px;font-size:10px;letter-spacing:0.09em}.cnWhyHighlight h2{margin-bottom:13px;font-size:28px;line-height:1.05}.cnWhyHighlight p{font-size:15.5px;line-height:1.55}}.cnStepsPro{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:radial-gradient(circle at 10% 0%, rgba(93,255,184,.10), transparent 34%),
    radial-gradient(circle at 92% 5%, rgba(243,209,122,.14), transparent 38%),
    linear-gradient(180deg, rgba(6,10,22,.78), rgba(10,16,34,.58));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 48px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cnStepsPro::before{content:"";position:absolute;inset:-40%;background:linear-gradient(
      115deg,
      transparent 35%,
      rgba(255,255,255,.06) 48%,
      rgba(243,209,122,.10) 52%,
      transparent 65%
    );transform:translateX(-120%) rotate(8deg);animation:cnStepsSweep 8s ease-in-out infinite;pointer-events:none}.cnStepsProHead,
.cnStepsProList{position:relative;z-index:1}.cnStepsProHead{margin-bottom:18px}.cnStepsProBadge{display:inline-flex;align-items:center;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:rgba(93,255,184,.10);border:1px solid rgba(93,255,184,.28);color:#5dffb8;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 0 16px rgba(93,255,184,.12)}.cnStepsProHead h3{margin:0;color:#fff;font-size:clamp(22px,5vw,30px);font-weight:950;line-height:1.14;letter-spacing:-.4px;text-shadow:0 8px 24px rgba(0,0,0,.35)}.cnStepsProHead p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.5}.cnStepsProList{position:relative;display:grid;gap:12px}.cnStepsProList::before{content:"";position:absolute;left:22px;top:35px;bottom:35px;width:2px;background:linear-gradient(
      180deg,
      rgba(243,209,122,.85),
      rgba(93,255,184,.65)
    );box-shadow:0 0 12px rgba(243,209,122,.22);animation:cnStepsLinePulse 3s ease-in-out infinite}.cnStepsProItem{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(
      180deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.025)
    );border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 26px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.04);transition:transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;animation:cnStepCardSequence 7.5s
    cubic-bezier(.4,0,.2,1)
    infinite}.cnStepsProItem:nth-child(1){animation-delay:0s}.cnStepsProItem:nth-child(2){animation-delay:-5s}.cnStepsProItem:nth-child(3){animation-delay:-2.5s}.cnStepsProItem:hover{transform:translateY(-2px);border-color:rgba(243,209,122,.30);background:linear-gradient(
      180deg,
      rgba(243,209,122,.08),
      rgba(255,255,255,.035)
    );box-shadow:0 16px 34px rgba(0,0,0,.28),
    0 0 22px rgba(243,209,122,.08)}.cnStepsProContent{min-width:0}.cnStepsProContent strong{display:block;margin-bottom:4px;color:#f3d17a;font-size:16px;font-weight:950;line-height:1.25}.cnStepsProContent p{margin:0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.5;font-weight:650}@keyframes cnStepsSweep{0%{transform:translateX(-120%) rotate(8deg);opacity:0}35%{opacity:1}65%{transform:translateX(120%) rotate(8deg);opacity:0}100%{transform:translateX(120%) rotate(8deg);opacity:0}}@keyframes cnStepsLinePulse{0%,
  100%{opacity:.45}50%{opacity:1}}@media (max-width:640px){.cnStepsPro{padding:16px;border-radius:20px}.cnStepsProHead{margin-bottom:15px}.cnStepsProHead h3{font-size:22px}.cnStepsProHead p{font-size:13px}.cnStepsProList{gap:10px}.cnStepsProList::before{content:"";position:absolute;left:19px;top:31px;bottom:31px;width:2px;background:linear-gradient(
      180deg,
      rgba(243,209,122,.24),
      rgba(93,255,184,.18)
    );border-radius:999px;box-shadow:0 0 10px rgba(243,209,122,.10);z-index:0}.cnStepsProList::after{content:"";position:absolute;left:19px;top:31px;width:2px;height:calc(100% - 62px);border-radius:999px;background:linear-gradient(
      180deg,
      #f3d17a 0%,
      #ffd86f 38%,
      #5dffb8 72%,
      #5dffb8 100%
    );transform-origin:top;transform:scaleY(0);box-shadow:0 0 8px rgba(243,209,122,.70),
    0 0 18px rgba(93,255,184,.38);z-index:1;animation:cnStepsProgress 7.5s
    cubic-bezier(.4,0,.2,1)
    infinite}.cnStepsProItem{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px;border-radius:16px}.cnStepsProNumber{position:relative;z-index:3;display:grid;place-items:center;width:38px;height:38px;font-size:16px;border-radius:50%;background:linear-gradient(
      145deg,
      rgba(255,240,163,.88),
      #f3d17a 42%,
      #c49b46 100%
    );color:#111318;font-size:18px;font-weight:950;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 20px rgba(196,155,70,.22),
    0 0 0 0 rgba(243,209,122,0);transform:scale(.94);animation:cnStepNumberSequence 7.5s
    cubic-bezier(.4,0,.2,1)
    infinite}.cnStepsProItem:nth-child(1) .cnStepsProNumber{animation-delay:0s}.cnStepsProItem:nth-child(2) .cnStepsProNumber{animation-delay:-5s}.cnStepsProItem:nth-child(3) .cnStepsProNumber{animation-delay:-2.5s}.cnStepsProContent strong{font-size:15px}.cnStepsProContent p{font-size:13px;line-height:1.45}}@media (prefers-reduced-motion:reduce){.cnStepsPro::before,
  .cnStepsProList::before,
  .cnStepsProNumber{animation:none}.cnStepsProItem:hover{transform:none}}@keyframes cnStepsProgress{0%,
  8%{transform:scaleY(0)}24%{transform:scaleY(.08)}38%{transform:scaleY(.50)}62%{transform:scaleY(.52)}76%,
  92%{transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes cnStepNumberSequence{0%,
  8%{transform:scale(.94);box-shadow:0 8px 20px rgba(196,155,70,.22),
      0 0 0 0 rgba(243,209,122,0)}12%{transform:scale(1.12);box-shadow:0 10px 25px rgba(196,155,70,.42),
      0 0 0 7px rgba(243,209,122,.12),
      0 0 24px rgba(243,209,122,.62)}19%{transform:scale(1);box-shadow:0 10px 24px rgba(196,155,70,.36),
      0 0 0 3px rgba(243,209,122,.08),
      0 0 18px rgba(243,209,122,.32)}27%,
  100%{transform:scale(.94);box-shadow:0 8px 20px rgba(196,155,70,.22),
      0 0 0 0 rgba(243,209,122,0)}}@keyframes cnStepCardSequence{0%,
  8%{transform:translateY(0);border-color:rgba(255,255,255,.10);background:linear-gradient(
        180deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.025)
      );box-shadow:0 10px 26px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.04)}12%,
  20%{transform:translateY(-2px)
      scale(1.012);border-color:rgba(243,209,122,.46);background:linear-gradient(
        135deg,
        rgba(243,209,122,.13),
        rgba(93,255,184,.045)
      );box-shadow:0 16px 36px rgba(0,0,0,.30),
      0 0 0 1px rgba(243,209,122,.08) inset,
      0 0 25px rgba(243,209,122,.14)}28%,
  100%{transform:translateY(0);border-color:rgba(255,255,255,.10);background:linear-gradient(
        180deg,
        rgba(255,255,255,.055),
        rgba(255,255,255,.025)
      );box-shadow:0 10px 26px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.04)}}.cnGiftAccordion > summary::after{
  display:none;
}.cnGiftAccordion > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}.cnGiftArrow{
  flex:0 0 auto;
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f3d17a,#c49b46);
  color:#111;
  box-shadow:0 10px 26px rgba(243,209,122,.35);
}.cnGiftArrow svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .3s ease;
}.cnGiftAccordion[open] .cnGiftArrow svg{
  transform:rotate(180deg);
}.cnPakToggleBtn{
  position:relative;
  isolation:isolate;
  width:calc(100% - 32px);
  max-width:680px;
  min-height:92px;
  margin:34px auto 28px;
  padding:24px 88px 24px 34px;

  display:flex;
  align-items:center;
  justify-content:flex-start;

  border:1px solid rgba(243,209,122,.58);
  border-radius:28px;
  overflow:hidden;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(93,255,184,.22),
      transparent 34%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(243,209,122,.24),
      transparent 40%
    ),
    linear-gradient(
      135deg,
      rgba(9,23,48,.98),
      rgba(18,34,66,.97)
    );

  color:#fff;
  font-size:clamp(25px,5vw,36px);
  font-weight:950;
  letter-spacing:.12em;
  text-align:left;

  cursor:pointer;
  -webkit-tap-highlight-color:transparent;

  box-shadow:
    0 22px 55px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 34px rgba(243,209,122,.12);

  transform:translateZ(0);

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    border-color .32s ease,
    box-shadow .32s ease;
}.cnPakToggleBtn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;

  background:
    linear-gradient(
      115deg,
      transparent 20%,
      rgba(255,255,255,.04) 40%,
      rgba(255,255,255,.18) 50%,
      rgba(255,255,255,.04) 60%,
      transparent 80%
    );

  transform:translateX(-140%);
  animation:cnPakButtonSweep 4.8s ease-in-out infinite;
}.cnPakToggleBtn::after{
  content:"⌄";
  position:absolute;
  right:20px;
  top:50%;

  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #f3d17a,
      #c49b46
    );

  color:#101828;
  font-size:36px;
  font-weight:900;
  line-height:1;

  box-shadow:
    0 12px 28px rgba(243,209,122,.28),
    inset 0 1px 0 rgba(255,255,255,.45);

  transform:translateY(-50%);
  transition:
    transform .4s cubic-bezier(.2,.8,.2,1),
    box-shadow .3s ease;
}.cnPakToggleBtn:hover{
  transform:translateY(-3px) scale(1.012);

  border-color:rgba(243,209,122,.88);

  box-shadow:
    0 28px 65px rgba(0,0,0,.48),
    0 0 42px rgba(243,209,122,.20),
    0 0 0 1px rgba(255,255,255,.06) inset;
}.cnPakToggleBtn:active{
  transform:scale(.985);
}.cnPakToggleBtn[aria-expanded="true"]{
  border-color:rgba(93,255,184,.62);

  box-shadow:
    0 26px 65px rgba(0,0,0,.48),
    0 0 38px rgba(93,255,184,.18),
    0 0 0 1px rgba(255,255,255,.05) inset;
}.cnPakToggleBtn[aria-expanded="true"]::after{
  transform:translateY(-50%) rotate(180deg);

  box-shadow:
    0 14px 34px rgba(243,209,122,.38),
    inset 0 1px 0 rgba(255,255,255,.5);
}.cnPakRoot[data-open="1"] .cnPakInner{
  animation:cnPakPanelReveal .55s cubic-bezier(.16,1,.3,1) both;
}.cnPakRoot .grid3{
  gap:20px;
}.cnPakRoot .glass.card{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(243,209,122,.10),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      rgba(18,31,59,.92),
      rgba(9,18,38,.96)
    );

  box-shadow:
    0 16px 42px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    border-color .35s ease,
    box-shadow .35s ease;
}.cnPakRoot .glass.card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:100%;

  background:
    linear-gradient(
      180deg,
      #f3d17a,
      #5dffb8
    );

  opacity:.75;
}.cnPakRoot .glass.card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;

  background:
    linear-gradient(
      120deg,
      transparent 25%,
      rgba(255,255,255,.05) 50%,
      transparent 75%
    );

  transform:translateX(-130%);
  transition:transform .7s ease;
}.cnPakRoot .glass.card:hover{
  transform:translateY(-5px);

  border-color:rgba(243,209,122,.38);

  box-shadow:
    0 24px 55px rgba(0,0,0,.44),
    0 0 28px rgba(243,209,122,.10);
}.cnPakRoot .glass.card:hover::after{
  transform:translateX(130%);
}.cnPakRoot .glass.card h3{
  color:#f3d17a;
  font-weight:950;
  letter-spacing:.03em;
  margin-bottom:12px;
}.cnPakRoot .glass.card p{
  color:rgba(255,255,255,.78);
  line-height:1.65;
}.cnPakRoot .btn.choose{
  position:relative;
  overflow:hidden;

  border:1px solid rgba(243,209,122,.42);
  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.18),
      rgba(196,155,70,.10)
    );

  color:#f7dda0;
  font-weight:850;

  transition:
    transform .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}.cnPakRoot .btn.choose:hover{
  transform:translateY(-2px);

  background:
    linear-gradient(
      135deg,
      #f3d17a,
      #c49b46
    );

  color:#101828;

  box-shadow:
    0 12px 30px rgba(243,209,122,.24);
}.cnPakRoot[data-open="1"] .glass.card{
  animation:cnPakCardEnter .75s cubic-bezier(.16,1,.3,1) both;
}.cnPakRoot[data-open="1"] .glass.card:nth-child(1){animation-delay:.15s}.cnPakRoot[data-open="1"] .glass.card:nth-child(2){animation-delay:.28s}.cnPakRoot[data-open="1"] .glass.card:nth-child(3){animation-delay:.41s}.cnPakRoot[data-open="1"] .glass.card:nth-child(4){animation-delay:.54s}.cnPakRoot[data-open="1"] .glass.card:nth-child(5){animation-delay:.67s}.cnPakRoot[data-open="1"] .glass.card:nth-child(6){animation-delay:.80s}.cnPakRoot[data-open="1"] .glass.card:nth-child(7){animation-delay:.93s}.cnPakRoot[data-open="1"] .glass.card:nth-child(8){animation-delay:1.06s}.cnPakRoot[data-open="1"] .glass.card:nth-child(9){animation-delay:1.19s}.cnPakRoot[data-open="1"] .glass.card:nth-child(10){animation-delay:1.32s}@keyframes cnPakButtonSweep{
  0%,68%{
    transform:translateX(-140%);
  }
100%{
    transform:translateX(140%);
  }
}@keyframes cnPakPanelReveal{
  from{
    opacity:0;
    transform:
      translateY(-16px)
      scale(.985);
  }
to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }
}@keyframes cnPakCardEnter{
  from{
    opacity:0;
    transform:
      translateY(46px)
      scale(.94);
    filter:blur(8px);
  }
 to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
   filter:blur(0);
  }
}@media(max-width:600px){
 .cnPakToggleBtn{
    width:calc(100% - 24px);
    min-height:88px;
    margin:28px auto 24px;
    padding:
      20px
      82px
      20px
      26px;
 border-radius:25px;
  font-size:26px;
    letter-spacing:.10em;
  }
  .cnPakToggleBtn::after{
    right:16px;
    width:56px;
    height:56px;
    border-radius:18px;
  }

  .cnPakRoot .glass.card{
    border-radius:22px;
  }
}@media(prefers-reduced-motion:reduce){

  .cnPakToggleBtn,
  .cnPakToggleBtn::before,
  .cnPakToggleBtn::after,
  .cnPakRoot .glass.card,
  .cnPakRoot .glass.card::after,
  .cnPakRoot[data-open="1"] .cnPakInner{
    animation:none;
    transition:none;
  }
}.cnMenuTargetPulse{
  position:relative;
  z-index:5;

  border-color:rgba(93,255,184,.95) !important;

  transform:translateZ(0);

  animation:
    cnMenuTargetPulse 1.35s cubic-bezier(.4,0,.2,1) infinite,
    cnMenuTargetFloat 2.7s ease-in-out infinite;

  box-shadow:
    0 0 0 1px rgba(93,255,184,.55),
    0 0 20px rgba(93,255,184,.35),
    0 0 50px rgba(93,255,184,.18),
    inset 0 0 22px rgba(93,255,184,.04);
}.cnMenuTargetPulse::before{
  content:"";
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;

  border:2px solid rgba(93,255,184,.55);

  opacity:.7;

  animation:cnMenuTargetRing 1.35s ease-out infinite;
}@keyframes cnMenuTargetPulse{
  0%,100%{
    border-color:rgba(93,255,184,.72);
    box-shadow:
      0 0 0 1px rgba(93,255,184,.40),
      0 0 18px rgba(93,255,184,.30),
      0 0 38px rgba(93,255,184,.15),
      inset 0 0 18px rgba(93,255,184,.03);
  }

  50%{
    border-color:rgba(93,255,184,1);
    box-shadow:
      0 0 0 3px rgba(93,255,184,.28),
      0 0 34px rgba(93,255,184,.68),
      0 0 75px rgba(93,255,184,.34),
      inset 0 0 26px rgba(93,255,184,.08);
  }
}@keyframes cnMenuTargetRing{
  0%{
    opacity:.7;
    transform:scale(1);
  }

  100%{
    opacity:0;
    transform:scale(1.025);
  }
}@keyframes cnMenuTargetFloat{
  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-2px);
  }
}@media(prefers-reduced-motion:reduce){
  .cnMenuTargetPulse,
  .cnMenuTargetPulse::before{
    animation:none !important;
  }
}#buchung{
  position:relative;
  isolation:isolate;
}#buchung::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;

  background:
    radial-gradient(
      700px 420px at 15% 20%,
      rgba(93,255,184,.08),
      transparent 65%
    ),
    radial-gradient(
      700px 420px at 85% 25%,
      rgba(243,209,122,.10),
      transparent 65%
    );
}.cnBookingOriginalSelect{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}.cnBookingStepHead{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:22px;
}.cnBookingStepNumber{
  flex:0 0 auto;

  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );

  color:#111;

  font-size:17px;
  font-weight:950;

  box-shadow:
    0 0 0 5px rgba(243,209,122,.08),
    0 8px 24px rgba(196,155,70,.30);
}.cnBookingStepEyebrow{
  display:block;

  margin-bottom:4px;

  color:#f3d17a;

  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}.cnBookingStepHead h3{
  margin:0;

  color:#fff;

  font-size:clamp(19px,4vw,26px);
  font-weight:950;

  letter-spacing:-.4px;
}.cnBookingStepHead p{
  margin:5px 0 0;

  color:rgba(255,255,255,.62);

  font-size:13px;
  line-height:1.5;
}.cnBookingPackageGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;

  margin-bottom:18px;
}.cnBookingPackageCard{
  position:relative;

  min-height:230px;
  padding:26px 18px 20px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  appearance:none;
  -webkit-appearance:none;

  border-radius:22px;

  border:
    1px solid
    rgba(255,255,255,.14);

  background:
    linear-gradient(
      180deg,
      rgba(9,21,39,.92),
      rgba(6,14,27,.86)
    );

  color:#fff;

  cursor:pointer;

  overflow:hidden;

  box-shadow:
    0 18px 45px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);

  transition:
    transform .35s cubic-bezier(.16,1,.3,1),
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}.cnBookingPackageCard::before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.10),
      transparent 48%
    );

  opacity:.7;
}.cnBookingPackageCard::after{
  content:"";

  position:absolute;

  top:-25%;
  left:-50%;

  width:35%;
  height:150%;

  transform:rotate(20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.13),
      transparent
    );

  transition:left .65s cubic-bezier(.16,1,.3,1);

  pointer-events:none;
}.cnBookingPackageCard:hover::after{
  left:130%;
}.cnBookingPackageCard:hover{
  transform:
    translateY(-6px)
    scale(1.015);

  border-color:
    rgba(243,209,122,.42);

  box-shadow:
    0 24px 55px rgba(0,0,0,.44),
    0 0 30px rgba(243,209,122,.10);
}.cnBookingPackageIcon{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  width:54px;
  height:54px;

  margin-bottom:15px;

  border-radius:18px;

  font-size:28px;

  background:
    rgba(255,255,255,.055);

  border:
    1px solid
    rgba(255,255,255,.10);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08);
}.cnBookingPackageCard strong{
  position:relative;

  margin-bottom:9px;

  font-size:21px;
  font-weight:950;

  letter-spacing:.02em;
}.cnBookingPackageText{
  position:relative;

  max-width:190px;

  color:
    rgba(255,255,255,.78);

  font-size:13px;
  line-height:1.45;

  text-align:center;
}.cnBookingPackageTag{
  position:relative;

  margin-top:14px;

  font-size:12px;
  font-weight:850;
}.cnBookingPackageBasic
.cnBookingPackageIcon,
.cnBookingPackageBasic
.cnBookingPackageTag{
  color:#68f0bb;
}.cnBookingPackageStandard
.cnBookingPackageIcon,
.cnBookingPackageStandard
.cnBookingPackageTag{
  color:#74b9ff;
}.cnBookingPackageIntensiv
.cnBookingPackageIcon,
.cnBookingPackageIntensiv
.cnBookingPackageTag{
  color:#f3d17a;
}.cnBookingRecommended{
  position:absolute;

  top:15px;
  right:-38px;

  width:140px;

  padding:5px 0;

  transform:rotate(42deg);

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );

  color:#141414;

  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;

  text-align:center;

  box-shadow:
    0 4px 16px rgba(196,155,70,.28);
}.cnBookingSelectedCheck{
  position:absolute;

  top:13px;
  left:13px;

  width:29px;
  height:29px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#5dffb8;

  color:#071910;

  font-size:15px;
  font-weight:950;

  opacity:0;

  transform:scale(.5);

  transition:
    opacity .3s ease,
    transform .4s cubic-bezier(.16,1,.3,1);
}.cnBookingPackageCard.is-selected{
  transform:
    translateY(-5px)
    scale(1.02);

  border-color:
    rgba(243,209,122,.92);

  background:
    linear-gradient(
      180deg,
      rgba(31,37,39,.96),
      rgba(10,18,27,.94)
    );

  box-shadow:
    0 0 0 1px rgba(243,209,122,.24),
    0 0 24px rgba(243,209,122,.38),
    0 0 60px rgba(243,209,122,.18),
    0 25px 55px rgba(0,0,0,.48);
}.cnBookingPackageCard.is-selected
.cnBookingSelectedCheck{
  opacity:1;
  transform:scale(1);
}.cnBookingPackageCard.is-selected{
  animation:
    cnBookingSelectedBreath
    2.8s ease-in-out infinite;
}@keyframes cnBookingSelectedBreath{

  0%,
  100%{
    box-shadow:
      0 0 0 1px rgba(243,209,122,.18),
      0 0 20px rgba(243,209,122,.28),
      0 20px 48px rgba(0,0,0,.42);
  }

  50%{
    box-shadow:
      0 0 0 2px rgba(243,209,122,.28),
      0 0 35px rgba(243,209,122,.52),
      0 25px 55px rgba(0,0,0,.48);
  }
}@media(max-width:700px){

  .cnBookingPackageGrid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .cnBookingPackageCard{
    min-height:175px;
    padding:20px 18px;
  }

}@media(prefers-reduced-motion:reduce){

  .cnBookingPackageCard,
  .cnBookingPackageCard::after,
  .cnBookingSelectedCheck{
    transition:none;
  }

  .cnBookingPackageCard.is-selected{
    animation:none;
  }

}#buchung #cnPackOnly{
  padding:22px 18px !important;
  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(93,255,184,.07),
      transparent 38%
    ),
    radial-gradient(
      circle at 90% 0%,
      rgba(243,209,122,.10),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(7,15,27,.96),
      rgba(5,11,21,.96)
    ) !important;

  border:1px solid rgba(243,209,122,.20);
  border-radius:24px;

  box-shadow:
    0 22px 55px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.04);

  overflow:hidden;
}#buchung .cnBookingStepHead{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:24px !important;
}#buchung .cnBookingStepNumber{
  flex:0 0 42px !important;

  width:42px !important;
  height:42px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:50% !important;

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    ) !important;

  color:#111 !important;

  font-size:17px !important;
  font-weight:950 !important;

  box-shadow:
    0 0 0 5px rgba(243,209,122,.08),
    0 8px 24px rgba(196,155,70,.30) !important;
}#buchung .cnBookingStepEyebrow{
  display:block !important;

  margin-bottom:5px !important;

  color:#f3d17a !important;

  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
}#buchung .cnBookingStepHead h3{
  margin:0 !important;

  color:#fff !important;

  font-size:23px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}#buchung .cnBookingStepHead p{
  margin:7px 0 0 !important;

  color:rgba(255,255,255,.65) !important;

  font-size:14px !important;
  line-height:1.5 !important;
}#buchung .cnBookingPackageGrid{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap:14px !important;

  margin:0 0 18px !important;
}#buchung .cnBookingPackageCard{
  position:relative !important;

  width:100% !important;
  min-width:0 !important;
  min-height:225px !important;

  padding:26px 16px 20px !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  white-space:normal !important;

  border-radius:22px !important;

  border:
    1px solid
    rgba(255,255,255,.16) !important;

  background:
    linear-gradient(
      180deg,
      rgba(9,21,39,.97),
      rgba(6,14,27,.96)
    ) !important;

  color:#fff !important;

  text-align:center !important;

  cursor:pointer;

  overflow:hidden !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}#buchung .cnBookingPackageIcon{
  width:54px !important;
  height:54px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 0 15px !important;

  border-radius:18px !important;

  background:
    rgba(255,255,255,.055) !important;

  border:
    1px solid
    rgba(255,255,255,.10) !important;

  font-size:27px !important;
}#buchung .cnBookingPackageCard strong{
  display:block !important;

  margin:0 0 9px !important;

  color:#fff !important;

  font-size:21px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}#buchung .cnBookingPackageText{
  display:block !important;

  max-width:190px !important;

  margin:0 auto !important;

  color:
    rgba(255,255,255,.78) !important;

  font-size:13px !important;
  line-height:1.45 !important;

  white-space:normal !important;
}#buchung .cnBookingPackageTag{
  display:block !important;

  margin-top:14px !important;

  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}#buchung
.cnBookingPackageBasic
.cnBookingPackageIcon,

#buchung
.cnBookingPackageBasic
.cnBookingPackageTag{
  color:#68f0bb !important;
}#buchung
.cnBookingPackageStandard
.cnBookingPackageIcon,

#buchung
.cnBookingPackageStandard
.cnBookingPackageTag{
  color:#74b9ff !important;
}#buchung
.cnBookingPackageIntensiv
.cnBookingPackageIcon,

#buchung
.cnBookingPackageIntensiv
.cnBookingPackageTag{
  color:#f3d17a !important;
}#buchung .cnBookingRecommended{
  position:absolute !important;

  top:14px !important;
  right:-38px !important;

  width:140px !important;

  padding:5px 0 !important;

  transform:rotate(42deg) !important;

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    ) !important;

  color:#141414 !important;

  font-size:9px !important;
  font-weight:950 !important;

  text-align:center !important;
}#buchung .cnBookingSelectedCheck{
  position:absolute !important;

  top:13px !important;
  left:13px !important;

  width:29px !important;
  height:29px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:50% !important;

  background:#5dffb8 !important;

  color:#071910 !important;

  opacity:0 !important;

  transform:scale(.5) !important;
}#buchung
.cnBookingPackageCard.is-selected
.cnBookingSelectedCheck{
  opacity:1 !important;
  transform:scale(1) !important;
}#buchung
.cnBookingPackageCard.is-selected{
  border-color:
    rgba(243,209,122,.95) !important;

  transform:
    translateY(-4px)
    scale(1.015);

  box-shadow:
    0 0 0 1px rgba(243,209,122,.24),
    0 0 28px rgba(243,209,122,.42),
    0 20px 50px rgba(0,0,0,.48) !important;
}#buchung #cnPack.cnBookingOriginalSelect{
  position:absolute !important;

  width:1px !important;
  height:1px !important;

  min-width:1px !important;
  min-height:1px !important;

  padding:0 !important;
  margin:-1px !important;

  opacity:0 !important;

  overflow:hidden !important;

  pointer-events:none !important;

  border:0 !important;

  clip-path:inset(50%) !important;
}@media(max-width:700px){

  #buchung #cnPackOnly{
    padding:18px 14px !important;
  }

  #buchung .cnBookingStepHead{
    gap:11px !important;
  }

  #buchung .cnBookingStepNumber{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  #buchung .cnBookingStepHead h3{
    font-size:21px !important;
  }

  #buchung .cnBookingStepHead p{
    font-size:13px !important;
  }


  #buchung .cnBookingPackageGrid{
    grid-template-columns:
      1fr !important;

    gap:12px !important;
  }


  #buchung .cnBookingPackageCard{
    min-height:165px !important;

    padding:
      20px
      18px
      18px !important;
  }


  #buchung .cnBookingPackageIcon{
    width:46px !important;
    height:46px !important;

    margin-bottom:10px !important;

    font-size:23px !important;
  }


  #buchung .cnBookingPackageCard strong{
    font-size:19px !important;
  }


  #buchung .cnBookingPackageText{
    font-size:13px !important;
  }


  #buchung .cnBookingPackageTag{
    margin-top:9px !important;
  }

}#buchung .cnBookingPackageSection{display:grid;gap:18px}#buchung .cnBookingPackageGroupHead{margin-top:6px;padding:0 2px}#buchung .cnBookingPackageGroupHead span{display:block;color:#f3d17a;font-size:11px;font-weight:950;letter-spacing:.14em}#buchung .cnBookingPackageGroupHead strong{display:block;margin-top:5px;color:#fff;font-size:18px;font-weight:950}#buchung .cnBookingPackageGridSecondary,#buchung .cnBookingPackageGridSpecial{grid-template-columns:repeat(2,minmax(0,1fr))}#buchung .cnBookingPackageSecondary{min-height:180px}#buchung .cnBookingPackageComplete{position:relative;width:100%;min-height:220px;border:1px solid rgba(93,255,184,.55);background:radial-gradient(circle at 0 0,rgba(93,255,184,.18),transparent 42%),radial-gradient(circle at 100% 0,rgba(243,209,122,.20),transparent 48%),linear-gradient(135deg,rgba(8,35,29,.98),rgba(10,18,32,.98));box-shadow:0 0 0 1px rgba(243,209,122,.18),0 0 32px rgba(93,255,184,.18),0 0 55px rgba(243,209,122,.12),0 22px 55px rgba(0,0,0,.45);animation:cnBookingCompleteBreath 3.8s ease-in-out infinite}#buchung .cnBookingPackageComplete strong{color:#f3d17a;font-size:clamp(22px,5vw,30px);text-shadow:0 0 22px rgba(243,209,122,.22)}#buchung .cnBookingPackageComplete .cnBookingPackageIcon{color:#5dffb8;border-color:rgba(93,255,184,.28);box-shadow:0 0 24px rgba(93,255,184,.16)}#buchung .cnBookingPackageComplete .cnBookingPackageTag{color:#5dffb8}#buchung .cnBookingCompleteBadge{position:absolute;top:16px;right:16px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#f8df91,#c49b46);color:#111;font-size:10px;font-weight:950;letter-spacing:.1em;box-shadow:0 8px 24px rgba(196,155,70,.30)}#buchung .cnBookingCompleteSoon{display:inline-flex;margin-top:14px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.58);font-size:10px;font-weight:850}#buchung .cnBookingPackageComplete.is-coming{cursor:default}@keyframes cnBookingCompleteBreath{0%,100%{box-shadow:0 0 0 1px rgba(243,209,122,.14),0 0 24px rgba(93,255,184,.12),0 18px 45px rgba(0,0,0,.40)}50%{box-shadow:0 0 0 1px rgba(243,209,122,.25),0 0 38px rgba(93,255,184,.25),0 0 50px rgba(243,209,122,.18),0 24px 55px rgba(0,0,0,.48)}}@media(max-width:700px){#buchung .cnBookingPackageGridSecondary,#buchung .cnBookingPackageGridSpecial{grid-template-columns:1fr!important}#buchung .cnBookingPackageSecondary{min-height:150px!important}#buchung .cnBookingPackageComplete{min-height:210px!important}}@media(prefers-reduced-motion:reduce){#buchung .cnBookingPackageComplete{animation:none!important}}.cnPackageGuide{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(93,255,184,.10),transparent 34%),radial-gradient(circle at 92% 5%,rgba(243,209,122,.14),transparent 38%),linear-gradient(180deg,rgba(6,10,22,.78),rgba(10,16,34,.58));border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cnPackageGuideHead{margin-bottom:16px}.cnPackageGuideBadge{display:inline-flex;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:rgba(93,255,184,.10);border:1px solid rgba(93,255,184,.28);color:#5dffb8;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.cnPackageGuideHead h3{margin:0;color:#fff;font-size:clamp(22px,5vw,30px);font-weight:950;line-height:1.14;letter-spacing:-.4px}.cnPackageGuideHead p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.5}.cnPackageGuideGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cnPackageGuideItem{padding:15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 26px rgba(0,0,0,.20)}.cnPackageGuideItem strong{display:block;margin-bottom:6px;color:#f3d17a;font-size:15px;font-weight:950}.cnPackageGuideItem p{margin:0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.5}.cnPackageGuideComplete{margin-top:12px;padding:14px 16px;border-radius:17px;border:1px solid rgba(93,255,184,.34);background:linear-gradient(135deg,rgba(93,255,184,.10),rgba(243,209,122,.08));box-shadow:0 0 24px rgba(93,255,184,.06)}.cnPackageGuideComplete strong{display:block;color:#5dffb8;font-size:15px;font-weight:950}.cnPackageGuideComplete span{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.5}@media(max-width:700px){.cnPackageGuide{padding:16px;border-radius:20px}.cnPackageGuideGrid{grid-template-columns:1fr}.cnPackageGuideHead h3{font-size:22px}}

/* =========================================================
   CLEANNEST BOOKING PRO MAX
   BOOKING INTRO
   ========================================================= */

.cnBookingIntroPro{
  position:relative;
  isolation:isolate;

  margin:20px 0 24px;
  padding:30px;

  overflow:hidden;

  border-radius:28px;

  border:1px solid rgba(243,209,122,.26);

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(93,255,184,.10),
      transparent 38%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(243,209,122,.13),
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(6,15,29,.97),
      rgba(4,10,20,.98)
    );

  box-shadow:
    0 28px 70px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.cnBookingIntroGlow{
  position:absolute;
  z-index:-1;

  width:340px;
  height:340px;

  top:-180px;
  right:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(243,209,122,.20),
      transparent 68%
    );

  filter:blur(18px);

  animation:
    cnBookingIntroGlowMove
    6s ease-in-out infinite;
}

.cnBookingIntroHead{
  max-width:760px;
}

.cnBookingIntroBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(93,255,184,.28);
  background:rgba(93,255,184,.08);
  color:#5dffb8;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
}

.cnBookingIntroBadgeDot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#5dffb8;
  box-shadow:0 0 12px rgba(93,255,184,.85);
  animation:cnBookingIntroDot 2s ease-out infinite;
}

.cnBookingIntroHead h2{
  margin:0 0 12px;
  font-size:clamp(28px,5vw,42px);
  line-height:1.08;
  letter-spacing:-.7px;
  color:#fff;
  font-weight:950;
}

.cnBookingIntroHead h2 span{
  color:#f3d17a;
  text-shadow:0 0 22px rgba(243,209,122,.22);
}

.cnBookingIntroHead p{
  margin:0;
  max-width:720px;
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.65;
}

.cnBookingRequestStatus{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(93,255,184,.30);
  background:
    linear-gradient(
      135deg,
      rgba(14,73,53,.42),
      rgba(5,24,27,.56)
    );
  box-shadow:
    0 0 24px rgba(93,255,184,.08),
    inset 0 1px 0 rgba(255,255,255,.04);
  animation:cnBookingStatusBreath 3.6s ease-in-out infinite;
}

.cnBookingRequestIcon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:
    linear-gradient(
      135deg,
      #5dffb8,
      #29c984
    );
  color:#061810;
  font-size:21px;
  font-weight:950;
  box-shadow:0 8px 24px rgba(93,255,184,.24);
}

.cnBookingRequestStatus strong{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:950;
}

.cnBookingRequestStatus span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.5;
}

.cnBookingFlowPro{
  margin-top:28px;
}

.cnBookingFlowProTitle{
  margin-bottom:18px;
  color:#fff;
  font-size:18px;
  font-weight:950;
}

.cnBookingFlowTrack{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.cnBookingFlowLine{
  position:absolute;
  left:9%;
  right:9%;
  top:23px;
  height:2px;
  overflow:hidden;
  background:rgba(243,209,122,.14);
}

.cnBookingFlowLine span{
  display:block;
  width:45%;
  height:100%;
  background:
    linear-gradient(
      90deg,
      transparent,
      #f3d17a,
      transparent
    );
  animation:cnBookingFlowSweep 3.8s linear infinite;
}

.cnBookingFlowStep{
  position:relative;
  min-width:0;
  padding:56px 14px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,18,33,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:
    transform .3s cubic-bezier(.16,1,.3,1),
    border-color .3s ease,
    box-shadow .3s ease;
}

.cnBookingFlowStep:hover{
  transform:translateY(-4px);
  border-color:rgba(243,209,122,.38);
  box-shadow:
    0 15px 32px rgba(0,0,0,.30),
    0 0 22px rgba(243,209,122,.08);
}

.cnBookingFlowNumber{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );
  color:#111;
  font-size:12px;
  font-weight:950;
  z-index:2;
  box-shadow:0 0 0 5px rgba(243,209,122,.07);
}

.cnBookingFlowIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin:0 auto 12px;
  border-radius:14px;
  background:rgba(243,209,122,.08);
  border:1px solid rgba(243,209,122,.18);
  color:#f3d17a;
  font-size:20px;
  animation:cnBookingFlowIconBreath 3.4s ease-in-out infinite;
}

.cnBookingFlowStep strong{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:950;
  text-align:center;
}

.cnBookingFlowStep > span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.60);
  font-size:12px;
  line-height:1.45;
  text-align:center;
}

.cnBookingIntroCta{
  position:relative;
  width:min(460px,100%);
  margin:30px auto 0;
  padding:15px 22px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:18px;
  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );
  color:#101010;
  font-size:14px;
  font-weight:950;
  letter-spacing:.14em;
  cursor:pointer;
  box-shadow:
    0 12px 30px rgba(196,155,70,.34),
    0 0 34px rgba(243,209,122,.20);
  overflow:hidden;
  animation:cnBookingCtaBreath 2.8s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.16,1,.3,1);
}

.cnBookingIntroCta::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-45%;
  width:28%;
  height:200%;
  transform:rotate(20deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.55),
      transparent
    );
  animation:cnBookingCtaSweep 3.8s ease-in-out infinite;
}

.cnBookingIntroCta:hover{
  transform:
    translateY(-3px)
    scale(1.015);
}

.cnBookingIntroCtaArrow{
  position:relative;
  margin-top:5px;
  font-size:23px;
  line-height:1;
  animation:cnBookingArrow 1.35s ease-in-out infinite;
}

@keyframes cnBookingIntroGlowMove{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(-35px,25px,0);
  }
}

@keyframes cnBookingIntroDot{
  0%{
    box-shadow:0 0 0 0 rgba(93,255,184,.65);
  }
  70%{
    box-shadow:0 0 0 8px rgba(93,255,184,0);
  }
  100%{
    box-shadow:0 0 0 0 rgba(93,255,184,0);
  }
}

@keyframes cnBookingStatusBreath{
  0%,100%{
    box-shadow:0 0 16px rgba(93,255,184,.06);
  }
  50%{
    box-shadow:0 0 30px rgba(93,255,184,.16);
  }
}

@keyframes cnBookingFlowSweep{
  0%{
    transform:translateX(-120%);
  }
  100%{
    transform:translateX(320%);
  }
}

@keyframes cnBookingFlowIconBreath{
  0%,100%{
    box-shadow:0 0 0 rgba(243,209,122,0);
  }
  50%{
    box-shadow:0 0 18px rgba(243,209,122,.16);
  }
}

@keyframes cnBookingCtaBreath{
  0%,100%{
    box-shadow:
      0 12px 30px rgba(196,155,70,.32),
      0 0 22px rgba(243,209,122,.14);
  }
  50%{
    box-shadow:
      0 15px 38px rgba(196,155,70,.42),
      0 0 42px rgba(243,209,122,.30);
  }
}

@keyframes cnBookingCtaSweep{
  0%,35%{
    left:-45%;
  }
  70%,100%{
    left:125%;
  }
}

@keyframes cnBookingArrow{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(5px);
  }
}

@media(max-width:700px){

  .cnBookingIntroPro{
    padding:24px 16px;
    border-radius:24px;
  }

  .cnBookingIntroHead h2{
    font-size:clamp(28px,8vw,36px);
  }

  .cnBookingIntroHead p{
    font-size:15px;
  }

  .cnBookingRequestStatus{
    align-items:flex-start;
  }

  .cnBookingFlowTrack{
    grid-template-columns:1fr;
    gap:12px;
  }

  .cnBookingFlowLine{
    top:20px;
    bottom:20px;
    left:14px;
    right:auto;
    width:2px;
    height:auto;
  }

  .cnBookingFlowLine span{
    width:100%;
    height:42%;
    background:
      linear-gradient(
        180deg,
        transparent,
        #f3d17a,
        transparent
      );
    animation:cnBookingFlowSweepMobile 3.8s linear infinite;
  }

  .cnBookingFlowStep{
    padding:17px 16px 17px 58px;
    min-height:100px;
  }

  .cnBookingFlowNumber{
    top:18px;
    left:14px;
    transform:none;
  }

  .cnBookingFlowIcon{
    margin:0 0 9px;
    width:36px;
    height:36px;
  }

  .cnBookingFlowStep strong,
  .cnBookingFlowStep > span{
    text-align:left;
  }

  .cnBookingIntroCta{
    margin-top:24px;
  }
}

@keyframes cnBookingFlowSweepMobile{
  0%{
    transform:translateY(-120%);
  }
  100%{
    transform:translateY(320%);
  }
}

@media(prefers-reduced-motion:reduce){

  .cnBookingIntroGlow,
  .cnBookingIntroBadgeDot,
  .cnBookingRequestStatus,
  .cnBookingFlowLine span,
  .cnBookingFlowIcon,
  .cnBookingIntroCta,
  .cnBookingIntroCta::before,
  .cnBookingIntroCtaArrow{
    animation:none !important;
  }
}
/* =========================================================
   CLEANNEST – FIXPREIS ÜBERSICHT TOGGLE
   ========================================================= */

#preise .cnPriceToggleBtn{
  width:100%;
  min-height:64px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  margin:12px 0 0;
  padding:16px 20px;

  border:1px solid rgba(243,209,122,.48);
  border-radius:18px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(255,255,255,.18),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #f8df91,
      #c99d45
    );

  color:#111;

  font-size:17px;
  line-height:1.2;
  font-weight:950;

  text-align:left;
  cursor:pointer;

  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    0 0 24px rgba(243,209,122,.14),
    inset 0 1px 0 rgba(255,255,255,.38);

  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    box-shadow .25s ease,
    border-color .25s ease;
}

#preise .cnPriceToggleBtn:hover{
  transform:translateY(-2px);

  border-color:rgba(243,209,122,.78);

  box-shadow:
    0 16px 34px rgba(0,0,0,.26),
    0 0 30px rgba(243,209,122,.20),
    inset 0 1px 0 rgba(255,255,255,.42);
}

#preise .cnPriceToggleBtn:active{
  transform:scale(.985);
}

#preise #cnPriceToggleIcon{
  width:34px;
  height:34px;
  flex:0 0 34px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(10,16,34,.14);
  border:1px solid rgba(10,16,34,.18);

  font-size:24px;
  line-height:1;
  font-weight:900;

  transition:
    transform .3s cubic-bezier(.16,1,.3,1),
    background .25s ease;
}

#preise .cnPriceToggleBtn[aria-expanded="true"]
#cnPriceToggleIcon{
  transform:rotate(180deg);
}

@media(max-width:700px){

  #preise .cnPriceToggleBtn{
    min-height:60px;
    padding:15px 18px;

    border-radius:17px;

    font-size:16px;
  }

  #preise #cnPriceToggleIcon{
    width:32px;
    height:32px;
    flex-basis:32px;

    font-size:22px;
  }
}

@media(prefers-reduced-motion:reduce){

  #preise .cnPriceToggleBtn,
  #preise #cnPriceToggleIcon{
    transition:none !important;
  }

  }

/* =========================================================
   CLEANNEST – BASIC PACKAGE IMAGE ICON
   FILE: /assets/brand/basic.webp
   ========================================================= */

#buchung
.cnBookingPackageBasic
.cnBookingPackageIconImage{
  width:190px !important;
  height:130px !important;

  display:flex;
  align-items:center;
  justify-content:center;

  margin:0 auto 8px;

  line-height:0;
  overflow:visible;
}

#buchung
.cnBookingPackageBasic
.cnBookingPackageIconImage img{
  width:190px !important;
  height:130px !important;

  display:block;
  max-width:none !important;

  object-fit:contain;
  object-position:center;

  pointer-events:none;
  user-select:none;

  animation:
    cnBasicIconFloat 3.6s ease-in-out infinite,
    cnBasicIconGlow 2.8s ease-in-out infinite;
}

@keyframes cnBasicIconFloat{

  0%,
  100%{
    transform:
      translateY(0)
      scale(1);
  }

  50%{
    transform:
      translateY(-6px)
      scale(1.035);
  }

}

@keyframes cnBasicIconGlow{

  0%,
  100%{
    filter:
      drop-shadow(
        0 0 6px
        rgba(243,209,122,.28)
      )
      drop-shadow(
        0 0 14px
        rgba(93,255,184,.10)
      );
  }

  50%{
    filter:
      drop-shadow(
        0 0 12px
        rgba(243,209,122,.60)
      )
      drop-shadow(
        0 0 28px
        rgba(93,255,184,.24)
      );
  }

}

@media(max-width:700px){

  #buchung
  .cnBookingPackageBasic
  .cnBookingPackageIconImage{
    width:170px !important;
    height:115px !important;

    margin-bottom:6px;
  }

  #buchung
  .cnBookingPackageBasic
  .cnBookingPackageIconImage img{
    width:170px !important;
    height:115px !important;
  }

}

@media(prefers-reduced-motion:reduce){

  #buchung
  .cnBookingPackageBasic
  .cnBookingPackageIconImage img{
    animation:none !important;
  }

}
/* CN_V5_SOURCE_END /css/custom.min.css */
/* CN_V5_SOURCE_BEGIN /css/booking-wizard.css SHA256=0821421e8cf0291ef272ee06d383d9e3d46fbb1abeae5eee9564a47289d2f562 */
/* =========================================================
   CLEANNEST BOOKING WIZARD PRO
   PROGRESS NAVIGATION
   ========================================================= */

#buchung .cnWizardPro{
  width:100%;
  margin:0 0 22px;
  padding:16px;
  border:1px solid rgba(243,209,122,.20);
  border-radius:22px;
  background:
    linear-gradient(
      180deg,
      rgba(7,16,30,.94),
      rgba(4,11,22,.94)
    );
  box-shadow:
    0 16px 40px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cnWizardProgress{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    34px
    minmax(0,1fr)
    34px
    minmax(0,1fr)
    34px
    minmax(0,1fr);
  align-items:center;
  gap:6px;
}

#buchung .cnWizardProgressStep{
  min-width:0;
  padding:10px 8px;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:rgba(255,255,255,.46);
  text-align:left;
  cursor:default;
}

#buchung .cnWizardProgressStep:not(:disabled){
  cursor:pointer;
}

#buchung .cnWizardProgressNumber{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.55);
  font-size:12px;
  font-weight:950;
}

#buchung .cnWizardProgressText{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

#buchung .cnWizardProgressText strong{
  color:inherit;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

#buchung .cnWizardProgressText small{
  color:inherit;
  font-size:9px;
  font-weight:700;
  opacity:.75;
  white-space:nowrap;
}

#buchung .cnWizardProgressLine{
  height:1px;
  background:rgba(255,255,255,.12);
}

#buchung .cnWizardProgressStep.is-active{
  color:#f3d17a;
  background:rgba(243,209,122,.06);
}

#buchung .cnWizardProgressStep.is-active
.cnWizardProgressNumber{
  border-color:rgba(243,209,122,.75);
  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );
  color:#111;
  box-shadow:
    0 0 0 5px rgba(243,209,122,.06),
    0 0 18px rgba(243,209,122,.24);
}

#buchung .cnWizardProgressStep.is-complete{
  color:#5dffb8;
}

#buchung .cnWizardProgressStep.is-complete
.cnWizardProgressNumber{
  border-color:rgba(93,255,184,.55);
  background:rgba(93,255,184,.12);
  color:#5dffb8;
}

@media(max-width:700px){

  #buchung .cnWizardPro{
    padding:12px 8px;
    border-radius:18px;
  }

  #buchung .cnWizardProgress{
    grid-template-columns:
      1fr 20px
      1fr 20px
      1fr 20px
      1fr;
    gap:2px;
  }

  #buchung .cnWizardProgressStep{
    justify-content:center;
    padding:8px 2px;
  }

  #buchung .cnWizardProgressNumber{
    flex-basis:27px;
    width:27px;
    height:27px;
  }

  #buchung .cnWizardProgressText{
    display:none;
  }
}
/* =========================================================
   CLEANNEST BOOKING WIZARD PRO
   STEP 2 – SIZE & OPTIONS
   ========================================================= */

#buchung #cnSizeWrap{
  position:relative;
  margin:0 0 18px;
  padding:22px 18px;
  border:1px solid rgba(243,209,122,.20);
  border-radius:24px;
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.10),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      rgba(7,16,30,.97),
      rgba(4,11,22,.97)
    );
  box-shadow:
    0 22px 52px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung #cnSizeWrap > div:first-child{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;

  margin:0 0 18px !important;
  padding:7px 13px;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.14),
      rgba(243,209,122,.05)
    );

  border:1px solid rgba(243,209,122,.30);

  color:#f3d17a !important;

  font-size:13px !important;
  font-weight:950 !important;

  letter-spacing:.08em;
  text-transform:uppercase;

  text-shadow:
    0 0 14px rgba(243,209,122,.18);

  box-shadow:
    0 8px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung #cnSizeWrap > div:first-child::before{
  content:"";

  width:8px;
  height:8px;
  flex:0 0 8px;

  border-radius:50%;

  background:#5dffb8;

  box-shadow:
    0 0 0 4px rgba(93,255,184,.08),
    0 0 12px rgba(93,255,184,.65);
}

#buchung #cnSizeCards{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:12px;
}

#buchung #cnSizeCards .btn{
  min-height:108px;
  padding:18px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:
    linear-gradient(
      180deg,
      rgba(10,22,40,.94),
      rgba(5,13,25,.96)
    );
  color:#fff;
  font-size:16px;
  line-height:1.35;
  font-weight:950;
  text-align:center;
  white-space:normal;
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:
    transform .28s cubic-bezier(.16,1,.3,1),
    border-color .28s ease,
    box-shadow .28s ease;
}

#buchung #cnSizeCards .btn:hover{
  transform:translateY(-3px);
  border-color:rgba(243,209,122,.38);
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 22px rgba(243,209,122,.08);
}

#buchung #cnSizeCards .btn.primary{
  border-color:rgba(243,209,122,.90);
  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );
  color:#111;
  box-shadow:
    0 0 0 1px rgba(243,209,122,.20),
    0 0 26px rgba(243,209,122,.26),
    0 16px 36px rgba(0,0,0,.34);
}

/* =========================
   INDIVIDUELLES ANGEBOT 201+
   ========================= */

#buchung .cnCustomOfferInfo{
  margin-top:16px;
  padding:18px;

  border:1px solid rgba(243,209,122,.30);
  border-radius:20px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.12),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(9,20,36,.96),
      rgba(5,13,25,.98)
    );

  box-shadow:
    0 16px 38px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cnCustomOfferInfo > strong{
  display:block;

  color:#f3d17a;

  font-size:20px;
  line-height:1.25;
  font-weight:950;
}

#buchung .cnCustomOfferInfo > p{
  margin:9px 0 0;

  color:rgba(255,255,255,.76);

  font-size:15px;
  line-height:1.55;
  font-weight:650;
}

#buchung .cnCustomOfferContacts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;

  margin-top:16px;
}

#buchung .cnCustomOfferContacts a{
  min-height:58px;
  padding:12px 14px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:16px;

  color:#fff;
  text-decoration:none;

  font-size:14px;
  line-height:1.35;
  font-weight:950;

  text-align:center;

  touch-action:manipulation;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

#buchung .cnCustomOfferContacts a:first-child{
  border:1px solid rgba(93,255,184,.38);

  background:
    linear-gradient(
      135deg,
      rgba(37,211,102,.90),
      rgba(22,160,76,.94)
    );

  box-shadow:
    0 12px 28px rgba(37,211,102,.20);
}

#buchung .cnCustomOfferContacts a:last-child{
  border:1px solid rgba(116,185,255,.38);

  background:
    linear-gradient(
      135deg,
      rgba(74,140,255,.94),
      rgba(47,109,246,.94)
    );

  box-shadow:
    0 12px 28px rgba(47,109,246,.20);
}

#buchung .cnCustomOfferContacts a:active{
  transform:scale(.98);
}

#buchung .cnCustomOfferHint{
  margin-top:14px !important;
  padding-top:13px;

  border-top:1px solid rgba(255,255,255,.08);

  color:rgba(255,255,255,.62) !important;

  font-size:13px !important;
  line-height:1.55 !important;
}

@media(max-width:700px){

  #buchung .cnCustomOfferContacts{
    grid-template-columns:1fr;
  }

  #buchung .cnCustomOfferContacts a{
    min-height:60px;
    font-size:15px;
  }

}

/* =========================
   EXTRA OPTIONS
   ========================= */

#buchung #cnExtraOptions{
  position:relative;
  margin:0 0 18px;
  padding:20px 18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:
    linear-gradient(
      180deg,
      rgba(7,16,30,.96),
      rgba(4,11,22,.96)
    );
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung #cnExtraOptions > *{
  position:relative;
}

#buchung #cnExtraOptions label{
  color:#f3d17a;
  font-weight:900;
}

#buchung #cnExtraOptions .field,
#buchung #cnExtraOptions select,
#buchung #cnExtraOptions input{
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(8,18,33,.72) !important;
  color:#fff !important;
  border-radius:16px !important;
  min-height:50px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04);
}


/* =========================
   PET ADDON
   ========================= */

#buchung .cnPetOption,
#buchung [data-cn-pet-option]{
  position:relative;
  margin-top:16px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(243,209,122,.26);
  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.10),
      transparent 42%
    ),
    rgba(10,16,34,.58);
  box-shadow:
    0 14px 34px rgba(0,0,0,.26);
}


/* =========================
   MOBILE
   ========================= */

@media(max-width:700px){

  #buchung #cnSizeWrap{
    padding:18px 14px;
    border-radius:20px;
  }

  #buchung #cnSizeCards{
    grid-template-columns:1fr;
    gap:10px;
  }

  #buchung #cnSizeCards .btn{
    min-height:58px;
    padding:13px 16px;
    justify-content:flex-start;
    text-align:left;
    font-size:17px;
  }

  #buchung #cnExtraOptions{
    padding:16px 14px;
    border-radius:20px;
  }
}
/* =========================================================
   BOOKING WIZARD – STEP NAVIGATION
   ========================================================= */

#buchung .cnWizardStepNav{
  width:100%;
  margin:18px 0 22px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#buchung .cnWizardBackBtn,
#buchung .cnWizardNextBtn{
  min-height:52px;
  padding:13px 20px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  border-radius:16px;

  font-size:14px;
  font-weight:950;

  cursor:pointer;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

#buchung .cnWizardBackBtn{
  border:1px solid rgba(255,255,255,.14);

  background:
    rgba(8,18,33,.72);

  color:
    rgba(255,255,255,.82);
}

#buchung .cnWizardNextBtn{
  flex:1;

  max-width:300px;

  border:
    1px solid
    rgba(93,255,184,.38);

  background:
    linear-gradient(
      135deg,
      #39d98a,
      #15985e
    );

  color:#061810;

  box-shadow:
    0 12px 30px
    rgba(38,211,132,.22);
}

#buchung .cnWizardBackBtn:hover,
#buchung .cnWizardNextBtn:hover{
  transform:
    translateY(-2px);
}

#buchung .cnWizardNextBtn:hover{
  box-shadow:
    0 16px 38px
    rgba(38,211,132,.32);
}

#buchung .cnWizardNextBtn:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

@media(max-width:700px){

  #buchung .cnWizardStepNav{
    position:relative;
    gap:10px;
  }

  #buchung .cnWizardBackBtn{
    flex:0 0 auto;
  }

  #buchung .cnWizardNextBtn{
    flex:1;
    max-width:none;
  }
}
/* =========================================================
   CLEANNEST BOOKING WIZARD PRO
   STEP 3 – DETAILS & TERMIN
   ========================================================= */

#buchung #cnFormRest{
  position:relative;
  margin:0 0 22px;
  padding:22px 18px;

  border:1px solid rgba(243,209,122,.20);
  border-radius:24px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(93,255,184,.07),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 0%,
      rgba(243,209,122,.09),
      transparent 40%
    ),
    linear-gradient(
      180deg,
      rgba(7,16,30,.97),
      rgba(4,11,22,.98)
    );

  box-shadow:
    0 22px 55px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
}


/* =========================
   FORM GRID
   ========================= */

#buchung #cnFormRest .formGrid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:14px;
}


/* =========================
   LABELS
   ========================= */

#buchung #cnFormRest label{
  min-width:0;
}

#buchung #cnFormRest label > span:first-child{
  display:block;

  margin:0 0 7px;

  color:#f3d17a !important;

  font-size:11px !important;
  line-height:1.3;

  font-weight:950 !important;

  letter-spacing:.06em;
  text-transform:uppercase;
}


/* =========================
   INPUTS
   ========================= */

#buchung #cnFormRest .field,
#buchung #cnFormRest input[type="text"],
#buchung #cnFormRest input[type="email"],
#buchung #cnFormRest input[type="date"],
#buchung #cnFormRest input[type="tel"],
#buchung #cnFormRest input[type="number"],
#buchung #cnFormRest textarea,
#buchung #cnFormRest select{
  width:100%;

  min-height:52px;

  padding:13px 14px;

  border:
    1px solid
    rgba(255,255,255,.14) !important;

  border-radius:15px !important;

  background:
    rgba(8,18,33,.76) !important;

  color:#fff !important;

  font-size:15px !important;
  font-weight:750 !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.04);

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

#buchung #cnFormRest .field:focus,
#buchung #cnFormRest input:focus,
#buchung #cnFormRest textarea:focus,
#buchung #cnFormRest select:focus{
  outline:none;

  border-color:
    rgba(243,209,122,.62) !important;

  background:
    rgba(10,22,40,.90) !important;

  box-shadow:
    0 0 0 3px
    rgba(243,209,122,.10),
    0 0 22px
    rgba(243,209,122,.08);
}
/* =========================
   FULL WIDTH ITEMS
   ========================= */
#buchung #cnStep2Options #cnPetWrap,
#buchung #cnStep2Options #cnWindowAddonWrap,
#buchung #cnFormRest #cnCouponWrap,
#buchung #cnFormRest .cnFixpriceField,
#buchung #cnFormRest #cnSchedulerHost,
#buchung #cnFormRest .checkRow,
#buchung #cnFormRest .ctaRow{
  grid-column:1 / -1;
}
/* =========================
   PET OPTION
   ========================= */

#buchung #cnPetWrap{
  padding:0;
}

#buchung #cnPetWrap > div{
  margin:0 !important;
  padding:16px !important;

  border:
    1px solid
    rgba(243,209,122,.24) !important;

  border-radius:18px !important;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.10),
      transparent 42%
    ),
    rgba(8,18,33,.68) !important;
}
/* =========================
   COUPON
   ========================= */

#buchung #cnCouponWrap{
  padding:15px;

  border-radius:18px;

  border:
    1px solid
    rgba(255,255,255,.10);

  background:
    rgba(255,255,255,.025);
}
/* =========================
   FIX PRICE
   ========================= */

#buchung #cnFormRest .cnFixpriceField{
  margin:0;

  padding:16px;

  border-radius:18px;

  border:
    1px solid
    rgba(93,255,184,.24);

  background:
    linear-gradient(
      135deg,
      rgba(93,255,184,.08),
      rgba(8,18,33,.62)
    );
}

#buchung #cnFixedPriceEur{
  color:#5dffb8 !important;

  font-size:20px !important;
  font-weight:950 !important;
}
/* =========================
   SCHEDULER
   ========================= */

#buchung #cnSchedulerHost{
  margin-top:4px;

  padding:14px;

  border-radius:20px;

  border:
    1px solid
    rgba(243,209,122,.16);

  background:
    rgba(5,13,25,.72);
}
/* =========================
   CHECKBOX ROWS
   ========================= */

#buchung #cnFormRest .checkRow{
  padding:14px;

  border-radius:16px;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    rgba(255,255,255,.025);
}
/* =========================
   MOBILE
   ========================= */

@media(max-width:700px){

  #buchung #cnFormRest{
    padding:18px 14px;
    border-radius:20px;
  }

  #buchung #cnFormRest .formGrid{
    grid-template-columns:1fr;
    gap:12px;
  }
#buchung #cnStep2Options #cnPetWrap,
#buchung #cnStep2Options #cnWindowAddonWrap,
#buchung #cnFormRest #cnCouponWrap,
#buchung #cnFormRest .cnFixpriceField,
#buchung #cnFormRest #cnSchedulerHost,
#buchung #cnFormRest .checkRow,
#buchung #cnFormRest .ctaRow{
  grid-column:auto;
}

}
/* =========================================================
   WIZARD – STEP 1–2 VISIBILITY FIX
   ========================================================= */

html[data-cn-booking-step="1"] #buchung #cnFormRest,
html[data-cn-booking-step="2"] #buchung #cnFormRest{
  display:none !important;
}

/* =========================================================
   BOOKING WIZARD – OPTION CARDS
   ========================================================= */

#buchung .cnWizardOptionCard{
  margin:16px 0;
  padding:20px 18px;

  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.08),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(7,16,30,.96),
      rgba(4,11,22,.97)
    );

  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cnWizardOptionHead{
  margin-bottom:16px;
}

#buchung .cnWizardOptionEyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;

  margin-bottom:10px;
  padding:6px 11px;

  border-radius:999px;

  border:1px solid rgba(243,209,122,.26);

  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.12),
      rgba(243,209,122,.04)
    );

  color:#f3d17a;

  font-size:11px;
  line-height:1;
  font-weight:950;

  letter-spacing:.12em;
  text-transform:uppercase;

  box-shadow:
    0 8px 20px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cnWizardOptionHead strong{
  display:block;

  color:#fff;

  font-size:clamp(22px,5vw,30px);
  line-height:1.12;
  font-weight:950;

  letter-spacing:-.4px;

  text-shadow:
    0 3px 16px rgba(0,0,0,.30);
}
#buchung .cnWizardOptionHead p{
  margin:9px 0 0;

  max-width:620px;

  color:rgba(255,255,255,.76);

  font-size:16px;
  line-height:1.58;
  font-weight:650;
}

#buchung .cnWizardChoiceRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#buchung .cnWizardChoiceBtn{
  min-height:92px;

  padding:16px 16px;

  display:flex;
  align-items:center;
  gap:14px;

  border:1px solid rgba(255,255,255,.13);
  border-radius:19px;

  background:
    linear-gradient(
      180deg,
      rgba(10,22,40,.92),
      rgba(5,13,25,.96)
    );

  color:#fff;

  text-align:left;

  cursor:pointer;

  box-shadow:
    0 12px 30px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

#buchung .cnWizardChoiceBtn:hover{
  transform:translateY(-2px);
  border-color:rgba(243,209,122,.36);
}

#buchung .cnWizardChoiceBtn.is-selected{
  border-color:rgba(93,255,184,.68);

  background:
    linear-gradient(
      135deg,
      rgba(93,255,184,.16),
      rgba(8,31,26,.80)
    );

  box-shadow:
    0 0 0 1px rgba(93,255,184,.08),
    0 0 24px rgba(93,255,184,.16);
}
#buchung .cnWizardChoiceIcon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  border:1px solid rgba(255,255,255,.15);

  background:
    rgba(255,255,255,.055);

  color:#f3d17a;

  font-size:21px;
  line-height:1;
  font-weight:950;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05);
}

#buchung .cnWizardChoiceBtn.is-selected
.cnWizardChoiceIcon{
  background:#5dffb8;
  color:#071910;
}
#buchung .cnWizardChoiceBtn[data-pet-choice="yes"] .cnWizardChoiceIcon::before,
#buchung .cnWizardChoiceBtn[data-window-addon="yes"] .cnWizardChoiceIcon::before,
#buchung .cnWizardChoiceBtn[data-complete-extra="yes"] .cnWizardChoiceIcon::before{
  content:"✓";
}
#buchung .cnWizardChoiceBtn[data-pet-choice="no"] .cnWizardChoiceIcon::before,
#buchung .cnWizardChoiceBtn[data-window-addon="no"] .cnWizardChoiceIcon::before,
#buchung .cnWizardChoiceBtn[data-complete-extra="no"] .cnWizardChoiceIcon::before{
  content:"×";
}

#buchung .cnWizardChoiceIcon::before{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-size:28px;
  line-height:1;
  font-weight:950;
}

#buchung .cnWizardChoiceBtn strong{
  display:block;

  color:inherit;

  font-size:17px;
  line-height:1.2;
  font-weight:950;
}
#buchung .cnWizardChoiceBtn small{
  display:block;

  margin-top:5px;

  color:rgba(255,255,255,.64);

  font-size:13px;
  line-height:1.4;
  font-weight:650;
}

#buchung .cnWizardOptionNote{
  margin-top:15px;
  padding:11px 13px;

  border-radius:14px;

  border:1px solid rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.025);

  color:rgba(255,255,255,.62);

  font-size:13px;
  line-height:1.55;
  font-weight:600;
}
#buchung .cnWizardOptionSubTitle{
  margin:24px 0 12px;

  color:#fff;

  font-size:18px;
  line-height:1.3;
  font-weight:950;

  letter-spacing:-.2px;
}

#buchung .cnWizardWindowTypeGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#buchung .cnWizardWindowType{
  min-height:120px;

  padding:18px;

  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      rgba(10,22,40,.94),
      rgba(5,13,25,.97)
    );

  color:#fff;

  text-align:left;

  cursor:pointer;

  box-shadow:
    0 14px 32px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}
#buchung .cnWizardWindowType.is-selected{
  border-color:rgba(243,209,122,.80);

  box-shadow:
    0 0 24px rgba(243,209,122,.16);
} #buchung .cnWizardWindowType strong{
  display:block;

  color:#f3d17a;

  font-size:18px;
  line-height:1.25;
  font-weight:950;
}
#buchung .cnWizardWindowType span{
  display:block;

  margin-top:8px;

  color:rgba(255,255,255,.68);

  font-size:14px;
  line-height:1.5;
  font-weight:600;
}

#buchung .cnWizardCounter{
  display:grid;

  grid-template-columns:
    48px
    minmax(0,1fr)
    48px;

  align-items:center;

  max-width:320px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius:16px;

  overflow:hidden;

  background:
    rgba(8,18,33,.72);
}

#buchung .cnWizardCounter button{
  min-height:52px;

  border:0;

  background:
    rgba(255,255,255,.04);

  color:#f3d17a;

  font-size:24px;
  font-weight:950;

  cursor:pointer;
}

#buchung .cnWizardCounter strong{
  text-align:center;

  color:#fff;

  font-size:15px;
  font-weight:950;
}

#buchung .cnCompleteWindowInfo{
  margin-top:16px;
  padding:14px;

  border-radius:16px;

  border:
    1px solid
    rgba(93,255,184,.30);

  background:
    rgba(93,255,184,.07);
}

#buchung .cnCompleteWindowInfo span{
  display:block;

  color:
    rgba(255,255,255,.62);

  font-size:12px;
}

#buchung .cnCompleteWindowInfo strong{
  display:block;

  margin-top:4px;

  color:#5dffb8;

  font-size:17px;
  font-weight:950;
}

@media(max-width:700px){

  #buchung .cnWizardChoiceRow,
  #buchung .cnWizardWindowTypeGrid{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   BOOKING WIZARD – TOUCH / DOUBLE TAP / COUNTERS
   GLOBAL MOBILE FIX
   ========================================================= */

/* Ne nagyítson dupla koppintásra a booking interaktív elemein */
#buchung button,
#buchung .btn,
#buchung [role="button"],
#buchung input,
#buchung select,
#buchung textarea{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* A számlálók legyenek könnyebben kezelhetők */
#buchung .cnWizardCounter{
  width:100%;
  max-width:360px;

  grid-template-columns:
    64px minmax(0,1fr) 64px;

  min-height:62px;
}

#buchung .cnWizardCounter button{
  min-width:64px;
  min-height:62px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  font-size:32px;
  line-height:1;

  user-select:none;
  -webkit-user-select:none;

  touch-action:manipulation;
}

#buchung .cnWizardCounter strong{
  min-height:62px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 12px;

  font-size:18px;
  font-weight:950;

  user-select:none;
  -webkit-user-select:none;
}

/* Aktív lenyomás jól látszódjon */
#buchung .cnWizardCounter button:active{
  background:rgba(243,209,122,.16);
  transform:scale(.96);
}

/* Mobilon még nagyobb érintési felület */
@media(max-width:700px){

  #buchung .cnWizardCounter{
    max-width:none;
    grid-template-columns:
      72px
      minmax(0,1fr)
      72px;
  }

  #buchung .cnWizardCounter button{
    min-width:72px;
    min-height:66px;
    font-size:34px;
  }

  #buchung .cnWizardCounter strong{
    min-height:66px;
    font-size:19px;
  }
}
/* =========================================================
   BOOKING WIZARD – STEP 4 REVIEW
   ========================================================= */

#buchung #cnWizardStep4{
  margin-top:18px;
  padding:22px 18px;

  border:1px solid rgba(243,209,122,.20);
  border-radius:24px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.10),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(7,16,30,.97),
      rgba(4,11,22,.98)
    );

  box-shadow:
    0 22px 52px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung #cnWizardStep4[hidden]{
  display:none !important;
}

#buchung #cnWizardReview{
  margin-top:18px;

  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:10px;
}

#buchung .cnWizardReviewRow{
  min-width:0;

  padding:14px;

  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.018)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025);
}

#buchung .cnWizardReviewLabel{
  display:block;

  margin-bottom:6px;

  color:rgba(255,255,255,.56);

  font-size:11px;
  line-height:1.3;
  font-weight:900;

  letter-spacing:.06em;
  text-transform:uppercase;
}

#buchung .cnWizardReviewValue{
  display:block;

  color:#fff;

  font-size:15px;
  line-height:1.45;
  font-weight:900;

  overflow-wrap:anywhere;
  word-break:break-word;
}

#buchung #cnWizardStep4 .ctaRow{
  margin-top:18px;

  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:10px;
}

#buchung #cnWizardBackTo3,
#buchung #cnSubmit{
  width:100%;
  justify-content:center;
}

@media(max-width:700px){

  #buchung #cnWizardStep4{
    padding:18px 14px;
    border-radius:20px;
  }

  #buchung #cnWizardReview{
    grid-template-columns:1fr;
    gap:8px;
  }

  #buchung .cnWizardReviewRow{
    padding:13px;
  }

  #buchung #cnWizardStep4 .ctaRow{
    grid-template-columns:1fr;
  }

}

/* =========================================================
   CLEANNEST BOOKING WIZARD PRO
   LEGAL CHOICE CARDS + PREMIUM CTA SYSTEM
   2026
   ========================================================= */

/* ---------------------------------------------------------
   14-TAGE PANEL – OUTER CARD
   --------------------------------------------------------- */

#buchung #cnConsent14dBlock{
  position:relative;
}

#buchung #cnConsent14dBlock details{
  border:1px solid rgba(243,209,122,.28);
  border-radius:22px;
  overflow:hidden;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.10),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(8,18,33,.96),
      rgba(4,11,22,.98)
    );

  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* ---------------------------------------------------------
   14-TAGE SUMMARY / HEADER
   --------------------------------------------------------- */

#buchung #cnConsent14dBlock summary{
  position:relative;

  min-height:60px;

  display:flex;
  align-items:center;

  padding:15px 52px 15px 17px;

  color:#f3d17a;

  font-size:15px;
  line-height:1.35;
  font-weight:950;

  cursor:pointer;

  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.10),
      rgba(255,255,255,.025)
    );

  border-bottom:
    1px solid
    rgba(243,209,122,.14);

  list-style:none;

  transition:
    background .25s ease,
    color .25s ease,
    box-shadow .25s ease;
}

#buchung #cnConsent14dBlock summary::-webkit-details-marker{
  display:none;
}

#buchung #cnConsent14dBlock summary:hover{
  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.15),
      rgba(255,255,255,.035)
    );
}

#buchung #cnConsent14dBlock summary::after{
  content:"⌄";

  position:absolute;
  right:18px;
  top:50%;

  transform:
    translateY(-50%);

  color:#f3d17a;

  font-size:22px;
  line-height:1;

  transition:
    transform .28s ease;
}

#buchung #cnConsent14dBlock details[open] summary::after{
  transform:
    translateY(-50%)
    rotate(180deg);
}

/* ---------------------------------------------------------
   14-TAGE CONTENT
   --------------------------------------------------------- */

#buchung #cnConsent14dBlock details > div{
  padding:18px;
}

/* ---------------------------------------------------------
   SELECTABLE LEGAL CARDS
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice,
#buchung #cnFormRest .checkRow{
  position:relative;

  min-height:64px;

  display:flex;
  align-items:flex-start;
  gap:13px;

  margin:10px 0 0 !important;
  padding:15px 16px !important;

  border:
    1px solid
    rgba(255,255,255,.12) !important;

  border-radius:18px !important;

  background:
    linear-gradient(
      180deg,
      rgba(12,24,43,.92),
      rgba(6,15,29,.96)
    ) !important;

  color:
    rgba(255,255,255,.86);

  box-shadow:
    0 10px 26px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);

  cursor:pointer;

  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

#buchung .cn-consent14d__choice:hover,
#buchung #cnFormRest .checkRow:hover{
  transform:
    translateY(-2px);

  border-color:
    rgba(243,209,122,.38) !important;

  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    0 0 22px rgba(243,209,122,.07),
    inset 0 1px 0 rgba(255,255,255,.045);
}

/* ---------------------------------------------------------
   CHECKBOX / RADIO
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice input,
#buchung #cnFormRest .checkRow input{
  flex:0 0 24px;

  width:24px;
  height:24px;

  margin:1px 0 0;

  accent-color:#d6ad54;

  cursor:pointer;
}

/* ---------------------------------------------------------
   LEGAL CARD TEXT
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice > span,
#buchung #cnFormRest .checkRow > div{
  flex:1;
  min-width:0;

  color:
    rgba(255,255,255,.82);

  font-size:15px;
  line-height:1.55;
  font-weight:650;
}

#buchung #cnFormRest .checkRow a{
  color:#f3d17a;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------------------------------------------------------
   SELECTED STATES
   Modern browsers – progressive enhancement
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice:has(input:checked),
#buchung #cnFormRest .checkRow:has(input:checked){
  border-color:
    rgba(243,209,122,.78) !important;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.12),
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(20,29,44,.98),
      rgba(8,17,31,.98)
    ) !important;

  box-shadow:
    0 0 0 1px rgba(243,209,122,.10),
    0 0 24px rgba(243,209,122,.12),
    0 14px 34px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.05);
}

#buchung .cn-consent14d__choice:has(input:checked) > span,
#buchung #cnFormRest .checkRow:has(input:checked) > div{
  color:#fff;
}

/* ---------------------------------------------------------
   YES STATE – SUCCESS
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice:has(#cnConsent14dYes:checked){
  border-color:
    rgba(93,255,184,.58) !important;

  background:
    linear-gradient(
      135deg,
      rgba(93,255,184,.10),
      rgba(7,25,29,.92)
    ) !important;

  box-shadow:
    0 0 22px rgba(93,255,184,.10),
    0 14px 34px rgba(0,0,0,.28);
}

/* ---------------------------------------------------------
   NO STATE – WARNING
   --------------------------------------------------------- */

#buchung .cn-consent14d__choice:has(#cnConsent14dNo:checked){
  border-color:
    rgba(255,107,107,.50) !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,107,107,.08),
      rgba(32,11,19,.92)
    ) !important;
}

/* ---------------------------------------------------------
   CHOICE GROUP
   --------------------------------------------------------- */

#buchung .cn-consent14d__choices{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;

  margin-top:10px;
}

/* =========================================================
   PREMIUM WIZARD CTA SYSTEM
   ========================================================= */

#buchung #cnFormRest .ctaRow,
#buchung #cnWizardStep4 .ctaRow{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:12px;

  margin-top:18px;
}

/* ---------------------------------------------------------
   ALL WIZARD CTA BUTTONS
   --------------------------------------------------------- */

#buchung #cnWizardNextTo4,
#buchung #cnAiSuggest,
#buchung #cnWizardBackTo3,
#buchung #cnSubmit{
  width:100%;
  min-height:56px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:13px 18px;

  border-radius:17px;

  font-size:15px;
  line-height:1.3;
  font-weight:950;

  text-align:center;

  cursor:pointer;

  transition:
    transform .25s cubic-bezier(.16,1,.3,1),
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

/* ---------------------------------------------------------
   ANGABEN PRÜFEN – PRIMARY GOLD
   --------------------------------------------------------- */

#buchung #cnWizardNextTo4{
  color:#111;

  border:
    1px solid
    rgba(255,231,158,.88);

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #d0a954,
      #b98d35
    );

  box-shadow:
    0 14px 30px rgba(196,155,70,.25),
    inset 0 1px 0 rgba(255,255,255,.32);
}

/* ---------------------------------------------------------
   AI VORSCHLAG – MODERN SECONDARY
   --------------------------------------------------------- */

#buchung #cnAiSuggest{
  color:#dbe7ff;

  border:
    1px solid
    rgba(124,150,232,.42);

  background:
    linear-gradient(
      135deg,
      rgba(72,93,162,.24),
      rgba(12,23,44,.92)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* ---------------------------------------------------------
   ZURÜCK – GLASS SECONDARY
   --------------------------------------------------------- */

#buchung #cnWizardBackTo3{
  color:
    rgba(255,255,255,.82);

  border:
    1px solid
    rgba(255,255,255,.16);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.025)
    );
}

/* ---------------------------------------------------------
   TERMIN ANFRAGEN – PRIMARY GOLD
   --------------------------------------------------------- */

#buchung #cnSubmit{
  color:#111;

  border:
    1px solid
    rgba(255,231,158,.88);

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #d0a954,
      #b98d35
    );

  box-shadow:
    0 14px 30px rgba(196,155,70,.25),
    inset 0 1px 0 rgba(255,255,255,.32);
}

/* ---------------------------------------------------------
   CTA HOVER
   --------------------------------------------------------- */

#buchung #cnWizardNextTo4:hover,
#buchung #cnSubmit:hover{
  transform:
    translateY(-2px);

  box-shadow:
    0 18px 38px rgba(196,155,70,.34),
    0 0 20px rgba(243,209,122,.14),
    inset 0 1px 0 rgba(255,255,255,.36);
}

#buchung #cnAiSuggest:hover{
  transform:
    translateY(-2px);

  border-color:
    rgba(124,150,232,.68);

  box-shadow:
    0 14px 30px rgba(58,86,170,.16);
}

#buchung #cnWizardBackTo3:hover{
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.28);

  background:
    rgba(255,255,255,.07);
}

/* ---------------------------------------------------------
   ACTIVE
   --------------------------------------------------------- */

#buchung #cnWizardNextTo4:active,
#buchung #cnAiSuggest:active,
#buchung #cnWizardBackTo3:active,
#buchung #cnSubmit:active{
  transform:
    scale(.985);
}

/* ---------------------------------------------------------
   FOCUS
   --------------------------------------------------------- */

#buchung #cnWizardNextTo4:focus-visible,
#buchung #cnAiSuggest:focus-visible,
#buchung #cnWizardBackTo3:focus-visible,
#buchung #cnSubmit:focus-visible,
#buchung .cn-consent14d__choice:focus-within,
#buchung #cnFormRest .checkRow:focus-within{
  outline:none;

  box-shadow:
    0 0 0 4px rgba(243,209,122,.16),
    0 14px 32px rgba(0,0,0,.26);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  #buchung #cnConsent14dBlock details > div{
    padding:14px;
  }

  #buchung #cnConsent14dBlock summary{
    min-height:58px;

    padding:
      14px
      46px
      14px
      15px;

    font-size:14px;
  }

  #buchung .cn-consent14d__choice,
  #buchung #cnFormRest .checkRow{
    min-height:62px;

    padding:
      14px !important;

    border-radius:
      16px !important;
  }

  #buchung .cn-consent14d__choice > span,
  #buchung #cnFormRest .checkRow > div{
    font-size:14px;
    line-height:1.5;
  }

  #buchung #cnFormRest .ctaRow,
  #buchung #cnWizardStep4 .ctaRow{
    grid-template-columns:1fr;
    gap:10px;
  }

  #buchung #cnWizardNextTo4,
  #buchung #cnAiSuggest,
  #buchung #cnWizardBackTo3,
  #buchung #cnSubmit{
    min-height:58px;

    font-size:15px;

    border-radius:16px;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  #buchung .cn-consent14d__choice,
  #buchung #cnFormRest .checkRow,
  #buchung #cnWizardNextTo4,
  #buchung #cnAiSuggest,
  #buchung #cnWizardBackTo3,
  #buchung #cnSubmit,
  #buchung #cnConsent14dBlock summary,
  #buchung #cnConsent14dBlock summary::after{
    transition:none !important;
  }

  #buchung .cn-consent14d__choice:hover,
  #buchung #cnFormRest .checkRow:hover,
  #buchung #cnWizardNextTo4:hover,
  #buchung #cnAiSuggest:hover,
  #buchung #cnWizardBackTo3:hover,
  #buchung #cnSubmit:hover{
    transform:none !important;
  }
}
#buchung .cn-consent14d__box{
  position:relative;

  padding:18px;

  border:1px solid rgba(243,209,122,.42);
  border-left:4px solid #f3d17a;

  border-radius:18px;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(243,209,122,.13),
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(20,25,38,.97),
      rgba(8,16,29,.99)
    );

  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 24px rgba(243,209,122,.06),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cn-consent14d__noticeTitle{
  margin:0 0 9px;

  color:#f3d17a;

  font-size:12px;
  line-height:1.2;
  font-weight:950;

  letter-spacing:1px;
  text-transform:uppercase;
}

#buchung .cn-consent14d__text{
  color:rgba(255,255,255,.88);

  font-size:15px;
  line-height:1.62;
}

#buchung .cn-consent14d__important{
  display:block;

  margin-top:10px;

  color:#ffffff;

  font-weight:900;
}

#buchung .cn-consent14d__legalWrap{
  margin-top:13px;
}

#buchung .cn-consent14d__legalLink{
  display:inline-block;

  color:#f3d17a;

  font-size:14px;
  line-height:1.4;
  font-weight:850;

  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;

  transition:
    color .22s ease,
    transform .22s ease;
}

#buchung .cn-consent14d__legalLink:hover{
  color:#ffe5a1;
  transform:translateX(3px);
}

@media(max-width:700px){

  #buchung .cn-consent14d__box{
    padding:15px;
    border-radius:16px;
  }

  #buchung .cn-consent14d__text{
    font-size:14px;
    line-height:1.58;
  }

  #buchung .cn-consent14d__legalLink{
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){

  #buchung .cn-consent14d__legalLink{
    transition:none !important;
  }

  #buchung .cn-consent14d__legalLink:hover{
    transform:none !important;
  }
}
/* =========================================================
   CLEANNEST LIVE PREISÜBERSICHT
   ========================================================= */

#buchung #cnLivePriceSummary{
  display:none;
}

html[data-cn-booking-step="2"]
#buchung #cnLivePriceSummary,
html[data-cn-booking-step="3"]
#buchung #cnLivePriceSummary,
html[data-cn-booking-step="4"]
#buchung #cnLivePriceSummary{
  display:block;
  position:relative;
  right:auto;
  bottom:auto;
  z-index:auto;

  width:100%;

  max-height:none;

  overflow:visible;

  margin:18px 0 22px;

  padding:20px;

  border:
    1px solid
    rgba(243,209,122,.68);

  border-radius:24px;

  color:#fff;

  background:
    radial-gradient(
      circle at 78% 8%,
      rgba(243,209,122,.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(5,20,36,.985),
      rgba(3,14,27,.99)
    );

  box-shadow:
    0 0 0 1px
      rgba(243,209,122,.12)
      inset,
    0 0 30px
      rgba(243,209,122,.16),
    0 24px 70px
      rgba(0,0,0,.55);

  backdrop-filter:
    blur(20px);

  -webkit-backdrop-filter:
    blur(20px);
}


#buchung
.cnLivePriceSummaryTitle{
  margin:0 0 16px;

  color:#f3d17a;

  font-size:22px;
  line-height:1.1;
  font-weight:950;

  letter-spacing:.04em;

  text-align:center;

  text-shadow:
    0 0 14px
    rgba(243,209,122,.32);
}


#buchung
.cnLivePriceSummaryBox{
  position:relative;

  padding:18px;

  border:
    1px solid
    rgba(243,209,122,.55);

  border-radius:20px;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(243,209,122,.11),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(7,25,43,.96),
      rgba(5,18,34,.98)
    );

  box-shadow:
    0 0 22px
      rgba(243,209,122,.10),
    inset 0 1px 0
      rgba(255,255,255,.035);

  overflow:hidden;
}


#buchung
.cnLivePriceRows{
  display:grid;
  gap:12px;
}


#buchung
.cnLivePriceRow{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  align-items:start;

  gap:16px;

  color:
    rgba(255,255,255,.88);

  font-size:14px;
  line-height:1.4;
  font-weight:750;
}


#buchung
.cnLivePriceRow strong{
  color:#fff;
  font-weight:900;
  white-space:nowrap;
}


#buchung
.cnLivePriceRow.is-discount span,

#buchung
.cnLivePriceRow.is-discount strong{
  color:#5dffb8;
}


#buchung
.cnLivePriceDivider{
  height:1px;

  margin:
    16px 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.20),
      transparent
    );
}


#buchung
.cnLivePriceTotalRow{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:18px;
}


#buchung
.cnLivePriceTotalRow span{
  color:#f3d17a;

  font-size:18px;
  font-weight:950;

  letter-spacing:.03em;
}


#buchung
.cnLivePriceTotalRow strong{
  color:#f3d17a;

  font-size:34px;
  line-height:1;

  font-weight:950;

  white-space:nowrap;

  text-shadow:
    0 0 18px
    rgba(243,209,122,.22);
}


#buchung
.cnLivePriceSaving{
  margin-top:14px;

  padding:
    14px 16px;

  display:grid;

  grid-template-columns:
    46px
    minmax(0,1fr);

  align-items:center;

  gap:14px;

  border:
    1px solid
    rgba(93,255,184,.55);

  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(20,92,65,.74),
      rgba(7,45,40,.86)
    );

  box-shadow:
    0 0 22px
      rgba(93,255,184,.12),
    inset 0 1px 0
      rgba(255,255,255,.04);
}


#buchung
.cnLivePriceSaving[hidden]{
  display:none !important;
}

#buchung
.cnLivePriceGift{
  width:46px;
  height:46px;

  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:visible;

  border:0;
  border-radius:0;

  background:transparent;
}


/* =========================================================
   CLEANNEST – ANIMATED PIGGY BANK SAVING ICON
   ========================================================= */

#buchung
.cnPiggyAnimation{
  position:relative;

  width:46px;
  height:46px;

  flex:0 0 46px;

  overflow:visible;

  isolation:isolate;
}


/* MALAC */

#buchung
.cnPiggyBank{
  position:absolute;

  left:50%;
  bottom:0;

  width:68px;
  height:auto;

  max-width:none;

  display:block;

  transform:
    translateX(-50%)
    translateY(0)
    scale(1);

  transform-origin:
    50% 85%;

  object-fit:contain;

  pointer-events:none;
  user-select:none;

  z-index:2;

  animation:
    cnPiggyBankReaction
    4.8s
    cubic-bezier(.22,.75,.28,1)
    infinite;

  will-change:transform;
}


/* ÉRME */

#buchung
.cnPiggyCoin{
  position:absolute;

  left:50%;
  top:-31px;

  width:18px;
  height:auto;

  max-width:none;

  display:block;

  transform:
    translateX(-62%)
    translateY(0)
    rotate(-18deg)
    scale(1);

  transform-origin:center;

  object-fit:contain;

  pointer-events:none;
  user-select:none;

  opacity:0;

  z-index:3;

  animation:
    cnPiggyCoinDrop
    4.8s
    cubic-bezier(.32,.02,.25,1)
    infinite;

  will-change:
    transform,
    opacity;
}


/* =========================================================
   ÉRME BEESÉSE
   ========================================================= */

@keyframes cnPiggyCoinDrop{

  0%,
  12%{
    opacity:0;

    transform:
      translateX(-50.72%)
      translateY(-3px)
      rotate(-18deg)
      scale(1);
  }

  18%{
    opacity:1;

    transform:
      translateX(-50.72%)
      translateY(0)
      rotate(-18deg)
      scale(1);
  }

  42%{
    opacity:1;

    transform:
      translateX(-50.72%)
      translateY(12px)
      rotate(-8deg)
      scale(.96);
  }

  50%{
    opacity:1;

    transform:
      translateX(-50.72%)
      translateY(20px)
      rotate(-3deg)
      scaleX(.72)
      scaleY(.88);
  }

  54%{
    opacity:.7;

    transform:
      translateX(-50.72%)
      translateY(24.34px)
      rotate(0deg)
       scaleX(.35)
       scaleY(.72);
  }

  56%{
    opacity:.25;

    transform:
      translateX(-50.72%)
      translateY(24.34px)
      rotate(0deg)
      scaleX(.35)
      scaleY(.72);
  }
     58%,
      100%{
      opacity:0;

    transform:
    translateX(-50.72%)
    translateY(24.34px)
    rotate(0deg)
    scaleX(.08)
    scaleY(.45);
 }
}
/* =========================================================
   MALAC FINOM REAKCIÓJA AZ ÉRME BEESÉSEKOR
   ========================================================= */

@keyframes cnPiggyBankReaction{

  0%,
  54%,
  100%{
    transform:
      translateX(-50%)
      translateY(0)
      scale(1);
  }


  58%{
    transform:
      translateX(-50%)
      translateY(1px)
      scale(1.03,.97);
  }


  63%{
    transform:
      translateX(-50%)
      translateY(-1px)
      scale(.99,1.02);
  }


  69%{
    transform:
      translateX(-50%)
      translateY(0)
      scale(1);
  }

}
/* =========================================================
   AKADÁLYMENTESÍTÉS – MOZGÁS CSÖKKENTÉSE
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  #buchung
  .cnPiggyBank,

  #buchung
  .cnPiggyCoin{
    animation:none !important;
  }


  #buchung
  .cnPiggyCoin{
    display:none;
  }

}

#buchung
.cnLivePriceSaving strong,

#buchung
.cnLivePriceSaving span{
  display:block;
}


#buchung
.cnLivePriceSaving strong{
  color:#f3d17a;

  font-size:17px;
  font-weight:950;
}


#buchung
.cnLivePriceSaving span{
  margin-top:3px;

  color:
    rgba(255,255,255,.88);

  font-size:13px;

  line-height:1.35;

  font-weight:700;
}


#buchung
.cnLivePriceTrust{
  margin-top:14px;

  display:grid;
}


#buchung
.cnLivePriceTrust > div{
  display:grid;

  grid-template-columns:
    30px
    minmax(0,1fr);

  align-items:center;

  gap:10px;

  padding:
    10px 4px;

  color:
    rgba(255,255,255,.86);

  font-size:13px;
  font-weight:750;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}


#buchung
.cnLivePriceTrust > div:last-child{
  border-bottom:0;
}


#buchung
.cnLivePriceTrust > div > span{
  width:30px;
  height:30px;

  display:flex;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(243,209,122,.40);

  border-radius:9px;

  color:#f3d17a;

  font-size:16px;
  font-weight:950;
}

@media(max-width:700px){

  html[data-cn-booking-step="2"]
  #buchung
  #cnLivePriceSummary{

    position:relative;

    right:auto;
    bottom:auto;

    width:100%;

    max-height:none;

    overflow:visible;

    margin:
      18px 0 22px;

    padding:14px;

    border-radius:20px;
  }

  #buchung
  .cnLivePriceSummaryTitle{
    margin-bottom:10px;
    font-size:17px;
  }


  #buchung
  .cnLivePriceSummaryBox{
    padding:13px;
    border-radius:16px;
  }


  #buchung
  .cnLivePriceRows{
    gap:8px;
  }


  #buchung
  .cnLivePriceRow{
    gap:10px;
    font-size:12px;
  }


  #buchung
  .cnLivePriceDivider{
    margin:10px 0;
  }


  #buchung
  .cnLivePriceTotalRow span{
    font-size:14px;
  }


  #buchung
  .cnLivePriceTotalRow strong{
    font-size:26px;
  }


  #buchung
  .cnLivePriceSaving{
    margin-top:10px;

    padding:
      12px 12px;

    grid-template-columns:
      70px
      minmax(0,1fr);

    gap:12px;

    border-radius:14px;
  }


 #buchung
.cnLivePriceGift,
#buchung
.cnPiggyAnimation{
  width:70px;
  height:56px;

  flex-basis:70px;
}


#buchung
.cnPiggyBank{
  width:98px;
  bottom:-24px;
}

#buchung
.cnPiggyCoin{
  top:-68px;
  width:65px;
}
  #buchung
  .cnLivePriceSaving strong{
    font-size:14px;
  }


  #buchung
  .cnLivePriceSaving span{
    font-size:11px;
  }


  #buchung
  .cnLivePriceTrust{
    display:none;
  }

}
.cnSrOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* =========================================================
   CLEANNEST – BOOKING SUCCESS ANIMATION
   ========================================================= */

#buchung .cnBookingSuccess{
  position:relative;

  margin:24px 0;
  padding:32px 22px;

  overflow:hidden;

  border:1px solid rgba(243,209,122,.55);
  border-radius:26px;

  text-align:center;

  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(243,209,122,.14),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(7,22,38,.98),
      rgba(4,14,27,.99)
    );

  box-shadow:
    0 0 32px rgba(243,209,122,.12),
    0 24px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#buchung .cnBookingSuccess[hidden]{
  display:none !important;
}


/* =========================
   ANIMATION AREA
   ========================= */

#buchung .cnBookingSuccessAnimation{
  position:relative;

  width:180px;
  height:150px;

  margin:0 auto 20px;
}

#buchung .cnBookingSuccessPiggy{
  position:absolute;

  left:50%;
  bottom:0;

  width:150px;
  height:120px;

  transform:
    translateX(-50%);

  overflow:visible;
}


/* =========================
   PIG
   ========================= */

#buchung .cnBookingSuccessPig{
  position:absolute;

  left:50%;
  bottom:0;

  width:135px;
  height:auto;

  max-width:none;

  display:block;

  transform:
    translateX(-50%)
    translateY(35px)
    scale(.72);

  transform-origin:
    50% 80%;

  opacity:0;

  pointer-events:none;
  user-select:none;

  z-index:2;
}


/* =========================
   COINS
   ========================= */

#buchung .cnBookingSuccessCoin{
  position:absolute;

  left:50%;
  top:34px;

  width:30px;
  height:auto;

  max-width:none;

  display:block;

  opacity:0;

  pointer-events:none;
  user-select:none;

  z-index:3;
}

#buchung .cnBookingSuccessCoin1{
  transform:
    translateX(-50%)
    translateY(30px)
    rotate(-12deg)
    scale(.6);
}

#buchung .cnBookingSuccessCoin2{
  transform:
    translateX(-50%)
    translateY(30px)
    rotate(8deg)
    scale(.6);
}

#buchung .cnBookingSuccessCoin3{
  transform:
    translateX(-50%)
    translateY(30px)
    rotate(18deg)
    scale(.6);
}


/* =========================
   ACTIVE SUCCESS STATE
   ========================= */

#buchung .cnBookingSuccess.is-active
.cnBookingSuccessPig{
  animation:
    cnBookingSuccessPigRise
    1.25s
    cubic-bezier(.16,1,.3,1)
    forwards;
}

#buchung .cnBookingSuccess.is-active
.cnBookingSuccessCoin1{
  animation:
    cnBookingSuccessCoinOne
    1.15s
    .48s
    cubic-bezier(.16,.8,.3,1)
    forwards;
}

#buchung .cnBookingSuccess.is-active
.cnBookingSuccessCoin2{
  animation:
    cnBookingSuccessCoinTwo
    1.25s
    .58s
    cubic-bezier(.16,.8,.3,1)
    forwards;
}

#buchung .cnBookingSuccess.is-active
.cnBookingSuccessCoin3{
  animation:
    cnBookingSuccessCoinThree
    1.1s
    .68s
    cubic-bezier(.16,.8,.3,1)
    forwards;
}


/* =========================
   PIG RISE
   ========================= */

@keyframes cnBookingSuccessPigRise{

  0%{
    opacity:0;

    transform:
      translateX(-50%)
      translateY(35px)
      scale(.72);
  }

  45%{
    opacity:1;

    transform:
      translateX(-50%)
      translateY(-8px)
      scale(1.08);
  }

  72%{
    transform:
      translateX(-50%)
      translateY(-3px)
      scale(.98);
  }

  100%{
    opacity:1;

    transform:
      translateX(-50%)
      translateY(0)
      scale(1);
  }

}


/* =========================
   COIN 1
   ========================= */

@keyframes cnBookingSuccessCoinOne{

  0%{
    opacity:0;

    transform:
      translateX(-50%)
      translateY(30px)
      rotate(-12deg)
      scale(.6);
  }

  20%{
    opacity:1;
  }

  100%{
    opacity:0;

    transform:
      translateX(-78px)
      translateY(-75px)
      rotate(-55deg)
      scale(1);
  }

}


/* =========================
   COIN 2
   ========================= */

@keyframes cnBookingSuccessCoinTwo{

  0%{
    opacity:0;

    transform:
      translateX(-50%)
      translateY(30px)
      rotate(8deg)
      scale(.6);
  }

  20%{
    opacity:1;
  }

  100%{
    opacity:0;

    transform:
      translateX(-50%)
      translateY(-92px)
      rotate(40deg)
      scale(1.08);
  }

}


/* =========================
   COIN 3
   ========================= */

@keyframes cnBookingSuccessCoinThree{

  0%{
    opacity:0;

    transform:
      translateX(-50%)
      translateY(30px)
      rotate(18deg)
      scale(.6);
  }

  20%{
    opacity:1;
  }

  100%{
    opacity:0;

    transform:
      translateX(48px)
      translateY(-70px)
      rotate(65deg)
      scale(.92);
  }

}


/* =========================
   SUCCESS TEXT
   ========================= */

#buchung .cnBookingSuccessContent{
  max-width:560px;
  margin:0 auto;

  opacity:0;

  transform:
    translateY(14px);
}

#buchung .cnBookingSuccess.is-active
.cnBookingSuccessContent{
  animation:
    cnBookingSuccessContentReveal
    .8s
    1.35s
    cubic-bezier(.16,1,.3,1)
    forwards;
}

@keyframes cnBookingSuccessContentReveal{

  0%{
    opacity:0;

    transform:
      translateY(14px);
  }

  100%{
    opacity:1;

    transform:
      translateY(0);
  }

}

#buchung .cnBookingSuccessContent h2{
  margin:0 0 14px;

  color:#f3d17a;

  font-size:30px;
  line-height:1.15;
  font-weight:950;
}

#buchung .cnBookingSuccessContent p{
  margin:8px 0;

  color:rgba(255,255,255,.82);

  font-size:16px;
  line-height:1.55;
  font-weight:650;
}

#buchung .cnBookingSuccessContent strong{
  display:block;

  margin-top:16px;

  color:#5dffb8;

  font-size:17px;
  line-height:1.45;
  font-weight:900;
}


/* =========================
   MOBILE
   ========================= */

@media(max-width:700px){

  #buchung .cnBookingSuccess{
    padding:26px 16px;
    border-radius:22px;
  }

  #buchung .cnBookingSuccessAnimation{
    width:150px;
    height:130px;
  }

  #buchung .cnBookingSuccessPiggy{
    width:130px;
    height:105px;
  }

  #buchung .cnBookingSuccessPig{
    width:118px;
  }

  #buchung .cnBookingSuccessCoin{
    width:26px;
  }

  #buchung .cnBookingSuccessContent h2{
    font-size:25px;
  }

  #buchung .cnBookingSuccessContent p{
    font-size:14px;
  }

  #buchung .cnBookingSuccessContent strong{
    font-size:15px;
  }

}

/* =========================================================
   CLEANNEST – COMPLETE PRICE SUMMARY
   ENTERPRISE MOBILE-FIRST FINAL
   ========================================================= */


/* ---------------------------------------------------------
   KEDVEZMÉNY UTÁNI EREDMÉNYSOROK
   --------------------------------------------------------- */

/* ---------------------------------------------------------
   PET FELÁR
   --------------------------------------------------------- */

#buchung .cnLivePriceRow.is-addon{
  padding:9px 12px;

  border-left:3px solid #f3d17a;
  border-radius:0 12px 12px 0;

  background:
    linear-gradient(
      90deg,
      rgba(243,209,122,.11),
      rgba(243,209,122,.025)
    );
}

#buchung .cnLivePriceRow.is-addon span{
  color:rgba(255,255,255,.92);
  font-weight:850;
}

#buchung .cnLivePriceRow.is-addon strong{
  color:#f3d17a;
  font-weight:950;
}

#buchung .cnLivePriceRow.is-result{
  margin-top:-3px;
  padding:10px 12px;

  border-left:3px solid #5dffb8;
  border-radius:0 12px 12px 0;

  background:
    linear-gradient(
      90deg,
      rgba(93,255,184,.12),
      rgba(93,255,184,.035)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}

#buchung .cnLivePriceRow.is-result span{
  color:rgba(255,255,255,.92);
  font-weight:850;
}

#buchung .cnLivePriceRow.is-result strong{
  color:#5dffb8;
  font-size:15px;
  font-weight:950;

  text-shadow:
    0 0 14px rgba(93,255,184,.18);
}


/* ---------------------------------------------------------
   TELJES ABLAKÁR EXTRA ABLAKOK ESETÉN
   --------------------------------------------------------- */

#buchung .cnLivePriceRow.is-subtotal{
  margin-top:2px;
  padding:11px 12px;

  border:
    1px solid rgba(243,209,122,.26);

  border-radius:13px;

  background:
    linear-gradient(
      135deg,
      rgba(243,209,122,.11),
      rgba(196,155,70,.035)
    );
}

#buchung .cnLivePriceRow.is-subtotal span,
#buchung .cnLivePriceRow.is-subtotal strong{
  color:#f3d17a;
  font-weight:950;
}


/* ---------------------------------------------------------
   MEGTAKARÍTÁSI KÁRTYA
   --------------------------------------------------------- */

#buchung .cnLivePriceSaving{
  position:relative;
  overflow:hidden;

  margin-top:16px;
  padding:22px;

  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:20px;

  border:
    1px solid rgba(93,255,184,.72);

  border-radius:22px;

  background:
    radial-gradient(
      circle at 12% 50%,
      rgba(93,255,184,.14),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(10,86,61,.96),
      rgba(5,48,43,.98)
    );

  box-shadow:
    0 0 0 1px rgba(93,255,184,.09) inset,
    0 0 30px rgba(93,255,184,.13),
    0 22px 54px rgba(0,0,0,.34);
}

#buchung .cnLivePriceSaving[hidden]{
  display:none !important;
}


/* ---------------------------------------------------------
   MALAC – MÁSODLAGOS DEKORÁCIÓ
   --------------------------------------------------------- */

#buchung .cnLivePriceGift,
#buchung .cnPiggyAnimation{
  width:104px;
  height:100px;
  flex-basis:104px;
}

#buchung .cnLivePriceSaving .cnPiggyBank{
  width:122px;
  bottom:-20px;
  animation:none !important;
}

#buchung .cnLivePriceSaving .cnPiggyCoin{
  width:28px;
  top:-28px;
  animation:none !important;
}


/* ---------------------------------------------------------
   TARTALMI HIERARCHIA
   --------------------------------------------------------- */

#buchung .cnLivePriceSavingContent{
  position:relative;
  z-index:2;

  min-width:0;

  display:flex;
  flex-direction:column;
  align-items:center;

  text-align:center;
}


/* ---------------------------------------------------------
   A MEGTAKARÍTÁS A LEGFONTOSABB ELEM
   --------------------------------------------------------- */

#buchung
.cnLivePriceSavingContent
#cnLivePriceSavingAmount{
  order:1;

  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  width:100%;
  margin:0;
  padding:0;

  border:0;
  border-radius:0;
  background:none;

  color:#f3d17a;

  font-size:44px;
  line-height:1;
  font-weight:950;

  letter-spacing:0;

  text-shadow:
    0 0 18px rgba(243,209,122,.30),
    0 0 34px rgba(243,209,122,.12);

  box-shadow:none;
}

#buchung
.cnLivePriceSavingContent
#cnLivePriceSavingAmount::before{
  content:"IHRE ERSPARNIS";

  display:block;

  margin:0 0 8px;

  color:#5dffb8;

  font-size:11px;
  line-height:1;
  font-weight:950;

  letter-spacing:.16em;

  text-shadow:
    0 0 12px rgba(93,255,184,.26);
}


/* ---------------------------------------------------------
   MAGYARÁZÓ SZÖVEG
   --------------------------------------------------------- */

#buchung
.cnLivePriceSavingContent
#cnLivePriceSavingText{
  order:2;

  display:block;

  max-width:420px;
  margin:10px auto 0;

  color:rgba(255,255,255,.88);

  font-size:13px;
  line-height:1.45;
  font-weight:750;
}


/* ---------------------------------------------------------
   ÁR-ÖSSZEHASONLÍTÁS
   --------------------------------------------------------- */

#buchung .cnLivePriceComparison{
  order:3;

  width:100%;
  margin:18px 0 0;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#buchung .cnLivePriceComparison[hidden]{
  display:none !important;
}

#buchung .cnLivePriceCompareRow{
  min-width:0;
  padding:12px 10px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  background:rgba(3,23,25,.38);
  border:1px solid rgba(255,255,255,.10);
}

#buchung .cnLivePriceCompareRow span{
  display:block;
  margin:0;

  color:rgba(255,255,255,.68);

  font-size:11px;
  line-height:1.25;
  font-weight:850;

  text-align:center;
}

#buchung .cnLivePriceCompareRow strong{
  display:block;
  margin-top:5px;

  font-weight:950;
  white-space:nowrap;
}


/* Einzelbuchung */

#buchung
.cnLivePriceCompareRow.is-original
strong{
  color:rgba(255,255,255,.58);

  font-size:17px;

  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:rgba(255,255,255,.48);
}


/* CleanNest Complete */

#buchung
.cnLivePriceCompareRow.is-complete{
  border-color:rgba(93,255,184,.30);

  background:
    linear-gradient(
      135deg,
      rgba(93,255,184,.11),
      rgba(93,255,184,.025)
    );
}

#buchung
.cnLivePriceCompareRow.is-complete
span{
  color:rgba(255,255,255,.90);
}

#buchung
#cnLivePriceCompareComplete{
  color:#5dffb8;

  font-size:22px;
  line-height:1;
  font-weight:950;

  text-shadow:
    0 0 15px rgba(93,255,184,.20);
}


/* A régi elválasztó nem szükséges */

#buchung .cnLivePriceSavingDivider{
  display:none;
}


/* ---------------------------------------------------------
   ÁRVÁLTOZÁS – EGYSZERI FINOM ANIMÁCIÓ
   --------------------------------------------------------- */

#buchung
.cnLivePriceSaving.is-price-update
.cnPiggyBank{
  animation:
    cnPiggyBankReaction
    1.35s
    cubic-bezier(.22,.75,.28,1)
    1 !important;
}

#buchung
.cnLivePriceSaving.is-price-update
.cnPiggyCoin{
  animation:
    cnPiggyCoinDrop
    1.35s
    cubic-bezier(.32,.02,.25,1)
    1 !important;
}

#buchung
.cnLivePriceSaving.is-price-update
#cnLivePriceSavingAmount{
  animation:
    cnSavingAmountUpdate
    .65s
    cubic-bezier(.16,1,.3,1)
    1;
}


/* ---------------------------------------------------------
   MOBIL
   --------------------------------------------------------- */

@media(max-width:700px){

  #buchung .cnLivePriceRows{
    gap:9px;
  }

  #buchung .cnLivePriceRow{
    gap:10px;

    font-size:12px;
    line-height:1.4;
  }

  #buchung .cnLivePriceRow.is-result,
  #buchung .cnLivePriceRow.is-subtotal{
    padding:9px 10px;
  }

  #buchung .cnLivePriceRow.is-result strong{
    font-size:13px;
  }

  #buchung .cnLivePriceSaving{
    padding:18px 14px;

    grid-template-columns:78px minmax(0,1fr);
    gap:12px;

    border-radius:20px;
  }

  #buchung .cnLivePriceGift,
  #buchung .cnPiggyAnimation{
    width:78px;
    height:86px;
    flex-basis:78px;
  }

  #buchung .cnLivePriceSaving .cnPiggyBank{
    width:98px;
    bottom:-16px;
  }

  #buchung .cnLivePriceSaving .cnPiggyCoin{
    width:23px;
    top:-20px;
  }

  #buchung
  .cnLivePriceSavingContent
  #cnLivePriceSavingAmount{
    font-size:36px;
  }

  #buchung
  .cnLivePriceSavingContent
  #cnLivePriceSavingAmount::before{
    margin-bottom:7px;
    font-size:10px;
  }

  #buchung
  .cnLivePriceSavingContent
  #cnLivePriceSavingText{
    margin-top:8px;
    font-size:11px;
    line-height:1.4;
  }

  #buchung .cnLivePriceComparison{
    margin-top:14px;
    gap:7px;
  }

  #buchung .cnLivePriceCompareRow{
    padding:10px 6px;
    border-radius:12px;
  }

  #buchung .cnLivePriceCompareRow span{
    font-size:9px;
  }

  #buchung
  .cnLivePriceCompareRow.is-original
  strong{
    font-size:14px;
  }

  #buchung
  #cnLivePriceCompareComplete{
    font-size:18px;
  }

}


/* ---------------------------------------------------------
   NAGYON KESKENY MOBIL
   --------------------------------------------------------- */

@media(max-width:390px){

  #buchung .cnLivePriceSaving{
    grid-template-columns:68px minmax(0,1fr);
    gap:9px;

    padding:
      16px 10px;
  }

  #buchung .cnLivePriceGift,
  #buchung .cnPiggyAnimation{
    width:68px;
    height:78px;
  }

  #buchung .cnLivePriceSaving .cnPiggyBank{
    width:88px;
  }

  #buchung
  .cnLivePriceSavingContent
  #cnLivePriceSavingAmount{
    font-size:32px;
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  #buchung .cnLivePriceSaving,
  #buchung .cnLivePriceSaving *,
  #buchung .cnLivePriceSaving::before,
  #buchung .cnLivePriceSaving::after{
    animation:none !important;
    transition:none !important;
  }

}

/* =========================================================
   CLEANNEST COMPLETE – PREMIUM PROMO BLOCK
   Wohnungsreinigung + Fensterreinigung
   Aktion gültig bis einschließlich 30.08.2026
   ========================================================= */

.cnCompleteHero {
  --cnCompleteBgDark: #071426;
  --cnCompleteBgMid: #0c2340;
  --cnCompleteBgLight: #12365d;

  --cnCompleteGold: #f4d47b;
  --cnCompleteGoldStrong: #d5a83c;
  --cnCompleteGoldLight: #fff0b5;

  --cnCompleteBlue: #71c5ff;
  --cnCompleteGreen: #62e3b0;

  --cnCompleteText: #ffffff;
  --cnCompleteTextSoft: rgba(237, 245, 255, 0.84);
  --cnCompleteTextMuted: rgba(225, 236, 250, 0.68);

  --cnCompleteBorder: rgba(255, 255, 255, 0.11);
  --cnCompleteCardBg: rgba(255, 255, 255, 0.055);
  --cnCompleteCardBgHover: rgba(255, 255, 255, 0.085);

  position: relative;
  isolation: isolate;
  overflow: hidden;

  box-sizing: border-box;
  width: min(1180px, calc(100% - 32px));
  margin: clamp(28px, 6vw, 72px) auto;
  padding: clamp(26px, 5vw, 58px);

  border: 1px solid transparent;
  border-radius: clamp(25px, 4vw, 42px);

  color: var(--cnCompleteText);

  background:
    linear-gradient(
      145deg,
      rgba(7, 20, 38, 0.985),
      rgba(12, 35, 64, 0.975) 56%,
      rgba(9, 27, 49, 0.985)
    ) padding-box,
    linear-gradient(
      120deg,
      rgba(244, 212, 123, 0.32),
      rgba(255, 255, 255, 0.07),
      rgba(113, 197, 255, 0.28),
      rgba(244, 212, 123, 0.78),
      rgba(255, 255, 255, 0.07)
    ) border-box;

  background-size:
    100% 100%,
    300% 300%;

  box-shadow:
    0 34px 90px rgba(0, 8, 24, 0.43),
    0 14px 42px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);

  animation:
    cnCompleteEnter 0.85s cubic-bezier(0.22, 1, 0.36, 1) both,
    cnCompleteBorderFlow 12s linear infinite;
}


/* =========================================================
   DECORATIVE BACKGROUND
   ========================================================= */

.cnCompleteHero::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -35%;

  pointer-events: none;

  background:
    radial-gradient(
      circle at 14% 20%,
      rgba(244, 212, 123, 0.22) 0,
      rgba(244, 212, 123, 0.08) 17%,
      transparent 37%
    ),
    radial-gradient(
      circle at 88% 17%,
      rgba(113, 197, 255, 0.19) 0,
      rgba(113, 197, 255, 0.05) 19%,
      transparent 38%
    ),
    radial-gradient(
      circle at 82% 82%,
      rgba(98, 227, 176, 0.1) 0,
      transparent 34%
    ),
    radial-gradient(
      circle at 34% 78%,
      rgba(213, 168, 60, 0.09) 0,
      transparent 29%
    );

  filter: blur(8px);
  transform: translate3d(0, 0, 0);

  animation:
    cnCompleteAmbient 16s ease-in-out infinite alternate;
}


.cnCompleteHero::after {
  content: "";
  position: absolute;
  z-index: 20;
  top: -70%;
  left: -46%;

  width: 30%;
  height: 240%;

  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.025),
    rgba(255, 241, 184, 0.17),
    rgba(255, 255, 255, 0.04),
    transparent
  );

  filter: blur(1px);
  transform: rotate(18deg);

  animation:
    cnCompleteSweep 9s ease-in-out infinite;
}


/* =========================================================
   HEADER
   ========================================================= */

.cnCompleteHero .cnPromoHeader {
  position: relative;
  z-index: 2;

  max-width: 980px;
  margin: 0 auto clamp(26px, 5vw, 44px);

  text-align: center;
}


.cnCompleteHero .cnBadge {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  width: fit-content;
  max-width: 100%;
  margin: 0 auto 18px;
  padding: 10px 18px;

  border: 1px solid rgba(244, 212, 123, 0.48);
  border-radius: 999px;

  color: #fff6d8;

  background:
    linear-gradient(
      135deg,
      rgba(244, 212, 123, 0.19),
      rgba(213, 168, 60, 0.08)
    );

  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 0 rgba(244, 212, 123, 0);

  font-size: clamp(0.76rem, 1.7vw, 0.9rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  animation:
    cnCompleteBadgeFloat 3.2s ease-in-out infinite;
}


.cnCompleteHero .cnBadge::after {
  content: "";
  position: absolute;
  inset: -5px;

  z-index: -1;

  border-radius: inherit;

  background:
    radial-gradient(
      circle,
      rgba(244, 212, 123, 0.2),
      transparent 68%
    );

  opacity: 0.45;

  animation:
    cnCompleteBadgeGlow 3.2s ease-in-out infinite;
}


.cnCompleteHero .cnPromoTitle {
  margin: 0;

  color: #ffffff;

  font-size: clamp(2.25rem, 7vw, 5.25rem);
  font-weight: 950;
  line-height: 0.98;
  letter-spacing: -0.055em;
  text-wrap: balance;

  text-shadow:
    0 4px 28px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(244, 212, 123, 0.07);
}


.cnCompleteHero .cnPromoTitle::after {
  content: "";

  display: block;

  width: clamp(90px, 19vw, 190px);
  height: 4px;
  margin: 22px auto 0;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--cnCompleteGoldStrong),
      var(--cnCompleteGoldLight),
      var(--cnCompleteGoldStrong),
      transparent
    );

  box-shadow:
    0 0 22px rgba(244, 212, 123, 0.38);

  transform-origin: center;

  animation:
    cnCompleteTitleLine 1.15s 0.28s both;
}


.cnCompleteHero .cnPromoSubtitle {
  max-width: 820px;
  margin: 22px auto 0;

  color: var(--cnCompleteTextSoft);

  font-size: clamp(1rem, 2.6vw, 1.35rem);
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: 0.005em;
  text-wrap: balance;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.cnCompleteHero .cnPromoContent {
  position: relative;
  z-index: 2;

  display: grid;
  gap: clamp(18px, 3vw, 28px);
}


.cnCompleteHero .cnIntroText {
  margin: 0;
  padding: clamp(22px, 4vw, 32px);

  border: 1px solid rgba(244, 212, 123, 0.18);
  border-radius: 24px;

  color: var(--cnCompleteTextSoft);

  background:
    linear-gradient(
      135deg,
      rgba(244, 212, 123, 0.075),
      rgba(255, 255, 255, 0.035)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 36px rgba(0, 0, 0, 0.16);

  font-size: clamp(1rem, 2vw, 1.1rem);
  line-height: 1.78;
}


.cnCompleteHero .cnIntroText strong {
  color: #ffffff;
  font-weight: 850;
}


.cnCompleteHero .cnHighlightDate {
  display: inline-flex;
  align-items: center;

  margin-top: 18px;
  padding: 9px 14px;

  border: 1px solid rgba(244, 212, 123, 0.36);
  border-radius: 12px;

  color: #fff1bd !important;

  background:
    rgba(244, 212, 123, 0.09);

  box-shadow:
    0 0 0 rgba(244, 212, 123, 0);

  font-size: 0.96em;
  line-height: 1.45;

  animation:
    cnCompleteDatePulse 3.8s ease-in-out infinite;
}


/* =========================================================
   GENERAL SECTION STYLE
   ========================================================= */

.cnCompleteHero .cnPromoSection {
  position: relative;
  overflow: hidden;

  box-sizing: border-box;
  margin: 0;
  padding: clamp(22px, 4vw, 32px);

  border: 1px solid var(--cnCompleteBorder);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.062),
      rgba(255, 255, 255, 0.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 16px 38px rgba(0, 0, 0, 0.15);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    background-color 0.32s ease,
    box-shadow 0.32s ease;
}


.cnCompleteHero .cnPromoSection::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(244, 212, 123, 0.8),
      rgba(113, 197, 255, 0.55),
      transparent
    );

  opacity: 0.72;
}


.cnCompleteHero .cnPromoSection h3 {
  margin: 0 0 14px;

  color: #ffffff;

  font-size: clamp(1.18rem, 2.8vw, 1.55rem);
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: -0.025em;
  text-wrap: balance;
}


.cnCompleteHero .cnPromoSection h4 {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: clamp(1.03rem, 2vw, 1.2rem);
  font-weight: 800;
  line-height: 1.3;
}


.cnCompleteHero .cnPromoSection p {
  margin: 0;

  color: var(--cnCompleteTextSoft);

  font-size: clamp(0.96rem, 1.9vw, 1.04rem);
  line-height: 1.7;
}


.cnCompleteHero .cnPromoSection strong {
  color: #ffffff;
  font-weight: 800;
}


.cnCompleteHero .cnSmallText {
  display: block;

  margin-top: 10px !important;

  color: var(--cnCompleteTextMuted) !important;

  font-size: 0.93rem !important;
  line-height: 1.62 !important;
}


/* =========================================================
   TARGET GROUP
   ========================================================= */

.cnCompleteHero .cnTargetGroup {
  border-color: rgba(113, 197, 255, 0.18);

  background:
    linear-gradient(
      135deg,
      rgba(113, 197, 255, 0.075),
      rgba(255, 255, 255, 0.025)
    );
}


/* =========================================================
   LEVEL CARDS
   ========================================================= */

.cnCompleteHero .cnLevelGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;

  margin-top: 20px;
}


.cnCompleteHero .cnLevelCard {
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;

  min-width: 0;
  min-height: 100%;
  padding: 22px;

  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 13px 28px rgba(0, 0, 0, 0.14);

  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease,
    background 0.32s ease;
}


.cnCompleteHero .cnLevelCard::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      var(--cnCompleteGoldStrong),
      var(--cnCompleteGoldLight)
    );

  opacity: 0.78;
}


.cnCompleteHero .cnLevelCard:nth-child(2)::before {
  background:
    linear-gradient(
      90deg,
      var(--cnCompleteBlue),
      var(--cnCompleteGoldLight)
    );
}


.cnCompleteHero .cnLevelCard:nth-child(3)::before {
  background:
    linear-gradient(
      90deg,
      var(--cnCompleteGoldStrong),
      #ffb976
    );
}


.cnCompleteHero .cnLevelCard p {
  flex: 1;
}


.cnCompleteHero .cnLevelDiscount {
  margin-top: 20px;
  padding: 14px 15px;

  border: 1px solid rgba(244, 212, 123, 0.18);
  border-radius: 15px;

  color: var(--cnCompleteTextSoft);

  background:
    rgba(244, 212, 123, 0.065);

  font-size: 0.91rem;
  line-height: 1.62;
}


.cnCompleteHero .cnLevelDiscount strong {
  color: var(--cnCompleteGoldLight);
}


/* =========================================================
   WINDOW TYPE CARDS
   ========================================================= */

.cnCompleteHero .cnWindowTypeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;

  margin-top: 20px;
}


.cnCompleteHero .cnWindowTypeCard {
  position: relative;

  min-width: 0;
  padding: 22px;

  border: 1px solid rgba(113, 197, 255, 0.14);
  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      rgba(113, 197, 255, 0.075),
      rgba(255, 255, 255, 0.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 12px 28px rgba(0, 0, 0, 0.13);

  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease;
}


.cnCompleteHero .cnWindowTypeCard::before {
  content: "✓";

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 31px;
  height: 31px;
  margin-bottom: 14px;

  border: 1px solid rgba(113, 197, 255, 0.3);
  border-radius: 50%;

  color: #bce8ff;
  background: rgba(113, 197, 255, 0.1);

  font-size: 0.9rem;
  font-weight: 900;
}


/* =========================================================
   DETAILS / DROPDOWN
   ========================================================= */

.cnCompleteHero .cnCompleteDetails {
  overflow: hidden;

  margin-top: 20px;

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 17px;

  background:
    rgba(0, 8, 20, 0.2);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}


.cnCompleteHero .cnCompleteDetails summary {
  position: relative;

  display: flex;
  align-items: center;
  gap: 12px;

  box-sizing: border-box;
  width: 100%;
  padding: 17px 52px 17px 18px;

  color: #ffffff;

  cursor: pointer;
  list-style: none;

  font-size: clamp(0.94rem, 1.8vw, 1.02rem);
  font-weight: 760;
  line-height: 1.45;

  transition:
    color 0.25s ease,
    background 0.25s ease;
}


.cnCompleteHero .cnCompleteDetails summary::-webkit-details-marker {
  display: none;
}


.cnCompleteHero .cnCompleteDetails summary::after {
  content: "+";

  position: absolute;
  top: 50%;
  right: 17px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 27px;
  height: 27px;

  border: 1px solid rgba(244, 212, 123, 0.25);
  border-radius: 50%;

  color: var(--cnCompleteGoldLight);
  background: rgba(244, 212, 123, 0.07);

  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;

  transform:
    translateY(-50%)
    rotate(0deg);

  transition:
    transform 0.28s ease,
    background 0.28s ease,
    border-color 0.28s ease;
}


.cnCompleteHero .cnCompleteDetails[open] summary {
  color: var(--cnCompleteGoldLight);

  background:
    rgba(244, 212, 123, 0.04);
}


.cnCompleteHero .cnCompleteDetails[open] summary::after {
  transform:
    translateY(-50%)
    rotate(45deg);

  border-color: rgba(244, 212, 123, 0.46);
  background: rgba(244, 212, 123, 0.12);
}


.cnCompleteHero .cnCompleteDetails summary:focus-visible {
  outline: 3px solid rgba(113, 197, 255, 0.55);
  outline-offset: -3px;
}


.cnCompleteHero .cnDetailsContent {
  padding: 0 18px 19px;

  border-top: 1px solid rgba(255, 255, 255, 0.065);

  animation:
    cnCompleteDetailsOpen 0.34s ease both;
}


.cnCompleteHero .cnDetailsContent p {
  margin-top: 14px;
}


.cnCompleteHero .cnDetailsContent strong {
  color: var(--cnCompleteGoldLight);
}


.cnCompleteHero .cnDetailsNote {
  padding: 13px 14px;

  border-left: 3px solid rgba(113, 197, 255, 0.62);
  border-radius: 0 11px 11px 0;

  color: var(--cnCompleteTextMuted) !important;

  background:
    rgba(113, 197, 255, 0.055);
}


/* =========================================================
   WINDOW LIMIT LIST
   ========================================================= */

.cnCompleteHero .cnWindowList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;

  margin: 20px 0 0;
  padding: 0;

  list-style: none;
}


.cnCompleteHero .cnWindowList li {
  position: relative;

  display: flex;
  flex-direction: column;
  gap: 6px;

  min-width: 0;
  padding: 20px;

  border: 1px solid rgba(244, 212, 123, 0.14);
  border-radius: 18px;

  color: var(--cnCompleteTextSoft);

  background:
    linear-gradient(
      145deg,
      rgba(244, 212, 123, 0.07),
      rgba(255, 255, 255, 0.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055);

  font-size: 0.97rem;
  line-height: 1.5;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}


.cnCompleteHero .cnWindowList li > strong:first-child {
  color: #ffffff;

  font-size: 1.1rem;
  font-weight: 850;
}


.cnCompleteHero .cnWindowList li span {
  color: var(--cnCompleteTextMuted);

  font-size: 0.88rem;
  font-weight: 600;
}


.cnCompleteHero .cnWindowList li strong:last-child {
  color: var(--cnCompleteGoldLight);
}


.cnCompleteHero .cnNotice {
  margin-top: 18px !important;
  padding: 16px 18px;

  border: 1px solid rgba(244, 212, 123, 0.17);
  border-left: 4px solid var(--cnCompleteGoldStrong);
  border-radius: 14px;

  color: var(--cnCompleteTextSoft) !important;

  background:
    rgba(244, 212, 123, 0.055);
}


/* =========================================================
   EQUIPMENT INFO
   ========================================================= */

.cnCompleteHero .cnEquipmentInfo {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;

  border-color: rgba(98, 227, 176, 0.2);

  background:
    linear-gradient(
      135deg,
      rgba(98, 227, 176, 0.075),
      rgba(255, 255, 255, 0.025)
    );
}


.cnCompleteHero .cnEquipmentIcon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 54px;
  height: 54px;

  border: 1px solid rgba(98, 227, 176, 0.34);
  border-radius: 18px;

  color: #c5ffe7;

  background:
    linear-gradient(
      135deg,
      rgba(98, 227, 176, 0.18),
      rgba(98, 227, 176, 0.07)
    );

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 22px rgba(98, 227, 176, 0.08);

  font-size: 1.35rem;
  font-weight: 950;

  animation:
    cnCompleteEquipmentPulse 4s ease-in-out infinite;
}


.cnCompleteHero .cnEquipmentInfo h3 {
  margin-bottom: 8px;
}


/* =========================================================
   IMPORTANT CONDITIONS
   ========================================================= */

.cnCompleteHero .cnPromoFooter {
  position: relative;
  overflow: hidden;

  box-sizing: border-box;
  padding: clamp(22px, 4vw, 32px);

  border: 1px solid rgba(244, 212, 123, 0.2);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(244, 212, 123, 0.075),
      rgba(0, 8, 20, 0.15)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 16px 38px rgba(0, 0, 0, 0.15);
}


.cnCompleteHero .cnPromoFooter::before {
  content: "i";

  position: absolute;
  top: 20px;
  right: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  border: 1px solid rgba(244, 212, 123, 0.3);
  border-radius: 50%;

  color: var(--cnCompleteGoldLight);
  background: rgba(244, 212, 123, 0.08);

  font-family: Georgia, serif;
  font-size: 1rem;
  font-weight: 800;
}


.cnCompleteHero .cnFooterTitle {
  display: block;

  max-width: calc(100% - 54px);
  margin-bottom: 17px;

  color: #ffffff;

  font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  font-weight: 850;
  line-height: 1.35;
}


.cnCompleteHero .cnFooterList {
  display: grid;
  gap: 10px;

  margin: 0;
  padding: 0;

  list-style: none;
}


.cnCompleteHero .cnFooterList li {
  position: relative;

  padding-left: 25px;

  color: var(--cnCompleteTextSoft);

  font-size: clamp(0.9rem, 1.7vw, 0.98rem);
  line-height: 1.6;
}


.cnCompleteHero .cnFooterList li::before {
  content: "✓";

  position: absolute;
  top: 0.04em;
  left: 0;

  color: var(--cnCompleteGold);

  font-size: 0.92rem;
  font-weight: 900;
}


.cnCompleteHero .cnFooterList strong {
  color: #ffffff;
  font-weight: 800;
}


/* =========================================================
   CALL TO ACTION
   ========================================================= */

.cnCompleteHero .cnCompleteCtaWrap {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: clamp(4px, 1vw, 10px);

  text-align: center;
}


.cnCompleteHero .cnCompleteCta {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  box-sizing: border-box;
  width: min(100%, 540px);
  min-height: 62px;
  padding: 17px 25px;

  border: 1px solid rgba(255, 240, 181, 0.64);
  border-radius: 18px;

  color: #101827;

  background:
    linear-gradient(
      135deg,
      #f8dc8d,
      #f2c75c 46%,
      #dca83b
    );

  box-shadow:
    0 18px 38px rgba(213, 168, 60, 0.26),
    0 8px 18px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    inset 0 -1px 0 rgba(116, 75, 8, 0.18);

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  font: inherit;
  font-size: clamp(0.98rem, 2.2vw, 1.12rem);
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.005em;
  text-align: center;

  transform: translateZ(0);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease;
}


.cnCompleteHero .cnCompleteCta::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -80%;
  left: -42%;

  width: 28%;
  height: 260%;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.72),
      transparent
    );

  transform: rotate(18deg);

  animation:
    cnCompleteCtaShine 4.8s ease-in-out infinite;
}


.cnCompleteHero .cnCompleteCtaText {
  position: relative;
  z-index: 2;
}


.cnCompleteHero .cnCompleteCtaArrow {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 31px;
  height: 31px;

  border-radius: 50%;

  color: #172030;
  background: rgba(255, 255, 255, 0.35);

  font-size: 1.2rem;
  line-height: 1;

  transition:
    transform 0.28s ease,
    background 0.28s ease;
}


.cnCompleteHero .cnCompleteCta:hover {
  transform:
    translateY(-3px)
    scale(1.012);

  filter: brightness(1.04);

  box-shadow:
    0 23px 48px rgba(213, 168, 60, 0.34),
    0 11px 22px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 0 30px rgba(244, 212, 123, 0.16);
}


.cnCompleteHero .cnCompleteCta:hover .cnCompleteCtaArrow {
  transform: translateX(4px);

  background: rgba(255, 255, 255, 0.48);
}


.cnCompleteHero .cnCompleteCta:active {
  transform:
    translateY(0)
    scale(0.985);
}


.cnCompleteHero .cnCompleteCta:focus-visible {
  outline: 4px solid rgba(113, 197, 255, 0.72);
  outline-offset: 4px;
}


.cnCompleteHero .cnCompleteCtaNote {
  max-width: 620px;
  margin: 13px auto 0;

  color: var(--cnCompleteTextMuted);

  font-size: clamp(0.8rem, 1.6vw, 0.9rem);
  font-weight: 600;
  line-height: 1.5;
}


/* =========================================================
   DESKTOP HOVER EFFECTS
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .cnCompleteHero .cnPromoSection:hover {
    transform: translateY(-3px);

    border-color: rgba(244, 212, 123, 0.19);

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.085),
      0 21px 46px rgba(0, 0, 0, 0.19);
  }


  .cnCompleteHero .cnLevelCard:hover {
    transform: translateY(-5px);

    border-color: rgba(244, 212, 123, 0.26);

    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.095),
        rgba(255, 255, 255, 0.035)
      );

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      0 19px 38px rgba(0, 0, 0, 0.2),
      0 0 24px rgba(244, 212, 123, 0.06);
  }


  .cnCompleteHero .cnWindowTypeCard:hover {
    transform: translateY(-4px);

    border-color: rgba(113, 197, 255, 0.3);

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.085),
      0 18px 34px rgba(0, 0, 0, 0.18),
      0 0 24px rgba(113, 197, 255, 0.06);
  }


  .cnCompleteHero .cnWindowList li:hover {
    transform: translateY(-4px);

    border-color: rgba(244, 212, 123, 0.28);

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.075),
      0 17px 32px rgba(0, 0, 0, 0.17);
  }


  .cnCompleteHero .cnCompleteDetails summary:hover {
    color: var(--cnCompleteGoldLight);

    background:
      rgba(244, 212, 123, 0.045);
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 920px) {

  .cnCompleteHero .cnLevelGrid {
    grid-template-columns: 1fr;
  }


  .cnCompleteHero .cnLevelCard {
    min-height: auto;
  }


  .cnCompleteHero .cnWindowList {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cnCompleteHero {
    width: calc(100% - 20px);
    margin: 24px auto;
    padding: 24px 16px 26px;

    border-radius: 25px;

    background-size:
      100% 100%,
      380% 380%;
  }


  .cnCompleteHero::after {
    width: 40%;

    animation-duration: 10.5s;
  }


  .cnCompleteHero .cnPromoHeader {
    margin-bottom: 26px;
  }


  .cnCompleteHero .cnBadge {
    margin-bottom: 15px;
    padding: 9px 14px;

    font-size: 0.72rem;
    letter-spacing: 0.1em;
  }


  .cnCompleteHero .cnPromoTitle {
    font-size: clamp(2.12rem, 12vw, 3.3rem);
    line-height: 1;
  }


  .cnCompleteHero .cnPromoTitle::after {
    margin-top: 17px;
  }


  .cnCompleteHero .cnPromoSubtitle {
    margin-top: 17px;

    font-size: 1rem;
    line-height: 1.55;
  }


  .cnCompleteHero .cnPromoContent {
    gap: 16px;
  }


  .cnCompleteHero .cnIntroText,
  .cnCompleteHero .cnPromoSection,
  .cnCompleteHero .cnPromoFooter {
    padding: 20px 17px;

    border-radius: 20px;
  }


  .cnCompleteHero .cnIntroText {
    font-size: 0.98rem;
    line-height: 1.7;
  }


  .cnCompleteHero .cnHighlightDate {
    display: flex;
    width: fit-content;
    max-width: 100%;

    box-sizing: border-box;

    font-size: 0.88rem;
  }


  .cnCompleteHero .cnPromoSection h3 {
    font-size: 1.2rem;
  }


  .cnCompleteHero .cnLevelGrid,
  .cnCompleteHero .cnWindowTypeGrid {
    grid-template-columns: 1fr;
    gap: 13px;
  }


  .cnCompleteHero .cnLevelCard,
  .cnCompleteHero .cnWindowTypeCard,
  .cnCompleteHero .cnWindowList li {
    padding: 18px;

    border-radius: 17px;
  }


  .cnCompleteHero .cnCompleteDetails summary {
    padding:
      15px
      48px
      15px
      15px;

    font-size: 0.92rem;
  }


  .cnCompleteHero .cnCompleteDetails summary::after {
    right: 13px;

    width: 26px;
    height: 26px;
  }


  .cnCompleteHero .cnDetailsContent {
    padding:
      0
      15px
      17px;
  }


  .cnCompleteHero .cnEquipmentInfo {
    grid-template-columns: 1fr;
    gap: 14px;
  }


  .cnCompleteHero .cnEquipmentIcon {
    width: 48px;
    height: 48px;

    border-radius: 15px;
  }


  .cnCompleteHero .cnPromoFooter::before {
    top: 17px;
    right: 16px;

    width: 29px;
    height: 29px;
  }


  .cnCompleteHero .cnFooterTitle {
    max-width: calc(100% - 44px);

    font-size: 1.12rem;
  }


  .cnCompleteHero .cnFooterList {
    gap: 11px;
  }


  .cnCompleteHero .cnFooterList li {
    padding-left: 23px;

    font-size: 0.89rem;
  }


  .cnCompleteHero .cnCompleteCta {
    min-height: 59px;
    padding: 15px 17px;

    border-radius: 16px;

    font-size: 0.97rem;
  }


  .cnCompleteHero .cnCompleteCtaArrow {
    flex: 0 0 auto;

    width: 29px;
    height: 29px;
  }


  .cnCompleteHero .cnCompleteCtaNote {
    padding: 0 5px;

    font-size: 0.8rem;
  }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

  .cnCompleteHero {
    width: calc(100% - 14px);
    padding:
      21px
      13px
      23px;

    border-radius: 22px;
  }


  .cnCompleteHero .cnPromoTitle {
    font-size: 2rem;
  }


  .cnCompleteHero .cnIntroText,
  .cnCompleteHero .cnPromoSection,
  .cnCompleteHero .cnPromoFooter {
    padding: 18px 15px;
  }


  .cnCompleteHero .cnCompleteCta {
    gap: 9px;
    padding:
      14px
      13px;

    font-size: 0.91rem;
  }

}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes cnCompleteEnter {

  from {
    opacity: 0;

    transform:
      translateY(28px)
      scale(0.985);
  }

  to {
    opacity: 1;

    transform:
      translateY(0)
      scale(1);
  }

}


@keyframes cnCompleteBorderFlow {

  0% {
    background-position:
      0 0,
      0% 50%;
  }

  50% {
    background-position:
      0 0,
      100% 50%;
  }

  100% {
    background-position:
      0 0,
      0% 50%;
  }

}


@keyframes cnCompleteAmbient {

  0% {
    transform:
      translate3d(-1.5%, -1%, 0)
      scale(1);
  }

  100% {
    transform:
      translate3d(2.5%, 1.5%, 0)
      scale(1.07);
  }

}


@keyframes cnCompleteSweep {

  0%,
  20% {
    left: -46%;
    opacity: 0;
  }

  28% {
    opacity: 0.75;
  }

  53% {
    left: 122%;
    opacity: 0;
  }

  100% {
    left: 122%;
    opacity: 0;
  }

}


@keyframes cnCompleteBadgeFloat {

  0%,
  100% {
    transform: translateY(0);

    box-shadow:
      0 10px 26px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      0 0 0 rgba(244, 212, 123, 0);
  }

  50% {
    transform: translateY(-3px);

    box-shadow:
      0 14px 32px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 0 24px rgba(244, 212, 123, 0.16);
  }

}


@keyframes cnCompleteBadgeGlow {

  0%,
  100% {
    opacity: 0.25;
    transform: scale(0.96);
  }

  50% {
    opacity: 0.62;
    transform: scale(1.06);
  }

}


@keyframes cnCompleteTitleLine {

  from {
    opacity: 0;
    transform: scaleX(0);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }

}


@keyframes cnCompleteDatePulse {

  0%,
  100% {
    border-color: rgba(244, 212, 123, 0.3);

    box-shadow:
      0 0 0 rgba(244, 212, 123, 0);
  }

  50% {
    border-color: rgba(244, 212, 123, 0.58);

    box-shadow:
      0 0 22px rgba(244, 212, 123, 0.11);
  }

}


@keyframes cnCompleteDetailsOpen {

  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


@keyframes cnCompleteEquipmentPulse {

  0%,
  100% {
    transform: scale(1);

    box-shadow:
      0 10px 24px rgba(0, 0, 0, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 0 16px rgba(98, 227, 176, 0.06);
  }

  50% {
    transform: scale(1.04);

    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.19),
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      0 0 25px rgba(98, 227, 176, 0.13);
  }

}


@keyframes cnCompleteCtaShine {

  0%,
  25% {
    left: -42%;
    opacity: 0;
  }

  34% {
    opacity: 0.8;
  }

  55% {
    left: 122%;
    opacity: 0;
  }

  100% {
    left: 122%;
    opacity: 0;
  }

}


/* =========================================================
   REDUCED MOTION / ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cnCompleteHero,
  .cnCompleteHero::before,
  .cnCompleteHero::after,
  .cnCompleteHero .cnBadge,
  .cnCompleteHero .cnBadge::after,
  .cnCompleteHero .cnPromoTitle::after,
  .cnCompleteHero .cnHighlightDate,
  .cnCompleteHero .cnDetailsContent,
  .cnCompleteHero .cnEquipmentIcon,
  .cnCompleteHero .cnCompleteCta::before {
    animation: none !important;
  }


  .cnCompleteHero,
  .cnCompleteHero *,
  .cnCompleteHero *::before,
  .cnCompleteHero *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }


  .cnCompleteHero .cnPromoSection:hover,
  .cnCompleteHero .cnLevelCard:hover,
  .cnCompleteHero .cnWindowTypeCard:hover,
  .cnCompleteHero .cnWindowList li:hover,
  .cnCompleteHero .cnCompleteCta:hover {
    transform: none;
  }

}
/* =========================================================
   CLEANNEST COMPLETE – COMPACT OVERRIDE
   Ezt a meglévő Complete CSS legvégére tedd
   ========================================================= */

.cnCompleteHero {
  width: min(1040px, calc(100% - 28px));
  margin: clamp(24px, 4vw, 48px) auto;
  padding: clamp(24px, 4vw, 42px);
  border-radius: clamp(24px, 3vw, 34px);
}


.cnCompleteHero .cnPromoHeader {
  margin-bottom: 26px;
}


.cnCompleteHero .cnBadge {
  margin-bottom: 13px;
  padding: 8px 15px;
}


.cnCompleteHero .cnPromoTitle {
  font-size: clamp(2rem, 5.5vw, 3.8rem);
  line-height: 1.02;
}


.cnCompleteHero .cnPromoTitle::after {
  width: clamp(80px, 15vw, 145px);
  margin-top: 16px;
}


.cnCompleteHero .cnPromoSubtitle {
  margin-top: 15px;
  font-size: clamp(0.96rem, 2vw, 1.18rem);
}


.cnCompleteHero .cnPromoContent {
  gap: 15px;
}


.cnCompleteHero .cnIntroText {
  padding: 20px 22px;
  border-radius: 19px;
  text-align: center;
}


.cnCompleteHero .cnIntroText p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--cnCompleteTextSoft);
  font-size: 1rem;
  line-height: 1.65;
}


.cnCompleteHero .cnHighlightDate {
  margin-top: 14px;
  padding: 8px 13px;
  font-size: 0.9rem;
}


.cnCompleteHero .cnPromoSection {
  padding: 22px;
  border-radius: 19px;
}


.cnCompleteHero .cnPromoSection h3 {
  margin-bottom: 16px;
  font-size: clamp(1.12rem, 2.3vw, 1.35rem);
}


.cnCompleteHero .cnLevelGrid {
  gap: 12px;
  margin-top: 0;
}


.cnCompleteHero .cnLevelCard {
  padding: 18px;
  border-radius: 16px;
}


.cnCompleteHero .cnLevelCard h4 {
  margin-bottom: 7px;
  font-size: 1.05rem;
}


.cnCompleteHero .cnLevelCard p {
  font-size: 0.9rem;
  line-height: 1.5;
}


.cnCompleteHero .cnLevelDiscount {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 8px;

  margin-top: 13px;
  padding: 11px 12px;

  font-size: 0.86rem;
  line-height: 1.35;
}


.cnCompleteHero .cnLevelDiscount strong {
  font-size: 1rem;
}


.cnCompleteHero .cnLevelDiscount span {
  color: var(--cnCompleteTextMuted);
}


.cnCompleteHero .cnCompleteDetails {
  margin-top: 0;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.045);
}


.cnCompleteHero .cnCompleteDetails summary {
  min-height: 58px;
  padding: 15px 50px 15px 17px;
  font-size: 0.96rem;
}


.cnCompleteHero .cnDetailsContent {
  padding: 17px;
}


.cnCompleteHero .cnDetailsContent > p:first-child {
  margin-top: 0;
}


.cnCompleteHero .cnCompactInfoGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}


.cnCompleteHero .cnCompactInfo {
  padding: 16px;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;

  background: rgba(255, 255, 255, 0.035);
}


.cnCompleteHero .cnCompactInfo h4 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 1rem;
}


.cnCompleteHero .cnCompactInfo p {
  margin: 8px 0 0;

  color: var(--cnCompleteTextSoft);
  font-size: 0.9rem;
  line-height: 1.55;
}


.cnCompleteHero .cnCompactInfo strong {
  color: var(--cnCompleteGoldLight);
}


.cnCompleteHero .cnWindowList {
  gap: 10px;
  margin-top: 15px;
}


.cnCompleteHero .cnWindowList li {
  padding: 15px;
  border-radius: 14px;
  font-size: 0.88rem;
}


.cnCompleteHero .cnWindowList li > strong:first-child {
  font-size: 1rem;
}


.cnCompleteHero .cnNotice {
  margin-top: 14px !important;
  padding: 13px 14px;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
}


.cnCompleteHero .cnSmallText {
  margin-top: 12px !important;
  font-size: 0.86rem !important;
}


.cnCompleteHero .cnEquipmentInfo {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
}


.cnCompleteHero .cnEquipmentIcon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  font-size: 1.1rem;
}


.cnCompleteHero .cnEquipmentInfo h3 {
  margin-bottom: 4px;
  font-size: 1.08rem;
}


.cnCompleteHero .cnEquipmentInfo p {
  font-size: 0.91rem;
  line-height: 1.5;
}


.cnCompleteHero .cnFooterList {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}


.cnCompleteHero .cnFooterList li {
  position: relative;

  padding-left: 22px;

  color: var(--cnCompleteTextSoft);
  font-size: 0.88rem;
  line-height: 1.55;
}


.cnCompleteHero .cnFooterList li::before {
  content: "✓";

  position: absolute;
  top: 0;
  left: 0;

  color: var(--cnCompleteGold);
  font-weight: 900;
}


.cnCompleteHero .cnCompleteCtaWrap {
  padding-top: 5px;
}


.cnCompleteHero .cnCompleteCta {
  width: min(100%, 460px);
  min-height: 56px;
  padding: 14px 21px;
  border-radius: 16px;
}


.cnCompleteHero .cnCompleteCtaNote {
  margin-top: 10px;
  font-size: 0.79rem;
}


/* =========================================================
   TABLET ÉS MOBIL
   ========================================================= */

@media (max-width: 820px) {

  .cnCompleteHero .cnLevelGrid,
  .cnCompleteHero .cnWindowList {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 700px) {

  .cnCompleteHero {
    width: calc(100% - 16px);
    margin: 20px auto;
    padding: 20px 13px 23px;
    border-radius: 22px;
  }


  .cnCompleteHero .cnPromoHeader {
    margin-bottom: 21px;
  }


  .cnCompleteHero .cnPromoTitle {
    font-size: clamp(1.85rem, 10vw, 2.65rem);
  }


  .cnCompleteHero .cnPromoSubtitle {
    font-size: 0.92rem;
  }


  .cnCompleteHero .cnIntroText,
  .cnCompleteHero .cnPromoSection {
    padding: 17px 15px;
    border-radius: 17px;
  }


  .cnCompleteHero .cnIntroText p {
    font-size: 0.91rem;
  }


  .cnCompleteHero .cnHighlightDate {
    display: flex;
    justify-content: center;

    box-sizing: border-box;
    width: 100%;

    text-align: center;
  }


  .cnCompleteHero .cnCompactInfoGrid {
    grid-template-columns: 1fr;
  }


  .cnCompleteHero .cnCompactInfo {
    padding: 14px;
  }


  .cnCompleteHero .cnEquipmentInfo {
    grid-template-columns: 39px minmax(0, 1fr);
    text-align: left;
  }


  .cnCompleteHero .cnEquipmentIcon {
    width: 39px;
    height: 39px;
  }


  .cnCompleteHero .cnCompleteCta {
    min-height: 54px;
    padding: 13px 15px;
    font-size: 0.92rem;
  }

}
/* =========================================================
   CLEANNEST – PROMOTION TERMS LINKS
   ========================================================= */

.cnPromotionTermsLink{
  position:relative;
  z-index:4;

  box-sizing:border-box;
  width:100%;
  min-height:50px;

  margin-top:14px;
  padding:13px 16px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

 border:1px solid rgba(122,162,255,.72);
  border-radius:15px;

  background:
    linear-gradient(
      135deg,
      rgba(16,34,68,.96),
      rgba(6,14,31,.98)
    );

  color:#ffffff;
  text-decoration:none;
  text-align:center;

  font-size:14px;
  line-height:1.35;
  font-weight:950;

    box-shadow:
  0 12px 28px rgba(0,0,0,.38),
  0 0 18px rgba(122,162,255,.18),
  inset 0 1px 0 rgba(255,255,255,.08);
  cursor:pointer;

  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.cnPromotionTermsLink::after{
  content:"→";

  flex:0 0 auto;

  font-size:18px;
  line-height:1;

  transition:
    transform .22s ease;
}

.cnPromotionTermsLink:hover{
 border-color:rgba(122,162,255,.95);

 background:
  linear-gradient(
    135deg,
    rgba(28,58,110,.98),
    rgba(7,17,38,.98)
  );

 box-shadow:
  0 16px 36px rgba(0,0,0,.42),
  0 0 26px rgba(122,162,255,.30),
  inset 0 1px 0 rgba(255,255,255,.10);

  transform:translateY(-1px);
}

.cnPromotionTermsLink:hover::after{
  transform:translateX(3px);
}

.cnPromotionTermsLink:active{
  transform:scale(.99);
}

.cnPromotionTermsLink:focus-visible{
  outline:3px solid rgba(243,209,122,.38);
  outline-offset:3px;
}

.cnCompleteHero .cnPromotionTermsLink{
  margin-left:auto;
  margin-right:auto;
}

@media(min-width:700px){

  .cnPromotionTermsLink{
    width:auto;
    min-width:280px;
  }

}

@media(max-width:700px){

  .cnPromotionTermsLink{
    width:100%;
    min-height:52px;

    padding:13px 14px;

    font-size:14px;
  }

}

@media(prefers-reduced-motion:reduce){

  .cnPromotionTermsLink,
  .cnPromotionTermsLink::after{
    transition:none !important;
  }

  .cnPromotionTermsLink:hover,
  .cnPromotionTermsLink:active{
    transform:none !important;
  }

}
/* =========================================================
   COMPLETE TERMS LINK – PREMIUM ATTENTION
   ========================================================= */

.cnCompleteHero .cnPromotionTermsLink{
  margin-top:18px;

  border-color:rgba(243,209,122,.82);

  background:
    linear-gradient(
      135deg,
      rgba(248,223,145,.28),
      rgba(196,155,70,.18) 42%,
      rgba(10,16,34,.82)
    );

  color:#ffe7a1;

  box-shadow:
    0 0 0 1px rgba(243,209,122,.16),
    0 0 22px rgba(243,209,122,.24),
    0 14px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.10);

  overflow:visible;

  animation:
    cnPromotionTermsPulse 3.4s ease-in-out infinite;
}

.cnCompleteHero .cnPromotionTermsLink::before{
  content:"WICHTIG";

  position:absolute;
  top:-9px;
  left:14px;

  padding:3px 8px;

  border-radius:999px;

  border:1px solid rgba(255,231,158,.65);

  background:
    linear-gradient(
      135deg,
      #f8df91,
      #c49b46
    );

  color:#10141c;

  font-size:9px;
  line-height:1;
  font-weight:950;

  letter-spacing:.10em;
  text-transform:uppercase;

  box-shadow:
    0 5px 14px rgba(0,0,0,.28);
}

.cnCompleteHero .cnPromotionTermsLink::after{
  content:"→";

  position:relative;
  z-index:2;
}

.cnCompleteHero .cnPromotionTermsLink span,
.cnCompleteHero .cnPromotionTermsLink{
  position:relative;
}

.cnCompleteHero .cnPromotionTermsLink::selection{
  background:rgba(243,209,122,.35);
}

.cnCompleteHero .cnPromotionTermsLink:hover{
  border-color:#f8df91;

  box-shadow:
    0 0 0 1px rgba(243,209,122,.24),
    0 0 30px rgba(243,209,122,.34),
    0 18px 42px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14);

  transform:
    translateY(-2px)
    scale(1.01);
}

@keyframes cnPromotionTermsPulse{

  0%,
  100%{
    box-shadow:
      0 0 0 1px rgba(243,209,122,.14),
      0 0 16px rgba(243,209,122,.16),
      0 14px 34px rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.08);
  }

  50%{
    box-shadow:
      0 0 0 1px rgba(243,209,122,.22),
      0 0 30px rgba(243,209,122,.32),
      0 16px 38px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.12);
  }

}

@media(max-width:700px){

  .cnCompleteHero .cnPromotionTermsLink{
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
  }

}

@media(prefers-reduced-motion:reduce){

  .cnCompleteHero .cnPromotionTermsLink{
    animation:none !important;
  }

}
/* CN_V5_SOURCE_END /css/booking-wizard.css */
/* CN_V5_SOURCE_BEGIN /css/cleannest-signature-2026.673bc455388b.css SHA256=673bc455388b9cab6e8dc958eab4626d7d2cef6b18d261bbece674dd33bd5fe1 */
/*
 * CleanNest Signature Intelligence 2026
 * MOTION CEILING V4 — Header + Hero + Guided Packages + Booking
 * No Tailwind runtime. No external font dependency required.
 * Performance rule: blur is reserved for the floating header only; content surfaces stay opaque/translucent without backdrop-filter.
 */

:root {
  --cn-sig-bg: #030712;
  --cn-sig-surface: rgba(7, 12, 25, 0.86);
  --cn-sig-surface-soft: rgba(255, 255, 255, 0.035);
  --cn-sig-border: rgba(255, 255, 255, 0.08);
  --cn-sig-border-strong: rgba(255, 255, 255, 0.14);
  --cn-sig-text: #f7f8fb;
  --cn-sig-muted: #9ca3af;
  --cn-sig-muted-2: #6b7280;
  --cn-sig-gold: #f4c95d;
  --cn-sig-gold-2: #c9972f;
  --cn-sig-gold-soft: rgba(244, 201, 93, 0.12);
  --cn-sig-green: #34d399;
  --cn-sig-radius: 20px;
  --cn-sig-shadow: 0 24px 70px rgba(0, 0, 0, 0.44);
  --cn-sig-blur-header: 18px;
  --cn-sig-motion-instant: 120ms;
  --cn-sig-motion-fast: 160ms;
  --cn-sig-motion-medium: 220ms;
  --cn-sig-motion-emphasis: 320ms;
  --cn-sig-ease-standard: cubic-bezier(.2,.8,.2,1);
  --cn-sig-ease-enter: cubic-bezier(.16,1,.3,1);
  --cn-sig-ease-exit: cubic-bezier(.4,0,1,1);
  --cn-sig-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}

body.cnSigMenuOpen {
  overflow: hidden;
}

.cnSigHeader,
.cnSigHero,
.cnSigMobileMenu,
.cnSigMenuScrim {
  font-family: var(--cn-sig-font);
}

.cnSigHeader {
  position: fixed;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 120;
  padding: 0 16px;
  pointer-events: none;
}

.cnSigHeader__shell {
  width: min(1240px, 100%);
  min-height: 64px;
  margin: 0 auto;
  padding: 8px 12px 8px 16px;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  color: var(--cn-sig-text);
  background: var(--cn-sig-surface);
  border: 1px solid var(--cn-sig-border);
  border-radius: var(--cn-sig-radius);
  box-shadow: var(--cn-sig-shadow);
  backdrop-filter: blur(var(--cn-sig-blur-header)) saturate(125%);
  -webkit-backdrop-filter: blur(var(--cn-sig-blur-header)) saturate(125%);
  pointer-events: auto;
}

.cnSigBrand {
  min-width: 132px;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.cnSigBrand #logo-placeholder {
  display: flex;
  align-items: center;
  min-width: 0;
}

.cnSigBrand #logo-placeholder img,
.cnSigBrand #logo-placeholder svg {
  display: block;
  max-width: 148px;
  max-height: 46px;
  width: auto;
  height: auto;
}

.cnSigHeaderStatus {
  min-width: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.cnSigHeaderStatus__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #d5d9e1;
  font-size: 12px;
  font-weight: 700;
}

.cnSigStatusDot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--cn-sig-green);
  box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.10), 0 0 16px rgba(52, 211, 153, 0.38);
}

.cnSigStatusDot[data-state="attention"] {
  background: var(--cn-sig-gold);
  box-shadow: 0 0 0 5px rgba(244, 201, 93, 0.10), 0 0 16px rgba(244, 201, 93, 0.35);
}

.cnSigDesktopNav {
  display: flex;
  align-items: center;
  gap: 2px;
}

.cnSigDesktopNav a {
  padding: 9px 10px;
  border-radius: 10px;
  color: #b7bdc9;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  transition: color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), background-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}

.cnSigDesktopNav a:hover,
.cnSigDesktopNav a:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.cnSigHeaderActions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cnSigPhone {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #d2d6de;
  text-decoration: none;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.cnSigPhone:hover,
.cnSigPhone:focus-visible {
  color: #fff;
}

.cnSigPrimaryCta,
.cnSigSecondaryCta,
.cnSigSummaryCell,
.cnSigMenuButton,
.cnSigMenuClose {
  font: inherit;
}

.cnSigPrimaryCta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(255, 220, 136, 0.36);
  border-radius: 12px;
  color: #17130a;
  background: linear-gradient(180deg, #f7d977, #d6a83c);
  box-shadow: 0 8px 24px rgba(214, 168, 60, 0.22);
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: transform var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}

.cnSigPrimaryCta:hover {
  transform: translateY(-1px);
}

.cnSigPrimaryCta:active {
  transform: translateY(0);
}

.cnSigPrimaryCta:focus-visible,
.cnSigSecondaryCta:focus-visible,
.cnSigSummaryCell:focus-visible,
.cnSigMenuButton:focus-visible,
.cnSigMenuClose:focus-visible {
  outline: 2px solid #ffe59c;
  outline-offset: 3px;
}

.cnSigMobileActions {
  display: none;
  align-items: center;
  gap: 8px;
}

.cnSigMobileBadge {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 9px;
  border: 1px solid rgba(244, 201, 93, 0.22);
  border-radius: 9px;
  color: var(--cn-sig-gold);
  background: rgba(244, 201, 93, 0.09);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.cnSigMenuButton,
.cnSigMenuClose {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  color: #e5e7eb;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
}

.cnSigMenuButton {
  flex-direction: column;
  gap: 4px;
}

.cnSigMenuButton span {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.cnSigMenuScrim {
  position: fixed;
  inset: 0;
  z-index: 128;
  background: rgba(0, 0, 0, 0.68);
}

.cnSigMobileMenu {
  position: fixed;
  top: 86px;
  left: 12px;
  right: 12px;
  z-index: 130;
  max-height: calc(100vh - 100px);
  max-height: calc(100dvh - 100px);
  overflow: auto;
  padding: 16px;
  color: var(--cn-sig-text);
  background: rgba(4, 9, 20, 0.97);
  border: 1px solid var(--cn-sig-border);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
}

.cnSigMobileMenu__head,
.cnSigMobileMenu__status,
.cnSigMobileMenu__actions {
  display: flex;
  align-items: center;
}

.cnSigMobileMenu__head {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.cnSigMobileMenu__status {
  gap: 10px;
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  color: #d1d5db;
  font-size: 12px;
  font-weight: 700;
}

.cnSigMobileMenu__nav {
  display: grid;
  gap: 4px;
}

.cnSigMobileMenu__nav a {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 10px;
  color: #d1d5db;
  text-decoration: none;
  font-size: 14px;
  font-weight: 750;
}

.cnSigMobileMenu__nav a:hover,
.cnSigMobileMenu__nav a:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.045);
}

.cnSigMobileMenu__actions {
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cnSigMobileMenu__actions > * {
  width: 100%;
}

.cnSigHero {
  position: relative;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 144px 0 72px;
  overflow: clip;
  color: var(--cn-sig-text);
}

.cnSigHero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.82fr);
  align-items: center;
  gap: clamp(34px, 5vw, 72px);
}

.cnSigHeroGlow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.cnSigHeroGlow--blue {
  width: 520px;
  height: 520px;
  left: -3%;
  top: 20px;
  background: radial-gradient(circle, rgba(59, 85, 170, 0.17) 0%, rgba(59, 85, 170, 0.07) 42%, rgba(59, 85, 170, 0) 72%);
}

.cnSigHeroGlow--gold {
  width: 460px;
  height: 460px;
  right: -2%;
  top: 58px;
  background: radial-gradient(circle, rgba(244, 201, 93, 0.10) 0%, rgba(244, 201, 93, 0.035) 44%, rgba(244, 201, 93, 0) 72%);
}

.cnSigHero__copy {
  max-width: 760px;
}

.cnSigEyebrow {
  width: fit-content;
  padding: 7px 12px;
  margin-bottom: 20px;
  border: 1px solid rgba(244, 201, 93, 0.22);
  border-radius: 999px;
  color: var(--cn-sig-gold);
  background: rgba(244, 201, 93, 0.08);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.cnSigHeroTitle {
  margin: 0;
  max-width: 760px;
  color: #fff;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.99;
  letter-spacing: -0.045em;
  font-weight: 850;
}

.cnSigHeroTitle span {
  background: linear-gradient(110deg, #f5cb60 0%, #ffe7a6 48%, #c9942c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cnSigHeroLead {
  max-width: 650px;
  margin: 22px 0 0;
  color: #a9b0bd;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.65;
}

.cnSigHeroCtas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.cnSigPrimaryCta--hero,
.cnSigSecondaryCta {
  min-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
}

.cnSigSecondaryCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  color: #f3f4f6;
  background: rgba(255, 255, 255, 0.025);
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  transition: background-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), border-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}

.cnSigSecondaryCta:hover {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.15);
}

.cnSigLiveCard {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(11, 17, 32, 0.96), rgba(5, 10, 21, 0.94));
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.cnSigLiveCard__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.cnSigLiveCard__head > div {
  display: grid;
  gap: 4px;
}

.cnSigLiveCard__eyebrow {
  color: #8f98a8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.11em;
}

.cnSigLiveCard__head strong {
  color: #fff;
  font-size: 14px;
}

.cnSigConnectedBadge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid rgba(52, 211, 153, 0.18);
  border-radius: 8px;
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.07);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.cnSigConnectedBadge span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--cn-sig-green);
}

.cnSigEmptyState {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 30px 14px 14px;
  text-align: center;
}

.cnSigEmptyState strong {
  color: #e5e7eb;
  font-size: 14px;
}

.cnSigEmptyState p {
  max-width: 350px;
  margin: 0;
  color: #7f8795;
  font-size: 11px;
  line-height: 1.55;
}

.cnSigActiveState {
  padding-top: 14px;
}

.cnSigSummaryGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cnSigSummaryCell {
  min-width: 0;
  min-height: 64px;
  padding: 10px;
  display: grid;
  align-content: center;
  gap: 4px;
  text-align: left;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 12px;
  color: #fff;
  background: rgba(255, 255, 255, 0.022);
  cursor: pointer;
}

.cnSigSummaryCell:hover {
  background: rgba(255, 255, 255, 0.045);
}

.cnSigSummaryCell span {
  color: #737c8b;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cnSigSummaryCell strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f5f6f8;
  font-size: 11px;
}

.cnSigSummaryCell--price strong {
  color: var(--cn-sig-gold);
}

@media (max-width: 1100px) {
  .cnSigHeader__shell {
    grid-template-columns: auto 1fr auto;
  }

  .cnSigHeaderStatus {
    display: none;
  }

  .cnSigHero__grid {
    grid-template-columns: 1fr 410px;
    gap: 34px;
  }
}

@media (max-width: 860px) {
  .cnSigDesktopNav,
  .cnSigHeaderActions {
    display: none;
  }

  .cnSigHeader__shell {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 60px;
    padding: 7px 8px 7px 12px;
  }

  .cnSigMobileActions {
    display: flex;
  }

  .cnSigBrand #logo-placeholder img,
  .cnSigBrand #logo-placeholder svg {
    max-width: 124px;
    max-height: 42px;
  }

  .cnSigHero {
    padding-top: 116px;
  }

  .cnSigHero__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .cnSigHero__copy {
    max-width: 720px;
  }

  .cnSigLiveCard {
    max-width: 640px;
  }
}

@media (max-width: 620px) {
  .cnSigHeader {
    top: 10px;
    padding: 0 10px;
  }

  .cnSigHeader__shell {
    border-radius: 16px;
  }

  .cnSigMobileBadge {
    max-width: 115px;
  }

  .cnSigMobileMenu {
    top: 78px;
  }

  .cnSigHero {
    width: min(100% - 24px, 1240px);
    padding-top: 104px;
    padding-bottom: 48px;
  }

  .cnSigEyebrow {
    margin-left: auto;
    margin-right: auto;
  }

  .cnSigHero__copy {
    text-align: center;
  }

  .cnSigHeroTitle {
    font-size: clamp(38px, 12vw, 56px);
  }

  .cnSigHeroLead {
    margin-left: auto;
    margin-right: auto;
  }

  .cnSigHeroCtas {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cnSigHeroCtas > * {
    width: 100%;
  }

  .cnSigLiveCard {
    padding: 16px;
    border-radius: 18px;
  }

  .cnSigSummaryGrid {
    grid-template-columns: 1fr 1fr;
  }

  .cnSigSummaryCell--price {
    grid-column: 1 / -1;
  }

}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .cnSigHeader__shell {
    background: #08111f;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* ============================================================
   03 — Guided Signature Packages 2026 — CANDIDATE
============================================================ */
.cnSigPackages {
  position: relative;
  width: min(100% - 40px, 1240px);
  margin: 0 auto;
  padding: 96px 0 112px;
}

.cnSigPackages__head {
  max-width: 780px;
  margin-bottom: 30px;
}

.cnSigPackages__head h2 {
  margin: 12px 0 10px;
  color: #fff;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.cnSigPackages__head p {
  margin: 0;
  max-width: 720px;
  color: #98a2b2;
  font-size: 14px;
  line-height: 1.72;
}

.cnSigGuideEngine {
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 0%, rgba(244,201,93,.065), transparent 30%),
    linear-gradient(180deg, rgba(12,18,31,.88), rgba(5,10,20,.86));
  box-shadow: 0 34px 90px -48px rgba(0,0,0,.95);
  overflow: hidden;
}

.cnSigGuideProgress {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 9px 16px;
  padding: 18px 22px 16px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.015);
}

.cnSigGuideProgress__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #9aa4b4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.cnSigGuideProgress__track {
  grid-column: 1 / 2;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
}

.cnSigGuideProgress__track span {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #b9872d, #f2ce72);
  transition: width var(--cn-sig-motion-emphasis) var(--cn-sig-ease-enter);
}

.cnSigGuideReset {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
}

.cnSigGuideStep {
  padding: 26px;
}

.cnSigGuideStep[hidden] { display: none; }

.cnSigGuideStep__head {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 18px;
}

.cnSigGuideStep__head > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border: 1px solid rgba(244,201,93,.22);
  border-radius: 10px;
  background: rgba(244,201,93,.055);
  color: #f2ca69;
  font-size: 10px;
  font-weight: 900;
}

.cnSigGuideStep__head strong,
.cnSigGuideStep__head small { display: block; }
.cnSigGuideStep__head strong { color: #f7f8fa; font-size: 17px; line-height: 1.3; }
.cnSigGuideStep__head small { margin-top: 5px; color: #808a99; font-size: 11px; line-height: 1.45; }

.cnSigIntentGrid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
}

.cnSigIntentCard,
.cnSigNeedCard,
.cnSigBinaryCard,
.cnSigSpecialChoice {
  appearance: none;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.018);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), border-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), background-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), box-shadow var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}

.cnSigIntentCard {
  min-height: 150px;
  padding: 18px;
  border-radius: 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto 1fr;
  gap: 7px 10px;
  grid-column: span 4;
}

.cnSigIntentCard:nth-child(4),
.cnSigIntentCard:nth-child(5) { grid-column: span 6; }

.cnSigIntentCard--complete {
  border-color: rgba(244,201,93,.18);
  background: linear-gradient(145deg, rgba(244,201,93,.07), rgba(255,255,255,.018));
}

.cnSigIntentCard__icon {
  grid-row: 1 / 4;
  align-self: start;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: rgba(255,255,255,.035);
  color: #f3cb6a;
  font-size: 16px;
}

.cnSigIntentCard strong { grid-column: 2; color: #fff; font-size: 13px; }
.cnSigIntentCard small { grid-column: 2; color: #8892a0; font-size: 10px; line-height: 1.42; }
.cnSigIntentCard > span:last-child { grid-column: 3; grid-row: 1 / 4; align-self: center; color: #f1c862; font-size: 18px; }

.cnSigIntentCard:hover,
.cnSigNeedCard:hover,
.cnSigBinaryCard:hover,
.cnSigSpecialChoice:hover,
.cnSigServiceOption:hover {
  transform: translateY(-2px);
  border-color: rgba(244,201,93,.2);
  background: rgba(255,255,255,.035);
}

.cnSigIntentCard[aria-pressed="true"],
.cnSigNeedCard[aria-pressed="true"] {
  border-color: rgba(244,201,93,.48);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(244,201,93,.09);
  background: rgba(244,201,93,.075);
}

.cnSigNeedGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

.cnSigNeedCard {
  min-height: 150px;
  padding: 19px;
  border-radius: 18px;
}
.cnSigNeedCard span,
.cnSigNeedCard strong,
.cnSigNeedCard small { display: block; }
.cnSigNeedCard span { color: #c3953d; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.cnSigNeedCard strong { margin-top: 9px; color: #fff; font-size: 17px; }
.cnSigNeedCard small { margin-top: 9px; color: #8b95a4; font-size: 10px; line-height: 1.5; }

.cnSigBinaryGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cnSigBinaryCard {
  min-height: 112px;
  padding: 20px;
  border-radius: 18px;
}
.cnSigBinaryCard strong,
.cnSigBinaryCard small { display: block; }
.cnSigBinaryCard strong { color: #fff; font-size: 15px; }
.cnSigBinaryCard small { margin-top: 8px; color: #8993a2; font-size: 10px; line-height: 1.45; }
.cnSigBinaryCard--gold { border-color: rgba(244,201,93,.2); background: rgba(244,201,93,.055); }

.cnSigSpecialGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.cnSigSpecialChoice {
  min-height: 104px;
  padding: 16px;
  border-radius: 16px;
}
.cnSigSpecialChoice strong,
.cnSigSpecialChoice small { display: block; }
.cnSigSpecialChoice strong { color: #f2f4f7; font-size: 10px; line-height: 1.35; }
.cnSigSpecialChoice small { margin-top: 7px; color: #818b99; font-size: 9px; line-height: 1.42; }

.cnSigBackAction {
  margin-top: 16px;
  min-height: 44px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: #9aa4b4;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.cnSigGuideResult {
  background: linear-gradient(155deg, rgba(244,201,93,.055), rgba(255,255,255,.01) 40%, rgba(255,255,255,.018));
}

.cnSigGuideResult__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.cnSigGuideResult__top span,
.cnSigGuideResult__top h3 { display: block; }
.cnSigGuideResult__top > div > span {
  color: #be923e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
}
.cnSigGuideResult__top h3 {
  margin: 7px 0 0;
  color: #fff;
  font-size: clamp(24px, 4vw, 38px);
  letter-spacing: -.035em;
}
.cnSigGuideResult__state {
  padding: 6px 9px;
  border: 1px solid rgba(244,201,93,.18);
  border-radius: 999px;
  background: rgba(244,201,93,.055);
  color: #e1b75d;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  white-space: nowrap;
}

.cnSigGuidePath {
  margin: 18px 0 0;
  color: #7f8998;
  font-size: 10px;
  font-weight: 700;
}
.cnSigGuideReason {
  margin: 9px 0 0;
  max-width: 780px;
  color: #bec5cf;
  font-size: 12px;
  line-height: 1.62;
}

.cnSigGuideFacts {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.cnSigGuideFacts li {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
  color: #aeb6c2;
  font-size: 10px;
  line-height: 1.35;
}
.cnSigGuideFacts li::before { content: "✓"; margin-right: 8px; color: #66c79a; font-weight: 900; }

.cnSigGuideDelta,
.cnSigGuideCompleteLive {
  margin-top: 16px;
  padding: 15px 16px;
  border-radius: 15px;
}
.cnSigGuideDelta { border: 1px solid rgba(113,143,255,.12); background: rgba(76,105,205,.045); }
.cnSigGuideCompleteLive { border: 1px solid rgba(244,201,93,.14); background: rgba(244,201,93,.04); }
.cnSigGuideDelta span,
.cnSigGuideCompleteLive span { display: block; color: #7f8aa0; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.cnSigGuideDelta strong,
.cnSigGuideCompleteLive strong { display: block; margin-top: 5px; color: #eef1f5; font-size: 11px; }
.cnSigGuideDelta p { margin: 6px 0 0; color: #9aa4b4; font-size: 10px; line-height: 1.5; }

.cnSigGuideResult__actions {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cnSigGuideSafety { margin: 12px 0 0; color: #6f7887; font-size: 9px; line-height: 1.45; }

.cnSigDirectServices { margin-top: 20px; }
.cnSigDirectServices__head { margin-bottom: 10px; }
.cnSigDirectServices__head span,
.cnSigDirectServices__head strong,
.cnSigDirectServices__head small { display: block; }
.cnSigDirectServices__head span { color: #b78d3b; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.cnSigDirectServices__head strong { margin-top: 4px; color: #eceff4; font-size: 13px; }
.cnSigDirectServices__head small { margin-top: 4px; color: #7f8998; font-size: 10px; }

.cnSigServiceGroups { display: grid; gap: 9px; }
.cnSigServiceGroup {
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 17px;
  background: rgba(255,255,255,.014);
  overflow: hidden;
}
.cnSigServiceGroup summary {
  min-height: 62px;
  padding: 14px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  cursor: pointer;
  list-style: none;
}
.cnSigServiceGroup summary::-webkit-details-marker { display: none; }
.cnSigServiceGroup summary small,
.cnSigServiceGroup summary strong { display: block; }
.cnSigServiceGroup summary small { color: #b68b39; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.cnSigServiceGroup summary strong { margin-top: 3px; color: #eef1f5; font-size: 12px; }
.cnSigServiceGroup summary > span:last-child { color: #bdc4ce; font-size: 18px; transition: transform var(--cn-sig-motion-medium) var(--cn-sig-ease-standard); }
.cnSigServiceGroup[open] summary > span:last-child { transform: rotate(45deg); }

.cnSigServiceGroup__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
  padding: 0 12px 12px;
}
.cnSigServiceGroup__grid--four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.cnSigServiceGroup__grid--three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.cnSigServiceOption {
  min-height: 82px;
  padding: 13px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), border-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), background-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}
.cnSigServiceOption[aria-pressed="true"] { border-color: rgba(244,201,93,.38); background: rgba(244,201,93,.06); }
.cnSigServiceOption > span { color: #d8ae54; font-size: 15px; }
.cnSigServiceOption strong,
.cnSigServiceOption small { display: block; }
.cnSigServiceOption strong { color: #fff; font-size: 10px; line-height: 1.35; }
.cnSigServiceOption small { margin-top: 5px; color: #7f8998; font-size: 9px; line-height: 1.4; }

.cnSigPetNote {
  margin-top: 14px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(244,201,93,.13);
  border-radius: 16px;
  background: rgba(244,201,93,.035);
}
.cnSigPetNote > span { font-size: 18px; }
.cnSigPetNote p { margin: 0; color: #aab1bd; font-size: 11px; line-height: 1.5; }
.cnSigPetNote strong { color: #e9edf3; }

.cnSigPackageDock {
  position: sticky;
  bottom: 12px;
  z-index: 25;
  margin-top: 18px;
  min-height: 72px;
  padding: 10px 10px 10px 16px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(244,201,93,.18);
  border-radius: 18px;
  background: rgba(5,9,17,.985);
  box-shadow: 0 24px 60px -26px rgba(0,0,0,.95);
}
.cnSigPackageDock[hidden] { display: none; }
.cnSigPackageDock__live span,
.cnSigPackageDock__live strong,
.cnSigPackageDock__live small,
.cnSigPackageDock__price span,
.cnSigPackageDock__price strong { display: block; }
.cnSigPackageDock__live span,
.cnSigPackageDock__price span { color: #8a94a3; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.cnSigPackageDock__live strong { margin-top: 3px; color: #fff; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cnSigPackageDock__live small { margin-top: 3px; color: #828c9b; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cnSigPackageDock__price { min-width: 108px; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.06); }
.cnSigPackageDock__price strong { margin-top: 3px; color: #f2ca68; font-size: 13px; }
.cnSigPackageDock__next { min-width: 170px; }

.cnSigIntentCard:focus-visible,
.cnSigNeedCard:focus-visible,
.cnSigBinaryCard:focus-visible,
.cnSigSpecialChoice:focus-visible,
.cnSigBackAction:focus-visible,
.cnSigTextAction:focus-visible,
.cnSigServiceOption:focus-visible,
.cnSigServiceGroup summary:focus-visible,
.cnSigPackageDock__next:focus-visible {
  outline: 2px solid #ffe59c;
  outline-offset: 3px;
}

@media (max-width: 980px) {
  .cnSigIntentCard { grid-column: span 6; }
  .cnSigIntentCard:nth-child(5) { grid-column: 1 / -1; }
  .cnSigSpecialGrid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cnSigSpecialChoice:last-child { grid-column: 1 / -1; }
  .cnSigServiceGroup__grid--four,
  .cnSigServiceGroup__grid--three { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cnSigPackageDock { grid-template-columns: minmax(0,1fr) auto; }
  .cnSigPackageDock__price { display: none; }
}

@media (max-width: 640px) {
  .cnSigPackages { width: min(100% - 24px, 1240px); padding: 72px 0 94px; }
  .cnSigPackages__head { margin-bottom: 22px; }
  .cnSigPackages__head h2 { font-size: clamp(32px, 11vw, 46px); }
  .cnSigPackages__head p { font-size: 13px; }
  .cnSigGuideEngine { border-radius: 21px; }
  .cnSigGuideProgress { padding: 15px 16px 13px; }
  .cnSigGuideStep { padding: 18px; }
  .cnSigGuideReset { font-size: 10px; }
  .cnSigIntentGrid,
  .cnSigNeedGrid,
  .cnSigBinaryGrid,
  .cnSigSpecialGrid { grid-template-columns: 1fr; }
  .cnSigIntentCard,
  .cnSigIntentCard:nth-child(4),
  .cnSigIntentCard:nth-child(5),
  .cnSigSpecialChoice:last-child { grid-column: 1; }
  .cnSigIntentCard { min-height: 108px; }
  .cnSigNeedCard { min-height: 118px; }
  .cnSigBinaryCard { min-height: 92px; }
  .cnSigSpecialChoice { min-height: 82px; }
  .cnSigGuideResult__top { display: block; }
  .cnSigGuideResult__state { display: inline-block; margin-top: 10px; }
  .cnSigGuideFacts { grid-template-columns: 1fr; }
  .cnSigGuideResult__actions { align-items: stretch; }
  .cnSigGuideResult__actions .cnSigPrimaryCta,
  .cnSigGuideResult__actions .cnSigSecondaryCta { width: 100%; }
  .cnSigServiceGroup__grid,
  .cnSigServiceGroup__grid--four,
  .cnSigServiceGroup__grid--three { grid-template-columns: 1fr; }
  .cnSigPetNote { grid-template-columns: auto 1fr; }
  .cnSigPetNote .cnSigTextAction { grid-column: 1 / -1; justify-self: stretch; text-align: left; }
  .cnSigPackageDock {
    bottom: max(8px, env(safe-area-inset-bottom));
    min-height: 64px;
    padding: 8px 8px 8px 12px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    border-radius: 16px;
  }
  .cnSigPackageDock__live small { max-width: 48vw; }
  .cnSigPackageDock__next { min-width: 118px; min-height: 46px; padding-inline: 12px; font-size: 10px; }
}


/* ============================================================
   CEILING CHALLENGER — ADAPTIVE CHROME + CANONICAL HERO JOURNEY
   Research rationale: one primary question at a time, no redundant
   package selector, state chrome appears only after a real selection.
============================================================ */
.cnSigHeaderStatus[hidden],
.cnSigMobileBadge[hidden],
.cnSigMobileMenu__status[hidden] { display: none; }

.cnSigConnectedBadge--neutral {
  border-color: rgba(244,201,93,.18);
  color: #d8ae54;
  background: rgba(244,201,93,.055);
}

.cnSigHeroStarter {
  justify-items: stretch;
  gap: 14px;
  padding: 18px 0 0;
  text-align: left;
}
.cnSigHeroStarter__lead {
  max-width: none;
  color: #929baa;
  font-size: 11px;
}
.cnSigHeroIntentGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.cnSigHeroIntent {
  min-height: 82px;
  padding: 13px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-content: center;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), border-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard), background-color var(--cn-sig-motion-fast) var(--cn-sig-ease-standard);
}
.cnSigHeroIntent > span {
  grid-row: 1 / span 2;
  color: #d8ae54;
  font-size: 17px;
  align-self: center;
}
.cnSigHeroIntent strong { color: #fff; font-size: 11px; line-height: 1.25; }
.cnSigHeroIntent small { margin-top: 3px; color: #788292; font-size: 9px; line-height: 1.35; }
.cnSigHeroIntent:hover {
  transform: translateY(-1px);
  border-color: rgba(244,201,93,.22);
  background: rgba(244,201,93,.04);
}
.cnSigHeroMoreServices {
  min-height: 44px;
  border: 0;
  background: transparent;
  color: #c8a34e;
  font: inherit;
  font-size: 10px;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
}
.cnSigHeroCommitted { padding-top: 16px; }
.cnSigHeroNext {
  margin-top: 12px;
  padding: 15px;
  border: 1px solid rgba(244,201,93,.13);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(244,201,93,.055), rgba(255,255,255,.012));
}
.cnSigHeroNext > span,
.cnSigHeroNext > strong,
.cnSigHeroNext > p { display: block; }
.cnSigHeroNext > span { color: #b68d3e; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.cnSigHeroNext > strong { margin-top: 5px; color: #f3f5f8; font-size: 13px; }
.cnSigHeroNext > p { margin: 5px 0 12px; color: #858e9d; font-size: 9px; line-height: 1.45; }
.cnSigHeroNext .cnSigPrimaryCta { width: 100%; min-height: 44px; }
.cnSigHeroCompareLink {
  display: inline-flex;
  margin-top: 12px;
  color: #9aa3b1;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
}
.cnSigHeroCompareLink:hover { color: #fff; }
.cnSigHeroIntent:focus-visible,
.cnSigHeroMoreServices:focus-visible,
.cnSigHeroCompareLink:focus-visible {
  outline: 2px solid #ffe59c;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .cnSigHeroIntentGrid { grid-template-columns: 1fr; }
  .cnSigHeroIntent { min-height: 72px; }
  .cnSigHeroStarter { padding-top: 14px; }
}



/* ============================================================
   ACCESSIBILITY / RENDERING CEILING RULES
============================================================ */
@media (prefers-reduced-transparency: reduce) {
  .cnSigHeader__shell,
  .cnSigMobileMenu,
  .cnSigLiveCard,
  .cnSigPackageDock {
    background: #08111f;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (max-width: 700px) {
  .cnSigHeader__shell {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(5, 10, 21, 0.985);
  }
}

/* ============================================================
   BOOKING SIGNATURE — MERGED IN V4
============================================================ */
/* CleanNest Booking Signature 2026 — V3 Candidate */
#buchung.cnSigBooking2026 {
  --cn-booking-ink: #f7f4ec;
  --cn-booking-muted: rgba(247,244,236,.68);
  --cn-booking-line: rgba(221,185,94,.22);
  --cn-booking-panel: rgba(7,18,31,.88);
  --cn-booking-panel-2: rgba(11,27,45,.72);
  --cn-booking-gold: #ddb95e;
  --cn-booking-gold-soft: #f2d98d;
  position: relative;
}
#buchung.cnSigBooking2026 .cnSigBookingWorkspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(18px, 3vw, 36px);
  align-items: start;
}
#buchung.cnSigBooking2026 .cnSigBookingMain { min-width: 0; }
#buchung.cnSigBooking2026 .cnSigBookingSummary {
  position: sticky;
  top: 104px;
  border: 1px solid var(--cn-booking-line);
  border-radius: 24px;
  background: linear-gradient(180deg, var(--cn-booking-panel), var(--cn-booking-panel-2));
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
  padding: 22px;
  color: var(--cn-booking-ink);
}
#buchung.cnSigBooking2026 .cnSigBookingSummaryEyebrow {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  color: var(--cn-booking-gold-soft);
}
#buchung.cnSigBooking2026 .cnSigBookingSummaryTitle {
  margin: 8px 0 18px;
  font-size: clamp(21px, 2.2vw, 29px);
  line-height: 1.08;
  color: var(--cn-booking-ink);
}
#buchung.cnSigBooking2026 .cnSigBookingSummaryRow {
  display: grid;
  grid-template-columns: minmax(92px,.8fr) minmax(0,1.2fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
#buchung.cnSigBooking2026 .cnSigBookingSummaryKey { color: var(--cn-booking-muted); font-size: 13px; }
#buchung.cnSigBooking2026 .cnSigBookingSummaryValue { font-weight: 800; overflow-wrap: anywhere; }
#buchung.cnSigBooking2026 .cnSigBookingEdit {
  min-width: 44px; min-height: 44px; padding: 0 10px;
  border: 0; border-radius: 999px; background: transparent;
  color: var(--cn-booking-gold-soft); font: inherit; font-weight: 800; cursor: pointer;
}
#buchung.cnSigBooking2026 .cnSigBookingPriceBox {
  margin-top: 16px; padding: 16px 0 4px;
  border-top: 1px solid var(--cn-booking-line);
  display: grid; gap: 4px;
}
#buchung.cnSigBooking2026 .cnSigBookingPriceLabel { font-size: 12px; font-weight: 900; letter-spacing: .12em; color: var(--cn-booking-muted); }
#buchung.cnSigBooking2026 .cnSigBookingPrice { font-size: clamp(28px,3vw,42px); line-height: 1; color: var(--cn-booking-gold-soft); }
#buchung.cnSigBooking2026 .cnSigBookingSummaryInfo { margin: 14px 0 18px; color: var(--cn-booking-muted); font-size: 13px; line-height: 1.5; }
#buchung.cnSigBooking2026 .cnSigBookingNext,
#buchung.cnSigBooking2026 .cnSigBookingDockNext {
  min-height: 48px;
  border: 1px solid rgba(221,185,94,.42);
  border-radius: 14px;
  background: linear-gradient(135deg, #f0d27a, #cfa447);
  color: #101723;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
#buchung.cnSigBooking2026 .cnSigBookingNext { width: 100%; padding: 12px 16px; }
#buchung.cnSigBooking2026 .cnSigBookingDock { display: none; }
#buchung.cnSigBooking2026 :where(button, input, select, textarea, a):focus-visible {
  outline: 2px solid #f6dc8b;
  outline-offset: 3px;
}
#buchung.cnSigBooking2026 .cnWizardProgress { overflow-x: auto; scrollbar-width: thin; }
#buchung.cnSigBooking2026 .cnWizardProgressStep { min-height: 52px; }
#buchung.cnSigBooking2026 .cnBookingPackageCard,
#buchung.cnSigBooking2026 .cnWizardChoiceBtn,
#buchung.cnSigBooking2026 .cnWizardWindowType,
#buchung.cnSigBooking2026 #cnSizeCards button,
#buchung.cnSigBooking2026 .cn-schedSlot { min-height: 48px; }
#buchung.cnSigBooking2026 #cnFormRest .formGrid { align-items: start; }
#buchung.cnSigBooking2026 #cnCouponWrap,
#buchung.cnSigBooking2026 .cnFixpriceField { border-radius: 16px; }
#buchung.cnSigBooking2026 [aria-invalid="true"] { border-color: #d96b6b; box-shadow: 0 0 0 2px rgba(217,107,107,.18); }
@media (max-width: 880px) {
  #buchung.cnSigBooking2026 .cnSigBookingWorkspace { grid-template-columns: 1fr; gap: 18px; }
  #buchung.cnSigBooking2026 .cnSigBookingSummary { position: static; order: -1; display: none; }
  #buchung.cnSigBooking2026 .cnSigBookingDock {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    position: sticky;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 25;
    margin: 18px 10px 0;
    padding: 10px 10px 10px 14px;
    border: 1px solid var(--cn-booking-line);
    border-radius: 18px;
    background: rgba(7,18,31,.96);
    box-shadow: 0 14px 44px rgba(0,0,0,.28);
    color: var(--cn-booking-ink);
  }
  #buchung.cnSigBooking2026 .cnSigBookingDockInfo { min-width: 0; display: grid; gap: 2px; }
  #buchung.cnSigBooking2026 .cnSigBookingDockInfo strong,
  #buchung.cnSigBooking2026 .cnSigBookingDockInfo span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #buchung.cnSigBooking2026 .cnSigBookingDockInfo span { color: var(--cn-booking-muted); font-size: 12px; }
  #buchung.cnSigBooking2026 .cnSigBookingDockNext { max-width: 46vw; min-width: 112px; padding: 10px 13px; }
}
@media (max-width: 520px) {
  #buchung.cnSigBooking2026 .cnWizardProgressText small { display: none; }
  #buchung.cnSigBooking2026 .cnWizardProgressStep { min-width: 74px; }
  #buchung.cnSigBooking2026 .cnSigBookingDock { margin-inline: 0; }
}

/* ============================================================
   V4 MOTION SYSTEM — PURPOSEFUL, LOCAL, COMPOSITOR-FRIENDLY
   - No ambient loops
   - No scroll-driven parallax
   - No broad document View Transition snapshots
   - State feedback uses opacity/transform only
============================================================ */
.cnSigMotionSurface {
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.cnSigPrimaryCta:active,
.cnSigIntentCard:active,
.cnSigBinaryCard:active,
.cnSigSpecialChoice:active,
.cnSigServiceOption:active,
.cnSigHeroIntent:active,
#buchung.cnSigBooking2026 .cnSigBookingNext:active,
#buchung.cnSigBooking2026 .cnSigBookingDockNext:active {
  transform: translateY(0) scale(.985);
}

.cnSigHeaderStatus:not([hidden]),
.cnSigPackageDock:not([hidden]),
.cnSigMobileBadge:not([hidden]) {
  will-change: auto;
}

/* Clean professional success state: replaces the legacy pig/coin spectacle
   only while the Signature booking skin is active. */
#buchung.cnSigBooking2026 .cnBookingSuccess {
  padding: clamp(28px, 5vw, 44px) clamp(18px, 4vw, 34px);
  text-align: left;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  border-color: rgba(221,185,94,.34);
  background:
    radial-gradient(circle at 10% 0%, rgba(221,185,94,.12), transparent 36%),
    linear-gradient(180deg, rgba(8,21,36,.98), rgba(5,14,25,.99));
}

#buchung.cnSigBooking2026 .cnBookingSuccessAnimation {
  width: 64px;
  height: 64px;
  margin: 0;
  border: 1px solid rgba(221,185,94,.44);
  border-radius: 999px;
  background: rgba(221,185,94,.07);
  display: grid;
  place-items: center;
}

#buchung.cnSigBooking2026 .cnBookingSuccessAnimation::before {
  content: "";
  width: 21px;
  height: 11px;
  border-left: 3px solid #f1d786;
  border-bottom: 3px solid #f1d786;
  transform: translateY(-2px) rotate(-45deg);
  border-radius: 1px;
}

#buchung.cnSigBooking2026 .cnBookingSuccessPiggy,
#buchung.cnSigBooking2026 .cnBookingSuccessPig,
#buchung.cnSigBooking2026 .cnBookingSuccessCoin {
  display: none;
}

#buchung.cnSigBooking2026 .cnBookingSuccessContent,
#buchung.cnSigBooking2026 .cnBookingSuccess.is-active .cnBookingSuccessContent {
  max-width: 640px;
  margin: 0;
  opacity: 1;
  transform: none;
  animation: none;
}

#buchung.cnSigBooking2026 .cnBookingSuccessContent h2 {
  margin: 0 0 8px;
  color: var(--cn-booking-gold-soft);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
}

#buchung.cnSigBooking2026 .cnBookingSuccessContent p {
  margin: 6px 0;
  color: rgba(247,244,236,.78);
}

#buchung.cnSigBooking2026 .cnBookingSuccessContent strong {
  margin-top: 12px;
  color: #d9e8df;
  font-size: 15px;
}

@media (max-width: 700px) {
  #buchung.cnSigBooking2026 .cnBookingSuccess {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
  }
  #buchung.cnSigBooking2026 .cnBookingSuccessAnimation {
    width: 52px;
    height: 52px;
  }
  #buchung.cnSigBooking2026 .cnBookingSuccessAnimation::before {
    width: 18px;
    height: 9px;
  }
}

/* Reduced motion is a full alternative state, not merely a shorter animation. */
@media (prefers-reduced-motion: reduce) {
  html:focus-within { scroll-behavior: auto; }
  .cnSigHeader *,
  .cnSigHero *,
  .cnSigMobileMenu *,
  .cnSigPackages *,
  #buchung.cnSigBooking2026 *,
  #buchung.cnSigBooking2026 *::before,
  #buchung.cnSigBooking2026 *::after {
    scroll-behavior: auto;
    animation: none;
  }

  .cnSigHeader .cnSigDesktopNav a,
  .cnSigHeader .cnSigPrimaryCta,
  .cnSigHeader .cnSigMenuButton,
  .cnSigHero .cnSigPrimaryCta,
  .cnSigHero .cnSigHeroIntent,
  .cnSigHero .cnSigSummaryCell,
  .cnSigPackages .cnSigPrimaryCta,
  .cnSigPackages .cnSigSecondaryCta,
  .cnSigPackages .cnSigTextAction,
  .cnSigPackages .cnSigGuideProgress__track > span,
  .cnSigPackages .cnSigIntentCard,
  .cnSigPackages .cnSigBinaryCard,
  .cnSigPackages .cnSigSpecialChoice,
  .cnSigPackages .cnSigServiceOption,
  .cnSigPackages .cnSigServiceGroup summary > span:last-child,
  #buchung.cnSigBooking2026 .cnSigBookingNext,
  #buchung.cnSigBooking2026 .cnSigBookingDockNext,
  #buchung.cnSigBooking2026 .cnSigBookingEdit {
    transition: none;
  }
}

/* CN_V5_SOURCE_END /css/cleannest-signature-2026.673bc455388b.css */
/* ============================================================
   CleanNest V5 FINAL candidate - Step 47.10 visual ownership
   Presentation only. Business/state semantics remain owned by existing JS.
   ============================================================ */
:root{--cn-v5-icon-size:20px;--cn-v5-icon-small:17px;--cn-v5-touch:44px}
.cnV5Icon{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:0 0 auto}
.cnV5Icon--normal{font-size:var(--cn-v5-icon-size)}
.cnV5Icon--small{font-size:var(--cn-v5-icon-small)}

/* Decorative infinite motion is frozen; seven documented state indicators remain live. */
.cnHeroDot{animation:none;}
.cnFocusNotePro:before{animation:none;}
header.topbar .phoneNum{animation:none;}
.cnPromoGlow{animation:none;}
.cnPromoGlow::before{animation:none;}
.new-price{animation:none;}
.new-price::after{animation:none;}
.cnWhyPro::before{animation:none;}
.cnWhyProLabel span{animation:none;}
.cnWhyProCard::after{animation:none;}
.btn-gutschein::after{animation:none;}
.btn-gutschein-live{animation:none;}
.btn-gutschein-live::after{animation:none;}
.cnCopyright::before{animation:none;}
.footGrid::before{animation:none;}
.cnPromoNote{animation:none;}
.cnPromoNote::before{animation:none;}
.cnPromoNote::after{animation:none;}
.cnBookingIntro::before{animation:none;}
.cnBookingHintArrow{animation:none;}
#cnOpenBooking{animation:none;}
.cnPromoHero{animation:none;}
.cnPromoHero::before{animation:none;}
.cnPromoHero::after{animation:none;}
.cnPromoHeroTop{animation:none;}
.cnWhyAccordionBtn::before{animation:none;}
.cnServiceCardIcon{animation:none;}
.cnServiceCard::before{animation:none;}
.cnServicesProSummary::after{animation:none;}
.cnAccessProShield{animation:none;}
.cnAccessProDoor,
.cnAccessProDoorLine{animation:none;}
.cnAccessProCheck{animation:none;}
.cnAccessProKey,
.cnAccessProKeyRing{animation:none;}
.cnAccessProSpark{animation:none;}
.cnSvgIronPro{animation:none;}
.cnSteam{animation:none;}
.cnIronTop,
.cnIronBase,
.cnIronHandle{animation:none;}
.cnIronHandle{animation:none;}
.cnIronShine{animation:none;}
.cnIronSpark{animation:none;}
.cnPromoLegalNote{animation:none;}
.cnPromoLegalNote::before{animation:none;}
.cnPromoLegalNote::after{animation:none;}
.cnPromoLegalIcon{animation:none;}
.cnPromoLegalIcon::before{animation:none;}
.cnPromoLegalIcon::after{animation:none;}
.cnPromoLegalParticle{animation:none;}
.cnProMaxGlow{animation:none;}
.cnProMaxBadge::after{animation:none;}
.cnReviewIntro::after{animation:none;}
.cnReviewSwipeHint{animation:none;}
.cnWhyHighlight::before{animation:none;}
.cnWhyHighlight .cnWhyProLabel span{animation:none;}
.cnWhyHighlight::after{animation:none;}
.cnStepsPro::before{animation:none;}
.cnStepsProList::before{animation:none;}
.cnStepsProItem{animation:none;}
.cnStepsProList::after{animation:none;}
.cnStepsProNumber{animation:none;}
.cnPakToggleBtn::before{animation:none;}
#buchung .cnBookingPackageComplete{animation:none;}
.cnBookingIntroGlow{animation:none;}
.cnBookingIntroBadgeDot{animation:none;}
.cnBookingFlowLine span{animation:none;}
.cnBookingFlowIcon{animation:none;}
.cnBookingIntroCta{animation:none;}
.cnBookingIntroCta::before{animation:none;}
.cnBookingIntroCtaArrow{animation:none;}
#buchung
.cnBookingPackageBasic
.cnBookingPackageIconImage img{animation:none;}
#buchung
.cnPiggyBank{animation:none;}
#buchung
.cnPiggyCoin{animation:none;}
.cnCompleteHero{animation:none;}
.cnCompleteHero::before{animation:none;}
.cnCompleteHero::after{animation:none;}
.cnCompleteHero .cnBadge{animation:none;}
.cnCompleteHero .cnBadge::after{animation:none;}
.cnCompleteHero .cnHighlightDate{animation:none;}
.cnCompleteHero .cnEquipmentIcon{animation:none;}
.cnCompleteHero .cnCompleteCta::before{animation:none;}
.cnCompleteHero .cnPromotionTermsLink{animation:none;}

@media (max-width:700px){
  .cnSigHero{padding-top:clamp(56px,15vw,72px);padding-bottom:36px}
  .cnSigHero__grid{gap:18px}
  .cnSigHeroLead{font-size:14px;line-height:1.5;margin-top:12px}
  .cnSigHeroCtas{gap:8px;margin-top:16px}
  .cnSigLiveCard{padding:14px;border-radius:20px}
  .cnSigHeroIntentGrid{gap:8px}
  .cnSigHeroIntent{min-height:54px;padding:10px 11px}
  .cnSigHeroIntent small{display:none}

  .cnSigPackages{padding-top:42px;padding-bottom:34px}
  .cnSigPackages__head{margin-bottom:14px}
  .cnSigPackages__head p{display:none}
  .cnSigGuideEngine{padding:13px;border-radius:20px}
  .cnSigGuideProgress{margin-bottom:12px}
  .cnSigGuideStep__head{gap:10px;margin-bottom:10px}
  .cnSigGuideStep__head small{display:none}
  .cnSigIntentGrid{gap:8px}
  .cnSigIntentCard,.cnSigIntentCard:nth-child(4),.cnSigIntentCard:nth-child(5){min-height:72px;padding:10px;gap:8px}
  .cnSigIntentCard small{display:none}
  .cnSigIntentCard__icon{width:32px;height:32px}
  .cnSigServiceIntro{margin-top:14px}
  .cnSigServiceGroups{gap:8px}
  .cnSigServiceGroup summary{min-height:48px;padding:10px 12px}
  .cnSigPetNote{margin-top:12px;padding:10px 12px;gap:8px}
  .cnSigPetNote p{font-size:11px;line-height:1.35}
  .cnSigPackageDock{padding:9px 10px;gap:8px}
  .cnSigPackageDock__live small{display:none}

  #preise{padding-top:34px;padding-bottom:34px}
  #preise .h2{margin-bottom:12px}
  #preise .cnPriceToggleBtn{min-height:46px;padding:10px 12px}

  #buchung{padding-top:34px}
  #buchung .bookingTitle{margin-bottom:10px}
  #buchung .cnPromoNote{margin:7px 0 9px;padding:10px 12px}
  #buchung .cnPromoText{display:none}
  #buchung .cnBookingIntroPro{padding:14px;border-radius:20px}
  #buchung .cnBookingIntroHead{margin-bottom:10px}
  #buchung .cnBookingIntroHead p{display:none}
  #buchung .cnBookingRequestStatus{padding:10px 12px;margin-top:8px}
  #buchung .cnBookingRequestStatus span{display:none}
  #buchung .cnBookingFlowPro{display:none}
  #buchung .cnBookingIntroCta{margin-top:10px;min-height:46px}
}

/* ============================================================
   CleanNest V5 Step 47.16 - mobile scroll-budget correction
   Presentation-only compression. No business/state semantics.
   ============================================================ */
@media (max-width:700px){
  .cnSigGuideFacts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .cnSigGuideFacts li{
    padding:8px;
  }
  .cnSigServiceGroups{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 4px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .cnSigServiceGroup{
    flex:0 0 min(78vw,260px);
    min-width:min(78vw,260px);
    scroll-snap-align:start;
  }
  .cnSigDirectServices__head small{
    display:none;
  }
}