.hero-banner{position:relative;background:linear-gradient(166deg,var(--color-primary-gradient-start) 0%,var(--color-primary-gradient-end) 100%);overflow:visible;padding-top:80px}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 30px 40px;gap:20px;position:relative;z-index:2}.hero-badge{font-family:Onest,sans-serif;font-size:16px;font-weight:500;color:#ffffffd9}.hero-badge strong{font-weight:700;color:#fff}.hero-title{font-family:Red Hat Display,sans-serif;font-size:clamp(42px,7vw,68px);font-weight:700;line-height:1.02;color:#fff;max-width:700px}.hero-title .accent{color:#ffffff73}.hero-subtitle{font-family:Red Hat Text,sans-serif;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:#ffffffbf;max-width:550px}.hero-cards-outer{position:relative;width:100%;margin-top:40px;margin-bottom:80px}.hero-cards-bg{position:absolute;top:50%;left:50%;transform:translate(-50%);width:100%;max-width:960px;height:210px;z-index:0}.hero-cards-bg-inner{width:100%;height:100%;background-color:#fff;border-radius:25px 25px 0 0}.hero-watermark{position:absolute;bottom:-186px;left:50%;transform:translate(-50%);font-family:Montserrat,sans-serif;font-size:380px;font-weight:800;color:var(--color-text);opacity:.07;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;display:none}.hero-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;max-width:918px;margin:0 auto;padding:0 12px 12px;position:relative;z-index:3;top:82px}.hero-card{display:flex;flex-direction:column;align-items:center;width:216px;text-decoration:none;transition:transform var(--transition-base)}.hero-card:hover{transform:translateY(-6px)}.hero-card-image{width:100%;height:120px;border-radius:20px 20px 0 0;position:relative;overflow:visible;display:flex;align-items:flex-end;justify-content:center}.hero-card-image img{position:absolute;max-height:160px;width:auto;object-fit:contain}.hero-card[data-category=weight-loss] .hero-card-image{background-color:var(--color-weight-loss)}.hero-card[data-category=peptides] .hero-card-image{background-color:var(--color-peptides)}.hero-card[data-category=mens] .hero-card-image{background-color:var(--color-mens)}.hero-card[data-category=womens] .hero-card-image{background-color:var(--color-womens)}.hero-card-label{width:100%;height:70px;position:relative}.hero-card-label-inner{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fafafa;border-radius:0 0 20px 20px}.hero-card-label-content{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.hero-card-title{font-family:Onest,sans-serif;font-size:14px;font-weight:700;color:var(--color-text);white-space:nowrap}.hero-card-arrow{width:15px;height:13px;display:flex;align-items:center;justify-content:center}.hero-card-arrow svg{width:100%;height:100%}@media(max-width:1199px){.hero-cards{max-width:700px}.hero-card{width:calc(50% - 10px)}}@media(max-width:809px){.hero-content{padding:60px 20px 0}.hero-cards{flex-direction:column;align-items:center;max-width:320px}.hero-card{width:100%}.hero-watermark{font-size:120px;bottom:-60px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/medvi-hero-banner.css.map */