.CollectionHero{background:var(--color-dark);padding-block:3.5rem 3rem;padding-inline:max(var(--space-sm),calc((100% - var(--content-max)) / 2));position:relative;overflow:hidden;container-type:inline-size;z-index:1;display:grid;grid-template-columns:1fr max-content;align-items:center;row-gap:.5rem}.CollectionHero:before{content:"";position:absolute;border-radius:50%;pointer-events:none;top:-60px;right:-60px;width:280px;height:280px;background:var(--color-orange);opacity:.07;z-index:-1}.CollectionHero h1{grid-column:1 / -1;color:#fff;font-size:clamp(1.75rem,3.5vw,2.625rem);font-weight:700;margin:0}.CollectionHero p{color:var(--color-muted);font-size:1rem;margin:0}.CollectionHero label{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:.875rem;white-space:nowrap}.CollectionHero select{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.5rem 2rem .5rem .9rem;border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A8C4BF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;width:auto;margin-bottom:0;transition:border-color .2s}.CollectionHero select:focus{outline:none;border-color:var(--color-orange)}.CollectionHero select option{background:var(--color-dark)}.CollectionGrid{padding-block:var(--space-2xl) var(--space-3xl);padding-inline:var(--space-sm);background:#f9fafb;container-type:inline-size}.Cards{max-width:var(--content-max);margin-inline:auto;display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}@media(min-width:750px){.Cards{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.Cards{grid-template-columns:repeat(4,1fr)}}.CollectionCard{background:#fff;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000f}.CollectionCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.CollectionCard:hover figure img{transform:scale(1.04)}.CollectionCard figure{aspect-ratio:1;overflow:hidden;background:#f3f4f6;position:relative;margin:0}.CollectionCard figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.CollectionCard .Placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.CollectionCard .Placeholder svg{width:48px;height:48px}.CollectionCard .Badge{position:absolute;top:var(--space-xs);left:var(--space-xs);background:var(--color-orange);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .55rem;border-radius:var(--radius-sm)}.CollectionCard>div{padding:var(--space-sm) var(--space-sm) var(--space-sm);flex:1;display:flex;flex-direction:column;gap:.35rem}.CollectionCard h3{font-size:1rem;font-weight:600;margin:0;color:var(--color-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.CollectionCard .Price{margin-block:auto 0;padding-top:var(--space-xs);font-size:1.125rem;font-weight:300;color:var(--color-subtle)}.CollectionCard .Price s{font-size:.875rem;font-weight:400;color:#9ca3af;text-decoration:line-through;margin-left:.4rem}.CollectionEmpty{text-align:center;padding-block:var(--space-3xl);grid-column:1 / -1}.CollectionEmpty p{color:var(--color-subtle);font-size:1.125rem;margin-bottom:var(--space-md)}.CollectionPagination{max-width:var(--content-max);margin-inline:auto;padding-top:var(--space-2xl);display:flex;justify-content:center;align-items:center;gap:var(--space-xs)}.CollectionPagination a,.CollectionPagination [aria-current=page]{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:.75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none;color:var(--color-subtle);background:#fff;border:1px solid #E5E7EB;transition:all .15s}.CollectionPagination a:hover{border-color:var(--color-orange);color:var(--color-orange)}.CollectionPagination [aria-current=page]{background:var(--color-orange);border-color:var(--color-orange);color:#fff}.CollectionPagination .Ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:#9ca3af;font-size:.875rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-main-collection.css.map */