/* Site-wide motion: header drop-downs, the account drop-down, and the scroll-to-top button. */

/* Phones: no translucent blue flash over a button or link when it is tapped (the browser's default
   tap highlight). Keyboard focus outlines are not affected. */
html,a,button,input,select,textarea,label,summary,[role=button],[role=tab]{-webkit-tap-highlight-color:transparent}

@media (min-width:1025px){
	/* The thin line above the header belongs to the header: it scrolls away with it instead of
	   staying at the top of the screen. */
	body:before{position:absolute!important;z-index:61!important}

	/* Mega menu: fades in and rises 15px into place instead of appearing at once. */
	.zr-reference-header .zr-mega-panel{display:grid!important;visibility:hidden;opacity:0;transform:translateY(15px) translateZ(0);pointer-events:none;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}
	.zr-reference-header .zr-mega-item:is(:hover,:focus-within,.is-pointer-open)>.zr-mega-panel{visibility:visible;opacity:1;transform:none;pointer-events:auto}

	/* The line between the menu and its drop-down is the same dotted line as above the search field. */
	.zr-reference-header .zr-mega-panel{border-top:0}
	.zr-reference-header .zr-mega-panel::after{content:"";position:absolute;top:0;right:15px;left:15px;border-top:1.5px dotted #bdbdbd;pointer-events:none}

	/* Account link with its drop-down. */
	.zr-reference-header .zr-account{position:relative;display:flex;flex:0 0 auto;align-items:center}
	.zr-reference-header .zr-account>.zr-account-link{display:flex;height:40px;align-items:center;justify-content:center;color:#111;font:800 16px/1 Inter,Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap;transition:color .25s ease}
	.zr-reference-header .zr-account:is(:hover,:focus-within)>.zr-account-link{color:#fe4800}
	.zr-account-dropdown{position:absolute;top:100%;right:0;z-index:380;box-sizing:border-box;margin-top:9px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.15);color:#767676;font:500 14px/1.6 Inter,Arial,Helvetica,sans-serif;text-align:left;visibility:hidden;opacity:0;transform:translateY(15px) translateZ(0);pointer-events:none;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}
	.zr-account-dropdown *{box-sizing:border-box}
	.zr-account-dropdown::after{content:"";position:absolute;right:0;bottom:100%;left:0;height:15px}
	.zr-account:is(:hover,:focus-within)>.zr-account-dropdown{visibility:visible;opacity:1;transform:none;pointer-events:auto}

	/* Signed in: account menu */
	.zr-account-dropdown--menu{width:220px;padding:12px 20px}
	.zr-account-dropdown--menu ul{margin:0;padding:0;list-style:none}
	.zr-account-dropdown--menu li{margin:0}
	.zr-reference-header .zr-account-dropdown--menu a{display:flex;padding:8px 0;color:#838383;font:500 14px/1.3 Inter,Arial,Helvetica,sans-serif;text-decoration:none;transition:color .25s ease}
	.zr-reference-header .zr-account-dropdown--menu a:hover{color:#fe4800}

	/* Signed out: sign-in form */
	.zr-account-dropdown--login{width:350px;padding:25px}
	.zr-account-dropdown-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:15px;padding:0 0 12px;border-bottom:1px solid rgba(0,0,0,.105)}
	.zr-account-dropdown-head span{flex:1 1 auto;color:#242424;font-size:130%;font-weight:800;line-height:1.4}
	.zr-reference-header .zr-account-dropdown-head a{color:#fe4800;font:500 14px/1.6 Inter,Arial,Helvetica,sans-serif;text-decoration:none;transition:opacity .25s ease}
	.zr-reference-header .zr-account-dropdown-head a:hover{opacity:.7}
	.zr-account-dropdown--login form{margin:0}
	.zr-account-dropdown--login p{margin:0 0 15px}
	.zr-account-dropdown--login p:last-of-type{margin-bottom:0}
	.zr-account-dropdown--login label[for]{display:block;margin:0 0 5px;color:#242424;font-weight:400}
	.zr-account-dropdown--login .required{color:#e01020;font-size:16px;line-height:1}
	.zr-account-dropdown--login :is(input[type=text],input[type=password]){display:block;width:100%;height:42px;margin:0;padding:0 15px;border:2px solid rgba(0,0,0,.1);border-radius:0;background:transparent;color:#767676;font:inherit;outline:0;transition:border-color .4s ease}
	.zr-account-dropdown--login :is(input[type=text],input[type=password]):focus{border-color:rgba(0,0,0,.15)}
	.zr-account-dropdown--login button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;padding:5px 20px;border:0;border-radius:5px;background:#fe5a00;color:#fff;font:600 13px/1.2 Inter,Arial,Helvetica,sans-serif;text-transform:uppercase;cursor:pointer;transition:box-shadow .25s ease}
	.zr-account-dropdown--login button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1)}
	.zr-account-dropdown-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
	.zr-reference-header .zr-account-dropdown-foot a{order:2;color:#fe4800;font:500 14px/1.6 Inter,Arial,Helvetica,sans-serif;text-decoration:none;transition:opacity .25s ease}
	.zr-reference-header .zr-account-dropdown-foot a:hover{opacity:.7}
	.zr-account-dropdown-foot label{order:1;display:inline-flex;align-items:center;gap:5px;margin:0;color:#242424;cursor:pointer}
	.zr-account-dropdown-foot input{margin:0}
}
@media (max-width:1024px){
	.zr-reference-header .zr-account{display:none!important}
}

/* Scroll-to-top button: slides in from the right once the page has been scrolled. */
.zr-scroll-top{position:fixed;right:20px;bottom:20px;z-index:350;display:flex;width:50px;height:50px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 0 5px rgba(0,0,0,.17);color:#333;font-size:16px;line-height:1;opacity:0;pointer-events:none;cursor:pointer;transform:translateX(100%);transition:opacity .25s ease,transform .25s ease,color .25s ease;backface-visibility:hidden}
.zr-scroll-top.is-shown{opacity:1;transform:none;pointer-events:auto}
.zr-scroll-top::after{content:"\f115";font-family:'zr-woodmart-icons';font-weight:400}
.zr-scroll-top:hover{color:#777}
@media (max-width:1024px){
	.zr-scroll-top{right:12px;bottom:12px;width:40px;height:40px;font-size:14px}
}
/* Footer accordion marker switches as soon as a panel starts to close. */
.zr-site-footer .zr-footer-accordion summary[aria-expanded=false]:after{content:'+'}
.zr-site-footer .zr-footer-accordion summary[aria-expanded=true]:after{content:'\2212'}
@media (prefers-reduced-motion:reduce){
	.zr-reference-header .zr-mega-panel,.zr-account-dropdown,.zr-scroll-top{transition:none}
}

/* Product search.
   Desktop: a panel drops in under the header with the page dimmed behind it.
   Phones and tablets: the same content appears inside the menu, under the menu's own search field;
   the menu's top row (close, logo, account, bag) stays where it is. */
.zr-search-shade{position:fixed;inset:0;z-index:399;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility 0s .4s}
.zr-search-panel{position:fixed;top:116px;right:0;left:0;z-index:400;max-height:calc(100vh - 116px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 15px;background:#fff;opacity:0;visibility:hidden;transform:translateY(15px) translateZ(0);transition:opacity .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1),visibility 0s .4s}
.zr-search-panel *,.zr-search-panel *::before,.zr-search-panel *::after,.zr-search-body *,.zr-search-body *::before,.zr-search-body *::after{box-sizing:border-box}
/* Opening: visible at once (so the field can take focus), then fades in. Closing: fades out, then hides. */
html.zr-search-open .zr-search-shade{opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility 0s}
html.zr-search-open .zr-search-panel{opacity:1;visibility:visible;transform:none;transition:opacity .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1),visibility 0s}
/* The scrollbar's space is kept while the page is locked, so nothing shifts sideways. */
html.zr-search-open{overflow:hidden;scrollbar-gutter:stable}
.zr-search-form{margin:0;padding:16px 0;border-top:1.5px dotted #bdbdbd;border-bottom:1.5px dotted #bdbdbd}
.zr-search-form input[type=search]{display:block;width:100%;height:38px;margin:0;padding:0;border:0;border-radius:0;appearance:none;background:transparent;box-shadow:none;color:#111;font:800 32px/38px Inter,Arial,Helvetica,sans-serif;letter-spacing:.03em;text-align:center;text-transform:uppercase;outline:0}
.zr-search-form input[type=search]::placeholder{color:#bbb;opacity:1}
.zr-search-form input[type=search]::-webkit-search-cancel-button{display:none}

/* Content: lists and tiles before typing, collections and products while typing. Both groups sit
   together in the middle of the panel. */
.zr-search-body{padding:40px 0;color:#333;font:500 15px/1.5 Inter,Arial,Helvetica,sans-serif;text-align:left}
.zr-search-default,.zr-search-found{display:flex;justify-content:center;gap:64px}
.zr-search-default[hidden],.zr-search-results[hidden],.zr-search-none[hidden]{display:none}
.zr-search-lists{display:flex;flex:none;gap:20px}
.zr-search-lists>div{width:205px}
.zr-search-heading{margin:0 0 16px;color:#111;font-size:14px;font-weight:800;letter-spacing:.04em;line-height:20px;text-transform:uppercase}
.zr-search-lists ul{margin:0;padding:0;list-style:none}
.zr-search-lists li{margin:0 0 8px;padding:0;border:0}
.zr-search-lists li:last-child{margin-bottom:0}
.zr-search-body .zr-search-lists a{color:#333;font-size:15px;font-weight:500;line-height:22px;text-decoration:none;transition:color .2s ease}
.zr-search-body .zr-search-lists a:hover{color:#fe4800}
.zr-search-tiles{display:flex;gap:8px}
.zr-search-body .zr-search-tile{position:relative;display:block;width:300px;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#000;color:#fff;text-decoration:none}
.zr-search-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .35s ease}
.zr-search-tile:hover img{transform:scale(1.06);opacity:.75}
.zr-search-tile strong{position:absolute;right:18px;bottom:18px;left:18px;color:#fff;font-size:28px;font-weight:800;line-height:1.05;text-shadow:0 1px 6px rgba(0,0,0,.4);text-transform:uppercase}
.zr-search-none{margin:0 0 28px;color:#111;font-size:16px;font-weight:600;text-align:center}
.zr-search-results{position:relative;transition:opacity .2s ease}
.zr-search-body.is-loading .zr-search-results,.zr-search-body.is-loading .zr-search-default{opacity:.35}
.zr-search-found{animation:zr-search-rise .5s cubic-bezier(.19,1,.22,1) both}
@keyframes zr-search-rise{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.zr-search-products{display:flex;gap:8px}
.zr-search-body .zr-search-product{display:block;flex:0 0 224px;width:224px;color:#333;text-decoration:none}
.zr-search-product-image{display:block;overflow:hidden;border-radius:12px;background:#f7f7f7}
.zr-search-product-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s ease}
.zr-search-product:hover .zr-search-product-image img{transform:scale(1.05)}
.zr-search-product strong{display:block;margin-top:12px;color:#333;font-size:14px;font-weight:900;line-height:1.4;text-transform:uppercase;transition:color .2s ease}
.zr-search-product:hover strong{color:#fe4800}
.zr-search-product-price{display:block;margin-top:6px;color:#fe4800;font-size:14px;font-weight:600;line-height:1.4}
.zr-search-product-price del{color:#bbb;font-size:90%;font-weight:400}
.zr-search-product-price ins{text-decoration:none}
.zr-search-product-price .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.zr-search-more{margin-top:40px;padding-top:40px;border-top:1px solid rgba(0,0,0,.105);text-align:center}
.zr-search-body .zr-search-all{display:inline-flex;min-width:216px;height:48px;align-items:center;justify-content:center;padding:0 32px;border-radius:5px;background:#111;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease}
.zr-search-body .zr-search-all:hover{background:#fe5a00;color:#fff}

/* Desktop header: magnifier with a SEARCH label; while the panel is open it reads "x CLOSE". */
.zr-search-label{display:none}
.zr-menu-search{display:none}
@media (min-width:1025px){
	.zr-reference-header .zr-utility>a[data-zr-search]{width:auto!important;flex:0 0 auto!important;gap:7px!important;margin-right:20px!important}
	/* The magnifier and the close mark are drawn with strokes as heavy as the bold label beside them. */
	.zr-reference-header .zr-utility>a[data-zr-search] .zr-search-icon{width:18px!important;height:18px!important}
	.zr-reference-header .zr-utility>a[data-zr-search] .zr-search-icon:before{content:""!important;display:block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M15.2 15.2 22 22'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M15.2 15.2 22 22'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
	html.zr-search-open .zr-reference-header .zr-utility>a[data-zr-search] .zr-search-icon:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='4' d='M3.5 3.5l17 17M20.5 3.5l-17 17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='4' d='M3.5 3.5l17 17M20.5 3.5l-17 17'/%3E%3C/svg%3E");-webkit-mask-size:14px 14px;mask-size:14px 14px}
	/* The bag is drawn with the same heavy stroke, and the cart total uses the same weight as the other labels. */
	.zr-reference-header .zr-utility .zr-cart-icon:before{content:""!important;display:block;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M4.2 8.6h15.6l-1.3 12.4H5.5z'/%3E%3Cpath d='M8.4 8.4V6.6a3.6 3.6 0 0 1 7.2 0v1.8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M4.2 8.6h15.6l-1.3 12.4H5.5z'/%3E%3Cpath d='M8.4 8.4V6.6a3.6 3.6 0 0 1 7.2 0v1.8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
	.zr-reference-header .zr-utility .zr-cart-total,.zr-reference-header .zr-utility .zr-cart-total .woocommerce-Price-amount{font-weight:800!important}
}
@media (min-width:1201px){
	.zr-search-label{display:inline}
}
@media (max-width:1200px){
	.zr-search-default,.zr-search-found{gap:40px}
	.zr-search-body .zr-search-tile{width:240px}
	.zr-search-body .zr-search-product{flex-basis:190px;width:190px}
}

/* Phones and tablets: search lives in the menu. */
@media (max-width:1024px){
	.zr-search-panel,.zr-search-shade{display:none}
	html.zr-search-open{overflow:visible;scrollbar-gutter:auto}
	/* The menu list gives way to the search content, which rises into place under the field. */
	.zr-mobile-drawer.is-searching :is(.mobile-pages-menu,.zr-mobile-menu-utility){display:none}
	.zr-mobile-drawer.is-searching .zr-menu-search{display:block;animation:zr-menu-search-in .4s cubic-bezier(.19,1,.22,1) both}
	.zr-mobile-drawer.is-search-leaving :is(.mobile-pages-menu,.zr-mobile-menu-utility){animation:zr-menu-search-in .4s cubic-bezier(.19,1,.22,1) both}
	@keyframes zr-menu-search-in{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:none}}
	/* The menu scrolls without drawing a scrollbar of its own (no second line beside the page's). */
	#zr-mobile-drawer{scrollbar-width:none;-ms-overflow-style:none}
	#zr-mobile-drawer::-webkit-scrollbar{display:none}
	/* While searching, the field's magnifier becomes a close mark. */
	#zr-mobile-drawer.is-searching .wd-search-form .searchsubmit svg{display:none}
	#zr-mobile-drawer.is-searching .wd-search-form .searchsubmit::before{content:"\f112";font:400 16px/1 'zr-woodmart-icons'}
	.zr-menu-search .zr-search-body{padding:0 0 32px}
	.zr-search-default{flex-direction:column;gap:32px}
	.zr-search-lists{flex-direction:column;gap:28px}
	.zr-search-lists>div{width:auto}
	.zr-search-body .zr-search-lists a{font-size:18px;line-height:28px}
	/* No pictures in the menu search; they are for the desktop panel only. */
	.zr-search-tiles{display:none}
	.zr-search-found{flex-direction:column;gap:0}
	.zr-search-found .zr-search-lists{display:none}
	.zr-search-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
	.zr-search-body .zr-search-product{width:auto}
	.zr-search-product strong{font-size:13px}
	.zr-search-more{margin-top:28px;padding-top:28px}
	.zr-search-body .zr-search-all{display:flex;width:100%}
}
@media (prefers-reduced-motion:reduce){
	.zr-search-panel,.zr-search-shade{transition:none}
	.zr-search-found,.zr-mobile-drawer.is-searching .zr-menu-search,.zr-mobile-drawer.is-search-leaving :is(.mobile-pages-menu,.zr-mobile-menu-utility){animation:none}
}

/* Shop notices ("added to your cart", errors): a small card that slides in under the header at the
   top right, instead of a line of text above the product. Cart, checkout and account pages keep
   their own notices inside the page. The close button and the timed dismissal are in navigation.js. */
.woocommerce-notices-wrapper:not(.zr-wc-page *){position:fixed;top:var(--zr-notice-top,16px);right:16px;z-index:400;display:flex;flex-direction:column;gap:10px;width:min(400px,calc(100vw - 32px));margin:0;padding:0;pointer-events:none}
.woocommerce-notices-wrapper:not(.zr-wc-page *):empty{display:none}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>:is(.woocommerce-message,.woocommerce-info,.woocommerce-error){position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:start;margin:0;padding:16px 46px 16px 16px;border:1px solid #e6e6e6;border-radius:10px;outline:0;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.16);color:#111;font:500 14px/1.5 Inter,Arial,Helvetica,sans-serif;list-style:none;pointer-events:auto;animation:zr-notice-in .5s cubic-bezier(.19,1,.22,1) both}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>:is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{content:"";grid-column:1;grid-row:1;width:24px;height:24px;border-radius:50%;background:#1f9d55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9'/%3E%3C/svg%3E") center/24px no-repeat}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>.woocommerce-error::before{background-color:#e2401c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 7v6.5M12 17v.2'/%3E%3C/svg%3E")}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>.woocommerce-info::before{background-color:#111;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7v.2'/%3E%3C/svg%3E")}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>*>:is(li,a){grid-column:2}
.woocommerce-notices-wrapper:not(.zr-wc-page *) li{margin:0;padding:0}
.woocommerce-notices-wrapper:not(.zr-wc-page *) li+li{margin-top:6px}
.woocommerce-notices-wrapper:not(.zr-wc-page *) a:not(.button){color:#111;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.woocommerce-notices-wrapper:not(.zr-wc-page *) .button{display:inline-flex;width:fit-content;min-height:36px;align-items:center;justify-content:center;margin:10px 0 0;padding:0 16px;border:0;border-radius:5px;background:#111;color:#fff;font:700 12px/1 Inter,Arial,Helvetica,sans-serif;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease}
.woocommerce-notices-wrapper:not(.zr-wc-page *) .button:hover{background:#fe5a00;color:#fff}
.woocommerce-notices-wrapper:not(.zr-wc-page *) li .button{display:flex}
.zr-notice-close{position:absolute;top:8px;right:8px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:#767676;cursor:pointer;transition:color .2s ease,background-color .2s ease}
.zr-notice-close::before{content:"\f112";font:400 11px/1 'zr-woodmart-icons'}
.zr-notice-close:hover{background:#f2f2f2;color:#111}
.woocommerce-notices-wrapper:not(.zr-wc-page *)>.is-leaving{animation:zr-notice-out .3s ease both}
@keyframes zr-notice-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes zr-notice-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}
@media (max-width:600px){
	.woocommerce-notices-wrapper:not(.zr-wc-page *){right:12px;left:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){
	.woocommerce-notices-wrapper:not(.zr-wc-page *)>*{animation:none!important}
}
/* === Location selector (start) ===
   The country / currency link, the panel it opens, and the card that says prices were switched
   to the visitor's currency. Markup and logic: inc/location.php. */
.zr-location-link{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:500 14px/1.4 Inter,Arial,Helvetica,sans-serif;cursor:pointer;transition:color .2s ease}
.zr-location-link svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.zr-location-link span{text-decoration:underline;text-underline-offset:3px}
.zr-location-link:hover{color:#fe4800}
/* Mobile menu: the link sits above the line of the bottom strip, on the menu's own background. */
.zr-mobile-drawer .zr-mobile-menu-location{flex:none;align-self:center;margin:auto 0 16px;background:none!important;color:var(--zr-menu-ink,#111);font-size:13px}
.zr-mobile-drawer .zr-mobile-menu-location+.zr-mobile-menu-utility{margin-top:0}
.zr-mobile-drawer.is-searching .zr-mobile-menu-location{display:none}
/* Footer: one small line at the very end. */
.zr-footer-location{padding:0 20px 24px;color:#767676;font:500 12px/1.5 Inter,Arial,Helvetica,sans-serif;text-align:center}
.zr-footer-location i{font-style:normal}
.zr-footer-location button{padding:0;border:0;background:none;color:#111;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}
.zr-footer-location button:hover{color:#fe4800}
.zr-location{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;justify-content:center;padding:20px 15px;color:#111;font:500 14px/1.5 Inter,Arial,Helvetica,sans-serif}
.zr-location[hidden]{display:none}
.zr-location *,.zr-location *::before{box-sizing:border-box}
.zr-location-shade{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s ease}
.zr-location-dialog{position:relative;width:min(760px,100%);max-height:min(86vh,740px);margin:0;padding:32px;overflow:auto;overscroll-behavior:contain;border-radius:12px;background:#fff;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s cubic-bezier(.19,1,.22,1)}
.zr-location.is-open .zr-location-shade{opacity:1}
.zr-location.is-open .zr-location-dialog{opacity:1;transform:none}
.zr-location-close{position:absolute;top:14px;right:14px;display:flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:#111;cursor:pointer;transition:background-color .2s ease}
.zr-location-close::before{content:"\f112";font:400 13px/1 'zr-woodmart-icons'}
.zr-location-close:hover{background:#f2f2f2}
.zr-location-dialog h2{margin:0 40px 6px 0;color:#111;font-size:22px;font-weight:800;line-height:1.2;text-transform:uppercase}
.zr-location-intro{margin:0;color:#666}
.zr-location-dialog h3{margin:22px 0 10px;color:#767676;font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
.zr-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zr-location-grid button{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#111;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.zr-location-grid button:hover{border-color:#111}
.zr-location-grid button.is-current{border-color:#111;background:#f7f7f7;box-shadow:inset 0 0 0 1px #111}
.zr-location-grid strong{font-weight:600}
.zr-location-grid small{flex:none;color:#767676;font-size:12px}
.zr-currency-note{position:fixed;bottom:16px;left:16px;z-index:340;display:flex;max-width:min(440px,calc(100vw - 100px));align-items:center;gap:12px;padding:12px 10px 12px 16px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.16);color:#111;font:500 13px/1.45 Inter,Arial,Helvetica,sans-serif;animation:zr-currency-note-in .5s cubic-bezier(.19,1,.22,1) both}
.zr-currency-note[hidden]{display:none}
.zr-currency-note p{margin:0}
.zr-currency-note-change{flex:none;padding:0;border:0;background:none;color:#111;font:700 13px/1.45 Inter,Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.zr-currency-note-change:hover{color:#fe4800}
.zr-currency-note-close{display:flex;flex:none;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:#767676;cursor:pointer}
.zr-currency-note-close::before{content:"\f112";font:400 10px/1 'zr-woodmart-icons'}
.zr-currency-note-close:hover{background:#f2f2f2;color:#111}
@keyframes zr-currency-note-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.zr-currency-note.is-leaving{animation:zr-currency-note-out .3s ease both}
@keyframes zr-currency-note-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}
@media (max-width:700px){
	.zr-location-dialog{padding:26px 18px 22px}
	.zr-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.zr-location-grid button{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:8px 12px}
	.zr-currency-note{bottom:12px;left:12px}
}
@media (prefers-reduced-motion:reduce){
	.zr-location-shade,.zr-location-dialog{transition:none}
	.zr-currency-note{animation:none}
}
/* === Location selector (end) === */

/* Footer social icons (Facebook, Instagram, Pinterest) are also shown on phones and tablets. */
@media (max-width:900px){
	footer.zr-site-footer .zr-footer-brand .zr-footer-social{display:flex!important;margin-top:16px}
}
/* Mobile menu close buttons: a 34px square (like the other square buttons on the site) with the
   cross drawn from two lines, so it always sits exactly in the middle of the box. */
#zr-mobile-drawer .zr-mobile-menu-close,
.zr-category-fullscreen .zr-category-fullscreen-close{width:34px;height:34px;border-radius:3px;background:#111319;color:#fffdf9;font-size:0;line-height:0}
#zr-mobile-drawer .zr-mobile-menu-close::before,
#zr-mobile-drawer .zr-mobile-menu-close::after,
.zr-category-fullscreen .zr-category-fullscreen-close::before,
.zr-category-fullscreen .zr-category-fullscreen-close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:1.5px;margin:0!important;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
#zr-mobile-drawer .zr-mobile-menu-close::after,
.zr-category-fullscreen .zr-category-fullscreen-close::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* Desktop menu: CUSTOM turns orange on hover like MEN, WOMEN and MOTORCYCLE GEAR. */
@media (min-width:1025px){
	.zr-desktop-nav>a.zr-custom-link:hover{color:#f4511e!important}
}

/* Hover colours fade in instead of switching at once. This is the default for every link and
   button; an element that sets its own transition keeps it. */
:where(a,button,input[type=submit],input[type=button],summary,[role=button],[role=tab]){transition:color .25s ease,background-color .25s ease,border-color .25s ease}
.zr-reference-header .zr-menu-toggle b,.zrm-media__choose{transition:color .25s ease,border-color .25s ease}
.zr-wc-page .login-form-footer a.lost_password{transition:color .25s ease,opacity .25s ease}
@media (prefers-reduced-motion:reduce){
	:where(a,button,input[type=submit],input[type=button],summary,[role=button],[role=tab]),.zr-reference-header .zr-menu-toggle b{transition:none}
}
/* === FAQ list ===
   One design for every list of questions and answers on the site: the home page, the FAQ and
   Contact pages, and the guide pages. Each question is a white card; the arrow turns down when
   the answer is open. Opening and closing is done by the "FAQ list" block in navigation.js. */
.zr-faq-list{width:100%;max-width:800px;margin:0 auto;color:#111;font-family:Inter,Arial,Helvetica,sans-serif;text-align:left}
.zr-faq-list details{box-sizing:border-box;margin:0 0 20px;overflow:hidden;overflow-anchor:none;border:1px solid #f2f2f2;border-radius:12px;background:#fff;box-shadow:10px 10px 10px #0000000d}
.zr-faq-list summary{display:flex;align-items:center;gap:18px;margin:0;padding:35px;background:none;color:#111;font:800 20px/1 Inter,Arial,Helvetica,sans-serif;letter-spacing:normal;text-transform:none;list-style:none;cursor:pointer}
.zr-faq-list summary::-webkit-details-marker{display:none}
.zr-faq-list summary::before{content:"\279C";flex:none;transition:transform .3s}
.zr-faq-list details[open] summary::before,.zr-faq-list details.is-expanding summary::before{transform:rotate(90deg)}
.zr-faq-list details.is-collapsing summary::before{transform:rotate(0)}
.zr-faq-list details>div{box-sizing:border-box;overflow:hidden;padding:0 35px 25px 45px;color:#2b2b2b;font:400 16px/1.6 Inter,Arial,Helvetica,sans-serif}
.zr-faq-list details>div :is(p,li,div,span){max-width:none;margin:0;padding:0;color:inherit;font:inherit}
.zr-faq-list details>div p+p{margin-top:12px}
@media (max-width:767px){
	.zr-faq-list details>div{padding:0 25px 25px 45px}
	/* FAQ and Contact pages sit in a column with wide side margins: on a phone their cards reach out to the same width as everywhere else. */
	.zr-el-accordion>.zr-faq-list{width:calc(100% + 70px);max-width:none;margin-inline:-35px}
}
/* Footer social icons (Facebook, Instagram, Pinterest), on every page: the icon itself always
   stays white; on hover only the square behind it changes, from black to orange.
   (To make the icon black on hover instead, change the two #fff values in the hover rules to #111.) */
footer.zr-site-footer .zr-footer-brand .zr-footer-social a{background:#111!important;color:#fff!important;transition:background-color .25s ease,color .25s ease!important}
footer.zr-site-footer .zr-footer-brand .zr-footer-social a svg{fill:currentColor!important;transition:fill .25s ease}
footer.zr-site-footer .zr-footer-brand .zr-footer-social a:hover,
footer.zr-site-footer .zr-footer-brand .zr-footer-social a:focus-visible{background:#f4511e!important;color:#fff!important}
footer.zr-site-footer .zr-footer-brand .zr-footer-social a:hover svg,
footer.zr-site-footer .zr-footer-brand .zr-footer-social a:focus-visible svg{fill:#fff!important}
/* Footer on tablets held sideways and small laptops (901 to 1079px wide): the six desktop columns
   need about 1080px, so here they are allowed to shrink to fit instead of pushing the page wider
   than the screen (which made every page scroll sideways). */
@media (min-width:900.02px) and (max-width:1079.98px){
	footer.zr-site-footer .zr-footer-grid{grid-template-columns:minmax(210px,1.5fr) repeat(5,minmax(0,1fr))!important;gap:18px!important}
	footer.zr-site-footer .zr-footer-grid>nav a{overflow-wrap:anywhere}
}

/* === Strip under the home slider (Since 2019, Certified Company ...): not bold on phones and tablets === */
@media (max-width:1024.98px){
	.zr-trust .zr-trust-item{font-weight:500}
}

/* === Narrow desktop windows (1025 to 1199px): the menu links no longer run into the logo === */
@media (min-width:1025px) and (max-width:1199.98px){
	.zr-reference-header .zr-nav-row{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr)!important}
	.zr-reference-header .zr-nav-row .custom-logo{width:210px!important;height:auto!important}
	.zr-reference-header .zr-desktop-nav{gap:12px!important}
	.zr-reference-header .zr-desktop-nav>a,.zr-reference-header .zr-mega-item>a{font-size:14px!important}
}

/* === Product page and quick view: the quantity is chosen in the cart, so no quantity box beside the button === */
.single-product form.cart .quantity,.zr-quick form.cart .quantity{display:none!important}

/* === Logged-in staff see the WordPress toolbar (32px) at the top: the thin line above the header moves
   down with the page, so the toolbar no longer covers it === */
@media (min-width:1025px){
	body.admin-bar:before{top:47px!important}
}