/** Shopify CDN: Minification failed

Line 478:10 Expected ":"

**/
@font-face {
  font-family: 'Gelica';
  src: url('/cdn/shop/files/Gelica-Bold.woff?v=1780668342') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tay';
  src: url('/cdn/shop/files/TAYMilkbarRegular.woff?v=1780668322') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/*************
Global Styling
**************/

* {
    transition: all 0.4s ease;
}
html, body {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased; 
}
body a {
    text-decoration: none;
    color: currentcolor;
}
.hs {
    font-size: 3rem;
}
/* 1. Define the animation */
@keyframes fadeInUp {
    from {
        opacity: 0;          /* Start completely transparent */
        transform: translateY(50px); /* Start 20px below its final position */
    }
    to {
        opacity: 1;            /* End fully visible */
        transform: translateY(0);    /* End at its final position */
    }
}

@keyframes motionrevealin {
    0% {
        opacity: 0;
        animation-timing-function: step-end;
    }
    0.0001% {
        opacity: var(--comp-opacity, 1);
        clip-path: var(--motion-clip-start, polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%));
    }
    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

/* Your Base Class */
.motion-reveal {
    /* The key part: animation is set to PAUSED */
    animation: motionrevealin 800ms 1ms 
    cubic-bezier(0.645, 0.045, 0.355, 1) backwards 1 paused;
    animation-composition: replace;
    --motion-clip-start: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    /* Set initial visibility for elements that rely on opacity change in keyframes */
    opacity: 0; 
}

/* The Trigger Class: When this is added by JS, the animation STARTS */
.motion-reveal.is-running {
    animation-play-state: running;
    opacity: 1; /* Ensure element is visible before animation starts */
}

/* 2. Initial state: hidden and slightly lowered */
.fade-in-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    transition: none; /* Important: Disable default transition for initial state */
}

