/* Marxyo — podstránky v identite „Chróm“ (Ján 26.9.2026). Rovnaké farby a písmo ako navrh-8-chrom.html. */
:root{
  --svetla:#F5F5F3; --svetla-2:#ECECE8; --tmava:#1A1A1A; --tmava-2:#232323;
  --text:#161616; --t-60:rgba(22,22,22,.64); --t-35:rgba(22,22,22,.4); --linka:rgba(22,22,22,.12);
  --biela:#F7F7F5; --b-55:rgba(247,247,245,.62); --b-12:rgba(247,247,245,.12);
  --lime:#E6FF4A; --lime-t:#B8CC1E; --cervena:#B12120; --zelena:#1C6B34;
  --e:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{background:var(--svetla);color:var(--text);font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:16.5px;line-height:1.6;overflow-x:hidden;font-style:normal}
em,i,cite,address{font-style:normal}
a{color:inherit}
::selection{background:var(--lime);color:var(--tmava)}
:focus-visible{outline:2px solid var(--tmava);outline-offset:3px;border-radius:4px}
.obal{max-width:1320px;margin:0 auto;padding:0 40px}
.obal.uzky{max-width:860px}
@media(max-width:700px){.obal{padding:0 22px}}
.oko{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;background:var(--svetla-2);color:var(--t-60);margin-bottom:22px;border-radius:3px}
.oko.tm{background:var(--b-12);color:var(--b-55)}
.sub{color:var(--t-60);max-width:54ch;margin-top:14px;font-size:17px}

/* hlavička */
.hl{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,backdrop-filter .3s}
.hl.posun{background:rgba(245,245,243,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--linka)}
.hl-in{max-width:1320px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:24px}
@media(max-width:700px){.hl-in{padding:12px 22px}}
.znacka{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:21px;letter-spacing:-.03em;text-decoration:none}
.znacka.svetla{color:var(--biela)}
.mx-logo{width:28px;height:28px;flex:none}
.hl-nav{margin:0 auto;display:flex;gap:2px;background:rgba(236,236,232,.85);border-radius:99px;padding:4px}
.hl-nav a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--t-60);padding:8px 16px;border-radius:99px;transition:background .2s,color .2s}
.hl-nav a:hover{background:#fff;color:var(--text)}
.hl-nav .hl-login{background:var(--tmava);color:var(--biela)}
.hl-nav .hl-login:hover{background:#000;color:var(--lime)}
.hl-pravo{display:flex;align-items:center;gap:8px}
.btn-h{display:inline-flex;align-items:center;gap:10px;background:var(--tmava);color:var(--lime);text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 8px 8px 18px;border-radius:99px}
.btn-h i{width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--tmava);display:grid;place-items:center}
.hamb{display:none;width:44px;height:44px;border:none;border-radius:12px;background:var(--tmava);cursor:pointer;align-content:center}
.hamb span{display:block;width:18px;height:2px;background:var(--lime);border-radius:2px;margin:3px auto;transition:transform .3s var(--e),opacity .2s}
body.menu-on .hamb span:nth-child(1){transform:translateY(5px) rotate(45deg)}
body.menu-on .hamb span:nth-child(2){opacity:0}
body.menu-on .hamb span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:1000px){
  .hamb{display:grid}
  .hl-pravo{margin-left:auto}
  .hl-nav{display:none;position:fixed;top:72px;left:14px;right:14px;flex-direction:column;background:var(--tmava);border-radius:22px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
  body.menu-on .hl-nav{display:flex}
  .hl-nav a{color:var(--biela);font-size:22px;padding:12px 14px;border-radius:14px}
  .hl-nav a:hover{background:var(--tmava-2);color:var(--lime)}
  .hl-nav .hl-login{background:var(--lime);color:var(--tmava);margin-top:8px}
}
@media(max-width:520px){.btn-h{display:none}}

/* tlačidlá */
.btn-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;background:var(--tmava);color:var(--biela);border:none;border-radius:99px;
  padding:8px 8px 8px 24px;font:600 16px 'Schibsted Grotesk',sans-serif;text-decoration:none;cursor:pointer;transition:transform .4s var(--e)}
