@charset "UTF-8";

/* ===== „За кого е“ — гъвкави цени, пакети, промоции и автоматизация. Всичко е затворено под #mzk-ceni.
   Без JavaScript (и в редактора) всичко е видимо: калкулаторът показва примерните стойности, пътят на резервацията е изцяло изписан. ===== */
#mzk-ceni{
  --ink:#15113d;--muted:#6f7389;--line:#ebe9f5;--ac:#5b4de0;--or:#f2701f;--or-l:#ffb36b;--ok:#22c07a;
  position:relative;overflow:hidden;isolation:isolate;display:block;margin:0;padding:clamp(84px,8vw,128px) 0 clamp(84px,8vw,120px);border:0;
  background:radial-gradient(45% 45% at 0% 0%,rgba(124,108,255,.32),rgba(124,108,255,0) 70%),radial-gradient(40% 45% at 100% 40%,rgba(63,198,210,.16),rgba(63,198,210,0) 70%),
    radial-gradient(40% 45% at 60% 100%,rgba(242,112,31,.22),rgba(242,112,31,0) 70%),linear-gradient(170deg,#1b1662 0%,#120f40 50%,#0a0926 100%);
  font:400 16px/1.5 'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;color:rgba(232,229,255,.82);text-align:left;-webkit-font-smoothing:antialiased
}
#mzk-ceni *,#mzk-ceni *::before,#mzk-ceni *::after{box-sizing:border-box;font-feature-settings:'locl' 0!important}
#mzk-ceni :where(h2,h3,h4,p,ul,ol,li,a,span,b,i,s,small,em,div,svg,button,label,output){margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;list-style:none;max-width:none;min-height:0}
#mzk-ceni li::before,#mzk-ceni li::marker{content:none}
#mzk-ceni button{cursor:pointer;-webkit-appearance:none;appearance:none}
#mzk-ceni a:focus-visible,#mzk-ceni button:focus-visible,#mzk-ceni input:focus-visible{outline:2px solid var(--or-l);outline-offset:3px}
#mzk-ceni::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent);mask:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}
#mzk-ceni .in{max-width:1300px;margin:0 auto;padding:0 32px}

/* заглавие */
#mzk-ceni .hd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:end}
#mzk-ceni .ey{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--or-l)}
#mzk-ceni .ey::before{content:"";width:40px;height:1.5px;background:currentColor}
#mzk-ceni .h2{margin-top:16px;font-family:'Advent Pro',sans-serif;font-size:clamp(40px,4.4vw,68px);line-height:.94;letter-spacing:-.015em;color:#fff}
#mzk-ceni .h2 b{display:block;font-weight:700}
#mzk-ceni .h2 em{display:block;font-style:normal;font-weight:200;color:#c9c2ff}
#mzk-ceni .h2 em u{text-decoration:none;font-weight:700;color:var(--or-l)}
#mzk-ceni .lead{font-size:16px;line-height:1.65;color:rgba(232,229,255,.75)}
#mzk-ceni .lead b{color:#fff;font-weight:600}