/* 3. State when element is in the viewport (The class added by JS) */
.fade-in-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 1s ease-out forwards; /* Apply the animation for 0.6 seconds */
    /* Optional: Add a delay if needed, e.g., animation-delay: 0.2s; */
}
.center {
    text-align: center;
}
.d-flex {
    display: flex;
}
.relative {
    position: relative;
}
.justify-center {
    justify-content: center;
}
.align-center {
    align-items: center;
}
a.btn, a.button {
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
a.btn:before, a.btn:after, a.button:before, a.button:after {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.global-btn {
    background: #285a5b;
    color: #fff;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 0 26px;
}
.global-btn:hover {
    background: #B5C7C5;
}
.secondary-btn {
    background: transparent;
    color: #fff;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 0 26px;
    border: 1px solid #ffffff;
}
.secondary-btn:hover {
    background: #4F7170;
    border: 1px solid #4F7170;
}

/**********
Header
**********/
.header__icons {
    padding-right: 2em;
}
.header__icons svg {
    fill: color: rgb(var(--color-foreground));
}
.header__inline-menu .list-menu .header__menu-item {
    font-family: var(--font-menu-family);
    font-weight: var(--font-menu-weight);
    text-transform: uppercase;
    padding-top: 0;
}
.header__inline-menu .list-menu .header__menu-item:hover span {
    text-decoration: none;
}
.header__inline-menu .list-menu .header__menu-item .header__active-menu-item {
    text-decoration: none;
    color: #000000;
}
/* .header .header__search {
    display: none;
} */
.header .header__heading-link {
    padding: 0;
}
.header .header__icon--cart .icon {
    height: 2.8rem;
}
.header .header__icon .icon path {
    stroke: #000000;
}
.header .header__icon--search .icon path {
    stroke-width: 0.2px;
}
/*.header__inline-menu .list-menu > li:last-child a {
    background: #285a5b;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: -12px;
}
.header__inline-menu .list-menu > li:last-child a:hover {
    background: #B5C7C5;
}
.menu-drawer__menu > li:last-child a {
    background: #285a5b;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-left: 3rem;
    margin-top: 1rem;
}*/

/**********
Home Page
**********/

.collection .collection__view-all .button::after, .collection .collection__view-all .button::before {
    content: none;
}
.collection .collection__view-all .button {
    border-radius: 0;
    padding: 7px 40px;
}
.collection .collection__view-all .button:hover {
    background: #B5C7C5;
}

.hero-section .homepage-hero-section.banner--adapt {
    height: 100svh;
}
.homepage-hero-section .subtitle p {
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 0.15em;
}
.homepage-hero-section .banner__heading.hxxl {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 7px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.homepage-hero-section .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) {
    height: 896px;
    object-fit: cover;
    top: 107px;
}
.hero-section .homepage-hero-section.banner:after, .hero-section .homepage-hero-section .banner__media:after {
    background: rgb(13,33,32);
}
.homepage-richtext-section .rich-text__blocks {
    max-width: 90rem;
}
.homepage-richtext-section .rich-text__heading {
    letter-spacing: 0.1em;
    margin-bottom: 35px;
}
.homepage-richtext-section .rich-text__text p {
    font-size: 22px;
    font-weight: 300;
    max-width: 654px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0em;
}
.rich-text .rich-text__buttons {
    max-width: 100% !important;
}
.rich-text a.button {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 2px;
    padding: 14px 25px 12px;
    text-transform: uppercase;
}
.rich-text a.button:before, .rich-text a.button:after {
    display: none;
}
.rich-text a.button.button--primary {
    background: #bfa932;
}
.rich-text a.button.button--secondary {
    background: #6daea4;
}
.rich-text a.button:hover {
    background: #192019 !important;
}
.visit-us-section .rich-text__text p {
    font-size: 22px;
    max-width: 638px;
    margin: auto;
}
.visit-us-section .visit-us-wrapper {
    margin-top: 6rem;
}
.visit-us-wrapper .visit-item-image {
    height: 360px;
    overflow: hidden;
    position: relative;
}
.visit-us-wrapper .visit-item-image img {
    width: 100%;
    object-fit: cover;
    transition: all 1s ease;
}
.visit-us-wrapper .visit-us-item:hover img {
    scale: 1.1;
}
.visit-us-wrapper .visit-us-item:hover .visit-item-image::after {
    opacity: 1;
}
.visit-us-wrapper .visit-item-heading h4 {
    color: #000000;
    margin-top: 10px;
    margin-bottom: 0;
}
.visit-us-wrapper .visit-item-image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 360px;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.42);
    opacity: 0;
}
.visit-us-button {
    margin-top: 6rem;
}
.first-iwt-section .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.first-iwt-section .grid__item-wrapper {
    width: 100%;
    max-width: 440px;
    /* padding-bottom: 2rem; */
}
.first-iwt-section .image-content-grid .section-title {
    font-size: 37px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 7rem;
    margin-top: 0;
}
.first-iwt-section .grid__item.content-wrapper .section-subtitle p {
    line-height: 1.8em;
    max-width: 378px;
    margin: auto;
}
.first-iwt-section .button-group a {
    flex: 1;
}
.first-iwt-section .button-group .global-btn {
    background: #ffffff;
    color: #285a5b;
    height: 55px;
}
.first-iwt-section .button-group .global-btn:hover {
    background: #4F7170;
    color: #ffffff;
}
.grid-leaf-icon {
    position: absolute;
    width: 100%;
    max-width: 114px;
    height: 100px;
    top: 4rem;
    right: 11rem;
    transform: rotate(-55deg);
}
.plan-section-wrapper {
    padding: 10rem 2rem;
}
.plan-section-wrapper > img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}

