.hafa-vbtn{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font:600 1.5rem/1.2 var(--font-body-family);letter-spacing:.01em;border-radius:999px;padding:12px 20px;cursor:pointer;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.hafa-vbtn__icon{width:18px;height:18px;flex:0 0 auto}.hafa-vbtn__dur{font-weight:400;opacity:.75}.hafa-vbtn__hint{flex-basis:100%;font-size:1.15rem;font-weight:400;opacity:.7;margin-top:-4px}.hafa-vbtn--primary{background:#932231;color:#fff;border:1px solid #932231}.hafa-vbtn--primary:hover{background:#7a1c29}.hafa-vbtn--secondary{background:transparent;color:#111;border:1px solid #111}.hafa-vbtn--secondary:hover{background:#111;color:#fff}.hafa-vbtn--link{background:none;border:0;padding:0;color:#932231;border-radius:0}.hafa-vbtn--link:hover .hafa-vbtn__label{text-decoration:underline}.hafa-vbtn--link .hafa-vbtn__hint{margin-top:0}.hafa-vbtn:focus-visible{outline:2px solid #932231;outline-offset:3px}.hafa-vlb{border:0;padding:0;background:transparent;width:100%;max-width:min(1100px,94vw,calc((86vh - 70px) * 16 / 9))}.hafa-vlb::backdrop{background:#0a0a0ceb}.hafa-vlb__box{position:relative}.hafa-vlb__frame{aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.hafa-vlb__frame iframe{display:block;width:100%;height:100%;border:0}.hafa-vlb__title{margin:12px 4px 0;color:#fff;font:500 1.5rem/1.4 var(--font-body-family)}.hafa-vlb__close{position:absolute;top:-48px;right:0;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:#fffffff0;color:#111}.hafa-vlb__close svg{width:20px;height:20px}.hafa-vlb__close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (max-width:749px){.hafa-vlb{max-width:100vw}.hafa-vlb__frame{border-radius:0}.hafa-vlb__close{top:8px;right:8px;z-index:2}.hafa-vlb__title{margin:10px 12px 0}}.hafa-videos{padding:var(--hafa-videos-pt, 48px) 0 var(--hafa-videos-pb, 48px)}.hafa-videos--alt{background:#f7f6f4}.hafa-videos__heading{margin:0 0 8px;font-size:clamp(2.2rem,3vw,3.2rem);line-height:1.15;color:#111}.hafa-videos__text{margin:0 0 24px;max-width:70ch;font-size:1.6rem;line-height:1.6;color:#2a2a2a}.hafa-videos__heading--center,.hafa-videos__text--center{text-align:center;margin-left:auto;margin-right:auto}.hafa-videos__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.hafa-videos__grid--1{grid-template-columns:minmax(0,720px)}.hafa-videos__grid--2{grid-template-columns:repeat(2,1fr)}.hafa-vcard{display:flex;flex-direction:column;text-align:left;padding:0;border:0;cursor:pointer;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #1111110a,0 6px 18px #1111110f;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}.hafa-vcard__media{position:relative;display:block;aspect-ratio:16 / 9;background:#111;overflow:hidden}.hafa-vcard__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.hafa-vcard:hover .hafa-vcard__media img{transform:scale(1.03)}.hafa-vcard__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#932231f2;color:#fff;box-shadow:0 6px 20px #00000040;transition:transform .18s ease}.hafa-vcard__play svg{width:28px;height:28px;margin-left:3px}.hafa-vcard:hover .hafa-vcard__play{transform:scale(1.06)}.hafa-vcard__dur{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:6px;background:#000000bf;color:#fff;font:600 1.2rem/1 var(--font-body-family)}.hafa-vcard__body{display:block;padding:14px 16px 16px}.hafa-vcard__title{display:block;font:600 1.5rem/1.35 var(--font-body-family);color:#111}.hafa-vcard__hint{display:block;margin-top:4px;font-size:1.2rem;color:#6b6b6b}.hafa-vcard:focus-visible{outline:2px solid #932231;outline-offset:3px}@media screen and (max-width:989px){.hafa-videos__grid,.hafa-videos__grid--2{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.hafa-videos__grid,.hafa-videos__grid--2,.hafa-videos__grid--1{grid-template-columns:1fr;gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hafa-video.css.map */