.tpt-hero-banner-1{box-sizing:border-box;display:flex;align-items:center;gap:3em;min-height:25em}.tpt-hero-banner-1 *,.tpt-hero-banner-1 *:before,.tpt-hero-banner-1 *:after{box-sizing:border-box}.tpt-hero-banner-1_content{flex:1;display:flex;flex-direction:column;gap:1.5em}.tpt-hero-banner-1_image{flex:1;display:flex;align-items:center;justify-content:center;min-height:25em}.tpt-hero-banner-1_reverse{flex-direction:row-reverse}.tpt-hero-banner-1_rating{display:flex;align-items:center;gap:.75em;padding:.75em 1.5em;background-color:#ffffffe6;border-radius:2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.tpt-hero-banner-1_stars{display:flex;gap:.125em}.tpt-hero-banner-1_star{font-size:1.125em;color:#ddd;transition:color .2s ease}.tpt-hero-banner-1_star--filled{color:#4caf50}.tpt-hero-banner-1_rating-text{font-size:.875em;font-weight:500;white-space:nowrap}.tpt-hero-banner-1_heading{margin:0}.tpt-hero-banner-1_title{margin:0;line-height:1.1;font-weight:700}.tpt-hero-banner-1_description{font-size:1.125em;line-height:1.6;max-width:35em}.tpt-hero-banner-1_description p{margin:0 0 1em}.tpt-hero-banner-1_description p:last-child{margin-bottom:0}.tpt-hero-banner-1_button{margin-top:.5em}.tpt-hero-banner-1_button .tpt-button{display:flex!important;width:fit-content;align-items:center;justify-content:center;gap:.5em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.tpt-hero-banner-1_button .tpt-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tpt-hero-banner-1_button svg{transition:transform .3s ease}.tpt-hero-banner-1_button .tpt-button:hover svg{transform:translate(2px)}.tpt-hero-banner-1_features{display:flex;flex-direction:column;gap:.75em}.tpt-hero-banner-1_feature{display:flex;align-items:center;gap:.75em}.tpt-hero-banner-1_feature-icon{flex-shrink:0;width:1.5em;height:1.5em;border-radius:50%;background-color:#4caf501a;display:flex;align-items:center;justify-content:center;color:#4caf50}.tpt-hero-banner-1_feature-text{font-size:1em;font-weight:500}.tpt-hero-banner-1_image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tpt-hero-banner-1_image-holder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:1em;overflow:hidden;position:relative}.tpt-hero-banner-1_image-holder img{width:100%;height:100%;object-fit:cover;border-radius:1em}.tpt-hero-banner-1_image-placeholder{width:100%;height:100%;min-height:20em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;background-color:rgba(var(--tpt-section-foreground-color),.05);border:2px dashed rgba(var(--tpt-section-foreground-color),.15);border-radius:1em;transition:all .3s ease}.tpt-hero-banner-1_image-placeholder:hover{background-color:rgba(var(--tpt-section-foreground-color),.08);border-color:rgba(var(--tpt-section-foreground-color),.25)}.tpt-hero-banner-1_placeholder-icon{display:flex;align-items:center;justify-content:center;color:rgba(var(--tpt-section-foreground-color),.4);transition:color .3s ease}.tpt-hero-banner-1_image-placeholder:hover .tpt-hero-banner-1_placeholder-icon{color:rgba(var(--tpt-section-foreground-color),.6)}.tpt-hero-banner-1_placeholder-text{text-align:center}.tpt-hero-banner-1_placeholder-text span{font-size:1.125em;font-weight:500;opacity:.6;transition:opacity .3s ease}.tpt-hero-banner-1_image-placeholder:hover .tpt-hero-banner-1_placeholder-text span{opacity:.8}@media screen and (min-width: 768px) and (max-width: 1279px){.tpt-hero-banner-1{gap:2em;min-height:20em}.tpt-hero-banner-1_content{gap:1.25em}.tpt-hero-banner-1_rating{padding:.625em 1.25em}.tpt-hero-banner-1_rating-text{font-size:.8125em}.tpt-hero-banner-1_description{font-size:1em}.tpt-hero-banner-1_image{min-height:20em}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_image-placeholder{min-height:18em}.tpt-hero-banner-1_placeholder-icon svg{width:60px;height:60px}.tpt-hero-banner-1_placeholder-text span{font-size:1em}.tpt-hero-banner-1_features{gap:.625em}.tpt-hero-banner-1_feature-text{font-size:.9375em}}@media screen and (max-width: 767px){.tpt-hero-banner-1{flex-direction:column;gap:2em;min-height:auto;text-align:center}.tpt-hero-banner-1_reverse{flex-direction:column}.tpt-hero-banner-1_content{flex:none;width:100%;gap:1em;order:2}.tpt-hero-banner-1_image{flex:none;width:100%;height:20em;order:1}.tpt-hero-banner-1_reverse .tpt-hero-banner-1_content{order:2}.tpt-hero-banner-1_reverse .tpt-hero-banner-1_image{order:1}.tpt-hero-banner-1_rating{padding:.5em 1em;margin:0 auto}.tpt-hero-banner-1_rating-text{font-size:.75em}.tpt-hero-banner-1_stars{gap:.0625em}.tpt-hero-banner-1_star{font-size:1em}.tpt-hero-banner-1_description{font-size:.9375em;max-width:none}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_image-placeholder{min-height:16em}.tpt-hero-banner-1_placeholder-icon svg{width:50px;height:50px}.tpt-hero-banner-1_placeholder-text span{font-size:.9375em}.tpt-hero-banner-1_features{gap:.5em;align-items:center}.tpt-hero-banner-1_feature{justify-content:center}.tpt-hero-banner-1_feature-text{font-size:.875em}.tpt-hero-banner-1_button{margin-top:.75em}}@media screen and (max-width: 480px){.tpt-hero-banner-1{gap:1.5em}.tpt-hero-banner-1_image{height:18em}.tpt-hero-banner-1_content{gap:.875em}.tpt-hero-banner-1_rating{flex-direction:column;gap:.5em;padding:.75em}.tpt-hero-banner-1_rating-text{font-size:.6875em;text-align:center}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_image-placeholder{min-height:14em;gap:.75em}.tpt-hero-banner-1_placeholder-icon svg{width:40px;height:40px}.tpt-hero-banner-1_placeholder-text span{font-size:.875em}.tpt-hero-banner-1_features{gap:.375em}.tpt-hero-banner-1_feature-text{font-size:.8125em}}.tpt-hero-banner-1.layout-style-1 .tpt-hero-banner-1_rating{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3)}.tpt-hero-banner-1.layout-style-2 .tpt-hero-banner-1_image-holder img{border-radius:2em;box-shadow:0 10px 30px #0000001a}.tpt-hero-banner-1.layout-style-2 .tpt-hero-banner-1_image-placeholder{border-radius:2em;box-shadow:0 10px 30px #0000000d}.tpt-hero-banner-1.layout-style-3 .tpt-hero-banner-1_button .tpt-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none}@media (prefers-reduced-motion: no-preference){.tpt-hero-banner-1_content>*{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.tpt-hero-banner-1_rating{animation-delay:.1s}.tpt-hero-banner-1_heading{animation-delay:.2s}.tpt-hero-banner-1_description{animation-delay:.3s}.tpt-hero-banner-1_button{animation-delay:.4s}.tpt-hero-banner-1_features{animation-delay:.5s}.tpt-hero-banner-1_image{opacity:0;transform:scale(.9);animation:fadeInScale .8s ease .3s forwards}.tpt-hero-banner-1_placeholder-icon svg{transform:scale(.8);animation:pulseScale 2s ease-in-out infinite}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}@keyframes pulseScale{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(.9);opacity:.8}}}@media (prefers-color-scheme: dark){.tpt-hero-banner-1_image-placeholder{background-color:#ffffff0d;border-color:#ffffff26}.tpt-hero-banner-1_image-placeholder:hover{background-color:#ffffff14;border-color:#ffffff40}.tpt-hero-banner-1_placeholder-icon{color:#fff6}.tpt-hero-banner-1_image-placeholder:hover .tpt-hero-banner-1_placeholder-icon{color:#fff9}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tpt-hero-banner-1.css.map */