.hats-promo{position:relative;overflow:hidden;isolation:isolate}.hats-promo__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:top center;background-repeat:no-repeat;z-index:0}@media screen and (min-width:750px){.hats-promo__bg{background-position:center top}}.hats-promo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay, 0);z-index:1;pointer-events:none}.hats-promo__inner{position:relative;z-index:2;max-width:var(--container-width, 1800px);margin:0 auto;padding:0 var(--container-padding, 24px)}.hats-promo__header{text-align:center;margin-bottom:30px}.hats-promo__heading{font-weight:var(--heading-weight, 900);font-size:var(--heading-size-mobile, 24px);line-height:1.1;color:var(--heading-color, #111);margin:0 0 8px;text-transform:uppercase;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.hat-item__title-wrapper{display:flex;align-items:center;gap:4px}.hat-item__price:before{content:"- "}@media screen and (max-width:749px){.hat-item__title-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.hat-item__price:before{content:""}}@media screen and (min-width:750px){.hats-promo__heading{font-size:var(--heading-size, 40px)}}.hats-promo__subheading{font-weight:var(--sub-weight, 700);font-size:var(--sub-size-mobile, 13px);letter-spacing:.03em;color:var(--sub-color, #111);margin:0;text-transform:uppercase}@media screen and (min-width:750px){.hats-promo__subheading{font-size:var(--sub-size, 13px)}}.hats-promo__grid{display:grid;grid-template-columns:repeat(2,167px);justify-content:center;gap:var(--gap, 24px)}@media screen and (min-width:750px){.hats-promo__grid{grid-template-columns:repeat(3,358px)}}.hat-item{width:167px;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:750px){.hat-item{width:358px}}.hat-item__image-wrap{position:relative;display:block;width:159px;height:159px;max-width:100%;overflow:hidden;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));flex-shrink:0}@media screen and (min-width:750px){.hat-item__image-wrap{width:321px;height:321px}}.hat-item__title-wrapper{flex-shrink:0}.hat-item__image{width:100%;height:100%;object-fit:contain;display:block}.hat-item__image--placeholder svg{width:100%;height:100%}.ph-soldout{position:absolute;top:42%;left:-12%;width:124%;transform:rotate(-8deg);background-image:var(--sash);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:12px 0;display:flex;align-items:center;justify-content:center;z-index:3}.ph-soldout span{display:block;text-align:center;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ribbon-text, #fff)}.hat-item__title,.hat-item__price{font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--heading-color, #111);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;padding-top:10px}.tag{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:186px;aspect-ratio:186 / 54;text-decoration:none;cursor:default;transition:opacity .15s ease;border:none;background:none;padding:0;font:inherit}.tag .pbg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tag .lbl{position:relative;z-index:1;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--btn-text, #111);padding:0 10px}button.tag{cursor:pointer}button.tag:hover{opacity:.85}button.tag:disabled{cursor:wait;opacity:.6}button.tag.is-added .lbl{color:#1a7a1a}.hat-item>.tag{margin-top:auto;padding-top:10px}.hats-promo__vinyl{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;width:100%;margin-top:10px;margin-bottom:60px}.hats-promo__vinyl-btn{position:relative;border:none;background:none;padding:0;display:block;cursor:pointer;line-height:0}.hats-promo__vinyl-img{width:285px;height:285px;max-width:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));animation:hats-promo-spin 24s linear infinite}.hats-promo__vinyl-btn.has-audio .hats-promo__vinyl-img{animation-play-state:paused}.hats-promo__vinyl-btn.has-audio.is-playing .hats-promo__vinyl-img{animation-play-state:running}.hats-promo__vinyl-play{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:0;height:0;border-style:solid;border-width:20px 0 20px 34px;border-color:transparent transparent transparent #000;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hats-promo__vinyl-btn.has-audio .hats-promo__vinyl-play{display:block;animation:hats-promo-play-pulse 1.4s ease-in-out infinite}.hats-promo__vinyl-btn.has-audio.is-playing .hats-promo__vinyl-play{display:none;animation:none}@keyframes hats-promo-play-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@media screen and (min-width:750px){.hats-promo__vinyl-img{width:360px;height:360px}}@keyframes hats-promo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */