@layer sections{.section-product-features .section{position:relative;overflow:hidden}.pf{position:relative;display:grid;gap:var(--space-4)}.pf--shapes:before,.pf--shapes:after{content:"";position:absolute;z-index:0;width:clamp(12rem,22vw,20rem);aspect-ratio:1;border:clamp(1.75rem,3vw,2.75rem) solid color-mix(in srgb,var(--color-fg) 7%,transparent);border-radius:50%;pointer-events:none}.pf--shapes:before{bottom:-38%;inset-inline-start:-6%}.pf--shapes:after{bottom:-58%;inset-inline-start:6%}.pf__tabs{position:relative;z-index:1;display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pf__tabs::-webkit-scrollbar{display:none}.pf__tab{--icon-size: .875rem;display:flex;flex-shrink:0;align-items:center;gap:.75rem;min-height:2.75rem;padding:.375rem .5rem .375rem 1.25rem;font-size:.9375rem;color:inherit;text-align:start;background-color:color-mix(in srgb,var(--pf-panel) 70%,transparent);border:0;border-radius:999px;cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.pf__num{font-variant-numeric:tabular-nums;opacity:.8}.pf__tab-label{flex:1;white-space:nowrap}.pf__tab-arrow{display:grid;place-items:center;width:1.75rem;height:1.75rem;background-color:color-mix(in srgb,var(--color-fg) 8%,transparent);border-radius:50%;transition:translate var(--duration) var(--ease),background-color var(--duration)}.pf__tab:hover .pf__tab-arrow{translate:.125rem 0}.pf__tab[aria-selected=true]{color:var(--pf-panel);background-color:var(--color-fg)}.pf__tab[aria-selected=true] .pf__tab-arrow{background-color:color-mix(in srgb,var(--pf-panel) 22%,transparent)}.pf__panels{position:relative;z-index:1;min-width:0}.pf__panel{display:grid;gap:var(--space-5);padding:.5rem;background-color:var(--pf-panel);border-radius:var(--pf-radius);animation:pf-in .5s var(--ease) both}.pf__media{--ratio: 1.1;border-radius:calc(var(--pf-radius) - .25rem)}.pf__body{container-type:inline-size;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-5)}.pf__heading{margin:0;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}.pf__text{font-size:.9375rem;color:var(--color-fg-muted)}.pf__list{display:grid;gap:0;margin:var(--space-2) 0 0;padding:0;list-style:none}.pf__list:empty{display:none}.pf__item{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-4);border-block-end:1px solid var(--color-border);animation:pf-item .5s var(--ease) both}.pf__item:nth-child(2){animation-delay:60ms}.pf__item:nth-child(3){animation-delay:.12s}.pf__item:nth-child(4){animation-delay:.18s}.pf__item:nth-child(5){animation-delay:.24s}.pf__item:nth-child(n+6){animation-delay:.3s}.pf__icon{--icon-size: 1.25rem;display:grid;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;overflow:hidden;background-color:color-mix(in srgb,var(--color-fg) 7%,transparent);border-radius:50%}.pf__icon img{width:1.375rem;height:1.375rem;object-fit:contain}.pf__item-copy{display:grid;gap:.25rem;min-width:0;padding-block-start:.125rem}.pf__item-title{font-size:.9375rem}.pf__item-text{font-size:.875rem;color:var(--color-fg-muted)}@keyframes pf-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pf-item{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@container (min-width: 34rem){.pf__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-6)}}.pf--swipe .pf__list{display:flex;gap:var(--space-3);padding-block-end:var(--space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:color-mix(in srgb,var(--color-fg) 22%,transparent) transparent;scrollbar-width:thin}.pf--swipe .pf__item{flex:0 0 min(12.5rem,76%);flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:calc(var(--pf-radius) * .6);scroll-snap-align:start}@media(hover:none){.pf--swipe .pf__list{scrollbar-width:none}}@media(min-width:990px){.pf{grid-template-columns:minmax(14rem,19rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,3.5rem)}.pf__tabs{flex-direction:column;overflow:visible}.pf__tab{width:100%}.pf__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pf__media{min-height:24rem;aspect-ratio:auto}.pf__media>:is(img,svg),.pf__media>picture>img{position:absolute;top:0;right:0;bottom:0;left:0}.pf__body{padding:var(--space-6) clamp(1.5rem,3vw,3rem) var(--space-6) var(--space-4)}.pf--shapes:before{bottom:-30%;inset-inline-start:-5%}.pf--shapes:after{bottom:-48%;inset-inline-start:5%}}:root[data-mode=dark] .pf{--pf-panel: color-mix(in srgb, var(--color-fg) 8%, var(--color-bg)) !important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-product-features.css.map */