/* ===== калкулаторът „Как се смята цената“ ===== */
#mzk-ceni .calc{margin-top:38px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:0;border-radius:30px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 60px 110px -50px rgba(0,0,0,.8)}
#mzk-ceni .cl{padding:28px 30px}
#mzk-ceni .cl-h small{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
#mzk-ceni .cl-h b{display:block;margin-top:4px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:28px;line-height:1.05}
#mzk-ceni .cl-h p{margin-top:4px;font-size:13.5px;color:var(--muted)}
#mzk-ceni .grp{margin-top:18px}
#mzk-ceni .grp>small{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:var(--muted)}
#mzk-ceni .seg{display:flex;flex-wrap:wrap;gap:6px}
#mzk-ceni .seg button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:12px;background:#f6f5fb;border:1.5px solid transparent;font-size:13px;font-weight:600;color:var(--ink);transition:background .2s,border-color .2s,color .2s}
#mzk-ceni .seg button.on{background:#efedfd;border-color:var(--ac);color:#3a2db8}
#mzk-ceni .nights{display:flex;align-items:center;gap:14px}
#mzk-ceni .nights input{-webkit-appearance:none;appearance:none;flex:1;height:7px;margin:0;padding:0;border:0;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,#9a8cff,#5b4de0 var(--p,33%),#ebe9f5 var(--p,33%))}
#mzk-ceni .nights input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:6px solid var(--ac);box-shadow:0 4px 10px -3px rgba(0,0,0,.4)}
#mzk-ceni .nights input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:6px solid var(--ac)}
#mzk-ceni .nights output{flex:none;min-width:96px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:22px;color:var(--ink)}
#mzk-ceni .tg{display:flex;flex-direction:column;gap:7px}
#mzk-ceni .tg button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid var(--line);text-align:left;transition:border-color .2s,background .2s}
#mzk-ceni .tg button i{flex:none;position:relative;width:38px;height:22px;border-radius:99px;background:#dcd9ec;transition:background .25s}
#mzk-ceni .tg button i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s}
#mzk-ceni .tg button.on{border-color:#c9c2f7;background:#faf9ff}
#mzk-ceni .tg button.on i{background:linear-gradient(135deg,#ff9d4d,#ec6a1c)}
#mzk-ceni .tg button.on i::after{transform:translateX(16px)}
#mzk-ceni .tg b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
#mzk-ceni .tg small{display:block;font-size:11.5px;color:var(--muted)}
#mzk-ceni .tg em{margin-left:auto;flex:none;font-style:normal;padding:3px 9px;border-radius:999px;background:#fff1e6;color:#c45a10;font-size:11.5px;font-weight:800}
/* дясно: сметката */
#mzk-ceni .cr{position:relative;display:flex;flex-direction:column;padding:28px 30px;color:#fff;background:radial-gradient(70% 60% at 100% 0%,rgba(255,170,90,.35),rgba(255,170,90,0) 60%),linear-gradient(160deg,#3a2ec4,#221b6e 70%)}
#mzk-ceni .cr-h{display:flex;align-items:center;gap:12px}
#mzk-ceni .cr-h i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.14);font-style:normal;font-size:22px}
#mzk-ceni .cr-h b{display:block;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:22px;line-height:1.1}
#mzk-ceni .cr-h small{display:block;font-size:12px;color:rgba(222,219,255,.7)}
#mzk-ceni .rows{margin-top:18px;display:flex;flex-direction:column;gap:2px}
#mzk-ceni .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.14);font-size:13.5px;color:rgba(232,229,255,.85);animation:mzpRow .4s both}
#mzk-ceni .row b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:18px;color:#fff;white-space:nowrap}
#mzk-ceni .row.d b{color:#7ae8b6}
#mzk-ceni .row small{display:block;font-size:11px;color:rgba(222,219,255,.55)}
#mzk-ceni .tot{margin-top:auto;padding-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#mzk-ceni .tot small{display:block;font-size:12px;color:rgba(222,219,255,.7)}
#mzk-ceni .tot s{display:block;font-size:14px;color:rgba(222,219,255,.5);text-decoration:line-through}
#mzk-ceni .tot output{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:clamp(40px,4vw,56px);line-height:1;color:#ffd0a8}
#mzk-ceni .sv{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 11px;border-radius:999px;background:rgba(122,232,182,.16);color:#7ae8b6;font-size:12px;font-weight:700}
#mzk-ceni .note{margin-top:14px;font-size:11px;line-height:1.5;color:rgba(222,219,255,.55)}

/* ===== трите стълба ===== */
#mzk-ceni .pil{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#mzk-ceni .p{position:relative;overflow:hidden;padding:24px 22px 22px;border-radius:26px;background:linear-gradient(170deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13)}
#mzk-ceni .p::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,var(--g),rgba(0,0,0,0));opacity:.5;pointer-events:none}
#mzk-ceni .p.a{--c:#c9c2ff;--g:rgba(124,108,255,.7)}#mzk-ceni .p.b{--c:#ffb36b;--g:rgba(242,112,31,.6)}#mzk-ceni .p.c{--c:#8fe6ee;--g:rgba(63,198,210,.6)}
#mzk-ceni .p-h{position:relative;display:flex;align-items:center;gap:12px}
#mzk-ceni .p-h>i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-style:normal;font-size:24px}
#mzk-ceni .p-h small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
#mzk-ceni .p-h h3{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:26px;line-height:1.02;color:#fff}
#mzk-ceni .p ul{position:relative;margin-top:16px;display:flex;flex-direction:column;gap:10px}
#mzk-ceni .p li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.5;color:rgba(232,229,255,.72)}
#mzk-ceni .p li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.08);color:var(--c);font-size:11px;font-weight:800}
#mzk-ceni .p li b{display:block;font-size:13.5px;font-weight:700;color:#fff}

