.product-family{scroll-margin-top:8rem}.product-family p,.product-family h3{margin:0}.product-family__description{margin-top:.8rem}.product-family__carousel{position:relative}.product-family__track{--family-card-width: min(30rem, 80vw);position:relative;display:flex;gap:1.2rem;margin-inline:calc(-1 * var(--page-padding));padding:2rem calc((100vw - var(--family-card-width)) / 2) .8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.product-family__track::-webkit-scrollbar{display:none}.product-family__card{position:relative;flex:0 0 var(--family-card-width);display:flex;flex-direction:column;padding:1.6rem 2rem 2.4rem;color:rgb(var(--color-foreground));background:#fff;border-radius:var(--blocks-radius);box-shadow:0 0 0 1px #1e325a0f;scroll-snap-align:center;text-align:center;transition:box-shadow var(--animation-default, .3s ease)}.product-family__card:not(.is-current):not(.is-unavailable):hover,.product-family__predecessor:not(.is-current):hover{box-shadow:0 0 0 2px rgb(var(--color-primary))}.product-family__card.is-current{box-shadow:0 0 0 4px rgb(var(--color-primary)),0 1.2rem 3.2rem #00000059}.product-family__arrow{position:absolute;top:16rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:#fff;background:#1e325a;border:0;border-radius:50%;box-shadow:0 0 0 2px #fff,0 .3rem .8rem #0000004d;cursor:pointer;transition:opacity .2s ease}.product-family__arrow--prev{left:calc(-1 * var(--page-padding) + .3rem)}.product-family__arrow--next{right:calc(-1 * var(--page-padding) + .3rem)}.product-family__arrow:disabled{opacity:0;pointer-events:none}.product-family__link{color:inherit;text-decoration:none}.product-family__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.product-family__link:focus-visible:after{outline:2px solid rgb(var(--color-primary));outline-offset:2px}.product-family__kicker{min-height:2.6rem;padding-top:.8rem;font-size:1.3rem;line-height:2.6rem;color:#1e325ab8}.product-family__current-tab{position:absolute;top:0;left:50%;padding:.4rem 1.6rem;font-size:1.4rem;font-weight:700;line-height:1.4;white-space:nowrap;color:#1e325a;background:rgb(var(--color-primary));border-radius:var(--small-blocks-radius, .4rem);transform:translate(-50%,-50%)}.product-family__pill{display:inline-block;max-width:100%;padding:.4rem 1.2rem;font-size:1.3rem;font-weight:600;line-height:1.8rem;text-wrap:balance;color:#1e325a;background:#1e325a17;border-radius:1.3rem}.product-family__image{height:26rem;margin-block:1.2rem 1.6rem}.product-family__image .product-card__image{height:100%}.product-family__image img{width:100%;height:100%;object-fit:contain}.product-family__image .product-card__image--main img{position:relative;top:calc(50% * (1 - var(--image-scale, 1)));height:calc(100% * var(--image-scale, 1))}.product-family__image .product-card__image--second img{display:block;width:auto;max-width:100%;margin-inline:auto;border-radius:var(--small-blocks-radius, .8rem)}.product-family__title{margin-bottom:.4rem}.product-family__claim{min-height:4.8em;padding-bottom:1.2rem;font-size:1.5rem;line-height:1.5}.product-family__specs{margin:0;padding:0}.product-family__specs li{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.9rem .6rem;font-size:1.4rem;line-height:1.35;border-top:1px solid rgba(30,50,90,.1)}.product-family__specs svg{flex:none;opacity:.8}.product-family__price{padding-top:1.4rem;font-size:1.9rem;font-weight:600;border-top:1px solid rgba(30,50,90,.1)}.product-family__cta{min-height:2.4rem;margin-top:.4rem;font-size:1.5rem}.product-family__cta span{background:linear-gradient(rgb(var(--color-primary)),rgb(var(--color-primary))) 0 100% / 100% 2px no-repeat;padding-bottom:.2rem}.product-family__cta--note span{background:none;font-style:italic;opacity:.8}.product-family__predecessors{display:grid;gap:2.4rem;margin-top:3.2rem}.product-family__predecessor{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"image info";align-items:center;gap:.2rem 1.2rem;padding:2rem 1.4rem 1.2rem;background:#fff;border-radius:var(--blocks-radius);transition:box-shadow var(--animation-default, .3s ease)}.product-family__predecessor.is-current{box-shadow:0 0 0 4px rgb(var(--color-primary)),0 1.2rem 3.2rem #00000059}.product-family__predecessor-image{grid-area:image;width:6.4rem;height:6.4rem}.product-family__predecessor-image img{width:100%;height:100%;object-fit:contain}.product-family__predecessor-info{grid-area:info;min-width:0}.product-family__predecessor-kicker{position:absolute;top:0;left:50%;padding:.3rem 1.2rem;font-size:1.3rem;font-weight:600;line-height:1.4;white-space:nowrap;color:#1e325a;background:#fbdfb8;border-radius:var(--small-blocks-radius, .4rem);transform:translate(-50%,-50%)}.product-family__predecessor.is-current .product-family__predecessor-kicker{font-weight:700;background:rgb(var(--color-primary))}.product-family__predecessor-specs{font-size:1.3rem;line-height:1.35;color:#1e325ab8}.product-family__predecessor-title{font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1.35}.product-family__predecessor.has-below{padding-top:4.4rem}.product-family__predecessor.is-current .product-family__predecessor-kicker--below{top:1.6rem;font-weight:600;background:#fbdfb8;transform:translate(-50%)}.product-family__successor-tag{display:none;position:absolute;bottom:0;left:50%;z-index:1;padding:.3rem 1.2rem;font-size:1.3rem;font-weight:600;line-height:1.4;white-space:nowrap;color:#1e325a;background:#fbdfb8;border-radius:var(--small-blocks-radius, .4rem);transform:translate(-50%,50%)}.product-family__predecessor.has-seal{padding-right:10.4rem}.product-family__seal{position:absolute;right:-1.1rem;bottom:-2.3rem;z-index:1;width:11.4rem;height:8.42rem;filter:drop-shadow(0 .3rem .6rem rgba(0,0,0,.35));pointer-events:none;transform:rotate(-6deg)}.product-family__seal svg{display:block;width:100%;height:100%}.product-family__seal-arc{font-size:7.6px;font-weight:700;letter-spacing:1px;fill:#4b3410}.product-family__seal-number{font-family:Times New Roman,Times,serif;font-size:25px;font-weight:700;fill:#4b3410}.product-family__help{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.4rem;text-align:center}.product-family__help-title{font-size:1.6rem;font-weight:600;line-height:1.35}.product-family__help-text{font-size:1.4rem;line-height:1.4}.product-family__help-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.6rem;margin-top:.4rem!important;font-size:1.4rem}.product-family__help-links a{color:inherit;text-decoration:underline;text-decoration-color:rgb(var(--color-primary));text-underline-offset:.3rem}.product-family-switch{display:block;padding:2rem 1.6rem;color:inherit;text-align:center;text-decoration:none;background:#eef2f8;border-radius:var(--blocks-radius)}.product-family-switch__title{display:block;font-size:1.7rem;font-weight:600;line-height:1.3}.product-family-switch__text{display:block;margin-top:.4rem;font-size:1.4rem;line-height:1.45}.product-family-switch__items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:auto auto;column-gap:.4rem;margin-top:1.6rem}.product-family-switch__items--highlight{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr)}.product-family-switch__item{display:grid;grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;justify-items:center;row-gap:.6rem}.product-family-switch__item img{align-self:end;width:min(100%,11rem);height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.product-family-switch__item.is-current img{width:min(100%,16rem)}.product-family-switch__item .product-family__pill{align-self:start;padding-inline:1rem;font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}@media(max-width:359px){.product-family-switch__item .product-family__pill{font-size:1.1rem;padding-inline:.6rem}}.product-family-switch__cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;padding-bottom:.2rem;font-size:1.5rem;background:linear-gradient(rgb(var(--color-primary)),rgb(var(--color-primary))) 0 100% / 100% 2px no-repeat}@media(min-width:768px){.product-family__arrow{display:none}.product-family__track{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(11,auto);gap:0 2rem;margin-inline:0;padding:1.6rem .4rem .4rem;overflow:visible}.product-family__card{display:grid;grid-row:span 11;grid-template-rows:subgrid}.product-family__specs{display:grid;grid-row:span 5;grid-template-rows:subgrid}.product-family__claim{min-height:0}.product-family__predecessors--under{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:2rem;padding-inline:.4rem}.product-family__predecessors--under .product-family__predecessor,.product-family__predecessors--under .product-family__help{grid-column:var(--column);grid-row:1}.product-family__successor-tag{display:block}.product-family__predecessor.has-below{padding-top:2rem}.product-family__predecessor.is-current .product-family__predecessor-kicker--below{display:none}.product-family__predecessors--under .product-family__predecessor:before{content:"";position:absolute;bottom:calc(100% + 1.2rem);left:50%;height:1.8rem;border-left:2px dashed rgba(255,255,255,.45);transform:translate(-1px)}.product-family__predecessors--row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2rem;padding-inline:.4rem}}@media(min-width:768px)and (max-width:1279px){.product-family__predecessor.has-seal{padding-right:8.8rem}.product-family__seal{right:-1.2rem;bottom:-1.7rem;width:9.8rem;height:7.24rem}.product-family__track{column-gap:1.2rem}.product-family__card{padding-inline:1.2rem}.product-family__image{height:20rem}.product-family__specs li{padding-inline:0;font-size:1.3rem}.product-family__predecessors--under{column-gap:1.2rem}.product-family__predecessor{padding-inline:1rem}.product-family__predecessor-image{width:4.8rem;height:4.8rem}.product-family__predecessor-kicker{font-size:1.2rem}.product-family__help{padding-inline:0}}@media(min-width:768px)and (max-width:899px){.product-family__predecessor.has-seal{grid-template-columns:minmax(0,1fr);grid-template-areas:"info"}.product-family__predecessor.has-seal .product-family__predecessor-image{display:none}}@media(min-width:1280px){.product-family__predecessor.has-seal{padding-right:11.8rem}.product-family__seal{right:-1.6rem;bottom:-2.2rem;width:12.8rem;height:9.45rem}}.product-family__card,.product-family__predecessor{transition:box-shadow .3s ease,transform .3s ease}.product-family-switch__item img,.product-family__seal,.product-family-switch{transition:transform .4s ease,background-color .3s ease}.product-family-switch__cta svg{transition:transform .3s ease}.product-family__seal:after{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%) 130% 0 / 260% 100% no-repeat;pointer-events:none}@keyframes product-family-gleam{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes product-family-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.4rem)}}@keyframes product-family-underline{0%{background-size:0 2px}to{background-size:100% 2px}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.product-family__card:not(.is-current):not(.is-unavailable):hover,.product-family__predecessor:not(.is-current):hover{transform:translateY(-.3rem)}.product-family__card:not(.is-current):not(.is-unavailable):hover .product-family__cta span{animation:product-family-underline .45s ease}.product-family__predecessor:hover .product-family__seal{transform:rotate(-3deg) scale(1.03)}.product-family__predecessor:hover .product-family__seal:after{animation:product-family-gleam .9s ease}.product-family-switch:hover{background-color:#e8eef6}.product-family-switch:hover .product-family-switch__item img{transform:translateY(-.3rem)}.product-family-switch:hover .product-family-switch__cta svg{animation:product-family-nudge .7s ease 2}.product-family-switch:hover .product-family-switch__cta{animation:product-family-underline .45s ease}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/custom_product-family.css.map */