.zf-shoes-hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;border-radius:28px;background:#17273f;color:#fff;font-family:var(--no-sans,Arial,sans-serif);box-shadow:0 20px 60px #17273f1c}
.zf-shoes-media{position:absolute;inset:0;z-index:-1}
.zf-shoes-media video,.zf-shoes-media .zf-shoes-still{width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block;background:#17273f url('/public/assets/video/hero/zf-skolesko-bench-poster.webp') center/cover}
.zf-shoes-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e1a2bea 0%,#0e1a2bb0 26%,#0e1a2b12 58%,#0e1a2b19 100%),linear-gradient(0deg,#0e1a2b66,transparent 48%)}
.zf-shoes-layout{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:end;padding:150px clamp(28px,4.5vw,76px) 66px;box-sizing:border-box}
.zf-shoes-copy{align-self:start;max-width:490px;padding-top:10px}
.zf-shoes-kicker{font-size:13px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:.13em;text-transform:uppercase;color:#fff!important;margin:0 0 22px!important}
.zf-shoes-copy h1{font-family:var(--no-sans,Arial,sans-serif)!important;font-size:clamp(54px,6vw,88px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.02!important;color:#fff!important;margin:0 0 28px!important}
.zf-shoes-copy h1 span{color:#ff7546;font-family:var(--no-serif,Georgia,serif);font-style:italic;font-weight:600;letter-spacing:-.04em}
.zf-shoes-copy>p:not(.zf-shoes-kicker){max-width:390px;font-size:18px;line-height:1.7;color:#fff;margin:0 0 23px;text-wrap:pretty}
.zf-shoes-main-link{display:inline-flex;gap:18px;align-items:center;color:#fff!important;font-size:15px;font-weight:650;text-decoration:none!important;border-bottom:1px solid #ffffff80;padding:0 0 5px}
.zf-shoes-main-link:hover{border-color:#ff7546}
.zf-shoes-card{position:relative;overflow:hidden;padding:28px;background:#ffffffed;backdrop-filter:blur(10px);border-radius:22px;color:var(--no-dark, #0F172A);box-shadow:0 14px 45px #07132730}
.zf-shoes-card-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;color:#52627a}
.zf-shoes-card-top>span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5b24;margin-right:8px}
.zf-shoes-card h2{font-family:var(--no-sans,Arial,sans-serif)!important;font-size:25px!important;line-height:1.25!important;letter-spacing:-.03em!important;font-weight:750!important;margin:0 0 10px!important;color:var(--no-dark, #0F172A)!important}
.zf-shoes-card>p{font-size:14px;line-height:1.65;margin:0 0 24px;color:#52627a}
.zf-shoes-total{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}.zf-shoes-total strong{font-size:29px;letter-spacing:-.03em}.zf-shoes-total span{font-size:12px;color:#65728a}
.zf-shoes-meter{height:7px;background:#dfe5ed;border-radius:9px;overflow:hidden}.zf-shoes-meter span{display:block;height:100%;background:#ff5b24;border-radius:9px}
.zf-shoes-goal{display:flex;gap:12px;justify-content:space-between;font-size:11px;color:#58677c;margin:10px 0 23px}
.zf-shoes-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ff5b24;color:#fff!important;padding:15px 17px;border-radius:12px;font-size:15px;font-weight:750;text-decoration:none!important;transition:background .15s}.zf-shoes-cta:hover{background:#ff774b}
.zf-shoes-card small{display:block;text-align:center;font-size:11px;color:#65728a;margin-top:10px}
.zf-shoes-pause{position:absolute;right:18px;top:18px;background:#17273fa6;color:#fff;border:1px solid #ffffff50;border-radius:30px;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer;z-index:2}
.zf-shoes-caption{position:absolute;bottom:14px;left:24px;font-size:10px;color:#fff;text-shadow:0 1px 4px #000}
.zf-shoes-hero a:focus-visible,.zf-shoes-pause:focus-visible{outline:3px solid #ffb494;outline-offset:5px}
.zf-shoes-article-video{margin:0 0 28px}.zf-shoes-article-video video,.zf-shoes-article-video img{display:block;width:100%;height:auto;border-radius:16px;background:#eef1f5}.zf-shoes-article-video figcaption{font-size:11px;color:#637087;margin-top:7px}
@media(min-width:1450px){.zf-shoes-layout{min-height:740px}.zf-shoes-hero{min-height:740px}}
@media(max-width:1000px) and (min-width:701px){.zf-shoes-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding:135px 30px 60px}.zf-shoes-copy h1{font-size:64px!important}.zf-shoes-copy>p:not(.zf-shoes-kicker){font-size:16px;max-width:310px}}
@media(max-width:700px){.zf-shoes-hero{min-height:0;border-radius:20px;background:#fff;color:var(--no-dark, #0F172A);box-shadow:0 10px 35px #17273f0d}.zf-shoes-media{position:relative;z-index:0;aspect-ratio:16/10;max-height:400px}.zf-shoes-media video,.zf-shoes-media .zf-shoes-still{object-position:center 70%;background-image:url('/public/assets/video/hero/zf-skolesko-bench-mobile.webp')}.zf-shoes-shade{background:linear-gradient(0deg,#17273f33,transparent 25%)}.zf-shoes-layout{min-height:0;display:flex;flex-direction:column;gap:24px;padding:28px 24px}.zf-shoes-copy{max-width:none;padding:0;width:100%}.zf-shoes-kicker{color:#68778e!important;font-size:10px!important;margin-bottom:12px!important}.zf-shoes-copy h1{font-size:48px!important;color:var(--no-dark, #0F172A)!important;margin-bottom:18px!important}.zf-shoes-copy h1 br{display:none}.zf-shoes-copy h1 span{display:block;color:#ff5b24}.zf-shoes-copy>p:not(.zf-shoes-kicker){font-size:15px;line-height:1.7;color:#4f5f76;max-width:none;margin-bottom:16px}.zf-shoes-main-link{color:var(--no-dark, #0F172A)!important;border-color:#c9d2df;font-size:13px}.zf-shoes-card{width:100%;box-sizing:border-box;border:1px solid #e3e8ef;background:#f7f9fb;box-shadow:none;padding:22px}.zf-shoes-card-top{margin-bottom:16px}.zf-shoes-card>p{margin-bottom:18px}.zf-shoes-caption{bottom:10px;left:14px}.zf-shoes-pause{right:12px;top:12px}.zf-shoes-goal{font-size:11px}.zf-shoes-cta{font-size:15px}}

/* The orange brand buttons always have white text, including hover and focus. */
.zf-shoes-cta,.zf-shoes-cta:visited,.zf-shoes-cta:hover,.zf-shoes-cta:focus{color:#fff!important}
.zf-shoes-cta:hover{background:#ec4e1b}
.zf-shoes-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff5b24,#ffad77)}
.zf-shoes-card-top>strong{padding:4px 9px;background:#fff;border:1px solid #e4e8ee;border-radius:30px;font-size:11px;color:#53637a}
.zf-shoes-card-heading{position:relative;display:flex;align-items:start;gap:10px}
.zf-shoes-card .zf-shoes-card-heading h2{font-size:25px!important;line-height:1.28!important;margin-bottom:14px!important;flex:1;letter-spacing:-.04em!important}
.zf-shoes-card-heading h2 em{font-family:var(--no-serif,Georgia,serif);font-weight:600;color:#334f74}
.zf-shoes-card-icon{flex:none;width:39px;height:39px;padding:5px;color:#ff5b24;transform:rotate(-9deg)}
.zf-shoes-card .zf-shoes-pair-price{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dfe5ed;font-size:12px}
.zf-shoes-pair-price strong{font-size:17px;color:var(--no-dark, #0F172A)}
.zf-shoes-total strong{font-size:34px}
.zf-shoes-meter{height:9px}
.zf-shoes-meter span{background:linear-gradient(90deg,#ff5b24,#ff9b6c)}
.zf-shoes-goal{margin-bottom:18px}
.zf-shoes-checkpoints{display:flex;justify-content:space-between;gap:10px;margin:0 0 25px;padding:13px 0;border-top:1px solid #e3e8ee;border-bottom:1px solid #e3e8ee;font-size:11px;color:#66758b}
.zf-shoes-checkpoints>span{display:flex;align-items:center;gap:5px}.zf-shoes-checkpoints>span>span{font-size:16px;color:#a9b4c2;line-height:1}
.zf-shoes-checkpoints .is-reached,.zf-shoes-checkpoints .is-reached>span{color:#d84b20;font-weight:700}
@media(max-width:700px){.zf-shoes-media .zf-shoes-still{object-position:center 70%}.zf-shoes-card{background:#fff;box-shadow:0 12px 30px #17273f0b}.zf-shoes-card .zf-shoes-card-heading h2{font-size:25px!important}}

/* Keep the worn shoes visible below the desktop fundraising card. */
@media(min-width:701px){
    .zf-shoes-layout{grid-template-columns:minmax(0,1fr) clamp(350px,31vw,440px)}
    .zf-shoes-card{align-self:start;margin-top:-30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 18px;padding:24px}
    .zf-shoes-card-top{grid-column:1/-1;margin:0 0 3px}
    .zf-shoes-card-heading{grid-column:1/-1;align-items:center}
    .zf-shoes-card .zf-shoes-card-heading h2{font-size:22px!important;margin:0!important;line-height:1.3!important}
    .zf-shoes-card-heading h2 br{display:none}
    .zf-shoes-card-heading h2 em{margin-left:6px}
    .zf-shoes-card-icon{width:28px;height:28px;padding:0}
    .zf-shoes-card .zf-shoes-pair-price{grid-column:1;grid-row:3;border:0;padding:0;margin:0;font-size:11px;line-height:1.5;align-self:center}
    .zf-shoes-pair-price strong{display:block;font-size:17px;line-height:1.35}
    .zf-shoes-total{grid-column:2;grid-row:3;justify-content:flex-end;align-self:center;flex-wrap:wrap;gap:5px;margin:0}
    .zf-shoes-total strong{font-size:29px;line-height:1.2}
    .zf-shoes-total span{font-size:10px}
    .zf-shoes-meter{grid-column:1/-1;margin-top:3px}
    .zf-shoes-goal{grid-column:1/-1;margin:0 0 3px;font-size:10px}
    .zf-shoes-checkpoints{grid-column:1;grid-row:6;align-self:center;gap:5px;border:0;padding:0;margin:0;font-size:10px}
    .zf-shoes-checkpoints>span{flex-direction:column;gap:4px}
    .zf-shoes-cta{grid-column:2;grid-row:6;padding:13px 12px;font-size:12px;gap:8px;border-radius:10px}
    .zf-shoes-card small{grid-column:2;grid-row:7;margin:0;font-size:10px;line-height:1.4}
}