.hat-page--moof{--hat-accent: #12462f;--moof-green: #103f2b;--moof-gold: #d1a72f;--hat-line: rgba(32, 22, 22, .22)}.hat-page--moof .hat-hero__image-frame,.hat-page--moof .hat-thumbnail,.hat-page--moof .hat-purchase__button,.hat-page--moof .hat-repeat .cp-add-btn{border-radius:5px}.hat-page--moof .hat-purchase__button,.hat-page--moof .hat-repeat .cp-add-btn{background:var(--moof-green)}.moof-story{width:min(1200px,calc(100% - 48px));margin:0 auto;overflow:hidden;border:1px solid var(--hat-line);border-radius:5px}.moof-story .hat-window-bar{min-height:24px;border-bottom:3px double var(--hat-line);background:#efeee3}.moof-story .hat-window-bar span{width:8px;height:8px;border:1px solid var(--hat-ink);border-radius:0;background:transparent}.moof-story__inner{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,94px);padding:clamp(44px,6vw,82px)}.moof-details-band{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:clamp(70px,9vw,124px);padding:clamp(48px,7vw,88px) max(24px,calc((100vw - 1320px)/2));background:var(--moof-green)}.moof-details-band__title{display:flex;align-items:center;padding:clamp(20px,4vw,50px)}.moof-details-band h2{color:#fffef2;font-size:clamp(42px,5vw,70px)}.moof-details-band figure{margin:0;overflow:hidden;border:1px solid rgba(255,254,242,.35);border-radius:5px}.moof-details-band img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.hat-page--moof .hat-details{border-radius:5px;border-color:var(--hat-line)}.hat-page--moof .hat-details .hat-window-bar{min-height:24px;border-bottom:3px double var(--hat-line);background:#efeee3}.hat-page--moof .hat-details .hat-window-bar span{width:8px;height:8px;border:1px solid var(--hat-ink);border-radius:0;background:transparent}.hat-page--moof .hat-gallery__item,.hat-page--moof .hat-gallery__image{border-radius:5px}@media(max-width:899px){.moof-story__inner,.moof-details-band{grid-template-columns:1fr}.moof-details-band{padding-right:20px;padding-left:20px}.moof-details-band img{min-height:0;aspect-ratio:5 / 4}}@media(max-width:599px){.moof-story{width:calc(100% - 28px)}.moof-story__inner{padding:34px 22px 42px}.moof-details-band{padding-right:14px;padding-left:14px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/product-moof-hat.css.map */