/* Voyago – stránka Pro skupiny + dvojitý pás na úvodní stránce (1.4.281).
   Navazuje na skoly.css (třídy .sk-*), tady jen odlišnosti. */

/* --- stránka Pro skupiny --- */
.gr-page .sk-sticker{background:#1f6fa8}
.gr-page .sk-mark{background:linear-gradient(transparent 58%,#bfe3ff 58%,#bfe3ff 92%,transparent 92%)}
.gr-page .sk-badge{background:#1f6fa8;box-shadow:0 8px 20px rgba(31,111,168,.35)}
.gr-page .sk-pol:after{background:rgba(160,210,255,.75)}

.gr-opts{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1040px;margin:0 auto}
.gr-opt{background:#fff;border-radius:20px;padding:28px 28px 26px;box-shadow:0 10px 30px rgba(15,42,63,.10);border-top:6px solid var(--sk-orange);display:flex;flex-direction:column}
.gr-opt--small{border-top-color:#1f6fa8}
.gr-opt-ic{font-size:40px;line-height:1}
.gr-opt-tag{display:inline-block;align-self:flex-start;margin:12px 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-orange);background:#fff1e6;border-radius:999px;padding:4px 10px}
.gr-opt--small .gr-opt-tag{color:#1f6fa8;background:#e6f2fb}
.gr-opt h3{margin:0 0 10px;font-size:24px;color:var(--sk-navy);line-height:1.2}
.gr-opt p{margin:0 0 12px;color:var(--sk-mut)}
.gr-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.gr-list li{position:relative;padding-left:30px;font-weight:600;color:var(--sk-navy);margin:0}
.gr-list li:before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--sk-green);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.gr-opt .sk-acts{margin-top:auto}
.gr-help{max-width:760px;margin:26px auto 0;text-align:center;background:#e6f2fb;border:2px dashed #7fb6dd;border-radius:14px;padding:14px 18px;font-weight:600;color:#1d4f75}

.gr-who{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gr-w{background:#fff;border-radius:16px;padding:22px 22px 20px;box-shadow:0 6px 20px rgba(15,42,63,.07);display:flex;gap:14px;align-items:flex-start}
.gr-w-ic{font-size:30px;line-height:1;flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--sk-paper);display:flex;align-items:center;justify-content:center}
.gr-w h3{margin:2px 0 4px;font-size:17.5px;color:var(--sk-navy)}
.gr-w p{margin:0;font-size:14.5px;color:var(--sk-mut)}

.gr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:980px;margin:0 auto}
.gr-step{background:#fff;border-radius:16px;padding:24px 22px;box-shadow:0 6px 20px rgba(15,42,63,.07);position:relative}
.gr-step b{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--sk-orange);color:#fff;font-size:19px;align-items:center;justify-content:center;margin-bottom:10px}
.gr-step h3{margin:0 0 6px;font-size:18px;color:var(--sk-navy)}
.gr-step p{margin:0;color:var(--sk-mut);font-size:15px}

.gr-radio{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.gr-radio label{display:flex!important;align-items:center;gap:8px;border:2px solid #d5dbe2;border-radius:12px;padding:10px 14px;font-weight:700!important;cursor:pointer;margin:0!important;background:#fff}
.gr-radio input{width:auto!important;margin:0!important}
.gr-radio label:has(input:checked){border-color:var(--sk-orange);background:#fff7f0}

@media(max-width:900px){
	.gr-opts,.gr-who,.gr-steps{grid-template-columns:1fr}
}

/* --- dvojitý pás na úvodní stránce (školy + skupiny) --- */
.sk-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1160px;margin:0 auto}
.sk-duo .sk-band{max-width:none;margin:0;padding:16px 18px;gap:14px}
.sk-duo .sk-band h3{font-size:17.5px;margin:0 0 2px}
.sk-duo .sk-band p{font-size:14px;line-height:1.4}
.sk-duo .sk-band-ic{font-size:32px;line-height:1;flex:0 0 auto}
.sk-duo .sk-band-tx{flex:1;min-width:0}
.sk-duo .sk-band-go{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0f2a3f;color:#fff!important;font-weight:800;font-size:18px;text-decoration:none!important;transition:transform .15s,background .15s}
.sk-duo a.sk-band:hover .sk-band-go{transform:translateX(3px);background:var(--sk-orange)}
.sk-duo a.sk-band{text-decoration:none!important;color:inherit;transition:transform .15s,box-shadow .15s}
.sk-duo a.sk-band:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,42,63,.10)}
.sk-band--gr{background:#e6f2fb;border-color:#7fb6dd}
.sk-band--gr p{color:#1d4f75!important}
@media(max-width:900px){
	.sk-duo{grid-template-columns:1fr}
	.sk-duo .sk-band{flex-direction:row;align-items:center}
}

/* položka v menu – stejný styl jako „Pro školy", jen modrý */
.main-nav .menu-item--skupiny>a{background:#e6f2fb;border:2px dashed #7fb6dd;border-radius:10px;padding:5px 12px!important;font-weight:800!important;transform:rotate(2deg);display:inline-block;color:#0f2a3f!important}
@media(max-width:900px){.main-nav .menu-item--skupiny>a{transform:none}}