.at-collection-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;overflow:hidden;background-color:var(--at-color-surface-dark)}.at-collection-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.at-collection-hero__media img{display:block;width:100%;height:100%;object-fit:cover}.at-collection-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--at-collection-hero-overlay-opacity, .2))}.at-collection-hero__body{position:relative;padding-block-start:142px;padding-block-end:var(--at-spacing-8)}.at-breadcrumb{padding-block-end:var(--at-spacing-5)}.at-breadcrumb__list{display:flex;align-items:center;gap:var(--at-spacing-2);list-style:none;margin:0;padding:0;font-family:var(--at-font-ui);font-size:var(--at-text-overline-lg-size);font-weight:var(--at-text-overline-lg-weight);line-height:var(--at-text-overline-lg-lh);text-transform:uppercase;flex-wrap:wrap}.at-breadcrumb__item{display:flex;align-items:center;gap:var(--at-spacing-2);color:var(--at-color-text-subtle-light)}.at-breadcrumb__item a{color:inherit;text-decoration:none}.at-breadcrumb__item a:hover{text-decoration:underline}.at-breadcrumb__separator{-webkit-user-select:none;user-select:none}.at-breadcrumb__item--current,.at-breadcrumb__item--current .at-breadcrumb__separator{color:var(--at-color-brand-accent)}.at-collection-hero__tiles-wrap{display:flex;flex-direction:column;gap:var(--at-spacing-3);padding-block:var(--at-spacing-5)}.at-collection-hero__tiles-label{margin:0;font-family:var(--at-font-ui);font-size:16px;font-weight:var(--at-text-overline-md-weight);line-height:var(--at-text-overline-md-lh);text-transform:uppercase;color:var(--at-color-text-subtle-light)}.at-collection-hero__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--at-spacing-1)}@media screen and (min-width:750px){.at-collection-hero__tiles{display:flex;flex-wrap:wrap;gap:var(--at-spacing-2)}}.at-collection-hero__tile{display:flex;flex-direction:column;width:100%;aspect-ratio:1 / 1;gap:var(--at-spacing-1);padding:var(--at-spacing-1);border-radius:var(--at-radius-md);text-decoration:none;opacity:.7;transition:opacity var(--at-transition-duration) var(--at-transition-easing),background-color var(--at-transition-duration) var(--at-transition-easing)}.at-collection-hero__tile--active,.at-collection-hero__tile:hover,.at-collection-hero__tile:focus-visible{opacity:1;background:var(--at-color-surface-dark-subtle)}@media screen and (min-width:750px){.at-collection-hero__tile{flex:0 0 auto;width:142px;height:142px;aspect-ratio:unset;gap:var(--at-spacing-3)}}.at-collection-hero__tile-media{position:relative;display:block;flex:1 1 auto;min-height:0;border-radius:var(--at-spacing-1);overflow:hidden;background:var(--at-color-surface-dark-subtle)}.at-collection-hero__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.at-collection-hero__tile-check{position:absolute;inset-block-start:var(--at-spacing-1);inset-inline-end:var(--at-spacing-1);width:24px;height:24px;line-height:0}.at-collection-hero__tile-label{flex-shrink:0;padding-block:var(--at-spacing-1);font-family:var(--at-font-ui);font-size:var(--at-text-overline-sm-size);font-weight:var(--at-text-overline-sm-weight);line-height:var(--at-text-overline-sm-lh);text-transform:uppercase;text-align:center;color:var(--at-color-text-light)}@media screen and (min-width:750px){.at-collection-hero__tile-label{font-size:var(--at-text-overline-md-size)}}.at-collection-hero__footer{display:flex;flex-direction:column;gap:var(--at-spacing-4);padding-block-start:var(--at-spacing-4)}@media screen and (min-width:750px){.at-collection-hero__footer{gap:var(--at-spacing-5);padding-block-start:var(--at-spacing-6)}}.at-collection-hero__title{margin:0;font-family:var(--at-font-sans);font-size:var(--at-text-heading-md-size);font-weight:var(--at-text-heading-md-weight);line-height:var(--at-text-heading-md-lh);letter-spacing:var(--at-text-heading-md-ls);color:var(--at-color-surface-light)}.at-collection-hero__footer-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--at-spacing-7);border-block-start:1px solid var(--at-color-stroke);padding-block-start:var(--at-spacing-4)}.at-collection-hero__footer-row .at-btn--p-accent{background-color:var(--at-color-brand-primary)}.at-collection-hero__footer-row .at-btn--p-accent:hover{background-color:var(--at-color-brand-accent)}@media screen and (min-width:750px){.at-collection-hero__footer-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--at-spacing-5)}.at-collection-hero__footer-row .at-btn{width:auto;margin-inline-start:auto}}.at-collection-hero__description{margin:0;font-family:var(--at-font-sans);font-size:var(--at-text-body-base-size);font-weight:var(--at-text-body-base-weight);line-height:1.3;color:var(--at-color-text-subtle-light);max-width:100%}@media screen and (min-width:750px){.at-collection-hero__description{font-size:var(--at-text-body-lg-size);line-height:1.2;max-width:690px}}.at-collection-hero__footer-row--search{gap:var(--at-spacing-5)}.at-collection-hero__search{display:flex;flex-direction:column;gap:var(--at-spacing-3);inline-size:100%}.at-collection-hero__search-field{display:flex;align-items:center;gap:var(--at-spacing-3);flex:1 1 auto;min-inline-size:0;padding-inline:var(--at-spacing-4);border:1px solid var(--at-color-stroke);border-radius:var(--at-radius-md);background-color:var(--at-color-surface-dark-subtle);color:var(--at-color-text-light);transition:border-color var(--at-transition-duration) var(--at-transition-easing)}.at-collection-hero__search-field:hover{border-color:var(--at-color-text-subtle-light)}.at-collection-hero__search-field:focus-within{border-color:var(--at-color-text-light);outline:2px solid var(--at-color-text-light);outline-offset:2px}.at-collection-hero__search-icon{display:inline-flex;flex:0 0 auto;inline-size:var(--at-spacing-5);block-size:var(--at-spacing-5)}.at-collection-hero__search-icon svg{inline-size:100%;block-size:100%}.at-collection-hero .at-collection-hero__search-input{flex:1 1 auto;min-inline-size:0;block-size:46px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:none;background-color:transparent;box-shadow:none;color:var(--at-color-text-light);font-family:var(--at-font-sans);font-size:var(--at-text-body-base-size);line-height:var(--at-text-body-base-lh);outline:none}.at-collection-hero__search-input::placeholder{color:var(--at-color-text-subtle-light);opacity:1}.at-collection-hero__search-input::-webkit-search-cancel-button{filter:invert(1);cursor:pointer}.at-collection-hero__search .at-btn{justify-content:space-between}@media screen and (min-width:750px){.at-collection-hero__footer-row--search{align-items:flex-end}.at-collection-hero__search{flex-direction:row;align-items:stretch;inline-size:min(100%,640px)}.at-collection-hero__footer-row .at-collection-hero__search .at-btn{margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.at-collection-hero__search-field{transition:none}}@media screen and (max-width:749px){.at-collection-hero__body{padding-block-start:90px;padding-block-end:var(--at-spacing-6)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-hero.css.map */