/*
 * App download page (/stiahnut-aplikaciu, block app_landing) - #31995.
 *
 * Taken over as delivered in the design handoff (Alogator_LP_*_stiahnut-aplikaciu,
 * v1.0, 2026-10-02): colours, type and spacing come from the Alogator design
 * system and are not to be changed here. The only departure is the font
 * source - the handoff pulled General Sans from a third-party CDN as a stand-in
 * for Gellix, which the site already serves itself.
 *
 * The page is standalone (redesign/app-download/layout), so the bare element
 * selectors below never meet alogator.css.
 */
@font-face{font-family:'Gellix';src:url('/fonts/web/Gellix-Regular.woff2') format('woff2'),url('/fonts/web/Gellix-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('/fonts/web/Gellix-Medium.woff2') format('woff2'),url('/fonts/web/Gellix-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Gellix';src:url('/fonts/web/Gellix-Bold.woff2') format('woff2'),url('/fonts/web/Gellix-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{
  --signal:#E66748; --signal-dark:#D4573A; --signal-soft:#FDE8E0;
  --graphite:#1A1D1E; --ink:#4E4F50; --conc:#767778;
  --porcelain:#F9F3ED; --p200:#F0E8DD; --p300:#E8DFD1; --line:#D9D9D6;
  --live:#3BB273; --succ:#1F7A46; --succ-soft:#E7F5EC;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;
  font-family:'Gellix','General Sans',system-ui,sans-serif}
body{background:var(--porcelain);color:var(--graphite);font-variant-numeric:tabular-nums;
  padding-bottom:0}
a{text-decoration:none;color:inherit}

/* =========================================================
   BÁZA = MOBIL (390 px). Desktop je až v @media min-width:861px
   ========================================================= */
.wrap{padding:0 16px;max-width:560px;margin:0 auto}

/* ---- NAV ---- */
nav{background:var(--graphite);color:#fff;position:sticky;top:0;z-index:40}
.navin{padding:0 16px;height:50px;display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto}
.lg{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.02em}
.lgm{width:24px;height:24px;border-radius:7px;background:var(--signal);display:grid;place-items:center;
  font-size:13px;font-weight:700;color:#fff}
/* The site logo in place of the handoff's "A" placeholder; sized to the bar. */
.lg img{height:24px;width:auto;display:block}
.back{margin-left:auto;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.72);
  display:flex;align-items:center;gap:6px}
.back span{display:none}

/* ---- HERO ---- */
.hero{padding:22px 0 4px}
/* --- nadpis --- */
h1{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-top:0}
h1 em{font-style:normal;color:var(--signal)}
.lead{font-size:15.5px;line-height:1.5;color:var(--ink);margin-top:11px}
.lead b{color:var(--graphite);font-weight:700}

/* --- odomknutá ponuka (ukážka z appky) --- */
.cside{margin-top:20px}
.exlbl{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--conc);margin-bottom:8px}
.exlbl::after{content:"";flex:1;height:1px;background:var(--line)}
.pwell{background:var(--p200);border-radius:18px;padding:10px}
.pbar{display:none}
.pcard{background:#fff;border:1px solid var(--p300);border-radius:14px;padding:12px 13px}
.pco{display:flex;align-items:flex-start;gap:8px}
.pav{width:26px;height:26px;border-radius:8px;background:var(--graphite);color:#fff;display:grid;
  place-items:center;font-size:11px;font-weight:700;flex:none}
.pnm{font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
/* the company stays locked, as on the offer cards of the web (.jcard-company.locked) */
.pfirm{display:flex;align-items:center;gap:5px;font-size:11.5px;font-style:italic;color:var(--conc);margin-top:3px}
.pfirm::after{content:"";width:11px;height:11px;flex:none;background:var(--conc);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.pinapp{margin-left:auto;flex:none;font-size:9.5px;font-weight:700;letter-spacing:.07em;
  background:var(--succ-soft);color:var(--succ);border-radius:100px;padding:3px 8px}
.prow{display:flex;align-items:center;gap:7px;margin-top:8px}
.pprice{font-size:18px;font-weight:700;color:var(--signal);letter-spacing:-.02em}
.pprice span{font-size:11px;font-weight:500;color:var(--conc)}
.pchip{font-size:11px;color:var(--ink);background:var(--p200);border-radius:100px;padding:3px 8px}
.ptel{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p300)}
.ptel .ok{width:28px;height:28px;border-radius:9px;background:var(--succ-soft);color:var(--succ);
  display:grid;place-items:center;flex:none}
.ptel .t{flex:1;min-width:0}
.ptel .t b{display:block;font-size:14.5px;font-weight:700;letter-spacing:.01em}
.ptel .t span{font-size:10.5px;color:var(--conc)}
.pbtns{display:flex;gap:6px;margin-top:10px}
.pb{flex:1;height:35px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12.5px;font-weight:700}
.pb.main{background:var(--signal);color:#fff;flex:1.2}
.pb.sec{background:var(--p200);color:var(--graphite)}
.preveal{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:9px;
  font-size:11.5px;font-weight:700;color:var(--succ);background:var(--succ-soft);border-radius:9px;padding:7px}

/* --- stiahnutie --- */
.qr{display:none}
.stores{display:flex;gap:8px;margin-top:14px}
.store{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--graphite);
  border-radius:13px;padding:11px 8px;color:#fff}
.store svg{flex:none}
.store img{flex:none;display:block}
.store span{display:flex;flex-direction:column;line-height:1.08}
.store small{font-size:8px;letter-spacing:.09em;opacity:.7;font-weight:600}
.store b{font-size:13px;font-weight:700}
.freeline{text-align:center;font-size:12px;color:var(--conc);margin-top:10px;line-height:1.4}
.freeline b{color:var(--graphite);font-weight:700}
.sms{text-align:center;font-size:12.5px;font-weight:600;color:var(--signal-dark);margin-top:9px}

/* --- čísla --- */
.numstrip{display:flex;align-items:stretch;margin-top:22px;background:#fff;
  border:1px solid var(--p300);border-radius:14px;padding:11px 0}
.numstrip>div{flex:1;padding:0 10px;border-right:1px solid var(--p300);text-align:center}
.numstrip>div:last-of-type{border-right:0}
.numstrip b{display:block;font-size:17px;font-weight:700;letter-spacing:-.035em;line-height:1}
.numstrip i{font-style:normal;display:block;font-size:10.5px;color:var(--conc);margin-top:4px;line-height:1.25}
.numstrip .live{display:none}

/* --- dôvody --- */
.pts{margin-top:22px}
.pt{display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--p300)}
.pti{width:32px;height:32px;border-radius:10px;background:#fff;border:1px solid var(--p300);
  display:grid;place-items:center;color:var(--graphite);flex:none}
.ptt{flex:1}
.ptt b{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em;margin-bottom:3px}
.ptt span{font-size:13.5px;line-height:1.45;color:var(--ink)}

/* --- profesie --- */
section{padding:22px 0;border-top:1px solid var(--p300);margin-top:22px}
.sh{font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.profsw{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
.profs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.prof{flex:none;background:#fff;border:1px solid var(--p300);border-radius:100px;padding:8px 14px;
  display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap}
.prof u{text-decoration:none;font-size:12.5px;font-weight:700;color:var(--conc)}
.prof.hid{display:none}
.profsw:checked ~ .profs .prof.hid{display:flex}
.prof.more{background:transparent;border-style:dashed;color:var(--conc);font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.prof.more .mc{display:none}
.profsw:checked ~ .profs .prof.more .mo{display:none}
.profsw:checked ~ .profs .prof.more .mc{display:inline}
.profsw:focus-visible ~ .profs .prof.more{outline:2px solid var(--graphite);outline-offset:2px}

/* --- záverečné CTA (nahrádza lepkavú lištu) --- */
.endcta{border-top:1px solid var(--p300);margin-top:22px;padding:20px 0 2px}
.endcta>b{display:block;text-align:center;font-size:17px;font-weight:700;letter-spacing:-.025em;
  line-height:1.2}
.endcta .stores{margin-top:13px}
.endcta>span{display:block;text-align:center;font-size:11.5px;color:var(--conc);margin-top:10px;
  line-height:1.4}

/* --- pätička --- */
footer{padding:18px 0 22px;border-top:1px solid var(--p300);margin-top:22px;
  display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--conc)}

/* =========================================================
   DESKTOP — nadstavba (1 % návštev)
   ========================================================= */
@media (min-width:861px){
  .wrap{max-width:1120px;padding:0 28px}
  .navin{max-width:1120px;padding:0 28px;height:58px}
  .lg{font-size:17px}.lgm{width:26px;height:26px;font-size:14px}
  .lg img{height:26px}
  .back{font-size:13.5px}.back span{display:inline}

  .hero{padding:36px 0 44px}
  .hgrid{display:grid;grid-template-columns:1fr 392px;grid-template-areas:"main side" "rest side";
    column-gap:44px;align-items:start}
  .cmain{grid-area:main}.cside{grid-area:side;margin-top:0;position:sticky;top:82px}
  .crest{grid-area:rest}

  h1{font-size:42px;line-height:1.04;margin-top:0}
  .lead{font-size:17px;margin-top:15px;max-width:540px}

  /* telefón ako rám — až tu */
  .pwell{background:var(--graphite);border-radius:26px;padding:9px;
    box-shadow:0 26px 50px -26px rgba(26,29,30,.5)}
  .pinner{background:var(--porcelain);border-radius:19px;padding:13px 13px 15px}
  .pbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;
    color:var(--conc);margin-bottom:11px;padding:0 3px}
  .pinapp{display:none}
  .pcard{border-radius:15px}
  .preveal{margin-bottom:11px}

  .qr{display:flex;background:#fff;border:1px solid var(--p300);border-radius:18px;padding:17px;
    margin-top:14px;gap:15px;align-items:center}
  .qr img{width:104px;height:104px;border-radius:9px;flex:none;display:block}
  .qrt b{display:block;font-size:15px;font-weight:700;letter-spacing:-.015em;margin-bottom:5px}
  .qrt span{font-size:12.5px;line-height:1.45;color:var(--ink);display:block}
  .stores{gap:9px;margin-top:11px}
  .store{border-radius:13px;padding:11px 10px;gap:9px}
  .store small{font-size:8.5px}.store b{font-size:13.5px}
  .freeline{font-size:12.5px;margin-top:11px}
  .sms{margin-top:11px}

  .numstrip{margin-top:26px;padding:13px 4px;border-radius:14px}
  .numstrip>div{flex:none;padding:0 17px;text-align:left}
  .numstrip b{font-size:20px}.numstrip i{font-size:11.5px}
  .numstrip .live{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:14px;
    font-size:11.5px;color:var(--conc);align-self:center}
  .numstrip .live i{width:7px;height:7px;border-radius:50%;background:var(--live);margin:0}

  .pts{margin-top:26px}
  .pt{gap:13px}
  .pti{width:34px;height:34px;border-radius:11px}
  .ptt b{font-size:15.5px}.ptt span{font-size:14px}

  section{padding:40px 0;margin-top:0}
  .sh{font-size:28px}
  .profs{margin-top:20px}
  .prof{font-size:14px;padding:9px 15px}
  .endcta{padding:34px 0 2px}
  .endcta>b{font-size:24px}
  .endcta .stores{max-width:440px;margin:16px auto 0}
  footer{padding:24px 0 34px;font-size:12.5px;gap:18px;margin-top:0}
}