.hero-dtf{color:#fff;padding:120px 0 60px;overflow:hidden}.hero-dtf__container{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:var(--narrow-page-width, 1320px);margin:0 auto;padding:0 var(--page-margin, 40px)}.hero-dtf__social-proof{display:flex;align-items:center;gap:8px;margin-bottom:20px}.hero-dtf__stars{display:flex;gap:2px}.hero-dtf__rating{font-weight:700;font-size:1rem;color:gold}.hero-dtf__review-count{font-size:.875rem;color:#ffffffa6}.hero-dtf__heading{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.1;margin:0 0 16px;color:#fff}.hero-dtf__heading em{font-style:normal;color:#dc2f3c}.hero-dtf__subheading{font-size:1rem;line-height:1.6;color:#ffffffa6;margin:0 0 24px;max-width:540px}.hero-dtf__trust-badges{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:32px}.hero-dtf__badge{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#ffffffcf}.hero-dtf__buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-dtf__button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.hero-dtf__button--primary{background-color:#dc2f3c;color:#fff;border:none}.hero-dtf__button--primary:hover{background-color:#b8232f;transform:translateY(-1px)}.hero-dtf__button--secondary{background-color:transparent;color:#fff;border:1.5px solid #ffffff40}.hero-dtf__button--secondary:hover{border-color:#ffffff80;background-color:#ffffff0d}.hero-dtf__media{position:relative}.hero-dtf__image{width:100%;height:auto;border-radius:12px;object-fit:cover}.hero-dtf__grid-images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-dtf__grid-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}.hero-dtf__grid-img{width:100%;height:100%;object-fit:cover}.hero-dtf__grid-label{position:absolute;bottom:8px;left:8px;background:#dc2f3c;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}@media(max-width:749px){.hero-dtf{padding:100px 0 40px}.hero-dtf__container{grid-template-columns:1fr;gap:32px}.hero-dtf__heading{font-size:1.9rem}.hero-dtf__trust-badges{flex-direction:column;gap:10px}.hero-dtf__buttons{flex-direction:column}.hero-dtf__button{justify-content:center;width:100%}.hero-dtf__media{order:-1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-hero-dtf.css.map */
