.gene-products{max-width:calc(var(--gene-content-max, 1200px) + var(--gene-gutter, 32px) * 2);padding-left:var(--gene-gutter, 32px);padding-right:var(--gene-gutter, 32px);margin-left:auto;margin-right:auto;box-sizing:border-box}.gene-products:not(.gene-products--contained){max-width:100%;padding-left:0;padding-right:0}.gene-products__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}@media screen and (max-width:749px){.gene-products__grid{grid-template-columns:1fr;row-gap:40px}}.gene-products__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.gene-products__media{position:relative;width:100%}.gene-products__image-wrapper{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:5px;background-color:#f4f4f4}@supports not (aspect-ratio: 1 / 1){.gene-products__image-wrapper{height:0;padding-bottom:100%}}.gene-products__image-wrapper img,.gene-products__placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease}.gene-products__item:hover .gene-products__image--main{transform:scale(1.03)}.gene-products__image--hover{opacity:0;z-index:1}.gene-products__item:hover .gene-products__image--hover{opacity:1}.gene-products__item:has(.gene-products__image--hover):hover .gene-products__image--main{transform:none}.gene-products__placeholder-svg{fill:#c9c9c9}.gene-products__add{position:absolute;right:24px;bottom:22px;z-index:2;margin:0}.gene-products__add button{width:40px;height:40px;border-radius:999px;border:0;padding:0;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.gene-products__add button:hover{transform:scale(1.06)}.gene-products__add button:disabled{opacity:.35;cursor:not-allowed;transform:none}.gene-products__add button:focus-visible{outline:2px solid #111111;outline-offset:3px}.gene-products__info{display:flex;flex-direction:column;align-items:center;gap:12px;color:#111;text-align:center;text-decoration:none}.gene-products__title{font-family:var(--font-display, "BentonModDisp", Georgia, serif);font-weight:400;font-size:30px;line-height:24px;letter-spacing:0}.gene-products__price{font-family:var(--font-base, "Inter", sans-serif);font-weight:400;font-size:18px;line-height:22px}.gene-products__price s{margin-left:8px;font-size:15px;opacity:.5}@media screen and (max-width:749px){.gene-products__item{gap:20px}.gene-products__add{right:16px;bottom:16px}.gene-products__title{font-size:26px}.gene-products__price{font-size:16px;line-height:20px}}.how-to-use__header,.how-to-use__panels,.gene-when-to-use{max-width:calc(var(--gene-content-max) + var(--gene-gutter) * 2)!important;padding-left:var(--gene-gutter)!important;padding-right:var(--gene-gutter)!important;margin-left:auto;margin-right:auto;box-sizing:border-box}@media(min-width:750px){.gene-when-to-use .gene-when-to-use__text{padding-right:48px;max-width:440px}}.wt-testimonials-marquee .headline--rich h2{font-family:var(--font-display);font-weight:var(--gene-display-weight);font-size:calc(var(--gene-h1-size) * var(--font-headline-scale-desk, 1));line-height:var(--gene-h1-lh);letter-spacing:var(--gene-h1-ls)}@media(min-width:900px){.wt-image-banner--header .hero__overlay{padding-left:var(--gene-edge)!important}}.wt-collapse__section .wt-collapse__wrapper{max-width:calc(var(--gene-content-max) + var(--gene-gutter) * 2)!important;padding-left:var(--gene-gutter)!important;padding-right:var(--gene-gutter)!important;margin-left:auto;margin-right:auto}@media screen and (max-width:749px){.gene-products .gene-products__grid{display:flex;gap:12px;row-gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(var(--gene-gutter, 20px) * -1);margin-right:calc(var(--gene-gutter, 20px) * -1);padding-left:var(--gene-gutter, 20px);padding-right:var(--gene-gutter, 20px);scroll-padding-left:var(--gene-gutter, 20px);width:auto}.gene-products .gene-products__grid::-webkit-scrollbar{display:none}.gene-products .gene-products__item{flex:0 0 78%;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/gene-products.css.map */