.pf-cg{--pf-cg-cols: 4;--pf-cg-cols-tablet: 3;--pf-cg-cols-mobile: 2;--pf-cg-slide-w: 72%;--pf-cg-ratio: 1;--pf-cg-gap: 4px;--pf-cg-bg: transparent;--pf-cg-pad: 0%;--pf-cg-fit: cover;--pf-cg-label-size: 13px}.pf-cg__tabs{display:flex;justify-content:center;gap:32px;margin:0 0 24px}.pf-cg__tab{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;padding:0 0 6px;margin:0;font:inherit;font-size:14px;font-weight:500;line-height:1.2;color:currentColor;opacity:.45;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.pf-cg__tab:hover{opacity:.75}.pf-cg__tab[aria-selected=true]{opacity:1;border-bottom-color:currentColor}.pf-cg__tab:focus-visible{outline:2px solid currentColor;outline-offset:3px;opacity:1}.pf-cg__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--pf-cg-cols-mobile),minmax(0,1fr));gap:var(--pf-cg-gap)}.pf-cg__grid--slider{display:flex;gap:var(--pf-cg-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pf-cg-gap);-webkit-overflow-scrolling:touch;scrollbar-width:none}.pf-cg__grid--slider::-webkit-scrollbar{display:none}.pf-cg__grid--slider>.pf-cg__item{flex:0 0 var(--pf-cg-slide-w);scroll-snap-align:start}.pf-cg__item{display:flex;flex-direction:column}.pf-cg__card{display:flex;flex-direction:column;height:100%;background:var(--pf-cg-bg);color:inherit;text-decoration:none}.pf-cg__media{aspect-ratio:var(--pf-cg-ratio);display:flex;align-items:center;justify-content:center;padding:var(--pf-cg-pad);overflow:hidden}.pf-cg__img{display:block;width:100%;height:100%;object-fit:var(--pf-cg-fit);transition:transform .4s ease}.pf-cg__img--placeholder{background:transparent;fill:currentColor;opacity:.18}@media(hover:hover){.pf-cg__card:hover .pf-cg__img{transform:scale(1.03)}}.pf-cg__label{display:block;margin-top:auto;text-align:center;padding:14px 8px 0;font-size:var(--pf-cg-label-size);font-weight:600;line-height:1.3;letter-spacing:.01em}.pf-cg__label--upper{text-transform:uppercase;letter-spacing:.08em}@media(min-width:768px){.pf-cg__grid,.pf-cg__grid--slider{display:grid;grid-template-columns:repeat(var(--pf-cg-cols-tablet),minmax(0,1fr));overflow:visible}.pf-cg__grid--slider>.pf-cg__item{flex:initial}.pf-cg__tabs{margin-bottom:32px}}@media(min-width:1024px){.pf-cg__grid,.pf-cg__grid--slider{grid-template-columns:repeat(var(--pf-cg-cols),minmax(0,1fr))}}.pf-cg__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 20px}.pf-cg__heading{margin:0}.pf-cg__header--center{flex-direction:column;align-items:center;text-align:center}.pf-cg__more{font-size:13px;color:currentColor;text-decoration:underline;text-underline-offset:3px}.pf-cg__more:focus-visible{outline:2px solid currentColor;outline-offset:3px}.pf-cg--blend .pf-cg__img{mix-blend-mode:multiply}.pf-cg__more-bottom{display:flex;justify-content:center;margin-top:28px}.pf-cg__header .pf-subheading{flex-basis:100%}.pf-cg__track{position:relative}.pf-cg__arrow{display:none}@media(min-width:768px){.pf-cg--desktop-slider .pf-cg__grid{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.pf-cg--desktop-slider .pf-cg__grid::-webkit-scrollbar{display:none}.pf-cg--desktop-slider .pf-cg__grid>.pf-cg__item{flex:0 0 calc((100% - var(--pf-cg-cols-tablet) * var(--pf-cg-gap)) / (var(--pf-cg-cols-tablet) + .25));scroll-snap-align:start}.pf-cg--desktop-slider .pf-cg__arrow{position:absolute;top:45%;z-index:20;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 10px #0000001f;color:#000;cursor:pointer;transform:translateY(-50%)}.pf-cg__arrow--prev{left:12px}.pf-cg__arrow--next{right:12px}.pf-cg__arrow:hover{background:#fff}.pf-cg__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}}@media(min-width:768px)and (hover:hover){.pf-cg--desktop-slider .pf-cg__arrow:not([hidden]){display:inline-flex}}@media(min-width:1024px){.pf-cg--desktop-slider .pf-cg__grid>.pf-cg__item{flex-basis:calc((100% - var(--pf-cg-cols) * var(--pf-cg-gap)) / (var(--pf-cg-cols) + .25))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-pf-collections-gender.css.map */