.plan-content-wrapper {
    padding: 4.8rem 0 6rem;
    width: 100%;
    max-width: 800px;
    z-index: 1;
}
.plan-content-wrapper .title {
    margin-bottom: 1rem;
}
.plan-content-wrapper .rich-text__text {
    max-width: 425px;
    margin: auto;
}
.plan-items-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 656px;
    margin: 2rem auto 5rem;
}
.plan-section-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    max-width: 155px;
}
.plan-section-item img {
    width: 100%;
    max-width: 58px;
}
.plan-section-item .plan-item-heading {
    font-size: 22px;
    text-align: center;
}
.plan-btn {
    height: 30px;
    border-bottom: 1px solid currentColor;
    width: 150px;
    display: flex;
    justify-content: center;
}
.second-iwt-section .content-wrapper {
    display: flex;
    align-items: center;
}
.second-iwt-section .section-title {
    color: #ffffff;
    margin-bottom: 2rem;
}
.second-iwt-section .section-subtitle p {
    font-size: 25px;
    font-family: var(--font-heading-family);
    font-weight: 300;
}
.second-iwt-section .grid__item-wrapper {
    max-width: 430px;
    margin: auto;
    /* padding-bottom: 2rem; */
}
.second-iwt-section .button-group {
    margin-top: 4rem;
}
.second-iwt-section .button-group .secondary-btn {
    height: 60px;
    max-width: 210px;
    width: 100%;
}

/**********
Products
**********/
.product__description h2 {
    font-size: 1.5em;
}

/**********
Footer
**********/
body .footer {
    border-top: 0;
}
.footer .page-width {
    max-width: 1500px !important;
}
.footer-block__image-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
.footer-block__image-wrapper img {
    display: inline-block !important;
    margin 0 auto 1em !important;
}
.map-container {
    position: relative;
    padding-bottom: 100%; /* 1:1 */
    height: 0;
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.footer-block__brand-info {
    text-align: center !important;
    max-width: 100%;
    width: 100%;
}
.footer-block .footer-block__details-content {
    padding-right: 2em;
}
.footer-block .footer-block__details-content p {
    font-size: 15px;
}
.footer-block .footer-block__details-content p a {
    color: #285a5b;
}
.footer-block .footer-block__details-content p em {
    font-size: 22px;
    font-style: normal;
    letter-spacing: 0.15em;
}
.footer-block .footer-block__heading {
    font-family: var(--font-body-family);
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.15em;
}
.footer__blocks-wrapper > .footer-block:nth-child(2) .rte > p:nth-child(2),
.footer__blocks-wrapper > .footer-block:nth-child(2) .rte > p:nth-child(3) {
    margin: 0;
}
.footer-block .footer-block__details-content .svg-wrapper {
    width: 27px;
}
.footer-block .footer-block__details-content .footer__list-social {
    justify-content: flex-start;
    padding-left: 0;
    gap: 2rem;
}
.footer-block .footer-block__details-content .footer__list-social .list-social__link {
    padding: 0;
}
.footer-block .footer-block__details-content .list-social__item .icon {
    height: 2.7rem;
    width: 2.7rem;
}
.other-social-icons {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.footer .footer__content-bottom {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 3rem;
}
.footer__copyright .copyright__content {
    font-size: 1.4rem;
}
.image-content-section .grid__item-wrapper {
    padding: 4rem 0;
}
.banner-mobile-image {
    display: none;
}
.footer-block__brand-info .footer__list-social.list-social {
    justify-content: center !important;
}

/**********
About Page
**********/

.about-iwt-section .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-iwt-section .section-title {
    font-size: 37px;
}
.about-iwt-section .section-subtitle {
    max-width: 450px;
    margin: auto;
}
.about-iwt-section .section-subtitle h3 {
    font-size: 22px;
    font-family: var(--font-body-family);
    margin-bottom: 4.5rem;
}
.about-iwt-section .section-subtitle p {
    text-align: left;
    letter-spacing: 0em;
}
.about-iwt-section .section-subtitle > p:nth-child(2) {
    text-align: center;
}
.about-richtext-section .rich-text__text {
    max-width: 692px;
    margin: 20px auto 0;
}
.about-richtext-section .rich-text__text p {
    letter-spacing: 0em;
}
.team-section-wrapper {
    display: grid;
    gap: 14rem 5rem;
    padding: 0 14rem;
    grid-template-columns: repeat(3, 1fr);
}
.team-section-content {
    padding: 0 28px;
}
.team-section-image img {
    width: 100%;
    max-width: 100%;
}
.team-section-title {
    font-size: 25px;
    font-family: var(--font-heading-family);
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.team-section-name {
    margin-bottom: 1rem;
}
.team-section-name p {
    font-size: 15px;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 0;
}
.team-section-description p {
    margin-top: 0;
    font-size: 15px;
    letter-spacing: 0em;
    margin-bottom: 0;
}
.team-section-description p + p {
    margin-top: 2rem;
}

/**********
Visit Us Page
**********/

.multicolumn-card__info .link {
    position: relative;
}
.multicolumn-card__info .link::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    background: #285a5b;
    bottom: -4px;
    left: -30px;
}

.multirow .page-width {
  max-width: 1080px;
}
.multirow .image-with-text__content .image-with-text__text:has(h5) {
    margin-top: 0;
}
.multirow .image-with-text__content .image-with-text__text p {
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0;
}
.multirow .image-with-text__content .image-with-text__text h5 {
    font-size: 18px;
}
.multirow .collapse-padding .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-right: 4rem;
}
.multirow .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
    padding-left: 4.5rem;
}
.visit-richtext-section .rich-text__heading {
    letter-spacing: 0em;
}
.visit-richtext-section .rich-text__text p {
    font-size: 22px;
    max-width: 740px;
    margin: auto;
}
.visit-richtext-section .rich-text__buttons {
    margin-top: 3.5rem;
}
.visit-richtext-section .rich-text__buttons .global-btn {
    padding: 0 38px;
}

