.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--space-2);row-gap:var(--space-8);padding-top:var(--space-16)}@media(min-width:768px){.collection-grid{grid-template-columns:repeat(4,1fr);column-gap:var(--space-3);row-gap:var(--space-12)}.collection-grid.is-grid-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.collection-grid.is-grid-1{grid-template-columns:1fr}}.collection-product{display:block;text-decoration:none;color:inherit;position:relative}.collection-product__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background-color:var(--color-surface-raised)}.collection-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--color-bg);display:block;transition:opacity var(--transition-base)}.collection-product__image--secondary{opacity:0}@media(hover:hover)and (min-width:768px){.collection-product:hover .collection-product__image--primary{opacity:0}.collection-product:hover .collection-product__image--secondary{opacity:1}}.collection-product__placeholder{width:100%;height:100%;background-color:var(--color-surface-raised)}.collection-product__info{padding:var(--space-4) var(--gutter) var(--space-8)}.collection-product__title{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;color:var(--color-fg);margin:0;line-height:var(--lh-tight)}.collection-product__price{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-muted);margin:var(--space-1) 0 0 0}.collection-product__quick-add{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}@media(hover:hover)and (min-width:768px){.collection-product:hover .collection-product__quick-add{opacity:1;transform:translateY(0);pointer-events:auto}}@media(max-width:767px){.collection-product__quick-add{opacity:1;transform:none;pointer-events:auto}}.collection-product__quick-add-btn{width:100%;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-fg);border:none;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-wide);cursor:pointer;transition:background .2s ease,opacity .2s ease}.collection-product__quick-add-btn:hover{background:#fff}.collection-product__quick-add-btn:disabled{cursor:default;opacity:.7}.collection-product__quick-add[data-expanded=true] .collection-product__quick-add-btn{display:none}.collection-product__variants{display:flex;flex-wrap:wrap;gap:var(--space-1);background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2)}.collection-product__variants[hidden]{display:none}.collection-product__variant{flex:1;background:transparent;border:none;padding:var(--space-2) 0;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-fg);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.collection-product__variant:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg)}.collection-product__variant:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.collection-toolbar{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);background:#f5f0e8e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:999px;padding:var(--space-3) var(--space-6);min-width:200px;box-shadow:0 4px 20px #00000014;white-space:nowrap}@media(max-width:767px){.collection-toolbar{min-width:auto;padding:var(--space-2) var(--space-4);bottom:var(--space-4)}.collection-toolbar__grid-label{font-size:11px}.collection-toolbar__grid-icon{grid-template-rows:6px}.collection-toolbar__grid-icon span:nth-child(n+3){display:none}.collection-toolbar__grid-toggle[data-mobile-mode="1"] .collection-toolbar__grid-icon span:nth-child(n+2){display:none}}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center}.collection-toolbar__grid-toggle{background:none;border:none;padding:var(--space-2) 0;cursor:pointer;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-fg);transition:opacity var(--transition-base)}.collection-toolbar__grid-toggle:hover{opacity:.65}.collection-toolbar__grid-label{line-height:1}.collection-toolbar__grid-icon{display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:2px}.collection-toolbar__grid-icon span{display:block;background:var(--color-fg);width:6px;height:6px}.collection-toolbar__grid-toggle[data-grid-mode="2"] .collection-toolbar__grid-icon{grid-template-rows:6px}.collection-toolbar__grid-toggle[data-grid-mode="2"] .collection-toolbar__grid-icon span:nth-child(n+3){display:none}.collection-hero{position:relative}.collection-hero__bg{position:relative;display:block}.collection-hero__image{width:100%;height:auto;display:block}.collection-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,transparent 30%,transparent 60%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:1}.collection-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:var(--space-8) var(--space-8);z-index:2;color:#fff}@media(min-width:768px){.collection-hero__content{padding:var(--space-12) var(--space-16)}}.collection-hero__eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.2em;margin:0;align-self:flex-start;color:#fffffff2}.collection-hero__caption{font-family:var(--font-display);font-size:var(--fs-lg);font-style:italic;font-weight:400;line-height:var(--lh-tight);margin:0;align-self:flex-end;max-width:480px;text-align:right;color:#fffffff2}@media(min-width:768px){.collection-hero__caption{font-size:var(--fs-xl);max-width:560px}}@media(max-width:767px){.collection-hero__caption{font-size:var(--fs-base);max-width:280px}.collection-hero__content{padding:var(--space-6) var(--space-6)}}.collection-product__mobile-picker{background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.collection-product__mobile-picker[hidden]{display:none}@media(min-width:768px){.collection-product__mobile-picker{display:none!important}}@media(max-width:767px){[data-quick-add-container][data-multi-option] [data-quick-add-variants]{display:none!important}}.pc-step{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pc-step[hidden]{display:none}.collection-product__variant.is-selected{background:var(--color-fg);color:var(--color-bg)}.collection-product__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease;pointer-events:none}@media(hover:hover){[data-has-video]:hover .collection-product__video{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection.css.map */