.product-variant-grid[id]{scroll-margin-top:calc(var(--header-height, 4.8rem) + 1.2rem)}.product-variant-grid{--pvg-gap: 1rem;--pvg-inner-gap: .5rem;--pvg-card-border-color: #e6e6e6;--pvg-columns-mobile: 1;--pvg-columns-tablet: 2;--pvg-columns-desktop: 3}.product-variant-grid__header{width:100%;text-align:var(--text-align, left)}.product-variant-grid__header .product-variant-grid__heading{margin:0}.product-variant-grid__items{display:grid;gap:var(--pvg-gap)}.product-variant-grid__card{border:1px solid var(--pvg-card-border-color);border-radius:var(--border-radius, 0);overflow:hidden;background:rgb(var(--color-background-rgb))}.product-variant-grid__info-inner,.product-variant-grid__commerce-inner{display:flex;flex-direction:column;gap:var(--pvg-inner-gap)}.product-variant-grid__items--grid{grid-template-columns:repeat(var(--pvg-columns-mobile),minmax(0,1fr))}@media screen and (min-width:750px){.product-variant-grid__items--grid{grid-template-columns:repeat(var(--pvg-columns-tablet),minmax(0,1fr))}}@media screen and (min-width:990px){.product-variant-grid__items--grid{grid-template-columns:repeat(var(--pvg-columns-desktop),minmax(0,1fr))}}.product-variant-grid__card--grid{display:flex;flex-direction:column;height:100%}.product-variant-grid__media-wrap{position:relative;aspect-ratio:var(--pvg-media-ratio, 1);background:rgb(var(--color-background-rgb))}.product-variant-grid__media-wrap modal-opener,.product-variant-grid__media-wrap .product-variant-grid__media-opener{display:block;height:100%;cursor:zoom-in}.product-variant-grid__media-img{width:100%;height:100%;object-fit:contain;display:block}.product-variant-grid__zoom-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.product-variant-grid__zoom-hit:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px}.product-variant-grid__card--grid .product-variant-grid__body{display:flex;flex-direction:column;gap:var(--pvg-inner-gap);flex:1;padding:1rem 1rem 1.25rem}.product-variant-grid__card--grid .product-variant-grid__actions{margin-top:auto;padding-top:.75rem}.product-variant-grid__items--list{grid-template-columns:minmax(0,1fr)}.product-variant-grid__card--list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pvg-gap);align-items:start;padding:1rem}.product-variant-grid__card--list .product-variant-grid__col--info,.product-variant-grid__card--list .product-variant-grid__col--commerce{min-width:0}.product-variant-grid__card--list .product-variant-grid__media-wrap{max-width:100%}.product-variant-grid__card--list .product-variant-grid__media-inner--placeholder{min-height:8rem}.product-variant-grid__card--list .product-variant-grid__col--commerce{display:flex;flex-direction:column;align-items:stretch}.product-variant-grid__card--list .product-variant-grid__col--commerce .product-variant-grid__commerce-inner{align-items:stretch}.product-variant-grid__card--list .product-variant-grid__price{font-weight:600}.product-variant-grid__card--list .product-variant-grid__actions{margin-top:.25rem;padding-top:0;width:100%}.product-variant-grid__card--list .product-variant-grid__form{width:100%}@media screen and (min-width:750px){.product-variant-grid__card--list:not(:has(.product-variant-grid__col--media)){grid-template-columns:minmax(0,1fr);grid-template-areas:none}.product-variant-grid__card--list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"media info" "media commerce";align-items:start}.product-variant-grid__card--list .product-variant-grid__col--media{grid-area:media}.product-variant-grid__card--list .product-variant-grid__col--info{grid-area:info}.product-variant-grid__card--list .product-variant-grid__col--commerce{grid-area:commerce;align-self:end}}@media screen and (min-width:990px){.product-variant-grid__card--list{grid-template-columns:var(--pvg-list-media-width) minmax(0,1fr) var(--pvg-list-commerce-min);grid-template-areas:"media info commerce";align-items:center;column-gap:clamp(1rem,2vw,2rem);row-gap:0}.product-variant-grid__card--list .product-variant-grid__col--media{align-self:center}.product-variant-grid__card--list .product-variant-grid__media-wrap{width:var(--pvg-list-media-width);max-width:var(--pvg-list-media-width)}.product-variant-grid__card--list .product-variant-grid__col--commerce{align-self:center;text-align:right}.product-variant-grid__card--list .product-variant-grid__col--commerce .product-variant-grid__commerce-inner{width:100%;align-items:stretch}.product-variant-grid__card--list:not(:has(.product-variant-grid__col--media)){grid-template-columns:minmax(0,1fr) var(--pvg-list-commerce-min);grid-template-areas:"info commerce"}}.product-variant-grid__title-wrap{width:100%;text-align:var(--text-align, left)}.product-variant-grid__title{margin:0;line-height:1.3;word-break:break-word}.product-variant-grid__title>div+div{margin-top:.25em}.product-variant-grid__meta{font-size:1.2rem;opacity:.85}.product-variant-grid__price{font-weight:600}.product-variant-grid__availability--in{color:rgb(var(--color-foreground-rgb))}.product-variant-grid__availability--out{opacity:.75}.product-variant-grid--availability-custom-colors .product-variant-grid__availability--in{color:var(--pvg-availability-in-color, rgb(var(--color-foreground-rgb)));opacity:1}.product-variant-grid--availability-custom-colors .product-variant-grid__availability--out{color:var(--pvg-availability-out-color, rgb(var(--color-foreground-rgb)));opacity:1}.product-variant-grid__extra{font-size:1.2rem}.product-variant-grid__mf{margin-top:.35rem;font-size:1.2rem}.product-variant-grid__mf-heading{margin-bottom:.25rem}.product-variant-grid__mf-value :first-child{margin-top:0}.product-variant-grid__submit{width:100%;max-width:100%;font-size:var(--pvg-button-font-size, var(--button-font-size, var(--font-size--paragraph-md)))}.product-variant-grid__card--list .product-variant-grid__submit,.product-variant-grid__card--list .product-variant-grid__button-colors{width:100%;max-width:100%}.product-variant-grid__button-colors{display:block;width:100%}.product-variant-grid__button-colors .product-variant-grid__submit{width:100%;max-width:100%}.product-variant-grid__dialog{max-width:min(96vw,90rem);width:100%;padding:0;border:none;background:transparent}.product-variant-grid__dialog::backdrop{background:#000000a6}.product-variant-grid__dialog-inner{position:relative;padding:2.5rem 1rem 1rem;background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));border-radius:var(--border-radius, 0);max-height:min(92dvh,90rem);overflow:auto}.product-variant-grid__dialog-img{width:100%;height:auto;display:block;object-fit:contain;max-height:min(85dvh,120rem)}.product-variant-grid__dialog-close{position:absolute;top:.5rem;right:.5rem;z-index:2}product-modal.product-variant-grid-modal.modal--popup{top:0;right:0;bottom:0;left:0;width:100%;min-height:100dvh;height:100dvh;max-height:100dvh;margin:0;box-sizing:border-box}product-modal.product-variant-grid-modal.modal--popup[open]{background-color:rgb(var(--color-background-rgb))}.product-variant-grid-modal .product-media-modal__dialog.popup__inner{position:fixed;right:0;bottom:0;top:0;left:0;display:flex;flex-direction:column;width:100%;max-width:none;height:100%;max-height:100dvh;margin:0;transform:none;border:none;border-radius:0;box-shadow:none;overflow:hidden}.product-variant-grid-modal[open] .product-media-modal__dialog.popup__inner{transform:none}.product-variant-grid-modal .product-media-modal__content{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden;width:100%;flex:1;min-height:0;height:100%;padding:0;box-sizing:border-box;position:relative}.product-variant-grid-modal .product-media{display:none;width:100%;max-width:none;margin:0;flex:1 1 auto;min-height:0;height:100%}.product-variant-grid-modal .product-media.active{display:flex;flex:1 1 auto;width:100%;min-height:0;height:100%;max-width:none}.product-variant-grid-modal .product-media__drag-zoom-wrapper{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;height:100%;min-height:0;max-height:100dvh;overflow:hidden;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none}.product-variant-grid-modal .product-media__drag-zoom-wrapper.is-zoomed{cursor:grab}.product-variant-grid-modal .product-media__drag-zoom-wrapper.is-dragging{cursor:grabbing}.product-variant-grid-modal .product-media__drag-zoom-wrapper .product-media__image{display:block;width:auto;height:auto;max-width:100vw;max-height:100dvh;object-fit:contain;transform:translate(var(--drag-zoom-translate-x, 0px),var(--drag-zoom-translate-y, 0px)) scale(var(--drag-zoom-scale, 1));transform-origin:center center;transition:transform .18s ease-out;will-change:transform;pointer-events:none;-webkit-user-drag:none}.product-variant-grid-modal .product-media__drag-zoom-wrapper.is-dragging .product-media__image{transition:none}.product-variant-grid-modal .product-media-modal__toggle.drawer__close{z-index:3}.product-variant-grid-modal .product-variant-grid-modal__caption{position:fixed;top:1.6rem;left:50%;transform:translate(-50%);z-index:3;display:block;max-width:min(80vw,50rem);margin:0;padding:.4rem 1rem;background:#0000008c;color:#fff;border-radius:999px;font-size:1.2rem;line-height:1.3;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;-webkit-user-select:none}.product-variant-grid-modal .product-variant-grid-modal__caption[hidden]{display:none}.product-variant-grid-modal:not([open]) .product-variant-grid-modal__caption{display:none}@media screen and (max-width:749px){.product-variant-grid-modal .product-variant-grid-modal__caption{top:1.2rem;font-size:1.05rem;padding:.35rem .8rem;max-width:min(88vw,50rem)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-variant-grid.css.map */