.header-style{width:100%}.header-style__intro{margin-bottom:20px;margin-top:20px}.header-style__eyebrow{line-height:1.2;margin-bottom:6px}.header-style__title{line-height:1.05;margin:0}.header-style__title p{margin:0}.header-style__title em{font-style:italic}.header-style__divider{width:56px;height:2px;margin:14px 0 16px}.header-style__desc{max-width:860px;line-height:1.45}.header-style__desc p{margin:0}.header-style__grid{display:grid;gap:22px;align-items:stretch}.header-style__grid--1{grid-template-columns:repeat(1,minmax(0,1fr))}.header-style__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.header-style__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.header-style__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.header-flip-card{perspective:1400px;position:relative;min-height:100%}.header-flip-card__inner{position:relative;width:100%;min-height:100%;transform-style:preserve-3d;transition:transform .7s ease}@media(hover:hover)and (min-width:990px){.header-flip-card:hover .header-flip-card__inner{transform:rotateY(180deg)}}.header-flip-card.is-flipped .header-flip-card__inner{transform:rotateY(180deg)}.header-flip-card__face{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;overflow:hidden}.header-flip-card__face--front{position:relative;z-index:2;background:var(--card-bg-front, #fff);height:100%}.header-flip-card__face--back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--card-bg-back, #f3ecec);transform:rotateY(180deg);height:100%}.header-flip-card__inner,.header-flip-card__face{height:100%}.header-flip-card__media{position:relative;width:100%;overflow:hidden}.header-flip-card__img{width:100%;height:calc(100vh - var(--panelsHeight) - 240px);display:block;object-fit:cover}.header-flip-card__placeholder{width:100%;min-height:240px;background:#e8e8e8}.header-flip-card__content{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.header-flip-card__face--front .header-flip-card__content{padding:10px 0 20px}.header-flip-card__face--back .header-flip-card__content{padding:10px 15px 20px}.header-flip-card__badge{display:inline-flex;align-items:center;width:fit-content;padding:7px 14px;border-radius:6px;font-size:12px;line-height:1;font-weight:700;text-transform:uppercase}.header-flip-card__kicker{text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.header-flip-card__title{line-height:1.15}.header-flip-card__text{line-height:1.5}.header-flip-card__text p,.header-flip-card__text ul,.header-flip-card__text ol{margin:0}.header-flip-card__text ul,.header-flip-card__text ol{padding-left:18px}.header-flip-card__text li+li{margin-top:6px}.header-flip-card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;text-transform:uppercase;line-height:1.2}.header-flip-card__cta[aria-disabled=true]{pointer-events:none;opacity:.7}.header-flip-card__toggle{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border:0;border-radius:999px;background:#ffffffeb;color:#111;font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 10px #0000001f}@media(max-width:1030px)and (min-width:750px){.header-style__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 11px);grid-template-columns:unset;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.header-style__grid>*{scroll-snap-align:start}}@media(max-width:749px){.header-flip-card__img{height:calc(100vh - var(--panelsHeight) - 330px)}.header-style__grid{display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-template-columns:unset;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.header-style__grid>*{scroll-snap-align:start}.header-flip-card__content{padding:16px 18px 18px}}@media(max-width:1400px){.header-flip-card__toggle{display:inline-flex}}.header-style__dots{display:flex;justify-content:center;gap:10px;margin-top:14px}.header-style__dot{width:40px;height:3px;background:#d3d3d3;border-radius:2px;transition:all .3s ease}.header-style__dot.is-active{background:#000;width:40px}@media(min-width:1030px){.header-style__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/471/assets/shop-by-header-style-master.css.map */