.btn-cta i{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--tmava);display:grid;place-items:center;transition:transform .4s var(--e)}
.btn-cta:hover{transform:translateY(-2px)} .btn-cta:hover i{transform:rotate(-45deg)}
.btn-cta:disabled{opacity:.5;cursor:wait;transform:none}
.btn-cta.plna{width:100%;margin-top:8px}
.btn-tichy{display:inline-flex;align-items:center;border:1px solid var(--linka);color:var(--text);border-radius:99px;padding:14px 22px;font-weight:600;text-decoration:none}
.btn-tichy:hover{border-color:var(--text)}

/* právne stránky */
.pravne{padding:150px 0 110px}
.pravne h1{font-weight:500;font-size:clamp(38px,5.4vw,72px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.pravne .updated{margin-top:14px;color:var(--t-60);font-size:14px}
.pravne h2{font-weight:600;font-size:clamp(21px,2.2vw,26px);letter-spacing:-.025em;line-height:1.2;margin:52px 0 14px;padding-top:26px;border-top:1px solid var(--linka)}
.pravne h3{font-weight:600;font-size:18px;margin:28px 0 8px}
.pravne p,.pravne li{color:rgba(22,22,22,.8)}
.pravne p{margin:12px 0}
.pravne ul,.pravne ol{margin:12px 0 12px 22px;display:grid;gap:6px}
.pravne a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lime-t)}
.pravne strong,.pravne b{font-weight:600;color:var(--text)}
.pravne .billing,.pravne .note{background:#fff;border:1px solid var(--linka);border-radius:18px;padding:20px 22px;margin:18px 0}
.pravne .billing ul{list-style:none;margin:0}
.pravne .note{border-left:3px solid var(--lime-t)}
.pravne table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;display:block;overflow-x:auto}
.pravne th,.pravne td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linka);vertical-align:top}
.pravne th{font-weight:600;background:var(--svetla-2)}
.pravne code{font-size:.92em;background:var(--svetla-2);padding:1px 6px;border-radius:5px}
@media(max-width:700px){.pravne{padding:120px 0 76px}}

