/* ZiverdoKit header + mobile menu. Colours/fonts/width from ZiverdoKit Settings (:root variables). */

/* Hide Shoptimizer's header, menu bar and its mobile menu while ours is on. */
body.zk-own-header .top-bar,
body.zk-own-header #masthead,
body.zk-own-header header.site-header,
body.zk-own-header .col-full-nav,
body.zk-own-header .mobile-overlay{display:none!important}

.zk-hd-wrapper,.zk-drawer{font-family:var(--zk-font);-webkit-font-smoothing:antialiased}
.zk-hd-wrapper *,.zk-drawer *{box-sizing:border-box}
.zk-hd-in{max-width:var(--zk-container,1240px);margin:0 auto;padding:0 24px}
.zk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zk-i{display:block;flex:none}
.zk-hd-wrapper a,.zk-drawer a{text-decoration:none}
.zk-hd-wrapper :focus-visible,.zk-drawer :focus-visible{outline:3px solid var(--zk-accent);outline-offset:2px;border-radius:4px}
.zk-skip{position:absolute;left:12px;top:-60px;z-index:100002;background:#fff;color:#000;padding:10px 16px;border-radius:6px;font-weight:700}
.zk-skip:focus{top:12px}
.zk-hd-hint{max-width:var(--zk-container,1240px);margin:0 auto;padding:8px 24px;font-size:13px;background:var(--zk-note-bg);color:var(--zk-heading)}

/* Top bar */
.zk-tb{background:var(--zk-primary);color:var(--zk-on-dark);font-size:13px;line-height:1.4}
.zk-tb__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.zk-tb a{color:#fff}
.zk-tb a:hover{text-decoration:underline;text-underline-offset:3px}
.zk-tb__list{display:flex;align-items:center;gap:22px;list-style:none;margin:0 0 0 auto;padding:0}
.zk-tb__list li{margin:0;list-style:none}
.zk-tb__phone a{font-weight:700}

/* Header */
.zk-hd{background:var(--zk-primary-soft);border-bottom:1px solid var(--zk-border);position:relative;z-index:50}
.zk-hd__main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search actions";align-items:center;gap:32px;padding-top:16px;padding-bottom:16px}
.zk-burger{display:none}
.zk-hd__logo{grid-area:logo;line-height:0}
.zk-hd__logo a{display:inline-block}
.zk-hd__logo img{display:block;width:auto!important;height:auto;max-height:var(--zk-logo-h,48px)!important;max-width:240px}
.zk-sitename{font-family:var(--zk-font-heading);font-weight:700;font-size:24px;line-height:1.1;color:var(--zk-primary)}

.zk-hd__search{grid-area:search;position:relative;display:flex;max-width:620px;width:100%;margin:0 auto}
.zk-hd__search input[type=search]{flex:1;min-width:0;height:46px;margin:0;padding:0 52px 0 18px;font-family:inherit;font-size:15px;color:var(--zk-heading);background:#fff;border:1.5px solid var(--zk-border);border-radius:999px;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color .15s}
.zk-hd__search input[type=search]::placeholder{color:var(--zk-muted);opacity:1}
.zk-hd__search input[type=search]:focus{outline:none;border-color:var(--zk-primary)}
.zk-hd__search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.zk-hd__search button{position:absolute;right:4px;top:4px;width:38px;height:38px;margin:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--zk-primary);color:#fff;cursor:pointer}
.zk-hd__search button:hover{background:var(--zk-primary-hover)}
.zk-hd__search button .zk-i{width:18px;height:18px}

.zk-hd__actions{grid-area:actions;display:flex;align-items:center;gap:10px}
.zk-hd__acct{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:var(--zk-radius,10px);color:var(--zk-heading);font-size:15px;font-weight:600;white-space:nowrap}
.zk-hd__acct:hover{background:#fff;color:var(--zk-primary)}
.zk-hd__cart{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 12px;border-radius:var(--zk-radius,10px);background:var(--zk-primary);color:#fff!important;font-weight:700;font-size:15px;white-space:nowrap}
.zk-hd__cart:hover{background:var(--zk-primary-hover)}
.zk-hd__cart-ico{position:relative;display:block}
.zk-cart-count{position:absolute;top:-9px;right:-10px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--zk-accent);color:var(--zk-accent-text);font-size:11px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--zk-primary)}
.zk-cart-total .amount,.zk-cart-total bdi{color:inherit}

/* Desktop menu */
.zk-hd__nav{border-top:1px solid color-mix(in srgb,var(--zk-primary) 10%,transparent)}
.zk-menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.zk-menu li{position:relative;margin:0;list-style:none}
.zk-menu>li>a{display:flex;align-items:center;gap:6px;padding:13px 16px;font-size:15px;font-weight:600;line-height:1.3;color:var(--zk-heading);position:relative}
.zk-menu>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--zk-accent);transform:scaleX(0);transition:transform .15s}
.zk-menu>li>a:hover{color:var(--zk-primary)}
.zk-menu>li>a:hover::after,.zk-menu>li.current-menu-item>a::after,.zk-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
.zk-menu>li.current-menu-item>a,.zk-menu>li.current-menu-ancestor>a{color:var(--zk-primary)}
.zk-menu>li.menu-item-has-children>a::before{content:"";order:2;width:7px;height:7px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6}
.zk-menu .sub-menu{position:absolute;top:100%;left:0;min-width:230px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--zk-border);border-radius:12px;box-shadow:0 16px 40px -12px rgba(10,30,60,.2);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.zk-menu li:hover>.sub-menu,.zk-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.zk-menu .sub-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14.5px;color:var(--zk-heading)}
.zk-menu .sub-menu a:hover{background:var(--zk-surface);color:var(--zk-primary)}

