.crampcare-header{margin:0 auto;overflow:hidden;position:relative}.crampcare-header.gradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),color-stop(50%,rgba(var(--color-background),1)),to(rgba(var(--color-foreground),.08)));background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(var(--color-background),1) 50%,rgba(var(--color-foreground),.08) 100%);background:linear-gradient(180deg,#fff,rgba(var(--color-background),1),rgba(var(--color-foreground),.08))}.crampcare-header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;position:relative}.crampcare-header__hero-wrapper{position:relative;width:100%;display:grid;align-items:center;justify-items:center}.crampcare-header__logo-wrapper{grid-column:1 / -1;grid-row:1 / -1;z-index:1;align-self:start;justify-self:center;width:100%}.crampcare-header__logo-image{height:auto;max-width:100%}.crampcare-header__hero{grid-column:1 / -1;grid-row:1 / -1;z-index:2;align-self:center;justify-self:center;overflow:hidden;transform:rotate(-2deg) translateY(-2rem);border-radius:var(--collection-card-corner-radius);margin-top:15rem}.crampcare-header__hero-image{width:auto;height:100%}.crampcare-header__buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:4.5rem;z-index:10}@media screen and (min-width: 800px){.crampcare-header__buttons-container{position:absolute;right:0;top:22rem;margin-top:0;justify-content:flex-end}}.crampcare-header__button-wrapper{margin:0}.crampcare-header__button-wrapper .button{display:inline-block;padding:1rem 2.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background-color .3s ease,color .3s ease,border-color .3s ease;cursor:pointer;border:1px solid transparent}@media screen and (min-width: 800px){.crampcare-header__button-wrapper .button{font-size:1.8rem;padding:1rem 2.5rem}}.crampcare-header__button-wrapper .button:hover{opacity:.9}.crampcare-header__subtitle-wrapper{text-align:center;width:100%;margin-top:2rem}.crampcare-header__subtitle{max-width:900px;margin:0 auto;padding:0 1rem;font-size:clamp(1.8rem,3vw,2.8rem);font-style:normal;font-weight:500;line-height:1.3;letter-spacing:-1.4px}.crampcare-header__column.crampcare-header__column--text{text-align:center}.crampcare-header__columns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3rem;width:100%;padding:2rem 1rem 4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8rem}.crampcare-header__column,.crampcare-header__column--text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px}.crampcare-header__why{display:inline-block;border:1px solid rgba(var(--color-foreground));padding:1.3rem 2rem;border-radius:4rem;font-size:16px;font-style:normal;font-weight:550;line-height:1;letter-spacing:.3px;text-transform:uppercase}.crampcare-header__column--image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.crampcare-header__column-image{max-width:100%;height:auto;display:block;border-radius:8px}@media screen and (min-width: 750px){.crampcare-header__hero-wrapper{min-height:70vh}.crampcare-header__hero{height:56.2rem}}@media screen and (max-width: 749px) and (min-width: 550px){.crampcare-header__hero-wrapper{min-height:auto}.crampcare-header__hero{height:45rem;transform:rotate(-2deg) translateY(0);margin-top:10rem}}@media screen and (max-width: 549px){.crampcare-header__hero{height:45rem;transform:rotate(-2deg) translateY(0);margin-top:8rem}}@media screen and (min-width: 768px){.crampcare-header__column-text,.crampcare-header__column-title{max-width:50rem}}@media screen and (max-width: 749px){.crampcare-header__columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem 1rem}}@media screen and (min-width: 750px){.section-padding-top{padding-top:48px}.section-padding-bottom{padding-bottom:48px}}@media screen and (max-width: 549px){.crampcare-header__subtitle{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-crampcare-header.css.map */
