.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}}.hafa-doc .hafa-doc__icon{width:18px;height:18px;flex:0 0 auto}.hafa-doc.hafa-vbtn--link{gap:8px;font-size:1.4rem}.hafa-doc-wrap{margin-top:14px}.hafa-doc-row{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ead6d9;border-radius:10px;background:#fbf5f6;color:#932231;font:600 1.4rem/1.2 var(--font-body-family);text-decoration:none;transition:border-color .18s ease,background .18s ease}.hafa-doc-row:hover{border-color:#932231;background:#f7ecee}.hafa-doc-row:focus-visible{outline:2px solid #932231;outline-offset:3px}.hafa-doc-row .hafa-doc__icon{width:20px;height:20px;flex:0 0 auto}.hafa-doc-row__tag{font-size:1.05rem;letter-spacing:.06em;padding:3px 6px;border-radius:4px;background:#932231;color:#fff}.hafa-doc-card{display:flex;align-items:center;gap:18px;max-width:760px;padding:16px 20px;border:1px solid #e3e1dc;border-radius:12px;background:#fff;color:#111;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}.hafa-doc-card:hover{border-color:#932231;box-shadow:0 6px 18px #0000000f}.hafa-doc-card:focus-visible{outline:2px solid #932231;outline-offset:3px}.hafa-doc-card__badge{flex:0 0 auto;width:56px;height:64px;border-radius:8px;background:#932231;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 1.1rem/1 var(--font-body-family);letter-spacing:.06em}.hafa-doc-card__badge .hafa-doc__icon{width:24px;height:24px}.hafa-doc-card__body{flex:1 1 auto;min-width:0}.hafa-doc-card__title{display:block;font:600 1.6rem/1.3 var(--font-body-family)}.hafa-doc-card__text{display:block;margin-top:4px;font-size:1.35rem;line-height:1.45;color:#5c5c5c}.hafa-doc-card__cta{flex:0 0 auto;font:600 1.4rem/1 var(--font-body-family);color:#932231;white-space:nowrap}.hafa-doc-card:hover .hafa-doc-card__cta{text-decoration:underline}.hafa-videos__doc{margin-top:28px}.hafa-videos__heading--center~.hafa-videos__doc .hafa-doc-card{margin-inline:auto}@media screen and (max-width:749px){.hafa-doc-card{flex-wrap:wrap;gap:12px 14px;padding:14px 16px}.hafa-doc-card__badge{width:46px;height:54px}.hafa-doc-card__body{flex-basis:calc(100% - 64px)}.hafa-doc-card__cta{flex-basis:100%;text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hafa-video.css.map */