/**********
Events Page
**********/

.banner-content-wrapper {
    max-width: 980px;
    margin: -100px auto 0;
    z-index: 1;
    position: relative;
    padding: 6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.banner-content-wrapper .title {
    margin-top: 0;
    letter-spacing: 0em;
}
.banner-content-wrapper .rich-text__text p {
    letter-spacing: 0em;
}
.event-columns-wrapper {
    display: grid;
    gap: 14rem 11.5rem;
    padding: 0 6rem;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1500px;
    margin: auto;
}
.event-columns-item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.event-columns-header .event-columns-title {
    margin: 0 0 10px;
    font-size: 20px;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 10px;
}
.event-columns-header .event-columns-date, .event-columns-header .event-columns-time {
    font-size: 15px;
}
.event-columns-image {
    margin-top: 20px;
}
.event-columns-description p {
    font-size: 16px;
}
.event-columns-content ul {
    list-style: none;
    padding: 0;
    margin-top: 0px;
    font-size: 16px;
}
.event-columns-description p a {
    word-break: break-word;
}

/*********************
We Plan You Plant Page
*********************/

.how-this-work .title-wrapper .title {
    font-size: 27px;
}
.how-it-works-wrapper {
    padding: 0 2.5rem;
    max-width: 660px;
    margin: 6rem auto 0;
    display: flex;
    justify-content: space-between;
}
.how-it-work-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    max-width: 155px;
}
.how-it-work-item img {
    width: 100%;
    max-width: 58px;
}
.how-it-work-title {
    font-size: 22px;
    text-align: center;
}
.how-it-work-btn {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.how-it-work-btn .global-btn {
    padding: 0 55.4px;
}
.before-and-after-section .center .title {
    width: fit-content;
    max-width: 370px;
    margin: 0 auto;
}
.before-and-after-wrapper {
    padding: 0 7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8rem;
    margin-top: 12rem;
}
.before-and-after-item {
    position: relative;
    min-width: 100%;
    width: 100%;
}
.before-and-after-item .before-and-after-small-image {
    position: absolute;
    max-width: 258px;
    top: -17%;
    left: -6%;

}
/* .before-and-after-item:hover {
    overflow: hidden;
} */
.before-and-after-item:hover .before-and-after-main-image {
    transform: translateX(-24.272727272727273px) translateY(-70.45454545454545px) scaleX(1.1) scaleY(1.1) rotate(0deg) skewX(0deg) skewY(0deg);
}
.before-and-after-item:hover .before-and-after-small-image, .before-and-after-item:hover .before-and-after-content {
    /* opacity: 0; */
    /* visibility: hidden; */
    display: none;
}

.we-plan-iwt-section .grid__item-wrapper {
    max-width: 460px;
    margin: auto;
    padding: 8rem 0 8rem;
}
.we-plan-iwt-section .section-title {
    font-size: 25px;
}
.we-plan-iwt-section .button-group {
    margin-top: 3rem;
}
.we-plan-iwt-section .global-btn {
    padding: 0 41.5px;
}
.we-plan-richtext-section .rich-text__heading {
    letter-spacing: 0em;
}
.we-plan-richtext-section .rich-text__text h4 {
    letter-spacing: 0em;
}
.we-plan-richtext-section .rich-text__text p {
    font-size: 22px;
    letter-spacing: 0em;
    margin-bottom: 0;
}
.we-plan-richtext-section .rich-text__text p + p {
    margin-top: 0;
}
.we-plan-richtext-section .rich-text__text {
    margin: 2rem auto;
    max-width: 753px;
}

/**************
Guarantee Page
**************/

.guarantee-section-wrapper {
    display: flex;
    max-width: 1250px;
    margin: auto;
    gap: 7rem;
    align-items: start;
    padding: 0 2.5rem;
}
.guarantee-content {
    width: 65%;
}
.guarantee-content-wrapper {
    max-width: 600px;
    margin-left: auto;
}
.guarantee-image-wrapper {
    width: 36%;
    padding-top: 4rem;
}
.guarantee-subheading {
    margin-bottom: 3rem;
}
.guarantee-description.rte p {
    letter-spacing: 0;
}
.guarantee-description.rte ul {
    margin-top: -15px;
}

.form-iwt-section.image-content-section .grid__item-wrapper {
    padding: 14rem 0 2rem;
}
.form-iwt-section .section-subtitle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.form-iwt-section .section-title {
    margin-top: 0;
    font-size: 37px;
}
.form-iwt-section .section-subtitle-wrapper .section-subtitle {
    padding: 0 3rem;
}
.form-iwt-section .section-subtitle-wrapper > .section-subtitle:first-child {
    border-right: 2px solid #ffffff;
}
.form-iwt-section .section-subtitle-wrapper .section-subtitle p {
    margin: 0;
    font-size: 15px;
}
.form-iwt-section .section-subtitle-wrapper .section-subtitle p + p {
    margin-top: 5px;
}
.rich-split-text {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rich-split-text >* {
    flex: 1;
    padding: 0 7rem;
}
.rich-split-text >* p {
    margin-top: 0;
    margin-bottom: 0px;
}
.rich-split-left-text {
    border-right: 1px solid currentColor;
}
.we-believe-columns-wrapper {
    max-width: 985px;
    margin: auto;
}
.we-believe-column {
    padding: 67px 25px;
    text-align: center;
    font-size: 22px;
}
.we-believe-column p {
    margin: 0;
}
.purchase-iwt-section .grid__item-wrapper {
    max-width: 490px;
    margin: auto;
    padding: 4rem 0 0;
}
.purchase-iwt-section .grid__item-wrapper .section-title {
    margin-bottom: 0;
    font-size: 3.7rem;
    letter-spacing: 0em;
}
.purchase-iwt-section .grid__item-wrapper .button-group {
    margin: 0;
}
.purchase-iwt-section .section-blocks-wrapper {
    max-width: 490px;
    margin: auto;
}
.purchase-iwt-section .section-blocks-wrapper .section-block-title {
    margin-bottom: 5px;
}
.purchase-iwt-section .section-blocks-wrapper .section-block-subtitle {
    margin-top: 5px;
    margin-bottom: 15px;
}
.purchase-iwt-section .section-blocks-wrapper .global-btn {
    height: 40px;
    padding: 0 36px;
}
.purchase-iwt-section .section-blocks-wrapper .section-block-description {
    max-width: 330px;
}
.form-page-richtext .rich-text__blocks {
    max-width: 50rem;
}
.form-page-richtext .rich-text__heading {
    letter-spacing: 0;
}
.form-page-richtext .rich-text__text p strong {
    font-size: 22px;
    font-weight: 400;
}
.form-page-richtext .rich-text__text p a {
    color: #285a5b;
}
.preorder-display__icon-badge-row .preorder-display__badge {
    background: #285a5b !important;
    font-size: 15px;
    font-weight: 400;
}
.preorder-display__content .preorder-display__title {
    font-size: 18px;
    color: #212322 !important;
}
.preorder-display__content .preorder-display__message {
    font-size: 14px;
    color: #212322 !important;
}
.preorder-display__content .preorder-display__note {
    font-size: 14px;
}
.product-form .product-form__buttons .button {
    background: #285a5b;
    color: #ffffff;
}
.product-form .product-form__buttons .button:hover {
    background: #B5C7C5;
}
.product-form .product-form__buttons .button::before, .product-form .product-form__buttons .button::after {
    content: none;
}

#CartDrawer .cart-items .cart-item__details {
    padding-left: 0 !important;
    padding-top: 1rem !important;
}
#CartDrawer .cart-items .cart-item__quantity {
    padding-left: 0 !important;
}
.cart-items .cart-item__details .cart-item__name {
    font-size: 2rem;
}
.drawer__header .drawer__heading {
    font-size: 3rem;
}
.drawer__cart-items-wrapper .cart-items thead {
    display: none;
}
.product-form__buttons #klaviyo-bis-button-container ~ .shopify-payment-button {
    display: none;
}
.card__content .card__badge .badge {
    font-size: 1.4rem;
    padding: 1rem 1.3rem 1rem;

}
cart-items .title-wrapper-with-link .underlined-link {
    display: none;
}
cart-items .cart-items thead {
    display: none;
}
.cart-drawer .drawer__header {
    padding: 1rem 0 0;
}
.complementary-products .complementary-products__container .accordion__title {
    font-size: 2rem;
}
.complementary-products .card__information .card__heading {
    font-size: 1.7rem;
}
.complementary-products .complementary-products__container .quick-add__submit {
    padding: 1rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.cart__footer .cart__blocks #cart-form-installment {
    text-align: end;
    margin-top: 10px;
}
.cart__footer .cart__blocks .tax-note {
    margin-top: 10px;
}

