.ppc--collection{--ppc-card-start: #184d3d;--ppc-card-end: #0c332a;--ppc-card-border: rgb(233 189 59 / 45%);--ppc-dash: rgb(240 196 60 / 90%);--ppc-card-text: #fff;--ppc-price: #ffe27a;--ppc-badge-bg: #173f36;--ppc-badge-text: #ffd85c;--ppc-button-start: #ffdd63;--ppc-button-end: #f2b934;--ppc-button-text: #123d33;--ppc-variant-panel: #fff8e7;--ppc-variant-text: #173f36;--ppc-variant-option: #eee9df;--ppc-variant-selected-start: #ffdd63;--ppc-variant-selected-end: #f2b934;--ppc-variant-selected-text: #123d33;--ppc-card-font: var(--font-heading--family, var(--font-body--family));--ppc-body-font: var(--font-body--family);--ppc-button-font: var(--font-heading--family, var(--font-body--family));--ppc-card-title-size: 22px;--ppc-price-size: 17px;--ppc-button-size: 20px;--ppc-card-height: 390px;--ppc-media-height: 320px;--ppc-card-radius: 34px;--ppc-hover-lift: 10px;--ppc-duration: .7s;display:block}.ppc--collection,.ppc--collection *{box-sizing:border-box}.ppc--collection .product-grid{overflow:visible;column-gap:clamp(20px,2.2vw,38px);row-gap:clamp(54px,5vw,82px);padding:10px 4px 30px}.ppc--collection .product-grid[product-grid-view=default]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ppc--collection .product-grid[product-grid-view=zoom-out]{--ppc-card-title-size: 17px;--ppc-price-size: 14px;--ppc-button-size: 15px;--ppc-card-height: 310px;--ppc-media-height: 230px;--ppc-card-radius: 26px;grid-template-columns:repeat(5,minmax(0,1fr))!important}.ppc--collection .product-grid__item{min-width:0;overflow:visible;border:0}.ppc--collection .ppc__card{position:relative;min-width:0;height:100%;padding-top:calc(var(--ppc-media-height) * .32);opacity:1;transform:translateZ(0) scale(1);transition:opacity var(--ppc-duration) ease,transform var(--ppc-duration) cubic-bezier(.22,1,.36,1),filter .32s ease;transition-delay:var(--card-delay, 0ms),var(--card-delay, 0ms),0ms;-webkit-tap-highlight-color:transparent}.ppc--collection[data-in-view=true] .ppc__card:hover{z-index:5;transform:translateY(calc(var(--ppc-hover-lift) * -1))}.ppc--collection .ppc__card.is-clicked .ppc__shell{animation:ppc-collection-card-click .52s cubic-bezier(.22,1,.36,1)}.ppc--collection .ppc__card.is-added .ppc__shell{animation:ppc-collection-card-added .9s cubic-bezier(.22,1,.36,1)}.ppc--collection .ppc__card.has-error .ppc__shell{animation:ppc-collection-card-error .42s ease}.ppc--collection .ppc__media-link{position:absolute;z-index:4;top:0;left:50%;display:flex;width:98%;height:var(--ppc-media-height);align-items:center;justify-content:center;color:inherit;text-decoration:none;transform:translate(-50%)}.ppc--collection .ppc__image,.ppc--collection .ppc__placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 24px rgb(15 45 36 / 20%));transform:translateZ(0) scale(1);transition:transform .62s cubic-bezier(.22,1,.36,1),filter .42s ease}.ppc--collection .ppc__placeholder{padding:12%;color:#ffffff57}.ppc--collection .ppc__card:hover :is(.ppc__image,.ppc__placeholder){filter:drop-shadow(0 22px 34px rgb(15 45 36 / 26%));transform:translateY(-10px) scale(1.055)}.ppc--collection .ppc__shell{position:relative;isolation:isolate;display:flex;min-height:var(--ppc-card-height);height:100%;flex-direction:column;justify-content:flex-end;overflow:visible;color:var(--ppc-card-text);border:1px solid var(--ppc-card-border);border-radius:var(--ppc-card-radius) var(--ppc-card-radius) 0 0;background:radial-gradient(circle at 84% 12%,rgb(255 255 255 / 14%),transparent 31%),linear-gradient(145deg,var(--ppc-card-start),var(--ppc-card-end));box-shadow:0 18px 38px #1031272e,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);transition:box-shadow .36s ease,border-color .36s ease,filter .36s ease}.ppc--collection .ppc__shell:before,.ppc--collection .ppc__shell:after{content:"";position:absolute;z-index:-1;top:66%;width:18px;height:44px;border:1px solid rgb(255 255 255 / 50%);background:linear-gradient(135deg,var(--ppc-button-start),var(--ppc-button-end));box-shadow:0 8px 20px #f2b9343d,inset 0 1px #ffffff9e;transform:translateY(-50%)}.ppc--collection .ppc__shell:before{right:100%;border-radius:8px 0 0 8px}.ppc--collection .ppc__shell:after{left:100%;border-radius:0 8px 8px 0}.ppc--collection .ppc__card:hover .ppc__shell{border-color:color-mix(in srgb,var(--ppc-dash) 78%,white);box-shadow:0 28px 54px #10312742,0 0 0 1px #f0c43c33,inset 0 1px #ffffff3d;filter:saturate(1.06)}.ppc--collection .ppc__frame{position:absolute;z-index:0;top:13px;right:13px;bottom:77px;left:13px;border:1px dashed var(--ppc-dash);border-radius:calc(var(--ppc-card-radius) - 8px) calc(var(--ppc-card-radius) - 8px) 10px 10px;pointer-events:none;transition:inset .34s ease,border-color .34s ease,filter .34s ease}.ppc--collection .ppc__card:hover .ppc__frame{top:11px;right:11px;bottom:75px;left:11px;border-color:color-mix(in srgb,var(--ppc-dash) 78%,white);filter:drop-shadow(0 0 8px rgb(240 196 60 / 28%))}.ppc--collection .ppc__card-content{position:relative;z-index:2;display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;padding:calc(var(--ppc-media-height) * .63) 24px 22px;text-align:center}.ppc--collection .ppc__badge{display:inline-flex;min-height:25px;margin-bottom:12px;padding:5px 16px;align-items:center;justify-content:center;color:var(--ppc-badge-text);border:1px dashed rgb(255 216 92 / 72%);border-radius:999px;background:var(--ppc-badge-bg);box-shadow:inset 0 1px #ffffff61,0 7px 18px #00000017;font-family:var(--ppc-body-font);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;transition:transform .28s ease,filter .28s ease}.ppc--collection .ppc__card:hover .ppc__badge{filter:brightness(1.06);transform:translateY(-3px) scale(1.03)}.ppc--collection .ppc__title{margin:0;color:var(--ppc-card-text);font-family:var(--ppc-card-font);font-size:var(--ppc-card-title-size);font-weight:700;letter-spacing:-.01em;line-height:1.1;text-wrap:balance}.ppc--collection .ppc__title-link{color:inherit;text-decoration:none;transition:color .24s ease,text-shadow .24s ease}.ppc--collection .ppc__title-link:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:64px;left:0}.ppc--collection .ppc__card:hover .ppc__title-link{text-shadow:0 5px 18px rgb(0 0 0 / 22%)}.ppc--collection .ppc__price{display:flex;margin-top:10px;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:7px;color:var(--ppc-price);font-family:var(--ppc-body-font);font-size:var(--ppc-price-size);font-weight:750;line-height:1.2}.ppc--collection .ppc__compare-price{opacity:.62;font-size:.78em;font-weight:550;text-decoration:line-through}.ppc--collection .ppc__form,.ppc--collection .ppc__form form,.ppc--collection .ppc__form add-to-cart-component{position:relative;z-index:4;display:block;width:100%;margin:0}.ppc--collection .ppc__variant-selector{position:relative;z-index:5;width:100%;color:var(--ppc-variant-text)}.ppc--collection .ppc__variant-trigger{z-index:6;max-height:64px;opacity:1;pointer-events:auto;transition:max-height .36s cubic-bezier(.22,1,.36,1),min-height .36s cubic-bezier(.22,1,.36,1),padding .36s ease,border-width .36s ease,opacity .18s ease,transform .18s ease}.ppc--collection .ppc__variant-trigger svg{width:18px;height:18px;transition:transform .36s cubic-bezier(.34,1.56,.64,1)}.ppc--collection .ppc__variant-trigger:hover svg{transform:rotate(90deg) scale(1.08)}.ppc--collection .ppc__variant-selector.is-open .ppc__variant-trigger{min-height:0;max-height:0;padding-top:0;padding-bottom:0;border-width:0;opacity:0;pointer-events:none;transform:translateY(8px) scale(.96)}.ppc--collection .ppc__variant-panel{display:grid;overflow:hidden;grid-template-rows:0fr;color:var(--ppc-variant-text);border:0 solid rgb(242 185 52 / 34%);background:color-mix(in srgb,var(--ppc-variant-panel) 94%,transparent);opacity:0;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);transition:grid-template-rows .44s cubic-bezier(.22,1,.36,1),opacity .26s ease,border-width .36s ease}.ppc--collection .ppc__variant-panel-clip{min-height:0;overflow:hidden}.ppc--collection .ppc__variant-panel-inner{padding:0 12px;opacity:0;transform:translateY(12px);transition:padding .42s cubic-bezier(.22,1,.36,1),opacity .24s ease 20ms,transform .38s cubic-bezier(.22,1,.36,1)}.ppc--collection .ppc__variant-selector.is-open .ppc__variant-panel{grid-template-rows:1fr;border-width:1px 1px 0;opacity:1}.ppc--collection .ppc__variant-selector.is-open .ppc__variant-panel-inner{padding-top:12px;padding-bottom:12px;opacity:1;transform:translateY(0)}.ppc--collection .ppc__variant-head{display:flex;margin-bottom:8px;align-items:center;justify-content:space-between;gap:10px;font-family:var(--ppc-body-font)}.ppc--collection .ppc__variant-heading{min-width:0;color:var(--ppc-variant-text);font-size:13px;font-weight:750;letter-spacing:.01em;line-height:1.2}.ppc--collection .ppc__selected-variant{display:block;margin-top:3px;color:#173f36ad;font-size:.78em;font-weight:600}.ppc--collection .ppc__variant-close{position:relative;width:28px;height:28px;padding:0;flex:0 0 auto;color:var(--ppc-variant-text);border:1px solid rgb(23 63 54 / 28%);border-radius:50%;background:#ffffff59;cursor:pointer;transition:transform .22s ease,background .22s ease}.ppc--collection .ppc__variant-close:before,.ppc--collection .ppc__variant-close:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1.5px;border-radius:999px;background:currentColor}.ppc--collection .ppc__variant-close:before{transform:translate(-50%,-50%) rotate(45deg)}.ppc--collection .ppc__variant-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.ppc--collection .ppc__variant-close:hover{background:#ffffff94;transform:rotate(90deg) scale(1.06)}.ppc--collection .ppc__variant-options{display:flex;flex-wrap:wrap;gap:8px}.ppc--collection .ppc__variant-option{min-width:min(70px,100%);min-height:40px;padding:7px 10px;overflow:hidden;flex:1 1 70px;color:var(--ppc-variant-text);border:1px solid rgb(23 63 54 / 18%);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--ppc-variant-option) 88%,white),var(--ppc-variant-option));box-shadow:inset 0 1px #ffffffb3,0 7px 16px #14352b12;font-family:var(--ppc-body-font);font-size:13px;font-weight:750;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:transform .2s ease,color .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.ppc--collection .ppc__variant-option:hover:not(:disabled){border-color:#f2b93494;box-shadow:0 9px 20px #f2b9342e,inset 0 1px #ffffffc2;transform:translateY(-2px)}.ppc--collection .ppc__variant-option.is-selected,.ppc--collection .ppc__variant-option[aria-pressed=true]{color:var(--ppc-variant-selected-text);border-color:color-mix(in srgb,var(--ppc-variant-selected-end) 74%,white);background:linear-gradient(135deg,var(--ppc-variant-selected-start),var(--ppc-variant-selected-end));box-shadow:0 10px 23px #f2b93442,inset 0 1px #ffffffb8;transform:translateY(-1px)}.ppc--collection .ppc__variant-option:disabled{cursor:not-allowed;opacity:.4;text-decoration:line-through}.ppc--collection .ppc__variant-selector .ppc__form{max-height:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .36s cubic-bezier(.22,1,.36,1)}.ppc--collection .ppc__variant-selector.is-open .ppc__form{max-height:136px;opacity:1;pointer-events:auto;transform:translateY(0)}.ppc--collection .ppc__card.is-variant-selected .ppc__price{animation:ppc-collection-price-pop .52s cubic-bezier(.22,1,.36,1)}.ppc--collection .ppc__add-button,.ppc--collection .ppc__choose-button{position:relative;isolation:isolate;display:flex;width:100%;min-height:64px;margin:0;padding:10px 18px;overflow:hidden;align-items:center;justify-content:center;gap:10px;color:var(--ppc-button-text);border:1px solid #123d33;border-radius:0;background:linear-gradient(135deg,var(--ppc-button-start),var(--ppc-button-end));box-shadow:0 -8px 24px #f2b93429,inset 0 1px #ffffff94;font-family:var(--ppc-button-font);font-size:var(--ppc-button-size);font-weight:700;letter-spacing:.02em;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transform:translateZ(0);transition:transform .18s ease,filter .24s ease,box-shadow .24s ease}.ppc--collection .ppc__choose-button{flex-wrap:nowrap;white-space:nowrap}.ppc--collection .ppc__choose-button>span{min-width:0;white-space:nowrap}.ppc--collection :is(.ppc__add-button,.ppc__choose-button):before{content:"";position:absolute;z-index:-1;inset:-120% auto -120% -42%;width:30%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 62%),transparent);transform:translate(-180%) rotate(14deg);transition:transform .68s cubic-bezier(.22,1,.36,1)}.ppc--collection :is(.ppc__add-button,.ppc__choose-button):hover:before{transform:translate(580%) rotate(14deg)}.ppc--collection :is(.ppc__add-button,.ppc__choose-button):hover{filter:brightness(1.06) saturate(1.08);box-shadow:0 -8px 28px #f2b93447,0 10px 24px #f2b93433,inset 0 1px #ffffffb3;transform:translateY(-2px)}.ppc--collection :is(.ppc__add-button,.ppc__choose-button):active{transform:translateY(1px) scale(.975)}.ppc--collection :is(.ppc__add-button,.ppc__choose-button,.ppc__media-link,.ppc__title-link,.ppc__variant-option,.ppc__variant-close):focus-visible{outline:3px solid color-mix(in srgb,var(--ppc-button-end) 62%,white);outline-offset:3px}.ppc--collection .ppc__add-button:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.9);opacity:.72}.ppc--collection .ppc__add-button .svg-wrapper{width:20px;height:20px}.ppc--collection .ppc__add-button svg{width:100%;height:100%}.ppc--collection .ppc__choose-button>svg{width:18px;height:18px;flex:0 0 18px}.ppc--collection .ppc__card.is-adding .ppc__add-button{pointer-events:none;filter:saturate(.8) brightness(.97)}.ppc--collection .ppc__card.is-adding .ppc__add-button .add-to-cart-icon{animation:ppc-collection-cart-bounce .7s ease-in-out infinite}.ppc--collection .ppc__error{margin:8px 10px 0;color:#b42318;font:600 12px/1.35 var(--ppc-body-font);text-align:center}@keyframes ppc-collection-card-click{0%,to{transform:scale(1)}42%{transform:scale(.978)}72%{transform:scale(1.012)}}@keyframes ppc-collection-card-added{0%,to{box-shadow:0 18px 38px #1031272e}45%{box-shadow:0 22px 54px #f2b9346b,0 0 0 5px #ffdd634d}}@keyframes ppc-collection-card-error{0%,to{transform:translate(0)}25%{transform:translate(-7px)}55%{transform:translate(6px)}78%{transform:translate(-3px)}}@keyframes ppc-collection-cart-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-7deg)}}@keyframes ppc-collection-price-pop{0%,to{transform:scale(1);filter:brightness(1)}46%{transform:scale(1.1);filter:brightness(1.18)}}@media screen and (min-width:750px)and (max-width:1199px){.ppc--collection .product-grid[product-grid-view=default]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ppc--collection .product-grid[product-grid-view=zoom-out]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media screen and (max-width:749px){.ppc--collection{--ppc-card-title-size: 15px;--ppc-price-size: 12px;--ppc-button-size: 13px;--ppc-card-height: 280px;--ppc-media-height: 180px;--ppc-card-radius: 20px;--ppc-hover-lift: 4px}.ppc--collection .product-grid,.ppc--collection .product-grid[product-grid-view=default],.ppc--collection .product-grid[product-grid-view=zoom-out]{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px;row-gap:34px;padding:6px 10px 24px}.ppc--collection .product-grid[product-grid-view=mobile-single],.ppc--collection .product-grid.product-grid-mobile--large{grid-template-columns:minmax(0,1fr)!important}.ppc--collection .ppc__media-link{width:104%}.ppc--collection .ppc__shell{border-radius:var(--ppc-card-radius) var(--ppc-card-radius) 0 0}.ppc--collection .ppc__shell:before,.ppc--collection .ppc__shell:after{top:68%;width:7px;height:30px}.ppc--collection .ppc__frame,.ppc--collection .ppc__card:hover .ppc__frame{top:8px;right:8px;bottom:56px;left:8px;border-radius:calc(var(--ppc-card-radius) - 5px) calc(var(--ppc-card-radius) - 5px) 7px 7px}.ppc--collection .ppc__card-content{padding:calc(var(--ppc-media-height) * .62) 10px 13px}.ppc--collection .ppc__badge{min-height:20px;margin-bottom:7px;padding:4px 9px;font-size:9px}.ppc--collection .ppc__title-link:after{bottom:48px}.ppc--collection .ppc__price{margin-top:6px;gap:4px}.ppc--collection .ppc__add-button,.ppc--collection .ppc__choose-button{min-height:48px;padding:8px 7px;gap:5px}.ppc--collection .ppc__add-button .svg-wrapper{width:15px;height:15px}.ppc--collection .ppc__choose-button>svg{width:15px;height:15px;flex-basis:15px}.ppc--collection .ppc__variant-trigger{max-height:48px}.ppc--collection .ppc__variant-panel-inner{padding-right:8px;padding-left:8px}.ppc--collection .ppc__variant-selector.is-open .ppc__variant-panel-inner{padding-top:8px;padding-bottom:8px}.ppc--collection .ppc__variant-head{margin-bottom:6px}.ppc--collection .ppc__variant-heading{font-size:10px}.ppc--collection .ppc__variant-close{width:24px;height:24px}.ppc--collection .ppc__variant-options{gap:5px}.ppc--collection .ppc__variant-option{min-width:min(48px,100%);min-height:34px;padding:5px 6px;flex-basis:48px;border-radius:8px;font-size:10px}.ppc--collection .ppc__variant-selector.is-open .ppc__form{max-height:112px}}@media screen and (max-width:380px){.ppc--collection{--ppc-card-title-size: 14px;--ppc-button-size: 11px}.ppc--collection .ppc__add-button .svg-wrapper{display:none}}@media(prefers-reduced-motion:reduce){.ppc--collection *,.ppc--collection *:before,.ppc--collection *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-collection-grid.css.map */