/* ASFALT Spiš: podstránka Kariéra */
.kar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh;min-height:100svh;background:var(--cierna)}
.kvl{position:relative;overflow:hidden}
.kvl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.kvl::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 24%),
  linear-gradient(0deg,rgba(0,0,0,.86) 0,rgba(0,0,0,.42) 34%,rgba(0,0,0,0) 60%)}
.kvt{position:absolute;z-index:1;left:var(--gx);right:var(--gx);bottom:clamp(28px,6vh,64px)}
.kvt h1{font-size:clamp(64px,min(8.4vw,16vh),150px);text-shadow:0 6px 36px rgba(0,0,0,.45)}
.kvt p{margin-top:12px;max-width:40ch;font-size:clamp(18px,1.35vw,21px);font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.7)}

.kfo{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow-x:hidden;overflow-x:clip;padding:clamp(90px,12vh,128px) var(--gx) clamp(28px,6vh,56px)}
.kfo>*{width:100%;max-width:clamp(640px,40vw,860px);margin-left:auto;margin-right:auto}
.trat{position:relative;height:4px;margin-bottom:clamp(26px,5vh,48px);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.trat i{position:absolute;left:0;right:0;top:-1px;bottom:-1px;border-top:1px solid var(--zlata);border-bottom:1px solid var(--zlata);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--e)}

.kt{font-family:var(--nadpis);font-weight:900;text-transform:uppercase;font-size:clamp(42px,min(3.9vw,8.4vh),80px);line-height:1;outline:0}
.kp{margin-top:8px;font-size:clamp(17px,1vw,20px);font-weight:500;color:var(--t2)}

.vyb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:clamp(20px,4vh,32px)}
.vol{min-height:clamp(68px,9.4vh,92px);padding:12px 20px;border-radius:6px;background:var(--asfalt);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16);
  font-weight:700;font-size:clamp(19px,1.1vw,23px);line-height:1.2;color:#fff;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s var(--e)}
.vol:active{transform:scale(.98)}
.vol[aria-pressed="true"]{background:var(--zlata);color:#0b0b0b;box-shadow:none}
@media (hover:hover){.vol:hover{box-shadow:inset 0 0 0 1.5px var(--zlata)}.vol[aria-pressed="true"]:hover{box-shadow:none}}

.pole{display:block;margin-top:14px}
.pole span{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:var(--t2)}
.pole input{display:block;width:100%;height:60px;padding:0 18px;border:0;border-radius:6px;background:var(--asfalt);color:#fff;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16);font:inherit;font-size:19px;font-weight:600;transition:box-shadow .2s}
.pole input::placeholder{color:var(--t3);font-weight:500}
.pole input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--zlata)}
.cipy{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cip{height:42px;padding:0 15px;border-radius:6px;background:var(--asfalt);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16);font-size:16px;font-weight:600;color:#fff;transition:box-shadow .2s}
@media (hover:hover){.cip:hover{box-shadow:inset 0 0 0 1.5px var(--zlata)}}
.sul{display:flex;align-items:flex-start;gap:12px;margin-top:18px;font-size:16px;line-height:1.35;color:var(--t2);cursor:pointer}
.sul input{flex:none;width:22px;height:22px;margin-top:1px;accent-color:var(--zlata)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.chyba{margin-top:12px;font-weight:600;font-size:16px;color:#ffb4a8}

.kov{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin-top:clamp(20px,4vh,34px)}
.spat{padding:10px 0;font-weight:700;font-size:18px;color:var(--t2)}
.spat[hidden]+.dalej{margin-left:auto}
.dalej[disabled]{opacity:.4;pointer-events:none}

.hot p{margin-top:12px;font-size:19px;line-height:1.4;color:var(--t2)}
.hot .link{font-size:19px}
.hot .rad{margin-top:22px}

@media (max-width:820px){
  .kar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .kvl{height:36svh;min-height:250px}
  .kvl img{object-position:56% 30%}
  .kvt{left:16px;right:16px;bottom:14px;text-align:center}
  .kvt h1{font-size:clamp(54px,16vw,86px)}
  .kvt p{margin:6px auto 0;font-size:16px;max-width:34ch}
  .kfo{justify-content:flex-start;padding:22px 16px calc(20px + env(safe-area-inset-bottom))}
  .trat{margin-bottom:22px}
  .kt{font-size:clamp(34px,10vw,48px);text-align:center}
  .kp{text-align:center}
  .vyb{margin-top:18px}
  .vol{min-height:62px;font-size:17px;padding:10px 12px;overflow-wrap:anywhere}
  .cipy{justify-content:center}
  .kov .dalej{flex:1;max-width:none;padding:0 16px;font-size:22px}
}
@media (prefers-reduced-motion:reduce){.trat i,.vol,.cip{transition:none}}