@media screen and (min-width: 769px) {
    .we-plan-richtext-section .rich-text__heading {
        font-size: 56px;
    }
    .we-plan-richtext-section .rich-text__text h4 {
        font-size: 30px;
    }
    cart-items .cart-item .cart-item__media {
        width: 15rem;
    }
}

@media screen and (min-width: 990px) {
    body .header {
        max-width: 100%;
    }
    .shopify-section--image-with-content .image-content-section.about-iwt-section {
        padding-left: 70px;
        padding-right: 70px;
    }
    .about-iwt-section.image-content-section .grid__item-wrapper {
        padding: 28rem 0 0;
    }
    .about-iwt-section .image-content-grid {
        overflow: clip;
        margin-top: -106px;
    }
    .about-iwt-section .grid__item.image-wrapper {
        --motion-comp-height: 964px;
        position: sticky;
        height: max(100lvh, calc(100% - 200lvh));
        width: 100%;
        top: 0px;
        margin-bottom: calc(100lvh - max(100lvh, var(--motion-comp-height, 100%)));
        display: block;
        padding: 0px;
    }
    .about-iwt-section .grid__item.content-wrapper {
        position: static;
        min-height: 964px;
    }
    .product__media-list .product__media-item:not(:first-child) .product__media {
        min-height: 450px;
        max-height: 450px;
    }
    .product__media-list .product__media-item:not(:first-child) .product__media img {
        min-height: 450px;
        max-height: 450px;
    }
    /* .form-iwt-section .image-content-grid {
        overflow: clip;
        margin-top: -106px;
    }
    .form-iwt-section .grid__item.image-wrapper {
        --motion-comp-height: 964px;
        position: sticky;
        height: max(100lvh, calc(100% - 200lvh));
        width: 100%;
        top: 0px;
        margin-bottom: calc(100lvh - max(100lvh, var(--motion-comp-height, 100%)));
        display: block;
        padding: 0px;
    }
    .form-iwt-section .grid__item.content-wrapper {
        position: static;
        min-height: 964px;
    } */
    .multirow .image-with-text__content {
        padding: 6rem 4.5rem 7rem;
    }
}

