/* WINTEEZ — Mobile header, menu drawer and fixed bottom tab bar (≤1024px) */

:root{--wz-tab-h:64px}
.wz-burger,.wz-tabbar,.wz-drawer{display:none}

@media (max-width:1024px){

  /* Header: burger | logo | cart */
  body .wz-header .wz-nav,
  body .wz-header .wz-search,
  body .wz-header .wz-account{display:none!important}
  body .wz-header-inner{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:0 max(12px,calc(var(--wz-pad) - 10px))}
  body .wz-header-inner > .wz-logo-w{grid-column:2;grid-row:1;justify-self:center;margin:0}
  body .wz-header-icons{grid-column:3;grid-row:1;justify-self:end;gap:0}
  body .wz-logo svg{width:118px}

  .wz-burger{display:inline-flex;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:44px;height:44px;padding:0 10px;margin:0;background:none;border:0;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .wz-burger span{display:block;width:22px;height:1.5px;background:var(--wz-bone);transition:width .5s var(--wz-ease)}
  .wz-burger span:last-child{width:14px}
  .wz-burger:hover span:last-child,.wz-burger:focus-visible span:last-child{width:22px}
  .wz-burger:focus-visible{outline:2px solid var(--wz-sand);outline-offset:2px}

  /* Drawer */
  .wz-drawer{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1001;background:var(--wz-ink);color:var(--wz-bone);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--wz-ease),visibility 0s linear .8s}
  html.wz-drawer-open .wz-drawer{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .8s var(--wz-ease)}
  html.wz-drawer-open,html.wz-drawer-open body{overflow:hidden}

  .wz-drawer-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--wz-hh);padding:0 max(12px,calc(var(--wz-pad) - 10px)) 0 var(--wz-pad);border-bottom:1px solid var(--wz-line-d)}
  .wz-drawer-logo{display:block;line-height:0;color:var(--wz-bone)}
  .wz-drawer-logo svg{width:118px;height:auto;fill:currentColor}
  .wz-drawer-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--wz-bone);cursor:pointer}
  .wz-drawer-close svg{width:22px;height:22px}

  .wz-drawer-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;overscroll-behavior:contain;padding:8px var(--wz-pad) 28px;display:flex;flex-direction:column;gap:28px}

  .wz-drawer-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(243,240,234,.35);margin-top:18px}
  .wz-drawer-search input[type=search]{flex:1 1 auto;min-width:0;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;color:var(--wz-bone);font:400 16px/1.2 var(--wz-sans);padding:14px 0;-webkit-appearance:none;appearance:none}
  .wz-drawer-search input::placeholder{color:rgba(243,240,234,.5)}
  .wz-drawer-search button{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--wz-bone);cursor:pointer}
  .wz-drawer-search svg{width:20px;height:20px}
  .wz-drawer-search:focus-within{border-bottom-color:var(--wz-bone)}

  .wz-dmenu,.wz-dmenu ul{display:block!important;list-style:none;margin:0;padding:0;width:100%}
  .wz-dmenu li{display:block;width:100%}
  .wz-dmenu > li{position:relative;border-bottom:1px solid var(--wz-line-d)}
  .wz-dmenu > li > a{display:block;padding:18px 56px 18px 0;font:500 clamp(30px,8.5vw,40px)/1 var(--wz-serif);letter-spacing:.02em;text-transform:uppercase;color:var(--wz-bone);text-decoration:none}
  .wz-dmenu > li.current-menu-item > a,.wz-dmenu > li.current-menu-ancestor > a{color:var(--wz-sand)}
  .wz-sub-toggle{position:absolute;right:-6px;top:12px;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;color:var(--wz-bone)}
  .wz-sub-toggle span,.wz-sub-toggle span::after{position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;background:currentColor;transition:transform .5s var(--wz-ease)}
  .wz-sub-toggle span::after{content:"";left:0;top:0;margin:0;transform:rotate(90deg)}
  .wz-has-sub.is-open .wz-sub-toggle span::after{transform:rotate(0deg)}
  .wz-dmenu .sub-menu{display:block!important;position:static!important;background:none;max-height:0;overflow:hidden;transition:max-height .6s var(--wz-ease)}
  .wz-dmenu .sub-menu li:last-child{padding-bottom:16px}
  .wz-dmenu .sub-menu a{display:block;padding:11px 0 11px 2px;font:500 12px/1.3 var(--wz-sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(243,240,234,.7);text-decoration:none}
  .wz-dmenu .sub-menu a:hover,.wz-dmenu .sub-menu .current-menu-item > a{color:var(--wz-bone)}

  .wz-drawer-foot{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:auto;padding-top:8px}
  .wz-drawer-foot a{font:600 11px/1 var(--wz-sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(243,240,234,.72);text-decoration:none;padding:6px 0}
  .wz-drawer-foot a:hover{color:var(--wz-bone)}
  .wz-drawer a:focus-visible,.wz-drawer button:focus-visible{outline:2px solid var(--wz-sand);outline-offset:3px}

  /* Bottom tab bar */
  .wz-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:998;height:calc(var(--wz-tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(14,13,12,.9);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-top:1px solid var(--wz-line-d)}
  .wz-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:0;padding:0;background:none;border:0;border-radius:0;color:rgba(243,240,234,.58);font:600 9.5px/1 var(--wz-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s}
  .wz-tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--wz-ease)}
  .wz-tab:active svg{transform:scale(.88)}
  .wz-tab.is-active,.wz-tab:hover{color:var(--wz-bone)}
  .wz-tab.is-active::before{content:"";position:absolute;top:-1px;left:50%;width:22px;height:1.5px;margin-left:-11px;background:var(--wz-bone)}
  .wz-tab:focus-visible{outline:2px solid var(--wz-sand);outline-offset:-4px}
  .wz-tab-icon{position:relative;line-height:0}
  .wz-tab-count{position:absolute;top:-6px;left:13px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--wz-bone);color:var(--wz-ink);font:700 9.5px/17px var(--wz-sans);letter-spacing:0;text-align:center}
  .wz-tab-count[data-count="0"]{display:none}
  .wz-tab-count.is-bump{animation:wzBump .5s var(--wz-ease)}
  @keyframes wzBump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

  /* Space so the bar never covers content */
  body[class]{padding-bottom:calc(var(--wz-tab-h) + env(safe-area-inset-bottom,0px))}
  body .wz-hero-content{padding-bottom:calc(12vh + var(--wz-tab-h))}
  .wz-hero-dots{bottom:calc(var(--wz-tab-h) + 24px)}
}

