.hero-banner{position:relative;width:100%;display:flex;flex-direction:column;background:var(--zafar-bg)}.hero-nav{position:relative;z-index:20;background:var(--zafar-maroon);width:100%;padding:14px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.hero-nav__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1600px;margin:0 auto}.hero-nav__links{list-style:none;display:flex;gap:22px;margin:0;padding:0;flex-wrap:wrap}.hero-nav__links--left{justify-content:flex-start}.hero-nav__links--right{justify-content:flex-end}.hero-nav__right{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.hero-nav__icons{display:flex;align-items:center;gap:14px;color:#fff}.hero-nav__search{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 4px 4px 14px;transition:background .3s ease,border-color .3s ease}.hero-nav__search:focus-within{background:#ffffff2e;border-color:#ffffff80}.hero-nav__search-input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-body);font-size:1.05rem;letter-spacing:.08em;width:200px;padding:4px 0}.hero-nav__search-input::placeholder{color:#ffffffa6}.hero-nav__search-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;transition:background .3s ease}.hero-nav__search-btn:hover{background:#ffffff26}.hero-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;text-decoration:none;border-radius:50%;transition:background .3s ease,color .3s ease}.hero-nav__icon:hover{background:#ffffff1f;color:var(--zafar-gold)}.hero-nav__cart-count{position:absolute;top:-2px;right:-2px;background:var(--zafar-gold);color:var(--zafar-maroon);font-family:var(--font-body);font-size:.7rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.hero-nav__icon--wishlist{position:relative}.hero-nav__wishlist-count{position:absolute;top:-2px;right:-2px;background:var(--zafar-gold);color:var(--zafar-maroon);font-family:var(--font-body);font-size:.7rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:none;align-items:center;justify-content:center;padding:0 4px;line-height:1}.hero-nav__wishlist-count.is-visible{display:flex}.hero-nav__links a{font-family:var(--font-body);font-weight:400;font-size:1.05rem;letter-spacing:.08em;text-transform:capitalize;color:#fff;text-decoration:none;transition:opacity .3s ease;white-space:nowrap;position:relative;padding-bottom:4px}.hero-nav__links a:hover{opacity:.85}.hero-nav__links a.is-active:after,.hero-nav__links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:#fff;transform-origin:center}.hero-nav__links a:hover:after{opacity:.7}.hero-nav__logo{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center}.hero-nav__logo-img{height:var(--logo-height, 72px);width:auto;max-width:100%;display:block;object-fit:contain}.hero-nav__logo-text{display:flex;flex-direction:column;align-items:center;line-height:1;color:#fff}.hero-nav__logo-house{font-family:var(--font-brand);font-weight:400;font-size:1rem;letter-spacing:.05em;text-transform:none;color:var(--zafar-gold)}.hero-nav__logo-zafar{font-family:var(--font-brand);font-weight:400;font-size:2rem;letter-spacing:.05em;text-transform:none;margin-top:4px;font-style:normal}.hero-banner__media{position:relative;width:100%;height:calc(80vh - 80px);min-height:460px;max-height:620px;overflow:hidden;background:var(--zafar-maroon)}.hero-banner__media--fit-cover .hero-banner__video,.hero-banner__media--fit-cover video{object-fit:cover}.hero-banner__media--fit-contain .hero-banner__video,.hero-banner__media--fit-contain video{object-fit:contain}.hero-banner__img{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease-in-out;pointer-events:none}.hero-banner__slide--active{opacity:1;pointer-events:auto;z-index:2}.hero-banner__video,.hero-banner__media video,.hero-banner__media iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:none;z-index:1}.hero-banner__media iframe.hero-banner__video{width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-banner__composite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.hero-banner__composite-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.hero-banner__composite-person{position:absolute;bottom:0;width:auto;object-fit:contain;object-position:bottom center;z-index:2;pointer-events:none}.hero-banner__composite-person--left{max-height:92%;max-width:38%}.hero-banner__composite-person--right{max-height:75%;max-width:32%}@media screen and (max-width:749px){.hero-banner__composite-person--left{max-height:75%;max-width:50%}.hero-banner__composite-person--right{max-height:60%;max-width:42%}}.hero-banner__placeholder{width:100%;height:100%;background:#2a1a1a}.hero-banner__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.3}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0d,#ffffff2e,#ffffff0d);pointer-events:none;z-index:2}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;color:#fff;padding:4vh 24px 0}@media screen and (max-width:749px){.hero-banner__content{padding-top:3vh}}.hero-banner__subtitle,.hero-banner__heading{max-width:1100px;width:100%}.hero-banner__subtitle{font-family:var(--font-body);font-weight:500;font-size:1rem;letter-spacing:.32em;text-transform:uppercase;margin:0 0 22px;color:var(--zafar-maroon)}.hero-banner__heading{font-family:var(--font-heading);font-weight:300;font-size:clamp(2.4rem,4.6vw,4.6rem);letter-spacing:.02em;line-height:1.1;margin:0 0 44px;color:#6e6e6e;text-shadow:0 1px 3px rgba(0,0,0,.12)}.hero-banner__heading-line{display:block}.hero-banner__heading-line+.hero-banner__heading-line{margin-top:6px}.hero-banner__heading-accent{color:var(--zafar-maroon);font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.15)}.hero-banner__cta{display:inline-block;width:auto;max-width:none;margin-top:8px;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-family:var(--font-body);font-weight:400;font-size:1.05rem;letter-spacing:.02em;text-transform:none;text-decoration:none;padding:14px 44px;box-shadow:0 4px 18px #00000014;transition:all .3s ease}.hero-banner__cta:hover{background:var(--zafar-maroon);color:#fff;border-color:var(--zafar-maroon);transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.hero-banner__dots{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:10px}.hero-banner__dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:transparent;padding:0;cursor:pointer;transition:background .3s ease,transform .3s ease,border-color .3s ease}.hero-banner__dot:hover{background:#fff6;transform:scale(1.15)}.hero-banner__dot--active{background:#fff;border-color:#fff}@media screen and (max-width:1199px){.hero-nav__search-input{width:100px}.hero-nav__links{gap:18px}.hero-nav__links a{font-size:1rem}}@media screen and (max-width:989px){.hero-nav__inner{grid-template-columns:1fr auto 1fr;text-align:center;gap:12px}.hero-nav__links{display:none}.hero-nav__right{justify-content:flex-end;gap:8px}.hero-nav__search{display:none}.hero-nav__icon{width:32px;height:32px}.hero-banner__media{height:60vh;min-height:380px}.hero-nav{padding:12px 16px}.hero-nav__logo-img{height:min(var(--logo-height, 72px),52px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-banner.css.map */