@media screen and (min-width: 1500px) {
    .about-iwt-section.image-content-section .grid__item-wrapper {
        padding: 10rem 0 0;
    }
    .about-iwt-section .grid__item.image-wrapper {
        --motion-comp-height: 1260px;
        margin-bottom: calc(100lvh - max(100lvh,var(--motion-comp-height, 100%)));
    }
    .about-iwt-section .grid__item.content-wrapper {
        min-height: 1260px;
    }
    .about-iwt-section .grid__item.image-wrapper img {
        object-position: center -100px;
    }
    /* .form-iwt-section .grid__item.image-wrapper {
        --motion-comp-height: 1260px;
        margin-bottom: calc(100lvh - max(100lvh,var(--motion-comp-height, 100%)));
    }
    .form-iwt-section .grid__item.content-wrapper {
        min-height: 1260px;
    }
    .form-iwt-section .grid__item.image-wrapper img {
        object-position: center 0px;
    } */
}

@media screen and (min-width: 1794px) {
    .team-section-wrapper {
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (max-width: 1280px) {
    .first-iwt-section .image-content-grid .section-title {
        margin-bottom: 3rem;
    }
    .grid-leaf-icon {
        top: 2rem;
    }
}
@media screen and (max-width: 1150px) and (min-width: 991px) {
    .about-iwt-section.image-content-section .grid__item-wrapper {
        padding: 20rem 2rem 0;
    }
}

@media screen and (max-width: 1080px) {
    .team-section-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .event-columns-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .before-and-after-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 10rem;
    }
}
@media screen and (max-width: 1024px) {
    .grid-leaf-icon {
        display: none;
    }
    .image-content-section .grid__item-wrapper {
        padding: 0;
        text-align: center;
    }
    .image-content-section .content-wrapper {
        padding: 0 !important;
    }
    .image-content-section .section-blocks-wrapper {
        padding: 0 2.5rem;
    }
}
@media screen and (max-width: 989px) {
    .content-image-icon { display: none; }
    header-drawer { margin: 0 !important; }
    .header__heading-logo {
        margin: 1em 0;
    }
    .first-iwt-section .grid__item-wrapper {
        max-width: 500px;
    }
    .image-content-section.section-spacing {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}
@media screen and (max-width: 768px) {
    .page-width {
        padding: 0 2rem !important;
    }
    .homepage-hero-section {
        height: 373px !important;
    }
    .homepage-hero-section .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button) {
        height: 80vh;
        top: 50px;
    }
    .homepage-hero-section .banner__heading.h2 {
        font-size: 2.2rem;
    }
    .homepage-hero-section .subtitle p {
        font-size: 17px;
    }
    .homepage-hero-section .banner__heading.hxxl {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .banner-mobile-image {
        display: block;
    }
    .banner-desktop-image {
        display: none;
    }
    .homepage-hero-section .media>img {
        object-position: top center;
    }
    .homepage-richtext-section .rich-text__blocks {
        text-align: left;
    }
    .homepage-richtext-section .page-width {
        padding: 0;
    }
    .visit-us-button {
        padding-right: 2rem;
    }
    .first-iwt-section .button-group {
        flex-wrap: wrap;
    }
    .first-iwt-section .button-group a {
        flex: unset;
        width: 100%;
    }
    .plan-section-wrapper {
        padding: 7rem 3rem;
    }
    .plan-items-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3rem;
    }
    .plan-section-item {
        width: 100%;
        max-width: 100%;
    }
    .plan-content-wrapper .rich-text__text {
        padding: 0 4rem;
    }
    .footer .footer__content-top.page-width {
        max-width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .footer-block .footer-block-image {
        margin: auto;
    }
    .header-wrapper .header {
        padding: 8px 2rem 1rem 2.5rem;
    }
    .team-section-wrapper {
        grid-template-columns: repeat(1,1fr);
        padding: 0 7rem;
        gap: 8rem 11.5rem;
    }
    .event-columns-wrapper {
        grid-template-columns: repeat(1,1fr);
        padding: 0 2.5rem;
        gap: 8rem 11.5rem;
    }
    .multirow .collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
        padding-left: 0rem;
    }
    .how-it-works-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3rem;
    }
    .how-it-work-item {
        width: 100%;
        max-width: 100%;
    }
    .before-and-after-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .guarantee-section-wrapper {
        flex-direction: column;
        gap: 0rem;
    }
    .guarantee-content {
        width: 100%;
    }
    .guarantee-content-wrapper {
        max-width: 100%;
        padding: 0 2rem;
    }
    .guarantee-image-wrapper {
        width: 100%;
    }
    .contact-richtext-section .rich-text__blocks {
        max-width: 100%;
    }
    .rich-split-text>* {
        padding: 0 4rem;
    }
    .rich-split-text {
        flex-direction: column;
        gap: 2rem;
    }
    .rich-split-left-text {
        border-right: 0;
    }
    .we-believe-column {
        padding: 25px 25px;
    }
    .plan-content-wrapper {
        padding: 4.8rem 2rem 6rem;
    }
    .visit-us-wrapper .visit-item-image {
        height: 220px;
    }
    .visit-us-wrapper .visit-item-image:after {
        height: 220px;
    }
    .visit-us-button {
        margin-top: 2rem;
    }
    .guarantee-section .title-wrapper {
        padding: 0 2.5rem;
    }
}
@media screen and (max-width: 749px) {
    .multirow .page-width {
        padding: 0;
    }
    .multirow .image-with-text__text-item {
        padding: 0 2.5rem;
    }
    .product__media-list .product__media-item .product-media-container {
        width: 100% !important;
        --aspect-ratio: 1 / 1;
    }
}
@media screen and (max-width: 480px) {
    .team-section-wrapper {
        padding: 0 2.5rem;
    }
    .team-section-content {
        padding: 0 0px;
    }
    .team-section-title {
        margin-top: 1rem;
    }
    .footer .footer-block__image-wrapper {
        margin-bottom: 0rem;
    }
    .banner-content-wrapper {
        padding: 6rem 2.5rem 6rem;
        margin: 0px auto 0;
    }
    .before-and-after-wrapper {
        padding: 0 5rem;
    }
    .before-and-after-item .before-and-after-small-image {
        max-width: 225px;
    }
    .form-iwt-section .section-subtitle-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    .form-iwt-section .section-subtitle-wrapper>.section-subtitle:first-child {
        border-right: 0;
    }
    .plan-content-wrapper .rich-text__text {
        padding: 0 2rem;
    }
}