.features-section{display:grid;grid-template-columns:1fr 1.25fr;grid-template-rows:auto;place-items:center;gap:10rem;padding:4rem 8rem}.features-accordion{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4rem}.accordion-pill{max-width:fit-content;border-radius:3rem}.accordion-pill h2{margin:0;font-family:Din Next,sans-serif;font-weight:700;font-size:2.5rem;opacity:.65;cursor:pointer;transition:font-size .3s ease}.accordion-pill h2 img{width:1.8rem;height:1.8rem;opacity:.75;transition:transform .3s ease,height .3s ease,width .3s ease}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.accordion-pill.open .accordion-content{grid-template-rows:1fr}.accordion-pill.open h2{font-size:3rem;font-weight:700;opacity:1}.accordion-pill.open h2 img{width:2.1rem;height:2.1rem;opacity:1;transform:rotate(90deg)}.accordion-content>div{overflow:hidden;margin-left:3rem;margin-top:.5rem}.accordion-content *{font-family:Inter,sans-serif}.accordion-content p{margin:0;font-size:1.6rem}.accordion-content h3{margin:0;font-size:1.6rem;font-weight:700;margin-top:1rem}.color-options{padding:1rem .5rem;display:flex;align-items:center;gap:1.5rem}.accordion-content button{border:none;box-shadow:0 0 8px #0003;width:3rem;height:3rem;border-radius:50%;cursor:pointer}#red-btn{background-color:#c01b07}#white-btn{background-color:#fff}#grey-btn{background-color:#4e5255}.features-image{display:grid;grid-template-areas:"stack";place-items:center;background-color:#f5f5f5;border-radius:4rem;overflow:hidden}.features-image img{grid-area:stack;width:100%;height:100%;object-fit:contain;opacity:0;transform:translate(3rem) scale(1);transition:all .3s ease}.features-image img.active{opacity:1;transform:translate(0) scale(1)}.features-image img.scaled-down{transform:scale(.9);opacity:.8}@media (max-width: 768px){.features-section{grid-template-columns:1fr;grid-template-rows:auto auto;gap:0;padding:4rem 0;padding:0;margin:4rem 0;background-color:#f5f5f5}.features-image{grid-column:1;grid-row:1;z-index:1;border-radius:0}.features-accordion{grid-column:1;grid-row:2;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem 2rem;scrollbar-width:none;-ms-overflow-style:none}.features-accordion::-webkit-scrollbar{display:none}.accordion-pill{flex-shrink:0;background-color:#f5f5f5;box-shadow:0 0 5px #0003;max-width:70vw;padding:1rem 1.5rem;border-radius:2rem;scroll-snap-align:center}.accordion-pill h2,.accordion-pill.open h2{font-size:1.2rem}.accordion-pill h2 img,.accordion-pill.open h2 img{width:1rem;height:1rem}.accordion-content>div{margin-left:1.5rem}.accordion-content p{font-size:1.2rem}.accordion-content h3{font-size:1.2rem;margin-top:.5rem}.accordion-content .color-options{gap:1rem}.accordion-content button{width:2rem;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-features.css.map */