.ph-grid-section{--ph-side: 17px;--ph-gap: 4px;padding:18px var(--ph-side) 60px;background:#fff;color:#000;font-family:var(--ph-font)}.ph-grid__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 8px 22px}.ph-grid__title{margin:0;font:400 36px/1 var(--ph-font);letter-spacing:-.01em;text-transform:none}.ph-grid__title a{color:inherit;text-decoration:none}.ph-grid__title sup{font-size:13px;margin-left:4px;vertical-align:top}.ph-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:400 15px/1 var(--ph-font);-webkit-user-select:none;user-select:none}.ph-toggle input{position:absolute;opacity:0;pointer-events:none}.ph-toggle__track{position:relative;width:34px;height:20px;border:1.5px solid #000;border-radius:999px;transition:background-color .3s ease}.ph-toggle__knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#000;transition:transform .4s var(--ph-ease),background-color .3s ease}.ph-toggle input:checked+.ph-toggle__track{background:#000}.ph-toggle input:checked+.ph-toggle__track .ph-toggle__knob{transform:translate(14px);background:#fff}.ph-toggle input:focus-visible+.ph-toggle__track{outline:2px solid #000;outline-offset:2px}.ph-grid{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));grid-auto-flow:row dense;gap:20px var(--ph-gap)}.ph-edit{position:relative;display:block;grid-column:span var(--span, 1);grid-row:span var(--rows, 1);min-height:calc((100vw - 2 * var(--ph-side)) / var(--cols, 5) * 1.62 * var(--rows, 1));overflow:hidden;background:#e9e9e9}.ph-edit__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ph-ease)}.ph-edit__media--m{display:none}a.ph-edit:hover .ph-edit__media{transform:scale(1.025)}.ph-card{position:relative;min-width:0;transition:opacity .4s ease}.ph-card__media{position:relative;aspect-ratio:2 / 3;background:var(--ph-grey, #f2f2f2);overflow:hidden}.ph-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ph-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translate(calc((var(--i, 0) - var(--cur, 0)) * 100% + var(--drag, 0px)));transition:transform .55s var(--ph-ease);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;will-change:transform}.ph-card__ph{background:#f2f2f2}.ph-card__media{touch-action:pan-y}.ph-card__link{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ph-card__media.is-dragging .ph-card__img{transition:none}.ph-card__media.is-dragging{cursor:grabbing}.ph-card__label{position:absolute;top:14px;left:14px;z-index:2;font:400 11px/1 var(--ph-font);color:#000;pointer-events:none}.ph-card__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;padding:0;border:0;background:none;color:#000;cursor:pointer;opacity:0;transition:opacity .3s ease,transform .4s var(--ph-ease)}.ph-card__arrow--prev{left:8px;transform:translate(-6px)}.ph-card__arrow--next{right:8px;transform:translate(6px)}.ph-card__media:hover .ph-card__arrow{opacity:1;transform:none}.ph-card__plus{position:absolute;right:8px;bottom:8px;z-index:4;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#000;cursor:pointer;transition:transform .45s var(--ph-ease),background-color .25s ease}.ph-card__plus:hover{background:#fff9}.ph-card.is-open .ph-card__plus{transform:rotate(45deg)}.ph-card__plus svg{width:22px;height:22px}.ph-card.is-adding .ph-card__plus{animation:ph-spin .8s linear infinite}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-card__sizes{position:absolute;left:8px;right:56px;bottom:8px;z-index:3;display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-radius:22px;background:#ffffff8c;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);border:1px solid rgba(255,255,255,.7);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .45s var(--ph-ease)}.ph-card.is-open .ph-card__sizes{opacity:1;transform:none;pointer-events:auto}.ph-card__size{flex:1 0 auto;min-width:30px;height:28px;padding:0 6px;border:0;border-radius:999px;background:transparent;color:#000;font:400 12px/1 var(--ph-font);cursor:pointer;transition:background-color .2s ease,color .2s ease}.ph-card__size:hover:not(:disabled){background:#000;color:#fff}.ph-card__size:disabled{color:#0000004d;text-decoration:line-through;cursor:not-allowed}.ph-card__size.is-added{background:#000;color:#fff}.ph-card__info{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 3px 0 11px;font:400 13px/1.3 var(--ph-font)}.ph-card__title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;text-decoration:none}.ph-card__price{flex-shrink:0;white-space:nowrap}.ph-card__price s{color:#8a8a8a;margin-right:4px}.ph-card__swatches{display:flex;gap:6px;padding:7px 11px 0}.ph-card__swatch{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--sw-img, none) center / cover,var(--sw, #ccc);cursor:pointer;transition:transform .25s ease}.ph-card__swatch.is-active{outline:1px solid #000;outline-offset:1px}.ph-card__swatch:hover{transform:scale(1.25)}.ph-grid-section.is-filtered .ph-card.is-hidden,.ph-grid-section.is-filtered .ph-edit--hide-filtered{display:none}.ph-grid__more{display:flex;justify-content:center;padding-top:40px}.ph-grid__more-link{font:400 14px/1 var(--ph-font);color:#000;text-decoration:none;border-bottom:1px solid #000;padding-bottom:4px}@media(max-width:749px){.ph-grid-section{--ph-side: 7px;padding-top:14px}.ph-grid__head{padding:0 8px 14px;align-items:center}.ph-grid__title{font-size:22px}.ph-toggle{font-size:13px;gap:8px}.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px var(--ph-gap)}.ph-edit{grid-column:span var(--span-m, 1);grid-row:span 1;min-height:calc((100vw - 2 * var(--ph-side)) / 2 * 1.62)}.ph-edit:has(.ph-edit__media--m) .ph-edit__media--d{display:none}.ph-edit__media--m{display:block}.ph-card__info{padding:9px 2px 0 6px;font-size:12px}.ph-card__swatches{padding-left:6px}.ph-card__label{top:10px;left:10px}.ph-card__sizes{right:44px}.ph-card__arrow{display:none}}.ph-recs__track .ph-card__media,.ph-cart-recs__track .ph-card__media{touch-action:auto}.ph-recs__track .ph-card__arrow,.ph-cart-recs__track .ph-card__arrow{display:none}@media(max-width:749px){.ph-grid .ph-card__info,.ph-recs__track .ph-card__info{flex-direction:column;align-items:flex-start;gap:2px}.ph-grid .ph-card__title,.ph-recs__track .ph-card__title{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ph-grid.css.map */