body.elementor-editor-active .wz-tabbar,body.elementor-editor-active .wz-drawer,body.elementor-editor-active .wz-burger{display:none!important}
@media (prefers-reduced-motion:reduce){.wz-drawer,html.wz-drawer-open .wz-drawer{transition:none}}

/* Category card titles on small phones */
@media (max-width:767px){
  body .wz-cat-body{padding:16px;gap:10px}
  body .wz-cat-title .elementor-heading-title{font-size:clamp(22px,5vw,24px);overflow-wrap:anywhere}
  body .wz-cat-link .elementor-heading-title{font-size:10px;letter-spacing:.16em;gap:8px}
  body .wz-cat-link .elementor-heading-title::after{width:16px}
}


/* ---------- Menu tab with animated burger ---------- */
@media (max-width:1024px){
  .wz-burger-ico{position:relative;display:block;width:22px;height:21px}
  .wz-burger-ico i{position:absolute;left:1px;height:1.4px;border-radius:1px;background:currentColor;transition:transform .5s var(--wz-ease),opacity .3s ease,width .5s var(--wz-ease),top .5s var(--wz-ease)}
  .wz-burger-ico i:nth-child(1){top:5px;width:20px}
  .wz-burger-ico i:nth-child(2){top:10px;width:13px}
  .wz-burger-ico i:nth-child(3){top:15px;width:20px}
  .wz-tab-menu:hover .wz-burger-ico i:nth-child(2){width:20px}
  .wz-tab-menu-t{position:relative;display:block;height:10px;overflow:hidden}
  .wz-tab-menu-t span{display:block;transition:transform .5s var(--wz-ease)}
  .wz-tab-menu-t .t-close{position:absolute;left:50%;top:0;transform:translate(-50%,110%)}

  /* open state: burger -> X, label -> Close */
  html.wz-drawer-open .wz-tab-menu{color:var(--wz-bone)}
  html.wz-drawer-open .wz-tab-menu::before{content:"";position:absolute;top:-1px;left:50%;width:22px;height:1.5px;margin-left:-11px;background:var(--wz-bone)}
  html.wz-drawer-open .wz-burger-ico i:nth-child(1){top:10px;transform:rotate(45deg)}
  html.wz-drawer-open .wz-burger-ico i:nth-child(2){opacity:0;width:0}
  html.wz-drawer-open .wz-burger-ico i:nth-child(3){top:10px;transform:rotate(-45deg)}
  html.wz-drawer-open .wz-tab-menu-t .t-open{transform:translateY(-110%)}
  html.wz-drawer-open .wz-tab-menu-t .t-close{transform:translate(-50%,0)}

  /* keep the bar visible above the open drawer */
  html.wz-drawer-open .wz-tabbar{z-index:1002}
  .wz-drawer-body{padding-bottom:calc(28px + var(--wz-tab-h) + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  .wz-burger-ico i,.wz-tab-menu-t span{transition:none}
}