/* Original SVG icons for Zerno i List. */
/* Journal and documents share the existing navigation icon style. */
:is(.woodmart-nav-link,.zl-footer nav a,.zl-journal-nav a)[href$="/blog/"]{--zl-nav-icon:url('icons/journal.svg')}
:is(.woodmart-nav-link,.zl-footer nav a,.zl-journal-nav a)[href$="/documents/"]{--zl-nav-icon:url('icons/documents.svg')}
:is(.woodmart-nav-link,.zl-footer nav a,.zl-journal-nav a):is([href$="/blog/"],[href$="/documents/"])::before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:var(--zl-nav-icon) center/contain no-repeat;mask:var(--zl-nav-icon) center/contain no-repeat}
.zl-footer nav a:is([href$="/blog/"],[href$="/documents/"])::before{width:17px!important;height:17px!important;flex-basis:17px}
.zl-icon{display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor}
.zl-category .zl-category-top>svg{width:50px;height:50px;stroke-width:1.35}
.zl-category .zl-category-link{display:flex;align-items:center;justify-content:space-between;gap:10px}
.zl-category .zl-category-link>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7}
.zl-value svg{width:22px;height:22px;stroke-width:1.7}
.zl-taste-link{gap:16px}
.zl-taste-link .zl-taste-copy{flex:1;min-width:0}
.zl-taste-link .zl-taste-symbol{width:32px;height:32px;color:#d4dfce;stroke-width:1.5}
.zl-taste-link .zl-taste-arrow{width:20px;height:20px;stroke-width:1.7}
.zl-step{position:relative;display:block!important}
.zl-step-icon{width:40px;height:40px;display:block;margin-bottom:18px;color:#688163}
.zl-step-icon svg{width:100%;height:100%;stroke-width:1.4}
.zl-step-number{position:absolute;right:0;top:28px;color:#8a977f;font:12px Arial,sans-serif;letter-spacing:1px}
.zl-empty>.zl-empty-icon{width:44px;height:44px;stroke-width:1.4;color:#75896d;margin-bottom:18px}
.zl-empty a{display:inline-flex;align-items:center;gap:10px}
.zl-empty a svg{width:18px;height:18px}
.whb-header .wd-header-my-account>a{font-size:13px!important;display:flex;align-items:center;gap:8px}
.whb-header .wd-header-my-account>a:after{content:none!important;display:none!important}
.whb-header .wd-header-my-account .wd-tools-text{display:inline!important;font:13px Arial,sans-serif!important}
.whb-header .wd-header-my-account .wd-tools-icon{display:none}
.whb-header .site-logo img{max-height:66px!important}
.zl-footer-logo{display:block;width:230px;max-width:100%;height:auto;margin-bottom:12px}
.zl-footer nav a{display:inline-flex;align-items:center;gap:8px}
.whb-header .wd-nav-main>li>a,.wd-nav-mobile .woodmart-nav-link{gap:8px}
.zl-primary .elementor-button,.zl-secondary .elementor-button{display:inline-flex;align-items:center;gap:10px}
.whb-header .wd-header-my-account>a:before{content:""!important;display:inline-block!important;width:22px!important;height:22px!important;flex:0 0 22px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/user.svg') center/contain no-repeat;mask:url('icons/user.svg') center/contain no-repeat;}
.wd-header-cart .wd-tools-icon:before{content:""!important;display:inline-block!important;width:24px!important;height:24px!important;flex:0 0 24px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/cart.svg') center/contain no-repeat;mask:url('icons/cart.svg') center/contain no-repeat;}
.wd-toolbar-shop .wd-tools-icon:before{content:""!important;display:inline-block!important;width:23px!important;height:23px!important;flex:0 0 23px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/catalog.svg') center/contain no-repeat;mask:url('icons/catalog.svg') center/contain no-repeat;}
.wd-toolbar .wd-header-my-account .wd-tools-icon:before{content:""!important;display:inline-block!important;width:23px!important;height:23px!important;flex:0 0 23px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/user.svg') center/contain no-repeat;mask:url('icons/user.svg') center/contain no-repeat;}
.wd-header-mobile-nav .wd-tools-icon:before{content:""!important;display:inline-block!important;width:24px!important;height:24px!important;flex:0 0 24px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/menu.svg') center/contain no-repeat;mask:url('icons/menu.svg') center/contain no-repeat;}
.cart-empty.wd-empty-block-title:before{content:""!important;display:inline-block!important;width:64px!important;height:64px!important;flex:0 0 64px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/cart.svg') center/contain no-repeat;mask:url('icons/cart.svg') center/contain no-repeat;}
.woodmart-nav-link[href="/#tea-types"]:before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;flex:0 0 17px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/catalog.svg') center/contain no-repeat;mask:url('icons/catalog.svg') center/contain no-repeat;}
.woodmart-nav-link[href="/#tea-guide"]:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/aroma.svg') center/contain no-repeat;mask:url('icons/aroma.svg') center/contain no-repeat;}
.woodmart-nav-link[href="/#tea-ritual"]:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/teapot.svg') center/contain no-repeat;mask:url('icons/teapot.svg') center/contain no-repeat;}
.woodmart-nav-link[href="/#tea-about"]:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/store.svg') center/contain no-repeat;mask:url('icons/store.svg') center/contain no-repeat;}
.mobile-nav .menu-item-account>a:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/user.svg') center/contain no-repeat;mask:url('icons/user.svg') center/contain no-repeat;}
.zl-footer nav a[href="/#tea-types"]:before{content:""!important;display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/catalog.svg') center/contain no-repeat;mask:url('icons/catalog.svg') center/contain no-repeat;}
.zl-footer nav a[href="/#tea-ritual"]:before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;flex:0 0 17px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/teapot.svg') center/contain no-repeat;mask:url('icons/teapot.svg') center/contain no-repeat;}
.zl-footer nav a[href="/my-account/"]:before{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;flex:0 0 17px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/user.svg') center/contain no-repeat;mask:url('icons/user.svg') center/contain no-repeat;}
.zl-faq summary:after{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/chevron.svg') center/contain no-repeat;mask:url('icons/chevron.svg') center/contain no-repeat;}
.zl-primary .elementor-button:before{content:""!important;display:inline-block!important;width:19px!important;height:19px!important;flex:0 0 19px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/leaf.svg') center/contain no-repeat;mask:url('icons/leaf.svg') center/contain no-repeat;}
.zl-secondary .elementor-button:after{content:""!important;display:inline-block!important;width:17px!important;height:17px!important;flex:0 0 17px;vertical-align:middle;background:currentColor!important;-webkit-mask:url('icons/arrow-up-right.svg') center/contain no-repeat;mask:url('icons/arrow-up-right.svg') center/contain no-repeat;}

.zl-faq summary:after{position:absolute;right:0;top:22px;transition:transform .2s}
.zl-faq details[open] summary:after{transform:rotate(180deg)}
@media(max-width:767px){
.zl-category .zl-category-top>svg{width:42px;height:42px;stroke-width:1.35}
.zl-value svg{width:21px;height:21px}
.zl-taste-link{gap:12px}.zl-taste-link .zl-taste-symbol{width:27px;height:27px}
.zl-step{padding-left:58px;padding-top:18px;min-height:115px}
.zl-step-icon{position:absolute;left:0;top:20px;width:36px;height:36px;margin:0}
.zl-step-number{position:static;display:block;margin-bottom:9px;font-size:10px}
.zl-primary .elementor-button{gap:7px;padding-inline:15px!important}
.zl-actions{gap:15px!important}
.zl-footer-logo{width:215px}
}
@media(prefers-reduced-motion:reduce){.zl-faq summary:after{transition:none}}
.searchsubmit:after{content:""!important;display:inline-block!important;width:22px!important;height:22px!important;flex:0 0 22px;background:currentColor!important;-webkit-mask:url('icons/search.svg') center/contain no-repeat;mask:url('icons/search.svg') center/contain no-repeat;}
.show-password-input:before{content:""!important;display:inline-block!important;width:20px!important;height:20px!important;flex:0 0 20px;background:currentColor!important;-webkit-mask:url('icons/eye.svg') center/contain no-repeat;mask:url('icons/eye.svg') center/contain no-repeat;}
.show-password-input.display-password:before{content:""!important;display:inline-block!important;width:20px!important;height:20px!important;flex:0 0 20px;background:currentColor!important;-webkit-mask:url('icons/eye-off.svg') center/contain no-repeat;mask:url('icons/eye-off.svg') center/contain no-repeat;}
.close-side-widget .wd-action-icon:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;flex:0 0 18px;background:currentColor!important;-webkit-mask:url('icons/close.svg') center/contain no-repeat;mask:url('icons/close.svg') center/contain no-repeat;}
