/* Zuki: CSS that snippets print inline, served as one cached file on browse pages (Claude, 17 Oct 2026).
 * Built from live pages. Each section is one snippet's <style id> block, byte for byte, in page order.
 * The theme (inc/inline-css.php) only drops an inline block when it matches this copy exactly (sha256 in zk-inline.json),
 * so editing a snippet's CSS never goes stale: that page just keeps the inline version until this file is rebuilt. */

/* ===== zuki-psi-fixes ===== */
.payflex-text-title,.payflex-text-subtitle,a.payflex-text-subtitle,.payflex-secondary-color{color:#5b2fb3!important}img.avatar{aspect-ratio:1/1;height:auto!important;object-fit:cover}[class*="es-header-rating-reviews"],[class*="es-review-info-date"],[class*="ReviewInfo__SourceDate"],[class*="HeaderRating__ReviewsCount"]{color:#4a4a4a!important}

/* ===== zk-sweep ===== */

/* Search: keep the teal search bar below the WordPress admin bar (staff only). */
body.admin-bar #search.overlay{top:32px}
@media (max-width:782px){body.admin-bar #search.overlay{top:46px}}
/* Size picker and other sheets opened from inside search must sit above the search panel. */
.sheet{z-index:97}
/* Product page: price in the theme's ink colour and size (WooCommerce's default olive was leaking in). */
.woocommerce .zk-pdp .prow span.price.num{color:var(--ink);font-size:34px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.zk-pdp .prow .perkg{color:var(--ink-3)}
/* Product page: "Add to your subscription" (customers with an Autoship) as a card in the theme style. */
.zk-buyform .jgtb-add-to-subscription{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.zk-buyform .jgtb-add-to-subscription label{grid-column:1/-1;font-weight:700;font-size:14px;margin:0}
.zk-buyform .jgtb-add-to-subscription select{width:100%;height:44px;border:1.5px solid var(--line-2);border-radius:12px;padding:0 12px;background:#fff;font:inherit;color:var(--ink)}
.woocommerce .zk-buyform .jgtb-add-to-subscription button.button.alt{height:44px;border-radius:999px;padding:0 18px;border:1.5px solid var(--teal);background:#fff;color:var(--teal-ink);font-weight:700;opacity:1;cursor:pointer}
.woocommerce .zk-buyform .jgtb-add-to-subscription button.button.alt:disabled,.woocommerce .zk-buyform .jgtb-add-to-subscription button.button.alt:disabled[disabled]{opacity:.45;cursor:default;background:#fff;color:var(--teal-ink);padding:0 18px}
.woocommerce .zk-buyform .jgtb-add-to-subscription button.button.alt:hover{background:var(--teal-soft)}
/* Shop pagination as theme pills (WooCommerce's grey boxes were showing). */
.woocommerce nav.woocommerce-pagination{margin:24px 0 8px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;overflow:visible;float:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:15px}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus{background:var(--teal-soft);color:var(--teal-ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--teal);border-color:var(--teal);color:#fff}
/* Listing toolbar on phones: Filter, Sort and the product count fit the width (the count was cut off and the page scrolled sideways). */
.zk-woo .toolbar .zk-sort{flex:1 1 auto;min-width:0}
.zk-woo .toolbar .zk-sort select{width:100%;min-width:0;max-width:100%}
.zk-woo .toolbar .count{flex:none;white-space:nowrap;margin-left:auto}
@media (max-width:600px){.zk-woo .toolbar{gap:8px}.zk-woo .toolbar .count{font-size:13px}}
/* Chat bubble hides while search is open (it covered the + Add buttons on phones). */
body:has(#search.overlay.on) #tdfa-woo-chat-root{display:none!important}
@media (max-width:600px){}
.zk-sp-sec{margin-top:34px;scroll-margin-top:150px}
.zk-sp-intro{max-width:72ch;margin:0 0 14px}
.zk-sp-intro p{margin:0}
@media (max-width:900px){}
@media (max-width:600px){.zk-sp .sec-head.h8row{flex-wrap:wrap;gap:2px 12px}.zk-sp .sec-head.h8row>div{flex:1 1 100%}}


/* ===== zk-cat-css ===== */

.heart{position:absolute;top:8px;left:8px;width:34px;height:34px;border-radius:99px;background:#fff;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;z-index:2;padding:0;cursor:pointer}
.heart svg{fill:none;stroke:#5C6B79;stroke-width:2}
.heart.on{background:#E0435E;border-color:#E0435E}
.heart.on svg{fill:#fff;stroke:#fff}
.card .ph{position:relative}
.spons{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center;background:var(--bar);color:#fff;border-radius:18px;padding:12px 12px 12px 16px;position:relative;overflow:hidden;margin:0 0 16px;text-decoration:none}
.spons img{width:100%;height:92px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}
.spons .tx{display:grid;gap:4px;justify-items:start;min-width:0}
.spons .lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(4,38,46,.32);color:#fff;border-radius:99px;padding:2px 8px}
.spons small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua-soft)}
.spons b{font-family:var(--f-display);font-size:clamp(17px,2.2vw,24px);line-height:1.15;font-weight:700;color:#fff}
.spons .nm{font-size:13.5px;color:rgba(255,255,255,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.spons .pr{font-weight:800}
.spons .go{display:inline-flex;gap:6px;align-items:center;background:var(--go);color:#3D0F09;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12.5px;margin-top:4px}
.spons .go svg{transform:rotate(-90deg)}
@media (min-width:760px){.spons{grid-template-columns:1fr 150px;padding:16px 24px}.spons img{height:120px}.spons .go{padding:6px 12px;font-size:13.5px}}
@media (max-width:759px){.spons .nm{display:none}}
.qchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}
.qchips::-webkit-scrollbar{display:none}
.qchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}
.qchip:hover{border-color:var(--teal)}
.qchip.on{background:var(--teal);border-color:var(--teal);color:#fff}
@media (min-width:901px){
	.zk-woo .toolbar{display:flex;align-items:center;gap:12px}
	.zk-woo .toolbar .count{order:-1;margin:0 auto 0 0!important;font-size:15px;color:var(--ink-2)}
	.zk-woo .toolbar .zk-sort{flex:0 0 auto!important;display:flex;align-items:center;gap:8px;margin-left:auto}
	.zk-woo .toolbar .zk-sort .zk-sr{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;margin:0!important;font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}
	.zk-woo .toolbar .zk-sort .sel{width:auto!important;min-width:200px;height:40px;border-radius:99px;padding:0 36px 0 16px;border:1px solid var(--line-2);font-weight:600;font-size:14px}
}
.zk-saved{margin:28px 0 8px}
.zk-saved h2{font-size:20px;margin:0 0 12px}


/* ===== zk-home-css ===== */

.gtrust{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.gtrust .gst{color:#F4B43A;letter-spacing:1px;font-size:14px}
.gtrust b{color:var(--ink);font-family:var(--f-display);font-weight:800}
.gtrust:hover span{text-decoration:underline;text-underline-offset:2px}
.gtrust.lg{font-size:15px}.gtrust.lg .gst{font-size:17px}.gtrust.lg b{font-size:18px}
.home .sec-head,.zk-again .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;margin-bottom:16px;flex-wrap:wrap}
.home .sec-head h2{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
@media (min-width:760px){.home .sec-head h2{font-size:24px}}
.home .sec-head p{font-size:14.5px;color:var(--ink-2);margin-top:2px}
.grev .sec-head{align-items:flex-end;gap:12px;flex-wrap:wrap}
.grevbox{min-height:180px;overflow:hidden}
.grevbox [class^="elfsight-app"],.grevbox [class*=" elfsight-app"]{font-family:inherit!important}
.grevcta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.zk-again-sz{font-size:12.5px;color:var(--ink-2);padding:0 12px 12px;margin-top:-4px}


/* ===== zk-foot-css ===== */
@media (min-width:860px){footer .cols.zk-fcols{grid-template-columns:1.5fr 1fr 1.2fr 1fr 1fr}}footer .zk-ftalk .footchat{max-width:240px}@media (max-width:859px){footer .cols.zk-fcols>.brandcol{grid-column:1/-1}}.zk-prose ul.products a,.zk-prose ul.products a:hover{text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}

/* ===== zk-d1-css ===== */

/* 2. Header balance */
@media (min-width:760px){
 body.v8 .hrow{gap:20px}
 body.v8 .hrow .hsearch{flex:1 1 auto;max-width:none}
 body.v8 .hicons{margin-left:0;gap:8px}
 body.v8 #mainnav>.wrap{gap:2px}
 body.v8 #mainnav .zk-ndeliv{display:inline-flex;margin-left:auto;height:40px;max-width:330px;padding:0 14px 0 12px;gap:9px;border-radius:999px;background:#fff;border:1.5px solid #CFE3EA;color:var(--ink);flex:0 1 auto}
 body.v8 #mainnav .zk-ndeliv:hover{border-color:#0a6f91;background:#F3FAFC}
 body.v8 #mainnav .zk-ndeliv svg:first-child{color:#0a6f91}
 body.v8 #mainnav .zk-ndeliv svg:last-child{color:var(--ink-3);flex:none}
 body.v8 #mainnav .zk-ndeliv span{display:flex;align-items:baseline;gap:6px;min-width:0;line-height:1.2}
 body.v8 #mainnav .zk-ndeliv small{font-size:13px;font-weight:700;color:#0a6f91;white-space:nowrap}
 body.v8 #mainnav .zk-ndeliv b{font-size:13px;font-weight:500;color:var(--ink-2);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.v8 #mainnav .navcart{margin-left:10px!important}
}
@media (min-width:760px) and (max-width:1079px){body.v8 #mainnav .zk-ndeliv b{max-width:110px}}
@media (max-width:759px){body.v8 #mainnav .zk-ndeliv{display:none!important}}
/* 3. Menus as a floating panel, page dimmed behind */
@media (min-width:760px){
 body.v8 nav.main{position:relative}
 body.v8 .mega{position:absolute;top:calc(100% + 10px);left:50%;right:auto;transform:translateX(-50%);width:min(1240px,calc(100vw - 40px));border:0;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(4,38,46,.28),0 2px 8px rgba(4,38,46,.08);overflow:hidden;z-index:2}
 body.v8 .mega.open{display:block;animation:zkMegaIn .18s ease-out}
 body.v8 .mega .wrap{padding:28px 32px 30px;max-width:none}
 body.v8 .mega .promo{border-radius:16px}
}
@keyframes zkMegaIn{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.zk-megaveil{position:fixed;inset:0;background:rgba(4,38,46,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:39;opacity:0;pointer-events:none;transition:opacity .18s}
.zk-megaveil.on{opacity:1;pointer-events:auto}
/* 4. Home: gap under "Shop by need" */
body.v8 .sec.zk-hneeds{padding-bottom:16px}
/* 5. Footer */
@media (min-width:860px){footer .cols.zk-fcols{grid-template-columns:2.1fr 1fr 1.25fr 1fr 1fr;column-gap:32px}footer .cols.zk-fcols>.brandcol{padding-right:24px}}
footer .social{display:flex;gap:10px}
footer .social .soc{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;transition:background .15s,color .15s}
footer .social .soc:hover{background:#38E1FF;color:#04303D}
footer .social .soc svg{width:19px;height:19px}
.zk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
footer .zk-flink{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
footer .zk-flink:hover{color:#38E1FF}
footer .zk-flink svg{color:#38E1FF}
footer .paybar.zk-pay2{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;border:0!important;padding:26px 0 8px;margin:0}
footer .zk-pay2 .lbl{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#BFE9F5}
footer .zk-pay2 .lbl svg{color:#38E1FF}
footer .zk-pay2 .paylogos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
footer .zk-pay2 .zk-pt{display:grid;place-items:center;width:64px;height:40px;padding:0 7px;border-radius:9px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 0 0 1px rgba(4,38,46,.06)}
footer .zk-pay2 .zk-pt img{display:block;width:100%;height:26px;object-fit:contain}
footer .legal{border-top:0!important;padding-top:14px}
@media (max-width:600px){footer .zk-pay2 .zk-pt{width:56px;height:36px}footer .zk-pay2 .paylogos{gap:6px}}


/* ===== zk-ct-fix ===== */
#wps_wpr_order_notice,#wps_wpr_order_notice *{font-family:inherit!important;text-transform:none!important;letter-spacing:0!important}#wps_wpr_order_notice p{font-size:14.5px;font-weight:600;margin:0}body.woocommerce-checkout div#wps_wpr_order_notice:has(p){background:var(--teal-soft)!important;border:0!important;border-radius:12px;padding:10px 14px!important;color:var(--teal-ink)!important;box-shadow:none!important}body.woocommerce-checkout div#wps_wpr_order_notice p{background:none!important;padding:0!important;color:inherit!important}body.woocommerce-checkout div#wps_wpr_order_notice::before{display:none!important}

/* ===== zk-d1b-css ===== */
@media (min-width:760px){body.v8 #mainnav .zk-ndeliv{margin-left:24px;height:42px;flex:1 1 auto;min-width:0;max-width:none;padding:0 16px 0 14px;gap:10px}body.v8 #mainnav .zk-ndeliv span{flex:1;gap:8px}body.v8 #mainnav .zk-ndeliv b{font-size:13.5px;max-width:none;min-width:0}}@media (min-width:760px) and (max-width:1079px){body.v8 #mainnav .zk-ndeliv{margin-left:12px}}

/* ===== zk-d1c-css ===== */

/* 2. Bands */
body.v8 .catband.light{max-height:none!important;height:auto!important;background:#fff!important;border:1px solid var(--line);align-items:stretch}
body.v8 .catband.light .tx{padding:30px 36px 32px;gap:10px;align-content:center}
body.v8 .catband.light h1{color:var(--head,#0A4B5C)!important;font-size:clamp(30px,3.6vw,44px);line-height:1.08;margin:0}
body.v8 .catband.light p,body.v8 .catband.light .zk-catline{color:var(--ink-2)!important;font-size:16px;line-height:1.55;max-width:58ch;margin:0}
body.v8 .catband.light .trustline{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
body.v8 .catband.light .trustline>span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#F1F8FA;color:var(--ink)!important;font-size:13px;font-weight:600;white-space:nowrap}
body.v8 .catband.light .trustline svg{color:#0A6F91;flex:none}
@media (min-width:760px){
 body.v8 .catband.light .im{position:relative;min-height:240px;margin:10px;border-radius:calc(var(--r-xl, 24px) - 8px);overflow:hidden}
 body.v8 .catband.light .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
}
@media (max-width:759px){body.v8 .catband.light .tx{padding:20px}body.v8 .catband.light .trustline>span{white-space:normal}}
/* 4. Deliver to bar with colour */
@media (min-width:760px){
 body.v8 #mainnav .zk-ndeliv{background:linear-gradient(90deg,#DDF6FC 0%,#F2FCFF 100%)!important;border:1.5px solid #8FDCEC!important;box-shadow:0 2px 10px rgba(10,111,145,.10);padding-left:6px!important}
 body.v8 #mainnav .zk-ndeliv:hover{border-color:#0A6F91!important;box-shadow:0 4px 14px rgba(10,111,145,.18)}
 body.v8 #mainnav .zk-ndeliv>svg:first-child{width:30px;height:30px;padding:6px;border-radius:999px;background:#0A6F91;color:#fff!important;flex:none}
 body.v8 #mainnav .zk-ndeliv small{color:#0A6F91!important;font-weight:800}
 body.v8 #mainnav .zk-ndeliv b{color:#04303D!important;font-weight:700!important}
 body.v8 #mainnav .zk-ndeliv>svg:last-child{color:#0A6F91!important}
}
/* 5. Sort box */
.zk-woo .toolbar .sel:focus:not(:focus-visible){outline:none!important;box-shadow:none!important;border-color:var(--line-2)!important}


/* ===== zk-d1d-css ===== */

body.v8{--zg1:16px;--zg2:24px;--zg3:40px;--zgf:56px}
@media (max-width:759px){body.v8{--zg1:12px;--zg2:20px;--zg3:32px;--zgf:40px}}
/* Page frame: no stray top/bottom padding on the main containers. */
body.v8 #app{padding-top:0!important;padding-bottom:0!important}
body.v8 #app>.wrap:first-child,body.v8 #app>div:first-child,body.v8 #app>.zk-content:first-child{padding-top:0!important;margin-top:0!important}
body.v8 #app>div,body.v8 #app>.wrap{padding-bottom:0!important}
/* Sections start flush; the gaps below add the spacing. */
body.v8 #app .sec{padding-block:0!important;margin-block:0!important}
/* Breadcrumbs */
body.v8 #app .crumbs{padding:var(--zg1) 0 0!important;margin:0!important}
body.v8 #app .crumbs+*{margin-top:var(--zg1)!important}
body.v8 #app .crumbs+.woocommerce-notices-wrapper:not(:has(*)){display:none!important}
body.v8 #app .crumbs+.woocommerce-notices-wrapper:not(:has(*))+*{margin-top:var(--zg1)!important}
/* Page heading blocks */
body.v8 #app .phead{padding-block:0!important}
body.v8 #app>.phead:first-child,body.v8 #app>header.phead:first-child,body.v8 #app>.wrap>.phead:first-child,body.v8 #app>.wrap>header.phead:first-child{margin-top:var(--zg2)!important}
body.v8 #app :is(.catband,.phead){margin-bottom:0!important}
body.v8 #app :is(.catband,.phead)+*{margin-top:var(--zg2)!important}
/* Listing pages: band, sub-category chips, sponsor strip, toolbar and quick chips sit close together. */
body.v8 #app .catband+:is(.chips,.zk-subchips){margin-top:var(--zg1)!important}
body.v8 #app :is(.zk-subchips,.spons,.toolbar,.qchips)+:is(.spons,.toolbar,.qchips,.layout-cat){margin-top:12px!important}
body.v8 #app .toolbar{padding-block:0!important}
body.v8 #app .spons{margin-bottom:0!important}
/* Sections */
body.v8 #app>.hx:first-child,body.v8 #app>.zk-sr:first-child+.hx{padding-top:var(--zg2)!important;margin-top:0!important}
body.v8 #app>.hx+.sec{margin-top:var(--zg3)!important}
body.v8 #app :is(.sec,section,.pdp,.cards3,.split,.layout-cat,.zk-lp-about,.zk-about,.zk-sp-lead,.bpair,.zk-posts,.zk-wcbody,.chips.zk-az,div.zk-prose)+:is(.sec,section,.cards3,.zk-lp-about,.zk-about,.zk-sp-sec,.zk-posts,div.zk-prose,p.muted,.chips.zk-az){margin-top:var(--zg3)!important}
body.v8 #app .zk-lp-about,body.v8 #app .zk-about{margin-bottom:0!important}
/* Section heading to its content */
body.v8 #app .sec>.sec-head,body.v8 #app .sec>.h8row{margin-bottom:16px!important}
/* Footer: one gap on every page */
body.v8 #app>:last-child,body.v8 #app>.wrap>:last-child,body.v8 #app>div>:last-child{margin-bottom:0!important}
body.v8 #foot,body.v8 footer#foot{margin-top:var(--zgf)!important}


/* ===== zk-hdr-css ===== */

#mainnav .nlink[aria-current=page]{color:var(--teal-ink)}
#mainnav .bonepill svg,.hicons .bonepill svg{flex:none}
.hicons .bonepill{gap:6px;align-items:center;color:#fff;text-decoration:none;font-weight:700;height:38px}
@media (max-width:782px){.hicons .bonepill{display:none}}


/* ===== zk-cartdrawer-css ===== */

#zkCartPanel{display:flex;flex-direction:column}
#zkCartPanel .qty button{display:grid;place-items:center}
#zkCartPanel .qty button:disabled{opacity:.35}
#zkCartPanel .zk-dempty{text-align:center;padding:40px 10px}
#zkCartPanel .zk-dempty b{display:block;font-size:20px;margin-bottom:6px}
#zkCartPanel .zk-dempty .zk-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}
#zkCartPanel .payflex b{margin:0 2px}
body:has(#zkCartPanel.on) #tdfa-woo-chat-root{display:none!important}