/* ===== пътят на една резервация ===== */
#mzk-ceni .road{margin-top:22px;padding:24px 26px;border-radius:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
#mzk-ceni .road-h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
#mzk-ceni .road-h b{font-family:'Advent Pro',sans-serif;font-weight:700;font-size:26px;color:#fff}
#mzk-ceni .road-h small{font-size:13px;color:rgba(222,219,255,.65)}
#mzk-ceni .steps{position:relative;margin-top:22px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#mzk-ceni .steps::before{content:"";position:absolute;left:5%;right:5%;top:25px;height:2px;background:rgba(255,255,255,.12)}
#mzk-ceni .steps::after{content:"";position:absolute;left:5%;top:25px;height:2px;width:var(--prog,90%);max-width:90%;background:linear-gradient(90deg,#9a8cff,#f2701f,#7ae8b6);transition:width .9s cubic-bezier(.2,.8,.2,1)}
#mzk-ceni .st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
#mzk-ceni .st>i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1d1858;border:2px solid rgba(255,255,255,.2);font-style:normal;font-size:22px;transition:background .4s,border-color .4s,transform .4s,box-shadow .4s}
#mzk-ceni .st em{font-style:normal;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10.5px;font-weight:700;color:var(--or-l);white-space:nowrap}
#mzk-ceni .st b{display:block;margin-bottom:2px;font-size:13px;font-weight:700;color:#fff;line-height:1.3}
#mzk-ceni .st small{display:block;font-size:11.5px;line-height:1.4;color:rgba(222,219,255,.6)}
#mzk-ceni .st.on>i{background:linear-gradient(135deg,#7c6cff,#3a2ec4);border-color:#c9c2ff;transform:scale(1.1);box-shadow:0 0 0 6px rgba(124,108,255,.18)}
#mzk-ceni .road-f{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
#mzk-ceni .road-f p{font-size:14px;color:rgba(232,229,255,.8)}
#mzk-ceni .road-f p b{color:#fff}
#mzk-ceni a.go,#mzk-ceni a.go:visited{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,#ff9d4d,#ec6a1c);color:#fff;font-weight:800;font-size:14.5px;box-shadow:0 16px 32px -14px rgba(236,106,28,.85);transition:transform .25s}
#mzk-ceni a.go2,#mzk-ceni a.go2:visited{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 20px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:14.5px;transition:transform .25s}
#mzk-ceni a svg{width:17px;height:17px}
#mzk-ceni .btns{display:flex;flex-wrap:wrap;gap:10px}

@media (hover:hover) and (pointer:fine){
  #mzk-ceni .seg button:not(.on):hover,#mzk-ceni .tg button:not(.on):hover{border-color:#d9d4f7}
  #mzk-ceni a.go:hover,#mzk-ceni a.go2:hover{transform:translateY(-2px)}
}
@keyframes mzpRow{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ #mzk-ceni *{animation:none!important;transition:none!important} }
body.elementor-editor-active #mzk-ceni *{animation:none!important;transition:none!important}

@media (max-width:1100px){
  #mzk-ceni .hd{grid-template-columns:1fr;gap:14px}
  #mzk-ceni .calc{grid-template-columns:1fr}
  #mzk-ceni .pil{grid-template-columns:1fr}
  #mzk-ceni .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  #mzk-ceni .steps::before,#mzk-ceni .steps::after{display:none}
}
@media (max-width:640px){
  #mzk-ceni .in{padding:0 14px}
  #mzk-ceni .calc{border-radius:22px}
  #mzk-ceni .cl,#mzk-ceni .cr{padding:20px 16px}
  #mzk-ceni .p{padding:20px 16px}
  #mzk-ceni .road{padding:20px 16px}
  #mzk-ceni .steps{grid-template-columns:1fr;row-gap:12px}
  #mzk-ceni .st{flex-direction:row;align-items:flex-start;text-align:left;gap:12px}
  #mzk-ceni .st>i{flex:none;width:44px;height:44px;font-size:19px}
  #mzk-ceni .st em{order:3}
  #mzk-ceni .btns{width:100%}
  #mzk-ceni .btns a{flex:1;justify-content:center}
}