.tt-custom-tab__header{margin-bottom:24px;text-align:center}.tt-custom-tab__heading{margin:0}.tt-custom-tab__subheading{margin-top:10px;color:#4d4d4d}.tt-custom-tab__component{background:var(--tt-tabs-bg-color-active, var(--tt-tabs-bg-color, transparent));border-radius:20px}.tt-custom-tab__accordion{display:grid;gap:12px}.tt-custom-tab__accordion-item{border-radius:12px;background:var(--tt-tab-bg-color, #ffffff);overflow:clip}.tt-custom-tab__accordion-item[open]{background:var(--tt-accordion-item-bg-color, var(--tt-tabs-bg-color-active, var(--tt-tabs-bg-color, transparent)))}.tt-custom-tab__accordion-trigger{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--tt-tab-text-color, #1f1f1f);cursor:pointer;font-size:14px;font-weight:600;line-height:1.3;transition:background-color .2s ease,color .2s ease}.tt-custom-tab__accordion-trigger::-webkit-details-marker{display:none}.tt-custom-tab__accordion-trigger::marker{content:""}.tt-custom-tab__accordion-item>.tt-custom-tab__accordion-trigger:hover{background:var(--tt-tab-hover-bg-color, #f4f4f4);color:var(--tt-tab-hover-text-color, #1f1f1f)}.tt-custom-tab__accordion-item[open]>.tt-custom-tab__accordion-trigger{color:var(--tt-tab-active-text-color, #1f1f1f);background-color:var(--tt-tab-active-bg-color)}.tt-custom-tab__accordion-trigger:focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}.tt-custom-tab__accordion-title{min-width:0}.tt-custom-tab__accordion-icon{width:10px;height:10px;flex-shrink:0;margin-bottom:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.tt-custom-tab__accordion-item[open] .tt-custom-tab__accordion-icon{transform:rotate(-135deg);margin-bottom:-5px}.tt-custom-tab__accordion-panel{padding:15px 16px 16px;border:2px solid var(--tt-tab-active-bg-color);border-radius:0 0 12px 12px}.tt-tab__feature{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.tt-tab__card{display:flex;flex-direction:column;justify-content:flex-start;padding:0}.tt-tab__heading{margin:0;max-width:12ch;color:var(--tt-heading-color, #b451c8);font-size:clamp(30px,8vw,var(--tt-heading-font-size, 72px));line-height:.92;letter-spacing:-.03em}.tt-tab__subheading{margin:14px 0 0;color:var(--tt-subheading-color, #4d4d4d);font-size:var(--tt-subheading-font-size, 15px);line-height:1.4}.tt-tab__image-wrap{border-radius:var(--tt-image-radius, 56px);overflow:hidden;background:#f5f5f5}.tt-tab__image{display:block;width:100%;height:auto}.tt-tab__description{margin-top:var(--tt-description-space-top, 20px);font-size:var(--tt-description-font-size, 18px);line-height:1.6}.tt-tab__description>.metafield-rich_text_field{margin:0}.tt-custom-tab__empty{padding:30px 0;text-align:center}.tt-faq{display:grid;gap:14px}.tt-faq__item{padding:0 0 14px;border-bottom:1px solid #d9d9d9}.tt-faq__item:last-child{padding-bottom:0;border-bottom:0}.tt-faq__question{margin:0;display:flex;align-items:flex-start;gap:8px;color:#1f1f1f;font-size:20px;font-weight:600;line-height:1.4}.tt-faq__number{flex-shrink:0}.tt-faq__answer{margin:8px 0 0 30px;padding-left:12px;color:#4d4d4d;font-size:16px;line-height:1.6}.tt-faq__answer>.metafield-rich_text_field{margin:0}.tt-where-use{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.tt-where-use__content{display:flex;flex-direction:column;justify-content:flex-start}.tt-where-use__eyebrow{margin:0 0 10px;color:var(--tt-where-eyebrow-color, #b451c8);font-size:var(--tt-where-eyebrow-size, 14px);line-height:1.3}.tt-where-use__heading{margin:0;color:var(--tt-where-heading-color, #2f3b4a);font-size:clamp(24px,5vw,var(--tt-where-heading-size, 46px));line-height:1.15}.tt-where-use__subheading{margin:16px 0 0;color:var(--tt-where-subheading-color, #2f3b4a);font-size:var(--tt-where-subheading-size, 18px);line-height:1.55}.tt-where-use__points{margin:var(--tt-where-points-space-top, 26px) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px 26px}.tt-where-use__point{display:flex;gap:12px;align-items:flex-start;color:var(--tt-where-point-color, #1f1f1f);font-size:var(--tt-where-point-size, 18px);line-height:1.45}.tt-where-use__point:before{content:"\2713";width:18px;height:18px;margin-top:2px;flex-shrink:0;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--tt-where-point-icon-color, #2fa24a);font-size:12px;line-height:1}.tt-where-use__media{border-radius:var(--tt-where-image-radius, 0);overflow:hidden;background:#f5f5f5}.tt-where-use__image{display:block;width:100%;height:auto}.tt-how-use{display:grid;grid-template-columns:minmax(0,1fr)}.tt-how-use__header{display:flex;flex-direction:column;align-items:center;text-align:center}.tt-how-use__heading{margin:0;color:var(--tt-how-heading-color, #101010);font-size:clamp(24px,5vw,var(--tt-how-heading-size, 56px));line-height:1.15}.tt-how-use__subheading{margin:18px 0 0;color:var(--tt-how-subheading-color, #2f3b4a);font-size:var(--tt-how-subheading-size, 18px);line-height:1.6;max-width:720px}.tt-how-use__steps{margin:var(--tt-how-steps-space-top, 30px) 0 0;padding:0;display:grid;gap:var(--tt-how-step-gap, 32px);grid-template-columns:minmax(0,1fr)}.tt-how-use__step{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:16px}.tt-how-use__step-media{width:min(100%,var(--tt-how-step-image-size, 220px));aspect-ratio:1 / 1;margin-inline:auto;border-radius:var(--tt-how-step-image-radius, 80px);overflow:hidden}.tt-how-use__step-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:0 400px 400px/0px 400px 400px}.tt-how-use__step-body{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:12px;align-self:start}.tt-how-use__step-number{color:var(--tt-how-step-number-color, #b451c8);font-size:clamp(30px,7vw,70px);line-height:.9;font-weight:600}.tt-how-use__step-heading{margin:0;color:var(--tt-how-step-heading-color, #2f3b4a);font-size:var(--tt-how-step-heading-size, 32px);line-height:1.2}.tt-how-use__step-description{margin:9px 0 0;color:var(--tt-how-step-description-color, #2f3b4a);font-size:var(--tt-how-step-description-size, 17px);line-height:1.55}.tt-why-better{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tt-why-gap, 32px)}.tt-why-better__content{display:flex;flex-direction:column;justify-content:flex-start}.tt-why-better__description{margin:0;color:var(--tt-why-description-color, #2f3b4a);font-size:var(--tt-why-description-size, 18px);line-height:1.65}.tt-why-better__description>.metafield-rich_text_field{margin:0}.tt-why-better__description .metafield-rich_text_field p{margin:0 0 18px}.tt-why-better__description .metafield-rich_text_field p:last-child{margin-bottom:0}.tt-why-better__media{border-radius:var(--tt-why-image-radius, 0);overflow:hidden}.tt-why-better__image{display:block;width:100%;height:auto}.tt-testimonials{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-top:15px}.tt-testimonials>*:only-child{grid-column:1 / -1}.tt-testimonials__intro{align-self:start}.tt-testimonials__eyebrow{margin:0 0 10px;color:var(--tt-testimonial-eyebrow-color, #b451c8);font-size:var(--tt-testimonial-eyebrow-size, 14px);line-height:1.3}.tt-testimonials__heading{margin:0;max-width:15ch;color:var(--tt-testimonial-heading-color, #101820);font-size:clamp(24px,5vw,var(--tt-testimonial-heading-size, 56px));line-height:1.1}.tt-testimonials__description{margin:18px 0 0;color:var(--tt-testimonial-description-color, #2f3b4a);font-size:var(--tt-testimonial-description-size, 18px);line-height:1.6}.tt-testimonials__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tt-testimonial-card-gap, 24px);align-items:stretch}.tt-testimonials__card{position:relative;display:flex;flex-direction:column;gap:24px;background:var(--tt-testimonial-card-bg, #f3f3f3);border-radius:var(--tt-testimonial-card-radius, 0);padding:var(--tt-testimonial-card-padding, 40px)}.tt-testimonials__quote-icon{position:absolute;top:calc(var(--tt-testimonial-icon-size, 56px) * -.5);left:clamp(18px,2vw,46px);width:var(--tt-testimonial-icon-size, 56px);height:var(--tt-testimonial-icon-size, 56px);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--tt-testimonial-icon-bg, #b451c8);color:var(--tt-testimonial-icon-color, #ffffff);font-size:var(--tt-testimonial-icon-font-size, 30px);line-height:1;font-weight:700}.tt-testimonials__quote{margin:var(--tt-testimonial-quote-space-top, 24px) 0 0;color:var(--tt-testimonial-quote-color, #2f3b4a);font-size:var(--tt-testimonial-quote-size, 17px);line-height:1.8;font-style:italic}.tt-testimonials__person{margin-top:auto;display:flex;align-items:center;gap:14px}.tt-testimonials__avatar-wrap{height:var(--tt-testimonial-avatar-size, 68px);border-radius:var(--tt-testimonial-avatar-radius, 34px);overflow:hidden;flex-shrink:0}.tt-testimonials__avatar{display:block;width:100%;height:100%;object-fit:cover}.tt-testimonials__person-text{display:grid;gap:4px}.tt-testimonials__name{margin:0;color:var(--tt-testimonial-name-color, #101820);font-size:var(--tt-testimonial-name-size, 32px);line-height:1.25;font-weight:700}.tt-testimonials__city{margin:0;color:var(--tt-testimonial-city-color, #2f3b4a);font-size:var(--tt-testimonial-city-size, 18px);line-height:1.35}@media screen and (min-width:750px){.tt-custom-tab__header{margin-bottom:30px}.tt-custom-tab__accordion{gap:16px}.tt-custom-tab__accordion-trigger{padding:14px 18px}.tt-custom-tab__accordion-panel{padding:15px 18px 18px}.tt-where-use__points,.tt-how-use__steps,.tt-testimonials__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.tt-tab__panel--metaobject_feature.tt-tab__panel--position-text-image .tt-tab__feature{grid-template-columns:minmax(0,calc(100% - var(--tt-media-width, 46%))) minmax(0,var(--tt-media-width, 46%));gap:24px}.tt-tab__panel--metaobject_feature.tt-tab__panel--position-image-text .tt-tab__feature{grid-template-columns:minmax(0,var(--tt-media-width, 46%)) minmax(0,calc(100% - var(--tt-media-width, 46%)))}.tt-tab__panel--metaobject_feature.tt-tab__panel--position-stacked .tt-tab__feature{grid-template-columns:minmax(0,1fr)}.tt-tab__panel--where_to_use.tt-tab__panel--where-position-text-image .tt-where-use{grid-template-columns:minmax(0,calc(100% - var(--tt-where-media-width, 54%))) minmax(0,var(--tt-where-media-width, 54%));gap:32px;align-items:stretch}.tt-tab__panel--where_to_use.tt-tab__panel--where-position-image-text .tt-where-use{grid-template-columns:minmax(0,var(--tt-where-media-width, 54%)) minmax(0,calc(100% - var(--tt-where-media-width, 54%)));gap:32px;align-items:stretch}.tt-tab__panel--where_to_use.tt-tab__panel--where-position-stacked .tt-where-use{grid-template-columns:minmax(0,1fr)}.tt-tab__panel--testimonials.tt-tab__panel--testimonials-position-text-cards .tt-testimonials{grid-template-columns:minmax(0,var(--tt-testimonial-intro-width, 30%)) minmax(0,calc(100% - var(--tt-testimonial-intro-width, 30%)));gap:32px}.tt-tab__panel--testimonials.tt-tab__panel--testimonials-position-cards-text .tt-testimonials{grid-template-columns:minmax(0,calc(100% - var(--tt-testimonial-intro-width, 30%))) minmax(0,var(--tt-testimonial-intro-width, 30%));gap:32px}.tt-tab__panel--testimonials.tt-tab__panel--testimonials-position-stacked .tt-testimonials{grid-template-columns:minmax(0,1fr)}.tt-tab__panel--why_its_better.tt-tab__panel--why-position-text-image .tt-why-better{grid-template-columns:minmax(0,calc(100% - var(--tt-why-media-width, 50%))) minmax(0,var(--tt-why-media-width, 50%));align-items:stretch}.tt-tab__panel--why_its_better.tt-tab__panel--why-position-image-text .tt-why-better{grid-template-columns:minmax(0,var(--tt-why-media-width, 50%)) minmax(0,calc(100% - var(--tt-why-media-width, 50%)));align-items:stretch}.tt-tab__panel--why_its_better.tt-tab__panel--why-position-stacked .tt-why-better{grid-template-columns:minmax(0,1fr)}.tt-how-use__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.tt-tab__panel--position-image-text .tt-tab__card{order:2}.tt-tab__panel--position-image-text .tt-tab__image-wrap{order:1}.tt-tab__panel--where-position-image-text .tt-where-use__content{order:2}.tt-tab__panel--where-position-image-text .tt-where-use__media{order:1}.tt-tab__panel--testimonials-position-cards-text .tt-testimonials__intro{order:2}.tt-tab__panel--testimonials-position-cards-text .tt-testimonials__cards{order:1}.tt-tab__panel--why-position-image-text .tt-why-better__content{order:2}.tt-tab__panel--why-position-image-text .tt-why-better__media{order:1}.tt-tab__panel--text-position-center .tt-tab__card{justify-content:center}.tt-tab__panel--text-position-bottom .tt-tab__card{justify-content:flex-end}.tt-tab__panel--where-text-position-center .tt-where-use__content{justify-content:center}.tt-tab__panel--where-text-position-bottom .tt-where-use__content{justify-content:flex-end}.tt-tab__panel--testimonials-text-align-center .tt-testimonials__intro{text-align:center}.tt-tab__panel--testimonials-text-align-center .tt-testimonials__heading,.tt-tab__panel--testimonials-text-align-center .tt-testimonials__description{margin-left:auto;margin-right:auto}.tt-tab__panel--why-text-position-center .tt-why-better__content{justify-content:center}.tt-tab__panel--why-text-position-bottom .tt-why-better__content{justify-content:flex-end}.tt-tab__panel--why-text-align-center .tt-why-better__content{text-align:center}.tt-tab__panel--why-text-align-center .tt-why-better__description{margin-left:auto;margin-right:auto}.tt-tab__panel--how-text-align-start .tt-how-use__header{align-items:flex-start;text-align:left}.tt-tab__panel--how-step-position-image-left .tt-how-use__step{grid-template-columns:auto 1fr;align-items:start}.tt-tab__panel--how-step-position-image-left .tt-how-use__step-body{align-self:start}.tt-tab__panel--how-step-position-image-right .tt-how-use__step{grid-template-columns:1fr auto;align-items:start}.tt-tab__panel--how-step-position-image-right .tt-how-use__step-media{order:2;margin-inline:0}.tt-tab__panel--how-step-position-image-right .tt-how-use__step-body{order:1;align-self:start}.tt-tab__panel--how-step-position-image-left .tt-how-use__step-media{margin-inline:0}@media(prefers-reduced-motion:reduce){.tt-custom-tab__accordion-trigger,.tt-custom-tab__accordion-icon{transition:none}}@media(max-width:480px){.tt-how-use__step-media{width:100%}.tt-how-use__step-body{align-items:baseline}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tt-custom-tab.css.map */