/* prihlásenie a heslo */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.auth-bok{background:var(--tmava);color:var(--biela);display:flex;align-items:flex-end;padding:120px 56px 64px;position:relative;overflow:hidden}
.auth-bok::before{content:'';position:absolute;right:-20%;top:-20%;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(230,255,74,.22),transparent);pointer-events:none}
.auth-bok-in{position:relative;max-width:480px}
.auth-veta{font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.04em}
.auth-body{list-style:none;margin-top:26px;display:grid;gap:10px}
.auth-body li{color:var(--b-55);padding-left:24px;position:relative}
.auth-body li::before{content:'';position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--lime)}
.auth-karta{align-self:center;justify-self:center;width:100%;max-width:470px;padding:120px 28px 70px}
.auth-karta.sama{grid-column:1/-1;background:#fff;border:1px solid var(--linka);border-radius:26px;padding:40px 34px;margin:140px 22px 90px;box-shadow:0 40px 80px -50px rgba(0,0,0,.35)}
.auth h1{font-weight:500;font-size:clamp(32px,3.4vw,46px);line-height:1.02;letter-spacing:-.04em}
.panel{display:none}.panel.on{display:block}
form{margin-top:26px;display:grid;gap:14px}
.pole{display:grid;gap:6px;font-size:13.5px;font-weight:600}
.pole-h{display:flex;justify-content:space-between;align-items:center}
.pole input{font:500 16px 'Schibsted Grotesk',sans-serif;padding:14px 16px;border:1px solid rgba(22,22,22,.22);background:#fff;border-radius:14px;color:var(--text);width:100%}
.pole input:focus{outline:2px solid var(--tmava);outline-offset:1px;border-color:var(--tmava)}
.odkaz{background:none;border:none;font:600 13.5px 'Schibsted Grotesk',sans-serif;color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.odkaz.spat{display:inline-block;margin-top:20px}
.hlasenie{display:none;margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px}
.hlasenie.on{display:block}
.hlasenie.ok{background:#E3F4E6;color:var(--zelena)}
.hlasenie.chyba{background:#FBE5E4;color:var(--cervena)}
.auth-pozn{margin-top:24px;font-size:14px;color:var(--t-60)}
.auth-pozn a{color:var(--text);font-weight:600}
@media(max-width:900px){.auth{grid-template-columns:1fr;min-height:0}.auth-bok{display:none}.auth-karta{padding:120px 22px 70px;max-width:520px}.auth-karta.sama{margin:110px 16px 70px;padding:30px 22px;width:auto}}

/* 404 */
.e404{padding:190px 0 130px;text-align:center}
.e404 h1{font-weight:500;font-size:clamp(44px,7vw,100px);line-height:1;letter-spacing:-.05em}
.e404 .sub{margin:16px auto 0}
.e404-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* päta s obrím nápisom */
.pata{background:var(--tmava);color:var(--b-55);padding:80px 0 0;overflow:hidden}
.pata-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px}
@media(max-width:860px){.pata-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.pata-grid{grid-template-columns:1fr}}
.pata-grid p{margin-top:14px;font-size:14.5px;max-width:36ch}
.pata-grid b{display:block;color:var(--biela);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.pata-grid div > a:not(.znacka){display:block;text-decoration:none;font-size:14.5px;padding:4px 0;color:var(--b-55)}
.pata-grid div > a:not(.znacka):hover{color:var(--lime)}
.pata-spod{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:18px;border-top:1px solid var(--b-12);font-size:12.5px;font-weight:600}
.pata-znak{font-weight:700;letter-spacing:-.045em;line-height:.74;font-size:clamp(6rem,26.5vw,30rem);text-align:center;white-space:nowrap;
  margin-top:clamp(30px,5vw,70px);transform:translateY(14%);user-select:none;pointer-events:none;
  background:linear-gradient(180deg,#F7F7F5 0%,#9A9A9A 38%,#EDEDED 55%,#4A4A4A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}
.pravne .ident{background:#fff;border:1px solid var(--linka);border-radius:18px;padding:20px 22px;margin:18px 0}
.pravne .tbl-wrap{overflow-x:auto;margin:18px 0}.pravne .tbl-wrap table{display:table;margin:0;min-width:560px}

.pravne .ident ul{list-style:none;margin:0}
/* kolo 4: kontakt → nápis na celú šírku → päta */
.pata-t{font-size:14.5px;color:var(--b-55);line-height:1.6}
.pata-t a{color:var(--b-55);text-decoration:none}.pata-t a:hover{color:var(--lime)}
.pata-odkazy{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:48px;padding-top:18px;border-top:1px solid var(--b-12);font-size:13.5px;font-weight:600}
.pata-odkazy a{color:rgba(247,247,245,.75);text-decoration:none}.pata-odkazy a:hover{color:var(--lime)}
.pata-znak{font-size:20vw;text-align:left;background:none!important;width:100%}
.pata-znak span{display:inline-block;padding:0 .05em 0 .02em;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#F7F7F5 0%,#9A9A9A 38%,#EDEDED 55%,#4A4A4A 100%);-webkit-background-clip:text;background-clip:text}
.pata-min{background:var(--tmava);color:rgba(247,247,245,.6);font-size:12.5px;font-weight:600;position:relative;z-index:1}
.pata-min .obal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--b-12)}

/* 28.9.: prihlásenie v kontajneri ako ostatné sekcie, stĺpce vertikálne vycentrované */
.auth{max-width:1320px;margin:0 auto;min-height:0;padding:130px 40px 90px;gap:56px;align-items:center}
.auth-bok{align-self:stretch;align-items:center;padding:56px;border-radius:26px;min-height:520px}
.auth-karta{padding:0;align-self:center}
.auth-karta.sama{margin:0 auto}
@media(max-width:900px){.auth{padding:110px 22px 70px;gap:0}.auth-karta{padding:0}.auth-karta.sama{margin:0 auto}}

.pata-znak{transform:none!important;padding-bottom:clamp(28px,4vw,56px);line-height:.8}