.wand-banner{background:linear-gradient(180deg,#ddecf5 0% 70%,#fff 70% 100%);padding:clamp(20px,3vw,48px) clamp(12px,3.5vw,56px)}.wand-banner__card{position:relative;width:100%;aspect-ratio:2000 / 900;border-radius:var(--card-radius, 20px);overflow:hidden;box-shadow:0 4px 6px #0000000a,0 12px 40px #00000024,0 24px 64px #00000014;background:#c9dde8}.wand-banner__track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1)}.wand-slide{position:relative;flex:0 0 100%;min-width:0;height:100%}.wand-banner__picture{display:block;width:100%;height:100%}.wand-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--img-obj-pos, center center)}.wand-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wand-banner__caption{position:absolute;z-index:2;padding:0 7%;max-width:560px}.wand-slide--h-left .wand-banner__caption{left:0}.wand-slide--h-center .wand-banner__caption{left:50%;transform:translate(-50%);text-align:center;max-width:640px}.wand-slide--h-right .wand-banner__caption{right:0;left:auto;text-align:right}.wand-slide--v-top .wand-banner__caption{top:12%}.wand-slide--v-middle .wand-banner__caption{top:50%;transform:translateY(-50%)}.wand-slide--v-bottom .wand-banner__caption{bottom:14%}.wand-slide--h-center.wand-slide--v-middle .wand-banner__caption{transform:translate(-50%,-50%)}.wand-banner__caption-inner{opacity:0;transform:translateY(18px);transition:opacity .7s ease .3s,transform .7s cubic-bezier(.22,1,.36,1) .3s}.wand-slide.is-active .wand-banner__caption-inner{opacity:1;transform:translateY(0)}.wand-banner__heading{color:var(--slide-text-color, #fff);font-family:var(--wc-font);font-size:var(--wand-heading-size-desktop, 48px);font-weight:var(--wand-heading-weight, 500);letter-spacing:var(--wand-heading-letter-spacing, -.02em);text-transform:var(--wand-heading-transform, none);line-height:1.08;margin:0 0 20px;text-shadow:0 2px 24px rgba(0,0,0,.3)}.wand-banner__subheading{color:var(--slide-text-color, rgba(255, 255, 255, .9));font-family:var(--wc-font);font-size:var(--wand-subheading-size-desktop, 18px);font-weight:var(--wand-subheading-weight, 400);letter-spacing:var(--wand-subheading-letter-spacing, 0em);line-height:1.5;margin:0 0 28px;text-shadow:0 1px 12px rgba(0,0,0,.2)}.wand-banner__btn{display:inline-flex;align-items:center;padding:var(--wand-btn-padding-y, 14px) var(--wand-btn-padding-x, 28px);border-radius:var(--wand-btn-radius, 999px);background:var(--slide-btn-bg, var(--btn-bg, #111));color:var(--slide-btn-color, var(--btn-color, #fff))!important;font-family:var(--wc-font);font-size:var(--wand-btn-size, 13px);font-weight:var(--wand-btn-weight, 600);letter-spacing:var(--wand-btn-letter-spacing, .12em);text-transform:var(--wand-btn-transform, uppercase);text-decoration:none!important;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;white-space:nowrap;box-shadow:0 4px 18px #0000003d}.wand-banner__btn:hover{opacity:.86;transform:translateY(-2px);box-shadow:0 8px 28px #0000004d}.wand-banner__dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:5}.wand-banner__dot{height:4px;width:18px;border-radius:2px;border:none;background:#ffffff52;cursor:pointer;padding:0;transition:width .35s cubic-bezier(.4,0,.2,1),background .25s ease}.wand-banner__dot.is-active{width:38px;background:#ffffffa6}.wand-banner__placeholder-wrap{width:100%;height:100%;background:linear-gradient(135deg,#c9dde8,#a8c8da);display:flex;align-items:center;justify-content:center}.wand-banner__placeholder-svg{width:60%;max-width:400px;opacity:.4}@media(max-width:749px){.wand-banner{padding:clamp(12px,3.5vw,20px) clamp(8px,3.5vw,16px)}.wand-banner__card{aspect-ratio:3 / 4;border-radius:14px;box-shadow:0 4px 6px #0000000f,0 8px 24px #0000001f}.wand-banner__heading{font-size:var(--wand-heading-size-mobile, 34px);margin-bottom:14px}.wand-banner__subheading{font-size:var(--wand-subheading-size-mobile, 15px);margin-bottom:20px}.wand-banner__caption{padding:0 5%;max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wand-hero-banner.css.map */