html{scroll-behavior:smooth}.moods-showcase-wrapper{overflow:hidden}.moods-dock{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:.375rem;padding:.5rem;border-radius:12px;opacity:0;visibility:hidden;min-width:140px;max-width:220px;transition:opacity .3s ease,visibility .3s ease}.moods-dock.is-visible{opacity:1;visibility:visible}.moods-dock--top-left{top:1.5rem;left:1.5rem}.moods-dock--top-center{top:1.5rem;left:50%;transform:translate(-50%)}.moods-dock--top-right{top:1.5rem;right:1.5rem}.moods-dock--left-center{top:50%;left:1.5rem;transform:translateY(-50%)}.moods-dock--bottom-left{bottom:1.5rem;left:1.5rem}.moods-dock--bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%)}.moods-dock--bottom-right{bottom:1.5rem;right:1.5rem}.moods-dock__btn{position:relative;display:flex;flex-direction:column;align-items:stretch;font-family:Clash Display,sans-serif;font-weight:600;font-size:1.125rem;padding:1rem 1.5rem;border:2px solid var(--mood-fg);background:color-mix(in srgb,var(--mood-bg) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--mood-fg);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;text-align:center;min-width:140px;max-width:220px}.moods-dock__word{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moods-dock__btn:hover{background:var(--mood-fg);color:var(--mood-bg)}.moods-dock__btn.active{background:var(--mood-fg);color:var(--mood-bg);cursor:default;pointer-events:none}.moods-dock__btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--mood-bg)}.moods-panel{padding-top:2rem;padding-bottom:2rem;scroll-margin-top:3rem;color:var(--mood-fg)}.moods-panel--has-bg{background:linear-gradient(var(--mood-bg-overlay),var(--mood-bg-overlay)),var(--bg-img) center/cover no-repeat,var(--mood-bg)}.moods-hero{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:1.5rem;align-items:start}.moods-hero__image{aspect-ratio:1.57 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.moods-hero__image img{width:100%;height:100%;display:block;object-fit:cover}.moods-hero__info{padding:1rem 0}.moods-hero__info:only-child{grid-column:1 / -1}.moods-showcase__title,.moods-hero__title,.moods-hero__description,.moods-hero__cta{color:var(--mood-fg)}.moods-hero__description :is(h1,h2,h3,h4,h5,h6){color:inherit}.moods-hero__title{font-family:Clash Display,sans-serif;font-weight:700;font-size:3.5rem;line-height:1.2;text-align:center;margin:0 0 2rem}.moods-hero__description{font-size:1.25rem;line-height:1.6;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moods-hero__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 2rem;font-family:Clash Display,sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:2px solid var(--mood-fg);background:transparent;color:var(--mood-fg);position:relative;overflow:hidden;z-index:1;width:100%;box-shadow:0 2px 8px #00000014;transition:color .3s ease,box-shadow .3s ease,transform .3s ease}.moods-hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mood-fg);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.moods-hero__cta:after{content:"\2192";display:inline-block;opacity:0;transform:translate(-6px);transition:all .25s ease}@media(hover:hover){.moods-hero__cta:hover:before{transform:translate(0)}.moods-hero__cta:hover:after{opacity:1;transform:translate(0)}.moods-hero__cta:hover{color:var(--mood-bg);box-shadow:0 4px 14px #00000026;transform:translateY(-2px)}}.moods-hero__cta:active{transform:scale(.95);background:var(--mood-fg);color:var(--mood-bg)}.moods-products{margin-top:1.5rem}.moods-products__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media screen and (max-width:749px){.moods-hero{grid-template-columns:1fr;gap:1.5rem}.moods-hero__image{aspect-ratio:1.57 / 1}.moods-hero__title{font-size:2.25rem}.moods-dock{padding:.375rem;gap:.25rem;border-radius:10px;flex-direction:row;top:auto;bottom:1rem;left:50%;right:auto;transform:translate(-50%);width:auto;max-width:none;min-width:auto}.moods-dock__btn{font-size:.875rem;padding:.75rem .5rem;text-align:center;flex:0 0 auto;width:80px;min-width:80px;max-width:80px}}@media screen and (max-width:480px){.moods-products__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-moods-showcase.css.map */