.shop-index{position:relative;overflow:hidden;background:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text))}.shop-index__line-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;color:rgba(var(--color-base-text),.24);opacity:.74;pointer-events:none}.shop-index__line-field path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.15;vector-effect:non-scaling-stroke}.shop-index__line-field path:nth-child(2){opacity:.54}.shop-index__shape{position:absolute;z-index:0;display:block;pointer-events:none}.shop-index__shape--golden{top:clamp(5rem,11vw,12rem);right:max(1.8rem,calc((100vw - var(--page-width)) / 2 + 1rem));width:clamp(3.4rem,5vw,5.8rem);aspect-ratio:1;background:#fdcd00;border-radius:50%;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);opacity:.68}.shop-index__shape--seafoam{top:clamp(16rem,26vw,28rem);left:max(1.6rem,calc((100vw - var(--page-width)) / 2 + 2rem));width:clamp(2.6rem,3.8vw,4.8rem);aspect-ratio:1;background:#6fc86f;border-radius:50%;opacity:.58}.shop-index__shape--sunset{right:max(2rem,calc((100vw - var(--page-width)) / 2 + 8rem));bottom:clamp(5rem,8vw,9rem);width:clamp(3.8rem,4.8vw,5.6rem);aspect-ratio:1.7;background:#f2a249;border-radius:999px;opacity:.52}.shop-index__inner{position:relative;z-index:1}.shop-index__intro{padding-top:var(--shop-index-padding-top);padding-bottom:clamp(2.8rem,5vw,5.6rem)}.shop-index__intro-copy{max-width:82rem}.shop-index__eyebrow,.shop-index-card__meta,.shop-index-card__link{font-size:1.2rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.shop-index__eyebrow{margin:0 0 1.2rem}.shop-index__heading{max-width:72rem;margin:0;font-family:var(--font-body-family);font-size:clamp(3.2rem,5vw,6.4rem);font-weight:200;letter-spacing:0;line-height:1}.shop-index__intro-text{max-width:62rem;margin:clamp(1.2rem,2vw,2.2rem) 0 0;font-size:clamp(1.8rem,1.7vw,2.2rem);line-height:1.28}.shop-index__grid-wrap{max-width:min(112rem,var(--page-width));padding-bottom:var(--shop-index-padding-bottom)}.shop-index__grid{display:grid;column-gap:clamp(2.4rem,3.2vw,5.2rem);row-gap:clamp(4.4rem,6vw,7.2rem);margin:0;padding:0;list-style:none}.shop-index-card{display:grid;min-width:0;border-top:1px solid rgba(var(--color-base-text),.2)}.shop-index-card__media-link{display:block;margin-top:1.2rem}.shop-index-card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1.12;background:linear-gradient(135deg,rgba(var(--color-base-text),.04),rgba(var(--color-base-text),0)),#fffdf3;border:1px solid rgba(var(--color-base-text),.12);box-shadow:0 1.2rem 3rem rgba(var(--color-base-text),.05)}.shop-index-card__media img,.shop-index-card__placeholder svg{display:block;width:100%;height:100%}.shop-index-card__media img{object-fit:cover;transition:transform .32s ease,filter .32s ease}.shop-index-card__media-link:hover img,.shop-index-card__media-link:focus-visible img{filter:contrast(1.015);transform:scale(1.025)}.shop-index-card__placeholder svg{padding:22%;color:rgba(var(--color-base-text),.18)}.shop-index-card__body{display:grid;gap:1rem;background:rgb(var(--color-base-background-1));padding:1.4rem 0 0}.shop-index-card__title{margin:0;font-family:var(--font-body-family);font-size:clamp(1.9rem,1.6vw,2.5rem);font-weight:200;letter-spacing:0;line-height:1.06}.shop-index-card__title a{color:currentColor;text-decoration:none}.shop-index-card__title a:hover,.shop-index-card__title a:focus-visible,.shop-index-card__link:hover,.shop-index-card__link:focus-visible{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.shop-index-card__summary{display:-webkit-box;overflow:hidden;margin:0;color:rgba(var(--color-base-text),.74);font-size:1.4rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-index-card__footer{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;margin-top:.2rem}.shop-index-card__price{font-size:1.4rem}.shop-index-card__link{flex:0 0 auto;color:currentColor;text-decoration:none}.shop-index-card__form{display:block;margin-top:.8rem}.shop-index-card__error:not([hidden]){margin:0 0 .8rem}.shop-index-card__buy-row{display:grid;grid-template-columns:minmax(8.8rem,.42fr) minmax(12rem,.58fr);gap:.8rem}.shop-index-card__buy-row--single{grid-template-columns:minmax(0,1fr)}.shop-index-card__variant-select-wrap{position:relative;min-width:0}.shop-index-card__variant-select{width:100%;min-height:4.1rem;margin:0;padding:.9rem 3.2rem .9rem 1.1rem;-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgba(var(--color-base-text),.34);border-radius:0;color:rgb(var(--color-base-text));font-family:inherit;font-size:1.3rem;letter-spacing:0;line-height:1.2}.shop-index-card__variant-select:focus-visible{outline:.2rem solid rgba(var(--color-base-text),.42);outline-offset:.2rem}.shop-index-card__variant-select-wrap .icon-caret{position:absolute;top:50%;right:1.2rem;width:1rem;height:.6rem;pointer-events:none;transform:translateY(-50%)}.shop-index-card__add-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:4.1rem;min-width:0;padding:.9rem 1.3rem;border:1px solid rgba(var(--color-base-text),.84);background:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1));cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-align:center;text-transform:uppercase}.shop-index-card__add-button:hover,.shop-index-card__add-button:focus-visible{background:transparent;color:rgb(var(--color-base-text))}.shop-index-card__add-button:disabled,.shop-index-card__variant-select:disabled{cursor:not-allowed;opacity:.48}.shop-index-card__add-button.loading>span{opacity:0}.shop-index-card__add-button .loading-overlay__spinner{position:absolute;inset:50% auto auto 50%;width:1.8rem;transform:translate(-50%,-50%)}.shop-index-card__add-button .spinner{width:1.8rem;height:1.8rem}.shop-index-card__add-button .path{stroke:currentColor}.shop-index__empty{max-width:58rem;margin:0;padding:2.4rem 0;border-top:1px solid rgba(var(--color-base-text),.22);font-size:1.8rem}@media screen and (max-width:519px){.shop-index__grid,.shop-index-card__buy-row{grid-template-columns:minmax(0,1fr)}.shop-index-card__media{aspect-ratio:1 / 1}}@media screen and (min-width:520px){.shop-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.shop-index__grid{grid-template-columns:repeat(var(--shop-index-columns),minmax(0,1fr))}}@media screen and (max-width:749px){.shop-index__shape--seafoam,.shop-index__shape--sunset{display:none}.shop-index__intro{padding-top:calc(var(--shop-index-padding-top) * .72)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-shop-index.css.map */