.zap.zbn{position:relative;background:var(--zap-bg, #ffffff);isolation:isolate}.zbn-viewport{position:relative;height:clamp(520px,var(--zbn-h, 72vh),780px);overflow:hidden}.zbn-track{position:absolute;top:0;right:0;bottom:0;left:0}.zbn-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease;pointer-events:none}.zbn-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.zbn-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.zbn-media picture{display:block;height:100%}.zbn-media img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.045);transition:transform 8s linear}.zbn-slide.is-active .zbn-media img{transform:scale(1)}.zbn-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1a1a1ae0,#1a1a1ab3 24%,#1a1a1a52 50%,#1a1a1a00 74%),linear-gradient(0deg,#1a1a1a75,#1a1a1a00 26%)}.zbn-inner{position:relative;z-index:3;height:100%;display:flex;align-items:center;padding:0 clamp(24px,5vw,76px)}.zbn--multi .zbn-inner{padding-left:clamp(24px,6.4vw,104px)}.zbn-copy{max-width:620px}.zbn-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd6}.zbn-eyebrow:before{content:"";width:7px;height:7px;flex:0 0 auto;background:var(--zap-brand, #5B8DB8)}.zbn-title{margin:16px 0 0;font-size:clamp(34px,4.3vw,60px);font-weight:700;letter-spacing:-.032em;line-height:1.04;color:#fff;text-wrap:balance;text-shadow:0 2px 26px rgba(26,26,26,.28)}.zbn-lede{margin:18px 0 0;max-width:40ch;font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#ffffffe0;text-shadow:0 1px 18px rgba(26,26,26,.4)}.zbn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.zbn-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:980px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s}.zbn-btn:active{transform:scale(.97)}.zbn-btn svg{width:15px;height:15px;flex:0 0 auto}.zbn-btn--solid{background:#fff;color:#1a1a1a!important}.zbn-btn--solid:hover{background:#ffffffdb}.zbn-btn--line{border:1px solid rgba(255,255,255,.45);color:#fff!important}.zbn-btn--line:hover{border-color:#fff;background:#ffffff1a}.zbn-nav{position:absolute;top:50%;z-index:6;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#1a1a1a;cursor:pointer;transform:translateY(-50%);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s;box-shadow:0 2px 10px #1a1a1a29}.zbn-nav:hover{background:#fff;transform:translateY(-50%) scale(1.07)}.zbn-nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.zbn-nav svg{width:16px;height:16px}.zbn-nav--prev{left:22px}.zbn-nav--next{right:22px}.zbn-dots{position:absolute;left:50%;bottom:26px;z-index:6;display:flex;gap:8px;padding:9px 13px;border-radius:980px;background:#1a1a1a57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%)}.zbn-dot{width:7px;height:7px;padding:0;border:0;border-radius:980px;background:#ffffff80;cursor:pointer;transition:width .35s ease,background .25s ease}.zbn-dot:hover{background:#fffc}.zbn-dot.is-active{width:22px;background:#fff}.zbn-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}.zbn--single .zbn-slide .zbn-media img{transform:none;transition:none}.zap.zpt{--zpt-gap: clamp(10px, 1.1vw, 16px);background:var(--zap-bg, #ffffff);padding:var(--zpt-gap) 0}.zpt-grid{display:grid;grid-template-columns:repeat(var(--zpt-cols, 2),minmax(0,1fr));gap:var(--zpt-gap)}.zpt-tile{position:relative;display:block;overflow:hidden;aspect-ratio:2.15 / 1;min-height:260px;text-decoration:none;color:#fff;isolation:isolate}.zpt-tile picture{display:block;height:100%}.zpt-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.22,1,.36,1)}.zpt-tile:hover .zpt-img{transform:scale(1.035)}.zpt-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#1a1a1ae6,#1a1a1a9e 32%,#1a1a1a2e 62%,#1a1a1a00 84%),linear-gradient(90deg,#1a1a1a75,#1a1a1a00 62%)}.zpt-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(20px,2.4vw,34px)}.zpt-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.zpt-kicker:before{content:"";width:6px;height:6px;background:var(--zap-brand, #5B8DB8)}.zpt-title{margin:0;font-size:clamp(23px,2.6vw,34px);font-weight:700;letter-spacing:-.028em;line-height:1.1;color:#fff}.zpt-text{margin:0;max-width:34ch;font-size:14px;line-height:1.5;color:#ffffffd1}.zpt-cta{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:11px 18px;border-radius:980px;font-size:13px;font-weight:600;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}.zpt-cta svg{width:13px;height:13px}.zpt-tile:hover .zpt-cta{transform:translateY(-2px)}.zpt-cta--white{background:#fff;color:#1a1a1a}.zpt-cta--white:hover{background:#ffffffe0}.zpt-cta--blue{background:var(--zap-brand-600, #4676A1);color:#fff}.zpt-cta--blue:hover{background:var(--zap-brand-700, #3F6B91)}@media(max-width:989px){.zpt-tile{aspect-ratio:1.9 / 1;min-height:240px}}@media(max-width:749px){.zbn-viewport{height:clamp(460px,calc(var(--zbn-h, 72vh) + 4vh),620px)}.zbn-scrim{background:linear-gradient(0deg,#1a1a1ae0 4%,#1a1a1a80 46%,#1a1a1a14 82%),linear-gradient(90deg,#1a1a1a47,#1a1a1a00 60%)}.zbn-media img{object-position:var(--zbn-focal, center) center}.zbn-inner{align-items:flex-end;padding-bottom:74px}.zbn--multi .zbn-inner{padding-left:clamp(20px,5vw,24px)}.zbn-title{font-size:clamp(30px,8.2vw,42px)}.zbn-lede{font-size:15px;max-width:34ch}.zbn-actions{margin-top:22px;flex-direction:column;align-items:stretch}.zbn-btn{justify-content:center;padding:14px 22px}.zbn-nav{display:none}.zbn-dots{bottom:18px}.zpt-grid{grid-template-columns:minmax(0,1fr)}.zpt-tile{aspect-ratio:1.45 / 1;min-height:0}.zap.zpt{--zpt-gap: 10px}.zpt-text{font-size:13px}}@media(prefers-reduced-motion:reduce){.zbn-slide,.zbn-media img,.zpt-img{transition:none!important}.zbn-slide .zbn-media img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zaverni-banner.css.map */