.zk-drawer,.zk-scrim{display:none}

/* Tablet & phone (same breakpoint as Shoptimizer) */
@media (max-width:991px){
	.zk-hd-in{padding:0 16px}
	.zk-tb__in{justify-content:center;min-height:34px}
	.zk-tb__email{display:none}
	.zk-tb__list{margin:0;gap:18px}

	.zk-hd__main{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"burger logo actions" "search search search";gap:12px 10px;padding-top:10px;padding-bottom:12px}
	.zk-burger{grid-area:burger;display:grid;place-items:center;width:44px;height:44px;margin:0 0 0 -6px;padding:0;border:0;border-radius:var(--zk-radius,10px);background:transparent;color:var(--zk-primary);cursor:pointer}
	.zk-burger:hover{background:#fff}
	.zk-burger .zk-i{width:26px;height:26px}
	.zk-hd__logo img{max-height:min(var(--zk-logo-h,48px),40px)!important;max-width:170px}
	.zk-sitename{font-size:21px}
	.zk-hd__search{max-width:none}
	.zk-hd__search input[type=search]{height:44px;font-size:16px} /* 16px stops iOS zoom-on-focus */
	.zk-hd__actions{gap:4px}
	.zk-hd__acct{width:44px;padding:0;justify-content:center}
	.zk-hd__acct-t{display:none}
	.zk-hd__cart{padding:0 12px 0 10px}
	.zk-hd__nav{display:none}

	.zk-drawer{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100001;width:min(86vw,360px);background:#fff;box-shadow:20px 0 50px -20px rgba(0,0,0,.35);transform:translateX(-104%);visibility:hidden;transition:transform .25s ease,visibility .25s;overflow-y:auto;overscroll-behavior:contain}
	.zk-scrim{display:block;position:fixed;inset:0;z-index:100000;background:rgba(10,20,35,.45)}
	.zk-scrim[hidden]{display:none}
	html.zk-open,html.zk-open body{overflow:hidden}
	html.zk-open .zk-drawer{transform:none;visibility:visible}
	.admin-bar .zk-drawer{top:46px}
	.zk-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;background:var(--zk-primary-soft);border-bottom:1px solid var(--zk-border)}
	.zk-drawer__title{font-family:var(--zk-font-heading);font-weight:700;font-size:18px;color:var(--zk-primary)}
	.zk-drawer__close{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--zk-radius,10px);background:transparent;color:var(--zk-heading);cursor:pointer}
	.zk-drawer__close:hover{background:#fff}
	.zk-mmenu,.zk-mmenu .sub-menu{list-style:none;margin:0;padding:0}
	.zk-mmenu{padding:8px 0}
	.zk-mmenu li{margin:0;list-style:none}
	.zk-mmenu a{display:flex;align-items:center;min-height:50px;padding:10px 20px;font-size:16px;font-weight:600;color:var(--zk-heading);border-bottom:1px solid var(--zk-border)}
	.zk-mmenu a:hover,.zk-mmenu .current-menu-item>a{color:var(--zk-primary);background:var(--zk-surface)}
	.zk-mmenu .current-menu-item>a{box-shadow:inset 4px 0 0 var(--zk-accent)}
	.zk-mmenu .sub-menu a{padding-left:36px;font-weight:500;font-size:15px;min-height:46px}
	.zk-drawer__foot{margin-top:auto;padding:16px 20px 24px;display:grid;gap:4px;background:var(--zk-surface);border-top:1px solid var(--zk-border)}
	.zk-drawer__foot a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;color:var(--zk-heading);overflow-wrap:anywhere}
	.zk-drawer__foot .zk-i{color:var(--zk-primary)}
}
@media (min-width:720px) and (max-width:991px){
	.zk-hd__main{grid-template-columns:44px auto minmax(0,1fr) auto;grid-template-areas:"burger logo search actions";gap:16px;padding-top:12px;padding-bottom:12px}
}
@media (max-width:600px){
	.admin-bar .zk-drawer{top:0}
	.zk-tb__link{display:none}
}
@media (max-width:480px){
	.zk-cart-total{display:none}
	.zk-hd__cart{width:44px;padding:0;justify-content:center}
	.zk-hd__logo img{max-width:150px;max-height:min(var(--zk-logo-h,48px),36px)!important}
}
@media (prefers-reduced-motion:reduce){
	.zk-drawer,.zk-menu .sub-menu,.zk-menu>li>a::after{transition:none}
}