.hero-grid-section .hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.hero-grid-section .hero-grid__hero{position:relative;border-radius:16px;overflow:hidden;min-height:480px;background-color:var(--hero-bg, #4ECDA4)}.hero-grid-section .hero-grid__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-grid-section .hero-grid__hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-bg, #4ECDA4)}.hero-grid-section .hero-grid__hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;z-index:2}.hero-grid-section .hero-grid__heading{font-family:var(--font-heading-family, inherit);font-size:clamp(28px,3.5vw,48px);font-weight:var(--font-heading-weight, 900);font-style:var(--font-heading-style, normal);line-height:1.1;color:#fff;text-transform:uppercase;margin:0 0 8px;max-width:500px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-grid-section .hero-grid__subheading{font-size:clamp(14px,1.4vw,18px);color:#ffffffe6;margin:0 0 24px;max-width:400px;text-shadow:0 1px 4px rgba(0,0,0,.1)}.hero-grid-section .hero-grid__highlight{color:var(--highlight-color, #00B8D4)}.hero-grid-section .hero-grid__buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-grid-section .hero-grid__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--btn-radius, 10px);font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;border:1px solid var(--btn-border, #00B8D4);background-color:var(--btn-bg, #00B8D4);color:var(--btn-text, #fff);transition:color .4s ease,border-color .4s ease}.hero-grid-section .hero-grid__btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--btn-hover-bg, #fff);transform:translate(-101%);transition:transform .45s cubic-bezier(.65,0,.35,1);z-index:-1}.hero-grid-section .hero-grid__btn:hover{color:var(--btn-hover-text, #00B8D4)}.hero-grid-section .hero-grid__btn:hover:before{transform:translate(0)}.hero-grid-section .hero-grid__btn-label{position:relative;z-index:1;display:inline-block}.hero-grid-section .hero-grid__btn--primary{--btn-bg: var(--btn-primary-bg, #00B8D4);--btn-text: var(--btn-primary-text, #fff);--btn-border: var(--btn-primary-border, #00B8D4);--btn-hover-bg: var(--btn-primary-hover-bg, #fff);--btn-hover-text: var(--btn-primary-hover-text, #00B8D4)}.hero-grid-section .hero-grid__btn--secondary{--btn-bg: var(--btn-secondary-bg, #fff);--btn-text: var(--btn-secondary-text, #00B8D4);--btn-border: var(--btn-secondary-border, #00B8D4);--btn-hover-bg: var(--btn-secondary-hover-bg, #00B8D4);--btn-hover-text: var(--btn-secondary-hover-text, #fff)}.hero-grid-section .hero-grid__btn--card{--btn-bg: var(--card-btn-bg, #00B8D4);--btn-text: var(--card-btn-text, #fff);--btn-border: var(--card-btn-border, #00B8D4);--btn-hover-bg: var(--card-btn-hover-bg, #fff);--btn-hover-text: var(--card-btn-hover-text, #00B8D4);--btn-radius: var(--card-btn-radius, 8px);padding:10px 22px;font-size:12px}.hero-grid-section .hero-grid__card:hover .hero-grid__btn--card:before{transform:translate(0)}.hero-grid-section .hero-grid__card:hover .hero-grid__btn--card{color:var(--btn-hover-text)}.hero-grid-section .hero-grid__cards{display:grid;grid-template-rows:1fr 1fr;gap:16px}.hero-grid-section .hero-grid__card{position:relative;border-radius:16px;overflow:hidden;background-color:var(--card-overlay, #000);min-height:200px;display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.hero-grid-section .hero-grid__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.hero-grid-section .hero-grid__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-grid-section .hero-grid__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--card-overlay, #000)}.hero-grid-section .hero-grid__card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;z-index:2;background:transparent}.hero-grid-section .hero-grid__card-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--card-overlay, #000) 0%,transparent 70%);opacity:var(--card-overlay-opacity, .4);z-index:-1;border-radius:inherit}.hero-grid-section .hero-grid__badge{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;background-color:var(--badge-bg, #fff);color:var(--badge-text, #1a2744);border-radius:var(--badge-radius, 30px);font-size:14px;font-weight:700;line-height:1;box-shadow:0 4px 14px #00000026;white-space:nowrap;letter-spacing:.2px}.hero-grid-section .hero-grid__badge-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;opacity:.65;margin-right:2px}.hero-grid-section .hero-grid__badge-price{font-weight:700}.hero-grid-section .hero-grid__badge-price--strike{text-decoration:line-through;opacity:.55;font-weight:500;font-size:12px}.hero-grid-section .hero-grid__badge-sale{color:var(--badge-sale-color, #E63946);font-weight:800;font-size:15px}.hero-grid-section .hero-grid__badge--hero{top:24px;left:24px;padding:10px 18px;font-size:16px;gap:8px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-label{font-size:11px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-price--strike{font-size:14px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-sale{font-size:18px}.hero-grid-section .hero-grid__hero--has-badge .hero-grid__hero-content{padding-top:88px}.hero-grid-section .hero-grid__card-heading{font-family:var(--font-heading-family, inherit);font-size:clamp(16px,1.6vw,22px);font-weight:var(--font-heading-weight, 800);font-style:var(--font-heading-style, normal);color:var(--card-text, #fff);text-transform:uppercase;margin:0 0 12px;line-height:1.2}@media screen and (max-width:749px){.hero-grid-section .hero-grid{grid-template-columns:1fr;gap:12px}.hero-grid-section .hero-grid__hero{min-height:420px;aspect-ratio:4 / 5}.hero-grid-section .hero-grid__hero-content{justify-content:flex-start;padding:24px}.hero-grid-section .hero-grid__heading{font-size:26px;max-width:100%}.hero-grid-section .hero-grid__subheading{font-size:14px;max-width:100%}.hero-grid-section .hero-grid__buttons{flex-direction:row;gap:10px}.hero-grid-section .hero-grid__btn{padding:12px 20px;font-size:12px}.hero-grid-section .hero-grid__cards{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.hero-grid-section .hero-grid__card{min-height:180px;aspect-ratio:3 / 4}.hero-grid-section .hero-grid__card-content{padding:14px}.hero-grid-section .hero-grid__card-heading{font-size:14px;margin-bottom:8px}.hero-grid-section .hero-grid__btn--card{padding:8px 16px;font-size:11px}.hero-grid-section .hero-grid__badge{top:10px;left:10px;padding:6px 10px;font-size:12px;gap:4px}.hero-grid-section .hero-grid__badge-label{font-size:9px}.hero-grid-section .hero-grid__badge-price--strike{font-size:11px}.hero-grid-section .hero-grid__badge-sale{font-size:13px}.hero-grid-section .hero-grid__badge--hero{top:14px;left:14px;padding:8px 14px;font-size:14px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-label{font-size:10px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-price--strike{font-size:12px}.hero-grid-section .hero-grid__badge--hero .hero-grid__badge-sale{font-size:15px}.hero-grid-section .hero-grid__hero--has-badge .hero-grid__hero-content{padding-top:70px}}@media screen and (min-width:750px)and (max-width:989px){.hero-grid-section .hero-grid{grid-template-columns:1.5fr 1fr}.hero-grid-section .hero-grid__hero{min-height:380px}.hero-grid-section .hero-grid__hero-content{padding:28px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/hero-grid-section.css.map */