#pi-devices .section__header h2{font-weight:var(--pid-heading-weight, 600);letter-spacing:var(--pid-heading-tracking, -.8px)}#pi-devices{padding-block:88px}#pi-devices .container{display:flex;flex-direction:column;max-width:calc(var(--ww-sigma-container-max, 1440px) + 2 * var(--pid-cap-inset, 64px));padding-inline:var(--pid-cap-inset, 64px)}#pi-devices .section__header{order:1;margin-bottom:12px}#pi-devices .section__buttons{order:2;margin-top:0;margin-bottom:32px;text-decoration:underline}#pi-devices .section__buttons>*{text-transform:none}#pi-devices .image-grid{order:3}#pi-devices .image-grid{gap:16px}#pi-devices .image-grid--portrait .image-grid__media{aspect-ratio:442.667 / 580}@media(min-width:769px){#pi-devices .image-grid__media{border-radius:var(--pid-card-radius, 24px)}#pi-devices .image-grid--portrait .image-grid__content{padding:40px}#pi-devices .image-grid--portrait .image-grid__title{font-size:24px}#pi-devices .image-grid--portrait .image-grid__subtitle{font-size:20px;line-height:1.45;max-width:320px;margin-top:8px}}#pi-devices .image-grid--portrait .image-grid__btn{height:44px;min-width:100px;justify-content:center;padding:0 20px;border-radius:9999px;margin-top:24px;font-size:14px;color:#fff;background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#pi-devices .image-grid--portrait .image-grid__btn:hover{background:#ffffff4d}@media(max-width:768.98px){#pi-devices .section__buttons{margin-bottom:24px}#pi-devices .container{padding-inline:16px}#pi-devices .image-grid{gap:16px}#pi-devices .image-grid--portrait .image-grid__media{aspect-ratio:340 / 580}#pi-devices .image-grid--scroll .image-grid__item{flex:0 0 calc(100% - 21px)}#pi-devices .image-grid--scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-15px;padding-inline:15px}#pi-devices .image-grid--scroll::-webkit-scrollbar{display:none}#pi-devices .image-grid--scroll .image-grid__item{scroll-snap-align:start;scroll-margin-inline-start:15px}#pi-devices{padding-block:120px 0}#pi-devices .section__header{margin-bottom:16px}#pi-devices .section__header .cs-section-header{margin-bottom:0}#pi-devices .section__header h2{font-size:40px;line-height:44px}#pi-devices .section__buttons .btn--tertiary{display:inline-flex;align-items:center;min-height:44px}#pi-devices .section__buttons{margin-bottom:30px}#pi-devices .image-grid__media{border-radius:var(--pid-card-radius-mb, 14px)}#pi-devices .image-grid--portrait .image-grid__content{padding:36px}#pi-devices .image-grid__nav--scroll{order:4;margin-top:30px}#pi-devices .image-grid__nav--scroll{display:flex;justify-content:flex-end;gap:8px}#pi-devices .image-grid__nav--scroll .ww-navbtn{border-radius:9999px;background:none;box-shadow:inset 0 0 0 1px var(--pid-navbtn-ring-mb, rgba(61, 61, 61, .35));-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:769px)and (max-width:1024px){#pi-devices .image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#pi-devices .image-grid--portrait .image-grid__content{padding:clamp(20px,4vw,40px)}#pi-devices .image-grid--portrait .image-grid__title{font-size:clamp(16px,2.4vw,24px)}#pi-devices .image-grid--portrait .image-grid__subtitle{font-size:clamp(14px,2vw,20px)}}@media(hover:hover){#pi-devices .image-grid__item:hover .image-grid__overlay{opacity:0}#pi-devices .image-grid__item .image-grid__overlay{transition:opacity .5s ease}#pi-devices .image-grid__item:hover .image-grid__title,#pi-devices .image-grid__item:hover .image-grid__subtitle{color:var(--wpid-hover-ink, #3d3d3d)}#pi-devices .image-grid--portrait .image-grid__item:hover .image-grid__btn{color:#fff;background:var(--wpid-hover-btn, #3d3d3d);-webkit-backdrop-filter:none;backdrop-filter:none}#pi-devices .image-grid__item .image-grid__title,#pi-devices .image-grid__item .image-grid__subtitle,#pi-devices .image-grid--portrait .image-grid__item .image-grid__btn{transition:color .5s ease,background-color .5s ease}}@media(prefers-reduced-motion:reduce){#pi-devices .image-grid__item .image-grid__overlay,#pi-devices .image-grid__item .image-grid__title,#pi-devices .image-grid__item .image-grid__subtitle,#pi-devices .image-grid--portrait .image-grid__item .image-grid__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ww-pi-devices.css.map */